/*---============header css--------------*/


:root {
  --green: rgb(27, 174, 112);
  --text: rgb(78, 86, 82);
  --white: #ffffff;
  --border: #e6ece9;
}

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

body {
  font-family: 'Poppins', Arial, sans-serif;
  background: #f7f9f8;
}

/* ===== HEADER ===== */

.header {
  background: var(--white);
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 1px 0 var(--border);
  height: 140px;
}

.header-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo img {
  height: 110px;
  width: auto;
  display: block;
  object-fit: contain;
}

/* ===== NAV ===== */

.nav {
  display: flex;
  align-items: center;
  gap: 34px;
  list-style: none;
  font-family: Poppins, sans-serif;
  transform: translate(-60px, 0);
}

.nav > li {
  position: relative;
}

.nav a {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--text);
  text-decoration: none;
  font-weight: 750;
  font-size: 17px;
  padding: 14px 0;
  transition: color .2s;
  line-height: 30px;
}

/* HOVER + ACTIVE */

.nav a:hover,
.nav a.active,
.nav > li:hover > a {
  color: var(--green);
}

/* ===== ARROW ===== */

.arrow {
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .2s;
}

.nav > li:hover > a .arrow {
  transform: rotate(-135deg) translateY(-2px);
}

/* ===== DROPDOWN ===== */

/* dropdown ko poore nav ke hisab se full width dene ke liye */
.nav {
  position: relative;
}

.nav > li:has(.dropdown) {
  position: static;
}

.dropdown {
  position: absolute;
  top: 100%;                      /* menu se bilkul touch, koi gap nahi */
  left: 76px;                     /* About ke left se start. Isse kam/zyada karke adjust karein */
  right: 0;                       /* Contact Us ke end tak full width */
  background: var(--white);
  list-style: none;
  border: 0;
  border-top: 2px solid var(--green);   /* upar green line */
  border-radius: 0;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .12);
  padding: 8px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
}

.nav > li:hover > .dropdown,
.nav > li:focus-within > .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dropdown a {
  padding: 10px 20px;
  background: var(--white);
  white-space: nowrap;
  transition: opacity .2s, transform .2s, visibility .2s, color .2s;
  font-family: Poppins, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.dropdown a:hover,
.dropdown a.active {
  color: var(--green);
  background: var(--white);
}

/* ===== MOBILE TOGGLE ===== */

.toggle {
  display: none;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 8px;
}

.toggle span {
  display: block;
  width: 26px;
  height: 3px;
  background: var(--text);
  margin: 5px 0;
  border-radius: 2px;
}

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

@media (max-width: 991px) {

  .header {
    height: 100px;
  }

  .header-inner {
    height: 100%;
    padding: 0 24px;
  }

  .logo img {
    height: 60px;
  }

  /* ----- TOGGLE BUTTON (green background + white lines) ----- */
  .toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    background: var(--green);
    border: 0;
    border-radius: 6px;
    cursor: pointer;
  }

  .toggle span {
    display: block;
    width: 24px;
    height: 3px;
    background: #ffffff;
    margin: 3px 0;
    border-radius: 2px;
  }

  /* ----- NAVIGATION BAR (white, ek ke niche ek) ----- */
  .nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--white);
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 0 24px;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    transform: none;
  }

  .nav.open {
    display: flex;
  }

  .nav > li {
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
  }

  .nav > li:last-child {
    border-bottom: 0;
  }

  .nav a {
    padding: 15px 0;
    justify-content: space-between;
  }

  /* ----- MOBILE DROPDOWN ----- */
  .dropdown {
    position: static;
    display: none;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border: 0;
    border-top: 1px solid #e3e3e3;
    background: var(--white);
    padding: 0 0 0 14px;
  }

  .nav > li.open > .dropdown {
    display: block;
  }

  .nav > li:hover > .dropdown {
    opacity: 1;
  }

 
  .dropdown li {
    border-bottom: 1px solid #efefef;
  }

  .dropdown li:last-child {
    border-bottom: 0;
  }

  .dropdown a {
    padding: 13px 0;
  }

  .nav > li.open > a .arrow {
    transform: rotate(-135deg) translateY(-2px);
  }
}
/* ===== MOBILE MENU FIX (single column) ===== */

@media (max-width: 991px) {

  .nav {
    flex-direction: column;
    flex-wrap: nowrap;          /* items ko side me jane se rokta hai */
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    padding: 0 24px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    transform: none;
  }

  .nav > li {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    position: relative;        
  }

  .nav > li:has(.dropdown) {
    position: relative;
  }

  .nav > li > a {
    width: 100%;
    justify-content: space-between;
  }

  .dropdown {
    position: static;
    left: auto;
    right: auto;
    width: 100%;
    min-width: 0;
  }

  .dropdown a {
    white-space: normal;
  }
}



/*------------=======================================footer css----------------------------=====================================*/


/* ===== FOOTER ===== */

.footer {
  font-family: 'Poppins', Arial, sans-serif;
  color: #fff;
}

.footer-main {
  position: relative;
  isolation: isolate;
  padding: 100px 24px 50px;
}

/* background + tirchi edge sirf yahan lagi hai, logo par asar nahi hoga */
.footer-main::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)),
    url('images/footer-background-img.jpg') center / cover no-repeat;
  /* upar ki tirchi (slanted) edge */
  clip-path: polygon(0 40px, 78% 105px, 100% 50px, 100% 100%, 0 100%);
}
.footer-main {
    background-color: #FFFFFF;
}
.footer-inner {
  position: relative;
  z-index: 1;
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 1.1fr 1fr;
  gap: 50px;
  align-items: start;
}

/* Column 1 */
.f-about {
  position: relative;
  padding-top: 10px;
}

.f-logo {
  position: absolute;
  top: -125px;                 /* logo ko upar-neeche karne ke liye ye value badlein */
  left: 50%;
  transform: translate(-30px,50px);
  width: 110px;
  height: 110px;
  object-fit: contain;
  z-index: 2;
}

.f-about p {
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  line-height: 30px;
  text-align: justify;
  margin-top: 20px;
  font-weight: 400;
  margin-top: 40px;
}

/* Headings */
.footer h3 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 30px;
}

/* Column 2: address items */
.f-item {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 32px;
}

.f-item svg {
  width: 32px;
  height: 32px;
  fill: #fff;
  flex-shrink: 0;
}

.f-item a {
  color: #fff;
  text-decoration: none;
  transition: color .2s;
}

.f-item a:hover {
  color: var(--green, #1bae70);
}

/* Column 3: map */
.f-map iframe {
  width: 100%;
  height: 220px;
  border: 0;
  display: block;
}

/* Copyright bar */
.footer-bottom {
   background: #1a1a1a;
    text-align: center;
    padding: 35px 24px;
    font-size: 18px;
    transform: none;
    margin-bottom: 0;
   
}

.footer-bottom a {
  color: var(--green, #1bae70);
  font-weight: 600;
  text-decoration: none;
 

}

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

@media (max-width: 991px) {
  .footer-main {
    padding: 110px 20px 40px;
  }

  .footer-main::before {
    clip-path: polygon(0 25px, 78% 55px, 100% 25px, 100% 100%, 0 100%);
  }

  .footer-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .f-logo {
    top: -100px;
    width: 110px;
    height: 110px;
  }

  .footer h3 {
    font-size: 30px;
  }

  .f-item {
    font-size: 16px;
  }

  .footer-bottom {
    font-size: 15px;
  }
}


/*--------------------============================contact page css----------=================================================*/




/* Only Contact Page Header Background */
.contact-page .header {
    background-color: #F4F6F4;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Contact Page Header Extra Lines/Shadow */
.contact-page .header::before,
.contact-page .header::after {
    display: none !important;
}

.contact-page .header.sticky,
.contact-page .header.scrolled,
.contact-page .header nav,
.contact-page .header .navbar,
.contact-page .header .container {
    border: none !important;
    box-shadow: none !important;
}


/* Header scroll ke saath upar jaye (sirf Contact page) */
.contact-page .header,
.contact-page .header.sticky,
.contact-page .header.scrolled,
.contact-page .header.fixed,
.contact-page header {
    position: relative !important;
    top: auto !important;
    transform: none !important;
    animation: none !important;
}

/* Fixed header ki wajah se jo upar ka gap/padding tha, wo hata do */
.contact-page,
.contact-page main,
.contact-page #content,
.contact-page .site-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Contact Us Heading Section */
.contact-heading-section {
    position: relative;
    width: 100%;
    background-color: #F4F6F4;
    text-align: center;
    padding: 80px 20px 140px;
    box-sizing: border-box;
    border: none !important;
    box-shadow: none !important;
    outline: none;
    overflow-x: clip;
}

.contact-heading-section::before {
    display: none !important;
}

/* Wave Shape (your SVG, white fill, flipped to bottom) */
.contact-heading-section::after {
    content: "";
    display: block !important;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 70px;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='none'><g fill='%23ffffff'><path d='M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7 s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7 c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3 c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6 c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7 C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5 c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1 c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7 c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6 C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8 c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2 C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3 C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1 z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1 c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z'/><path d='M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3 C267.7,18.8,269.7,18,269.6,18z'/><path d='M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2 S227.6,9.9,227.4,9.8z'/><path d='M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4 C206.4,12.9,204.6,13.5,204.5,13.4z'/><path d='M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6 S201,10.7,201,10.6z'/><path d='M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3 C152.6,27.5,154.6,26.8,154.5,26.7z'/><path d='M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6 c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z'/><path d='M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0 C76.9,11.5,75.3,12.5,75.5,12.6z'/><path d='M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4 C19.9,13.7,15.7,13.3,15.6,13.2z'/></g></svg>");
}

.contact-heading-section h1 {
    position: relative;
    z-index: 1;
    font-size: 55px;
    font-weight: 700;
    line-height: 73px;
    color: rgb(20, 38, 28);
    margin: 0;
    border: none;
    box-shadow: none;
    font-family: Poppins, sans-serif;
    margin-top: -60px;
}


/* Company Info Section */
.contact-company-section {
    width: 100%;
    background-color: #FFFFFF;
    text-align: center;
    padding: 20px 20px 40px;
    box-sizing: border-box;
}

.contact-company-section .company-name {
    font-family: Lato, sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 9px;
    color: rgb(78, 86, 82);
    margin: 0 0 10px;
}

.contact-company-section .company-cin {
    font-family: Lato, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    color: rgb(80, 80, 80);
  
    margin-top: 20px;
}

/* Company Info Section */
.contact-company-section {
    width: 100%;
    background-color: #FFFFFF;
    text-align: center;
    padding: 20px 20px 60px;
    box-sizing: border-box;
}

.contact-company-section .company-name {
    font-family: Lato, sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;
    color: rgb(78, 86, 82);
    margin: 0 0 10px;
}

.contact-company-section .company-cin {
    font-family: Lato, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
    color: 
rgb(78, 86, 82);
    margin: 0;
}

/* Contact Details + Map wrapper (gap from CIN) */
.contact-details-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 60px;
    max-width: 1300px;
    margin: 200px auto 0;      /* CIN ke neeche gap */
}

.contact-details-left {
    flex: 1;
    text-align: center;
}

.contact-item {
    margin-bottom: 50px;
}

.contact-icon {
    display: block;
    margin: 0 auto 25px;
}

.contact-item h4 {
    font-family: Lato, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: rgb(20, 38, 28);
    margin: 0 0 20px;
}

.contact-item h4.second-heading {
    margin-top: 40px;
}

.contact-item p {
    font-family: Lato, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    color: rgb(78, 86, 82);
    margin: 0;
    text-align: center;
}

.contact-item p a {
    color: rgb(80, 80, 80);
    text-decoration: none;
}



.contact-map {
    flex: 1;
    height: 625px;
}

.contact-map iframe {
    width: 100%;
    height: 90%;
    display: block;
}

/* Mobile */
@media (max-width: 991px) {
    .contact-details-wrap {
        flex-direction: column;
        gap: 40px;
        margin-top: 50px;
    }
    .contact-map {
        width: 100%;
        height: 400px;
    }
}



/* FAQ + Get In Touch Section */
.faq-contact-section {
    width: 100%;
    background: #ffffff;
    padding: 60px 20px 80px;
    box-sizing: border-box;
    font-family: Poppins, sans-serif;
    margin-top: 100px;
}

.faq-contact-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 100px;
    max-width: 1300px;
    margin: 300px auto 0;      
    text-align: left;          
    font-family: Poppins, sans-serif;
}

.faq-left  {
     flex: 1.1;
      max-width: 845px; 
      transform: translate(50px,-50px);
      
    }
.form-right 
{
     flex: 0.9; max-width: 400px; 
     margin-top: -60px;
    }

.sec-title {
    font-size: 35px;
    font-weight: 800;
    line-height: 52px;
    color: rgb(20, 38, 28);
    text-align: center;
    margin: 0;
}

.leaf-img {
    text-align: center;
    margin: 15px 0 50px;
}

/* FAQ */
.faq-item { border-bottom: 1px solid #e6e6e6; }
.faq-item:first-child { border-top: 1px solid transparent; }

.faq-question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: none;
    border: none;
    cursor: pointer;
    padding: 28px 35px 28px 38px;
    text-align: left;
    font-family: Poppins, sans-serif;
    font-size: 20px;
    font-weight: 800;
    color: rgb(20, 38, 28);
}

.faq-arrow {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #14261c;
    transition: transform 0.35s ease;
}

.faq-item.active .faq-arrow { transform: rotate(-90deg); }

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.45s ease;
}

.faq-answer p {
    margin: 0;
    padding: 0 38px 40px;
    font-size: 18px;
    line-height: 26px;
    color: 
rgb(101, 109, 105);
    text-align: justify;
    font-weight: 400;
    letter-spacing: 0.5;
}

/* Green button (common) */
.green-btn {
    display: block;
    background: #1DB36B;
    color: rgb(255, 255, 255);
    text-align: center;
    text-decoration: none;
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 16px 2px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.3s ease;
    text-transform: uppercase;
    
}
.green-btn:hover { background: #06752E; }
.green-btn:hover,
.green-btn:hover a {
    color: #fff;
}
.faq-left .green-btn {
    width: 200px !important;
    min-width: 0 !important;
    max-width: 100%;
    flex: 0 0 200px;
    box-sizing: border-box;
}
.network-join-btn {
    display: block;
    width: 100%;
    max-width: 420px;
    height: 52px;
    line-height: 52px;
    padding: 0 16px;
    box-sizing: border-box;
    margin-top: 30px;
    margin-left: 170px;
    background: #1DB36B;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 600;

    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.network-join-btn:hover {
    background: #16995a;
    color: #ffffff;
}
.network-join-btn {
    display: block;
    width: 100%;
    max-width: 420px;
    height: 52px;
    line-height: 52px;
    padding: 0 16px;
    box-sizing: border-box;
    margin-top: 30px;
    margin-left: 170px;
    background: #1DB36B;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 600;

    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.network-join-btn:hover {
    background: #16995a;
    color: #ffffff;
}
/* Form */
.form-group
 { margin-bottom: 22px; }

.form-group label {
    display: block;
    font-size: 16px;
    color: rgb(78, 86, 82);
    margin-bottom: 2px;
    margin-left: 50px;
}

.form-group input,
.form-group textarea {
    width: 90%;
    box-sizing: border-box;
    background: #f9f9f9;
    border: 1px solid #d9d9d9;
    padding: 0 10px;
    height: 60px;
    font-size: 18px;
    font-family: inherit;
    outline: none;
    margin-left: 50px
}

.form-group textarea {
    height: 250px;
    padding: 16px;
    resize: vertical;
}

.form-group input:focus,
.form-group textarea:focus { border-color: #1DB36B; }

.field-error {
    display: none;
    color: #e02b27;
    font-size: 18px;
    margin-top: 8px;
    margin-left: 50px;
}
.form-group.has-error .field-error { display: block; }
.form-group.has-error input { border-color: #e02b27; }

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

/* Yellow error box */
.form-alert {
    display: none;
    margin-top: 20px;
    background: transparent;
    border: 2px solid #FFB900;
    color: rgb(78, 86, 82);
    padding: 14px 18px;
    font-size: 17px;
    line-height: 26px;
    border-radius: 4px;
    font-family: Lato, sans-serif;
    margin-left: 50px;
}
.form-alert.show { display: block; }

/* Mobile */
@media (max-width: 991px) {
    .faq-contact-wrap { flex-direction: column; gap: 60px; }
    .faq-left, .form-right { max-width: 100%; width: 100%; }
    .sec-title { font-size: 30px; line-height: 40px; }
    .faq-question { font-size: 18px; padding: 22px 15px; }
    .faq-answer p { padding: 0 15px 30px; }
}

/* Right side background plant image */
.contact-company-section {
    position: relative;
    overflow: hidden;            /* image page se bahar scroll na banaye */
}

.contact-company-section::after {
   content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 420px;
    height: 600px;
    background-color: #F6FAF2;     /* leaf ka naya color */

    -webkit-mask: url("images/contact-background-img.png") no-repeat right bottom / contain;
            mask: url("images/contact-background-img.png") no-repeat right bottom / contain;

    pointer-events: none;
    z-index: 0;
}

/* Content image ke upar rahe */
.contact-company-section > * {
    position: relative;
    z-index: 1;
}

/* Mobile par hide */
@media (max-width: 991px) {
    .contact-company-section::after { display: none; }
}


/* =========================================================
   CONTACT PAGE - TABLET VIEW (max-width: 991px)
========================================================= */
@media (max-width: 991px) {

    .contact-page {
        overflow-x: hidden;
    }

    /* ---------- Heading ---------- */
    .contact-heading-section {
        padding: 70px 20px 110px;
    }

    .contact-heading-section::after {
        height: 55px;
    }

    .contact-heading-section h1 {
        font-size: 42px;
        line-height: 54px;
        margin-top: -40px;
    }

    /* ---------- Company info ---------- */
    .contact-company-section {
        padding: 20px 20px 40px;
    }

    .contact-company-section .company-name,
    .contact-company-section .company-cin {
        font-size: 16px;
        line-height: 26px;
    }

    /* ---------- Contact details + map ---------- */
    .contact-details-wrap {
        flex-direction: column;
        align-items: center;
        gap: 40px;
        margin: 50px auto 0;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .contact-details-left {
        width: 100%;
    }

    .contact-item {
        margin-bottom: 35px;
    }

    .contact-item h4 {
        font-size: 22px;
        line-height: 30px;
    }

    .contact-item p {
        font-size: 17px;
        line-height: 28px;
    }

    .contact-map {
        flex: none;
        width: 100%;
        height: 420px;
    }

    .contact-map iframe {
        height: 100%;
    }

    /* ---------- FAQ + Form ---------- */
    .faq-contact-section {
        margin-top: 40px;
        padding: 40px 20px 60px;
    }

    .faq-contact-wrap {
        flex-direction: column;
        align-items: stretch;
        gap: 60px;
        margin: 40px auto 0;
    }

    .faq-left,
    .form-right {
        flex: none;
        width: 100%;
        max-width: 100%;
        transform: none;        /* desktop wala translate hata diya */
        margin-top: 0;
    }

    .sec-title {
        font-size: 30px;
        line-height: 40px;
    }

    .leaf-img {
        margin: 10px 0 30px;
    }

    .faq-question {
        font-size: 18px;
        padding: 22px 15px;
    }

    .faq-answer p {
        font-size: 16px;
        line-height: 26px;
        padding: 0 15px 30px;
    }

    /* Form: left margin hata ke full width */
    .form-group label {
        margin-left: 0;
    }

    .form-group input,
    .form-group textarea {
        width: 100%;
        margin-left: 0;
    }

    .form-group textarea {
        height: 200px;
    }

    .form-alert {
        font-size: 15px;
        line-height: 24px;
    }
}


/* =========================================================
   CONTACT PAGE - MOBILE VIEW (max-width: 767px)
========================================================= */
@media (max-width: 767px) {

    /* ---------- Heading ---------- */
    .contact-heading-section {
        padding: 60px 15px 95px;
    }

    .contact-heading-section::after {
        height: 45px;
    }

    .contact-heading-section h1 {
        font-size: 32px;
        line-height: 42px;
        margin-top: -30px;
    }

    /* ---------- Company info ---------- */
    .contact-company-section {
        padding: 15px 15px 30px;
    }

    .contact-company-section .company-name,
    .contact-company-section .company-cin {
        font-size: 15px;
        line-height: 24px;
    }

    /* ---------- Contact details + map ---------- */
    .contact-details-wrap {
        margin-top: 35px;
        gap: 30px;
        padding: 0 15px;
    }

    .contact-item {
        margin-bottom: 28px;
    }

    .contact-icon {
        margin-bottom: 15px;
        max-width: 60px;
        height: auto;
    }

    .contact-item h4 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 12px;
    }

    .contact-item h4.second-heading {
        margin-top: 25px;
    }

    .contact-item p {
        font-size: 16px;
        line-height: 26px;
        word-break: break-word;      /* lamba email/link bahar na nikle */
    }

    .contact-map {
        height: 320px;
    }

    /* ---------- FAQ + Form ---------- */
    .faq-contact-section {
        padding: 30px 15px 50px;
        margin-top: 20px;
    }

    .faq-contact-wrap {
        gap: 50px;
        margin-top: 20px;
    }

    .sec-title {
        font-size: 26px;
        line-height: 34px;
    }

    .faq-question {
        font-size: 16px;
        padding: 18px 10px;
        gap: 10px;
    }

    .faq-arrow {
        flex-shrink: 0;
    }

    .faq-answer p {
        font-size: 15px;
        line-height: 24px;
        padding: 0 10px 25px;
        text-align: left;
    }

    .faq-left .green-btn {
        width: 100% !important;
        max-width: 260px;
        flex: none;
        margin: 0 auto;
    }

    .form-group {
        margin-bottom: 18px;
    }

    .form-group label {
        font-size: 15px;
    }

    .form-group input {
        height: 52px;
        font-size: 16px;
    }

    .form-group textarea {
        height: 170px;
        font-size: 16px;
    }

    .field-error {
        font-size: 15px;
    }

    .green-btn {
        font-size: 15px;
        padding: 14px 2px;
    }
}


/* =========================================================
   CONTACT PAGE - SMALL MOBILE (max-width: 480px)
========================================================= */
@media (max-width: 480px) {

    .contact-heading-section {
        padding: 50px 12px 85px;
    }

    .contact-heading-section h1 {
        font-size: 27px;
        line-height: 36px;
        margin-top: -25px;
    }

    .contact-map {
        height: 280px;
    }

    .contact-item h4 {
        font-size: 18px;
    }

    .contact-item p {
        font-size: 15px;
    }

    .sec-title {
        font-size: 23px;
        line-height: 31px;
    }

    .faq-question {
        font-size: 15px;
    }

    .form-alert {
        font-size: 14px;
        padding: 12px 14px;
    }
}

/*----------------=============================Dealership===================================-----------------------------------*/






/* Only Dealership Page Header Background */
.dealership-page .header {
    background-color: #F4F6F4;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Dealership Page Header Extra Lines/Shadow */
.dealership-page .header::before,
.dealership-page .header::after {
    display: none !important;
}

.dealership-page .header.sticky,
.dealership-page .header.scrolled,
.dealership-page .header nav,
.dealership-page .header .navbar,
.dealership-page .header .container {
    border: none !important;
    box-shadow: none !important;
}


.dealership-page .header,
.dealership-page .header.sticky,
.dealership-page .header.scrolled,
.dealership-page .header.fixed,
.dealership-page header {
    position: relative !important;
    top: auto !important;
    transform: none !important;
    animation: none !important;
}

.dealership-page,
.dealership-page main,
.dealership-page #content,
.dealership-page .site-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Dealership Heading Section */
.dealership-heading-section {
    position: relative;
    width: 100%;
    background-color: #F4F6F4;
   text-align: left!important;
    padding: 80px 20px 140px;
    box-sizing: border-box;
    border: none !important;
    box-shadow: none !important;
    
    
}

/* Heading in One Line */
.dealership-heading-section h1 {
    white-space: nowrap;
    transform: translate(-150px,0);
     
}
.dealership-heading-section::before {
    display: none !important;
}

/* Wave Shape (your SVG, white fill, flipped to bottom) */
.dealership-heading-section::after {
    content: "";
    display: block !important;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 70px;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='none'><g fill='%23ffffff'><path d='M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7 s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7 c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3 c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6 c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7 C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5 c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1 c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7 c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6 C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8 c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2 C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3 C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1 z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1 c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z'/><path d='M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3 C267.7,18.8,269.7,18,269.6,18z'/><path d='M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2 S227.6,9.9,227.4,9.8z'/><path d='M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4 C206.4,12.9,204.6,13.5,204.5,13.4z'/><path d='M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6 S201,10.7,201,10.6z'/><path d='M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3 C152.6,27.5,154.6,26.8,154.5,26.7z'/><path d='M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6 c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z'/><path d='M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0 C76.9,11.5,75.3,12.5,75.5,12.6z'/><path d='M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4 C19.9,13.7,15.7,13.3,15.6,13.2z'/></g></svg>");
}

.dealership-heading-section h1 {
    position: relative;
    z-index: 1;
    font-size: 55px;
    font-weight: 700;
    line-height: 73px;
    color: rgb(20, 38, 28);
    margin: 0 auto;
    max-width: 1000px;
    border: none;
    box-shadow: none;
    font-family: Poppins, sans-serif;
    margin-top: -60px;
}

/* Mobile */
@media (max-width: 991px) {
    .dealership-heading-section h1 {
        font-size: 34px;
        line-height: 46px;
    }
}

/* Dealership Heading Section */
.dealership-heading-section {
    position: relative;
    width: 100%;
    background-color: #F4F6F4;
    text-align: center;
    padding: 80px 20px 140px;
    box-sizing: border-box;
    border: none !important;
    box-shadow: none !important;
    outline: none;
    overflow: visible;
}

/* Heading in One Line */
.dealership-heading-section h1 {
    white-space: nowrap;
    
}

/* Dealership Image Section */
.dealership-image-section {
    width: 100%;
    text-align: center;
    padding: 0 20px 60px;
    box-sizing: border-box;
    
    position: relative;
    overflow: visible;
}

/* Dealership Image */
.dealership-section-image {
    display: block;
    width: 160px;
    height: 70px;
    margin: -40px auto 0;
    position: relative;
    top: 0;
    transform: translateY(-40px);
    z-index: 2;
}






* { box-sizing: border-box; }

body {
  margin: 0;
  background: #fff;
  font-family: 'Lato', Arial, sans-serif;
  color: #333;
}

.form-wrap {
  max-width: 980px;
  margin: 0 auto;
  padding: 24px 16px 60px;
}

h1 {
  font-family: Poppins, sans-serif;
  font-size: 40px;
  text-align: center;
  color: rgb(20, 38, 28);
  margin: 30px 0 0 40px;
  font-weight: 800;
  line-height: 44px;
}

/* Zoom animation sirf form par */
#dealershipForm {
  margin-top: 50px;
  animation: zoomIn 0.7s ease-out both;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(0.7);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.field {
  margin-bottom: 20px !important;
}

label.title,
.group-title {
  display: block;
  font-size: 17px;
  margin-bottom: 8px;
  line-height: 26px;
  text-align: left;
  font-family: Lato, sans-serif;
  color: rgb(60, 61, 61);
  font-weight: 500;
  margin-left: 50px;
}

input[type="text"],
input[type="tel"],
input[type="email"] {
  width: 90%;
  height: 60px;
  padding: 0 16px;
  font-size: 17px;
  font-family: inherit;
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  outline: none;
  margin-left: 50px;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus {
  border-color: #1BAE70;
}

.options {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin: 18px 0 0 70px;
}

.options label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  cursor: pointer;
  font-family: Lato, sans-serif;
  color: rgb(65, 67, 66);
  font-weight: 400;
}

.options input[type="checkbox"] {
  width: 24px;
  height: 24px;
  accent-color: #005CC8;
  cursor: pointer;
}

/* Error text (box ka border red nahi hoga) */
.error-msg {
  display: none;
  color: #d92d20;
  font-family: Lato, sans-serif;
  font-size: 17px;
  margin: 8px 0 0 50px;
  text-align: left;
}

.field.has-error .error-msg {
  display: block;
}

/* Submit button - left side */
.submit-row {
  display: flex;
  justify-content: flex-start;
  margin-top: 30px;
  
}

/* Contact Form Submit Button */
.form-right .submit-btn {
    width: 140px !important;
    max-width: 120px;
    margin-top: 10px;
    margin-left: 50px;
    box-sizing: border-box;
   
}

.submit-btn:hover {
  background: #06752E;
}

/* Dealership Submit Button */
.submit-row .submit-btn {
    width: 130px !important;
    min-width: 0 !important;
    padding: 14px 10px !important;
    margin-left: 60px;
    margin-top: 0;

    background-color: #1DB36B !important;
    color: #ffffff !important;

    border: 2px solid #1DB36B !important;
    border-radius: 10px !important;

    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    box-sizing: border-box;
    display: block;
}

/* Hover Effect */
.submit-row .submit-btn:hover {
    background-color: #06752E !important;
    border-color: #06752E !important;
    color: #ffffff !important;
}

/* Mobile View */
@media (max-width: 600px) {
    .submit-row .submit-btn {
        width: 130px !important;
        min-width: 130px !important;
        max-width: 130px !important;
        margin-left: 0 !important;
    }
}

.form-error-message {
  display: none;
  width: 90%;
  margin-top: 20px !important;
  padding: 10px 15px;
  background-color: transparent;
  border: 2px solid #FFB900;
  color: #333;
  font-family: Lato, sans-serif;
  font-size: 17px;
  box-sizing: border-box;
  margin-left: 50px;
  text-align: left;
}

@media (max-width: 600px) {
  h1 { font-size: 28px; margin-left: 0; }
  .options { margin-left: 0; gap: 14px; }
  label.title, .group-title, .error-msg { margin-left: 0; }
  input[type="text"], input[type="tel"], input[type="email"] { margin-left: 0; width: 100%; }
  .submit-row .submit-btn, .form-error-message { margin-left: 0; }
  .form-error-message { width: 100%; }
}

/* =========================================================
   DEALERSHIP PAGE - TABLET VIEW (max-width: 991px)
========================================================= */
@media (max-width: 991px) {

    .dealership-page {
        overflow-x: hidden;
    }

    /* ---------- Heading section ---------- */
    .dealership-heading-section {
        padding: 70px 20px 110px;
        text-align: center !important;
    }

    .dealership-heading-section::after {
        height: 55px;
    }

    .dealership-heading-section h1 {
        font-size: 40px;
        line-height: 52px;
        white-space: normal;          /* nowrap hata diya, text wrap hoga */
        transform: none;              /* desktop wala translate(-150px) hata diya */
        margin: -40px auto 0;
        max-width: 100%;
    }

    /* ---------- Leaf image section ---------- */
    .dealership-image-section {
        padding: 0 20px 40px;
    }

    /* ---------- Form ---------- */
    .form-wrap {
        max-width: 720px;
        padding: 20px 20px 50px;
    }

    .form-wrap h1,
    h1 {
        font-size: 32px;
        line-height: 40px;
        margin: 25px 0 0;
    }

    #dealershipForm {
        margin-top: 35px;
    }

    label.title,
    .group-title,
    .error-msg {
        margin-left: 0;
    }

    input[type="text"],
    input[type="tel"],
    input[type="email"] {
        width: 100%;
        margin-left: 0;
    }

    .options {
        margin: 15px 0 0;
        gap: 18px;
    }

    .form-error-message {
        width: 100%;
        margin-left: 0;
    }

    .submit-row .submit-btn {
        margin-left: 0;
    }
}


/* =========================================================
   DEALERSHIP PAGE - MOBILE VIEW (max-width: 767px)
========================================================= */
@media (max-width: 767px) {

    /* ---------- Heading section ---------- */
    .dealership-heading-section {
        padding: 60px 15px 95px;
    }

    .dealership-heading-section::after {
        height: 45px;
    }

    .dealership-heading-section h1 {
        font-size: 30px;
        line-height: 40px;
        margin-top: -30px;
    }

    /* ---------- Leaf image ---------- */
    .dealership-section-image {
        width: 130px;
        height: auto;
    }

    .dealership-image-section {
        padding: 0 15px 30px;
    }

    /* ---------- Form ---------- */
    .form-wrap {
        padding: 15px 15px 40px;
    }

    .form-wrap h1,
    h1 {
        font-size: 26px;
        line-height: 34px;
        margin: 20px 0 0;
    }

    #dealershipForm {
        margin-top: 25px;
    }

    .field {
        margin-bottom: 16px !important;
    }

    label.title,
    .group-title {
        font-size: 16px;
        line-height: 24px;
    }

    input[type="text"],
    input[type="tel"],
    input[type="email"] {
        height: 52px;
        font-size: 16px;
        padding: 0 12px;
    }

    .options {
        flex-direction: column;       /* checkboxes ek ke niche ek */
        gap: 12px;
    }

    .options label {
        font-size: 16px;
    }

    .options input[type="checkbox"] {
        width: 22px;
        height: 22px;
        flex-shrink: 0;
    }

    .error-msg {
        font-size: 15px;
    }

    .submit-row {
        margin-top: 20px;
    }

    .submit-row .submit-btn {
        width: 100% !important;       /* button full width */
        max-width: 100%;
        padding: 14px 10px !important;
    }

    .form-error-message {
        font-size: 15px;
        padding: 10px 12px;
    }
}


/* =========================================================
   DEALERSHIP PAGE - SMALL MOBILE (max-width: 480px)
========================================================= */
@media (max-width: 480px) {

    .dealership-heading-section {
        padding: 50px 12px 85px;
    }

    .dealership-heading-section h1 {
        font-size: 26px;
        line-height: 34px;
        margin-top: -25px;
    }

    .form-wrap h1,
    h1 {
        font-size: 23px;
        line-height: 31px;
    }

    label.title,
    .group-title {
        font-size: 15px;
    }

    .options label {
        font-size: 15px;
    }
}



/*===============================-----------  carrer page --------------------------===============================-----------*/



/* Only Career Page Header Background */
.career-page .header {
    background-color: #F4F6F4;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Career Page Header Extra Lines/Shadow */
.career-page .header::before,
.career-page .header::after {
    display: none !important;
}

.career-page .header.sticky,
.career-page .header.scrolled,
.career-page .header nav,
.career-page .header .navbar,
.career-page .header .container {
    border: none !important;
    box-shadow: none !important;
}

/* Header scroll ke saath upar jaye */
.career-page .header,
.career-page .header.sticky,
.career-page .header.scrolled,
.career-page .header.fixed,
.career-page header {
    position: relative !important;
    top: auto !important;
    transform: none !important;
    animation: none !important;
}

/* Remove extra top spacing */
.career-page,
.career-page main,
.career-page #content,
.career-page .site-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Career Heading Section */
.career-heading-section {
    position: relative;
    width: 100%;
    background-color: #F4F6F4;
    text-align: center;
    padding: 80px 20px 140px;
    box-sizing: border-box;
    border: none !important;
    box-shadow: none !important;
    outline: none;
    overflow-x: clip;
}

/* Hide Before Element */
.career-heading-section::before {
    display: none !important;
}

/* Wave Shape */
.career-heading-section::after {
    content: "";
    display: block !important;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 70px;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='none'><g fill='%23ffffff'><path d='M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7 s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7 c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3 c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6 c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7 C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5 c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1 c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7 c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6 C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8 c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2 C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3 C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1 z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1 c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z'/><path d='M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3 C267.7,18.8,269.7,18,269.6,18z'/><path d='M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2 S227.6,9.9,227.4,9.8z'/><path d='M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4 C206.4,12.9,204.6,13.5,204.5,13.4z'/><path d='M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6 S201,10.7,201,10.6z'/><path d='M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3 C152.6,27.5,154.6,26.8,154.5,26.7z'/><path d='M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6 c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z'/><path d='M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0 C76.9,11.5,75.3,12.5,75.5,12.6z'/><path d='M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4 C19.9,13.7,15.7,13.3,15.6,13.2z'/></g></svg>");
}

.career-heading-section h1 {
    position: relative;
    z-index: 1;
    font-size: 55px;
    font-weight: 700;
    line-height: 73px;
    color: rgb(20, 38, 28);
    margin: 0;
    border: none;
    box-shadow: none;
    font-family: Poppins, sans-serif;
    margin-top: -60px;
}
/* Only Career Page Header Background */
.career-page .header {
    background-color: #F4F6F4;
}

/* Career Image Section */
.career-image-section {
    width: 100%;
    text-align: center;
}

.career-image-section img {
    display: block;
    width: 160px;
    height: 70px;
    text-align: center;
    margin: 0 auto;
}

/* Heading */
.career-heading {
    font-family: Poppins, sans-serif;
    font-size: 37px;
    
    line-height: 44px;
    color: rgb(20, 38, 28);
    text-align: center;
    margin: 20px 0 60px 30px;
}

/* Text content */
.career-content {
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 20px 60px;
    text-align: left;
}

.career-content h3 {
    font-family: Lato, sans-serif;
    font-size: 18px;
    line-height: 44px;
    font-weight: 700;
    color: #000;
    margin: 0 0 20px 60px;
}

.career-content p {
    font-family: Lato, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    color: #111;
    text-align: justify;
    margin: 0 0 30px 60px;
}

@media (max-width: 600px) {
    .career-heading {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 30px;
    }

    .career-content h3 { font-size: 18px; }

    .career-content p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 30px;
    }
}
.career-content .career-list {
    font-family: Lato, sans-serif;
    font-size: 19px;
    line-height: 32px;
    color: #111;
    padding-left: 24px;
    margin: 0 0 60px 100px;
    
}

.career-content .career-list li {
    margin-bottom: 1px;
    padding-left: 1px;
}
.career-content .job
{
  margin-top: -30px;
}

@media (max-width: 600px) {
    .career-content .career-list {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 30px;
    }
}

/* Side se aate time horizontal scrollbar na aaye */
.career-image-section {
    overflow-x: hidden;
}

.slide-left {
    animation: slideFromLeft 1.2s ease-out both;
}

.slide-right {
    animation: slideFromRight 1.2s ease-out both;
}

@keyframes slideFromLeft {
    from {
        transform: translateX(-100vw);
    }
    to {
        transform: translateX(0);
    }
}

@keyframes slideFromRight {
    from {
        transform: translateX(100vw);
    }
    to {
        transform: translateX(0);
    }
}

.resume-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 20px 60px;
  text-align: left;
}

.resume-wrap form {
  max-width: 850px;
  margin: 0;
}

.resume-title {
  font-family: Poppins, sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: rgb(20, 38, 28);
  margin: 0 0 40px;
  transform: translate(-75px,0);
}

.resume-field {
  margin-bottom: 24px;
}

.resume-field label {
  display: block;
  font-family: Lato, sans-serif;
  font-size: 17px;
  color: rgb(60, 61, 61);
  margin-bottom: 8px;
  transform: translate(-70px,0);
}

.resume-field input[type="text"],
.resume-field input[type="email"],
.resume-field input[type="tel"],
.resume-field input[type="file"],
#r-file {
  display: block !important;
  width: 100% !important;
  min-width: 90% !important;
  max-width: 100% !important;
  height: 60px !important;
  min-height: 60px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  font-size: 17px;
  font-family: inherit;
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  outline: none;
  box-sizing: border-box !important;
  float: none !important;
  transform: translate(-70px,0);
}

/* File box: text box jaisi height, button beech me */
.resume-field input[type="file"],
#r-file {
  display: flex !important;
  align-items: center;
  line-height: normal !important;
  color: #333 !important;
  font-size: 17px;
  cursor: pointer;
}

.resume-field input[type="file"]::file-selector-button {
  height: 36px;
  margin-right: 12px;
  padding: 0 14px;
  font-size: 16px;
  font-family: inherit;
  border: 1px solid #999;
  border-radius: 3px;
  background: #efefef;
  cursor: pointer;
  vertical-align: middle;
}

/* Agar file input kisi wrapper ke andar ho (plugin ke liye) */
.resume-field .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

/* Red error text - sirf submit ke baad dikhega */
.resume-error {
  display: none;
  color: #d92d20;
  font-family: Lato, sans-serif;
  font-size: 17px;
  margin-top: 8px;
  transform: translate(-60px,0);
}

.resume-field.has-error .resume-error {
  display: block;
}

.resume-submit {
  background: #1BAE70;
  color: #fff;
  border: none;
  padding: 12px 24px;
  font-size: 17px;
  font-family: Lato, sans-serif;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.resume-submit:hover {
  background: #06752E;
}

/* Yellow box - sirf submit ke baad, error hone par dikhega */
.resume-yellow-box {
  display: none;
  margin-top: 30px;
  padding: 9px 20px;
  border: 2px solid #FFB900;
  background: transparent;
  color: rgb(78, 86, 82);
  font-family: Lato, sans-serif;
  font-size: 18px;
   transform: translate(-60px,0);
}

@media (max-width: 600px) {
  .resume-wrap {
    padding: 20px 16px 30px;
  }

  .resume-title {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
/* =========================================================
   CAREER PAGE - TABLET VIEW (max-width: 991px)
========================================================= */
@media (max-width: 991px) {

    .career-page {
        overflow-x: hidden;
    }

    /* ---------- Heading section ---------- */
    .career-heading-section {
        padding: 70px 20px 110px;
    }

    .career-heading-section::after {
        height: 55px;
    }

    .career-heading-section h1 {
        font-size: 42px;
        line-height: 54px;
        margin-top: -40px;
    }

    /* ---------- Career heading + content ---------- */
    .career-heading {
        font-size: 32px;
        line-height: 40px;
        margin: 20px 0 40px;
    }

    .career-content {
        padding: 0 20px 40px;
    }

    .career-content h3 {
        font-size: 18px;
        line-height: 32px;
        margin: 0 0 15px 0;
    }

    .career-content p {
        font-size: 17px;
        line-height: 29px;
        margin: 0 0 25px 0;
    }

    .career-content .career-list {
        font-size: 17px;
        line-height: 29px;
        margin: 0 0 40px 20px;
    }

    .career-content .job {
        margin-top: -10px;
    }

    /* ---------- Resume form ---------- */
    .resume-wrap {
        max-width: 720px;
        padding: 20px 20px 50px;
    }

    .resume-wrap form {
        max-width: 100%;
    }

    .resume-title {
        font-size: 26px;
        margin-bottom: 30px;
        transform: none;
    }

    .resume-field label {
        transform: none;
    }

    .resume-field input[type="text"],
    .resume-field input[type="email"],
    .resume-field input[type="tel"],
    .resume-field input[type="file"],
    #r-file {
        min-width: 0 !important;
        transform: none;
    }

    .resume-error,
    .resume-yellow-box {
        transform: none;
    }
}


/* =========================================================
   CAREER PAGE - MOBILE VIEW (max-width: 767px)
========================================================= */
@media (max-width: 767px) {

    /* ---------- Heading section ---------- */
    .career-heading-section {
        padding: 60px 15px 95px;
    }

    .career-heading-section::after {
        height: 45px;
    }

    .career-heading-section h1 {
        font-size: 32px;
        line-height: 42px;
        margin-top: -30px;
    }

    /* ---------- Leaf image ---------- */
    .career-image-section img {
        width: 130px;
        height: auto;
    }

    /* ---------- Career heading + content ---------- */
    .career-heading {
        font-size: 26px;
        line-height: 34px;
        margin: 15px 0 30px;
        padding: 0 15px;
    }

    .career-content {
        padding: 0 15px 30px;
    }

    .career-content h3 {
        font-size: 17px;
        line-height: 28px;
    }

    .career-content p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;            /* justify se mobile par gap aate hain */
        margin-bottom: 20px;
    }

    .career-content .career-list {
        font-size: 16px;
        line-height: 26px;
        margin: 0 0 30px 10px;
        padding-left: 20px;
    }

    .career-content .job {
        margin-top: 0;
    }

    /* ---------- Resume form ---------- */
    .resume-wrap {
        padding: 15px 15px 35px;
    }

    .resume-title {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .resume-field {
        margin-bottom: 18px;
    }

    .resume-field label {
        font-size: 16px;
    }

    .resume-field input[type="text"],
    .resume-field input[type="email"],
    .resume-field input[type="tel"],
    .resume-field input[type="file"],
    #r-file {
        height: 52px !important;
        min-height: 52px !important;
        font-size: 16px;
        padding: 0 12px !important;
    }

    .resume-field input[type="file"]::file-selector-button {
        height: 32px;
        padding: 0 10px;
        font-size: 14px;
        margin-right: 8px;
    }

    .resume-error {
        font-size: 15px;
    }

    .resume-submit {
        width: 100%;                 /* button full width */
        padding: 14px 20px;
    }

    .resume-yellow-box {
        font-size: 15px;
        padding: 10px 14px;
        margin-top: 20px;
    }
}


/* =========================================================
   CAREER PAGE - SMALL MOBILE (max-width: 480px)
========================================================= */
@media (max-width: 480px) {

    .career-heading-section {
        padding: 50px 12px 85px;
    }

    .career-heading-section h1 {
        font-size: 27px;
        line-height: 36px;
        margin-top: -25px;
    }

    .career-heading {
        font-size: 23px;
        line-height: 31px;
    }

    .career-content p,
    .career-content .career-list {
        font-size: 15px;
        line-height: 25px;
    }

    .resume-title {
        font-size: 22px;
    }
}

/*---------------------------------------------------Soyabean----------------------------------------------------------------*/



/* Soyabean Heading Section */
.soyabean-heading-section {
    width: 100%;
    background-color: #F4F6F4;
    padding: 80px 20px 80px;
    text-align: center;
    box-sizing: border-box;
}

.soyabean-heading-section h1 {
    font-size: 55px;
    font-weight: 700;
    line-height: 73px;
    color: rgb(20, 38, 28);
    margin: 0;
    font-family: 'Poppins', sans-serif;
    margin-top: 130px;
     position: relative;
    top: 20px;
  transform: translate(0,-50px);
}
/* Hide Before Element */
.soyabean-heading-section::before {
    display: none !important;
}

/* Wave Shape */
.soyabean-heading-section {
    position: relative;
}

.soyabean-heading-section::after {
    content: "";
    display: block !important;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 70px;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='none'><g fill='%23ffffff'><path d='M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7 s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7 c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3 c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6 c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7 C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5 c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1 c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7 c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6 C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8 c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2 C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3 C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1 z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1 c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z'/><path d='M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3 C267.7,18.8,269.7,18,269.6,18z'/><path d='M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2 S227.6,9.9,227.4,9.8z'/><path d='M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4 C206.4,12.9,204.6,13.5,204.5,13.4z'/><path d='M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6 S201,10.7,201,10.6z'/><path d='M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3 C152.6,27.5,154.6,26.8,154.5,26.7z'/><path d='M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6 c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z'/><path d='M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0 C76.9,11.5,75.3,12.5,75.5,12.6z'/><path d='M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4 C19.9,13.7,15.7,13.3,15.6,13.2z'/></g></svg>");
}



/* =========================================================
   MAUS-725 PRODUCT SECTION
========================================================= */

.maus725-product-section {
    width: 100%;
    background-color: #F4F6F4;
    padding: 80px 30px 100px;
    box-sizing: border-box;
}

/* Main Container */

.maus725-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 50px;
    padding-bottom: 45px;
    box-sizing: border-box;
}

/* Left Side Image */

.maus725-image-box {
    width: 45%;
    flex-shrink: 0;
}

.maus725-image-box img {
    display: block;
    width: 100%;
   
    height: 290px;
    object-fit: contain;
}

/* Right Side Content */

.maus725-content-box {
    flex: 1;
    min-width: 0;
}

.maus725-content-box h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 31px;
    color: rgb(20, 38, 28);
    margin: 0 0 20px;
    font-family: Poppins, sans-serif;
}

.maus725-content-box ul {
    margin: 0;
    padding-left: 22px;
    margin-left: 30px;
    font-family: Poppins, sans-serif;
}

.maus725-content-box li {
    font-size: 20px;
    color: rgb(5, 5, 5);
    margin-bottom: 1px;
    transform: translate(0,-10px);
    font-weight: 500;
    font-family: Poppins, sans-serif;
}

.maus725-content-box strong {
    font-weight: 700;
}

/* Bottom Black Line */

.maus725-bottom-line {
    width: 85%;
    height: 1px;
    background-color: #000000;
  transform: translate(130px,0);
  margin-top: 20px;
}


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

@media (max-width: 768px) {

    .maus725-product-section {
        padding: 30px 20px 0;
    }

    .maus725-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding-bottom: 30px;
    }

    .maus725-image-box {
        width: 100%;
    }

    .maus725-image-box img {
        height: 280px;
    }

    .maus725-content-box h2 {
        font-size: 27px;
    }

    .maus725-content-box li {
        font-size: 15px;
        line-height: 1.7;
    }
}

/* =========================================================
   SOYBEAN 9305 PRODUCT SECTION
========================================================= */

.soybean9305-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 30px;
    padding-bottom: 45px;
    box-sizing: border-box;
    margin-top: 40px;
    
}

/* Left Side Content */

.soybean9305-content-box {
    flex: 1;
    min-width: 0;
}

.soybean9305-content-box h2 {
    
    margin: 0 0 20px;
    margin-left: -80px;
     font-family: Poppins, sans-serif;
      font-size: 26px;
    font-weight: 760;
    line-height: 31px;
    color: rgb(20, 38, 28);
}

.soybean9305-content-box ul {
    margin: 0;
    padding-left: 2px;
        font-family: Poppins, sans-serif;
}

.soybean9305-content-box li {
    
    transform: translate(-25px,0);
      font-family: Poppins, sans-serif;
    margin-bottom: 1px;
      font-size: 20px;
    color: rgb(5, 5, 5);
}

/* Right Side Image */

.soybean9305-image-box {
    width: 45%;
    flex-shrink: 40;
}

.soybean9305-image-box img {
    display: block;
    width: 100%;
    height: 260px;
    object-fit: contain;
}

/* Bottom Black Line */

.soybean9305-bottom-line {
        width: 85%;
    height: 1px;
    background-color: #000000;
  transform: translate(130px,0);
  margin-top: 20px;
}

/* Responsive Design */

@media (max-width: 768px) {

    .soybean9305-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding-bottom: 30px;
    }

    .soybean9305-content-box h2 {
        font-size: 27px;
    }

    .soybean9305-content-box li {
        font-size: 15px;
        line-height: 1.7;
    }

    .soybean9305-image-box {
        width: 100%;
    }

    .soybean9305-image-box img {
        height: 280px;
    }
}



/* Product 3: Phule Sangam */

.phule-sangam-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 50px 0 45px;
    box-sizing: border-box;
}

.phule-sangam-image-box {
    width: 45%;
    flex-shrink: 0;
}

.phule-sangam-image-box img {
    display: block;
    width: 100%;
    height: 290px;
    object-fit: contain;
}

.phule-sangam-content-box {
    flex: 1;
    min-width: 0;
}

.phule-sangam-content-box h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 31px;
    color: rgb(20, 38, 28);
    margin: 0 0 20px;
    font-family: Poppins, sans-serif;
}

.phule-sangam-content-box ul {
    margin: 0;
    padding-left: 22px;
    margin-left: 30px;
    font-family: Poppins, sans-serif;
}

.phule-sangam-content-box li {
    font-size: 20px;
    line-height: 1.5;
    color: rgb(5, 5, 5);
    margin-bottom: 1px;
    transform: translate(0, -10px);
    font-weight: 500;
    font-family: Poppins, sans-serif;
}

.phule-sangam-bottom-line {
    width: 85%;
    height: 1px;
    background-color: #000000;
    transform: translate(130px, 0);
    margin-top: 20px;
}

@media (max-width: 768px) {
    .phule-sangam-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding: 30px 0;
    }

    .phule-sangam-image-box {
        width: 100%;
    }

    .phule-sangam-image-box img {
        height: 280px;
    }

    .phule-sangam-content-box h2 {
        font-size: 27px;
    }

    .phule-sangam-content-box li {
        font-size: 15px;
        line-height: 1.7;
    }

    .phule-sangam-bottom-line {
        width: 100%;
        transform: none;
    }
}




/* =========================================================
   KDS-753 [PHULE KIMAYA] PRODUCT SECTION
========================================================= */

.phule-kimaya-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 40px auto 0;
    display: flex;
    align-items: center;
    gap: 30px;
    padding-bottom: 45px;
    box-sizing: border-box;
}

/* Left Side Content */

.phule-kimaya-content-box {
    flex: 1;
    min-width: 0;
}

.phule-kimaya-content-box h2 {
    margin: 0 0 20px;
    margin-left: -80px;
    font-family: Poppins, sans-serif;
    font-size: 26px;
    font-weight: 760;
    line-height: 31px;
    color: rgb(20, 38, 28);
}

.phule-kimaya-content-box ul {
    margin: 0;
    padding-left: 2px;
    font-family: Poppins, sans-serif;
}

.phule-kimaya-content-box li {
    transform: translate(-25px, 0);
    font-family: Poppins, sans-serif;
    margin-bottom: 1px;
    font-size: 20px;
    color: rgb(5, 5, 5);
}

/* Right Side Image */

.phule-kimaya-image-box {
    width: 45%;
    flex-shrink: 0;
}

.phule-kimaya-image-box img {
    display: block;
    width: 100%;
    height: 260px;
    object-fit: contain;
}

/* Bottom Black Line */

.phule-kimaya-bottom-line {
    width: 85%;
    height: 1px;
    background-color: #000000;
    transform: translate(130px, 0);
    margin-top: 20px;
}

/* Responsive Design */

@media (max-width: 768px) {

    .phule-kimaya-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding-bottom: 30px;
    }

    .phule-kimaya-content-box h2 {
        font-size: 27px;
        margin-left: 0;
    }

    .phule-kimaya-content-box li {
        font-size: 15px;
        line-height: 1.7;
    }

    .phule-kimaya-image-box {
        width: 100%;
    }

    .phule-kimaya-image-box img {
        height: 280px;
    }

    .phule-kimaya-bottom-line {
        width: 100%;
        transform: none;
    }
  }

 
/* =========================================================
   MOUS-612 PRODUCT
========================================================= */

.mous612-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 50px 0 45px;
    box-sizing: border-box;
}

/* Left Side Image */

.mous612-image-box {
    width: 45%;
    flex-shrink: 0;
}

.mous612-image-box img {
    display: block;
    width: 100%;
    height: 290px;
    object-fit: contain;
}

/* Right Side Content */

.mous612-content-box {
    flex: 1;
    min-width: 0;
}

.mous612-content-box h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 31px;
    color: rgb(20, 38, 28);
    margin: 0 0 20px;
    font-family: Poppins, sans-serif;
}

.mous612-content-box ul {
    margin: 0;
    padding-left: 22px;
    margin-left: 30px;
    font-family: Poppins, sans-serif;
}

.mous612-content-box li {
    font-size: 20px;
    line-height: 1.5;
    color: rgb(5, 5, 5);
    margin-bottom: 1px;
    transform: translate(0, -10px);
    font-weight: 500;
    font-family: Poppins, sans-serif;
}

/* Bottom Black Line */

.mous612-bottom-line {
    width: 85%;
    height: 1px;
    background-color: #000000;
    transform: translate(130px, 0);
    margin-top: 20px;
}

/* Responsive Design */

@media (max-width: 768px) {

    .mous612-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding: 30px 0;
    }

    .mous612-image-box {
        width: 100%;
    }

    .mous612-image-box img {
        height: 280px;
    }

    .mous612-content-box h2 {
        font-size: 27px;
    }

    .mous612-content-box li {
        font-size: 15px;
        line-height: 1.7;
    }

    .mous612-bottom-line {
        width: 100%;
        transform: none;
    }
}


/* =========================================================
   JS 335 PRODUCT
========================================================= */

.js335-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 40px auto 0;
    display: flex;
    align-items: center;
    gap: 30px;
    padding-bottom: 45px;
    box-sizing: border-box;
}

/* Left Side Content */

.js335-content-box {
    flex: 1;
    min-width: 0;
}

.js335-content-box h2 {
    margin: 0 0 20px;
    margin-left: -80px;
    font-family: Poppins, sans-serif;
    font-size: 26px;
    font-weight: 760;
    line-height: 31px;
    color: rgb(20, 38, 28);
}

.js335-content-box ul {
    margin: 0;
    padding-left: 2px;
    font-family: Poppins, sans-serif;
}

.js335-content-box li {
    transform: translate(-25px, 0);
    font-family: Poppins, sans-serif;
    margin-bottom: 1px;
    font-size: 20px;
    line-height: 1.5;
    color: rgb(5, 5, 5);
}

.js335-content-box strong {
    font-weight: 700;
}

/* Right Side Image */

.js335-image-box {
    width: 45%;
    flex-shrink: 0;
}

.js335-image-box img {
    display: block;
    width: 100%;
    height: 260px;
    object-fit: contain;
}

/* Bottom Black Line */

.js335-bottom-line {
    display: block;
    width: 85%;
    height: 0;
    border: none;
    border-top: 1px solid #000000;
    background: transparent;
    box-shadow: none;
    transform: translate(130px, 0);
    margin-top: 20px;
    padding: 0;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .js335-bottom-line {
        width: 100%;
        transform: none;
    }
}

/* Responsive Design */

@media (max-width: 768px) {

    .js335-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding-bottom: 30px;
    }

    .js335-content-box h2 {
        font-size: 27px;
        margin-left: 0;
    }

    .js335-content-box li {
        font-size: 15px;
        line-height: 1.7;
    }

    .js335-image-box {
        width: 100%;
    }

    .js335-image-box img {
        height: 280px;
    }

    .js335-bottom-line {
        width: 100%;
        transform: none;
    }
}


/* =========================================================
   DS 228 [PHULE KALYANI] PRODUCT
========================================================= */

.ds228-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 50px 0 45px;
    box-sizing: border-box;
}

/* Left Side Image */

.ds228-image-box {
    width: 45%;
    flex-shrink: 0;
}

.ds228-image-box img {
    display: block;
    width: 100%;
    height: 290px;
    object-fit: contain;
}

/* Right Side Content */

.ds228-content-box {
    flex: 1;
    min-width: 0;
}

.ds228-content-box h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 31px;
    color: rgb(20, 38, 28);
    margin: 0 0 20px;
    font-family: Poppins, sans-serif;
}

.ds228-content-box ul {
    margin: 0;
    padding-left: 22px;
    margin-left: 30px;
    font-family: Poppins, sans-serif;
}

.ds228-content-box li {
    font-size: 20px;
    line-height: 1.5;
    color: rgb(5, 5, 5);
    margin-bottom: 1px;
    transform: translate(0, -10px);
    font-weight: 500;
    font-family: Poppins, sans-serif;
}

/* DS228 Bottom Line */

.ds228-bottom-line {
    display: block;
    width: 85%;
    height: 0;
    border: none;
    border-top: 1px solid #000000;
    background: transparent;
    box-shadow: none;
    outline: none;
    transform: translate(130px, 0);
    margin-top: 20px;
    padding: 0;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .ds228-bottom-line {
        width: 100%;
        transform: none;
    }
}
/* Responsive Design */

@media (max-width: 768px) {

    .ds228-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding: 30px 0;
    }

    .ds228-image-box {
        width: 100%;
    }

    .ds228-image-box img {
        height: 280px;
    }

    .ds228-content-box h2 {
        font-size: 27px;
    }

    .ds228-content-box li {
        font-size: 15px;
        line-height: 1.7;
    }

    .ds228-bottom-line {
        width: 100%;
        transform: none;
    }
}


/* =========================================================
   KDS-992 [PHULE DURVA] PRODUCT
========================================================= */

.phule-durva-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 40px auto 0;
    display: flex;
    align-items: center;
    gap: 30px;
    padding-bottom: 45px;
    box-sizing: border-box;
}

/* Left Side Content */

.phule-durva-content-box {
    flex: 1;
    min-width: 0;
}

.phule-durva-content-box h2 {
    margin: 0 0 20px;
    margin-left: -80px;
    font-family: Poppins, sans-serif;
    font-size: 26px;
    font-weight: 760;
    line-height: 31px;
    color: rgb(20, 38, 28);
}

.phule-durva-content-box ul {
    margin: 0;
    padding-left: 2px;
    font-family: Poppins, sans-serif;
}

.phule-durva-content-box li {
    transform: translate(-25px, 0);
    font-family: Poppins, sans-serif;
    margin-bottom: 1px;
    font-size: 20px;
    line-height: 1.5;
    color: rgb(5, 5, 5);
}

/* Right Side Image */

.phule-durva-image-box {
    width: 45%;
    flex-shrink: 0;
}

.phule-durva-image-box img {
    display: block;
    width: 100%;
    height: 260px;
    object-fit: contain;
}

/* Bottom Black Line */

.phule-durva-bottom-line {
    width: 85%;
    height: 1px;
    background-color: #000000;
    transform: translate(130px, 0);
    margin-top: 20px;
}

/* Responsive Design */

@media (max-width: 768px) {

    .phule-durva-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding-bottom: 30px;
    }

    .phule-durva-content-box h2 {
        font-size: 27px;
        margin-left: 0;
    }

    .phule-durva-content-box li {
        font-size: 15px;
        line-height: 1.7;
    }

    .phule-durva-image-box {
        width: 100%;
    }

    .phule-durva-image-box img {
        height: 280px;
    }

    .phule-durva-bottom-line {
        width: 100%;
        transform: none;
    }
}

/* =========================================================
   ASM-1001 PRODUCT
========================================================= */

.asm1001-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 50px 0 45px;
    box-sizing: border-box;
}

/* Left Side Image */

.asm1001-image-box {
    width: 45%;
    flex-shrink: 0;
}

.asm1001-image-box img {
    display: block;
    width: 100%;
    height: 290px;
    object-fit: contain;
}

/* Right Side Content */

.asm1001-content-box {
    flex: 1;
    min-width: 0;
}

.asm1001-content-box h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 31px;
    color: rgb(20, 38, 28);
    margin: 0 0 20px;
    font-family: Poppins, sans-serif;
}

.asm1001-content-box ul {
    margin: 0;
    padding-left: 22px;
    margin-left: 30px;
    font-family: Poppins, sans-serif;
}

.asm1001-content-box li {
    font-size: 20px;
    line-height: 1.5;
    color: rgb(5, 5, 5);
    margin-bottom: 1px;
    transform: translate(0, -10px);
    font-weight: 500;
    font-family: Poppins, sans-serif;
}

/* Bottom Black Line */

.asm1001-bottom-line {
    width: 85%;
    height: 1px;
    background-color: #000000;
    transform: translate(130px, 0);
    margin-top: 20px;
}

/* Responsive Design */

@media (max-width: 768px) {

    .asm1001-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding: 30px 0;
    }

    .asm1001-image-box {
        width: 100%;
    }

    .asm1001-image-box img {
        height: 280px;
    }

    .asm1001-content-box h2 {
        font-size: 27px;
    }

    .asm1001-content-box li {
        font-size: 15px;
        line-height: 1.7;
    }

    .asm1001-bottom-line {
        width: 100%;
        transform: none;
    }
}

/* =========================================================
   SOYABEAN RVMS-1135 PRODUCT
========================================================= */

.rvms1135-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 40px auto 0;
    display: flex;
    align-items: center;
    gap: 30px;
    padding-bottom: 45px;
    box-sizing: border-box;
}

/* Left Side Content */

.rvms1135-content-box {
    flex: 1;
    min-width: 0;
}

.rvms1135-content-box h2 {
    margin: 0 0 20px;
    margin-left: -80px;
    font-family: Poppins, sans-serif;
    font-size: 26px;
    font-weight: 760;
    line-height: 31px;
    color: rgb(20, 38, 28);
}

.rvms1135-content-box ul {
    margin: 0;
    padding-left: 2px;
    font-family: Poppins, sans-serif;
}

.rvms1135-content-box li {
    transform: translate(-25px, 0);
    font-family: Poppins, sans-serif;
    margin-bottom: 1px;
    font-size: 20px;
    line-height: 1.5;
    color: rgb(5, 5, 5);
}

/* Right Side Image */

.rvms1135-image-box {
    width: 45%;
    flex-shrink: 0;
}

.rvms1135-image-box img {
    display: block;
    width: 100%;
    height: 350px;
    object-fit: contain;
}

/* Bottom Black Line */

.rvms1135-bottom-line {
    display: block;
    width: 85%;
    height: 0;
    border: none;
    border-top: 1px solid #000000;
    background: transparent;
    box-shadow: none;
    transform: translate(130px, 0);
    margin-top: 20px;
    padding: 0;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .rvms1135-bottom-line {
        width: 100%;
        transform: none;
    }
}

/* Responsive Design */

@media (max-width: 768px) {

    .rvms1135-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding-bottom: 30px;
    }

    .rvms1135-content-box h2 {
        font-size: 27px;
        margin-left: 0;
    }

    .rvms1135-content-box li {
        font-size: 15px;
        line-height: 1.7;
    }

    .rvms1135-image-box {
        width: 100%;
    }

    .rvms1135-image-box img {
        height: 280px;
    }

    .rvms1135-bottom-line {
        width: 100%;
        transform: none;
    }
}


/* Header Scrolls with Page */
header,
#header,
.header,
.site-header,
.main-header,
.navbar,
.navbar-fixed-top,
.fixed-top,
.sticky-top,
.is-sticky {
    position: relative !important;
    top: auto !important;
}

/* =========================================================
   TABLET  (769px – 1024px)
   Keeps side-by-side layout, but with smaller, tidier spacing
========================================================= */
@media (min-width: 769px) and (max-width: 1024px) {
 
    /* ---- Heading ---- */
    .soyabean-heading-section {
        padding: 60px 24px 80px;
    }
 
    .soyabean-heading-section h1 {
        font-size: 42px;
        line-height: 56px;
        margin-top: 80px;
        top: 0;
        transform: none;
    }
 
    .soyabean-heading-section::after {
        height: 50px;
    }
 
    /* ---- Product section wrapper ---- */
    .maus725-product-section {
        padding: 50px 24px 70px;
    }
 
    /* ---- All product containers ---- */
    .maus725-product-container,
    .soybean9305-product-container,
    .phule-sangam-product-container,
    .phule-kimaya-product-container,
    .mous612-product-container,
    .js335-product-container,
    .ds228-product-container,
    .phule-durva-product-container,
    .asm1001-product-container,
    .rvms1135-product-container {
        gap: 30px;
        padding-top: 30px;
        padding-bottom: 35px;
        margin-top: 0;
    }
 
    /* ---- Images ---- */
    .maus725-image-box,
    .soybean9305-image-box,
    .phule-sangam-image-box,
    .phule-kimaya-image-box,
    .mous612-image-box,
    .js335-image-box,
    .ds228-image-box,
    .phule-durva-image-box,
    .asm1001-image-box,
    .rvms1135-image-box {
        width: 42%;
        flex-shrink: 0;
    }
 
    .maus725-image-box img,
    .soybean9305-image-box img,
    .phule-sangam-image-box img,
    .phule-kimaya-image-box img,
    .mous612-image-box img,
    .js335-image-box img,
    .ds228-image-box img,
    .phule-durva-image-box img,
    .asm1001-image-box img,
    .rvms1135-image-box img {
        height: 230px;
    }
 
    /* ---- Headings inside products ---- */
    .maus725-content-box h2,
    .soybean9305-content-box h2,
    .phule-sangam-content-box h2,
    .phule-kimaya-content-box h2,
    .mous612-content-box h2,
    .js335-content-box h2,
    .ds228-content-box h2,
    .phule-durva-content-box h2,
    .asm1001-content-box h2,
    .rvms1135-content-box h2 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 14px;       /* removes the -80px offset */
    }
 
    /* ---- Lists ---- */
    .maus725-content-box ul,
    .soybean9305-content-box ul,
    .phule-sangam-content-box ul,
    .phule-kimaya-content-box ul,
    .mous612-content-box ul,
    .js335-content-box ul,
    .ds228-content-box ul,
    .phule-durva-content-box ul,
    .asm1001-content-box ul,
    .rvms1135-content-box ul {
        margin-left: 0;
        padding-left: 20px;
    }
 
    .maus725-content-box li,
    .soybean9305-content-box li,
    .phule-sangam-content-box li,
    .phule-kimaya-content-box li,
    .mous612-content-box li,
    .js335-content-box li,
    .ds228-content-box li,
    .phule-durva-content-box li,
    .asm1001-content-box li,
    .rvms1135-content-box li {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 4px;
        transform: none;
    }
 
    /* ---- Bottom lines ---- */
    .maus725-bottom-line,
    .soybean9305-bottom-line,
    .phule-sangam-bottom-line,
    .phule-kimaya-bottom-line,
    .mous612-bottom-line,
    .js335-bottom-line,
    .ds228-bottom-line,
    .phule-durva-bottom-line,
    .asm1001-bottom-line,
    .rvms1135-bottom-line {
        width: 100%;
        transform: none;
        margin-top: 10px;
    }
}
 
 
/* =========================================================
   MOBILE  (up to 768px)
   Stacked layout: image on top, text below
========================================================= */
@media (max-width: 768px) {
 
    /* ---- Heading ---- */
    .soyabean-heading-section {
        padding: 40px 16px 60px;
    }
 
    .soyabean-heading-section h1 {
        font-size: 30px;
        line-height: 40px;
        margin-top: 60px;
        top: 0;
        transform: none;
    }
 
    .soyabean-heading-section::after {
        height: 35px;
    }
 
    /* ---- Product section wrapper ---- */
    .maus725-product-section {
        padding: 30px 16px 50px;
    }
 
    /* ---- All product containers: stack vertically ---- */
    .maus725-product-container,
    .soybean9305-product-container,
    .phule-sangam-product-container,
    .phule-kimaya-product-container,
    .mous612-product-container,
    .js335-product-container,
    .ds228-product-container,
    .phule-durva-product-container,
    .asm1001-product-container,
    .rvms1135-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
        padding: 24px 0 28px;
        margin-top: 0;
    }
 
    /* ---- Images always first, full width ---- */
    .maus725-image-box,
    .soybean9305-image-box,
    .phule-sangam-image-box,
    .phule-kimaya-image-box,
    .mous612-image-box,
    .js335-image-box,
    .ds228-image-box,
    .phule-durva-image-box,
    .asm1001-image-box,
    .rvms1135-image-box {
        width: 100%;
        order: -1;
        flex-shrink: 0;
    }
 
    .maus725-image-box img,
    .soybean9305-image-box img,
    .phule-sangam-image-box img,
    .phule-kimaya-image-box img,
    .mous612-image-box img,
    .js335-image-box img,
    .ds228-image-box img,
    .phule-durva-image-box img,
    .asm1001-image-box img,
    .rvms1135-image-box img {
        width: 100%;
        height: auto;
        max-height: 260px;
        margin: 0 auto;
    }
 
    /* ---- Content boxes ---- */
    .maus725-content-box,
    .soybean9305-content-box,
    .phule-sangam-content-box,
    .phule-kimaya-content-box,
    .mous612-content-box,
    .js335-content-box,
    .ds228-content-box,
    .phule-durva-content-box,
    .asm1001-content-box,
    .rvms1135-content-box {
        width: 100%;
        flex: none;
    }
 
    /* ---- Headings inside products ---- */
    .maus725-content-box h2,
    .soybean9305-content-box h2,
    .phule-sangam-content-box h2,
    .phule-kimaya-content-box h2,
    .mous612-content-box h2,
    .js335-content-box h2,
    .ds228-content-box h2,
    .phule-durva-content-box h2,
    .asm1001-content-box h2,
    .rvms1135-content-box h2 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 12px;       /* removes the -80px offset */
    }
 
    /* ---- Lists ---- */
    .maus725-content-box ul,
    .soybean9305-content-box ul,
    .phule-sangam-content-box ul,
    .phule-kimaya-content-box ul,
    .mous612-content-box ul,
    .js335-content-box ul,
    .ds228-content-box ul,
    .phule-durva-content-box ul,
    .asm1001-content-box ul,
    .rvms1135-content-box ul {
        margin-left: 0;
        padding-left: 20px;
    }
 
    .maus725-content-box li,
    .soybean9305-content-box li,
    .phule-sangam-content-box li,
    .phule-kimaya-content-box li,
    .mous612-content-box li,
    .js335-content-box li,
    .ds228-content-box li,
    .phule-durva-content-box li,
    .asm1001-content-box li,
    .rvms1135-content-box li {
        font-size: 15px;
        line-height: 1.65;
        margin-bottom: 4px;
        transform: none;        /* removes the translate offsets */
    }
 
    /* ---- Bottom lines ---- */
    .maus725-bottom-line,
    .soybean9305-bottom-line,
    .phule-sangam-bottom-line,
    .phule-kimaya-bottom-line,
    .mous612-bottom-line,
    .js335-bottom-line,
    .ds228-bottom-line,
    .phule-durva-bottom-line,
    .asm1001-bottom-line,
    .rvms1135-bottom-line {
        width: 100%;
        transform: none;
        margin-top: 8px;
    }
}
 
 
/* =========================================================
   SMALL MOBILE  (up to 480px)
========================================================= */
@media (max-width: 480px) {
 
    .soyabean-heading-section {
        padding: 30px 14px 50px;
    }
 
    .soyabean-heading-section h1 {
        font-size: 26px;
        line-height: 34px;
        margin-top: 50px;
    }
 
    .maus725-product-section {
        padding: 20px 14px 40px;
    }
 
    .maus725-image-box img,
    .soybean9305-image-box img,
    .phule-sangam-image-box img,
    .phule-kimaya-image-box img,
    .mous612-image-box img,
    .js335-image-box img,
    .ds228-image-box img,
    .phule-durva-image-box img,
    .asm1001-image-box img,
    .rvms1135-image-box img {
        max-height: 220px;
    }
 
    .maus725-content-box h2,
    .soybean9305-content-box h2,
    .phule-sangam-content-box h2,
    .phule-kimaya-content-box h2,
    .mous612-content-box h2,
    .js335-content-box h2,
    .ds228-content-box h2,
    .phule-durva-content-box h2,
    .asm1001-content-box h2,
    .rvms1135-content-box h2 {
        font-size: 20px;
        line-height: 26px;
    }
 
    .maus725-content-box li,
    .soybean9305-content-box li,
    .phule-sangam-content-box li,
    .phule-kimaya-content-box li,
    .mous612-content-box li,
    .js335-content-box li,
    .ds228-content-box li,
    .phule-durva-content-box li,
    .asm1001-content-box li,
    .rvms1135-content-box li {
        font-size: 14px;
    }
}
/*------------------------------------------------------------rajmah-----------------------------------------------------------*/






.phulevarun-product-section {
    min-height: 500px;
    padding-bottom: 200px!important;
    box-sizing: border-box;
}
/* Rajmah Heading Section */
.rajmah-heading-section {
    width: 100%;
    background-color: #F4F6F4;
    padding: 80px 20px 80px;
    text-align: center;
    box-sizing: border-box;
}

/* Rajmah Heading */
.rajmah-heading-section h1 {
    font-size: 55px;
    font-weight: 700;
    line-height: 73px;
    color: rgb(20, 38, 28);
    margin: 0;
    font-family: 'Poppins', sans-serif;
    margin-top: 130px;
    position: relative;
    top: 20px;
    transform: translate(0, -50px);
}

/* Hide Before Element */
.rajmah-heading-section::before {
    display: none !important;
}

/* Wave Shape */
.rajmah-heading-section {
    position: relative;
}

.rajmah-heading-section::after {
    content: "";
    display: block !important;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 70px;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='none'><g fill='%23ffffff'><path d='M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7 s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7 c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z'/><path d='M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3C267.7,18.8,269.7,18,269.6,18z'/><path d='M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2S227.6,9.9,227.4,9.8z'/><path d='M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4C206.4,12.9,204.6,13.5,204.5,13.4z'/><path d='M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0,4.2-1.6,6.3-2.6S201,10.7,201,10.6z'/><path d='M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3C152.6,27.5,154.6,26.8,154.5,26.7z'/><path d='M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z'/><path d='M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0C76.9,11.5,75.3,12.5,75.5,12.6z'/><path d='M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4C19.9,13.7,15.7,13.3,15.6,13.2z'/></g></svg>");
}


/* =========================================================
   BRAZIL PRODUCT SECTION
========================================================= */

.brazil-product-section {
    width: 100%;
    background-color: #F4F6F4;
    padding: 80px 30px 100px;
    box-sizing: border-box;
}

/* Main Container */

.brazil-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 50px;
    padding-bottom: 45px;
    box-sizing: border-box;
}

/* Left Side Image */

.brazil-image-box {
    width: 45%;
    flex-shrink: 0;
}

.brazil-image-box img {
    display: block;
    width: 100%;
    height: 290px;
    object-fit: contain;
}

/* Right Side Content */

.brazil-content-box {
    flex: 1;
    min-width: 0;
}

.brazil-content-box h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 31px;
    color: rgb(20, 38, 28);
    margin: 0 0 20px;
    font-family: Poppins, sans-serif;
}

.brazil-content-box ul {
    margin: 0;
    padding-left: 22px;
    margin-left: 30px;
    font-family: Poppins, sans-serif;
}

.brazil-content-box li {
    font-size: 20px;
    color: rgb(5, 5, 5);
    margin-bottom: 1px;
    transform: translate(0, -10px);
    font-weight: 500;
    font-family: Poppins, sans-serif;
}

/* Bottom Black Line */

.brazil-bottom-line {
    display: block;
    width: 85%;
    height: 0;
    border: none;
    border-top: 1px solid #000000;
    background: transparent;
    box-shadow: none;
    transform: translate(130px, 0);
    margin-top: 20px;
    padding: 0;
    box-sizing: border-box;
}

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

@media (max-width: 768px) {

    .brazil-product-section {
        padding: 30px 20px 0;
    }

    .brazil-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding-bottom: 30px;
    }

    .brazil-image-box {
        width: 100%;
    }

    .brazil-image-box img {
        height: 280px;
    }

    .brazil-content-box h2 {
        font-size: 27px;
    }

    .brazil-content-box li {
        font-size: 15px;
        line-height: 1.7;
    }

    .brazil-bottom-line {
        width: 100%;
        transform: none;
    }
}


/* =========================================================
   RAJMAH - PHULE VARUN PRODUCT SECTION
========================================================= */

.phulevarun-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 40px auto 0;
    display: flex;
    align-items: center;
    gap: 30px;
    padding-bottom: 45px;
    box-sizing: border-box;
}

/* Left Side Content */

.phulevarun-content-box {
    flex: 1;
    min-width: 0;
}

.phulevarun-content-box h2 {
    margin: 0 0 20px;
    margin-left: -80px;
    font-family: Poppins, sans-serif;
    font-size: 26px;
    font-weight: 760;
    line-height: 31px;
    color: rgb(20, 38, 28);
}

.phulevarun-content-box ul {
    margin: 0;
    padding-left: 2px;
    font-family: Poppins, sans-serif;
}

.phulevarun-content-box li {
    transform: translate(-25px, 0);
    font-family: Poppins, sans-serif;
    margin-bottom: 1px;
    font-size: 20px;
    color: rgb(5, 5, 5);
}

/* Right Side Image */

.phulevarun-image-box {
    width: 45%;
    flex-shrink: 0;
}

.phulevarun-image-box img {
    display: block;
    width: 100%;
    height: 260px;
    object-fit: contain;
}

/* Bottom Black Line */

.phulevarun-bottom-line {
    display: block;
    width: 85%;
    height: 0;
    border: none;
    border-top: 1px solid #000000;
    background: transparent;
    box-shadow: none;
    transform: translate(130px, 0);
    margin-top: 20px;
    padding: 0;
    box-sizing: border-box;
}

/* Responsive Design */

@media (max-width: 768px) {

    .phulevarun-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding: 0 20px 30px;
    }

    .phulevarun-content-box h2 {
        font-size: 27px;
        margin-left: 0;
    }

    .phulevarun-content-box li {
        font-size: 15px;
        line-height: 1.7;
        transform: none;
    }

    .phulevarun-image-box {
        width: 100%;
    }

    .phulevarun-image-box img {
        height: 280px;
    }

    .phulevarun-bottom-line {
        width: 100%;
        transform: none;
    }
}
/* Rajmah Page Header Scrolls with Page */

.rajmah-page header,
.rajmah-page #header,
.rajmah-page .header,
.rajmah-page .site-header,
.rajmah-page .main-header,
.rajmah-page .navbar,
.rajmah-page .navbar-fixed-top,
.rajmah-page .fixed-top,
.rajmah-page .sticky-top,
.rajmah-page .is-sticky {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
}
/* =========================================================
   TABLET  (769px – 1024px)
   Keeps side-by-side layout with tidier spacing
========================================================= */
@media (min-width: 769px) and (max-width: 1024px) {
 
    /* ---- Heading ---- */
    .rajmah-heading-section {
        padding: 60px 24px 80px;
    }
 
    .rajmah-heading-section h1 {
        font-size: 42px;
        line-height: 56px;
        margin-top: 80px;
        top: 0;
        transform: none;
    }
 
    .rajmah-heading-section::after {
        height: 50px;
    }
 
    /* ---- Section wrappers ---- */
    .brazil-product-section {
        padding: 50px 24px 60px;
    }
 
    .phulevarun-product-section {
        min-height: 0;
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 100px !important;
    }
 
    /* ---- Product containers ---- */
    .brazil-product-container,
    .phulevarun-product-container {
        gap: 30px;
        padding-top: 30px;
        padding-bottom: 35px;
        margin-top: 0;
    }
 
    /* ---- Images ---- */
    .brazil-image-box,
    .phulevarun-image-box {
        width: 42%;
        flex-shrink: 0;
    }
 
    .brazil-image-box img,
    .phulevarun-image-box img {
        height: 230px;
    }
 
    /* ---- Headings ---- */
    .brazil-content-box h2,
    .phulevarun-content-box h2 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 14px;       /* removes the -80px offset */
    }
 
    /* ---- Lists ---- */
    .brazil-content-box ul,
    .phulevarun-content-box ul {
        margin-left: 0;
        padding-left: 20px;
    }
 
    .brazil-content-box li,
    .phulevarun-content-box li {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 4px;
        transform: none;
    }
 
    /* ---- Bottom lines ---- */
    .brazil-bottom-line,
    .phulevarun-bottom-line {
        width: 100%;
        transform: none;
        margin-top: 10px;
    }
}
 
 
/* =========================================================
   MOBILE  (up to 768px)
   Stacked layout: image on top, text below
========================================================= */
@media (max-width: 768px) {
 
    /* ---- Heading ---- */
    .rajmah-heading-section {
        padding: 40px 16px 60px;
    }
 
    .rajmah-heading-section h1 {
        font-size: 30px;
        line-height: 40px;
        margin-top: 60px;
        top: 0;
        transform: none;
    }
 
    .rajmah-heading-section::after {
        height: 35px;
    }
 
    /* ---- Section wrappers ---- */
    .brazil-product-section {
        padding: 30px 16px 40px;
    }
 
    .phulevarun-product-section {
        min-height: 0;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 60px !important;   /* overrides the 200px desktop gap */
    }
 
    /* ---- Product containers: stack vertically ---- */
    .brazil-product-container,
    .phulevarun-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
        padding: 24px 0 28px;
        margin-top: 0;
    }
 
    /* ---- Image always first, full width ---- */
    .brazil-image-box,
    .phulevarun-image-box {
        width: 100%;
        order: -1;
        flex-shrink: 0;
    }
 
    .brazil-image-box img,
    .phulevarun-image-box img {
        width: 100%;
        height: auto;
        max-height: 260px;
        margin: 0 auto;
    }
 
    /* ---- Content ---- */
    .brazil-content-box,
    .phulevarun-content-box {
        width: 100%;
        flex: none;
    }
 
    .brazil-content-box h2,
    .phulevarun-content-box h2 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 12px;       /* removes the -80px offset */
    }
 
    .brazil-content-box ul,
    .phulevarun-content-box ul {
        margin-left: 0;
        padding-left: 20px;
    }
 
    .brazil-content-box li,
    .phulevarun-content-box li {
        font-size: 15px;
        line-height: 1.65;
        margin-bottom: 4px;
        transform: none;        /* removes the translate offsets */
    }
 
    /* ---- Bottom lines ---- */
    .brazil-bottom-line,
    .phulevarun-bottom-line {
        width: 100%;
        transform: none;
        margin-top: 8px;
    }
}
 
 
/* =========================================================
   SMALL MOBILE  (up to 480px)
========================================================= */
@media (max-width: 480px) {
 
    .rajmah-heading-section {
        padding: 30px 14px 50px;
    }
 
    .rajmah-heading-section h1 {
        font-size: 26px;
        line-height: 34px;
        margin-top: 50px;
    }
 
    .brazil-product-section {
        padding: 20px 14px 30px;
    }
 
    .phulevarun-product-section {
        padding-left: 14px;
        padding-right: 14px;
        padding-bottom: 40px !important;
    }
 
    .brazil-image-box img,
    .phulevarun-image-box img {
        max-height: 220px;
    }
 
    .brazil-content-box h2,
    .phulevarun-content-box h2 {
        font-size: 20px;
        line-height: 26px;
    }
 
    .brazil-content-box li,
    .phulevarun-content-box li {
        font-size: 14px;
    }
}
 

/*--------------------------------------------pigeonpea-----------------------------------------------------------------------*/



/* Pigeon Pea Product Section */
.pigeonpea-product-section {
    min-height: 500px;
    padding-bottom: 50px !important;
    box-sizing: border-box;
}

/* Pigeon Pea Heading Section */
.pigeonpea-heading-section {
    width: 100%;
    background-color: #F4F6F4;
    padding: 80px 20px 80px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}

/* Pigeon Pea Heading */
.pigeonpea-heading-section h1 {
    font-size: 55px;
    font-weight: 700;
    line-height: 73px;
    color: rgb(20, 38, 28);
    margin: 0;
    font-family: 'Poppins', sans-serif;
    margin-top: 130px;
    position: relative;
    top: 20px;
    transform: translate(0, -50px);
}

/* Hide Before Element */
.pigeonpea-heading-section::before {
    display: none !important;
}

/* Pigeon Pea Wave Shape */
.pigeonpea-heading-section::after {
    content: "";
    display: block !important;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 70px;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='none'><g fill='%23ffffff'><path d='M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7 s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7 c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z'/><path d='M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3C267.7,18.8,269.7,18,269.6,18z'/><path d='M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2S227.6,9.9,227.4,9.8z'/><path d='M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.4-1.6,0.4C206.4,12.9,204.6,13.5,204.5,13.4z'/><path d='M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0,4.2-1.6,6.3-2.6S201,10.7,201,10.6z'/><path d='M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3C152.6,27.5,154.6,26.8,154.5,26.7z'/><path d='M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z'/><path d='M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0C76.9,11.5,75.3,12.5,75.5,12.6z'/><path d='M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4C19.9,13.7,15.7,13.3,15.6,13.2z'/></g></svg>");
}


/* =========================================================
   PIGEON PEA (TUR) PRODUCT SECTION
========================================================= */

.pigeonpea-product-section {
    width: 100%;
    background-color: #F4F6F4;
    padding: 80px 30px 100px;
    box-sizing: border-box;
}


/* =========================================================
   PRODUCT 1: GODAWARI
========================================================= */

.godawari-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 50px;
    padding-bottom: 45px;
    box-sizing: border-box;
}

/* Left Side Image */

.godawari-image-box {
    width: 45%;
    flex-shrink: 0;
}

.godawari-image-box img {
    display: block;
    width: 100%;
    height: 290px;
    object-fit: contain;
}

/* Right Side Content */

.godawari-content-box {
    flex: 1;
    min-width: 0;
    margin-top: -20px;
}

.godawari-content-box h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 31px;
    color: rgb(20, 38, 28);
    margin: 0 0 20px;
    font-family: Poppins, sans-serif;
}

.godawari-content-box ul {
    margin: 0;
    padding-left: 22px;
    margin-left: 30px;
    font-family: Poppins, sans-serif;
}

.godawari-content-box li {
    font-size: 19px;
    color: rgb(5, 5, 5);
    margin-bottom: 1px;
    transform: translate(0, -10px);
    font-weight: 500;
    font-family: Poppins, sans-serif;
}

/* Bottom Black Line */

.godawari-bottom-line {
    display: block;
    width: 85%;
    height: 1px;
    background-color: #000000;
    transform: translate(130px, 0);
    margin-top: 20px;
}


/* =========================================================
   PRODUCT 2: BDN-716
========================================================= */

.bdn716-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 80px auto 0;
    display: flex;
    align-items: center;
    gap: 30px;
    padding-bottom: 60px;
    box-sizing: border-box;
}

/* Left Side Content */

.bdn716-content-box {
    flex: 1;
    min-width: 0;
    margin-left: 200px;
}

.bdn716-content-box h2 {
    margin: 0 0 20px;
    margin-left: -80px;
    font-family: Poppins, sans-serif;
    font-size: 26px;
    font-weight: 760;
    line-height: 31px;
    color: rgb(20, 38, 28);
}

.bdn716-content-box ul {
    margin: 0;
    padding-left: 2px;
    font-family: Poppins, sans-serif;
}

.bdn716-content-box li {
    transform: translate(-25px, 0);
    font-family: Poppins, sans-serif;
    margin-bottom: 1px;
    font-size: 19px;
    color: rgb(5, 5, 5);
}

/* Right Side Image */

.bdn716-image-box {
    width: 45%;
    flex-shrink: 0;
}

.bdn716-image-box img {
    display: block;
    width: 100%;
    height: 330px;
    object-fit: contain;
}

/* Bottom Black Line */

.bdn716-bottom-line {
    display: block;
    width: 85%;
    height: 1px;
    background-color: #000000;
    transform: translate(130px, 0);
    margin-top: 20px;
}


/* =========================================================
   PRODUCT 3: BDN-711
========================================================= */

.bdn711-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 50px 0 45px;
    box-sizing: border-box;
}

/* Left Side Image */

.bdn711-image-box {
    width: 45%;
    flex-shrink: 0;
}

.bdn711-image-box img {
    display: block;
    width: 100%;
    height: 330px;
    object-fit: contain;
}

/* Right Side Content */

.bdn711-content-box {
    flex: 1;
    min-width: 0;
}

.bdn711-content-box h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 31px;
    color: rgb(20, 38, 28);
    margin: 0 0 20px;
    font-family: Poppins, sans-serif;
}

.bdn711-content-box ul {
    margin: 0;
    padding-left: 22px;
    margin-left: 30px;
    font-family: Poppins, sans-serif;
}

.bdn711-content-box li {
    font-size: 19px;
    line-height: 1.5;
    color: rgb(5, 5, 5);
    margin-bottom: 1px;
    transform: translate(0, -10px);
    font-weight: 500;
    font-family: Poppins, sans-serif;
}



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

@media (max-width: 768px) {

    .pigeonpea-product-section {
        padding: 30px 20px 100px;
    }

    /* GODAWARI */

    .godawari-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding-bottom: 30px;
    }

    .godawari-image-box {
        width: 100%;
    }

    .godawari-image-box img {
        height: 280px;
    }

    .godawari-content-box h2 {
        font-size: 27px;
    }

    .godawari-content-box li {
        font-size: 15px;
        line-height: 1.7;
    }

    .godawari-bottom-line {
        width: 100%;
        transform: none;
    }

    /* BDN-716 */

    .bdn716-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding: 0 0 30px;
    }

    .bdn716-content-box h2 {
        font-size: 27px;
        margin-left: 0;
    }

    .bdn716-content-box li {
        font-size: 15px;
        line-height: 1.7;
        transform: none;
    }

    .bdn716-image-box {
        width: 100%;
    }

    .bdn716-image-box img {
        height: 280px;
    }

    .bdn716-bottom-line {
        width: 100%;
        transform: none;
    }

    /* BDN-711 */

    .bdn711-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding: 30px 0;
    }

    .bdn711-image-box {
        width: 100%;
    }

    .bdn711-image-box img {
        height: 280px;
    }

    .bdn711-content-box h2 {
        font-size: 27px;
    }

    .bdn711-content-box li {
        font-size: 15px;
        line-height: 1.7;
    }

    .bdn711-bottom-line {
        width: 100%;
        transform: none;
    }
}


/* Pigeon Pea Page Header Scrolls with Page */

.pigeonpea-page header,
.pigeonpea-page #header,
.pigeonpea-page .header,
.pigeonpea-page .site-header,
.pigeonpea-page .main-header,
.pigeonpea-page .navbar,
.pigeonpea-page .navbar-fixed-top,
.pigeonpea-page .fixed-top,
.pigeonpea-page .sticky-top,
.pigeonpea-page .is-sticky {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
}


/* =========================================================
   TABLET  (769px – 1024px)
   Keeps side-by-side layout with tidier spacing
========================================================= */
@media (min-width: 769px) and (max-width: 1024px) {
 
    /* ---- Heading ---- */
    .pigeonpea-heading-section {
        padding: 60px 24px 80px;
    }
 
    .pigeonpea-heading-section h1 {
        font-size: 42px;
        line-height: 56px;
        margin-top: 80px;
        top: 0;
        transform: none;
    }
 
    .pigeonpea-heading-section::after {
        height: 50px;
    }
 
    /* ---- Section wrapper ---- */
    .pigeonpea-product-section {
        min-height: 0;
        padding: 50px 24px 60px !important;
    }
 
    /* ---- Product containers ---- */
    .godawari-product-container,
    .bdn716-product-container,
    .bdn711-product-container {
        gap: 30px;
        margin-top: 0;
        padding-top: 30px;
        padding-bottom: 35px;
    }
 
    /* ---- Content boxes (removes offsets) ---- */
    .godawari-content-box {
        margin-top: 0;
    }
 
    .bdn716-content-box {
        margin-left: 0;         /* removes the 200px desktop offset */
    }
 
    /* ---- Images ---- */
    .godawari-image-box,
    .bdn716-image-box,
    .bdn711-image-box {
        width: 42%;
        flex-shrink: 0;
    }
 
    .godawari-image-box img,
    .bdn716-image-box img,
    .bdn711-image-box img {
        height: 240px;
    }
 
    /* ---- Headings ---- */
    .godawari-content-box h2,
    .bdn716-content-box h2,
    .bdn711-content-box h2 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 14px;       /* removes the -80px offset */
    }
 
    /* ---- Lists ---- */
    .godawari-content-box ul,
    .bdn716-content-box ul,
    .bdn711-content-box ul {
        margin-left: 0;
        padding-left: 20px;
    }
 
    .godawari-content-box li,
    .bdn716-content-box li,
    .bdn711-content-box li {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 4px;
        transform: none;
    }
 
    /* ---- Bottom lines ---- */
    .godawari-bottom-line,
    .bdn716-bottom-line {
        width: 100%;
        transform: none;
        margin-top: 10px;
    }
}
 
 
/* =========================================================
   MOBILE  (up to 768px)
   Stacked layout: image on top, text below
========================================================= */
@media (max-width: 768px) {
 
    /* ---- Heading ---- */
    .pigeonpea-heading-section {
        padding: 40px 16px 60px;
    }
 
    .pigeonpea-heading-section h1 {
        font-size: 30px;
        line-height: 40px;
        margin-top: 60px;
        top: 0;
        transform: none;
    }
 
    .pigeonpea-heading-section::after {
        height: 35px;
    }
 
    /* ---- Section wrapper ---- */
    .pigeonpea-product-section {
        min-height: 0;
        padding: 30px 16px 40px !important;   /* overrides the !important bottom padding */
    }
 
    /* ---- Product containers: stack vertically ---- */
    .godawari-product-container,
    .bdn716-product-container,
    .bdn711-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
        margin-top: 0;
        padding: 24px 0 28px;
    }
 
    /* ---- Image always first, full width ---- */
    .godawari-image-box,
    .bdn716-image-box,
    .bdn711-image-box {
        width: 100%;
        order: -1;
        flex-shrink: 0;
    }
 
    .godawari-image-box img,
    .bdn716-image-box img,
    .bdn711-image-box img {
        width: 100%;
        height: auto;
        max-height: 260px;
        margin: 0 auto;
    }
 
    /* ---- Content boxes (removes offsets) ---- */
    .godawari-content-box,
    .bdn716-content-box,
    .bdn711-content-box {
        width: 100%;
        flex: none;
        margin-top: 0;
        margin-left: 0;         /* removes the 200px offset on BDN-716 */
    }
 
    /* ---- Headings ---- */
    .godawari-content-box h2,
    .bdn716-content-box h2,
    .bdn711-content-box h2 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 12px;       /* removes the -80px offset */
    }
 
    /* ---- Lists ---- */
    .godawari-content-box ul,
    .bdn716-content-box ul,
    .bdn711-content-box ul {
        margin-left: 0;
        padding-left: 20px;
    }
 
    .godawari-content-box li,
    .bdn716-content-box li,
    .bdn711-content-box li {
        font-size: 15px;
        line-height: 1.65;
        margin-bottom: 4px;
        transform: none;        /* removes the translate offsets */
    }
 
    /* ---- Bottom lines ---- */
    .godawari-bottom-line,
    .bdn716-bottom-line {
        width: 100%;
        transform: none;
        margin-top: 8px;
    }
}
 
 
/* =========================================================
   SMALL MOBILE  (up to 480px)
========================================================= */
@media (max-width: 480px) {
 
    .pigeonpea-heading-section {
        padding: 30px 14px 50px;
    }
 
    .pigeonpea-heading-section h1 {
        font-size: 26px;
        line-height: 34px;
        margin-top: 50px;
    }
 
    .pigeonpea-product-section {
        padding: 20px 14px 30px !important;
    }
 
    .godawari-image-box img,
    .bdn716-image-box img,
    .bdn711-image-box img {
        max-height: 220px;
    }
 
    .godawari-content-box h2,
    .bdn716-content-box h2,
    .bdn711-content-box h2 {
        font-size: 20px;
        line-height: 26px;
    }
 
    .godawari-content-box li,
    .bdn716-content-box li,
    .bdn711-content-box li {
        font-size: 14px;
    }
}
 
/*---------------------------------------------------------Ground Nut---------------------------------------------------------*/



/* Ground Nut Product Section */
.groundnut-product-section {
    min-height: 500px;
    padding-bottom: 50px !important;
    box-sizing: border-box;
}

/* Ground Nut Heading Section */
.groundnut-heading-section {
    width: 100%;
    background-color: #F4F6F4;
    padding: 80px 20px 80px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}

/* Ground Nut Heading */
.groundnut-heading-section h1 {
    font-size: 55px;
    font-weight: 700;
    line-height: 73px;
    color: rgb(20, 38, 28);
    margin: 0;
    font-family: 'Poppins', sans-serif;
    margin-top: 130px;
    position: relative;
    top: 20px;
    transform: translate(0, -50px);
}

/* Hide Before Element */
.groundnut-heading-section::before {
    display: none !important;
}

/* Ground Nut Wave Shape */
.groundnut-heading-section::after {
    content: "";
    display: block !important;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 70px;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='none'><g fill='%23ffffff'><path d='M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7 s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7 c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z'/><path d='M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3C267.7,18.8,269.7,18,269.6,18z'/><path d='M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2S227.6,9.9,227.4,9.8z'/><path d='M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.4-1.6,0.4C206.4,12.9,204.6,13.5,204.5,13.4z'/><path d='M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0,4.2-1.6,6.3-2.6S201,10.7,201,10.6z'/><path d='M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3C152.6,27.5,154.6,26.8,154.5,26.7z'/><path d='M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z'/><path d='M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0C76.9,11.5,75.3,12.5,75.5,12.6z'/><path d='M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4C19.9,13.7,15.7,13.3,15.6,13.2z'/></g></svg>");
}


/* =========================================================
   TAG-24 PRODUCT SECTION
========================================================= */

.tag24-product-section {
    width: 100%;
    background-color: #F4F6F4;
    padding: 80px 30px 30px;
    box-sizing: border-box;
}

/* Main Container */

.tag24-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 50px;
    padding-bottom: 45px;
    box-sizing: border-box;
}

/* Left Side Image */

.tag24-image-box {
    width: 45%;
    flex-shrink: 0;
}

.tag24-image-box img {
    display: block;
    width: 100%;
    height: 330px;
    object-fit: contain;
}

/* Right Side Content */

.tag24-content-box {
    flex: 1;
    min-width: 0;
}

.tag24-content-box h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 31px;
    color: rgb(20, 38, 28);
    margin: 0 0 20px;
    font-family: Poppins, sans-serif;
}

.tag24-content-box ul {
    margin: 0;
    padding-left: 22px;
    margin-left: 30px;
    font-family: Poppins, sans-serif;
}

.tag24-content-box li {
    font-size: 20px;
    color: rgb(5, 5, 5);
    margin-bottom: 1px;
    transform: translate(0, -10px);
    font-weight: 500;
    font-family: Poppins, sans-serif;
}



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

@media (max-width: 768px) {

    .tag24-product-section {
        padding: 30px 20px 0;
    }

    .tag24-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding-bottom: 30px;
    }

    .tag24-image-box {
        width: 100%;
    }

    .tag24-image-box img {
        height: 280px;
    }

    .tag24-content-box h2 {
        font-size: 27px;
    }

    .tag24-content-box li {
        font-size: 15px;
        line-height: 1.7;
    }

    .tag24-bottom-line {
        width: 100%;
        transform: none;
    }
}

/* Ground Nut Page Header Scrolls with Page */

.groundnut-page header,
.groundnut-page #header,
.groundnut-page .header,
.groundnut-page .site-header,
.groundnut-page .main-header,
.groundnut-page .navbar,
.groundnut-page .navbar-fixed-top,
.groundnut-page .fixed-top,
.groundnut-page .sticky-top,
.groundnut-page .is-sticky {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
}


/* =========================================================
   TABLET  (769px – 1024px)
   Keeps side-by-side layout with tidier spacing
========================================================= */
@media (min-width: 769px) and (max-width: 1024px) {
 
    /* ---- Heading ---- */
    .groundnut-heading-section {
        padding: 60px 24px 80px;
    }
 
    .groundnut-heading-section h1 {
        font-size: 42px;
        line-height: 56px;
        margin-top: 80px;
        top: 0;
        transform: none;
    }
 
    .groundnut-heading-section::after {
        height: 50px;
    }
 
    /* ---- Wrapper sections ---- */
    .groundnut-product-section {
        min-height: 0;
        padding-bottom: 40px !important;
    }
 
    .tag24-product-section {
        padding: 50px 24px 30px;
    }
 
    /* ---- Product container ---- */
    .tag24-product-container {
        gap: 30px;
        padding-top: 20px;
        padding-bottom: 35px;
    }
 
    /* ---- Image ---- */
    .tag24-image-box {
        width: 42%;
        flex-shrink: 0;
    }
 
    .tag24-image-box img {
        height: 240px;
    }
 
    /* ---- Heading ---- */
    .tag24-content-box h2 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 14px;
    }
 
    /* ---- List ---- */
    .tag24-content-box ul {
        margin-left: 0;
        padding-left: 20px;
    }
 
    .tag24-content-box li {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 4px;
        transform: none;
    }
}
 
 
/* =========================================================
   MOBILE  (up to 768px)
   Stacked layout: image on top, text below
========================================================= */
@media (max-width: 768px) {
 
    /* ---- Heading ---- */
    .groundnut-heading-section {
        padding: 40px 16px 60px;
    }
 
    .groundnut-heading-section h1 {
        font-size: 30px;
        line-height: 40px;
        margin-top: 60px;
        top: 0;
        transform: none;
    }
 
    .groundnut-heading-section::after {
        height: 35px;
    }
 
    /* ---- Wrapper sections ---- */
    .groundnut-product-section {
        min-height: 0;
        padding-bottom: 30px !important;
    }
 
    .tag24-product-section {
        padding: 30px 16px 30px;
    }
 
    /* ---- Product container: stack vertically ---- */
    .tag24-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
        padding: 10px 0 28px;
    }
 
    /* ---- Image first, full width ---- */
    .tag24-image-box {
        width: 100%;
        order: -1;
        flex-shrink: 0;
    }
 
    .tag24-image-box img {
        width: 100%;
        height: auto;
        max-height: 260px;
        margin: 0 auto;
    }
 
    /* ---- Content ---- */
    .tag24-content-box {
        width: 100%;
        flex: none;
    }
 
    .tag24-content-box h2 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 12px;
    }
 
    .tag24-content-box ul {
        margin-left: 0;
        padding-left: 20px;
    }
 
    .tag24-content-box li {
        font-size: 15px;
        line-height: 1.65;
        margin-bottom: 4px;
        transform: none;        /* removes the translate offset */
    }
}
 
 
/* =========================================================
   SMALL MOBILE  (up to 480px)
========================================================= */
@media (max-width: 480px) {
 
    .groundnut-heading-section {
        padding: 30px 14px 50px;
    }
 
    .groundnut-heading-section h1 {
        font-size: 26px;
        line-height: 34px;
        margin-top: 50px;
    }
 
    .groundnut-product-section {
        padding-bottom: 20px !important;
    }
 
    .tag24-product-section {
        padding: 20px 14px 20px;
    }
 
    .tag24-image-box img {
        max-height: 220px;
    }
 
    .tag24-content-box h2 {
        font-size: 20px;
        line-height: 26px;
    }
 
    .tag24-content-box li {
        font-size: 14px;
    }
}
 
/*----------------------------------------------cottun-----------------------------------------------------------------------*/



/* Cotton Product Section */
.cotton-product-section {
    min-height: 500px;
    padding-bottom: 30px !important;
    box-sizing: border-box;
}

/* Cotton Heading Section */
.cotton-heading-section {
    width: 100%;
    background-color: #F4F6F4;
    padding: 80px 20px 80px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}

/* Cotton Heading */
.cotton-heading-section h1 {
    font-size: 55px;
    font-weight: 700;
    line-height: 73px;
    color: rgb(20, 38, 28);
    margin: 0;
    font-family: 'Poppins', sans-serif;
    margin-top: 130px;
    position: relative;
    top: 20px;
    transform: translate(0, -50px);
}

/* Hide Before Element */
.cotton-heading-section::before {
    display: none !important;
}

/* Cotton Wave Shape */
.cotton-heading-section::after {
    content: "";
    display: block !important;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 70px;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='none'><g fill='%23ffffff'><path d='M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7 s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7 c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z'/><path d='M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3C267.7,18.8,269.7,18,269.6,18z'/><path d='M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2S227.6,9.9,227.4,9.8z'/><path d='M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4C206.4,12.9,204.6,13.5,204.5,13.4z'/><path d='M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0,4.2-1.6,6.3-2.6S201,10.7,201,10.6z'/><path d='M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3C152.6,27.5,154.6,26.8,154.5,26.7z'/><path d='M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z'/><path d='M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0C76.9,11.5,75.3,12.5,75.5,12.6z'/><path d='M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4C19.9,13.7,15.7,13.3,15.6,13.2z'/></g></svg>");
}



/* =========================================================
   COTTON PRODUCT SECTION
========================================================= */

.cotton-product-section {
    width: 100%;
    background-color: #F4F6F4;
    padding: 80px 30px 100px;
    box-sizing: border-box;
}


/* =========================================================
   PRODUCT 1: DHAMAL
========================================================= */

.dhamal-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 50px;
    padding-bottom: 45px;
    box-sizing: border-box;
}

/* Left Side Image */

.dhamal-image-box {
    width: 45%;
    flex-shrink: 0;
}

.dhamal-image-box img {
    display: block;
    width: 100%;
    height: 290px;
    object-fit: contain;
}

/* Right Side Content */

.dhamal-content-box {
    flex: 1;
    min-width: 0;
    margin-top: -20px;
}

.dhamal-content-box h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 31px;
    color: rgb(20, 38, 28);
    margin: 0 0 20px;
    font-family: Poppins, sans-serif;
}

.dhamal-content-box ul {
    margin: 0;
    padding-left: 22px;
    margin-left: 30px;
    font-family: Poppins, sans-serif;
}

.dhamal-content-box li {
    font-size: 19px;
    color: rgb(5, 5, 5);
    margin-bottom: 1px;
    transform: translate(0, -10px);
    font-weight: 500;
    font-family: Poppins, sans-serif;
}

/* Bottom Black Line */

.dhamal-bottom-line {
    display: block;
    width: 85%;
    height: 1px;
    background-color: #000000;
    transform: translate(130px, 0);
    margin-top: 20px;
}


/* =========================================================
   PRODUCT 2: HIMMAT
========================================================= */

.himmat-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 80px auto 0;
    display: flex;
    align-items: center;
    gap: 30px;
    padding-bottom: 60px;
    box-sizing: border-box;
}

/* Left Side Content */

.himmat-content-box {
    flex: 1;
    min-width: 0;
    margin-left: 200px;
}

.himmat-content-box h2 {
    margin: 0 0 20px;
    margin-left: -80px;
    font-family: Poppins, sans-serif;
    font-size: 26px;
    font-weight: 760;
    line-height: 31px;
    color: rgb(20, 38, 28);
}

.himmat-content-box ul {
    margin: 0;
    padding-left: 2px;
    font-family: Poppins, sans-serif;
}

.himmat-content-box li {
    transform: translate(-25px, 0);
    font-family: Poppins, sans-serif;
    margin-bottom: 1px;
    font-size: 19px;
    color: rgb(5, 5, 5);
}

/* Right Side Image */

.himmat-image-box {
    width: 45%;
    flex-shrink: 0;
}

.himmat-image-box img {
    display: block;
    width: 100%;
    height: 330px;
    object-fit: contain;
}



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

@media (max-width: 768px) {

    .cotton-product-section {
        padding: 30px 20px 100px;
    }

    /* DHAMAL */

    .dhamal-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding-bottom: 30px;
    }

    .dhamal-image-box {
        width: 100%;
    }

    .dhamal-image-box img {
        height: 280px;
    }

    .dhamal-content-box h2 {
        font-size: 27px;
    }

    .dhamal-content-box li {
        font-size: 15px;
        line-height: 1.7;
    }

    .dhamal-bottom-line {
        width: 100%;
        transform: none;
    }

    /* HIMMAT */

    .himmat-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding: 0 0 30px;
    }

    .himmat-content-box {
        margin-left: 0;
    }

    .himmat-content-box h2 {
        font-size: 27px;
        margin-left: 0;
    }

    .himmat-content-box li {
        font-size: 15px;
        line-height: 1.7;
        transform: none;
    }

    .himmat-image-box {
        width: 100%;
    }

    .himmat-image-box img {
        height: 280px;
    }

    .himmat-bottom-line {
        width: 100%;
        transform: none;
    }
}




/* Cotton Page Header Scrolls with Page */

.cotton-page header,
.cotton-page #header,
.cotton-page .header,
.cotton-page .site-header,
.cotton-page .main-header,
.cotton-page .navbar,
.cotton-page .navbar-fixed-top,
.cotton-page .fixed-top,
.cotton-page .sticky-top,
.cotton-page .is-sticky {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
}
 
/* =========================================================
   TABLET  (769px – 1024px)
   Keeps side-by-side layout with tidier spacing
========================================================= */
@media (min-width: 769px) and (max-width: 1024px) {
 
    /* ---- Heading ---- */
    .cotton-heading-section {
        padding: 60px 24px 80px;
    }
 
    .cotton-heading-section h1 {
        font-size: 42px;
        line-height: 56px;
        margin-top: 80px;
        top: 0;
        transform: none;
    }
 
    .cotton-heading-section::after {
        height: 50px;
    }
 
    /* ---- Section wrapper ---- */
    .cotton-product-section {
        min-height: 0;
        padding: 50px 24px 40px !important;
    }
 
    /* ---- Product containers ---- */
    .dhamal-product-container,
    .himmat-product-container {
        gap: 30px;
        margin-top: 0;
        padding-top: 30px;
        padding-bottom: 35px;
    }
 
    /* ---- Content boxes (removes offsets) ---- */
    .dhamal-content-box {
        margin-top: 0;
    }
 
    .himmat-content-box {
        margin-left: 0;         /* removes the 200px desktop offset */
    }
 
    /* ---- Images ---- */
    .dhamal-image-box,
    .himmat-image-box {
        width: 42%;
        flex-shrink: 0;
    }
 
    .dhamal-image-box img,
    .himmat-image-box img {
        height: 240px;
    }
 
    /* ---- Headings ---- */
    .dhamal-content-box h2,
    .himmat-content-box h2 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 14px;       /* removes the -80px offset */
    }
 
    /* ---- Lists ---- */
    .dhamal-content-box ul,
    .himmat-content-box ul {
        margin-left: 0;
        padding-left: 20px;
    }
 
    .dhamal-content-box li,
    .himmat-content-box li {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 4px;
        transform: none;
    }
 
    /* ---- Bottom lines ---- */
    .dhamal-bottom-line,
    .himmat-bottom-line {
        width: 100%;
        transform: none;
        margin-top: 10px;
    }
}
 
 
/* =========================================================
   MOBILE  (up to 768px)
   Stacked layout: image on top, text below
========================================================= */
@media (max-width: 768px) {
 
    /* ---- Heading ---- */
    .cotton-heading-section {
        padding: 40px 16px 60px;
    }
 
    .cotton-heading-section h1 {
        font-size: 30px;
        line-height: 40px;
        margin-top: 60px;
        top: 0;
        transform: none;
    }
 
    .cotton-heading-section::after {
        height: 35px;
    }
 
    /* ---- Section wrapper ---- */
    .cotton-product-section {
        min-height: 0;
        padding: 30px 16px 30px !important;   /* overrides the !important bottom padding */
    }
 
    /* ---- Product containers: stack vertically ---- */
    .dhamal-product-container,
    .himmat-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
        margin-top: 0;
        padding: 24px 0 28px;
    }
 
    /* ---- Image always first, full width ---- */
    .dhamal-image-box,
    .himmat-image-box {
        width: 100%;
        order: -1;
        flex-shrink: 0;
    }
 
    .dhamal-image-box img,
    .himmat-image-box img {
        width: 100%;
        height: auto;
        max-height: 260px;
        margin: 0 auto;
    }
 
    /* ---- Content boxes (removes offsets) ---- */
    .dhamal-content-box,
    .himmat-content-box {
        width: 100%;
        flex: none;
        margin-top: 0;
        margin-left: 0;         /* removes the 200px offset on Himmat */
    }
 
    /* ---- Headings ---- */
    .dhamal-content-box h2,
    .himmat-content-box h2 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 12px;       /* removes the -80px offset */
    }
 
    /* ---- Lists ---- */
    .dhamal-content-box ul,
    .himmat-content-box ul {
        margin-left: 0;
        padding-left: 20px;
    }
 
    .dhamal-content-box li,
    .himmat-content-box li {
        font-size: 15px;
        line-height: 1.65;
        margin-bottom: 4px;
        transform: none;        /* removes the translate offsets */
    }
 
    /* ---- Bottom lines ---- */
    .dhamal-bottom-line,
    .himmat-bottom-line {
        width: 100%;
        transform: none;
        margin-top: 8px;
    }
}
 
 
/* =========================================================
   SMALL MOBILE  (up to 480px)
========================================================= */
@media (max-width: 480px) {
 
    .cotton-heading-section {
        padding: 30px 14px 50px;
    }
 
    .cotton-heading-section h1 {
        font-size: 26px;
        line-height: 34px;
        margin-top: 50px;
    }
 
    .cotton-product-section {
        padding: 20px 14px 20px !important;
    }
 
    .dhamal-image-box img,
    .himmat-image-box img {
        max-height: 220px;
    }
 
    .dhamal-content-box h2,
    .himmat-content-box h2 {
        font-size: 20px;
        line-height: 26px;
    }
 
    .dhamal-content-box li,
    .himmat-content-box li {
        font-size: 14px;
    }
}
 



/*-----------------------------------------------------------------------Bengal Gram------------------------------------------*/



.bengalgram-product-section {
    min-height: 500px;
    padding-bottom: 50px!important;
    box-sizing: border-box;
}

/* Bengal Gram Heading Section */
.bengalgram-heading-section {
    width: 100%;
    background-color: #F4F6F4;
    padding: 80px 20px 80px;
    text-align: center;
    box-sizing: border-box;
}

/* Bengal Gram Heading */
.bengalgram-heading-section h1 {
    font-size: 55px;
    font-weight: 700;
    line-height: 73px;
    color: rgb(20, 38, 28);
    margin: 0;
    font-family: 'Poppins', sans-serif;
    margin-top: 130px;
    position: relative;
    top: 20px;
    transform: translate(0, -50px);
}

/* Hide Before Element */
.bengalgram-heading-section::before {
    display: none !important;
}

/* Wave Shape */
.bengalgram-heading-section {
    position: relative;
}

.bengalgram-heading-section::after {
    content: "";
    display: block !important;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 70px;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='none'><g fill='%23ffffff'><path d='M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7 s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7 c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z'/><path d='M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3C267.7,18.8,269.7,18,269.6,18z'/><path d='M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2S227.6,9.9,227.4,9.8z'/><path d='M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4C206.4,12.9,204.6,13.5,204.5,13.4z'/><path d='M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0,4.2-1.6,6.3-2.6S201,10.7,201,10.6z'/><path d='M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3C152.6,27.5,154.6,26.8,154.5,26.7z'/><path d='M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z'/><path d='M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0C76.9,11.5,75.3,12.5,75.5,12.6z'/><path d='M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4C19.9,13.7,15.7,13.3,15.6,13.2z'/></g></svg>");
}



/* =========================================================
   BENGAL GRAM PRODUCT SECTION
========================================================= */

.bengalgram-product-section {
    width: 100%;
    background-color: #F4F6F4;
    padding: 80px 30px 100px;
    box-sizing: border-box;
}


/* =========================================================
   PRODUCT 1: GRAM JAKI-9218
========================================================= */

.gramjaki9218-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 50px;
    padding-bottom: 45px;
    box-sizing: border-box;
}

/* Left Side Image */

.gramjaki9218-image-box {
    width: 45%;
    flex-shrink: 0;
}

.gramjaki9218-image-box img {
    display: block;
    width: 100%;
    height: 290px;
    object-fit: contain;
}

/* Right Side Content */

.gramjaki9218-content-box {
    flex: 1;
    min-width: 0;
    margin-top: -20px;
}

.gramjaki9218-content-box h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 31px;
    color: rgb(20, 38, 28);
    margin: 0 0 20px;
    font-family: Poppins, sans-serif;
}

.gramjaki9218-content-box ul {
    margin: 0;
    padding-left: 22px;
    margin-left: 30px;
    font-family: Poppins, sans-serif;
}

.gramjaki9218-content-box li {
    font-size: 19px;
    color: rgb(5, 5, 5);
    margin-bottom: 1px;
    transform: translate(0, -10px);
    font-weight: 500;
    font-family: Poppins, sans-serif;
}

/* Bottom Black Line */

.gramjaki9218-bottom-line {
    display: block;
    width: 85%;
    height: 1px;
    background-color: #000000;
    transform: translate(130px, 0);
    margin-top: 20px;
}


/* =========================================================
   PRODUCT 2: VIJAY
========================================================= */

.vijay-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 80px auto 0;
    display: flex;
    align-items: center;
    gap: 30px;
    padding-bottom: 60px;
    box-sizing: border-box;
}

/* Left Side Content */

.vijay-content-box {
    flex: 1;
    min-width: 0;
    margin-left: 200px;
}

.vijay-content-box h2 {
    margin: 0 0 20px;
    margin-left: -80px;
    font-family: Poppins, sans-serif;
    font-size: 26px;
    font-weight: 760;
    line-height: 31px;
    color: rgb(20, 38, 28);
}

.vijay-content-box ul {
    margin: 0;
    padding-left: 2px;
    font-family: Poppins, sans-serif;
}

.vijay-content-box li {
    transform: translate(-25px, 0);
    font-family: Poppins, sans-serif;
    margin-bottom: 1px;
    font-size: 19px;
    color: rgb(5, 5, 5);
}

/* Right Side Image */

.vijay-image-box {
    width: 45%;
    flex-shrink: 0;
}

.vijay-image-box img {
    display: block;
    width: 100%;
    height: 330px;
    object-fit: contain;
}

/* Bottom Black Line */

.vijay-bottom-line {
    display: block;
    width: 85%;
    height: 1px;
    background-color: #000000;
    transform: translate(130px, 0);
    margin-top: 20px;
}


/* =========================================================
   PRODUCT 3: VIRAT
========================================================= */

.virat-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 50px 0 45px;
    box-sizing: border-box;
}

/* Left Side Image */

.virat-image-box {
    width: 45%;
    flex-shrink: 0;
}

.virat-image-box img {
    display: block;
    width: 100%;
    height: 330px;
    object-fit: contain;
}

/* Right Side Content */

.virat-content-box {
    flex: 1;
    min-width: 0;
}

.virat-content-box h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 31px;
    color: rgb(20, 38, 28);
    margin: 0 0 20px;
    font-family: Poppins, sans-serif;
}

.virat-content-box ul {
    margin: 0;
    padding-left: 22px;
    margin-left: 30px;
    font-family: Poppins, sans-serif;
}

.virat-content-box li {
    font-size: 19px;
    line-height: 1.5;
    color: rgb(5, 5, 5);
    margin-bottom: 1px;
    transform: translate(0, -10px);
    font-weight: 500;
    font-family: Poppins, sans-serif;
}



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

@media (max-width: 768px) {

    .bengalgram-product-section {
        padding: 30px 20px 100px;
    }

    /* GRAM JAKI-9218 */

    .gramjaki9218-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding-bottom: 30px;
    }

    .gramjaki9218-image-box {
        width: 100%;
    }

    .gramjaki9218-image-box img {
        height: 280px;
    }

    .gramjaki9218-content-box h2 {
        font-size: 27px;
    }

    .gramjaki9218-content-box li {
        font-size: 15px;
        line-height: 1.7;
    }

    .gramjaki9218-bottom-line {
        width: 100%;
        transform: none;
    }

    /* VIJAY */

    .vijay-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding: 0 0 30px;
    }

    .vijay-content-box h2 {
        font-size: 27px;
        margin-left: 0;
    }

    .vijay-content-box li {
        font-size: 15px;
        line-height: 1.7;
        transform: none;
    }

    .vijay-image-box {
        width: 100%;
    }

    .vijay-image-box img {
        height: 280px;
    }

    .vijay-bottom-line {
        width: 100%;
        transform: none;
    }

    /* VIRAT */

    .virat-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding: 30px 0;
    }

    .virat-image-box {
        width: 100%;
    }

    .virat-image-box img {
        height: 280px;
    }

    .virat-content-box h2 {
        font-size: 27px;
    }

    .virat-content-box li {
        font-size: 15px;
        line-height: 1.7;
    }

    .virat-bottom-line {
        width: 100%;
        transform: none;
    }
}



/* Cotton Page Header Scrolls with Page */

.cotton-page header,
.cotton-page #header,
.cotton-page .header,
.cotton-page .site-header,
.cotton-page .main-header,
.cotton-page .navbar,
.cotton-page .navbar-fixed-top,
.cotton-page .fixed-top,
.cotton-page .sticky-top,
.cotton-page .is-sticky {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
}



/* =========================================================
   TABLET  (769px – 1024px)
   Keeps side-by-side layout with tidier spacing
========================================================= */
@media (min-width: 769px) and (max-width: 1024px) {
 
    /* ---- Heading ---- */
    .bengalgram-heading-section {
        padding: 60px 24px 80px;
    }
 
    .bengalgram-heading-section h1 {
        font-size: 42px;
        line-height: 56px;
        margin-top: 80px;
        top: 0;
        transform: none;
    }
 
    .bengalgram-heading-section::after {
        height: 50px;
    }
 
    /* ---- Section wrapper ---- */
    .bengalgram-product-section {
        min-height: 0;
        padding: 50px 24px 40px !important;
    }
 
    /* ---- Product containers ---- */
    .gramjaki9218-product-container,
    .vijay-product-container,
    .virat-product-container {
        gap: 30px;
        margin-top: 0;
        padding-top: 30px;
        padding-bottom: 35px;
    }
 
    /* ---- Content boxes (removes offsets) ---- */
    .gramjaki9218-content-box {
        margin-top: 0;
    }
 
    .vijay-content-box {
        margin-left: 0;         /* removes the 200px desktop offset */
    }
 
    /* ---- Images ---- */
    .gramjaki9218-image-box,
    .vijay-image-box,
    .virat-image-box {
        width: 42%;
        flex-shrink: 0;
    }
 
    .gramjaki9218-image-box img,
    .vijay-image-box img,
    .virat-image-box img {
        height: 240px;
    }
 
    /* ---- Headings ---- */
    .gramjaki9218-content-box h2,
    .vijay-content-box h2,
    .virat-content-box h2 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 14px;       /* removes the -80px offset */
    }
 
    /* ---- Lists ---- */
    .gramjaki9218-content-box ul,
    .vijay-content-box ul,
    .virat-content-box ul {
        margin-left: 0;
        padding-left: 20px;
    }
 
    .gramjaki9218-content-box li,
    .vijay-content-box li,
    .virat-content-box li {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 4px;
        transform: none;
    }
 
    /* ---- Bottom lines ---- */
    .gramjaki9218-bottom-line,
    .vijay-bottom-line,
    .virat-bottom-line {
        width: 100%;
        transform: none;
        margin-top: 10px;
    }
}
 
 
/* =========================================================
   MOBILE  (up to 768px)
   Stacked layout: image on top, text below
========================================================= */
@media (max-width: 768px) {
 
    /* ---- Heading ---- */
    .bengalgram-heading-section {
        padding: 40px 16px 60px;
    }
 
    .bengalgram-heading-section h1 {
        font-size: 30px;
        line-height: 40px;
        margin-top: 60px;
        top: 0;
        transform: none;
    }
 
    .bengalgram-heading-section::after {
        height: 35px;
    }
 
    /* ---- Section wrapper ---- */
    .bengalgram-product-section {
        min-height: 0;
        padding: 30px 16px 30px !important;   /* overrides the !important bottom padding */
    }
 
    /* ---- Product containers: stack vertically ---- */
    .gramjaki9218-product-container,
    .vijay-product-container,
    .virat-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
        margin-top: 0;
        padding: 24px 0 28px;
    }
 
    /* ---- Image always first, full width ---- */
    .gramjaki9218-image-box,
    .vijay-image-box,
    .virat-image-box {
        width: 100%;
        order: -1;
        flex-shrink: 0;
    }
 
    .gramjaki9218-image-box img,
    .vijay-image-box img,
    .virat-image-box img {
        width: 100%;
        height: auto;
        max-height: 260px;
        margin: 0 auto;
    }
 
    /* ---- Content boxes (removes offsets) ---- */
    .gramjaki9218-content-box,
    .vijay-content-box,
    .virat-content-box {
        width: 100%;
        flex: none;
        margin-top: 0;
        margin-left: 0;         /* removes the 200px offset on Vijay */
    }
 
    /* ---- Headings ---- */
    .gramjaki9218-content-box h2,
    .vijay-content-box h2,
    .virat-content-box h2 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 12px;       /* removes the -80px offset */
    }
 
    /* ---- Lists ---- */
    .gramjaki9218-content-box ul,
    .vijay-content-box ul,
    .virat-content-box ul {
        margin-left: 0;
        padding-left: 20px;
    }
 
    .gramjaki9218-content-box li,
    .vijay-content-box li,
    .virat-content-box li {
        font-size: 15px;
        line-height: 1.65;
        margin-bottom: 4px;
        transform: none;        /* removes the translate offsets */
    }
 
    /* ---- Bottom lines ---- */
    .gramjaki9218-bottom-line,
    .vijay-bottom-line,
    .virat-bottom-line {
        width: 100%;
        transform: none;
        margin-top: 8px;
    }
}
 
 
/* =========================================================
   SMALL MOBILE  (up to 480px)
========================================================= */
@media (max-width: 480px) {
 
    .bengalgram-heading-section {
        padding: 30px 14px 50px;
    }
 
    .bengalgram-heading-section h1 {
        font-size: 26px;
        line-height: 34px;
        margin-top: 50px;
    }
 
    .bengalgram-product-section {
        padding: 20px 14px 20px !important;
    }
 
    .gramjaki9218-image-box img,
    .vijay-image-box img,
    .virat-image-box img {
        max-height: 220px;
    }
 
    .gramjaki9218-content-box h2,
    .vijay-content-box h2,
    .virat-content-box h2 {
        font-size: 20px;
        line-height: 26px;
    }
 
    .gramjaki9218-content-box li,
    .vijay-content-box li,
    .virat-content-box li {
        font-size: 14px;
    }
}
 

/*-----------------------------------------------------------Onion----------------------------------------------------------*/



.phulevarun-product-section {
    min-height: 450px;
    padding-bottom: 100px !important;
    box-sizing: border-box;
}

/* Onion Heading Section */
.onion-heading-section {
    width: 100%;
    background-color: #F4F6F4;
    padding: 80px 20px 80px;
    text-align: center;
    box-sizing: border-box;
}

/* Onion Heading */
.onion-heading-section h1 {
    font-size: 55px;
    font-weight: 700;
    line-height: 73px;
    color: rgb(20, 38, 28);
    margin: 0;
    font-family: 'Poppins', sans-serif;
    margin-top: 130px;
    position: relative;
    top: 20px;
    transform: translate(0, -50px);
}

/* Hide Before Element */
.onion-heading-section::before {
    display: none !important;
}

/* Wave Shape */
.onion-heading-section {
    position: relative;
}

.onion-heading-section::after {
    content: "";
    display: block !important;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 70px;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='none'><g fill='%23ffffff'><path d='M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7 s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7 c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z'/><path d='M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3C267.7,18.8,269.7,18,269.6,18z'/><path d='M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2S227.6,9.9,227.4,9.8z'/><path d='M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4C206.4,12.9,204.6,13.5,204.5,13.4z'/><path d='M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0,4.2-1.6,6.3-2.6S201,10.7,201,10.6z'/><path d='M154.5,26.7c-0.1,0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3C152.6,27.5,154.6,26.8,154.5,26.7z'/><path d='M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z'/><path d='M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0C76.9,11.5,75.3,12.5,75.5,12.6z'/><path d='M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4C19.9,13.7,15.7,13.3,15.6,13.2z'/></g></svg>");
}

/* =========================================================
   SAMARTH PRODUCT SECTION
========================================================= */

.samarth-product-section {
    width: 100%;
    background-color: #F4F6F4;
    padding: 80px 30px 100px;
    box-sizing: border-box;
}

/* Main Container */

.samarth-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 50px;
    padding-bottom: 45px;
    box-sizing: border-box;
}

/* Left Side Image */

.samarth-image-box {
    width: 45%;
    flex-shrink: 0;
}

.samarth-image-box img {
    display: block;
    width: 100%;
    height: 330px;
    object-fit: contain;
}

/* Right Side Content */

.samarth-content-box {
    flex: 1;
    min-width: 0;
}

.samarth-content-box h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 31px;
    color: rgb(20, 38, 28);
    margin: 0 0 20px;
    font-family: Poppins, sans-serif;
}

.samarth-content-box ul {
    margin: 0;
    padding-left: 22px;
    margin-left: 30px;
    font-family: Poppins, sans-serif;
}

.samarth-content-box li {
    font-size: 20px;
    color: rgb(5, 5, 5);
    margin-bottom: 1px;
    transform: translate(0, -10px);
    font-weight: 500;
    font-family: Poppins, sans-serif;
}

.samarth-content-box strong {
    font-weight: 700;
}

/* Bottom Black Line */

.samarth-bottom-line {
    width: 85%;
    height: 1px;
    background-color: #000000;
    transform: translate(130px, 0);
    margin-top: 20px;
}


/* =========================================================
   BHIMA SHAKTI PRODUCT SECTION
========================================================= */

.bhimashakti-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 30px;
    padding-bottom: 45px;
    box-sizing: border-box;
    margin-top: 40px;
}

/* Left Side Content */

.bhimashakti-content-box {
    flex: 1;
    min-width: 0;
}

.bhimashakti-content-box h2 {
    margin: 0 0 20px;
    margin-left: -80px;
    font-family: Poppins, sans-serif;
    font-size: 26px;
    font-weight: 760;
    line-height: 31px;
    color: rgb(20, 38, 28);
}

.bhimashakti-content-box ul {
    margin: 0;
    padding-left: 2px;
    font-family: Poppins, sans-serif;
}

.bhimashakti-content-box li {
    transform: translate(-25px, 0);
    font-family: Poppins, sans-serif;
    margin-bottom: 1px;
    font-size: 20px;
    color: rgb(5, 5, 5);
}

/* Right Side Image */

.bhimashakti-image-box {
    width: 45%;
    flex-shrink: 40;
}

.bhimashakti-image-box img {
    display: block;
    width: 100%;
    height: 380px;
    object-fit: contain;
}




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

@media (max-width: 768px) {

    .samarth-product-section {
        padding: 30px 20px 0;
    }

    .samarth-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding-bottom: 30px;
    }

    .samarth-image-box {
        width: 100%;
    }

    .samarth-image-box img {
        height: 280px;
    }

    .samarth-content-box h2 {
        font-size: 27px;
    }

    .samarth-content-box li {
        font-size: 15px;
        line-height: 1.7;
    }

    .samarth-bottom-line,
    .bhimashakti-bottom-line {
        width: 100%;
        transform: none;
    }

    .bhimashakti-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding-bottom: 30px;
    }

    .bhimashakti-content-box h2 {
        font-size: 27px;
        margin-left: 0;
    }

    .bhimashakti-content-box li {
        font-size: 15px;
        line-height: 1.7;
    }

    .bhimashakti-image-box {
        width: 100%;
    }

    .bhimashakti-image-box img {
        height: 280px;
    }
}

/* Onion Page Header Scrolls with Page */

.onion-page header,
.onion-page #header,
.onion-page .header,
.onion-page .site-header,
.onion-page .main-header,
.onion-page .navbar,
.onion-page .navbar-fixed-top,
.onion-page .fixed-top,
.onion-page .sticky-top,
.onion-page .is-sticky {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
}


/* =========================================================
   TABLET  (769px – 1024px)
   Keeps side-by-side layout with tidier spacing
========================================================= */
@media (min-width: 769px) and (max-width: 1024px) {
 
    /* ---- Heading ---- */
    .onion-heading-section {
        padding: 60px 24px 80px;
    }
 
    .onion-heading-section h1 {
        font-size: 42px;
        line-height: 56px;
        margin-top: 80px;
        top: 0;
        transform: none;
    }
 
    .onion-heading-section::after {
        height: 50px;
    }
 
    /* ---- Section wrappers ---- */
    .samarth-product-section {
        padding: 50px 24px 50px;
    }
 
    .phulevarun-product-section {
        min-height: 0;
        padding-bottom: 60px !important;
    }
 
    /* ---- Product containers ---- */
    .samarth-product-container,
    .bhimashakti-product-container {
        gap: 30px;
        margin-top: 0;
        padding-top: 20px;
        padding-bottom: 35px;
    }
 
    /* ---- Images ---- */
    .samarth-image-box,
    .bhimashakti-image-box {
        width: 42%;
        flex-shrink: 0;       /* fixes the flex-shrink: 40 on Bhima Shakti */
    }
 
    .samarth-image-box img,
    .bhimashakti-image-box img {
        height: 250px;
    }
 
    /* ---- Headings ---- */
    .samarth-content-box h2,
    .bhimashakti-content-box h2 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 14px;       /* removes the -80px offset */
    }
 
    /* ---- Lists ---- */
    .samarth-content-box ul,
    .bhimashakti-content-box ul {
        margin-left: 0;
        padding-left: 20px;
    }
 
    .samarth-content-box li,
    .bhimashakti-content-box li {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 4px;
        transform: none;
    }
 
    /* ---- Bottom lines ---- */
    .samarth-bottom-line,
    .bhimashakti-bottom-line {
        width: 100%;
        transform: none;
        margin-top: 10px;
    }
}
 
 
/* =========================================================
   MOBILE  (up to 768px)
   Stacked layout: image on top, text below
========================================================= */
@media (max-width: 768px) {
 
    /* ---- Heading ---- */
    .onion-heading-section {
        padding: 40px 16px 60px;
    }
 
    .onion-heading-section h1 {
        font-size: 30px;
        line-height: 40px;
        margin-top: 60px;
        top: 0;
        transform: none;
    }
 
    .onion-heading-section::after {
        height: 35px;
    }
 
    /* ---- Section wrappers ---- */
    .samarth-product-section {
        padding: 30px 16px 30px;
    }
 
    .phulevarun-product-section {
        min-height: 0;
        padding-bottom: 40px !important;   /* overrides the 100px !important gap */
    }
 
    /* ---- Product containers: stack vertically ---- */
    .samarth-product-container,
    .bhimashakti-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
        margin-top: 0;
        padding: 16px 0 28px;
    }
 
    /* ---- Image always first, full width ---- */
    .samarth-image-box,
    .bhimashakti-image-box {
        width: 100%;
        order: -1;
        flex-shrink: 0;
    }
 
    .samarth-image-box img,
    .bhimashakti-image-box img {
        width: 100%;
        height: auto;
        max-height: 260px;
        margin: 0 auto;
    }
 
    /* ---- Content boxes ---- */
    .samarth-content-box,
    .bhimashakti-content-box {
        width: 100%;
        flex: none;
    }
 
    /* ---- Headings ---- */
    .samarth-content-box h2,
    .bhimashakti-content-box h2 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 12px;       /* removes the -80px offset */
    }
 
    /* ---- Lists ---- */
    .samarth-content-box ul,
    .bhimashakti-content-box ul {
        margin-left: 0;
        padding-left: 20px;
    }
 
    .samarth-content-box li,
    .bhimashakti-content-box li {
        font-size: 15px;
        line-height: 1.65;
        margin-bottom: 4px;
        transform: none;        /* removes the translate offsets */
    }
 
    /* ---- Bottom lines ---- */
    .samarth-bottom-line,
    .bhimashakti-bottom-line {
        width: 100%;
        transform: none;
        margin-top: 8px;
    }
}
 
 
/* =========================================================
   SMALL MOBILE  (up to 480px)
========================================================= */
@media (max-width: 480px) {
 
    .onion-heading-section {
        padding: 30px 14px 50px;
    }
 
    .onion-heading-section h1 {
        font-size: 26px;
        line-height: 34px;
        margin-top: 50px;
    }
 
    .samarth-product-section {
        padding: 20px 14px 20px;
    }
 
    .phulevarun-product-section {
        padding-bottom: 30px !important;
    }
 
    .samarth-image-box img,
    .bhimashakti-image-box img {
        max-height: 220px;
    }
 
    .samarth-content-box h2,
    .bhimashakti-content-box h2 {
        font-size: 20px;
        line-height: 26px;
    }
 
    .samarth-content-box li,
    .bhimashakti-content-box li {
        font-size: 14px;
    }
}
 

/*--------------------------------------------------wheat---------------------------------------------------------------------*/



/* Wheat Product Section */
.phulevarun-product-section {
    min-height: 500px;
    padding-bottom: 200px !important;
    box-sizing: border-box;
}

/* Wheat Heading Section */
.wheat-heading-section {
    width: 100%;
    background-color: #F4F6F4;
    padding: 80px 20px 80px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}

/* Wheat Heading */
.wheat-heading-section h1 {
    font-size: 55px;
    font-weight: 700;
    line-height: 73px;
    color: rgb(20, 38, 28);
    margin: 0;
    font-family: 'Poppins', sans-serif;
    margin-top: 130px;
    position: relative;
    top: 20px;
    transform: translate(0, -50px);
}

/* Hide Before Element */
.wheat-heading-section::before {
    display: none !important;
}

/* Wave Shape */
.wheat-heading-section::after {
    content: "";
    display: block !important;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 70px;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='none'><g fill='%23ffffff'><path d='M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7 s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7 c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z'/><path d='M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3C267.7,18.8,269.7,18,269.6,18z'/><path d='M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2S227.6,9.9,227.4,9.8z'/><path d='M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4C206.4,12.9,204.6,13.5,204.5,13.4z'/><path d='M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0,4.2-1.6,6.3-2.6S201,10.7,201,10.6z'/><path d='M154.5,26.7c-0.1,0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3C152.6,27.5,154.6,26.8,154.5,26.7z'/><path d='M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z'/><path d='M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0C76.9,11.5,75.3,12.5,75.5,12.6z'/><path d='M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4C19.9,13.7,15.7,13.3,15.6,13.2z'/></g></svg>");
}



/* =========================================================
   WHEAT PRODUCTS SECTION
========================================================= */

.wheat-products-section {
    width: 100%;
    background-color: #F4F6F4;
    padding: 80px 30px 100px;
    box-sizing: border-box;
}

/* =========================================================
   PRODUCT 1: LOK-1
========================================================= */

.wheat-lok1-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 50px;
    padding-bottom: 45px;
    box-sizing: border-box;
}

/* Left Side Image */

.wheat-lok1-image-box {
    width: 45%;
    flex-shrink: 0;
}

.wheat-lok1-image-box img {
    display: block;
    width: 100%;
    height: 330px;
    object-fit: contain;
}

/* Right Side Content */

.wheat-lok1-content-box {
    flex: 1;
    min-width: 0;
}

.wheat-lok1-content-box h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 31px;
    color: rgb(20, 38, 28);
    margin: 0 0 20px;
    font-family: Poppins, sans-serif;
}

.wheat-lok1-content-box ul {
    margin: 0;
    padding-left: 22px;
    margin-left: 30px;
    font-family: Poppins, sans-serif;
}

.wheat-lok1-content-box li {
    font-size: 20px;
    line-height: 1.5;
    color: rgb(5, 5, 5);
    margin-bottom: 1px;
    transform: translate(0, -10px);
    font-weight: 500;
    font-family: Poppins, sans-serif;
}

/* Bottom Black Line */

.wheat-lok1-bottom-line {
    width: 85%;
    height: 1px;
    background-color: #000000;
    margin: 20px 0 0 11%;
}


/* =========================================================
   PRODUCT 2: GW-496
========================================================= */

.wheat-gw496-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 40px auto 0 ;
    display: flex;
    align-items: center;
    gap: 30px;
    padding-bottom: 45px;
    box-sizing: border-box;
    transform: translate(50px,0);
}

/* Left Side Content */

.wheat-gw496-content-box {
    flex: 1;
    min-width: 0;
}

.wheat-gw496-content-box h2 {
    margin: 0 0 20px -80px;
    font-family: Poppins, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 31px;
    color: rgb(20, 38, 28);
}

.wheat-gw496-content-box ul {
    margin: 0;
    padding-left: 2px;
    font-family: Poppins, sans-serif;
}

.wheat-gw496-content-box li {
    transform: translate(-25px, 0);
    font-family: Poppins, sans-serif;
    margin-bottom: 1px;
    font-size: 20px;
    line-height: 1.5;
    color: rgb(5, 5, 5);
    font-weight: 500;
}

/* Right Side Image */

.wheat-gw496-image-box {
    width: 45%;
    flex-shrink: 0;
}

.wheat-gw496-image-box img {
    display: block;
    width: 100%;
    height: 330px;
    object-fit: contain;
}

/* Bottom Black Line */

.wheat-gw496-bottom-line {
    width: 85%;
    height: 1px;
    background-color: #000000;
    margin: 20px 0 0 11%;
}


/* =========================================================
   PRODUCT 3: KP-102
========================================================= */

.wheat-kp102-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 50px 0 45px;
    box-sizing: border-box;
}

/* Left Side Image */

.wheat-kp102-image-box {
    width: 45%;
    flex-shrink: 0;
}

.wheat-kp102-image-box img {
    display: block;
    width: 100%;
    height:400px;
    object-fit: contain;
}

/* Right Side Content */

.wheat-kp102-content-box {
    flex: 1;
    min-width: 0;
}

.wheat-kp102-content-box h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 31px;
    color: rgb(20, 38, 28);
    margin: 0 0 20px;
    font-family: Poppins, sans-serif;
}

.wheat-kp102-content-box ul {
    margin: 0;
    padding-left: 22px;
    margin-left: 30px;
    font-family: Poppins, sans-serif;
}

.wheat-kp102-content-box li {
    font-size: 20px;
    line-height: 1.5;
    color: rgb(5, 5, 5);
    margin-bottom: 1px;
    transform: translate(0, -10px);
    font-weight: 500;
    font-family: Poppins, sans-serif;
}

/* Bottom Black Line */

.wheat-kp102-bottom-line {
    width: 85%;
    height: 1px;
    background-color: #000000;
    margin: 20px 0 0 11%;
}


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

@media (max-width: 768px) {

    .wheat-products-section {
        padding: 30px 20px 50px;
    }

    /* Lok-1 */

    .wheat-lok1-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding-bottom: 30px;
    }

    .wheat-lok1-image-box {
        width: 100%;
    }

    .wheat-lok1-image-box img {
        height: 280px;
    }

    .wheat-lok1-content-box h2 {
        font-size: 27px;
    }

    .wheat-lok1-content-box ul {
        margin-left: 0;
    }

    .wheat-lok1-content-box li {
        font-size: 15px;
        line-height: 1.7;
        transform: none;
    }

    .wheat-lok1-bottom-line {
        width: 100%;
        margin-left: 0;
    }

    /* GW-496 */

    .wheat-gw496-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding-bottom: 30px;
    }

    .wheat-gw496-content-box h2 {
        font-size: 27px;
        margin-left: 0;
    }

    .wheat-gw496-content-box ul {
        padding-left: 22px;
    }

    .wheat-gw496-content-box li {
        font-size: 15px;
        line-height: 1.7;
        transform: none;
    }

    .wheat-gw496-image-box {
        width: 100%;
    }

    .wheat-gw496-image-box img {
        height: 280px;
    }

    .wheat-gw496-bottom-line {
        width: 100%;
        margin-left: 0;
    }

    /* KP-102 */

    .wheat-kp102-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding: 30px 0;
    }

    .wheat-kp102-image-box {
        width: 100%;
    }

    .wheat-kp102-image-box img {
        height: 280px;
    }

    .wheat-kp102-content-box h2 {
        font-size: 27px;
    }

    .wheat-kp102-content-box ul {
        margin-left: 0;
    }

    .wheat-kp102-content-box li {
        font-size: 15px;
        line-height: 1.7;
        transform: none;
    }

    .wheat-kp102-bottom-line {
        width: 100%;
        margin-left: 0;
    }
}


/* Reduce Extra Bottom Background Space */

.phulevarun-product-section {
    min-height: auto !important;
    padding-bottom: 0 !important;
    box-sizing: border-box;
}

/* Wheat Products Section Bottom Space */

.wheat-products-section {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Last Product Bottom Space */

.wheat-kp102-product-container {
    padding-bottom: 40 !important;
}

/* Last Bottom Black Line */

.wheat-kp102-bottom-line {
    margin-bottom: 40 !important;
}


/* Wheat Page Header Scrolls with Page */

.wheat-page header,
.wheat-page #header,
.wheat-page .header,
.wheat-page .site-header,
.wheat-page .main-header,
.wheat-page .navbar,
.wheat-page .navbar-fixed-top,
.wheat-page .fixed-top,
.wheat-page .sticky-top,
.wheat-page .is-sticky {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
}

/* =========================================================
   TABLET  (769px – 1024px)
   Keeps side-by-side layout with tidier spacing
========================================================= */
@media (min-width: 769px) and (max-width: 1024px) {
 
    /* ---- Heading ---- */
    .wheat-heading-section {
        padding: 60px 24px 80px;
    }
 
    .wheat-heading-section h1 {
        font-size: 42px;
        line-height: 56px;
        margin-top: 80px;
        top: 0;
        transform: none;
    }
 
    .wheat-heading-section::after {
        height: 50px;
    }
 
    /* ---- Section wrappers ---- */
    .wheat-products-section {
        padding: 50px 24px 40px !important;
    }
 
    .phulevarun-product-section {
        min-height: 0 !important;
        padding-bottom: 0 !important;
    }
 
    /* ---- Product containers ---- */
    .wheat-lok1-product-container,
    .wheat-gw496-product-container,
    .wheat-kp102-product-container {
        gap: 30px;
        margin-top: 0;
        padding-top: 30px;
        padding-bottom: 35px !important;
        transform: none;        /* removes the translate(50px) on GW-496 */
    }
 
    /* ---- Images ---- */
    .wheat-lok1-image-box,
    .wheat-gw496-image-box,
    .wheat-kp102-image-box {
        width: 42%;
        flex-shrink: 0;
    }
 
    .wheat-lok1-image-box img,
    .wheat-gw496-image-box img,
    .wheat-kp102-image-box img {
        height: 250px;
    }
 
    /* ---- Headings ---- */
    .wheat-lok1-content-box h2,
    .wheat-gw496-content-box h2,
    .wheat-kp102-content-box h2 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 14px;       /* removes the -80px offset */
    }
 
    /* ---- Lists ---- */
    .wheat-lok1-content-box ul,
    .wheat-gw496-content-box ul,
    .wheat-kp102-content-box ul {
        margin-left: 0;
        padding-left: 20px;
    }
 
    .wheat-lok1-content-box li,
    .wheat-gw496-content-box li,
    .wheat-kp102-content-box li {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 4px;
        transform: none;
    }
 
    /* ---- Bottom lines ---- */
    .wheat-lok1-bottom-line,
    .wheat-gw496-bottom-line,
    .wheat-kp102-bottom-line {
        width: 100%;
        margin: 10px 0 0 0 !important;   /* removes the 11% left margin */
    }
}
 
 
/* =========================================================
   MOBILE  (up to 768px)
   Stacked layout: image on top, text below
========================================================= */
@media (max-width: 768px) {
 
    /* ---- Heading ---- */
    .wheat-heading-section {
        padding: 40px 16px 60px;
    }
 
    .wheat-heading-section h1 {
        font-size: 30px;
        line-height: 40px;
        margin-top: 60px;
        top: 0;
        transform: none;
    }
 
    .wheat-heading-section::after {
        height: 35px;
    }
 
    /* ---- Section wrappers ---- */
    .wheat-products-section {
        padding: 30px 16px 30px !important;
    }
 
    .phulevarun-product-section {
        min-height: 0 !important;
        padding-bottom: 0 !important;
    }
 
    /* ---- Product containers: stack vertically ---- */
    .wheat-lok1-product-container,
    .wheat-gw496-product-container,
    .wheat-kp102-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
        margin-top: 0;
        padding: 24px 0 28px !important;
        transform: none;        /* removes the translate(50px) on GW-496 */
    }
 
    /* ---- Image always first, full width ---- */
    .wheat-lok1-image-box,
    .wheat-gw496-image-box,
    .wheat-kp102-image-box {
        width: 100%;
        order: -1;
        flex-shrink: 0;
    }
 
    .wheat-lok1-image-box img,
    .wheat-gw496-image-box img,
    .wheat-kp102-image-box img {
        width: 100%;
        height: auto;
        max-height: 260px;
        margin: 0 auto;
    }
 
    /* ---- Content boxes ---- */
    .wheat-lok1-content-box,
    .wheat-gw496-content-box,
    .wheat-kp102-content-box {
        width: 100%;
        flex: none;
    }
 
    /* ---- Headings ---- */
    .wheat-lok1-content-box h2,
    .wheat-gw496-content-box h2,
    .wheat-kp102-content-box h2 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 12px;       /* removes the -80px offset */
    }
 
    /* ---- Lists ---- */
    .wheat-lok1-content-box ul,
    .wheat-gw496-content-box ul,
    .wheat-kp102-content-box ul {
        margin-left: 0;
        padding-left: 20px;
    }
 
    .wheat-lok1-content-box li,
    .wheat-gw496-content-box li,
    .wheat-kp102-content-box li {
        font-size: 15px;
        line-height: 1.65;
        margin-bottom: 4px;
        transform: none;        /* removes the translate offsets */
    }
 
    /* ---- Bottom lines ---- */
    .wheat-lok1-bottom-line,
    .wheat-gw496-bottom-line,
    .wheat-kp102-bottom-line {
        width: 100%;
        margin: 8px 0 0 0 !important;    /* removes the 11% left margin */
    }
}
 
 
/* =========================================================
   SMALL MOBILE  (up to 480px)
========================================================= */
@media (max-width: 480px) {
 
    .wheat-heading-section {
        padding: 30px 14px 50px;
    }
 
    .wheat-heading-section h1 {
        font-size: 26px;
        line-height: 34px;
        margin-top: 50px;
    }
 
    .wheat-products-section {
        padding: 20px 14px 20px !important;
    }
 
    .wheat-lok1-image-box img,
    .wheat-gw496-image-box img,
    .wheat-kp102-image-box img {
        max-height: 220px;
    }
 
    .wheat-lok1-content-box h2,
    .wheat-gw496-content-box h2,
    .wheat-kp102-content-box h2 {
        font-size: 20px;
        line-height: 26px;
    }
 
    .wheat-lok1-content-box li,
    .wheat-gw496-content-box li,
    .wheat-kp102-content-box li {
        font-size: 14px;
    }
}



/*-------------------------------------------------------sesame-2--------------------------------------------------------------*/



/* Sesame Product Section */
.phulevarun-product-section {
    min-height: 500px;
    padding-bottom: 200px !important;
    box-sizing: border-box;
}

/* Sesame Heading Section */
.sesame-heading-section {
    width: 100%;
    background-color: #F4F6F4;
    padding: 80px 20px 80px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}

/* Sesame Heading */
.sesame-heading-section h1 {
    font-size: 55px;
    font-weight: 700;
    line-height: 73px;
    color: rgb(20, 38, 28);
    margin: 0;
    font-family: 'Poppins', sans-serif;
    margin-top: 130px;
    position: relative;
    top: 20px;
    transform: translate(0, -50px);
}

/* Hide Before Element */
.sesame-heading-section::before {
    display: none !important;
}

/* Sesame Wave Shape */
.sesame-heading-section::after {
    content: "";
    display: block !important;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 70px;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='none'><g fill='%23ffffff'><path d='M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7 s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7 c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,8.5,7.3,8.5,7.7,8.6C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z'/><path d='M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3C267.7,18.8,269.7,18,269.6,18z'/><path d='M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2S227.6,9.9,227.4,9.8z'/><path d='M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4C206.4,12.9,204.6,13.5,204.5,13.4z'/><path d='M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0,4.2-1.6,6.3-2.6S201,10.7,201,10.6z'/><path d='M154.5,26.7c-0.1,0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3C152.6,27.5,154.6,26.8,154.5,26.7z'/><path d='M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z'/><path d='M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0C76.9,11.5,75.3,12.5,75.5,12.6z'/><path d='M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4C19.9,13.7,15.7,13.3,15.6,13.2z'/></g></svg>");
}

/* =========================================================
   SESAME PRODUCT SECTION
========================================================= */

.sesame-product-section {
    width: 100%;
    background-color: #F4F6F4;
    padding: 80px 30px 100px;
    box-sizing: border-box;
}

/* Main Container */

.sesame-product-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 50px;
    padding-bottom: 45px;
    box-sizing: border-box;
}

/* Left Side Image */

.sesame-image-box {
    width: 45%;
    flex-shrink: 0;
}

.sesame-image-box img {
    display: block;
    width: 100%;
    height: 290px;
    object-fit: contain;
}

/* Right Side Content */

.sesame-content-box {
    flex: 1;
    min-width: 0;
}

.sesame-content-box h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 31px;
    color: rgb(20, 38, 28);
    margin: 0 0 20px;
    font-family: Poppins, sans-serif;
}

.sesame-content-box ul {
    margin: 0;
    padding-left: 22px;
    margin-left: 30px;
    font-family: Poppins, sans-serif;
}

.sesame-content-box li {
    font-size: 20px;
    color: rgb(5, 5, 5);
    margin-bottom: 1px;
    transform: translate(0, -10px);
    font-weight: 500;
    font-family: Poppins, sans-serif;
}

/* Bottom Black Line */

.sesame-bottom-line {
    display: block;
    width: 85%;
    height: 0;
    border: none;
    border-top: 1px solid #000000;
    background: transparent;
    box-shadow: none;
    transform: translate(130px, 0);
    margin-top: 20px;
    padding: 0;
    box-sizing: border-box;
}

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

@media (max-width: 768px) {

    .sesame-product-section {
        padding: 30px 20px 0;
    }

    .sesame-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding-bottom: 30px;
    }

    .sesame-image-box {
        width: 100%;
    }

    .sesame-image-box img {
        height: 280px;
    }

    .sesame-content-box h2 {
        font-size: 27px;
    }

    .sesame-content-box li {
        font-size: 15px;
        line-height: 1.7;
    }

    .sesame-bottom-line {
        width: 100%;
        transform: none;
    }
}

/* Reduce Extra Bottom Background Space */

.sesame-product-section {
    min-height: auto !important;
    padding-bottom: 0 !important;
    box-sizing: border-box;
}

/* Sesame Products Section Bottom Space */

.sesame-products-section {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Last Product Bottom Space */

.sesame-kp102-product-container {
    padding-bottom: 50px !important;
}

/* Last Bottom Black Line */

.sesame-kp102-bottom-line {
    margin-bottom: 50px !important;
}
/* Sesame Page Header Scrolls with Page */

.sesame-page header,
.sesame-page #header,
.sesame-page .header,
.sesame-page .site-header,
.sesame-page .main-header,
.sesame-page .navbar,
.sesame-page .navbar-fixed-top,
.sesame-page .fixed-top,
.sesame-page .sticky-top,
.sesame-page .is-sticky {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
}


/* =========================================================
   TABLET  (769px – 1024px)
   Keeps side-by-side layout with tidier spacing
========================================================= */
@media (min-width: 769px) and (max-width: 1024px) {
 
    /* ---- Heading ---- */
    .sesame-heading-section {
        padding: 60px 24px 80px;
    }
 
    .sesame-heading-section h1 {
        font-size: 42px;
        line-height: 56px;
        margin-top: 80px;
        top: 0;
        transform: none;
    }
 
    .sesame-heading-section::after {
        height: 50px;
    }
 
    /* ---- Section wrappers ---- */
    .sesame-product-section {
        padding: 50px 24px 40px !important;
    }
 
    .phulevarun-product-section {
        min-height: 0;
        padding-bottom: 80px !important;
    }
 
    /* ---- Product container ---- */
    .sesame-product-container {
        gap: 30px;
        padding-top: 20px;
        padding-bottom: 35px;
    }
 
    /* ---- Image ---- */
    .sesame-image-box {
        width: 42%;
        flex-shrink: 0;
    }
 
    .sesame-image-box img {
        height: 240px;
    }
 
    /* ---- Heading ---- */
    .sesame-content-box h2 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 14px;
    }
 
    /* ---- List ---- */
    .sesame-content-box ul {
        margin-left: 0;
        padding-left: 20px;
    }
 
    .sesame-content-box li {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 4px;
        transform: none;
    }
 
    /* ---- Bottom line ---- */
    .sesame-bottom-line {
        width: 100%;
        transform: none;
        margin-top: 10px;
    }
}
 
 
/* =========================================================
   MOBILE  (up to 768px)
   Stacked layout: image on top, text below
========================================================= */
@media (max-width: 768px) {
 
    /* ---- Heading ---- */
    .sesame-heading-section {
        padding: 40px 16px 60px;
    }
 
    .sesame-heading-section h1 {
        font-size: 30px;
        line-height: 40px;
        margin-top: 60px;
        top: 0;
        transform: none;
    }
 
    .sesame-heading-section::after {
        height: 35px;
    }
 
    /* ---- Section wrappers ---- */
    .sesame-product-section {
        padding: 30px 16px 30px !important;   /* overrides the 0 !important bottom padding */
    }
 
    .phulevarun-product-section {
        min-height: 0;
        padding-bottom: 40px !important;      /* overrides the 200px !important gap */
    }
 
    /* ---- Product container: stack vertically ---- */
    .sesame-product-container {
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
        padding: 16px 0 28px;
    }
 
    /* ---- Image first, full width ---- */
    .sesame-image-box {
        width: 100%;
        order: -1;
        flex-shrink: 0;
    }
 
    .sesame-image-box img {
        width: 100%;
        height: auto;
        max-height: 260px;
        margin: 0 auto;
    }
 
    /* ---- Content ---- */
    .sesame-content-box {
        width: 100%;
        flex: none;
    }
 
    .sesame-content-box h2 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 12px;
    }
 
    .sesame-content-box ul {
        margin-left: 0;
        padding-left: 20px;
    }
 
    .sesame-content-box li {
        font-size: 15px;
        line-height: 1.65;
        margin-bottom: 4px;
        transform: none;        /* removes the translate offset */
    }
 
    /* ---- Bottom line ---- */
    .sesame-bottom-line {
        width: 100%;
        transform: none;
        margin-top: 8px;
    }
}
 
 
/* =========================================================
   SMALL MOBILE  (up to 480px)
========================================================= */
@media (max-width: 480px) {
 
    .sesame-heading-section {
        padding: 30px 14px 50px;
    }
 
    .sesame-heading-section h1 {
        font-size: 26px;
        line-height: 34px;
        margin-top: 50px;
    }
 
    .sesame-product-section {
        padding: 20px 14px 20px !important;
    }
 
    .phulevarun-product-section {
        padding-bottom: 30px !important;
    }
 
    .sesame-image-box img {
        max-height: 220px;
    }
 
    .sesame-content-box h2 {
        font-size: 20px;
        line-height: 26px;
    }
 
    .sesame-content-box li {
        font-size: 14px;
    }
}
 
/*---------------------------------------------company overview---------------------------------------------------------------*/



/* =========================================================
   COMPANY OVERVIEW PAGE - HEADER
========================================================= */

/* Only Company Overview Page Header Background */
body.company-overview-page .header,
body.company-overview-page header.header {
    background-color: #F4F6F4 !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Remove Header Extra Lines and Shadows */
body.company-overview-page .header::before,
body.company-overview-page .header::after,
body.company-overview-page header.header::before,
body.company-overview-page header.header::after {
    display: none !important;
    content: none !important;
}

/* Remove Header Borders and Shadows */
body.company-overview-page .header nav,
body.company-overview-page .header .navbar,
body.company-overview-page .header .container,
body.company-overview-page .header.sticky,
body.company-overview-page .header.scrolled {
    border: none !important;
    box-shadow: none !important;
}

/* Header Position */
body.company-overview-page .header,
body.company-overview-page header.header {
    position: relative !important;
    top: auto !important;
    transform: none !important;
    animation: none !important;
}

/* Remove Extra Top Spacing */
body.company-overview-page,
body.company-overview-page main,
body.company-overview-page #content,
body.company-overview-page .site-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}


/* =========================================================
   COMPANY OVERVIEW HEADING SECTION
========================================================= */

.company-overview-heading-section {
    position: relative;
    width: 100%;
    background-color: #F4F6F4;
    text-align: center;
    padding: 110px 20px 190px;
    box-sizing: border-box;
    border: none !important;
    box-shadow: none !important;
    outline: none;
    overflow: hidden;
}

/* Company Overview Heading - Center */
.company-overview-heading-section h1 {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1000px;
    margin: -60px auto 0;
    font-family: Poppins, sans-serif;
    font-size: 55px;
    font-weight: 700;
    line-height: 73px;
    color: rgb(20, 38, 28);
    text-align: center;
    white-space: nowrap;
    border: none;
    box-shadow: none;
    transform: none;
}

/* Remove Extra Decoration */
.company-overview-heading-section::before {
    display: none !important;
    content: none !important;
}

/* White Wave - Same Dealership Style */
.company-overview-heading-section::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 70px;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='none'><g fill='%23ffffff'><path d='M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z'/><path d='M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3C267.7,18.8,269.7,18,269.6,18z'/></g></svg>");
}


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

@media (max-width: 991px) {

    .company-overview-heading-section {
        padding: 90px 20px 130px;
    }

    .company-overview-heading-section h1 {
        font-size: 34px;
        line-height: 46px;
        white-space: normal;
        margin-top: -40px;
    }

    .company-overview-heading-section::after {
        height: 55px;
    }
}

@media (max-width: 480px) {

    .company-overview-heading-section {
        padding: 75px 15px 105px;
    }

    .company-overview-heading-section h1 {
        font-size: 28px;
        line-height: 38px;
        margin-top: -30px;
    }

    .company-overview-heading-section::after {
        height: 40px;
    }
}


/* Company Overview Image */
.company-overview-section-image {
    display: block;
    width: 160px;        /* Image ki width */
    height: 70px;        /* Image ki height */
    max-width: 100%;
    object-fit: contain;
    margin: -40px auto 0;
    position: relative;
    top: 0;
    transform: translateY(-40px); /* Image ko upar/neeche karna */
    z-index: 2;
}


/* Section ko content ke liye flexible rakhna */
.company-overview-image-section {
    width: 100%;
    padding: 0 20px 10px;
}

/* About content wrapper: left image + right text */
.company-about-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    max-width: 1200px;
    margin: 30px auto 0;
}

/* Left: hexagon image */
.company-about-image {
    flex: 0 0 45%;
    display: flex;
    justify-content: center;
}

.company-about-image img {
    display: block;
    width: 110%;
    max-width: 680px;
    height: auto;
    object-fit: contain;
    margin-left: -100px;
}

/* Right: text */
.company-about-text {
    flex: 1;
    text-align: center;
    margin-top: 90px;
}

.company-about-text h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
    color: rgb(0, 0, 0);
    margin-bottom: 10px;
    margin-top: -60px;
    font-family: Poppins, sans-serif;
    transform: translate(-40px,0);
}

.company-about-text p {
    font-size: 17px;
    line-height: 26px;
    color: rgb(78, 86, 82);
    margin-bottom: 25px;
    font-family: Lato, sans-serif;
    font-weight: 6400;
    margin-top: 20px;
    letter-spacing: 0.2px;
    transform: translate(-40px,0);
    
}


/* =========================================================
   COMPANY OVERVIEW - TABLET AND MOBILE RESPONSIVE CSS
========================================================= */

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

    /* Company Overview Image */
    .company-overview-image-section {
        padding: 0 20px 20px;
    }

    .company-overview-section-image {
        width: 150px;
        height: 70px;
        margin: 15px auto 0;
        top: 0;
        transform: none;
    }

    /* About Content */
    .company-about-content {
        flex-direction: column;
        align-items: center;
        gap: 25px;
        width: 100%;
        max-width: 700px;
        margin: 20px auto 0;
        padding: 0 25px;
        box-sizing: border-box;
    }

    /* Image */
    .company-about-image {
        flex: 0 0 100%;
        width: 100%;
        justify-content: center;
    }

    .company-about-image img {
        width: 100%;
        max-width: 500px;
        height: auto;
        margin: 0 auto;
    }

    /* Text */
    .company-about-text {
        width: 100%;
        margin-top: 0;
        text-align: center;
    }

    .company-about-text h2 {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 15px;
        transform: none;
    }

    .company-about-text p {
        font-size: 16px;
        line-height: 26px;
        margin: 0 0 20px;
        letter-spacing: 0.2px;
        font-weight: 400;
        transform: none;
    }
}


/* Mobile View */
@media (max-width: 480px) {

    /* Company Overview Image */
    .company-overview-image-section {
        padding: 0 15px 15px;
    }

    .company-overview-section-image {
        width: 140px;
        height: 60px;
        margin: 10px auto 0;
        transform: none;
    }

    /* About Content */
    .company-about-content {
        gap: 20px;
        margin: 15px auto 0;
        padding: 0 18px;
    }

    /* Image */
    .company-about-image {
        width: 100%;
    }

    .company-about-image img {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }

    /* Text */
    .company-about-text {
        margin-top: 0;
        text-align: center;
    }

    .company-about-text h2 {
        font-size: 26px;
        line-height: 34px;
        margin: 0 0 12px;
    }

    .company-about-text p {
        font-size: 14px;
        line-height: 24px;
        margin: 0 0 16px;
        letter-spacing: 0.1px;
        font-weight: 400;
    }
}


/* Key Factors dark box */
.company-keyfactors-box {
    display: flex;
    align-items: flex-start;
    background: #2D2D2D;
    max-width: 1330px;
    width: 100%;
    margin: 100px auto 0;
    padding: 50px 30px 60px 50px;
    box-sizing: border-box;
}

/* Left khaali space (image ke liye) */
.company-keyfactors-left {
    flex: 0 0 390px;
}

/* Right list */
.company-keyfactors-right {
    flex: 1;
}

.company-keyfactors-right ul {
    margin: 0;
    padding-left: 15px;
    list-style: disc;
}

.company-keyfactors-right li {
    font-family:Lato, sans-serif;
    font-size: 16px;
    line-height: 1.9;
    color:rgb(255, 255, 255);
    letter-spacing: 0.2px;
    margin-left: -90px;
    font-weight: 400;
    letter-spacing: 0.5;
}/* =========================================================
   COMPANY KEY FACTORS - TABLET AND MOBILE RESPONSIVE CSS
========================================================= */

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

    .company-keyfactors-box {
        flex-direction: column;
        max-width: 100%;
        width: 100%;
        margin: 60px auto 0;
        padding: 35px 30px 40px;
        box-sizing: border-box;
    }

    /* Left Space */
    .company-keyfactors-left {
        flex: 0 0 auto;
        width: 100%;
    }

    /* Right List */
    .company-keyfactors-right {
        width: 100%;
        flex: 1 1 auto;
    }

    .company-keyfactors-right ul {
        margin: 0;
        padding-left: 25px;
    }

    .company-keyfactors-right li {
        font-size: 15px;
        line-height: 1.8;
        margin-left: 0;
        letter-spacing: 0.2px;
        overflow-wrap: anywhere;
    }
}


/* Mobile View */
@media (max-width: 480px) {

    .company-keyfactors-box {
        flex-direction: column;
        margin: 40px auto 0;
        padding: 25px 20px 30px;
        width: 100%;
    }

    .company-keyfactors-left {
        width: 100%;
        flex: 0 0 auto;
    }

    .company-keyfactors-right {
        width: 100%;
    }

    .company-keyfactors-right ul {
        padding-left: 22px;
        margin: 0;
    }

    .company-keyfactors-right li {
        font-size: 14px;
        line-height: 1.8;
        margin-left: 0;
        letter-spacing: 0.2px;
        overflow-wrap: anywhere;
    }
}


/*---------------------------------------------------our-leadership-------------------------------------------------------*/


/* =========================================================
   OUR LEADERSHIP PAGE - HEADER
========================================================= */

/* Only Our Leadership Page Header Background */
body.leadership-page .header,
body.leadership-page header.header {
    background-color: #F4F6F4 !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Remove Header Extra Lines and Shadows */
body.leadership-page .header::before,
body.leadership-page .header::after,
body.leadership-page header.header::before,
body.leadership-page header.header::after {
    display: none !important;
    content: none !important;
}

/* Remove Header Borders and Shadows */
body.leadership-page .header nav,
body.leadership-page .header .navbar,
body.leadership-page .header .container,
body.leadership-page .header.sticky,
body.leadership-page .header.scrolled {
    border: none !important;
    box-shadow: none !important;
}

/* Header Position */
body.leadership-page .header,
body.leadership-page header.header {
    position: relative !important;
    top: auto !important;
    transform: none !important;
    animation: none !important;
}

/* Remove Extra Top Spacing */
body.leadership-page,
body.leadership-page main,
body.leadership-page #content,
body.leadership-page .site-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}


/* =========================================================
   OUR LEADERSHIP HEADING SECTION
========================================================= */

.leadership-heading-section {
    position: relative;
    width: 100%;
    background-color: #F4F6F4;
    text-align: center;
    padding: 110px 20px 130px;
    box-sizing: border-box;
    border: none !important;
    box-shadow: none !important;
    outline: none;
    overflow: hidden;
}

/* Our Leadership Heading - Center */
.leadership-heading-section h1 {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1000px;
    margin: -60px auto 0;
    font-family: Poppins, sans-serif;
    font-size: 55px;
    font-weight: 700;
    line-height: 73px;
    color: rgb(20, 38, 28);
    text-align: center;
    white-space: nowrap;
    border: none;
    box-shadow: none;
    transform: none;
}

/* Remove Extra Decoration */
.leadership-heading-section::before {
    display: none !important;
    content: none !important;
}

/* White Wave - Same Style */
.leadership-heading-section::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 70px;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='none'><g fill='%23ffffff'><path d='M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z'/><path d='M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3C267.7,18.8,269.7,18,269.6,18z'/></g></svg>");
}
/* =========================================================
   OUR LEADERSHIP - TABLET AND MOBILE RESPONSIVE CSS
========================================================= */

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

    /* Heading Section */
    .leadership-heading-section {
        padding: 90px 20px 120px;
        overflow: hidden;
    }

    .leadership-heading-section h1 {
        width: 100%;
        max-width: 100%;
        font-size: 36px;
        line-height: 48px;
        white-space: normal;
        margin: -40px auto 0;
    }

    /* White Wave */
    .leadership-heading-section::after {
        height: 55px;
    }
}


/* Mobile View */
@media (max-width: 480px) {

    /* Heading Section */
    .leadership-heading-section {
        padding: 75px 15px 105px;
    }

    .leadership-heading-section h1 {
        font-size: 28px;
        line-height: 38px;
        margin: -30px auto 0;
        white-space: normal;
    }

    /* White Wave */
    .leadership-heading-section::after {
        height: 40px;
    }
}

/* =========================================================
   OUR LEADERSHIP IMAGE SECTION
========================================================= */

.leadership-image-section {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0 20px 10px;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

/* Leadership Image */
.leadership-section-image {
    display: block;
    width: 170px;
    height: 70px;
    max-width: 100%;
    object-fit: contain;
    margin: -40px auto 0;
    position: relative;
    top: 0;
    transform: translateY(-40px);
    z-index: 2;
    margin-top: 60px;
}

/* =========================================================
   OUR LEADERSHIP IMAGE - TABLET AND MOBILE
========================================================= */

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

    .leadership-image-section {
        width: 100%;
        padding: 0 20px 20px;
        overflow: hidden;
    }

    .leadership-section-image {
        width: 160px;
        height: 70px;
        max-width: 100%;
        object-fit: contain;
        margin: 20px auto 0;
        top: 0;
        transform: none;
    }
}


/* Mobile View */
@media (max-width: 480px) {

    .leadership-image-section {
        padding: 0 15px 15px;
    }

    .leadership-section-image {
        width: 140px;
        height: 60px;
        margin: 15px auto 0;
        transform: none;
    }
}


/* =========================================================
   OUR LEADERSHIP IMAGE SECTION
========================================================= */

.leadership-image-section {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0 20px 60px;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

/* Leadership Image */
.leadership-section-image {
    display: block;
    width: 170px;
    height: 75px;
    max-width: 100%;
    object-fit: contain;
    margin: -40px auto 0;
    position: relative;
    top: 0;
    transform: translateY(-40px);
    z-index: 2;
    margin-top: 60px;
}


/* =========================================================
   LEADERSHIP MEMBERS
========================================================= */

.leadership-members {
    max-width: 1200px;
    margin: 40px auto 0;
    text-align: left;
}

/* =========================================================
   MR. GOKUL RATHOD
========================================================= */

.leadership-member-gokul {
   margin-bottom: 60px;
    margin-left: 400px; 
}

.leadership-member-gokul h3 {
    font-family: Lato, sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 26px;
    color: rgb(0, 0, 0);
    margin: 0 0 25px;
}

.leadership-member-gokul p {
    font-family: Lato, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    color: #000;
    margin: 0 0 25px;
    letter-spacing: 0.2px;
}

/* =========================================================
   OUR LEADERSHIP - TABLET AND MOBILE RESPONSIVE CSS
========================================================= */

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

    /* Leadership Image Section */
    .leadership-image-section {
        padding: 0 20px 30px;
        overflow: hidden;
    }

    .leadership-section-image {
        width: 160px;
        height: 70px;
        max-width: 100%;
        margin: 20px auto 0;
        top: 0;
        transform: none;
    }

    /* Leadership Members */
    .leadership-members {
        width: 100%;
        max-width: 700px;
        margin: 25px auto 0;
        padding: 0 25px;
        box-sizing: border-box;
        text-align: left;
    }

    /* Mr. Gokul Rathod */
    .leadership-member-gokul {
        width: 100%;
        margin: 0 0 40px;
    }

    .leadership-member-gokul h3 {
        font-size: 17px;
        line-height: 26px;
        margin: 0 0 18px;
    }

    .leadership-member-gokul p {
        font-size: 15px;
        line-height: 25px;
        margin: 0 0 18px;
        overflow-wrap: anywhere;
    }
}


/* Mobile View */
@media (max-width: 480px) {

    /* Leadership Image Section */
    .leadership-image-section {
        padding: 0 15px 20px;
    }

    .leadership-section-image {
        width: 140px;
        height: 60px;
        margin: 15px auto 0;
        transform: none;
    }

    /* Leadership Members */
    .leadership-members {
        width: 100%;
        max-width: 100%;
        margin: 20px auto 0;
        padding: 0 18px;
        box-sizing: border-box;
    }

    /* Mr. Gokul Rathod */
    .leadership-member-gokul {
        width: 100%;
        margin: 0 0 30px;
    }

    .leadership-member-gokul h3 {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 12px;
    }

    .leadership-member-gokul p {
        font-size: 14px;
        line-height: 24px;
        margin: 0 0 15px;
        letter-spacing: 0.2px;
        overflow-wrap: anywhere;
    }
}

/* =========================================================
   MR. MAHADEV SIRSAT
========================================================= */

.leadership-member-mahadev {
   margin-bottom: 0;
    margin-left: -50px;
   
}

.leadership-member-mahadev h3 {
    font-family: Lato, sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 26px;
    color: rgb(0, 0, 0);
    margin: 0 0 25px;
}

.leadership-member-mahadev p {
    font-family: Lato, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    color: #000;
    margin: 0 0 25px;
    letter-spacing: 0.2px;
}
.leadership-member-mahadev p:last-child {
    margin-bottom: 0;
}
/* =========================================================
   SCROLL ANIMATION
========================================================= */

/* Side scrollbar na aaye */
.leadership-image-section {
    overflow-x: clip;
}

/* Gokul: right side se aayega */
.reveal-right {
    opacity: 0;
    transform: translateX(200px);
    transition: transform 0.9s ease, opacity 0.9s ease;
}

/* Mahadev: left side se aayega */
.reveal-left {
    opacity: 0;
    transform: translateX(-200px);
    transition: transform 0.9s ease, opacity 0.9s ease;
}

/* Scroll karke dikhne par original position */
.reveal-right.is-visible,
.reveal-left.is-visible {
    opacity: 1;
    transform: translateX(0);
}
/* =========================================================
   OUR LEADERSHIP - TABLET AND MOBILE
   MAHADEV + SCROLL ANIMATION
========================================================= */

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

    .leadership-member-mahadev {
        width: 100%;
        margin: 0 0 30px;
    }

    .leadership-member-mahadev h3 {
        font-size: 17px;
        line-height: 26px;
        margin: 0 0 18px;
    }

    .leadership-member-mahadev p {
        font-size: 15px;
        line-height: 25px;
        margin: 0 0 18px;
        letter-spacing: 0.2px;
        overflow-wrap: anywhere;
    }

    .leadership-member-mahadev p:last-child {
        margin-bottom: 0;
    }

    /* Scroll Animation - Tablet */
    .reveal-right {
        opacity: 0;
        transform: translateX(80px);
        transition: transform 0.9s ease, opacity 0.9s ease;
    }

    .reveal-left {
        opacity: 0;
        transform: translateX(-80px);
        transition: transform 0.9s ease, opacity 0.9s ease;
    }

    .reveal-right.is-visible,
    .reveal-left.is-visible {
        opacity: 1;
        transform: translateX(0);
    }
}


/* Mobile View */
@media (max-width: 480px) {

    .leadership-member-mahadev {
        width: 100%;
        margin: 0 0 20px;
    }

    .leadership-member-mahadev h3 {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 12px;
    }

    .leadership-member-mahadev p {
        font-size: 14px;
        line-height: 24px;
        margin: 0 0 15px;
        letter-spacing: 0.2px;
        overflow-wrap: anywhere;
    }

    .leadership-member-mahadev p:last-child {
        margin-bottom: 0;
    }

    /* Scroll Animation - Mobile */
    .reveal-right {
        opacity: 0;
        transform: translateX(40px);
        transition: transform 0.9s ease, opacity 0.9s ease;
    }

    .reveal-left {
        opacity: 0;
        transform: translateX(-40px);
        transition: transform 0.9s ease, opacity 0.9s ease;
    }

    .reveal-right.is-visible,
    .reveal-left.is-visible {
        opacity: 1;
        transform: translateX(0);
    }
}


/* Accessibility: Reduce Animation if Requested */
@media (prefers-reduced-motion: reduce) {

    .reveal-right,
    .reveal-left {
        opacity: 1;
        transform: none;
        transition: none;
    }
}


/*--------------------------------vision-mission-and-core-values-------------------------------------------------------------*/



/* =========================================================
   VISION, MISSION AND CORE VALUES PAGE - HEADER
========================================================= */

/* Only This Page Header Background */
body.vision-mission-page .header,
body.vision-mission-page header.header {
    background-color: #F4F6F4 !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Remove Header Extra Lines and Shadows */
body.vision-mission-page .header::before,
body.vision-mission-page .header::after,
body.vision-mission-page header.header::before,
body.vision-mission-page header.header::after {
    display: none !important;
    content: none !important;
}

/* Remove Header Borders and Shadows */
body.vision-mission-page .header nav,
body.vision-mission-page .header .navbar,
body.vision-mission-page .header .container,
body.vision-mission-page .header.sticky,
body.vision-mission-page .header.scrolled {
    border: none !important;
    box-shadow: none !important;
}

/* Header Position */
body.vision-mission-page .header,
body.vision-mission-page header.header {
    position: relative !important;
    top: auto !important;
    transform: none !important;
    animation: none !important;
}

/* Remove Extra Top Spacing */
body.vision-mission-page,
body.vision-mission-page main,
body.vision-mission-page #content,
body.vision-mission-page .site-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}


/* =========================================================
   VISION, MISSION AND CORE VALUES HEADING SECTION
========================================================= */

.vision-mission-heading-section {
    position: relative;
    width: 100%;
    background-color: #F4F6F4;
    text-align: center;
    padding: 110px 20px 130px;
    box-sizing: border-box;
    border: none !important;
    box-shadow: none !important;
    outline: none;
    overflow: hidden;
}

/* Heading Center */
.vision-mission-heading-section h1 {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1200px;
    margin: -60px auto 0;
    font-family: Poppins, sans-serif;
    font-size: 55px;
    font-weight: 700;
    line-height: 73px;
    color: rgb(20, 38, 28);
    text-align: center;
    white-space: nowrap;
    border: none;
    box-shadow: none;
    transform: none;
}

/* Remove Extra Decoration */
.vision-mission-heading-section::before {
    display: none !important;
    content: none !important;
}

/* White Wave */
.vision-mission-heading-section::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 70px;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='none'><g fill='%23ffffff'><path d='M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0,0-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z'/></g></svg>");
}


/* =========================================================
   VISION, MISSION AND CORE VALUES IMAGE SECTION
========================================================= */

.vision-mission-image-section {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0 20px 50px;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

/* Page Image */
.vision-mission-section-image {
    display: block;
    width: 170px;
    height: 70px;
    max-width: 100%;
    object-fit: contain;
    margin: -40px auto 0;
    position: relative;
    top: 0;
    transform: translateY(-40px);
    z-index: 2;
    margin-top: 60px;
}


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

@media (max-width: 991px) {
    .vision-mission-heading-section {
        padding: 90px 20px 130px;
    }

    .vision-mission-heading-section h1 {
        font-size: 34px;
        line-height: 46px;
        white-space: normal;
        margin-top: -40px;
    }

    .vision-mission-heading-section::after {
        height: 55px;
    }
}

@media (max-width: 480px) {
    .vision-mission-heading-section {
        padding: 75px 15px 105px;
    }

    .vision-mission-heading-section h1 {
        font-size: 28px;
        line-height: 38px;
        margin-top: -30px;
    }

    .vision-mission-heading-section::after {
        height: 40px;
    }
}


/* =========================================================
   VISION, MISSION AND CORE VALUES BOXES
========================================================= */

.vmc-wrapper {
    max-width: 1400px;
    margin: 40px auto 0;
    text-align: left;
}

.vmc-box {
    display: flex;
    align-items: center;
    gap: 30px;
    border: 1px solid #cfcfcf;
    background: #fff;
    padding: 15px 20px;
    box-sizing: border-box;
    margin-bottom: 120px;
}

.vmc-icon {
    flex: 0 0 150px;
    display: flex;
    justify-content: center;
}

.vmc-icon img {
    display: block;
    width: 100%;
    max-width: 150px;
    height: auto;
    object-fit: contain;
}

.vmc-text {
    flex: 1;
    
}
.vmc-text p
{
     color: rgb(0, 0, 0);
}

.vmc-text h2 {
    font-family: Poppins, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 39px;
    color: rgb(20, 38, 28);
    margin: 0 0 25px;
}

.vmc-text p {
    font-family: Lato, sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 32px;
    color: rgb(0, 0, 0);
    margin: 0;
}

/* Vision: left side, chhota box */
.vmc-vision {
    width: 1000px;
    max-width: 100%;
    margin-left: 80px;
}

/* Mission: right side, text right-aligned */
.vmc-mission {
    width: 1050px;
    max-width: 100%;
    margin-left: 270px;
}

.vmc-mission .vmc-text {
    text-align: right;
}

/* Core Values: left side */
.vmc-core {
    width: 1125px;
    max-width: 100%;
    margin-left: 80px;
    margin-bottom: 0;
}

.vmc-core .vmc-icon {
    flex: 0 0 200px;
}

.vmc-core .vmc-icon img {
    max-width: 200px;
}

.vmc-core .vmc-text {
    text-align: justify;
}
/* =========================================================
   SCROLL ANIMATION
========================================================= */

.vision-mission-image-section {
    overflow-x: clip;
}

/* Boxes tabhi hide honge jab JS chal raha ho (JS fail hua to bhi boxes dikhenge) */
.js-ready .vmc-box.reveal-left {
    opacity: 0;
    transform: translateX(-300px);
    transition: transform 1s ease, opacity 1s ease;
}

.js-ready .vmc-box.reveal-right {
    opacity: 0;
    transform: translateX(300px);
    transition: transform 1s ease, opacity 1s ease;
}

.js-ready .vmc-box.reveal-left.is-visible,
.js-ready .vmc-box.reveal-right.is-visible {
    opacity: 1;
    transform: translateX(0);
}


/* =========================================================
   VISION, MISSION AND CORE VALUES
   TABLET AND MOBILE RESPONSIVE CSS
========================================================= */

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

    .vmc-wrapper {
        width: 100%;
        max-width: 750px;
        margin: 30px auto 0;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .vmc-box {
        width: 100%;
        max-width: 100%;
        flex-direction: row;
        align-items: center;
        gap: 20px;
        padding: 20px;
        margin: 0 0 50px;
        box-sizing: border-box;
    }

    /* Icons */
    .vmc-icon {
        flex: 0 0 120px;
        width: 120px;
    }

    .vmc-icon img {
        width: 100%;
        max-width: 120px;
        height: auto;
        object-fit: contain;
    }

    /* Text */
    .vmc-text {
        flex: 1 1 auto;
        min-width: 0;
    }

    .vmc-text h2 {
        font-size: 28px;
        line-height: 36px;
        margin: 0 0 15px;
    }

    .vmc-text p {
        font-size: 16px;
        line-height: 27px;
        overflow-wrap: anywhere;
    }

    /* Vision */
    .vmc-vision {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }

    /* Mission */
    .vmc-mission {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }

    .vmc-mission .vmc-text {
        text-align: left;
    }

    /* Core Values */
    .vmc-core {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-bottom: 0;
    }

    .vmc-core .vmc-icon {
        flex: 0 0 120px;
    }

    .vmc-core .vmc-icon img {
        max-width: 120px;
    }

    .vmc-core .vmc-text {
        text-align: left;
    }

    /* Scroll Animation - Tablet */
    .js-ready .vmc-box.reveal-left {
        transform: translateX(-80px);
    }

    .js-ready .vmc-box.reveal-right {
        transform: translateX(80px);
    }

    .js-ready .vmc-box.reveal-left.is-visible,
    .js-ready .vmc-box.reveal-right.is-visible {
        opacity: 1;
        transform: translateX(0);
    }
}


/* Mobile View */
@media (max-width: 480px) {

    .vmc-wrapper {
        width: 100%;
        max-width: 100%;
        margin: 20px auto 0;
        padding: 0 15px;
    }

    .vmc-box {
        flex-direction: column;
        align-items: center;
        gap: 15px;
        padding: 20px 16px;
        margin-bottom: 30px;
        width: 100%;
    }

    /* Icons */
    .vmc-icon {
        flex: 0 0 auto;
        width: 100%;
        justify-content: center;
    }

    .vmc-icon img {
        width: 110px;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }

    /* Text */
    .vmc-text {
        width: 100%;
        flex: 1 1 auto;
        text-align: center;
    }

    .vmc-text h2 {
        font-size: 24px;
        line-height: 32px;
        margin: 0 0 12px;
    }

    .vmc-text p {
        font-size: 14px;
        line-height: 24px;
        text-align: left;
        overflow-wrap: anywhere;
    }

    /* Vision */
    .vmc-vision {
        width: 100%;
        margin-left: 0;
    }

    /* Mission */
    .vmc-mission {
        width: 100%;
        margin-left: 0;
    }

    .vmc-mission .vmc-text {
        text-align: center;
    }

    .vmc-mission .vmc-text p {
        text-align: left;
    }

    /* Core Values */
    .vmc-core {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
    }

    .vmc-core .vmc-icon {
        flex: 0 0 auto;
        width: 100%;
    }

    .vmc-core .vmc-icon img {
        width: 110px;
        max-width: 100%;
    }

    .vmc-core .vmc-text {
        text-align: center;
    }

    .vmc-core .vmc-text p {
        text-align: left;
    }

    /* Scroll Animation - Mobile */
    .js-ready .vmc-box.reveal-left {
        transform: translateX(-40px);
    }

    .js-ready .vmc-box.reveal-right {
        transform: translateX(40px);
    }

    .js-ready .vmc-box.reveal-left.is-visible,
    .js-ready .vmc-box.reveal-right.is-visible {
        opacity: 1;
        transform: translateX(0);
    }
}


/* Accessibility: Reduce Animation */
@media (prefers-reduced-motion: reduce) {

    .js-ready .vmc-box.reveal-left,
    .js-ready .vmc-box.reveal-right,
    .js-ready .vmc-box.reveal-left.is-visible,
    .js-ready .vmc-box.reveal-right.is-visible {
        opacity: 1;
        transform: none;
        transition: none;
    }
}
/*------------------------------------------------------certifications---------------------------------------------------------*/





/* =========================================================
   CERTIFICATIONS HEADING SECTION
========================================================= */

.certifications-heading-section {
    position: relative;
    width: 100%;
    background-color: #F4F6F4;
    text-align: center;
    padding: 80px 20px 100px;
    box-sizing: border-box;
    border: none !important;
    box-shadow: none !important;
    outline: none;
    overflow: visible;
}

/* Certifications Heading */
.certifications-heading-section h1 {
    position: relative;
    z-index: 1;
    font-size: 55px;
    font-weight: 700;
    line-height: 73px;
    color: rgb(20, 38, 28);
    margin: -60px auto 0;
    max-width: 1000px;
    border: none;
    box-shadow: none;
    font-family: Poppins, sans-serif;
    white-space: nowrap;
    margin-top: 90px;
}

/* Hide Before Element */
.certifications-heading-section::before {
    display: none !important;
}

/* White Wave Shape */
.certifications-heading-section::after {
    content: "";
    display: block !important;
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 70px;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='none'><g fill='%23ffffff'><path d='M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z'/><path d='M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3C267.7,18.8,269.7,18,269.6,18z'/><path d='M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2S227.6,9.9,227.4,9.8z'/><path d='M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4C206.4,12.9,204.6,13.5,204.5,13.4z'/><path d='M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6S201,10.7,201,10.6z'/><path d='M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3C152.6,27.5,154.6,26.8,154.5,26.7z'/><path d='M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z'/><path d='M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0C76.9,11.5,75.3,12.5,75.5,12.6z'/><path d='M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4C19.9,13.7,15.7,13.3,15.6,13.2z'/></g></svg>");
}

/* =========================================================
   CERTIFICATIONS IMAGE SECTION
========================================================= */

.certifications-image-section {
    width: 100%;
    text-align: center;
    padding: 0 20px 0;
    box-sizing: border-box;
    position: relative;
    overflow: visible;
}

/* Certifications Image */
.certifications-section-image {
    display: block;
    width: 160px;
    height: 70px;
    max-width: 100%;
    object-fit: contain;
    margin: -40px auto 0;
    position: relative;
    top: 0;
    transform: translateY(-40px);
    z-index: 2;
}

/* Certifications Image - Tablet and Mobile */
@media (max-width: 991px) {
    .certifications-image-section {
        width: 100%;
        padding: 0 20px;
        text-align: center;
    }

    .certifications-section-image {
        display: block;
        width: 150px;
        height: 70px;
        max-width: 100%;
        margin: 0 auto;
        left: auto;
        right: auto;
        transform: none;
    }
}

/* Certifications Image - Mobile */
@media (max-width: 480px) {
    .certifications-image-section {
        padding: 0 15px;
        text-align: center;
    }

    .certifications-section-image {
        width: 140px;
        height: 60px;
        margin: 0 auto;
        transform: none;
    }
}

/* Certifications Content Section */
.certifications-content-section {
    width: 100%;
    background-color: #F4F6F4;
    padding: 60px 10px;
    box-sizing: border-box;
}

/* Certifications Content Container */
.certifications-content-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

/* Left Side Image (image + label ek saath) */
.certifications-content-image {
    width: 50%;
    max-width: 465px;          /* screenshot jaisi width */
    box-sizing: border-box;
}

.certifications-content-image img {
    display: block;
    width: 90%;
    height: auto;
    object-fit: contain;
    margin-left: -40px;
    margin-top: -30px;
}

/* Image ke niche dark green label */
.certifications-content-label {
    width: 90%;
    background-color: #14261C;      /* dark green */
    color: rgb(255, 255, 255);
    font-family: Lato, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 15px;
    text-align: center;
    padding: 20px 15px;
    box-sizing: border-box;
    margin-left: -40px;
}


/* Certifications Content - Tablet View */
@media (max-width: 991px) {
    .certifications-content-section {
        padding: 40px 20px;
    }

    .certifications-content-container {
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .certifications-content-image {
        width: 100%;
        max-width: 465px;
        margin: 0 auto;
    }

    .certifications-content-image img {
        display: block;
        width: 90%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .certifications-content-label {
        width: 90%;
        margin: 0 auto;
        font-size: 16px;
        line-height: 22px;
        padding: 15px 10px;
    }
}

/* Certifications Content - Mobile View */
@media (max-width: 480px) {
    .certifications-content-section {
        padding: 30px 15px;
    }

    .certifications-content-container {
        flex-direction: column;
        align-items: center;
    }

    .certifications-content-image {
        width: 100%;
        max-width: 100%;
    }

    .certifications-content-image img {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .certifications-content-label {
        width: 100%;
        margin: 0 auto;
        font-size: 14px;
        line-height: 21px;
        padding: 14px 10px;
    }
}





/*----------------------------------------------index page---------------------------------------------------------------------*/




/* Home Heading Section */
.home-heading-section {
    position: relative;
    width: 100%;
    background-color: #F4F6F4;
    text-align: center;
    padding: 0 0 0;
    box-sizing: border-box;
    border: none !important;
    box-shadow: none !important;
    outline: none;
    overflow-x: clip;
}

/* Hide Before Element */
.home-heading-section::before {
    display: none !important;
}

/* Wave Shape (banner ke upar, neeche) */
.home-heading-section::after {
    content: "";
    display: block !important;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 70px;
    z-index: 3;
    pointer-events: none;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='none'><g fill='%23ffffff'><path d='M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7 s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7 c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3 c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6 c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7 C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5 c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1 c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7 c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6 C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8 c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2 C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3 C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1 z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1 c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z'/><path d='M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3 C267.7,18.8,269.7,18,269.6,18z'/><path d='M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2 S227.6,9.9,227.4,9.8z'/><path d='M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4 C206.4,12.9,204.6,13.5,204.5,13.4z'/><path d='M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0,4.2-1.6,6.3-2.6 S201,10.7,201,10.6z'/><path d='M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3 C152.6,27.5,154.6,26.8,154.5,26.7z'/><path d='M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6 c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z'/><path d='M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0 C76.9,11.5,75.3,12.5,75.5,12.6z'/><path d='M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4 C19.9,13.7,15.7,13.3,15.6,13.2z'/></g></svg>");
}

/* Banner Slider */
.home-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

.home-banner-track {
    display: grid;
    width: 100%;
    perspective: 1400px;
}

.home-banner-slide {
    grid-area: 1 / 1;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    backface-visibility: hidden;
    position: relative;
}

.home-banner-slide img {
    display: block;
    width: 100%;
    height: 600px;          
    object-fit: cover;
}
/* Banner Caption Box */
.home-banner-caption {
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;

    width: 44%;
    min-width: 280px;
    max-width: 860px;
    min-height: 200px;
    padding: 30px 40px;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    background: rgba(0, 0, 0, 0.45);
    border-radius: 20px;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.home-banner-caption h2 {
    margin: 0;
    color: #ffffff;
    font-family: 'Mukta', 'Noto Sans Devanagari', sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.3;
}

/* Tablet */
@media (max-width: 991px) {
    .home-banner-caption {
        width: 70%;
        min-height: 140px;
        padding: 20px 24px;
        border-radius: 16px;
    }

    .home-banner-caption h2 {
        font-size: 32px;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .home-banner-caption {
        width: 82%;
        min-width: 0;
        min-height: 90px;
        padding: 14px 16px;
        border-radius: 12px;
    }

    .home-banner-caption h2 {
        font-size: 20px;
    }
}
/* Arrows */
.home-banner-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
    width: 46px;
    height: 46px;
    border: none;
    border-radius: 50%;
    background: rgba(0, 0, 0, .45);
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    transition: background .3s ease;
}

.home-banner-btn:hover { background: black; }
.home-banner-prev { left: 20px; }
.home-banner-next { right: 20px; }



/* Only Home Page Header Background */
.home-page .header {
    background-color: #F4F6F4;
}


/* Home Banner - Tablet View */
@media (max-width: 991px) {
    .home-banner-slide img {
        width: 100%;
        height: 400px;
        object-fit: cover;
        object-position: center;
    }

    .home-banner-btn {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .home-banner-prev {
        left: 12px;
    }

    .home-banner-next {
        right: 12px;
    }
}

/* Home Banner - Mobile View */
@media (max-width: 480px) {
    .home-banner-slide img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        object-position: center;
    }

    .home-banner-btn {
        width: 32px;
        height: 32px;
        font-size: 15px;
    }

    .home-banner-prev {
        left: 8px;
    }

    .home-banner-next {
        right: 8px;
    }
}


/* Home Image Section */
.home-image-section {
    width: 100%;
    padding: 20px 5% 60px;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

/* Top Logo */
.home-logo-area {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

.home-logo-area img {
    display: block;
    width: 100px;
    height: 50px;
    object-fit: contain;
   margin-left: 640px;
}

/* Welcome Container */
.home-welcome-container {
   display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative; 
}
/* Background leaf (bottom right) - color #E4F0D4 */
.home-welcome-container::after {
    content: "";
    position: absolute;
    right: -60px;
    bottom: -40px;
    width: 450px;
    height: 700px;
    margin-left: 40px;
    z-index: 0;
    pointer-events: none;
    transform: rotate(-8deg);

    background-color: #E4F0D4;

    -webkit-mask-image: url("images/contact-background-img.png");
    mask-image: url("images/contact-background-img.png");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: bottom right;
    mask-position: bottom right;
}

/* Home Image Section - Tablet View */
@media (max-width: 991px) {
    .home-image-section {
        padding: 20px 4% 40px;
    }

    .home-logo-area {
        margin-bottom: 30px;
        text-align: center;
    }

    .home-logo-area img {
        width: 90px;
        height: 45px;
        margin: 0 auto;
    }

    .home-welcome-container {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 25px;
        width: 100%;
    }

    .home-welcome-container::after {
        right: -10px;
        bottom: -20px;
        width: 300px;
        height: 450px;
        margin-left: 0;
    }
}

/* Home Image Section - Mobile View */
@media (max-width: 480px) {
    .home-image-section {
        padding: 15px 15px 30px;
    }

    .home-logo-area {
        margin-bottom: 20px;
        text-align: center;
    }

    .home-logo-area img {
        width: 75px;
        height: 40px;
        margin: 0 auto;
    }

    .home-welcome-container {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
        width: 100%;
    }

    .home-welcome-container::after {
        right: 0;
        bottom: -10px;
        width: 180px;
        height: 280px;
        margin-left: 0;
        transform: rotate(-8deg);
    }
}

/* Text leaf ke upar rahe */
.home-welcome-image,
.home-welcome-content {
    position: relative;
    z-index: 1;
}

/* Horizontal scrollbar na aaye */
.home-image-section {
    overflow-x: clip;
}
/* Left Side Image */
.home-welcome-image {
    flex: 0 0 45%;
    max-width: 45%;
}

.home-welcome-image img {
    display: block;
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 6px;
    margin-top: -100px;
    margin-left: -80px;
}
/* =========================================================
   WELCOME IMAGE ZOOM ANIMATION
========================================================= */

/* Hide tabhi hoga jab JS chal raha ho, warna image dikhti rahegi */
.zoom-js .home-welcome-image img {
    opacity: 0;
    transform: scale(0.6);
    transform-origin: center center;
    transition: transform 1.2s ease, opacity 1.2s ease;
}

/* Scroll karke dikhne par original size */
.zoom-js .home-welcome-image.is-visible img {
    opacity: 1;
    transform: scale(1);
}

/* Welcome Image - Tablet View */
@media (max-width: 991px) {
    .home-welcome-image {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .home-welcome-image img {
        display: block;
        width: 85%;
        max-width: 550px;
        height: auto;
        margin: 0 auto;
        object-fit: cover;
    }
}

/* Welcome Image - Mobile View */
@media (max-width: 480px) {
    .home-welcome-image {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .home-welcome-image img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        border-radius: 6px;
        object-fit: cover;
    }
}

/* Preserve Zoom Animation */
.zoom-js .home-welcome-image img {
    transition: transform 1.2s ease, opacity 1.2s ease;
}

.zoom-js .home-welcome-image.is-visible img {
    opacity: 1;
    transform: scale(1);
}

/* Right Side Content */
.home-welcome-content {
    flex: 1;
    min-width: 0;
    margin-top: -30px;
    margin-left: -90px;
}

.home-welcome-content h2 {
    font-family: Poppins, sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: rgb(20, 38, 28);
    line-height: 46px;
    margin: 0 0 20px;
}

.home-welcome-content p {
    font-family: Poppins, sans-serif;
    font-size: 17px;
    color: rgb(0, 0, 0);
    line-height: 23px;
    margin: 0 0 15px;
    text-align: justify;
    font-weight: 400;
    letter-spacing: 0.5;
}

/* Welcome Content - Tablet View */
@media (max-width: 991px) {
    .home-welcome-content {
        flex: 1;
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .home-welcome-content h2 {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 18px;
    }

    .home-welcome-content p {
        font-size: 16px;
        line-height: 25px;
        margin: 0 0 14px;
        letter-spacing: 0.3px;
    }
}

/* Welcome Content - Mobile View */
@media (max-width: 480px) {
    .home-welcome-content {
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0 5px;
        box-sizing: border-box;
    }

    .home-welcome-content h2 {
        font-size: 25px;
        line-height: 34px;
        margin: 0 0 15px;
        text-align: center;
    }

    .home-welcome-content p {
        font-size: 14px;
        line-height: 23px;
        margin: 0 0 12px;
        text-align: justify;
        letter-spacing: 0.2px;
    }
}

/* Contact Us Button */
.home-contact-button {
    display: inline-block;
    background-color: #0B6E45;
    color: #FFFFFF;
    text-decoration: none;
    font-family: Lato, sans-serif;
    font-size: 17px;
    font-weight: 600;
    padding: 14px 35px;
    border-radius: 4px;
    margin-top: 8px;
    transition: background-color 0.3s ease;
    text-transform: uppercase;
}

.home-contact-button:hover {
    background-color: #075535;
    color: #FFFFFF;
}

/* Contact Button - Tablet View */
@media (max-width: 991px) {
    .home-contact-button {
        font-size: 16px;
        padding: 12px 28px;
        margin-top: 10px;
    }
}

/* Contact Button - Mobile View */
@media (max-width: 480px) {
    .home-contact-button {
        font-size: 14px;
        padding: 11px 24px;
        margin-top: 8px;
        border-radius: 4px;
        max-width: 100%;
        box-sizing: border-box;
    }
}


/* =========================================================
   VISION / MISSION / CORE VALUES (vmv)
========================================================= */

.vmv-wrap {
    width: 100%;
    max-width: 1500px;
    margin: 40px auto 0;
    padding: 40px 0;
    box-sizing: border-box;
    overflow-x: clip;
    text-align: left;
}

.vmv-item {
    position: relative;
    margin-bottom: 100px;
}

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

/* Green gradient backdrop (card se bada) */
.vmv-item::before {
    content: "";
    position: absolute;
    top: -38px;
    bottom: -37px;
    z-index: 0;
}

/* White-border card (andar se transparent, gradient dikhega) */
.vmv-card {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 15px 20px;
    border: 1px solid #bdbdbd;
    background: transparent;
    box-sizing: border-box;
}

.vmv-pic {
    flex: 0 0 150px;
    display: flex;
    justify-content: center;
}

.vmv-pic img {
    display: block;
    width: 100%;
    max-width: 150px;
    height: auto;
    object-fit: contain;
}

.vmv-info {
    flex: 1;
}

.vmv-info h2 {
    font-family:Lato, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 39px;
    color: #14261c;
    margin: 0 0 25px;
}

.vmv-info p {
    font-family: Lato, sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 32px;
    color: #000;
    margin: 0;
}

/* ---------- Vision: left card, green right side ---------- */
.vmv-one {
    width: 1105px;
    max-width: 100%;
    margin-left: 100px;
}

.vmv-one::before {
    left: 40%;
    right: -37px;
    background: linear-gradient(115deg, rgba(11, 110, 69, 0) 0%, #0B6E45 110%);
     top: -18px;       
    bottom: -18px;
}
/* Mission card: final position (transform nahi, margin se) */
.vmv-two .vmv-card {
    width: 105%;
    max-width: none;
    margin-left: 150px;     /* -50px + 200px translate = 150px */
}
/* ---------- Mission: right card, green left side ---------- */
.vmv-two {
    width: 1157px;
    max-width: 100%;
    margin-left:80px;
     margin-top: 80px;
}

.vmv-two::before {
    left: -20px;
    right: 0;
    background: linear-gradient(60deg, #0B6E45 0%, rgba(11, 110, 69, 0) 75%);
    top: -30px;       
    bottom: -30px;
}

.vmv-two .vmv-info {
    text-align: right;
}

/* ---------- Core Values: left card, green right side ---------- */
.vmv-three {
    width: 1105px;
    max-width: 100%;
    margin-left: 100px;
}

.vmv-three::before {
    left: 30%;
    right: -260px;
    background: linear-gradient(115deg, rgba(11, 110, 69, 0) 0%, #0B6E45 100%);
    top: -38px;
    bottom: -37px;
}

.vmv-three .vmv-pic {
    flex: 0 0 200px;
}

.vmv-three .vmv-pic img {
    max-width: 200px;
}


/* =========================================================
   VMV SECTION - TABLET VIEW
========================================================= */
@media (max-width: 991px) {
    .vmv-wrap {
        width: 100%;
        max-width: 750px;
        margin: 25px auto 0;
        padding: 30px 20px;
        overflow-x: clip;
    }

    .vmv-item {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 65px;
    }

    .vmv-item::before {
        left: 15px;
        right: -10px;
        top: -20px;
        bottom: -20px;
    }

    .vmv-card {
        width: 100% !important;
        max-width: 100%;
        margin: 0 !important;
        gap: 22px;
        padding: 20px;
        align-items: center;
    }

    .vmv-pic {
        flex: 0 0 120px;
    }

    .vmv-pic img {
        width: 100%;
        max-width: 120px;
    }

    .vmv-info {
        flex: 1;
        min-width: 0;
    }

    .vmv-info h2 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 15px;
    }

    .vmv-info p {
        font-size: 16px;
        line-height: 27px;
    }

    .vmv-two {
        margin-top: 0;
    }

    .vmv-two .vmv-info {
        text-align: left;
    }

    .vmv-three .vmv-pic {
        flex: 0 0 120px;
    }

    .vmv-three .vmv-pic img {
        max-width: 120px;
    }
}

/* =========================================================
   VMV SECTION - MOBILE VIEW
========================================================= */
@media (max-width: 480px) {
    .vmv-wrap {
        width: 100%;
        padding: 20px 15px;
        margin: 15px auto 0;
    }

    .vmv-item {
        width: 100%;
        margin: 0 auto 45px;
    }

    .vmv-item::before {
        left: 8px;
        right: -5px;
        top: -12px;
        bottom: -12px;
    }

    .vmv-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100% !important;
        max-width: 100%;
        margin: 0 !important;
        padding: 20px 15px;
        gap: 15px;
    }

    .vmv-pic,
    .vmv-three .vmv-pic {
        flex: 0 0 auto;
        width: 100%;
        justify-content: center;
    }

    .vmv-pic img,
    .vmv-three .vmv-pic img {
        width: 100%;
        max-width: 100px;
        height: auto;
    }

    .vmv-info {
        width: 100%;
        flex: 1;
        text-align: left;
    }

    .vmv-info h2 {
        font-size: 24px;
        line-height: 32px;
        text-align: center;
        margin-bottom: 12px;
    }

    .vmv-info p {
        font-size: 14px;
        line-height: 24px;
        text-align: justify;
    }

    .vmv-two {
        margin-top: 0;
    }

    .vmv-two .vmv-info {
        text-align: left;
    }

    .vmv-three {
        margin-bottom: 0;
    }
}

/* =========================================================
   VMV SCROLL ANIMATION (sirf white box + content)
========================================================= */

/* Hide tabhi hoga jab JS chal raha ho, warna boxes dikhte rahenge */
.vmv-js .vmv-card {
    opacity: 0;
    transition: transform 1s ease, opacity 1s ease;
}

/* 1st aur 3rd: left se */
.vmv-js .vmv-one .vmv-card,
.vmv-js .vmv-three .vmv-card {
    transform: translateX(-100vw);
}

/* 2nd: right se */
.vmv-js .vmv-two .vmv-card {
    transform: translateX(100vw);
}

/* Scroll karne par original position */
.vmv-js .vmv-item.is-visible .vmv-card {
    opacity: 1;
    transform: translateX(0);
}

/* =========================================================
   VMV SCROLL ANIMATION - TABLET
========================================================= */
@media (max-width: 991px) {
    .vmv-js .vmv-one .vmv-card,
    .vmv-js .vmv-three .vmv-card {
        transform: translateX(-80px);
    }

    .vmv-js .vmv-two .vmv-card {
        transform: translateX(80px);
    }

    .vmv-js .vmv-card {
        transition: transform 0.8s ease, opacity 0.8s ease;
    }

    .vmv-js .vmv-item.is-visible .vmv-card {
        opacity: 1;
        transform: translateX(0);
    }
}

/* =========================================================
   VMV SCROLL ANIMATION - MOBILE
========================================================= */
@media (max-width: 480px) {
    .vmv-js .vmv-one .vmv-card,
    .vmv-js .vmv-three .vmv-card {
        transform: translateX(-40px);
    }

    .vmv-js .vmv-two .vmv-card {
        transform: translateX(40px);
    }

    .vmv-js .vmv-card {
        transition: transform 0.7s ease, opacity 0.7s ease;
    }

    .vmv-js .vmv-item.is-visible .vmv-card {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Accessibility: Reduce Motion */
@media (prefers-reduced-motion: reduce) {
    .vmv-js .vmv-card {
        transition: none;
        transform: none;
        opacity: 1;
    }
}

/*---product section----*/


/* =========================================================
   PRODUCTS SECTION (prd)
========================================================= */

.prd-wrap {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 90px 20px 80px;
    box-sizing: border-box;
    text-align: center;
}

/* Products Heading */
.prd-head {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto 25px;
}

.prd-leaf {
    display: block;
    width: 95px;
    height: auto;
    margin: 0 auto 10px;
}

.prd-head h2 {
    font-family: Poppins, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 31px;
    color: #14261c;
    margin: 0 0 30px;
    text-align: center;
}

.prd-head p {
    font-family: Poppins, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    color: rgb(20, 38, 28);
    margin: 0;
    text-align: center;
}

/* =========================================================
   PRODUCTS SECTION - TABLET VIEW
========================================================= */
@media (max-width: 991px) {
    .prd-wrap {
        padding: 60px 25px 55px;
    }

    .prd-head {
        width: 100%;
        margin: 0 auto 20px;
    }

    .prd-leaf {
        width: 80px;
        margin: 0 auto 12px;
    }

    .prd-head h2 {
        font-size: 22px;
        line-height: 30px;
        margin: 0 0 22px;
    }

    .prd-head p {
        font-size: 19px;
        line-height: 28px;
        margin: 0;
    }
}

/* =========================================================
   PRODUCTS SECTION - MOBILE VIEW
========================================================= */
@media (max-width: 480px) {
    .prd-wrap {
        padding: 40px 15px 40px;
    }

    .prd-head {
        width: 100%;
        margin: 0 auto 18px;
    }

    .prd-leaf {
        width: 65px;
        height: auto;
        margin: 0 auto 10px;
    }

    .prd-head h2 {
        font-size: 19px;
        line-height: 27px;
        margin: 0 0 16px;
    }

    .prd-head p {
        font-size: 15px;
        line-height: 24px;
        text-align: center;
    }
}


/* =========================================================
   PRODUCTS GRID - 4 IMAGES IN ONE ROW
========================================================= */

.prd-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 20px;
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    align-items: end;
    justify-items: center;
}

/* Individual Product Card */
.prd-card {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
}

/* Product Image Container */
.prd-img {
    width: 100%;
    height: 250px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
   margin-top: 50px;
    padding: 0;
    box-sizing: border-box;
}

/* Product Images */
.prd-img img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    margin: 0 auto;
}

/* Product Title */
.prd-card h3 {
    font-family: Poppins, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 34px;
    color: rgb(20, 38, 28);
    margin: 15px 0 20px;
    padding: 0;
    text-align: center;
}

/* Product Button */
.prd-btn {
    display: inline-block;
    min-width: 170px;
    padding: 13px 20px;
    background-color: #1fae6b;
    color: #ffffff;
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    transition: background-color 0.3s ease;
}

.prd-btn:hover {
    background-color: #0B6E45;
    color: #ffffff;
}

/* Product Card Bottom Black Line */
.prd-bottom-line {
    width: 90%;
    height: 1px;
    background-color: #000000;
    margin: 30px auto 0;
}

/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1199px) {
    .prd-wrap {
        padding: 75px 20px 65px;
    }

    .prd-grid {
        column-gap: 10px;
        max-width: 100%;
    }

    .prd-img {
        height: 210px;
    }

    .prd-card h3 {
        font-size: 23px;
        line-height: 30px;
    }

    .prd-btn {
        min-width: 150px;
        padding: 12px 15px;
        font-size: 15px;
    }
}

/* =========================================================
   PRODUCTS GRID - TABLET VIEW
========================================================= */
@media (max-width: 991px) {
    .prd-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 20px;
        row-gap: 35px;
        max-width: 750px;
        align-items: end;
    }

    .prd-card {
        width: 100%;
    }

    .prd-img {
        width: 100%;
        height: 200px;
        margin-top: 25px;
    }

    .prd-img img {
        max-width: 100%;
        max-height: 100%;
    }

    .prd-card h3 {
        font-size: 21px;
        line-height: 29px;
        margin: 15px 0;
    }

    .prd-btn {
        min-width: 140px;
        max-width: 100%;
        padding: 11px 15px;
        font-size: 14px;
    }

    .prd-bottom-line {
        width: 90%;
        margin: 25px auto 0;
    }
}

/* =========================================================
   PRODUCTS GRID - MOBILE VIEW
========================================================= */
@media (max-width: 480px) {
    .prd-wrap {
        padding: 35px 15px 40px;
    }

    .prd-grid {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 35px;
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
    }

    .prd-card {
        width: 100%;
        align-items: center;
    }

    .prd-img {
        width: 100%;
        height: 190px;
        margin-top: 10px;
        justify-content: center;
        align-items: flex-end;
    }

    .prd-img img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
    }

    .prd-card h3 {
        font-size: 20px;
        line-height: 28px;
        margin: 14px 0;
        text-align: center;
    }

    .prd-btn {
        min-width: 150px;
        padding: 11px 18px;
        font-size: 14px;
    }

    .prd-bottom-line {
        width: 85%;
        margin: 25px auto 0;
    }
}




/*----reserch and development----*/



/* =========================================================
   RESEARCH AND DEVELOPMENT (rnd)
========================================================= */

.rnd-wrap {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 60px 20px 80px;
    box-sizing: border-box;
}

/* Heading */
.rnd-head {
    text-align: center;
    margin-bottom: 70px;
    margin-top: -70px;
}

.rnd-leaf {
    display: block;
    width: 95px;
    height: auto;
    margin: 0 auto 5px;
}

.rnd-head h2 {
    font-family: Poppins, sans-serif;
    font-size: 36px;
    font-weight: 800;
    line-height: 44px;
    color: #14261c;
    margin: 0;
}

/* Main Content */
.rnd-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    max-width: 1450px;
    margin: 0 auto;
}

/* Left Paragraph */
.rnd-text {
      overflow: visible;
    min-width: 0;
}

.rnd-text p {
    font-family: Poppins, sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.6;
    color: #000;
    text-align: justify;
    margin-left: -60px;
    letter-spacing: 0.5px;
     max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: break-word;
}


/* Paragraph Scroll Animation */
.rnd-text.rnd-text-animate {
   opacity: 0;
    transform: translateX(100px);
    transition: opacity 1s ease, transform 1s ease;
    clip-path: none;
}

/* Animation Active */
.rnd-text.rnd-text-animate.is-visible {
   opacity: 1;
    transform: translateX(0);
}


/* Tablet View */
@media (min-width: 768px) and (max-width: 1024px) {

    .rnd-text {
        width: 100%;
        min-width: 0;
        overflow: visible;
    }

    .rnd-text p {
        font-size: 17px;
        line-height: 1.6;
        margin-left: 0;
        letter-spacing: 0.3px;
        max-width: 100%;
        text-align: justify;
        overflow-wrap: break-word;
    }

    .rnd-text.rnd-text-animate {
        transform: translateX(60px);
    }

    .rnd-text.rnd-text-animate.is-visible {
        transform: translateX(0);
    }
}


/* Mobile View */
@media (max-width: 767px) {

    .rnd-text {
        width: 100%;
        min-width: 0;
        overflow: visible;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .rnd-text p {
        font-size: 15px;
        line-height: 1.7;
        margin-left: 0;
        letter-spacing: 0;
        max-width: 100%;
        text-align: left;
        overflow-wrap: anywhere;
        box-sizing: border-box;
    }

    .rnd-text.rnd-text-animate {
        transform: translateX(30px);
    }

    .rnd-text.rnd-text-animate.is-visible {
        transform: translateX(0);
    }
}

/* Right Image */
.rnd-pic {
    flex: 0 0 560px;
    max-width: 620px;
    padding: 6px;
    border: 6px solid #7a7a7a;
    border-radius: 30px;
    background: #fff;
    box-sizing: border-box;
    margin-left: 10px;
    margin-top: 40px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.30);
}

/* Image Styling */
.rnd-pic img {
    display: block;
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 22px;
}

/* Image Scroll Animation */
.rnd-js .rnd-pic {
    opacity: 0;
    transform: scale(0.6);
    transition: transform 1.2s ease, opacity 1.2s ease;
}

.rnd-js .rnd-pic.is-visible {
    opacity: 1;
    transform: scale(1);
}

/* Image Hover Effect */
.rnd-pic {
    cursor: pointer;
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.rnd-pic:hover {
    transform: scale(1.08);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.40);
}


/* =========================================================
   RESEARCH AND DEVELOPMENT - TABLET VIEW
========================================================= */
@media (max-width: 991px) {
    .rnd-wrap {
        padding: 45px 25px 55px;
    }

    .rnd-head {
        margin-top: -30px;
        margin-bottom: 40px;
    }

    .rnd-leaf {
        width: 80px;
        margin: 0 auto 10px;
    }

    .rnd-head h2 {
        font-size: 30px;
        line-height: 38px;
    }

    .rnd-body {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 30px;
        width: 100%;
    }

    .rnd-text {
        width: 100%;
        flex: 1;
    }

    .rnd-text p {
        font-size: 17px;
        line-height: 1.7;
        margin-left: 0;
        letter-spacing: 0.3px;
    }

    .rnd-pic {
        flex: 0 1 auto;
        width: 100%;
        max-width: 560px;
        margin: 10px auto 0;
        padding: 5px;
        border-width: 5px;
        border-radius: 24px;
    }

    .rnd-pic img {
        width: 100%;
        height: 240px;
        border-radius: 18px;
    }

    .rnd-pic:hover {
        transform: scale(1.03);
    }

    .rnd-text.rnd-text-animate {
        transform: translateX(80px);
    }

    .rnd-text.rnd-text-animate.is-visible {
        transform: translateX(0);
    }
}

/* =========================================================
   RESEARCH AND DEVELOPMENT - MOBILE VIEW
========================================================= */
@media (max-width: 480px) {
    .rnd-wrap {
        padding: 30px 15px 40px;
    }

    .rnd-head {
        margin-top: -15px;
        margin-bottom: 25px;
    }

    .rnd-leaf {
        width: 65px;
        margin: 0 auto 8px;
    }

    .rnd-head h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .rnd-body {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .rnd-text {
        width: 100%;
    }

    .rnd-text p {
        font-size: 14px;
        line-height: 1.7;
        margin: 0;
        letter-spacing: 0.2px;
        text-align: justify;
    }

    .rnd-pic {
        width: 100%;
        max-width: 100%;
        margin: 5px auto 0;
        padding: 4px;
        border-width: 4px;
        border-radius: 18px;
    }

    .rnd-pic img {
        width: 100%;
        height: 190px;
        border-radius: 13px;
        object-fit: cover;
    }

    .rnd-pic:hover {
        transform: scale(1.02);
    }

    .rnd-text.rnd-text-animate {
        transform: translateX(40px);
    }

    .rnd-text.rnd-text-animate.is-visible {
        transform: translateX(0);
    }
}

/* Reduce Motion Accessibility */
@media (prefers-reduced-motion: reduce) {
    .rnd-text.rnd-text-animate,
    .rnd-js .rnd-pic {
        opacity: 1;
        transform: none;
        clip-path: none;
        transition: none;
    }
}




/* =========================================================
   HARVESTING HAPPINESS - FULL WIDTH VIDEO SECTION
========================================================= */

.harvest-video-section {
    position: relative;
    width: 100vw;
    max-width: none;
    height: 450px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    isolation: isolate;
    background-color: #14261c;
    margin-top: -40px
}

/* Background Video */
.harvest-video-section .harvest-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -2;
}



/* Center Text Content */
.harvest-video-section .harvest-video-content {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
}

/* Main Heading */
.harvest-video-section .harvest-video-content h2 {
   font-family: 'Averia Libre', cursive;
    font-size: 39px;
    font-weight: 600;
    line-height: 1.3;
    color: #ffffff;
    margin: 0 0 12px;
    text-align: center;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.6);
}

/* Subtitle */
.harvest-video-section .harvest-video-content p {
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
    color: #ffffff;
    margin: 0;
    text-align: center;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.6);
}


/* =========================================================
   HARVESTING HAPPINESS - TABLET VIEW
========================================================= */
@media (max-width: 991px) {
    .harvest-video-section {
        width: 100vw;
        max-width: none;
        height: 350px;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        margin-top: -25px;
    }

    .harvest-video-section .harvest-bg-video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .harvest-video-section .harvest-video-content {
        width: 100%;
        padding: 20px;
    }

    .harvest-video-section .harvest-video-content h2 {
        font-size: 32px;
        line-height: 1.3;
        margin-bottom: 12px;
    }

    .harvest-video-section .harvest-video-content p {
        font-size: 23px;
        line-height: 1.5;
    }
}

/* =========================================================
   HARVESTING HAPPINESS - MOBILE VIEW
========================================================= */
@media (max-width: 480px) {
    .harvest-video-section {
        width: 100vw;
        max-width: none;
        height: 260px;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        margin-top: -15px;
    }

    .harvest-video-section .harvest-bg-video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .harvest-video-section .harvest-video-content {
        width: 100%;
        padding: 15px;
    }

    .harvest-video-section .harvest-video-content h2 {
        font-size: 24px;
        line-height: 1.35;
        margin-bottom: 10px;
    }

    .harvest-video-section .harvest-video-content p {
        font-size: 16px;
        line-height: 1.5;
    }
}



/* =========================================
   MEDIA SECTION - FULL WIDTH
========================================= */

.media-section {
    width: 100%;
    max-width: 100%;
    padding: 50px 0 0px;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
    background-color: #ffffff;
}

/* Center Image */
.media-top-image {
    width: 100px;
    max-width: 50%;
    margin: 0 auto 20px;
}

.media-top-image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Media Heading */
.media-heading {
    font-family: 'Poppins', sans-serif;
    font-size: 38px;
    font-weight: 700;
    color: #1BAE70;
    text-align: center;
    margin: 0 0 35px;
}

/* Four Images in One Row */
.media-images-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Image Box */
.media-image-box {
    width: 100%;
    height: 260px;
    overflow: hidden;
    box-sizing: border-box;
     border: 2px solid #1BAE70;
}

/* Images */
.media-image-box img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.4s ease;
}
.media-img-1 {
    border-radius: 60px 0 60px 0;
}

.media-img-2 {
    border-radius: 60px 0 60px 0;
}

.media-img-3 {
    border-radius: 60px 0 60px 0;
}

.media-img-4 {
    border-radius:60px 0 60px 0;
}


/* Images Animation Initial State */
.media-image-box {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

/* Images Move Up to Original Position */
.media-images-row.show-images .media-image-box {
    opacity: 1;
    transform: translateY(0);
}

/* Stagger Animation for Each Image */
.media-images-row.show-images .media-image-box:nth-child(1) {
    transition-delay: 0s;
}

.media-images-row.show-images .media-image-box:nth-child(2) {
    transition-delay: 0.2s;
}

.media-images-row.show-images .media-image-box:nth-child(3) {
    transition-delay: 0.4s;
}

.media-images-row.show-images .media-image-box:nth-child(4) {
    transition-delay: 0.6s;
}

/* Mobile Accessibility */
@media (prefers-reduced-motion: reduce) {
    .media-image-box {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* =========================================
   MEDIA SECTION - TABLET VIEW
========================================= */
@media (max-width: 991px) {
    .media-section {
        padding: 40px 0 0;
    }

    .media-top-image {
        width: 150px;
        max-width: 80%;
        margin: 0 auto 18px;
    }

    .media-heading {
        font-size: 30px;
        line-height: 1.3;
        margin: 0 0 25px;
        padding: 0 15px;
    }

    .media-images-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        padding: 0 20px;
    }

    .media-image-box {
        height: 230px;
    }
}

/* =========================================
   MEDIA SECTION - MOBILE VIEW
========================================= */
@media (max-width: 480px) {
    .media-section {
        padding: 30px 0 0;
    }

    .media-top-image {
        width: 120px;
        max-width: 75%;
        margin: 0 auto 15px;
    }

    .media-heading {
        font-size: 24px;
        line-height: 1.35;
        margin: 0 0 20px;
        padding: 0 12px;
    }

    .media-images-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        width: 100%;
        padding: 0 15px;
    }

    .media-image-box {
        width: 100%;
        height: 220px;
    }

    .media-image-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}






/*----------------------------------------------------media-------------------------------------------------------------------*/



/* Media Heading Section */
.media-heading-section {
    position: relative;
    width: 100%;
    background-color: #F4F6F4;
    text-align: center;
    padding: 80px 20px 120px;
    box-sizing: border-box;
    border: none !important;
    box-shadow: none !important;
    outline: none;
    overflow-x: clip;
}

/* Hide Before Element */
.media-heading-section::before {
    display: none !important;
}

/* Wave Shape */
.media-heading-section::after {
    content: "";
    display: block !important;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 70px;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='none'><g fill='%23ffffff'><path d='M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7 s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7 c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3 c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6 c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7 C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5 c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1 c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7 c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6 C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8 c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2 C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3 C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1 z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1 c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z'/><path d='M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3 C267.7,18.8,269.7,18,269.6,18z'/><path d='M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2 S227.6,9.9,227.4,9.8z'/><path d='M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4 C206.4,12.9,204.6,13.5,204.5,13.4z'/><path d='M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0,4.2-1.6,6.3-2.6 S201,10.7,201,10.6z'/><path d='M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3 C152.6,27.5,154.6,26.8,154.5,26.7z'/><path d='M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6 c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z'/><path d='M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0 C76.9,11.5,75.3,12.5,75.5,12.6z'/><path d='M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4 C19.9,13.7,15.7,13.3,15.6,13.2z'/></g></svg>");
}




.media-heading-section h1 {
    color: #222222;
    font-family: "Poppins", sans-serif;
    font-size: 55px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}


/* ==============================
   MEDIA MAIN SECTION
============================== */

.media-image-section {
    width: 100%;
    padding: 30px 20px 60px;
    box-sizing: border-box;
    text-align: center;
}

.media-image-section .media-banner-image {
    display: block;
    width: 160px;
    height: 70px;
    object-fit: contain;
    margin: 0 auto 35px;
}


/* ==============================
   GALLERY MAIN LAYOUT
============================== */

.media-gallery {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 25px;
    align-items: stretch;
    width: 100%;
    max-width: 1400px;
    margin: 30px auto 0;
    text-align: left;
    box-sizing: border-box;
}


/* ==============================
   LEFT CATEGORY BUTTONS
============================== */

.media-gallery-tabs {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    align-self: start;
    box-sizing: border-box;
}

.mg-tab {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 65px;
    padding: 16px 20px;
    border: 1px solid #1BAE70;
    background-color: #E8FFF5;
    color: rgb(27, 26, 26);
    font-family: Roboto, sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.25s ease,
                color 0.25s ease,
                border-color 0.25s ease;
    box-sizing: border-box;
}

.mg-tab:hover,
.mg-tab.active {
    background-color: #1BAE70;
    border-color: #1BAE70;
    color: #FFFFFF;
}


/* ==============================
   RIGHT GALLERY CONTENT
============================== */

.media-gallery-content {
    min-width: 0;
    padding: 20px;
    background-color: #EFFFF8;
    border: 1px solid #1BAE70;
    margin-right: 0;
    box-sizing: border-box;
}


/* Hide Original HTML Image Lists */

.media-category-images {
    display: none;
}


/* ==============================
   GALLERY IMAGE GRID
============================== */

.media-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px 15px;
    width: 100%;
    box-sizing: border-box;
    align-items: start;
}

.media-gallery-grid .mg-image-card {
    display: block;
    width: 95%;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 4px  4px  0 0;
    background-color: #FFFFFF;
    cursor: pointer;
    border: 1px solid #D6E4D8;
    box-sizing: border-box;
}

.media-gallery-grid .mg-image-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}


/* ==============================
   LIGHTBOX BACKGROUND
============================== */

.mg-lightbox {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.94);
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
}

.mg-lightbox.is-open {
    display: flex;
}


/* ==============================
   IMAGE COUNTER
============================== */

.mg-counter {
    position: absolute;
    top: 22px;
    left: 25px;
    z-index: 10;
    color: #FFFFFF;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 500;
}


/* ==============================
   TOP TOOLBAR
============================== */

#mgFullscreen img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}
#mgZoom img
{
     width: 25px;
    height: 25px;
    object-fit: contain;
}
#mgShare img
{
    width: 25px;
    height: 25px;
    object-fit: contain;
}
#mgClose img
{
    width: 25px;
    height: 25px;
    object-fit: contain;
}
#mgFb img
{
 width: 25px;
    height: 25px;
    object-fit: contain;
}
#mgTw img
{
 width: 25px;
    height: 25px;
    object-fit: contain;
}
#mgPin img
{
 width: 25px;
    height: 25px;
    object-fit: contain;
}
#mgDownload img
{
 width: 25px;
    height: 25px;
    object-fit: contain;
}


.mg-toolbar {
    position: absolute;
    top: 12px;
    right: 18px;
    z-index: 20;
    display: flex;
    align-items: center;
    gap: 8px;
}

.mg-toolbar button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 10px;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: #FFFFFF;
    font-size: 25px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.mg-toolbar button:hover {
    background-color: rgba(255, 255, 255, 0.15);
}

.mg-toolbar button svg {
    display: block;
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ==============================
   SHARE DROPDOWN
============================== */

.mg-share-wrap {
    position: relative;
}

.mg-share-menu {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    width: 215px;
    padding: 8px 0;
    border-radius: 5px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
    z-index: 30;
}

.mg-share-menu.is-visible {
    display: block;
}

.mg-share-menu a {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 12px 15px;
    color: #222222;
    background-color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
    box-sizing: border-box;
    white-space: nowrap;
}

.mg-share-menu a:hover {
    background-color: #F0F0F0;
}

.mg-social-icon,
.mg-download-icon {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    font-size: 17px;
    font-weight: 700;
}

.mg-facebook {
    color: #1877F2;
}

.mg-twitter {
    color: #111111;
}

.mg-pinterest {
    color: #BD081C;
}

.mg-download-icon {
    color: #333333;
    font-size: 22px;
}


/* ==============================
   LIGHTBOX IMAGE STAGE
============================== */

.mg-stage {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 150px);
    height: calc(100% - 110px);
    margin-top: 35px;
    overflow: auto;
    box-sizing: border-box;
}

.mg-stage img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    transform: scale(1);
    transition: transform 0.25s ease;
    transform-origin: center center;
}

.mg-stage img.is-zoomed {
    transform: scale(1.8);
    cursor: zoom-out;
}


/* ==============================
   PREVIOUS / NEXT BUTTONS
============================== */

.mg-arrow {
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 60px;
    border: none;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
    font-size: 28px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.mg-arrow:hover {
    background-color: rgba(255, 255, 255, 0.25);
}

.mg-prev {
    left: 15px;
}

.mg-next {
    right: 15px;
}


/* ==============================
   IMAGE CAPTION
============================== */

.mg-caption {
    position: absolute;
    bottom: 18px;
    left: 70px;
    right: 70px;
    color: #FFFFFF;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    text-align: center;
}


/* Increase Left Side Box Width */
.media-gallery {
    grid-template-columns: 350px minmax(0, 1fr) !important;
}

.media-gallery-tabs {
    width: 100%;
    box-sizing: border-box;
}



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

@media (max-width: 991px) {

    .media-heading-section {
        padding: 70px 20px 85px;
    }

    .media-heading-section h1 {
        font-size: 42px;
    }

    .media-gallery {
        grid-template-columns: 240px minmax(0, 1fr);
        gap: 18px;
        margin: 25px auto 0;
    }

    .media-gallery-tabs {
        gap: 12px;
    }

    .mg-tab {
        min-height: 58px;
        padding: 13px 15px;
        font-size: 14px;
    }

    .media-gallery-content {
        padding: 14px;
    }

    .media-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .media-gallery-grid .mg-image-card {
        height: 170px;
    }

    .mg-stage {
        width: calc(100% - 110px);
    }

    .mg-prev {
        left: 5px;
    }

    .mg-next {
        right: 5px;
    }
}


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

@media (max-width: 600px) {

    .media-heading-section {
        padding: 55px 15px 70px;
    }

    .media-heading-section h1 {
        font-size: 34px;
    }

    .media-image-section {
        padding: 20px 12px 35px;
    }

    .media-image-section .media-banner-image {
        width: 140px;
        height: 60px;
        margin-bottom: 25px;
    }

    .media-gallery {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        margin: 20px auto 0;
    }

    .media-gallery-tabs {
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 100%;
    }

    .mg-tab {
        width: 100%;
        min-height: 50px;
        padding: 12px 14px;
        font-size: 13px;
    }

    .media-gallery-content {
        padding: 10px;
        margin-right: 0;
    }

    .media-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    .media-gallery-grid .mg-image-card {
        height: 135px;
    }

    .mg-toolbar {
        top: 8px;
        right: 5px;
        gap: 0;
    }

    .mg-toolbar button {
        width: 38px;
        height: 40px;
        padding: 8px;
        font-size: 22px;
    }

    .mg-toolbar button svg {
        width: 21px;
        height: 21px;
    }

    .mg-counter {
        top: 18px;
        left: 10px;
        font-size: 12px;
    }

    .mg-stage {
        width: calc(100% - 30px);
        height: calc(100% - 130px);
        margin-top: 45px;
    }

    .mg-arrow {
        width: 32px;
        height: 45px;
        font-size: 21px;
    }

    .mg-prev {
        left: 2px;
    }

    .mg-next {
        right: 2px;
    }

    .mg-caption {
        bottom: 12px;
        left: 35px;
        right: 35px;
        font-size: 12px;
    }

    .mg-share-menu {
        right: -45px;
        width: 200px;
    }
}


/* ==============================
   SMALL MOBILE
============================== */

@media (max-width: 380px) {

    .media-gallery-grid {
        grid-template-columns: 1fr;
    }

    .media-gallery-grid .mg-image-card {
        height: 200px;
    }
}