/* .main_wrapper{
        padding: 115px 0;
    } */
    section{
        padding: 0 82.5px !important;
    }
    .two_section{
        padding: 0;
    }
     .wrapper{
        display: flex;
        flex-direction: column;
        gap: 50px;
    }
     .wrapper .two_section{
        display: grid;
        /* grid-template-columns: 49% 50.8%; */
        grid-template-columns: 46.8% 50.8%;
        gap: 70px;
        align-items: center;
        padding-right: 92px;
    }
     .wrapper .two_section img{
        width: 100%;
    }
     .wrapper .two_section .img-bg{
        position: absolute;
        top: 43px;
        right: 23px;
        width: auto;
    }
     .wrapper .two_section .content{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
     .wrapper .two_section .content h1{
        color: #404041;
        font-weight: 300;
        font-size: 55px;
        line-height: 55px;
    }
   
     .wrapper .two_section .content h1 span{
        color: #F68A1E;
    }
     .wrapper .two_section .content p{
        color: #404041;
        opacity: 0.8;

        font-weight: 300;
        font-size: 26px;
        line-height: 38px;
    }
     .wrapper .two_section .content button{
        height: 53px;
        padding: 10px 30px;
        border: 1px solid rgba(64, 64, 65, 0.5);
        font-size: 20px;
        line-height: 21px;
        font-weight: 400;
        border-radius: 25px;
        box-shadow: none;

        border-color: #F68A1E;
        background-color: #F68A1E;
        color: #ffffff;
    }
     .wrapper .join-us{
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        gap: 15px;
    }
     .wrapper .join-us .cards{
        display: flex;
        align-items: center;
        gap: 5px;
        flex-wrap: wrap;
        justify-content: center;
    }
     .wrapper .join-us .cards .card{
        border-radius: 12px;
        width: 423px;
    }
     .wrapper .join-us .cards .card .card-body{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
        padding: 40px 28px;
    }
     .wrapper .join-us .cards .card .card-body .card-logo-holder{
        width: 64px;
        height: 64px;
        display: flex;
        justify-content: center;
    }
     .wrapper .join-us .cards .card .card-body h1{
        color: #F68A1E;
        font-size: 24px;
        font-weight: 400;
    }
     .wrapper .join-us .cards .card .card-body p{
        text-align: center;
        color: #404041;
        font-size: 18px;
        line-height: 26px;
        font-weight: 400;
        margin-bottom: 0;
    }
     .wrapper .join-us .header{
        text-align: center;
        margin-bottom: 40px;
    }
     .wrapper .join-us .header h1{
        color: #F68A1E;
        text-transform: capitalize;
        margin-bottom: 10px;

        font-weight: 400;
        font-size: 50px;
        line-height: 60px;
    }
     .wrapper .join-us .header p{
        color: #404041;
        margin-bottom: 0;

        font-weight: 300;
        font-size: 24px;
        line-height: 32px;
    }
    .Play_slider{
        margin-top: 50px;
    }
    .Play_slider h1{
        color: #F68A1E;
        text-transform: capitalize;
        margin-bottom: 10px;

        font-weight: 400;
        font-size: 50px;
        line-height: 60px;
    }
    .Play_slider p{
        color: #404041;
        margin-bottom: 0;

        font-weight: 300;
        font-size: 24px;
        line-height: 32px;
    }
    .Play_slider .card-slider .card{
        border-radius: 23px;
        margin-top: 50px;
        border: 0px;
    }
    .Play_slider .slick-slide{
        padding: 0px 5px;
    }
    .Play_slider .card-slider .card img{
        width: 100%;
    }
    .Play_slider .slider.slider-theme .slick-dots{
        bottom: -50px;
    }
    .Play_slider .slider.slider-theme .slick-dots li.slick-active {
    width: 54px;
    }
    .Play_slider .slider.slider-theme .slick-dots li {
        width: 6px;
        height: 6px;
        margin: 0px 4px;
    }
    .Play_slider .slider.slider-theme .slick-dots li.slick-active button {
        width: 54px;
    }
    .Play_slider .slider.slider-theme .slick-dots li button {
        width: 6px;
        height: 6px;
    }
    .Play_slider .slider.slider-theme .slick-dots li.slick-active button:before {
        width: 54px;
        background: #404041;
    }
    .Play_slider .slick-dotted.slick-slider {
        margin-bottom: 100px;
    }
    .Play_slider .slider.slider-theme .slick-dots li button:before {
        font-size: 0;
        width: 6px;
        height: 6px;
        content: "�";
        opacity: 1;
        background: #404041;
        border-radius: 50px;
    }

     .wrapper .two_container{
        display: grid;
        /* grid-template-columns: 38.3% 61.7%; */
        grid-template-columns: 595px 1fr;
        align-items: center;
        gap: 95px;
        margin-top: 50px;
    }
     .wrapper .two_container .profile-holder{
        width: 532px;
        height: 532px;
        border-radius: 50%;
        margin-left: auto;
    }
     .wrapper .two_container .content{
        display: flex;
        flex-direction: column;
        gap: 58px;
    }
     .wrapper .two_container .content h1{
        font-size: 24px;
        font-weight: 500;
        color: #404041;
    }
     .wrapper .two_container .content .text{
        position: relative;
    }
     .wrapper .two_container .content .text p{
        font-size: 23px;
        font-weight: 400;
        color: #404041;
        padding-right: 73.5px;
    }
     .wrapper .two_container .content .bottom-txt span{
        color: #F68A1E;
        font-size: 24px;
        font-weight: 400;
        text-transform: capitalize;
    }
     .wrapper .two_container .content .bottom-txt p{
        color: #404041;
        font-size: 18px;
        font-weight: 400;
        text-transform: uppercase;
        margin-bottom: 0px;
    }
     .wrapper .two_container .content .top-colon{
        position: absolute;
        top: -16px;
        left: -53px;
    }
     .wrapper .two_container .content .bottom-colon{
        position: absolute;
        bottom: 0px;
        right: 0;
    }

    .current_openings .select{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
        margin-top: 50px;
    }
    .current_openings .select .form-select{
        border: 1px solid #B2B2B2;
        border-radius: 50px;
        padding: 10px 24px;

        color: #707070;
        font-size: 20px;
        font-weight: 400;
    }
    .current_openings .select .form-select:focus {
        box-shadow: none !important;
    }
    .current_openings header{
        text-align: center;
        margin-bottom: 50px;
    }
    .current_openings header h1{
        color: #F68A1E;
        text-transform: capitalize;
        margin-bottom: 10px;
        font-weight: 400;
        font-size: 50px;
        line-height: 60px;
    }
    .current_openings header p{
        color: #404041;
        margin-bottom: 0;
        font-weight: 300;
        font-size: 24px;
        line-height: 32px;
    }

    .current_openings .jobs_apply{
    display: flex;
    flex-direction: column;
    gap: 30px;
    }
    .current_openings .jobs_apply .content{
        display: grid;
        grid-template-columns: 1fr 592px;
        gap: 104px;

        border: 1px solid #4140404d;
        border-radius: 35px;
        padding: 30px;
    }
    .current_openings ul{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px;
        padding: 0;
    }
    .current_openings ul li{
        list-style: none;
    }
    .current_openings ul li label{
        color: #404041;
        font-size: 18px;
        font-weight: 500;
        opacity: 0.8;
        margin-bottom: 2px;
    }
    .current_openings ul li p{
        color: #404041;
        font-size: 18px;
        font-weight: 500;
    }
    .current_openings .jobs_apply .content .apply{
        background-color: transparent;
        padding: 12px 40px;
        font-size: 19px;
        font-weight: 500;
        border-radius: 50px;
        margin-top: 30px;
        text-transform: capitalize;
        border: 1px solid #F68A1E;
        color: #000;
    }
    .current_openings .left-content h1{
        font-size: 32px;
        color: #404041;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .current_openings .left-content span{
        color: #404041;
        font-size: 18px;
        font-weight: 400;
        opacity: 0.8;
    }
    .current_openings .left-content p{
        color: #404041;
        font-size: 18px;
        font-weight: 400;
        margin-top: 20px;
        margin-bottom: 0;
        opacity: 0.9;
        word-break: break-all;
    }


    @media (max-width: 1366px) {
         .wrapper .two_section .img-bg{
            width: 145px;
            position: absolute;
            top: 29px;
            right: 8px;
        }
    }
    @media (max-width: 767px) {
         .wrapper .two_section {
            grid-template-columns: 1fr;
        }
    }

    .upload-resume-modal .modal-dialog {
        max-width: 900px;
    }
    .upload-resume-modal .modal-content{
        border-radius: 20px;
    }
    .upload-resume-modal .form input , .upload-resume-modal .form select{
        border: 1px solid #B2B2B2;
        border-radius: 50px;
        padding: 5px 24px;
        color: #707070;
        font-size: 20px;
        font-weight: 400;
        position: relative;
        height: 45px;
    }
    .upload-resume-modal .form .content{
        display: grid;
        grid-template-columns: 180px 1fr;
        gap: 20px;
    }
    .upload-resume-modal .form{
        display: flex;
        flex-direction: column;
        gap: 40px;
    
        width: 620px;
        margin: 0 auto;
    }
    .upload-resume-modal .form input:focus{
        box-shadow: none;
    }
    .upload-resume-modal .modal-body{
        display: flex;
        flex-direction: column;
        gap: 40px;
        padding: 0px 76px;
        text-align: center;
        padding-bottom: 50px;
    }
    .upload-resume-modal .modal-body h1{
        color: #F68A1E;
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 10px;
    }
    .upload-resume-modal .modal-body p{
        color: #404041;
        font-size: 18px;
        font-weight: 400;
        opacity: 0.8;
    }
    .upload-resume-modal .modal-header{
        border-bottom: none;
        padding-bottom: 0;
    }
    .upload-resume-modal .modal-header .btn-close:focus{
        box-shadow: none;
    }
    .upload-resume-modal .modal-header .btn-close{
        width: 20px;
        height: 20px;
    }
    .upload-resume-modal .modal-body img{
        max-width: 416px;
        margin: 0 auto;
    }
    
    
    .upload-resume-modal .upload-container {
        text-align: center;
        margin-top: 20px;
    }
    
    .upload-resume-modal .file-name {
        margin-bottom: 10px;
        color: #666;
        font-size: 18px;
    }
    
    .upload-resume-modal .upload-button {
        background-color: #ed7b22;
        color: #fff;
        border: none;
        border-radius: 30px;
        padding: 12px 24px;
        cursor: pointer;
        font-size: 18px;
        transition: background-color 0.3s;
    }
    
    .upload-resume-modal .upload-button:hover {
        background-color: #d3681b;
    }
    
    .upload-resume-modal input[type="file"] {
        display: none;
    }
    .upload-resume-modal .star{
        position: relative;
    }
    .upload-resume-modal .star::before{
        content: "*";
        color: #AA0000;
        position: absolute;
        font-size: 20px;
        left: 91px;
        top: 9px;
        z-index: 2;
    
    }
    .name.star::before{
        left: 131px;
    }

    .upload-resume-modal .form div:first-child .name.star::before{
        left: 125px;
    }

    .pagination {
        display: flex;
        gap: 10px;
        list-style-type: none;
    }

    .pagination-link {
        padding: 8px 12px;
        text-decoration: none;
        color: #F68A1E;
        border: 1px solid #ddd;
        border-radius: 4px;
        margin: 0 5px;
        transition: background-color 0.3s, color 0.3s;
    }

    .pagination-link.active {
        background-color: #F68A1E;
        color: #fff;
        font-weight: bold;
        /* text-decoration: underline; */
        pointer-events: none;
    }

    .pagination-link:hover {
        background-color: #fde4cc;
        color: #d96b0b;
    }

    .is-invalid {
    border-color: #dc3545;
    }
    .mobile.star::before {
    left: 180px;
    }
    .orange-color{
        color: #F68A1E !important;
    }
    .orange-svg-color{
        filter: invert(53%) sepia(68%) saturate(1022%) hue-rotate(349deg) brightness(105%) contrast(93%);
    }
    .cards .card .card-body p{
        /* one line text
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
             max-width: 100%; 
        */
       

        /* height: 42px; 
        overflow: hidden; 
        text-overflow: ellipsis; 
        white-space: nowrap; */
        word-break: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        height: 47px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;

    }


    .btn-up{
        position: absolute;
        bottom: 10px;
        right: 30px;

    }
    .btn-up::before {
        content: "\f178";
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        font-size: 27px;
    }
    .mt-11 {
         margin-top:11rem; // or the value you want
    }
    .img-container {
        border-radius: 15px; /* Adjust the value for more or less rounding */
        height: 426px; /* Maintain aspect ratio */
        overflow: hidden;
       
    }
    .img-container img {
        height: 100%;
        width: 100%;
    }
    .first_section{
        height: 85vh;
    }

    @media screen and (max-width: 1799px) {
        .wrapper .two_section .content h1{
            font-size: 55px;
            line-height: 55px;
        }
    }
    @media screen and (max-width: 1290px) {

        .wrapper .two_section .content h1{
            font-size: 40px;
            line-height: 40px;
        }
        .wrapper .two_section{
            gap: 40px;
        }   
        .first_section{
            height: 85vh;
        }
        .img-container {
       
        height: 230px; /* Maintain aspect ratio */
      
       
    }
    }
    @media screen and (max-width: 991px) {

        .wrapper .two_section .content h1{
            font-size: 30px;
            line-height: 35px;
            margin-bottom: 0px 
        }
        .wrapper .two_section{
            gap: 30px;
        }   
        .first_section{
            height: 40vh;
        }
        .wrapper .two_section .content p{
            font-size: 15px;
            line-height: 23px;
    }
    }
        @media (max-width: 768px) {
            section{
                padding: 0 20px !important;
            }
             .wrapper .two_section {
                grid-template-columns: 1fr;
            }
            .first_section {
                height: 100%;
            }
            
            .wrapper .two_section .content button {
                margin: 0 auto;
            }
            .wrapper .join-us .header h1 {
                font-size: 35px;
                line-height: 45px;
            }
            .wrapper .two_container{
                grid-template-columns: 1fr;
            }
            .wrapper .two_section .content{
                margin-bottom: 20px;
            }
            .wrapper .two_container {
                gap: 20px;
            }
            .wrapper .two_container .profile-holder {
                width: 300px;
                height: 300px;
                margin: 0 auto;
                border-radius: initial;
                overflow: hidden;
            }
            .wrapper .two_container .profile-holder img{
                width: 100%;
                height: 100%;
            }
            .wrapper .two_container .content {
                gap: 10px;
                margin-bottom: 20px;
            }
            .wrapper .two_container .content .text p {
                font-size: 20px;
                line-height: 23px;
                padding: 0 21px;
            }
            .wrapper .join-us .cards .card {
                border-radius: 12px;
                width: 100%;
            }
            .Play_slider h1 ,.current_openings header h1 {
                font-size: 35px;
                line-height: 45px;
            }
            .current_openings .select {
                flex-wrap: wrap;
            }
            .current_openings .jobs_apply .content {
                grid-template-columns: 1fr;
                gap: 25px;
            }
            .current_openings ul {
                grid-template-columns: 1fr;
            }
            .current_openings .left-content h1{
                font-size: 25px;
                line-height: 35px;
            }
            .wrapper .two_container .content .top-colon {
                left: 0;
                width: 15px;
            }
            .wrapper .two_container .content .bottom-colon{
                width: 15px;
            }
        }
        @media (max-width: 639px) {
            .wrapper .two_section .img-bg {
                width: 73px;
                top: 18px
            }
        }