@font-face{font-family:Jost;font-weight:400;font-display:swap;src:url(../fonts/jost-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Jost;font-weight:500;font-display:swap;src:url(../fonts/jost-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Jost;font-weight:600;font-display:swap;src:url(../fonts/jost-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Jost;font-weight:700;font-display:swap;src:url(../fonts/jost-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Roboto;font-weight:400;font-display:swap;src:url(../fonts/roboto-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Roboto;font-weight:500;font-display:swap;src:url(../fonts/roboto-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Roboto;font-weight:700;font-display:swap;src:url(../fonts/roboto-latin-700-normal.woff2) format("woff2")}
:root{--g:#16572c;--lg:#86a738;--y:#e9c33a}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Roboto,Arial,sans-serif;font-size:14px;line-height:1.7;color:#000;background:#fff;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
h1,h2,h3,h4{font-family:Jost,Arial,sans-serif;font-weight:600;line-height:1.3}
.row{width:90%;max-width:1300px;margin:0 auto}
.fw{width:100%}
/* preloader */
#pl{position:fixed;inset:0;z-index:99999;pointer-events:all;background:#fff}
#pl.go{background:transparent}
#pl i{position:absolute;left:0;right:0;height:50%;background:#fff;transition:transform .8s cubic-bezier(.77,0,.18,1)}
#pl i.t{top:0}#pl i.b{bottom:0}
#pl img{position:absolute;left:50%;top:50%;width:300px;max-width:60vw;transform:translate(-50%,-50%);animation:plp 1.2s ease-in-out infinite alternate;transition:opacity .35s}
@keyframes plp{from{opacity:.55;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
#pl.go img{opacity:0}
#pl.go i.t{transform:translateY(-101%)}#pl.go i.b{transform:translateY(101%)}
#pl.done{display:none}
/* header */
.hd{position:fixed;top:0;left:0;right:0;height:88px;z-index:900;display:flex;align-items:center;justify-content:center;transition:background .3s,box-shadow .3s}
.hd .lg img{height:75px;width:auto}
.hd .ld{display:none}
body.home .hd .ld{display:block}body.home .hd .lw{display:none}
.hd .gq{position:absolute;right:4%;font:500 12px/1 Jost,sans-serif;letter-spacing:2px;color:#fff;text-transform:uppercase;transition:color .3s}
.hd .gq:hover{color:var(--lg)}
.hb{position:fixed;top:24px;left:20px;font-size:26px;line-height:1;color:#fff;background:rgba(0,0,0,.6);padding:8px 13px;cursor:pointer;border-radius:5px;z-index:1001;border:0;transition:background-color .3s,top .3s}
.hb:hover{background-color:rgba(255,255,255,.3)}
.hd.sc{background:rgba(25,28,14,.72);backdrop-filter:blur(4px);box-shadow:0 2px 10px rgba(0,0,0,.2)}
body.home .hd.sc{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12)}
body.home .hd.sc .gq{color:var(--g)}
body.home .hd.sc~.hb{background:rgba(0,0,0,.6)}
.mn{padding:0 98px;position:fixed;top:0;left:-100%;width:42%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:flex-end;align-items:center;transition:left .6s ease-in-out;z-index:1002;overflow:auto}
.mn.on{left:0}
.mn .mc{text-align:right;padding-right:20px;margin:auto 0}
.mn li{margin:20px 0;transform:translateX(-200%);opacity:0;transition:transform .6s ease,opacity .6s ease}
.mn.on li{transform:none;opacity:1}
.mn.on li:nth-child(1){transition-delay:.2s}.mn.on li:nth-child(2){transition-delay:.4s}.mn.on li:nth-child(3){transition-delay:.6s}.mn.on li:nth-child(4){transition-delay:.8s}.mn.on li:nth-child(5){transition-delay:1s}.mn.on li:nth-child(6){transition-delay:1.2s}.mn.on li:nth-child(7){transition-delay:1.4s}
.mn a{display:inline-block;color:#fff;font:500 20px/1.3 Jost,sans-serif;text-transform:uppercase;transition:color .3s,transform .3s}
.mn a:hover,.mn a.cur{color:var(--lg)}.mn a:hover{transform:scale(1.1)}
.mn .sub{display:none;padding-left:20px;margin:10px 0}
.mn .sub.show{display:block}
.mn .sub li{margin:12px 0;transform:none;opacity:1}
.mn .sub a{font-size:17px}
.mx{position:absolute;top:50px;right:50px;font-size:40px;line-height:1;color:#fff;cursor:pointer;background:none;border:0;transition:transform .3s,color .3s}
.mx:hover{transform:rotate(90deg);color:#a6d972}
.mo{position:fixed;inset:0;background:rgba(0,0,0,.001);z-index:1001;display:none}
.mo.on{display:block}
/* side icons */
.soc{position:fixed;right:0;top:34%;z-index:800;display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.soc a{display:flex;align-items:center;justify-content:flex-start;height:34px;width:34px;border-radius:34px 0 0 34px;color:#fff;overflow:hidden;transition:width .3s;padding:0 0 0 9px;font:500 12px/1 Jost,sans-serif;white-space:nowrap}
.soc a svg{width:16px;height:16px;flex:none;fill:currentColor}
.soc a span{margin-left:9px;opacity:0;transition:opacity .3s}
.soc a:hover{width:106px}.soc a:hover span{opacity:1}
.soc .fb{background:#2c80d3}.soc .ig{background:#f20074}.soc .li{background:#007ab9}.soc .yt{background:#fa0910}
.wa{position:fixed;left:16px;bottom:15px;width:60px;height:60px;border-radius:50%;background:#25d366;z-index:800;display:flex;align-items:center;justify-content:center;animation:beat 2s infinite}
.wa svg{width:34px;height:34px;fill:#fff}
@keyframes beat{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
#cur{position:fixed;left:0;top:0;width:22px;height:22px;border-radius:50%;background:rgba(160,160,160,.75);pointer-events:none;z-index:99998;transform:translate(-100px,-100px)}
/* hero */
.hero{position:relative;width:100%;aspect-ratio:16/9;min-height:360px;background:#e9c33a;overflow:hidden}
.hero video,.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* common */
.sec{position:relative;padding:90px 0}
.yb{background:#e9c33a url(../images/bg2.webp) center/cover}
.mh{text-align:center;margin-bottom:34px}
.mh .a{display:block;font:600 53px/1.5 Jost,sans-serif;letter-spacing:4px;text-transform:uppercase;color:rgba(22,87,44,.32);margin-bottom:10px}
.mh .b{display:block;font:600 40px/1.3 Jost,sans-serif;letter-spacing:4px;text-transform:uppercase;color:var(--g);margin-top:-20px}
.mh.l{text-align:left}
.dk .mh .a{color:rgba(255,255,255,.35)}.dk .mh .b{color:#fff}
.dv{width:10%;min-width:60px;border-top:3px solid var(--g);margin:18px auto 26px}
.mh.l+.dv{margin-left:0}
.dk .dv{border-color:#fff}
.txt{font-size:16px;line-height:1.7;font-weight:500;color:#000}
.txt.c{text-align:center}.txt.j{text-align:justify}
.dk .txt{color:#fff}
.btn{display:inline-block;background:var(--g);color:#fff;font:500 12px/1.2 Jost,sans-serif;letter-spacing:2px;text-transform:uppercase;padding:12px 24px 12px 30px;border:2px solid var(--g);transition:background .3s,border-color .3s,color .3s;cursor:pointer}
.btn:hover{background:var(--lg);border-color:var(--lg)}
.btn.o{background:transparent;border-color:#fff}.btn.o:hover{background:var(--lg);border-color:var(--lg)}
.bc{text-align:center;margin-top:34px}
/* welcome */
.wel .txt{max-width:1200px;margin:0 auto}
.wel .mh .a{color:rgba(255,255,255,.42)}
/* achieving */
.ach{background:#3a3a3a center/cover;color:#fff}
.ach:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.59)}
.ach .row{position:relative}
.bl4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.bl{display:flex;gap:14px;align-items:flex-start;color:#fff}
.bl img{width:56px;flex:none}
.bl h4{font-size:23px;font-weight:500;line-height:1.25;margin-bottom:8px}
.bl p{color:rgba(255,255,255,.64);font-size:15px;line-height:1.7}
/* brand carousel */
.cr{overflow:hidden;margin-top:10px}
.crt{display:flex;transition:transform .7s ease}
.crt.nt{transition:none}
.bcard{flex:0 0 33.3333%;padding:0 10px}
.bcard>div{border:1px solid rgba(0,0,0,.12);height:100%;display:flex;flex-direction:column;background:rgba(255,255,255,.04)}
.bcard img.pi{width:100%;height:250px;object-fit:cover;object-position:top}
.bcard .bt{padding:18px 20px 24px;display:flex;flex-direction:column;flex:1}
.bcard h3{font-size:25px;color:var(--g);margin-bottom:6px;font-weight:500}
.bcard p{font-size:14px;line-height:1.55;font-weight:500;margin-bottom:12px;flex:1}
.bcard .ic{width:20px;height:20px;margin-bottom:14px}
.bcard .btn{align-self:flex-start;padding:10px 20px 10px 24px}
.dots{display:flex;justify-content:center;gap:8px;margin-top:22px}
.dots b{width:9px;height:9px;border-radius:50%;background:rgba(22,87,44,.25);cursor:pointer}.dots b.on{background:var(--g)}
/* insta */
.ins{padding:70px 0 80px}
.ins iframe{display:block;width:100%;max-width:620px;height:730px;border:0;margin:0 auto;background:#fff}
/* modal */
.md{position:fixed;inset:0;z-index:5000;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:20px}
.md.on{display:flex}
.mb{position:relative;background:#16572c;color:#fff;width:100%;max-width:1000px;padding:44px 40px 36px;max-height:92vh;overflow:auto}
.mb h3{font-size:30px;letter-spacing:3px;text-transform:uppercase;text-align:center;margin-bottom:22px}
.mb .x,.vb .x{position:absolute;top:6px;right:14px;font-size:34px;line-height:1;color:#fff;cursor:pointer;background:none;border:0}
.ms{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}
.ms img{flex:0 0 31%;scroll-snap-align:start;background:#fff;aspect-ratio:1;object-fit:contain}
.mb p{text-align:center;margin:20px 0 0;font-size:16px}
.vb{position:relative;background:#fff;padding:14px;width:100%;max-width:760px}
.vb .x{color:#000;top:-38px;right:0;color:#fff}
.vb video{width:100%;display:block;background:#000}
/* inner */
.bn{position:relative;min-height:300px;display:flex;align-items:flex-end;justify-content:center;text-align:center;color:#fff;background:#202a18 url(../images/ayurveda-footere-bg-sps.webp) center/cover;padding:0 0 70px}
.bn:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.55)}
.bn h1{position:relative;font:600 44px/1.2 Jost,sans-serif;letter-spacing:3px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.two.top{align-items:start}
.vid{position:relative}
.vid img{width:100%}
.play{position:absolute;left:44%;top:42%;transform:translate(-50%,-50%);width:98px;height:98px;border-radius:50%;background:#fff;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s}
.play:hover{transform:translate(-50%,-50%) scale(1.1)}
.play:after{content:"";border-left:26px solid var(--g);border-top:16px solid transparent;border-bottom:16px solid transparent;margin-left:8px}
.cnt{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:70px}
.cn{display:flex;align-items:center;gap:12px}
.cn img{width:52px;flex:none}
.cn b{display:block;font:600 40px/1.1 Jost,sans-serif;color:var(--g)}
.cn span{font:600 17px/1.3 Jost,sans-serif;color:#000}
.val{background:#222 center/cover;color:#fff}
.val:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.76)}
.val .row{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.vc{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.vc>div{border:1px dashed rgba(255,255,255,.35);padding:26px 18px;text-align:center}
.vc img{width:60px;margin:0 auto 12px}
.vc h4{font-size:19px;font-weight:600;margin-bottom:8px;color:#fff}
.vc p{font-size:15px;line-height:1.6;color:rgba(255,255,255,.78)}
.qt{display:flex;gap:14px;margin:6px 0 22px;color:#fff;font-size:17px;line-height:1.6}
.qt img{width:40px;height:40px;flex:none}
.tabs{border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.33)}
.tabs ul{display:flex}
.tabs li{flex:1;text-align:center;padding:11px;font:500 15px Jost,sans-serif;letter-spacing:1px;color:#fff;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3)}
.tabs li:last-child{border-right:0}
.tabs li.on{background:var(--lg)}
.tabs .tp{display:none;padding:20px;color:#fff;font-size:16px;line-height:1.7}.tabs .tp.on{display:block}
.cm .li{display:flex;align-items:center;gap:14px;margin:0 0 18px;font:600 20px/1.3 Jost,sans-serif;color:var(--g)}
.cm .li img{width:34px;flex:none}
.hv{overflow:hidden}
.hv img{width:100%;transition:transform .6s}
.hv:hover img{transform:scale(1.06)}
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:50px}
.tm{border:1px solid var(--g);border-radius:10px;padding:12px 12px 20px;text-align:center}
.tm .av{background:#eee;border-radius:6px;aspect-ratio:1/.95;overflow:hidden;margin-bottom:16px}
.tm .av svg{width:100%;height:100%}
.tm h4{font-size:19px;color:var(--g);font-weight:500;margin-bottom:6px}
.tm p{font-weight:700;font-size:15px}
.aw{display:flex;justify-content:center;gap:90px;margin-top:50px;text-align:center;flex-wrap:wrap}
.aw img{width:200px;margin:0 auto 14px}
.aw h4{color:var(--g);font-size:20px;font-weight:500}
.cs{text-align:center;padding:60px 0}
/* forms */
.fm label{display:block;font:500 15px Jost,sans-serif;margin:0 0 7px;color:#000}
.fm label small{font-weight:400;color:#555}
.fm .f{margin-bottom:20px}
.fm input[type=text],.fm input[type=email],.fm input[type=tel],.fm textarea{width:100%;border:2px solid #16572ca3;padding:25px 29px;font:17px Roboto,sans-serif;background:transparent;color:#000;outline:0}
.fm input:focus,.fm textarea:focus{border-color:var(--g)}
.fm textarea{height:170px;resize:vertical}
.fm .rd{display:flex;flex-wrap:wrap;gap:8px 24px}
.fm .rd label{display:flex;align-items:center;gap:8px;margin:0;font-weight:400}
.fm .fl{border:2px dashed #16572ca3;padding:18px;text-align:center;cursor:pointer;display:block;font-weight:400}
.fm .fl input{display:block;margin:6px auto 0;max-width:100%}
.fm .hp{position:absolute;left:-9999px;opacity:0}
.fm .cp{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.fm .cp input{width:120px;padding:14px 16px}
.fm button{background:var(--g);color:#fff;letter-spacing:2px;font:500 13px Jost,sans-serif;padding:19px 38px;border:0;cursor:pointer;text-transform:uppercase;transition:background .3s}
.fm button:hover{background:var(--lg)}
.fm button[disabled]{opacity:.6;cursor:wait}
.fmm{margin-top:16px;padding:12px 16px;font-size:15px;display:none}
.fmm.ok{display:block;background:#e3f3e6;color:#16572c}.fmm.er{display:block;background:#fdeaea;color:#a02020}
.map{display:block;width:100%;height:250px;border:0}
/* footer */
.ft{position:relative;background:#111 url(../images/ayurveda-footere-bg-sps.webp) center/cover;color:#fff;padding:50px 0 24px}
.ft:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.78)}
.ft .row{position:relative}
.ft .fl0{text-align:center;margin-bottom:34px}.ft .fl0 img{width:150px;margin:0 auto}
.fc{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}
.ft h4{font:500 22px Jost,sans-serif;margin-bottom:18px;color:#fff}
.ft p{font-size:14px;line-height:1.7;font-weight:500;text-align:justify;margin-bottom:18px;max-width:340px}
.ft .btn.o{border-width:1px;padding:10px 20px;font-size:11px}
.ci li{display:flex;gap:12px;margin-bottom:14px;font-size:14px;font-weight:500;line-height:1.55}
.ci svg{width:16px;height:16px;flex:none;fill:#fff;margin-top:4px}
.ci a:hover{color:var(--lg)}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:400px}
.gal img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:2px}
.fb2{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:34px;font-size:14px;font-weight:700;flex-wrap:wrap}
.fb2 a:hover{color:var(--lg)}
.fb2 .nv a+a:before{content:" | ";color:#fff}
/* brand pages */
.bp-d{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0b6e7f}
.bp-d video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bp-d .bl2{position:relative;z-index:2;width:90%;max-width:1300px;margin:0 auto;padding-top:128px;display:grid;grid-template-columns:1fr 2fr}
.bsl{text-align:right;padding-right:26px}
.bsl .bk{display:inline-flex;align-items:center;gap:6px;font:600 13px/1 Jost,sans-serif;letter-spacing:1px;color:#fff;margin-bottom:20px;text-transform:uppercase}
.bsl .bk img{width:11px;height:auto}
.bsl a.i{display:block;font:600 11.5px/1.25 Jost,sans-serif;letter-spacing:1px;color:#fff;text-transform:uppercase;padding:2.4px 0;transition:color .3s,transform .3s;transform-origin:right}
.bsl a.i:hover,.bsl a.i.cur{color:#d7f26b;transform:scale(1.12)}
.bp-m{display:none;position:relative;overflow:hidden;background:#0b7a8c;padding:110px 0 50px;text-align:center;color:#fff}
.bp-m>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bp-m>.row{position:relative}
.bp-m>.row>img{margin:0 auto 20px;max-width:420px}
.bp-m h2{font:600 22px Jost,sans-serif;letter-spacing:2px;text-transform:uppercase;margin-top:16px;color:#fff}
.bms{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory}
.bms img{flex:0 0 62%;scroll-snap-align:center;background:#fff;aspect-ratio:1;object-fit:contain}
.bp-m:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45);z-index:1}
.bp-m>.row{z-index:2}
.bp-m>video{z-index:0}
.jet .bp-m{display:block}.jet .bp-d{display:none}
@media(max-width:980px){
 .bp-d{display:none}.bp-m{display:block}
 .mn{width:80%;padding:0 40px}
 .mx{top:24px;right:24px}
 .bl4{grid-template-columns:1fr 1fr}
 .two,.val .row{grid-template-columns:1fr;gap:30px}
 .cnt,.team{grid-template-columns:1fr 1fr}
 .bcard{flex-basis:50%}
 .fc{grid-template-columns:1fr 1fr}
 .mh .a{font-size:40px}.mh .b{font-size:32px}
}
@media(max-width:640px){
 body{font-size:14px}
 .sec{padding:56px 0}
 .hd{height:66px}.hd .lg img{height:48px}
 .hd .gq{right:14px;font-size:11px;letter-spacing:1px}
 .hb{top:12px;left:10px;font-size:22px;padding:6px 11px}
 .mn{width:100%;padding:0 30px}
 .mn a{font-size:18px}
 .hero{aspect-ratio:auto;height:62vw;min-height:230px}
 .mh .a{font-size:22px;letter-spacing:2px;margin-bottom:6px}.mh .b{font-size:22px;letter-spacing:2px;margin-top:-16px;line-height:1.4}
 .txt{font-size:15px}
 .bl4,.cnt,.team,.vc,.fc{grid-template-columns:1fr}
 .bl h4{font-size:20px}
 .bcard{flex-basis:100%;padding:0 4px}
 .bcard img.pi{height:230px}
 .bn{min-height:210px;padding-bottom:40px}.bn h1{font-size:30px}
 .aw{gap:40px}
 .play{width:70px;height:70px}.play:after{border-left-width:19px;border-top-width:12px;border-bottom-width:12px}
 .fm input[type=text],.fm input[type=email],.fm input[type=tel],.fm textarea{padding:18px}
 .ins iframe{height:620px}
 .mb{padding:40px 16px 24px}.ms img{flex-basis:70%}
 .ft p,.gal{max-width:none}
 .fb2{flex-direction:column;align-items:flex-start;gap:12px}
 .soc{top:30%}
 .wa{width:52px;height:52px;left:10px;bottom:10px}.wa svg{width:28px;height:28px}
 .bp-m{padding-top:90px}.bms img{flex-basis:78%}
}
@media(hover:none){#cur{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
