.Home-no-show #sp-main-body{
	display:none;
}

body.itemid-101 #sp-main-body {
  padding: 0;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
:root{
    --forest-deep:#0F2E1D;
    --forest-mid:#153B24;
    --green-primary:#2E7D32;
    --green-secondary:#4CAF50;
    --sage:#7FA684;
    --gold:#C8A951;
    --gold-light:#E7D49F;
    --cream:#faf6ea;
    --cream-warm:#F1EEE2;
    --ink:#1E293B;
    --ink-soft:#5B6B63;
    --white:#FFFFFF;

    --r-lg:28px;
    --r-md:22px;
    --r-sm:14px;

    --shadow-soft:0 20px 60px -20px rgba(15,46,29,0.18);
    --shadow-card:0 12px 30px -12px rgba(15,46,29,0.14);
    --shadow-gold:0 20px 50px -18px rgba(200,169,81,0.35);

    --ease:cubic-bezier(.16,.8,.24,1);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Manrope',sans-serif;
    color:var(--ink);
    background:var(--cream);
    line-height:1.6;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,h4{
    font-family:'Sora',sans-serif;
    color:var(--forest-deep);
    line-height:1.12;
    letter-spacing:-0.02em;
  }
  a{text-decoration:none;color:inherit;}
  ul{list-style:none;}
  img{max-width:100%;display:block;}
  button{font-family:inherit;cursor:pointer;border:none;background:none;}
  .container{max-width:1240px;margin:0 auto;padding:0 32px;}
  section{position:relative;}

  ::selection{background:var(--gold-light);color:var(--forest-deep);}

  :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px;}

  /* ---------- utility ---------- */
  .eyebrow{
    display:inline-flex;align-items:center;gap:10px;
    font-family:'Manrope',sans-serif;font-weight:700;font-size:12.5px;
    letter-spacing:.16em;text-transform:uppercase;color:var(--green-primary);
    margin-bottom:18px;
  }
  .eyebrow::before{content:"";width:26px;height:2px;background:var(--gold);border-radius:2px;}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    padding:16px 32px;border-radius:100px;font-weight:700;font-size:15px;
    transition:transform .45s var(--ease), box-shadow .45s var(--ease), background .3s ease;
    white-space:nowrap;
  }
  .btn-primary{
    background:linear-gradient(135deg,var(--green-primary),var(--forest-mid));
    color:#fff;box-shadow:var(--shadow-card);
  }
  .btn-primary:hover{transform:translateY(-3px);box-shadow:0 22px 40px -14px rgba(15,46,29,0.4);}
  .btn-ghost{
    background:rgba(255,255,255,0.55);
    border:1px solid rgba(30,41,59,0.12);
    color:var(--forest-deep);
    backdrop-filter:blur(10px);
  }
  .btn-ghost:hover{background:#fff;transform:translateY(-3px);box-shadow:var(--shadow-card);}
  .btn-gold{
    background:linear-gradient(135deg,var(--gold),#B8933D);
    color:#26210F;box-shadow:var(--shadow-gold);
  }
  .btn-gold:hover{transform:translateY(-3px);}

  .section-head{max-width:640px;margin-bottom:64px;}
  .section-head.center{margin-left:auto;margin-right:auto;text-align:center;}
  .section-head h2{font-size:clamp(30px,4vw,46px);font-weight:700;margin-bottom:16px;}
  .section-head p{font-size:17px;color:var(--ink-soft);}

  .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease), transform .9s var(--ease);}
  .reveal.in{opacity:1;transform:translateY(0);}
  @media (prefers-reduced-motion: reduce){
    .reveal{opacity:1;transform:none;transition:none;}
    *{animation:none !important;}
  }



#sp-main-body {
  padding: 10px 0;
}
#sp-top2{
	text-align: right;
}
/*=====================================
 USER1 - Get a Quote Button
======================================*/

#sp-user1{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    height: 90px;
    margin: 0;
    padding: 0;
}

#sp-user1 .sp-module{
    margin: 0 !important;
    padding: 0 !important;
}

#sp-user1 .sppb-button-wrapper{
    margin: 0 !important;
    padding: 0 !important;
}

#sp-user1 .sppb-btn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 170px;
    height: 46px;
    padding: 0 30px !important;

    border-radius: 50px;
    white-space: nowrap;

    font-size: 16px;
    font-weight: 600;
    line-height: 1;

    margin: 0 !important;
}


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

#sp-header{
    position:relative;
    background:#fff;
    z-index:999;
    transition:all .3s ease;
   height:90px;
}


#sp-header .logo{
    height:90px;
    display:flex;
    align-items:center;
}

#sp-header .logo img{
    max-height:75px;
    width:auto;
}


.sp-megamenu-parent{
    list-style:none;
    margin:0;
    padding:0;
}


.sp-megamenu-parent > li{
    display:inline-block;
    margin:0 12px;
    position:relative;
  
}

.sp-megamenu-parent > li > a{
    display:inline-block;
    line-height:90px;
    padding:0;
    font-size:15px;
    font-weight:600;
    color:#173B2A !important;
    text-transform:uppercase;
    letter-spacing:.5px;
    position:relative;

}
.sp-megamenu-parent > li > a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:22px;
    width:0;
    height:2px;
    background:#D4AF37;
    transition:.3s;
}

.sp-megamenu-parent > li:hover > a::after,
.sp-megamenu-parent > li.active > a::after{
    width:100%;
}
#sp-header .sp-position-user1{
    text-align:right;
}

/* ---- dropdown ---- */
.sp-megamenu-parent .sp-dropdown{
  top:100%; margin:0;
  padding-top:12px;              /* transparent hover-bridge (replaces margin-top:30px gap) */
  border:none; background:transparent;
  min-width:250px;

}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
  margin-top:0;
  background:#fff;
  border:1px solid rgba(28,23,38,.12);
  border-radius:14px;
  box-shadow:0 24px 50px rgba(28,23,38,.14);
  padding:8px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > span:not(.sp-menu-badge){
  display:block;
  font-family:"Hanken Grotesk","Poppins",sans-serif;
  font-size:14.5px; line-height:1.4; font-weight:500;
  padding:11px 14px;
  border-bottom:1px solid #eee; border-radius:8px;
  color:var(--ink) !important;
  transition:background .2s,color .2s;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child > a{ border-bottom:none; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover{
  background:#D4AF37;           
  color:var(--accent) !important;
}
/* Hide all menu dropdown arrows */
.sp-megamenu-parent .sp-has-child > a:after,
.sp-megamenu-parent .sp-has-child > a:before,
.sp-megamenu-parent .sp-menu-item.parent > a:after,
.sp-megamenu-parent .sp-menu-item.parent > a:before {
    display: none !important;
    content: none !important;
}



.quote-btn a{
    display:inline-block;
    background:#1E6B36;
    color:#fff !important;
    padding:12px 24px !important;
    border-radius:50px;
    font-size:15px;
    font-weight:600;
    line-height:24px;
    transition:.3s

}

.quote-btn a:hover{
    background:#145227;
}


#sp-bottom .sp-module .sp-module-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 30px;
  color: #fff;
}
#sp-bottom h3 {
  padding: 10px 0 10px 0;
  border-bottom:none;
  position: relative;
}
#sp-bottom h3:after {
  content: "";
  border-bottom: 1px solid #D4AF37;
  position: absolute;
  bottom: -3px;
  left: 0;
    display:block;
    width:36px;
    height:2px;
    margin-top:10px;
}
/* Links */

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

#sp-bottom ul li{
    margin-bottom:12px;
}

#sp-bottom ul li a{
    color:rgba(255,255,255,.65);
    transition:.3s;
}

#sp-bottom ul li a:hover{
    color:#D4AF37;
    padding-left:6px;
}

#sp-left .sp-module, #sp-right .sp-module {
  margin-top: 50px;
  border: 1px solid #f3f3f3;
  padding: 30px 0px 0px 0px;
  border-radius: 3px;
}
#sp-left{
	margin:0!important;
	padding:0!important;
}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
	background:#01514E;
	color:#fff;
  margin: 0 0 0px 0;
  padding: 12px 20px;
  font-size: 22px;
  font-weight: 700;
  border-bottom: 5px solid #AE8B5A;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
body.ltr .sp-megamenu-parent > li.sp-has-child > a:after, body.ltr .sp-megamenu-parent > li.sp-has-child > span:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107"!important;
  float: right;
  margin-left: 7px;
}
#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {
  display: block;
  border-bottom: 1px solid #f3f3f3;
  background:#e5e5e5;
  margin:8px 0;
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
  display: block;
  color:#000000;
  font-weight: 500;
  padding: 0px 20px;
	font-size: 15px;
  line-height: 20px;
  padding: 15px 20px;
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#sp-left .sp-module ul > li >a:hover,
#sp-left .sp-module ul > li.active >a{
  background: #01514E;
	color:#fff;
  transition: 500ms;
}
.article-details .article-header h1, .article-details .article-header h2 {
	padding-top:50px;
	color: #1C2D8C;
  font-size: 2.25rem;
  border-bottom: 2px solid #01514E;
  padding-bottom: 20px;
}
#sp-bottom{
	border-top:1px solid #DC7633;
}
#sp-bottom ul li a {
  color: rgba(255,255,255,.65);
  transition: .3s;
}
#memberform .memform #userForm{
	border-top:1px solid #FE8D00;
	sbackground:#fff!important;
	padding:20px 20px;
	color:#000000!important;

}
#memberform .memform #userForm .rsform-input-box,
#memberform .memform #userForm .rsform-select-box,
#memberform .memform #userForm .rsform-calendar-box{
	width:95%;
	background:#f5f5f5;
	border-top:1px solid #000000!important;
	color:#000000;
	border:none!important;
	height:30px;
}
#memberform .memform #userForm .rsform-text-box{
	width:100%;
	height:150px;
	background:#f5f5f5;
	color:#000000;
	border:none!important;
}
#memberform .memform #userForm .control-label{
	color:#000!important;

}
.formResponsive input.rsform-calendar-button {
  margin-bottom: 3px;
	display:none!important;
}
#memberform .memform #userForm .control-group{
	border-sbottom: 1px solid #f7f7f7;
	padding:0!important;
	margin:0;
}
#memberform .memform h3{
	padding:20px 20px 15px 20px;
	margin:0;
	text-transform: uppercase;
	color:#fff;
	background: #4d4b4c;
	font-size: 16px;
	line-height: 16px;
}
#memberform .memform #userForm .form-group{
	margin:0!important;
	padding:0!important;
}
.hero-copy{position:relative;z-index:2;}
  .hero-copy h1{font-size:clamp(38px,5.4vw,64px);font-weight:700;margin-bottom:22px;}
  .hero-copy h1 em{font-style:normal;color:var(--green-primary);position:relative;}
  .hero-copy .sub{font-size:18px;color:var(--ink-soft);max-width:480px;margin-bottom:38px;}
  .hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:46px;}
  .hero-trust{display:flex;gap:34px;flex-wrap:wrap;}
  .hero-trust div{}
  .hero-trust strong{display:block;font-family:'Sora',sans-serif;font-size:24px;color:var(--forest-deep);font-weight:700;}
  .hero-trust span{font-size:12.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;}
/* Button Group */
.hero-buttons{
    display:flex;
    gap:24px;
    align-items:center;
    flex-wrap:wrap;
}

/* All Buttons */
.hero-buttons .sppb-btn{
    display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px;
  border-radius: 100px;
  font-weight: 700;
  font-size: 15px;
  transition: transform .45s var(--ease), box-shadow .45s var(--ease), background .3s ease;
  white-space: nowrap;
}

/* First Button */
.hero-buttons .sppb-btn:first-child{
    background: linear-gradient(135deg,var(--green-primary),var(--forest-mid));
  color: #fff;
  box-shadow: var(--shadow-card);
}

.hero-buttons .sppb-btn:first-child:hover{
    background:#174826;
    transform:translateY(-3px);
}

/* Second Button */
.hero-buttons .sppb-btn:last-child{
    background: rgba(255,255,255,0.55);
  border: 1px solid rgba(30,41,59,0.12);
  color: var(--forest-deep);
  backdrop-filter: blur(10px);

}

.hero-buttons .sppb-btn:last-child:hover{
    background:#f9f9f9;
    transform:translateY(-3px);
}

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

.hero-buttons{
    flex-direction:column;
}
  .hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:46px;}
  .hero-trust{display:flex;gap:34px;flex-wrap:wrap;}
  .hero-trust div{}
  .hero-trust strong{display:block;font-family:'Sora',sans-serif;font-size:24px;color:var(--forest-deep);font-weight:700;}
  .hero-trust span{font-size:12.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;}
    @keyframes float2{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
  .hv-float .row{display:flex;align-items:center;gap:12px;}
  .hv-float .ic{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--gold),#B8933D);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .hv-float b{display:block;font-family:'Sora',sans-serif;font-size:18px;color:var(--forest-deep);}
  .hv-float span{font-size:12px;color:var(--ink-soft);}

}

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

  .hero-actions{
    flex-direction: column;
    gap: 15px;
    margin-bottom: 30px;
    align-items: center;
  }

  .hero-actions .btn{
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }

  .hero-trust{
    justify-content: center;
    gap: 20px;
    text-align: center;
  }

  .hero-trust div{
    flex: 1 1 45%;
  }

  .hero-trust strong{
    font-size: 20px;
  }

  .hero-trust span{
    font-size: 11px;
    line-height: 1.5;
  }

}
/* Mobile Responsive Hero Buttons */
@media (max-width: 767px) {
    .hero-buttons {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        width: 100%;
        margin-top: 24px;
    }

    .hero-buttons .sppb-btn {
        
        max-width: 100%;
        box-sizing: border-box;
        padding: 14px 20px;
        font-size: 14px;
        line-height: 1.4;
        justify-content: center;
        white-space: normal;
        text-align: center;
    }
}

/* Small Mobile Screens */
@media (max-width: 480px) {
    .hero-buttons {
        gap: 12px;
    }

    .hero-buttons .sppb-btn {
        padding: 13px 16px;
        font-size: 13px;
    }
}
/* Small Mobile */
@media (max-width: 480px) {

  .hero-actions .btn{
    max-width: 100%;
    padding: 15px 24px;
    font-size: 16px;
  }

  .hero-trust{
    flex-direction: column;
    gap: 18px;
  }

  .hero-trust div{
    width: 100%;
  }

  .hero-trust strong{
    font-size: 18px;
  }

}
.hv-main{
    width:78%;height:78%;top:6%;left:8%;
    background:linear-gradient(160deg,#3f7a45,#123420);
  }
  .hv-main svg{width:100%;height:100%;}
  .hv-float{
    width:230px;padding:20px;top:60%;right:-10px;
    background:rgba(255,255,255,0.62);backdrop-filter:blur(18px) saturate(160%);
    border-radius:var(--r-md);
    animation:float2 7s ease-in-out infinite;
  }
 
  .hv-float span{font-size:12px;color:var(--ink-soft);}

/*===============================
    LIVE SHIPMENT BADGE
================================*/
.hv-badge{
    position:absolute;
    top:15%;
    right:2%;

    display:flex;
    align-items:center;
    gap:10px;
      font-size:15px;
    font-weight:600;
    padding:14px 18px;

    background:rgba(255,255,255,.82);
    backdrop-filter:blur(16px);

    border-radius:50px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);

    z-index:10;

    animation:floatBadge 4s ease-in-out infinite;
}


@keyframes floatBadge {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}
.hv-badge:hover{

    transform:translateY(-3px);

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

}
.dot-live{

    width:12px;
    height:12px;

    border-radius:50%;

    background:#39B54A;

    position:relative;

    flex-shrink:0;

}

/* Animated Pulse */

.dot-live::after{

    content:"";

    position:absolute;

    left:50%;
    top:50%;

    width:12px;
    height:12px;

    border-radius:50%;

    background:rgba(57,181,74,.35);

    transform:translate(-50%,-50%);

    animation:livePulse 2s infinite;

}
@keyframes livePulse{

0%{

    transform:translate(-50%,-50%) scale(1);
    opacity:.8;

}

70%{

    transform:translate(-50%,-50%) scale(2.4);
    opacity:0;

}

100%{

    transform:translate(-50%,-50%) scale(2.4);
    opacity:0;

}

}
/*==================================
    MOBILE (991px and below)
==================================*/

@media (max-width:991px){

    .hv-badge{

        top:18px;
        right:50%;
        transform:translateX(50%);

        padding:10px 16px;

        gap:8px;

        font-size:13px;

        border-radius:50px;

        box-shadow:0 8px 20px rgba(0,0,0,.08);

    }

    .dot-live{

        width:10px;
        height:10px;

    }

    .dot-live::after{

        width:10px;
        height:10px;

    }

}

.hero-visual{
    position:relative;
    width:100%;
    max-width:620px;
    margin:auto;
}

.hv-main img{
    width:100%;
    display:block;
}

/* ===============================
   Hero Image Wrapper
================================ */

.hero-visual{
    position:relative;
    width:100%;
}

/* ========== ANNOUNCEMENT STRIP ========== */


#sp-top1{
    display:flex;
    align-items:center;
}

#sp-top2{
    display:flex;
    justify-content:flex-end;
    align-items:center;
}
.announcement-strip{
    background:#0a422d;
    color:#fff;
    min-height:44px;
    display:flex;
    align-items:center;
    font-size:14px;
    font-weight:500;
}

.announcement-strip strong{
    color:#F4B400;
    font-weight:700;
}

.announcement-link{
    color:#F4B400;
    text-decoration:none;
    margin-left:12px;
    font-weight:700;
    transition:.3s;
}

.announcement-link:hover{
    color:#FFD54F;
}

.separator{
    color:rgba(255,255,255,.45);
    margin:0 10px;
}
.announcement-strip {

    position: relative;
    z-index: 100;
  background:#0a422d;
    color:#fff;
    min-height:44px;
    display:flex;
    align-items:center;
    font-size:14px;
    font-weight:500;
}

.announcement-strip .container {
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    gap: 8px;
    position: relative;
    max-width:100% !important;
    width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

.announcement-strip p {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start !important;
    color:#fff;
    margin:0 !important;
    padding-left:15px !important;
    display:flex;
    justify-content:flex-start !important;
    align-items:center;
    text-align:left !important;
}

.announcement-icon {
    font-size: 1rem;
}
.announcement-strip strong {
    
  color:#F4a300;
    font-weight:700;
}

.separator {
    color: rgba(255, 255, 255, 0.3);
}

.announcement-link {
    color: #f4a300;
    font-weight: 600;
    border-bottom: 1px solid #f4a300);
    padding-bottom: 1px;
    margin-left: 8px;
  
}

.announcement-link .arrow {
    display: inline-block;
    transition: transform 0.3s;
}

.announcement-link:hover .arrow {
    transform: translateX(4px);
}

.announcement-close {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.5rem;
    line-height: 1;
    transition: color 0.3s;
}

.announcement-close:hover {
    color: var(--white);
}

.announcement-strip.hidden {
    display: none;
}
.announcement-strip{
    background:#0a422d;
    min-height:42px;
    display:flex;
    align-items:center;
}

.announcement-strip .container{
    max-width:100%;
    padding:0 25px;
}

/* =========================
   TOP2 - GTranslate
========================= */

#sp-top2{
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

#sp-top2 .gtranslate_wrapper{
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

#sp-top2 .gtranslate_wrapper{
    position:relative;
    padding-left:22px;
}

#sp-top2 .gtranslate_wrapper::before{
    content:"\f0ac";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    color:#F4B400;
    font-size:14px;
}
#sp-top2 select.gt_selector{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    color:#ffffff !important;
    font-size:15px !important;
    font-weight:600 !important;
    height:auto !important;
    line-height:1.2 !important;
    padding:0 18px 0 0 !important;
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23ffffff' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right center;
}

#sp-top2 select.gt_selector:hover{
    color:#F4B400 !important;
}
/* Top Bar Row */
#sp-top-bar{
    display:flex;
    align-items:center;
    min-height:44px;
}



/* Right Side (top2) */
#sp-top2{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    height:42px;
}

/* Module */
#sp-top2 .sp-module{
    margin:0 !important;
    display:flex;
    align-items:center;
    height:42px;
}

/* GTranslate */
#sp-top2 .gtranslate_wrapper{
    display:flex;
    align-items:center;
    height:42px;
    margin:0 !important;
}

#sp-top2 select,
#sp-top2 .gt_selector{
    margin:0 !important;
    padding:0 !important;
    height:22px !important;
    line-height:22px !important;
    background:transparent !important;
    border:none !important;
    color:#fff !important;
    box-shadow:none !important;
}

#sp-top2 select.gt_selector{
    height:24px !important;
    line-height:24px !important;
    margin:0 !important;
    padding:0 18px 0 0 !important;
    border:none !important;
    background:transparent !important;
}
/*==================================================
    ISO CERTIFICATION GLASS CARD
==================================================*/

.hero-certification{
    position:absolute;
    right:35px;
    bottom:35px;
    z-index:30;
}


/* Card */

.cert-card{

    width:290px;
    height:90px;

    display:flex;
    align-items:center;

    gap:16px;

    padding:14px 18px;

    border-radius:22px;

    background:rgba(255,255,255,.82);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.8);

    box-shadow:
        0 15px 35px rgba(0,0,0,.08);

    transition:.35s;
}

.cert-card:hover{

    transform:translateY(-4px);

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

}

/* Gold Icon */

.cert-icon{

    width:56px;
    height:56px;

    min-width:56px;

    display:flex;
    justify-content:center;
    align-items:center;

    background:#D4AF37;

    border-radius:18px;

    box-shadow:
        0 8px 20px rgba(212,175,55,.35);

}

/* Text */

.cert-content{

    flex:1;

}

.cert-content h4{

    margin:0;

    font-size:18px;

    font-weight:700;

    color:#163221;

    line-height:1.1;

}

.cert-content p{

    margin-top:5px;

    color:#6B7280;

    font-size:14px;

    font-weight:500;

}

/* Check */

.cert-check{

    width:26px;
    height:26px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#D4AF37;

    color:#fff;

    font-size:14px;

    font-weight:700;

}

/* Mobile */

@media(max-width:991px){

.hero-certification{

    right:20px;
    bottom:20px;

}


.cert-card{

    width:250px;
    height:82px;
  transition:.35s;

}
  .cert-card:hover{
    transform:scale(1.03);
}

.cert-icon{

    width:48px;
    height:48px;

}

.cert-content h4{

    font-size:16px;

}

.cert-content p{

    font-size:13px;

}

}
.hero-certification{
    position:absolute;
    right:50px;
    top:74%;
    transform:translateY(-50%);
  animation:floatISO 6s ease-in-out infinite;
}
@keyframes floatISO{

    0%{
        transform:translateY(-50%) translateY(0) rotate(0deg);
    }

    25%{
        transform:translateY(-50%) translateY(-6px) rotate(.3deg);
    }

    50%{
        transform:translateY(-50%) translateY(-12px) rotate(0deg);
    }

    75%{
        transform:translateY(-50%) translateY(-6px) rotate(-.3deg);
    }

    100%{
        transform:translateY(-50%) translateY(0) rotate(0deg);
    }

}
.product-strip{
    background:#153b24;
    padding:18px 0;
    overflow:hidden;
    white-space:nowrap;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
}

.product-track{
    display:inline-flex;
    align-items:center;
    gap:35px;
    animation:productScroll 28s linear infinite;
}
.product-track:hover{
    animation-play-state:paused;
}

.product-track span{
    font-size:22px;
    font-family:"Playfair Display", serif;
    font-style:italic;
    font-weight:500;
    color:#F8F6EF;
}

.product-track .sep{
    color:#D4AF37;
    font-size:18px;
}

@keyframes productScroll{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

/* ===========================
   Tablet (991px)
=========================== */

@media (max-width:991px){

    .product-strip{
        padding:15px 0;
    }

    .product-track{
        gap:28px;
        animation-duration:24s;
    }

    .product-track span{
        font-size:18px;
    }

    .product-track .sep{
        font-size:16px;
    }

}

/* ===========================
   Mobile (767px)
=========================== */

@media (max-width:767px){

    .product-strip{
        padding:12px 0;
    }

    .product-track{
        gap:22px;
        animation-duration:20s;
    }

    .product-track span{
        font-size:15px;
    }

    .product-track .sep{
        font-size:14px;
    }

}

/* ===========================
   Small Mobile (480px)
=========================== */

@media (max-width:480px){

    .product-strip{
        padding:10px 0;
    }

    .product-track{
        gap:18px;
        animation-duration:18s;
    }

    .product-track span{
        font-size:13px;
    }

    .product-track .sep{
        font-size:12px;
    }

}
/*==============================
  ABOUT SECTION
===============================*/

#about-vistar{
    padding:120px 0;
    background:#FFFDF8;
    overflow:hidden;
}

#about-vistar .about-row{
    align-items:center;
}

/* LEFT */

.about-left{
    position:relative;
}

.about-image img{
    width:100%;
    border-radius:28px;
    box-shadow:0 30px 60px rgba(0,0,0,.08);
  height: 520px;
}

/* Floating Cards */

.about-stat{
    position:absolute;
    background:rgba(255,255,255,.75);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    border-radius:22px;
    padding:20px 26px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    border:1px solid rgba(255,255,255,.8);

    animation:aboutFloat 7s ease-in-out infinite;
}

.stat-one{
    left:-20px;
}


.stat-two{
    right:-35px;
    top:-35px;
    animation-delay:1.5s;
}

.about-stat h3{
    margin:0;
    font-size:38px;
    font-weight:700;
    color:#123420;
}

.about-stat p{
    margin:6px 0 0;
    font-size:13px;
    color:#6B7280;
    letter-spacing:.08em;
    text-transform:uppercase;
}

/* RIGHT */

.about-label{

    font-size:13px;

    letter-spacing:.18em;

    text-transform:uppercase;

    color:#2E7D32;

    font-weight:700;

    margin-bottom:18px;

    display:flex;

    align-items:center;

    gap:12px;
}

.about-label:before{

    content:"";

    width:34px;

    height:2px;

    background:#D4AF37;

    display:block;
}

.about-title{

 font-size: clamp(34px,4vw,52px);
  font-weight: 700;
  margin-bottom: 20px;
  color: var(--forest-deep);
  line-height: 1.12;
  letter-spacing: -0.02em;

}

.about-desc{

    font-size: 16.5px;
  color: var(--ink-soft);
  margin-bottom: 30px;
}

/* Feature List */

.about-features ul{

    padding:0;

    margin:0;

    list-style:none;
}
.about-features li{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:22px;
    font-size:18px;
    font-weight:500;
    color:#23313B;
}

.about-features i{
    width:34px;
    height:34px;
    min-width:34px;
    border-radius:10px;
    background:#EAF5EE;
    color:#2E7D32;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
}
/*==============================
ABOUT BUTTON
==============================*/

.about-btn{
    display: inline-flex;
  align-items: center;
  justify-content: center;
  color:#fff !important;
  gap: 10px;
  padding: 16px 32px;
  border-radius: 100px;
  font-weight: 700;
  font-size: 15px;
  transition: transform .45s var(--ease), box-shadow .45s var(--ease), background .3s ease;
  white-space: nowrap;
  background: linear-gradient(135deg,var(--green-primary),var(--forest-mid));
}

.about-btn:hover{

    background:#153B24;
    border-color:#153B24;

    color:#fff;

    transform:translateY(-4px);

    box-shadow:0 18px 35px rgba(21,59,36,.28);
}

.about-btn i,
.about-btn svg{

    transition:transform .35s ease;

}

.about-btn:hover i,
.about-btn:hover svg{

    transform:translateX(5px);

}

.about-btn:focus{

    outline:none;
}


/* Floating Animation */

@keyframes aboutFloat{

    0%,100%{
        transform:translateY(0px);
    }

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

/* Tablet */

@media(max-width:991px){

#about-vistar{

    padding:90px 0;

}

.about-title{

    font-size:40px;

}

.stat-one{

    left:10px;

    bottom:10px;

}

.stat-two{

    right:10px;

    top:10px;

}

}

/* Mobile */

@media(max-width:767px){

#about-vistar{

    padding:70px 0;

}

.about-title{

    font-size:32px;

}

.about-desc{

    font-size:16px;

}

.about-stat{

    transform:scale(.8);

}

.stat-one{

    left:0;

    bottom:0;

}

.stat-two{

    right:0;

    top:0;

}

.about-features li{

    font-size:15px;

}

}
/*------------------Programs Section------------------------*/

/* ============================= */
/* PROGRAMS SECTION */
/* ============================= */
#programs::before{
    content:'';
    position:absolute;
    top:-200px;
    right:-150px;
    width:500px;
    height:500px;
    border-radius:50%;
    background:
    radial-gradient(
        circle,
        rgba(249,115,22,.06),
        transparent 70%
    );
    pointer-events:none;
}

#programs::after{
    content:'';
    position:absolute;
    bottom:-200px;
    left:-150px;
    width:450px;
    height:450px;
    border-radius:50%;
    background:
    radial-gradient(
        circle,
        rgba(251,191,36,.05),
        transparent 70%
    );
    pointer-events:none;
}
#programs.progrms-courses {
  position:relative;
    overflow:hidden;
    padding:120px 0;
    background:
    linear-gradient(
        180deg,
        #ffffff,
        #f8fafc
    );
}
/* heading */
.program-heading h2 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(34px,4vw,52px);
  line-height:1.05;
  font-weight: 800;
  color: #0F172A;
  margin-bottom: 20px;

}

/* subtext */
.program-heading p {
  max-width:750px;
  margin: 0 auto 50px;
  line-height: 1.8;
  font-size: 16.5px;
  color: var(--ink-soft);
    
}

/* ============================= */
/* PROGRAM CARD */
/* ============================= */

.program-card {
  background:#ffffff;
    border-radius:28px;
    padding:22px;
    border:1px solid #153b24;
    box-shadow:0 15px 50px rgba(15,23,42,.05);
    overflow:hidden;
    position:relative;
    transition:.4s ease;
}
.program-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:
    linear-gradient(
        90deg,
        #153b24,
        #2e7d32
    );
    transform:scaleX(0);
    transform-origin:left;
    transition:.4s ease;
}
.program-card:hover::before{
    transform:scaleX(1);
}
.program-card:hover{
    transform:
    translateY(-10px);
    box-shadow:
    0 30px 80px rgba(15,23,42,.12);

    border-color:#153b24;
}
/* image */
.program-card img {
  border-radius: 10px;
  margin-bottom: 18px;
  border-radius:20px;
    transition:.5s ease;
  height: 320px;
}
.program-card:hover img{

    transform:scale(1.06);
}
/* title */
.program-card h3 {
  font-family: 'Playfair Display', sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: #0F172A;

  margin-bottom: 10px;

}

/* text */
.program-card p {
  font-size: 15px;
  color: #64748B;
  line-height: 1.8;
  margin-bottom: 12px;

}

/* CTA */
.program-card a {
  font-size: 15px;
  font-weight: 700;
  color:#D4AF37;
  text-decoration: none;
  position: relative;

}

/* subtle underline */
.program-card a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;

  width: 0%;
  height: 2px;
  background:
    linear-gradient(
        90deg,
        #153b24,
        #2e7d32
    );

  transition: 0.25s ease;
}

.program-card a:hover::after {
  width: 100%;
}
/* hover lift */
.program-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.08);
}

/* subtle highlight edge */
.program-card::before {
  content: "";
  position: absolute;
  inset: 0;

  border-radius: 14px;
  border: 1px solid rgba(201,166,70,0.0);

  transition: 0.3s ease;
}

.program-card:hover::before {
  border-color: rgba(201,166,70,0.4);
}
@media (max-width: 991px) {
  .program-card {
    margin-bottom: 20px;
  }
}
/*=====================================
  SECTION LABEL
=====================================*/

.section-label{
    display:inline-flex;
    align-items:center;
    gap:14px;

    font-size:13px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:#2E7D32;

    margin-bottom:20px;
}

.section-label::before{
    content:"";
    width:42px;
    height:2px;
    background:#D4AF37;
    border-radius:50px;
}
/* Center the label inside Programs section */

#programs .section-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;

    margin:0 auto 20px;
}

#programs .sppb-addon-content{
    text-align:center;
}
.product-label{
    text-align:center;
}

.product-label .sppb-addon-content{
    display:flex;
    justify-content:center;
}

.product-label .section-label{
    display:inline-flex;
    align-items:center;
    gap:14px;
}
.program-heading{
    text-align:center;
}

.program-heading .sppb-addon-content{
    display:flex;
    justify-content:center;
    width:100%;
}

.section-label{
    display:inline-flex;
    align-items:center;
    gap:14px;
}


/* ========== ADMISSIONS CTA ========== */
#admissions-cta {
    background: var(--deep-navy);
    color: var(--white);
    padding: 140px 0;
    position: relative;
    overflow: hidden;
}

.admissions-pattern {
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle at 20% 20%, rgba(244, 163, 0, 0.08) 0%, transparent 40%),
        radial-gradient(circle at 80% 80%, rgba(244, 163, 0, 0.06) 0%, transparent 40%);
    pointer-events: none;
}

#admissions-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(244, 163, 0, 0.3) 50%, transparent 100%);
}

#admissions-cta .container {
    position: relative;
    z-index: 1;
}

#admissions-cta h2 {
    color: var(--white);
}
/* =========================
   WRAPPER
========================= */
.admission-steps-custom {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    margin-top: 80px;
}

/* =========================
   CONNECTOR LINE
========================= */
.admission-steps-custom::before {
    content: "";
    position: absolute;

    top: 40px; /* center of circle */
    left: 80px;
    right: 80px;

    height: 2px;

    background: repeating-linear-gradient(
        to right,
        rgba(244,163,0,0.5) 0,
        rgba(244,163,0,0.5) 6px,
        transparent 6px,
        transparent 12px
    );

    z-index: 0;
}

/* =========================
   STEP ITEM
========================= */
.step-item {
    text-align: center;
    max-width: 320px;
    position: relative;
    z-index: 2;
}

/* =========================
   CIRCLE
========================= */
.step-circle {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;

    border-radius: 50%;
    border: 3px solid var(--saffron);

    display: flex;
    align-items: center;
    justify-content: center;

    font-family: var(--font-display);
    font-size: 26px;
    color: var(--saffron);

    background: var(--primary-navy);

    position: relative;
}

/* Pulse ring */
.step-circle::before {
    content: '';
    position: absolute;
    inset: -8px;
    border: 1px solid rgba(244, 163, 0, 0.2);
    border-radius: 50%;
    animation: pulse 2.5s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); opacity: 0.4; }
    50% { transform: scale(1.1); opacity: 0.1; }
}

/* =========================
   TEXT
========================= */
.step-item h3 {
    font-family: var(--font-display);
    font-size: 28px;
    color: var(--white);
    margin-bottom: 12px;
}

.step-item p {
    font-size: 16px;
    line-height: 1.7;
    color: rgba(255,255,255,0.75);
}

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

    .admission-steps-custom {
        flex-direction: column;
        gap: 40px;
        align-items: center;
    }

    .admission-steps-custom::before {
        display: none;
    }

    .step-item {
        max-width: 100%;
    }
}
.step-item:hover .step-circle {
    background: var(--saffron);
    color: var(--primary-navy);
    transform: translateY(-4px);
}
/* =========================
   WRAPPER (apply to section or row)
========================= */
#admissions-cta .sppb-row:last-child {
    text-align: center;
    margin-top: 80px;
}

/* =========================
   MAIN BUTTON
========================= */
.cta-main.sppb-btn-custom {
    background: var(--saffron);
    color: var(--primary-navy) !important;

    padding: 22px 48px !important;
    font-size: 18px;
    font-weight: 600;

    border-radius: 999px !important;
    transition: var(--transition);
}

.cta-main.sppb-btn-custom:hover {
    background: var(--saffron-hover);
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(244,163,0,0.3);
}

/* =========================
   SECONDARY LINKS
========================= */
.cta-secondary p{
    margin-top: 28px;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;

    flex-wrap: wrap;

    font-size: 16px;
    color: rgba(255,255,255,0.85);
}

/* If using anchor links */
.cta-secondary a {
    color: rgba(255,255,255,0.85);
    transition: color 0.3s ease;
}

.cta-secondary a:hover {
    color: var(--saffron);
}

/* Divider styling */
.cta-secondary::before {
    content: "";
}
.admissions-actions {
    text-align: center;
}

.admissions-secondary-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: 32px;
    flex-wrap: wrap;
}

.admissions-secondary-actions a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.9375rem;
    font-weight: 500;
    transition: color 0.3s;
}

.admissions-secondary-actions a:hover {
    color: var(--saffron);
}
.action-divider {
    color: rgba(255, 255, 255, 0.2);
}
.product-image{
    position:relative;
    overflow:hidden;
    border-radius:22px;
}

.product-category{
  background:rgba(255,255,255,.88);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.7);
    position:absolute;
    top:18px;
    left:18px;
    z-index:10;
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    font-weight:700;
    text-transform:uppercase;
    color:#1B5E20;
     box-shadow:0 12px 30px rgba(0,0,0,.08);
  padding:8px 16px;
    font-size:11px;
    letter-spacing:.15em;
}
.category-dairy{
    color:#8A6D1E;
}

.category-oil{
    color:#2E7D32;
}

.category-cold{
    color:#8B5E3C;
}

.category-fuel{
    color:#8D4E2F;
}

.category-farming{
    color:#1B8A43;
}
.category-dairy{
    color:#8B6B00;
}

.category-premium-oil{
    color:#1B7A3A;
}

.category-cold-pressed{
    color:#8A5A24;
}

.category-edible-oil{
    color:#D97706;
}

.category-organic-fuel{
    color:#7C3E00;
}

.category-organic-farming{
    color:#166534;
}
.category-NATURAL-SUPERFOOD {
  color: #166534;
}
.program-card:hover .product-category{
    transform:translateY(-3px);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

.why-label{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    margin-bottom:20px;

    font-family:'Sora',sans-serif;
    font-size:12px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;

    color:#D4AF37;
}

.why-label::before{
    content:"";
    width:42px;
    height:2px;
    border-radius:10px;

    background:linear-gradient(
        90deg,
        #D4AF37,
        #E8C867
    );
}
.why-heading-title{
    margin:0 0 20px;

    text-align:center;

    font-family:'Playfair Display',serif;
    font-size:clamp(34px,4vw,52px);
    line-height:1.1;
    font-weight:700;

    color:#F8F6EF;
}
.why-heading-text{
    max-width:720px;
    margin:0 auto;

    text-align:center;

    font-family:'Inter',sans-serif;
    font-size:16px;
    line-height:1.8;

    color:rgba(248,246,239,.72);
}
/* =========================================
   WHY CHOOSE US - PREMIUM 2026
========================================= */

#why-choose-us{
    position:relative;
    overflow:hidden;
    padding:120px 0 130px;
    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(212,175,55,.08),
            transparent 30%
        ),
        radial-gradient(
            circle at 85% 80%,
            rgba(255,255,255,.04),
            transparent 28%
        ),
        #0D3827;
}


/* subtle background glow */

#why-choose-us::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    top:-220px;
    right:-120px;
    border-radius:50%;

    background:rgba(212,175,55,.06);

    filter:blur(10px);
    pointer-events:none;
}


/* =========================================
   HEADING
========================================= */

#why-choose-us .section-label{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;

    margin-bottom:24px;

    color:#D4AF37;
    font-size:12px;
    font-weight:700;

    letter-spacing:.22em;
    text-transform:uppercase;
}

#why-choose-us .section-label::before,
#why-choose-us .section-label::after{
    content:"";
    width:38px;
    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        #D4AF37
    );
}

#why-choose-us .section-label::after{
    background:linear-gradient(
        90deg,
        #D4AF37,
        transparent
    );
}


#why-choose-us h2{
    margin:0 auto 20px;

    max-width:1000px;

    text-align:center;

    font-family:"Playfair Display",serif;
    font-size:clamp(38px,5vw,62px);
    line-height:1.08;
    font-weight:700;

    color:#F8F6EF;
}


#why-choose-us > .sppb-container > .sppb-row > .sppb-col > p{
    max-width:760px;
    margin:0 auto;

    text-align:center;

    font-family:"Inter",sans-serif;
    font-size:16px;
    line-height:1.8;

    color:rgba(248,246,239,.65);
}

/* =========================================
   PREMIUM WHY CHOOSE US CARDS
========================================= */

.why-process{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:16px;

    max-width:1240px;
    margin:58px auto 0;

    position:relative;
}


/* CARD */

.why-step{
    position:relative;

    min-height:245px;

    padding:28px 24px 25px;

    border:1px solid rgba(255,255,255,.08);

    border-radius:20px;
   background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.12);
    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;

    overflow:hidden;
}


/* PREMIUM GOLD TOP LINE */

.why-step::before{
    content:"";

    position:absolute;

    top:0;
    left:22px;
    right:22px;

    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(212,175,55,.75),
            transparent
        );

    opacity:.65;
}


/* SOFT CARD GLOW */

.why-step::after{
    content:"";

    position:absolute;

    width:100px;
    height:100px;

    top:-50px;
    right:-40px;

    border-radius:50%;

    background:rgba(212,175,55,.05);

    filter:blur(20px);

    pointer-events:none;
}


/* HOVER */

.why-step:hover{
    transform:translateY(-7px);

    border-color:rgba(212,175,55,.25);

    box-shadow:
        0 20px 45px rgba(0,0,0,.16);
}


/* =========================================
   NUMBER
========================================= */

.step-number{
    width:46px;
    height:46px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:25px;

    border-radius:50%;

    background:
        linear-gradient(
            145deg,
            #E7C765,
            #C89E36
        );

    color:#123A29;

    font-family:"Playfair Display",serif;

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

    box-shadow:
        0 7px 20px rgba(212,175,55,.20);

    transition:.35s ease;
}


.why-step:hover .step-number{
    transform:scale(1.08);

    box-shadow:
        0 10px 28px rgba(212,175,55,.32);
}


/* =========================================
   TITLE
========================================= */

.why-step h3{
    margin:0 0 12px;
    font-family:"Playfair Display",serif;
    font-size:20px;
    line-height:1.3;
    font-weight:700;
    color:#F8F6EF;
}


/* =========================================
   DESCRIPTION
========================================= */

.why-step p{
    margin:0;

    font-family:"Inter",sans-serif;

    font-size:13.5px;
    line-height:1.7;

    color:rgba(248,246,239,.72);
}


/* =========================================
   TABLET
========================================= */

@media(max-width:991px){

    .why-process{
        grid-template-columns:repeat(2,1fr);
        gap:18px;
    }

}


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

@media(max-width:767px){

    .why-process{
        grid-template-columns:1fr;
        gap:15px;

        margin-top:45px;
    }

    .why-step{
        min-height:auto;
        padding:25px 22px;
    }

    .step-number{
        width:44px;
        height:44px;
        margin-bottom:18px;
    }

    .why-step h3{
        font-size:20px;
    }

    .why-step p{
        font-size:14px;
    }

}

/* =========================================
   TABLET
========================================= */

@media(max-width:991px){

    #why-choose-us{
        padding:90px 25px;
    }

    .why-process{
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    }

}


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

@media(max-width:767px){

    #why-choose-us{
        padding:75px 20px;
    }

    #why-choose-us h2{
        font-size:36px;
    }

    .why-process{
        grid-template-columns:1fr;
        gap:16px;

        margin-top:50px;
    }

    .why-step{
        min-height:auto;
        padding:25px 22px;
    }

    .step-number{
        width:44px;
        height:44px;

        margin-bottom:20px;
    }

    .why-step h3{
        font-size:20px;
    }

}
/* =====================================
   GLOBAL REACH
===================================== */

#global-reach{
    position:relative;
    overflow:hidden;
    padding:120px 0;

    background:#F8F6EF;
}

.global-reach-label{
    display:flex;
    align-items:center;
    gap:14px;

    margin-bottom:22px;

    color:#2E7D32;

    font-family:"Inter",sans-serif;
    font-size:12px;
    font-weight:700;

    letter-spacing:.20em;
    text-transform:uppercase;
}

.global-reach-label::before{
    content:"";

    width:40px;
    height:2px;

    flex-shrink:0;

    background:linear-gradient(
        90deg,
        #D4AF37,
        #E8C867
    );

    border-radius:10px;
}


.global-reach-title{
    margin:0 0 22px;

    max-width:850px;

    font-family:"Playfair Display",serif;
    font-size: clamp(34px,4vw,52px);
    line-height:1.08;
    font-weight:700;

    color:#0F3526;
}


.global-reach-text{
    max-width:720px;

    margin:0;

    font-family:"Inter",sans-serif;
    font-size:17px;
    line-height:1.8;

    color:#66756E;
}
/* =========================================
   GLOBAL REACH SECTION
========================================= */

#global-reach.global-reach-section {
    position: relative;
    overflow: hidden;
    padding: 110px 0;
    background: #F8F6EF;
}

/* subtle background glow */
#global-reach.global-reach-section::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    right: -180px;
    top: -180px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(212,175,55,.08),
        transparent 70%
    );
    pointer-events: none;
}


/* =========================================
   MAIN LAYOUT
========================================= */

.global-reach-inner {
    width: min(1380px, 90%);
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 70px;

    align-items: center;
    position: relative;
    z-index: 2;
}


/* =========================================
   LEFT IMAGE
========================================= */

.global-reach-visual {
    position: relative;
    overflow: hidden;

    border-radius: 28px;

    box-shadow:
        0 25px 70px rgba(15,46,29,.12);

    background: #EAF1E8;
}

.global-reach-visual img {
    width: 100%;
    height: 560px;

    display: block;

    object-fit: cover;

    border-radius: 28px;

    transition: transform .6s ease;
}

.global-reach-visual:hover img {
    transform: scale(1.025);
}


/* =========================================
   RIGHT CONTENT
========================================= */

.global-reach-content {
    max-width: 650px;
}


/* LABEL */

.global-reach-label {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-bottom: 22px;

    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 700;

    letter-spacing: .18em;
    text-transform: uppercase;

    color: #2E7D32;
}

.global-reach-label span {
    width: 42px;
    height: 2px;

    display: block;

    background: linear-gradient(
        90deg,
        #D4AF37,
        #E8C867
    );

    border-radius: 10px;
}


/* =========================================
   HEADING
========================================= */

.global-reach-content h2 {
    margin: 0 0 25px;

    font-family: "Playfair Display", serif;

    font-size: clamp(40px, 4.2vw, 64px);

    line-height: 1.08;

    font-weight: 700;

    color: #103B29;
}

.global-reach-content h2 span {
    display: block;
}


/* =========================================
   DESCRIPTION
========================================= */

.global-reach-description {
    margin: 0 0 35px;

    max-width: 620px;

    font-family: "Inter", sans-serif;

    font-size: 17px;

    line-height: 1.8;

    color: #66756D;
}


/* =========================================
   STAT GRID
========================================= */

.global-reach-stats {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 18px;
}


/* =========================================
   STAT CARD
========================================= */

.reach-stat {
    position: relative;

    padding: 28px 26px;

    min-height: 175px;

    background: rgba(255,255,255,.88);

    border: 1px solid rgba(16,59,41,.08);

    border-radius: 20px;

    box-shadow:
        0 12px 35px rgba(15,46,29,.06);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.reach-stat:hover {
    transform: translateY(-6px);

    border-color: rgba(212,175,55,.45);

    box-shadow:
        0 20px 45px rgba(15,46,29,.10);
}


/* NUMBER */

.reach-stat strong {
    display: block;

    margin-bottom: 6px;

    font-family: "Playfair Display", serif;

    font-size: 42px;

    line-height: 1;

    font-weight: 700;

    color: #103B29;
}


/* LABEL */

.reach-stat small {
    display: block;

    margin-bottom: 12px;

    font-family: "Inter", sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .13em;

    color: #B58A18;
}


/* DESCRIPTION */

.reach-stat p {
    margin: 0;

    font-family: "Inter", sans-serif;

    font-size: 14px;

    line-height: 1.65;

    color: #718078;
}


/* =========================================
   FEATURED CARD
========================================= */

.reach-stat-featured {
    grid-column: 1 / -1;

    min-height: 150px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 28px 30px;

    background:
        linear-gradient(
            135deg,
            #123F2B,
            #0D3423
        );

    border-color: rgba(212,175,55,.18);
}

.reach-stat-featured strong {
    color: #F5D77A;
}

.reach-stat-featured small {
    color: #D4AF37;
}

.reach-stat-featured p {
    color: rgba(255,255,255,.68);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    #global-reach.global-reach-section {
        padding: 85px 0;
    }

    .global-reach-inner {
        grid-template-columns: 1fr;

        gap: 50px;
    }

    .global-reach-content {
        max-width: 100%;
    }

    .global-reach-visual img {
        height: 500px;
    }

    .global-reach-content h2 {
        font-size: 48px;
    }

}


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

@media (max-width: 767px) {

    #global-reach.global-reach-section {
        padding: 65px 0;
    }

    .global-reach-inner {
        width: 90%;

        gap: 38px;
    }

    .global-reach-visual img {
        height: 350px;

        border-radius: 22px;
    }

    .global-reach-visual {
        border-radius: 22px;
    }

    .global-reach-label {
        font-size: 11px;
        gap: 10px;
    }

    .global-reach-label span {
        width: 30px;
    }

    .global-reach-content h2 {
        font-size: 38px;
        line-height: 1.12;
    }

    .global-reach-description {
        font-size: 15px;
        line-height: 1.7;
    }

    .global-reach-stats {
        grid-template-columns: 1fr;
    }

    .reach-stat,
    .reach-stat-featured {
        min-height: auto;
    }

    .reach-stat-featured {
        grid-column: auto;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .global-reach-content h2 {
        font-size: 32px;
    }

    .global-reach-visual img {
        height: 280px;
    }

    .reach-stat {
        padding: 24px 22px;
    }

    .reach-stat strong {
        font-size: 36px;
    }

}
/* =========================================
   150+ GLOBAL PARTNERS
========================================= */

.reach-stat-featured {
    position: relative;
    overflow: hidden;

    background: #103F2B !important;

    border: 1px solid rgba(212,175,55,.25);
}

/* Background image */
.reach-stat-featured::before {
    content: "";

    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(
            90deg,
            rgba(16,63,43,.96) 0%,
            rgba(16,63,43,.88) 45%,
            rgba(16,63,43,.55) 100%
        ),
        url("http://localhost/vistarexim/images/ChatGPT%20Image%20Aug%2012%202026%2010_28_25%20PM.png");

    background-size: cover;
    background-position: center;

    opacity: .9;

    z-index: 0;
}

/* Gold decorative glow */
.reach-stat-featured::after {
    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    right: -70px;
    bottom: -100px;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(212,175,55,.20),
        transparent 70%
    );

    z-index: 1;
}

/* Content above image */
.reach-stat-featured > * {
    position: relative;
    z-index: 3;
}

/* =========================================================
   TESTIMONIALS SECTION
========================================================= */

.sh-testi {
    position: relative;
    padding: 82px 0 90px !important;
    background: #153b24;
    color: #ffffff !important;
    overflow: hidden !important;
  text-align: center;
}


/* =========================================================
   TESTIMONIALS CONTAINER
========================================================= */

.sh-testi .sh-container {
    width: min(1320px, calc(100% - 48px)) !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
}


/* =========================================================
   HEADING
========================================================= */

.sh-testi .sh-section-head {
    text-align: center !important;
    margin: 0 auto 72px !important;
    max-width: 850px !important;
}


/* Small heading */

.sh-testi-eyebrow,
.sh-testi .sh-eyebrow {
   font-family: 'Sora',sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #D4AF37;
}


/* Small line before heading */

.sh-testi-eyebrow::before,
.sh-testi .sh-eyebrow::before {
    content:"";
    width:42px;
    height:2px;
    border-radius:10px;

    background:linear-gradient(
        90deg,
        #D4AF37,
        #E8C867
    );
}


/* Main heading */

.sh-testi-title,
.sh-testi .sh-h2 {
    margin: 0 auto !important;
    max-width: 850px !important;
    letter-spacing: -1.5px !important;
  color: #fff !important;
  font-family: var(--font-display) !important;
  font-size: clamp(34px,4vw,52px);
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: -.025em;

}

/* =========================================================
   SUBHADRA
   TESTIMONIAL CAROUSEL — FINAL SP PAGE BUILDER CSS
========================================================= */


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

.sh-testi {
    width: 100% !important;
    padding: 95px 0 105px !important;
    color: #fff !important;
    overflow: hidden !important;
}


/* =========================================================
   CONTAINER
========================================================= */

.sh-testi .sppb-container {
    max-width: 1340px !important;
    margin: 0 auto !important;
}


/* =========================================================
   HEADING
========================================================= */

.sh-testi .sh-section-head {
    text-align: center !important;
    margin-bottom: 55px !important;
}

.sh-testi .sh-h2,
.sh-testi .sh-h2--light {
    color: #fff !important;
}

.sh-testi .sh-eyebrow,
.sh-testi .sh-eyebrow--light {
    color: #63d2cd !important;
}


/* =========================================================
   CAROUSEL
========================================================= */

.sh-testi .sppb-testimonial-carousel {
    width: 100% !important;
}

.sh-testi .sppb-carousel-extended {
    width: 100% !important;
}


/* =========================================================
   CAROUSEL ITEMS
========================================================= */

.sh-testi .sppb-carousel-extended-item {
    box-sizing: border-box !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
}


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

.sh-testi
.sppb-testimonial-carousel-item-content {

    position: relative !important;

    width: 100% !important;

    height: 30px !important;
    min-height: 270px !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    padding: 30px 30px 28px !important;

    background: rgba(255,255,255,0.055) !important;

    border: 1px solid rgba(255,255,255,0.14) !important;

    border-radius: 22px !important;

    box-shadow: none !important;

    overflow: visible !important;
}


/* =========================================================
   REMOVE SP PAGE BUILDER BUILT-IN PSEUDO ELEMENTS
========================================================= */

/*
   This is important.
   SP Page Builder is creating its own quote / decoration.
*/

.sh-testi
.sppb-testimonial-carousel-item-content::before {

    content: none !important;
    display: none !important;
}

.sh-testi
.sppb-testimonial-carousel-item-content::after {

    content: none !important;
    display: none !important;
}


/* =========================================================
   MESSAGE
========================================================= */

.sh-testi
.sppb-testimonial-carousel-message {

    position: relative !important;

    margin: 0 !important;

    padding: 0 !important;

    color: rgba(255,255,255,0.90) !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1.75 !important;

    text-align: left !important;
}


/* =========================================================
   QUOTE MARK
   Create our own quote at TOP LEFT
========================================================= */

.sh-testi
.sppb-testimonial-carousel-message::before {

    content: "“" !important;

    display: block !important;

    position: relative !important;

    width: 100% !important;

    height: 30px !important;

    margin: 0 0 10px 0 !important;

    color: #D4AF37!important;

    font-family: Georgia, "Times New Roman", serif !important;

    font-size: 44px !important;

    font-weight: 700 !important;

    line-height: 30px !important;

    text-align: left !important;
}


/* =========================================================
   PROFILE WRAPPER
========================================================= */

.sh-testi
.sppb-testimonial-carousel-content-wrap {

    width: 100% !important;

    height: 58px !important;

    margin: 20px 0 0 0 !important;

    padding: 0 !important;

    display: grid !important;

    grid-template-columns: 58px 1fr !important;

    column-gap: 14px !important;

    align-items: center !important;

    justify-content: start !important;

    text-align: left !important;

    box-sizing: border-box !important;
}


/* =========================================================
   PROFILE IMAGE
========================================================= */

.sh-testi
.sppb-testimonial-carousel-content-wrap
.sppb-testimonial-carousel-img {

    display: block !important;

    width: 58px !important;

    height: 58px !important;

    min-width: 58px !important;

    min-height: 58px !important;

    max-width: 58px !important;

    max-height: 58px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

    border: 2px solid #18b5af !important;

    object-fit: cover !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NAME + LOCATION
========================================================= */

.sh-testi
.sppb-testimonial-carousel-name-designation {

    width: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: center !important;

    text-align: left !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NAME
========================================================= */

.sh-testi
.sppb-testimonial-carousel-name-designation strong {

    display: block !important;

    margin: 0 0 3px 0 !important;

    padding: 0 !important;

    color: #fff !important;

    font-size: 16px !important;

    font-weight: 600 !important;

    line-height: 1.35 !important;
}


/* =========================================================
   LOCATION
========================================================= */

.sh-testi
.sppb-testimonial-carousel-name-designation span {

    display: block !important;

    margin: 0 !important;

    padding: 0 !important;

    color: rgba(255,255,255,0.58) !important;

    font-size: 14px !important;

    font-weight: 400 !important;

    line-height: 1.35 !important;
}


/* =========================================================
   REMOVE DEFAULT SP TESTIMONIAL SPACING
========================================================= */

.sh-testi
.sppb-testimonial-carousel-item-content > * {

    box-sizing: border-box !important;
}


/* =========================================================
   REMOVE EXTRA MARGINS
========================================================= */

.sh-testi
.sppb-testimonial-carousel-message p {

    margin: 0 !important;
}


/* =========================================================
   DESKTOP
========================================================= */

@media (min-width: 1200px) {

    .sh-testi
    .sppb-carousel-extended-item {

        padding-left: 11px !important;
        padding-right: 11px !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

    .sh-testi {

        padding: 80px 0 90px !important;
    }

    .sh-testi
    .sppb-testimonial-carousel-item-content {

        height: 350px !important;
        min-height: 350px !important;

        padding: 28px 25px !important;
    }

}


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

@media (max-width: 767px) {

    .sh-testi {

        padding: 70px 0 80px !important;
    }

    .sh-testi
    .sppb-testimonial-carousel-item-content {

        height: auto !important;
        min-height: 300px !important;

        padding: 28px 24px !important;

        border-radius: 20px !important;
    }

    .sh-testi
    .sppb-testimonial-carousel-message {

        font-size: 15px !important;

        line-height: 1.65 !important;
    }

    .sh-testi
    .sppb-testimonial-carousel-content-wrap {

        height: 54px !important;

        grid-template-columns: 54px 1fr !important;

        column-gap: 12px !important;
    }

    .sh-testi
    .sppb-testimonial-carousel-content-wrap
    .sppb-testimonial-carousel-img {

        width: 54px !important;
        height: 54px !important;

        min-width: 54px !important;
        min-height: 54px !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .sh-testi {

        padding: 60px 0 70px !important;
    }

    .sh-testi
    .sppb-testimonial-carousel-item-content {

        padding: 25px 20px !important;

        min-height: 300px !important;
    }

}
/* =========================================
   GLOBAL CTA — PREMIUM 2026
========================================= */

#global-cta{
    position:relative;
    overflow:hidden;
    padding:120px 20px;
    background:#F8F6EF;
}


/* subtle background glow */

#global-cta::before{
    content:"";
    position:absolute;

    width:600px;
    height:600px;

    top:-300px;
    right:-180px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(212,175,55,.13),
            transparent 70%
        );

    pointer-events:none;
}

#global-cta::after{
    content:"";

    position:absolute;

    width:500px;
    height:500px;

    bottom:-280px;
    left:-180px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(14,59,42,.08),
            transparent 70%
        );

    pointer-events:none;
}


/* =========================================
   INNER
========================================= */

.global-cta-inner{
    position:relative;
    z-index:2;

    max-width:1000px;
    margin:0 auto;

    padding:80px 60px;

    text-align:center;

    background:#0E3B2A;

    border-radius:34px;

    overflow:hidden;

    box-shadow:
        0 25px 80px rgba(14,59,42,.16);
}


/* decorative gold glow */

.global-cta-inner::before{
    content:"";

    position:absolute;

    width:380px;
    height:380px;

    top:-220px;
    right:-120px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(212,175,55,.16),
            transparent 70%
        );
}

.global-cta-inner::after{
    content:"";

    position:absolute;

    width:300px;
    height:300px;

    bottom:-180px;
    left:-100px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.05),
            transparent 70%
        );
}


/* =========================================
   LABEL
========================================= */

.global-cta-label{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:12px;

    margin-bottom:22px;

    font-family:"Inter",sans-serif;

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

    letter-spacing:.18em;

    color:#D4AF37;
}

.global-cta-label span{
    display:block;

    width:42px;
    height:2px;

    background:#D4AF37;

    border-radius:10px;
}


/* =========================================
   HEADING
========================================= */

.global-cta-inner h2{
    position:relative;
    z-index:2;

    margin:0 0 22px;

    font-family:"Playfair Display",serif;

    font-size:clamp(40px,5vw,64px);

    line-height:1.08;

    font-weight:600;

    color:#F8F6EF;
}

.global-cta-inner h2 em{
    color:#D4AF37;
    font-style:italic;
}


/* =========================================
   DESCRIPTION
========================================= */

.global-cta-inner > p{
    position:relative;
    z-index:2;

    max-width:680px;

    margin:0 auto 34px;

    font-family:"Inter",sans-serif;

    font-size:16px;

    line-height:1.8;

    color:rgba(248,246,239,.72);
}


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

.global-cta-buttons{
    position:relative;
    z-index:2;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:14px;

    flex-wrap:wrap;
}


.global-cta-btn{
    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    min-height:54px;

    padding:0 27px;

    border-radius:50px;

    font-family:"Inter",sans-serif;

    font-size:14px;

    font-weight:700;

    text-decoration:none;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease;
}


/* primary */

.global-cta-primary{
    background:#D4AF37;

    color:#0E3B2A;

    box-shadow:
        0 10px 25px rgba(212,175,55,.18);
}

.global-cta-primary:hover{
    transform:translateY(-3px);

    background:#E3C45F;

    color:#0E3B2A;

    box-shadow:
        0 15px 30px rgba(212,175,55,.25);
}


/* secondary */

.global-cta-secondary{
    background:rgba(255,255,255,.07);

    color:#F8F6EF;

    border:1px solid rgba(255,255,255,.22);
}

.global-cta-secondary:hover{
    transform:translateY(-3px);

    background:#F8F6EF;

    color:#0E3B2A;
}


/* arrow */

.global-cta-btn span{
    font-size:18px;

    line-height:1;

    transition:transform .3s ease;
}

.global-cta-btn:hover span{
    transform:translateX(4px);
}


/* =========================================
   TRUST NOTE
========================================= */

.global-cta-note{
    position:relative;
    z-index:2;

    margin-top:32px;

    font-family:"Inter",sans-serif;

    font-size:12px;

    letter-spacing:.04em;

    color:rgba(248,246,239,.48);
}


/* =========================================
   TABLET
========================================= */

@media(max-width:991px){

    #global-cta{
        padding:90px 20px;
    }

    .global-cta-inner{
        padding:70px 40px;
        border-radius:28px;
    }

}


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

@media(max-width:575px){

    #global-cta{
        padding:70px 15px;
    }

    .global-cta-inner{
        padding:55px 22px;
        border-radius:24px;
    }

    .global-cta-label{
        font-size:11px;
        letter-spacing:.14em;
    }

    .global-cta-label span{
        width:28px;
    }

    .global-cta-inner h2{
        font-size:38px;
        line-height:1.1;
    }

    .global-cta-inner > p{
        font-size:14px;
        line-height:1.7;
    }

    .global-cta-buttons{
        flex-direction:column;
        width:100%;
    }

    .global-cta-btn{
        width:100%;
        max-width:280px;
    }

    .global-cta-note{
        line-height:1.8;
    }

}

/* ==============================
   COMPANY HIGHLIGHTS
   ============================== */

.company-highlights {
    background: #073d2c;
    padding: 100px 7%;
    color: #ffffff;
    position: relative;
    overflow: hidden;
}

/* subtle background glow */

.company-highlights::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    top: -250px;
    right: -150px;
    background: rgba(216, 173, 48, 0.10);
    border-radius: 50%;
    filter: blur(80px);
}



.stat-number {
    display: block;
    color: #d8ad30;
    font-size: 52px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 18px;
}

.about-stat-item h3 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
}

.about-stat-item p {
    margin: 0;
    color: rgba(255,255,255,0.65);
    font-size: 15px;
    line-height: 1.7;
}


/* Mobile */

@media (max-width: 600px) {

    .company-highlights {
        padding: 65px 25px;
    }

    .about-stats-header {
        margin-bottom: 40px;
    }

    .about-stats-header h2 {
        font-size: 32px;
    }

    .about-stats-header p {
        font-size: 15px;
    }

    .about-stats-grid {
        grid-template-columns: 1fr;
    }

    .about-stat-item {
        border-left: 0;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,0.16);
        padding: 30px 10px;
    }

    .about-stat-item:last-child {
        border-bottom: 0;
    }

    .stat-number {
        font-size: 44px;
    }
}
/* =========================================
   ABOUT STORY
========================================= */

#about-story{
    position:relative;
    overflow:hidden;
    padding:120px 0;

    background:#F8F6EF;
}


/* subtle background glow */

#about-story::before{
    content:"";

    position:absolute;

    width:500px;
    height:500px;

    top:-250px;
    right:-180px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(212,175,55,.08),
            transparent 70%
        );

    pointer-events:none;
}


/* =========================================
   MAIN ROW
========================================= */

#about-story > .sppb-container > .sppb-row{
    align-items:center;
}


/* =========================================
   LEFT IMAGE
========================================= */

.about-story-image{
    position:relative;

    overflow:hidden;

    border-radius:28px;

    box-shadow:
        0 25px 70px rgba(15,53,38,.13);
}


/* image */

.about-story-image img{
    width:100%;

    height:560px;

    display:block;

    object-fit:cover;

    border-radius:28px;

    transition:
        transform .6s ease;
}


/* hover */

.about-story-image:hover img{
    transform:scale(1.025);
}


/* gold frame detail */

.about-story-image::after{
    content:"";

    position:absolute;

    inset:14px;

    border:1px solid rgba(212,175,55,.45);

    border-radius:20px;

    pointer-events:none;
}


/* =========================================
   RIGHT CONTENT
========================================= */

.about-story-content{
    padding-left:35px;
}


/* =========================================
   LABEL
========================================= */

.about-story-label{
    display:flex;

    align-items:center;

    gap:13px;

    margin-bottom:20px;

    font-family:"Inter",sans-serif;

    font-size:12px;

    font-weight:700;

    letter-spacing:.20em;

    text-transform:uppercase;

    color:#2E7D32;
}

.about-story-label::before{
    content:"";

    width:42px;

    height:2px;

    background:
        linear-gradient(
            90deg,
            #D4AF37,
            #E8C867
        );

    border-radius:10px;
}


/* =========================================
   TITLE
========================================= */

.about-story-title{
    margin:0 0 24px;

    max-width:620px;

    font-family:"Playfair Display",serif;

    font-size:clamp(38px,4vw,58px);

    line-height:1.08;

    font-weight:700;

    color:#103B29;
}


/* =========================================
   TEXT
========================================= */

.about-story-text{
    max-width:650px;

    margin:0 0 32px;

    font-family:"Inter",sans-serif;

    font-size:16px;

    line-height:1.85;

    color:#68766F;
}


/* =========================================
   MISSION / VISION
========================================= */

.about-story-cards{
    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:16px;

    margin-top:10px;
}


/* card */

.about-story-card{
    position:relative;

    padding:25px 22px;

    background:#FFFFFF;

    border:1px solid rgba(16,59,41,.08);

    border-radius:18px;

    box-shadow:
        0 12px 35px rgba(15,53,38,.05);

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}


/* gold accent */

.about-story-card::before{
    content:"";

    position:absolute;

    top:0;
    left:20px;
    right:20px;

    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #D4AF37,
            transparent
        );

    opacity:.65;
}


/* hover */

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

    border-color:rgba(212,175,55,.35);

    box-shadow:
        0 18px 45px rgba(15,53,38,.09);
}


/* =========================================
   CARD TITLE
========================================= */

.about-story-card-title{
    margin:0 0 10px;

    font-family:"Playfair Display",serif;

    font-size:21px;

    font-weight:700;

    color:#103B29;
}


/* =========================================
   CARD TEXT
========================================= */

.about-story-card-text{
    margin:0;

    font-family:"Inter",sans-serif;

    font-size:13.5px;

    line-height:1.7;

    color:#707C76;
}


/* =========================================
   TABLET
========================================= */

@media(max-width:991px){

    #about-story{
        padding:90px 25px;
    }

    .about-story-content{
        padding-left:0;

        padding-top:45px;
    }

    .about-story-image img{
        height:480px;
    }

    .about-story-title{
        font-size:46px;
    }

}


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

@media(max-width:767px){

    #about-story{
        padding:70px 20px;
    }

    .about-story-image{
        border-radius:22px;
    }

    .about-story-image img{
        height:340px;

        border-radius:22px;
    }

    .about-story-image::after{
        inset:10px;

        border-radius:16px;
    }

    .about-story-content{
        padding-top:38px;
    }

    .about-story-label{
        font-size:11px;

        letter-spacing:.16em;
    }

    .about-story-label::before{
        width:30px;
    }

    .about-story-title{
        font-size:36px;

        line-height:1.12;
    }

    .about-story-text{
        font-size:15px;

        line-height:1.75;
    }

    .about-story-cards{
        grid-template-columns:1fr;

        gap:14px;
    }

    .about-story-card{
        padding:24px 20px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media(max-width:480px){

    .about-story-title{
        font-size:32px;
    }

    .about-story-image img{
        height:280px;
    }

}
.about-story-card{
    background:#ffffff;
    padding:24px;
    border-radius:18px;
    border:1px solid rgba(16,59,41,.10);
    box-shadow:0 10px 30px rgba(16,59,41,.05);
}
.mission-vision-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 35px;
}

.mission-vision-box {
  position: relative;
  padding: 30px 30px 28px;
  background: #ffffff;
  border: 1px solid #dfe7df;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(13, 61, 43, 0.08);
  transition: all 0.3s ease;
  overflow: hidden;
}

.mission-vision-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #d9a928;
}

.mission-vision-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(13, 61, 43, 0.14);
}

.mv-number {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #d9a928;
  color: #123f2d;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
}

.mission-vision-box h3 {
  margin: 0 0 12px;
  color: #123f2d;
  font-size: 24px;
  font-weight: 700;
}

.mission-vision-box p {
  margin: 0;
  color: #68766f;
  font-size: 16px;
  line-height: 1.7;
}

/* Mobile */
@media (max-width: 767px) {
  .mission-vision-wrap {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .mission-vision-box {
    padding: 25px;
  }

  .mission-vision-box h3 {
    font-size: 21px;
  }

  .mission-vision-box p {
    font-size: 15px;
  }
}


.about-founders {
    background: #f7f5ee;
    padding: 100px 20px;
}

.about-founders .sppb-row {
    max-width: 1200px;
    margin: 0 auto;
}

.founders-header {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 60px;
}

.founders-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #c99b25;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 18px;
}

.founders-label::before,
.founders-label::after {
    content: "";
    width: 35px;
    height: 2px;
    background: #c99b25;
}

.founders-header h2 {
    margin: 0 0 18px;
    color: #0d3d2b;
    font-size: 48px;
    line-height: 1.15;
    font-weight: 700;
}

.founders-header p {
    margin: 0;
    color: #68766f;
    font-size: 17px;
    line-height: 1.7;
}

.founders-grid {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.founder-card {
    position: relative;
    background: #ffffff;
    border: 1px solid #e1e5dd;
    border-radius: 22px;
    padding: 38px 30px;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(13, 61, 43, 0.07);
    transition: all 0.35s ease;
}

.founder-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #d9a928;
}

.founder-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(13, 61, 43, 0.13);
}

.founder-number {
    position: absolute;
    top: 18px;
    right: 20px;
    color: #c9cfc9;
    font-size: 13px;
    font-weight: 700;
}

.founder-icon {
    width: 72px;
    height: 72px;
    margin: 5px auto 22px;
    border-radius: 50%;
    background: #eef4ed;
    color: #0d6b3f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
}

.founder-card h3 {
    margin: 0 0 10px;
    color: #0d3d2b;
    font-size: 23px;
    font-weight: 700;
}

.founder-card span {
    display: inline-block;
    color: #c99b25;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

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

    .about-founders {
        padding: 70px 20px;
    }

    .founders-header {
        margin-bottom: 40px;
    }

    .founders-header h2 {
        font-size: 34px;
    }

    .founders-header p {
        font-size: 15px;
    }

    .founders-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

}

.founder-image {
    width: 145px;
    height: 145px;
    margin: 5px auto 25px;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid #f4f1e8;
    box-shadow: 0 10px 25px rgba(13, 61, 43, 0.12);
}

.founder-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform 0.4s ease;
}

.founder-card:hover .founder-image img {
    transform: scale(1.06);
}


.certificates-section {
    background: #f7f5ee;
    padding: 100px 20px;
}

.cert-section-heading {
    max-width: 760px;
    margin: 0 auto 60px;
    text-align: center;
}

.cert-section-heading > span {
    color: #c99b25;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
}

.cert-section-heading h2 {
    margin: 15px 0;
    color: #0d3d2b;
    font-size: 46px;
    line-height: 1.15;
}

.cert-section-heading p {
    margin: 0;
    color: #69766f;
    font-size: 17px;
    line-height: 1.7;
}

.certificates-grid {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.certificate-card {
    background: #fff;
    border: 1px solid #e1e6df;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(13,61,43,.07);
    transition: .35s ease;
}

.certificate-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 50px rgba(13,61,43,.14);
}

.certificate-top {
    padding: 18px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #edf0eb;
}

.certificate-number {
    color: #c99b25;
    font-size: 14px;
    font-weight: 700;
}

.certificate-type {
    color: #0d6b3f;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.certificate-preview {
    height: 390px;
    padding: 18px;
    background: #f2f1ec;
    display: flex;
    align-items: center;
    justify-content: center;
}

.certificate-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,.12);
}

.certificate-info {
    padding: 26px;
}

.certificate-info h3 {
    margin: 0 0 10px;
    color: #0d3d2b;
    font-size: 21px;
}

.certificate-info p {
    margin: 0 0 18px;
    color: #718078;
    font-size: 14px;
    line-height: 1.6;
}

.certificate-info a {
    color: #0d6b3f;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.certificate-info a:hover {
    color: #c99b25;
}

@media (max-width: 900px) {

    .certificates-grid {
        grid-template-columns: 1fr;
        max-width: 650px;
    }

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

}

@media (max-width: 600px) {

    .certificates-section {
        padding: 70px 18px;
    }

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

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

}

.contact-details {
    background: #f7f5ee;
    padding: 80px 20px;
}

.contact-info-card {
    position: relative;
    height: 100%;
    padding: 35px 30px;
    background: #ffffff;
    border: 1px solid #e3e8e1;
    border-radius: 20px;
    box-shadow: 0 12px 30px rgba(13, 61, 43, 0.06);
    transition: all 0.35s ease;
    overflow: hidden;
}

.contact-info-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #d7aa32;
}

.contact-info-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 20px 45px rgba(13, 61, 43, 0.12);
}

.contact-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    border-radius: 14px;
    background: #edf5ee;
    color: #0d6b3f;
    font-size: 25px;
}

.contact-label {
    display: block;
    margin-bottom: 10px;
    color: #c99b25;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.contact-info-card h3 {
    margin: 0 0 10px;
    color: #0d3d2b;
    font-size: 24px;
    font-weight: 700;
}

.contact-info-card p {
    margin: 0;
    color: #68766f;
    font-size: 16px;
    line-height: 1.7;
}

@media (max-width: 767px) {

    .contact-details {
        padding: 60px 20px;
    }

    .contact-info-card {
        margin-bottom: 18px;
    }

}

.contact-enquiry {
    background: #f7f5ee;
    padding: 100px 20px;
}

.contact-enquiry .sppb-row {
    max-width: 1200px;
    margin: auto;
}

.enquiry-content {
    padding: 10px 40px 10px 0;
}

.enquiry-label,
.partner-label {
    color: #c99b25;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
}

.enquiry-content h2 {
    margin: 16px 0;
    color: #0d3d2b;
    font-size: 44px;
    line-height: 1.15;
}

.enquiry-content > p {
    max-width: 560px;
    margin-bottom: 35px;
    color: #68766f;
    font-size: 16px;
    line-height: 1.7;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

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

.form-group label {
    display: block;
    margin-bottom: 8px;
    color: #183e30;
    font-size: 14px;
    font-weight: 600;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 14px 16px;
    border: 1px solid #d9e1da;
    border-radius: 10px;
    background: #fff;
    color: #263c33;
    font-size: 15px;
    outline: none;
}

.form-group textarea {
    resize: vertical;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    border-color: #0d6b3f;
}

.vistar-enquiry-form button {
    border: 0;
    padding: 15px 28px;
    border-radius: 30px;
    background: #0d5c3b;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: .3s ease;
}

.vistar-enquiry-form button:hover {
    background: #c99b25;
    color: #123d2d;
}

/* Right panel */

.partner-panel {
    height: 100%;
    box-sizing: border-box;
    padding: 45px;
    border-radius: 24px;
    background: #0d3d2b;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.partner-panel::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    right: -90px;
    bottom: -100px;
    border-radius: 50%;
    border: 1px solid rgba(215,170,50,.35);
}

.partner-panel h3 {
    margin: 18px 0;
    color: #fff;
    font-size: 38px;
    line-height: 1.2;
}

.partner-panel > p {
    color: rgba(255,255,255,.72);
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 35px;
}

.partner-point {
    display: flex;
    gap: 15px;
    margin-bottom: 24px;
}

.partner-point > span {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #d7aa32;
    color: #123d2d;
    font-weight: 700;
}

.partner-point strong {
    display: block;
    margin-bottom: 4px;
    color: #fff;
    font-size: 15px;
}

.partner-point p {
    margin: 0;
    color: rgba(255,255,255,.62);
    font-size: 13px;
    line-height: 1.5;
}

@media (max-width: 767px) {

    .contact-enquiry {
        padding: 70px 20px;
    }

    .enquiry-content {
        padding: 0;
        margin-bottom: 40px;
    }

    .enquiry-content h2 {
        font-size: 34px;
    }

    .form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .partner-panel {
        padding: 30px;
    }

    .partner-panel h3 {
        font-size: 30px;
    }
}

.contact-map {
    padding: 0 0 80px;
    background: #f8f6ef;
}

.contact-map .sppb-addon-gmap {
    width: 100%;
    height: 420px;
    overflow: hidden;
    border-radius: 24px;
    box-shadow: 0 15px 40px rgba(13, 61, 43, 0.12);
}

.contact-map iframe {
    width: 100%;
    height: 420px;
    border: 0;
    display: block;
}

@media (max-width: 767px) {
    .contact-map {
        padding-bottom: 50px;
    }

    .contact-map .sppb-addon-gmap,
    .contact-map iframe {
        height: 320px;
    }
}

.contact-map {
    background: #f8f6ef;
    padding: 0 0 80px;
}

.contact-map iframe {
    width: 100%;
    height: 500px;
    border: 0;
    display: block;

    filter: grayscale(100%) brightness(38%) contrast(120%);
}
#sp-user4 .sp-module ul {
    display: flex;
    justify-content: center;
    gap: 12px;
    padding: 15px 0;
    margin: 0;
    list-style: none;
  border: 1px solid rgba(201,168,93,.35);
   box-shadow:0 12px 35px rgba(15,23,42,.10),0 2px 10px rgba(15,23,42,.05);
}

#sp-user4 .sp-module ul li a {
    position: relative;
    display: inline-block;
    border-radius: 30px;
    color: #64748B;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 24px;
    white-space: nowrap;
    transition: all .3s ease;
}

/* Hover */

#sp-user4 .sp-module ul li a:hover {
    color: #0f2e1d ;
    background: rgba(11, 93, 59, 0.10);
}
#sp-user4 .active a {
    background: linear-gradient(
        135deg,
        rgba(22, 101, 52, 0.12),
        rgba(11, 93, 59, 0.06)
    );

    color: #166534 !important;
}
/* Active */

#sp-user4 .sp-module ul li.active a,
#sp-user4 .sp-module ul li.current a {
    background: linear-gradient(
        180deg,
        rgba(22, 101, 52, 0.12),
        rgba(22, 101, 52, 0.05)
    );

    color: #166534 !important;

    border-radius: 30px;
}
/* Small underline */

#sp-user4 .sp-module ul li.active a::after,
#sp-user4 .sp-module ul li.current a::after {

    content: "";

    position: absolute;

    left: 50%;
    bottom: 6px;

    width: 40px;
    height: 2px;

    transform: translateX(-50%);

    background: #166534;

    border-radius: 10px;
}
#sp-user4 {
    margin-top: -18px;
}

#sp-user4 .sp-module ul {
    width: fit-content;
    margin: 0 auto;

    background: rgba(255, 255, 255, 0.90);

    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    padding: 10px;

    border-radius: 40px;

    border: 1px solid rgba(22, 101, 52, 0.10);

    box-shadow:
        0 8px 30px rgba(22, 101, 52, 0.08);
}

/* =============================== */
/* OPTIONAL UNDERLINE ANIMATION */
/* =============================== */

#sp-user4 .sp-module ul > li > a::after {
    content: "";
    position: absolute;

    left: 50%;
    bottom: 4px;

    width: 0%;
    height: 2px;

    background: #166534;
    transition: all 0.3s ease;

    transform: translateX(-50%);
}

#sp-user4 .sp-module ul > li > a:hover::after {
    width: 60%;
}
/* ===================================== */
/* TABLET LANDSCAPE (1024px - 1366px) */
/* ===================================== */

@media (max-width: 1366px) {

    #sp-user4 .sp-module ul {
        gap: 8px;
        padding: 8px;
    }

    #sp-user4 .sp-module ul li a {
        padding: 10px 18px;
        font-size: 13px;
    }
}

/* ===================================== */
/* TABLET PORTRAIT (768px - 1024px) */
/* ===================================== */

@media (max-width: 1024px) {

    #sp-user4 {
        margin-top: -15px;
    }

    #sp-user4 .sp-module ul {
        gap: 6px;
        padding: 8px;
        border-radius: 30px;
    }

    #sp-user4 .sp-module ul li a {
        padding: 9px 14px;
        font-size: 13px;
    }

    #sp-user4 .sp-module ul li.active a::after,
    #sp-user4 .sp-module ul li.current a::after {
        width: 30px;
    }
}

/* ===================================== */
/* MOBILE & SMALL TABLETS */
/* ===================================== */

@media (max-width: 767px){

    #sp-user4 .sp-module ul{

        display:flex;
        flex-wrap:wrap;

        justify-content:center;

        gap:6px;
    }

    #sp-user4 .sp-module ul li{
        flex:0 0 auto;
    }

    #sp-user4 .sp-module ul li a{
        padding:8px 12px;
        font-size:12px;
    }
}
/* ===================================== */
/* EXTRA SMALL MOBILE */
/* ===================================== */

@media (max-width: 480px) {

    #sp-user4 .sp-module ul li a {
        padding: 8px 12px;
        font-size: 11px;
    }

    #sp-user4 .sp-module ul {
        border-radius: 20px;
    }
}






/* =========================================================
   VISTAR - PURE DESI GHEE
   PREMIUM 2026 PRODUCT PAGE
========================================================= */

#ghee-product-page {
    --ghee-green: #0e3a2c;
    --ghee-green-2: #123324;
    --ghee-cream: #faf6ea;
    --ghee-cream-2: #f2ead6;
    --ghee-gold: #c98f34;
    --ghee-gold-light: #e0ac52;
    --ghee-copper: #a15a2a;
    --ghee-text: #5d6b60;
    --ghee-line: rgba(28,43,34,.12);

    background: var(--ghee-cream);
    color: #1c2b22;

    font-family: "Manrope", sans-serif;

    overflow: hidden;
}

#ghee-product-page *,
#ghee-product-page *::before,
#ghee-product-page *::after {
    box-sizing: border-box;
}

#ghee-product-page h1,
#ghee-product-page h2,
#ghee-product-page h3 {
    font-family: "Fraunces", "Playfair Display", serif;
}

.ghee-wrap {
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
}

.ghee-eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;

    color: var(--ghee-gold);

    font-size: 12px;
    font-weight: 800;

    letter-spacing: .1em;
    text-transform: uppercase;

    margin-bottom: 15px;
}

.ghee-eyebrow::before {
    content: "";

    width: 22px;
    height: 2px;

    background: var(--ghee-gold);

    display: inline-block;
}


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

#ghee-hero {
    background:
        radial-gradient(
            circle at 82% 45%,
            rgba(201,143,52,.14),
            transparent 30%
        ),
        var(--ghee-cream);

    padding: 55px 0 70px;
}

.ghee-hero-grid {
    display: grid;

    grid-template-columns:
        1.05fr
        .95fr;

    gap: 60px;

    align-items: center;
}

.ghee-hero-content h1 {
    color: var(--ghee-green);

    font-size: clamp(42px, 5vw, 64px);

    line-height: 1.04;

    letter-spacing: -2px;

    margin: 0;
}

.ghee-lede {
    max-width: 550px;

    color: var(--ghee-text);

    font-size: 16px;

    line-height: 1.75;

    margin-top: 20px;
}

.ghee-cta-row {
    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 27px;
}

.ghee-pill {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 45px;

    padding: 0 22px;

    border-radius: 50px;

    font-size: 13px;

    font-weight: 800;

    text-decoration: none !important;

    transition: .3s ease;
}

.ghee-pill-gold {
    background:
        linear-gradient(
            180deg,
            var(--ghee-gold-light),
            var(--ghee-gold)
        );

    color: #241605 !important;
}

.ghee-pill-gold:hover {
    transform: translateY(-3px);

    box-shadow:
        0 12px 25px rgba(201,143,52,.25);
}

.ghee-pill-outline {
    border: 1.5px solid var(--ghee-green);

    color: var(--ghee-green) !important;

    background: transparent;
}

.ghee-pill-outline:hover {
    background: var(--ghee-green);

    color: #fff !important;
}

.ghee-stat-row {
    display: flex;

    flex-wrap: wrap;

    gap: 32px;

    margin-top: 35px;
}

.ghee-stat strong {
    display: block;

    font-family: "Fraunces", serif;

    color: var(--ghee-green);

    font-size: 21px;
}

.ghee-stat span {
    display: block;

    color: var(--ghee-text);

    font-size: 11px;

    margin-top: 3px;
}




.ghee-quality-badge {
    position: absolute;

    top: 15px;

    right: 0;

    z-index: 5;

    display: flex;

    align-items: center;

    gap: 7px;

    padding: 10px 14px;

    background: #fff;

    border-radius: 14px;

    box-shadow:
        0 14px 30px -12px
        rgba(14,58,44,.28);

    color: var(--ghee-green);

    font-size: 11px;

    font-weight: 800;
}

.ghee-quality-badge span {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #3f8f5e;
}


/* =========================================================
   DARK PROCESS SECTION
========================================================= */

#ghee-process {
    background:
        linear-gradient(
            180deg,
            var(--ghee-green),
            var(--ghee-green-2)
        );

    color: var(--ghee-cream);

    padding: 80px 0;
}

.ghee-center {
    text-align: center;
}

.ghee-center .ghee-eyebrow {
    justify-content: center;

    color: var(--ghee-gold-light);
}

.ghee-center .ghee-eyebrow::before {
    display: none;
}

#ghee-process h2 {
    color: var(--ghee-cream);

    font-size: clamp(32px, 4vw, 43px);

    line-height: 1.1;

    margin: 0;
}

.ghee-section-intro {
    max-width: 550px;

    margin: 14px auto 0;

    color: #cfe0d5;

    font-size: 14px;
}

.ghee-process-grid {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 18px;

    margin-top: 45px;
}

.ghee-step {
    border:
        1px solid
        rgba(250,246,234,.18);

    border-radius: 16px;

    padding: 24px 20px;

    background:
        rgba(255,255,255,.03);

    text-align: left;
}

.ghee-step-number {
    width: 34px;
    height: 34px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: var(--ghee-gold);

    color: #241605;

    font-size: 12px;

    font-weight: 800;

    margin-bottom: 18px;
}

.ghee-step h3 {
    color: var(--ghee-cream);

    font-size: 18px;

    margin: 0 0 8px;
}

.ghee-step p {
    color: #cfe0d5;

    font-size: 13px;

    line-height: 1.7;
}


/* =========================================================
   FEATURES
========================================================= */

#ghee-features {
    padding: 80px 0;
}

#ghee-features h2,
#ghee-packaging h2 {
    color: var(--ghee-green);

    font-size: clamp(32px, 4vw, 43px);

    line-height: 1.08;

    margin: 0;
}

.ghee-feature-grid {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 20px;

    margin-top: 45px;
}

.ghee-feature-card {
    padding: 26px 22px;

    border-radius: 16px;

    background: #fff;

    border: 1px solid var(--ghee-line);

    transition: .3s ease;
}

.ghee-feature-card:hover {
    transform: translateY(-6px);

    box-shadow:
        0 18px 35px rgba(14,58,44,.08);
}

.ghee-feature-icon {
    width: 42px;
    height: 42px;

    border-radius: 12px;

    background: var(--ghee-cream-2);

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 16px;

    font-size: 17px;
}

.ghee-feature-card h3 {
    color: var(--ghee-green);

    font-size: 17px;

    margin: 0 0 8px;
}

.ghee-feature-card p {
    color: var(--ghee-text);

    font-size: 13px;

    line-height: 1.7;
}


/* =========================================================
   DETAILS
========================================================= */

#ghee-nutrition {
    padding: 80px 0;

    background: var(--ghee-cream-2);
}

.ghee-details-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 35px;
}

.ghee-detail-panel {
    background: #fff;

    border-radius: 18px;

    padding: 30px;

    border: 1px solid var(--ghee-line);
}

.ghee-detail-panel h3 {
    color: var(--ghee-green);

    font-size: 19px;

    margin: 0 0 18px;
}

.ghee-detail-row {
    display: flex;

    justify-content: space-between;

    gap: 20px;

    padding: 13px 0;

    border-bottom:
        1px solid
        var(--ghee-line);

    font-size: 13px;
}

.ghee-detail-row:last-child {
    border-bottom: 0;
}

.ghee-detail-row span {
    color: var(--ghee-text);
}

.ghee-detail-row strong {
    color: var(--ghee-green);

    text-align: right;
}

.ghee-use-list {
    list-style: none;

    margin: 0;
    padding: 0;
}

.ghee-use-list li {
    padding: 13px 0;

    border-bottom:
        1px solid
        var(--ghee-line);

    color: var(--ghee-text);

    font-size: 13px;
}

.ghee-use-list li:last-child {
    border-bottom: 0;
}

.ghee-use-list strong {
    color: var(--ghee-green);

    margin-right: 4px;
}


/* =========================================================
   PACKAGING
========================================================= */

#ghee-packaging {
    padding: 80px 0;
}

.ghee-package-grid {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 20px;

    margin-top: 45px;
}

.ghee-package-card {
    background: #fff;

    border:
        1px solid
        var(--ghee-line);

    border-radius: 18px;

    padding: 28px 24px;

    transition: .3s ease;
}

.ghee-package-card:hover {
    transform: translateY(-6px);

    box-shadow:
        0 20px 35px
        rgba(14,58,44,.08);
}

.ghee-package-card > span {
    display: inline-block;

    color: var(--ghee-copper);

    background: #fbeee0;

    border-radius: 50px;

    padding: 5px 10px;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .05em;
}

.ghee-package-card h3 {
    color: var(--ghee-green);

    font-size: 21px;

    margin: 15px 0 8px;
}

.ghee-package-card p {
    color: var(--ghee-text);

    font-size: 13px;

    line-height: 1.7;
}

.ghee-package-card a {
    display: inline-block;

    margin-top: 15px;

    color: var(--ghee-green) !important;

    font-size: 13px;

    font-weight: 800;

    text-decoration: none !important;
}


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

#ghee-cta {
    padding: 35px 24px 80px;
}

.ghee-cta-box {
    max-width: 1130px;

    margin: auto;

    padding: 65px 30px;

    border-radius: 28px;

    background:
        linear-gradient(
            160deg,
            var(--ghee-green),
            var(--ghee-green-2)
        );

    text-align: center;
}

.ghee-cta-box .ghee-eyebrow {
    position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 22px;
  font-family: "Inter",sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .18em;
  color: #D4AF37;
}
.ghee-cta-box .ghee-eyebrow  span {
  display: block;
  width: 42px;
  height: 2px;
  background: #D4AF37;
  border-radius: 10px;
}

.ghee-cta-box .ghee-eyebrow::before {
    display: none;
}

.ghee-cta-box h2 {
    position: relative;
  z-index: 2;
  margin: 0 0 22px;
  font-family: "Playfair Display",serif;
  font-size: clamp(40px,5vw,64px);
  line-height: 1.08;
  font-weight: 600;
  color: #F8F6EF;
}

.ghee-cta-box h2 em {
    color: var(--ghee-gold-light);

    font-style: italic;
}

.ghee-cta-box p {
    position: relative;
  z-index: 2;
  max-width: 680px;
  margin: 0 auto 34px;
  font-family: "Inter",sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: rgba(248,246,239,.72);
}

.ghee-cta-box .ghee-cta-row {
    justify-content: center;
}

.ghee-pill-dark-outline {
    border:
        1.5px solid
        rgba(250,246,234,.5);

    color: var(--ghee-cream) !important;
}

.ghee-pill-dark-outline:hover {
    background: var(--ghee-cream);

    color: var(--ghee-green) !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .ghee-hero-grid {
        grid-template-columns: 1fr;

        gap: 30px;
    }

    .ghee-hero-content {
        text-align: center;
    }

    .ghee-hero-content .ghee-eyebrow,
    .ghee-hero-content .ghee-cta-row {
        justify-content: center;
    }

    .ghee-lede {
        margin-left: auto;
        margin-right: auto;
    }

    .ghee-stat-row {
        justify-content: center;
    }

    .ghee-process-grid,
    .ghee-feature-grid {
        grid-template-columns: 1fr 1fr;
    }

    .ghee-details-grid {
        grid-template-columns: 1fr;
    }

    .ghee-package-grid {
        grid-template-columns: 1fr;
    }

}


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

@media (max-width: 600px) {

    .ghee-wrap {
        padding-left: 18px;
        padding-right: 18px;
    }

    #ghee-hero {
        padding: 45px 0 55px;
    }

    .ghee-hero-content h1 {
        font-size: 43px;
        letter-spacing: -1px;
    }

    .ghee-lede {
        font-size: 14px;
    }

    .ghee-jar-stage {
        height: 370px;
    }

    .ghee-rays {
        width: 300px;
        height: 300px;
    }

    .ghee-jar {
        transform: scale(.88);
    }

    .ghee-quality-badge {
        right: 0;
    }

    .ghee-process-grid,
    .ghee-feature-grid {
        grid-template-columns: 1fr;
    }

    #ghee-process,
    #ghee-features,
    #ghee-nutrition,
    #ghee-packaging {
        padding: 65px 0;
    }

    .ghee-detail-panel {
        padding: 22px;
    }

    .ghee-detail-row {
        font-size: 12px;
    }

    #ghee-cta {
        padding: 20px 15px 60px;
    }

    .ghee-cta-box {
        padding: 50px 20px;
        border-radius: 20px;
    }

    .ghee-cta-box h2 {
        font-size: 34px;
    }

}


/* ================================
   GHEE PRODUCT IMAGE
================================ */

.ghee-jar-stage {
    position: relative;
    width: 100%;
    min-height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}

.ghee-product-image {
    width: 100%;
    max-width: 620px;
    height: auto;
    display: block;
    object-fit: contain;
    border-radius: 0;
    filter: drop-shadow(0 25px 35px rgba(22, 54, 40, 0.18));
    transition: transform 0.5s ease;
}

.ghee-product-image:hover {
    transform: scale(1.025);
}

/* Quality badge */

.ghee-quality-badge {
    position: absolute;
    top: 55px;
    right: 15px;
    z-index: 5;

    display: flex;
    align-items: center;
    gap: 8px;

    padding: 11px 18px;

    background: rgba(255,255,255,0.92);
    border: 1px solid rgba(20,80,55,0.08);
    border-radius: 30px;

    font-size: 12px;
    font-weight: 600;
    color: #174b38;

    box-shadow: 0 12px 30px rgba(20,50,35,0.12);
}

.ghee-quality-badge span {
    width: 7px;
    height: 7px;
    display: block;
    border-radius: 50%;
    background: #2e9742;
}


/* Mobile */

@media (max-width: 767px) {

    .ghee-jar-stage {
        min-height: auto;
        margin-top: 30px;
    }

    .ghee-product-image {
        width: 100%;
        max-width: 500px;
    }

    .ghee-quality-badge {
        top: 20px;
        right: 5px;
        font-size: 10px;
        padding: 8px 12px;
    }

}


/* =========================================
   GHEE HERO PRODUCT VISUAL
========================================= */

.ghee-jar-stage {
    position: relative;
    width: 100%;
    min-height: 560px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: visible;
}

/* Main generated advertisement image */

.ghee-product-image {
    width: 100%;
    max-width: 720px;
    height: auto;

    display: block;

    object-fit: contain;

    filter:
        drop-shadow(0 25px 35px rgba(25, 65, 45, 0.15));

    transition:
        transform 0.6s ease,
        filter 0.6s ease;
}

/* Premium subtle movement */

.ghee-product-image:hover {
    transform: scale(1.025) translateY(-5px);

    filter:
        drop-shadow(0 35px 45px rgba(25, 65, 45, 0.20));
}


/* =========================================
   QUALITY BADGE
========================================= */

.ghee-quality-badge {
    position: absolute;

    top: 70px;
    right: 25px;

    z-index: 5;

    display: flex;
    align-items: center;
    gap: 9px;

    padding: 12px 20px;

    background: rgba(255, 255, 255, 0.94);

    border: 1px solid rgba(20, 70, 45, 0.08);

    border-radius: 40px;

    color: #164b38;

    font-size: 12px;
    font-weight: 600;

    box-shadow:
        0 12px 30px rgba(20, 50, 35, 0.12);

    backdrop-filter: blur(8px);
}

.ghee-quality-badge span {
    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: #2e9742;

    display: block;
}


/* =========================================
   DESKTOP
========================================= */

@media (min-width: 992px) {

    .ghee-jar-stage {
        min-height: 620px;
    }

    .ghee-product-image {
        max-width: 760px;

        transform: scale(1.05);
    }

    .ghee-product-image:hover {
        transform: scale(1.075) translateY(-6px);
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .ghee-jar-stage {
        min-height: 480px;
        margin-top: 30px;
    }

    .ghee-product-image {
        max-width: 650px;
    }

}


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

@media (max-width: 767px) {

    .ghee-jar-stage {
        min-height: auto;
        margin-top: 35px;

        padding: 0 10px;
    }

    .ghee-product-image {
        width: 100%;
        max-width: 600px;

        transform: none;
    }

    .ghee-product-image:hover {
        transform: none;
    }

    .ghee-quality-badge {
        top: 15px;
        right: 15px;

        padding: 9px 14px;

        font-size: 10px;
    }

}


/* =========================================
   PURE DESI GHEE HERO
========================================= */

#ghee-hero {
    position: relative;
    width: 100%;
    min-height: 680px;

    background-image: url('https://vistarexim.in/images/imageghee.webp');

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    overflow: hidden;
}


/* =========================================
   HERO WRAPPER
========================================= */

#ghee-hero .ghee-hero-wrap {
    width: min(1320px, 92%);
    min-height: 760px;

    margin: 0 auto;

    display: flex;
    align-items: center;

    position: relative;
}


/* =========================================
   LEFT CONTENT
========================================= */

#ghee-hero .ghee-hero-content {
    width: 52%;

    position: relative;
    z-index: 5;

    padding: 80px 0;
}


/* =========================================
   EYEBROW
========================================= */

#ghee-hero .ghee-eyebrow {

    display: flex;
    align-items: center;
    gap: 14px;

    margin-bottom: 24px;

    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;

    letter-spacing: 2px;
    text-transform: uppercase;

    color: #C88A16;
}


#ghee-hero .ghee-eyebrow span {

    width: 32px;
    height: 2px;

    background: #C88A16;

    display: inline-block;
}


/* =========================================
   HEADING
========================================= */

#ghee-hero h1 {

    margin: 0 0 28px;

    max-width: 620px;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(48px, 5vw, 76px);

    line-height: 1.02;

    font-weight: 700;

    letter-spacing: -2px;

    color: #073B2C;
}


/* =========================================
   DESCRIPTION
========================================= */
#ghee-process .process-card p {
    font-size: 14px;
    line-height: 1.6;
}
#ghee-hero .ghee-description {

    max-width: 570px;

    margin: 0 0 32px;

    font-family: Arial, sans-serif;

    font-size: 18px;

    line-height: 1.65;

    color: #5D6D65;
}


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

#ghee-hero .ghee-buttons {

    display: flex;

    align-items: center;

    gap: 16px;

    margin-bottom: 42px;
}


#ghee-hero .ghee-btn {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 56px;

    padding: 0 30px;

    border-radius: 50px;

    text-decoration: none;

    font-family: Arial, sans-serif;

    font-size: 15px;

    font-weight: 700;

    transition: all .3s ease;
}


/* GOLD BUTTON */

#ghee-hero .ghee-btn-gold {

    background: #DDA83A;

    color: #102F24;

    box-shadow: 0 10px 25px rgba(185, 130, 30, .20);
}


#ghee-hero .ghee-btn-gold:hover {

    background: #C58E20;

    transform: translateY(-3px);

    color: #102F24;
}


/* OUTLINE BUTTON */

#ghee-hero .ghee-btn-outline {

    background: rgba(255,255,255,.55);

    border: 2px solid #0B4A38;

    color: #0B4A38;
}


#ghee-hero .ghee-btn-outline:hover {

    background: #0B4A38;

    color: #fff;

    transform: translateY(-3px);
}


/* =========================================
   STATS
========================================= */

#ghee-hero .ghee-stats {

    display: flex;

    align-items: center;

    gap: 0;
}


#ghee-hero .ghee-stat {

    padding-right: 30px;
    margin-right: 30px;

    border-right: 1px solid rgba(11,74,56,.20);
}


#ghee-hero .ghee-stat:last-child {

    border-right: 0;

    margin-right: 0;

    padding-right: 0;
}


#ghee-hero .ghee-stat strong {

    display: block;

    margin-bottom: 6px;

    font-family: Georgia, serif;

    font-size: 28px;

    line-height: 1;

    color: #073B2C;
}


#ghee-hero .ghee-stat span {

    font-family: Arial, sans-serif;

    font-size: 13px;

    color: #66766E;
}


/* =========================================
   RIGHT VISUAL
========================================= */

#ghee-hero .ghee-visual {

    position: absolute;

    right: 0;
    top: 0;

    width: 50%;
    height: 100%;

    pointer-events: none;

    z-index: 4;
}


/* =========================================
   QUALITY BADGE
========================================= */

#ghee-hero .ghee-quality-badge {

    position: absolute;

    top: 150px;
    right: 30px;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 15px 24px;

    background: rgba(255,255,255,.94);

    border-radius: 50px;

    box-shadow:
        0 15px 35px rgba(20,50,40,.15);

    font-family: Arial, sans-serif;

    font-size: 14px;

    font-weight: 700;

    color: #0B4A38;
}


#ghee-hero .ghee-quality-badge span {

    width: 9px;
    height: 9px;

    border-radius: 50%;

    background: #2E9742;

    display: inline-block;
}


/* =========================================
   PURE DESI GHEE HERO - TABLET
========================================= */
@media (min-width: 768px) and (max-width: 991px) {

    #ghee-hero {
        min-height: 720px;
        background-position: 65% center;
    }

    #ghee-hero .ghee-hero-wrap {
        width: 90%;
        min-height: 720px;
    }

    #ghee-hero .ghee-hero-content {
        width: 58%;
        padding: 70px 0;
    }

    #ghee-hero h1 {
        font-size: 46px;
        line-height: 1.08;
        letter-spacing: -1px;
    }

    #ghee-hero .ghee-description {
        font-size: 16px;
    }
}

/* =========================================
   PURE DESI GHEE HERO - MOBILE
========================================= */
@media (max-width: 767px) {

    #ghee-hero {
        width: 100%;
        min-height: 0;
        height: auto;
        overflow: hidden;

        background-color: #F8F1DF;
        background-image: url('https://vistarexim.in/images/imageghee.webp');
        background-size: auto 100%;
        background-position: 65% center;
        background-repeat: no-repeat;
    }

    #ghee-hero .ghee-hero-wrap {
        display: flex;
        flex-direction: column;
        align-items: stretch;

        width: 100%;
        min-height: 0;
        height: auto;

        padding: 35px 22px 28px;
        box-sizing: border-box;
    }

    /* Hero Content */
    #ghee-hero .ghee-hero-content {
        width: 100%;
        max-width: 100%;
        padding: 0;
        box-sizing: border-box;
        z-index: 5;
    }

    /* Eyebrow */
    #ghee-hero .ghee-eyebrow {
        display: flex;
        align-items: center;
        gap: 10px;

        margin-bottom: 16px;
        font-size: 11px;
        letter-spacing: 1.5px;
        line-height: 1.5;
    }

    #ghee-hero .ghee-eyebrow span {
        width: 24px;
        min-width: 24px;
    }

    /* Main Heading */
    #ghee-hero h1 {
        max-width: 100%;
        margin: 0 0 20px;

        font-size: clamp(32px, 9vw, 40px);
        line-height: 1.08;
        letter-spacing: -0.8px;

        overflow-wrap: break-word;
    }

    /* Description */
    #ghee-hero .ghee-description {
        max-width: 100%;
        margin: 0 0 24px;

        font-size: 14px;
        line-height: 1.65;
    }

    /* Buttons */
    #ghee-hero .ghee-buttons {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;

        width: 100%;
        margin-bottom: 28px;
    }

    #ghee-hero .ghee-btn {
        display: inline-flex;
        width: 100%;
        min-height: 48px;
        padding: 12px 18px;

        box-sizing: border-box;
        font-size: 14px;
        white-space: normal;
        text-align: center;
    }

    /* Stats */
    #ghee-hero .ghee-stats {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 12px;

        width: 100%;
        margin-top: 8px;
    }

    #ghee-hero .ghee-stat {
        min-width: 0;
        padding: 0;
        margin: 0;
        border: 0;
    }

    #ghee-hero .ghee-stat strong {
        margin-bottom: 6px;
        font-size: 22px;
        line-height: 1.2;
    }

    #ghee-hero .ghee-stat span {
        font-size: 11px;
        line-height: 1.5;
    }

    /* Quality Badge */
    #ghee-hero .ghee-visual {
        position: relative;
        width: 100%;
        height: 0;
        min-height: 0;

        top: auto;
        right: auto;
        bottom: auto;

        pointer-events: none;
    }

    #ghee-hero .ghee-quality-badge {
        top: auto;
        right: 0;
        bottom: 0;

        padding: 10px 14px;
        gap: 8px;

        font-size: 11px;
        max-width: 100%;
        box-sizing: border-box;
    }
}

/* Extra Small Phones */
@media (max-width: 380px) {

    #ghee-hero .ghee-hero-wrap {
        padding: 28px 17px 24px;
    }

    #ghee-hero h1 {
        font-size: 31px;
    }

    #ghee-hero .ghee-description {
        font-size: 13px;
    }

    #ghee-hero .ghee-stat strong {
        font-size: 20px;
    }
}



/* =========================================
   VISTAR - SAFFLOWER OIL HERO
========================================= */

#safflower-hero {
    --saff-green: #073B2C;
    --saff-gold: #DDA83A;
    --saff-text: #5D6D65;

    position: relative;
    width: 100%;
    min-height: 680px;
    margin: 0;
    padding: 0;

    background-color: #FAF6EA;
    background-image: url('https://vistarexim.in/images/56674a38-724d-4f48-a753-fc06a68b5e59.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    overflow: hidden;
}

#safflower-hero,
#safflower-hero * {
    box-sizing: border-box;
}

/* CONTAINER */

#safflower-hero .ghee-hero-wrap {
    position: relative;
    width: min(1370px, 92%);
    min-height: 680px;
    margin: 0 auto;

    display: flex;
    align-items: center;
}

/* LEFT CONTENT */

#safflower-hero .ghee-hero-content {
    position: relative;
    z-index: 5;

    width: 53%;
    padding: 65px 0;
}

/* EYEBROW */

#safflower-hero .ghee-eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;

    margin: 0 0 24px;
    padding: 0;

    color: #C88A16;
    background: transparent;

    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.5;
    text-transform: uppercase;
}

#safflower-hero .ghee-eyebrow::before {
    content: "";
    display: block;

    width: 32px;
    height: 2px;
    flex: 0 0 32px;

    background: #C88A16;
}

#safflower-hero .ghee-eyebrow span {
    display: none;
}

/* HEADING */

#safflower-hero .ghee-hero-content h1 {
    max-width: 640px;
    margin: 0 0 25px;
    padding: 0;

    color: var(--saff-green);

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(48px, 5vw, 76px);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -2px;
}

/* DESCRIPTION */

#safflower-hero .ghee-description {
    max-width: 590px;
    margin: 0 0 30px;
    padding: 0;

    color: var(--saff-text);

    font-family: Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.75;
}

/* BUTTON ROW */

#safflower-hero .ghee-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;

    margin: 0 0 40px;
    padding: 0;
}

/* BOTH BUTTONS */

#safflower-hero .ghee-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 56px;
    padding: 0 30px;

    border-radius: 50px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;

    text-decoration: none !important;
    white-space: nowrap;

    transition: all .3s ease;
}

/* GOLD BUTTON */

#safflower-hero .ghee-btn-gold {
    color: #102F24 !important;
    background: linear-gradient(180deg, #E9B64B, #DDA12B);
    border: 1px solid transparent;

    box-shadow: 0 10px 25px rgba(185, 130, 30, .18);
}

#safflower-hero .ghee-btn-gold:hover {
    color: #102F24 !important;
    background: #C58E20;
    transform: translateY(-3px);
}

/* OUTLINE BUTTON */

#safflower-hero .ghee-btn-outline {
    color: #0B4A38 !important;
    background: rgba(255, 255, 255, .60);
    border: 2px solid #0B4A38;
}

#safflower-hero .ghee-btn-outline:hover {
    color: #fff !important;
    background: #0B4A38;
    transform: translateY(-3px);
}

/* STATS */

#safflower-hero .ghee-stats {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;

    margin: 0;
    padding: 0;
}

#safflower-hero .ghee-stat {
    flex: 0 0 auto;

    margin: 0 28px 0 0;
    padding: 0 28px 0 0;

    border-right: 1px solid rgba(11, 74, 56, .20);
}

#safflower-hero .ghee-stat:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

#safflower-hero .ghee-stat strong {
    display: block;
    margin: 0 0 7px;
    padding: 0;

    color: var(--saff-green);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
}

#safflower-hero .ghee-stat span {
    display: block;
    margin: 0;
    padding: 0;

    color: #66766E;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
}

/* RIGHT VISUAL */

#safflower-hero .ghee-visual {
    position: absolute;
    top: 0;
    right: 0;

    width: 48%;
    height: 100%;

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

/* QUALITY BADGE */

#safflower-hero .ghee-quality-badge {
    position: absolute;
    top: 150px;
    right: 20px;

    display: flex;
    align-items: center;
    gap: 10px;

    padding: 15px 24px;

    color: #0B4A38;
    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(20, 70, 45, .08);
    border-radius: 50px;

    box-shadow: 0 15px 35px rgba(20, 50, 40, .15);

    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

#safflower-hero .ghee-quality-badge span {
    display: block;

    width: 9px;
    height: 9px;
    flex: 0 0 9px;

    border-radius: 50%;
    background: #2E9742;
}

/* TABLET */

@media (max-width: 991px) {
    #safflower-hero {
        min-height: 700px;
        background-position: 58% center;
    }

    #safflower-hero .ghee-hero-wrap {
        width: 90%;
        min-height: 700px;
    }

    #safflower-hero .ghee-hero-content {
        width: 60%;
        padding: 60px 0;
    }

    #safflower-hero .ghee-hero-content h1 {
        font-size: 52px;
        letter-spacing: -1.5px;
    }

    #safflower-hero .ghee-description {
        font-size: 15px;
    }

    #safflower-hero .ghee-visual {
        width: 45%;
    }

    #safflower-hero .ghee-quality-badge {
        top: 120px;
        right: 0;
        padding: 12px 16px;
        font-size: 11px;
    }

    #safflower-hero .ghee-stat {
        margin-right: 15px;
        padding-right: 15px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    #safflower-hero {
        min-height: 0;

        background-color: #FAF6EA;
        background-position: 68% bottom;
        background-size: auto 520px;

        padding-bottom: 400px;
    }

    #safflower-hero .ghee-hero-wrap {
        display: block;
        width: 90%;
        min-height: 0;
    }

    #safflower-hero .ghee-hero-content {
        width: 100%;
        padding: 45px 0 25px;
    }

    #safflower-hero .ghee-eyebrow {
        gap: 9px;
        margin-bottom: 18px;
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    #safflower-hero .ghee-eyebrow::before {
        width: 22px;
        flex-basis: 22px;
    }

    #safflower-hero .ghee-hero-content h1 {
        max-width: 440px;
        margin-bottom: 20px;

        font-size: clamp(38px, 10vw, 48px);
        line-height: 1.05;
        letter-spacing: -1px;
    }

    #safflower-hero .ghee-description {
        max-width: 460px;
        margin-bottom: 24px;
        font-size: 14px;
        line-height: 1.7;
    }

    #safflower-hero .ghee-buttons {
        gap: 10px;
        margin-bottom: 28px;
    }

    #safflower-hero .ghee-btn {
        min-height: 47px;
        padding: 0 18px;
        font-size: 12px;
    }

    #safflower-hero .ghee-stats {
        gap: 12px;
    }

    #safflower-hero .ghee-stat {
        margin-right: 0;
        padding-right: 12px;
    }

    #safflower-hero .ghee-stat strong {
        font-size: 17px;
    }

    #safflower-hero .ghee-stat span {
        font-size: 10px;
    }

    #safflower-hero .ghee-visual {
        top: auto;
        bottom: -400px;
        left: 0;

        width: 100%;
        height: 400px;
    }

    #safflower-hero .ghee-quality-badge {
        top: 20px;
        right: 0;
        padding: 9px 13px;
        font-size: 10px;
    }
}

/* =========================================
   SAFFLOWER HERO - FULL IMAGE FIT
========================================= */

#safflower-hero {
    width: 100%;
    height: 680px;
    min-height: 680px;

    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;

    overflow: hidden;
}

#safflower-hero .ghee-hero-wrap {
    width: min(1370px, 92%);
    height: 680px;
    min-height: 680px;

    margin: 0 auto;

    display: flex;
    align-items: center;

    position: relative;
}

#safflower-hero .ghee-hero-content {
    width: 53%;
    padding: 30px 0;
}

#safflower-hero .ghee-visual {
    position: absolute;
    top: 0;
    right: 0;

    width: 48%;
    height: 100%;
}

/* TABLET */
@media (max-width: 991px) {
    #safflower-hero {
        height: 650px;
        min-height: 650px;

        background-size: cover;
        background-position: 58% center;
    }

    #safflower-hero .ghee-hero-wrap {
        height: 650px;
        min-height: 650px;
    }
}

/* MOBILE */
@media (max-width: 767px) {
    #safflower-hero {
        height: auto;
        min-height: 0;

        background-size: auto 480px;
        background-position: center bottom;
        background-color: #FAF6EA;

        padding-bottom: 400px;
    }

    #safflower-hero .ghee-hero-wrap {
        height: auto;
        min-height: 0;

        display: block;
    }

    #safflower-hero .ghee-hero-content {
        width: 100%;
        padding: 40px 0 25px;
    }

    #safflower-hero .ghee-visual {
        top: auto;
        bottom: -400px;
        left: 0;

        width: 100%;
        height: 400px;
    }
}

/* =========================================
   SAFFLOWER HERO - RESPONSIVE IMAGE FIT
========================================= */

/* DESKTOP */
#safflower-hero {
    width: 100%;
    height: 680px;
    min-height: 680px;
    padding: 0;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    overflow: hidden;
}

#safflower-hero .ghee-hero-wrap {
    width: min(1370px, 92%);
    height: 100%;
    min-height: 680px;

    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
}

#safflower-hero .ghee-hero-content {
    width: 53%;
    padding: 30px 0;
}

#safflower-hero .ghee-visual {
    position: absolute;
    top: 0;
    right: 0;
    width: 48%;
    height: 100%;
}

/* TABLET */
@media (max-width: 991px) {
    #safflower-hero {
        height: 650px;
        min-height: 650px;
        background-size: cover;
        background-position: 58% center;
    }

    #safflower-hero .ghee-hero-wrap {
        width: 90%;
        height: 100%;
        min-height: 650px;
    }

    #safflower-hero .ghee-hero-content {
        width: 60%;
    }

    #safflower-hero .ghee-visual {
        width: 45%;
    }
}

/* MOBILE */
@media (max-width: 767px) {
    #safflower-hero {
        height: auto;
        min-height: 0;
        padding-bottom: 0;

        background-color: #FAF6EA;
        background-image: none;
    }

    #safflower-hero .ghee-hero-wrap {
        display: block;
        width: 90%;
        height: auto;
        min-height: 0;
    }

    #safflower-hero .ghee-hero-content {
        width: 100%;
        padding: 40px 0 25px;
    }

    #safflower-hero .ghee-hero-content h1 {
        font-size: clamp(36px, 9vw, 48px);
        line-height: 1.08;
        letter-spacing: -1px;
    }

    #safflower-hero .ghee-buttons {
        gap: 10px;
        flex-wrap: wrap;
    }

    #safflower-hero .ghee-btn {
        min-height: 46px;
        padding: 0 16px;
        font-size: 12px;
        white-space: normal;
    }

    #safflower-hero .ghee-stats {
        gap: 12px;
    }

    #safflower-hero .ghee-stat {
        margin-right: 0;
        padding-right: 12px;
    }

    #safflower-hero .ghee-visual {
        position: relative;
        inset: auto;
        width: 100%;
        height: 300px;
        margin-top: 10px;
    }

    #safflower-hero .ghee-quality-badge {
        top: 15px;
        right: 0;
        padding: 9px 13px;
        font-size: 10px;
    }
}

/* =========================================
   VISTAR - GROUNDNUT OIL HERO
========================================= */

#groundnut-hero {
    position: relative;
    width: 100%;
    height: 680px;
    min-height: 680px;

    background-color: #FAF6EA;

    background-image: url('https://vistarexim.in/images/90bddb2b-085d-4568-8c2e-06b219da1d75.png');

    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;

    overflow: hidden;
}

#groundnut-hero,
#groundnut-hero * {
    box-sizing: border-box;
}

#groundnut-hero .ghee-hero-wrap {
    position: relative;

    width: min(1370px, 92%);
    height: 680px;
    min-height: 680px;

    margin: 0 auto;

    display: flex;
    align-items: center;
}

#groundnut-hero .ghee-hero-content {
    position: relative;
    z-index: 5;

    width: 53%;
    padding: 30px 0;
}

/* EYEBROW */

#groundnut-hero .ghee-eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;

    margin: 0 0 24px;

    color: #C88A16;
    background: transparent;

    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#groundnut-hero .ghee-eyebrow::before {
    content: "";

    width: 32px;
    height: 2px;
    flex: 0 0 32px;

    background: #C88A16;
}

#groundnut-hero .ghee-eyebrow span {
    display: none;
}

/* HEADING */

#groundnut-hero .ghee-hero-content h1 {
    max-width: 650px;

    margin: 0 0 25px;

    color: #073B2C;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(48px, 5vw, 76px);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -2px;
}

/* DESCRIPTION */

#groundnut-hero .ghee-description {
    max-width: 590px;

    margin: 0 0 30px;

    color: #5D6D65;

    font-family: Arial, sans-serif;
    font-size: 17px;
    line-height: 1.75;
}

/* BUTTONS */

#groundnut-hero .ghee-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;

    margin: 0 0 40px;
}

#groundnut-hero .ghee-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 56px;
    padding: 0 30px;

    border-radius: 50px;

    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;

    text-decoration: none !important;
    transition: all .3s ease;
}

/* GOLD BUTTON */

#groundnut-hero .ghee-btn-gold {
    color: #102F24 !important;
    background: linear-gradient(180deg, #E9B64B, #DDA12B);
    border: 1px solid transparent;
}

#groundnut-hero .ghee-btn-gold:hover {
    color: #102F24 !important;
    background: #C58E20;
    transform: translateY(-3px);
}

/* OUTLINE BUTTON */

#groundnut-hero .ghee-btn-outline {
    color: #0B4A38 !important;
    background: rgba(255, 255, 255, .6);
    border: 2px solid #0B4A38;
}

#groundnut-hero .ghee-btn-outline:hover {
    color: #fff !important;
    background: #0B4A38;
    transform: translateY(-3px);
}

/* STATS */

#groundnut-hero .ghee-stats {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

#groundnut-hero .ghee-stat {
    margin: 0 28px 0 0;
    padding: 0 28px 0 0;

    border-right: 1px solid rgba(11, 74, 56, .2);
}

#groundnut-hero .ghee-stat:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

#groundnut-hero .ghee-stat strong {
    display: block;

    margin-bottom: 7px;

    color: #073B2C;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    line-height: 1.2;
}

#groundnut-hero .ghee-stat span {
    display: block;

    color: #66766E;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
}

/* RIGHT VISUAL */

#groundnut-hero .ghee-visual {
    position: absolute;
    top: 0;
    right: 0;

    width: 48%;
    height: 100%;

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

/* QUALITY BADGE */

#groundnut-hero .ghee-quality-badge {
    position: absolute;
    top: 150px;
    right: 20px;

    display: flex;
    align-items: center;
    gap: 10px;

    padding: 15px 24px;

    color: #0B4A38;
    background: rgba(255, 255, 255, .96);
    border-radius: 50px;

    box-shadow: 0 15px 35px rgba(20, 50, 40, .15);

    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
}

#groundnut-hero .ghee-quality-badge span {
    width: 9px;
    height: 9px;

    border-radius: 50%;
    background: #2E9742;
}

/* TABLET */

@media (max-width: 991px) {
    #groundnut-hero {
        height: 650px;
        min-height: 650px;
        background-size: cover;
        background-position: 58% center;
    }

    #groundnut-hero .ghee-hero-wrap {
        height: 650px;
        min-height: 650px;
    }

    #groundnut-hero .ghee-hero-content {
        width: 60%;
    }

    #groundnut-hero .ghee-hero-content h1 {
        font-size: 52px;
        letter-spacing: -1.5px;
    }

    #groundnut-hero .ghee-description {
        font-size: 15px;
    }

    #groundnut-hero .ghee-stat {
        margin-right: 15px;
        padding-right: 15px;
    }

    #groundnut-hero .ghee-quality-badge {
        top: 120px;
        right: 0;
        padding: 12px 16px;
        font-size: 11px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    #groundnut-hero {
        height: auto;
        min-height: 0;

        padding-bottom: 400px;

        background-color: #FAF6EA;
        background-size: auto 480px;
        background-position: center bottom;
    }

    #groundnut-hero .ghee-hero-wrap {
        display: block;

        width: 90%;
        height: auto;
        min-height: 0;
    }

    #groundnut-hero .ghee-hero-content {
        width: 100%;
        padding: 40px 0 25px;
    }

    #groundnut-hero .ghee-hero-content h1 {
        font-size: clamp(38px, 10vw, 48px);
        line-height: 1.05;
        letter-spacing: -1px;
    }

    #groundnut-hero .ghee-description {
        font-size: 14px;
        line-height: 1.7;
    }

    #groundnut-hero .ghee-buttons {
        gap: 10px;
        margin-bottom: 28px;
    }

    #groundnut-hero .ghee-btn {
        min-height: 47px;
        padding: 0 18px;
        font-size: 12px;
    }

    #groundnut-hero .ghee-stats {
        gap: 12px;
    }

    #groundnut-hero .ghee-stat {
        margin-right: 0;
        padding-right: 12px;
    }

    #groundnut-hero .ghee-stat strong {
        font-size: 17px;
    }

    #groundnut-hero .ghee-stat span {
        font-size: 10px;
    }

    #groundnut-hero .ghee-visual {
        top: auto;
        bottom: -400px;
        left: 0;

        width: 100%;
        height: 400px;
    }

    #groundnut-hero .ghee-quality-badge {
        top: 20px;
        right: 0;
        padding: 9px 13px;
        font-size: 10px;
    }
}

/* =========================================
   GROUNDNUT OIL - PROCESS SECTION
========================================= */

#groundnut-process {
    padding: 80px 0;
    color: #FAF6EA;
    background: linear-gradient(180deg, #0E3A2C, #123324);
}

#groundnut-process *,
#groundnut-process *::before,
#groundnut-process *::after {
    box-sizing: border-box;
}

#groundnut-process .groundnut-wrap {
    width: min(1180px, 92%);
    margin: 0 auto;
}

#groundnut-process .groundnut-center {
    text-align: center;
}

#groundnut-process .groundnut-eyebrow {
    margin-bottom: 15px;
    color: #E0AC52;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#groundnut-process h2 {
    margin: 0;
    color: #FAF6EA;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(32px, 4vw, 43px);
    line-height: 1.15;
}

#groundnut-process .groundnut-section-intro {
    max-width: 570px;
    margin: 16px auto 0;
    color: #CFE0D5;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
}

#groundnut-process .groundnut-process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 42px;
    text-align: left;
}

#groundnut-process .groundnut-step {
    min-width: 0;
    padding: 24px 20px;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(250, 246, 234, .18);
    border-radius: 15px;
    transition: transform .3s ease,
                background .3s ease,
                border-color .3s ease;
}

#groundnut-process .groundnut-step:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, .07);
    border-color: rgba(224, 172, 82, .55);
}

#groundnut-process .groundnut-step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-bottom: 18px;
    color: #241605;
    background: #D6A044;
    border-radius: 50%;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
}

#groundnut-process .groundnut-step h3 {
    margin: 0 0 9px;
    color: #FAF6EA;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 17px;
    line-height: 1.4;
}

#groundnut-process .groundnut-step p {
    margin: 0;
    color: #CFE0D5;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.8;
}

/* TABLET */

@media (max-width: 900px) {
    #groundnut-process .groundnut-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* MOBILE */

@media (max-width: 600px) {
    #groundnut-process {
        padding: 60px 0;
    }

    #groundnut-process .groundnut-wrap {
        width: 90%;
    }

    #groundnut-process .groundnut-process-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 30px;
    }

    #groundnut-process .groundnut-step {
        padding: 22px;
    }
}

/* =========================================
   GROUNDNUT OIL - WHY CHOOSE US
========================================= */

#groundnut-features {
    padding: 80px 0;
    background: #FAF6EA;
    color: #1C2B22;
}

#groundnut-features *,
#groundnut-features *::before,
#groundnut-features *::after {
    box-sizing: border-box;
}

#groundnut-features .groundnut-wrap {
    width: min(1180px, 92%);
    margin: 0 auto;
}

#groundnut-features .groundnut-center {
    text-align: center;
}

#groundnut-features .groundnut-eyebrow {
    margin-bottom: 15px;
    color: #C98F34;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#groundnut-features h2 {
    margin: 0;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(32px, 4vw, 43px);
    line-height: 1.15;
}

#groundnut-features .groundnut-features-intro {
    max-width: 650px;
    margin: 16px auto 0;
    color: #5D6B60;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
}

#groundnut-features .groundnut-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 42px;
}

#groundnut-features .groundnut-feature-card {
    padding: 25px 20px;
    background: #FFFFFF;
    border: 1px solid rgba(28, 43, 34, .12);
    border-radius: 15px;
    transition: transform .3s ease,
                box-shadow .3s ease;
}

#groundnut-features .groundnut-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 32px rgba(14, 58, 44, .09);
}

#groundnut-features .groundnut-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    background: #F2EAD6;
    border-radius: 12px;
    font-size: 18px;
}

#groundnut-features .groundnut-feature-card h3 {
    margin: 0 0 9px;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 17px;
    line-height: 1.4;
}

#groundnut-features .groundnut-feature-card p {
    margin: 0;
    color: #5D6B60;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.8;
}

/* TABLET */

@media (max-width: 900px) {
    #groundnut-features .groundnut-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* MOBILE */

@media (max-width: 600px) {
    #groundnut-features {
        padding: 60px 0;
    }

    #groundnut-features .groundnut-wrap {
        width: 90%;
    }

    #groundnut-features .groundnut-feature-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 30px;
    }

    #groundnut-features .groundnut-feature-card {
        padding: 22px;
    }
}

/* =========================================
   GROUNDNUT OIL - PRODUCT DETAILS
========================================= */

#groundnut-details {
    padding: 70px 0;
    background: #F2EAD6;
    color: #1C2B22;
}

#groundnut-details *,
#groundnut-details *::before,
#groundnut-details *::after {
    box-sizing: border-box;
}

#groundnut-details .groundnut-wrap {
    width: min(1180px, 92%);
    margin: 0 auto;
}

#groundnut-details .groundnut-details-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
}

#groundnut-details .groundnut-detail-panel {
    min-width: 0;
    padding: 28px;
    background: #FFFFFF;
    border: 1px solid rgba(28, 43, 34, .10);
    border-radius: 16px;
}

#groundnut-details .groundnut-detail-panel h3 {
    margin: 0 0 18px;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 20px;
}

#groundnut-details .groundnut-detail-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 13px 0;
    border-bottom: 1px solid rgba(28, 43, 34, .12);
    font-family: "Manrope", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.6;
}

#groundnut-details .groundnut-detail-row:last-child {
    border-bottom: 0;
}

#groundnut-details .groundnut-detail-row span {
    color: #66766E;
}

#groundnut-details .groundnut-detail-row strong {
    color: #0E3A2C;
    text-align: right;
}

#groundnut-details .groundnut-use-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#groundnut-details .groundnut-use-list li {
    padding: 13px 0;
    border-bottom: 1px solid rgba(28, 43, 34, .12);
    color: #66766E;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.7;
}

#groundnut-details .groundnut-use-list li:last-child {
    border-bottom: 0;
}

#groundnut-details .groundnut-use-list strong {
    display: block;
    margin-bottom: 3px;
    color: #0E3A2C;
    font-size: 13px;
}

/* TABLET AND MOBILE */

@media (max-width: 700px) {
    #groundnut-details {
        padding: 50px 0;
    }

    #groundnut-details .groundnut-details-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    #groundnut-details .groundnut-wrap {
        width: 90%;
    }

    #groundnut-details .groundnut-detail-panel {
        padding: 22px;
    }
}

/* =========================================
   GROUNDNUT OIL - PACKAGING
========================================= */

#groundnut-packaging {
    padding: 80px 0;
    background: #FAF6EA;
    color: #1C2B22;
}

#groundnut-packaging *,
#groundnut-packaging *::before,
#groundnut-packaging *::after {
    box-sizing: border-box;
}

#groundnut-packaging .groundnut-wrap {
    width: min(1180px, 92%);
    margin: 0 auto;
}

#groundnut-packaging .groundnut-center {
    text-align: center;
}

#groundnut-packaging .groundnut-eyebrow {
    margin-bottom: 15px;
    color: #C98F34;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#groundnut-packaging h2 {
    margin: 0;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(32px, 4vw, 43px);
    line-height: 1.15;
}

#groundnut-packaging .groundnut-packaging-intro {
    max-width: 600px;
    margin: 16px auto 0;
    color: #5D6B60;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
}

#groundnut-packaging .groundnut-package-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: 42px;
    text-align: left;
}

#groundnut-packaging .groundnut-package-card {
    position: relative;
    padding: 28px 24px;
    background: #FFFFFF;
    border: 1px solid rgba(28, 43, 34, .12);
    border-radius: 18px;
    transition: transform .3s ease,
                box-shadow .3s ease;
}

#groundnut-packaging .groundnut-package-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 35px rgba(14, 58, 44, .09);
}

#groundnut-packaging .groundnut-package-tag {
    display: inline-block;
    padding: 6px 11px;
    color: #92551D;
    background: #FBEEDC;
    border-radius: 50px;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .7px;
}

#groundnut-packaging .groundnut-package-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin: 22px 0 16px;
    color: #0E3A2C;
    background: #F2EAD6;
    border-radius: 14px;
    font-family: Georgia, serif;
    font-size: 17px;
    font-weight: 700;
}

#groundnut-packaging .groundnut-package-card h3 {
    margin: 0 0 10px;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 21px;
}

#groundnut-packaging .groundnut-package-card p {
    min-height: 68px;
    margin: 0;
    color: #5D6B60;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.8;
}

#groundnut-packaging .groundnut-package-card a {
    display: inline-block;
    margin-top: 18px;
    color: #0E3A2C !important;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
}

#groundnut-packaging .groundnut-package-card a:hover {
    color: #C98F34 !important;
}

/* TABLET */

@media (max-width: 900px) {
    #groundnut-packaging .groundnut-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* MOBILE */

@media (max-width: 600px) {
    #groundnut-packaging {
        padding: 60px 0;
    }

    #groundnut-packaging .groundnut-wrap {
        width: 90%;
    }

    #groundnut-packaging .groundnut-package-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-top: 30px;
    }

    #groundnut-packaging .groundnut-package-card {
        padding: 24px 22px;
    }

    #groundnut-packaging .groundnut-package-card p {
        min-height: 0;
    }
}
`
/* =========================================
   VISTAR - SUNFLOWER OIL HERO
   Same design as Groundnut Oil
========================================= */

#sunflower-hero {
    position: relative;
    width: 100%;
    height: 680px;
    min-height: 680px;

    background-color: #FAF6EA;
background-image: url("http://localhost/vistarexim/images/56674a38-724d-4f48-a753-fc06a68b5e59.png") !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    overflow: hidden;
}

#sunflower-hero,
#sunflower-hero * {
    box-sizing: border-box;
}

#sunflower-hero .ghee-hero-wrap {
    position: relative;
    width: min(1370px, 92%);
    height: 680px;
    min-height: 680px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

#sunflower-hero .ghee-hero-content {
    position: relative;
    z-index: 5;
    width: 53%;
    padding: 30px 0;
}

#sunflower-hero .ghee-eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 24px;
    color: #C88A16;
    background: transparent;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#sunflower-hero .ghee-eyebrow::before {
    content: "";
    width: 32px;
    height: 2px;
    flex: 0 0 32px;
    background: #C88A16;
}

#sunflower-hero .ghee-eyebrow span {
    display: none;
}

#sunflower-hero .ghee-hero-content h1 {
    max-width: 650px;
    margin: 0 0 25px;
    color: #073B2C;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(48px, 5vw, 76px);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -2px;
}

#sunflower-hero .ghee-description {
    max-width: 590px;
    margin: 0 0 30px;
    color: #5D6D65;
    font-family: Arial, sans-serif;
    font-size: 17px;
    line-height: 1.75;
}

#sunflower-hero .ghee-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0 0 40px;
}

#sunflower-hero .ghee-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 0 30px;
    border-radius: 50px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all .3s ease;
}

#sunflower-hero .ghee-btn-gold {
    color: #102F24 !important;
    background: linear-gradient(180deg, #E9B64B, #DDA12B);
    border: 1px solid transparent;
}

#sunflower-hero .ghee-btn-gold:hover {
    color: #102F24 !important;
    background: #C58E20;
    transform: translateY(-3px);
}

#sunflower-hero .ghee-btn-outline {
    color: #0B4A38 !important;
    background: rgba(255, 255, 255, .6);
    border: 2px solid #0B4A38;
}

#sunflower-hero .ghee-btn-outline:hover {
    color: #fff !important;
    background: #0B4A38;
    transform: translateY(-3px);
}

#sunflower-hero .ghee-stats {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

#sunflower-hero .ghee-stat {
    margin: 0 28px 0 0;
    padding: 0 28px 0 0;
    border-right: 1px solid rgba(11, 74, 56, .2);
}

#sunflower-hero .ghee-stat:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

#sunflower-hero .ghee-stat strong {
    display: block;
    margin-bottom: 7px;
    color: #073B2C;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    line-height: 1.2;
}

#sunflower-hero .ghee-stat span {
    display: block;
    color: #66766E;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
}

#sunflower-hero .ghee-visual {
    position: absolute;
    top: 0;
    right: 0;
    width: 48%;
    height: 100%;
    z-index: 4;
    pointer-events: none;
}

#sunflower-hero .ghee-quality-badge {
    position: absolute;
    top: 150px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 24px;
    color: #0B4A38;
    background: rgba(255, 255, 255, .96);
    border-radius: 50px;
    box-shadow: 0 15px 35px rgba(20, 50, 40, .15);
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
}

#sunflower-hero .ghee-quality-badge span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #2E9742;
}

/* HERO TABLET */

@media (max-width: 991px) {
    #sunflower-hero {
        height: 650px;
        min-height: 650px;
        background-size: cover;
        background-position: 58% center;
    }

    #sunflower-hero .ghee-hero-wrap {
        height: 650px;
        min-height: 650px;
    }

    #sunflower-hero .ghee-hero-content {
        width: 60%;
    }

    #sunflower-hero .ghee-hero-content h1 {
        font-size: 52px;
        letter-spacing: -1.5px;
    }

    #sunflower-hero .ghee-description {
        font-size: 15px;
    }

    #sunflower-hero .ghee-stat {
        margin-right: 15px;
        padding-right: 15px;
    }

    #sunflower-hero .ghee-quality-badge {
        top: 120px;
        right: 0;
        padding: 12px 16px;
        font-size: 11px;
    }
}

/* HERO MOBILE */

@media (max-width: 767px) {
    #sunflower-hero {
        height: auto;
        min-height: 0;
        padding-bottom: 400px;
        background-color: #FAF6EA;
        background-size: auto 480px;
        background-position: center bottom;
    }

    #sunflower-hero .ghee-hero-wrap {
        display: block;
        width: 90%;
        height: auto;
        min-height: 0;
    }

    #sunflower-hero .ghee-hero-content {
        width: 100%;
        padding: 40px 0 25px;
    }

    #sunflower-hero .ghee-hero-content h1 {
        font-size: clamp(38px, 10vw, 48px);
        line-height: 1.05;
        letter-spacing: -1px;
    }

    #sunflower-hero .ghee-description {
        font-size: 14px;
        line-height: 1.7;
    }

    #sunflower-hero .ghee-buttons {
        gap: 10px;
        margin-bottom: 28px;
    }

    #sunflower-hero .ghee-btn {
        min-height: 47px;
        padding: 0 18px;
        font-size: 12px;
    }

    #sunflower-hero .ghee-stats {
        gap: 12px;
    }

    #sunflower-hero .ghee-stat {
        margin-right: 0;
        padding-right: 12px;
    }

    #sunflower-hero .ghee-stat strong {
        font-size: 17px;
    }

    #sunflower-hero .ghee-stat span {
        font-size: 10px;
    }

    #sunflower-hero .ghee-visual {
        top: auto;
        bottom: -400px;
        left: 0;
        width: 100%;
        height: 400px;
    }

    #sunflower-hero .ghee-quality-badge {
        top: 20px;
        right: 0;
        padding: 9px 13px;
        font-size: 10px;
    }
}


/* =========================================
   SUNFLOWER OIL - PROCESS
========================================= */

#sunflower-process {
    padding: 80px 0;
    color: #FAF6EA;
    background: linear-gradient(180deg, #0E3A2C, #123324);
}

#sunflower-process *,
#sunflower-process *::before,
#sunflower-process *::after {
    box-sizing: border-box;
}

#sunflower-process .sunflower-wrap {
    width: min(1180px, 92%);
    margin: 0 auto;
}

#sunflower-process .sunflower-center {
    text-align: center;
}

#sunflower-process .sunflower-eyebrow {
    margin-bottom: 15px;
    color: #E0AC52;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#sunflower-process h2 {
    margin: 0;
    color: #FAF6EA;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(32px, 4vw, 43px);
    line-height: 1.15;
}

#sunflower-process .sunflower-section-intro {
    max-width: 570px;
    margin: 16px auto 0;
    color: #CFE0D5;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
}

#sunflower-process .sunflower-process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 42px;
    text-align: left;
}

#sunflower-process .sunflower-step {
    min-width: 0;
    padding: 24px 20px;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(250, 246, 234, .18);
    border-radius: 15px;
    transition: transform .3s ease, background .3s ease,
                border-color .3s ease;
}

#sunflower-process .sunflower-step:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, .07);
    border-color: rgba(224, 172, 82, .55);
}

#sunflower-process .sunflower-step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-bottom: 18px;
    color: #241605;
    background: #D6A044;
    border-radius: 50%;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
}

#sunflower-process .sunflower-step h3 {
    margin: 0 0 9px;
    color: #FAF6EA;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 17px;
    line-height: 1.4;
}

#sunflower-process .sunflower-step p {
    margin: 0;
    color: #CFE0D5;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.8;
}

@media (max-width: 900px) {
    #sunflower-process .sunflower-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    #sunflower-process {
        padding: 60px 0;
    }

    #sunflower-process .sunflower-wrap {
        width: 90%;
    }

    #sunflower-process .sunflower-process-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 30px;
    }

    #sunflower-process .sunflower-step {
        padding: 22px;
    }
}


/* =========================================
   SUNFLOWER OIL - FEATURES
========================================= */

#sunflower-features {
    padding: 80px 0;
    background: #FAF6EA;
    color: #1C2B22;
}

#sunflower-features *,
#sunflower-features *::before,
#sunflower-features *::after {
    box-sizing: border-box;
}

#sunflower-features .sunflower-wrap {
    width: min(1180px, 92%);
    margin: 0 auto;
}

#sunflower-features .sunflower-center {
    text-align: center;
}

#sunflower-features .sunflower-eyebrow {
    margin-bottom: 15px;
    color: #C98F34;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#sunflower-features h2 {
    margin: 0;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(32px, 4vw, 43px);
    line-height: 1.15;
}

#sunflower-features .sunflower-features-intro {
    max-width: 650px;
    margin: 16px auto 0;
    color: #5D6B60;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
}

#sunflower-features .sunflower-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 42px;
}

#sunflower-features .sunflower-feature-card {
    padding: 25px 20px;
    background: #FFFFFF;
    border: 1px solid rgba(28, 43, 34, .12);
    border-radius: 15px;
    transition: transform .3s ease, box-shadow .3s ease;
}

#sunflower-features .sunflower-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 32px rgba(14, 58, 44, .09);
}

#sunflower-features .sunflower-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    background: #F2EAD6;
    border-radius: 12px;
    font-size: 18px;
}

#sunflower-features .sunflower-feature-card h3 {
    margin: 0 0 9px;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 17px;
    line-height: 1.4;
}

#sunflower-features .sunflower-feature-card p {
    margin: 0;
    color: #5D6B60;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.8;
}

@media (max-width: 900px) {
    #sunflower-features .sunflower-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    #sunflower-features {
        padding: 60px 0;
    }

    #sunflower-features .sunflower-wrap {
        width: 90%;
    }

    #sunflower-features .sunflower-feature-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 30px;
    }

    #sunflower-features .sunflower-feature-card {
        padding: 22px;
    }
}


/* =========================================
   SUNFLOWER OIL - PRODUCT DETAILS
========================================= */

#sunflower-details {
    padding: 70px 0;
    background: #F2EAD6;
    color: #1C2B22;
}

#sunflower-details *,
#sunflower-details *::before,
#sunflower-details *::after {
    box-sizing: border-box;
}

#sunflower-details .sunflower-wrap {
    width: min(1180px, 92%);
    margin: 0 auto;
}

#sunflower-details .sunflower-details-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
}

#sunflower-details .sunflower-detail-panel {
    min-width: 0;
    padding: 28px;
    background: #FFFFFF;
    border: 1px solid rgba(28, 43, 34, .10);
    border-radius: 16px;
}

#sunflower-details .sunflower-detail-panel h3 {
    margin: 0 0 18px;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 20px;
}

#sunflower-details .sunflower-detail-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 13px 0;
    border-bottom: 1px solid rgba(28, 43, 34, .12);
    font-family: "Manrope", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.6;
}

#sunflower-details .sunflower-detail-row:last-child {
    border-bottom: 0;
}

#sunflower-details .sunflower-detail-row span {
    color: #66766E;
}

#sunflower-details .sunflower-detail-row strong {
    color: #0E3A2C;
    text-align: right;
}

#sunflower-details .sunflower-use-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sunflower-details .sunflower-use-list li {
    padding: 13px 0;
    border-bottom: 1px solid rgba(28, 43, 34, .12);
    color: #66766E;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.7;
}

#sunflower-details .sunflower-use-list li:last-child {
    border-bottom: 0;
}

#sunflower-details .sunflower-use-list strong {
    display: block;
    margin-bottom: 3px;
    color: #0E3A2C;
    font-size: 13px;
}

@media (max-width: 700px) {
    #sunflower-details {
        padding: 50px 0;
    }

    #sunflower-details .sunflower-details-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    #sunflower-details .sunflower-wrap {
        width: 90%;
    }

    #sunflower-details .sunflower-detail-panel {
        padding: 22px;
    }
}


/* =========================================
   SUNFLOWER OIL - PACKAGING
========================================= */

#sunflower-packaging {
    padding: 80px 0;
    background: #FAF6EA;
    color: #1C2B22;
}

#sunflower-packaging *,
#sunflower-packaging *::before,
#sunflower-packaging *::after {
    box-sizing: border-box;
}

#sunflower-packaging .sunflower-wrap {
    width: min(1180px, 92%);
    margin: 0 auto;
}

#sunflower-packaging .sunflower-center {
    text-align: center;
}

#sunflower-packaging .sunflower-eyebrow {
    margin-bottom: 15px;
    color: #C98F34;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#sunflower-packaging h2 {
    margin: 0;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(32px, 4vw, 43px);
    line-height: 1.15;
}

#sunflower-packaging .sunflower-packaging-intro {
    max-width: 600px;
    margin: 16px auto 0;
    color: #5D6B60;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
}

#sunflower-packaging .sunflower-package-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: 42px;
    text-align: left;
}

#sunflower-packaging .sunflower-package-card {
    position: relative;
    padding: 28px 24px;
    background: #FFFFFF;
    border: 1px solid rgba(28, 43, 34, .12);
    border-radius: 18px;
    transition: transform .3s ease, box-shadow .3s ease;
}

#sunflower-packaging .sunflower-package-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 35px rgba(14, 58, 44, .09);
}

#sunflower-packaging .sunflower-package-tag {
    display: inline-block;
    padding: 6px 11px;
    color: #92551D;
    background: #FBEEDC;
    border-radius: 50px;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .7px;
}

#sunflower-packaging .sunflower-package-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin: 22px 0 16px;
    color: #0E3A2C;
    background: #F2EAD6;
    border-radius: 14px;
    font-family: Georgia, serif;
    font-size: 14px;
    font-weight: 700;
}

#sunflower-packaging .sunflower-package-card h3 {
    margin: 0 0 10px;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 21px;
}

#sunflower-packaging .sunflower-package-card p {
    min-height: 68px;
    margin: 0;
    color: #5D6B60;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.8;
}

#sunflower-packaging .sunflower-package-card a {
    display: inline-block;
    margin-top: 18px;
    color: #0E3A2C !important;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
}

#sunflower-packaging .sunflower-package-card a:hover {
    color: #C98F34 !important;
}

@media (max-width: 900px) {
    #sunflower-packaging .sunflower-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    #sunflower-packaging {
        padding: 60px 0;
    }

    #sunflower-packaging .sunflower-wrap {
        width: 90%;
    }

    #sunflower-packaging .sunflower-package-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-top: 30px;
    }

    #sunflower-packaging .sunflower-package-card {
        padding: 24px 22px;
    }

    #sunflower-packaging .sunflower-package-card p {
        min-height: 0;
    }
}


/* =========================================
   SUNFLOWER OIL - FINAL CTA
========================================= */

#sunflower-cta {
    padding: 80px 20px;
    background: #F2EAD6;
}

#sunflower-cta,
#sunflower-cta * {
    box-sizing: border-box;
}

#sunflower-cta .sunflower-cta-box {
    width: min(1180px, 100%);
    margin: 0 auto;
    padding: 60px 35px;
    text-align: center;
    background: linear-gradient(135deg, #0E3A2C, #123324);
    border: 1px solid rgba(214, 160, 68, .3);
    border-radius: 22px;
}

#sunflower-cta .sunflower-eyebrow {
    margin-bottom: 18px;
    color: #E0AC52;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#sunflower-cta h2 {
    margin: 0 auto 18px;
    color: #FAF6EA;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.2;
}

#sunflower-cta h2 em {
    color: #E0AC52;
    font-style: normal;
}

#sunflower-cta p {
    max-width: 600px;
    margin: 0 auto 28px;
    color: #CFE0D5;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
}

#sunflower-cta .sunflower-cta-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

#sunflower-cta .sunflower-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 28px;
    border-radius: 50px;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    transition: all .3s ease;
}

#sunflower-cta .sunflower-pill-gold {
    color: #102F24 !important;
    background: linear-gradient(180deg, #E9B64B, #DDA12B);
}

#sunflower-cta .sunflower-pill-gold:hover {
    color: #102F24 !important;
    background: #C58E20;
    transform: translateY(-3px);
}

@media (max-width: 600px) {
    #sunflower-cta {
        padding: 55px 5%;
    }

    #sunflower-cta .sunflower-cta-box {
        padding: 42px 22px;
    }

    #sunflower-cta h2 {
        font-size: 32px;
    }
}

/* =========================================
   SUNFLOWER OIL HERO
========================================= */

#sunflower-hero {
    position: relative;
    width: 100%;
    height: 680px;
    min-height: 680px;
    background-color: #FAF6EA;

    background-image: url('https://vistarexim.in/images/90bddb2b-085d-4568-8c2e-06b219da1d75.png');

    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

#sunflower-hero,
#sunflower-hero * {
    box-sizing: border-box;
}

#sunflower-hero .ghee-hero-wrap {
    position: relative;
    width: min(1370px, 92%);
    height: 680px;
    min-height: 680px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

#sunflower-hero .ghee-hero-content {
    position: relative;
    z-index: 5;
    width: 53%;
    padding: 30px 0;
}

#sunflower-hero .ghee-eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 24px;
    color: #C88A16;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#sunflower-hero .ghee-eyebrow::before {
    content: "";
    width: 32px;
    height: 2px;
    flex: 0 0 32px;
    background: #C88A16;
}

#sunflower-hero .ghee-eyebrow span {
    display: none;
}

#sunflower-hero .ghee-hero-content h1 {
    max-width: 650px;
    margin: 0 0 25px;
    color: #073B2C;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(48px, 5vw, 76px);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -2px;
}

#sunflower-hero .ghee-description {
    max-width: 590px;
    margin: 0 0 30px;
    color: #5D6D65;
    font-family: Arial, sans-serif;
    font-size: 17px;
    line-height: 1.75;
}

#sunflower-hero .ghee-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0 0 40px;
}

#sunflower-hero .ghee-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 0 30px;
    border-radius: 50px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all .3s ease;
}

#sunflower-hero .ghee-btn-gold {
    color: #102F24 !important;
    background: linear-gradient(180deg, #E9B64B, #DDA12B);
    border: 1px solid transparent;
}

#sunflower-hero .ghee-btn-gold:hover {
    color: #102F24 !important;
    background: #C58E20;
    transform: translateY(-3px);
}

#sunflower-hero .ghee-btn-outline {
    color: #0B4A38 !important;
    background: rgba(255, 255, 255, .6);
    border: 2px solid #0B4A38;
}

#sunflower-hero .ghee-btn-outline:hover {
    color: #fff !important;
    background: #0B4A38;
    transform: translateY(-3px);
}

#sunflower-hero .ghee-stats {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

#sunflower-hero .ghee-stat {
    margin: 0 28px 0 0;
    padding: 0 28px 0 0;
    border-right: 1px solid rgba(11, 74, 56, .2);
}

#sunflower-hero .ghee-stat:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

#sunflower-hero .ghee-stat strong {
    display: block;
    margin-bottom: 7px;
    color: #073B2C;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    line-height: 1.2;
}

#sunflower-hero .ghee-stat span {
    display: block;
    color: #66766E;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
}

#sunflower-hero .ghee-visual {
    position: absolute;
    top: 0;
    right: 0;
    width: 48%;
    height: 100%;
    z-index: 4;
    pointer-events: none;
}

#sunflower-hero .ghee-quality-badge {
    position: absolute;
    top: 150px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 24px;
    color: #0B4A38;
    background: rgba(255, 255, 255, .96);
    border-radius: 50px;
    box-shadow: 0 15px 35px rgba(20, 50, 40, .15);
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
}

#sunflower-hero .ghee-quality-badge span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #2E9742;
}

/* TABLET */

@media (max-width: 991px) {
    #sunflower-hero {
        height: 650px;
        min-height: 650px;
        background-size: cover;
        background-position: 58% center;
    }

    #sunflower-hero .ghee-hero-wrap {
        height: 650px;
        min-height: 650px;
    }

    #sunflower-hero .ghee-hero-content {
        width: 60%;
    }

    #sunflower-hero .ghee-hero-content h1 {
        font-size: 52px;
        letter-spacing: -1.5px;
    }

    #sunflower-hero .ghee-description {
        font-size: 15px;
    }

    #sunflower-hero .ghee-stat {
        margin-right: 15px;
        padding-right: 15px;
    }

    #sunflower-hero .ghee-quality-badge {
        top: 120px;
        right: 0;
        padding: 12px 16px;
        font-size: 11px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    #sunflower-hero {
        height: auto;
        min-height: 0;
        padding-bottom: 400px;
        background-color: #FAF6EA;
        background-size: auto 480px;
        background-position: center bottom;
    }

    #sunflower-hero .ghee-hero-wrap {
        display: block;
        width: 90%;
        height: auto;
        min-height: 0;
    }

    #sunflower-hero .ghee-hero-content {
        width: 100%;
        padding: 40px 0 25px;
    }

    #sunflower-hero .ghee-hero-content h1 {
        font-size: clamp(38px, 10vw, 48px);
        line-height: 1.05;
        letter-spacing: -1px;
    }

    #sunflower-hero .ghee-description {
        font-size: 14px;
        line-height: 1.7;
    }

    #sunflower-hero .ghee-buttons {
        gap: 10px;
        margin-bottom: 28px;
    }

    #sunflower-hero .ghee-btn {
        min-height: 47px;
        padding: 0 18px;
        font-size: 12px;
    }

    #sunflower-hero .ghee-stats {
        gap: 12px;
    }

    #sunflower-hero .ghee-stat {
        margin-right: 0;
        padding-right: 12px;
    }

    #sunflower-hero .ghee-stat strong {
        font-size: 17px;
    }

    #sunflower-hero .ghee-stat span {
        font-size: 10px;
    }

    #sunflower-hero .ghee-quality-badge {
        top: 20px;
        right: 0;
        padding: 9px 13px;
        font-size: 10px;
    }
}

/* =========================================
   VISTAR - COWDUNG CAKES HERO
   Same design as previous product pages
========================================= */

#cowdung-hero {
    position: relative;
    width: 100%;
    height: 780px;
   min-height: 780px;
    background-color: #FAF6EA;

    /* Replace with your actual Cowdung Cakes banner filename */
    background-image: url('https://vistarexim.in/images/278d060a-15f4-4ca8-93e3-51749acb08d2.png');

    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

#cowdung-hero,
#cowdung-hero * {
    box-sizing: border-box;
}

#cowdung-hero .ghee-hero-wrap {
    position: relative;
    width: min(1370px, 92%);
    height: 680px;
    min-height: 680px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

#cowdung-hero .ghee-hero-content {
    position: relative;
    z-index: 5;
    width: 53%;
    padding: 30px 0;
}

#cowdung-hero .ghee-eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 24px;
    color: #C88A16;
    background: transparent;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#cowdung-hero .ghee-eyebrow::before {
    content: "";
    width: 32px;
    height: 2px;
    flex: 0 0 32px;
    background: #C88A16;
}

#cowdung-hero .ghee-eyebrow span {
    display: none;
}

#cowdung-hero .ghee-hero-content h1 {
    max-width: 650px;
    margin: 0 0 25px;
    color: #073B2C;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(48px, 5vw, 76px);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -2px;
}

#cowdung-hero .ghee-description {
    max-width: 590px;
    margin: 0 0 30px;
    color: #5D6D65;
    font-family: Arial, sans-serif;
    font-size: 17px;
    line-height: 1.75;
}

#cowdung-hero .ghee-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0 0 40px;
}

#cowdung-hero .ghee-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 0 30px;
    border-radius: 50px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all .3s ease;
}

#cowdung-hero .ghee-btn-gold {
    color: #102F24 !important;
    background: linear-gradient(180deg, #E9B64B, #DDA12B);
    border: 1px solid transparent;
}

#cowdung-hero .ghee-btn-gold:hover {
    color: #102F24 !important;
    background: #C58E20;
    transform: translateY(-3px);
}

#cowdung-hero .ghee-btn-outline {
    color: #0B4A38 !important;
    background: rgba(255, 255, 255, .6);
    border: 2px solid #0B4A38;
}

#cowdung-hero .ghee-btn-outline:hover {
    color: #fff !important;
    background: #0B4A38;
    transform: translateY(-3px);
}

#cowdung-hero .ghee-stats {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

#cowdung-hero .ghee-stat {
    margin: 0 28px 0 0;
    padding: 0 28px 0 0;
    border-right: 1px solid rgba(11, 74, 56, .2);
}

#cowdung-hero .ghee-stat:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

#cowdung-hero .ghee-stat strong {
    display: block;
    margin-bottom: 7px;
    color: #073B2C;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    line-height: 1.2;
}

#cowdung-hero .ghee-stat span {
    display: block;
    color: #66766E;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
}

#cowdung-hero .ghee-visual {
    position: absolute;
    top: 0;
    right: 0;
    width: 48%;
    height: 100%;
    z-index: 4;
    pointer-events: none;
}

#cowdung-hero .ghee-quality-badge {
    position: absolute;
    top: 150px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 24px;
    color: #0B4A38;
    background: rgba(255, 255, 255, .96);
    border-radius: 50px;
    box-shadow: 0 15px 35px rgba(20, 50, 40, .15);
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
}

#cowdung-hero .ghee-quality-badge span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #2E9742;
}

/* HERO TABLET */

@media (max-width: 991px) {
    #cowdung-hero {
        height: 650px;
        min-height: 650px;
        background-size: cover;
        background-position: 58% center;
    }

    #cowdung-hero .ghee-hero-wrap {
        height: 650px;
        min-height: 650px;
    }

    #cowdung-hero .ghee-hero-content {
        width: 60%;
    }

    #cowdung-hero .ghee-hero-content h1 {
        font-size: 52px;
        letter-spacing: -1.5px;
    }

    #cowdung-hero .ghee-description {
        font-size: 15px;
    }

    #cowdung-hero .ghee-stat {
        margin-right: 15px;
        padding-right: 15px;
    }

    #cowdung-hero .ghee-quality-badge {
        top: 120px;
        right: 0;
        padding: 12px 16px;
        font-size: 11px;
    }
}

/* HERO MOBILE */

@media (max-width: 767px) {
    #cowdung-hero {
        height: auto;
        min-height: 0;
        padding-bottom: 400px;
        background-color: #FAF6EA;
        background-size: auto 480px;
        background-position: center bottom;
    }

    #cowdung-hero .ghee-hero-wrap {
        display: block;
        width: 90%;
        height: auto;
        min-height: 0;
    }

    #cowdung-hero .ghee-hero-content {
        width: 100%;
        padding: 40px 0 25px;
    }

    #cowdung-hero .ghee-hero-content h1 {
        font-size: clamp(38px, 10vw, 48px);
        line-height: 1.05;
        letter-spacing: -1px;
    }

    #cowdung-hero .ghee-description {
        font-size: 14px;
        line-height: 1.7;
    }

    #cowdung-hero .ghee-buttons {
        gap: 10px;
        margin-bottom: 28px;
    }

    #cowdung-hero .ghee-btn {
        min-height: 47px;
        padding: 0 18px;
        font-size: 12px;
    }

    #cowdung-hero .ghee-stats {
        gap: 12px;
    }

    #cowdung-hero .ghee-stat {
        margin-right: 0;
        padding-right: 12px;
    }

    #cowdung-hero .ghee-stat strong {
        font-size: 17px;
    }

    #cowdung-hero .ghee-stat span {
        font-size: 10px;
    }

    #cowdung-hero .ghee-quality-badge {
        top: 20px;
        right: 0;
        padding: 9px 13px;
        font-size: 10px;
    }
}


/* =========================================
   COWDUNG CAKES - PROCESS
========================================= */

#cowdung-process {
    padding: 80px 0;
    color: #FAF6EA;
    background: linear-gradient(180deg, #0E3A2C, #123324);
}

#cowdung-process *,
#cowdung-process *::before,
#cowdung-process *::after {
    box-sizing: border-box;
}

#cowdung-process .cowdung-wrap {
    width: min(1180px, 92%);
    margin: 0 auto;
}

#cowdung-process .cowdung-center {
    text-align: center;
}

#cowdung-process .cowdung-eyebrow {
    margin-bottom: 15px;
    color: #E0AC52;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#cowdung-process h2 {
    margin: 0;
    color: #FAF6EA;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(32px, 4vw, 43px);
    line-height: 1.15;
}

#cowdung-process .cowdung-section-intro {
    max-width: 570px;
    margin: 16px auto 0;
    color: #CFE0D5;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
}

#cowdung-process .cowdung-process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 42px;
    text-align: left;
}

#cowdung-process .cowdung-step {
    min-width: 0;
    padding: 24px 20px;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(250, 246, 234, .18);
    border-radius: 15px;
    transition: transform .3s ease, background .3s ease,
                border-color .3s ease;
}

#cowdung-process .cowdung-step:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, .07);
    border-color: rgba(224, 172, 82, .55);
}

#cowdung-process .cowdung-step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-bottom: 18px;
    color: #241605;
    background: #D6A044;
    border-radius: 50%;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
}

#cowdung-process .cowdung-step h3 {
    margin: 0 0 9px;
    color: #FAF6EA;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 17px;
    line-height: 1.4;
}

#cowdung-process .cowdung-step p {
    margin: 0;
    color: #CFE0D5;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.8;
}

@media (max-width: 900px) {
    #cowdung-process .cowdung-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    #cowdung-process {
        padding: 60px 0;
    }

    #cowdung-process .cowdung-wrap {
        width: 90%;
    }

    #cowdung-process .cowdung-process-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 30px;
    }

    #cowdung-process .cowdung-step {
        padding: 22px;
    }
}


/* =========================================
   COWDUNG CAKES - FEATURES
========================================= */

#cowdung-features {
    padding: 80px 0;
    background: #FAF6EA;
    color: #1C2B22;
}

#cowdung-features *,
#cowdung-features *::before,
#cowdung-features *::after {
    box-sizing: border-box;
}

#cowdung-features .cowdung-wrap {
    width: min(1180px, 92%);
    margin: 0 auto;
}

#cowdung-features .cowdung-center {
    text-align: center;
}

#cowdung-features .cowdung-eyebrow {
    margin-bottom: 15px;
    color: #C98F34;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#cowdung-features h2 {
    margin: 0;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(32px, 4vw, 43px);
    line-height: 1.15;
}

#cowdung-features .cowdung-features-intro {
    max-width: 650px;
    margin: 16px auto 0;
    color: #5D6B60;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
}

#cowdung-features .cowdung-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 42px;
}

#cowdung-features .cowdung-feature-card {
    padding: 25px 20px;
    background: #FFFFFF;
    border: 1px solid rgba(28, 43, 34, .12);
    border-radius: 15px;
    transition: transform .3s ease, box-shadow .3s ease;
}

#cowdung-features .cowdung-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 32px rgba(14, 58, 44, .09);
}

#cowdung-features .cowdung-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    background: #F2EAD6;
    border-radius: 12px;
    font-size: 18px;
}

#cowdung-features .cowdung-feature-card h3 {
    margin: 0 0 9px;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 17px;
    line-height: 1.4;
}

#cowdung-features .cowdung-feature-card p {
    margin: 0;
    color: #5D6B60;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.8;
}

@media (max-width: 900px) {
    #cowdung-features .cowdung-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    #cowdung-features {
        padding: 60px 0;
    }

    #cowdung-features .cowdung-wrap {
        width: 90%;
    }

    #cowdung-features .cowdung-feature-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 30px;
    }

    #cowdung-features .cowdung-feature-card {
        padding: 22px;
    }
}


/* =========================================
   COWDUNG CAKES - PRODUCT DETAILS
========================================= */

#cowdung-details {
    padding: 70px 0;
    background: #F2EAD6;
    color: #1C2B22;
}

#cowdung-details *,
#cowdung-details *::before,
#cowdung-details *::after {
    box-sizing: border-box;
}

#cowdung-details .cowdung-wrap {
    width: min(1180px, 92%);
    margin: 0 auto;
}

#cowdung-details .cowdung-details-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
}

#cowdung-details .cowdung-detail-panel {
    min-width: 0;
    padding: 28px;
    background: #FFFFFF;
    border: 1px solid rgba(28, 43, 34, .10);
    border-radius: 16px;
}

#cowdung-details .cowdung-detail-panel h3 {
    margin: 0 0 18px;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 20px;
}

#cowdung-details .cowdung-detail-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 13px 0;
    border-bottom: 1px solid rgba(28, 43, 34, .12);
    font-family: "Manrope", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.6;
}

#cowdung-details .cowdung-detail-row:last-child {
    border-bottom: 0;
}

#cowdung-details .cowdung-detail-row span {
    color: #66766E;
}

#cowdung-details .cowdung-detail-row strong {
    color: #0E3A2C;
    text-align: right;
}

#cowdung-details .cowdung-use-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#cowdung-details .cowdung-use-list li {
    padding: 13px 0;
    border-bottom: 1px solid rgba(28, 43, 34, .12);
    color: #66766E;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.7;
}

#cowdung-details .cowdung-use-list li:last-child {
    border-bottom: 0;
}

#cowdung-details .cowdung-use-list strong {
    display: block;
    margin-bottom: 3px;
    color: #0E3A2C;
    font-size: 13px;
}

@media (max-width: 700px) {
    #cowdung-details {
        padding: 50px 0;
    }

    #cowdung-details .cowdung-details-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    #cowdung-details .cowdung-wrap {
        width: 90%;
    }

    #cowdung-details .cowdung-detail-panel {
        padding: 22px;
    }
}


/* =========================================
   COWDUNG CAKES - PACKAGING
========================================= */

#cowdung-packaging {
    padding: 80px 0;
    background: #FAF6EA;
    color: #1C2B22;
}

#cowdung-packaging *,
#cowdung-packaging *::before,
#cowdung-packaging *::after {
    box-sizing: border-box;
}

#cowdung-packaging .cowdung-wrap {
    width: min(1180px, 92%);
    margin: 0 auto;
}

#cowdung-packaging .cowdung-center {
    text-align: center;
}

#cowdung-packaging .cowdung-eyebrow {
    margin-bottom: 15px;
    color: #C98F34;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#cowdung-packaging h2 {
    margin: 0;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(32px, 4vw, 43px);
    line-height: 1.15;
}

#cowdung-packaging .cowdung-packaging-intro {
    max-width: 600px;
    margin: 16px auto 0;
    color: #5D6B60;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
}

#cowdung-packaging .cowdung-package-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: 42px;
    text-align: left;
}

#cowdung-packaging .cowdung-package-card {
    position: relative;
    padding: 28px 24px;
    background: #FFFFFF;
    border: 1px solid rgba(28, 43, 34, .12);
    border-radius: 18px;
    transition: transform .3s ease, box-shadow .3s ease;
}

#cowdung-packaging .cowdung-package-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 35px rgba(14, 58, 44, .09);
}

#cowdung-packaging .cowdung-package-tag {
    display: inline-block;
    padding: 6px 11px;
    color: #92551D;
    background: #FBEEDC;
    border-radius: 50px;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .7px;
}

#cowdung-packaging .cowdung-package-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin: 22px 0 16px;
    color: #0E3A2C;
    background: #F2EAD6;
    border-radius: 14px;
    font-family: Georgia, serif;
    font-size: 14px;
    font-weight: 700;
}

#cowdung-packaging .cowdung-package-card h3 {
    margin: 0 0 10px;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 21px;
}

#cowdung-packaging .cowdung-package-card p {
    min-height: 68px;
    margin: 0;
    color: #5D6B60;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.8;
}

#cowdung-packaging .cowdung-package-card a {
    display: inline-block;
    margin-top: 18px;
    color: #0E3A2C !important;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
}

#cowdung-packaging .cowdung-package-card a:hover {
    color: #C98F34 !important;
}

@media (max-width: 900px) {
    #cowdung-packaging .cowdung-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    #cowdung-packaging {
        padding: 60px 0;
    }

    #cowdung-packaging .cowdung-wrap {
        width: 90%;
    }

    #cowdung-packaging .cowdung-package-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-top: 30px;
    }

    #cowdung-packaging .cowdung-package-card {
        padding: 24px 22px;
    }

    #cowdung-packaging .cowdung-package-card p {
        min-height: 0;
    }
}


/* =========================================
   COWDUNG CAKES - FINAL CTA
========================================= */

#cowdung-cta {
    padding: 80px 20px;
    background: #F2EAD6;
}

#cowdung-cta,
#cowdung-cta * {
    box-sizing: border-box;
}

#cowdung-cta .cowdung-cta-box {
    width: min(1180px, 100%);
    margin: 0 auto;
    padding: 60px 35px;
    text-align: center;
    background: linear-gradient(135deg, #0E3A2C, #123324);
    border: 1px solid rgba(214, 160, 68, .3);
    border-radius: 22px;
}

#cowdung-cta .cowdung-eyebrow {
    margin-bottom: 18px;
    color: #E0AC52;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#cowdung-cta h2 {
    margin: 0 auto 18px;
    color: #FAF6EA;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.2;
}

#cowdung-cta h2 em {
    color: #E0AC52;
    font-style: normal;
}

#cowdung-cta p {
    max-width: 600px;
    margin: 0 auto 28px;
    color: #CFE0D5;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
}

#cowdung-cta .cowdung-cta-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

#cowdung-cta .cowdung-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 28px;
    border-radius: 50px;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    transition: all .3s ease;
}

#cowdung-cta .cowdung-pill-gold {
    color: #102F24 !important;
    background: linear-gradient(180deg, #E9B64B, #DDA12B);
}

#cowdung-cta .cowdung-pill-gold:hover {
    color: #102F24 !important;
    background: #C58E20;
    transform: translateY(-3px);
}

@media (max-width: 600px) {
    #cowdung-cta {
        padding: 55px 5%;
    }

    #cowdung-cta .cowdung-cta-box {
        padding: 42px 22px;
    }

    #cowdung-cta h2 {
        font-size: 32px;
    }
}

/* =========================================
   VISTAR - COWDUNG CAKES HERO
========================================= */

#cowdung-hero {
    position: relative;
    width: 100%;
   min-height: 700px;
    background-color: #FAF6EA;

    background-image: url('https://vistarexim.in/images/278d060a-15f4-4ca8-93e3-51749acb08d2.png');

    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

#cowdung-hero,
#cowdung-hero * {
    box-sizing: border-box;
}

#cowdung-hero .ghee-hero-wrap {
    position: relative;
    width: min(1370px, 92%);
   min-height: 850px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

#cowdung-hero .ghee-hero-content {
    position: relative;
    z-index: 5;
    width: 53%;
    padding: 30px 0;
}

#cowdung-hero .ghee-eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 24px;
    color: #C88A16;
    background: transparent;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#cowdung-hero .ghee-eyebrow::before {
    content: "";
    width: 32px;
    height: 2px;
    flex: 0 0 32px;
    background: #C88A16;
}

#cowdung-hero .ghee-eyebrow span {
    display: none;
}

#cowdung-hero .ghee-hero-content h1 {
    max-width: 650px;
    margin: 0 0 25px;
    color: #073B2C;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(48px, 5vw, 76px);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -2px;
}

#cowdung-hero .ghee-description {
    max-width: 590px;
    margin: 0 0 30px;
    color: #5D6D65;
    font-family: Arial, sans-serif;
    font-size: 17px;
    line-height: 1.75;
}

#cowdung-hero .ghee-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0 0 40px;
}

#cowdung-hero .ghee-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 0 30px;
    border-radius: 50px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all .3s ease;
}

#cowdung-hero .ghee-btn-gold {
    color: #102F24 !important;
    background: linear-gradient(180deg, #E9B64B, #DDA12B);
    border: 1px solid transparent;
}

#cowdung-hero .ghee-btn-gold:hover {
    color: #102F24 !important;
    background: #C58E20;
    transform: translateY(-3px);
}

#cowdung-hero .ghee-btn-outline {
    color: #0B4A38 !important;
    background: rgba(255, 255, 255, .6);
    border: 2px solid #0B4A38;
}

#cowdung-hero .ghee-btn-outline:hover {
    color: #fff !important;
    background: #0B4A38;
    transform: translateY(-3px);
}

#cowdung-hero .ghee-stats {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

#cowdung-hero .ghee-stat {
    margin: 0 28px 0 0;
    padding: 0 28px 0 0;
    border-right: 1px solid rgba(11, 74, 56, .2);
}

#cowdung-hero .ghee-stat:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

#cowdung-hero .ghee-stat strong {
    display: block;
    margin-bottom: 7px;
    color: #073B2C;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    line-height: 1.2;
}

#cowdung-hero .ghee-stat span {
    display: block;
    color: #66766E;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
}

#cowdung-hero .ghee-visual {
    position: absolute;
    top: 0;
    right: 0;
    width: 48%;
    height: 100%;
    z-index: 4;
    pointer-events: none;
}

#cowdung-hero .ghee-quality-badge {
    position: absolute;
    top: 150px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 24px;
    color: #0B4A38;
    background: rgba(255, 255, 255, .96);
    border-radius: 50px;
    box-shadow: 0 15px 35px rgba(20, 50, 40, .15);
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
}

#cowdung-hero .ghee-quality-badge span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #2E9742;
}

/* TABLET */

@media (max-width: 991px) {
    #cowdung-hero {
        height: 650px;
        min-height: 650px;
        background-size: cover;
        background-position: 58% center;
    }

    #cowdung-hero .ghee-hero-wrap {
        height: 650px;
        min-height: 650px;
    }

    #cowdung-hero .ghee-hero-content {
        width: 60%;
    }

    #cowdung-hero .ghee-hero-content h1 {
        font-size: 52px;
        letter-spacing: -1.5px;
    }

    #cowdung-hero .ghee-description {
        font-size: 15px;
    }

    #cowdung-hero .ghee-stat {
        margin-right: 15px;
        padding-right: 15px;
    }

    #cowdung-hero .ghee-quality-badge {
        top: 120px;
        right: 0;
        padding: 12px 16px;
        font-size: 11px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    #cowdung-hero {
        height: auto;
        min-height: 0;
        padding-bottom: 400px;
        background-color: #FAF6EA;
        background-size: auto 480px;
        background-position: center bottom;
    }

    #cowdung-hero .ghee-hero-wrap {
        display: block;
        width: 90%;
        height: auto;
        min-height: 0;
    }

    #cowdung-hero .ghee-hero-content {
        width: 100%;
        padding: 40px 0 25px;
    }

    #cowdung-hero .ghee-hero-content h1 {
        font-size: clamp(38px, 10vw, 48px);
        line-height: 1.05;
        letter-spacing: -1px;
    }

    #cowdung-hero .ghee-description {
        font-size: 14px;
        line-height: 1.7;
    }

    #cowdung-hero .ghee-buttons {
        gap: 10px;
        margin-bottom: 28px;
    }

    #cowdung-hero .ghee-btn {
        min-height: 47px;
        padding: 0 18px;
        font-size: 12px;
    }

    #cowdung-hero .ghee-stats {
        gap: 12px;
    }

    #cowdung-hero .ghee-stat {
        margin-right: 0;
        padding-right: 12px;
    }

    #cowdung-hero .ghee-stat strong {
        font-size: 17px;
    }

    #cowdung-hero .ghee-stat span {
        font-size: 10px;
    }

    #cowdung-hero .ghee-quality-badge {
        top: 20px;
        right: 0;
        padding: 9px 13px;
        font-size: 10px;
    }
}

/* =========================================
   VISTAR - COWDUNG POWDER HERO
========================================= */

#cowpowder-hero {
    position: relative;
    width: 100%;
    height: 780px;
    min-height: 780px;
    background-color: #FAF6EA;
    background-image: url('https://vistarexim.in/images/33291fac-6c8d-4fe1-bbc3-e1e8768f8845.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

#cowpowder-hero,
#cowpowder-hero * {
    box-sizing: border-box;
}

#cowpowder-hero .ghee-hero-wrap {
    position: relative;
    width: min(1370px, 92%);
    height: 780px;
    min-height: 780px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

#cowpowder-hero .ghee-hero-content {
    position: relative;
    z-index: 5;
    width: 53%;
    padding: 30px 0;
}

#cowpowder-hero .ghee-eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 24px;
    color: #C88A16;
    background: transparent;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#cowpowder-hero .ghee-eyebrow::before {
    content: "";
    width: 32px;
    height: 2px;
    flex: 0 0 32px;
    background: #C88A16;
}

#cowpowder-hero .ghee-eyebrow span {
    display: none;
}

#cowpowder-hero .ghee-hero-content h1 {
    max-width: 650px;
    margin: 0 0 25px;
    color: #073B2C;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(48px, 5vw, 76px);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -2px;
}

#cowpowder-hero .ghee-description {
    max-width: 590px;
    margin: 0 0 30px;
    color: #5D6D65;
    font-family: Arial, sans-serif;
    font-size: 17px;
    line-height: 1.75;
}

#cowpowder-hero .ghee-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0 0 40px;
}

#cowpowder-hero .ghee-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 0 30px;
    border-radius: 50px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all .3s ease;
}

#cowpowder-hero .ghee-btn-gold {
    color: #102F24 !important;
    background: linear-gradient(180deg, #E9B64B, #DDA12B);
    border: 1px solid transparent;
}

#cowpowder-hero .ghee-btn-gold:hover {
    color: #102F24 !important;
    background: #C58E20;
    transform: translateY(-3px);
}

#cowpowder-hero .ghee-btn-outline {
    color: #0B4A38 !important;
    background: rgba(255, 255, 255, .6);
    border: 2px solid #0B4A38;
}

#cowpowder-hero .ghee-btn-outline:hover {
    color: #fff !important;
    background: #0B4A38;
    transform: translateY(-3px);
}

#cowpowder-hero .ghee-stats {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

#cowpowder-hero .ghee-stat {
    margin: 0 28px 0 0;
    padding: 0 28px 0 0;
    border-right: 1px solid rgba(11, 74, 56, .2);
}

#cowpowder-hero .ghee-stat:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

#cowpowder-hero .ghee-stat strong {
    display: block;
    margin-bottom: 7px;
    color: #073B2C;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    line-height: 1.2;
}

#cowpowder-hero .ghee-stat span {
    display: block;
    color: #66766E;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
}

#cowpowder-hero .ghee-visual {
    position: absolute;
    top: 0;
    right: 0;
    width: 48%;
    height: 100%;
    z-index: 4;
    pointer-events: none;
}

#cowpowder-hero .ghee-quality-badge {
    position: absolute;
    top: 150px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 24px;
    color: #0B4A38;
    background: rgba(255, 255, 255, .96);
    border-radius: 50px;
    box-shadow: 0 15px 35px rgba(20, 50, 40, .15);
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
}

#cowpowder-hero .ghee-quality-badge span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #2E9742;
}

/* HERO TABLET */

@media (max-width: 991px) {
    #cowpowder-hero {
        height: 650px;
        min-height: 650px;
        background-size: cover;
        background-position: 58% center;
    }

    #cowpowder-hero .ghee-hero-wrap {
        height: 650px;
        min-height: 650px;
    }

    #cowpowder-hero .ghee-hero-content {
        width: 60%;
    }

    #cowpowder-hero .ghee-hero-content h1 {
        font-size: 52px;
        letter-spacing: -1.5px;
    }

    #cowpowder-hero .ghee-description {
        font-size: 15px;
    }

    #cowpowder-hero .ghee-stat {
        margin-right: 15px;
        padding-right: 15px;
    }

    #cowpowder-hero .ghee-quality-badge {
        top: 120px;
        right: 0;
        padding: 12px 16px;
        font-size: 11px;
    }
}

/* HERO MOBILE */

@media (max-width: 767px) {
    #cowpowder-hero {
        height: auto;
        min-height: 0;
        padding-bottom: 400px;
        background-color: #FAF6EA;
        background-size: auto 480px;
        background-position: center bottom;
    }

    #cowpowder-hero .ghee-hero-wrap {
        display: block;
        width: 90%;
        height: auto;
        min-height: 0;
    }

    #cowpowder-hero .ghee-hero-content {
        width: 100%;
        padding: 40px 0 25px;
    }

    #cowpowder-hero .ghee-hero-content h1 {
        font-size: clamp(38px, 10vw, 48px);
        line-height: 1.05;
        letter-spacing: -1px;
    }

    #cowpowder-hero .ghee-description {
        font-size: 14px;
        line-height: 1.7;
    }

    #cowpowder-hero .ghee-buttons {
        gap: 10px;
        margin-bottom: 28px;
    }

    #cowpowder-hero .ghee-btn {
        min-height: 47px;
        padding: 0 18px;
        font-size: 12px;
    }

    #cowpowder-hero .ghee-stats {
        gap: 12px;
    }

    #cowpowder-hero .ghee-stat {
        margin-right: 0;
        padding-right: 12px;
    }

    #cowpowder-hero .ghee-stat strong {
        font-size: 17px;
    }

    #cowpowder-hero .ghee-stat span {
        font-size: 10px;
    }

    #cowpowder-hero .ghee-quality-badge {
        top: 20px;
        right: 0;
        padding: 9px 13px;
        font-size: 10px;
    }
}


/* =========================================
   SHARED INNER PAGE SECTION STYLING
========================================= */

#cowpowder-process *,
#cowpowder-features *,
#cowpowder-details *,
#cowpowder-packaging *,
#cowpowder-cta *,
#cowpowder-process *::before,
#cowpowder-process *::after,
#cowpowder-features *::before,
#cowpowder-features *::after,
#cowpowder-details *::before,
#cowpowder-details *::after,
#cowpowder-packaging *::before,
#cowpowder-packaging *::after,
#cowpowder-cta *::before,
#cowpowder-cta *::after {
    box-sizing: border-box;
}

#cowpowder-process .cowpowder-wrap,
#cowpowder-features .cowpowder-wrap,
#cowpowder-details .cowpowder-wrap,
#cowpowder-packaging .cowpowder-wrap {
    width: min(1180px, 92%);
    margin: 0 auto;
}

#cowpowder-process .cowpowder-center,
#cowpowder-features .cowpowder-center,
#cowpowder-packaging .cowpowder-center {
    text-align: center;
}

#cowpowder-process .cowpowder-eyebrow,
#cowpowder-features .cowpowder-eyebrow,
#cowpowder-packaging .cowpowder-eyebrow,
#cowpowder-cta .cowpowder-eyebrow {
    margin-bottom: 15px;
    color: #C98F34;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#cowpowder-process h2,
#cowpowder-features h2,
#cowpowder-packaging h2 {
    margin: 0;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(32px, 4vw, 43px);
    line-height: 1.15;
}

#cowpowder-process .cowpowder-section-intro,
#cowpowder-features .cowpowder-features-intro,
#cowpowder-packaging .cowpowder-packaging-intro {
    max-width: 650px;
    margin: 16px auto 0;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
}


/* =========================================
   PROCESS SECTION
========================================= */

#cowpowder-process {
    padding: 80px 0;
    color: #FAF6EA;
    background: linear-gradient(180deg, #0E3A2C, #123324);
}

#cowpowder-process h2 {
    color: #FAF6EA;
}

#cowpowder-process .cowpowder-section-intro {
    color: #CFE0D5;
}

#cowpowder-process .cowpowder-eyebrow {
    color: #E0AC52;
}

#cowpowder-process .cowpowder-process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 42px;
    text-align: left;
}

#cowpowder-process .cowpowder-step {
    min-width: 0;
    padding: 24px 20px;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(250, 246, 234, .18);
    border-radius: 15px;
    transition: transform .3s ease, background .3s ease,
                border-color .3s ease;
}

#cowpowder-process .cowpowder-step:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, .07);
    border-color: rgba(224, 172, 82, .55);
}

#cowpowder-process .cowpowder-step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-bottom: 18px;
    color: #241605;
    background: #D6A044;
    border-radius: 50%;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
}

#cowpowder-process .cowpowder-step h3 {
    margin: 0 0 9px;
    color: #FAF6EA;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 17px;
    line-height: 1.4;
}

#cowpowder-process .cowpowder-step p {
    margin: 0;
    color: #CFE0D5;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.8;
}


/* =========================================
   FEATURES SECTION
========================================= */

#cowpowder-features {
    padding: 80px 0;
    color: #1C2B22;
    background: #FAF6EA;
}

#cowpowder-features h2,
#cowpowder-packaging h2 {
    color: #0E3A2C;
}

#cowpowder-features .cowpowder-features-intro,
#cowpowder-packaging .cowpowder-packaging-intro {
    color: #5D6B60;
}

#cowpowder-features .cowpowder-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 42px;
}

#cowpowder-features .cowpowder-feature-card {
    padding: 25px 20px;
    background: #FFFFFF;
    border: 1px solid rgba(28, 43, 34, .12);
    border-radius: 15px;
    transition: transform .3s ease, box-shadow .3s ease;
}

#cowpowder-features .cowpowder-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 32px rgba(14, 58, 44, .09);
}

#cowpowder-features .cowpowder-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    background: #F2EAD6;
    border-radius: 12px;
    font-size: 18px;
}

#cowpowder-features .cowpowder-feature-card h3 {
    margin: 0 0 9px;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 17px;
    line-height: 1.4;
}

#cowpowder-features .cowpowder-feature-card p {
    margin: 0;
    color: #5D6B60;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.8;
}


/* =========================================
   PRODUCT DETAILS
========================================= */

#cowpowder-details {
    padding: 70px 0;
    color: #1C2B22;
    background: #F2EAD6;
}

#cowpowder-details .cowpowder-details-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
}

#cowpowder-details .cowpowder-detail-panel {
    min-width: 0;
    padding: 28px;
    background: #FFFFFF;
    border: 1px solid rgba(28, 43, 34, .10);
    border-radius: 16px;
}

#cowpowder-details .cowpowder-detail-panel h3 {
    margin: 0 0 18px;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 20px;
}

#cowpowder-details .cowpowder-detail-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 13px 0;
    border-bottom: 1px solid rgba(28, 43, 34, .12);
    font-family: "Manrope", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.6;
}

#cowpowder-details .cowpowder-detail-row:last-child {
    border-bottom: 0;
}

#cowpowder-details .cowpowder-detail-row span {
    color: #66766E;
}

#cowpowder-details .cowpowder-detail-row strong {
    color: #0E3A2C;
    text-align: right;
}

#cowpowder-details .cowpowder-use-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#cowpowder-details .cowpowder-use-list li {
    padding: 13px 0;
    border-bottom: 1px solid rgba(28, 43, 34, .12);
    color: #66766E;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.7;
}

#cowpowder-details .cowpowder-use-list li:last-child {
    border-bottom: 0;
}

#cowpowder-details .cowpowder-use-list strong {
    display: block;
    margin-bottom: 3px;
    color: #0E3A2C;
    font-size: 13px;
}


/* =========================================
   PACKAGING SECTION
========================================= */

#cowpowder-packaging {
    padding: 80px 0;
    color: #1C2B22;
    background: #FAF6EA;
}

#cowpowder-packaging .cowpowder-package-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: 42px;
    text-align: left;
}

#cowpowder-packaging .cowpowder-package-card {
    position: relative;
    padding: 28px 24px;
    background: #FFFFFF;
    border: 1px solid rgba(28, 43, 34, .12);
    border-radius: 18px;
    transition: transform .3s ease, box-shadow .3s ease;
}

#cowpowder-packaging .cowpowder-package-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 35px rgba(14, 58, 44, .09);
}

#cowpowder-packaging .cowpowder-package-tag {
    display: inline-block;
    padding: 6px 11px;
    color: #92551D;
    background: #FBEEDC;
    border-radius: 50px;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .7px;
}

#cowpowder-packaging .cowpowder-package-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin: 22px 0 16px;
    color: #0E3A2C;
    background: #F2EAD6;
    border-radius: 14px;
    font-family: Georgia, serif;
    font-size: 14px;
    font-weight: 700;
}

#cowpowder-packaging .cowpowder-package-card h3 {
    margin: 0 0 10px;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 21px;
}

#cowpowder-packaging .cowpowder-package-card p {
    min-height: 68px;
    margin: 0;
    color: #5D6B60;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.8;
}

#cowpowder-packaging .cowpowder-package-card a {
    display: inline-block;
    margin-top: 18px;
    color: #0E3A2C !important;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
}

#cowpowder-packaging .cowpowder-package-card a:hover {
    color: #C98F34 !important;
}


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

#cowpowder-cta {
    padding: 80px 20px;
    background: #F2EAD6;
}

#cowpowder-cta .cowpowder-cta-box {
    width: min(1180px, 100%);
    margin: 0 auto;
    padding: 60px 35px;
    text-align: center;
    background: linear-gradient(135deg, #0E3A2C, #123324);
    border: 1px solid rgba(214, 160, 68, .3);
    border-radius: 22px;
}

#cowpowder-cta .cowpowder-eyebrow {
    color: #E0AC52;
}

#cowpowder-cta h2 {
    margin: 0 auto 18px;
    color: #FAF6EA;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.2;
}

#cowpowder-cta h2 em {
    color: #E0AC52;
    font-style: normal;
}

#cowpowder-cta p {
    max-width: 600px;
    margin: 0 auto 28px;
    color: #CFE0D5;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
}

#cowpowder-cta .cowpowder-cta-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

#cowpowder-cta .cowpowder-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 28px;
    border-radius: 50px;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    transition: all .3s ease;
}

#cowpowder-cta .cowpowder-pill-gold {
    color: #102F24 !important;
    background: linear-gradient(180deg, #E9B64B, #DDA12B);
}

#cowpowder-cta .cowpowder-pill-gold:hover {
    color: #102F24 !important;
    background: #C58E20;
    transform: translateY(-3px);
}


/* =========================================
   TABLET LAYOUT
========================================= */

@media (max-width: 900px) {
    #cowpowder-process .cowpowder-process-grid,
    #cowpowder-features .cowpowder-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #cowpowder-packaging .cowpowder-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* =========================================
   MOBILE LAYOUT
========================================= */

@media (max-width: 700px) {
    #cowpowder-details {
        padding: 50px 0;
    }

    #cowpowder-details .cowpowder-details-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    #cowpowder-details .cowpowder-wrap {
        width: 90%;
    }

    #cowpowder-details .cowpowder-detail-panel {
        padding: 22px;
    }
}

@media (max-width: 600px) {
    #cowpowder-process,
    #cowpowder-features,
    #cowpowder-packaging {
        padding: 60px 0;
    }

    #cowpowder-process .cowpowder-wrap,
    #cowpowder-features .cowpowder-wrap,
    #cowpowder-packaging .cowpowder-wrap {
        width: 90%;
    }

    #cowpowder-process .cowpowder-process-grid,
    #cowpowder-features .cowpowder-feature-grid,
    #cowpowder-packaging .cowpowder-package-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 30px;
    }

    #cowpowder-process .cowpowder-step,
    #cowpowder-features .cowpowder-feature-card {
        padding: 22px;
    }

    #cowpowder-packaging .cowpowder-package-card {
        padding: 24px 22px;
    }

    #cowpowder-packaging .cowpowder-package-card p {
        min-height: 0;
    }

    #cowpowder-cta {
        padding: 55px 5%;
    }

    #cowpowder-cta .cowpowder-cta-box {
        padding: 42px 22px;
    }

    #cowpowder-cta h2 {
        font-size: 32px;
    }
}

/* =========================================
   VISTAR - MORINGA POWDER HERO
========================================= */

#moringa-hero {
    position: relative;
    width: 100%;
    height: 680px;
    min-height: 680px;
    background-color: #FAF6EA;
    background-image: url('https://vistarexim.in/images/30876eeb-9d51-48ad-bbcb-3d21cb9e8f79.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

#moringa-hero,
#moringa-hero * {
    box-sizing: border-box;
}

#moringa-hero .ghee-hero-wrap {
    position: relative;
    width: min(1370px, 92%);
    height: 680px;
    min-height: 680px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

#moringa-hero .ghee-hero-content {
    position: relative;
    z-index: 5;
    width: 53%;
    padding: 30px 0;
}

#moringa-hero .ghee-eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 24px;
    color: #C88A16;
    background: transparent;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#moringa-hero .ghee-eyebrow::before {
    content: "";
    width: 32px;
    height: 2px;
    flex: 0 0 32px;
    background: #C88A16;
}

#moringa-hero .ghee-eyebrow span {
    display: none;
}

#moringa-hero .ghee-hero-content h1 {
    max-width: 650px;
    margin: 0 0 25px;
    color: #073B2C;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(48px, 5vw, 76px);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -2px;
}

#moringa-hero .ghee-description {
    max-width: 590px;
    margin: 0 0 30px;
    color: #5D6D65;
    font-family: Arial, sans-serif;
    font-size: 17px;
    line-height: 1.75;
}

#moringa-hero .ghee-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0 0 40px;
}

#moringa-hero .ghee-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 0 30px;
    border-radius: 50px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all .3s ease;
}

#moringa-hero .ghee-btn-gold {
    color: #102F24 !important;
    background: linear-gradient(180deg, #E9B64B, #DDA12B);
    border: 1px solid transparent;
}

#moringa-hero .ghee-btn-gold:hover {
    color: #102F24 !important;
    background: #C58E20;
    transform: translateY(-3px);
}

#moringa-hero .ghee-btn-outline {
    color: #0B4A38 !important;
    background: rgba(255, 255, 255, .6);
    border: 2px solid #0B4A38;
}

#moringa-hero .ghee-btn-outline:hover {
    color: #fff !important;
    background: #0B4A38;
    transform: translateY(-3px);
}

#moringa-hero .ghee-stats {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

#moringa-hero .ghee-stat {
    margin: 0 28px 0 0;
    padding: 0 28px 0 0;
    border-right: 1px solid rgba(11, 74, 56, .2);
}

#moringa-hero .ghee-stat:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

#moringa-hero .ghee-stat strong {
    display: block;
    margin-bottom: 7px;
    color: #073B2C;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    line-height: 1.2;
}

#moringa-hero .ghee-stat span {
    display: block;
    color: #66766E;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
}

#moringa-hero .ghee-visual {
    position: absolute;
    top: 0;
    right: 0;
    width: 48%;
    height: 100%;
    z-index: 4;
    pointer-events: none;
}

#moringa-hero .ghee-quality-badge {
    position: absolute;
    top: 150px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 24px;
    color: #0B4A38;
    background: rgba(255, 255, 255, .96);
    border-radius: 50px;
    box-shadow: 0 15px 35px rgba(20, 50, 40, .15);
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
}

#moringa-hero .ghee-quality-badge span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #2E9742;
}


/* HERO TABLET */

@media (max-width: 991px) {
    #moringa-hero {
        height: 650px;
        min-height: 650px;
        background-size: cover;
        background-position: 58% center;
    }

    #moringa-hero .ghee-hero-wrap {
        height: 650px;
        min-height: 650px;
    }

    #moringa-hero .ghee-hero-content {
        width: 60%;
    }

    #moringa-hero .ghee-hero-content h1 {
        font-size: 52px;
        letter-spacing: -1.5px;
    }

    #moringa-hero .ghee-description {
        font-size: 15px;
    }

    #moringa-hero .ghee-stat {
        margin-right: 15px;
        padding-right: 15px;
    }

    #moringa-hero .ghee-quality-badge {
        top: 120px;
        right: 0;
        padding: 12px 16px;
        font-size: 11px;
    }
}


/* HERO MOBILE */

@media (max-width: 767px) {
    #moringa-hero {
        height: auto;
        min-height: 0;
        padding-bottom: 400px;
        background-color: #FAF6EA;
        background-size: auto 480px;
        background-position: center bottom;
    }

    #moringa-hero .ghee-hero-wrap {
        display: block;
        width: 90%;
        height: auto;
        min-height: 0;
    }

    #moringa-hero .ghee-hero-content {
        width: 100%;
        padding: 40px 0 25px;
    }

    #moringa-hero .ghee-hero-content h1 {
        font-size: clamp(38px, 10vw, 48px);
        line-height: 1.05;
        letter-spacing: -1px;
    }

    #moringa-hero .ghee-description {
        font-size: 14px;
        line-height: 1.7;
    }

    #moringa-hero .ghee-buttons {
        gap: 10px;
        margin-bottom: 28px;
    }

    #moringa-hero .ghee-btn {
        min-height: 47px;
        padding: 0 18px;
        font-size: 12px;
    }

    #moringa-hero .ghee-stats {
        gap: 12px;
    }

    #moringa-hero .ghee-stat {
        margin-right: 0;
        padding-right: 12px;
    }

    #moringa-hero .ghee-stat strong {
        font-size: 17px;
    }

    #moringa-hero .ghee-stat span {
        font-size: 10px;
    }

    #moringa-hero .ghee-quality-badge {
        top: 20px;
        right: 0;
        padding: 9px 13px;
        font-size: 10px;
    }
}


/* =========================================
   SHARED SECTION STYLING
========================================= */

#moringa-process *,
#moringa-features *,
#moringa-details *,
#moringa-packaging *,
#moringa-cta * {
    box-sizing: border-box;
}

#moringa-process .moringa-wrap,
#moringa-features .moringa-wrap,
#moringa-details .moringa-wrap,
#moringa-packaging .moringa-wrap {
    width: min(1180px, 92%);
    margin: 0 auto;
}

#moringa-process .moringa-center,
#moringa-features .moringa-center,
#moringa-packaging .moringa-center {
    text-align: center;
}

#moringa-process .moringa-eyebrow,
#moringa-features .moringa-eyebrow,
#moringa-packaging .moringa-eyebrow,
#moringa-cta .moringa-eyebrow {
    margin-bottom: 15px;
    color: #C98F34;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#moringa-process h2,
#moringa-features h2,
#moringa-packaging h2 {
    margin: 0;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(32px, 4vw, 43px);
    line-height: 1.15;
}

#moringa-process .moringa-section-intro,
#moringa-features .moringa-features-intro,
#moringa-packaging .moringa-packaging-intro {
    max-width: 650px;
    margin: 16px auto 0;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
}


/* =========================================
   PROCESS SECTION
========================================= */

#moringa-process {
    padding: 80px 0;
    color: #FAF6EA;
    background: linear-gradient(180deg, #0E3A2C, #123324);
}

#moringa-process .moringa-eyebrow {
    color: #E0AC52;
}

#moringa-process h2 {
    color: #FAF6EA;
}

#moringa-process .moringa-section-intro {
    color: #CFE0D5;
}

#moringa-process .moringa-process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 42px;
    text-align: left;
}

#moringa-process .moringa-step {
    min-width: 0;
    padding: 24px 20px;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(250, 246, 234, .18);
    border-radius: 15px;
    transition: transform .3s ease, background .3s ease,
                border-color .3s ease;
}

#moringa-process .moringa-step:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, .07);
    border-color: rgba(224, 172, 82, .55);
}

#moringa-process .moringa-step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-bottom: 18px;
    color: #241605;
    background: #D6A044;
    border-radius: 50%;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
}

#moringa-process .moringa-step h3 {
    margin: 0 0 9px;
    color: #FAF6EA;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 17px;
    line-height: 1.4;
}

#moringa-process .moringa-step p {
    margin: 0;
    color: #CFE0D5;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.8;
}


/* =========================================
   FEATURES SECTION
========================================= */

#moringa-features {
    padding: 80px 0;
    color: #1C2B22;
    background: #FAF6EA;
}

#moringa-features h2,
#moringa-packaging h2 {
    color: #0E3A2C;
}

#moringa-features .moringa-features-intro,
#moringa-packaging .moringa-packaging-intro {
    color: #5D6B60;
}

#moringa-features .moringa-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 42px;
}

#moringa-features .moringa-feature-card {
    padding: 25px 20px;
    background: #FFFFFF;
    border: 1px solid rgba(28, 43, 34, .12);
    border-radius: 15px;
    transition: transform .3s ease, box-shadow .3s ease;
}

#moringa-features .moringa-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 32px rgba(14, 58, 44, .09);
}

#moringa-features .moringa-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    background: #F2EAD6;
    border-radius: 12px;
    font-size: 18px;
}

#moringa-features .moringa-feature-card h3 {
    margin: 0 0 9px;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 17px;
    line-height: 1.4;
}

#moringa-features .moringa-feature-card p {
    margin: 0;
    color: #5D6B60;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.8;
}


/* =========================================
   PRODUCT DETAILS
========================================= */

#moringa-details {
    padding: 70px 0;
    color: #1C2B22;
    background: #F2EAD6;
}

#moringa-details .moringa-details-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
}

#moringa-details .moringa-detail-panel {
    min-width: 0;
    padding: 28px;
    background: #FFFFFF;
    border: 1px solid rgba(28, 43, 34, .10);
    border-radius: 16px;
}

#moringa-details .moringa-detail-panel h3 {
    margin: 0 0 18px;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 20px;
}

#moringa-details .moringa-detail-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 13px 0;
    border-bottom: 1px solid rgba(28, 43, 34, .12);
    font-family: "Manrope", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.6;
}

#moringa-details .moringa-detail-row:last-child {
    border-bottom: 0;
}

#moringa-details .moringa-detail-row span {
    color: #66766E;
}

#moringa-details .moringa-detail-row strong {
    color: #0E3A2C;
    text-align: right;
}

#moringa-details .moringa-use-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#moringa-details .moringa-use-list li {
    padding: 13px 0;
    border-bottom: 1px solid rgba(28, 43, 34, .12);
    color: #66766E;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.7;
}

#moringa-details .moringa-use-list li:last-child {
    border-bottom: 0;
}

#moringa-details .moringa-use-list strong {
    display: block;
    margin-bottom: 3px;
    color: #0E3A2C;
    font-size: 13px;
}


/* =========================================
   PACKAGING SECTION
========================================= */

#moringa-packaging {
    padding: 80px 0;
    color: #1C2B22;
    background: #FAF6EA;
}

#moringa-packaging .moringa-package-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: 42px;
    text-align: left;
}

#moringa-packaging .moringa-package-card {
    position: relative;
    padding: 28px 24px;
    background: #FFFFFF;
    border: 1px solid rgba(28, 43, 34, .12);
    border-radius: 18px;
    transition: transform .3s ease, box-shadow .3s ease;
}

#moringa-packaging .moringa-package-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 35px rgba(14, 58, 44, .09);
}

#moringa-packaging .moringa-package-tag {
    display: inline-block;
    padding: 6px 11px;
    color: #92551D;
    background: #FBEEDC;
    border-radius: 50px;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .7px;
}

#moringa-packaging .moringa-package-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin: 22px 0 16px;
    color: #0E3A2C;
    background: #F2EAD6;
    border-radius: 14px;
    font-family: Georgia, serif;
    font-size: 14px;
    font-weight: 700;
}

#moringa-packaging .moringa-package-card h3 {
    margin: 0 0 10px;
    color: #0E3A2C;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 21px;
}

#moringa-packaging .moringa-package-card p {
    min-height: 68px;
    margin: 0;
    color: #5D6B60;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.8;
}

#moringa-packaging .moringa-package-card a {
    display: inline-block;
    margin-top: 18px;
    color: #0E3A2C !important;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
}

#moringa-packaging .moringa-package-card a:hover {
    color: #C98F34 !important;
}


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

#moringa-cta {
    padding: 80px 20px;
    background: #F2EAD6;
}

#moringa-cta .moringa-cta-box {
    width: min(1180px, 100%);
    margin: 0 auto;
    padding: 60px 35px;
    text-align: center;
    background: linear-gradient(135deg, #0E3A2C, #123324);
    border: 1px solid rgba(214, 160, 68, .3);
    border-radius: 22px;
}

#moringa-cta .moringa-eyebrow {
    color: #E0AC52;
}

#moringa-cta h2 {
    margin: 0 auto 18px;
    color: #FAF6EA;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.2;
}

#moringa-cta h2 em {
    color: #E0AC52;
    font-style: normal;
}

#moringa-cta p {
    max-width: 600px;
    margin: 0 auto 28px;
    color: #CFE0D5;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
}

#moringa-cta .moringa-cta-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

#moringa-cta .moringa-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 28px;
    border-radius: 50px;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    transition: all .3s ease;
}

#moringa-cta .moringa-pill-gold {
    color: #102F24 !important;
    background: linear-gradient(180deg, #E9B64B, #DDA12B);
}

#moringa-cta .moringa-pill-gold:hover {
    color: #102F24 !important;
    background: #C58E20;
    transform: translateY(-3px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {
    #moringa-process .moringa-process-grid,
    #moringa-features .moringa-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #moringa-packaging .moringa-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


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

@media (max-width: 700px) {
    #moringa-details {
        padding: 50px 0;
    }

    #moringa-details .moringa-details-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    #moringa-details .moringa-wrap {
        width: 90%;
    }

    #moringa-details .moringa-detail-panel {
        padding: 22px;
    }
}

@media (max-width: 600px) {
    #moringa-process,
    #moringa-features,
    #moringa-packaging {
        padding: 60px 0;
    }

    #moringa-process .moringa-wrap,
    #moringa-features .moringa-wrap,
    #moringa-packaging .moringa-wrap {
        width: 90%;
    }

    #moringa-process .moringa-process-grid,
    #moringa-features .moringa-feature-grid,
    #moringa-packaging .moringa-package-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 30px;
    }

    #moringa-process .moringa-step,
    #moringa-features .moringa-feature-card {
        padding: 22px;
    }

    #moringa-packaging .moringa-package-card {
        padding: 24px 22px;
    }

    #moringa-packaging .moringa-package-card p {
        min-height: 0;
    }

    #moringa-cta {
        padding: 55px 5%;
    }

    #moringa-cta .moringa-cta-box {
        padding: 42px 22px;
    }

    #moringa-cta h2 {
        font-size: 32px;
    }
}

/* =========================================
   COCONUT HERO - SAME VISTAR DESIGN
========================================= */

#coconut-hero {
    position: relative;
    width: 100%;
    height: 680px;
    min-height: 680px;
    background: #FAF6EA url('https://vistarexim.in/images/915283a2-77d1-4706-a2df-0f5a160b674a.png') center / 100% 100% no-repeat;
    overflow: hidden;
}

#coconut-hero,
#coconut-hero * {
    box-sizing: border-box;
}

#coconut-hero .ghee-hero-wrap {
    position: relative;
    width: min(1370px, 92%);
    height: 680px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

#coconut-hero .ghee-hero-content {
    position: relative;
    z-index: 5;
    width: 53%;
    padding: 30px 0;
}

#coconut-hero .ghee-eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 24px;
    color: #C88A16;
    font: 700 14px Arial, sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#coconut-hero .ghee-eyebrow::before {
    content: "";
    width: 32px;
    height: 2px;
    flex: 0 0 32px;
    background: #C88A16;
}

#coconut-hero .ghee-eyebrow span {
    display: none;
}

#coconut-hero .ghee-hero-content h1 {
    max-width: 650px;
    margin: 0 0 25px;
    color: #073B2C;
    font: 700 clamp(48px, 5vw, 76px)/1.02 Georgia, "Times New Roman", serif;
    letter-spacing: -2px;
}

#coconut-hero .ghee-description {
    max-width: 590px;
    margin: 0 0 30px;
    color: #5D6D65;
    font: 17px/1.75 Arial, sans-serif;
}

#coconut-hero .ghee-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0 0 40px;
}

#coconut-hero .ghee-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 0 30px;
    border-radius: 50px;
    font: 700 14px Arial, sans-serif;
    text-decoration: none !important;
    transition: .3s ease;
}

#coconut-hero .ghee-btn-gold {
    color: #102F24 !important;
    background: linear-gradient(180deg, #E9B64B, #DDA12B);
}

#coconut-hero .ghee-btn-gold:hover {
    color: #102F24 !important;
    background: #C58E20;
    transform: translateY(-3px);
}

#coconut-hero .ghee-btn-outline {
    color: #0B4A38 !important;
    background: rgba(255,255,255,.6);
    border: 2px solid #0B4A38;
}

#coconut-hero .ghee-btn-outline:hover {
    color: #fff !important;
    background: #0B4A38;
    transform: translateY(-3px);
}

#coconut-hero .ghee-stats {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

#coconut-hero .ghee-stat {
    margin: 0 28px 0 0;
    padding: 0 28px 0 0;
    border-right: 1px solid rgba(11,74,56,.2);
}

#coconut-hero .ghee-stat:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

#coconut-hero .ghee-stat strong {
    display: block;
    margin-bottom: 7px;
    color: #073B2C;
    font: 25px/1.2 Georgia, serif;
}

#coconut-hero .ghee-stat span {
    display: block;
    color: #66766E;
    font: 12px/1.5 Arial, sans-serif;
}

#coconut-hero .ghee-visual {
    position: absolute;
    top: 0;
    right: 0;
    width: 48%;
    height: 100%;
    z-index: 4;
    pointer-events: none;
}

#coconut-hero .ghee-quality-badge {
    position: absolute;
    top: 150px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 24px;
    color: #0B4A38;
    background: rgba(255,255,255,.96);
    border-radius: 50px;
    box-shadow: 0 15px 35px rgba(20,50,40,.15);
    font: 700 13px Arial, sans-serif;
}

#coconut-hero .ghee-quality-badge span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #2E9742;
}

@media (max-width: 991px) {
    #coconut-hero {
        height: 650px;
        min-height: 650px;
        background-size: cover;
        background-position: 58% center;
    }

    #coconut-hero .ghee-hero-wrap {
        height: 650px;
    }

    #coconut-hero .ghee-hero-content {
        width: 60%;
    }

    #coconut-hero .ghee-hero-content h1 {
        font-size: 52px;
        letter-spacing: -1.5px;
    }

    #coconut-hero .ghee-description {
        font-size: 15px;
    }

    #coconut-hero .ghee-stat {
        margin-right: 15px;
        padding-right: 15px;
    }

    #coconut-hero .ghee-quality-badge {
        top: 120px;
        right: 0;
        padding: 12px 16px;
        font-size: 11px;
    }
}

@media (max-width: 767px) {
    #coconut-hero {
        height: auto;
        min-height: 0;
        padding-bottom: 400px;
        background-color: #FAF6EA;
        background-size: auto 480px;
        background-position: center bottom;
    }

    #coconut-hero .ghee-hero-wrap {
        display: block;
        width: 90%;
        height: auto;
    }

    #coconut-hero .ghee-hero-content {
        width: 100%;
        padding: 40px 0 25px;
    }

    #coconut-hero .ghee-hero-content h1 {
        font-size: clamp(38px, 10vw, 48px);
        line-height: 1.05;
        letter-spacing: -1px;
    }

    #coconut-hero .ghee-description {
        font-size: 14px;
        line-height: 1.7;
    }

    #coconut-hero .ghee-buttons {
        gap: 10px;
        margin-bottom: 28px;
    }

    #coconut-hero .ghee-btn {
        min-height: 47px;
        padding: 0 18px;
        font-size: 12px;
    }

    #coconut-hero .ghee-stats {
        gap: 12px;
    }

    #coconut-hero .ghee-stat {
        margin-right: 0;
        padding-right: 12px;
    }

    #coconut-hero .ghee-stat strong {
        font-size: 17px;
    }

    #coconut-hero .ghee-stat span {
        font-size: 10px;
    }
}


/* =========================================
   SHARED SECTION STYLES
========================================= */

#coconut-process *,
#coconut-features *,
#coconut-details *,
#coconut-packaging *,
#coconut-cta * {
    box-sizing: border-box;
}

#coconut-process .coconut-wrap,
#coconut-features .coconut-wrap,
#coconut-details .coconut-wrap,
#coconut-packaging .coconut-wrap {
    width: min(1180px, 92%);
    margin: 0 auto;
}

#coconut-process .coconut-center,
#coconut-features .coconut-center,
#coconut-packaging .coconut-center {
    text-align: center;
}

#coconut-process .coconut-eyebrow,
#coconut-features .coconut-eyebrow,
#coconut-packaging .coconut-eyebrow,
#coconut-cta .coconut-eyebrow {
    margin-bottom: 15px;
    color: #C98F34;
    font: 800 11px Arial, sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#coconut-process h2,
#coconut-features h2,
#coconut-packaging h2 {
    margin: 0;
    font: clamp(32px, 4vw, 43px)/1.15 "Playfair Display", Georgia, serif;
}

#coconut-process .coconut-intro,
#coconut-features .coconut-intro,
#coconut-packaging .coconut-intro {
    max-width: 650px;
    margin: 16px auto 0;
    font: 14px/1.8 "Manrope", Arial, sans-serif;
}


/* PROCESS */

#coconut-process {
    padding: 80px 0;
    color: #FAF6EA;
    background: linear-gradient(180deg, #0E3A2C, #123324);
}

#coconut-process .coconut-eyebrow {
    color: #E0AC52;
}

#coconut-process h2 {
    color: #FAF6EA;
}

#coconut-process .coconut-intro {
    color: #CFE0D5;
}

#coconut-process .coconut-process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 18px;
    margin-top: 42px;
    text-align: left;
}

#coconut-process .coconut-step {
    min-width: 0;
    padding: 24px 20px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(250,246,234,.18);
    border-radius: 15px;
    transition: .3s ease;
}

#coconut-process .coconut-step:hover {
    transform: translateY(-5px);
    background: rgba(255,255,255,.07);
    border-color: rgba(224,172,82,.55);
}

#coconut-process .coconut-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-bottom: 18px;
    color: #241605;
    background: #D6A044;
    border-radius: 50%;
    font: 800 11px Arial, sans-serif;
}

#coconut-process .coconut-step h3 {
    margin: 0 0 9px;
    color: #FAF6EA;
    font: 17px/1.4 "Playfair Display", Georgia, serif;
}

#coconut-process .coconut-step p {
    margin: 0;
    color: #CFE0D5;
    font: 12px/1.8 "Manrope", Arial, sans-serif;
}


/* FEATURES */

#coconut-features {
    padding: 80px 0;
    color: #1C2B22;
    background: #FAF6EA;
}

#coconut-features h2,
#coconut-packaging h2 {
    color: #0E3A2C;
}

#coconut-features .coconut-intro,
#coconut-packaging .coconut-intro {
    color: #5D6B60;
}

#coconut-features .coconut-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 18px;
    margin-top: 42px;
}

#coconut-features .coconut-feature-card {
    padding: 25px 20px;
    background: #fff;
    border: 1px solid rgba(28,43,34,.12);
    border-radius: 15px;
    transition: .3s ease;
}

#coconut-features .coconut-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 32px rgba(14,58,44,.09);
}

#coconut-features .coconut-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    background: #F2EAD6;
    border-radius: 12px;
    font-size: 18px;
}

#coconut-features .coconut-feature-card h3 {
    margin: 0 0 9px;
    color: #0E3A2C;
    font: 17px/1.4 "Playfair Display", Georgia, serif;
}

#coconut-features .coconut-feature-card p {
    margin: 0;
    color: #5D6B60;
    font: 12px/1.8 "Manrope", Arial, sans-serif;
}


/* DETAILS */

#coconut-details {
    padding: 70px 0;
    color: #1C2B22;
    background: #F2EAD6;
}

#coconut-details .coconut-details-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 28px;
}

#coconut-details .coconut-panel {
    min-width: 0;
    padding: 28px;
    background: #fff;
    border: 1px solid rgba(28,43,34,.1);
    border-radius: 16px;
}

#coconut-details .coconut-panel h3 {
    margin: 0 0 18px;
    color: #0E3A2C;
    font: 20px "Playfair Display", Georgia, serif;
}

#coconut-details .coconut-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    padding: 13px 0;
    border-bottom: 1px solid rgba(28,43,34,.12);
    font: 13px/1.6 "Manrope", Arial, sans-serif;
}

#coconut-details .coconut-row:last-child {
    border-bottom: 0;
}

#coconut-details .coconut-row span {
    color: #66766E;
}

#coconut-details .coconut-row strong {
    color: #0E3A2C;
    text-align: right;
}

#coconut-details .coconut-use-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#coconut-details .coconut-use-list li {
    padding: 13px 0;
    border-bottom: 1px solid rgba(28,43,34,.12);
    color: #66766E;
    font: 12px/1.7 "Manrope", Arial, sans-serif;
}

#coconut-details .coconut-use-list li:last-child {
    border-bottom: 0;
}

#coconut-details .coconut-use-list strong {
    display: block;
    margin-bottom: 3px;
    color: #0E3A2C;
    font-size: 13px;
}


/* PACKAGING */

#coconut-packaging {
    padding: 80px 0;
    color: #1C2B22;
    background: #FAF6EA;
}

#coconut-packaging .coconut-package-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 22px;
    margin-top: 42px;
    text-align: left;
}

#coconut-packaging .coconut-package-card {
    padding: 28px 24px;
    background: #fff;
    border: 1px solid rgba(28,43,34,.12);
    border-radius: 18px;
    transition: .3s ease;
}

#coconut-packaging .coconut-package-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 35px rgba(14,58,44,.09);
}

#coconut-packaging .coconut-tag {
    display: inline-block;
    padding: 6px 11px;
    color: #92551D;
    background: #FBEEDC;
    border-radius: 50px;
    font: 800 10px Arial, sans-serif;
    letter-spacing: .7px;
}

#coconut-packaging .coconut-package-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin: 22px 0 16px;
    color: #0E3A2C;
    background: #F2EAD6;
    border-radius: 14px;
    font: 700 14px Georgia, serif;
}

#coconut-packaging .coconut-package-card h3 {
    margin: 0 0 10px;
    color: #0E3A2C;
    font: 21px "Playfair Display", Georgia, serif;
}

#coconut-packaging .coconut-package-card p {
    min-height: 68px;
    margin: 0;
    color: #5D6B60;
    font: 13px/1.8 "Manrope", Arial, sans-serif;
}

#coconut-packaging .coconut-package-card a {
    display: inline-block;
    margin-top: 18px;
    color: #0E3A2C !important;
    font: 800 13px "Manrope", Arial, sans-serif;
    text-decoration: none !important;
}

#coconut-packaging .coconut-package-card a:hover {
    color: #C98F34 !important;
}


/* FINAL CTA */

#coconut-cta {
    padding: 80px 20px;
    background: #F2EAD6;
}

#coconut-cta .coconut-cta-box {
    width: min(1180px,100%);
    margin: 0 auto;
    padding: 60px 35px;
    text-align: center;
    background: linear-gradient(135deg,#0E3A2C,#123324);
    border: 1px solid rgba(214,160,68,.3);
    border-radius: 22px;
}

#coconut-cta .coconut-eyebrow {
    color: #E0AC52;
}

#coconut-cta h2 {
    margin: 0 auto 18px;
    color: #FAF6EA;
    font: clamp(32px,4vw,48px)/1.2 "Playfair Display", Georgia, serif;
}

#coconut-cta h2 em {
    color: #E0AC52;
    font-style: normal;
}

#coconut-cta p {
    max-width: 600px;
    margin: 0 auto 28px;
    color: #CFE0D5;
    font: 14px/1.8 "Manrope", Arial, sans-serif;
}

#coconut-cta .coconut-cta-row {
    display: flex;
    justify-content: center;
}

#coconut-cta .coconut-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 28px;
    color: #102F24 !important;
    background: linear-gradient(180deg,#E9B64B,#DDA12B);
    border-radius: 50px;
    font: 800 13px "Manrope", Arial, sans-serif;
    text-decoration: none !important;
    transition: .3s ease;
}

#coconut-cta .coconut-pill:hover {
    background: #C58E20;
    transform: translateY(-3px);
}


/* TABLET */

@media (max-width: 900px) {
    #coconut-process .coconut-process-grid,
    #coconut-features .coconut-feature-grid,
    #coconut-packaging .coconut-package-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}


/* MOBILE */

@media (max-width: 700px) {
    #coconut-details {
        padding: 50px 0;
    }

    #coconut-details .coconut-details-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    #coconut-details .coconut-wrap {
        width: 90%;
    }

    #coconut-details .coconut-panel {
        padding: 22px;
    }
}

@media (max-width: 600px) {
    #coconut-process,
    #coconut-features,
    #coconut-packaging {
        padding: 60px 0;
    }

    #coconut-process .coconut-wrap,
    #coconut-features .coconut-wrap,
    #coconut-packaging .coconut-wrap {
        width: 90%;
    }

    #coconut-process .coconut-process-grid,
    #coconut-features .coconut-feature-grid,
    #coconut-packaging .coconut-package-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 30px;
    }

    #coconut-process .coconut-step,
    #coconut-features .coconut-feature-card {
        padding: 22px;
    }

    #coconut-packaging .coconut-package-card {
        padding: 24px 22px;
    }

    #coconut-packaging .coconut-package-card p {
        min-height: 0;
    }

    #coconut-cta {
        padding: 55px 5%;
    }

    #coconut-cta .coconut-cta-box {
        padding: 42px 22px;
    }

    #coconut-cta h2 {
        font-size: 32px;
    }
}


/* =====================================
   FIRM ASSOCIATES - SIMPLE DESIGN
===================================== */

#firm-associates,
#firm-associates * {
    box-sizing: border-box;
}

#firm-associates {
    width: 100%;
    padding: 65px 20px 75px;
    background: #ffffff;
}

#firm-associates .firm-associates-inner {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

/* Section heading */

#firm-associates .firm-associates-title {
    margin: 0 0 48px;
    padding: 0;
    color: #b8b8b8;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 6px;
    line-height: 1.4;
}

/* Associates layout */

#firm-associates .firm-associates-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 35px;
    max-width: 1050px;
    margin: 0 auto;
}

/* Associate name */

#firm-associates .firm-associate h3 {
    margin: 0 0 12px;
    padding: 0;
    color: #0b4936;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
}

/* Associate role */

#firm-associates .firm-associate p {
    margin: 0;
    padding: 0;
    color: #c69a4a;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 5px;
    line-height: 1.6;
}

/* Tablet */

@media (max-width: 900px) {
    #firm-associates {
        padding: 55px 24px 65px;
    }

    #firm-associates .firm-associates-title {
        font-size: 27px;
        letter-spacing: 5px;
        margin-bottom: 40px;
    }

    #firm-associates .firm-associate h3 {
        font-size: 24px;
    }
}

/* Mobile */

@media (max-width: 600px) {
    #firm-associates {
        padding: 45px 20px 55px;
    }

    #firm-associates .firm-associates-title {
        font-size: 22px;
        letter-spacing: 3px;
        margin-bottom: 32px;
    }

    #firm-associates .firm-associates-list {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    #firm-associates .firm-associate h3 {
        font-size: 23px;
    }

    #firm-associates .firm-associate p {
        font-size: 13px;
        letter-spacing: 4px;
    }
}

/* =====================================
   VISTAR MOBILE RESPONSIVE FIXES
===================================== */

@media (max-width: 767px) {

    /* Header quote button */
    #sp-user1 {
        height: auto;
        min-height: 0;
        justify-content: center !important;
    }

    #sp-user1 .sppb-btn {
        min-width: 0;
        max-width: 100%;
        height: 42px;
        padding: 0 18px !important;
        font-size: 14px;
    }

    /* Hero buttons */
    .hero-buttons {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        width: 100%;
    }

    .hero-buttons .sppb-btn {
      
        font-size: 14px;
        white-space: normal;
        text-align: center;
    }

    /* Hero content */
    .hero-copy h1 {
        font-size: clamp(32px, 9vw, 40px);
        line-height: 1.12;
        margin-bottom: 16px;
    }

    .hero-copy .sub {
        font-size: 15px;
        margin-bottom: 24px;
    }

    .hero-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 28px;
    }

    .hero-actions .btn {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        white-space: normal;
    }

    .hero-trust {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 12px;
        text-align: center;
    }

    .hero-trust div {
        min-width: 0;
        width: auto;
    }

    .hero-trust strong {
        font-size: 20px;
    }

    .hero-trust span {
        font-size: 10px;
        line-height: 1.5;
    }

    /* About section image */
    .about-image img {
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }

    #about-vistar {
        padding: 55px 0;
    }

    .about-title {
        font-size: 30px;
    }

    .about-desc {
        font-size: 15px;
    }

    .about-stat {
        padding: 12px 15px;
        border-radius: 14px;
    }

    .about-stat h3 {
        font-size: 25px;
    }

    .about-stat p {
        font-size: 10px;
    }

    /* Programs section */
    #programs.progrms-courses {
        padding: 60px 0;
    }

    .program-heading h2 {
        font-size: 30px;
    }

    .program-heading p {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .program-card {
        padding: 16px;
        margin-bottom: 20px;
    }

    .program-card img {
        width: 100%;
        height: 220px;
        object-fit: cover;
    }

    .program-card h3 {
        font-size: 22px;
    }

    .program-card p {
        font-size: 14px;
    }

    /* Certification badge */
    .hero-certification {
        right: 12px;
        top: auto;
        bottom: 15px;
    }

    .cert-card {
        width: min(250px, calc(100vw - 36px));
        height: auto;
        min-height: 72px;
        padding: 10px 12px;
        gap: 10px;
    }

    /* Prevent floating content from causing horizontal scroll */
    .hv-float {
        max-width: calc(100% - 20px);
        box-sizing: border-box;
    }

    /* Footer spacing */
    #sp-bottom {
        overflow-wrap: anywhere;
    }
}
/* =====================================================
   VISTAR — SAFFLOWER OIL PRODUCT PAGE
===================================================== */

#safflower-product-page {
    --saff-green: #0e3a2c;
    --saff-green-dark: #123324;
    --saff-cream: #faf6ea;
    --saff-cream-dark: #f2ead6;
    --saff-gold: #c98f34;
    --saff-gold-light: #e0ac52;
    --saff-text: #5d6b60;
    --saff-line: rgba(28,43,34,.12);

    background: var(--saff-cream);
    color: #1c2b22;
    font-family: "Manrope", sans-serif;
    overflow: hidden;
}

#safflower-product-page *,
#safflower-product-page *::before,
#safflower-product-page *::after {
    box-sizing: border-box;
}

#safflower-product-page h2,
#safflower-product-page h3 {
    font-family: "Fraunces", "Playfair Display", serif;
}

.saff-wrap {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px;
}

.saff-center {
    text-align: center;
}

.saff-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 16px;
    color: var(--saff-gold);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.saff-eyebrow::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 2px;
    background: var(--saff-gold);
}

.saff-center .saff-eyebrow::after {
    content: "";
    width: 22px;
    height: 2px;
    background: var(--saff-gold);
}


/* =====================================================
   PROCESS SECTION
===================================================== */

#safflower-product-page #safflower-process {
    padding: 80px 0;
    background: linear-gradient(
        180deg,
        var(--saff-green),
        var(--saff-green-dark)
    );
    color: var(--saff-cream);
}

#safflower-product-page #safflower-process h2 {
    margin: 0;
    color: var(--saff-cream);
    font-size: clamp(32px, 4vw, 44px);
    line-height: 1.12;
}

#safflower-product-page .saff-intro {
    max-width: 600px;
    margin: 16px auto 0;
    color: var(--saff-text);
    font-size: 14px;
    line-height: 1.8;
}

#safflower-product-page #safflower-process .saff-intro {
    color: #cfe0d5;
}

.saff-process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 45px;
}

.saff-step {
    padding: 24px 20px;
    border: 1px solid rgba(250,246,234,.18);
    border-radius: 16px;
    background: rgba(255,255,255,.035);
    text-align: left;
    transition: transform .3s ease, background .3s ease;
}

.saff-step:hover {
    transform: translateY(-5px);
    background: rgba(255,255,255,.07);
}

.saff-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-bottom: 18px;
    border-radius: 50%;
    background: var(--saff-gold);
    color: #241605;
    font-size: 12px;
    font-weight: 800;
}

.saff-step h3 {
    margin: 0 0 10px;
    color: var(--saff-cream);
    font-size: 18px;
}

.saff-step p {
    margin: 0;
    color: #cfe0d5;
    font-size: 13px;
    line-height: 1.75;
}


/* =====================================================
   FEATURES SECTION
===================================================== */

#safflower-product-page #saff-features {
    padding: 80px 0;
    background: var(--saff-cream);
}

#safflower-product-page #saff-features h2,
#safflower-product-page #saff-packaging h2 {
    margin: 0;
    color: var(--saff-green);
    font-size: clamp(32px, 4vw, 44px);
    line-height: 1.12;
}

.saff-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin-top: 45px;
}

.saff-feature-card {
    padding: 25px 22px;
    border: 1px solid var(--saff-line);
    border-radius: 16px;
    background: #fff;
    transition: transform .3s ease, box-shadow .3s ease;
}

.saff-feature-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 35px rgba(14,58,44,.08);
}

.saff-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    border-radius: 12px;
    background: var(--saff-cream-dark);
    font-size: 18px;
}

.saff-feature-card h3 {
    margin: 0 0 9px;
    color: var(--saff-green);
    font-size: 17px;
}

.saff-feature-card p {
    margin: 0;
    color: var(--saff-text);
    font-size: 13px;
    line-height: 1.75;
}


/* =====================================================
   PRODUCT DETAILS
===================================================== */

#safflower-product-page #saff-details {
    padding: 80px 0;
    background: var(--saff-cream-dark);
}

.saff-details-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
}

.saff-panel {
    padding: 30px;
    border: 1px solid var(--saff-line);
    border-radius: 18px;
    background: #fff;
}

.saff-panel h3 {
    margin: 0 0 18px;
    color: var(--saff-green);
    font-size: 20px;
}

.saff-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 13px 0;
    border-bottom: 1px solid var(--saff-line);
    font-size: 13px;
}

.saff-row:last-child {
    border-bottom: 0;
}

.saff-row span {
    color: var(--saff-text);
}

.saff-row strong {
    color: var(--saff-green);
    text-align: right;
}

.saff-use-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.saff-use-list li {
    padding: 14px 0;
    border-bottom: 1px solid var(--saff-line);
    color: var(--saff-text);
    font-size: 13px;
    line-height: 1.65;
}

.saff-use-list li:last-child {
    border-bottom: 0;
}

.saff-use-list strong {
    display: block;
    margin-bottom: 4px;
    color: var(--saff-green);
}


/* =====================================================
   PACKAGING
===================================================== */

#safflower-product-page #saff-packaging {
    padding: 80px 0;
    background: var(--saff-cream);
}

#safflower-product-page .saff-pack-intro {
    margin-bottom: 0;
}

.saff-package-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 45px;
}

.saff-package-card {
    padding: 28px 24px;
    border: 1px solid var(--saff-line);
    border-radius: 18px;
    background: #fff;
    transition: transform .3s ease, box-shadow .3s ease;
}

.saff-package-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 35px rgba(14,58,44,.08);
}

.saff-package-card > span {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 50px;
    background: #fbeee0;
    color: #a15a2a;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .05em;
}

.saff-package-card h3 {
    margin: 15px 0 9px;
    color: var(--saff-green);
    font-size: 21px;
}

.saff-package-card p {
    margin: 0;
    color: var(--saff-text);
    font-size: 13px;
    line-height: 1.75;
}

.saff-package-card a {
    display: inline-block;
    margin-top: 18px;
    color: var(--saff-green) !important;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
}

.saff-package-card a:hover {
    color: var(--saff-gold) !important;
}


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

#safflower-product-page #saff-cta {
    padding: 35px 24px 80px;
    background: var(--saff-cream);
}

.saff-cta-box {
    max-width: 1130px;
    margin: 0 auto;
    padding: 65px 30px;
    border-radius: 28px;
    background: linear-gradient(
        160deg,
        var(--saff-green),
        var(--saff-green-dark)
    );
    text-align: center;
}

.saff-cta-box .saff-eyebrow {
    margin-bottom: 22px;
    color: var(--saff-gold-light);
}

.saff-cta-box h2 {
    margin: 0 0 20px;
    color: var(--saff-cream);
    font-size: clamp(36px, 5vw, 54px);
    line-height: 1.12;
}

.saff-cta-box h2 em {
    color: var(--saff-gold-light);
    font-style: italic;
}

.saff-cta-box > p {
    max-width: 680px;
    margin: 0 auto 30px;
    color: rgba(248,246,239,.78);
    font-size: 14px;
    line-height: 1.8;
}

.saff-cta-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.saff-btn-gold,
.saff-btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 23px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    transition: .3s ease;
}

.saff-btn-gold {
    background: linear-gradient(
        180deg,
        var(--saff-gold-light),
        var(--saff-gold)
    );
    color: #241605 !important;
}

.saff-btn-gold:hover {
    transform: translateY(-3px);
    color: #241605 !important;
}

.saff-btn-outline {
    border: 1px solid rgba(250,246,234,.55);
    color: var(--saff-cream) !important;
}

.saff-btn-outline:hover {
    background: var(--saff-cream);
    color: var(--saff-green) !important;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 900px) {
    .saff-process-grid,
    .saff-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .saff-details-grid {
        grid-template-columns: 1fr;
    }

    .saff-package-grid {
        grid-template-columns: 1fr;
    }
}


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

@media (max-width: 600px) {
    .saff-wrap {
        padding-left: 18px;
        padding-right: 18px;
    }

    #safflower-product-page #safflower-process,
    #safflower-product-page #saff-features,
    #safflower-product-page #saff-details,
    #safflower-product-page #saff-packaging {
        padding: 60px 0;
    }

    .saff-process-grid,
    .saff-feature-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 30px;
    }

    .saff-step,
    .saff-feature-card {
        padding: 22px;
    }

    .saff-panel {
        padding: 22px;
    }

    .saff-row {
        gap: 12px;
        font-size: 12px;
    }

    #safflower-product-page #saff-cta {
        padding: 20px 15px 60px;
    }

    .saff-cta-box {
        padding: 45px 20px;
        border-radius: 20px;
    }

    .saff-cta-box h2 {
        font-size: 34px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #safflower-product-page *,
    #safflower-product-page *::before,
    #safflower-product-page *::after {
        transition: none !important;
    }
}