/*========================
      CAREER HERO
=========================*/


.career-hero{

    background:#ffffff;

    padding:70px 0;

}


.career-hero h1{

    font-size:60px;

    font-weight:800;

    color:#143d7a;

    margin-bottom:25px;

}


.career-hero p{

    max-width:1400px;

    font-size:22px;

    line-height:1.7;

    color:#355070;

}




/*========================
      WHY SECTION
=========================*/


.why-work{

    background:#f4f8ff;

    padding:80px 0;

}



.why-title{

    text-align:center;

    margin-bottom:50px;

}



.why-title h2{

    font-size:45px;

    font-weight:800;

    color:#143d7a;

}





/* CARDS */


.work-card{


    background:#ffffff;

    height:100%;

    padding:35px 30px;

    border-radius:15px;

    border:1px solid #e2e8f0;

    box-shadow:0 8px 25px rgba(0,0,0,.06);

    transition:.3s;


}



.work-card:hover{


    transform:translateY(-8px);

    box-shadow:0 15px 35px rgba(13,110,253,.15);


}




.work-icon{


    font-size:38px;

    color:#ef3340;

    margin-bottom:25px;


}



.work-card h3{


    font-size:32px;

    font-weight:700;

    color:#143d7a;

    margin-bottom:15px;


}



.work-card p{


    font-size:18px;

    color:#475569;

    line-height:1.7;


}




/*========================
       MOBILE
=========================*/


@media(max-width:768px){


.career-hero{

    padding:50px 0;

}



.career-hero h1{

    font-size:38px;

}



.career-hero p{

    font-size:16px;

}



.why-title h2{

    font-size:34px;

}



.work-card h3{

    font-size:26px;

}


}
/*========================
     CAREER FORM
=========================*/


.career-form-section{

    background:#f4f8ff;

    padding:80px 0;

}



.career-form-box{

    max-width:900px;

    margin:auto;

    background:#ffffff;

    padding:45px;

    border-radius:25px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    border:1px solid #dbeafe;

}



.career-form-box h2{

    text-align:center;

    font-size:40px;

    font-weight:800;

    color:#143d7a;

    margin-bottom:15px;

}



.career-form-box p{

    text-align:center;

    color:#64748b;

    margin-bottom:35px;

}



.career-form-box label{

    font-weight:600;

    color:#334155;

    margin-bottom:8px;

    display:block;

}



.career-form-box .form-control{

    height:50px;

    border-radius:12px;

}



.career-btn{

    margin-top:35px;

    padding:14px 45px;

    border:none;

    background:#0d6efd;

    color:white;

    border-radius:50px;

    font-weight:600;

    display:block;

    margin-left:auto;

    margin-right:auto;

}



.career-btn:hover{

    background:#084dbd;

}



.error{

    color:red;

    font-size:13px;

    margin-top:5px;

    display:block;

}




@media(max-width:768px){


.career-form-box{

    padding:25px;

}


.career-form-box h2{

    font-size:30px;

}


}
/*========================
    LIFE GALLERY
=========================*/


.life-gallery{

    background:#f4f8ff;

    padding:90px 0;

}



.gallery-heading{

    text-align:center;

    max-width:850px;

    margin:auto;

    margin-bottom:50px;

}



.gallery-heading h2{

    font-size:45px;

    font-weight:800;

    color:#143d7a;

    margin-bottom:15px;

}



.gallery-heading p{

    font-size:18px;

    color:#555;

    line-height:1.8;

}




.gallery-slider{

    max-width:900px;

    margin:auto;

    overflow:hidden;

    border-radius:25px;

}



.slides{

    display:flex;

    animation:slideMove 16s infinite;

}



.slides img{

    min-width:100%;

    height:480px;

    object-fit:cover;

    border-radius:25px;

}





@keyframes slideMove{


0%{

transform:translateX(0);

}


25%{

transform:translateX(0);

}



35%{

transform:translateX(-100%);

}



50%{

transform:translateX(-100%);

}



60%{

transform:translateX(-200%);

}



75%{

transform:translateX(-200%);

}



85%{

transform:translateX(-300%);

}



100%{

transform:translateX(-300%);

}


}





.gallery-dots{

    text-align:center;

    margin-top:25px;

}



.dot{

    height:12px;

    width:12px;

    background:#cbd5e1;

    display:inline-block;

    border-radius:50%;

    margin:0 6px;

}



.dot.active{

    background:#0d6efd;

}





@media(max-width:768px){


.gallery-heading h2{

    font-size:32px;

}



.gallery-heading p{

    font-size:15px;

}



.slides img{

    height:280px;

}



}