body{
    padding-top: 103px;
    background-color: #F6E3D6;
}
.header_wrap header {
    border-bottom: 1px solid #DDD4CF;
    background-color: #F6E3D6;
}



.header_wrap .nav_links_sec ul li a {
    color: var(--color-dark1);
}

.logo_text a svg * {
    fill: var(--color-dark1);
}

.careers_Sec{
    background-color: #F6E3D6;
}

.careers_heading {
    width: 100%;
    max-width: 60%;
    margin: 0 auto;
}

.careers_heading h2 {
    padding: 0px 0 65px;
}
/* 
.careers_heading h2 span{
    position: relative;
    text-align: center;
    z-index: 1;
   
}


.careers_heading h2 span{
    color: #6D4742;
    text-align: center;
    font-family: var(--font-family-heading);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-xxl);
    letter-spacing: var(--letter-spacing-xl);
    text-transform: uppercase;
    display: block;
} */

.careers_heading p{
    color: var(--color-dark2);
    text-align: center;
    font-family: var(--font-family-heading);
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-copyright);
}
/* 
.careers_heading h2 span:before {
    content: "";
    clear: both;
    height: 138px;
    width: 138px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/csr_heading_flower.svg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
  
} */

.department_wrap{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    border: 1px solid #ECDACE;
    background: #E4CCBB;
    padding: 25px 110px;
}

.department_wrap .select_label label, .select_label select{
    display: block;
    color: var(--color-dark2);
    font-family: var(--fm-montserrat);
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: normal;
    padding-bottom: 5px;
}

.department_wrap .select_label select{
    font-size: var(--font-size-normal);
    width: 100%;
    appearance: none;
    height: 46px;
    outline: none;
    border: none;
    background: #f8ece4;
    padding: 0 10px;
    color: var(--color-dark2);
    cursor: pointer;
    background-image: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/select_arrow.svg);
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: center right 10px;
}

.department_wrap .select_label .select_arrow{
    position: relative;
}

/* .department_wrap .select_label .select_arrow:after{
    content: "";
    clear: both;
    background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/select_arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 26px;
    width: 26px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
} */

.apply_btn ul li span{
    color: #4B2F1D;
font-family: var(--fm-montserrat);
font-size: var(--font-size-sm);
font-style: normal;
font-weight: var(--font-weight-medium);
line-height: normal;
letter-spacing: 1.5px;
}

.apply_btn ul li h3{
    color: var(--color-dark2);
    font-family: var(--font-family-heading);
    font-size: var(--footer-p);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: normal;
}

.apply_btn ul li a{
    color: var(--color-light1);
    text-align: center;
    font-family: var(--fm-montserrat);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: normal;
    letter-spacing: var(--letter-spacing-sm);
    background-color: var(--color-dark2);
    padding: 12.5px;
    display: inline-block;
    width: 100%;
    max-width: 120px;
    transition: all 0.3s linear;
}

.apply_btn ul li a:hover{
    box-shadow: inset 10em 0 0 0 var(--color-light1), inset -10em 0 0 0 var(--color-light1);
    color: var(--color-dark2);
    outline: 1px solid var(--color-dark2);
    font-weight: bold;
    background-color: var(--color-dark2);
}
.depart_category ul li p{
    color: var(--color-dark2);
    font-family: var(--fm-montserrat);
font-size: var(--font-size-xxs);
font-style: normal;
font-weight: var(--font-weight-bold);
line-height: 13.92px;
letter-spacing: var(--letter-spacing-xl);
}

.depart_category ul li h4{
    color: var(--color-dark2);
    font-family: var(--fm-montserrat);
font-size: var(--font-size-md);
font-style: normal;
font-weight: var(--font-weight-normal);
line-height: 20px;
letter-spacing: var(--letter-spacing-xl);
}

.choose_depart{
    background: #F8ECE4;
}


.choose_depart .container{
    padding: 75px 90px;
}
.depart_form_grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 35px;
    row-gap: 80px;
}

.apply_btn{
    background: #E4CCBB;
    padding: 25px;
}
.depart_category{
    background: #F2DDCE;
    padding: 25px;
}

.apply_btn ul{
    display: grid;
    grid-template-columns: 69% 29%;
    column-gap: 2%;
    align-items: center;
}

.apply_btn ul li:last-child{
    text-align: end;
}

.depart_category ul{
    display: flex;
    column-gap: 30px;
}

section.our_team_sec{
    background: #ECD4C4;
box-shadow: 0px 0px 250px 220px rgba(0, 0, 0, 0.00) inset;
padding: 45px 0 100px;
}

.team_heading h3{
    color: var(--color-dark2);
    text-align: center;
    font-family: var(--font-family-heading);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-xxl);
    letter-spacing: var(--letter-spacing-xxxl);
    text-transform: uppercase;
    opacity: 0.83;
}

.team_heading {
    width: 100%;
    max-width: 731px;
    margin: 0 auto;
}

.team_heading .logocircle img{
    max-width: 84px;
    margin: 0 auto 18px;
}

.team_heading p{
    color: var(--color-dark2);
    text-align: center;
    font-family: var(--font-family-heading);
    font-size: var(--font-size-sm);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-md);
    padding-top: 16px;
}

.team_slider{
    padding: 55px 0px 0px 90px;
}

.team_slider .slick-list.draggable{
    padding: 0 25% 0 0;
}

.team_slider .row .col{
    padding-right: 30px;
}

.team_slider .slider_img{
    background: #DEC2AF;
}


.team_slider .slider_img .slider_content{
    padding: 10px;
}

.team_slider .slider_img .slider_content p{
    color: var(--color-dark2);
    font-family: var(--font-family-heading);
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--footer-p); 
}


.team_slider .slick-prev {
    background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/left_arrow.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 50px;
    width: 50px;
    display: inline-block;
    z-index: 1;
    left: -70px;
}

.team_slider .slick-next {
    background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/right_arrow.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 50px;
    width: 50px;
    display: inline-block;
    z-index: 1;
    right: 21px;
}

.team_slider .slick-prev:before, .team_slider .slick-next:before {
 content: none;
}



/* careers detail page  */



.career_detail_sec{
    background-color: #F6E3D6;
}

.career_form_sub p{
    font-family: var(--font-family-heading);
}

.career_detail_sec .container{
    width: 100%;
    max-width: 85%;
    margin: 0 auto;
    padding: 65px 0;
}

.career_detail_sec .depart_content ul{
    width: 100%;
    max-width: 85%;
    margin: 0 auto;
}

.career_detail_sec .apply_btn ul{
    display: block;
}

.career_detail_sec .apply_btn, .career_detail_sec .depart_category{
    padding: 35px 0;
}

.career_detail_sec .apply_btn ul li:last-child{
    text-align: unset;
}

.job_content h4, .job_content ol li{
    color: var(--color-dark2);
font-family: var(--font-family-heading);
font-size: var(--font-size-md);
font-style: normal;
font-weight: var(--font-weight-bold);
line-height: 29px; 
padding-left: 20px;
}

.job_content h4{
    padding-left: 0;
}

.job_content ol{
    padding: 15px 0 0 20px;
}

.job_content ol li{
    font-weight: var(--font-weight-normal);
    line-height: 39px;
}

.job_content.skills {
    padding-top: 35px;
}

.mail_us{
    background: #DECABC;
}

.mail_resume{
    width: 100%;
    max-width: 85%;
    margin: 0 auto;
    padding: 15px 0;
}

.mail_resume p{
    color: var(--color-dark2);
    font-family: var(--fm-montserrat);
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: 39px;
    letter-spacing: -0.32px;
}

.mail_resume p a{
    color: var(--color-dark2);
    font-family: var(--fm-montserrat);
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: 39px;
    letter-spacing: -0.32px;
    text-decoration-line: underline;
}

.career_form_sub{
    padding: 55px 0px;
    background: #F2DDCE;
}

.form_wrap{
    max-width: 1000px;
}

.form_heading {
    padding-bottom: 35px;
}

.form_heading h3{
    color: var(--color-dark2);
    font-family: var(--fm-montserrat);
font-size: 22px;
font-style: normal;
font-weight: var(--font-weight-normal);
line-height: normal;

}

.form_grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 45px;
    row-gap: 20px;
}

.form_grid .form_inputs label{
    color: var(--color-dark2);
font-family: var(--fm-montserrat);
font-size: var(--font-size-md);
font-style: normal;
font-weight: var(--font-weight-normal);
line-height: normal;
padding-bottom: 5px;
display: block;
}

.form_grid .form_inputs input{
    width: 100%;
    height: 46px;
    background: #f8ece4;
    border: none;
    outline: none;
    display: block;
}

.form_grid .input_6{
   grid-column: 1 / span 2;
}

.form_grid .input_6 textarea{
   width: 100%;
   height: 191px;
   outline: none;
   border: none;
   background-color: #f8ece4;
}

.form_grid input[type="file"]{
    color: var(--color-dark2);
    font-family: var(--fm-montserrat);
font-size: var(--font-size-xs);
font-style: normal;
font-weight: var(--font-weight-normal);
line-height: 46px;
position: relative;
padding-left: 15px;
cursor: pointer;
}

.form_grid input[type="file"]::-webkit-file-upload-button {
    /* background: var(--color-dark2);
    outline: none;
    border: none;
    color: var(--color-light1);
    text-align: center;
    font-family: var(--fm-montserrat);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: normal;
    letter-spacing: var(--letter-spacing-sm);
    text-transform: uppercase; */
    display: none;
}

.form_grid input[type="file"]::after {
    content: "Browse";
    background: var(--color-dark2);
    outline: none;
    border: none;
    color: var(--color-light1);
    text-align: center;
    font-family: var(--fm-montserrat);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--letter-spacing-sm);
    text-transform: uppercase;
    display: inline-block;
    height: calc(100% - 6px);
    position: absolute;
    right: 3px;
    width: 100%;
    max-width: 30%;
    line-height: 40px;
    top: 3px;
    cursor: pointer;
}

.submit_btn{
    text-align: end;
    padding-top: 20px;
}

.submit_btn button{
    color: var(--color-light1);
text-align: center;
font-family: var(--fm-montserrat);
font-size: var(--font-size-xxs);
font-style: normal;
font-weight: var(--font-weight-bold);
line-height: normal;
letter-spacing: var(--letter-spacing-sm);
background: var(--color-dark2);
outline: none;
border: none;
text-transform: uppercase;
display: inline-block;
width: 100%;
max-width: 120px;
padding: 12.5px 0;
cursor: pointer;
}
section.career_form_sub .container {
    max-width: 85%;
    margin: auto;
}

.filter_button{
    display: none;
}

@media screen and (max-width: 768px), screen and (max-device-width: 1024px){

    .careers_heading{
        max-width: 100%;
    }

    .department_wrap{
        grid-template-columns: repeat(1, 1fr);
        padding: 25px 15px;
        row-gap: 30px;
    }

    .choose_depart .container{
        padding: 20px 15px 75px;
    }


    
    .depart_category ul{
        display: grid;
        row-gap: 20px;
    }

    .depart_form_grid{
        grid-template-columns: repeat(1, 1fr);
        column-gap: unset;
        row-gap: 30px;
    }

    section.our_team_sec{
        padding: 45px 15px 15px;
    }

    .team_slider{
        padding: 55px 0 0;
    }

    .team_slider .slick-list.draggable{
        padding: 0;
    }

    .team_slider .row .col{
        padding-right: 0px;
    }

    .team_slider .slick-prev{
        left: -13px;
        height: 35px;
        width: 35px;
    }

    .team_slider .slick-next{
        right: -13px;
        height: 35px;
        width: 35px;
    }

    .mail_resume p{
        line-height: normal;
    }

    .form_grid{
        grid-template-columns: repeat(1, 1fr);
    }

    .form_grid .input_6{
        grid-column: unset;
    }

    .depart_content{
        position: relative;
    }

    .apply_btn ul{
        grid-template-columns: auto;
    }

    .apply_btn ul li:has(a){
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        z-index: 999;
        
    }

    .apply_btn ul li a{
      max-width: 100%;
      display: block;
    }

    .depart_category{
        padding: 25px 25px 55px;
    }


    
    .select_year_filter{
        position: relative;
    }
    
    .department_wrap{
        top: 0%;
        transition: 0.3s;
        position: absolute;
        z-index: -1;
        width: 100%;
        transform: translateY(100%);
    }

    .filter_button{
        display: block;
    }

    .show_filters{
        transform: translateY(-100%);
    }

   
      
   

    .filter_wrap{
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 9999;
    }

    button.dropbtn{
        color: #000;
text-align: center;
font-family: var(--fm-montserrat);
font-size: 14px;
font-style: normal;
font-weight: var(--font-weight-bold);
line-height: normal;
letter-spacing: 0.98px;
width: 100%;
display: block;
outline: none;
border: none;
background-color: #CCB19D;
padding: 15px 0;
    }

    .show_overlay{
        position: relative;
    }

    .show_overlay:after{
        content: "";
        clear: both;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #000;
        opacity: 0.6;
        display: block;
        z-index: 999;
    }
   
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
    .team_slider .row .col{
        padding: 0 10px;
    }

    .team_slider .slick-next{
        right: -3px;
    }
    .team_slider .slick-prev{
        left: -3px;
    }
}