/* ========================================= SHIVVEDA PREMIUM EMERALD + GOLD THEME ========================================= */ :root  {
  --emerald-dark: #062e24;
  --emerald: #0b4f3c;
  --emerald-light: #14745a;
  --gold: #d4af37;
  --gold-light: #f4df8a;
  --gold-soft: #ead28a;
  --cream: #fff8e7;
}

/* ========================================= PREMIUM ANNOUNCEMENT BAR ========================================= */ .premium-announcement  {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 999;
  background: radial-gradient( circle at 15% 50%, rgba(212,175,55,.16), transparent 28% ), linear-gradient( 135deg, #041f18 0%, #073c2d 45%, #05271e 100% );
  border-bottom: 1px solid rgba(212,175,55,.45);
  box-shadow: 0 4px 18px rgba(0,0,0,.18), inset 0 -1px 0 rgba(255,255,255,.03);
}

/* Gold animated bottom line */ .premium-announcement::after  {
  content: "";
  position: absolute;
  bottom: 0;
  left: -100%;
  width: 55%;
  height: 1px;
  background: linear-gradient( 90deg, transparent, var(--gold-light), var(--gold), transparent );
  animation: goldTravel 4s linear infinite;
}

@keyframes goldTravel  {
  0%  {
    left: -60%;
  }

  100%  {
    left: 150%;
  }

}

.announcement-content  {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 8px 20px;
  text-align: center;
}

.announcement-content a  {
  text-decoration: none !important;
}

.announcement-content p  {
  margin: 0;
  color: #f9f3df;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: .25px;
}

.announcement-content strong  {
  color: var(--gold-light);
  font-weight: 700;
}

/* Luxury sparkle */ .offer-icon  {
  color: var(--gold-light);
  font-size: 19px;
  text-shadow: 0 0 5px rgba(212,175,55,.5), 0 0 12px rgba(212,175,55,.25);
  animation: luxurySparkle 2.2s ease-in-out infinite;
}

@keyframes luxurySparkle  {
  0%,100%  {
    opacity: .65;
    transform: scale(1);
  }

  50%  {
    opacity: 1;
    transform: scale(1.18);
    text-shadow: 0 0 8px rgba(212,175,55,.8), 0 0 18px rgba(212,175,55,.4);
  }

}

/* ========================================= PREMIUM HEADER ========================================= */ .header-area.header-one  {
  position: relative;
  background: radial-gradient( ellipse at 50% -120%, rgba(212,175,55,.13), transparent 60% ), linear-gradient( 180deg, #073b2d 0%, #052b21 55%, #041f18 100% ) !important;
  border-bottom: 1px solid rgba(212,175,55,.28);
  box-shadow: 0 10px 35px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025);
  z-index: 998;
}

.header-area .header-navigation, .header-area .nav-inner-menu, .header-area .primary-menu  {
  min-height: 88px;
}

.header-area .primary-menu  {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* ========================================= LOGO ========================================= */ .site-branding .brand-logo img  {
  max-height: 65px;
  width: auto;
  transition: all .4s ease;
  filter: drop-shadow(0 0 7px rgba(212,175,55,.12));
}

.site-branding .brand-logo:hover img  {
  transform: scale(1.035);
  filter: drop-shadow(0 0 14px rgba(212,175,55,.32));
}

/* ========================================= PREMIUM GOLD CONSULTATION BUTTON ========================================= */ .theme-btn.style-one  {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 195px;
  height: 52px;
  padding: 0 25px;
  color: #073326 !important;
  background: linear-gradient( 135deg, #fff3b0 0%, #e5c65a 28%, #c99d2e 52%, #f1d873 75%, #b88a20 100% ) !important;
  border: 1px solid #f6e49a !important;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .55px;
  text-transform: uppercase;
  text-decoration: none !important;
  overflow: hidden;
  box-shadow: 0 7px 22px rgba(0,0,0,.22), 0 0 18px rgba(212,175,55,.18), inset 0 1px 0 rgba(255,255,255,.8);
  transition: transform .35s ease, box-shadow .35s ease;
}

/* WhatsApp */ .theme-btn.style-one i  {
  font-size: 19px;
  color: #075b3f;
  transition: transform .35s ease, color .35s ease;
}

/* ========================================= GOLD SHINE ANIMATION ========================================= */ .theme-btn.style-one::before  {
  content: "";
  position: absolute;
  top: 0;
  left: -130%;
  width: 65%;
  height: 100%;
  background: linear-gradient( 105deg, transparent, rgba(255,255,255,.75), transparent );
  transform: skewX(-22deg);
  animation: buttonLuxuryShine 3.8s ease-in-out infinite;
}

@keyframes buttonLuxuryShine  {
  0%  {
    left: -130%;
  }

  42%, 100%  {
    left: 150%;
  }

}

/* ========================================= BUTTON HOVER ========================================= */ .theme-btn.style-one:hover  {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0,0,0,.3), 0 0 25px rgba(212,175,55,.35), 0 0 0 4px rgba(212,175,55,.08), inset 0 1px 0 rgba(255,255,255,.9);
}

.theme-btn.style-one:hover i  {
  transform: scale(1.18) rotate(-8deg);
  color: #064a35;
}

/* ========================================= SUBTLE PREMIUM PULSE ========================================= */ .theme-btn.style-one  {
  animation: goldPulse 3.5s ease-in-out infinite;
}

@keyframes goldPulse  {
  0%,100%  {
    box-shadow: 0 7px 22px rgba(0,0,0,.22), 0 0 18px rgba(212,175,55,.18), inset 0 1px 0 rgba(255,255,255,.8);
  }

  50%  {
    box-shadow: 0 9px 28px rgba(0,0,0,.25), 0 0 28px rgba(212,175,55,.32), 0 0 0 4px rgba(212,175,55,.05), inset 0 1px 0 rgba(255,255,255,.85);
  }

}

/* ========================================= MOBILE ========================================= */ @media (max-width: 767px)  {
  .announcement-content  {
    min-height: 46px;
    padding: 7px 12px;
    gap: 7px;
  }

  .announcement-content p  {
    font-size: 11px;
    line-height: 1.35;
  }

  .offer-icon  {
    font-size: 15px;
  }

  .header-area .header-navigation, .header-area .nav-inner-menu, .header-area .primary-menu  {
    min-height: 72px;
  }

  .site-branding .brand-logo img  {
    max-height: 50px;
    max-width: 150px;
  }

  .theme-btn.style-one  {
    min-width: auto;
    height: 44px;
    padding: 0 15px;
    font-size: 10px;
    gap: 6px;
  }

  .theme-btn.style-one i  {
    font-size: 16px;
  }

}

@media (max-width: 480px)  {
    .announcement-content p {
        font-size: 10px !important;
    }

  .announcement-content strong  {
    display: none;
  }

  .theme-btn.style-one  {
    padding: 0 13px;
    font-size: 9px;
  }

}

/* ===================================== SHIVVEDA PREMIUM LUXURY HERO ===================================== */ .medolia-hero {
  position:relative;
  overflow:hidden;
  padding:140px 0 90px;
  background: radial-gradient( circle at 15% 20%, rgba(201,155,60,0.18), transparent 35% ), radial-gradient( circle at 85% 80%, rgba(22,77,56,0.10), transparent 35% ), linear-gradient( 135deg, #fffdf8 0%, #f7efdF 45%, #fffaf0 100% );
}

/* Premium Golden Line Texture */ .medolia-hero:before {
  content:"";
  position:absolute;
  inset:0;
  background-image: linear-gradient( 120deg, transparent 48%, rgba(201,155,60,.12) 49%, transparent 50% );
  background-size: 90px 90px;
  opacity:.45;
  pointer-events:none;
}

/* Soft Luxury Glow */ .medolia-hero:after {
  content:"";
  position:absolute;
  width:500px;
  height:500px;
  right:-180px;
  top:-120px;
  background: radial-gradient( circle, rgba(201,155,60,.25), transparent 65% );
  filter:blur(40px);
}

/* Shapes Hide */ .medolia-hero .shape {
  position:absolute;
  border-radius:50%;
  opacity:.35;
}

.shape-one {
  width:220px;
  height:220px;
  left:-100px;
  bottom:80px;
  background: linear-gradient( 135deg, #d8b45a, transparent );
}

.shape-two {
  width:120px;
  height:120px;
  right:18%;
  top:100px;
  border:1px solid rgba(201,155,60,.4);
}

.shape-three {
  width:180px;
  height:180px;
  right:5%;
  bottom:40px;
  border:1px solid rgba(23,77,56,.15);
}

/* Product Area */ .shiv-product-wrap {
  position:relative;
  z-index:2;
  padding:25px;
  background: rgba(255,255,255,.75);
  backdrop-filter:blur(15px);
  border-radius:35px;
  border: 1px solid rgba(201,155,60,.35);
  box-shadow: 0 30px 80px rgba(0,0,0,.10);
}

/* Main Product */ .shiv-main-product {
  border-radius:25px;
  background:#fff;
  padding:15px;
  box-shadow: 0 20px 50px rgba(0,0,0,.12);
}

/* Thumbnail */ .shiv-thumb-wrap {
  display:flex;
  gap:15px;
  margin-top:20px;
}

.shiv-thumb-wrap img {
  width:75px;
  height:75px;
  object-fit:cover;
  border-radius:15px;
  background:white;
  border: 1px solid rgba(201,155,60,.25);
  transition:.3s;
}

.shiv-thumb-wrap img:hover {
  transform:translateY(-5px);
  border-color:#c99b3c;
}

/* Content */ .shiv-product-content {
  position:relative;
  z-index:3;
}

.shiv-product-content h1 {
  color:#164d38;
  font-size:55px;
  line-height:1.1;
  font-weight:700;
}

.shiv-product-content h1::first-letter {
  color:#c99b3c;
}

.shiv-product-content p {
  font-size:17px;
  color:#666;
  line-height:1.8;
  max-width:560px;
}

/* Rating */ .shiv-rating {
  color:#c99b3c;
  font-size:24px;
}

.shiv-rating span {
  color:#777;
  font-size:15px;
}

/* Feature Cards */ .shiv-feature-row {
  display:flex;
  gap:15px;
  flex-wrap:wrap;
  margin:30px 0;
}

.shiv-feature {
  width:calc(50% - 10px);
  background: rgba(255,255,255,.8);
  border: 1px solid rgba(201,155,60,.25);
  padding:18px;
  border-radius:20px;
  box-shadow: 0 10px 30px rgba(0,0,0,.05);
  transition:.3s;
}

.shiv-feature:hover {
  transform:translateY(-6px);
  box-shadow: 0 20px 40px rgba(201,155,60,.15);
}

.feature-icon img {
  width:45px;
}

.shiv-feature h6 {
  color:#164d38;
  margin-top:12px;
  font-size:14px;
}

/* Mobile */ @media(max-width:768px) {
  .medolia-hero {
    padding:100px 0 50px;
  }

  .shiv-product-content h1 {
    font-size:38px;
  }

  .shiv-feature {
    width:100%;
  }

}

/* ========================================== SHIVVEDA PREMIUM HERO SECTION ========================================== */ .shivveda-hero {
  position:relative;
  overflow:hidden;
  padding:50px 0 50px;
  background: radial-gradient( circle at 85% 15%, rgba(212,175,55,.20), transparent 32% ), radial-gradient( circle at 10% 90%, rgba(11,79,60,.12), transparent 35% ), linear-gradient( 135deg, #fffaf0, #f5ecd8 );
}

/* Background Shapes */ .shivveda-bg-shape {
  position:absolute;
  border-radius:50%;
}

.shape-one {
  width:300px;
  height:300px;
  left:-120px;
  bottom:-100px;
  background: rgba(212,175,55,.12);
  filter:blur(30px);
}

.shape-two {
  width:150px;
  height:150px;
  right:25%;
  top:80px;
  border: 1px solid rgba(212,175,55,.35);
  animation: floatShape 6s infinite ease-in-out;
}

.shape-three {
  width:220px;
  height:220px;
  right:-100px;
  bottom:50px;
  border: 1px solid rgba(11,79,60,.15);
}

@keyframes floatShape {
  50% {
    transform:translateY(-25px);
  }

}

/* PRODUCT CARD */ .shiv-product-card {
  background: rgba(255,255,255,.75);
  backdrop-filter:blur(20px);
  padding:25px;
  border-radius:35px;
  border: 1px solid rgba(212,175,55,.35);
  box-shadow: 0 30px 80px rgba(0,0,0,.12);
  position:relative;
}

.product-label {
  position:absolute;
  top:25px;
  left:25px;
  background: linear-gradient( 135deg, #d4af37, #f4df8a );
  padding:8px 18px;
  border-radius:50px;
  font-size:11px;
  font-weight:700;
  color:#063225;
  z-index:2;
}

.shiv-main-product {
  width:100%;
  background:white;
  padding:15px;
  border-radius:25px;
  box-shadow: 0 20px 50px rgba(0,0,0,.12);
}

.shiv-product-gallery {
  display:flex;
  gap:15px;
  margin-top:20px;
}

.shiv-product-gallery img {
  width:70px;
  height:70px;
  object-fit:cover;
  border-radius:15px;
  border: 1px solid #ead28a;
  transition:.3s;
}

.shiv-product-gallery img:hover {
  transform:translateY(-6px);
}

/* CONTENT */ .hero-small-tag {
  color:#c79b35;
  letter-spacing:2px;
  font-weight:700;
  font-size:12px;
}

.shivveda-content h1  {
  font-family: 'Cormorant Garamond', serif;
  font-size: 35px;
  line-height: 1.1;
  color: #062e24;
  margin: 20px 0;
}

.shivveda-content h1 span {
  color:#c89b3c;
}

.shivveda-content p {
  font-size:15px;
  line-height:1.8;
  color:#666;
}

.shivveda-rating {
  font-size:25px;
  color:#d4af37;
  margin:20px 0;
}

.shivveda-rating span {
  font-size:14px;
  color:#777;
}

/* FEATURES */ .shiv-feature-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:15px;
  margin:30px 0;
}

.shiv-feature-card {
  background:white;
  padding:18px;
  border-radius:20px;
  border: 1px solid rgba(212,175,55,.25);
  display:flex;
  align-items:center;
  gap:15px;
  box-shadow: 0 12px 30px rgba(0,0,0,.06);
  transition:.3s;
}

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

.shiv-feature-card img {
  width:42px;
}

.shiv-feature-card h6 {
  margin:0;
  color:#0b4f3c;
  font-size:14px;
}

/* BUTTON */ .shivveda-btn {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:16px 40px;
  border-radius:50px;
  background: linear-gradient( 135deg, #0b4f3c, #14745a );
  color:white!important;
  text-decoration:none;
  font-weight:700;
  box-shadow: 0 15px 35px rgba(11,79,60,.35);
  transition:.35s;
}

.shivveda-btn i {
  color:#f4df8a;
}

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

/* MOBILE */ @media(max-width:768px) {
  © .shivveda-hero {
    padding:90px 0 50px;
  }

    .shivveda-content h1 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0px;
    }
  .shiv-feature-grid {
    grid-template-columns:1fr;
  }

}

/* ================================ SHIVVEDA PREMIUM MARQUEE ================================ */ .shivveda-marquee  {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: radial-gradient(circle at 15% 50%, rgba(212, 175, 55, .16), transparent 28%), linear-gradient(135deg, #041f18 0%, #073c2d 45%, #05271e 100%);
  border-bottom: 1px solid rgba(212, 175, 55, .45);
  box-shadow: 0 4px 18px rgba(0, 0, 0, .18), inset 0 -1px 0 rgba(255, 255, 255, .03);
  padding: 14px 0;
}

/* Subtle golden glow */ .shivveda-marquee::before  {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient( 90deg, rgba(201, 162, 74, 0.08), transparent 25%, transparent 75%, rgba(201, 162, 74, 0.08) );
}

/* Moving track */ .marquee-track  {
  display: flex;
  width: max-content;
  animation: shivvedaMarquee 28s linear infinite;
  will-change: transform;
}

/* Each repeated content */ .marquee-content  {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
}

/* Text */ .marquee-content span  {
  display: inline-flex;
  align-items: center;
  margin-right: 55px;
  color: #f5e4b3;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: inherit;
  text-shadow: 0 1px 8px rgba(201, 162, 74, 0.18);
}

/* Golden star */ .marquee-content span::first-letter  {
  color: #c9a24a;
}

/* Smooth infinite movement */ @keyframes shivvedaMarquee  {
  0%  {
    transform: translateX(0);
  }

  100%  {
    transform: translateX(-50%);
  }

}

/* Pause on hover */ .shivveda-marquee:hover .marquee-track  {
  animation-play-state: paused;
}

/* ================================ MOBILE ================================ */ @media (max-width: 767px)  {
  .shivveda-marquee  {
    padding: 11px 0;
  }

  .marquee-track  {
    animation-duration: 22s;
  }

  .marquee-content span  {
    margin-right: 35px;
    font-size: 10px;
    letter-spacing: 1.4px;
  }

}

/* ================================ REDUCED MOTION ================================ */ @media (prefers-reduced-motion: reduce)  {
  .marquee-track  {
    animation: none;
  }

}

/* ========================================== SHIVVEDA PREMIUM SECOND BANNER ========================================== */ .secondbanner {
  position:relative;
  padding:50px 10px;
  overflow:hidden;
  background: white;
}

/* Luxury Background Lines */ .secondbanner::before {
  content:"";
  position:absolute;
  inset:0;
  background-image: linear-gradient( 120deg, transparent 48%, rgba(212,175,55,.12) 49%, transparent 50% );
  background-size: 90px 90px;
  opacity:.35;
  pointer-events:none;
}

.banner-wrapper {
  position:relative;
  max-width:1400px;
  margin:auto;
  border-radius:35px;
  padding:8px;
  background:#fff;
  overflow:hidden;
  box-shadow: 0 30px 80px rgba(0,0,0,.12);
}

/* Infinite Golden Border */ .banner-wrapper::before {
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:38px;
  background: conic-gradient( from 0deg, transparent, #d4af37, #f4df8a, #d4af37, transparent );
  animation: bannerGoldRotate 4s linear infinite;
  z-index:0;
}

/* Inner cover */ .banner-wrapper::after {
  content:"";
  position:absolute;
  inset:3px;
  background:#fff;
  border-radius:32px;
  z-index:1;
}

@keyframes bannerGoldRotate {
  0% {
    transform:rotate(0deg);
  }

  100% {
    transform:rotate(360deg);
  }

}

/* Banner Image */ .banner-wrapper img {
  position:relative;
  z-index:2;
  width:100%;
  display:block;
  border-radius:30px;
  object-fit:cover;
}

/* Soft Image Overlay */ .banner-overlay {
  position:absolute;
  inset:8px;
  z-index:3;
  border-radius:30px;
  background: linear-gradient( 90deg, rgba(255,250,235,.15), transparent );
  pointer-events:none;
}

/* Floating Gold Glow */ .secondbanner::after {
  content:"";
  position:absolute;
  width:250px;
  height:250px;
  right:-80px;
  top:50%;
  background: radial-gradient( circle, rgba(212,175,55,.22), transparent 70% );
  filter:blur(40px);
}

/* Mobile */ @media(max-width:768px) {
    .secondbanner {
        padding: 20px 0px;
    }
  .banner-wrapper {
    border-radius:25px;
  }

  .banner-wrapper img {
    border-radius:22px;
  }

}

/* ===================================== SHIVVEDA PREMIUM INSIDE SECTION ===================================== */ .premium-inside-section {
  position:relative;
  overflow:hidden;
  padding:50px 0;
  background: radial-gradient( circle at 15% 20%, rgba(212,175,55,.18), transparent 30% ), radial-gradient( circle at 85% 80%, rgba(11,79,60,.10), transparent 35% ), linear-gradient( 135deg, #fffdf8, #f6ecd8 );
}

/* Luxury Thin Lines */ .premium-inside-section::before {
  content:"";
  position:absolute;
  inset:0;
  background-image: repeating-linear-gradient( 135deg, rgba(212,175,55,.10) 0px, rgba(212,175,55,.10) 1px, transparent 1px, transparent 18px );
  opacity:.45;
}

/* White Soft Lines */ .premium-inside-section::after {
  content:"";
  position:absolute;
  inset:0;
  background-image: repeating-linear-gradient( 45deg, transparent 0px, transparent 45px, rgba(255,255,255,.7) 46px, transparent 47px );
  opacity:.35;
}

.premium-inside-section .container {
  position:relative;
  z-index:3;
}

/* Leaf Background */ .leaf-bg {
  position:absolute;
  background-repeat:no-repeat;
  background-size:contain;
  opacity:.12;
}

.leaf-one {
  width:320px;
  height:320px;
  left:-120px;
  top:50px;
  background-image:url("assets/images/graphics/leaf.png");
  transform:rotate(-25deg);
}

.leaf-two {
  width:280px;
  height:280px;
  right:-100px;
  bottom:30px;
  background-image:url("assets/images/graphics/leaf.png");
  transform:rotate(140deg);
}

/* Heading */ .section-tag {
  color:#c89b3c;
  font-size:13px;
  font-weight:700;
  letter-spacing:2px;
}

.premium-inside-section h2 {
  font-family:'Cormorant Garamond',serif;
  font-size:35px;
  line-height:1.1;
  color:#062e24;
  margin:15px 0;
}


.premium-inside-section p {
  max-width:650px;
  margin:auto;
  font-size:17px;
  line-height:1.8;
  color:#666;
}

/* Product Area */ .herbal-product-area {
  width:560px;
  height:560px;
  margin:50px auto 0;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Rotating Circle */ .rotate-ring {
  position:absolute;
  width:100%;
  height:100%;
  animation: circleRotate 25s linear infinite;
}

.rotate-ring img {
  width:100%;
  height:100%;
  filter: drop-shadow( 0 0 35px rgba(212,175,55,.35) );
}

@keyframes circleRotate {
  from {
    transform:rotate(0deg);
  }

  to {
    transform:rotate(360deg);
  }

}

/* Product Center */ .product-box {
  position:relative;
  z-index:5;
  width:320px;
  height:400px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:40px;
}

.product-box img {
  width:90%;
  max-height:360px;
  object-fit:contain;
  animation: productFloat 4s ease-in-out infinite;
  filter: drop-shadow( 0 30px 35px rgba(0,0,0,.22) );
}

@keyframes productFloat {
  0%,100% {
    transform:translateY(0);
  }

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

}

/* Golden Glow */ .product-glow {
  position:absolute;
  width:250px;
  height:250px;
  border-radius:50%;
  background: radial-gradient( circle, rgba(212,175,55,.35), transparent 70% );
}

/* Mobile */ @media(max-width:768px) {
  .premium-inside-section {
    padding:20px 0;
  }

    .premium-inside-section h2 {
        font-size: 25px;
        line-height: normal;
    }
  .herbal-product-area {
    width:340px;
    height:340px;
  }

  .product-box {
    width:210px;
    height:270px;
  }

}

/* ===================================== SHIVVEDA PREMIUM COUNTER SECTION ===================================== */ .shivveda-counter-section {
  padding:50px 0;
  position:relative;
  overflow:hidden;
  background:white;
}

/* Luxury Lines */ .shivveda-counter-section::before {
  content:"";
  position:absolute;
  inset:0;
  background-image: repeating-linear-gradient( 135deg, rgba(212,175,55,.08) 0px, rgba(212,175,55,.08) 1px, transparent 1px, transparent 20px );
  opacity:.5;
}

.shivveda-counter-section .container {
  position:relative;
  z-index:2;
}

/* Counter Card */ .shiv-counter-card {
  position:relative;
  height:260px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background: linear-gradient( 145deg, rgba(255,255,255,.95), rgba(255,248,230,.75) );
  border-radius:30px;
  border: 1px solid rgba(212,175,55,.35);
  box-shadow: 0 25px 60px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.8);
  overflow:hidden;
  transition:.4s;
}

/* 3D Top Shine */ .shiv-counter-card::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:5px;
  background: linear-gradient( 90deg, transparent, #d4af37, #f4df8a, transparent );
}

/* Golden Glow */ .shiv-counter-card::after {
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  border-radius:50%;
  right:-80px;
  bottom:-80px;
  background: radial-gradient( circle, rgba(212,175,55,.22), transparent 70% );
}

/* Hover 3D Effect */ .shiv-counter-card:hover {
  transform: translateY(-12px) rotateX(5deg);
  box-shadow: 0 35px 80px rgba(0,0,0,.16), 0 0 30px rgba(212,175,55,.18);
}

/* Icon */ .counter-icon {
  width:80px;
  height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient( 145deg, #fff, #f8edcf );
  border-radius:50%;
  border: 2px solid rgba(212,175,55,.45);
  box-shadow: 0 10px 30px rgba(212,175,55,.20);
  margin-bottom:20px;
}

.counter-icon img  {
  width: 42px;
  height: 42px;
  object-fit: contain;
  filter: invert(1);
}

/* Number */ .shiv-counter-card h2 {
  font-family:'Cormorant Garamond',serif;
  font-size:55px;
  line-height:1;
  color:#0b4f3c;
  margin:0;
}

.shiv-counter-card h2 span {
  background: linear-gradient( 90deg, #0b4f3c, #c89b3c );
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* Heading */ .shiv-counter-card h4 {
  font-size:16px;
  font-weight:600;
  color:#555;
  margin-top:12px;
}

/* Mobile */ @media(max-width:768px) {
  .shiv-counter-section {
    padding:60px 0;
  }
    .shiv-counter-card {
        height: 188px;
        margin-bottom: 20px;
        padding: 10px;
        text-align: center;
        line-height: 16px !important;
    }

  .shiv-counter-card h2 {
    font-size:25px;
  }
.shiv-counter-card h4 {
    font-size: 12px;
   
}

}

/* ===================================== SHIVVEDA PREMIUM VIDEO SECTION ===================================== */ .shivveda-video-section  {
  position: relative;
  padding: 50px 0;
  overflow: hidden;
  background: radial-gradient(circle at 15% 20%, rgba(212, 175, 55, .15), transparent 30%), radial-gradient(circle at 85% 80%, rgba(11, 79, 60, .10), transparent 35%), linear-gradient(135deg, #fffdf8, #f6ecd9);
}

/* Luxury Line Background */ .shivveda-video-section::before {
  content:"";
  position:absolute;
  inset:0;
  background-image: repeating-linear-gradient( 135deg, rgba(212,175,55,.10) 0px, rgba(212,175,55,.10) 1px, transparent 1px, transparent 18px );
  opacity:.45;
}

.shivveda-video-section .container {
  position:relative;
  z-index:2;
}

/* Video Card */ .video-card {
  position:relative;
  padding:5px;
  border-radius:30px;
  overflow:hidden;
  background:white;
}

/* Animated Gold Border */ .video-card::before {
  content:"";
  position:absolute;
  inset:-2px;
  background: conic-gradient( from 0deg, transparent, #d4af37, #f4df8a, #d4af37, transparent );
  animation: videoBorderRotate 4s linear infinite;
  z-index:0;
}

@keyframes videoBorderRotate {
  0% {
    transform:rotate(0deg);
  }

  100% {
    transform:rotate(360deg);
  }

}

.video-card video {
  position:relative;
  z-index:2;
  width:100%;
  height:520px;
  object-fit:cover;
  border-radius:26px;
  background:#000;
}

.video-card:hover {
  transform:translateY(-10px);
  box-shadow: 0 35px 80px rgba(212,175,55,.25);
  transition:.4s;
}

/* Section Heading */ .shivveda-video-section .section-tag {
  color:#c89b3c;
  font-weight:700;
  letter-spacing:2px;
}

.shivveda-video-section h2 {
     font-family: 'Cormorant Garamond', serif;
    font-size: 35px;
    line-height: 1.1;
    color: #062e24;
    margin: 15px 0;
}

.shivveda-video-section p {
  color:#666;
  line-height:1.8;
}

/* Testimonial Section */ .shiv-testimonial-section {
  padding:100px 0;
  background: linear-gradient( 135deg, #fffdf8, #f5ecd8 );
  position:relative;
}

.shiv-image-slider .item {
  padding:10px;
}

.shiv-image-slider img {
  width:100%;
  border-radius:25px;
  border: 1px solid rgba(212,175,55,.35);
  box-shadow: 0 20px 50px rgba(0,0,0,.10);
  transition:.4s;
}

.shiv-image-slider img:hover {
  transform:translateY(-8px);
  box-shadow: 0 30px 70px rgba(212,175,55,.25);
}

/* Mobile */ @media(max-width:768px) {
  .shivveda-video-section {
    padding:20px 0;
  }

  .video-card video {
    height:420px;
  }

    .shivveda-video-section h2 {
        font-size: 25px;
    }
}

/* ===================================== SHIVVEDA PREMIUM FAQ ===================================== */ .premium-faq {
  position:relative;
  padding:50px 0;
  background: linear-gradient( 135deg, #fffdf8, #f7eddc );
  overflow:hidden;
}

/* Luxury light lines */ .premium-faq::before {
  content:"";
  position:absolute;
  inset:0;
  background-image: repeating-linear-gradient( 135deg, rgba(212,175,55,.08) 0px, rgba(212,175,55,.08) 1px, transparent 1px, transparent 22px );
  opacity:.5;
}

.premium-faq .container {
  position:relative;
  z-index:2;
}

/* Heading */ .premium-faq .section-tag {
  color:#b89035;
  font-size:13px;
  font-weight:700;
  letter-spacing:2px;
}


.premium-faq .section-title h2 {
      font-family: 'Cormorant Garamond', serif;
    font-size: 35px;
    line-height: 1.1;
    color: #062e24;
    margin: 15px 0;
}

.premium-faq .section-title p {
  color:#666;
  max-width:650px;
  margin:auto;
  line-height:1.8;
}

/* FAQ BOX */ .premium-accordion .accordion-item-box {
  background:#ffffff;
  border-radius:18px;
  margin-bottom:18px;
  border:1px solid rgba(212,175,55,.25);
  overflow:hidden;
  box-shadow: 0 15px 40px rgba(0,0,0,.06);
  transition:.3s;
}

.premium-accordion .accordion-item-box:hover {
  box-shadow: 0 20px 50px rgba(212,175,55,.15);
}

/* Question */ .accordion-title {
  width:100%;
  padding:24px 30px;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
  font-size:18px;
  font-weight:600;
  color:#073326;
}

.accordion-title span {
  width:35px;
  height:35px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f8edcf;
  color:#b89035;
  font-size:22px;
}

/* Answer */ .accordion-content {
  padding:0 30px 25px;
}

.accordion-content p {
  margin:0;
  color:#666;
  font-size:15px;
  line-height:1.8;
}

/* Open FAQ */ .accordion-title[aria-expanded="true"] span {
  background:#073326;
  color:#f4df8a;
}

@media(max-width:768px) {
  .premium-faq {
    padding:20px 0;
  }

  .premium-faq .section-title h2 {
    font-size:25px;
  }

  .accordion-title {
    padding:20px;
    font-size:15px;
  }

  .accordion-content {
    padding:0 20px 20px;
  }

}

/* ===================================== SHIVVEDA DUBAI BEST SELLER SECTION ===================================== */ .dubai-bestseller-section {
  position:relative;
  padding:50px 0;
  overflow:hidden;
  background:white;
}

.dubai-bestseller-section::before {
  content:"";
  position:absolute;
  inset:0;
  background-image: repeating-linear-gradient( 135deg, rgba(212,175,55,.08) 0px, rgba(212,175,55,.08) 1px, transparent 1px, transparent 22px );
  opacity:.5;
}

.dubai-bestseller-section .container {
  position:relative;
  z-index:2;
}

/* Heading */ .dubai-bestseller-section .section-tag {
  font-size:13px;
  letter-spacing:2px;
  font-weight:700;
  color:#c89b3c;
}

.dubai-bestseller-section h2 {
  font-family:'Cormorant Garamond',serif;
  font-size:35px;
  line-height:1.15;
  color:#062e24;
  margin:15px 0;
}
p {
    font-size: 15px !important;
}

.dubai-bestseller-section p {
  color:#666;
  font-size:16px;
  line-height:1.8;
}

/* Trust Boxes */ .dubai-trust-list {
  margin-top:35px;
}

.trust-box {
  display:flex;
  gap:18px;
  align-items:center;
  background:rgba(255,255,255,.75);
  padding:18px 22px;
  border-radius:20px;
  margin-bottom:18px;
  border:1px solid rgba(212,175,55,.25);
  box-shadow: 0 15px 35px rgba(0,0,0,.06);
  transition:.3s;
}

.trust-box:hover {
  transform:translateX(8px);
  box-shadow: 0 20px 45px rgba(212,175,55,.18);
}

.trust-icon {
  width:45px;
  height:45px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background: linear-gradient( 135deg, #d4af37, #f4df8a );
  color:#073326;
  font-size:22px;
}

.trust-box h4 {
  margin:0 0 5px;
  font-size:18px;
  color:#073326;
}

.trust-box p {
  margin:0;
  font-size:14px;
}



.certificate-card {
  position:relative;
  z-index:2;
  padding:25px;
  background:#fff;
  border-radius:35px;
  border:1px solid rgba(212,175,55,.35);
  box-shadow: 0 35px 80px rgba(0,0,0,.15);
}

.certificate-card img {
  width:100%;
  max-width:100%;
  display:block;
}

.dubai-badge {
 

  background: linear-gradient( 135deg, #073326, #0b4f3c );
  padding:12px 25px;
  border-radius:50px;
  color:#f4df8a;
  font-size:12px;
  font-weight:700;
  letter-spacing:1px;
  box-shadow: 0 15px 30px rgba(0,0,0,.2);
}

@media(max-width:768px) {
  .dubai-bestseller-section {
    padding:20px 0;
  }
    .dubai-bestseller-section h2 {
        font-size: 25px;
    }
  .dubai-certificate-wrap {
   
    margin-top:40px;
  }

  .certificate-glow {
    width:280px;
    height:280px;
  }


  .dubai-badge {
    right:10px;
    bottom:20px;
  }

}

/* ===================================== SHIVVEDA PREMIUM VIDEO TESTIMONIAL ===================================== */ .shiv-testimonial-section {
  position:relative;
  padding:50px 0;
  overflow:hidden;
  background: radial-gradient( circle at 15% 20%, rgba(212,175,55,.16), transparent 30% ), radial-gradient( circle at 85% 80%, rgba(11,79,60,.10), transparent 35% ), linear-gradient( 135deg, #fffdf8, #f6ecd8 );
}

/* Luxury Background Lines */ .shiv-testimonial-section::before {
  content:"";
  position:absolute;
  inset:0;
  background-image: repeating-linear-gradient( 135deg, rgba(212,175,55,.10) 0px, rgba(212,175,55,.10) 1px, transparent 1px, transparent 22px );
  opacity:.45;
}

.shiv-testimonial-section .container {
  position:relative;
  z-index:2;
}

/* Heading */ .shiv-testimonial-section .section-tag {
  color:#c89b3c;
  font-size:13px;
  font-weight:700;
  letter-spacing:2px;
}

.shiv-testimonial-section h2 {
      font-family: 'Cormorant Garamond', serif;
    font-size: 35px;
    line-height: 1.1;
    color: #062e24;
    margin: 15px 0;
}

.shiv-testimonial-section .section-title p {
  color:#666;
  max-width:650px;
  margin:auto;
  line-height:1.8;
}

/* Youtube Grid */ .youtubevideos .row {
  row-gap:30px;
}

/* Video Wrapper */ .youtubevideosinner {
  position:relative;
  padding:5px;
  border-radius:28px;
  overflow:hidden;
  background:#fff;
  box-shadow: 0 25px 60px rgba(0,0,0,.12);
  transition:.4s;
}

/* Animated Golden Border */ .youtubevideosinner::before {
  content:"";
  position:absolute;
  inset:-2px;
  background: conic-gradient( from 0deg, transparent, #d4af37, #f4df8a, #d4af37, transparent );
  animation: youtubeGoldRotate 4s linear infinite;
  z-index:0;
}

@keyframes youtubeGoldRotate {
  from {
    transform:rotate(0deg);
  }

  to {
    transform:rotate(360deg);
  }

}

.youtubevideosinner iframe {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 240px;
    border-radius: 24px;
    display: block;
}
/* Hover */ .youtubevideosinner:hover {
  transform:translateY(-10px);
  box-shadow: 0 35px 80px rgba(212,175,55,.25);
}

/* Inner shine */ .youtubevideosinner::after {
  content:"";
  position:absolute;
  inset:5px;
  border-radius:24px;
  background: linear-gradient( 120deg, rgba(255,255,255,.20), transparent );
  z-index:3;
  pointer-events:none;
}

/* Mobile */ @media(max-width:768px) {
  .shiv-testimonial-section {
    padding:20px 0;
  }

  .shiv-testimonial-section h2 {
    font-size:25px;
  }

    .youtubevideosinner iframe {
        height: 200px;
    }

}

/* ===================================== FULL WIDTH FIXED CTA FOOTER ===================================== */ .shiv-fixed-footer {
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  z-index:9999;
  padding:14px 20px;
  background: linear-gradient( 135deg, #041f18, #062e24 );
  border-top: 1px solid rgba(212,175,55,.45);
  box-shadow: 0 -10px 35px rgba(0,0,0,.25);
}

/* Gold top shine line */ .shiv-fixed-footer::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:2px;
  background: linear-gradient( 90deg, transparent, #d4af37, #f4df8a, #d4af37, transparent );
}

.shiv-footer-buttons {
  max-width:600px;
  margin:auto;
  display:flex;
  gap:15px;
}

.shiv-footer-buttons a {
  flex:1;
  height:50px;
  border-radius:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-size:14px;
  font-weight:700;
  text-decoration:none!important;
  transition:.3s;
}

/* Call */ .footer-call-btn {
  background: linear-gradient( 135deg, #f4df8a, #d4af37 );
  color:#062e24!important;
  box-shadow: 0 10px 25px rgba(212,175,55,.25);
}

.footer-call-btn i {
  font-size:17px;
}

/* WhatsApp */ .footer-whatsapp-btn {
  background: linear-gradient( 135deg, #0b4f3c, #14745a );
  color:white!important;
  border: 1px solid rgba(244,223,138,.35);
  box-shadow: 0 10px 25px rgba(11,79,60,.35);
}

.footer-whatsapp-btn i {
  color:#f4df8a;
  font-size:20px;
}

.shiv-footer-buttons a:hover {
  transform:translateY(-4px);
}

/* Mobile */ @media(max-width:576px) {
    .shiv-fixed-footer {
        padding: 10px 12px;
    }

  .shiv-footer-buttons {
    gap:10px;
  }

  .shiv-footer-buttons a {
    height:46px;
    font-size:12px;
  }

}

/* =====================================
   SHIVVEDA PREMIUM POPUP
===================================== */


.shivveda-modal .modal-dialog{

    max-width:430px;

}



.shivveda-modal .modal-content{


    position:relative;


    border-radius:35px;


    overflow:hidden;


    border:

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



    background:


    radial-gradient(
    circle at top,
    rgba(212,175,55,.20),
    transparent 35%
    ),


    linear-gradient(
    145deg,
    #062e24,
    #041b14
    );



    box-shadow:


    0 40px 100px rgba(0,0,0,.45);



}





/* Gold Top Line */


.shivveda-modal .modal-content::before{


    content:"";


    position:absolute;


    top:0;

    left:0;


    width:100%;


    height:3px;



    background:


    linear-gradient(
    90deg,
    transparent,
    #d4af37,
    #f4df8a,
    transparent
    );


}





.modal-body{


    padding:45px 35px;


    text-align:center;


}





.modal-tag{


    color:#f4df8a;


    font-size:12px;


    letter-spacing:3px;


    font-weight:700;


}





.modal-body h3{


    color:white;


    font-family:'Cormorant Garamond',serif;


    font-size:38px;


    margin:15px 0;


}





.modal-body p{


    color:#ddd;


    font-size:15px;


    line-height:1.7;


}





/* Close Button */


.modal-close{


    position:absolute;


    right:18px;


    top:15px;


    width:35px;

    height:35px;


    border-radius:50%;


    border:none;


    background:#d4af37;


    color:#062e24;


    font-size:22px;


    z-index:5;


}





/* Input */


.premium-input{


    display:flex;


    align-items:center;


    gap:12px;



    margin-top:25px;


    padding:0 18px;


    height:58px;



    background:white;


    border-radius:50px;


}





.premium-input i{


    color:#c89b3c;


}





.premium-input input{


    width:100%;


    border:none;


    outline:none;


    font-size:15px;


}





/* Button */


.premium-submit{


    margin-top:20px;


    width:100%;


    height:58px;


    border:none;


    border-radius:50px;



    background:


    linear-gradient(
    135deg,
    #d4af37,
    #f4df8a
    );



    color:#062e24;


    font-weight:800;


    font-size:14px;


    transition:.3s;


}





.premium-submit i{


    margin-right:8px;


}





.premium-submit:hover{


    transform:translateY(-4px);


    box-shadow:


    0 15px 35px rgba(212,175,55,.35);


}





@media(max-width:480px){


.modal-body{

padding:35px 22px;

}


.modal-body h3{

font-size:25px;

}


}

.modal-body button {
    width: 100%;
    margin-top: 20px;
}
div#videos {
    padding-top: 20px;
}
div#accordionOne {
    padding-top: 30px;
}
.youtubevideos {
    padding-top: 30px;
}

/* =====================================
   SHIVVEDA PREMIUM OWL NAVIGATION
===================================== */


.shiv-video-slider .owl-nav{

    position:absolute;

    top:50%;

    left:0;

    width:100%;

    transform:translateY(-50%);

    display:flex;

    justify-content:space-between;

    padding:0 20px;

    pointer-events:none;

}



/* Buttons */


.shiv-video-slider .owl-nav button.owl-prev,
.shiv-video-slider .owl-nav button.owl-next{


    width:55px;

    height:55px;


    border-radius:50% !important;


    display:flex !important;

    align-items:center;

    justify-content:center;



    background:

    linear-gradient(
        135deg,
        #073326,
        #0b4f3c
    ) !important;



    border:

    1px solid rgba(212,175,55,.55) !important;



    color:#f4df8a !important;



    font-size:32px !important;


    line-height:1;



    box-shadow:


    0 15px 35px rgba(0,0,0,.25),


    0 0 20px rgba(212,175,55,.15);



    pointer-events:auto;



    transition:.35s ease;


}





/* Arrow */


.shiv-video-slider .owl-nav button span{


    margin-top:-4px;


    color:#f4df8a;


}





/* Hover */


.shiv-video-slider .owl-nav button.owl-prev:hover,
.shiv-video-slider .owl-nav button.owl-next:hover{


    background:


    linear-gradient(
        135deg,
        #d4af37,
        #f4df8a
    ) !important;



    transform:translateY(-5px) scale(1.08);



    box-shadow:


    0 20px 45px rgba(212,175,55,.35);



}



.shiv-video-slider .owl-nav button:hover span{


    color:#062e24;


}





/* Mobile */

@media(max-width:768px){


.shiv-video-slider .owl-nav{


    padding:0 5px;


}



.shiv-video-slider .owl-nav button.owl-prev,
.shiv-video-slider .owl-nav button.owl-next{


    width:42px;

    height:42px;


    font-size:24px !important;


}


}

.secondbanner .theme-btn {
    margin: 0 auto;
    display: flex;
    width: max-content;
    margin-top: 20px;
}
@media only screen and (max-width: 767px)
{
    .shivveda-hero {
  
    padding: 20px 0px;
    }
p {
    font-size: 13px !important;
}
.shivveda-rating {
    margin: 8px 0;
}
.shivveda-content {
    padding-top: 30px;
}

    .shiv-feature-grid {
     
        display: none;
    }
.shiv-product-card {
    background: transparent;
    backdrop-filter: none !important;
    padding: 0px;
    border-radius: 35px;
    border: none;
    box-shadow: none;
    position: relative;
}
.shivveda-counter-section .col-xl-3 {
    width: 49%;
}
.shivveda-counter-section {
    padding: 20px 0;
}
.trust-icon {
    width: 45px;
    height: 33px;
   
}
.certificate-card {

    padding: 12px;
   
}

.youtubevideos .row {
    row-gap: 8px;
}
.secondbanner .theme-btn {
    margin: 0 auto;
    width: 100%;
    margin-top: 20px;
}
.shivveda-content .theme-btn.style-one
{
    margin: 0 auto;
    width: 100%;
    margin-top: 20px;
}

.secondbanner.lst {
    padding-bottom: 63px;
}

}




/* =====================================
   SHIVVEDA LUXURY FLOATING EFFECT
===================================== */

.restaurant-website .shiv-nature-animation{

    position:fixed;

    top:0;
    left:0;

    width:100%;
    height:100%;

    overflow:hidden;

    pointer-events:none;

    z-index:999;


}



.restaurant-website .shiv-nature-animation span{


    position:absolute;


    display:block;


    width:18px;

    height:28px;


    background:

    linear-gradient(
        135deg,
        #f9e7a5,
        #d4af37
    );


    border-radius:

    100% 0 100% 0;


    opacity:.45;


    filter:

    drop-shadow(
        0 0 8px rgba(212,175,55,.5)
    );


    animation:

    shivLeafMove 12s infinite linear;


}




.restaurant-website .shiv-nature-animation span:nth-child(1){

left:5%;

animation-delay:0s;

}


.restaurant-website .shiv-nature-animation span:nth-child(2){

left:18%;

animation-delay:2s;

}


.restaurant-website .shiv-nature-animation span:nth-child(3){

left:35%;

animation-delay:4s;

}


.restaurant-website .shiv-nature-animation span:nth-child(4){

left:50%;

animation-delay:1s;

}


.restaurant-website .shiv-nature-animation span:nth-child(5){

left:65%;

animation-delay:6s;

}


.restaurant-website .shiv-nature-animation span:nth-child(6){

left:78%;

animation-delay:3s;

}


.restaurant-website .shiv-nature-animation span:nth-child(7){

left:88%;

animation-delay:8s;

}


.restaurant-website .shiv-nature-animation span:nth-child(8){

left:95%;

animation-delay:5s;

}





@keyframes shivLeafMove{


0%{

transform:

translateY(110vh)
rotate(0deg)
scale(.8);


opacity:0;

}



20%{

opacity:.6;

}



50%{

transform:

translateY(50vh)
translateX(60px)
rotate(180deg)
scale(1);


}



100%{


transform:

translateY(-20vh)
translateX(-40px)
rotate(360deg)
scale(.7);


opacity:0;


}



}