.hero-section{position: relative;width: 100%;height: 100vh;overflow: hidden;display: flex;justify-content: center;align-items: center;text-align: center;}
.hero-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
.hero-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.55);z-index: 2;}
.hero-content{position: relative;z-index: 3;max-width: 1200px;padding: 0 20px;}
.hero-subtitle{display: block;color: #fff;font-size: 30px;font-weight: 500;margin-bottom: 25px;}
.hero-title{display: block;color: #ffffff;font-size: 40px;line-height: 1.3;max-width: 1200px;margin: 0 auto 40px;text-align: center;}
.hero-btn{display: inline-flex;align-items: center;justify-content: center;padding: 14px 40px;border-radius: 50px;background: #fff;color: #003d75;text-decoration: none;font-size: 18px;font-weight: 700;transition: .4s;}
.hero-btn:hover{background: #003d75;color: #fff;}

@media (max-width:1024px){
.hero-title{font-size: 36px;}
.hero-subtitle{font-size: 24px;}}

@media (max-width:768px){
.hero-section{height: 90vh;}
.hero-title{font-size: 32px;line-height: 1.4;}
.hero-subtitle{font-size: 18px;}
.hero-btn{padding: 14px 35px;font-size: 16px;}}

@media (max-width:480px){
.hero-title{font-size: 24px;line-height: 1.5;}
.hero-btn{width: 260px;}}
.about-section{padding:100px 0;background:#f8f8f8;}
.about-section .container{width:90%;max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:80px;}

.about-images{position:relative;width:50%;min-height:700px;}
.main-image{width:70%;}
.main-image img{width:100%;display:block;object-fit:cover;}
.small-image{position:absolute;right:0;bottom:0;width:55%;box-shadow:0 15px 40px rgba(0,0,0,.15);}
.small-image img{width:100%;display:block;}

/* EXPERIENCE BOX */

.experience-box{position:absolute;left:40px;bottom:80px;width:200px;height:200px;background:#f4cc72;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 15px 30px rgba(0,0,0,.1);}
.experience-box .year{font-size:60px;font-weight:700;color:#004b8d;line-height:1;}
.experience-box p{margin-top:10px;font-size:16px;color:#004b8d;font-weight:600;}

/* RIGHT SIDE */

.about-content{width:50%;}
.section-tag{color:#00a6ff;font-size:18px;font-weight:600;}
.about-content h2{font-size:32px;line-height:1.2;color:#004b8d;margin:20px 0 35px;font-weight:700;}
.about-text{background:#fff;border-top:4px solid #f4cc72;padding:35px;}
.about-text p{color:#004b8d;font-size:18px;line-height:1.9;margin-bottom:25px;}
.read-more-btn{display:inline-block;margin-top:30px;background:#004b8d;color:#fff;text-decoration:none;padding:15px 40px;border-radius:50px;font-size:16px;font-weight:600;transition:.3s;}
.read-more-btn:hover{background:#f4cc72;color:#004b8d;}
/* TABLET */

@media(max-width:991px){
.about-section .container{flex-direction:column;}
.about-images,
.about-content{width:100%;}
.about-images{min-height:600px;}
.about-content h2{font-size:30px;}}

/* MOBILE */

@media(max-width:767px){
.about-section{padding:70px 0;}
.about-images{min-height:auto;}
.main-image{width:100%;}
.small-image{position:relative;width:85%;margin:-60px auto 0;right:auto;bottom:auto;}
.experience-box{position:relative;left:auto;bottom:auto;margin:30px auto;width:170px;height:170px;}
.experience-box .year{font-size:50px;}
.about-content h2{font-size:26px;}
.about-text{padding:25px;}
.about-text p{font-size:16px;}
.read-more-btn{width:100%;text-align:center;}}
.products-section{background:#004876;padding:70px 0;}
.container{width:90%;max-width:1400px;margin:auto;}
.section-title{color:#fff;font-size:60px;font-weight:600;margin-bottom:50px;}
.products-row{display:flex;flex-wrap:wrap;gap:30px;}
.product-card{flex:1 1 calc(33.333% - 20px);background:#fff;overflow:hidden;min-width:0;}
.product-card img{width:100%;height:450px;object-fit:cover;display:block;}
.product-card h3{background:#d9d9d9;color:#004876;text-align:center;padding:20px 10px;margin:0;font-size:25px;font-weight:700;}
/* Tablet */

@media(max-width:992px){
.product-card{flex:1 1 calc(50% - 15px);
.section-tite{font-size:48px}}}

/* Mobile */

@media(max-width:768px){
.product-card{flex:1 1 100%;
.section-tite{font-size:3px;text-align:center;
.product-cardimg{height:300px;
.product-card h3{font-size:22px;}}}}}
.whatsapp-float{position:fixed;left:25px;bottom:25px;width:70px;height:70px;background:#25D366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;text-decoration:none;z-index:9999;box-shadow:0 5px 20px rgba(0,0,0,.25);transition:.3s;}
.whatsapp-float:hover{transform:scale(1.1);}

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

.scroll-btn{position:fixed;right:25px;bottom:25px;width:60px;height:60px;border:none;border-radius:50%;background:#00b8f0;color:#fff;font-size:24px;cursor:pointer;z-index:9999;box-shadow:0 5px 20px rgba(0,0,0,.25);transition:.3s;}
.scroll-btn:hover{transform:translateY(-3px);}

/* Mobile */

@media(max-width:768px){
.whatsapp-float{width:60px;height:60px;font-size:34px;left:15px;bottom:15px;
.scroll-btn{width:55px;height:55px;right:15px;bottom:15px;}}}
/*==================================
    WHY CHOOSE US SECTION
==================================*/

.why-choose-section{padding:90px 0;background:#f5f7fa;}
.why-choose-section .container{width:90%;max-width:1400px;margin:auto;}
.why-choose-section .section-title{text-align:center;margin-bottom:70px;}
.why-choose-section .section-title h2{font-size:42px;font-weight:700;color:#004876;display:inline-block;position:relative;margin:0;}
.why-choose-section .section-title h2::after{content:"";width:140px;height:4px;background:#004876;position:absolute;left:50%;transform:translateX(-50%);bottom:-15px;}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}

.why-card{background:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 5px 25px rgba(0,0,0,0.08);transition:all .4s ease;}
.why-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px rgba(0,0,0,0.15);}
.why-icon{width:80px;height:80px;background:#eef6fb;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;transition:.4s ease;}
.why-icon i{font-size:34px;color:#004876;}
.why-card:hover .why-icon{background:#004876;transform:rotateY(180deg);}
.why-card:hover .why-icon i{color:#fff;}

/* Content */
.why-card h3{font-size:24px;color:#004876;font-weight:700;margin-bottom:15px;}
.why-card p{font-size:16px;color:#555;line-height:1.8;margin:0;}

@media(max-width:992px){
.why-grid{grid-template-columns:repeat(2,1fr);}
.why-choose-section .section-title h2{font-size:38px;}
.why-card{padding:35px 25px;}
.why-card h3{font-size:22px;}}

@media(max-width:768px){
.why-choose-section{padding:60px 0;}
.why-choose-section .section-title{margin-bottom:40px;}
.why-choose-section .section-title h2{font-size:30px;}
.why-grid{grid-template-columns:1fr;gap:20px;}
.why-card{padding:30px 20px;text-align:center;}
.why-icon{margin:0 auto 20px;width:70px;height:70px;}
.why-icon i{font-size:30px;}
.why-card h3{font-size:22px;}
.why-card p{font-size:15px;line-height:1.7;}}

@media(max-width:480px){
.why-choose-section .section-title h2{font-size:26px;}
.why-card{padding:25px 18px;}
.why-icon{width:65px;height:65px;}
.why-icon i{font-size:28px;}
.why-card h3{font-size:20px;}
.why-card p{font-size:14px;}}
/*==================================
    INDUSTRIES STRIP SECTION
==================================*/
.industries-strip-section{
    padding:50px;
    background:#004876;
}

.industries-strip-section .container{
    width:90%;
    max-width:1400px;
    margin:auto;
}

/* Heading */

.industries-strip-section .section-title{
    text-align:center;
    margin-bottom:60px;
}

.industries-strip-section .section-title h2{
    color:#fff;
    font-size:42px;
    font-weight:700;
    position:relative;
    display:inline-block;
    margin:0;
}

.industries-strip-section .section-title h2::after{
    content:"";
    width:120px;
    height:4px;
    background:#fff;
    position:absolute;
    left:50%;
    bottom:-15px;
    transform:translateX(-50%);
}

/* Industries Grid */

.industries-strip{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:25px;
}

.industry-item{
    text-align:center;
    color:#fff;
    transition:all .4s ease;
    padding:20px 10px;
}

.industry-item i{
    width:90px;
    height:90px;
    line-height:90px;
    font-size:38px;
    border:2px solid rgba(255,255,255,.3);
    border-radius:50%;
    margin-bottom:18px;
    transition:.4s ease;
}

.industry-item:hover{
    transform:translateY(-8px);
}

.industry-item:hover i{
    background:#fff;
    color:#004876;
    border-color:#fff;
}

.industry-item h3{
    font-size:18px;
    font-weight:600;
    line-height:1.5;
    margin:0;
}

/* =========================
   Laptop
========================= */

@media (max-width:1200px){

    .industries-strip{
        grid-template-columns:repeat(3,1fr);
        gap:35px;
    }

}

/* =========================
   Tablet
========================= */

@media (max-width:768px){

    .industries-strip-section{
        padding:70px 0;
    }

    .industries-strip-section .section-title h2{
        font-size:34px;
    }

    .industries-strip{
        grid-template-columns:repeat(2,1fr);
        gap:30px;
    }

    .industry-item i{
        width:80px;
        height:80px;
        line-height:80px;
        font-size:32px;
    }

    .industry-item h3{
        font-size:16px;
    }

}

/* =========================
   Mobile
========================= */

@media (max-width:480px){

    .industries-strip-section{
        padding:60px 0;
    }

    .industries-strip-section .section-title{
        margin-bottom:40px;
    }

    .industries-strip-section .section-title h2{
        font-size:28px;
    }

    .industries-strip{
        grid-template-columns:1fr;
        gap:25px;
    }

    .industry-item{
        padding:15px;
    }

    .industry-item i{
        width:70px;
        height:70px;
        line-height:70px;
        font-size:28px;
    }

    .industry-item h3{
        font-size:15px;
    }

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

.cta-section{padding:90px 0;background:#f8f9fb;}
.cta-section .container{width:90%;max-width:1200px;margin:auto;}
.cta-box{text-align:center;}
.cta-tag{display:inline-block;color:#004876;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;}
.cta-box h2{color:#004876;font-size:40px;font-weight:700;line-height:1.3;margin-bottom:20px;}
.cta-box p{max-width:750px;margin:0 auto 35px;color:#666;font-size:18px;line-height:1.8;}

/* Buttons */

.cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;}
.cta-btn{display:inline-block;padding:15px 35px;border-radius:50px;text-decoration:none;font-size:16px;font-weight:600;transition:.4s ease;}
.primary-btn{background:#004876;color:#fff;}
.primary-btn:hover{background:#0065a3;transform:translateY(-3px);}
.secondary-btn{border:2px solid #004876;color:#004876;}
.secondary-btn:hover{background:#004876;color:#fff;}