/*==================================================
RK JAIN INFRA PROJECTS PRIVATE LIMITED
HOME.CSS
VERSION : 1.0
PART 1A
==================================================*/


/*==================================================
ROOT VARIABLES
==================================================*/

:root{

    --primary:#0D6EFD;
    --secondary:#0B1F5C;

    --success:#198754;
    --warning:#FFC107;
    --danger:#DC3545;

    --white:#FFFFFF;
    --light:#F8F9FA;
    --dark:#212529;
    --text:#555555;
    --border:#E9ECEF;

    --shadow-sm:0 5px 15px rgba(0,0,0,.08);
    --shadow-md:0 10px 30px rgba(0,0,0,.10);
    --shadow-lg:0 20px 50px rgba(0,0,0,.15);

    --radius:15px;
    --radius-lg:25px;

    --transition:.35s ease;

}


/*==================================================
RESET
==================================================*/

*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    font-family:'Segoe UI',Arial,sans-serif;

    font-size:16px;

    line-height:1.8;

    color:var(--text);

    background:#fff;

    overflow-x:hidden;

    padding-top:90px;

}

img{

    max-width:100%;

    height:auto;

    display:block;

}

a{

    text-decoration:none;

    transition:var(--transition);

}

ul{

    margin:0;

    padding:0;

    list-style:none;

}

button{

    border:none;

    outline:none;

    transition:var(--transition);

}

input,
textarea,
select{

    outline:none;

    box-shadow:none!important;

}

section{

    position:relative;

    padding:100px 0;

}


/*==================================================
TYPOGRAPHY
==================================================*/

h1,
h2,
h3,
h4,
h5,
h6{

    color:var(--secondary);

    font-weight:700;

    line-height:1.3;

    margin-bottom:20px;

}

h1{

    font-size:64px;

}

h2{

    font-size:46px;

}

h3{

    font-size:34px;

}

h4{

    font-size:28px;

}

h5{

    font-size:22px;

}

p{

    color:var(--text);

    margin-bottom:20px;

}

.text-primary{

    color:var(--primary)!important;

}

.text-secondary{

    color:var(--secondary)!important;

}


/*==================================================
COMMON UTILITIES
==================================================*/

.section-tag{

    display:inline-block;

    padding:10px 22px;

    background:#EAF3FF;

    color:var(--primary);

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    letter-spacing:.5px;

    margin-bottom:20px;

}

.section-title{

    font-size:36px;

    font-weight:800;

    margin-bottom:25px;

}

.section-desc{

    max-width:720px;

    margin:auto;

    color:#666;

}

.bg-light{

    background:#F8F9FA!important;

}

.shadow-card{

    background:#fff;

    border-radius:20px;

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

}

.shadow-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow-md);

}


/*==================================================
BUTTONS
==================================================*/

.btn{

    font-weight:600;

    transition:var(--transition);

}

.btn-primary{

    background:var(--primary);

    border:none;

    border-radius:50px;

    padding:14px 34px;

}

.btn-primary:hover{

    background:#0055d4;

    transform:translateY(-3px);

}

.btn-light{

    border-radius:50px;

    padding:14px 34px;

    font-weight:600;

}

.btn-outline-light{

    border:2px solid #fff;

    border-radius:50px;

    padding:14px 34px;

}

.btn-outline-light:hover{

    background:#fff;

    color:var(--primary);

}


/*==================================================
NAVBAR
==================================================*/

.custom-navbar{

    background:#fff;

    padding:14px 0;

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

    z-index:999;

}

.custom-navbar.scrolled{

    padding:10px 0;

    box-shadow:var(--shadow-md);

}

.navbar-brand{

    display:flex;

    align-items:center;

}

.navbar-brand img{

    height:60px;

    width:auto;

}

.navbar-brand h5{

    margin:0;

    font-size:24px;

    font-weight:800;

    color:var(--primary);

}

.navbar-brand small{

    display:block;

    color:#666;

    font-size:13px;

}

.navbar-nav{

    align-items:center;

}

.nav-item{

    margin-left:12px;

}

.nav-link{

    color:var(--dark)!important;

    font-weight:600;

    font-size:16px;

    position:relative;

    padding:12px 10px!important;

}

.nav-link:hover{

    color:var(--primary)!important;

}

.nav-link.active{

    color:var(--primary)!important;

}

.nav-link::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    width:0;

    height:2px;

    background:var(--primary);

    transform:translateX(-50%);

    transition:.3s;

}

.nav-link:hover::after,
.nav-link.active::after{

    width:70%;

}

/*==================================================
HERO SLIDER
==================================================*/

#heroSlider{

    padding:0 !important;

    margin:0;

    position:relative;

    overflow:hidden;

}

#heroSlider .carousel-item{

    position:relative;

    height:100vh;

    min-height:760px;

}

.hero-image{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center center;

}

.hero-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        rgba(8,28,66,.72),
        rgba(8,28,66,.55)
    );

    z-index:1;

}


/*==================================================
CAPTION
==================================================*/

.carousel-caption{

    position:absolute;

    top:50%;

    left:0;

    right:0;

    bottom:auto;

    transform:translateY(-50%);

    z-index:2;

    text-align:left;

}

.hero-tag{

    display:inline-block;

    background:rgba(255,255,255,.18);

    backdrop-filter:blur(8px);

    color:#fff;

    padding:10px 22px;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.hero-title{

    color:#fff;

    font-size:68px;

    font-weight:800;

    line-height:1.1;

    max-width:760px;

    margin-bottom:25px;

}

.hero-text{

    color:#fff;

    font-size:21px;

    line-height:1.8;

    max-width:700px;

    margin-bottom:40px;

}

.hero-btns{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}


/*==================================================
BUTTONS
==================================================*/

.hero-btns .btn{

    min-width:180px;

    text-align:center;

}

.hero-btns .btn-primary{

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

}

.hero-btns .btn-primary:hover{

    transform:translateY(-3px);

}

.hero-btns .btn-outline-light:hover{

    transform:translateY(-3px);

}


/*==================================================
INDICATORS
==================================================*/

.carousel-indicators{

    bottom:30px;

}

.carousel-indicators button{

    width:14px;

    height:14px;

    border-radius:50%;

    margin:0 6px;

    border:none;

    background:#fff;

    opacity:.4;

}

.carousel-indicators .active{

    opacity:1;

    width:36px;

    border-radius:30px;

}


/*==================================================
CONTROLS
==================================================*/

.carousel-control-prev,

.carousel-control-next{

    width:60px;

    opacity:1;

}

.carousel-control-prev-icon,

.carousel-control-next-icon{

    width:55px;

    height:55px;

    border-radius:50%;

    background-color:rgba(255,255,255,.20);

    background-size:22px;

}


/*==================================================
SCROLL DOWN
==================================================*/

.scroll-down{

    position:absolute;

    left:50%;

    bottom:35px;

    transform:translateX(-50%);

    z-index:3;

    color:#fff;

    font-size:26px;

    animation:scrollDown 1.8s infinite;

}

@keyframes scrollDown{

    0%{

        transform:translate(-50%,0);

    }

    50%{

        transform:translate(-50%,12px);

    }

    100%{

        transform:translate(-50%,0);

    }

}


/*==================================================
TABLET
==================================================*/

@media(max-width:991px){

    body{

        padding-top:82px;

    }

    #heroSlider .carousel-item{

        height:80vh;

        min-height:650px;

    }

    .carousel-caption{

        text-align:center;

    }

    .hero-title{

        font-size:46px;

        max-width:100%;

    }

    .hero-text{

        font-size:18px;

        max-width:100%;

    }

    .hero-btns{

        justify-content:center;

    }

}


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

@media(max-width:768px){

    #heroSlider .carousel-item{

        height:72vh;

        min-height:560px;

    }

    .carousel-caption{

        padding:0 20px;

    }

    .hero-tag{

        font-size:12px;

        padding:8px 16px;

    }

    .hero-title{

        font-size:34px;

    }

    .hero-text{

        font-size:15px;

        margin-bottom:30px;

        display:none;

    }

    .hero-btns{

        flex-direction:column;

        align-items:center;


    }

    .hero-btns .btn{

        width:100%;

        max-width:260px;
        

    }

    .carousel-control-prev,

    .carousel-control-next{

        display:none;

    }

}

/* Mobile Hero Fix */
@media (max-width: 768px) {

.hero-image{
    height: 85vh;
    object-fit: cover;
}

.carousel-caption{
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    padding: 0 20px;
}

.hero-tag{
    font-size: 12px;
}

.hero-title{
    font-size: 30px;
    line-height: 1.2;
    margin: 15px 0;
}

.hero-text{
    font-size: 15px;
    line-height: 1.6;
}

.carousel-caption .btn{
    display:block;
    width:100%;
    margin:12px 0 !important;
    padding:14px;
    font-size:16px;
}

}


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

@media(max-width:480px){

    body{

        padding-top:75px;

    }

    #heroSlider .carousel-item{

        height:68vh;

        min-height:500px;

    }

    .hero-title{

        font-size:28px;

    }

    .hero-text{

        font-size:14px;

    }
    
    .construction-text{
    display:none;
}

}

/*==================================================
ABOUT COMPANY
==================================================*/

.about-section{

    background:#fff;

    position:relative;

    overflow:hidden;

}

.about-image{

    position:relative;

}

.about-image img{

    width:100%;

    border-radius:25px;

    box-shadow:var(--shadow-lg);

    transition:.4s;

}

.about-image:hover img{

    transform:scale(1.03);

}

.experience-badge{

    position:absolute;

    right:400px;

    bottom:40px;

    width:170px;

    height:170px;

    background:var(--primary);

    color:#fff;

    border-radius:50%;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    box-shadow:var(--shadow-lg);

    border:6px solid #fff;

}

.experience-badge h2{

    color:#fff;

    font-size:46px;

    font-weight:800;

    line-height:1;

    margin-bottom:8px;

}

.experience-badge span{

    font-size:15px;

    font-weight:600;

    line-height:1.4;

}

.about-content{

    padding-left:40px;

}

.about-content .section-title{

    margin-bottom:25px;

}

.about-content p{

    font-size:17px;

    color:#666;

    line-height:1.9;

}

.about-content .btn{

    margin-top:20px;

}

/*==================================================
ABOUT FEATURES
==================================================*/

.about-feature{

    background:#fff;

    border-radius:18px;

    padding:25px;

    text-align:center;

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

    height:100%;

}

.about-feature:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow-md);

}

.about-feature i{

    width:70px;

    height:70px;

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:rgba(13,110,253,.1);

    color:var(--primary);

    font-size:28px;

    margin-bottom:20px;

    transition:var(--transition);

}

.about-feature:hover i{

    background:var(--primary);

    color:#fff;

}

.about-feature h5{

    font-size:20px;

    margin-bottom:10px;

}

.about-feature p{

    margin:0;

    font-size:15px;

}

/*==================================================
ABOUT RESPONSIVE
==================================================*/

@media(max-width:991px){

    .about-content{

        padding-left:0;

        margin-top:50px;

    }

    .experience-badge{

        width:140px;

        height:140px;

        right:15px;

        bottom:20px;

    }

    .experience-badge h2{

        font-size:36px;

    }

}

@media(max-width:768px){

    .about-section{

        padding:70px 0;

    }

    .about-content{

        text-align:center;

    }

    .experience-badge{

        width:120px;

        height:120px;

    }

    .experience-badge h2{

        font-size:30px;

    }

    .experience-badge span{

        font-size:12px;

    }

}

@media(max-width:576px){

    .about-feature{

        padding:20px;

    }

    .about-feature i{

        width:60px;

        height:60px;

        font-size:24px;

    }

}

/*==================================================
SERVICES SECTION
==================================================*/

.services-section{

    background:#f8f9fa;

    position:relative;

    overflow:hidden;

}

.services-section .section-title{

    margin-bottom:20px;

}

.services-section .section-desc{

    max-width:720px;

    margin:auto;

}


/*==================================================
SERVICE CARD
==================================================*/

.service-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

    height:100%;

    display:flex;

    flex-direction:column;

}

.service-card:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow-lg);

}


/*==================================================
SERVICE IMAGE
==================================================*/

.service-card img{

    width:100%;

    height:230px;

    object-fit:cover;

    transition:.5s;

}

.service-card:hover img{

    transform:scale(1.08);

}


/*==================================================
SERVICE CONTENT
==================================================*/

.service-content{

    padding:30px;

    flex:1;

    display:flex;

    flex-direction:column;

}

.service-content h4{

    font-size:24px;

    font-weight:700;

    margin-bottom:15px;

    color:var(--secondary);

}

.service-content p{

    color:#666;

    line-height:1.8;

    margin-bottom:25px;

    flex:1;

}


/*==================================================
SERVICE ICON
==================================================*/

.service-icon{

    width:75px;

    height:75px;

    border-radius:50%;

    background:rgba(13,110,253,.08);

    color:var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    margin-bottom:20px;

    transition:.35s;

}

.service-card:hover .service-icon{

    background:var(--primary);

    color:#fff;

}


/*==================================================
SERVICE BUTTON
==================================================*/

.service-content .btn{

    align-self:flex-start;

    border-radius:50px;

    padding:12px 28px;

    font-weight:600;

}

.service-content .btn:hover{

    transform:translateY(-2px);

}


/*==================================================
VIEW ALL BUTTON
==================================================*/

.services-btn{

    margin-top:60px;

    text-align:center;

}

.services-btn .btn{

    padding:14px 38px;

}


/*==================================================
SERVICE BADGE
==================================================*/

.service-badge{

    position:absolute;

    top:20px;

    left:20px;

    background:var(--primary);

    color:#fff;

    padding:8px 18px;

    border-radius:30px;

    font-size:13px;

    font-weight:600;

}


/*==================================================
SERVICE RESPONSIVE
==================================================*/

@media(max-width:991px){

    .service-card{

        margin-bottom:20px;

    }

    .service-card img{

        height:220px;

    }

}

@media(max-width:768px){

    .services-section{

        padding:70px 0;

    }

    .service-content{

        padding:25px;

    }

    .service-content h4{

        font-size:22px;

    }

    .service-card img{

        height:210px;

    }

}

@media(max-width:576px){

    .service-card img{

        height:200px;

    }

    .service-content{

        padding:20px;

    }

    .service-icon{

        width:65px;

        height:65px;

        font-size:28px;

    }

    .service-content .btn{

        width:100%;

        text-align:center;

    }

}

/*==================================================
WHY CHOOSE US
==================================================*/

.why-choose{

    background:#fff;

    position:relative;

    overflow:hidden;

}

.choose-box{

    background:#fff;

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

    height:100%;

    border:1px solid #f1f1f1;

}

.choose-box:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow-lg);

    border-color:var(--primary);

}

.choose-icon{

    width:90px;

    height:90px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    background:rgba(13,110,253,.08);

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.choose-box:hover .choose-icon{

    background:var(--primary);

}

.choose-icon i{

    font-size:38px;

    color:var(--primary);

    transition:.35s;

}

.choose-box:hover .choose-icon i{

    color:#fff;

}

.choose-box h5{

    font-size:22px;

    margin-bottom:15px;

    color:var(--secondary);

}

.choose-box p{

    margin:0;

    color:#666;

    line-height:1.8;

}


/*==================================================
COUNTER SECTION
==================================================*/

.counter-section{

    background:linear-gradient(135deg,#0B1F5C,#0D6EFD);

    color:#fff;

    padding:90px 0;

}

.counter-box{

    padding:20px;

    text-align:center;

}

.counter-box h2{

    color:#fff;

    font-size:60px;

    font-weight:800;

    margin-bottom:10px;

}

.counter-box p{

    color:rgba(255,255,255,.90);

    font-size:18px;

    margin:0;

    font-weight:500;

}

.counter-box::after{

    content:"";

    display:block;

    width:60px;

    height:3px;

    background:#fff;

    margin:20px auto 0;

    opacity:.35;

}


/*==================================================
COUNTER HOVER
==================================================*/

.counter-box{

    transition:.35s;

}

.counter-box:hover{

    transform:translateY(-8px);

}


/*==================================================
WHY CHOOSE RESPONSIVE
==================================================*/

@media(max-width:991px){

    .choose-box{

        margin-bottom:25px;

    }

    .counter-box h2{

        font-size:48px;

    }

}

@media(max-width:768px){

    .why-choose{

        padding:70px 0;

    }

    .choose-box{

        padding:30px 25px;

    }

    .choose-icon{

        width:75px;

        height:75px;

    }

    .choose-icon i{

        font-size:30px;

    }

    .counter-box{

        margin-bottom:30px;

    }

    .counter-box h2{

        font-size:42px;

    }

    .counter-box p{

        font-size:16px;

    }

}

@media(max-width:576px){

    .choose-box{

        padding:25px 20px;

    }

    .counter-section{

        padding:70px 0;

    }

    .counter-box h2{

        font-size:36px;

    }

}

/*==================================================
FEATURED PROJECTS
==================================================*/

.projects-section{

    background:#f8f9fa;

    position:relative;

    overflow:hidden;

}

.projects-section .section-title{

    margin-bottom:15px;

}

.projects-section .section-desc{

    max-width:720px;

    margin:auto;

    margin-bottom:50px;

}


/*==================================================
PROJECT CARD
==================================================*/

.project-card{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

    height:100%;

    position:relative;

}

.project-card:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow-lg);

}


/*==================================================
PROJECT IMAGE
==================================================*/

.project-image{

    position:relative;

    overflow:hidden;

}

.project-image img{

    width:100%;

    height:260px;

    object-fit:cover;

    transition:.45s;

}

.project-card:hover .project-image img{

    transform:scale(1.08);

}


/*==================================================
PROJECT BADGE
==================================================*/

.project-badge{

    position:absolute;

    top:18px;

    left:18px;

    background:var(--primary);

    color:#fff;

    font-size:13px;

    font-weight:600;

    padding:8px 18px;

    border-radius:30px;

    z-index:2;

}

.project-badge.completed{

    background:var(--success);

}

.project-badge.ongoing{

    background:#fd7e14;

}

.project-badge.epc{

    background:#6f42c1;

}


/*==================================================
PROJECT CONTENT
==================================================*/

.project-content{

    padding:30px;

}

.project-content h4{

    font-size:24px;

    margin-bottom:15px;

    color:var(--secondary);

}

.project-location{

    display:flex;

    align-items:center;

    gap:8px;

    color:#777;

    margin-bottom:15px;

    font-size:15px;

}

.project-location i{

    color:var(--primary);

}

.project-content p{

    color:#666;

    line-height:1.8;

    margin-bottom:22px;

}


/*==================================================
PROJECT BUTTON
==================================================*/

.project-content .btn{

    border-radius:40px;

    padding:12px 28px;

    font-weight:600;

}


/*==================================================
VIEW ALL BUTTON
==================================================*/

.projects-btn{

    text-align:center;

    margin-top:60px;

}


/*==================================================
PROJECT RESPONSIVE
==================================================*/

@media(max-width:991px){

    .project-card{

        margin-bottom:25px;

    }

    .project-image img{

        height:240px;

    }

}

@media(max-width:768px){

    .projects-section{

        padding:70px 0;

    }

    .project-content{

        padding:25px;

    }

    .project-content h4{

        font-size:22px;

    }

    .project-image img{

        height:220px;

    }

}

@media(max-width:576px){

    .project-image img{

        height:200px;

    }

    .project-content{

        padding:20px;

    }

    .project-content .btn{

        width:100%;

        text-align:center;

    }

}

/*==================================================
OUR MACHINERY
==================================================*/

.machinery-section{

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.equipment-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

    height:100%;

    border:1px solid #f1f1f1;

}

.equipment-card:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow-lg);

}

.equipment-card img{

    width:100%;

    height:240px;

    object-fit:cover;

    transition:.45s;

}

.equipment-card:hover img{

    transform:scale(1.08);

}

.equipment-content{

    padding:25px;

    text-align:center;

}

.equipment-content h5{

    color:var(--secondary);

    font-size:22px;

    margin-bottom:12px;

}

.equipment-content p{

    color:#666;

    margin:0;

    line-height:1.7;

}


/*==================================================
SAFETY & QUALITY
==================================================*/

.safety-section{

    background:#f8f9fa;

}

.safety-image{

    position:relative;

}

.safety-image img{

    width:100%;

    border-radius:22px;

    box-shadow:var(--shadow-lg);

}

.safety-content{

    padding-left:45px;

}

.safety-content .section-title{

    margin-bottom:20px;

}

.safety-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:25px;

}

.safety-list{

    margin-top:30px;

}

.safety-list li{

    display:flex;

    align-items:flex-start;

    margin-bottom:18px;

    color:#555;

    font-size:17px;

}

.safety-list i{

    width:34px;

    height:34px;

    border-radius:50%;

    background:rgba(13,110,253,.10);

    color:var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    margin-right:15px;

    flex-shrink:0;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .equipment-card{

        margin-bottom:25px;

    }

    .safety-content{

        padding-left:0;

        margin-top:45px;

    }

}

@media(max-width:768px){

    .machinery-section,

    .safety-section{

        padding:70px 0;

    }

    .equipment-card img{

        height:220px;

    }

}

@media(max-width:576px){

    .equipment-card img{

        height:200px;

    }

    .equipment-content{

        padding:20px;

    }

    .equipment-content h5{

        font-size:20px;

    }

    .safety-list li{

        font-size:15px;

    }

}

/*==================================================
OUR CLIENTS
==================================================*/

.clients-section{

    background:#ffffff;

    position:relative;

}

.client-card{

    background:#fff;

    border-radius:18px;

    padding:25px;

    height:150px;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:var(--shadow-sm);

    border:1px solid #eef2f7;

    transition:var(--transition);

}

.client-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow-lg);

}

.client-card img{

    max-width:150px;

    max-height:80px;

    object-fit:contain;

    filter:grayscale(100%);

    opacity:.75;

    transition:.35s;

}

.client-card:hover img{

    filter:none;

    opacity:1;

    transform:scale(1.08);

}


/*==================================================
TESTIMONIALS
==================================================*/

.testimonials-section{

    background:#f8f9fa;

}

.testimonial-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    height:100%;

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

    position:relative;

}

.testimonial-card:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow-lg);

}

.testimonial-card::before{

    content:"★★★★★";

    color:#FFC107;

    font-size:20px;

    letter-spacing:2px;

    display:block;

    margin-bottom:20px;

}

.testimonial-card p{

    color:#666;

    line-height:1.9;

    font-style:italic;

    margin-bottom:25px;

}

.testimonial-card h5{

    margin-bottom:5px;

    color:var(--secondary);

}

.testimonial-card span{

    color:#888;

    font-size:14px;

}


/*==================================================
CALL TO ACTION
==================================================*/

.cta-section{

    position:relative;

    background:linear-gradient(rgba(11,31,92,.88),rgba(13,110,253,.88)),
               url('../images/banners/banner-11.png') center center/cover;

    padding:100px 0;

    text-align:center;

    overflow:hidden;

}

.cta-section h2{

    color:#fff;

    font-size:48px;

    font-weight:800;

    margin-bottom:20px;

}

.cta-section p{

    color:rgba(255,255,255,.92);

    max-width:760px;

    margin:0 auto 35px;

    font-size:18px;

    line-height:1.8;

}

.cta-section .btn{

    padding:15px 42px;

    border-radius:50px;

    font-weight:700;

    font-size:17px;

    transition:var(--transition);

}

.cta-section .btn:hover{

    transform:translateY(-4px);

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .client-card{

        margin-bottom:25px;

    }

    .testimonial-card{

        margin-bottom:25px;

    }

}

@media(max-width:768px){

    .clients-section,

    .testimonials-section,

    .cta-section{

        padding:70px 0;

    }

    .cta-section h2{

        font-size:34px;

    }

    .cta-section p{

        font-size:16px;

    }

}

@media(max-width:576px){

    .client-card{

        height:120px;

        padding:20px;

    }

    .client-card img{

        max-width:110px;

    }

    .testimonial-card{

        padding:25px;

    }

    .cta-section h2{

        font-size:28px;

    }

    .cta-section .btn{

        width:100%;

        max-width:260px;

    }

}


/*==================================================
ABOUT PAGE BANNER
==================================================*/

.page-banner{

    position:relative;

    background:linear-gradient(rgba(8,28,66,.75),rgba(8,28,66,.75)),
               url('../images/banners/about-banner.jpg') center center/cover no-repeat;

    padding:80px 0 80px;

    text-align:center;

    overflow:hidden;

}

.banner-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.15);

}

.page-banner .container{

    position:relative;

    z-index:2;

}

.page-banner h1{

    color:#fff;

    font-size:60px;

    font-weight:800;

    margin-bottom:20px;

}

.page-banner p{

    color:rgba(255,255,255,.92);

    font-size:20px;

    max-width:820px;

    margin:0 auto 30px;

    line-height:1.8;

}

/*==================================================
BREADCRUMB
==================================================*/

.breadcrumb{

    justify-content:center;

    background:transparent;

    margin:0;

}

.breadcrumb-item{

    font-size:15px;

}

.breadcrumb-item a{

    color:#fff;

    text-decoration:none;

}

.breadcrumb-item.active{

    color:#ffffff;

}

.breadcrumb-item+.breadcrumb-item::before{

    color:rgba(255,255,255,.80);

}

/*==================================================
ABOUT COMPANY
==================================================*/

.about-company{

    background:#fff;

    position:relative;

}

.about-image{

    position:relative;

}

.about-image img{

    width:100%;

    border-radius:24px;

    box-shadow:0 20px 50px rgba(0,0,0,.12);

    transition:.4s;

}

.about-image:hover img{

    transform:scale(1.03);

}

/*==================================================
EXPERIENCE BADGE
==================================================*/

.experience-badge{

    position:absolute;

    right:400px;

    bottom:35px;

    width:170px;

    height:170px;

    border-radius:50%;

    background:#0D6EFD;

    color:#fff;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    border:6px solid #fff;

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

}

.experience-badge h2{

    color:#fff;

    font-size:46px;

    margin:0;

    font-weight:800;

}

.experience-badge span{

    font-size:15px;

    font-weight:600;

    text-align:center;

}

/*==================================================
ABOUT CONTENT
==================================================*/

.about-company .section-title{

    margin-bottom:25px;

}

.about-company p{

    color:#666;

    line-height:1.9;

    margin-bottom:20px;

}

/*==================================================
ABOUT FEATURE
==================================================*/

.about-feature{

    background:#fff;

    border-radius:18px;

    padding:25px;

    text-align:center;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transition:.35s;

    height:100%;

    border:1px solid #eef2f7;

}

.about-feature:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(0,0,0,.12);

}

.about-feature i{

    width:70px;

    height:70px;

    margin:auto;

    margin-bottom:18px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(13,110,253,.10);

    color:#0D6EFD;

    font-size:28px;

    transition:.35s;

}

.about-feature:hover i{

    background:#0D6EFD;

    color:#fff;

}

.about-feature h5{

    margin:0;

    font-size:20px;

    color:#0B1F5C;

}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .page-banner{

        padding:150px 0 90px;

    }

    .page-banner h1{

        font-size:48px;

    }

    .experience-badge{

        width:140px;

        height:140px;

        right:240px;

    }

    .experience-badge h2{

        font-size:34px;

    }

}

@media(max-width:768px){

    .page-banner{

        padding:130px 0 80px;

    }

    .page-banner h1{

        font-size:38px;

    }

    .page-banner p{

        font-size:16px;

    }

    .about-company{

        text-align:center;

    }

    .experience-badge{

        width:120px;

        height:120px;

        bottom:20px;

    }

    .experience-badge h2{

        font-size:30px;

    }

    .experience-badge span{

        font-size:12px;

    }

}

@media(max-width:576px){

    .page-banner h1{

        font-size:30px;

    }

    .about-feature{

        padding:20px;

    }

    .about-feature i{

        width:60px;

        height:60px;

        font-size:24px;

    }

}

/*==================================================
CHAIRMAN SECTION
==================================================*/

.chairman-section{

    background:#f8f9fa;

    position:relative;

    overflow:hidden;

}

.chairman-image{

    position:relative;

}

.chairman-image img{

    width:100%;

    border-radius:24px;

    box-shadow:0 20px 50px rgba(0,0,0,.12);

    transition:.4s;

}

.chairman-image:hover img{

    transform:scale(1.03);

}

/*==================================================
QUOTE BOX
==================================================*/

.quote-box{

    position:relative;

    background:#fff;

    padding:40px;

    border-radius:20px;

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

    border-left:5px solid #0D6EFD;

}

.quote-icon{

    position:absolute;

    top:25px;

    right:30px;

    font-size:70px;

    color:rgba(13,110,253,.10);

}

.quote-box p{

    color:#666;

    line-height:1.9;

    margin-bottom:18px;

}

.quote-box p:last-child{

    margin-bottom:0;

}

/*==================================================
VISION SECTION
==================================================*/

.vision-section{

    background:#ffffff;

}

.vision-card{

    background:#fff;

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

    border:1px solid #eef2f7;

}

.vision-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.vision-icon{

    width:90px;

    height:90px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    background:rgba(13,110,253,.10);

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.vision-card:hover .vision-icon{

    background:#0D6EFD;

}

.vision-icon i{

    font-size:38px;

    color:#0D6EFD;

    transition:.35s;

}

.vision-card:hover .vision-icon i{

    color:#fff;

}

.vision-card h3{

    font-size:28px;

    color:#0B1F5C;

    margin-bottom:20px;

}

.vision-card p{

    color:#666;

    line-height:1.9;

    margin:0;

}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .chairman-image{

        margin-bottom:40px;

    }

    .quote-box{

        padding:30px;

    }

    .vision-card{

        margin-bottom:25px;

    }

}

@media(max-width:768px){

    .chairman-section,

    .vision-section{

        padding:70px 0;

    }

    .quote-box{

        padding:25px;

    }

    .quote-icon{

        font-size:55px;

        top:15px;

        right:20px;

    }

    .vision-card{

        padding:30px 25px;

    }

    .vision-icon{

        width:75px;

        height:75px;

    }

    .vision-icon i{

        font-size:30px;

    }

}

@media(max-width:576px){

    .quote-box{

        padding:20px;

    }

    .vision-card{

        padding:25px 20px;

    }

    .vision-card h3{

        font-size:24px;

    }

}

/*==================================================
WHY CHOOSE US
==================================================*/

.why-choose{

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.choose-card{

    background:#fff;

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    border:1px solid #eef2f7;

    transition:.35s;

    height:100%;

}

.choose-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

    border-color:#0D6EFD;

}

.choose-icon{

    width:90px;

    height:90px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    background:rgba(13,110,253,.10);

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.choose-card:hover .choose-icon{

    background:#0D6EFD;

}

.choose-icon i{

    font-size:36px;

    color:#0D6EFD;

    transition:.35s;

}

.choose-card:hover .choose-icon i{

    color:#fff;

}

.choose-card h4{

    font-size:24px;

    color:#0B1F5C;

    margin-bottom:15px;

}

.choose-card p{

    color:#666;

    line-height:1.8;

    margin:0;

}


/*==================================================
COUNTER SECTION
==================================================*/

.counter-section{

    background:linear-gradient(135deg,#081C42,#0D6EFD);

    color:#fff;

    padding:90px 0;

}

.counter-box{

    text-align:center;

    padding:25px;

    transition:.35s;

}

.counter-box:hover{

    transform:translateY(-8px);

}

.counter-box h2{

    font-size:60px;

    font-weight:800;

    color:#fff;

    margin-bottom:10px;

}

.counter-box p{

    color:rgba(255,255,255,.90);

    font-size:18px;

    margin:0;

}

.counter-box::after{

    content:"";

    display:block;

    width:60px;

    height:3px;

    background:#fff;

    opacity:.35;

    margin:18px auto 0;

}


/*==================================================
TIMELINE
==================================================*/

.timeline-section{

    background:#fff;

    position:relative;

}

.timeline{

    position:relative;

    max-width:900px;

    margin:0 auto;

}

.timeline::before{

    content:"";

    position:absolute;

    left:50%;

    top:0;

    width:4px;

    height:100%;

    background:#0D6EFD;

    transform:translateX(-50%);

}

.timeline-item{

    position:relative;

    width:50%;

    padding:25px 50px;

    margin-bottom:40px;

}

.timeline-item:nth-child(odd){

    left:0;

    text-align:right;

}

.timeline-item:nth-child(even){

    left:50%;

}

.timeline-year{

    display:inline-block;

    background:#0D6EFD;

    color:#fff;

    padding:10px 20px;

    border-radius:30px;

    font-weight:700;

    margin-bottom:15px;

}

.timeline-content{

    background:#fff;

    padding:25px;

    border-radius:18px;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

}

.timeline-content:hover{

    transform:translateY(-5px);

    box-shadow:0 20px 40px rgba(0,0,0,.12);

}

.timeline-content h4{

    color:#0B1F5C;

    margin-bottom:12px;

}

.timeline-content p{

    margin:0;

    color:#666;

    line-height:1.8;

}

.timeline-item::before{

    content:"";

    position:absolute;

    top:35px;

    width:18px;

    height:18px;

    border-radius:50%;

    background:#fff;

    border:5px solid #0D6EFD;

    z-index:2;

}

.timeline-item:nth-child(odd)::before{

    right:-9px;

}

.timeline-item:nth-child(even)::before{

    left:-9px;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .choose-card{

        margin-bottom:25px;

    }

    .counter-box h2{

        font-size:46px;

    }

    .timeline::before{

        left:20px;

    }

    .timeline-item,

    .timeline-item:nth-child(even),

    .timeline-item:nth-child(odd){

        width:100%;

        left:0;

        text-align:left;

        padding:20px 20px 20px 60px;

    }

    .timeline-item::before,

    .timeline-item:nth-child(even)::before,

    .timeline-item:nth-child(odd)::before{

        left:11px;

        right:auto;

    }

}

@media(max-width:768px){

    .why-choose,

    .timeline-section{

        padding:70px 0;

    }

    .choose-card{

        padding:30px 25px;

    }

    .choose-icon{

        width:75px;

        height:75px;

    }

    .choose-icon i{

        font-size:30px;

    }

    .counter-box{

        margin-bottom:30px;

    }

    .counter-box h2{

        font-size:40px;

    }

}

@media(max-width:576px){

    .choose-card{

        padding:25px 20px;

    }

    .timeline-content{

        padding:20px;

    }

}

/*==================================================
CORE VALUES
==================================================*/

.core-values{

    background:#f8f9fa;

    position:relative;

}

.value-card{

    background:#ffffff;

    border-radius:20px;

    padding:35px 30px;

    text-align:center;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

    border:1px solid #eef2f7;

    height:100%;

}

.value-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.value-icon{

    width:85px;

    height:85px;

    margin:auto;

    margin-bottom:22px;

    border-radius:50%;

    background:rgba(13,110,253,.10);

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.value-card:hover .value-icon{

    background:#0D6EFD;

}

.value-icon i{

    font-size:34px;

    color:#0D6EFD;

    transition:.35s;

}

.value-card:hover .value-icon i{

    color:#ffffff;

}

.value-card h4{

    color:#0B1F5C;

    font-size:24px;

    margin-bottom:15px;

}

.value-card p{

    color:#666;

    line-height:1.8;

    margin:0;

}


/*==================================================
LEADERSHIP TEAM
==================================================*/

.leadership-section{

    background:#ffffff;

}

.team-card{

    background:#ffffff;

    border-radius:24px;

    overflow:hidden;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

    text-align:center;

    height:100%;

}

.team-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.team-card img{

    width:100%;

    height:420px;

    object-fit:cover;

    transition:.45s;

}

.team-card:hover img{

    transform:scale(1.05);

}

.team-content{

    padding:30px;

}

.team-content h4{

    color:#0B1F5C;

    margin-bottom:8px;

}

.team-content span{

    display:block;

    color:#0D6EFD;

    font-weight:600;

    margin-bottom:18px;

}

.team-content p{

    color:#666;

    line-height:1.8;

    margin:0;

}


/*==================================================
CERTIFICATION
==================================================*/

.certification-section{

    background:#f8f9fa;

}

.certificate-card{

    background:#ffffff;

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

    border:1px solid #eef2f7;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

    height:100%;

}

.certificate-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.certificate-card i{

    width:90px;

    height:90px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    background:rgba(13,110,253,.10);

    color:#0D6EFD;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:36px;

    transition:.35s;

}

.certificate-card:hover i{

    background:#0D6EFD;

    color:#ffffff;

}

.certificate-card h4{

    color:#0B1F5C;

    margin-bottom:15px;

}

.certificate-card p{

    color:#666;

    line-height:1.8;

    margin:0;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .value-card,

    .team-card,

    .certificate-card{

        margin-bottom:25px;

    }

    .team-card img{

        height:360px;

    }

}

@media(max-width:768px){

    .core-values,

    .leadership-section,

    .certification-section{

        padding:70px 0;

    }

    .value-card,

    .certificate-card{

        padding:30px 25px;

    }

    .value-icon,

    .certificate-card i{

        width:75px;

        height:75px;

    }

    .value-icon i,

    .certificate-card i{

        font-size:30px;

    }

    .team-card img{

        height:320px;

    }

}

@media(max-width:576px){

    .value-card,

    .certificate-card{

        padding:25px 20px;

    }

    .team-card img{

        height:280px;

    }

    .team-content{

        padding:25px;

    }

}

/*==================================================
PAN INDIA PRESENCE
==================================================*/

.pan-india-section{

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.state-box{

    background:#ffffff;

    border:1px solid #eef2f7;

    border-radius:18px;

    padding:20px;

    text-align:center;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transition:.35s;

    height:100%;

}

.state-box:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(0,0,0,.12);

    border-color:#0D6EFD;

}

.state-box h5{

    color:#0B1F5C;

    margin-bottom:8px;

    font-size:20px;

}

.state-box span{

    color:#666;

    font-size:15px;

}

.pan-india-section img{

    max-width:100%;

    transition:.4s;

}

.pan-india-section img:hover{

    transform:scale(1.03);

}


/*==================================================
CLIENTS
==================================================*/

.clients-section{

    background:#f8f9fa;

}

.client-card{

    background:#ffffff;

    height:140px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:18px;

    border:1px solid #eef2f7;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transition:.35s;

}

.client-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(0,0,0,.12);

}

.client-card img{

    max-width:140px;

    max-height:70px;

    object-fit:contain;

    filter:grayscale(100%);

    opacity:.75;

    transition:.35s;

}

.client-card:hover img{

    filter:none;

    opacity:1;

    transform:scale(1.08);

}


/*==================================================
AWARDS
==================================================*/

.awards-section{

    background:#ffffff;

}

.award-card{

    background:#ffffff;

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

    border:1px solid #eef2f7;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

    height:100%;

}

.award-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.award-icon{

    width:90px;

    height:90px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    background:#FFF8E5;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.award-icon i{

    color:#FFC107;

    font-size:38px;

}

.award-card:hover .award-icon{

    background:#FFC107;

}

.award-card:hover .award-icon i{

    color:#ffffff;

}

.award-card h4{

    color:#0B1F5C;

    margin-bottom:15px;

}

.award-card p{

    color:#666;

    line-height:1.8;

    margin:0;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .state-box,

    .client-card,

    .award-card{

        margin-bottom:25px;

    }

}

@media(max-width:768px){

    .pan-india-section,

    .clients-section,

    .awards-section{

        padding:70px 0;

    }

    .client-card{

        height:120px;

    }

    .client-card img{

        max-width:110px;

    }

    .award-card{

        padding:30px 25px;

    }

    .award-icon{

        width:75px;

        height:75px;

    }

    .award-icon i{

        font-size:30px;

    }

}

@media(max-width:576px){

    .state-box{

        padding:18px;

    }

    .client-card{

        height:110px;

    }

    .award-card{

        padding:25px 20px;

    }

}

/*==================================================
SERVICES PAGE CSS
PART 1
==================================================*/

/*=========================================
PAGE BANNER
=========================================*/

.page-banner{

    position:relative;

    background:linear-gradient(rgba(8,28,66,.75),rgba(8,28,66,.75)),
               url('../images/services/services-banner.jpg') center center/cover no-repeat;

    padding:80px 0 80px;

    overflow:hidden;

    text-align:center;

}

.banner-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.15);

}

.page-banner .container{

    position:relative;

    z-index:2;

}

.page-banner h1{

    color:#ffffff;

    font-size:60px;

    font-weight:800;

    margin-bottom:25px;

    line-height:1.2;

}

.page-banner p{

    color:rgba(255,255,255,.90);

    max-width:850px;

    margin:auto;

    font-size:20px;

    line-height:1.8;

}

/*=========================================
SERVICES OVERVIEW
=========================================*/

.services-overview{

    background:#ffffff;

}

.section-desc{

    max-width:750px;

    margin:auto;

    color:#666;

    line-height:1.9;

}

/*=========================================
SERVICE CARD
=========================================*/

.service-card{

    background:#ffffff;

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

    height:100%;

    border:1px solid #eef2f7;

}

.service-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 45px rgba(0,0,0,.12);

}

.service-card img{

    width:100%;

    height:260px;

    object-fit:cover;

    transition:.45s;

}

.service-card:hover img{

    transform:scale(1.05);

}

/*=========================================
SERVICE CONTENT
=========================================*/

.service-content{

    padding:35px;

    text-align:center;

}

.service-content h4{

    color:#0B1F5C;

    font-size:25px;

    margin:20px 0;

}

.service-content p{

    color:#666;

    line-height:1.8;

    margin-bottom:25px;

}

/*=========================================
SERVICE ICON
=========================================*/

.service-icon{

    width:85px;

    height:85px;

    margin:auto;

    border-radius:50%;

    background:rgba(13,110,253,.10);

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.service-card:hover .service-icon{

    background:#0D6EFD;

}

.service-icon i{

    font-size:34px;

    color:#0D6EFD;

    transition:.35s;

}

.service-card:hover .service-icon i{

    color:#ffffff;

}

/*=========================================
SERVICE BUTTON
=========================================*/

.service-content .btn{

    padding:12px 30px;

    border-radius:40px;

    font-weight:600;

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

    .page-banner{

        padding:160px 0 100px;

    }

    .page-banner h1{

        font-size:48px;

    }

    .service-card{

        margin-bottom:25px;

    }

}

@media(max-width:768px){

    .page-banner{

        padding:140px 0 80px;

    }

    .page-banner h1{

        font-size:38px;

    }

    .page-banner p{

        font-size:17px;

    }

    .service-card img{

        height:220px;

    }

    .service-content{

        padding:25px;

    }

}

@media(max-width:576px){

    .page-banner h1{

        font-size:30px;

    }

    .service-content h4{

        font-size:22px;

    }

    .service-icon{

        width:70px;

        height:70px;

    }

    .service-icon i{

        font-size:28px;

    }

}

/*==================================================
SERVICE DETAIL SECTION
==================================================*/

.service-detail{

    position:relative;

    background:#ffffff;

    overflow:hidden;

}

.service-detail:nth-child(even){

    background:#f8f9fa;

}

.service-detail img{

    width:100%;

    border-radius:24px;

    box-shadow:0 20px 50px rgba(0,0,0,.12);

    transition:.45s;

}

.service-detail img:hover{

    transform:scale(1.03);

}

.service-detail .section-title{

    margin-bottom:25px;

}

.service-detail p{

    color:#666;

    line-height:1.9;

    margin-bottom:25px;

}

/*==================================================
SERVICE FEATURE LIST
==================================================*/

.service-list{

    list-style:none;

    padding:0;

    margin:30px 0 0;

}

.service-list li{

    display:flex;

    align-items:center;

    margin-bottom:18px;

    font-size:16px;

    color:#444;

    transition:.35s;

}

.service-list li:hover{

    transform:translateX(8px);

}

.service-list li i{

    width:36px;

    height:36px;

    margin-right:15px;

    border-radius:50%;

    background:rgba(13,110,253,.12);

    color:#0D6EFD;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:14px;

    transition:.35s;

}

.service-list li:hover i{

    background:#0D6EFD;

    color:#ffffff;

}

/*==================================================
IMAGE SHADOW
==================================================*/

.service-detail .shadow-lg{

    box-shadow:0 20px 50px rgba(0,0,0,.15)!important;

}

/*==================================================
SECTION SPACING
==================================================*/

.service-detail .row{

    min-height:500px;

}

/*==================================================
SERVICE ANIMATION
==================================================*/

.service-detail .col-lg-6{

    transition:.35s;

}

.service-detail:hover .col-lg-6:first-child{

    transform:translateY(-5px);

}

.service-detail:hover .col-lg-6:last-child{

    transform:translateY(-5px);

}

/*==================================================
BACKGROUND DECORATION
==================================================*/

.service-detail::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

    background:rgba(13,110,253,.04);

    top:-60px;

    right:-60px;

}

.service-detail::after{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    border-radius:50%;

    background:rgba(13,110,253,.05);

    bottom:-40px;

    left:-40px;

}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .service-detail{

        text-align:center;

    }

    .service-detail img{

        margin-bottom:35px;

    }

    .service-detail .row{

        min-height:auto;

    }

    .service-list{

        display:inline-block;

        text-align:left;

    }

}

@media(max-width:768px){

    .service-detail{

        padding:70px 0;

    }

    .service-detail img{

        border-radius:18px;

    }

    .service-list li{

        font-size:15px;

        margin-bottom:15px;

    }

    .service-list li i{

        width:32px;

        height:32px;

        margin-right:12px;

    }

}

@media(max-width:576px){

    .service-detail{

        padding:60px 0;

    }

    .service-detail p{

        font-size:15px;

    }

    .service-list li{

        font-size:14px;

    }

}

/*==================================================
EQUIPMENT SECTION
==================================================*/

.equipment-section{

    background:#f8f9fa;

    position:relative;

    overflow:hidden;

}

.equipment-card{

    background:#ffffff;

    border-radius:22px;

    overflow:hidden;

    text-align:center;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

    height:100%;

    border:1px solid #eef2f7;

}

.equipment-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 45px rgba(0,0,0,.12);

}

.equipment-card img{

    width:100%;

    height:220px;

    object-fit:cover;

    transition:.45s;

}

.equipment-card:hover img{

    transform:scale(1.05);

}

.equipment-content{

    padding:25px;

}

.equipment-content h5{

    color:#0B1F5C;

    font-size:22px;

    font-weight:700;

    margin-bottom:15px;

}

.equipment-content p{

    color:#666;

    line-height:1.8;

    margin:0;

}


/*==================================================
WORK PROCESS
==================================================*/

.work-process{

    background:#ffffff;

}

.process-card{

    position:relative;

    background:#ffffff;

    border-radius:22px;

    padding:45px 30px;

    text-align:center;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

    overflow:hidden;

    height:100%;

    border:1px solid #eef2f7;

}

.process-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.process-number{

    position:absolute;

    top:20px;

    right:20px;

    font-size:42px;

    font-weight:800;

    color:rgba(13,110,253,.08);

}

.process-card i{

    width:90px;

    height:90px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    background:rgba(13,110,253,.10);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#0D6EFD;

    font-size:36px;

    transition:.35s;

}

.process-card:hover i{

    background:#0D6EFD;

    color:#ffffff;

    transform:rotateY(360deg);

}

.process-card h4{

    color:#0B1F5C;

    margin-bottom:18px;

    font-size:24px;

}

.process-card p{

    color:#666;

    line-height:1.8;

    margin:0;

}


/*==================================================
WHY SERVICES
==================================================*/

.why-services{

    background:#f8f9fa;

}

.why-services img{

    width:100%;

    border-radius:24px;

    box-shadow:0 20px 50px rgba(0,0,0,.12);

    transition:.45s;

}

.why-services img:hover{

    transform:scale(1.03);

}

.why-services p{

    color:#666;

    line-height:1.9;

}


/*==================================================
BACKGROUND SHAPES
==================================================*/

.equipment-section::before,

.work-process::before,

.why-services::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

    background:rgba(13,110,253,.04);

    top:-60px;

    right:-60px;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .equipment-card,

    .process-card{

        margin-bottom:25px;

    }

    .why-services{

        text-align:center;

    }

    .why-services img{

        margin-bottom:35px;

    }

}

@media(max-width:768px){

    .equipment-card img{

        height:200px;

    }

    .equipment-content{

        padding:20px;

    }

    .process-card{

        padding:35px 25px;

    }

    .process-card i{

        width:75px;

        height:75px;

        font-size:30px;

    }

}

@media(max-width:576px){

    .equipment-card img{

        height:180px;

    }

    .equipment-content h5{

        font-size:20px;

    }

    .process-card{

        padding:30px 20px;

    }

    .process-number{

        font-size:32px;

    }

}

/*==================================================
FAQ SECTION
==================================================*/

.faq-section{

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.faq-section::before{

    content:"";

    position:absolute;

    top:-80px;

    left:-80px;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(13,110,253,.04);

}

.accordion{

    max-width:900px;

    margin:auto;

}

.accordion-item{

    border:none;

    margin-bottom:20px;

    border-radius:18px !important;

    overflow:hidden;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

}

.accordion-button{

    background:#ffffff;

    color:#0B1F5C;

    font-size:18px;

    font-weight:600;

    padding:22px 28px;

    box-shadow:none !important;

}

.accordion-button:not(.collapsed){

    background:#0D6EFD;

    color:#ffffff;

}

.accordion-button::after{

    filter:brightness(0);

}

.accordion-button:not(.collapsed)::after{

    filter:brightness(100);

}

.accordion-body{

    background:#ffffff;

    color:#666;

    line-height:1.9;

    padding:25px 28px;

}


/*==================================================
CTA SECTION
==================================================*/

.cta-section{

    position:relative;

    background:linear-gradient(rgba(8,28,66,.88),rgba(8,28,66,.88)),
               url('../images/services/work-process.jpg')
               center center/cover no-repeat;

    padding:100px 0;

    text-align:center;

    overflow:hidden;

}

.cta-section::before{

    content:"";

    position:absolute;

    inset:0;

    background:rgba(13,110,253,.12);

}

.cta-section .container{

    position:relative;

    z-index:2;

}

.cta-section h2{

    color:#ffffff;

    font-size:48px;

    font-weight:800;

    margin-bottom:25px;

}

.cta-section p{

    color:rgba(255,255,255,.90);

    max-width:760px;

    margin:0 auto 35px;

    font-size:18px;

    line-height:1.9;

}

.cta-section .btn{

    padding:15px 45px;

    font-size:18px;

    font-weight:700;

    border-radius:50px;

    transition:.35s;

}

.cta-section .btn:hover{

    transform:translateY(-5px);

    box-shadow:0 18px 35px rgba(0,0,0,.25);

}


/*==================================================
GLOBAL HOVER
==================================================*/

.service-card,

.equipment-card,

.process-card,

.accordion-item{

    transition:all .35s ease;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .cta-section{

        padding:80px 0;

    }

    .cta-section h2{

        font-size:40px;

    }

}

@media(max-width:768px){

    .faq-section{

        padding:70px 0;

    }

    .accordion-button{

        font-size:16px;

        padding:18px 22px;

    }

    .accordion-body{

        padding:20px 22px;

    }

    .cta-section{

        padding:70px 0;

    }

    .cta-section h2{

        font-size:34px;

    }

    .cta-section p{

        font-size:16px;

    }

}

@media(max-width:576px){

    .accordion-button{

        font-size:15px;

    }

    .cta-section{

        padding:60px 20px;

    }

    .cta-section h2{

        font-size:28px;

    }

    .cta-section p{

        font-size:15px;

    }

    .cta-section .btn{

        width:100%;

        max-width:280px;

    }

}

/*==================================================
PROJECTS PAGE CSS
PART 1
==================================================*/


/*=========================================
PAGE BANNER
=========================================*/

.page-banner{

    position:relative;

    background:linear-gradient(rgba(8,28,66,.78),rgba(8,28,66,.78)),
               url('../images/projects/projects-banner.jpg')
               center center/cover no-repeat;

    padding:80px 0 80px;

    text-align:center;

    overflow:hidden;

}

.banner-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.15);

}

.page-banner .container{

    position:relative;

    z-index:2;

}

.page-banner h1{

    color:#fff;

    font-size:60px;

    font-weight:800;

    line-height:1.2;

    margin-bottom:25px;

}

.page-banner p{

    color:rgba(255,255,255,.90);

    font-size:20px;

    max-width:850px;

    margin:auto;

    line-height:1.9;

}


/*=========================================
PROJECT COUNTER
=========================================*/

.project-counter{

    background:linear-gradient(135deg,#081C42,#0D6EFD);

    color:#fff;

}

.project-counter .counter-box{

    padding:35px 20px;

    text-align:center;

    transition:.35s;

}

.project-counter .counter-box:hover{

    transform:translateY(-8px);

}

.project-counter h2{

    font-size:58px;

    font-weight:800;

    color:#fff;

    margin-bottom:12px;

}

.project-counter p{

    color:rgba(255,255,255,.90);

    margin:0;

    font-size:18px;

}


/*=========================================
PROJECT CARD
=========================================*/

.project-card{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

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

    transition:.35s;

    height:100%;

    border:1px solid #eef2f7;

}

.project-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 45px rgba(0,0,0,.12);

}

.project-card img{

    width:100%;

    height:260px;

    object-fit:cover;

    transition:.45s;

}

.project-card:hover img{

    transform:scale(1.05);

}


/*=========================================
PROJECT CONTENT
=========================================*/

.project-content{

    padding:30px;

}

.project-content h4{

    color:#0B1F5C;

    font-size:24px;

    margin:18px 0;

}

.project-content p{

    color:#666;

    line-height:1.8;

}


/*=========================================
PROJECT STATUS
=========================================*/

.project-status{

    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

    font-size:14px;

    font-weight:700;

    margin-bottom:15px;

}

.project-status.ongoing{

    background:#FFF3CD;

    color:#856404;

}

.project-status.completed{

    background:#D1FADF;

    color:#198754;

}


/*=========================================
PROJECT INFO
=========================================*/

.project-info{

    list-style:none;

    padding:0;

    margin:0 0 20px;

}

.project-info li{

    display:flex;

    align-items:center;

    margin-bottom:12px;

    color:#666;

}

.project-info i{

    width:35px;

    height:35px;

    border-radius:50%;

    background:rgba(13,110,253,.10);

    color:#0D6EFD;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-right:12px;

}


/*=========================================
PROGRESS BAR
=========================================*/

.progress{

    height:10px;

    border-radius:30px;

    background:#e9ecef;

}

.progress-bar{

    background:#0D6EFD;

    font-size:12px;

    font-weight:600;

}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

    .page-banner{

        padding:160px 0 100px;

    }

    .page-banner h1{

        font-size:48px;

    }

    .project-card{

        margin-bottom:25px;

    }

}

@media(max-width:768px){

    .page-banner{

        padding:140px 0 90px;

    }

    .page-banner h1{

        font-size:38px;

    }

    .page-banner p{

        font-size:17px;

    }

    .project-card img{

        height:220px;

    }

}

@media(max-width:576px){

    .page-banner h1{

        font-size:30px;

    }

    .project-counter h2{

        font-size:40px;

    }

    .project-content{

        padding:22px;

    }

}

/*==================================================
COMPLETED PROJECTS
==================================================*/

.completed-projects{

    background:#f8f9fa;

    position:relative;

    overflow:hidden;

}

.completed-projects::before{

    content:"";

    position:absolute;

    top:-100px;

    right:-100px;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(13,110,253,.04);

}

.project-card.completed{

    border:1px solid rgba(25,135,84,.15);

}

.project-card.completed:hover{

    border-color:#198754;

}

.project-card.completed .btn{

    transition:.35s;

}

.project-card.completed:hover .btn{

    background:#198754;

    color:#ffffff;

    border-color:#198754;

}


/*==================================================
PROJECT CATEGORIES
==================================================*/

.project-categories{

    background:#ffffff;

}

.category-card{

    background:#ffffff;

    border:1px solid #eef2f7;

    border-radius:22px;

    padding:35px 20px;

    text-align:center;

    transition:.35s;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    height:100%;

}

.category-card:hover{

    transform:translateY(-10px);

    background:#0D6EFD;

}

.category-card i{

    width:80px;

    height:80px;

    border-radius:50%;

    margin:auto;

    margin-bottom:20px;

    background:rgba(13,110,253,.10);

    color:#0D6EFD;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    transition:.35s;

}

.category-card:hover i{

    background:#ffffff;

    color:#0D6EFD;

}

.category-card h6{

    color:#0B1F5C;

    font-size:18px;

    font-weight:700;

    margin:0;

    transition:.35s;

}

.category-card:hover h6{

    color:#ffffff;

}


/*==================================================
FEATURED PROJECT
==================================================*/

.featured-project{

    background:#f8f9fa;

    position:relative;

    overflow:hidden;

}

.featured-project::after{

    content:"";

    position:absolute;

    left:-80px;

    bottom:-80px;

    width:180px;

    height:180px;

    border-radius:50%;

    background:rgba(13,110,253,.05);

}

.featured-project img{

    width:100%;

    border-radius:24px;

    box-shadow:0 20px 45px rgba(0,0,0,.15);

    transition:.45s;

}

.featured-project img:hover{

    transform:scale(1.03);

}

.featured-project p{

    color:#666;

    line-height:1.9;

}

.featured-project strong{

    color:#0B1F5C;

    font-weight:700;

}

.featured-project .btn{

    padding:14px 35px;

    border-radius:40px;

}


/*==================================================
SECTION ANIMATION
==================================================*/

.category-card,

.project-card,

.featured-project img{

    transition:all .35s ease;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .featured-project{

        text-align:center;

    }

    .featured-project img{

        margin-bottom:35px;

    }

    .category-card{

        margin-bottom:25px;

    }

}

@media(max-width:768px){

    .category-card{

        padding:28px 18px;

    }

    .category-card i{

        width:70px;

        height:70px;

        font-size:28px;

    }

    .featured-project{

        padding:70px 0;

    }

}

@media(max-width:576px){

    .category-card{

        padding:25px 15px;

    }

    .category-card h6{

        font-size:16px;

    }

    .featured-project{

        padding:60px 0;

    }

}

/*==================================================
PROJECT GALLERY
==================================================*/

.project-gallery{

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.gallery-card{

    position:relative;

    overflow:hidden;

    border-radius:22px;

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

    cursor:pointer;

    transition:.35s;

}

.gallery-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 45px rgba(0,0,0,.12);

}

.gallery-card img{

    width:100%;

    height:280px;

    object-fit:cover;

    transition:.45s;

}

.gallery-card:hover img{

    transform:scale(1.08);

}

.gallery-card::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(to top,
        rgba(8,28,66,.55),
        transparent);

    opacity:0;

    transition:.35s;

}

.gallery-card:hover::after{

    opacity:1;

}


/*==================================================
CLIENTS
==================================================*/

.project-clients{

    background:#f8f9fa;

}

.client-card{

    background:#ffffff;

    border-radius:20px;

    height:130px;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

}

.client-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.client-card img{

    max-width:120px;

    max-height:65px;

    object-fit:contain;

    filter:grayscale(100%);

    opacity:.75;

    transition:.35s;

}

.client-card:hover img{

    filter:none;

    opacity:1;

    transform:scale(1.08);

}


/*==================================================
PROJECT TIMELINE
==================================================*/

.project-timeline{

    background:#ffffff;

}

.timeline-card{

    background:#ffffff;

    padding:40px 25px;

    border-radius:22px;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

    height:100%;

    border:1px solid #eef2f7;

}

.timeline-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.timeline-card i{

    width:85px;

    height:85px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    background:rgba(13,110,253,.10);

    color:#0D6EFD;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    transition:.35s;

}

.timeline-card:hover i{

    background:#0D6EFD;

    color:#ffffff;

    transform:rotateY(360deg);

}

.timeline-card h5{

    color:#0B1F5C;

    font-size:22px;

    margin-bottom:15px;

}

.timeline-card p{

    color:#666;

    line-height:1.8;

    margin:0;

}


/*==================================================
SAFETY & QUALITY
==================================================*/

.quality-section{

    background:#f8f9fa;

    position:relative;

}

.quality-section img{

    width:100%;

    border-radius:24px;

    box-shadow:0 20px 45px rgba(0,0,0,.15);

    transition:.45s;

}

.quality-section img:hover{

    transform:scale(1.03);

}

.quality-section p{

    color:#666;

    line-height:1.9;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .quality-section{

        text-align:center;

    }

    .quality-section img{

        margin-bottom:35px;

    }

    .client-card,

    .timeline-card{

        margin-bottom:25px;

    }

}

@media(max-width:768px){

    .gallery-card img{

        height:220px;

    }

    .client-card{

        height:110px;

    }

    .timeline-card{

        padding:30px 20px;

    }

    .timeline-card i{

        width:75px;

        height:75px;

        font-size:30px;

    }

}

@media(max-width:576px){

    .gallery-card img{

        height:180px;

    }

    .timeline-card{

        padding:25px 18px;

    }

    .timeline-card h5{

        font-size:20px;

    }

}

/*==================================================
CALL TO ACTION
==================================================*/

.cta-section{

    position:relative;

    background:linear-gradient(rgba(8,28,66,.88),rgba(8,28,66,.88)),
               url('../images/projects/projects-banner.jpg')
               center center/cover no-repeat;

    padding:110px 0;

    text-align:center;

    overflow:hidden;

}

.cta-section::before{

    content:"";

    position:absolute;

    inset:0;

    background:rgba(13,110,253,.10);

}

.cta-section .container{

    position:relative;

    z-index:2;

}

.cta-section h2{

    color:#ffffff;

    font-size:48px;

    font-weight:800;

    margin-bottom:25px;

}

.cta-section p{

    color:rgba(255,255,255,.92);

    max-width:800px;

    margin:0 auto 35px;

    font-size:18px;

    line-height:1.9;

}

.cta-section .btn{

    padding:16px 45px;

    border-radius:50px;

    font-size:18px;

    font-weight:700;

    transition:.35s;

}

.cta-section .btn:hover{

    transform:translateY(-5px);

    box-shadow:0 20px 40px rgba(0,0,0,.25);

}


/*==================================================
GLOBAL CARD ANIMATION
==================================================*/

.project-card,

.category-card,

.gallery-card,

.client-card,

.timeline-card{

    transition:all .35s ease;

}

.project-card:hover,

.category-card:hover,

.gallery-card:hover,

.client-card:hover,

.timeline-card:hover{

    transform:translateY(-10px);

}


/*==================================================
BUTTON EFFECTS
==================================================*/

.btn-primary,

.btn-outline-primary{

    transition:.35s;

}

.btn-primary:hover{

    transform:translateY(-3px);

}

.btn-outline-primary:hover{

    transform:translateY(-3px);

}


/*==================================================
SECTION SPACING
==================================================*/

.project-counter,

.ongoing-projects,

.completed-projects,

.project-categories,

.featured-project,

.project-gallery,

.project-clients,

.project-timeline,

.quality-section,

.cta-section{

    position:relative;

}


/*==================================================
SCROLL SMOOTH
==================================================*/

html{

    scroll-behavior:smooth;

}


/*==================================================
ACCESSIBILITY
==================================================*/

.project-card a:focus,

.category-card:focus,

.gallery-card:focus,

.client-card:focus,

.timeline-card:focus{

    outline:2px solid #0D6EFD;

    outline-offset:3px;

}


/*==================================================
FINAL RESPONSIVE
==================================================*/

@media(max-width:991px){

    .cta-section{

        padding:90px 0;

    }

    .cta-section h2{

        font-size:40px;

    }

}

@media(max-width:768px){

    .cta-section{

        padding:80px 20px;

    }

    .cta-section h2{

        font-size:34px;

    }

    .cta-section p{

        font-size:16px;

    }

}

@media(max-width:576px){

    .cta-section{

        padding:70px 15px;

    }

    .cta-section h2{

        font-size:28px;

        line-height:1.4;

    }

    .cta-section p{

        font-size:15px;

    }

    .cta-section .btn{

        width:100%;

        max-width:280px;

    }

}


/*==================================================
SELECTION
==================================================*/

::selection{

    background:#0D6EFD;

    color:#ffffff;

}


/*==================================================
CSR PAGE CSS
PART 1
==================================================*/

/*=========================================
PAGE BANNER
=========================================*/

.page-banner{

    position:relative;

    background:linear-gradient(rgba(8,28,66,.80),rgba(8,28,66,.80)),
               url('../images/csr/csr-banner.jpg')
               center center/cover no-repeat;

    padding:80px 0 80px;

    text-align:center;

    overflow:hidden;

}

.banner-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.15);

}

.page-banner .container{

    position:relative;

    z-index:2;

}

.page-banner h1{

    color:#ffffff;

    font-size:60px;

    font-weight:800;

    line-height:1.2;

    margin-bottom:25px;

}

.page-banner p{

    color:rgba(255,255,255,.92);

    font-size:20px;

    line-height:1.9;

    max-width:850px;

    margin:auto;

}


/*=========================================
CSR ABOUT
=========================================*/

.csr-about{

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.csr-about img{

    width:100%;

    border-radius:24px;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

    transition:.45s;

}

.csr-about img:hover{

    transform:scale(1.03);

}

.csr-about p{

    color:#666;

    line-height:1.9;

    margin-bottom:20px;

}


/*=========================================
CHAIRMAN MESSAGE
=========================================*/

.chairman-message{

    background:#f8f9fa;

    position:relative;

}

.chairman-message img{

    width:100%;

    border-radius:24px;

    box-shadow:0 20px 45px rgba(0,0,0,.15);

    transition:.45s;

}

.chairman-message img:hover{

    transform:scale(1.03);

}


/*=========================================
QUOTE
=========================================*/

.csr-quote{

    position:relative;

    background:#ffffff;

    padding:35px;

    margin:30px 0;

    border-left:5px solid #0D6EFD;

    border-radius:0 18px 18px 0;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    color:#555;

    font-size:18px;

    line-height:2;

    font-style:italic;

}

.csr-quote::before{

    content:"❝";

    position:absolute;

    top:15px;

    left:18px;

    font-size:60px;

    color:rgba(13,110,253,.12);

    font-family:serif;

}


/*=========================================
BACKGROUND DECORATION
=========================================*/

.csr-about::before,

.chairman-message::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

    background:rgba(13,110,253,.05);

    top:-70px;

    right:-70px;

}


/*=========================================
BUTTON
=========================================*/

.csr-about .btn{

    padding:14px 35px;

    border-radius:40px;

    font-weight:600;

}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

    .csr-about,

    .chairman-message{

        text-align:center;

    }

    .csr-about img,

    .chairman-message img{

        margin-bottom:35px;

    }

}

@media(max-width:768px){

    .page-banner{

        padding:150px 0 90px;

    }

    .page-banner h1{

        font-size:40px;

    }

    .page-banner p{

        font-size:17px;

    }

    .csr-quote{

        font-size:16px;

        padding:25px;

    }

}

@media(max-width:576px){

    .page-banner{

        padding:130px 0 80px;

    }

    .page-banner h1{

        font-size:30px;

    }

    .csr-quote{

        font-size:15px;

        line-height:1.8;

    }

}

/*==================================================
MISSION & VISION
==================================================*/

.csr-mission{

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.mission-card{

    background:#ffffff;

    border-radius:24px;

    padding:45px 35px;

    text-align:center;

    border:1px solid #eef2f7;

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

    transition:.35s;

    height:100%;

}

.mission-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 45px rgba(0,0,0,.12);

}

.mission-icon{

    width:95px;

    height:95px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    background:rgba(13,110,253,.10);

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.mission-card:hover .mission-icon{

    background:#0D6EFD;

}

.mission-icon i{

    font-size:38px;

    color:#0D6EFD;

    transition:.35s;

}

.mission-card:hover .mission-icon i{

    color:#ffffff;

}

.mission-card h3{

    color:#0B1F5C;

    font-size:28px;

    font-weight:700;

    margin-bottom:18px;

}

.mission-card p{

    color:#666;

    line-height:1.9;

    margin:0;

}


/*==================================================
CSR FOCUS
==================================================*/

.csr-focus{

    background:#f8f9fa;

    position:relative;

}

.csr-card{

    background:#ffffff;

    border-radius:22px;

    padding:40px 30px;

    text-align:center;

    border:1px solid #eef2f7;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

    height:100%;

}

.csr-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 45px rgba(0,0,0,.12);

}

.csr-icon{

    width:85px;

    height:85px;

    margin:auto;

    margin-bottom:22px;

    border-radius:50%;

    background:rgba(13,110,253,.10);

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.csr-card:hover .csr-icon{

    background:#0D6EFD;

}

.csr-icon i{

    font-size:34px;

    color:#0D6EFD;

    transition:.35s;

}

.csr-card:hover .csr-icon i{

    color:#ffffff;

}

.csr-card h4{

    color:#0B1F5C;

    font-size:24px;

    margin-bottom:18px;

}

.csr-card p{

    color:#666;

    line-height:1.8;

    margin:0;

}


/*==================================================
BACKGROUND SHAPES
==================================================*/

.csr-mission::before,

.csr-focus::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

    background:rgba(13,110,253,.05);

    top:-70px;

    left:-70px;

}

.csr-mission::after,

.csr-focus::after{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    border-radius:50%;

    background:rgba(13,110,253,.04);

    bottom:-40px;

    right:-40px;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .mission-card,

    .csr-card{

        margin-bottom:25px;

    }

}

@media(max-width:768px){

    .mission-card{

        padding:35px 25px;

    }

    .mission-icon{

        width:80px;

        height:80px;

    }

    .mission-icon i{

        font-size:32px;

    }

    .csr-card{

        padding:30px 22px;

    }

    .csr-icon{

        width:75px;

        height:75px;

    }

    .csr-icon i{

        font-size:30px;

    }

}

@media(max-width:576px){

    .mission-card h3{

        font-size:24px;

    }

    .csr-card h4{

        font-size:22px;

    }

    .mission-card,

    .csr-card{

        padding:28px 20px;

    }

}

/*==================================================
CSR IMPACT COUNTER
==================================================*/

.csr-counter{

    background:linear-gradient(135deg,#081C42,#0D6EFD);

    color:#ffffff;

    position:relative;

    overflow:hidden;

}

.csr-counter::before{

    content:"";

    position:absolute;

    top:-80px;

    right:-80px;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(255,255,255,.06);

}

.csr-counter .counter-box{

    padding:40px 20px;

    text-align:center;

    transition:.35s;

}

.csr-counter .counter-box:hover{

    transform:translateY(-10px);

}

.csr-counter h2{

    font-size:60px;

    font-weight:800;

    color:#ffffff;

    margin-bottom:10px;

}

.csr-counter p{

    color:rgba(255,255,255,.90);

    font-size:18px;

    margin:0;

}


/*==================================================
CSR ACTIVITIES
==================================================*/

.csr-activities{

    background:#f8f9fa;

}

.activity-card{

    background:#ffffff;

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

    height:100%;

    border:1px solid #eef2f7;

}

.activity-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 45px rgba(0,0,0,.12);

}

.activity-card img{

    width:100%;

    height:220px;

    object-fit:cover;

    transition:.45s;

}

.activity-card:hover img{

    transform:scale(1.05);

}

.activity-content{

    padding:25px;

    text-align:center;

}

.activity-content h5{

    color:#0B1F5C;

    font-size:22px;

    font-weight:700;

    margin-bottom:15px;

}

.activity-content p{

    color:#666;

    line-height:1.8;

    margin:0;

}


/*==================================================
CSR GALLERY
==================================================*/

.csr-gallery{

    background:#ffffff;

}

.gallery-card{

    overflow:hidden;

    border-radius:22px;

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

    transition:.35s;

}

.gallery-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 45px rgba(0,0,0,.12);

}

.gallery-card img{

    width:100%;

    height:260px;

    object-fit:cover;

    transition:.45s;

}

.gallery-card:hover img{

    transform:scale(1.08);

}


/*==================================================
CSR PARTNERS
==================================================*/

.csr-partners{

    background:#f8f9fa;

}

.partner-card{

    background:#ffffff;

    height:130px;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

}

.partner-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.partner-card img{

    max-width:120px;

    max-height:65px;

    object-fit:contain;

    filter:grayscale(100%);

    opacity:.75;

    transition:.35s;

}

.partner-card:hover img{

    filter:none;

    opacity:1;

    transform:scale(1.08);

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .activity-card,

    .partner-card{

        margin-bottom:25px;

    }

}

@media(max-width:768px){

    .csr-counter h2{

        font-size:48px;

    }

    .activity-card img{

        height:200px;

    }

    .gallery-card img{

        height:220px;

    }

    .partner-card{

        height:110px;

    }

}

@media(max-width:576px){

    .csr-counter h2{

        font-size:40px;

    }

    .activity-content{

        padding:20px;

    }

    .activity-content h5{

        font-size:20px;

    }

    .gallery-card img{

        height:180px;

    }

}

/*==================================================
FUTURE COMMITMENT
==================================================*/

.future-commitment{

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.future-commitment::before{

    content:"";

    position:absolute;

    top:-80px;

    right:-80px;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(13,110,253,.04);

}

.future-commitment img{

    width:100%;

    border-radius:24px;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

    transition:.45s;

}

.future-commitment img:hover{

    transform:scale(1.03);

}

.future-commitment p{

    color:#666;

    line-height:1.9;

    margin-bottom:20px;

}


/*==================================================
CALL TO ACTION
==================================================*/

.cta-section{

    position:relative;

    background:linear-gradient(rgba(8,28,66,.90),rgba(8,28,66,.90)),
               url('../images/csr/csr-banner.jpg')
               center center/cover no-repeat;

    padding:110px 0;

    text-align:center;

    overflow:hidden;

}

.cta-section::before{

    content:"";

    position:absolute;

    inset:0;

    background:rgba(13,110,253,.12);

}

.cta-section .container{

    position:relative;

    z-index:2;

}

.cta-section h2{

    color:#ffffff;

    font-size:48px;

    font-weight:800;

    margin-bottom:25px;

}

.cta-section p{

    color:rgba(255,255,255,.92);

    max-width:760px;

    margin:0 auto 35px;

    line-height:1.9;

    font-size:18px;

}

.cta-section .btn{

    padding:15px 40px;

    font-size:17px;

    font-weight:600;

    border-radius:50px;

    transition:.35s;

}

.cta-section .btn:hover{

    transform:translateY(-5px);

    box-shadow:0 20px 40px rgba(0,0,0,.25);

}

.cta-section .btn-outline-light:hover{

    background:#ffffff;

    color:#081C42;

}


/*==================================================
GLOBAL ANIMATION
==================================================*/

.mission-card,

.csr-card,

.activity-card,

.gallery-card,

.partner-card,

.counter-box{

    transition:all .35s ease;

}

.mission-card:hover,

.csr-card:hover,

.activity-card:hover,

.gallery-card:hover,

.partner-card:hover{

    transform:translateY(-10px);

}


/*==================================================
SECTION SPACING
==================================================*/

.csr-about,

.chairman-message,

.csr-mission,

.csr-focus,

.csr-counter,

.csr-activities,

.csr-gallery,

.csr-partners,

.future-commitment,

.cta-section{

    position:relative;

}


/*==================================================
ACCESSIBILITY
==================================================*/

.csr-card:focus,

.activity-card:focus,

.gallery-card:focus,

.partner-card:focus,

.cta-section .btn:focus{

    outline:2px solid #0D6EFD;

    outline-offset:3px;

}


/*==================================================
FINAL RESPONSIVE
==================================================*/

@media(max-width:991px){

    .future-commitment{

        text-align:center;

    }

    .future-commitment img{

        margin-bottom:35px;

    }

    .cta-section{

        padding:90px 0;

    }

    .cta-section h2{

        font-size:40px;

    }

}

@media(max-width:768px){

    .future-commitment{

        padding:70px 0;

    }

    .cta-section{

        padding:80px 20px;

    }

    .cta-section h2{

        font-size:34px;

    }

    .cta-section p{

        font-size:16px;

    }

    .cta-section .btn{

        margin-bottom:15px;

    }

}

@media(max-width:576px){

    .future-commitment{

        padding:60px 0;

    }

    .cta-section{

        padding:70px 15px;

    }

    .cta-section h2{

        font-size:28px;

        line-height:1.4;

    }

    .cta-section p{

        font-size:15px;

    }

    .cta-section .btn{

        width:100%;

        max-width:280px;

        margin:10px auto;

        display:block;

    }

}


/*==================================================
SELECTION
==================================================*/

::selection{

    background:#0D6EFD;

    color:#ffffff;

}

/*==================================================
CAREER PAGE CSS
PART 1
==================================================*/


/*=========================================
PAGE BANNER
=========================================*/

.page-banner{

    position:relative;

    background:linear-gradient(rgba(8,28,66,.80),rgba(8,28,66,.80)),
               url('../images/career/career-banner.jpg')
               center center/cover no-repeat;

    padding:80px 0 80px;

    text-align:center;

    overflow:hidden;

}

.banner-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.15);

}

.page-banner .container{

    position:relative;

    z-index:2;

}

.page-banner h1{

    color:#ffffff;

    font-size:60px;

    font-weight:800;

    line-height:1.2;

    margin-bottom:25px;

}

.page-banner p{

    color:rgba(255,255,255,.92);

    font-size:20px;

    line-height:1.9;

    max-width:850px;

    margin:auto;

}


/*=========================================
WHY JOIN US
=========================================*/

.career-about{

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.career-about img{

    width:100%;

    border-radius:24px;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

    transition:.4s;

}

.career-about img:hover{

    transform:scale(1.03);

}

.career-about p{

    color:#666;

    line-height:1.9;

    margin-bottom:20px;

}


/*=========================================
EMPLOYEE BENEFITS
=========================================*/

.career-benefits{

    background:#f8f9fa;

    position:relative;

}

.benefit-card{

    background:#ffffff;

    padding:40px 30px;

    border-radius:22px;

    text-align:center;

    border:1px solid #eef2f7;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

    height:100%;

}

.benefit-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 45px rgba(0,0,0,.12);

}

.benefit-card i{

    width:90px;

    height:90px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    background:rgba(13,110,253,.10);

    color:#0D6EFD;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:36px;

    transition:.35s;

}

.benefit-card:hover i{

    background:#0D6EFD;

    color:#ffffff;

}

.benefit-card h5{

    color:#0B1F5C;

    font-size:24px;

    font-weight:700;

    margin-bottom:18px;

}

.benefit-card p{

    color:#666;

    line-height:1.8;

    margin:0;

}


/*=========================================
BACKGROUND DECORATION
=========================================*/

.career-about::before,

.career-benefits::before{

    content:"";

    position:absolute;

    top:-70px;

    right:-70px;

    width:180px;

    height:180px;

    border-radius:50%;

    background:rgba(13,110,253,.05);

}


/*=========================================
BUTTON
=========================================*/

.career-about .btn{

    padding:14px 35px;

    border-radius:40px;

    font-weight:600;

}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

    .career-about{

        text-align:center;

    }

    .career-about img{

        margin-bottom:35px;

    }

    .benefit-card{

        margin-bottom:25px;

    }

}

@media(max-width:768px){

    .page-banner{

        padding:150px 0 90px;

    }

    .page-banner h1{

        font-size:40px;

    }

    .page-banner p{

        font-size:17px;

    }

    .benefit-card{

        padding:35px 25px;

    }

    .benefit-card i{

        width:80px;

        height:80px;

        font-size:30px;

    }

}

@media(max-width:576px){

    .page-banner{

        padding:130px 0 80px;

    }

    .page-banner h1{

        font-size:30px;

    }

    .benefit-card{

        padding:28px 20px;

    }

    .benefit-card h5{

        font-size:21px;

    }

}

/*==================================================
LIFE AT RK JAIN INFRA
==================================================*/

.career-life{

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.career-life::before{

    content:"";

    position:absolute;

    bottom:-80px;

    left:-80px;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(13,110,253,.04);

}

.career-life img{

    width:100%;

    border-radius:24px;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

    transition:.4s;

}

.career-life img:hover{

    transform:scale(1.03);

}

.career-life p{

    color:#666;

    line-height:1.9;

}


/*==================================================
CURRENT OPENINGS
==================================================*/

.job-openings{

    background:#f8f9fa;

    position:relative;

}

.job-card{

    background:#ffffff;

    border-radius:22px;

    padding:35px;

    border:1px solid #eef2f7;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

    height:100%;

    position:relative;

}

.job-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 45px rgba(0,0,0,.12);

}


/*==================================================
JOB TYPE
==================================================*/

.job-type{

    display:inline-block;

    background:#0D6EFD;

    color:#ffffff;

    padding:8px 18px;

    border-radius:30px;

    font-size:13px;

    font-weight:600;

    margin-bottom:20px;

}


/*==================================================
JOB TITLE
==================================================*/

.job-card h4{

    color:#0B1F5C;

    font-size:26px;

    font-weight:700;

    margin-bottom:25px;

}


/*==================================================
JOB INFO
==================================================*/

.job-info{

    list-style:none;

    padding:0;

    margin:0 0 30px;

}

.job-info li{

    display:flex;

    align-items:center;

    margin-bottom:16px;

    color:#666;

    font-size:15px;

}

.job-info li i{

    width:38px;

    height:38px;

    border-radius:50%;

    background:rgba(13,110,253,.10);

    color:#0D6EFD;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-right:15px;

    flex-shrink:0;

}


/*==================================================
APPLY BUTTON
==================================================*/

.job-card .btn{

    width:100%;

    padding:13px;

    border-radius:40px;

    font-weight:600;

    transition:.35s;

}

.job-card .btn:hover{

    transform:translateY(-3px);

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .career-life{

        text-align:center;

    }

    .career-life img{

        margin-bottom:35px;

    }

    .job-card{

        margin-bottom:25px;

    }

}

@media(max-width:768px){

    .career-life{

        padding:70px 0;

    }

    .job-card{

        padding:30px 25px;

    }

    .job-card h4{

        font-size:22px;

    }

}

@media(max-width:576px){

    .career-life{

        padding:60px 0;

    }

    .job-card{

        padding:25px 20px;

    }

    .job-card h4{

        font-size:20px;

    }

    .job-info li{

        font-size:14px;

    }

}

/*==================================================
RECRUITMENT PROCESS
==================================================*/

.recruitment-process{

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.recruitment-process::before{

    content:"";

    position:absolute;

    top:-80px;

    right:-80px;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(13,110,253,.04);

}

.process-card{

    position:relative;

    background:#ffffff;

    border-radius:22px;

    padding:45px 30px;

    text-align:center;

    border:1px solid #eef2f7;

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

    transition:.35s;

    height:100%;

}

.process-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 45px rgba(0,0,0,.12);

}

.process-number{

    position:absolute;

    top:20px;

    right:20px;

    font-size:42px;

    font-weight:800;

    color:rgba(13,110,253,.08);

}

.process-card i{

    width:90px;

    height:90px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    background:rgba(13,110,253,.10);

    color:#0D6EFD;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    transition:.35s;

}

.process-card:hover i{

    background:#0D6EFD;

    color:#ffffff;

    transform:rotateY(360deg);

}

.process-card h5{

    color:#0B1F5C;

    font-size:24px;

    margin-bottom:18px;

}

.process-card p{

    color:#666;

    line-height:1.8;

    margin:0;

}


/*==================================================
EMPLOYEE TESTIMONIALS
==================================================*/

.employee-testimonials{

    background:#f8f9fa;

}

.testimonial-card{

    background:#ffffff;

    border-radius:22px;

    padding:35px;

    text-align:center;

    border:1px solid #eef2f7;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

    height:100%;

}

.testimonial-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 45px rgba(0,0,0,.12);

}

.testimonial-img{

    width:100px;

    height:100px;

    border-radius:50%;

    object-fit:cover;

    margin-bottom:25px;

    border:5px solid rgba(13,110,253,.10);

}

.testimonial-card p{

    color:#666;

    font-style:italic;

    line-height:1.9;

    margin-bottom:25px;

}

.testimonial-card h5{

    color:#0B1F5C;

    margin-bottom:5px;

    font-size:22px;

}

.testimonial-card span{

    color:#0D6EFD;

    font-weight:600;

}


/*==================================================
TRAINING & DEVELOPMENT
==================================================*/

.training-section{

    background:#ffffff;

    position:relative;

}

.training-section img{

    width:100%;

    border-radius:24px;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

    transition:.4s;

}

.training-section img:hover{

    transform:scale(1.03);

}

.training-section p{

    color:#666;

    line-height:1.9;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .training-section{

        text-align:center;

    }

    .training-section img{

        margin-bottom:35px;

    }

    .process-card,

    .testimonial-card{

        margin-bottom:25px;

    }

}

@media(max-width:768px){

    .process-card{

        padding:35px 25px;

    }

    .process-card i{

        width:75px;

        height:75px;

        font-size:30px;

    }

    .testimonial-card{

        padding:30px 25px;

    }

    .testimonial-img{

        width:90px;

        height:90px;

    }

}

@media(max-width:576px){

    .process-card{

        padding:28px 20px;

    }

    .process-card h5{

        font-size:20px;

    }

    .testimonial-card{

        padding:25px 20px;

    }

    .testimonial-img{

        width:80px;

        height:80px;

    }

}

/*==================================================
CAREER APPLY SECTION
==================================================*/

.career-apply{

    background:#f8f9fa;

    position:relative;

    overflow:hidden;

}

.career-apply::before{

    content:"";

    position:absolute;

    top:-80px;

    left:-80px;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(13,110,253,.04);

}


/*==================================================
APPLICATION FORM
==================================================*/

.apply-form{

    background:#ffffff;

    padding:45px;

    border-radius:24px;

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

}

.apply-form .form-control,

.apply-form .form-select{

    height:56px;

    border-radius:12px;

    border:1px solid #dfe6ee;

    box-shadow:none;

    margin-bottom:18px;

}

.apply-form textarea.form-control{

    height:auto;

    min-height:150px;

    resize:vertical;

}

.apply-form .form-control:focus,

.apply-form .form-select:focus{

    border-color:#0D6EFD;

    box-shadow:0 0 0 .2rem rgba(13,110,253,.15);

}

.apply-form button{

    padding:14px 40px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

}

.apply-form button:hover{

    transform:translateY(-3px);

}


/*==================================================
HR CONTACT
==================================================*/

.career-contact{

    background:#081C42;

    color:#ffffff;

    padding:45px;

    border-radius:24px;

    height:100%;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.career-contact .section-title{

    color:#ffffff;

}

.career-contact p{

    color:rgba(255,255,255,.85);

    line-height:1.9;

}

.career-contact .service-list{

    margin-top:30px;

}

.career-contact .service-list li{

    color:#ffffff;

    margin-bottom:18px;

}

.career-contact .service-list i{

    width:40px;

    height:40px;

    border-radius:50%;

    background:rgba(255,255,255,.12);

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-right:15px;

}


/*==================================================
CAREER CTA
==================================================*/

.cta-section{

    position:relative;

    background:linear-gradient(rgba(8,28,66,.88),rgba(8,28,66,.88)),
               url('../images/career/career-banner.jpg')
               center center/cover no-repeat;

    padding:110px 0;

    text-align:center;

    overflow:hidden;

}

.cta-section::before{

    content:"";

    position:absolute;

    inset:0;

    background:rgba(13,110,253,.12);

}

.cta-section .container{

    position:relative;

    z-index:2;

}

.cta-section h2{

    color:#ffffff;

    font-size:48px;

    font-weight:800;

    margin-bottom:25px;

}

.cta-section p{

    color:rgba(255,255,255,.92);

    max-width:760px;

    margin:0 auto 35px;

    font-size:18px;

    line-height:1.9;

}

.cta-section .btn{

    padding:15px 40px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

}

.cta-section .btn:hover{

    transform:translateY(-5px);

    box-shadow:0 20px 40px rgba(0,0,0,.25);

}


/*==================================================
GLOBAL EFFECTS
==================================================*/

.job-card,

.benefit-card,

.process-card,

.testimonial-card,

.apply-form{

    transition:all .35s ease;

}

.job-card:hover,

.benefit-card:hover,

.process-card:hover,

.testimonial-card:hover{

    transform:translateY(-10px);

}


/*==================================================
ACCESSIBILITY
==================================================*/

.apply-form .form-control:focus,

.apply-form .form-select:focus,

.apply-form button:focus{

    outline:none;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .career-contact{

        margin-top:30px;

    }

    .cta-section{

        padding:90px 0;

    }

    .cta-section h2{

        font-size:40px;

    }

}

@media(max-width:768px){

    .apply-form,

    .career-contact{

        padding:30px;

    }

    .cta-section{

        padding:80px 20px;

    }

    .cta-section h2{

        font-size:34px;

    }

    .cta-section p{

        font-size:16px;

    }

    .cta-section .btn{

        margin-bottom:15px;

    }

}

@media(max-width:576px){

    .apply-form,

    .career-contact{

        padding:22px;

    }

    .cta-section{

        padding:70px 15px;

    }

    .cta-section h2{

        font-size:28px;

        line-height:1.4;

    }

    .cta-section p{

        font-size:15px;

    }

    .cta-section .btn{

        width:100%;

        max-width:280px;

        display:block;

        margin:10px auto;

    }

}


/*==================================================
TEXT SELECTION
==================================================*/

::selection{

    background:#0D6EFD;

    color:#ffffff;

}

/*==================================================
GALLERY PAGE CSS
PART 1
==================================================*/


/*=========================================
PAGE BANNER
=========================================*/

.page-banner{

    position:relative;

    background:linear-gradient(rgba(8,28,66,.80),rgba(8,28,66,.80)),
               url('../images/gallery/gallery-banner.jpg')
               center center/cover no-repeat;

    padding:80px 0 80px;

    text-align:center;

    overflow:hidden;

}

.banner-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.15);

}

.page-banner .container{

    position:relative;

    z-index:2;

}

.page-banner h1{

    color:#ffffff;

    font-size:60px;

    font-weight:800;

    line-height:1.2;

    margin-bottom:25px;

}

.page-banner p{

    color:rgba(255,255,255,.92);

    font-size:20px;

    line-height:1.9;

    max-width:850px;

    margin:auto;

}


/*=========================================
GALLERY CATEGORIES
=========================================*/

.gallery-categories{

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.gallery-categories::before{

    content:"";

    position:absolute;

    top:-80px;

    right:-80px;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(13,110,253,.04);

}

.gallery-category-card{

    background:#ffffff;

    border:1px solid #eef2f7;

    border-radius:22px;

    padding:35px 20px;

    text-align:center;

    transition:.35s;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    height:100%;

}

.gallery-category-card:hover{

    transform:translateY(-10px);

    background:#0D6EFD;

    box-shadow:0 22px 45px rgba(0,0,0,.12);

}

.gallery-category-card i{

    width:80px;

    height:80px;

    margin:auto;

    margin-bottom:20px;

    border-radius:50%;

    background:rgba(13,110,253,.10);

    color:#0D6EFD;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    transition:.35s;

}

.gallery-category-card:hover i{

    background:#ffffff;

    color:#0D6EFD;

}

.gallery-category-card h6{

    color:#0B1F5C;

    font-size:18px;

    font-weight:700;

    margin:0;

    transition:.35s;

}

.gallery-category-card:hover h6{

    color:#ffffff;

}


/*=========================================
FEATURED GALLERY
=========================================*/

.featured-gallery{

    background:#f8f9fa;

    position:relative;

}

.featured-gallery img{

    width:100%;

    border-radius:24px;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

    transition:.45s;

}

.featured-gallery img:hover{

    transform:scale(1.03);

}

.featured-gallery p{

    color:#666;

    line-height:1.9;

    margin-bottom:20px;

}

.featured-gallery strong{

    color:#0B1F5C;

    font-weight:700;

}

.featured-gallery .btn{

    padding:14px 35px;

    border-radius:40px;

    font-weight:600;

}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

    .featured-gallery{

        text-align:center;

    }

    .featured-gallery img{

        margin-bottom:35px;

    }

    .gallery-category-card{

        margin-bottom:25px;

    }

}

@media(max-width:768px){

    .page-banner{

        padding:150px 0 90px;

    }

    .page-banner h1{

        font-size:40px;

    }

    .page-banner p{

        font-size:17px;

    }

    .gallery-category-card{

        padding:30px 20px;

    }

    .gallery-category-card i{

        width:70px;

        height:70px;

        font-size:30px;

    }

}

@media(max-width:576px){

    .page-banner{

        padding:130px 0 80px;

    }

    .page-banner h1{

        font-size:30px;

    }

    .gallery-category-card{

        padding:25px 15px;

    }

    .gallery-category-card h6{

        font-size:16px;

    }

}
/*==================================================
PROJECT GALLERY
==================================================*/

.project-gallery{

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.project-gallery::before{

    content:"";

    position:absolute;

    bottom:-80px;

    left:-80px;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(13,110,253,.04);

}

.gallery-item{

    position:relative;

    overflow:hidden;

    border-radius:24px;

    box-shadow:0 15px 35px rgba(0,0,0,.10);

    transition:.35s;

    cursor:pointer;

}

.gallery-item:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 50px rgba(0,0,0,.15);

}

.gallery-item img{

    width:100%;

    height:320px;

    object-fit:cover;

    transition:.45s;

}

.gallery-item:hover img{

    transform:scale(1.08);

}


/*=========================================
GALLERY OVERLAY
=========================================*/

.gallery-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    padding:25px;

    background:linear-gradient(rgba(8,28,66,.25),
               rgba(8,28,66,.88));

    opacity:0;

    transition:.35s;

}

.gallery-item:hover .gallery-overlay{

    opacity:1;

}

.gallery-overlay h5{

    color:#ffffff;

    font-size:24px;

    font-weight:700;

    margin-bottom:12px;

}

.gallery-overlay p{

    color:rgba(255,255,255,.90);

    margin-bottom:20px;

}

.gallery-overlay .btn{

    border-radius:40px;

    padding:12px 28px;

    font-weight:600;

}


/*==================================================
MACHINERY GALLERY
==================================================*/

.machinery-gallery{

    background:#f8f9fa;

}

.machine-card{

    background:#ffffff;

    border-radius:22px;

    overflow:hidden;

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

    transition:.35s;

    height:100%;

}

.machine-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 45px rgba(0,0,0,.12);

}

.machine-card img{

    width:100%;

    height:260px;

    object-fit:cover;

    transition:.45s;

}

.machine-card:hover img{

    transform:scale(1.05);

}

.machine-content{

    padding:22px;

    text-align:center;

}

.machine-content h5{

    color:#0B1F5C;

    font-size:22px;

    font-weight:700;

    margin:0;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .gallery-item,

    .machine-card{

        margin-bottom:25px;

    }

}

@media(max-width:768px){

    .gallery-item img{

        height:260px;

    }

    .machine-card img{

        height:220px;

    }

    .gallery-overlay h5{

        font-size:20px;

    }

}

@media(max-width:576px){

    .gallery-item img{

        height:220px;

    }

    .machine-card img{

        height:200px;

    }

    .gallery-overlay{

        padding:18px;

    }

    .gallery-overlay h5{

        font-size:18px;

    }

    .gallery-overlay p{

        font-size:14px;

    }

}

/*==================================================
TEAM GALLERY
==================================================*/

.team-gallery{

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.team-gallery::before{

    content:"";

    position:absolute;

    top:-80px;

    right:-80px;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(13,110,253,.04);

}

.team-card{

    position:relative;

    overflow:hidden;

    border-radius:22px;

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

    transition:.35s;

}

.team-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 45px rgba(0,0,0,.12);

}

.team-card img{

    width:100%;

    height:320px;

    object-fit:cover;

    transition:.45s;

}

.team-card:hover img{

    transform:scale(1.08);

}

.team-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:25px;

    background:linear-gradient(transparent,
               rgba(8,28,66,.92));

    opacity:0;

    transition:.35s;

}

.team-card:hover .team-overlay{

    opacity:1;

}

.team-overlay h5{

    color:#ffffff;

    margin-bottom:5px;

    font-size:22px;

}

.team-overlay p{

    color:rgba(255,255,255,.85);

    margin:0;

}


/*==================================================
EVENTS GALLERY
==================================================*/

.events-gallery{

    background:#f8f9fa;

}

.event-card{

    position:relative;

    overflow:hidden;

    border-radius:24px;

    box-shadow:0 18px 40px rgba(0,0,0,.10);

    transition:.35s;

}

.event-card:hover{

    transform:translateY(-10px);

}

.event-card img{

    width:100%;

    height:360px;

    object-fit:cover;

    transition:.45s;

}

.event-card:hover img{

    transform:scale(1.08);

}

.event-overlay{

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    padding:30px;

    background:linear-gradient(transparent,
               rgba(8,28,66,.92));

}

.event-overlay h4{

    color:#ffffff;

    margin:0;

    font-size:28px;

}


/*==================================================
VIDEO GALLERY
==================================================*/

.video-gallery{

    background:#ffffff;

}

.video-card{

    position:relative;

    border-radius:24px;

    overflow:hidden;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.video-card img{

    width:100%;

    height:500px;

    object-fit:cover;

}

.video-overlay{

    position:absolute;

    inset:0;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(8,28,66,.35);

}

.video-play{

    width:90px;

    height:90px;

    border-radius:50%;

    background:#ffffff;

    color:#0D6EFD;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    transition:.35s;

    animation:pulse 2s infinite;

}

.video-play:hover{

    background:#0D6EFD;

    color:#ffffff;

    transform:scale(1.1);

}

@keyframes pulse{

    0%{

        box-shadow:0 0 0 0 rgba(255,255,255,.6);

    }

    70%{

        box-shadow:0 0 0 25px rgba(255,255,255,0);

    }

    100%{

        box-shadow:0 0 0 0 rgba(255,255,255,0);

    }

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .team-card,

    .event-card{

        margin-bottom:25px;

    }

}

@media(max-width:768px){

    .team-card img{

        height:260px;

    }

    .event-card img{

        height:280px;

    }

    .video-card img{

        height:380px;

    }

    .video-play{

        width:75px;

        height:75px;

        font-size:24px;

    }

}

@media(max-width:576px){

    .team-card img{

        height:220px;

    }

    .event-card img{

        height:220px;

    }

    .event-overlay{

        padding:20px;

    }

    .event-overlay h4{

        font-size:20px;

    }

    .video-card img{

        height:250px;

    }

    .video-play{

        width:65px;

        height:65px;

        font-size:20px;

    }

}

/*==================================================
GALLERY STATISTICS
==================================================*/

.gallery-counter{

    background:linear-gradient(135deg,#081C42,#0D6EFD);

    color:#ffffff;

    position:relative;

    overflow:hidden;

}

.gallery-counter::before{

    content:"";

    position:absolute;

    top:-80px;

    right:-80px;

    width:240px;

    height:240px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

}

.gallery-counter .counter-box{

    text-align:center;

    padding:35px 20px;

    transition:.35s;

}

.gallery-counter .counter-box:hover{

    transform:translateY(-8px);

}

.gallery-counter h2{

    font-size:58px;

    font-weight:800;

    color:#ffffff;

    margin-bottom:10px;

}

.gallery-counter p{

    color:rgba(255,255,255,.90);

    font-size:18px;

    margin:0;

}


/*==================================================
CLIENTS
==================================================*/

.gallery-clients{

    background:#ffffff;

    position:relative;

}

.client-card{

    background:#ffffff;

    height:130px;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:1px solid #eef2f7;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

}

.client-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 45px rgba(0,0,0,.12);

}

.client-card img{

    max-width:120px;

    max-height:65px;

    object-fit:contain;

    filter:grayscale(100%);

    opacity:.75;

    transition:.35s;

}

.client-card:hover img{

    filter:none;

    opacity:1;

    transform:scale(1.08);

}


/*==================================================
CALL TO ACTION
==================================================*/

.cta-section{

    position:relative;

    background:linear-gradient(rgba(8,28,66,.88),rgba(8,28,66,.88)),
               url('../images/gallery/gallery-banner.jpg')
               center center/cover no-repeat;

    padding:110px 0;

    text-align:center;

    overflow:hidden;

}

.cta-section::before{

    content:"";

    position:absolute;

    inset:0;

    background:rgba(13,110,253,.12);

}

.cta-section .container{

    position:relative;

    z-index:2;

}

.cta-section h2{

    color:#ffffff;

    font-size:48px;

    font-weight:800;

    margin-bottom:25px;

}

.cta-section p{

    color:rgba(255,255,255,.92);

    max-width:760px;

    margin:0 auto 35px;

    font-size:18px;

    line-height:1.9;

}

.cta-section .btn{

    padding:15px 40px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

}

.cta-section .btn:hover{

    transform:translateY(-5px);

    box-shadow:0 20px 40px rgba(0,0,0,.25);

}


/*==================================================
GLOBAL EFFECTS
==================================================*/

.gallery-item,

.machine-card,

.team-card,

.event-card,

.client-card,

.gallery-category-card{

    transition:all .35s ease;

}

.gallery-item:hover,

.machine-card:hover,

.team-card:hover,

.event-card:hover,

.client-card:hover,

.gallery-category-card:hover{

    transform:translateY(-10px);

}


/*==================================================
ACCESSIBILITY
==================================================*/

.gallery-item a:focus,

.video-play:focus,

.cta-section .btn:focus{

    outline:2px solid #0D6EFD;

    outline-offset:3px;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .gallery-counter h2{

        font-size:46px;

    }

    .client-card{

        margin-bottom:25px;

    }

    .cta-section{

        padding:90px 0;

    }

    .cta-section h2{

        font-size:40px;

    }

}

@media(max-width:768px){

    .gallery-counter h2{

        font-size:40px;

    }

    .gallery-counter p{

        font-size:16px;

    }

    .client-card{

        height:110px;

    }

    .cta-section{

        padding:80px 20px;

    }

    .cta-section h2{

        font-size:34px;

    }

    .cta-section p{

        font-size:16px;

    }

    .cta-section .btn{

        margin-bottom:15px;

    }

}

@media(max-width:576px){

    .gallery-counter h2{

        font-size:34px;

    }

    .client-card{

        height:95px;

    }

    .client-card img{

        max-width:90px;

    }

    .cta-section{

        padding:70px 15px;

    }

    .cta-section h2{

        font-size:28px;

        line-height:1.4;

    }

    .cta-section p{

        font-size:15px;

    }

    .cta-section .btn{

        width:100%;

        max-width:280px;

        display:block;

        margin:10px auto;

    }

}


/*==================================================
TEXT SELECTION
==================================================*/

::selection{

    background:#0D6EFD;

    color:#ffffff;

}


/*==================================================
CONTACT PAGE CSS
PART 1
==================================================*/


/*=========================================
PAGE BANNER
=========================================*/

.page-banner{

    position:relative;

    background:linear-gradient(rgba(8,28,66,.80),rgba(8,28,66,.80)),
               url('../images/contact/contact-banner.jpg')
               center center/cover no-repeat;

    padding:80px 0 80px;

    text-align:center;

    overflow:hidden;

}

.banner-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.15);

}

.page-banner .container{

    position:relative;

    z-index:2;

}

.page-banner h1{

    color:#ffffff;

    font-size:40px;

    font-weight:800;

    line-height:1.2;

    margin-bottom:25px;

}

.page-banner p{

    color:rgba(255,255,255,.92);

    font-size:20px;

    line-height:1.9;

    max-width:850px;

    margin:auto;

}


/*=========================================
CONTACT INFORMATION
=========================================*/

.contact-info{

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.contact-info::before{

    content:"";

    position:absolute;

    top:-80px;

    right:-80px;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(13,110,253,.04);

}

.contact-info img{

    width:100%;

    border-radius:24px;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

    transition:.4s;

}

.contact-info img:hover{

    transform:scale(1.03);

}


/*=========================================
CONTACT CARD
=========================================*/

.contact-box{

    display:flex;

    align-items:flex-start;

    gap:20px;

    background:#ffffff;

    border:1px solid #eef2f7;

    border-radius:18px;

    padding:25px;

    margin-bottom:25px;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

    transition:.35s;

}

.contact-box:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.10);

}

.contact-icon{

    width:65px;

    height:65px;

    border-radius:50%;

    background:rgba(13,110,253,.10);

    color:#0D6EFD;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    flex-shrink:0;

    transition:.35s;

}

.contact-box:hover .contact-icon{

    background:#0D6EFD;

    color:#ffffff;

}

.contact-box h5{

    color:#0B1F5C;

    font-size:22px;

    font-weight:700;

    margin-bottom:8px;

}

.contact-box p{

    color:#666;

    margin:0;

    line-height:1.8;

}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

    .contact-info{

        text-align:center;

    }

    .contact-info img{

        margin-top:35px;

    }

    .contact-box{

        text-align:left;

    }

}

@media(max-width:768px){

    .page-banner{

        padding:150px 0 90px;

    }

    .page-banner h1{

        font-size:42px;

    }

    .page-banner p{

        font-size:17px;

    }

    .contact-box{

        padding:20px;

    }

    .contact-icon{

        width:55px;

        height:55px;

        font-size:20px;

    }

}

@media(max-width:576px){

    .page-banner{

        padding:130px 0 80px;

    }

    .page-banner h1{

        font-size:30px;

    }

    .contact-box{

        flex-direction:column;

        align-items:center;

        text-align:center;

    }

}

/*==================================================
CONTACT FORM
==================================================*/

.contact-form-section{

    background:#f8f9fa;

    position:relative;

    overflow:hidden;

}

.contact-form-section::before{

    content:"";

    position:absolute;

    bottom:-80px;

    left:-80px;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(13,110,253,.04);

}


/*=========================================
FORM CARD
=========================================*/

.contact-form{

    background:#ffffff;

    padding:45px;

    border-radius:24px;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

    border:1px solid #eef2f7;

}

.contact-form p{

    color:#666;

    line-height:1.8;

}


/*=========================================
FORM CONTROLS
=========================================*/

.contact-form .form-control,

.contact-form .form-select{

    height:58px;

    border:1px solid #dfe6ee;

    border-radius:14px;

    padding:14px 18px;

    box-shadow:none;

    transition:.35s;

    font-size:15px;

}

.contact-form textarea.form-control{

    min-height:170px;

    height:auto;

    resize:vertical;

}

.contact-form .form-control:focus,

.contact-form .form-select:focus{

    border-color:#0D6EFD;

    box-shadow:0 0 0 .20rem rgba(13,110,253,.15);

}

.contact-form .form-control::placeholder{

    color:#999;

}


/*=========================================
SUBMIT BUTTON
=========================================*/

.contact-form .btn{

    padding:15px 40px;

    font-weight:700;

    border-radius:50px;

    transition:.35s;

}

.contact-form .btn:hover{

    transform:translateY(-3px);

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

}


/*=========================================
GOOGLE MAP
=========================================*/

.map-card{

    background:#ffffff;

    padding:45px;

    border-radius:24px;

    border:1px solid #eef2f7;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

    height:100%;

}

.map-card p{

    color:#666;

    line-height:1.8;

}

.map-card iframe{

    width:100%;

    border-radius:18px;

}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

    .map-card{

        margin-top:25px;

    }

}

@media(max-width:768px){

    .contact-form,

    .map-card{

        padding:30px;

    }

}

@media(max-width:576px){

    .contact-form,

    .map-card{

        padding:22px;

    }

    .contact-form .btn{

        width:100%;
        margin-top: 10px;

    }

}

/*==================================================
DEPARTMENT SECTION
==================================================*/

.department-section{

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.department-section::before{

    content:"";

    position:absolute;

    top:-80px;

    right:-80px;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(13,110,253,.04);

}


/*=========================================
DEPARTMENT CARD
=========================================*/

.department-card{

    background:#ffffff;

    border:1px solid #eef2f7;

    border-radius:24px;

    padding:40px 30px;

    text-align:center;

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

    transition:.35s;

    height:100%;

}

.department-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 45px rgba(0,0,0,.12);

}

.department-icon{

    width:90px;

    height:90px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    background:rgba(13,110,253,.10);

    color:#0D6EFD;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    transition:.35s;

}

.department-card:hover .department-icon{

    background:#0D6EFD;

    color:#ffffff;

}

.department-card h4{

    color:#0B1F5C;

    font-size:24px;

    font-weight:700;

    margin-bottom:15px;

}

.department-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:20px;

}

.department-info{

    list-style:none;

    padding:0;

    margin:0;

    text-align:left;

}

.department-info li{

    display:flex;

    align-items:center;

    margin-bottom:14px;

    color:#666;

    font-size:15px;

}

.department-info li i{

    width:38px;

    height:38px;

    border-radius:50%;

    background:rgba(13,110,253,.10);

    color:#0D6EFD;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-right:12px;

    flex-shrink:0;

}


/*==================================================
FAQ SECTION
==================================================*/

.faq-section{

    background:#f8f9fa;

}

.faq-section img{

    width:100%;

    border-radius:24px;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

    transition:.4s;

}

.faq-section img:hover{

    transform:scale(1.03);

}


/*=========================================
ACCORDION
=========================================*/

.accordion-item{

    border:none;

    border-radius:16px !important;

    margin-bottom:18px;

    overflow:hidden;

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

}

.accordion-button{

    background:#ffffff;

    color:#0B1F5C;

    font-weight:600;

    padding:20px 25px;

    box-shadow:none !important;

}

.accordion-button:not(.collapsed){

    background:#0D6EFD;

    color:#ffffff;

}

.accordion-button::after{

    filter:brightness(0);

}

.accordion-button:not(.collapsed)::after{

    filter:brightness(100);

}

.accordion-body{

    background:#ffffff;

    color:#666;

    line-height:1.8;

    padding:22px 25px;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .department-card{

        margin-bottom:25px;

    }

    .faq-section{

        text-align:center;

    }

    .faq-section img{

        margin-bottom:35px;

    }

}

@media(max-width:768px){

    .department-card{

        padding:30px 22px;

    }

    .department-icon{

        width:75px;

        height:75px;

        font-size:30px;

    }

    .accordion-button{

        padding:18px;

        font-size:15px;

    }

}

@media(max-width:576px){

    .department-card{

        padding:25px 18px;

    }

    .department-card h4{

        font-size:20px;

    }

    .department-info{

        text-align:center;

    }

    .department-info li{

        justify-content:center;

        flex-direction:column;

        text-align:center;

    }

    .department-info li i{

        margin:0 0 10px;

    }

}

/*==================================================
OFFICE HOURS
==================================================*/

.office-hours{

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.office-hours::before{

    content:"";

    position:absolute;

    bottom:-80px;

    left:-80px;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(13,110,253,.04);

}

.office-card{

    background:#ffffff;

    border:1px solid #eef2f7;

    border-radius:24px;

    padding:35px;

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

    margin-top:30px;

}

.office-day{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 0;

    border-bottom:1px solid #eef2f7;

}

.office-day:last-child{

    border-bottom:none;

}

.office-day span{

    color:#666;

    font-weight:500;

}

.office-day strong{

    color:#0B1F5C;

    font-weight:700;

}


/*==================================================
SOCIAL MEDIA
==================================================*/

.contact-social{

    background:#f8f9fa;

    border-radius:24px;

    padding:40px;

    height:100%;

}

.contact-social p{

    color:#666;

    line-height:1.8;

}

.social-icons{

    display:flex;

    flex-wrap:wrap;

    gap:15px;

}

.social-icons a{

    width:58px;

    height:58px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    color:#ffffff;

    transition:.35s;

}

.social-icons a.facebook{

    background:#1877F2;

}

.social-icons a.linkedin{

    background:#0A66C2;

}

.social-icons a.instagram{

    background:#E1306C;

}

.social-icons a.youtube{

    background:#FF0000;

}

.social-icons a:hover{

    transform:translateY(-6px) scale(1.08);

    box-shadow:0 15px 30px rgba(0,0,0,.18);

}


/*==================================================
CALL TO ACTION
==================================================*/

.cta-section{

    position:relative;

    background:linear-gradient(rgba(8,28,66,.88),rgba(8,28,66,.88)),
               url('../images/contact/contact-banner.jpg')
               center center/cover no-repeat;

    padding:110px 0;

    text-align:center;

    overflow:hidden;

}

.cta-section::before{

    content:"";

    position:absolute;

    inset:0;

    background:rgba(13,110,253,.12);

}

.cta-section .container{

    position:relative;

    z-index:2;

}

.cta-section h2{

    color:#ffffff;

    font-size:48px;

    font-weight:800;

    margin-bottom:25px;

}

.cta-section p{

    color:rgba(255,255,255,.92);

    max-width:760px;

    margin:0 auto 35px;

    font-size:18px;

    line-height:1.9;

}

.cta-section .btn{

    padding:15px 40px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

}

.cta-section .btn:hover{

    transform:translateY(-5px);

    box-shadow:0 20px 40px rgba(0,0,0,.25);

}


/*==================================================
GLOBAL EFFECTS
==================================================*/

.contact-box,

.department-card,

.contact-form,

.map-card,

.office-card{

    transition:all .35s ease;

}

.contact-box:hover,

.department-card:hover,

.office-card:hover{

    transform:translateY(-8px);

}


/*==================================================
ACCESSIBILITY
==================================================*/

.contact-form .form-control:focus,

.contact-form .form-select:focus,

.accordion-button:focus,

.cta-section .btn:focus{

    outline:none;

    box-shadow:0 0 0 .20rem rgba(13,110,253,.20);

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .office-hours{

        text-align:center;

    }

    .office-day{

        flex-direction:column;

        gap:6px;

    }

    .contact-social{

        margin-top:30px;

    }

}

@media(max-width:768px){

    .office-card,

    .contact-social{

        padding:30px;

    }

    .cta-section{

        padding:80px 20px;

    }

    .cta-section h2{

        font-size:34px;

    }

    .cta-section p{

        font-size:16px;

    }

    .social-icons{

        justify-content:center;

    }

}

@media(max-width:576px){

    .office-card,

    .contact-social{

        padding:22px;

    }

    .cta-section{

        padding:70px 15px;

    }

    .cta-section h2{

        font-size:28px;

        line-height:1.4;

    }

    .cta-section p{

        font-size:15px;

    }

    .cta-section .btn{

        width:100%;

        max-width:280px;

        display:block;

        margin:10px auto;

    }

    .social-icons a{

        width:50px;

        height:50px;

        font-size:18px;

    }

}


/*==================================================
TEXT SELECTION
==================================================*/

::selection{

    background:#0D6EFD;

    color:#ffffff;

}

 /*==================================================
RK JAIN INFRA
PREMIUM FOOTER CSS
PART 1
==================================================*/

/*=========================================
FOOTER
=========================================*/

.footer{

    position:relative;

    background:#081C42;

    color:#ffffff;

    overflow:hidden;

    padding:90px 0 30px;

}

.footer::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:linear-gradient(
        90deg,
        #0D6EFD,
        #0dcaf0,
        #0D6EFD
    );

}

.footer .container{

    position:relative;

    z-index:2;

}

/*=========================================
COMPANY LOGO
=========================================*/

.footer-logo{

    margin-bottom:25px;

}

.footer-logo img{

    max-width:100px;

    transition:.35s;

}

.footer-logo img:hover{

    transform:scale(1.05);

}

/*=========================================
COMPANY NAME
=========================================*/

.footer-company{

    color:#ffffff;

    font-size:30px;

    font-weight:800;

    line-height:1.35;

    margin-bottom:20px;

    letter-spacing:.5px;

}

/*=========================================
ABOUT TEXT
=========================================*/

.footer-about{

    color:rgba(255,255,255,.78);

    font-size:15px;

    line-height:1.9;

    margin-bottom:30px;

}

/*=========================================
COMPANY HIGHLIGHTS
=========================================*/

.company-highlights{

    display:flex;

    flex-direction:column;

    gap:14px;

}

.highlight-item{

    display:flex;

    align-items:center;

    transition:.35s;

}

.highlight-item:hover{

    transform:translateX(8px);

}

.highlight-item i{

    width:36px;

    height:36px;

    border-radius:50%;

    background:rgba(13,110,253,.15);

    color:#0D6EFD;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-right:12px;

    font-size:15px;

}

.highlight-item span{

    color:#ffffff;

    font-weight:500;

    font-size:15px;

}

/*=========================================
FOOTER TITLES
=========================================*/

.footer-title{

    color:#ffffff;

    font-size:22px;

    font-weight:700;

    margin-bottom:30px;

    position:relative;

}

.footer-title::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-10px;

    width:55px;

    height:3px;

    background:#0D6EFD;

    border-radius:20px;

}

/*=========================================
FOOTER LINKS
=========================================*/

.footer-links{

    list-style:none;

    padding:0;

    margin:0;

}

.footer-links li{

    margin-bottom:14px;

}

.footer-links a{

    color:rgba(255,255,255,.80);

    text-decoration:none;

    display:inline-flex;

    align-items:center;

    gap:10px;

    transition:.35s;

    font-size:15px;

}

.footer-links a i{

    font-size:12px;

    color:#0D6EFD;

}

.footer-links a:hover{

    color:#ffffff;

    transform:translateX(8px);

}

/*=========================================
CONTACT
=========================================*/

.footer-contact{

    list-style:none;

    padding:0;

    margin:0;

}

.footer-contact li{

    display:flex;

    align-items:flex-start;

    margin-bottom:22px;

}

.footer-contact i{

    width:42px;

    height:42px;

    border-radius:50%;

    background:rgba(13,110,253,.15);

    color:#0D6EFD;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-right:15px;

    flex-shrink:0;

}

.footer-contact span{

    color:rgba(255,255,255,.82);

    line-height:1.8;

    font-size:15px;

}

/*=========================================
HOVER EFFECT
=========================================*/

.footer a{

    transition:.35s;

}

.footer a:hover{

    text-decoration:none;

}


/*==================================================
SOCIAL ICONS
==================================================*/

.footer-social{

    display:flex;

    align-items:center;

    gap:14px;

}

.footer-social a{

    width:48px;

    height:48px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(255,255,255,.08);

    color:#ffffff;

    font-size:18px;

    transition:.35s;

}

.footer-social a:hover{

    background:#0D6EFD;

    color:#ffffff;

    transform:translateY(-5px) rotate(360deg);

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

}

/*==================================================
COPYRIGHT
==================================================*/

.copyright{

    color:rgba(255,255,255,.75);

    font-size:15px;

    margin:0;

    line-height:1.8;

}

/*==================================================
BOTTOM LINKS
==================================================*/

.footer-bottom-links{

    display:flex;

    justify-content:flex-end;

    align-items:center;

    gap:12px;

    flex-wrap:wrap;

}

.footer-bottom-links span{

    color:rgba(255,255,255,.35);

}

.footer-bottom-links a{

    color:rgba(255,255,255,.75);

    text-decoration:none;

    font-size:15px;

    transition:.35s;

}

.footer-bottom-links a:hover{

    color:#0D6EFD;

}

/*==================================================
DEVELOPER
==================================================*/

.developer-text{

    display:block;

    color:rgba(255,255,255,.60);

    font-size:14px;

    letter-spacing:.4px;

}

.developer-text strong{

    color:#ffffff;

    font-weight:700;

}

/*==================================================
BOTTOM ANIMATION
==================================================*/

.footer-bottom-links a,

.footer-social a,

.client-logo,

.highlight-item{

    transition:all .35s ease;

}

/*==================================================
OPTIONAL BACKGROUND PATTERN
==================================================*/

.footer::after{

    content:"";

    position:absolute;

    right:-120px;

    bottom:-120px;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(255,255,255,.03);

    pointer-events:none;

}

/*==================================================
FOOTER RESPONSIVE
==================================================*/

@media (max-width:1199px){

    .footer{

        padding:80px 0 30px;

    }

    .footer-company{

        font-size:26px;

    }

    .footer-title{

        font-size:20px;

    }

}

/*==================================================
TABLET
==================================================*/

@media (max-width:991px){

    .footer{

        text-align:center;

        padding:70px 0 30px;

    }

    .footer-title{

        margin-top:20px;

    }

    .footer-title::after{

        left:50%;

        transform:translateX(-50%);

    }

    .footer-logo{

        text-align:center;

    }

    .company-highlights{

        align-items:center;

    }

    .highlight-item{

        justify-content:center;

    }

    .footer-contact li{

        justify-content:center;

        text-align:left;

    }

    .footer-social{

        justify-content:center;

        margin-bottom:25px;

    }

    .footer-bottom-links{

        justify-content:center;

        margin-top:20px;

    }

    .copyright{

        text-align:center;

    }

    .client-logo{

        margin-bottom:20px;

    }

}

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

@media (max-width:768px){

    .footer{

        padding:60px 0 25px;

    }

    .footer-company{

        font-size:24px;

    }

    .footer-about{

        font-size:15px;

    }

    .footer-title{

        font-size:19px;

        margin-bottom:25px;

    }

    .footer-links li{

        margin-bottom:12px;

    }

    .footer-contact li{

        flex-direction:column;

        align-items:center;

        text-align:center;

    }

    .footer-contact i{

        margin-right:0;

        margin-bottom:12px;

    }

    .footer-social{

        gap:10px;

    }

    .footer-social a{

        width:45px;

        height:45px;

        font-size:17px;

    }

    .client-logo{

        height:85px;

    }

    .client-logo img{

        max-width:95px;

    }

    .footer-divider{

        margin:45px 0;

    }

}

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

@media (max-width:576px){

    .footer{

        padding:50px 0 20px;

    }

    .footer-company{

        font-size:21px;

    }

    .footer-about{

        font-size:14px;

    }

    .footer-title{

        font-size:18px;

    }

    .footer-links a{

        font-size:14px;

    }

    .footer-contact span{

        font-size:14px;

    }

    .footer-social a{

        width:42px;

        height:42px;

        font-size:16px;

    }

    .client-logo{

        height:75px;

        padding:12px;

    }

    .client-logo img{

        max-width:80px;

        max-height:45px;

    }

    .footer-bottom-links{

        gap:8px;

        font-size:13px;

    }

    .copyright{

        font-size:14px;

    }

    .developer-text{

        font-size:13px;

    }

}

/*==================================================
ACCESSIBILITY
==================================================*/

.footer a:focus{

    outline:2px solid #0D6EFD;

    outline-offset:3px;

    border-radius:4px;

}

/*==================================================
SMOOTH TRANSITIONS
==================================================*/

.footer *{

    transition:

        color .3s ease,

        background-color .3s ease,

        transform .3s ease,

        box-shadow .3s ease,

        opacity .3s ease;

}

/*==================================================
SELECTION
==================================================*/

.footer ::selection{

    background:#0D6EFD;

    color:#ffffff;

}

/*==================================================
BACK TO TOP
==================================================*/

.scroll-top{

    position:fixed;

    right:25px;

    bottom:25px;

    width:52px;

    height:52px;

    border-radius:50%;

    background:var(--primary);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:20px;

    box-shadow:var(--shadow-md);

    cursor:pointer;

    opacity:0;

    visibility:hidden;

    transition:var(--transition);

    z-index:9999;

}

.scroll-top.active{

    opacity:1;

    visibility:visible;

}

.scroll-top:hover{

    background:#0056d6;

    transform:translateY(-5px);

}


/*==================================================
SCROLLBAR
==================================================*/

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#f1f1f1;

}

::-webkit-scrollbar-thumb{

    background:var(--primary);

    border-radius:10px;

}

::-webkit-scrollbar-thumb:hover{

    background:#0056d6;

}


/*==================================================
FINAL RESPONSIVE
==================================================*/

@media(max-width:991px){

    .footer{

        text-align:center;

    }

    .footer-title::after{

        left:50%;

        transform:translateX(-50%);

    }

    .footer-contact li{

        justify-content:center;

    }

    .footer-social{

        justify-content:center;

    }

}

@media(max-width:768px){

    section{

        padding:70px 0;

    }

    .section-title{

        font-size:34px;

    }

    .footer{

        padding:60px 0 20px;

    }

    .scroll-top{

        right:15px;

        bottom:15px;

    }

}

@media(max-width:576px){

    body{

        font-size:15px;

    }

    .section-title{

        font-size:28px;

    }

    .footer-title{

        font-size:20px;

    }

    .footer-bottom p{

        font-size:14px;

    }

    .scroll-top{

        width:45px;

        height:45px;

        font-size:18px;

    }

}