.font-custom1 {
        font-family: inherit;
    }

    .news-container {
        max-width: 800px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .category-main-wrapper {
        width: 100%;
        min-height: 100vh;
        margin-top: 100.59px;
    }

    @media (min-width: 1024px) {
        .category-main-wrapper {
            margin-top: 108px;
        }
    }

    .custom_height {
        min-height: calc(100vh - 108px);
    }

    .category-header {
        margin-top: 33px;
        height: 100px;
        padding-left: 32px;
        padding-right: 32px;
        border-top: 0.5px solid black;
        border-bottom: 0.5px solid black;
        background: white;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .category-title {
        font-size: 44px;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: -2.96px;
        color: black;
        margin: 0;
        text-transform: uppercase;
    }

    .form-control {
        display: block;
        width: 100%;
        height: calc(1.5em + .75rem + 2px);
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        margin-bottom: 15px;}

    /* Application Form Section */
    .application-section {
        background: white;
        border: 1px solid #000;
        border-radius: 0px;
        padding: 30px;
        margin-bottom: 50px;
    }

    .application-section h5 {
        color: #2c3e50;
        font-size: 1.5rem;
        font-weight: 600;
        margin-bottom: 20px;
        direction: rtl;
    }

    .jobdone {
        font-size: 27px;
        color: #20d520;
        padding: 1px;
        border-radius: 20px;
        margin-left: 7px;
        position: relative;
        top: 4px;
    }

    @media (max-width: 768px) {
        .job-hero h1 {
            font-size: 1.8rem;
        }

        .job-content {
            padding: 0 15px;
        }

        .job-description-section,
        .application-section {
            padding: 20px;
        }
    }

    .ul-settings {
        text-align: right;
    }

    .ul-settings ul>li {
        display: inline-block;
        margin-left: 50px;
    }

    label {
        margin-bottom: 0px !important
    }

 

    .barameji-logo {
        width: 60px;
        padding: 25px 0 25px 0;
        margin: 0 auto
    }

    footer {
        background: #000;
        color: #fff;
        padding: 30px;
        text-align: right;
    }



    .job-post {
        border: 1px solid #000;
        text-align: right;
        direction: rtl;
        display: block;
        padding: 30px 9px;
    }

    .job-post:hover {
        border-color: green;
        border-width: 1px;
        background: repeating-linear-gradient(45deg, #50f5a2, #50f5a2 2px, #fff 2px, #fff 8px);
    }

    .job-post span {
        padding: 8px;
        font-size: 18pt;
    }

    .job-post:hover span {
        background: #fff;
    }

    .file-upload {
        text-align: center;
        height: 55px;
        border: 2px dashed rgb(142 142 142);
        padding-top: 14px;
        cursor: pointer;
    }

    .btn-dark.disabled,
    .btn-dark:disabled {
        border: 1px solid #afafaf;
        background: #ffffff;
        color: #666;
        width: 100%;
        border-radius: 0;
    }

    .btn-dark {
        background: #000000;
        color: #ffffff;
        width: 100%;
        border-radius: 0;
    }

    /* Custom dropdown styling */
    .form-select {
        border: 1px solid #ced4da;
        border-radius: 0.375rem;
        padding: 0.375rem 2.25rem 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        background-color: #fff;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right 0.75rem center;
        background-size: 16px 12px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width:100%;
    }

    .form-select:focus {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

    /* Transition overlay styling */
    #corporateTransitionOverlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background: #00375f !important;
        z-index: 999999 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: white !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: all 0.6s ease-out !important;
    }

    #corporateTransitionOverlay.show {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .corporate-content-wrapper {
        text-align: center !important;
        color: white !important;
        max-width: 600px !important;
        padding: 40px !important;
    }

    .corporate-title-text {
        font-size: 3rem !important;
        font-weight: bold !important;
        margin: 30px 0 20px 0 !important;
        color: white !important;
    }

    .corporate-message-text {
        font-size: 1.3rem !important;
        line-height: 1.6 !important;
        margin: 0 !important;
        color: white !important;
        text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6) !important;
    }