.elementor-6521 .elementor-element.elementor-element-1158242{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:90;}.elementor-6521 .elementor-element.elementor-element-1158242.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6521 .elementor-element.elementor-element-c581911{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6521 .elementor-element.elementor-element-c581911.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6521 .elementor-element.elementor-element-8f0a72e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6521 .elementor-element.elementor-element-55cdbd0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6521 .elementor-element.elementor-element-841b9cc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6521 .elementor-element.elementor-element-841b9cc:not(.elementor-motion-effects-element-type-background), .elementor-6521 .elementor-element.elementor-element-841b9cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5E8B0;}.elementor-6521 .elementor-element.elementor-element-d45a4f8 > .elementor-widget-container{margin:-3px 0px 0px 0px;}.elementor-6521 .elementor-element.elementor-element-d406e03{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6521 .elementor-element.elementor-element-d406e03:not(.elementor-motion-effects-element-type-background), .elementor-6521 .elementor-element.elementor-element-d406e03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF8EE;}.elementor-6521 .elementor-element.elementor-element-1c7bb30{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6521 .elementor-element.elementor-element-1c7bb30:not(.elementor-motion-effects-element-type-background), .elementor-6521 .elementor-element.elementor-element-1c7bb30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF8EE;}.elementor-6521 .elementor-element.elementor-element-bf1e7b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6521 .elementor-element.elementor-element-bf1e7b2:not(.elementor-motion-effects-element-type-background), .elementor-6521 .elementor-element.elementor-element-bf1e7b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0E2C0;}.elementor-6521 .elementor-element.elementor-element-eba56c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6521 .elementor-element.elementor-element-eba56c9:not(.elementor-motion-effects-element-type-background), .elementor-6521 .elementor-element.elementor-element-eba56c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#142810F7;}.elementor-6521 .elementor-element.elementor-element-eba56c9::before, .elementor-6521 .elementor-element.elementor-element-eba56c9 > .elementor-background-video-container::before, .elementor-6521 .elementor-element.elementor-element-eba56c9 > .e-con-inner > .elementor-background-video-container::before, .elementor-6521 .elementor-element.elementor-element-eba56c9 > .elementor-background-slideshow::before, .elementor-6521 .elementor-element.elementor-element-eba56c9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6521 .elementor-element.elementor-element-eba56c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#142810F7;--background-overlay:'';}.elementor-6521 .elementor-element.elementor-element-726c5f5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6521 .elementor-element.elementor-element-fb119e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6521 .elementor-element.elementor-element-fb119e5:not(.elementor-motion-effects-element-type-background), .elementor-6521 .elementor-element.elementor-element-fb119e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8D4A8;}.elementor-6521 .elementor-element.elementor-element-25ffaa8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6521 .elementor-element.elementor-element-25ffaa8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6521 .elementor-element.elementor-element-0fadec3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6521 .elementor-element.elementor-element-10956bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6521 .elementor-element.elementor-element-785084c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6521 .elementor-element.elementor-element-785084c:not(.elementor-motion-effects-element-type-background), .elementor-6521 .elementor-element.elementor-element-785084c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7EDD8;}.elementor-6521 .elementor-element.elementor-element-c54c14d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6521 .elementor-element.elementor-element-debe933{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.92;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6521 .elementor-element.elementor-element-debe933:not(.elementor-motion-effects-element-type-background), .elementor-6521 .elementor-element.elementor-element-debe933 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aumtatva.com/wp-content/uploads/2026/04/bg-forest-newsletter.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6521 .elementor-element.elementor-element-debe933::before, .elementor-6521 .elementor-element.elementor-element-debe933 > .elementor-background-video-container::before, .elementor-6521 .elementor-element.elementor-element-debe933 > .e-con-inner > .elementor-background-video-container::before, .elementor-6521 .elementor-element.elementor-element-debe933 > .elementor-background-slideshow::before, .elementor-6521 .elementor-element.elementor-element-debe933 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6521 .elementor-element.elementor-element-debe933 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#142810;--background-overlay:'';}.elementor-6521 .elementor-element.elementor-element-8aa7cf9 > .elementor-widget-container{margin:22px 22px 22px 22px;padding:17px 0px 0px 0px;}.elementor-6521 .elementor-element.elementor-element-5436049{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.93;}.elementor-6521 .elementor-element.elementor-element-5436049:not(.elementor-motion-effects-element-type-background), .elementor-6521 .elementor-element.elementor-element-5436049 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#142810;background-image:url("https://aumtatva.com/wp-content/uploads/2026/04/bg-forest-newsletter.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6521 .elementor-element.elementor-element-5436049::before, .elementor-6521 .elementor-element.elementor-element-5436049 > .elementor-background-video-container::before, .elementor-6521 .elementor-element.elementor-element-5436049 > .e-con-inner > .elementor-background-video-container::before, .elementor-6521 .elementor-element.elementor-element-5436049 > .elementor-background-slideshow::before, .elementor-6521 .elementor-element.elementor-element-5436049 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6521 .elementor-element.elementor-element-5436049 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#142810;--background-overlay:'';}.elementor-6521 .elementor-element.elementor-element-c8355d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6521 .elementor-element.elementor-element-026feb1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6521 .elementor-element.elementor-element-4180ac8 > .elementor-widget-container{margin:62px 0px 0px 0px;}@media(min-width:768px){.elementor-6521 .elementor-element.elementor-element-c8355d5{--width:50%;}.elementor-6521 .elementor-element.elementor-element-026feb1{--width:50%;}}@media(max-width:767px){.elementor-6521 .elementor-element.elementor-element-1158242{--width:358.984px;}.elementor-6521 .elementor-element.elementor-element-c581911{--width:358.986px;}.elementor-6521 .elementor-element.elementor-element-8f0a72e{--margin-top:-183px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6521 .elementor-element.elementor-element-25ffaa8{--width:360.984px;}}/* Start custom CSS for html, class: .elementor-element-1167a55 *//* ═══ HERO CONTENT ═══ */
.hero-content{position:relative;z-index:10;padding:0 44px;max-width:600px;margin:96px 0 0 28px}
.hero-content::before{content:none}
.hero-om{font-family:serif;font-size:58px;color:#e8c040;line-height:1;margin-bottom:10px;opacity:0;animation:hero-reveal 1.1s ease forwards .2s;text-shadow:0 0 40px rgba(232,192,64,.65),0 0 80px rgba(232,192,64,.3);display:block}
.hero-title{
    font-family:'Cormorant Garamond',serif;
    font-size:62px;
    font-weight:300;
    color:#fdf8ee;
    line-height:1;

    letter-spacing:0;
    text-transform:none;

    opacity:0;
    animation:hero-reveal 1.1s ease forwards .5s;
    text-shadow:0 10px 30px rgba(0,0,0,.22)
}
.btn:not(.black):not(.active):not(.bordered):not(.style-custom) {
    color: #fdf8ee;
    background-color: #00000000;
    border-color: #e8c040;
}
.hero-title em{
    font-style:italic;
    color:#e8c040
}
.hero-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(184,130,10,.14);border:1px solid #b8820a24;border-radius:24px;padding:6px 14px;margin:14px 0 12px;opacity:0;animation:hero-reveal 1s ease forwards .8s}
.hero-tag-dot{width:6px;height:6px;background: #e06820;border-radius:50%;animation:blink-dot 2s ease-in-out infinite}
@keyframes blink-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}
.hero-tag-text{font-size:10px;letter-spacing:3px;color:#f0dca0cc;font-weight:300}
.hero-body{font-size:14px;line-height:1.72;color:#f0dca0bd;font-weight:300;max-width:500px;margin-bottom:22px;opacity:0;animation:hero-reveal 1s ease forwards 1.1s}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;opacity:0;animation:hero-reveal 1s ease forwards 1.4s}
.hero-trust{display:flex;gap:14px 22px;margin-top:18px;opacity:0;animation:hero-reveal 1s ease forwards 1.7s;flex-wrap:wrap}
.ht-item{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:2px;color:#f0dca06b;font-weight:300}
.ht-dot{width:4px;height:4px;background:#b8820a;border-radius:50%}
.hero-scroll{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);z-index:10;text-align:center;opacity:0;animation:hero-reveal 1s ease forwards 2s}
.scroll-anim{width:1px;height:34px;background:linear-gradient(to bottom,#b8820a,transparent);margin:0 auto 5px;animation:scroll-line 2.5s ease-in-out infinite}
@keyframes scroll-line{0%,100%{opacity:.4}50%{opacity:1}}
.scroll-txt{font-size:8px;letter-spacing:5px;color:#b8820a80}
@keyframes hero-reveal{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.hero-grad {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(31, 33, 32, 0.988) 0%, rgba(38, 38, 38, 0.988) 18%, rgba(27, 33, 29, 0.96) 34%, rgba(43, 50, 46, 0.91) 50%, rgba(36, 42, 38, 0.84) 68%, rgba(8, 10, 8, .76) 84%, rgba(10, 10, 10, .7) 100%), radial-gradient(circle at 78% 26%, rgba(255, 245, 228, .035) 0%, rgba(255, 245, 228, 0) 26%), radial-gradient(circle at 20% 44%, rgba(214, 168, 64, .08) 0%, rgba(214, 168, 64, 0) 22%);
}
body {
    font-family: 'DM Sans', sans-serif;
    background: #f7edd8;
    color: #2c1c0c;
    overflow-x: hidden;
}
* ═══ HERO ═══ */
.hero{position:relative;min-height:calc(100vh - 158px);display:flex;align-items:flex-start;padding-top:18px;padding-bottom:56px;overflow:hidden;background:radial-gradient(circle at top,#20341a 0%,#0D1E0A 58%,#09140a 100%)}

.hero-img-bg{position:absolute;inset:0;overflow:hidden}
.hero-img-bg img{width:100%;height:100%;object-fit:cover;object-position:center 42%;animation:hero-pan 24s ease-in-out infinite alternate;filter:brightness(.72) saturate(1.02) contrast(1.03)}
@keyframes hero-pan{from{transform:scale(1.02)}to{transform:scale(1.09) translateX(-1.5%)}}

.hero-grad{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(31, 33, 32, 0.988) 0%,rgba(38, 38, 38, 0.988) 18%,rgba(27, 33, 29, 0.96) 34%,rgba(43, 50, 46, 0.91) 50%,rgba(36, 42, 38, 0.84) 68%,rgba(8,10,8,.76) 84%,rgba(10,10,10,.7) 100%),
  radial-gradient(circle at 78% 26%,rgba(255,245,228,.035) 0%,rgba(255,245,228,0) 26%),
  radial-gradient(circle at 20% 44%,rgba(214,168,64,.08) 0%,rgba(214,168,64,0) 22%)}
.hero-amber-glow{position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to top,rgba(214,168,64,.16),rgba(214,168,64,.05) 24%,transparent 68%)}

/* ═══ NATARAJA ═══ */
.nataraja-wrap{position:absolute;right:6%;top:46%;transform:translateY(-50%);width:390px;height:470px;pointer-events:none;opacity:.98;filter:drop-shadow(0 22px 44px rgba(0,0,0,.3))}
.nat-ring-outer{position:absolute;inset:-24px;border-radius:50%;border:1.5px solid rgba(232,192,64,.58);box-shadow:0 0 14px rgba(232,192,64,.16),0 0 34px rgba(232,192,64,.08),inset 0 0 12px rgba(232,192,64,.08);animation:nat-spin 42s linear infinite}
.nat-ring-mid{position:absolute;inset:12px;border-radius:50%;border:1px dashed rgba(232,192,64,.38);box-shadow:0 0 18px rgba(232,192,64,.1);animation:nat-spin 28s linear infinite reverse}
.nat-glow{position:absolute;inset:8px;background:radial-gradient(ellipse at 50% 50%,rgba(236,198,78,.22) 0%,rgba(224,176,58,.1) 32%,transparent 70%);animation:nat-pulse 5s ease-in-out infinite;filter:blur(3px)}
@keyframes nat-spin{to{transform:rotate(360deg)}}
@keyframes nat-pulse{0%,100%{opacity:.5}50%{opacity:1}}

.nataraja-img{position:absolute;inset:44px 36px 34px 36px;width:calc(100% - 72px);height:calc(100% - 78px);object-fit:contain;object-position:center;animation:nat-breathe 7s ease-in-out infinite;opacity:.99;mix-blend-mode:screen;background:transparent;clip-path:circle(41% at 50% 46%);filter:brightness(1.12) contrast(1.18) saturate(1.05) drop-shadow(0 0 14px rgba(232,192,64,.18)) drop-shadow(0 0 28px rgba(232,192,64,.1));-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 72%,rgba(0,0,0,.88) 82%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 72%,rgba(0,0,0,.88) 82%,rgba(0,0,0,0) 100%)}
.nataraja-svg{display:none}
@keyframes nat-breathe{0%,100%{transform:scale(1);opacity:.92}50%{transform:scale(1.025);opacity:1}}

/* ═══ TEMPLE SKYLINE ═══ */
.temple-skyline{position:absolute;bottom:20px;left:0;right:0;height:112px;pointer-events:none;z-index:4;opacity:.36;filter:blur(.3px)}

/* ═══ MIST ═══ */
.mist{position:absolute;bottom:0;left:0;width:200%;pointer-events:none}
.mist1{z-index:3;animation:mist-drift 16s ease-in-out infinite alternate;opacity:.28}
.mist2{z-index:2;animation:mist-drift 22s ease-in-out infinite alternate-reverse;opacity:.18}
@keyframes mist-drift{from{transform:translateX(0)}to{transform:translateX(-5%)}}

/* ═══ PARTICLES ═══ */
.hero-particles{position:absolute;inset:0;pointer-events:none;z-index:5}
.p{position:absolute;border-radius:50%;background:var(--gold3);animation:p-rise var(--d,7s) ease-in-out infinite var(--dl,0s);opacity:0}
.p.big{width:4px;height:4px}.p.sm{width:2px;height:2px}
@keyframes p-rise{0%{transform:translateY(0) scale(0);opacity:0}15%{opacity:.8}85%{opacity:.3}100%{transform:translateY(-400px) scale(2);opacity:0}}




/* ═══ LOTUS PETALS ═══ */
.lotus-wrap{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden;opacity:.55}
.lotus-petal{position:absolute;bottom:-30px;opacity:0;animation:lotus-float var(--ld,10s) ease-in-out infinite var(--ll,0s)}
@keyframes lotus-float

/* BUTTONS */
.btn-saffron{background:#c45a10;color:#fdf8ee;box-shadow:0 4px 20px #c45a1059}
.btn-saffron:hover{background:#e06820;transform:translateY(-3px);box-shadow:0 10px 30px #c45a1066}

@media (max-width: 768px) {

  /* ===== HERO HEIGHT FIX ===== */
  .hero {
    min-height: auto;
    padding: 60px 0 40px;
    align-items: center;
  }

  /* ===== CONTENT CENTER ===== */
  .hero-content {
    margin: auto;
    padding: 0 18px;
    text-align: center;
    max-width: ;
  }

  /* ===== TEXT SIZE FIX ===== */
  .hero-om {
    font-size: 40px;
  }

  .hero-title {
    font-size: 34px;
    line-height: 1.2;
  }

  .hero-tag-text {
    font-size: 9px;
    letter-spacing: 2px;
  }

  .hero-body {
    font-size: 13px;
    line-height: 1.6;
  }

  /* ===== BUTTON FIX ===== */
  .hero-actions {
    justify-content: center;
  }

  .btn {
    width: 100%;
    font-size: 13px;
    padding: 10px;
  }

  @media (max-width: 768px) {

  .nataraja-wrap {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    width:100px;
    height: 100px;

    margin: 0 auto 20px;
    display: block;
  }

}
  /* ===== SCROLL HIDE ===== */
  @media (max-width: 768px) {

  .hero-scroll,
  .temple-skyline,
  .mist,
  .lotus-wrap {
    display: none !important;
  }

}
  @media (max-width: 768px) {

  .hero-scroll {
    display: none !important;
  }

}

  /* ===== NATARAJA FIX ===== */
  .nataraja-wrap {
    position: relative;
    top: auto;
    right: auto;
    transform: none;

    width: 220px;
    height: 260px;

    margin: 0 auto 20px;
  }

  /* ===== TEMPLE REDUCE ===== */
  .temple-skyline {
    height: 70px;
    opacity: 0.25;
  }

  /* ===== BACKGROUND ADJUST ===== */
  .hero-img-bg img {
    object-position: center;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9f0ca01 *//* ═══ HERO CONTENT ═══ */
.hero-content{position:relative;z-index:10;padding:0 44px;max-width:600px;margin:96px 0 0 28px}
.hero-content::before{content:none}
.hero-om{font-family:serif;font-size:58px;color:#e8c040;line-height:1;margin-bottom:10px;opacity:0;animation:hero-reveal 1.1s ease forwards .2s;text-shadow:0 0 40px rgba(232,192,64,.65),0 0 80px rgba(232,192,64,.3);display:block}
.hero-title{
    font-family:'Cormorant Garamond',serif;
    font-size:62px;
    font-weight:300;
    color:#fdf8ee;
    line-height:1;

    letter-spacing:0;
    text-transform:none;

    opacity:0;
    animation:hero-reveal 1.1s ease forwards .5s;
    text-shadow:0 10px 30px rgba(0,0,0,.22)
}
.btn:not(.black):not(.active):not(.bordered):not(.style-custom) {
    color: #fdf8ee;
    background-color: #00000000;
    border-color: #e8c040;
}
.hero-title em{
    font-style:italic;
    color:#e8c040
}
.hero-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(184,130,10,.14);border:1px solid #b8820a24;border-radius:24px;padding:6px 14px;margin:14px 0 12px;opacity:0;animation:hero-reveal 1s ease forwards .8s}
.hero-tag-dot{width:6px;height:6px;background: #e06820;border-radius:50%;animation:blink-dot 2s ease-in-out infinite}
@keyframes blink-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}
.hero-tag-text{font-size:10px;letter-spacing:3px;color:#f0dca0cc;font-weight:300}
.hero-body{font-size:14px;line-height:1.72;color:#f0dca0bd;font-weight:300;max-width:500px;margin-bottom:22px;opacity:0;animation:hero-reveal 1s ease forwards 1.1s}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;opacity:0;animation:hero-reveal 1s ease forwards 1.4s}
.hero-trust{display:flex;gap:14px 22px;margin-top:18px;opacity:0;animation:hero-reveal 1s ease forwards 1.7s;flex-wrap:wrap}
.ht-item{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:2px;color:#f0dca06b;font-weight:300}
.ht-dot{width:4px;height:4px;background:#b8820a;border-radius:50%}
.hero-scroll{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);z-index:10;text-align:center;opacity:0;animation:hero-reveal 1s ease forwards 2s}
.scroll-anim{width:1px;height:34px;background:linear-gradient(to bottom,#b8820a,transparent);margin:0 auto 5px;animation:scroll-line 2.5s ease-in-out infinite}
@keyframes scroll-line{0%,100%{opacity:.4}50%{opacity:1}}
.scroll-txt{font-size:8px;letter-spacing:5px;color:#b8820a80}
@keyframes hero-reveal{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.hero-grad {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(31, 33, 32, 0.988) 0%, rgba(38, 38, 38, 0.988) 18%, rgba(27, 33, 29, 0.96) 34%, rgba(43, 50, 46, 0.91) 50%, rgba(36, 42, 38, 0.84) 68%, rgba(8, 10, 8, .76) 84%, rgba(10, 10, 10, .7) 100%), radial-gradient(circle at 78% 26%, rgba(255, 245, 228, .035) 0%, rgba(255, 245, 228, 0) 26%), radial-gradient(circle at 20% 44%, rgba(214, 168, 64, .08) 0%, rgba(214, 168, 64, 0) 22%);
}
body {
    font-family: 'DM Sans', sans-serif;
    background: #f7edd8;
    color: #2c1c0c;
    overflow-x: hidden;
}



	
* ═══ HERO ═══ */
.hero{position:relative;min-height:calc(100vh - 158px);display:flex;align-items:flex-start;padding-top:18px;padding-bottom:56px;overflow:hidden;background:radial-gradient(circle at top,#20341a 0%,#0D1E0A 58%,#09140a 100%)}

.hero-img-bg{position:absolute;inset:0;overflow:hidden}
.hero-img-bg img{width:100%;height:100%;object-fit:cover;object-position:center 42%;animation:hero-pan 24s ease-in-out infinite alternate;filter:brightness(.72) saturate(1.02) contrast(1.03)}
@keyframes hero-pan{from{transform:scale(1.02)}to{transform:scale(1.09) translateX(-1.5%)}}

.hero-grad{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(31, 33, 32, 0.988) 0%,rgba(38, 38, 38, 0.988) 18%,rgba(27, 33, 29, 0.96) 34%,rgba(43, 50, 46, 0.91) 50%,rgba(36, 42, 38, 0.84) 68%,rgba(8,10,8,.76) 84%,rgba(10,10,10,.7) 100%),
  radial-gradient(circle at 78% 26%,rgba(255,245,228,.035) 0%,rgba(255,245,228,0) 26%),
  radial-gradient(circle at 20% 44%,rgba(214,168,64,.08) 0%,rgba(214,168,64,0) 22%)}
.hero-amber-glow{position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to top,rgba(214,168,64,.16),rgba(214,168,64,.05) 24%,transparent 68%)}

/* ═══ NATARAJA ═══ */
.nataraja-wrap{position:absolute;right:6%;top:46%;transform:translateY(-50%);width:390px;height:470px;pointer-events:none;opacity:.98;filter:drop-shadow(0 22px 44px rgba(0,0,0,.3))}
.nat-ring-outer{position:absolute;inset:-24px;border-radius:50%;border:1.5px solid rgba(232,192,64,.58);box-shadow:0 0 14px rgba(232,192,64,.16),0 0 34px rgba(232,192,64,.08),inset 0 0 12px rgba(232,192,64,.08);animation:nat-spin 42s linear infinite}
.nat-ring-mid{position:absolute;inset:12px;border-radius:50%;border:1px dashed rgba(232,192,64,.38);box-shadow:0 0 18px rgba(232,192,64,.1);animation:nat-spin 28s linear infinite reverse}
.nat-glow{position:absolute;inset:8px;background:radial-gradient(ellipse at 50% 50%,rgba(236,198,78,.22) 0%,rgba(224,176,58,.1) 32%,transparent 70%);animation:nat-pulse 5s ease-in-out infinite;filter:blur(3px)}
@keyframes nat-spin{to{transform:rotate(360deg)}}
@keyframes nat-pulse{0%,100%{opacity:.5}50%{opacity:1}}

.nataraja-img{position:absolute;inset:44px 36px 34px 36px;width:calc(100% - 72px);height:calc(100% - 78px);object-fit:contain;object-position:center;animation:nat-breathe 7s ease-in-out infinite;opacity:.99;mix-blend-mode:screen;background:transparent;clip-path:circle(41% at 50% 46%);filter:brightness(1.12) contrast(1.18) saturate(1.05) drop-shadow(0 0 14px rgba(232,192,64,.18)) drop-shadow(0 0 28px rgba(232,192,64,.1));-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 72%,rgba(0,0,0,.88) 82%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 72%,rgba(0,0,0,.88) 82%,rgba(0,0,0,0) 100%)}
.nataraja-svg{display:none}
@keyframes nat-breathe{0%,100%{transform:scale(1);opacity:.92}50%{transform:scale(1.025);opacity:1}}

/* ═══ TEMPLE SKYLINE ═══ */
.temple-skyline{position:absolute;bottom:20px;left:0;right:0;height:112px;pointer-events:none;z-index:4;opacity:.36;filter:blur(.3px)}

/* ═══ MIST ═══ */
.mist{position:absolute;bottom:0;left:0;width:200%;pointer-events:none}
.mist1{z-index:3;animation:mist-drift 16s ease-in-out infinite alternate;opacity:.28}
.mist2{z-index:2;animation:mist-drift 22s ease-in-out infinite alternate-reverse;opacity:.18}
@keyframes mist-drift{from{transform:translateX(0)}to{transform:translateX(-5%)}}

/* ═══ PARTICLES ═══ */
.hero-particles{position:absolute;inset:0;pointer-events:none;z-index:5}
.p{position:absolute;border-radius:50%;background:var(--gold3);animation:p-rise var(--d,7s) ease-in-out infinite var(--dl,0s);opacity:0}
.p.big{width:4px;height:4px}.p.sm{width:2px;height:2px}
@keyframes p-rise{0%{transform:translateY(0) scale(0);opacity:0}15%{opacity:.8}85%{opacity:.3}100%{transform:translateY(-400px) scale(2);opacity:0}}

/* ═══ LOTUS PETALS ═══ */
.lotus-wrap{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden;opacity:.55}
.lotus-petal{position:absolute;bottom:-30px;opacity:0;animation:lotus-float var(--ld,10s) ease-in-out infinite var(--ll,0s)}
@keyframes lotus-float

/* BUTTONS */
.btn-saffron{background:#c45a10;color:#fdf8ee;box-shadow:0 4px 20px #c45a1059}
.btn-saffron:hover{background:#e06820;transform:translateY(-3px);box-shadow:0 10px 30px #c45a1066}

@media (max-width: 768px) {

  /* ===== HERO LAYOUT ===== */
  .hero {
    min-height: auto;
    padding: 60px 0 40px;
    align-items: center;
  }
  
@media only screen and (max-width: 992px) {

 


  
}

  .hero-tag-dot {
    width: 6px;
    height: 6px;
    background: #e06820;
    border-radius: 50%;
    animation: blink-dot 2s ease-in-out infinite;
    display: none;
  }

  .hero-content {
    margin: 0 auto;
    padding: 0 16px;
    text-align: center;
    max-width: 100%;
  }

  /* ===== TEXT ===== */
  .hero-om {
    font-size: 38px;
    padding-top: 34px;
  }

  .hero-title {
    font-size: 30px;
    line-height: 1.2;
    padding-top: 10px;
  }

  .hero-body {
    font-size: 13px;
  }

  @media (max-width: 767px){

  .hero-actions{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;  /* 2 buttons side-by-side */
    gap: 6px !important;
  }

  .hero-actions button{
    width: 100% !important;
    font-size: 11px !important;
    padding: 8px 4px !important;
    white-space: nowrap;
  }

}

  /* ===== TRUST POINTS ===== */
  .hero-trust {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    justify-items: center;
    margin-top: 12px;
  }

  .ht-item {
    font-size: 9px;
  }

  /* ===== NATARAJA FIX ===== */
  .nataraja-wrap {
    position: relative;
    width: 220px;
    height: 240px;
    margin: 20px auto 0;
    right: auto;
    top: auto;
    transform: none;
  }

  .nat-ring-outer {
    inset: -1px;
  }

  .nat-ring-mid {
    inset: 5px;
  }

  .nataraja-img {
    inset: 22px;
  }

  /* ===== HIDE EXTRA EFFECTS ===== */
  .hero-scroll,
  .temple-skyline,
  .mist,
  .lotus-wrap {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9908739 *//* ═══ DIYA DIVIDER ═══ */
.diya-divider {
  background: #142810;
  padding: 14px 44px;
  overflow: hidden;
  position: relative
}

.diya-divider::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #b8820a0f, #b8820a1f, #b8820a0f)
}

.diya-inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap
}

.diya-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: 15px;
  font-style: italic;
  color: #f0dca0a6;
  letter-spacing: 3px;
  font-weight: 300
}

.flame-anim {
  animation: flicker .5s ease-in-out infinite alternate
}

@keyframes flicker {
  from {
    transform: scaleX(1) scaleY(1);
    opacity: 1
  }

  to {
    transform: scaleX(1.1) scaleY(.93);
    opacity: .85
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a5542bb *//* ═══ DIYA DIVIDER ═══ */
.diya-divider {
  background: #142810;
  padding: 14px 44px;
  overflow: hidden;
  position: relative
}

.diya-divider::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #b8820a0f, #b8820a1f, #b8820a0f)
}

.diya-inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap
}

.diya-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: 15px;
  font-style: italic;
  color: #f0dca0a6;
  letter-spacing: 3px;
  font-weight: 300
}

.flame-anim {
  animation: flicker .5s ease-in-out infinite alternate
}

@keyframes flicker {
  from {
    transform: scaleX(1) scaleY(1);
    opacity: 1
  }

  to {
    transform: scaleX(1.1) scaleY(.93);
    opacity: .85
  }
}
@media (max-width: 768px) {

  .diya-divider {
    padding: 10px 16px;
  }

  .diya-inner {
    gap: 10px;
    flex-direction: row;
    justify-content: center;
  }

  .diya-text {
    font-size: 11px;
    letter-spacing: 2px;
    text-align: center;
  }
}

@media (max-width: 767px){

  .diya-inner{
    flex-wrap: nowrap !important;  /* wrap बंद */
    gap: 6px !important;
  }

  .diya-text{
    font-size: 10px !important;
    text-align: center;
    flex: 1; /* text flexible */
  }

  .om-symbol{
    font-size: 14px !important;
    flex-shrink: 0; /* OM compress honar nahi */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d45a4f8 */.stat-cell {
    padding: 28px 20px;
    text-align: center;
    border-right: 1px solid #b8820a33;
    position: relative;
    transition: background .3s;
    cursor: default;
}
.stat-num {
    font-family: 'Cormorant Garamond', serif;
    font-size: 38px;
    color: #7a2a10 !important;
    font-weight: 400;
    line-height: 1;
}
.stat-lbl {
    font-size: 9px;
    letter-spacing: 4px;
    color: #4A3020;
    font-weight: 300;
    margin-top: 6px;
}

.stat-cell {
    padding: 28px 20px;
    text-align: center;
    border-right: 1px solid #b8820a33;
    position: relative;
    transition: background .3s;
    cursor: default;
}
body {
    font-family: 'DM Sans', sans-serif;
    background: #f7edd8;
    color: #2c1c0c;
    overflow-x: hidden;
}


@media (max-width: 768px) {

  /* make stats stack vertically */
  .stats {
    display: flex !important;
    flex-direction: column !important;
  }

  /* each stat full width */
  .stat-cell {
    width: 100% !important;
    border-right: none !important;
    border-bottom: 1px solid #b8820a33 !important;
    padding: 20px 10px !important;
  }

  /* last item no border */
  .stat-cell:last-child {
    border-bottom: none !important;
  }

  /* numbers smaller for mobile */
  .stat-num {
    font-size: 28px !important;
  }

  /* label spacing fix */
  .stat-lbl {
    font-size: 10px !important;
    letter-spacing: 3px !important;
  }
}

@media (max-width: 768px) {

  /* container fix */
  .stats {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
  }

  /* card fix */
  .stat-cell {
    width: 100% !important;
    border-right: none !important;
    border-bottom: none !important;

    padding: 18px 10px !important;
    background: transparent;
  }

  /* number */
  .stat-num {
    font-size: 26px !important;
  }

  /* label */
  .stat-lbl {
    font-size: 10px !important;
    letter-spacing: 2px !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e2dff98 *//* ═══ SACRED COLLECTIONS ═══ */
.btn:not(.black):not(.active):not(.bordered):not(.style-custom) {
    color: #e8c040;
    background-color: #00000000;
    border-color: #e8c040;
}
.sacred-sec{padding:60px 44px;background:var(--cream);position:relative;overflow:hidden}
.yantra-bg{position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:380px;height:380px;opacity:.035;pointer-events:none}
.cat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.cat-card{border-radius:4px;
    height: 250px;
    overflow:hidden;cursor:pointer;border:1px solid rgba(184,130,10,.12);background:white;transition:transform .4s,box-shadow .4s,border-color .4s;position:relative}
.cat-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(20,40,16,.12);border-color:rgba(184,130,10,.4)}
.cat-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(232,192,64,.07) 100%);opacity:0;transition:opacity .4s}
.cat-card:hover::after{opacity:1}
.cat-card-img{height:200px;overflow:hidden;background:#F0E8D0}
.cat-card-img img{transition:transform .5s;object-fit:contain;padding:10px}
.cat-card:hover .cat-card-img img{transform:scale(1.1)}
.cat-card-body{padding: 10px}
.cat-card-name{font-family:'Cormorant Garamond',serif;font-size:20px;color:#2c1c0c; text-align:center;}
.cat-card-count{font-size:9px;letter-spacing:2px;color:#5a8040;font-weight:300}
.h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 1.15;
    color: #2C1C0C;
}


/* ===== UNIVERSAL RESPONSIVE FIX ===== */

/* Stop left-right scroll issue */
html, body {
  overflow-x: hidden;
}

/* ===== DESKTOP & LAPTOP ===== */
@media (max-width: 1399px) {
  .hero-title {
    font-size: 54px;
  }

  .nataraja-wrap {
    right: 4%;
    transform: translateY(-50%) scale(0.9);
  }
}

/* ===== TABLET ===== */
@media (max-width: 1023px) {

  .hero {
    padding: 80px 24px;
  }

  .hero-title {
    font-size: 42px;
  }

  .nataraja-wrap {
    right: -40px;
    transform: translateY(-50%) scale(0.7);
    opacity: 0.4;
  }
}

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

  .hero {
    padding: 90px 16px 50px;
    text-align: center;
  }

  .hero-content {
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    z-index: 20;
  }

  .hero-om {
    font-size: 30px;
  }

  .hero-title {
    font-size: 26px;
    line-height: 1.25;
  }

  .hero-title br {
    display: none;
  }

  .hero-body {
    font-size: 13px;
  }

  .hero-actions {
    flex-direction: column;
    align-items: center;
  }

  .hero-actions .btn {
    width: 100%;
    max-width: 300px;
  }

  /* IMPORTANT: Fix Nataraja */
  .nataraja-wrap {
    left: 50%;
    right: auto;
    top: 55%;
    transform: translate(-50%, -50%) scale(0.65);
    opacity: 0.15;
    z-index: 1;
  }

  /* Reduce heavy visuals */
  .mist,
  .lotus-wrap,
  .hero-particles {
    display: none;
  }

  .temple-skyline {
    height: 70px;
    opacity: 0.2;
  }
}

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

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

  .hero-om {
    font-size: 26px;
  }
}
.cat-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
}

@media (max-width: 668px) {

  .cat-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .cat-card {
    height: auto !important;
  }

  .cat-card-img {
    height: 140px !important;
  }

  .cat-card-name {
    font-size: 16px !important;
  }
@media (max-width: 768px) {

  .cat-row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* 👈 2 SIDE BY SIDE */
    gap: 12px !important;
    padding: 0 10px;
  }

  .cat-card {
    height: auto !important;
    border-radius: 6px;
  }

  .cat-card-img {
    height: 120px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .cat-card-img img {
    max-width: 90%;
    max-height: 100%;
    object-fit: contain;
  }

  .cat-card-name {
    font-size: 14px !important;
    text-align: center;
  }

  .sacred-sec {
    padding: 40px 12px;
  }
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d406e03 */.sacred-sec {
    padding: 80px 44px;
    background: var(--cream);
    position: relative;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-350cb36 *//* ═══════════════════════════════════════
   SACRED COLLECTION SECTION
═══════════════════════════════════════ */

.sacred-sec {
    padding: 10px 14px;
    background: var(--cream);
    position: relative;
    overflow: hidden;
}

/* Yantra background */
.yantra-bg {
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    width: 380px;
    height: 380px;
    opacity: 0.035;
    pointer-events: none;
}

/* ===== GRID ===== */
.cat-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 14px;
}

/* ===== CARD ===== */
.cat-card {
    border-radius: 6px;
    height: 250px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid rgba(184,130,10,.12);
    background: #ffffff;
    position: relative;
    transition: transform .4s ease, box-shadow .4s ease, border-color .4s ease;
}

/* Hover effect */
.cat-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(20,40,16,.12);
    border-color: rgba(184,130,10,.4);
}

/* subtle gold overlay */
.cat-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, transparent 40%, rgba(232,192,64,.07) 100%);
    opacity: 0;
    transition: opacity .4s;
}

.cat-card:hover::after {
    opacity: 1;
}

/* ===== IMAGE ===== */
.cat-card-img {
    height: 200px;
    overflow: hidden;
    background: #F0E8D0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cat-card-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 10px;
    transition: transform .5s ease;
}

.cat-card:hover .cat-card-img img {
    transform: scale(1.1);
}

/* ===== TEXT ===== */
.cat-card-body {
    padding: 10px;
}

.cat-card-name {
    font-family: 'Cormorant Garamond', serif;
    font-size: 20px;
    color: #B8820A; /* GOLD COLOR */
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
}

/* ===== BUTTON STYLE FIX (optional) ===== */
.btn:not(.black):not(.active):not(.bordered):not(.style-custom) {
    color: #e8c040;
    background-color: transparent;
    border-color: #e8c040;
}

@media (max-width: 600px) {

  .sacred-sec .cat-row{
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  .sacred-sec .cat-card{
    height: auto !important;
  }

  .sacred-sec .cat-card-img{
    height: 140px !important;
  }

  .sacred-sec .cat-card-name{
    font-size: 14px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c7bb30 */.sacred-sec {
    padding: 80px 44px;
    background: var(--cream);
    position: relative;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16a5e16 *//* ═══ FEATURED PRODUCTS ═══ */
.featured-sec{padding:30px 44px;background:#f0e2c0}
.feat-grid{display:grid;grid-template-columns:1.85fr 1fr 1fr;grid-template-rows:310px 220px;gap:10px}
.feat-card{position:relative;overflow:hidden;border-radius:3px;cursor:pointer;background:#1a1a1a}
.feat-card.main{grid-row:span 2}
.feat-card img{transition:transform .7s ease;object-fit:contain;background:#1C1408}
.feat-card.main img{object-fit:cover;background:#2a1808}
.feat-card:hover img{transform:scale(1.06)}
.feat-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0a1208eb 0%,#0a120826 55%,transparent 100%)}
.feat-info{position:absolute;bottom:0;left:0;right:0;padding:22px 20px 18px}
.feat-info.sm{padding:14px 14px 12px}
.feat-badge{display:inline-block;background:#b8820a;color:white;font-size:8px;letter-spacing:2px;padding:3px 10px;margin-bottom:8px;font-weight:400}
.feat-badge.saffron{background:#c45a10}.feat-badge.green{background:#2a5220}
.feat-name{font-family:'Cormorant Garamond',serif;font-size:22px;color:#ffffff;margin-bottom:5px;line-height:1.2}
.feat-name.sm{font-size:15px;margin-bottom:3px}
.feat-price{font-size:14px;color:#e8c040;font-weight:300}
.feat-price.sm{font-size:12px}
.feat-orig{font-size:11px;color:#ffffff66;text-decoration:line-through;margin-left:7px}
element.style {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 36px;
}
.h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 1.15;
    color: #fff;
}


button.view-all-btn{
  color:#2c1c0c !important;
  background: transparent !important;
  border:1px solid #2c1c0c !important;

  /* 👉 spacing fix */
  padding: 10px 22px !important;
  margin-bottom: 10px !important;
  line-height: 1.2;
  border-radius: 2px;

  transition: all 0.3s ease;
}

button.view-all-btn:hover{
  background:#2c1c0c !important;
  color:#f0e2c0 !important;
}

/* ===== MOBILE VIEW FIX ===== */
@media (max-width: 767px){
  button.view-all-btn{
    width: 100% !important;
    padding: 12px 18px !important;
    font-size: 14px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

.feat-badge {
    display: inline-block;
    background color:#b8820a;
    color: white;
    font-size: 8px;
    letter-spacing: 2px;
    padding: 3px 10px;
    margin-bottom: 8px;
    font-weight: 400;
}
.feat-price {
    font-size: 14px;
    color: #e8c040;
    font-weight: 300;
}
/* ═══ UNIVERSE ═══ */

/* ===== FEATURED PRODUCTS MOBILE FIX ===== */
@media only screen and (max-width: 767px) {

  .featured-sec {
    padding: 50px 16px !important;
  }
.eyebrow {
    color: #c89a20;
    text-align: center;
}
  /* Header (title + button) */
  .featured-sec > div {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px;
  }

  .h2 {
    font-size: 26px !important;
  }
@media (max-width: 767px){

  .feat-grid{
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    gap: 12px !important;
  }

  .feat-card.main{
    grid-row: auto !important;   /* span band */
  }

  .feat-card img{
    height: 200px !important;
    object-fit: cover !important;
  }

}
  /* GRID → MOBILE STACK */
  .feat-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
    gap: 14px !important;
  }

  /* Cards */
  .feat-card {
    height: auto !important;
    border-radius: 6px;
  }

  .feat-card.main {
    grid-row: auto !important;
  }

  /* Image fix */
  .feat-card img {
    width: 100%;
    height: 220px;
    object-fit: cover !important;
  }

  .feat-card.main img {
    height: 260px;
  }

  /* Text */
  .feat-name {
    font-size: 18px !important;
  }

  .feat-name.sm {
    font-size: 15px !important;
  }

  .feat-price {
    font-size: 13px !important;
  }

  .feat-price.sm {
    font-size: 12px !important;
  }

  /* Button full width */
  .btn-dark-outline {
    width: 100%;
    text-align: center;
  }
.btn-dark-outline {
    background

: transparent;
    color: #4a3020;
    border: 1px solid #3c201033;
}
}

.btn:not(.black):not(.active):not(.bordered):not(.style-custom) {
    color: var(--et_btn-color);
    background-color: #f0e2c0;
    border-color:#2c1c0c;
}

.btn:not(.black):not(.active):not(.bordered):not(.style-custom):hover {
    color:#f0e2c0;
    background-color

: var(--et_btn-bg-color-hover);
    border-color: #f7edd8;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-726c5f5 */.universe-sec{
  padding:30px 44px;
  background:#142810;
  position:relative;
  overflow:hidden;
}

.univ-forest-bg{
  position:absolute;
  inset:0;
  overflow:hidden;
}

.univ-forest-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.07;
  filter:saturate(0);
}

.universe-geo{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:560px;
  height:560px;
  opacity:.04;
  pointer-events:none;
  animation:nat-spin 80s linear infinite;
}

/* ===== GRID DESKTOP ===== */
.univ-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:#b8820a1a;
  border:1px solid #b8820a1a;
  margin-top:52px;
}

/* ===== CARD ===== */
.univ-cell{
  background:#142810ad;
  padding:28px 18px;
  text-align:center;
  cursor:pointer;
  transition:background .35s,transform .35s;
  position:relative;
  overflow:hidden;
}

.univ-cell::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 0%,#b8820a24,transparent 70%);
  opacity:0;
  transition:opacity .4s;
}

.univ-cell:hover{
  background:#142810f2;
  transform:translateY(-2px);
}

.univ-cell:hover::before{
  opacity:1;
}

/* ===== IMAGE ===== */
.univ-img-wrap{
  width:90px;
  height:90px;
  border-radius:50%;
  margin:0 auto 14px;
  overflow:hidden;
  border:2px solid rgba(184,130,10,.25);
  transition:border-color .4s;
  position:relative;
  background:#1A0E06;
}

.univ-cell:hover .univ-img-wrap{
  border-color:#b8820a;
  box-shadow:0 0 20px #b8820a40;
}

.univ-img-wrap img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:6px;
}

/* ===== TEXT ===== */
.univ-name{
  font-family:'Cormorant Garamond',serif;
  font-size:17px;
  color:#FDF8EE;
  margin-bottom:7px;
}

.univ-desc{
  font-size:13px;
  color:#f0dca073;
  line-height:1.75;
  font-weight:300;
}

/* ===== TITLE ===== */
.h2-light{
  font-family:'Cormorant Garamond',serif;
  font-size:38px;
  font-weight:300;
  line-height:1.15;
  color:#FDF8EE;
}

@media only screen and (max-width: 768px){

  .universe-sec .univ-grid{
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  .universe-sec .univ-cell{
    width: 100% !important;
    padding: 14px !important;
  }

  .universe-sec .univ-img-wrap{
    width: 60px !important;
    height: 60px !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8029f85 *//* ═══ SPECIAL COLLECTIONS ═══ */

.special-sec{padding:30px 44px;background:var(--beige3)}
.special-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:52px}
.spec-card{border-radius:4px;overflow:hidden;cursor:pointer;background:white;border:1px solid rgba(184,130,10,.1);transition:transform .4s,box-shadow .4s}
.spec-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(20,40,16,.14)}
.spec-img{height:230px;overflow:hidden;position:relative;background:#F0E8D0}
.spec-img img{transition:transform .6s;object-fit:contain;padding:10px}
.spec-card:hover .spec-img img{transform:scale(1.09)}
.spec-overlay-label{position:absolute;top:12px;left:12px;background:var(--forest);color:var(--gold3);font-size:8px;letter-spacing:3px;padding:4px 10px;font-weight:300;z-index:2}
.spec-body{padding:20px 18px}
.spec-tag{font-size:9px;letter-spacing:4px;color:#b8820a;font-weight:300;margin-bottom:6px}
.spec-name{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--text);margin-bottom:8px}
.spec-desc{font-size:11px;color:var(--text3);line-height:1.75;font-weight:300;margin-bottom:14px}
.spec-link{font-size:10px;letter-spacing:2px;color:#2a5220;border-bottom:1px solid rgba(42,82,32,.25);padding-bottom:2px;display:inline-block;transition:all .3s}
.spec-card:hover .spec-link{color:#e06820;border-color:#e06820}
.h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 1.15;
    color: #2c1c0c;
}


/* ===== SPECIAL COLLECTIONS MOBILE FIX ===== */
@media only screen and (max-width: 767px) {

  .special-sec {
    padding: 60px 16px !important;
  }

  /* Title */
  .h2 {
    font-size: 26px !important;
    text-align: center;
  }

  /* GRID → 1 COLUMN (BEST MOBILE UX) */
  .special-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 30px !important;
  }

  /* CARD */
  .spec-card {
    border-radius: 8px;
  }

  /* IMAGE FIX */
  .spec-img {
    height: 200px !important;
  }

  .spec-img img {
    object-fit: cover !important;
    padding: 0 !important;
  }

  /* TEXT */
  .spec-name {
    font-size: 18px !important;
  }

  .spec-desc {
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  .spec-tag {
    font-size: 8px !important;
    letter-spacing: 3px !important;
  }

  /* LINK */
  .spec-link {
    font-size: 11px !important;
  }

}

@media (max-width: 767px) {
  .univ-cell,
  .cat-card,
  .spec-card {
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-065c328 *//* ═══ PRODUCT LISTS ═══ */
.pl-sec {
  padding: 30px 44px;
  background:#fdf8ee
}

.pl-2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px
}

.pl-col-title {
  font-size: 9px;
  letter-spacing: 5px;
  color: #B8820A;
  font-weight: 300;
  margin-bottom: 8px
}

.pl-col-head {
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid #b8820a2e
}

.pl-list {
  display: flex;
  flex-direction: column;
  gap: 10px
}

.pl-item {
  display: flex;
  gap: 14px;
  align-items: center;
  background: #f7edd8;
  border: 1px solid #b8820a1a;
  border-radius: 3px;
  padding: 12px;
  cursor: pointer;
  transition: transform .3s, box-shadow .3s, border-color .3s;
  position: relative;
  overflow: hidden
}

.pl-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background:#b8820a;
  transform: scaleY(0);
  transition: transform .3s;
  transform-origin: bottom
}

.pl-item:hover {
  transform: translateX(6px);
  box-shadow: 0 6px 24px #1428101a;
  border-color: #b8820a4d
}

.pl-item:hover::before {
  transform: scaleY(1)
}

.pl-thumb {
  width: 70px;
  height: 70px;
  border-radius: 3px;
  overflow: hidden;
  flex-shrink: 0;
  border: 1px solid #b8820a1f;
  background: #F0E8D0
}

.pl-thumb img {
  object-fit: contain;
  padding: 5px
}

.pl-info {
  flex: 1
}

.pl-name {
  font-family: 'Cormorant Garamond', serif;
  font-size: 17px;
  color:#2c1c0c;
  margin-bottom: 3px;
  line-height: 1.2
}

.pl-sub {
  font-size: 9px;
  letter-spacing: 2px;
  color: #5a8040;
  font-weight: 300;
  margin-bottom: 5px
}

.pl-price {
  font-size: 13px;
  color: #c45a10;
  font-weight: 400
}

.pl-orig {
  font-size: 11px;
  color: #aaa;
  text-decoration: line-through;
  margin-left: 6px;
  font-weight: 300
}

.pl-add-btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1.5px solid #3c201033;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  flex-shrink: 0;
  transition: all .3s;
  color: #2c1c0c;
  background: transparent
}

.pl-item:hover .pl-add-btn {
  background: #c45a10;
  border-color: #c45a10;
  color: white
}



@media (max-width: 768px) {

  /* allow proper full content visibility */
  .feat-card,
  .spec-card,
  .univ-cell {
    height: auto !important;
  }

  /* ===== IMAGE FIX ===== */
  .feat-card img,
  .spec-img img,
  .univ-img-wrap img {
    width: 100%;
    height: auto !important;
    object-fit: cover;
    display: block;
  }

  /* Featured grid fix */
  .feat-grid {
    grid-template-columns: 1fr !important;
  }

  /* Special grid fix */
  .special-grid {
    grid-template-columns: 1fr !important;
  }

  /* Universe grid fix */
  .univ-grid {
    grid-template-columns: 1fr !important;
  }

  /* ===== TEXT FIX ===== */
  .feat-name,
  .spec-name,
  .univ-name,
  .pl-name {
    font-size: 16px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }

  /* description fix */
  .spec-desc,
  .univ-desc,
  .pl-sub {
    display: block;
    overflow: visible;
  }

  /* padding fix for mobile */
  .featured-sec,
  .universe-sec,
  .special-sec,
  .pl-sec {
    padding: 30px 14px !important;
  }

 .pl-add-btn {
  max-width: 26px !important;
  padding: 0 !important;
}

/* image */
.pl-thumb {
  order: 2;
}

/* text */
.pl-info {
  order: 3;
  flex: 1;
}
  /* prevent cut off */
  body {
    overflow-x: hidden;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6992674 *//* ═══ SERVICES ═══ */
.services-sec {
  padding: 30px 44px 50px;
  background: #1e3c18;
  position: relative;
  overflow: hidden;
}

.srv-bg {
  position: absolute;
  inset: 0;
  background: #0a1c10;
  overflow: hidden
}

.srv-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: #09180c61;
  z-index: 1
}

.srv-bg-fill {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%
}





.srv-bg-fill {
  object-fit: cover;
  object-position: center 22%;
  opacity: .26;
  filter: blur(18px) sepia(1) saturate(.45) brightness(.78);
  transform: scale(1.08)
}
.srv-card {
  position: relative;
}

.srv-link {
  position: relative;
  z-index: 5;
  pointer-events: auto;
}
.srv-bg-main {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 22%;
  opacity: .48;
  filter: sepia(.9) saturate(.55) brightness(.92);
  z-index: 2
}

.srv-inner {
  position: relative;
  z-index: 3
}

.srv-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 52px
}

.srv-card {
  background: #f0dca00a;
  border: 1px solid #b8820a2e;
  border-radius: 3px;
  padding: 36px 28px;
  display: flex;
  gap: 22px;
  align-items: flex-start;
  cursor: pointer;
  transition: background .35s, border-color .35s, transform .35s;
  position: relative;
  overflow: hidden
}

.srv-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 0% 0%, #b8820a14, transparent 60%);
  opacity: 0;
  transition: opacity .4s
}

.srv-card:hover {
  background: #f0dca012;
  border-color: #b8820a66;
  transform: translateY(-4px)
}

.srv-card:hover::before {
  opacity: 1
}

.srv-icon {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #b8820a1f;
  border: 1px solid #b8820a40;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  flex-shrink: 0;
  transition: all .35s
}

.srv-card:hover .srv-icon {
  background: #b8820a38;
  box-shadow: 0 0 20px #b8820a33
}

.srv-name {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  color: #fdf8ee;
  margin-bottom: 8px
}

.srv-desc {
  font-size: 12px;
  color: #f0dca07a;
  line-height: 1.85;
  font-weight: 300;
  margin-bottom: 14px
}

.srv-link {
  font-size: 10px;
  letter-spacing: 2px;
  color: #c89a20;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid #b8820a4d;
  padding-bottom: 2px;
  transition: gap .3s, border-color .3s
}

.srv-card:hover .srv-link {
  gap: 10px;
  border-color: #c89a20
}

@media only screen and (max-width: 768px) {

  .mobile-only-services .srv-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .mobile-only-services .srv-grid > * {
    width: 100% !important;
    min-width: 0 !important;
  }

  .mobile-only-services .srv-card {
    display: block !important;
    width: 100% !important;
    padding: 14px !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3af6ecb *//* ═══ TESTIMONIALS ═══ */
.testi-sec {
  padding: 30px 44px;
  background: #f5e8b0
}

.testi-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 52px
}

.testi-card {
  background: white;
  border: 1px solid #b8820a1f;
  border-radius: 4px;
  padding: 30px 26px;
  transition: transform .35s, box-shadow .35s
}

.testi-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 50px #1428101a
}

.testi-stars {
  color: #b8820a;
  font-size: 16px;
  margin-bottom: 14px;
  letter-spacing: 2px
}

.testi-quote {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 17px;
  color: #2c1c0c;
  line-height: 1.75;
  margin-bottom: 22px;
  min-height: 150px;
}

.testi-divider {
  width: 32px;
  height: 1px;
  background: #b8820a;
  margin-bottom: 16px
}

.testi-author {
  display: flex;
  align-items: center;
  gap: 12px
}

.testi-avatar {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  border: 2px solid #b8820a40
}

.testi-name {
  font-size: 12px;
  font-weight: 500;
  color: var(--text)
}

.testi-role {
  font-size: 10px;
  letter-spacing: 1px;
  color: var(--sage);
  font-weight: 300;
  margin-top: 2px
}


/* ═════════ MOBILE FIX (ALL SECTIONS) ═════════ */
@media (max-width: 768px) {

  body {
    overflow-x: hidden;
  }

  /* ================= GLOBAL GRID FIX ================= */
  .feat-grid,
  .univ-grid,
  .special-grid,
  .srv-grid,
  .why-grid,
  .testi-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  /* ================= SECTION PADDING ================= */
  .featured-sec,
  .universe-sec,
  .special-sec,
  .services-sec,
  .why-sec,
  .testi-sec,
  .pl-sec {
    padding: 50px 16px !important;
  }

  /* ================= FEATURED PRODUCTS ================= */
  .feat-card.main {
    grid-row: auto !important;
  }

  .feat-card img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
  }

  .feat-card {
    min-height: auto !important;
  }

  .feat-name {
    font-size: 16px !important;
  }

  /* ================= UNIVERSE GRID ================= */
  .univ-cell {
    padding: 18px 12px !important;
  }

  .univ-img-wrap {
    width: 70px !important;
    height: 70px !important;
  }

  .univ-desc {
    font-size: 12px !important;
  }

  /* ================= SPECIAL COLLECTIONS ================= */
  .spec-img {
    height: 180px !important;
  }

  .spec-name {
    font-size: 16px !important;
  }

  /* ================= PRODUCT LIST ================= */
  .pl-2col {
    grid-template-columns: 1fr !important;
  }

  .pl-item {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  .pl-thumb {
    width: 60px !important;
    height: 60px !important;
  }

  .pl-name {
    font-size: 14px !important;
  }

  /* ================= SERVICES ================= */
  .srv-grid {
    grid-template-columns: 1fr !important;
  }

  .srv-card {
    flex-direction: column !important;
    text-align: left !important;
    padding: 22px 18px !important;
  }

  .srv-icon {
    width: 50px !important;
    height: 50px !important;
    font-size: 22px !important;
  }

  .srv-name {
    font-size: 18px !important;
  }

  /* ================= WHY CHOOSE ================= */
  .why-grid {
    grid-template-columns: 1fr !important;
  }

  .why-card {
    padding: 24px 16px !important;
  }

  /* ================= TESTIMONIAL ================= */
  .testi-grid {
    grid-template-columns: 1fr !important;
  }

  .testi-quote {
    font-size: 15px !important;
  }

  /* ================= IMAGES FIX (MOST IMPORTANT) ================= */
  img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

}
.testi-avatar {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: linear-gradient(135deg, #b8820a, #e0b94a);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  border: 2px solid #b8820a40;
  flex-shrink: 0;
}

@media (max-width: 768px) {

  .testi-author {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  /* IMPORTANT: prevent text going sideways */
  .testi-author > div:last-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
  }

  .testi-name {
    font-size: 14px !important;
    line-height: 1.2;
    white-space: normal;
  }

  .testi-role {
    font-size: 11px !important;
    line-height: 1.2;
    white-space: normal;
  }

  .testi-avatar {
    width: 42px !important;
    height: 42px !important;
    flex-shrink: 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f2d6dd *//* ═══ WHY ═══ */
.why-sec {
  padding: 30px 44px;
  background: #f7edd8;
  position: relative;
  overflow: hidden
}

.om-watermark {
  position: absolute;
  right: -20px;
  bottom: -40px;
  font-size: 280px;
  color: #b8820a0a;
  font-family: serif;
  line-height: 1;
  pointer-events: none;
  user-select: none
}

.why-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  margin-top: 52px
}

.why-card {
  background: #fdf8ee;
  border: 1px solid #b8820a1f;
  border-radius: 4px;
  padding: 34px 22px;
  text-align: center;
  transition: all .4s;
  position: relative;
  overflow: hidden
}

.why-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #b8820a, #c45a10);
  transform: scaleX(0);
  transition: transform .4s
}

.why-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 16px 45px #1428101a;
  border-color: #b8820a4d
}

.why-card:hover::after {
  transform: scaleX(1)
}

.why-icon-wrap {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #f5e8b0;
  border: 1px solid #b8820a33;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  font-size: 28px;
  transition: all .4s
}

.why-card:hover .why-icon-wrap {
  background: #B8820A;
  box-shadow: 0 0 20px #b8820a40
}

.why-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 19px;
  color: #2c1c0c;
  margin-bottom: 10px
}

.why-desc {
  font-size: 12px;
  color: #6a5040;
  line-height: 1.8;
  font-weight: 300
}
/* ===== GLOBAL MOBILE FIX ===== */
@media (max-width: 768px) {

  /* Force full width */
  * {
    max-width: 100% !important;
    box-sizing: border-box;
  }

  /* All rows -> column */
  .row,
  .elementor-row,
  .elementor-container,
  [class*="row"] {
    display: flex !important;
    flex-direction: column !important;
  }

  /* All columns full width */
  .col,
  .elementor-column,
  [class*="col"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Remove fixed widths */
  div, section {
    width: 100% !important;
  }

  /* Images fix */
  img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Text adjust */
  h1 { font-size: 22px !important; }
  h2 { font-size: 20px !important; }
  p  { font-size: 14px !important; }

  /* Button full width */
  button, .btn {
    width: 100% !important;
  }

}

@media (max-width: 768px){

  /* 2 COLUMN GRID */
  .why-grid{
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  /* CARD */
  .why-card{
    padding: 16px 10px !important;
    text-align: center;
  }

  /* ⭐ ICON PERFECT CENTER FIX */
  .why-icon-wrap{
    width: 48px !important;
    height: 48px !important;
    margin: 0 auto 10px !important;

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

    font-size: 18px !important;
  }

  /* TEXT */
  .why-title{
    font-size: 14px !important;
  }

  .why-desc{
    font-size: 11px !important;
    line-height: 1.4;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-785084c */.why-sec {
    padding: 80px 44px;
    background: var(--beige);
    position: relative;
    overflow: hidden;
}
.section-head {
    text-align: center;
    margin-bottom: 48px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9284e03 *//* ═══ COMMUNITY ═══ */
.community-sec {
  padding: 30px 44px;
  background: #f0e2c0;
}

.comm-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 32px;
  flex-wrap: wrap;
  gap: 16px;
}

.eyebrow {
  color: #c89a20;
}

.pills {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.pill {
  padding: 8px 18px;
  border-radius: 24px;
  border: 1px solid #3c20102e;
  font-size: 10px;
  letter-spacing: 2px;
  color: #4a3020;
  cursor: pointer;
  transition: all .3s;
  font-weight: 300;
  text-decoration: none;
}

.pill:hover,
.pill.on {
  background: #142810;
  color: #fdf8ee;
  border-color: #142810;
}

/* ═══ GRID ═══ */
.masonry {
  display: grid;
  grid-template-columns: 1fr 1.4fr 1fr;
  grid-template-rows: 200px 200px;
  gap: 8px;
}

.m-cell {
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  background: #1A1208;
}

/* tall card */
.m-cell.tall {
  grid-row: span 2;
}

/* ═══ VIDEO FIX ═══ */
.m-cell iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* REMOVE ANY OLD IMAGE STYLING EFFECT */
.m-cell img {
  display: none;
}

/* ═══ REMOVE OVERLAY COMPLETELY ═══ */
/* (IMPORTANT: NO RED ICON / NO HOVER LAYER) */

/* ═══ FOOTER ═══ */
.comm-footer {
  text-align: center;
  margin-top: 24px;
  font-size: 13px;
  color: #4a3020;
  font-weight: 300;
}

.comm-handle {
  color: #c45a10;
  font-weight: 500;
  cursor: pointer;
}

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

  .community-sec {
    padding: 40px 14px;
  }

  .comm-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .pills {
    gap: 8px;
  }

  .masonry {
    grid-template-columns: 1fr;
    grid-auto-rows: 200px;
    gap: 10px;
  }

  .m-cell.tall {
    grid-row: auto;
  }

  .comm-footer {
    font-size: 12px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8aa7cf9 */.nl-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;
}

.nl-content {
  flex: 1;
}

.nl-form {
    display: flex;
    max-width: 460px;
    margin: 0 auto;
}

.nl-input {
    flex: 1;
    background: rgba(240, 220, 160, .07) !important;
    border: 1px solid rgba(184, 130, 10, .25) !important;
    color: #fdf8ee !important;
    padding: 14px 20px;
    font-family: 'DM Sans', sans-serif;
    font-size: 12px;
    font-weight: 300;
    outline: none;
    width: 600px !important;
    transition: border-color .3s;
}

.nl-btn {
        color: white;
        margin-right: 10px;
        background: #c45a10;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        padding:6px  ;
    }

@media (max-width: 768px) {
   .nl-inner {
    flex-direction: column !important;
    
    
  }


  .nl-form {
    width: 100%;
  
}
.nl-btn {
  background: #c45a10;
  color: white;
  border: none;
margin-right: 34px; !important
  margin-left: -10px !important

 
.nl-btn {
  background: #c45a10;
  color: white;
  border: none;
  margin-left:5px;
  margin-left:-10px;
  padding:5px 5px;
  font-family: 'DM Sans', sans-serif;
  font-size: 10px;
  letter-spacing: 3px;
  cursor: pointer;
  transition: background .3s;
  white-space: nowrap;
  font-weight: 400
}

.nl-btn:hover {
  background: #E06820
}

.nl-note {
  font-size: 10px;
  color: #f0dca04d;
  margin-top: 14px;
  
  letter-spacing: 1px
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-91ce3de */.nl-inner {
  display: flex;
  align-items: ;
  justify-content: space-between;
  gap: 40px;
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;
}

.nl-content {
  flex: 3;
  @media (max-width: 768px){

  .nl-text,
  .h2-light,
  .eyebrow{
    text-align: justify;
    text-justify: inter-word;
  }

  /* optional: last line center avoid awkward stretch */
  .nl-text::after{
    content: "";
    display: inline-block;
    width: 100%;
  }

}
  
  
}


.nl-form {
    display: flex;
    max-width: 460px;
    margin: 0 auto;
}/* End custom CSS */