/*==================================
A1 BHANGAR WALA
Author : Ankit Digital
==================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Poppins',sans-serif;
    font-size:16px;
    line-height:1.7;
    color:#333;
    background:#fff;
    overflow-x:hidden;
}

a{
    text-decoration:none;
    transition:.3s;
}

img{
    max-width:100%;
    height:auto;
}

ul{
    list-style:none;
    padding:0;
    margin:0;
}

.section-title{
    margin-bottom:60px;
}

.section-title h2{
    font-size:42px;
    font-weight:700;
    color:#222;
}

.section-title p{
    color:#666;
    margin-top:15px;
}

/*=========================
Top Bar
=========================*/

.topbar{
    background:#0d3923;
    color:#fff;
    font-size:14px;
}

.topbar a{
    color:#fff;
}

/*=========================
Navbar
=========================*/

.navbar{
    padding:18px 0;
    background:#fff;
    box-shadow:0 3px 15px rgba(0,0,0,.08);
}

.navbar-brand img{
    height:60px;
}

.nav-link{
    font-size:16px;
    font-weight:600;
    color:#222!important;
    margin-left:15px;
}

.nav-link:hover{
    color:#0d3923!important;
}

.btn-success{
    background:#0d3923;
    border-color:#0d3923;
    border-radius:8px;
    padding:12px 30px;
    font-weight:600;
}

.btn-success:hover{
    background:#0a2e1c;
}

.btn-outline-success{
    border-radius:8px;
    padding:12px 30px;
}

/*=========================
Hero Section
=========================*/

.hero-section{
    position:relative;
    padding:0;
    overflow:hidden;
}

.hero-bg{
    position:relative;
    min-height:560px;
    display:flex;
    align-items:center;
    background-image:url('../images/banner/hero-banner.png');
    background-size:cover;
    background-position:center right;
    background-repeat:no-repeat;
}

.hero-bg::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,#ffffff 0%,#ffffff 38%,rgba(255,255,255,.85) 50%,rgba(255,255,255,0) 68%);
}

.hero-content{
    position:relative;
    z-index:2;
    max-width:620px;
    padding:60px 0;
}

.hero-content span.text-success{
    font-size:14px;
    letter-spacing:.5px;
}

.hero-content h1{
    font-size:52px;
    font-weight:800;
    line-height:1.2;
    margin-top:12px;
}

.hero-content p{
    font-size:17px;
    color:#666;
}

/* Feature strip inside hero */

.hero-features{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-top:30px;
}

.hero-feature{
    display:flex;
    align-items:center;
    gap:12px;
    width:calc(50% - 10px);
}

.hero-feature .icon-circle{
    flex-shrink:0;
    width:44px;
    height:44px;
    border-radius:50%;
    border:1.5px solid #0d3923;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#0d3923;
    font-size:18px;
}

.hero-feature span{
    font-size:14px;
    font-weight:600;
    color:#333;
    line-height:1.3;
}

/* Hero buttons */

.hero-btns{
    margin-top:35px;
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.btn-request{
    border:1.5px solid #222;
    color:#222;
    border-radius:8px;
    padding:12px 28px;
    font-weight:600;
    background:#fff;
}

.btn-request:hover{
    background:#222;
    color:#fff;
}

@media(max-width:991px){

    .hero-bg{
        min-height:auto;
        padding:50px 0;
        background-position:center bottom;
    }

    .hero-bg::before{
        background:rgba(255,255,255,.92);
    }

    .hero-content{
        max-width:100%;
        padding:20px 0;
    }

    .hero-content h1{
        font-size:36px;
    }

}

@media(max-width:575px){

    .hero-feature{
        width:100%;
    }

    .hero-btns .btn,
    .hero-btns .btn-request{
        width:100%;
        text-align:center;
    }

}

@keyframes float{

0%{
transform:translateY(0);
}

50%{
transform:translateY(-15px);
}

100%{
transform:translateY(0);
}

}

/*=========================
Cards
=========================*/

.card{
    border:none;
    border-radius:15px;
    transition:.3s;
}

.card:hover{

    transform:translateY(-10px);

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

}

.card img{

    height:90px;

    object-fit:contain;

}

/*=========================
Counter
=========================*/

.counter-section{

    background:#0d3923;

    color:#fff;

}

.counter-section h2{

    font-size:50px;

    font-weight:700;

}

.counter-section p{

    margin-top:10px;

}

/*=========================
Buttons
=========================*/

.btn{

    transition:.3s;

}

.btn:hover{

    transform:translateY(-3px);

}
/*==================================
    MATERIALS SECTION
==================================*/

.material-card{
    background:#fff;
    border-radius:15px;
    padding:30px;
    text-align:center;
    transition:.3s;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.material-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.material-card img{
    width:90px;
    height:90px;
    object-fit:contain;
    margin-bottom:20px;
}

.material-card h5{
    font-size:20px;
    font-weight:600;
    color:#222;
}

.material-card p{
    color:#666;
    font-size:15px;
}

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

.service-box{
    background:#fff;
    border-radius:15px;
    padding:40px 30px;
    text-align:center;
    transition:.3s;
    box-shadow:0 5px 25px rgba(0,0,0,.08);
}

.service-box i{
    font-size:55px;
    color:#0d3923;
    margin-bottom:20px;
}

.service-box h4{
    font-weight:700;
    margin-bottom:15px;
}

.service-box p{
    color:#666;
}

.service-box:hover{
    background:#0d3923;
    color:#fff;
    transform:translateY(-10px);
}

.service-box:hover p,
.service-box:hover i{
    color:#fff;
}

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

.about-section img{
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.about-section h2{
    font-size:42px;
    font-weight:700;
}

.about-section ul li{
    padding:10px 0;
    color:#444;
}

.about-section i{
    color:#0d3923;
    margin-right:10px;
}

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

.cta-section{
    background:#0d3923;
    color:#fff;
    padding:80px 0;
}

.cta-section h2{
    font-size:42px;
    font-weight:700;
}

.cta-section p{
    opacity:.9;
}

.cta-section .btn-light{
    border-radius:8px;
    padding:15px 35px;
    font-weight:600;
}

/*==================================
    TESTIMONIAL
==================================*/

.testimonial-box{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.testimonial-box:hover{
    transform:translateY(-8px);
}

.testimonial-box img{
    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
}

.testimonial-box h5{
    margin-top:15px;
    margin-bottom:5px;
}

.testimonial-box span{
    color:#777;
    font-size:14px;
}

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

.accordion-item{
    border:none;
    margin-bottom:15px;
    border-radius:10px;
    overflow:hidden;
}

.accordion-button{
    font-weight:600;
    padding:20px;
}

.accordion-button:not(.collapsed){
    background:#0d3923;
    color:#fff;
}

.accordion-body{
    padding:20px;
}

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

.contact-box{
    background:#fff;
    padding:35px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.contact-box i{
    color:#0d3923;
    margin-right:10px;
}

.contact-box p{
    margin-bottom:18px;
}
/*==================================
        FOOTER
==================================*/

.footer{
    background:#111;
    color:#ddd;
}

.footer h5{
    color:#fff;
    font-weight:700;
    margin-bottom:25px;
}

.footer p{
    color:#bbb;
    line-height:1.8;
}

.footer ul{
    padding:0;
    margin:0;
}

.footer ul li{
    list-style:none;
    margin-bottom:12px;
}

.footer ul li a{
    color:#bbb;
    text-decoration:none;
    transition:.3s;
}

.footer ul li a:hover{
    color:#20c997;
    padding-left:8px;
}

.footer i{
    color:#20c997;
    margin-right:8px;
}

.footer-contact-item{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:16px;
    text-align:left;
}

.footer-contact-item i{
    width:36px;
    height:36px;
    flex-shrink:0;
    border-radius:50%;
    background:rgba(32,201,151,.12);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:0;
    font-size:15px;
}

.footer-contact-item span{
    color:#bbb;
    line-height:1.6;
    font-size:14.5px;
    padding-top:6px;
}

.footer-contact-item span a{
    color:#bbb;
    text-decoration:none;
    transition:.3s;
}

.footer-contact-item span a:hover{
    color:#20c997;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
    color:#aaa;
    font-size:14.5px;
}

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

.social-icons a{
    width:42px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#0d3923;
    color:#fff;
    border-radius:50%;
    margin-right:10px;
    transition:.3s;
}

.social-icons a:hover{
    background:#20c997;
    transform:translateY(-5px);
}

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

.floating-whatsapp,
.floating-call{

    position:fixed;
    right:20px;
    width:60px;
    height:60px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:26px;
    z-index:9999;
    transition:.3s;
    box-shadow:0 8px 20px rgba(0,0,0,.20);

}

.floating-whatsapp{

    bottom:95px;
    background:#25D366;

}

.floating-call{

    bottom:20px;
    background:#0d3923;

}

.floating-whatsapp:hover,
.floating-call:hover{

    color:#fff;
    transform:scale(1.1);

}

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

.back-to-top{

    position:fixed;
    left:20px;
    bottom:20px;
    width:50px;
    height:50px;
    border:none;
    border-radius:50%;
    background:#0d3923;
    color:#fff;
    display:none;
    z-index:999;
    transition:.3s;

}

.back-to-top:hover{

    background:#0a2e1c;

}

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

section{
    padding:90px 0;
}

.bg-light{
    background:#f8f9fa !important;
}

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

.form-control{

    border-radius:8px;
    padding:12px 15px;
    border:1px solid #ddd;

}

.form-control:focus{

    border-color:#0d3923;
    box-shadow:none;

}

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

iframe{

    border-radius:15px;

}

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

.zoom-hover{
    transition:.4s;
}

.zoom-hover:hover{
    transform:scale(1.05);
}

.shadow-hover{
    transition:.3s;
}

.shadow-hover:hover{
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

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

@media(max-width:991px){

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

.about-section{
    text-align:center;
}

.cta-section{
    text-align:center;
}

.footer{
    text-align:center;
}

.footer-contact-item{
    justify-content:center;
}

}

@media(max-width:767px){

.hero-section h1{
    font-size:32px;
}

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

.btn{
    width:100%;
    margin-bottom:10px;
}

.navbar-brand img{
    height:50px;
}

.counter-section h2{
    font-size:34px;
}

}

/*=========================
Statistics
=========================*/

.stats-section{
    background:#0b5d2a;
    padding:25px 0;
}

.stat-box{
    color:#fff;
    border-right:1px solid rgba(255,255,255,.2);
}

.stat-box:last-child{
    border-right:none;
}

.stat-box i{
    font-size:32px;
    margin-bottom:10px;
}

.stat-box h3{
    font-size:30px;
    font-weight:700;
    margin-bottom:5px;
}

.stat-box p{
    margin:0;
    font-size:15px;
}

@media(max-width:768px){

    .stat-box{
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,.2);
        padding:20px 0;
    }

}
/*==================================
END OF STYLE.CSS
==================================*/
/*==================================
    SERVICES PAGE
==================================*/

.page-hero{
    background:#f8f9fa;
    padding:90px 0;
}

.page-hero h1{
    font-size:58px;
    font-weight:800;
}

.page-hero img{
    max-height:500px;
}

.breadcrumb-section{
    background:#0d3923;
    padding:15px 0;
}

.breadcrumb{
    margin:0;
}

.breadcrumb-item a{
    color:#fff;
    text-decoration:none;
}

.breadcrumb-item.active{
    color:#fff;
}

.breadcrumb-item+.breadcrumb-item::before{
    color:#fff;
}

.service-card{
    background:#fff;
    padding:30px;
    border-radius:15px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
}

.service-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.service-card img{
    height:90px;
    margin-bottom:20px;
}

.service-card h4{
    font-size:22px;
    font-weight:700;
    margin-bottom:15px;
}

.service-card p{
    color:#666;
    min-height:70px;
}

.service-card .btn{
    margin-top:10px;
}

.choose-box{
    background:#fff;
    padding:35px;
    text-align:center;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
}

.choose-box:hover{
    transform:translateY(-10px);
}

.choose-box i{
    font-size:55px;
    color:#0d3923;
    margin-bottom:20px;
}

.promise-list{
    list-style:none;
    padding:0;
}

.promise-list li{
    margin-bottom:18px;
    font-size:18px;
}

.promise-list i{
    color:#0d3923;
    margin-right:10px;
}
/*==================================
    MATERIALS PAGE
==================================*/

.materials-hero{
    padding:90px 0;
    background:linear-gradient(rgba(0,80,40,.85),rgba(0,80,40,.85)),
        url('../images/banner/materials-bg.jpg');
    background-size:cover;
    background-position:center;
}

.materials-hero h1{
    font-size:60px;
    font-weight:800;
}

.materials-hero p{
    color:#fff;
}

.materials-hero img{
    max-height:500px;
}

.hero-icon{
    font-size:38px;
    color:#FFD54F;
    margin-bottom:12px;
}

.material-buy-card{
    background:#fff;
    border-radius:15px;
    padding:25px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
}

.material-buy-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.material-buy-card img{
    width:100%;
    height:170px;
    object-fit:cover;
    border-radius:10px;
    margin-bottom:20px;
}

.material-buy-card h4{
    font-size:24px;
    font-weight:700;
    margin-bottom:15px;
}

.material-buy-card p{
    color:#666;
    min-height:95px;
    font-size:15px;
}

.material-buy-card .btn{
    border-radius:30px;
    padding:10px 25px;
}

.industry-card{
    background:#fff;
    padding:35px;
    text-align:center;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
}

.industry-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.industry-card i{
    font-size:55px;
    color:#0d3923;
    margin-bottom:20px;
}

.industry-card h4{
    font-weight:700;
    margin-bottom:15px;
}

.why-box{
    background:#fff;
    padding:35px;
    border-radius:15px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
}

.why-box:hover{
    transform:translateY(-10px);
}

.why-box i{
    font-size:55px;
    color:#0d3923;
    margin-bottom:20px;
}

.process-box{
    background:#fff;
    padding:35px;
    border-radius:15px;
    text-align:center;
    position:relative;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.process-box i{
    font-size:55px;
    color:#0d3923;
    margin:20px 0;
}

.process-number{
    position:absolute;
    top:-18px;
    left:50%;
    transform:translateX(-50%);
    width:42px;
    height:42px;
    border-radius:50%;
    background:#0d3923;
    color:#fff;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
}

.testimonial-card{
    background:#fff;
    padding:35px;
    text-align:center;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
}

.testimonial-card:hover{
    transform:translateY(-10px);
}

.rating{
    color:#ffc107;
    font-size:24px;
    margin-bottom:20px;
}

.gallery-img{
    height:260px;
    width:100%;
    object-fit:cover;
    transition:.35s;
}

.gallery-img:hover{
    transform:scale(1.05);
}

.map-placeholder{
    background:#f8f9fa;
    border:2px dashed #ced4da;
    border-radius:15px;
    padding:60px 20px;
    text-align:center;
    color:#777;
}

.map-placeholder i{
    font-size:40px;
    color:#0d3923;
    margin-bottom:15px;
    display:block;
}

@media(max-width:991px){

    .materials-hero h1{
        font-size:38px;
    }

}

/*==================================
    PRICE LIST PAGE
==================================*/

.price-update-note{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#e9f7ef;
    color:#0d3923;
    font-weight:600;
    font-size:14px;
    padding:8px 16px;
    border-radius:30px;
    margin-top:18px;
}

.price-disclaimer{
    background:#fff8e6;
    border:1px solid #ffe4a3;
    border-radius:12px;
    padding:20px 25px;
    color:#7a5c00;
    font-size:14.5px;
    display:flex;
    align-items:flex-start;
    gap:12px;
}

.price-disclaimer i{
    color:#c99700;
    font-size:20px;
    margin-top:2px;
}

/*==================================
    BOOK PICKUP PAGE
==================================*/

.pickup-hero{
    background:#0d3923;
    color:#fff;
    padding:70px 0;
}

.pickup-hero h1{
    font-size:46px;
    font-weight:800;
}

.pickup-hero p{
    color:rgba(255,255,255,.9);
}

.pickup-tagline{
    color:#FFD54F;
    font-weight:700;
    font-size:20px;
    margin-top:6px;
}

.pickup-hero img{
    max-height:340px;
}

.pickup-features{
    display:flex;
    flex-wrap:wrap;
    gap:30px;
    margin-top:35px;
}

.pickup-feature-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    width:calc(25% - 23px);
}

.pickup-feature-item i{
    font-size:30px;
    margin-bottom:10px;
}

.pickup-feature-item span{
    font-size:14px;
    font-weight:600;
    line-height:1.3;
}

.simple-breadcrumb{
    background:#fff;
    padding:15px 0;
    border-bottom:1px solid #eee;
}

.simple-breadcrumb .breadcrumb-item a{
    color:#0d3923;
    font-weight:600;
}

.simple-breadcrumb .breadcrumb-item.active{
    color:#555;
}

.booking-card{
    background:#fff;
    border-radius:15px;
    padding:40px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.booking-card-icon{
    width:55px;
    height:55px;
    flex-shrink:0;
    border-radius:12px;
    background:#e9f7ef;
    color:#0d3923;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

.privacy-note{
    color:#777;
    font-size:14px;
}

.why-book-box{
    background:#e9f7ef;
    border-radius:15px;
    padding:35px;
}

.why-book-item{
    display:flex;
    align-items:flex-start;
    gap:15px;
    margin-bottom:22px;
}

.why-book-item:last-child{
    margin-bottom:0;
}

.why-book-item p{
    color:#666;
    font-size:14px;
}

.why-book-icon{
    width:46px;
    height:46px;
    flex-shrink:0;
    border-radius:50%;
    background:#fff;
    color:#0d3923;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    box-shadow:0 3px 10px rgba(0,0,0,.08);
}

.contact-dark-box{
    background:#0b3d24;
    color:#fff;
    border-radius:15px;
    padding:30px;
}

.contact-dark-box p{
    color:#d9e9df;
    font-size:14.5px;
    margin-bottom:14px;
}

.contact-dark-box i{
    color:#20c997;
    margin-right:8px;
    width:18px;
}

.contact-dark-box a{
    color:#fff;
}

.contact-dark-box a:hover{
    color:#20c997;
}

.how-it-works-box{
    background:#fff;
    border-radius:15px;
    padding:50px 30px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.how-it-works-row{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
}

.how-step{
    text-align:center;
    max-width:220px;
    padding:0 10px;
}

.how-step-number{
    width:28px;
    height:28px;
    border-radius:50%;
    background:#0d3923;
    color:#fff;
    font-weight:700;
    font-size:13px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 12px;
}

.how-step-icon{
    width:80px;
    height:80px;
    border-radius:50%;
    background:#e9f7ef;
    color:#0d3923;
    font-size:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto;
}

.how-step p{
    color:#666;
    font-size:14px;
}

.how-step-arrow{
    color:#0d3923;
    font-size:20px;
    margin-top:38px;
}

@media(max-width:991px){

    .pickup-hero h1{
        font-size:32px;
    }

    .pickup-feature-item{
        width:calc(50% - 15px);
    }

    .how-step-arrow{
        display:none;
    }

}

/*==================================
    PORTFOLIO PAGE
==================================*/

.portfolio-filter{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    justify-content:center;
}

.portfolio-filter .btn{
    border-radius:30px;
    padding:10px 26px;
    font-weight:600;
}

.portfolio-card{
    position:relative;
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
}

.portfolio-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.portfolio-card img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
    transition:.4s;
}

.portfolio-card:hover img{
    transform:scale(1.08);
}

.portfolio-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:220px;
    background:rgba(13,57,35,.55);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:28px;
    opacity:0;
    transition:.35s;
}

.portfolio-card:hover .portfolio-overlay{
    opacity:1;
}

.portfolio-info{
    padding:22px;
}

.portfolio-info h5{
    font-weight:700;
    margin-bottom:10px;
}

.portfolio-info p{
    color:#666;
    font-size:14.5px;
    margin-bottom:0;
}

.case-study-box{
    background:#fff;
    border-radius:20px;
    padding:45px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.client-logo-strip{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
}

.client-logo-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    background:#fff;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.06);
    padding:25px 20px;
    width:170px;
    text-align:center;
    transition:.3s;
}

.client-logo-item:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 30px rgba(0,0,0,.12);
}

.client-logo-item i{
    font-size:34px;
    color:#0d3923;
}

.client-logo-item span{
    font-size:13.5px;
    font-weight:600;
    color:#444;
}

@media(max-width:767px){

    .case-study-box{
        padding:25px;
    }

}

/*==================================
    SITE TOP BAR
==================================*/

.site-topbar{
    background:#0b3d24;
    color:#fff;
    font-size:13.5px;
    padding:9px 0;
}

.site-topbar-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:8px;
}

.site-topbar-info{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:22px;
    list-style:none;
    margin:0;
    padding:0;
}

.site-topbar-info li{
    display:flex;
    align-items:center;
    gap:7px;
    color:#d9e9df;
}

.site-topbar-info i{
    color:#20c997;
    font-size:12px;
}

.site-topbar-info a{
    color:#d9e9df;
}

.site-topbar-info a:hover{
    color:#20c997;
}

.site-topbar-social{
    display:flex;
    align-items:center;
    gap:12px;
    color:#d9e9df;
    font-size:13px;
}

.site-topbar-social a{
    width:26px;
    height:26px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.35);
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
}

.site-topbar-social a:hover{
    background:#20c997;
    border-color:#20c997;
}

/*==================================
    SITE MAIN HEADER
==================================*/

.site-main-header{
    background:#fff;
    padding:18px 0;
}

.site-main-header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
}

.site-logo{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
}

.site-logo-mark{
    font-size:44px;
    font-weight:800;
    color:#0d3923;
    line-height:1;
}

.site-logo-text{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.site-logo-text strong{
    font-size:19px;
    font-weight:800;
    color:#222;
    line-height:1.1;
}

.site-logo-text small{
    font-size:12.5px;
    color:#777;
}

.badge-since{
    display:inline-block;
    margin-top:4px;
    background:#e9f7ef;
    color:#0d3923;
    border:1px solid #0d3923;
    border-radius:20px;
    padding:2px 12px;
    font-size:11px;
    font-weight:700;
    width:max-content;
}

.site-header-features{
    align-items:center;
    gap:0;
}

.header-feature-col{
    text-align:center;
    padding:0 22px;
    border-right:1px solid #eee;
}

.header-feature-col:last-child{
    border-right:none;
}

.header-feature-col i{
    font-size:28px;
    color:#0d3923;
    margin-bottom:6px;
    display:block;
}

.header-feature-col h6{
    font-size:13.5px;
    font-weight:700;
    color:#222;
    margin-bottom:2px;
}

.header-feature-col p{
    font-size:12px;
    color:#888;
    margin:0;
}

.header-call-btn{
    display:flex;
    align-items:center;
    gap:12px;
    background:#0d3923;
    color:#fff;
    padding:12px 22px;
    border-radius:12px;
    text-decoration:none;
    transition:.3s;
}

.header-call-btn:hover{
    background:#0a2e1c;
    color:#fff;
}

.header-call-btn i{
    font-size:24px;
}

.header-call-btn strong{
    font-size:15.5px;
    display:block;
    line-height:1.2;
}

.header-call-btn small{
    font-size:11.5px;
    color:#FFD54F;
    font-weight:600;
}

/*==================================
    SITE NAVBAR (MENU)
==================================*/

.site-navbar{
    background:#0b3d24;
    padding:0;
    position:sticky;
    top:0;
    z-index:1030;
}

.site-navbar .navbar-toggler{
    border-color:rgba(255,255,255,.4);
    margin:10px 0;
}

.site-navbar .navbar-toggler-icon{
    filter:invert(1);
}

.site-nav-links{
    display:flex;
    align-items:center;
    gap:2px;
    flex-wrap:wrap;
}

.site-nav-links .nav-link{
    color:#e6efe9!important;
    font-weight:600;
    font-size:14.5px;
    padding:16px 14px;
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:7px;
}

.site-nav-links .nav-link i{
    font-size:13px;
}

.site-nav-links .nav-link:hover,
.site-nav-links .nav-link:focus{
    color:#fff!important;
}

.site-nav-links .nav-link.active{
    color:#fff!important;
}

.site-nav-links .nav-link.active::after{
    content:'';
    position:absolute;
    left:14px;
    right:14px;
    bottom:8px;
    height:2px;
    background:#FFD400;
    border-radius:2px;
}

.site-nav-links .dropdown-menu{
    border:none;
    border-radius:10px;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
    padding:8px;
    margin-top:0;
}

.site-nav-links .dropdown-item{
    border-radius:8px;
    padding:9px 14px;
    font-size:14px;
    font-weight:500;
}

.site-nav-links .dropdown-item:hover{
    background:#e9f7ef;
    color:#0d3923;
}

.site-nav-actions{
    display:flex;
    align-items:center;
    gap:14px;
    margin-left:auto;
    padding:12px 0;
}

.nav-pickup-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#FFD400;
    color:#1a1a1a;
    font-weight:700;
    font-size:14px;
    padding:11px 22px;
    border-radius:8px;
    text-decoration:none;
    white-space:nowrap;
}

.nav-pickup-btn:hover{
    background:#f0c700;
    color:#1a1a1a;
}

.nav-whatsapp-icon{
    width:38px;
    height:38px;
    border-radius:50%;
    border:1.5px solid rgba(255,255,255,.4);
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
    flex-shrink:0;
}

.nav-whatsapp-icon:hover{
    background:#25D366;
    border-color:#25D366;
    color:#fff;
}

@media(max-width:991px){

    .site-main-header-inner{
        justify-content:space-between;
    }

    .site-logo-mark{
        font-size:34px;
    }

    .site-logo-text strong{
        font-size:16px;
    }

    .header-call-btn{
        padding:10px 14px;
    }

    .site-nav-links{
        flex-direction:column;
        align-items:flex-start;
        width:100%;
        gap:0;
        border-top:1px solid rgba(255,255,255,.1);
        padding-top:8px;
    }

    .site-nav-links .nav-link{
        width:100%;
        padding:12px 4px;
    }

    .site-nav-links .nav-link.active::after{
        display:none;
    }

    .site-nav-actions{
        width:100%;
        padding:14px 0 18px;
        margin-left:0;
    }

    .nav-pickup-btn{
        flex:1;
        justify-content:center;
    }

}

@media(max-width:575px){

    .site-topbar-info li:nth-child(3){
        font-size:12.5px;
    }

    .header-call-btn strong{
        font-size:14px;
    }

}
.page-hero{

padding:90px 0;
background:linear-gradient(rgba(0,80,40,.85),rgba(0,80,40,.85)),
url('assets/images/banner/why-us-bg.jpg');
background-size:cover;
background-position:center;

}

.why-card{

background:#fff;
padding:35px;
border-radius:15px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.35s;
height:100%;

}

.why-card:hover{

transform:translateY(-10px);

}

.why-card i{

font-size:55px;
color:#0d3923;
margin-bottom:20px;

}
.counter-box{

background:#fff;
padding:35px;
border-radius:15px;
box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.counter-box h2{

font-size:48px;
font-weight:800;
color:#0d3923;

}

.trust-list{

list-style:none;
padding:0;

}

.trust-list li{

margin-bottom:16px;
font-size:17px;

}

.trust-list i{

color:#0d3923;
margin-right:10px;

}

.value-card{

background:#fff;
padding:35px;
text-align:center;
border-radius:15px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.35s;
height:100%;

}

.value-card:hover{

transform:translateY(-10px);

}

.value-card i{

font-size:55px;
color:#0d3923;
margin-bottom:20px;

}
.industry-box{

background:#fff;
padding:35px;
text-align:center;
border-radius:15px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.35s;
height:100%;

}

.industry-box:hover{

transform:translateY(-10px);

}

.industry-box i{

font-size:55px;
color:#0d3923;
margin-bottom:20px;

}

.process-card{

background:#fff;
padding:35px;
text-align:center;
border-radius:15px;
position:relative;
box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.process-card i{

font-size:55px;
color:#0d3923;
margin:20px 0;

}

.step{

position:absolute;
top:-18px;
left:50%;
transform:translateX(-50%);
background:#0d3923;
color:#fff;
width:42px;
height:42px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;

}

.cta-section{

background:#0d3923;
padding:80px 0;
color:#fff;

}

.cta-section h2{

font-size:42px;
font-weight:700;

}
.testimonial-card{

background:#fff;
padding:35px;
border-radius:15px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.35s;

}

.testimonial-card:hover{

transform:translateY(-10px);

}

.rating{

font-size:26px;
color:#ffc107;
margin-bottom:15px;

}

.accordion-button{

font-weight:600;

}

.accordion-button:not(.collapsed){

background:#0d3923;
color:#fff;

}
/*======================================
INDUSTRIAL HOME PAGE (index.php)
Added to match required design
======================================*/
.industrial-hero{
padding:70px 0 90px;
background:#fff;
position:relative;
overflow:hidden;
min-height:640px;
display:flex;
align-items:center;
}

/* Full-bleed photo panel on the right, fading into white on the left
   (mirrors the reference: text on white, photo bleeding in with a soft
   gradient mask). Drop a real yard/truck photo at
   assets/images/hero/hero-bg.jpg — this wrapper is ready for it. */
.hero-visual{
position:absolute;
inset:0;
z-index:0;
}
.hero-bg-photo{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}
.hero-visual::before{
content:'';
position:absolute;
inset:0;
background:linear-gradient(90deg,#ffffff 0%,#ffffff 30%,rgba(255,255,255,.88) 42%,rgba(255,255,255,.25) 55%,rgba(255,255,255,0) 68%);
}
.hero-ribbon{
position:absolute;
top:30px;
right:40px;
z-index:2;
width:110px;
text-align:center;
color:#fff;
background:linear-gradient(180deg,#0d3923,#0a2e1c 70%,#082a19);
clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);
padding:16px 10px 26px;
box-shadow:0 10px 25px rgba(0,0,0,.25);
}
.hero-ribbon i{
color:#e8b923;
font-size:20px;
margin-bottom:6px;
display:block;
}
.hero-ribbon span{
font-size:11px;
font-weight:800;
letter-spacing:.5px;
line-height:1.4;
text-transform:uppercase;
}

.industrial-hero .container{
position:relative;
z-index:1;
}
.hero-content{
background:rgba(255,255,255,.9);
backdrop-filter:blur(2px);
border-radius:20px;
padding:35px 30px;
}

.hero-subtitle{
display:inline-flex;
align-items:center;
gap:10px;
color:#0d3923;
font-size:13px;
font-weight:700;
letter-spacing:1px;
border:1.5px solid #0d3923;
border-radius:50px;
padding:8px 20px;
background:#fff;
}
.hero-subtitle i{
color:#0d3923;
}
.industrial-hero h1{
font-size:65px;
font-weight:900;
margin:18px 0 0;
color:#1a1a1a;
}
.industrial-hero h1 span{
color:#0d3923;
}
.industrial-hero h2{
font-size:34px;
font-weight:700;
line-height:1.45;
color:#1a1a1a;
margin-top:12px;
padding-bottom:18px;
border-bottom:3px solid #0d3923;
display:inline-block;
}
.industrial-hero h2 span{
color:#0d3923;
}

.hero-list{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:22px 30px;
}
.hero-list > div{
display:flex;
align-items:flex-start;
gap:14px;
padding-bottom:18px;
border-bottom:1px solid #dcdcdc;
min-height:56px;
}
.hero-list-icon{
flex-shrink:0;
width:40px;
height:40px;
margin-top:2px;
border-radius:50%;
background:#0d3923;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:15px;
}
.hero-list p{
margin:0;
font-size:14.5px;
font-weight:600;
color:#222;
line-height:1.4;
}

.hero-buttons{
display:flex;
gap:20px;
}

/*======================================
STATS STRIP (industry-counter)
======================================*/
.industry-counter{
background:#0d3923;
padding:30px 0;
position:relative;
z-index:2;
}
.counter-strip{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
}
.stat-item{
display:flex;
align-items:center;
gap:14px;
color:#fff;
padding:10px 22px;
flex:1 1 0;
position:relative;
}
.stat-item:not(:last-child)::after{
content:'';
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
height:60%;
width:1px;
background:rgba(255,255,255,.25);
}
.stat-icon{
flex-shrink:0;
width:48px;
height:48px;
border-radius:50%;
border:1.5px solid rgba(255,255,255,.55);
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
color:#fff;
}
.stat-item h3{
font-size:22px;
font-weight:800;
margin:0 0 2px;
line-height:1.1;
}
.stat-item p{
margin:0;
font-size:13px;
line-height:1.3;
color:#d7e8db;
}

/*======================================
CORE SERVICES
======================================*/
.core-services{
background:#fff;
}
.sub-heading{
font-size:15px;
font-weight:700;
color:#0d3923;
letter-spacing:1px;
}
.service-card-v2{
background:#fff;
border-radius:18px;
overflow:hidden;
box-shadow:0 15px 35px rgba(0,0,0,.08);
transition:.35s;
height:100%;
}
.service-card-v2:hover{
transform:translateY(-12px);
}
.service-card-v2 img{
width:100%;
height:180px;
object-fit:cover;
}
.service-icon{
width:70px;
height:70px;
background:#0d3923;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
margin:-35px auto 20px;
position:relative;
border:5px solid #fff;
}
.service-card-v2 h4{
text-align:center;
font-size:23px;
font-weight:700;
margin-bottom:15px;
}
.service-card-v2 p{
text-align:center;
padding:0 20px;
color:#666;
min-height:60px;
}
.service-card-v2 a{
display:flex;
justify-content:center;
align-items:center;
gap:10px;
padding:18px;
font-weight:700;
color:#0d3923;
text-decoration:none;
}
/*==========================================
INDUSTRIES
==========================================*/
.industries-section{
background:#fff;
}
.section-heading{
font-size:38px;
font-weight:800;
margin-bottom:35px;
}
.industry-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
}
.industry-item{
display:flex;
align-items:center;
gap:12px;
font-size:17px;
font-weight:600;
}
.industry-item i{
color:#0d3923;
font-size:20px;
}
/*==========================================
PAN INDIA
==========================================*/
.pan-india-box{
background:#0a2e1c;
border-radius:20px;
padding:45px;
color:#fff;
height:100%;
display:flex;
align-items:center;
}
.pan-india-inner{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:25px;
width:100%;
}
.pan-text{
flex:1 1 240px;
}
.pan-map{
flex:0 1 200px;
}
.pan-map img{
max-height:260px;
width:100%;
object-fit:contain;
}
.pan-india-box h2{
font-size:38px;
font-weight:800;
margin-bottom:20px;
}
.pan-india-box p{
font-size:16px;
color:#d7e8db;
}
.pan-india-box ul{
padding:0;
margin:25px 0;
}
.pan-india-box li{
list-style:none;
margin-bottom:15px;
font-size:17px;
}
.pan-india-box img{
max-height:320px;
}
.pan-india-box .btn{
margin-top:10px;
}
/*======================================
WHY CHOOSE
======================================*/
.why-home{
background:#fff;
}
.section-tag{
font-size:15px;
font-weight:700;
color:#0d3923;
}
.why-icon{
padding:20px 10px;
}
.why-icon i{
font-size:34px;
color:#0d3923;
margin-bottom:15px;
}
.why-icon h6{
font-size:15px;
font-weight:700;
}
/*======================================
HOME BOX
======================================*/
.home-box{
background:#fff;
border-radius:18px;
padding:25px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
height:100%;
}
.home-box h4{
font-weight:700;
margin-bottom:20px;
}
.gallery-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:10px;
}
.gallery-grid img{
height:90px;
width:100%;
object-fit:cover;
border-radius:8px;
}
.client-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
}
.client-grid img{
height:55px;
object-fit:contain;
}
.certificate-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
}
.certificate-grid img{
height:100px;
width:100%;
object-fit:cover;
object-position:top;
border:1px solid #e2e2e2;
border-radius:8px;
background:#f8f9fa;
padding:4px;
transition:.3s;
}
.certificate-grid img:hover{
border-color:#0d3923;
transform:translateY(-4px);
box-shadow:0 8px 18px rgba(0,0,0,.1);
}
.google-box{
background:#fff;
border-radius:18px;
padding:30px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,.08);
height:100%;
}
.google-box h1{
font-size:65px;
font-weight:800;
margin:10px 0;
}
.stars{
font-size:28px;
color:#ffc107;
margin-bottom:15px;
}
.google-logo{
height:45px;
margin:20px 0;
}
/*======================================
INDUSTRIAL FORM
======================================*/
.industrial-inquiry{
background:#f8f9fa;
}
.industrial-form{
background:#fff;
padding:40px;
border-radius:20px;
box-shadow:0 15px 35px rgba(0,0,0,.08);
}
.enquiry-points{
margin-top:30px;
display:grid;
gap:15px;
}
.enquiry-points div{
font-size:17px;
font-weight:600;
}
.enquiry-points i{
color:#0d3923;
margin-right:8px;
}
/*======================================
SAFETY
======================================*/
.safety-banner{
background:#0a2e1c;
padding:45px 0;
color:#fff;
}
.safety-banner i{
font-size:42px;
margin-bottom:20px;
}
/*======================================
FINAL CTA
======================================*/
.final-industrial-cta{
padding:90px 0;
background:#0d3923;
color:#fff;
}
.final-industrial-cta h2{
font-size:48px;
font-weight:800;
}
.final-industrial-cta p{
font-size:18px;
margin-top:10px;
}
/*======================================
RESPONSIVE / MOBILE UX OVERHAUL
(Tablet + Mobile fixes for index.php)
======================================*/

/* ---------- Tablet (≤991px) ---------- */
@media(max-width:991px){

.topbar{font-size:12px;}
.topbar .container{flex-wrap:wrap;row-gap:6px;}

.navbar-brand img{height:48px;}

.industrial-hero{padding:50px 0;min-height:auto;}
.hero-content{padding:26px 22px;border-radius:16px;}
.industrial-hero h1{font-size:44px;}
.industrial-hero h2{font-size:24px;}
.hero-subtitle{font-size:12px;padding:7px 16px;}
.hero-list{grid-template-columns:1fr;gap:12px;}
.hero-list p{font-size:14px;}
.hero-visual::before{background:rgba(255,255,255,.9);}
.hero-ribbon{top:16px;right:16px;width:88px;padding:12px 8px 18px;}
.hero-ribbon span{font-size:9px;}

.industry-counter{padding:25px 0;}
.counter-strip{justify-content:center;}
.stat-item{flex:0 0 50%;padding:14px 12px;}
.stat-item:nth-child(2n)::after{display:none;}
.stat-item h3{font-size:20px;}

.section-title h2,
.section-heading{font-size:32px;}

.service-card-v2 h4{font-size:20px;}

.industry-grid{grid-template-columns:1fr;}

.pan-india-box{padding:30px;margin-top:30px;}

.home-box,
.google-box{margin-bottom:20px;}

.industrial-form{padding:28px;}

.final-industrial-cta{padding:50px 0;text-align:center;}
.final-industrial-cta h2{font-size:32px;}
.final-industrial-cta .text-end{text-align:center!important;margin-top:20px;}

}

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

.industrial-hero{padding:30px 0 40px;}
.industrial-hero h1{font-size:32px;line-height:1.25;margin-top:14px;}
.industrial-hero h2{font-size:19px;padding-bottom:12px;}
.hero-list-icon{width:36px;height:36px;font-size:14px;}
.hero-list > div{padding-bottom:12px;}

/* Fixes the missing mobile-stack rule for the homepage CTA buttons */
.hero-buttons{
    flex-direction:column;
    gap:14px;
    margin-top:28px;
}
.hero-buttons .btn{
    width:100%;
    text-align:center;
    padding:14px 20px;
}

.stat-item{flex:0 0 100%;padding:10px 4px;justify-content:flex-start;}
.stat-item::after{display:none!important;}
.stat-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.15);}

.core-services{padding:40px 0;}
.section-title{margin-bottom:35px;}
.section-title h2,
.section-heading{font-size:28px;}
.section-title p{font-size:14px;}

.service-card-v2 img{height:160px;}

.why-icon{padding:15px 5px;}
.why-icon i{font-size:28px;}
.why-icon h6{font-size:13px;}

/* Company snapshot cards (Projects/Clients/Certs/Google) 2-up on tablet-mobile */
.pb-5 .col-lg-3{flex:0 0 50%;max-width:50%;margin-bottom:20px;}

.industrial-inquiry{padding:40px 0;}
.industrial-form{padding:22px;border-radius:16px;}
.industrial-form .btn{padding:14px;}

.safety-banner{padding:30px 0;}
.safety-banner .col-lg-3{margin-bottom:22px;}
.safety-banner i{font-size:34px;margin-bottom:12px;}
.safety-banner h5{font-size:15px;}

.final-industrial-cta h2{font-size:26px;}
.final-industrial-cta p{font-size:15px;}

}

/* ---------- Small Mobile (≤576px) ---------- */
@media(max-width:576px){

body{font-size:15px;}

.topbar{font-size:11px;padding:6px 0;}

.hero-content{padding:20px 16px;}
.industrial-hero h1{font-size:26px;}
.industrial-hero h2{font-size:17px;}
.hero-subtitle{font-size:10.5px;letter-spacing:.5px;padding:6px 12px;}
.hero-list p{font-size:13px;}
.hero-ribbon{display:none;}

.stat-icon{width:40px;height:40px;font-size:16px;}
.stat-item h3{font-size:18px;}
.stat-item p{font-size:12px;}

.service-card-v2 img{height:150px;}
.service-icon{width:56px;height:56px;font-size:22px;margin:-28px auto 15px;}
.service-card-v2 h4{font-size:18px;}
.service-card-v2 p{font-size:14px;min-height:auto;padding:0 15px;}

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

.pan-india-box{padding:22px;border-radius:16px;}
.pan-india-box h2{font-size:26px;}

/* Company snapshot cards stack fully on small phones for readability */
.pb-5 .col-lg-3{flex:0 0 100%;max-width:100%;}
.gallery-grid img,
.client-grid img{height:70px;}
.google-box h1{font-size:48px;}

.industrial-form{padding:18px;}
.industrial-form .row > div{margin-bottom:12px!important;}

.safety-banner .col-lg-3{flex:0 0 50%;max-width:50%;}

.final-industrial-cta h2{font-size:22px;}

}

/* ---------- Extra-small phones (≤400px) ---------- */
@media(max-width:400px){
.industrial-hero h1{font-size:24px;}
.hero-list{gap:10px;}
.safety-banner .col-lg-3{flex:0 0 100%;max-width:100%;}
}
/*======================================
MATERIALS PAGE
======================================*/

/* ---- Page Hero (dark photo hero for inner pages) ---- */
.page-hero{
position:relative;
padding:110px 0 70px;
background:#0a2e1c;
overflow:hidden;
}
.page-hero-bg{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
opacity:.55;
}
.page-hero::before{
content:'';
position:absolute;
inset:0;
background:linear-gradient(90deg,#0a2e1c 15%,rgba(10,46,28,.75) 55%,rgba(10,46,28,.35) 100%);
}
.page-hero .container{position:relative;z-index:1;}
.page-hero-badge{
display:inline-flex;
align-items:center;
gap:10px;
color:#fff;
font-size:13px;
font-weight:700;
letter-spacing:1px;
border:1.5px solid rgba(255,255,255,.5);
border-radius:50px;
padding:8px 20px;
}
.page-hero h1{
font-size:52px;
font-weight:900;
color:#fff;
margin:18px 0 10px;
}
.page-hero p.lead{
font-size:17px;
color:#d7e8db;
max-width:600px;
}
.page-hero-btns{
display:flex;
flex-wrap:wrap;
gap:16px;
margin-top:30px;
}
.page-breadcrumb{
background:#f8f9fa;
padding:14px 0;
border-bottom:1px solid #eee;
}
.page-breadcrumb a{color:#0d3923;font-weight:600;}
.page-breadcrumb span{color:#888;}

/* ---- Section heading helper ---- */
.materials-section-title{margin-bottom:45px;}
.materials-section-title .sub-heading{
color:#0d3923;font-size:14px;font-weight:700;letter-spacing:1px;
}
.materials-section-title h2{
font-size:34px;font-weight:800;color:#1a1a1a;margin-top:8px;
}
.materials-section-title p{color:#666;margin-top:10px;}

/* ---- Main Scrap Categories (big premium cards) ---- */
.scrap-cat-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
}
.scrap-cat-card{
background:#fff;
border:1px solid #eee;
border-radius:18px;
padding:35px 20px;
text-align:center;
transition:.3s;
box-shadow:0 8px 25px rgba(0,0,0,.05);
}
.scrap-cat-card:hover{
transform:translateY(-8px);
border-color:#0d3923;
box-shadow:0 20px 40px rgba(13,57,35,.15);
}
.scrap-cat-icon{
width:64px;
height:64px;
margin:0 auto 18px;
border-radius:50%;
background:#e8f3ec;
color:#0d3923;
display:flex;
align-items:center;
justify-content:center;
font-size:26px;
transition:.3s;
}
.scrap-cat-card:hover .scrap-cat-icon{
background:#0d3923;
color:#fff;
}
.scrap-cat-card h4{
font-size:17px;
font-weight:700;
margin:0;
color:#222;
}

/* ---- Mini category cards (Ferrous / Non-Ferrous / Equipment / Factory) ---- */
.mini-cat-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
.mini-cat-card{
background:#fff;
border-radius:14px;
padding:26px 15px;
text-align:center;
box-shadow:0 6px 18px rgba(0,0,0,.06);
transition:.3s;
}
.mini-cat-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 30px rgba(0,0,0,.1);
}
.mini-cat-card i{
font-size:32px;
color:#0d3923;
margin-bottom:14px;
}
.mini-cat-card h5{
font-size:15px;
font-weight:700;
margin:0;
color:#222;
}
.ferrous-block, .nonferrous-block, .equip-block, .factory-block{
padding:50px 0;
}
.ferrous-block{background:#fff;}
.nonferrous-block{background:#f8f9fa;}
.equip-block{background:#fff;}
.factory-block{background:#f8f9fa;}

/* ---- Materials We Accept (icon strip) ---- */
.accept-grid{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:20px;
text-align:center;
}
.accept-item i{
font-size:34px;
color:#0d3923;
margin-bottom:14px;
}
.accept-item h6{
font-size:14px;
font-weight:700;
color:#222;
margin:0;
}

/* ---- Industries grid (wider, 4-up variant for this page) ---- */
.materials-industries .industry-grid{
grid-template-columns:repeat(4,1fr);
}

/* ---- Live Scrap Rate ---- */
.rate-section{background:#0a2e1c;padding:60px 0;}
.rate-section .materials-section-title h2,
.rate-section .materials-section-title p{color:#fff;}
.rate-section .materials-section-title .sub-heading{color:#e8b923;}
.rate-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}
.rate-card{
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.15);
border-radius:14px;
padding:26px 20px;
text-align:center;
color:#fff;
}
.rate-card i{
font-size:30px;
color:#e8b923;
margin-bottom:12px;
}
.rate-card h5{
font-size:17px;
font-weight:700;
margin-bottom:8px;
}
.rate-card span{
display:inline-block;
font-size:13px;
font-weight:600;
color:#e8b923;
border:1px solid rgba(232,185,35,.5);
border-radius:50px;
padding:5px 14px;
margin-top:6px;
}

/* ---- Certifications mini cards ---- */
.cert-mini-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}
.cert-mini-card{
background:#fff;
border-radius:14px;
padding:30px 15px;
text-align:center;
box-shadow:0 8px 22px rgba(0,0,0,.06);
}
.cert-mini-card i{
font-size:36px;
color:#0d3923;
margin-bottom:14px;
}
.cert-mini-card h6{
font-size:14px;
font-weight:700;
margin:0;
}

/* ---- Final CTA bullet points (reuses .final-industrial-cta) ---- */
.cta-points{
display:flex;
flex-wrap:wrap;
gap:10px 24px;
margin-top:14px;
}
.cta-points span{
font-size:15px;
font-weight:600;
}
.cta-points span i{
margin-right:6px;
}

/* ---- Responsive ---- */
@media(max-width:991px){
.page-hero h1{font-size:38px;}
.scrap-cat-grid{grid-template-columns:repeat(3,1fr);}
.mini-cat-grid{grid-template-columns:repeat(3,1fr);}
.accept-grid{grid-template-columns:repeat(3,1fr);}
.materials-industries .industry-grid{grid-template-columns:repeat(2,1fr);}
.rate-grid{grid-template-columns:repeat(2,1fr);}
.cert-mini-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
.page-hero{padding:90px 0 50px;}
.page-hero h1{font-size:30px;}
.scrap-cat-grid{grid-template-columns:repeat(2,1fr);}
.mini-cat-grid{grid-template-columns:repeat(2,1fr);}
.accept-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:576px){
.page-hero h1{font-size:25px;}
.page-hero-btns .btn{width:100%;text-align:center;}
.scrap-cat-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
.scrap-cat-card{padding:22px 10px;}
.rate-grid{grid-template-columns:1fr;}
.cert-mini-grid{grid-template-columns:1fr;}
}