/* Page ID 3 → highlight 2nd link */
body.page-id-3 .navbar-nav .nav-item:nth-child(2) .nav-link {
  color: #0f328e !important;
}
body.page-id-3 .navbar-nav .nav-item:nth-child(2) .nav-link:hover {
  color: #0f328e !important;
}


.banner-pages {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 60px 15px 0;
  overflow: hidden;
}

.banner-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  object-fit: cover;
  object-position: center bottom;
  opacity: 0.4;
mix-blend-mode: multiply;
}



.banner-pages .container,
.banner-pages .investors-heading {
  position: relative;
  z-index: 2;
}

h1.investors-heading {
  padding-top: 130px;
}

.banner-pages h1 {
  color: #3c3c3c;
  text-align: center;
  font-family: Syne;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  /* 61.6px */
}

.banner-pages h1 .highlight {
  color: #1a4ecb;
}

.banner-pages h2 {
  font-size: 1.5rem;
  color: #222;
  margin-top: 10px;
}

.banner-pages p {
color: rgba(0, 0, 0, 0.70);
text-align: center;
font-family: Syne;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 127%; /* 22.86px */
margin-top: 23px;
}

@media (max-width: 576px) {
  .banner-pages h1 {
    font-size:25px;
  }

  .banner-pages h2 {
   font-size:25px;
  }
  .banner-pages p {
    font-size: 16px;
  
}
.center br {
    display: none;
  }

}



/* manufacture css */

/* image expand  */
/*.gap-5-custom{*/
/*    gap: 40px;*/
/*}*/

.expand-image-section img{
    border-radius: 12px;
background: lightgray -590px -8.868px / 647.166% 102.006% no-repeat;
box-shadow: 0 16px 109px 0 rgba(0, 0, 0, 0.18);
box-shadow: 0 16px 109px 0 color(display-p3 0 0 0 / 0.18);
}

.expand-image-section  #resize-image {
  width: 221px;
  transition: width 1s ease-in-out;
  display: block;
  margin: 20px auto;
  height:100vh;
  object-fit:cover;
}

.expand-image-section #resize-image.expand {
  width: 100%;

}

@media (max-width:768px) {
 .expand-image-section #resize-image {
  width: 100%;
  margin: 10px auto;
  height:100%;
  object-fit: contain;
}

}




/* tabs section css */
.general-tabs-wrapper .custom-tabs .nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(0.5rem, 1vw, 1.25rem);
  border-radius: 8px 8px 0 0;
 border: none;
  color: rgba(0, 0, 0, 0.25);
  font-family: 'Syne', sans-serif;
  font-size: clamp(0.9rem, 1.05vw, 1rem) !important;
  font-weight: 500;
  line-height: 1.23;
  text-transform: uppercase;
}

.general-tabs-wrapper .custom-tabs .nav-link.active {
  color: #003394;
   background: #fff;
}
.general-tabs-wrapper .nav-tabs-wrapper{
        overflow-x: auto;
    scrollbar-width: none;
}

.general-tabs-wrapper .tab-content{
    border-radius: 12px;
background: #FFF;
background: color(display-p3 1 1 1);
justify-content: center;
align-items: center;
}

.general-tabs-wrapper .tab-heading {
 color: #003394;
color: color(display-p3 0.0588 0.1961 0.5569);
font-family: Syne;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 123%; /* 34.44px */
text-transform: uppercase;
}

.general-tabs-wrapper .tab-description {
color: rgba(0, 0, 0, 0.45);
font-family: Syne;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 123%; /* 22.14px */
}

.general-tabs-wrapper .info-card {
    color: color(display-p3 0.2762 0.2762 0.2762);
font-family: Syne;
font-size: 17.523px;
font-style: normal;
font-weight: 500;
line-height: 123%;
text-transform: lowercase; color: #464646;
color: color(display-p3 0.2762 0.2762 0.2762);
font-family: Syne;
font-size: 17.523px;
font-style: normal;
font-weight: 500;
line-height: 123%; /* 21.554px */
text-transform: capitalize;
}
.general-tabs-wrapper .info-card {
  border-radius: 8.255px;
  backdrop-filter: blur(6.88px);
  padding: 17px 24px !important;
  height: 100%; border-radius: 8.255px;
border: 0.688px solid #FFF;
border: 0.688px solid color(display-p3 1 1 1);
background: rgba(233, 234, 237, 0.21);
background: color(display-p3 0.9137 0.9176 0.9294 / 0.21);
backdrop-filter: blur(6.879485607147217px);
}

.general-tabs-wrapper .info-card h5{
    margin-bottom: 0px;
}

.general-tabs-wrapper .info-card img {
  width: 160px;
  height: 160px;
  /* min-height: 140px; */
  object-fit: contain;
  border-radius: 12.656px;
  /* margin: 1rem auto;/ */
/*  */
}

.general-tabs-wrapper .info-card h5 {
color: #464646;
font-family: Syne;
font-size: 17.523px;
font-style: normal;
font-weight: 500;
line-height: 123%; /* 21.554px */
/*text-transform: capitalize;*/
}

.general-tabs-wrapper .info-card p.product-para{
    font-size: 12px;
    margin-bottom: 5px;
}

/*.general-tabs-wrapper .info-card p {*/
/*color: #6B6B6B;*/
/* font-family: "Inter", sans-serif;*/
/*font-size: 16px;*/
/*font-style: normal;*/
/*font-weight: 600;*/
/*line-height: 123%; */
/*text-transform: capitalize;*/
/*}*/

p.product-para {
    color: #6B6B6B;
    font-family: Syne;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 123%;
    text-transform: capitalize;
}

p.fs-5.mb-0.product-head {
    color: #6B6B6B;
    font-family: Inter;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 123%;
    text-transform: capitalize;
}

.general-tabs-wrapper .feature-list {
  list-style: none;
  padding-left: 0;
}

.general-tabs-wrapper .feature-list li {
  display: flex;
  /*align-items: center;*/
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  font-family: 'Syne', sans-serif;
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: 500;
  color: #8a8a8a !important;
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.65);
}
.general-tabs-wrapper .feature-list li strong{
 color: #595959 !important;   
}

.general-tabs-wrapper .tab-img{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0 28px;
}

.general-tabs-wrapper .check-icon {
  width: 18px;
  height: 18px;
  margin-top: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath d='M15.9 7.29c.33 1.63.1 3.33-.67 4.81a7.2 7.2 0 0 1-3.55 3.33 7.3 7.3 0 0 1-5.97-.37A7.28 7.28 0 0 1 1.47 8.34c.09-1.66.75-3.25 1.87-4.48A7.3 7.3 0 0 1 7.62 1.54a7.2 7.2 0 0 1 4.78.89' stroke='%2309358E' stroke-width='1.46' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.56 8.02 8.75 10.21 16.04 2.92' stroke='%2309358E' stroke-width='1.46' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}


@media (max-width:991px) {
.general-tabs-wrapper .tab-heading {
  font-size: large;
}  
}

/* quality management system section */

.quality-management-section .quality{
margin-left: clamp(150px, 25vw, 330px);
}
@media (max-width:768px) {
  .quality-management-section .quality{
margin-left: 0;
}
h2.section-heading.col-lg-8.mb-3.text-center
{ text-align: left !important;
}
  
}


.quality-management-section .section-heading{
color: rgba(0, 0, 0, 0.27);
color: color(display-p3 0 0 0 / 0.27);
font-family: Syne;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 123%;
/*text-transform: capitalize;*/
}

.quality-management-section .highlight-text{
 
    background: linear-gradient(to right, rgba(15, 50, 142, 1), rgb(51 81 159 / 55%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; 
 }

 

.quality-management-section .quality p{
  color: rgba(0, 0, 0, 0.40);
color: color(display-p3 0 0 0 / 0.40);
font-family: Syne;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 123%; /* 22.14px */
}

    .qms-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 2rem;
    }

    .qms-center {
      padding: 1rem 2rem;
      border-radius: 55px;
      background: rgba(15, 50, 142, 1); /* color(display-p3 0.0588 0.1961 0.5569) */
      color: white;
      text-align: center;
      font-weight: bold;
      margin-bottom: 2rem;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .qms-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
      justify-content: center;
      width: 100%;
      max-width: 1200px;
    }

    .qms-card {
      flex: 1 1 280px;
      background: white;
      border-radius: 12px;
      box-shadow: 0 0 10px rgba(0,0,0,0.08);
      padding: 1rem 1.25rem;
    }

    .qms-card small {
      display: block;
      margin-top: 0.5rem;
      color: #555;
      font-size: 0.875rem;
    }

/* sustainable section */

/* .sustainable-section .sustainable-bg{
border-radius: 621px;
opacity: 0.3;
background: linear-gradient(247deg, #D7AD5E 33.07%, #D40000 118.83%);
background: linear-gradient(247deg, color(display-p3 0.8157 0.6863 0.4157) 33.07%, color(display-p3 0.7608 0.1569 0.1059) 118.83%);
filter: blur(200px);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} */

.sustainable-section .section-heading{
color: rgba(0, 0, 0, 0.27);
color: color(display-p3 0 0 0 / 0.27);
font-family: Syne;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 123%;
/*text-transform: capitalize;*/
}

.sustainable-section .highlight-text{
 
 color: rgba(15, 50, 142, 1);
 
 }

 

.sustainable-section .sustainable p{
 color: rgba(0, 0, 0, 0.40);
color: color(display-p3 0 0 0 / 0.40);
font-family: Syne;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 123%; /* 22.14px */
}

.sustainable-section .sustainable-card h5{
  color: #003394;
color: color(display-p3 0.0588 0.1961 0.5569);
font-family: Syne;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 123%; 
}

.sustainable-section .sustainable-card p{
 color: rgba(0, 0, 0, 0.40);
color: color(display-p3 0 0 0 / 0.40);
font-family: Syne;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 123%; 
}

.sustainable-section .sustainable-card .img-size{
  /* width: 88px; */
object-fit: contain;
margin-bottom: 10px;
mix-blend-mode: multiply;
}

section.sustainable-section.container-fluid.px-3.px-lg-5.position-relative.mb-5

 {
    padding-bottom: 120px;
}
.horizontal-scroll-wrapper {
  position: relative;
  overflow: hidden;
}

.horizontal-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
  padding-bottom: 60px;
}

.horizontal-scroll::-webkit-scrollbar {
  display: none;
}

.horizontal-scroll.active {
  cursor: grabbing;
}

/* Moh Section start */
/*.moh-section {*/
/*  background-image: url(../img/badge-bg-circle.png);*/
/*  background-size: cover;*/
/*  background-position: 0% -100%;*/
/*  background-repeat: no-repeat;*/
/*}*/

.moh-section .col-lg-2 {
  width: 20% !important;
}

.moh-card {
  padding: 48px 10px 30px 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: 0.3s ease;
  text-align: center;
  height: 100%;
  border-radius: 8.48px;
  border: 0.707px solid #FFF;
  background: rgba(233, 234, 237, 0.21);
  backdrop-filter: blur(7.0665669441223145px);
  /*width: 288.429px;*/
  flex-shrink: 0;
  width: auto;;
}

.moh-img {
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
}

.moh-card img {
  width: 100%;
  height: 200px;
  object-fit: contain;
}

h2.head-team {
  color: rgba(0, 0, 0, 0.27);
  font-family: Syne;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 123%;
  text-transform: capitalize;
}

.moh-card:hover {
  background-color: #ffffff2f;
  /*box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);*/
}

.moh-label {
  color: #848484;
  font-family: Syne;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 100% */
  text-transform: uppercase;
  padding-top: 28px;
}

/* Mobile styles */
@media (max-width: 768px) {
   
    .row.g-4.flex-nowrap.w-150 {
    width: 1600px;
    padding-left: 30px;
}
  ul#tabs {
    width: 400px;
}
.section-heading br {
    display: none;
  }
  .sustainable-section .section-heading {
    font-size: 26px;
    text-align: left;
}
.tab-content img {
    width: 100%;
    height: 100px !important;
 
}
}
/* Moh Section end */


.linear-section2{
    background-image: url(../img/bg-g.png);
    background-size: 1600px 1300px;
    background-repeat: no-repeat;
    background-position: 50% 90%;
    padding: 150px 0 60px;
    margin-top: -130px;
}
.flex-nowrap.animation-flex.w-150 {
    animation: marquee 100s linear infinite;
}
@keyframes marquee{
    0% {
        transform: translateX(3%);
    }
    100% {
        transform: translateX(-350%);
    }
}

.arrow-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
}
.arrow-btn svg {
  transition: transform 0.3s ease;
}