/* Fonts */
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:local("Lato Regular"),local("Lato-Regular"),url("/fonts/lato-400.woff2") format("woff2")}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:local("Lato Bold"),local("Lato-Bold"),url("/fonts/lato-700.woff2") format("woff2")}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:local("Montserrat Bold"),local("Lato-Bold"),url("/fonts/montserrat-500.woff2") format("woff2")}

/* Margin */
:root{--padDef:max(10px, 3vw, calc((100% - 1280px)/2));--padDef2:max(10px, 3vw, calc((100% - 1600px)/2))}

/* Reset */
html,body,div,img,ul,li,header,footer,form,fieldset,legend,a{margin:0;padding:0;border:0;outline:0;box-sizing:border-box}
img{vertical-align:bottom}
a{text-decoration:none}
a:hover{opacity:.8}

body{background:#EFF2FB;color:#282828;text-align:center;font-family:"Lato",Arial, Helvetica, sans-serif;font-size:18px;line-height:1.4}
body>.wrap{min-width:320px;max-width:1880px;margin:0 auto;}
.section{padding:4vw 0;position:relative;background-color:#fff}
.section>div, nav>div{padding:0 var(--padDef)}
.section>img{position:absolute;top:0;left:0}
.section:after{content:"";display:block;clear:both}

/* Font Sizes & coloura */
body{font-size:clamp(0.88rem,calc(0.79rem + 0.42vw),1.13rem)}
h1,h2,h3,.strap,.btn,nav>div>a:last-child{font-family:"Montserrat";font-weight:500;color:#5D8300}
h1{font-size:clamp(1.84rem,calc(1.44rem + 2.01vw),3.04rem)} 
h2{font-size:clamp(1.58rem,calc(1.28rem + 1.51vw),2.49rem)}
.strap{font-size:clamp(1.18rem,calc(1.01rem + 0.83vw),1.67rem)} 

.btn{display:inline-block;min-width:190px;text-align:center;background-color:#5C8300;color:#fff;padding:10px}

/* Lists */
ul{list-style-position:inside}
li{margin-bottom:1vw}
li{margin-left:20px;list-style-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Ccircle fill='%235C8300' cx='6' cy='6' r='6'/%3E%3C/svg%3E");list-style-position:outside}

/* Layout */
.flex{display:flex;flex-wrap:wrap;align-items:center;margin:0 auto;gap:2%}
.flex>div{flex:0 1 49%;text-align:left} 

nav{background-color:#b4c69d;height:76px}
nav a{color:inherit}
nav>a{color:#fff;display:none;padding:20px var(--padDef)}
nav>a::after {margin-left:10px;vertical-align:middle;content:"";display: inline-block;width:24px;height:24px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M0 0h24v4H0M0 8h24v4H0M0 16h24v4H0'/%3E%3C/svg%3E")}
nav>div{margin:auto;padding:0;max-width:1280px;display:flex;justify-content:right}
nav>div>a{padding:26px 0}
nav>div>a:not(:nth-child(n+4)):after{content:"|";margin:0 20px}
nav>div>a:nth-last-child(2){margin:0 20px 0 40px;color:#fff}
nav>div>a:last-child{display:none;position:absolute;top:10px;right:20px}

header{background-color:transparent !important;width:100%;aspect-ratio:1880/558}
header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:-3}
header>img{width:auto;height:100%;left:inherit !important;right:0;object-fit:cover;z-index:-1}
header svg{width:100%;height:auto;max-width:300px}
header .flex{gap:2%;align-items:center}
header .flex>div{flex:0 1 28%}
header .strap{max-width:465px}
header .flex>div:last-child{flex:auto}

#about{background-color:#eef2e1;padding:0}
#about:before{content:"";display:block;width:100%;height:8vw;background-color:#fff}
#about .flex{gap:4%;padding:2vw var(--padDef)}
#about .flex>div:first-child{flex:0 1 48%;max-width:580px}
#about .flex>div:last-child{padding:8vw;text-align:center;flex:0 1 48%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320'%3E%3Cpath fill='%23deebbc' d='M36.6 59.6c14.3-20.4 28.3-30.3 49.3-42.7a84.9 84.9 0 0 1 25.3-9.2c5.4-1.1 10.8-1.8 16.2-2.7 5.7-1 11.2-3.5 17-4.2 24-2.5 45.3.9 67.6 8.8 23.2 8.2 40.5 14.6 56.8 33.7 5.2 6.1 11.5 10.8 16.7 16.6 8.8 10 23.5 39.7 25.1 52.6.6 5 1 10 1.8 15 2 11.5 4 22.7 3.5 34.7-.4 11.1-2.8 22.7-5.1 33.5-1 4.6-2.6 9.1-4 13.5-3 9.6-6.5 19.4-11 28.3-4 7.8-9.3 14-14.9 21-7 9-13 17.1-21.6 24a153.5 153.5 0 0 1-30.6 19.8c-8.8 4.2-22.5 8-32.2 9.1-6 .7-12.1 3-18 3.9-7 1-13.1 4.3-20.5 4.6-16.3.8-24.7-4.4-39.6-8.7-7.5-2.2-15.6-2.4-22.7-5.7a130.2 130.2 0 0 1-38.1-27.9c-18.9-19.1-38.3-39-47-64.6a160.5 160.5 0 0 1-6.2-57.6C5 145 6.8 131.5 10 121.8c1.5-4.4 1.8-9.5 3.4-13.8 2.3-6.2 2.2-13.9 4.7-20.1C22 77.8 30.4 68.4 36.6 59.6'/%3E%3C/svg%3E") no-repeat center/contain;max-width:600px}
#about .flex>div:last-child h2{color:inherit}
#about li{list-style:none;font-weight:700}

#intro .flex{background-color:#f3e8da;margin:2vw auto;max-width:1200px;border-radius:20px;position:relative;padding:0}
#intro .flex img{object-fit:cover;width:100%;height:100%}
#intro .flex>div:first-child{padding:0 4vw}
#intro .flex>div>p{text-align:center;margin-bottom:2vw}

#karuna{background-color:#eee7df}
#karuna>img{top:inherit;bottom:0;width:27.4%;height:auto}
#karuna .flex>div:first-child{flex:0 1 36%;text-align:center;margin:0 auto 10vw auto;padding:5vw;min-width:440px;z-index:2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320'%3E%3Cpath fill='%23e4cfb7' d='M36.6 59.6c14.3-20.4 28.3-30.3 49.3-42.7a84.9 84.9 0 0 1 25.3-9.2c5.4-1.1 10.8-1.8 16.2-2.7 5.7-1 11.2-3.5 17-4.2 24-2.5 45.3.9 67.6 8.8 23.2 8.2 40.5 14.6 56.8 33.7 5.2 6.1 11.5 10.8 16.7 16.6 8.8 10 23.5 39.7 25.1 52.6.6 5 1 10 1.8 15 2 11.5 4 22.7 3.5 34.7-.4 11.1-2.8 22.7-5.1 33.5-1 4.6-2.6 9.1-4 13.5-3 9.6-6.5 19.4-11 28.3-4 7.8-9.3 14-14.9 21-7 9-13 17.1-21.6 24a153.5 153.5 0 0 1-30.6 19.8c-8.8 4.2-22.5 8-32.2 9.1-6 .7-12.1 3-18 3.9-7 1-13.1 4.3-20.5 4.6-16.3.8-24.7-4.4-39.6-8.7-7.5-2.2-15.6-2.4-22.7-5.7a130.2 130.2 0 0 1-38.1-27.9c-18.9-19.1-38.3-39-47-64.6a160.5 160.5 0 0 1-6.2-57.6C5 145 6.8 131.5 10 121.8c1.5-4.4 1.8-9.5 3.4-13.8 2.3-6.2 2.2-13.9 4.7-20.1C22 77.8 30.4 68.4 36.6 59.6'/%3E%3C/svg%3E") no-repeat center/contain}
#karuna h2{color:inherit}
#karuna li{list-style-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Ccircle fill='%23B4C69C' cx='6' cy='6' r='6'/%3E%3C/svg%3E")}
#karuna .flex>div:last-child p:last-child{gap:2%;color:#5D8300}
#karuna .flex>div:last-child span:first-child{flex:0 1 64%}
#karuna .flex>div:last-child span:last-child{margin-left:auto}

#practice{padding:8vw 0}
#practice>img{top:inherit;bottom:0;max-width:734px;width:40%;height:auto}
#practice>.flex>div{flex:0 1 40%}
#practice>.flex>div:last-child{flex:0 1 52%}
#practice>.flex>div>p{margin-right:12%}
#practice>.flex>div>p:last-child{flex-wrap:nowrap;gap:2%;color:#5D8300;margin-right:0}

#benefits{background-color:#f3f0de;padding-bottom:0}
#benefits .flex{gap:2%}
#benefits .flex>div:first-child{padding-bottom:2vw}
#benefits .flex>div>p:nth-child(2){color:#5C8300}
#benefits ul{margin:4vw 0}
#benefits img{position:absolute;right:0;bottom:0;width:45%;height:auto;max-width:762px}

#reviews{padding-bottom:0}
#reviews .flex{align-items:center;gap:17%;justify-content:center;padding:0 var(--padDef2)}
#reviews>img{position:absolute;top:inherit;bottom:0;width:100%;height:auto;max-height:35vw;object-fit:contain}
#reviews .flex>blockquote{flex:0 1 38%;margin:0;aspect-ratio:1/1;padding:4vw 6vw;box-sizing:border-box;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320'%3E%3Cpath fill='%23f3f0de' d='M36.6 59.6c14.3-20.4 28.3-30.3 49.3-42.7a84.9 84.9 0 0 1 25.3-9.2c5.4-1.1 10.8-1.8 16.2-2.7 5.7-1 11.2-3.5 17-4.2 24-2.5 45.3.9 67.6 8.8 23.2 8.2 40.5 14.6 56.8 33.7 5.2 6.1 11.5 10.8 16.7 16.6 8.8 10 23.5 39.7 25.1 52.6.6 5 1 10 1.8 15 2 11.5 4 22.7 3.5 34.7-.4 11.1-2.8 22.7-5.1 33.5-1 4.6-2.6 9.1-4 13.5-3 9.6-6.5 19.4-11 28.3-4 7.8-9.3 14-14.9 21-7 9-13 17.1-21.6 24a153.5 153.5 0 0 1-30.6 19.8c-8.8 4.2-22.5 8-32.2 9.1-6 .7-12.1 3-18 3.9-7 1-13.1 4.3-20.5 4.6-16.3.8-24.7-4.4-39.6-8.7-7.5-2.2-15.6-2.4-22.7-5.7a130.2 130.2 0 0 1-38.1-27.9c-18.9-19.1-38.3-39-47-64.6a160.5 160.5 0 0 1-6.2-57.6C5 145 6.8 131.5 10 121.8c1.5-4.4 1.8-9.5 3.4-13.8 2.3-6.2 2.2-13.9 4.7-20.1C22 77.8 30.4 68.4 36.6 59.6'/%3E%3C/svg%3E") no-repeat center/contain}
#reviews .flex>blockquote:first-child{flex:0 1 45%;padding:2vw 10vw 2vw 8vw}
#reviews .flex>blockquote:before,#reviews .flex>blockquote:after{content:"";margin:1vw 0;display:block;width:100%;height:50px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23b4c69d' d='M39 12.1v6a54.9 54.9 0 0 0-18.5 14.1 25.9 25.9 0 0 0-5.6 16c0 3.5.5 5.8 1.5 7 .9 1.5 2 2.1 3.2 2.1 1.3 0 3-.3 5.2-1a14.4 14.4 0 0 1 16.4 3.4c3 2.9 4.4 6.5 4.4 10.8a16 16 0 0 1-5.4 12.2 19 19 0 0 1-13.5 5c-6.6 0-12.5-2.8-17.8-8.5C3.6 73.5 1 66.5 1 58.2a44 44 0 0 1 9.8-27.4c6.5-8.4 15.9-14.7 28.2-18.7m53 .5V18a61.8 61.8 0 0 0-19.6 15.3 27 27 0 0 0-4.7 15.9c0 2.7.6 4.8 1.7 6.1 1 1.4 2.2 2 3.3 2 1.1 0 2.7-.3 4.9-1 2.1-.9 4.3-1.3 6.4-1.3 4 0 7.5 1.5 10.5 4.4 3 2.9 4.5 6.4 4.5 10.6 0 4.8-1.9 9-5.7 12.5a19.6 19.6 0 0 1-13.8 5.3C73 87.9 67.2 85 62 79.5a29.4 29.4 0 0 1-7.8-20.8c0-10.3 3.3-19.7 9.9-28.1a52.8 52.8 0 0 1 27.9-18'/%3E%3C/svg%3E") no-repeat center/contain}
#reviews .flex>blockquote:after{transform:rotate(180deg)}
#reviews .flex>blockquote>cite{font-style:normal;font-weight:700}

footer{background-color:#F4F7ED !important;color:#5C8300;}
footer a{color:inherit}
footer h2{text-align:left;margin-bottom:2vw}
footer>div{margin:auto}
footer .flex{text-align:left;justify-content:right}
footer .flex>p:first-child{margin-right:auto}
footer .flex>p:nth-child(2){text-align:right}

footer>p:last-child{color:#2c2c2c}

form{text-align:left}
label{display:block;font-weight:700}
input[type="text"],textarea{width:100%;border-color:#CFD6BD;appearance:none;outline:none;padding:10px;box-sizing:border-box}
textarea{height:160px;font:inherit}
form input[name="firstname"]{display:none}
form input[type="submit"]{font-weight:700;text-transform:uppercase;padding:20px;font-size:inherit}
form input[type="submit"]:hover{cursor:pointer;opacity:.8}

form #messagep{height:0;opacity:0;overflow:hidden}
form #messagep.vis{height:auto;opacity:1;transition:all .75s ease-in-out}
form p.ok,form p.error{border-radius:10px;background-color:#5C8300;color:#fff;padding:20px;max-width:600px;box-sizing:border-box}
form p.ok strong,form p.error strong{display:block}
form p.error{background-color:#900}


@media only screen and (max-width:1600px)
{
#reviews .flex{padding:0 var(--padDef)}
#reviews .flex>blockquote{flex:0 1 100% !important;padding:2vw !important;margin-bottom:2vw;background-image:none;background-color:#f3f0de;aspect-ratio:inherit;border-radius:20px}
#reviews img{position:relative;max-height:25vw}
}


@media only screen and (max-width:1280px)
{
header .flex>div:first-child{flex:0 1 24%}
#practice>.flex>div>p:last-child{flex-wrap:wrap}
#practice .flex>div>p:last-child>span{flex:0 1 100%;order:2;margin-bottom:2vw}
#practice .flex>div>p:last-child>span:last-child{order:1}
#karuna .flex>div:first-child{min-height:400px}
}

@media only screen and (max-width:1160px)
{
footer .flex{justify-content:left}	
footer .flex>p:first-child{flex:0 1 100%}
footer .flex>p:nth-child(2){text-align:left;margin-right:auto}
}


@media only screen and (max-width:960px)
{
#karuna .flex>div:first-child{margin-bottom:2vw;min-height:380px;padding:9vw}
#karuna .flex>div:last-child{flex:0 1 100%}
#karuna .flex .flex{margin-top:3vw}
#karuna>img{display:none}
}

@media only screen and (max-width:820px)
{
#intro .flex>div{flex:0 1 100%;order:2}
#intro .flex>div:first-child{padding:4vw !important}
#intro .flex>div:last-child{flex:0 1 100%;order:1;border-top-left-radius:20px;border-top-right-radius:20px}	
#intro .flex>div picture,#intro .flex>div img{border-radius:inherit}

@media only screen and (max-width:760px)
{
header .flex>div:first-child{flex:0 1 30%}
header .flex>div:last-child{flex:0 1 100%}
header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:linear-gradient(to top, rgba(255,255,255,.9), rgba(255,255,225,0));z-index:-1}

#about .flex>div{flex:0 100% !important;max-width:none !important;margin-bottom:4vw}
#about .flex>div:last-child{padding:18vw}

#practice{padding-bottom:0}
#practice>.flex{padding:0}
#practice>.flex>div{flex:0 1 100% !important;padding:0 var(--padDef)}
#practice>.flex>div>p{margin-right:0}
#practice>img{position:relative;width:100%;height:300px;object-fit:contain;object-position:bottom left;max-width:none}

#karuna .flex .flex span{flex:0 1 100% !important;margin-bottom:2vw}

#benefits .flex{padding-right:0}
#benefits .flex>div{flex:0 1 100%;padding-right:var(--padDef)}
#benefits .flex>img{position:relative;width: 100%;height:auto;max-height:300px;object-fit:contain;object-position: bottom right}
}

@media only screen and (max-width:720px)
{
/* Responsive Menu */
nav>a,#menu>a:last-child{display:block;text-align:right}
#menu{flex-wrap:wrap;position:absolute;z-index:100;top:0;left:-100%;transition:left .75s ease-in-out;width:320px;box-sizing:border-box;background:#b4c69d;text-align:left;padding:20px;margin-left:0}
#menu:target,#menu.show{left:0}
#menu:before{display:block;width:100%;content:"MENU";color:#eef2e1;font-weight:600;border-bottom:1px #eef2e1 solid}
#menu a{flex:0 1 100%;padding:1.5vw 0}
#menu>a:nth-last-child(2){margin:0}
#menu>a:not(:nth-child(n+4)):after{content:none}
}

@media only screen and (max-width:640px)
{
#karuna .flex>div:first-child{flex:0 1 100%;padding:18vw;min-width:inherit}
}