/* =====================================================
   GLOBAL SAFETY (CRITICAL)
===================================================== */
/*html, body {*/
/*    max-width: 100%;*/
/*    overflow-x: hidden;*/
/*}*/

/** {*/
/*    box-sizing: border-box;*/
/*}*/

/*section {*/
/*    overflow-x: hidden;*/
/*}*/

/*img {*/
/*    max-width: 100%;*/
/*    height: auto;*/
/*    display: block;*/
/*}*/

/* =====================================================
   HERO SLIDER
/* ==========================
   Hero Slider
========================== */
/*.hero-slider {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    height: 65vh;*/
/*    overflow: hidden;*/
/*}*/

/*.slide {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*    background-repeat: no-repeat;*/
/*    opacity: 0;*/
/*    transition: opacity 1s ease-in-out;*/
/*}*/

/*.slide.active {*/
/*    opacity: 1;*/
/*}*/

/*.overlay {*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    background: rgba(0, 0, 0, 0.4);*/
/*}*/

/*.hero-content {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    width: 90%;*/
/*    max-width: 900px;*/
/*    text-align: center;*/
/*    color: #fff;*/
/*    z-index: 2;*/
/*}*/

/*.hero-content h1 {*/
/*    font-size: 3rem;*/
/*    margin-bottom: 15px;*/
/*}*/

/*.hero-content p {*/
/*    font-size: 1.2rem;*/
/*    line-height: 1.6;*/
/*}*/

/* ==========================
   Tablet
========================== */
/*@media (max-width: 992px) {*/
/*    .hero-slider {*/
/*        height: 50vh;*/
/*    }*/

/*    .hero-content h1 {*/
/*        font-size: 2.3rem;*/
/*    }*/

/*    .hero-content p {*/
/*        font-size: 1rem;*/
/*    }*/
/*}*/

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

/*    html,*/
/*    body {*/
/*        overflow-x: hidden;*/
/*    }*/

/*    .hero-slider {*/
/*        height: 40vh;*/
/*        min-height: 250px;*/
/*    }*/

/*    .slide {*/
/*        background-position: center center;*/
/*        background-size: cover;*/
/*    }*/

/*    .hero-content {*/
/*        width: 90%;*/
/*        padding: 0 10px;*/
/*    }*/

/*    .hero-content h1 {*/
/*        font-size: 1.6rem;*/
/*        margin-bottom: 10px;*/
/*    }*/

/*    .hero-content p {*/
/*        font-size: 0.9rem;*/
/*        line-height: 1.5;*/
/*    }*/

/*    .hero-content .btn {*/
/*        padding: 10px 20px;*/
/*        font-size: 14px;*/
/*    }*/
/* ==========================
   HERO BANNER
========================== */

/*.hero-slider {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    height: clamp(320px, 65vh, 750px);*/
/*    overflow: hidden;*/
/*}*/

/*.slide {*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-size: cover;*/
/*    background-position: center center;*/
/*    background-repeat: no-repeat;*/
/*    opacity: 0;*/
/*    transition: opacity 0.8s ease-in-out;*/
/*}*/

/*.slide.active {*/
/*    opacity: 1;*/
/*    z-index: 1;*/
/*}*/

/*.overlay {*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    background: rgba(0,0,0,.35);*/
/*    z-index: 2;*/
/*}*/

/*.hero-content {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    width: min(90%, 900px);*/
/*    text-align: center;*/
/*    color: #fff;*/
/*    z-index: 3;*/
/*    padding: 0 15px;*/
/*}*/

/*.hero-content h1 {*/
/*    font-size: clamp(2rem, 5vw, 3.8rem);*/
/*    line-height: 1.2;*/
/*    margin-bottom: 18px;*/
/*}*/

/*.hero-content p {*/
/*    font-size: clamp(1rem, 2vw, 1.3rem);*/
/*    line-height: 1.7;*/
/*    margin-bottom: 25px;*/
/*}*/

/* ==========================
   Large Desktop
========================== */

/*@media (min-width:1600px){*/

/*    .hero-slider{*/
/*        height:75vh;*/
/*    }*/

/*}*/

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

/*@media (max-width:1200px){*/

/*    .hero-slider{*/
/*        height:60vh;*/
/*    }*/

/*}*/

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

/*@media (max-width:992px){*/

/*    .hero-slider{*/
/*        height:50vh;*/
/*    }*/

/*}*/

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

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

/*    .hero-slider{*/
/*        height:45vh;*/
/*    }*/

/*    .slide{*/
/*        background-position:center;*/
/*    }*/

/*}*/

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

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

/*    html,*/
/*    body{*/
/*        overflow-x:hidden;*/
/*    }*/

/*    .hero-slider{*/
/*        height:38vh;*/
/*        min-height:240px;*/
/*    }*/

/*    .hero-content{*/
/*        width:92%;*/
/*        padding:0 10px;*/
/*    }*/

/*    .hero-content h1{*/
/*        margin-bottom:12px;*/
/*    }*/

/*    .hero-content p{*/
/*        line-height:1.5;*/
/*    }*/

/*}*/

/* ==========================
   Small Phones
========================== */

/*@media (max-width:400px){*/

/*    .hero-slider{*/
/*        height:32vh;*/
/*        min-height:200px;*/
/*    }*/

/*}*/
/*==================================================*/
/*   ABOUT SECTION*/
/*===================================================== */*/
/*  .home-about {*/
/*        padding: 100px 20px;*/
/*        background-color: #f8f9f6;*/
/*    }*/

/*    .about-container {*/
/*        max-width: 1200px;*/
/*        margin: auto;*/
/*        display: grid;*/
/*        grid-template-columns: 1fr 1fr;*/
/*        gap: 50px;*/
/*        align-items: center;*/
/*    }*/

    /* Image */
/*    .about-image img {*/
/*        width: 80%;*/
/*        border-radius: 8px;*/
/*        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);*/
/*        margin-left: 30px;*/
/*    }*/

    /* Content */
/*    .about-content .section-tag {*/
/*        display: inline-block;*/
/*        font-size: 16px;*/
/*        font-weight: 600;*/
/*        color: #1e3c72;*/
/*        margin-bottom: 10px;*/
/*        border-bottom: 3px solid #fbb031;*/
/*        letter-spacing: 1px;*/

/*    }*/

/*    .about-content h2 {*/
/*        font-size: 30px;*/
/*        margin-bottom: 20px;*/
/*        font-weight: 700;*/
        /* color: #1839f4; */
/*        color: #299ce7;*/

/*    }*/

/*    .about-content p {*/
/*        font-size: 16px;*/
/*        line-height: 1.7;*/
/*        color: #000;*/
/*        margin-bottom: 15px;*/
/*        text-align: justify;*/
/*    }*/

/*    .about-btn {*/
/*        display: inline-flex;*/
/*        text-decoration: none;*/
/*        font-weight: 600;*/
/*        font-family: Arial, sans-serif;*/
/*        font-size: 14px;*/
/*        height: 40px;*/
/*        border-color: #1736f0;*/
/*        border: none;*/
/*        cursor: pointer;*/
/*        user-select: none;*/
/*        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);*/
/*        transition: background-color 0.3s ease;*/
/*    }*/

/*    .btn-arrow {*/
/*        background-color: #1736f0;*/
        /* bright orange */
/*        color: white;*/
/*        padding: 0 15px;*/
/*        display: flex;*/
/*        align-items: center;*/
/*        justify-content: center;*/
/*        font-size: 18px;*/
/*        font-weight: bold;*/
/*    }*/

/*    .btn-text {*/
/*        background-color: white;*/
/*        color: black;*/
/*        padding: 0 25px;*/
/*        display: flex;*/
/*        align-items: center;*/
/*        justify-content: center;*/
/*        letter-spacing: 1px;*/
/*    }*/

/*    .about-btn:hover .btn-arrow {*/
/*        background-color: #1e3c72;*/
        /* darker orange on hover */
/*    }*/

/*    .about-btn:hover .btn-text {*/
/*        background-color: #f9f9f9;*/
/*    }*/


    /* Responsive */
/*    @media (max-width: 900px) {*/
/*        .about-container {*/
/*            grid-template-columns: 1fr;*/
/*            text-align: center;*/
/*        }*/
/* .about-image img {*/
/*     margin-left:30px;*/
/* }*/
/*        .about-content h2 {*/
/*            font-size: 28px;*/
/*        }*/
/*    }*/

/* 📱 Mobile Fix */
/*@media (max-width: 768px) {*/
/*    .about-image img {*/
/*        margin-left: 10px 10px;*/
/*    }*/
/*}*/
/*@media (max-width: 480px) {*/
/*      .about-container{*/
/*        gap:10px;*/
/*    }*/


/*    .about-image img{*/
/*        width:100%;*/
/*        border-radius:15px;*/
/*        margin-left:30px;*/
/*    }*/


/*    .about-content h2{*/
/*        font-size:25px;*/
/*        line-height:1.3;*/
/*    }*/


/*    .about-content p{*/
/*        font-size:14px;*/
/*        line-height:1.7;*/
/*    }*/


/*    .section-tag{*/
/*        font-size:14px;*/
/*    }*/


/*    .about-btn{*/
/*        padding:11px 22px;*/
/*        font-size:14px;*/
/*    }*/

/*}*/
/* =====================================================
   STATS SECTION
===================================================== */
/*.stats-section {*/
/*    margin-top: 20px;*/
/*    position: relative;*/
/*    z-index: 2;*/
/*}*/

/*.stats-container {*/
/*    max-width: 1400px;*/
/*    margin: auto;*/
/*    background: #fff;*/
/*    display: grid;*/
/*    grid-template-columns: repeat(5, 1fr);*/
/*    gap: 20px;*/
/*    padding: 20px;*/
/*    box-shadow: 0 15px 40px rgba(0,0,0,0.1);*/
/*}*/

/*.stat-box {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 10px;*/
/*    padding: 10px;*/
/*    border: 2px solid #e6e6e6;*/
/*}*/

/*.stat-box i {*/
/*    font-size: 45px;*/
/*    color: #fbb031;*/
/*}*/

/*.stat-text h2 {*/
/*    font-size: 36px;*/
/*    margin: 0;*/
/*}*/

/* Responsive Stats */
/*@media (max-width: 992px) {*/
/*    .stats-container {*/
/*        grid-template-columns: repeat(2, 1fr);*/
/*    }*/
/*}*/

/*@media (max-width: 576px) {*/
/*    .stats-container {*/
/*        grid-template-columns: 1fr;*/
/*    }*/
/*}*/

/* =====================================================
   GLOBAL FOOTPRINT
===================================================== */

/*    .global-footprint {*/
/*        padding: 110px 20px;*/
/*        background: #f4f6f9;*/
/*        font-family: 'Roboto', Arial, sans-serif;*/
/*    }*/

/*    .footprint-container {*/
/*        max-width: 1200px;*/
/*        margin: auto;*/
/*        display: grid;*/
/*        grid-template-columns: 1.2fr 1fr;*/
/*        gap: 40px;*/
/*        align-items: center;*/
/*    }*/

    /* Left Content */
/*    .footprint-content h2 {*/
/*        font-size: 36px;*/
/*        font-weight: 700;*/
/*        color: #fbb031;*/
/*    }*/

/*    .accent-line {*/
/*        width: 90px;*/
/*        height: 4px;*/

/*        margin: 15px 0 30px;*/
/*    }*/

/*    .footprint-content p {*/
/*        font-size: 16px;*/
/*        color: #444;*/
/*        line-height: 1.8;*/
/*        max-width: 520px;*/
/*    }*/

    /* Stats */
/*    .footprint-stats {*/
/*        display: grid;*/
/*        grid-template-columns: repeat(3, 1fr);*/
/*        gap: 25px;*/
/*    }*/

/*    .footprint-box {*/
/*        background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);*/
/*        border: 2px solid #e0e4ea;*/
/*        padding: 45px 20px;*/
/*        text-align: center;*/
/*    }*/

/*    .footprint-box h3 {*/
/*        font-size: 40px;*/
/*        font-weight: 800;*/
/*        color: #093eb6;*/
/*    }*/

/*    .footprint-box span {*/
/*        display: block;*/
/*        margin-top: 12px;*/
/*        font-size: 14px;*/
/*        letter-spacing: 1px;*/
/*        color: #555;*/
/*        text-transform: uppercase;*/
/*    }*/

/*    .footprint-box.highlight {*/
/*        border-color: #fbb031;*/
/*        background: #fffbea;*/
/*    }*/

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

/*    .global-footprint {*/
/*        padding: 60px 15px;*/
/*    }*/

/*    .footprint-container {*/
/*        grid-template-columns: 1fr;*/
/*        gap: 40px;*/
/*        text-align: center;*/
/*    }*/

/*    .footprint-content h2 {*/
/*        font-size: 28px;*/
/*    }*/

/*    .accent-line {*/
/*        margin: 15px auto 25px;*/
/*    }*/

/*    .footprint-content p {*/
/*        font-size: 15px;*/
/*        max-width: 100%;*/
/*        margin: auto;*/
/*    }*/

/*    .footprint-stats {*/
        grid-template-columns: 1fr;   /* 🔴 stack stats */
/*        gap: 20px;*/
/*    }*/

/*    .footprint-box {*/
/*        padding: 30px 15px;*/
/*    }*/

/*    .footprint-box h3 {*/
/*        font-size: 32px;*/
/*    }*/
/*}*/


/* =====================================================
   MISSION & VISION
===================================================== */
/* .mission-vision-section {*/
/*        position: relative;*/
/*        padding: 80px 20px;*/
/*        background-image: url("../images/DSC07406(1).jpeg");*/
/*        background-size: cover;*/
/*        background-position: center;*/
/*        background-repeat: no-repeat;*/
/*        background-attachment: fixed;*/
/*        color: #fff;*/
/*        margin-bottom: 40px;*/
/*    }*/

/*    .mission-vision-section .overlay {*/
/*        position: absolute;*/
/*        inset: 0;*/
/*         background: rgba(0, 0, 0, 0.3); */
/*        z-index: 1;*/
/*    }*/

/*    .mv-container {*/
/*        position: relative;*/
/*        z-index: 2;*/
        /* ensure content is above overlay */
/*        display: flex;*/
/*        gap: 30px;*/
/*        max-width: 1200px;*/
/*        margin: auto;*/
/*        flex-wrap: wrap;*/
/*    }*/

    /* Card style */
/*    .mv-box {*/
/*        flex: 1 1 48%;*/
/*        background:#fff;*/
        /* slight transparency to show bg */
/*        border-radius: 12px;*/
/*        padding: 40px 30px;*/
/*        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);*/
/*        transition: transform 0.3s ease, box-shadow 0.3s ease;*/
/*    }*/

/*    .mv-box:hover {*/
/*        transform: translateY(-5px);*/
/*        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);*/
/*    }*/

    /* Headings */
/*    .mv-box h2 {*/
/*        font-size: 28px;*/
/*        font-weight: 700;*/
/*        margin-bottom: 20px;*/
/*        color: #1e3c72;*/
/*        position: relative;*/
/*    }*/

/*    .mv-box h2::after {*/
/*        content: '';*/
/*        display: block;*/
/*        width: 50px;*/
/*        height: 3px;*/
/*        background-color: #fbb031;*/
/*        margin-top: 10px;*/
/*        border-radius: 3px;*/
/*    }*/

    /* Paragraphs */
/*    .mv-box p {*/
/*        font-size: 16px;*/
/*        line-height: 1.8;*/
/*        color: #070707;*/
/*    }*/
/* .mission-bullets {*/
/*    list-style: none;*/
/*    padding-left: 0;*/
/*    margin-top: 20px;*/
/*}*/

/*.mission-bullets li {*/
/*    position: relative;*/
/*    padding-left: 28px;*/
/*    margin-bottom: 14px;*/
/*    font-size: 16px;*/
/*    line-height: 1.7;*/
/*    color: #070707;*/
/*}*/

/* Custom Bullet */
/*.mission-bullets li::before {*/
/*    content: "✔";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 2px;*/
/*    color: #fbb031;*/
/*    font-weight: 700;*/
/*}*/
/* =====================================================
   INDUSTRIAL WHY SECTION (FIXED OVERFLOW)
===================================================== */

 /* Fluid container, full width */
/*    .container-fluid {*/
/*        width: 100%;*/
/*        flex-wrap: wrap;*/
/*        margin: 60px auto;*/
/*        padding: 0 10px;*/
/*        display: flex;*/
/*        align-items: center;*/
/*        gap: 60px;*/

/*    }*/

    /* Left content (text) */
/*    .left-content {*/
/*        flex: 1 1 48%;*/
/*        max-width: 900px;*/
/*        padding-left: 80px;*/
/*    }*/

    /* Right image */
/*    .right-image {*/
/*        flex: 0 0 35%;*/
/*        margin-left: auto;*/
        /* pushes it to the far right */
/*        position: relative;*/
/*        background: #fbb031;*/
/*        display: flex;*/
/*        justify-content: center;*/
/*        align-items: center;*/
/*        padding: 50px 50px 50px 0;*/
/*        border-radius: 80px 0 0 80px;*/
/*        overflow: visible;*/
/*    }*/


/*    .right-image img {*/
/*        max-width: 80%;*/
/*        height: auto;*/
/*        position: relative;*/
/*        z-index: 2;*/
/*        border-radius: 10px;*/
/*        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);*/
/*        transform: translateY(5%);*/
/*    }*/

    /* Subheading above title */
/*    .subheading {*/
        /* border-bottom: 3px solid #299ce7; */
/*        color: #299ce7;*/
/*        font-weight: 700;*/
/*        letter-spacing: 2px;*/
/*        text-transform: uppercase;*/
/*        font-size: 17px;*/
/*        margin-bottom: 10px;*/
/*        border-bottom: 3px solid #fbb031;*/
/*        display: inline-block;*/
/*        padding-bottom: 2px;*/
/*    }*/

    /* Main heading */
/*    .left-content h2 {*/
/*        font-size: 2.5rem;*/
/*        font-weight: 700;*/
/*        margin-bottom: 40px;*/
/*        color: #000;*/
/*    }*/

    /* Features grid */
/*    .industrial-features {*/
/*        display: grid;*/
/*        grid-template-columns: repeat(2, 1fr);*/
/*        gap: 40px 60px;*/
/*    }*/

    /* Each feature */
/*    .industrial-feature {*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        align-items: flex-start;*/
/*        gap: 15px;*/
/*    }*/

    /* Icon style */
/*    .industrial-feature .icon {*/
/*        font-size: 36px;*/
/*        color: #f15a24;*/
/*        margin-bottom: 10px;*/
/*    }*/

    /* Feature heading */
/*    .industrial-feature h4 {*/
/*        font-size: 1.25rem;*/
/*        font-weight: 700;*/
/*        margin-bottom: 6px;*/
/*        text-transform: uppercase;*/
/*        color: #333;*/
/*    }*/

    /* Feature description */
/*    .industrial-feature p {*/
/*        font-size: 1rem;*/
/*        color: #555;*/
/*        line-height: 1.5;*/
/*    }*/

/*    .industrial-why {*/
/*        position: relative;*/
/*        width: 100%;*/
/*        padding: 30px 0;*/
        /* adjust top/bottom spacing */
/*        background-image: url("{% static 'images/footprint.webp' %}");*/
        /* your background image */
/*        background-size: cover;*/
        /* make it cover the whole section */
/*        background-position: center;*/
        /* center the image */
/*        background-repeat: no-repeat;*/
        /* prevent repeating */
/*        z-index: 1;*/
/*    }*/

    /* Optional: add overlay for better readability */
/*    .industrial-why::before {*/
/*        content: "";*/
/*        position: absolute;*/
/*        top: 0;*/
/*        left: 0;*/
/*        width: 100%;*/
/*        height: 100%;*/
/*        background: rgba(247, 242, 242, 0.5);*/
        /* white overlay, adjust opacity */
/*        z-index: 0;*/
/*    }*/

    /* Make sure content appears above overlay */
/*    .industrial-why .container-fluid {*/
/*        position: relative;*/
/*        z-index: 1;*/
/*    }*/

    /* Responsive */
/*    @media (max-width: 900px) {*/
/*        .container-fluid {*/
/*            flex-direction: column;*/
/*        }*/

/*        .industrial-features {*/
/*            grid-template-columns: 1fr;*/
/*            gap: 30px 0;*/
/*        }*/

/*        .left-content  {*/
/*        padding:0;*/
/*        }*/
/*        .left-content h2 {*/
/*            font-size: 2.4rem;*/
/*        }*/

/*        .right-image {*/
/*            flex: 1 1 50%;*/
/*            border-radius: 30px;*/
/*            padding: 30px 0px;*/
/*        }*/

/*        .right-image img {*/
/*            max-width: 80%;*/
/*            transform: translateY(0);*/
/*        }*/
/*    }*/
   
/*   .swiper-slide {*/
  overflow: hidden;   /* prevents image overflow */
/*  border-radius: 10px;*/
/*}*/

/*.swiper-slide img {*/
/*  transition: transform 0.4s ease;*/
/*}*/

/*.swiper-slide:hover img {*/
/*  transform: scale(1.08);*/
/*}*/
   /* ================= NEWS & GALLERY ================= */
/*.heading-title h1 {*/
/*    text-align: center;*/
/*    margin-bottom: 30px;*/
/*}*/

/* Gallery images */
/*.gallery-card {*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*  border-radius: 12px;*/
/*  cursor: pointer;*/
/*  transition: transform 0.4s ease, box-shadow 0.4s ease;*/
/*}*/

/*.gallery-img {*/
/*  width: 100%;*/
/*  display: block;*/
/*  transition: transform 0.5s ease;*/
/*}*/

/* Overlay */
/*.gallery-overlay {*/
/*  position: absolute;*/
/*  inset: 0;*/
/*  background: linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0.2));*/
/*  display: flex;*/
/*  align-items: flex-end;*/
/*  justify-content: center;*/
/*  padding-bottom: 20px;*/

/*  opacity: 0;*/
/*  transform: translateY(20px);*/
/*  transition: all 0.4s ease;*/
/*}*/

/*.gallery-overlay h5 {*/
/*  color: #fff;*/
/*  margin: 0;*/
/*  font-weight: 600;*/
/*  letter-spacing: 0.5px;*/
/*}*/

/* Hover Effects */
/*.gallery-card:hover {*/
/*  transform: translateY(-8px);*/
/*  box-shadow: 0 15px 30px rgba(0,0,0,0.2);*/
/*}*/

/*.gallery-card:hover .gallery-img {*/
/*  transform: scale(1.1);*/
/*}*/

/*.gallery-card:hover .gallery-overlay {*/
/*  opacity: 1;*/
/*  transform: translateY(0);*/
/*}*/

/* Mobile spacing */
/*@media (max-width: 576px) {*/
/*    .heading-title h1 {*/
/*        font-size: 24px;*/
/*    }*/
/*    .gallery-img {*/
/*        padding:10px;*/
/*    }*/

/*    .heading-title h5 {*/
/*        font-size: 16px;*/
/*    }*/
/*}*/
/* Initial hidden state */
/*.animate-left,*/
/*.animate-right,*/
/*.animate-bottom {*/
/*  opacity: 0;*/
/*  transition: all 0.9s ease;*/
/*}*/

/* Directions */
/*.animate-left {*/
/*  transform: translateX(-80px);*/
/*}*/

/*.animate-right {*/
/*  transform: translateX(80px);*/
/*}*/

/*.animate-bottom {*/
/*  transform: translateY(80px);*/
/*}*/

/* When visible */
/*.animate-show {*/
/*  opacity: 1;*/
/*  transform: translate(0, 0);*/
/*}*/

/* Mobile optimization */
/*@media (max-width: 768px) {*/
/*  .animate-left,*/
/*  .animate-right,*/
/*  .animate-bottom {*/
/*    transform: translateY(40px);*/
/*  }*/
/*}*/
/* =====================================================
   REVIEW SECTION
===================================================== */
/* ================= REVIEWS ================= */
/* ================= REVIEWS ================= */

/*.review-section{*/
/*padding:60px 100px;*/
/*background:#f8f9fb;*/
/*text-align:center;*/
/*}*/

/*.review-section h1{*/
/*font-size:28px;*/
/*margin-bottom:30px;*/
/*}*/

/*.reviewSwiper{*/
/*padding:20px;*/
/*}*/

/*.review-card{*/
/*background:#fff;*/
/*padding:10px;*/
/*border-radius:15px;*/
/*box-shadow:0 8px 20px rgba(0,0,0,0.08);*/
/*height:200px;*/
/*  flex: 0 0 85%;*/

/*}*/

/*.review-card .name{*/
/*font-size:18px;*/
/*font-weight:600;*/
/*color:#1e3c72;*/
/*margin-bottom:10px;*/
/*}*/

/*.review-card .stars{*/
/*color:#fbb031;*/
/*font-size:20px;*/
/*margin-bottom:10px;*/
/*}*/

/*.review-card p{*/
/*font-size:14px;*/
/*color:#555;*/
/*line-height:1.6;*/
/*}*/
/* ================= REVIEWS ================= */
/*.review-section {*/
/*  padding: 40px 0;*/
/*    overflow-x:auto;*/
/*  background: #f8f9fb;*/
/*}*/

/*.review-section h1 {*/
/*  text-align: center;*/
/*  font-size: 22px;*/
/*  margin-bottom: 20px;*/
/*}*/

/* Wrapper */
/*.review-wrapper {*/
/*  display: flex;*/
/*  gap: 16px;*/
/*  overflow-x: auto;*/
/*  padding: 0 16px 20px;*/
/*  scroll-snap-type: x mandatory;*/
/*  -webkit-overflow-scrolling: touch;*/
/*}*/

/* Card */
/*.review-card {*/
/*  flex: 0 0 85%;*/
/*  background: #fff;*/
/*  border-radius: 18px;*/
/*  padding: 20px;*/
/*  text-align: center;*/
/*  scroll-snap-align: center;*/
/*  box-shadow: 0 10px 24px rgba(0,0,0,0.08);*/
/*}*/

/* Avatar */
/*.avatar {*/
/*  width: 56px;*/
/*  height: 56px;*/
/*  border-radius: 50%;*/
  margin: 0 auto 12px;   /* centers the avatar block */
/*  border: 2px solid #1e3c72;*/

  display: flex;         /* enables centering */
  align-items: center;   /* vertical center */
  justify-content: center; /* horizontal center */

  background: #f5f7fa;   /* optional light background */
/*}*/
/* Name */
/*.name {*/
/*  font-size: 15px;*/
/*  font-weight: 600;*/
/*  color: #1e3c72;*/
/*  margin-bottom: 6px;*/
/*}*/

/* Stars */
/*.stars {*/
/*  font-size: 18px;*/
/*  color: #fbb031;*/
/*  margin-bottom: 10px;*/
/*}*/

/* Review text */
/*.review-text {*/
/*  font-size: 14px;*/
/*  line-height: 1.6;*/
/*  color: #555;*/
/*}*/

/* Hide scrollbar */
/*.review-wrapper::-webkit-scrollbar {*/
/*  display: none;*/
/*}*/

/* ================= TABLET ================= */
/*@media (min-width: 576px) {*/
/*  .review-card {*/
/*    flex: 0 0 30%;*/
/*  }*/
/*}*/

/* ================= DESKTOP ================= */
/*@media (min-width: 992px) {*/
/*  .review-wrapper {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(4, 1fr);*/
/*    gap: 24px;*/
/*    padding: 0 40px;*/
/*    overflow: hidden;*/
/*  }*/

/*  .review-card {*/
/*    flex: unset;*/
/*  }*/

/*  .review-section h1 {*/
/*    font-size: 28px;*/
/*  }*/
/*}*/


/* =====================================================
   GLOBAL SAFETY (CRITICAL)
===================================================== */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
}

section {
    overflow-x: hidden;
}

/*img {*/
/*    max-width: 100%;*/
/*    height: auto;*/
/*    display: block;*/
/*}*/

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

/*.hero-slider {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    height: clamp(320px, 65vh, 750px);*/
/*    overflow: hidden;*/
/*}*/

/*.slide {*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-size: cover;*/
/*    background-position: center center;*/
/*    background-repeat: no-repeat;*/
/*    opacity: 0;*/
/*    transition: opacity 0.8s ease-in-out;*/
/*}*/

/*.slide.active {*/
/*    opacity: 1;*/
/*    z-index: 1;*/
/*}*/

/*.overlay {*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    background: rgba(0,0,0,.35);*/
/*    z-index: 2;*/
/*}*/

/*.hero-content {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    width: min(90%, 900px);*/
/*    text-align: center;*/
/*    color: #fff;*/
/*    z-index: 3;*/
/*    padding: 0 15px;*/
/*}*/

/*.hero-content h1 {*/
/*    font-size: clamp(2rem, 5vw, 3.8rem);*/
/*    line-height: 1.2;*/
/*    margin-bottom: 18px;*/
/*}*/

/*.hero-content p {*/
/*    font-size: clamp(1rem, 2vw, 1.3rem);*/
/*    line-height: 1.7;*/
/*    margin-bottom: 25px;*/
/*}*/

/* Large Desktop */
/*@media (min-width:1600px){*/
/*    .hero-slider{ height:75vh; }*/
/*}*/

/* Laptop */
/*@media (max-width:1200px){*/
/*    .hero-slider{ height:60vh; }*/
/*}*/

/* Tablet */
/*@media (max-width:992px){*/
/*    .hero-slider{ height:50vh; }*/
/*}*/

/* Mobile Landscape */
/*@media (max-width:768px){*/
/*    .hero-slider{ height:45vh; }*/
/*    .slide{ background-position:center; }*/
/*}*/

/* Mobile Portrait */
/*@media (max-width:576px){*/
/*    html, body{ overflow-x:hidden; }*/
/*    .hero-slider{ height:38vh; min-height:240px; }*/
/*    .hero-content{ width:92%; padding:0 10px; }*/
/*    .hero-content h1{ margin-bottom:12px; }*/
/*    .hero-content p{ line-height:1.5; }*/
/*}*/

/* Small Phones */
/*@media (max-width:400px){*/
/*    .hero-slider{ height:32vh; min-height:200px; }*/
/*}*/
/* ===========================
   HERO SLIDER
=========================== */

.hero-slider{
    position:relative;
    width:100%;
    height:70vh;
    min-height:280px;
    max-height:750px;
    overflow:hidden;
}

.slide{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    opacity:0;
    transition:opacity .8s ease-in-out;
}

.slide.active{
    opacity:1;
    z-index:1;
}

.overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.35);
    z-index:2;
}

.hero-content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:min(90%,900px);
    text-align:center;
    color:#fff;
    z-index:3;
    padding:0 20px;
}

.hero-content h1{
    font-size:clamp(2rem,5vw,4rem);
    font-weight:700;
    line-height:1.2;
    margin-bottom:18px;
}

.hero-content p{
    font-size:clamp(1rem,2vw,1.3rem);
    line-height:1.7;
    margin-bottom:25px;
}

/* ===========================
   Large Desktop
=========================== */

@media (min-width:1600px){

    .hero-slider{
        height:75vh;
    }

    .hero-content{
        max-width:1000px;
    }

}

/* ===========================
   Desktop
=========================== */

/*@media (max-width:1200px){*/

/*    .hero-slider{*/
/*        height:65vh;*/
/*    }*/

/*}*/

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

@media (max-width:992px){

    /*.hero-slider{*/
    /*    height:55vh;*/
    /*}*/

    .hero-content{
        width:92%;
    }

    .hero-content h1{
        font-size:clamp(2rem,5vw,3.2rem);
    }

    .hero-content p{
        font-size:1rem;
    }

}

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

@media (max-width:768px){

    /*.hero-slider{*/
    /*    height:auto;*/
   
    /*}*/

    .slide{
        background-position:center center;
    }

    .hero-content{
        width:94%;
        padding:0 15px;
    }

    .hero-content h1{
        font-size:2rem;
        margin-bottom:12px;
    }

    .hero-content p{
        font-size:15px;
        line-height:1.6;
        margin-bottom:18px;
    }

}

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

@media (max-width:576px){

    /*.hero-slider{*/
    /*    height:42vh;*/
    /*    min-height:220px;*/
    /*}*/

    .hero-content{
        width:95%;
    }

    .hero-content h1{
        font-size:1.7rem;
        line-height:1.3;
    }

    .hero-content p{
        font-size:14px;
        line-height:1.5;
    }

}

/* ===========================
   Small Phones
=========================== */

@media (max-width:400px){

/*    .hero-slider{*/
/*        height:20vh;*/
/*        min-height:600px;*/
/*    }*/
/*.slide{*/
/*    position:absolute;*/
/*    inset:0;*/
/*    width:100%;*/
/*    height:100%;*/
/*    background-size:cover;*/
/*    background-position:center;*/
/*    background-repeat:no-repeat;*/
/*    opacity:0;*/
/*    transition:opacity .8s ease-in-out;*/
/*}*/

    .hero-content h1{
        font-size:1.5rem;
    }

    .hero-content p{
        font-size:13px;
    }

}

@media (max-width: 900px) {
    .hero-slider {
        height: 500px;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .hero-slider {
        height: 400px;
    }

    .slide img {
        object-fit: cover;
        object-position: center;
    }
}

/* Small phones */
@media (max-width: 380px) {
    .hero-slider {
        height: 320px;
    }
}
/* =====================================================
   ABOUT SECTION
===================================================== */
.home-about {
    padding: 100px 20px;
    background-color: #f8f9f6;
}

.about-container {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}

/* Image */
.about-image img {
    width: 80%;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    margin-left: 30px;
}

/* Content */
.about-content .section-tag {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #1e3c72;
    margin-bottom: 10px;
    border-bottom: 3px solid #fbb031;
    letter-spacing: 1px;
}

.about-content h2 {
    font-size: clamp(22px, 3vw, 30px);
    margin-bottom: 20px;
    font-weight: 700;
    color: #299ce7;
}

.about-content p {
    font-size: 16px;
    line-height: 1.7;
    color: #000;
    margin-bottom: 15px;
    text-align: justify;
}

.about-btn {
    display: inline-flex;
    text-decoration: none;
    font-weight: 600;
    font-family: Arial, sans-serif;
    font-size: 14px;
    height: 40px;
    border-color: #1736f0;
    border: none;
    cursor: pointer;
    user-select: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    transition: background-color 0.3s ease;
}

.btn-arrow {
    background-color: #1736f0;
    color: white;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
}

.btn-text {
    background-color: white;
    color: black;
    padding: 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 1px;
}

.about-btn:hover .btn-arrow { background-color: #1e3c72; }
.about-btn:hover .btn-text { background-color: #f9f9f9; }

/* Tablet */
@media (max-width: 992px) {
    .home-about { padding: 70px 20px; }
    .about-container { gap: 35px; }
}

/* Small Tablet / Large Phone */
@media (max-width: 900px) {
    .about-container {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .about-image img { margin-left: 0; }
}

/* Mobile */
@media (max-width: 768px) {
    .home-about { padding: 50px 16px; }
    .about-image img { margin-left: 0; width: 90%; }
}

/* Small Mobile */
@media (max-width: 480px) {
    .about-container { gap: 10px; }
    .about-image img {
        width: 100%;
        border-radius: 15px;
        margin-left: 0;
    }
    .about-content h2 { line-height: 1.3; }
    .about-content p { font-size: 14px; line-height: 1.7; }
    .section-tag { font-size: 14px; }
    .about-btn { font-size: 14px; }
}

/* =====================================================
   STATS SECTION
===================================================== */
.stats-section {
    margin-top: 20px;
    position: relative;
    z-index: 2;
    padding: 0 20px;
}

.stats-container {
    max-width: 1400px;
    margin: auto;
    background: #fff;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    padding: 20px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}

.stat-box {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 2px solid #e6e6e6;
}

.stat-box i {
    font-size: clamp(28px, 4vw, 45px);
    color: #fbb031;
}

.stat-text h2 {
    font-size: clamp(22px, 4vw, 36px);
    margin: 0;
}

.stat-text p {
    font-size: clamp(12px, 1.5vw, 15px);
    margin: 0;
}

/* Responsive Stats */
@media (max-width: 1200px) {
    .stats-container { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 992px) {
    .stats-container { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 576px) {
    .stats-section { padding: 0 12px; }
    .stats-container {
        grid-template-columns: 1fr;
        padding: 14px;
        gap: 14px;
    }
    .stat-box { padding: 14px; }
}

/* =====================================================
   GLOBAL FOOTPRINT
===================================================== */
.global-footprint {
    padding: 110px 20px;
    background: #f4f6f9;
    font-family: 'Roboto', Arial, sans-serif;
}

.footprint-container {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 40px;
    align-items: center;
}

.footprint-content h2 {
    font-size: clamp(26px, 3.5vw, 36px);
    font-weight: 700;
    color: #fbb031;
}

.accent-line {
    width: 90px;
    height: 4px;
    margin: 15px 0 30px;
}

.footprint-content p {
    font-size: 16px;
    color: #444;
    line-height: 1.8;
    max-width: 520px;
}

.footprint-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.footprint-box {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    border: 2px solid #e0e4ea;
    padding: 45px 20px;
    text-align: center;
}

.footprint-box h3 {
    font-size: clamp(28px, 3.5vw, 40px);
    font-weight: 800;
    color: #093eb6;
}

.footprint-box span {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #555;
    text-transform: uppercase;
}

.footprint-box.highlight {
    border-color: #fbb031;
    background: #fffbea;
}

/* Tablet */
@media (max-width: 992px) {
    .global-footprint { padding: 80px 20px; }
    .footprint-container { grid-template-columns: 1fr; gap: 40px; text-align: center; }
    .footprint-content p { margin: auto; }
}

/* Mobile */
@media (max-width: 768px) {
    .global-footprint { padding: 60px 15px; }
    .footprint-container { grid-template-columns: 1fr; gap: 40px; text-align: center; }
    .accent-line { margin: 15px auto 25px; }
    .footprint-content p { font-size: 15px; max-width: 100%; margin: auto; }
    .footprint-stats { grid-template-columns: 1fr; gap: 20px; }
    .footprint-box { padding: 30px 15px; }
}

@media (max-width: 400px) {
    .global-footprint { padding: 45px 12px; }
}

/* =====================================================
   MISSION & VISION
===================================================== */
.mission-vision-section {
    position: relative;
    padding: 80px 20px;
    background-image: url("../images/DSC07406(1).jpeg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #fff;
    margin-bottom: 40px;
}

.mission-vision-section .overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.mv-container {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 30px;
    max-width: 1200px;
    margin: auto;
    flex-wrap: wrap;
}

.mv-box {
    flex: 1 1 48%;
    background: #fff;
    border-radius: 12px;
    padding: 40px 30px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mv-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}

.mv-box h2 {
    font-size: clamp(22px, 3vw, 28px);
    font-weight: 700;
    margin-bottom: 20px;
    color: #1e3c72;
    position: relative;
}

.mv-box h2::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background-color: #fbb031;
    margin-top: 10px;
    border-radius: 3px;
}

.mv-box p {
    font-size: 16px;
    line-height: 1.8;
    color: #070707;
}

.mission-bullets {
    list-style: none;
    padding-left: 0;
    margin-top: 20px;
}

.mission-bullets li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 1.7;
    color: #070707;
}

.mission-bullets li::before {
    content: "\2714";
    position: absolute;
    left: 0;
    top: 2px;
    color: #fbb031;
    font-weight: 700;
}

/* Tablet */
@media (max-width: 992px) {
    .mv-box { flex: 1 1 100%; }
}

/* Mobile: disable fixed background (causes issues on iOS/Android) and shrink padding */
@media (max-width: 768px) {
    .mission-vision-section {
        padding: 50px 16px;
        background-attachment: scroll;
    }
    .mv-container { gap: 20px; }
    .mv-box { padding: 28px 20px; }
}

@media (max-width: 480px) {
    .mission-vision-section { padding: 40px 12px; }
    .mv-box p, .mission-bullets li { font-size: 14px; }
}

/* =====================================================
   INDUSTRIAL WHY SECTION
===================================================== */
.container-fluid {
    width: 100%;
    flex-wrap: wrap;
    margin: 60px auto;
    padding: 0 10px;
    display: flex;
    align-items: center;
    gap: 60px;
}

.left-content {
    flex: 1 1 48%;
    max-width: 900px;
    padding-left: 80px;
}

.right-image {
    flex: 0 0 35%;
    margin-left: auto;
    position: relative;
    background: #fbb031;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 50px 50px 0;
    border-radius: 80px 0 0 80px;
    overflow: visible;
}

.right-image img {
    max-width: 80%;
    height: auto;
    position: relative;
    z-index: 2;
    border-radius: 10px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
    transform: translateY(5%);
}

.subheading {
    color: #299ce7;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 17px;
    margin-bottom: 10px;
    border-bottom: 3px solid #fbb031;
    display: inline-block;
    padding-bottom: 2px;
}

.left-content h2 {
    font-size: clamp(1.8rem, 3.5vw, 2.5rem);
    font-weight: 700;
    margin-bottom: 40px;
    color: #000;
}

.industrial-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 60px;
}

.industrial-feature {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

.industrial-feature .icon {
    font-size: 36px;
    color: #f15a24;
    margin-bottom: 10px;
}

.industrial-feature h4 {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 6px;
    text-transform: uppercase;
    color: #333;
}

.industrial-feature p {
    font-size: 1rem;
    color: #555;
    line-height: 1.5;
}

.industrial-why {
    position: relative;
    width: 100%;
    padding: 30px 0;
    background-image: url("{% static 'images/footprint.webp' %}");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.industrial-why::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(247, 242, 242, 0.5);
    z-index: 0;
}

.industrial-why .container-fluid {
    position: relative;
    z-index: 1;
}

/* Tablet */
@media (max-width: 992px) {
    .left-content { padding-left: 30px; }
}

/* Small Tablet / Large Phone */
@media (max-width: 900px) {
    .container-fluid { flex-direction: column; margin: 40px auto; }
    .industrial-features { grid-template-columns: 1fr; gap: 30px 0; }
    .left-content { padding: 0; }
    .right-image {
        flex: 1 1 auto;
        width: 100%;
        border-radius: 30px;
        padding: 30px 20px;
    }
    .right-image img { max-width: 80%; transform: translateY(0); }
}

/* Mobile */
@media (max-width: 768px) {
    .container-fluid { padding: 0 16px; gap: 30px; }
    .left-content h2 { margin-bottom: 25px; }
    .industrial-features { gap: 25px 0; }
}

/* Small Mobile */
@media (max-width: 480px) {
    .right-image { border-radius: 20px; padding: 20px 15px; }
    .right-image img { max-width: 100%; }
    .industrial-feature h4 { font-size: 1rem; }
    .industrial-feature p { font-size: 0.9rem; }
}

/* =====================================================
   IMAGE SWIPER
===================================================== */
.swiper-slide {
    overflow: hidden;
    border-radius: 10px;
}

.swiper-slide img {
    transition: transform 0.4s ease;
}

.swiper-slide:hover img {
    transform: scale(1.08);
}

/* =====================================================
   NEWS & GALLERY
===================================================== */
.heading-title h1 {
    text-align: center;
    margin-bottom: 30px;
    font-size: clamp(22px, 4vw, 32px);
}

.gallery-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.gallery-img {
    width: 100%;
    display: block;
    transition: transform 0.5s ease;
}

.gallery-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0.2));
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 20px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
}

.gallery-overlay h5 {
    color: #fff;
    margin: 0;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: clamp(14px, 2vw, 18px);
    padding: 0 10px;
    text-align: center;
}

.gallery-card:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(0,0,0,0.2); }
.gallery-card:hover .gallery-img { transform: scale(1.1); }
.gallery-card:hover .gallery-overlay { opacity: 1; transform: translateY(0); }

/* Touch devices (no hover) - always show overlay title so mobile users see it */
@media (hover: none) {
    .gallery-overlay { opacity: 1; transform: translateY(0); background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.05)); }
}

@media (max-width: 576px) {
    .heading-title h1 { font-size: 22px; }
    .gallery-img { padding: 0; }
}

/* Animations */
.animate-left, .animate-right, .animate-bottom {
    opacity: 0;
    transition: all 0.9s ease;
}
.animate-left { transform: translateX(-80px); }
.animate-right { transform: translateX(80px); }
.animate-bottom { transform: translateY(80px); }
.animate-show { opacity: 1; transform: translate(0, 0); }

@media (max-width: 768px) {
    .animate-left, .animate-right, .animate-bottom { transform: translateY(40px); }
}

/* =====================================================
   REVIEW SECTION
===================================================== */
.review-section {
    padding: 60px 100px;
    background: #f8f9fb;
    text-align: center;
}

.review-section h1 {
    font-size: clamp(22px, 3vw, 28px);
    margin-bottom: 30px;
}

.reviewSwiper {
    padding: 20px;
}

.review-card {
    background: #fff;
    padding: 16px;
    border-radius: 15px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    min-height: 200px;
    height: auto;
    flex: 0 0 85%;
}

.review-card .avatar {
    margin: 0 auto 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.review-card .name {
    font-size: 18px;
    font-weight: 600;
    color: #1e3c72;
    margin-bottom: 10px;
}

.review-card .stars {
    color: #fbb031;
    font-size: 20px;
    margin-bottom: 10px;
}

.review-card p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

/* Tablet */
@media (max-width: 992px) {
    .review-section { padding: 50px 40px; }
}

/* Mobile */
@media (max-width: 768px) {
    .review-section { padding: 40px 16px; }
    .review-card { padding: 14px; }
}

/* Small Mobile */
@media (max-width: 480px) {
    .review-section { padding: 30px 10px; }
    .review-section h1 { font-size: 20px; margin-bottom: 20px; }
    .review-card .name { font-size: 16px; }
    .review-card .stars { font-size: 16px; }
    .review-card p { font-size: 13px; }
}