.ls15{letter-spacing: 10px;}
body,section{overflow-x: hidden;}
.max-sp{max-width: 60ch;}
.py-sts{  padding-bottom: 46px;}
.cl1A1818B2{color:  #1A1818B2; }
.cl1A1818{color:  #1A1818 !important; }
.container-fluid{max-width: 1890px; margin: auto;}
.lh-1-2{line-height: 1.2;}
.w-168{ width: 210px;}
.imgcd {
    position: relative;
    z-index: 1;
}
.imgcd img{position: relative; top: 25px; z-index: 1;}
/* .imgcd::after{
content: url("../assets/images/bnrgrid.png");
position: absolute;
top: 0px;
right: 30px;
height: 100%;

}  */
  .underline-none{text-decoration: none !important;}
.redafter{
  overflow: hidden;
    padding-bottom: 35px;
}

.pt-70{padding-top: clamp(40px, 6vw, 70px);
    padding-bottom: clamp(30px, 6vw, 40px);}
    .mxats{max-width: 21ch;}
    .gap-3{gap: 1rem;}


    /* section2 */
    .highlightrd {
        color: #DE0539; /* Highlighted red text */
      }
      .stat-number {
        color: #DE0539;
      }
      .stat-text {
        color: #333;
      }
      .divider {
        border-bottom: 1px solid #ddd;
        margin: 20px 0;
      }
      .py-88{padding-block: clamp(70px, 6vw, 88px);}

      /* section3 */

      .cta-button {
        background-color: #DE0539;
        color: #fff;
        padding: 10px 24px;
        border: none;
        text-decoration: none;
        font-size: 1rem;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        transition: background-color 0.3s ease;
      }
      .cta-button svg,.cta-button img {
        margin-left: 10px;
        transition: transform 0.3s ease;
      }
      .cta-button:hover {
       opacity: .9;
        color: #fff;
      }  .cta-button:hover svg ,
      .cta-button:hover img {
        transform: translateX(5px);
      }
      .py-8840{padding-top: clamp(10px, 6vw, 41px);padding-bottom: clamp(70px, 6vw, 88px);}
      .chaat{    max-width: 85ch;
        margin: auto;}
        .lettersp5{    letter-spacing: 5px;}
        .lettersp3{    letter-spacing: 3px;}
        .max-16{max-width: 16ch;}
        .leading1-2{line-height: 1.2;}


        /* section 4 */

        .section-heading {
            text-transform: uppercase;
            margin-bottom: 28px;
          }

          .section-heading .res {
            letter-spacing: 4px;
          }
          .section-heading .reds {
            color: #DE0539;
            letter-spacing: 3px;
          }



          .product-card {
            background: #fff;
            padding: 20px;
            border: none;
            border-radius: 0;
            height: 100%;
          }





          .view-all-btn {
            background-color: #DE0539;
            color: #fff;
            padding: 10px 24px;
            border: none;
            font-size: 1rem;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
          }

          .view-all-btn:hover {
            background-color: #DE0539;
            color: #fff;
          }
          .product-title{
            color: #DE0539;
          }

          .swiper-button-next,
          .swiper-button-prev {
            color: #DE0539;
          }
          .bgbrow {background: #EBE9E4;}
          .py-7252{padding-top: clamp(70px, 6vw, 72px);padding-bottom: clamp(70px, 6vw, 52px);}

.mst{margin-block: 70px;}


.swiper-wrapper {
    margin-right: 0 !important;
    align-items: stretch; /* make all slides same height */
  }

  .swiper-slide {
    width: 250px; /* or your preferred */
    height: 100%;
    display: flex;
  }

  .card {
    height: 100%;
    flex-grow: 1;
  }
  .pointer{cursor: pointer;}
  .top25{top: 25px;}
  .mySwiper{margin-left: 35px;}
  .product-desc{min-height: 43px;}
  .styr{ line-height: 1.3;   max-width: 20ch;}
.bg-bl{background: #1A1818;}
.py-10093{padding-top: clamp(70px, 6vw, 100px);padding-bottom: clamp(70px, 6vw, 93px);}
.pt126{padding-top: clamp(40px, 6vw, 126px) !important;}
.w-fit{width: fit-content;}
.py-120{padding-block: clamp(40px, 70px, 120px);}
.max17{max-width: 18ch;}
.btnwhite{background: white;}
.top5{top: 20px; text-align: right; right: 25px;}
.dtss{width: fit-content;
    margin-left: auto;
    left: -60px;}
.dtss .swiper-pagination-bullet{background: #fcf4f4 !important; opacity: 1; border-radius: 0px !important;}
.dtss .swiper-pagination-bullet-active{background: #DE0539 !important;}
.cardab {
  transition: filter 0.4s ease;
  filter: brightness(0) invert(1);
}
.cardstsa:hover .cardab{
  filter: brightness(1) invert(0);
}



  @media (max-width: 575px) {
    .w285{max-width: 285px;}
    .mySwiper{margin-left: 0px;width: 95%; margin: auto;}
  }


  .pt-140125{padding-top: clamp(40px, 10vw, 140px); padding-bottom: clamp(40px, 10vw, 140px);}
  .imgabt::after {
    content: url(../assets/images/bnrgrid.png);
    position: relative;
    top: 38px;
    right: 30px;
}
.abtbanner{background: url(../assets/images/abtbanner.jpg);background-size: cover;
background-position: center;}
.max18ch{max-width: 18ch;}

.highlight-red {
  color: #DE0539; /* Approx. red tone from image */
}
.headline {
  font-weight: 500;
  font-size: 1.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.subheadline {
  font-weight: 400;
  font-size: 1.25rem;
  letter-spacing: 0.03em;
}
.body-text {
  font-size: 1rem;
  line-height: 1.7;
  color: #333;
}
.max53ch{max-width: 53ch;}
.mt-3671{margin-top: clamp(12px, 6vw, 36px);}
.my-71{margin-block: clamp(12px, 6vw, 71px);}
.mt-51{margin-top: clamp(12px, 6vw, 51px);}
.mb-109{margin-bottom: clamp(50px, 6vw, 109px); margin-top: clamp(50px, 6vw, 51px);}

.section-header {
  color: #fff;
  text-align: center;
  padding-top: 100px ;
  padding-bottom: 44px;
  text-transform: uppercase;
  letter-spacing: 4px;
}
.info-box {

  padding: 30px;
}
.info-title {
  color: #DE0539;
  text-transform: uppercase;
  margin-bottom: 1rem;
  letter-spacing: 1px;
}
.timeline-year {
  display: block;
  margin-top: 1rem;
}
.img-top {
  width: 100%;
  height: auto;
}
.bgrgd{background: url(../assets/images/bgred.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: center;
}


.vision-header {
  padding: 0px 20px 10px;
}
.vision-header h2 {
  letter-spacing: 6px;
  text-transform: uppercase;
}
.vision-header .highlightds {
  color: #DE0539;
}
.vision-text {
  max-width: 78ch;
  margin: 0 auto;
  padding: 0 20px ;
  font-size: 1rem;
  line-height: 1.8;
}
.img-block {
  width: 100%;
  height: auto;
}
.p-74120{padding-block: clamp(70px, 6vw, 137px);}
.ptys{padding-top: clamp(40px, 6vw, 69px);
padding-bottom: clamp(40px, 6vw, 79px);}


.popup-content {
  max-width: 900px;
  border: none;
}
.left-section {
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.right-section {
  background-color: #DE0539;
  color: white;
  padding: 2rem;
}
.right-section .brand {
  font-size: 1.25rem;
  font-weight: bold;
}
.right-section .title {
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.right-section .description {
  font-size: 0.95rem;
}
.btn-arrow {
  background-color: white;
  color: black;
  border: none;
  padding: 0.5rem 1rem;
}
.btn-arrow:hover {
  background-color: #f8f9fa;
}
.hmbanner{background: url(../assets/images/bannergrains.svg) no-repeat;
background-size: contain;
background-position: right center;
padding-block: 30px;}


    .hero-banner {
      background: url('../assets/images/bannerabt.jpg') no-repeat center center/cover;
       padding-block: clamp(40px, 8vw, 100px);
      position: relative;
      color: white;
    }
    .hero-overlayabt::after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.4); /* dark overlay for contrast */
      display: flex;
      align-items: center;
    }
    .hero-text h5 {
      font-size: 15px;
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-bottom: 10px;
    }
    .hero-text h1 {
      line-height: 1.4;
      text-transform: uppercase;
      letter-spacing: 4px;
    }
    .info-section {
      background-color: #efefea;
      padding: 60px 0;
    }

    .info-text h2 span {
      color: #000; /* default black for second line */
    }
    .info-text p {
      color: #333;
      font-size: 1rem;
      margin-top: 15px;
    }
    .info-image img {
      width: 100%;
      height: auto;
    }


    .info-pd {
      padding: 55px 0 25px 0;
    }
    .info-text{background: #EBE9E4; padding: 60px 23px}
    .info-text h2 {
      color: #d21c32;
      max-width: 20ch;
      letter-spacing: 5px;
      text-transform: uppercase;
    }

    .inflt {
      position: relative;
      z-index: 1;}
      .inflt108{width: 110%;}
    .infltimg {width: 106%; }

    .footer-section {
      background-color: #da0034;
      color: #fff;
      padding: 60px 0px 30px;
      position: relative;
    }

    .footer-section p {
      color: #f2f2f2;
    }
    .footer-section .btn-discover {
      background: white;
      color: #da0034;
      border: none;
      font-weight: 500;
      padding: 10px 25px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-top: 20px;
      transition: 0.3s;
    }
    .footer-section .btn-discover:hover {
      background: #f8d7da;
      color: #a80028;
    }
    .footer-section a {
      color: #fff;
      text-decoration: underline;
    }
    .footer-divider {
      border-top: 1px solid #fff;
    }
    .footer-section .corner-logo {
      position: absolute;
      top: 0px;
      right: 15px;
      width: 100px;
    }

    .filter-container {
      padding: 40px 20px;
    }
    .filter-label {
       margin-right: 215px;
      margin-bottom: 15px;
    }
    .filter-button {
      border: 1px solid #ccc;
      background: #fff;
      padding: 8px 18px;
      margin: 5px;
      font-size: 14px;
      font-weight: 400;
      color: #000;
      border-radius: 4px;
      transition: all 0.3s ease;
    }
    .filter-button:hover,
    .filter-button.active {
      border-color: #DE0539;
      color: #DE0539;
      background-color: #f8f8f8;
    }


    .project-card img {
      width: 100%;
      height: auto;
    }
    .badge-category {
      background: #DE05391A;
      color: #DE0539;
      padding: 5px 12px;
      font-size: 12px;
    }
    .project-meta {
      font-size: 0.75rem;
      color: #888;
      margin-left: 10px;
      font-size: 12px;
    }
    .project-title {
      color: #222;
    }
    .bdrbst{ border-bottom: 0.7px solid #D2D2D2}
    .bdrtp{border-top: 0.7px solid #D2D2D2}
    .detmain{padding-top: 135px;    max-width: 21ch;}
    .mx-wst{max-width: 90%;}

    .hover-card {
      transition: transform 0.4s ease, box-shadow 0.4s ease;
      border-radius: 6px;
    }

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

    /* Image zoom effect */
    .transition-img {
      transition: transform 0.5s ease;
    }

    .hover-card:hover .transition-img {
      transform: scale(1.05);
    }
    .sextcls{ user-select: none; width:fit-content;padding: 5px; color: #a80028;line-height: 1;margin-left: auto; cursor: pointer;}
.py-100{padding-block: clamp(70px, 6vw, 100px);}
.font-21fl{font-size: 21px;}
.position-lg-relative{position: relative;}
.bght{ background-color: #f4f1ee;}
.container-fluid{padding-inline: 35px;}
@media (max-width: 992px) {
  .footer-divider{gap: 30px;}
  .position-lg-relative{position: initial;}
  .w285{
  padding-top: 42px;}
  .footer-section .corner-logo{top: 70px;}
  .pt126{padding-block: 60px !important;}
  .mst {
    margin-block: 10px;
}
.py-sts {
  padding-bottom: 20px;
}
  .hmbanner{
    padding-block: 0px 25px;
    background-repeat: no-repeat !important;
    background-position: right !important;
    width: 100%;}
.padsm   {  padding: 27px 0px;}
  .imgcd img{top: 0px; padding-block: 30px;}
  .mx-wst{max-width: 100%;}
  .detmain{padding-top: 50px;}
  .filter-container {
    padding: 40px 20px 20px 20px;
  }
  .filter-label {
    margin-right: 55px;
 }
  .footer-section{padding: 70px 0px !important;}
  .info-pd{padding-bottom: 0px !important;}
  .infltimg , .inflt{width: 100%;}

  .py-8840{padding-top: 0px !important;}

  .section-header {
    padding-top: 70px;
    padding-bottom: 44px;
  }
  .info-box{padding: 15px; }
}
@media (max-width: 768px) {
  .mySwiper, .container-fluid{padding-inline: 20px;}
  .font-32 {
    font-size: 22px; /* ~60px */
  }
  .vision-text{padding: 0px 0px;}
  .vision-header{padding-inline: 0px;}

.vision-header h2 {
  letter-spacing: 3px;
}
.vision-text{ line-height: 1.5;}
  .bght{ background-color: transparent;}
  .info-box{background: #EBE9E4;
    width: 90%;
    margin: auto;
    position: relative;
    top: -20px;
  padding-top: 60px;
padding-bottom: 40px;}
  .bgrgd{
    background-image:none;
    background: #DE0539;}
  .inflt {
    top: -20px;
}
.ptfi-0{padding-top: 0px !important;}
}
@media (min-width: 1400px) {
  .info-text {
    padding: 60px;
}
}
.linkclr a{color: var(--primary-color) !important; text-decoration: none !important;}