.type2-page--zen-wellness .title-green__banner{
color: #ffffff;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.type2-page--zen-wellness .section-banner__pages.type2-hero
.container
.ct-text
.title > .text{
flex: 0 0 auto;
}
.type2-page--zen-wellness .section-banner__pages.type2-hero
.type2-hero-body{
display: block;
max-width: 100%;
margin-left: 0;
box-sizing: border-box;
text-align: left;
}
.type2-page--zen-wellness .section-banner__pages.type2-hero
.type2-hero-subtitle{
display: block;
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
text-align: center;
text-align-last: center;
white-space: normal;
overflow-wrap: break-word;
font-family: "Raleway", sans-serif;
font-weight: 500;
font-size: 1.125rem;
line-height: 1.55;
color: rgba(255, 255, 255, 0.90);
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.30);
}
.type2-page--zen-wellness .section-banner__pages.type2-hero
.type2-hero-cta{
display: block;
width: 100%;
margin: 0.875rem 0 0;
padding: 0;
text-align: right;
}
.type2-page--zen-wellness .section-banner__pages.type2-hero
.type2-hero-cta .btn{
margin: 0;
font-family: "Univers Condensed", sans-serif;
font-weight: 700;
font-style: italic;
font-size: 1rem;
line-height: 1.2;
letter-spacing: 0.08em;
text-transform: uppercase;
text-decoration: none;
color: #FFFFFF;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.30);
}
@media (max-width: 767px) {
.type2-page--zen-wellness .section-banner__pages.type2-hero
.type2-hero-subtitle{
font-size: 0.875rem;
line-height: 1.5;
text-align: justify;
text-align-last: left;
}
.type2-page--zen-wellness .section-banner__pages.type2-hero
.type2-hero-cta .btn{
font-size: 0.9375rem;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.type2-page--zen-wellness .section-banner__pages.type2-hero
.type2-hero-subtitle{
font-size: 1rem;
text-align: justify;
text-align-last: left;
}
.type2-page--zen-wellness .section-banner__pages.type2-hero
.container
.ct-text{
width: 100%;
max-width: 100%;
min-width: 0;
transform: translateY(-32px);
}
.type2-page--zen-wellness .section-banner__pages.type2-hero
.container
.ct-text
.title{
width: 100%;
max-width: 100%;
min-width: 0;
}
.type2-page--zen-wellness .section-banner__pages.type2-hero
.container
.ct-text
.title > .text{
flex: 1 1 auto;
min-width: 0;
max-width: 100%;
white-space: normal;
line-height: 1.20;
}
.type2-page--zen-wellness .section-banner__pages.type2-hero
.type2-hero-body{
max-width: 100%;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness .section-banner__pages.type2-hero{
display: block;
}
.type2-page--zen-wellness .section-banner__pages.type2-hero
.container{
width: 100%;
max-width: 100%;
}
.type2-page--zen-wellness .section-banner__pages.type2-hero
.container
.ct-text{
width: 100%;
max-width: 100%;
transform: translateY(-92px);
}
.type2-page--zen-wellness .section-banner__pages.type2-hero
.container
.ct-text
.title{
width: 100%;
max-width: 100%;
min-width: 0;
}
.type2-page--zen-wellness .section-banner__pages.type2-hero
.container
.ct-text
.title > .text{
flex: 1 1 auto;
min-width: 0;
max-width: 100%;
white-space: normal;
}
.type2-page--zen-wellness .section-banner__pages.type2-hero
.type2-hero-body{
max-width: 100%;
}
}
.type2-page--zen-wellness{
font-family: "Raleway", sans-serif;
}
.type2-page--zen-wellness
:where(
*:not(i):not(svg):not(path):not([class*="icon"]):not([class^="fa"]):not([class*=" fa-"])
){
font-family: "Raleway", sans-serif !important;
}
.type2-page--zen-wellness input,
.type2-page--zen-wellness textarea,
.type2-page--zen-wellness select,
.type2-page--zen-wellness button,
.type2-page--zen-wellness input::placeholder,
.type2-page--zen-wellness textarea::placeholder{
font-family: "Raleway", sans-serif !important;
}
.type2-page--zen-wellness
.section-banner__pages.type2-hero
.container
.ct-text
.title > .text{
font-family: "Univers Condensed", sans-serif !important;
}
.type2-page--zen-wellness
.section-banner__pages.type2-hero
.container
.ct-text
.title > .text-decor{
font-family: "Dancing Script SVN", cursive !important;
}
.type2-page--zen-wellness
:where(
> :not(.section-banner__pages),
> :not(.section-banner__pages) *
){
font-size: 17px !important;
font-weight: 500 !important;
}
@media (max-width: 991px) {
.type2-page--zen-wellness .type2-decor{
display: none;
}
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-all{
font-family: "Raleway", sans-serif !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.35;
color: #E88400 !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all .title{
font-family: "Raleway", sans-serif !important;
font-size: 30px !important;
font-weight: 600 !important;
line-height: 1.25;
color: #263333 !important;
flex: 0 0 auto;
max-width: none;
white-space: nowrap;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all .f-decor,
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all .text-decor{
font-family: "Dancing Script SVN", cursive !important;
font-size: 46px !important;
font-weight: 400 !important;
line-height: 1;
color: #E88400 !important;
}
@media (min-width: 576px) and (max-width: 991px) {
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-all{
font-size: 14px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all .title{
font-size: 26px !important;
flex: 1 1 auto;
max-width: 100%;
white-space: normal;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all .f-decor,
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all .text-decor{
font-size: 40px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-all{
font-size: 13px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all .title{
font-size: 21px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all{
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 48px;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all .f-decor,
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all .text-decor{
font-size: 34px !important;
flex: 0 0 100%;
width: 100%;
margin-left: 0 !important;
margin-right: 0;
margin-top: 8px;
text-align: left;
transform: none;
}
}
@media (min-width: 992px) {
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image{
height: 420px;
transform: translateY(50px);
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image img{
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center top;
}
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
> .type2-intro-highlights-wrap{
margin-left: auto !important;
margin-right: auto !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlights{
display: grid;
grid-template-columns:
repeat(
var(--type2-intro-highlight-cols, 5),
minmax(0, 1fr)
);
column-gap: 32px;
row-gap: 36px;
width: 100%;
margin-top: 48px;
align-items: start;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight{
width: 90%;
min-width: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__icon{
display: flex;
width: 110px;
height: 110px;
margin: 0 auto 18px;
align-items: center;
justify-content: center;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__icon img{
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__title{
margin: 0 0 8px;
font-family: "Opensan", "Open Sans", sans-serif !important;
font-size: 18px !important;
font-weight: 700 !important;
font-style: normal !important;
line-height: 1.35;
color: #263333 !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__content,
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__content *{
font-family: "Raleway", sans-serif !important;
font-size: 16px !important;
font-weight: 500 !important;
font-style: normal !important;
line-height: 1.5;
color: #4A5555 !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__content p{
margin: 0;
text-align: center !important;
}
@media (min-width: 576px) and (max-width: 991px) {
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlights{
grid-template-columns: repeat(6, minmax(0, 1fr));
column-gap: 18px;
row-gap: 30px;
margin-top: 36px;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight{
grid-column: span 2;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight:nth-last-child(2):nth-child(3n + 1){
grid-column: 2 / span 2;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight:last-child:nth-child(3n + 1){
grid-column: 3 / span 2;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__icon{
width: 96px;
height: 96px;
margin-bottom: 16px;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__title{
font-size: 17px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__content,
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__content *{
font-size: 15px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlights{
grid-template-columns: repeat(4, minmax(0, 1fr));
column-gap: 12px;
row-gap: 26px;
margin-top: 32px;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight{
grid-column: span 2;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight:last-child:nth-child(odd){
grid-column: 2 / span 2;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__icon{
width: 80px;
height: 80px;
margin-bottom: 12px;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__title{
margin-bottom: 6px;
font-size: 16px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__content,
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__content *{
font-size: 15px !important;
line-height: 1.45;
}
}
.type2-page--zen-wellness .intro-wellness{
position: relative;
overflow: hidden;
}
.type2-page--zen-wellness .intro-wellness > .container{
position: relative;
z-index: 2;
}
.type2-page--zen-wellness .intro-wellness .type2-intro-decor{
position: absolute;
top: 0;
right: 0;
width: 720px;
height: 210px;
max-width: 54vw;
z-index: 1;
pointer-events: none;
display: flex;
justify-content: flex-end;
align-items: flex-start;
overflow: hidden;
}
.type2-page--zen-wellness .intro-wellness .type2-intro-decor__img{
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: top right;
}
@media (max-width: 991px) {
.type2-page--zen-wellness .intro-wellness .type2-intro-decor{
width: 540px;
height: 165px;
max-width: 66vw;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness .intro-wellness .type2-intro-decor{
width: 420px;
height: 135px;
max-width: 100vw;
}
}
.type2-page--zen-wellness .intro-wellness .container{
margin-right: auto;
margin-left: 0;
padding-left: 0;
}
.type2-page--zen-wellness .intro-wellness .image{
max-width: 30.875rem;
margin-left: 1.875rem;
}
.type2-page--zen-wellness .intro-wellness .module-content{
padding-left: 3.125rem;
}
.type2-page--zen-wellness .intro-wellness .module-content .title-intro__all{
padding-top: 0;
}
.type2-page--zen-wellness .intro-wellness .module-content .title-intro__all .f-decor{
font-size: 4.375rem;
margin-left: 0;
margin-top: 0.9375rem;
}
.type2-page--zen-wellness .intro-wellness .s-content{
padding-right: 7.8125rem;
}
.type2-page--zen-wellness .info-course__wellness{
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 3.125rem;
}
.type2-page--zen-wellness .info-course__wellness .item{
max-width: 13.125rem;
}
.type2-page--zen-wellness .info-course__wellness .item .s-content{
padding-right: 0;
}
.type2-page--zen-wellness .info-course__wellness .item .s-content strong{
font-family: "Ache_Bold", sans-serif;
display: inline !important;
}
.type2-page--zen-wellness .info-course__wellness .item .icon{
height: 7.3125rem;
}
.type2-page--zen-wellness .info-course__wellness .item .icon img{
-o-object-fit: scale-down;
object-fit: scale-down;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why{
position: relative;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
> .container{
position: relative;
z-index: 2;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-decor{
position: absolute;
top: 40px;
right: 30px;
width: clamp(120px, 12vw, 220px);
max-width: 18vw;
z-index: 5;
pointer-events: none;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-decor__img{
display: block;
width: 100%;
height: auto;
object-fit: contain;
transform-origin: center right;
transform: scaleX(3) scaleY(2);
}
@media (max-width: 991px) {
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-decor{
display: none !important;
}
}
.type2-page--zen-wellness
.section-why__wellness.type2-why{
padding-top: 70px;
padding-bottom: 48px;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why{
position: relative;
overflow: visible;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why::before{
content: "";
position: absolute;
left: 50%;
top: -34px;
transform: translateX(-50%);
width: 340px;
height: 54px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url("data:image/svg+xml;utf8,\
");
opacity: 0.82;
pointer-events: none;
z-index: 3;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why::after{
content: "";
position: absolute;
left: 50%;
bottom: -17px;
width: 180px;
height: 44px;
transform: translateX(-50%);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url("data:image/svg+xml;utf8,\
");
pointer-events: none;
z-index: 4;
}
@media (min-width: 576px) and (max-width: 991px) {
.type2-page--zen-wellness
.section-why__wellness.type2-why::after{
width: 150px;
height: 38px;
bottom: -15px;
opacity: 0.92;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.section-why__wellness.type2-why::after{
width: 120px;
height: 30px;
bottom: -12px;
opacity: 0.88;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.type2-page--zen-wellness
.section-why__wellness.type2-why::before{
width: 280px;
height: 46px;
top: -28px;
opacity: 0.78;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.section-why__wellness.type2-why::before{
width: 210px;
height: 38px;
top: -20px;
opacity: 0.72;
}
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.title-all{
display: flex;
align-items: baseline;
flex-wrap: wrap;
margin-left: 0;
padding-left: 0;
text-align: left;
margin-bottom: 28px !important;}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.title-all
.type2-why-title{
font-family: "Raleway", sans-serif !important;
font-size: 30px !important;
font-weight: 600 !important;
font-style: normal !important;
line-height: 1.25;
letter-spacing: 0 !important;
color: #263333 !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.title-all
.type2-why-title-decor{
display: inline-block;
margin-left: 12px;
font-family: "Dancing Script SVN", cursive !important;
font-size: 46px !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 1;
text-transform: none !important;
letter-spacing: 0 !important;
color: #E88400 !important;
transform: translateY(16px);
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description,
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description *{
font-family: "Raleway", sans-serif !important;
font-size: 17px !important;
font-weight: 500 !important;
font-style: italic !important;
line-height: 1.65;
color: #4A5555 !important;
text-align: left !important;
text-align-last: left !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description{
max-width: 540px;
margin-top: 0;
margin-bottom: 42px;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description p:last-child{
margin-bottom: 0;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-items{
margin: 0;
padding: 0;
list-style: none;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item{
position: relative;
padding: 20px 0 20px 52px !important;
text-align: left !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item::before{
content: "✦" !important;
position: absolute;
top: 17px;
left: 7px;
width: auto;
height: auto;
background: none !important;
font-family: Georgia, serif !important;
font-size: 30px;
font-weight: 400;
line-height: 1;
color: #E88400;
transform: rotate(-8deg);
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item__title{
margin: 0 0 6px;
font-family: "Opensan", "Open Sans", sans-serif !important;
font-size: 18px !important;
font-weight: 700 !important;
font-style: normal !important;
line-height: 1.4;
color: #263333 !important;
text-align: left !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item__content,
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item__content *{
text-align: left !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item__content p{
margin-top: 0;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item__content p:last-child{
margin-bottom: 0;
}
@media (min-width: 576px) and (max-width: 991px) {
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item{
padding: 14px 0 14px 46px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item::before{
top: 12px;
left: 6px;
font-size: 26px;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item__title{
font-size: 17px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item{
padding: 12px 0 12px 42px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item::before{
top: 11px;
left: 5px;
font-size: 24px;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item__title{
font-size: 16px !important;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.type2-page--zen-wellness
.section-why__wellness.type2-why
.title-all
.type2-why-title{
font-size: 26px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.title-all
.type2-why-title-decor{
margin-left: 10px;
font-size: 40px !important;
transform: translateY(13px);
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.title-all{
margin-bottom: 24px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description,
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description *{
font-size: 16px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description{
margin-bottom: 36px;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why{
padding-top: 50px;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.section-why__wellness.type2-why
.title-all
.type2-why-title{
font-size: 21px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.title-all
.type2-why-title-decor{
flex: 0 0 auto;
width: auto;
margin-left: 8px;
margin-top: 0;
font-size: 34px !important;
text-align: left;
transform: translateY(11px);
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.title-all{
margin-bottom: 20px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description,
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description *{
font-size: 15px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description{
margin-bottom: 32px;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why{
padding-top: 36px;
}
}
.type2-page--zen-wellness .section-why__wellness{
padding-top: 9.375rem;
padding-bottom: 5rem;
}
.type2-page--zen-wellness .section-why__wellness .title-all{
margin-bottom: 4.0625rem;
}
.type2-page--zen-wellness .section-why__wellness .s-content{
max-width: 46.25rem;
}
.type2-page--zen-wellness .section-why__wellness .s-content ul{
font-size: 1.0625rem;
color: #000;
line-height: 1.7;
list-style-type: none;
}
.type2-page--zen-wellness .section-why__wellness .s-content ul li{
padding: 1.5625rem 0 1.5625rem 4.0625rem;
text-align: justify;
position: relative;
}
.type2-page--zen-wellness .section-why__wellness .s-content ul li::before{
content: "";
width: 1.875rem;
height: 1.875rem;
background-image: url(../images/star-green.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 1.5625rem;
left: 0;
}
.type2-page--zen-wellness .section-why__wellness .image{
max-width: 33.4375rem;
}
.type2-page--zen-wellness .section-why__wellness .image img{
width: 100%;
}
.type2-page--zen-wellness .advantages-wellness .title-all{
margin-bottom: 7.5rem;
position: relative;
}
.type2-page--zen-wellness .advantages-wellness .title-all::before,
.type2-page--zen-wellness .advantages-wellness .title-all::after{
content: "";
width: 23.4375rem;
height: 11.4375rem;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow{
display: flex;
align-items: baseline;
justify-content: center;
flex-wrap: wrap;
column-gap: 14px;
width: 100%;
margin: 0 auto;
padding: 0;
}
@media (min-width: 992px) {
html body
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow
> .type2-audience-title.type2-audience-title{
flex: 0 0 auto;
font-family: "Dancing Script SVN", "Dancing Script", cursive !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 1;
letter-spacing: 0 !important;
color: #E88400 !important;
font-size: 46px !important;
}
}
@media (min-width: 576px) and (max-width: 991px) {
html body
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow
> .type2-audience-title.type2-audience-title{
font-size: 28px !important;
line-height: 1.20 !important;
}
}
@media (max-width: 575px) {
html body
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow
> .type2-audience-title.type2-audience-title{
font-size: 22px !important;
line-height: 1.24 !important;
}
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-main-group{
display: inline-grid;
grid-template-columns: max-content;
min-width: 0;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title-decor{
grid-column: 1;
margin: 0;
padding: 0;
font-family: "Raleway", sans-serif !important;
font-size: 30px !important;
font-weight: 600 !important;
font-style: normal !important;
line-height: 1.25;
letter-spacing: 0 !important;
color: #263333 !important;
text-transform: none !important;
white-space: nowrap;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description *{
font-family: "Raleway", sans-serif !important;
font-size: 17px !important;
font-weight: 500 !important;
font-style: italic !important;
line-height: 1.65;
color: #4A5555 !important;
text-align: left !important;
text-align-last: left !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description{
grid-column: 1;
width: 0;
min-width: 100%;
margin-top: 28px;
margin-bottom: 42px;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description p:last-child{
margin-bottom: 0;
}
@media (min-width: 576px) and (max-width: 991px) {
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title{
font-size: 40px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title-decor{
font-size: 26px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description *{
font-size: 16px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow{
display: block;
text-align: left;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title{
display: block;
width: 100%;
margin-bottom: 14px;
text-align: left !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-main-group{
display: block;
width: 100%;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title-decor{
display: block;
width: 100%;
line-height: 1.45;
text-align: left !important;
white-space: normal;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title{
font-size: 34px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title-decor{
font-size: 21px !important;
white-space: normal;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description *{
font-size: 15px !important;
}
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item
.advantages-content
.item{
padding: 0;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__image{
position: relative;
padding-top: 57%;
margin-bottom: 32px !important;
overflow: visible;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__image::before{
content: "";
position: absolute;
top: 7px;
left: 7px;
right: -7px;
bottom: -7px;
border: 1px solid rgba(232, 132, 0, 0.18);
border-radius: 16px;
background: rgba(232, 132, 0, 0.08);
transform: rotate(0.7deg);
z-index: 0;
pointer-events: none;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__image img{
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 16px;
z-index: 1;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__title{
position: relative;
margin: 0 0 12px;
padding-left: 20px;
font-family: "Opensan", "Open Sans", sans-serif !important;
font-size: 18px !important;
font-weight: 700 !important;
font-style: normal !important;
line-height: 1.4;
letter-spacing: 0 !important;
color: #263333 !important;
text-transform: none !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__title::before{
content: "";
position: absolute;
left: 1px;
top: 0.58em;
width: 8px;
height: 8px;
border-radius: 50%;
background: #E88400;
transform: translateY(-50%);
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__description,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__description *{
font-family: "Raleway", sans-serif !important;
font-size: 17px !important;
font-weight: 500 !important;
font-style: normal !important;
line-height: 1.65;
color: #4A5555 !important;
text-align: left !important;
text-align-last: left !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__description p:last-child{
margin-bottom: 0;
}
@media (min-width: 576px) and (max-width: 991px) {
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-items
> [class*="col-"]{
flex: 0 0 50%;
max-width: 50%;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-items
> [class*="col-"]:last-child:nth-child(odd){
margin-left: auto;
margin-right: auto;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__image{
margin-bottom: 28px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__title{
font-size: 17px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__description,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__description *{
font-size: 16px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-items
> [class*="col-"]{
flex: 0 0 100%;
max-width: 100%;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__image{
margin-bottom: 24px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__image::before{
top: 5px;
left: 5px;
right: -5px;
bottom: -5px;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__title{
font-size: 17px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__description,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__description *{
font-size: 15px !important;
}
}
.type2-page--zen-wellness .advantages-wellness .title-all::before{
background-image: url(../images/before-advantages.png);
left: 0;
}
.type2-page--zen-wellness .advantages-wellness .title-all::after{
background-image: url(../images/after-advantages.png);
right: 0;
}
.type2-page--zen-wellness .item-advantages__wellness .image{
position: relative;
padding-top: 57%;
}
.type2-page--zen-wellness .item-advantages__wellness .image img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.type2-page--zen-wellness .item-advantages__wellness .advantages-content .item{
padding: 0 1.25rem;
}
.type2-page--zen-wellness .item-advantages__wellness .advantages-content .item:not(:last-child){
margin-bottom: 1.4375rem;
}
.type2-page--zen-wellness .item-advantages__wellness .advantages-content .item .title{
position: relative;
padding-left: 2.1875rem;
margin-bottom: 0.625rem;
}
.type2-page--zen-wellness .item-advantages__wellness .advantages-content .item .title::before{
content: "";
width: 1.4375rem;
height: 2.125rem;
background-image: url(../images/flag-green.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0;
left: 0;
}
.type2-page--zen-wellness .item-advantages__wellness .advantages-content .item .s-content{
line-height: 1.7;
}
.type2-page--zen-wellness .wellness-group .title-all{
margin-bottom: 5.5rem;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.type2-page--zen-wellness .wellness-group .title-all::after{
content: "";
height: 12.625rem;
width: 15.125rem;
background-image: url(../images/kike-orange.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 0;
-webkit-transform: translateY(50%);
transform: translateY(50%);
left: calc(100% + 35px);
}
.type2-page--zen-wellness .wellness-group .item-group__content:not(:last-child){
margin-bottom: 1.25rem;
}
.type2-page--zen-wellness .wellness-group .item-group__content:not(:first-child){
margin-bottom: 4.375rem;
}
.type2-page--zen-wellness .wellness-group .item-group__content:not(:first-child) .title .text{
max-width: 67%;
}
.type2-page--zen-wellness .wellness-group .item-group__content .title{
-webkit-box-flex: 0;
-ms-flex: 0 0 38%;
flex: 0 0 38%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.type2-page--zen-wellness .wellness-group .item-group__content .title .text-decor{
font-size: 3.2rem;
letter-spacing: 0.03em;
color: #f8b717;
margin-left: 1.875rem;
}
.type2-page--zen-wellness .wellness-group .item-group__content .title .icon{
margin-left: -3.75rem;
margin-top: auto;
}
.type2-page--zen-wellness .wellness-group .item-group__content .ct-content{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
line-height: 1.7;
max-width: 31.5rem;
}
.type2-page--zen-wellness .wellness-group .item-group__content .ct-content .s-content{
padding-left: 1.875rem;
}
.type2-page--zen-wellness .wellness-group .item-group__content .ct-content ul{
color: #000;
font-size: 1.0625rem;
}
.type2-page--zen-wellness .wellness-group .item-group__content .ct-content ul li{
position: relative;
padding-left: 1.875rem;
}
.type2-page--zen-wellness .wellness-group .item-group__content .ct-content ul li::before{
content: "";
width: 0.875rem;
height: 1.625rem;
background-image: url(../images/light-green.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -4px;
left: 0;
}
.type2-page--zen-wellness .wellness-group .button{
padding-right: 7.5rem;
}
.type2-page--zen-wellness .wellness-group .read-more-intro{
bottom: 0;
right: 0;
z-index: 1;
}
.type2-page--zen-wellness #wellness-group__tab{
margin-bottom: 3.75rem;
gap:15px;
}
.type2-page--zen-wellness #wellness-group__tab .nav-item{
-webkit-box-flex: 1;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-bottom: 0.625rem;
}
.type2-page--zen-wellness #wellness-group__tab .nav-item .nav-link{
background: none;
border: none;
outline: none;
color: #c4c4c4;
position: relative;
padding: 0 0 0.625rem 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.type2-page--zen-wellness #wellness-group__tab .nav-item .nav-link:hover{
color: #2f8089;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.type2-page--zen-wellness #wellness-group__tab .nav-item .nav-link::after{
content: "";
width: 100%;
height: 0.5rem;
background-image: url(../images/border-bottom.png);
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
bottom: 0;
left: 0;
}
.type2-page--zen-wellness #wellness-group__tab .nav-item .nav-link.active{
color: #2f8089;
}
.type2-page--zen-wellness #wellness-group__tab .nav-item .nav-link.active::after{
background-image: url(../images/border-bottom-active-sm.png);
}
.type2-page--zen-wellness .result-wellness .container{
position: relative;
}
.type2-page--zen-wellness .result-wellness .title-all{
margin-bottom: 4.375rem;
}
.type2-page--zen-wellness .result-wellness .image-before,
.type2-page--zen-wellness .result-wellness .image-after{
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.type2-page--zen-wellness .item-result__wellness{
max-width: 15rem;
margin-left: auto;
margin-right: auto;
}
.type2-page--zen-wellness .item-result__wellness .img{
width: 11.75rem;
height: 11.75rem;
margin-left: auto;
margin-right: auto;
}
.type2-page--zen-wellness .item-result__wellness .img img{
width: 100%;
height: 100%;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.type2-page--zen-wellness .endow-wellness .title-all{
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
padding-left: 7.5rem;
}
.type2-page--zen-wellness .endow-wellness .title-all::after{
content: "";
width: 2.6875rem;
height: 4.4375rem;
background-image: url(../images/flag-orange.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0;
left: calc(100% + 20px);
}
.type2-page--zen-wellness .endow-wellness .image{
max-width: 33.4375rem;
}
.type2-page--zen-wellness .endow-wellness .image img{
width: 100%;
}
.type2-page--zen-wellness .endow-wellness .endow-content{
padding-left: 3.75rem;
}
.type2-page--zen-wellness .endow-wellness .endow-content .head .price-sale{
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
margin-bottom: 1.0625rem;
line-height: 1.1;
}
.type2-page--zen-wellness .endow-wellness .endow-content .head .price{
font-size: 2.625rem;
line-height: 0.7;
}
.type2-page--zen-wellness .endow-wellness .endow-content .head .discount{
width: 10.375rem;
height: 5.1875rem;
background-image: url(../images/bg-discount.png);
background-repeat: no-repeat;
background-size: cover;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.type2-page--zen-wellness .endow-wellness .endow-content .head .discount .value{
font-size: 3.25rem;
margin-right: 2.8125rem;
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
position: relative;
line-height: 0.5;
}
.type2-page--zen-wellness .endow-wellness .endow-content .head .discount .value::after{
content: "%";
font-family: "Ache_Bold", sans-serif;
font-size: 0.875rem;
color: #2f8089;
}
.type2-page--zen-wellness .endow-wellness .endow-content .list-endow{
padding-right: 3.75rem;
}
.type2-page--zen-wellness .endow-wellness .endow-content .list-endow li{
font-size: 1.0625rem;
color: #000;
line-height: 1.7;
position: relative;
padding-left: 4.0625rem;
}
.type2-page--zen-wellness .endow-wellness .endow-content .list-endow li::before{
content: "";
width: 2.75rem;
height: 3.1875rem;
background-image: url(../images/box-wellness.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
}
.type2-page--zen-wellness .endow-wellness .endow-content .list-endow li:not(:last-child){
margin-bottom: 1.875rem;
}
.type2-page--zen-wellness .endow-wellness .form-regis__wellness{
background: #fff8ed;
border: 3px solid #f0b84b;
border-radius: 15px;
padding: 1.5625rem 0.625rem 0.9375rem;
position: relative;
max-width: 27.5rem;
margin-left: auto;
margin-right: auto;
margin-top: 4.375rem;
}
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .title{
margin-bottom: 0.9375rem;
}
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin{
min-height: 3rem;
padding: 0.625rem 0.625rem 0.625rem 2.1875rem;
border-top: 1px solid #f0b84b;
position: relative;
}
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin i{
position: absolute;
top: 50%;
right: 0.9375rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #f0b84b;
}
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin .form-control,
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin .select{
padding: 0;
border: none;
background: none;
border-radius: 0;
height: 100%;
color: rgba(0, 0, 0, 0.5);
font-size: 0.9375rem;
width: 100%;
font-family: "Sitka Text", sans-serif; font-weight: bold;
}
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin .form-control::-webkit-input-placeholder,
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin .select::-webkit-input-placeholder{
letter-spacing: 0.05em;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.5);
font-size: 0.9375rem;
text-transform: uppercase;
font-family: "Sitka Text", sans-serif; font-weight: bold;
}
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin .form-control::-moz-placeholder,
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin .select::-moz-placeholder{
letter-spacing: 0.05em;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.5);
font-size: 0.9375rem;
text-transform: uppercase;
font-family: "Sitka Text", sans-serif; font-weight: bold;
}
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin .form-control:-ms-input-placeholder,
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin .select:-ms-input-placeholder{
letter-spacing: 0.05em;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.5);
font-size: 0.9375rem;
text-transform: uppercase;
font-family: "Sitka Text", sans-serif; font-weight: bold;
}
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin .form-control::-ms-input-placeholder,
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin .select::-ms-input-placeholder{
letter-spacing: 0.05em;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.5);
font-size: 0.9375rem;
text-transform: uppercase;
font-family: "Sitka Text", sans-serif; font-weight: bold;
}
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin .form-control::placeholder,
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin .select::placeholder{
letter-spacing: 0.05em;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.5);
font-size: 0.9375rem;
text-transform: uppercase;
font-family: "Sitka Text", sans-serif; font-weight: bold;
}
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin textarea{
min-height: 3.75rem;
}
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin .select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-transform: uppercase;
}
.type2-page--zen-wellness .place-meeting{
background: rgba(240, 184, 75, 0.3);
padding: 5rem 0 5rem 15.3125rem;
}
.type2-page--zen-wellness .place-meeting .image-before{
top: unset;
bottom: 0;
}
.type2-page--zen-wellness .place-meeting .title-all strong{
margin-bottom: 1.875rem;
}
.type2-page--zen-wellness .place-meeting .module-header .address{
position: relative;
padding-left: 3.75rem;
}
.type2-page--zen-wellness .place-meeting .module-header .address::before{
content: "";
width: 3.1875rem;
height: 1.875rem;
background-image: url(../images/before-text-address.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -5px;
left: 0;
}
.type2-page--zen-wellness .place-meeting .module-header .address .text-decor{
font-size: 4.375rem;
color: #52C95E;
line-height: 1;
}
.type2-page--zen-wellness .slide-palce-meeting .image{
position: relative;
padding-top: 60%;
}
.type2-page--zen-wellness .slide-palce-meeting .image img{
position: absolute;
top: 0;
left: 0%;
width: 100%;
height: 100%;
}
.type2-page--zen-wellness .pagination-slide__menu{
text-align: center;
margin-top: 2.8125rem;
}
.type2-page--zen-wellness .pagination-group__wellness .swiper-pagination-bullet,
.type2-page--zen-wellness .pagination-slide__menu .swiper-pagination-bullet{
background: rgba(15, 85, 65, 0.5);
}
.type2-page--zen-wellness .no-over-lay::before{
display: none;
}
.type2-page--zen-wellness .intro-camp-detail .image-after{
bottom: 0;
top: unset;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.type2-page--zen-wellness .intro-camp-detail .image{
max-width: 39.0625rem;
margin-left: auto;
position: relative;
z-index: 1;
}
.type2-page--zen-wellness .intro-camp-detail .title-intro__all{
margin-bottom: 2.8125rem;
}
.type2-page--zen-wellness .intro-camp-detail .title-intro__all .text-decor{
font-size: 2.5rem;
margin-left: 0;
margin-top: 0.9375rem;
}
.type2-page--zen-wellness .intro-camp-detail .s-content{
max-width: 36.0625rem;
margin-right: auto;
}
.type2-page--zen-wellness .section-highlight__detail .module-header{
margin-bottom: 5rem;
padding-left: 8.4375rem;
}
.type2-page--zen-wellness .section-highlight__detail .module-header .text-decor{
font-size: 3.5rem;
line-height: 0.5;
}
.type2-page--zen-wellness .section-highlight__detail .module-header .title{
margin-top: 4.5rem;
margin-left: -3.125rem;
}
.type2-page--zen-wellness .item-highlight__wellness{
max-width: 18.75rem;
margin-left: auto;
margin-right: auto;
}
.type2-page--zen-wellness .item-highlight__wellness .icon{
width: 8rem;
height: 8rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 4.625rem;
}
.type2-page--zen-wellness .item-highlight__wellness .icon img{
width: 100%;
height: 100%;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.type2-page--zen-wellness .section-schedule__sm .title{
margin-bottom: 4.75rem;
}
.type2-page--zen-wellness .section-schedule__sm .title .text-decor{
font-size: 5.625rem;
margin-right: 1.875rem;
line-height: 0.5;
}
.type2-page--zen-wellness .section-schedule__sm .module-slide{
max-width: 27.0625rem;
margin-right: auto;
}
.type2-page--zen-wellness .section-schedule__sm .module-slide .list-note li{
color: #2f8089;
padding-left: 2rem;
position: relative;
}
.type2-page--zen-wellness .section-schedule__sm .module-slide .list-note li .circle{
width: 0.75rem;
height: 0.75rem;
border-radius: 100%;
display: block;
position: absolute;
top: 4px;
left: 0;
}
.type2-page--zen-wellness .section-schedule__sm .module-slide .btn-border__green{
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 15.625rem;
margin: 1.25rem 0;
border-radius: 2px solid #2f8089 !important;
color: #2f8089;
font-size: 1.125rem;
position: relative;
}
.type2-page--zen-wellness .section-schedule__sm .module-slide .btn-border__green::before{
content: "";
width: 2.375rem;
height: 1.0625rem;
background-image: url(../images/plane.png);
position: absolute;
top: 50%;
left: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-repeat: no-repeat;
background-size: contain;
}
.type2-page--zen-wellness .section-schedule__sm .module-slide .btn-border__green:hover{
color: #fff;
}
.type2-page--zen-wellness .section-schedule__sm .module-slide .btn-border__green:hover::before{
-webkit-filter: brightness(10);
filter: brightness(10);
}
.type2-page--zen-wellness .section-schedule__sm .table-sche{
max-width: 55.9375rem;
margin-left: auto;
}
.type2-page--zen-wellness .section-schedule__sm .table-sche .item:not(:last-child){
border-bottom: 2px solid #2f8089;
}
.type2-page--zen-wellness .section-schedule__sm .table-sche .item .title-table{
-webkit-box-flex: 0;
-ms-flex: 0 0 11.25rem;
flex: 0 0 11.25rem;
}
.type2-page--zen-wellness .section-schedule__sm .table-sche .item .content-table{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border-left: 2px solid #2f8089;
}
.type2-page--zen-wellness .section-schedule__sm .table-sche .item .content-table ul li:not(.nav-item){
padding: 0.625rem 1.875rem;
}
.type2-page--zen-wellness .section-schedule__sm .table-sche .item .content-table ul li:not(.nav-item):not(:last-child){
border-bottom: 2px solid #2f8089;
}
.type2-page--zen-wellness #sche-tab{
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: flex-start;
padding-left: 1.875rem;
}
.type2-page--zen-wellness #sche-tab .nav-item:not(:last-child){
margin-right: 20px;
}
.type2-page--zen-wellness #sche-tab .nav-item .nav-link{
padding: 0;
background: unset;
border: unset;
color: #000;
opacity: 0.3;
text-transform: uppercase;
font-size: 1.4375rem;
font-family: "Sitka Text", sans-serif; font-weight: bold;
}
.type2-page--zen-wellness #sche-tab .nav-item .nav-link.active{
color: #2f8089;
opacity: 1;
}
.type2-page--zen-wellness .slide-schedule .image{
max-height: 36.0625rem;
border-radius: 0;
}
.type2-page--zen-wellness .pagination-slide__sche,
.type2-page--zen-wellness .pagination-slide__menu{
text-align: center;
margin: 3.4375rem 0 1.875rem;
}
.type2-page--zen-wellness .pagination-slide__sche .swiper-pagination-bullet,
.type2-page--zen-wellness .pagination-slide__menu .swiper-pagination-bullet{
width: 0.625rem;
height: 0.625rem;
margin: 0 7px;
background: rgba(15, 85, 66, 0.5);
}
.type2-page--zen-wellness .pagination-slide__sche .swiper-pagination-bullet-active,
.type2-page--zen-wellness .pagination-slide__menu .swiper-pagination-bullet-active{
background: #094A25;
}
.type2-page--zen-wellness .item-main__activity{
max-width: 20.3125rem;
margin-left: auto;
margin-right: auto;
}
.type2-page--zen-wellness .item-main__activity .title{
margin-bottom:0.938rem;
}
.type2-page--zen-wellness .item-main__activity .image{
position: relative;
padding-top: 132.8%;
}
.type2-page--zen-wellness .item-main__activity .image img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.type2-page--zen-wellness .advantages-wellness.coach .title-all{
margin-bottom: 5.625rem;
}
.type2-page--zen-wellness .advantages-wellness.coach .image-after{
top: 50%;
right: 5.625rem;
}
.type2-page--zen-wellness .item-coach{
max-width: 20.0625rem;
margin-left: auto;
margin-right: auto;
}
.type2-page--zen-wellness .item-coach .name{
position: relative;
padding-left: 0.9375rem;
}
.type2-page--zen-wellness .item-coach .name::before{
content: "";
width: 2.75rem;
height: 3.3125rem;
background-image: url(../images/flag-coach.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.type2-page--zen-wellness .item-coach .subject{
padding-left: 0.9375rem;
}
.type2-page--zen-wellness .item-coach .img{
position: relative;
padding-top: 97%;
}
.type2-page--zen-wellness .item-coach .img img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.type2-page--zen-wellness .item-coach .info-detail{
position: relative;
padding-left: 25px;
}
.type2-page--zen-wellness .item-coach .info-detail::before{
content: "";
width: 1.625rem;
height: 1.3125rem;
background-image: url(../images/pen-green.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0;
left: 0;
}
.type2-page--zen-wellness .item-coach .info-detail li{
font-size: 1.0625rem;
padding: 4px 0;
position: relative;
padding-left:1.25rem;
}
.type2-page--zen-wellness .item-coach .info-detail li::before{
content: "";
width: 0.75rem;
height: 0.375rem;
background-image: url(../images/Vector79.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 15px;
left: 0;
}
.type2-page--zen-wellness .program-wellness .col{
flex: 0 0 20%;
}
.type2-page--zen-wellness .program-wellness .col:nth-child(2n) .item-program__sm{
margin-top: 80px;
}
.type2-page--zen-wellness .program-wellness .image-before{
top: 5.625rem;
}
.type2-page--zen-wellness .program-wellness .title-all{
margin-bottom: 7.0625rem;
position: relative;
}
.type2-page--zen-wellness .program-wellness .title-all::after{
content: "";
width: 23.4375rem;
height: 11.4375rem;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0;
right: 0;
background-image: url(../images/before-advantages.png);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.type2-page--zen-wellness .item-program__sm{
background: #2F8089;
border-radius:10px 10px 0 0;
overflow: hidden;
}
.type2-page--zen-wellness .item-program__sm .s-content{
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 5;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.type2-page--zen-wellness .item-program__sm .img{
position: relative;
padding-top: 100%;
}
.type2-page--zen-wellness .item-program__sm .img img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.type2-page--zen-wellness .item-program__sm .ct-text{
width: 100%;
color: #fff8ed;
padding: 10px 25px;
z-index: 1;
}
.type2-page--zen-wellness .item-program__sm .ct-text .title:hover{
color:#f0b84b;
}
.type2-page--zen-wellness .item-program__sm .ct-text .text-decor{
font-size: 3.125rem;
line-height: 0.9;
}
.type2-page--zen-wellness .menu-wellness{
background: rgba(234, 200, 110, 0.1);
padding-bottom: 9.375rem !important;
}
.type2-page--zen-wellness .menu-wellness .title-all{
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
position: relative;
padding: 0 1.5625rem;
}
.type2-page--zen-wellness .menu-wellness .title-all::before{
content: "";
height: 8px;
width: 31%;
background-image: url(../images/wave-green.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 10px;
right: 100%;
}
.type2-page--zen-wellness .menu-wellness .title-all::after{
content: "";
height: 8px;
width: 31%;
background-image: url(../images/wave-green.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 10px;
left: 100%;
}
.type2-page--zen-wellness .menu-wellness .title-all .wave-1::before{
content: "";
height: 8px;
width: 60%;
background-image: url(../images/wave-orange.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 25px;
right: 100%;
}
.type2-page--zen-wellness .menu-wellness .title-all .wave-1::after{
content: "";
height: 8px;
width: 60%;
background-image: url(../images/wave-orange.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 25px;
left: 100%;
}
.type2-page--zen-wellness .menu-wellness .list-note__menu{
margin-bottom: 2.0625rem;
}
.type2-page--zen-wellness .menu-wellness .list-note__menu li{
font-family: "Verdana", sans-serif;
font-style: italic;
font-size: 1.0625rem;
color: #000;
position: relative;
padding-left: 1.875rem;
}
.type2-page--zen-wellness .menu-wellness .list-note__menu li::before{
content: "";
width: 1.125rem;
height: 1.125rem;
background-image: url(../images/star-green.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 4px;
left: 0;
}
.type2-page--zen-wellness .menu-wellness .list-note__menu li:not(:last-child){
margin-bottom: 0.3125rem;
}
.type2-page--zen-wellness .menu-wellness .btn-border__green{
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-right: auto;
border: 2px solid #2f8089;
color: #2f8089;
}
.type2-page--zen-wellness .menu-wellness .btn-border__green:hover{
background: #2f8089;
}
.type2-page--zen-wellness .menu-wellness .btn-border__green:hover img{
-webkit-filter: brightness(10);
filter: brightness(10);
}
.type2-page--zen-wellness .menu-wellness .slide-menu .image{
max-height: unset !important;
}
.type2-page--zen-wellness .menu-wellness .image-before{
top: 2.1875rem;
z-index: 2;
}
.type2-page--zen-wellness .menu-wellness .image-after{
top: unset;
bottom: 0;
}
.type2-page--zen-wellness .menu-wellness .image-before__bottom{
bottom: 0;
left: 0;
position: absolute;
}
.type2-page--zen-wellness .intro-camp-detail .title-intro__all{
padding-top: 0;
}
.type2-page--zen-wellness .section-highlight__detail .col{
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
}
.type2-page--zen-wellness .section-schedule__sm .image-before{
left: -16%;
top: 6%;
}
.type2-page--zen-wellness .slide-menu .image img{
-o-object-fit: scale-down;
object-fit: scale-down;
}
.type2-page--zen-wellness .slide-benefit-joy .swiper-wrapper{
justify-content: center !important;
}
@media (min-width: 1400px) {
.type2-page--zen-wellness .intro-wellness .container{
max-width: 1350px !important;
}
.type2-page--zen-wellness .advantages-wellness .container{
max-width: 1470px !important;
}
.type2-page--zen-wellness .endow-wellness .container{
max-width: 1600px !important;
}
.type2-page--zen-wellness .section-highlight__detail .container{
max-width: 1680px !important;
}
.type2-page--zen-wellness .menu-wellness .container{
max-width: 1700px !important;
}
}
@media (min-width: 1200px) {
.type2-page--zen-wellness .result-wellness .container{
max-width: 1600px !important;
}
.type2-page--zen-wellness .program-wellness .container{
max-width: 1740px !important;
}
}
@media (max-width: 1600px) {
.type2-page--zen-wellness .intro-wellness .image-after img{
max-width: 70%;
}
.type2-page--zen-wellness .place-meeting .image-before{
text-align: left;
}
.type2-page--zen-wellness .place-meeting .image-before img{
max-width: 80%;
}
.type2-page--zen-wellness .endow-wellness .endow-content .head .price-sale{
font-size: 1.5625rem;
}
.type2-page--zen-wellness .endow-wellness .endow-content .head .price{
font-size: 1.875rem;
}
.type2-page--zen-wellness .item-highlight__wellness .icon{
margin-bottom: 1.875rem;
width: 5rem;
height: 5rem;
}
.type2-page--zen-wellness .section-schedule__sm .image-before img{
max-width: 70%;
}
}
@media (max-width: 1199px) {
.type2-page--zen-wellness .intro-wellness .image-after img{
max-width: 35%;
}
.type2-page--zen-wellness .intro-wellness .module-content{
padding-left: 0;
}
.type2-page--zen-wellness .intro-wellness .container{
margin-left: auto;
padding-left: 0.9375rem;
}
.type2-page--zen-wellness .section-why__wellness .title-all{
margin-bottom: 1.875rem;
}
.type2-page--zen-wellness .section-why__wellness{
padding-top: 5rem;
padding-bottom: 2.5rem;
}
.type2-page--zen-wellness #wellness-group__tab .nav-item .nav-link .eng{
font-size: 1.25rem;
}
.type2-page--zen-wellness .wellness-group .item-group__content .title .text-decor{
font-size: 4.375rem;
}
.type2-page--zen-wellness .wellness-group .item-group__content .title .icon{
margin-left: -0.9375rem;
}
.type2-page--zen-wellness .endow-wellness .title-all,
.type2-page--zen-wellness .endow-wellness .endow-content{
padding-left: 0;
}
.type2-page--zen-wellness .place-meeting{
padding-left: 1.875rem;
}
.type2-page--zen-wellness .intro-camp-detail .title-all{
margin-bottom: 0.9375rem;
}
.type2-page--zen-wellness .intro-camp-detail .title-intro__all{
margin-bottom: 1.25rem;
}
.type2-page--zen-wellness .section-highlight__detail .col{
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.type2-page--zen-wellness .item-main__activity .image{
margin-bottom: 0.9375rem;
}
.type2-page--zen-wellness .item-main__activity .title{
margin-bottom: 0.9375rem;
}
.type2-page--zen-wellness .item-coach .info-detail li{
font-size: 0.875rem;
}
.type2-page--zen-wellness .menu-wellness .title-all::before,
.type2-page--zen-wellness .menu-wellness .title-all::after{
top: 4px;
}
.type2-page--zen-wellness .menu-wellness .title-all .wave-1::before,
.type2-page--zen-wellness .menu-wellness .title-all .wave-1::after{
top: 17px;
}
.type2-page--zen-wellness #sche-tab{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.type2-page--zen-wellness #sche-tab .nav-item{
margin-right: 0.9375rem;
}
.type2-page--zen-wellness .program-wellness .col{
flex: 0 0 25%;
}
}
@media (max-width: 991px) {
.type2-page--zen-wellness .slide-benefit-joy .swiper-wrapper{
justify-content: flex-start !important;
}
.type2-page--zen-wellness .item-program__sm{
height:100%;
}
.type2-page--zen-wellness .intro-wellness .image{
margin-left: auto;
margin-right: auto;
}
.type2-page--zen-wellness .head-joy__wellness .title-all{
margin-bottom: 1.25rem;
}
.type2-page--zen-wellness .intro-wellness .s-content{
padding-right: 0;
}
.type2-page--zen-wellness .section-why__wellness{
padding: 1.875rem 0;
}
.type2-page--zen-wellness .section-why__wellness .s-content ul li{
padding: 0.625rem 0.625rem 0.625rem 2.5rem;
}
.type2-page--zen-wellness .section-why__wellness .s-content ul li::before{
top: 0.625rem;
}
.type2-page--zen-wellness .section-why__wellness .image{
margin-left: auto;
margin-right: auto;
}
.type2-page--zen-wellness .advantages-wellness .title-all::before,
.type2-page--zen-wellness .advantages-wellness .title-all::after{
display: none;
}
.type2-page--zen-wellness .advantages-wellness .title-all{
margin-bottom: 1.875rem;
}
.type2-page--zen-wellness #wellness-group__tab .nav-item .nav-link .eng{
font-size: 1.125rem;
}
.type2-page--zen-wellness .wellness-group .item-group__content:not(:first-child){
margin-bottom: 1.875rem;
}
.type2-page--zen-wellness .place-meeting .title-all strong{
margin-bottom: 1.25rem;
}
.type2-page--zen-wellness .slide-palce-meeting{
margin-top: 1.25rem;
}
.type2-page--zen-wellness .info-course__wellness{
margin-top: 1.875rem;
}
.type2-page--zen-wellness .section-highlight__detail .col{
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
}
.type2-page--zen-wellness .section-schedule__sm .module-slide{
margin-left: auto;
max-width: 100%;
}
.type2-page--zen-wellness .slide-schedule .image{
max-height: unset;
}
.type2-page--zen-wellness #sche-tab .nav-item .nav-link{
font-size: 1rem;
}
.type2-page--zen-wellness .section-schedule__sm .table-sche .item .title-table .text{
font-size: 1rem;
}
.type2-page--zen-wellness .wellness-group .title-all .fz-36{
font-size: 1.3125rem;
}
.type2-page--zen-wellness .main-activity__wellness .col:nth-child(2n) .item-main__activity{
margin-top: 0;
}
.type2-page--zen-wellness .advantages-wellness.coach .title-all,
.type2-page--zen-wellness .program-wellness .title-all{
margin-bottom: 1.875rem;
}
.type2-page--zen-wellness .program-wellness .title-all::after{
display: none;
}
.type2-page--zen-wellness .menu-wellness{
padding-bottom: 1.875rem !important;
}
.type2-page--zen-wellness .endow-wellness .form-regis__wellness{
margin-top: 0;
}
.type2-page--zen-wellness .endow-wellness .form-regis__wellness{
max-width: 100%;
}
.type2-page--zen-wellness .program-wellness .col:nth-child(2n) .item-program__sm{
margin-top: 0;
}
.type2-page--zen-wellness .program-wellness .col{
flex: 0 0 33.33%;
}
.type2-page--zen-wellness .item-program__sm .ct-text .text-decor{
font-size: 35px;
}
.type2-page--zen-wellness .intro-wellness .image{
margin-bottom:1.25rem;
}
}
@media (max-width: 767px) {
.type2-page--zen-wellness .section-why__wellness .s-content ul li{
font-size: 0.875rem;
}
.type2-page--zen-wellness .section-why__wellness .s-content ul li::before{
width: 1.25rem;
height: 1.25rem;
}
.type2-page--zen-wellness .wellness-group .item-group__content .title .text{
font-size: 1rem;
}
.type2-page--zen-wellness .wellness-group .item-group__content .title .text-decor{
font-size: 2.2rem;
margin-left: 0.9375rem;
}
.type2-page--zen-wellness .wellness-group .item-group__content .ct-content ul li{
font-size: 0.875rem;
}
.type2-page--zen-wellness .intro-camp-detail .image-after{
display: none;
}
.type2-page--zen-wellness .section-highlight__detail{
padding-top: 1.25rem;
}
.type2-page--zen-wellness .section-highlight__detail .module-header .text-decor{
font-size: 4.0625rem;
}
.type2-page--zen-wellness .section-highlight__detail .module-header .title{
margin-top: 2.1875rem;
}
.type2-page--zen-wellness .section-highlight__detail .module-header,
.type2-page--zen-wellness .section-schedule__sm .title,
.type2-page--zen-wellness .wellness-group .title-all{
margin-bottom: 1.875rem;
}
.type2-page--zen-wellness .section-highlight__detail .col{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.type2-page--zen-wellness .section-schedule__sm .title .text-decor{
font-size: 2.5rem;
margin-right: 0.9375rem;
}
.type2-page--zen-wellness .pagination-slide__sche{
margin: 1.25rem 0;
}
.type2-page--zen-wellness .section-schedule__sm .table-sche .item .title-table{
-webkit-box-flex: 0;
-ms-flex: 0 0 7.5rem;
flex: 0 0 7.5rem;
}
.type2-page--zen-wellness #sche-tab{
padding-left: 0.9375rem;
}
.type2-page--zen-wellness .section-schedule__sm .table-sche .item .content-table ul li:not(.nav-item){
padding: 0.625rem 0.9375rem;
}
.type2-page--zen-wellness #sche-tab .nav-item .nav-link,
.type2-page--zen-wellness .section-schedule__sm .table-sche .item .title-table .text{
font-size: 0.875rem;
}
.type2-page--zen-wellness .item-program__sm .ct-text{
padding: 0.9375rem;
}
.type2-page--zen-wellness .item-program__sm .ct-text .text-decor{
font-size: 2.5rem !important;
}
.type2-page--zen-wellness .section-highlight__detail .module-header{
padding-left: 0;
}
.type2-page--zen-wellness .place-meeting .module-header .address .text-decor{
font-size: 2.5rem;
}
.type2-page--zen-wellness .item-coach .name::before{
top: 6px;
}
.type2-page--zen-wellness .program-wellness .col{
flex: 0 0 50%;
}
.type2-page--zen-wellness .wellness-group .title-all::after{
height:150px;
width:150px;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.intro-wellness.type2-intro
.image{
width: 70%;
max-width: 70%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 28px;
}
.type2-page--zen-wellness .intro-wellness .module-content .title-intro__all .f-decor{
font-size: 2rem;
}
.type2-page--zen-wellness .info-course__wellness .item{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: unset;
}
.type2-page--zen-wellness .wellness-group .item-group__content .title{
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 0.9375rem;
}
.type2-page--zen-wellness .wellness-group .item-group__content .title .icon{
display: none;
}
.type2-page--zen-wellness .wellness-group .button{
padding-right: 2.8125rem;
}
.type2-page--zen-wellness .item-result__wellness{
max-width: unset;
}
.type2-page--zen-wellness .result-wellness .title-all{
margin-bottom: 1.875rem;
}
.type2-page--zen-wellness .endow-wellness .endow-content .head .discount .value{
font-size: 2.1875rem;
margin-right: 1.5625rem;
}
.type2-page--zen-wellness .endow-wellness .endow-content .head .discount{
width: 8.125rem;
height: 4.0625rem;
}
.type2-page--zen-wellness .endow-wellness .endow-content .head .price-sale{
font-size: 1.125rem;
margin-bottom: 0.625rem;
}
.type2-page--zen-wellness .endow-wellness .endow-content .head .price{
font-size: 1.5625rem;
}
.type2-page--zen-wellness .endow-wellness .endow-content .list-endow{
padding-right: 0;
}
.type2-page--zen-wellness .place-meeting{
padding-left: 0.9375rem;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.type2-page--zen-wellness .place-meeting .module-header .address .text-decor{
font-size: 2.2rem;
margin-left: 10px;
}
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin .form-control::-webkit-input-placeholder{
font-size: 0.875rem;
}
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin .form-control::-moz-placeholder{
font-size: 0.875rem;
}
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin .form-control:-ms-input-placeholder{
font-size: 0.875rem;
}
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin .form-control::-ms-input-placeholder{
font-size: 0.875rem;
}
.type2-page--zen-wellness .endow-wellness .form-regis__wellness .form-group__admin .form-control::placeholder{
font-size: 0.875rem;
}
.type2-page--zen-wellness .section-highlight__detail .module-header .text-decor{
font-size: 2.5rem;
}
.type2-page--zen-wellness .section-highlight__detail .module-header .title{
font-size: 1.125rem;
}
.type2-page--zen-wellness .section-highlight__detail .col{
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.type2-page--zen-wellness .section-schedule__sm .table-sche .item .title-table{
-webkit-box-flex: 0;
-ms-flex: 0 0 6.25rem;
flex: 0 0 6.25rem;
}
.type2-page--zen-wellness #sche-tab{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.type2-page--zen-wellness #sche-tab li{
margin: 5px;
}
.type2-page--zen-wellness .pagination-slide__sche,
.type2-page--zen-wellness .pagination-slide__menu{
margin: 1.25rem 0;
}
.type2-page--zen-wellness .wellness-group .title-all::after{
-webkit-transform: translateY(50%) scale(0.6);
transform: translateY(50%) scale(0.6);
left: 100%;
}
.type2-page--zen-wellness #wellness-group__tab .nav-item .nav-link{
margin-left: auto;
margin-right: auto;
}
.type2-page--zen-wellness .wellness-group .button{
padding-right: 0;
}
.type2-page--zen-wellness .wellness-group .button .read-more-intro::before{
left: unset;
right: 0;
width: 5rem;
height: 1.25rem;
top: 100%;
}
.type2-page--zen-wellness .program-wellness .col{
flex: 0 0 100%;
}
.type2-page--zen-wellness .endow-wellness .title-all::after{
height:43px;
top:-9px;
}
.type2-page--zen-wellness .place-meeting .title-all strong,
.type2-page--zen-wellness .place-meeting .title-all span{
display:inline !important;
}
.type2-page--zen-wellness .place-meeting .module-header .address{
display:flex;
}
.type2-page--zen-wellness .intro-wellness .image,
.type2-page--zen-wellness .section-why__wellness .image{
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
.type2-page--zen-wellness .item-advantages__wellness .image{
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
.type2-page--zen-wellness .info-course__wellness .item .icon{
height:3.75rem;
}
}
@media (min-width: 992px) {
.type2-page--zen-wellness .type2-intro-decor{
overflow: visible;
}
.type2-page--zen-wellness .type2-intro-decor img{
display: block;
transform-origin: top right;
transform: scaleX(1.15) scaleY(2);
}
}
@media (max-width: 991px) {
.type2-page--zen-wellness .type2-intro-decor,
.type2-page--zen-wellness .type2-intro-decor img{
display: none !important;
}
}
.type2-page--zen-wellness
.wellness-group.type2-programs{
position: relative;
overflow: visible;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-decor{
position: absolute;
top: 0;
right: 0;
width: 25vw;
height: auto;
z-index: 5;
pointer-events: none;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-decor__img{
display: block;
width: 100%;
height: auto;
object-fit: contain;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
> .container{
position: relative;
z-index: 2;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading{
display: flex;
align-items: baseline;
flex-wrap: wrap;
column-gap: 14px;
row-gap: 6px;
width: auto;
margin: 0 0 28px;
padding: 0;
text-align: left;
color: #263333 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading::before,
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading::after{
content: none !important;
display: none !important;
background: none !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading
.type2-programs-title{
display: inline-block;
font-family: "Raleway", sans-serif !important;
font-size: 30px !important;
font-weight: 600 !important;
font-style: normal !important;
line-height: 1.25;
letter-spacing: 0 !important;
color: #263333 !important;
text-transform: none !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading
.type2-programs-title-decor{
display: inline-block;
font-family: "Dancing Script SVN", "Dancing Script", cursive !important;
font-size: 46px !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 1;
letter-spacing: 0 !important;
color: #E88400 !important;
text-transform: none !important;
transform: translateY(10px);
}
@media (min-width: 576px) and (max-width: 991px) {
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading
.type2-programs-title{
font-size: 26px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading
.type2-programs-title-decor{
font-size: 40px !important;
transform: translateY(8px);
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading{
display: block;
margin-bottom: 24px;
text-align: left;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading
.type2-programs-title{
display: block;
width: 100%;
font-size: 21px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading
.type2-programs-title-decor{
display: block;
width: 100%;
margin-top: 10px;
font-size: 34px !important;
transform: none;
}
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description{
width: 100%;
max-width: 600px;
margin: 0 0 34px;
padding: 0;
font-family: "Raleway", sans-serif !important;
font-size: 17px !important;
font-weight: 500 !important;
font-style: normal !important;
line-height: 1.65;
color: #4A5555 !important;
text-align: left !important;
text-align-last: left !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description,
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description *{
font-family: "Raleway", sans-serif !important;
font-size: 17px !important;
font-weight: 500 !important;
font-style: normal !important;
line-height: 1.65;
color: #4A5555 !important;
text-align: left !important;
text-align-last: left !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description p{
margin: 0;
}
@media (min-width: 576px) and (max-width: 991px) {
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description{
max-width: 88%;
margin-bottom: 30px;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description,
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description *{
font-size: 16px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description{
max-width: 100%;
margin-bottom: 26px;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description,
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description *{
font-size: 15px !important;
}
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description{
position: relative;
padding-left: 30px;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description::before{
content: "";
position: absolute;
left: 0;
top: 4px;
width: 19px;
height: 19px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url("data:image/svg+xml;utf8,\
");
opacity: 0.88;
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description{
padding-left: 26px;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description::before{
top: 3px;
width: 17px;
height: 17px;
}
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading{
position: relative;
padding-bottom: 18px;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading::before{
content: none !important;
display: none !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading::after{
content: "" !important;
display: block !important;
position: absolute;
left: 0;
bottom: 0;
width: 160px;
height: 9px;
background: none !important;
background-image: url("data:image/svg+xml;utf8,\
") !important;
background-repeat: no-repeat !important;
background-position: left center !important;
background-size: 100% 100% !important;
opacity: 0.58;
transform: none !important;
pointer-events: none;
}
@media (min-width: 576px) and (max-width: 991px) {
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading::after{
width: 140px;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading{
padding-bottom: 15px;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading::after{
width: 110px;
height: 7px;
}
}
.type2-page--zen-wellness .type2-programs-modern{
position: relative;
padding-top: 5rem;
padding-bottom: 6rem;
overflow: hidden;
background: #fff;
}
.type2-page--zen-wellness .type2-programs-modern__heading{
text-align: center;
max-width: 850px;
margin: 0 auto 2.75rem;
}
.type2-page--zen-wellness .type2-programs-modern__title{
margin: 0;
color: #245C57;
font-family: "Raleway", sans-serif;
font-size: 2.2rem;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
}
.type2-page--zen-wellness .type2-programs-modern__title-decor{
margin-top: .35rem;
color: #E88400;
font-family: "Dancing Script SVN", cursive;
font-size: 3.2rem;
line-height: 1;
}
.type2-page--zen-wellness .type2-programs-modern__description{
margin: 1.15rem auto 0;
max-width: 760px;
color: #245C57;
font-size: 1rem;
line-height: 1.75;
}
.type2-page--zen-wellness .type2-programs-modern__tabs-wrap{
overflow-x: auto;
overflow-y: hidden;
margin-bottom: 2.75rem;
scrollbar-width: none;
}
.type2-page--zen-wellness .type2-programs-modern__tabs-wrap::-webkit-scrollbar{
display: none;
}
.type2-page--zen-wellness .type2-programs-modern__tabs{
display: flex;
justify-content: center;
align-items: stretch;
gap: 2.25rem;
min-width: max-content;
}
.type2-page--zen-wellness .type2-programs-modern__tab{
position: relative;
display: inline-flex;
align-items: center;
gap: .55rem;
padding: 0 0 .85rem;
border: 0;
background: transparent;
color: #245C57;
cursor: pointer;
font-family: "Raleway", sans-serif;
text-align: left;
transition:
color .25s ease,
opacity .25s ease;
}
.type2-page--zen-wellness .type2-programs-modern__tab-number{
color: #E88400;
font-size: .75rem;
font-weight: 700;
line-height: 1;
}
.type2-page--zen-wellness .type2-programs-modern__tab-title{
font-size: .96rem;
font-weight: 600;
line-height: 1.2;
white-space: nowrap;
}
.type2-page--zen-wellness .type2-programs-modern__tab::after{
content: "";
position: absolute;
left: 0;
right: auto;
bottom: 0;
width: 0;
height: 2px;
background: #E88400;
transition: width .25s ease;
}
.type2-page--zen-wellness .type2-programs-modern__tab:hover{
color: #E88400;
}
.type2-page--zen-wellness .type2-programs-modern__tab.is-active{
color: #E88400;
}
.type2-page--zen-wellness .type2-programs-modern__tab.is-active::after{
width: 100%;
}
.type2-page--zen-wellness .type2-programs-modern__content{
position: relative;
}
.type2-page--zen-wellness .type2-program-showcase{
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
gap: 4.5rem;
align-items: center;
max-width: 1180px;
margin: 0 auto;
}
.type2-page--zen-wellness .type2-program-showcase__content{
padding: .5rem 0;
}
.type2-page--zen-wellness .type2-program-showcase__tagline{
margin-bottom: .6rem;
color: #E88400;
font-size: .82rem;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
}
.type2-page--zen-wellness .type2-program-showcase__title{
margin: 0;
color: #245C57;
font-family: "Raleway", sans-serif;
font-size: 2.5rem;
font-weight: 700;
line-height: 1.15;
}
.type2-page--zen-wellness .type2-program-showcase__line{
width: 52px;
height: 2px;
margin: 1.15rem 0 1.35rem;
background: #E88400;
}
.type2-page--zen-wellness .type2-program-showcase__description{
max-width: 650px;
color: #245C57;
font-size: 1rem;
line-height: 1.75;
}
.type2-page--zen-wellness .type2-program-showcase__description p:last-child{
margin-bottom: 0;
}
.type2-page--zen-wellness .type2-program-showcase__highlights{
margin-top: 1.7rem;
}
.type2-page--zen-wellness .type2-program-showcase__highlights-label{
margin-bottom: .75rem;
color: #245C57;
font-size: .88rem;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
}
.type2-page--zen-wellness .type2-program-showcase__highlights ul{
margin: 0;
padding: 0;
list-style: none;
}
.type2-page--zen-wellness .type2-program-showcase__highlights li{
position: relative;
padding-left: 1.35rem;
margin-bottom: .65rem;
color: #245C57;
font-size: .96rem;
line-height: 1.55;
}
.type2-page--zen-wellness .type2-program-showcase__highlights li::before{
content: "";
position: absolute;
top: .65em;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background: #E88400;
transform: translateY(-50%);
}
.type2-page--zen-wellness .type2-program-showcase__meta{
display: flex;
flex-wrap: wrap;
gap: 1.15rem 2rem;
margin-top: 1.7rem;
}
.type2-page--zen-wellness .type2-program-showcase__meta-item{
display: inline-flex;
align-items: center;
gap: .45rem;
color: #245C57;
font-size: .92rem;
line-height: 1.4;
}
.type2-page--zen-wellness .type2-program-showcase__meta-icon{
color: #E88400;
font-size: 1.15rem;
line-height: 1;
}
.type2-page--zen-wellness .type2-program-showcase__cta{
display: inline-flex;
align-items: center;
gap: .5rem;
margin-top: 2rem;
color: #E88400;
font-size: .92rem;
font-weight: 700;
text-decoration: none;
transition: gap .25s ease;
}
.type2-page--zen-wellness .type2-program-showcase__cta:hover{
gap: .8rem;
color: #E88400;
text-decoration: none;
}
.type2-page--zen-wellness .type2-program-showcase__media{
position: relative;
overflow: visible;
}
.type2-page--zen-wellness .type2-program-showcase__media::after{
content: "";
position: absolute;
right: -10px;
bottom: -10px;
width: 55%;
height: 55%;
border-right: 2px solid rgba(232, 132, 0, .55);
border-bottom: 2px solid rgba(232, 132, 0, .55);
pointer-events: none;
}
.type2-page--zen-wellness .type2-program-showcase__image{
display: block;
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: 12px;
}
.type2-page--zen-wellness .type2-program-showcase__counter{
max-width: 1180px;
margin: 1.4rem auto 0;
color: #245C57;
font-size: .78rem;
font-weight: 700;
letter-spacing: .08em;
}
.type2-page--zen-wellness .type2-program-showcase__counter span{
margin: 0 .2rem;
color: #E88400;
}
@media (max-width: 991px) {
.type2-page--zen-wellness .type2-programs-modern{
padding-top: 3.75rem;
padding-bottom: 4.5rem;
}
.type2-page--zen-wellness .type2-programs-modern__tabs{
justify-content: flex-start;
gap: 1.5rem;
padding: 0 .25rem;
}
.type2-page--zen-wellness .type2-program-showcase{
grid-template-columns: 1fr;
gap: 2rem;
}
.type2-page--zen-wellness .type2-program-showcase__media{
order: -1;
}
.type2-page--zen-wellness .type2-program-showcase__title{
font-size: 2rem;
}
.type2-page--zen-wellness .type2-program-showcase__counter{
margin-top: 1rem;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness .type2-programs-modern{
padding-top: 3rem;
padding-bottom: 3.5rem;
}
.type2-page--zen-wellness .type2-programs-modern__title{
font-size: 1.7rem;
}
.type2-page--zen-wellness .type2-programs-modern__title-decor{
font-size: 2.55rem;
}
.type2-page--zen-wellness .type2-programs-modern__description{
font-size: .92rem;
}
.type2-page--zen-wellness .type2-programs-modern__tabs-wrap{
margin-bottom: 2rem;
}
.type2-page--zen-wellness .type2-programs-modern__tab-number{
font-size: .68rem;
}
.type2-page--zen-wellness .type2-programs-modern__tab-title{
font-size: .86rem;
}
.type2-page--zen-wellness .type2-program-showcase{
gap: 1.5rem;
}
.type2-page--zen-wellness .type2-program-showcase__title{
font-size: 1.65rem;
}
.type2-page--zen-wellness .type2-program-showcase__description,
.type2-page--zen-wellness .type2-program-showcase__highlights li{
font-size: .9rem;
}
.type2-page--zen-wellness .type2-program-showcase__meta{
gap: .75rem 1.25rem;
}
.type2-page--zen-wellness .type2-program-showcase__meta-item{
font-size: .84rem;
}
.type2-page--zen-wellness .type2-program-showcase__image{
aspect-ratio: 4 / 3;
border-radius: 9px;
}
.type2-page--zen-wellness .type2-program-showcase__media::after{
right: -6px;
bottom: -6px;
}
}
@media (min-width: 992px) {
.type2-page--zen-wellness .zen-wellness-program-showcase{
position: relative;
display: flex;
align-items: center;
width: 100%;
max-width: 1180px;
margin: -20px auto 0;
gap: 5rem;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__content{
position: relative;
flex: 1 1 auto;
min-width: 0;
padding: 2rem 2.35rem 1.75rem;
overflow: hidden;
border-radius: 30px 10px 30px 10px;
background:
radial-gradient(
circle at 8% 14%,
rgba(255,255,255,.72) 0 34px,
transparent 35px
),
radial-gradient(
circle at 93% 88%,
rgba(127,168,161,.13) 0 80px,
transparent 81px
),
linear-gradient(
135deg,
#EEF4ED 0%,
#F4F4E9 100%
);
box-shadow:
0 8px 24px rgba(31,78,70,.05);
}
.type2-page--zen-wellness .zen-wellness-program-showcase__content::before{
content: "";
position: absolute;
right: -60px;
bottom: -80px;
width: 210px;
height: 170px;
border-radius: 58% 42% 48% 52%;
background: rgba(127,168,161,.12);
transform: rotate(-10deg);
pointer-events: none;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__content::after{
content: "✦ · ✦";
position: absolute;
right: 28px;
top: 18px;
color: rgba(232,132,0,.32);
font-size: 17px;
letter-spacing: 8px;
transform: rotate(5deg);
pointer-events: none;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__tagline{
position: relative;
z-index: 2;
margin: 0 0 .5rem;
font-family: "Raleway", sans-serif !important;
font-size: 18px !important;
font-weight: 800 !important;
line-height: 1.3 !important;
letter-spacing: .11em !important;
color: #E88400 !important;
text-transform: uppercase !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__tagline::before{
content: "";
display: inline-block;
width: 24px;
height: 2px;
margin-right: .7rem;
vertical-align: middle;
background: #7FA8A1;
transform: translateY(-2px);
}
.type2-page--zen-wellness .zen-wellness-program-showcase__main{
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__title{
order: 1;
margin: 0;
font-family: "Raleway", sans-serif !important;
font-size: 2.25rem !important;
font-weight: 600 !important;
line-height: 1.12 !important;
letter-spacing: -.02em !important;
color: #245C57 !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__line{
order: 2;
width: 52px;
height: 2px;
margin: .7rem 0 .85rem;
background: #E88400;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__meta{
order: 3;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 1.2rem;
margin: 0 0 1.2rem;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__meta-item{
display: inline-flex;
align-items: center;
gap: .45rem;
color: #245C57;
font-size: .9rem;
font-weight: 600;
line-height: 1.35;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__icon{
color: #E88400;
font-size: .95rem;
line-height: 1;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__meta-item + .zen-wellness-program-showcase__meta-item::before{
content: "";
width: 4px;
height: 4px;
margin-right: .55rem;
border-radius: 50%;
background: #7FA8A1;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__description{
order: 4;
max-width: 700px;
margin: 0;
font-family: "Raleway", sans-serif !important;
font-size: 1rem !important;
font-weight: 500 !important;
line-height: 1.62;
color: #245C57 !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__description-item{
display: flex;
align-items: flex-start;
gap: .65rem;
margin-bottom: .42rem;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__description-item:last-child{
margin-bottom: 0;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__description-icon{
position: relative;
flex: 0 0 12px;
width: 12px;
height: 12px;
margin-top: .4em;
border: 1px solid #E88400;
border-radius: 50%;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__description-icon::after{
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 2px;
height: 2px;
border-radius: 50%;
background: #E88400;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__highlights{
order: 5;
margin-top: 1.35rem;
margin-left: 26px;
max-width: 650px;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__label{
display: inline-flex;
align-items: center;
gap: .6rem;
margin: 0 0 .65rem;
font-family: "Raleway", sans-serif !important;
font-size: .94rem !important;
font-weight: 800 !important;
line-height: 1.3;
letter-spacing: .07em;
color: #245C57 !important;
text-transform: uppercase;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__label::after{
content: "";
width: 30px;
height: 2px;
background: #E88400;
transform: rotate(-3deg);
}
.type2-page--zen-wellness .zen-wellness-program-showcase__highlights ul{
display: flex;
flex-direction: column;
gap: .5rem;
margin: 0;
padding: 0;
list-style: none;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__highlights li{
position: relative;
padding-left: 1.2rem;
color: #245C57;
font-size: .94rem;
line-height: 1.48;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__highlights li::before{
content: "";
position: absolute;
top: .62em;
left: 0;
width: 8px;
height: 8px;
border-radius: 50% 50% 50% 0;
background: #E88400;
transform: rotate(-45deg);
}
.type2-page--zen-wellness .zen-wellness-program-showcase__cta{
position: relative;
z-index: 2;
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
gap: .5rem;
margin-top: 1.35rem;
color: #E88400;
font-size: .94rem;
font-weight: 600;
text-align: right;
text-decoration: none;
transition:
gap .2s ease,
color .2s ease;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__cta:hover{
gap: .8rem;
color: #245C57;
text-decoration: none;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__media{
position: relative;
flex: 0 0 360px;
width: 360px;
height: 450px;
margin: 0;
isolation: isolate;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__media::before{
content: "";
position: absolute;
z-index: 0;
top: 12px;
left: -15px;
width: 100%;
height: 100%;
background: #E5EEE9;
border-radius: 34px 8px 34px 8px;
transform: rotate(-2deg);
}
.type2-page--zen-wellness .zen-wellness-program-showcase__image{
position: relative;
z-index: 2;
display: block;
width: 360px !important;
height: 450px !important;
max-width: none !important;
max-height: none !important;
object-fit: cover;
border-radius: 26px 6px 26px 6px;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__media::after{
content: "";
position: absolute;
z-index: 3;
top: -16px;
right: -18px;
width: 88px;
height: 88px;
border-top: 2px solid #E88400;
border-right: 2px solid #E88400;
border-radius: 0 34px 0 0;
transform: rotate(4deg);
pointer-events: none;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.type2-page--zen-wellness .zen-wellness-program-showcase{
display: flex;
flex-direction: column;
gap: 2rem;
margin-top: -15px;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__content{
padding: 1.5rem 1.4rem 1.35rem;
border-radius: 24px 8px 24px 8px;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__media{
order: -1;
width: 70%;
max-width: 520px;
height: auto;
margin: 0 auto;
aspect-ratio: 4 / 5;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__image{
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__highlights{
margin-left: 16px;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness .zen-wellness-program-showcase{
display: flex;
flex-direction: column;
gap: 1.5rem;
margin-top: -10px;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__content{
padding: 1.25rem 1rem 1.15rem;
border-radius: 22px 7px 22px 7px;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__tagline{
font-size: .9rem !important;
font-weight: 800 !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__title{
font-size: 1.8rem !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__meta{
gap: .8rem;
margin-bottom: 1rem;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__meta-item{
font-size: .8rem;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__description{
font-size: .9rem !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__highlights{
margin-top: 1.1rem;
margin-left: 14px;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__highlights li{
font-size: .88rem;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__media{
order: -1;
width: 100%;
max-width: none;
height: auto;
aspect-ratio: 4 / 5;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__image{
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__cta{
justify-content: flex-end;
}
}
.type2-page--zen-wellness .type2-programs-content > .tab-pane > .row{
display: none !important;
}
@media (min-width: 992px) {
.type2-page--zen-wellness .zen-wellness-program-showcase__tagline{
font-size: 22px !important;
font-weight: 800 !important;
letter-spacing: .10em !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__meta{
justify-content: center;
width: 100%;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__label{
font-weight: 800 !important;
-webkit-text-stroke: .2px currentColor;
}
}
.type2-page--zen-wellness :root{
--zen-wellness-bg-white: #FFFFFF;
--zen-wellness-bg-sage: #F1F6F3;
--zen-wellness-bg-sage-soft: #F3F7F4;
--zen-wellness-bg-warm: #FFF9F1;
--zen-wellness-bg-cta: #FFF4E7;
--zen-wellness-dark: #245C57;
--zen-wellness-dark-neutral: #263333;
--zen-wellness-accent: #E88400;
}
.type2-page--zen-wellness .type2-intro,
.type2-page--zen-wellness .intro-wellness{
background-color: var(--zen-wellness-bg-white);
}
.type2-page--zen-wellness .type2-why{
background-color: var(--zen-wellness-bg-sage);
}
.type2-page--zen-wellness .type2-audience{
background-color: var(--zen-wellness-bg-warm);
}
.type2-page--zen-wellness .type2-programs{
background-color: var(--zen-wellness-bg-white);
}
.type2-page--zen-wellness .type2-benefits{
background-color: var(--zen-wellness-bg-sage-soft);
}
.type2-page--zen-wellness .type2-gallery{
background-color: var(--zen-wellness-dark-neutral);
color: #FFFFFF;
}
.type2-page--zen-wellness .type2-gallery .type2-gallery-title,
.type2-page--zen-wellness .type2-gallery .type2-gallery-description{
color: #FFFFFF;
}
.type2-page--zen-wellness .type2-cta{
background-color: var(--zen-wellness-bg-cta);
}
.type2-page--zen-wellness .type2-team{
background-color: var(--zen-wellness-bg-white);
}
.type2-page--zen-wellness .type2-students{
background-color: var(--zen-wellness-bg-sage-soft);
}
.type2-page--zen-wellness
.type2-feedback{
position: relative;
overflow: hidden;
padding:
64px 0
62px;
background:
#EAF1ED;
color:
#263333;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__head{
position: relative;
z-index: 3;
top: -10px;
width:
min(
780px,
100%
);
margin:
0 auto
28px;
text-align: center;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__heading{
display: flex;
align-items: baseline;
justify-content: center;
flex-wrap: wrap;
column-gap: 14px;
row-gap: 4px;
width: 100%;
margin:
0 0
12px;
padding: 0;
text-align: center;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__title{
display: inline-block;
margin: 0;
font-family:
"Raleway",
Arial,
sans-serif !important;
font-size: 30px;
font-weight: 600;
line-height: 1.25;
color:
#263333;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__title-decor{
display: inline-block;
transform:
translateY(8px);
font-family:
"Dancing Script SVN",
"Dancing Script",
cursive !important;
font-size: 46px;
font-weight: 400;
line-height: 1;
white-space: nowrap;
color:
#E88400;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__description{
width:
min(
680px,
100%
);
margin: 0 auto;
font-family:
"Open Sans",
Arial,
sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.65;
color:
#4A5555;
text-align: center;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__description
p{
margin: 0;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__slider{
position: relative;
z-index: 2;
width: 100%;
overflow: hidden;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__slider
.swiper-slide{
height: auto;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__slide{
display: grid;
grid-template-columns:
minmax(0, 1.42fr)
minmax(370px, .96fr);
align-items: center;
gap: 44px;
width: 100%;
min-height: 315px;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__copy{
position: relative;
z-index: 2;
display: flex;
align-items: center;
min-width: 0;
min-height: 270px;
padding:
8px 0
20px;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__voice{
display: grid;
grid-template-columns:
72px
118px
minmax(0, 1fr);
grid-template-areas:
"mark avatar name"
"mark avatar content";
align-items: start;
column-gap: 24px;
row-gap: 10px;
width: 100%;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__quote-mark{
grid-area: mark;
margin:
-12px 0
0;
font-family:
Georgia,
"Times New Roman",
serif;
font-size: 82px;
font-weight: 700;
line-height: 1;
color:
#245C57;
text-align: center;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__person{
display: contents;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__avatar{
grid-area: avatar;
width: 118px;
height: 118px;
overflow: hidden;
border-radius: 50%;
background:
#DCE7E2;
box-shadow:
0 5px 16px
rgba(
31,
78,
70,
.09
);
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__avatar-image{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position:
center center;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__name{
grid-area: name;
display: block;
width: max-content;
max-width: none;
margin:
3px 0
0;
padding: 0;
font-family:
"Raleway",
Arial,
sans-serif !important;
font-size: 16px;
font-weight: 700;
line-height: 1.35;
color:
#263333;
text-align: left;
white-space: nowrap;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__content{
grid-area: content;
min-width: 0;
margin: 0;
padding: 0;
font-family:
"Open Sans",
Arial,
sans-serif !important;
font-size: 16px;
font-weight: 400;
font-style: normal;
line-height: 1.68;
color:
#314744;
text-align: left;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__content
p{
margin:
0 0
10px;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__content
p:last-child{
margin-bottom: 0;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__visual{
position: relative;
width: 100%;
height: auto;
aspect-ratio:
16 / 10;
overflow: hidden;
border-radius:
22px;
background:
#D7E3DD;
box-shadow:
0 8px 26px
rgba(
31,
78,
70,
.09
);
isolation: isolate;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__visual-image{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position:
center center;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__visual::after{
content: "";
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
width: 16%;
pointer-events: none;
background:
linear-gradient(
to right,
rgba(
234,
241,
237,
0
),
rgba(
234,
241,
237,
.12
)
);
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__camp{
display: none;
}
@media (min-width: 1200px) {
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__camp{
position: absolute;
z-index: 1;
left:
max(
6px,
calc(
50% - 690px
)
);
bottom: 10px;
display: block;
width: 215px;
pointer-events: none;
opacity: .21;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__camp
img{
display: block;
width: 100%;
height: auto;
}
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__pagination{
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
width: 38%;
min-height: 14px;
margin:
14px 0
0 auto;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__pagination
.swiper-pagination-bullet{
display: block;
width: 7px;
height: 7px;
margin: 0 !important;
border-radius: 50%;
background:
#94AAA2;
opacity: .55;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__pagination
.swiper-pagination-bullet-active{
background:
#245C57;
opacity: 1;
transform:
scale(1.25);
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__prev,
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__next{
position: absolute;
z-index: 10;
top: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
margin: 0;
padding: 0;
transform:
translateY(-50%);
border: 0;
border-radius: 50%;
background:
rgba(
255,
255,
255,
.84
);
box-shadow:
0 5px 18px
rgba(
31,
78,
70,
.14
);
cursor: pointer;
opacity: .9;
transition:
transform .2s ease,
opacity .2s ease,
background-color .2s ease;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__prev{
left: 4px;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__next{
right: 4px;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__prev
img,
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__next
img{
display: block;
width: 15px;
height: auto;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__prev
img{
transform:
rotate(180deg);
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__prev:hover,
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__next:hover{
opacity: 1;
background:
#FFFFFF;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__prev.swiper-button-disabled,
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__next.swiper-button-disabled{
opacity: .3;
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.type2-feedback{
padding:
58px 0
58px;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__head{
margin-bottom: 30px;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__title{
font-size: 26px;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__title-decor{
font-size: 40px;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__slide{
display: block;
min-height: 0;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__visual{
display: none;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__copy{
min-height: 0;
padding:
8px
48px
8px
0;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__voice{
grid-template-columns:
62px
100px
minmax(0, 1fr);
grid-template-areas:
"mark avatar name"
"mark avatar content";
column-gap: 20px;
row-gap: 8px;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__quote-mark{
margin-top: -8px;
font-size: 70px;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__avatar{
width: 100px;
height: 100px;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__name{
margin-top: 2px;
font-size: 15px;
white-space: nowrap;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__content{
font-size: 15.5px;
line-height: 1.65;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__pagination{
width: 100%;
margin:
22px 0
0;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__prev{
left: 0;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__next{
right: 0;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.type2-feedback{
padding:
50px 0
54px;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__head{
top: -6px;
margin-bottom: 25px;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__heading{
display: block;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__title{
display: block;
font-size: 21px;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__title-decor{
display: block;
margin-top: 5px;
transform: none;
font-size: 34px;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__slide{
display: block;
min-height: 0;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__visual{
display: none;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__copy{
min-height: 0;
padding: 0;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__voice{
grid-template-columns:
42px
minmax(0, 1fr);
grid-template-areas:
"mark person"
". content";
column-gap: 12px;
row-gap: 12px;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__person{
grid-area: person;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__quote-mark{
margin-top: -4px;
font-size: 49px;
text-align: left;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__avatar{
width: 70px;
height: 70px;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__name{
width: auto;
max-width: none;
margin-top: 13px;
font-size: 12px;
line-height: 1.3;
white-space: nowrap;
text-align: left;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__content{
position: relative;
top: -8px;
font-size: 15px;
line-height: 1.65;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__pagination{
width: 100%;
margin:
25px 0
0;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__prev,
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__next{
display: none;
}
}
.type2-page--zen-wellness .type2-connect{
background-color: var(--zen-wellness-bg-white);
}
@media (max-width: 575px) {
.type2-page--zen-wellness .type2-programs-tabs{
position: relative !important;
top: auto !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: flex-end;
gap: 4px !important;
width: 100% !important;
margin: 0 0 18px !important;
padding: 0 14px 7px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
background: transparent !important;
list-style: none;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x proximity;
}
.type2-page--zen-wellness .type2-programs-tabs::-webkit-scrollbar{
display: none;
}
.type2-page--zen-wellness .type2-programs-tabs .nav-item{
flex: 0 0 auto !important;
width: auto !important;
min-width: max-content !important;
margin: 0 !important;
scroll-snap-align: center;
}
.type2-page--zen-wellness .type2-programs-tabs .nav-link{
position: relative;
display: block !important;
width: auto !important;
min-width: max-content !important;
margin: 0 !important;
padding: 6px 11px 10px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #245C57 !important;
font-family: "Raleway", sans-serif !important;
font-size: 12.5px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
white-space: nowrap;
opacity: .72;
}
.type2-page--zen-wellness .type2-programs-tabs .nav-link.active{
color: #00827A !important;
opacity: 1;
}
.type2-page--zen-wellness .type2-programs-tabs .nav-link::after{
content: "";
position: absolute;
left: 11px;
right: 11px;
bottom: 0;
height: 2px;
border-radius: 999px;
background: transparent;
}
.type2-page--zen-wellness .type2-programs-tabs .nav-link.active::after{
background: #E88400;
}
.type2-page--zen-wellness .type2-programs-tabs .fz-25,
.type2-page--zen-wellness .type2-programs-tabs .fz-19{
font-size: inherit !important;
line-height: inherit !important;
}
.type2-page--zen-wellness .type2-programs-content{
width: 100% !important;
margin: 0 !important;
padding: 0 12px !important;
overflow: hidden !important;
}
.type2-page--zen-wellness .type2-programs-content .tab-pane{
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.type2-page--zen-wellness .type2-programs-content
.tab-pane.mobile-program-slide-enter{
animation: wellness-zenProgramSlideIn .28s ease both;
}
@keyframes wellness-zenProgramSlideIn {
from {
opacity: 0;
transform: translateX(22px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.type2-page--zen-wellness .zen-wellness-program-showcase{
display: flex !important;
flex-direction: column !important;
width: 100% !important;
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__media{
order: 1 !important;
position: relative !important;
flex: none !important;
width: calc(100% - 28px) !important;
max-width: 330px !important;
height: auto !important;
aspect-ratio: 4 / 5 !important;
margin: 0 auto 18px !important;
isolation: isolate;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__image{
display: block !important;
position: relative !important;
z-index: 2;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
border-radius: 22px 7px 22px 7px !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__media::before{
top: 8px !important;
left: -9px !important;
width: 100% !important;
height: 100% !important;
border-radius: 26px 7px 26px 7px !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__media::after{
top: -8px !important;
right: -8px !important;
width: 62px !important;
height: 62px !important;
border-radius: 0 23px 0 0 !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__content{
order: 2 !important;
position: relative !important;
width: 100% !important;
padding: 20px 18px 18px !important;
overflow: hidden !important;
border-radius: 24px 8px 24px 8px !important;
background:
radial-gradient(
circle at 92% 8%,
rgba(232,132,0,.14) 0 34px,
transparent 35px
),
radial-gradient(
circle at 8% 92%,
rgba(127,168,161,.12) 0 55px,
transparent 56px
),
linear-gradient(
145deg,
#EEF4ED 0%,
#F5F3E8 100%
) !important;
box-shadow:
0 8px 24px rgba(31,78,70,.055);
}
.type2-page--zen-wellness .zen-wellness-program-showcase__tagline{
margin: 0 0 5px !important;
font-family: "Raleway", sans-serif !important;
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1.3 !important;
letter-spacing: .075em !important;
color: #E88400 !important;
text-transform: uppercase !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__tagline::before{
width: 18px !important;
height: 2px !important;
margin-right: 7px !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__main{
display: flex !important;
flex-direction: column !important;
width: 100% !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__title{
order: 1 !important;
margin: 0 !important;
font-family: "Raleway", sans-serif !important;
font-size: 25px !important;
font-weight: 600 !important;
line-height: 1.18 !important;
color: #245C57 !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__meta{
order: 2 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
flex-wrap: wrap !important;
gap: 8px 16px !important;
width: 100% !important;
margin: 8px 0 12px !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__line{
order: 3 !important;
width: 44px !important;
height: 2px !important;
margin: 0 0 10px !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__description{
order: 4 !important;
width: 100% !important;
margin: 0 !important;
font-family: "Raleway", sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.55 !important;
color: #245C57 !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__highlights{
order: 5 !important;
width: calc(100% - 8px) !important;
margin: 16px 0 0 8px !important;
padding-left: 12px !important;
border-left:
1px solid rgba(232,132,0,.38);
}
.type2-page--zen-wellness .zen-wellness-program-showcase__meta-item{
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
color: #245C57 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__icon{
color: #E88400 !important;
font-size: 14px !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__description-item{
display: flex !important;
align-items: flex-start !important;
gap: 8px !important;
margin: 0 0 8px !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__description-icon{
position: relative !important;
flex: 0 0 14px !important;
width: 14px !important;
height: 16px !important;
margin-top: .22em !important;
border: 0 !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__description-icon::before{
content: "✧";
position: absolute;
top: 0;
left: 0;
color: #E88400;
font-family: Georgia, serif;
font-size: 14px;
line-height: 1;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__description-icon::after{
display: none !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__label{
display: flex !important;
align-items: center !important;
gap: 7px !important;
margin: 0 0 9px !important;
font-family: "Raleway", sans-serif !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1.3 !important;
letter-spacing: .055em !important;
color: #245C57 !important;
text-transform: uppercase !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__highlights ul{
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__highlights li{
position: relative;
padding-left: 18px !important;
color: #245C57 !important;
font-size: 14px !important;
line-height: 1.5 !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__highlights li::before{
content: "✦";
position: absolute;
top: .12em !important;
left: 0 !important;
width: auto !important;
height: auto !important;
background: none !important;
color: #E88400;
font-family: Georgia, serif;
font-size: 11px;
transform: none !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__cta{
display: flex !important;
justify-content: flex-end !important;
width: 100% !important;
margin-top: 17px !important;
color: #E88400 !important;
font-size: 14px !important;
font-weight: 600 !important;
text-align: right !important;
}
}
.type2-page--zen-wellness .zen-program-floating-tabs{
display: none;
}
@media (max-width: 575px) {
.type2-page--zen-wellness .zen-program-floating-tabs{
position: fixed;
z-index: 99999;
top: 38vh;
left: 0;
right: 0;
transform: translateY(-50%);
display: block;
width: 100%;
padding: 7px 0 8px;
background: rgba(255,255,255,.97);
box-shadow:
0 5px 16px rgba(31,78,70,.12);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
opacity: 0;
visibility: hidden;
transition:
opacity .18s ease,
visibility .18s ease;
}
.type2-page--zen-wellness .zen-program-floating-tabs.is-visible{
opacity: 1;
visibility: visible;
}
.type2-page--zen-wellness .zen-program-floating-tabs__rail{
display: flex;
flex-wrap: nowrap;
gap: 4px;
width: 100%;
padding: 0 14px;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.type2-page--zen-wellness .zen-program-floating-tabs__rail::-webkit-scrollbar{
display: none;
}
.type2-page--zen-wellness .zen-program-floating-tabs__button{
position: relative;
flex: 0 0 auto;
padding: 6px 11px 9px;
border: 0;
background: transparent;
color: #245C57;
font-family: "Raleway", sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 1.25;
white-space: nowrap;
opacity: .72;
}
.type2-page--zen-wellness .zen-program-floating-tabs__button::after{
content: "";
position: absolute;
left: 11px;
right: 11px;
bottom: 0;
height: 2px;
border-radius: 999px;
background: transparent;
}
.type2-page--zen-wellness .zen-program-floating-tabs__button.is-active{
color: #E88400;
opacity: 1;
font-weight: 700;
}
.type2-page--zen-wellness .zen-program-floating-tabs__button.is-active::after{
background: #E88400;
}
}
@media (max-width: 380px) {
.type2-page--zen-wellness .type2-programs-content{
padding-left: 9px !important;
padding-right: 9px !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__content{
padding: 18px 15px 16px !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__title{
font-size: 22px !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__description{
font-size: 14px !important;
}
.type2-page--zen-wellness .zen-wellness-program-showcase__highlights li{
font-size: 13.5px !important;
}
}
.type2-page--zen-wellness .type2-benefits{
position: relative;
overflow: hidden;
padding: 88px 0 96px;
}
.type2-page--zen-wellness .type2-benefits .container{
position: relative;
z-index: 2;
max-width: 1240px;
}
.type2-page--zen-wellness .type2-benefits::after{
content: "";
position: absolute;
z-index: 0;
top: 105px;
right: clamp(28px, 5vw, 90px);
width: 250px;
height: 150px;
pointer-events: none;
background:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 150' fill='none'%3E%3Ccircle cx='155' cy='66' r='43' fill='%23F5C976' fill-opacity='.16'/%3E%3Ccircle cx='155' cy='66' r='29' fill='%23F5C976' fill-opacity='.09'/%3E%3Cpath d='M71 42 L71 55 M64.5 48.5 L77.5 48.5' stroke='%23E88400' stroke-width='1.7' stroke-linecap='round' stroke-opacity='.42'/%3E%3Cpath d='M205 91 L205 102 M199.5 96.5 L210.5 96.5' stroke='%237FA8A1' stroke-width='1.5' stroke-linecap='round' stroke-opacity='.42'/%3E%3Cpath d='M109 20 L109 29 M104.5 24.5 L113.5 24.5' stroke='%23E88400' stroke-width='1.35' stroke-linecap='round' stroke-opacity='.3'/%3E%3Ccircle cx='55' cy='91' r='3' fill='%23E88400' fill-opacity='.28'/%3E%3Ccircle cx='92' cy='108' r='2.2' fill='%237FA8A1' fill-opacity='.32'/%3E%3Ccircle cx='221' cy='48' r='2.4' fill='%23E88400' fill-opacity='.25'/%3E%3Cpath d='M30 116 C70 96 105 123 144 109 C177 97 202 103 232 91' stroke='%23E8B067' stroke-width='1.4' stroke-linecap='round' stroke-opacity='.20'/%3E%3C/svg%3E")
center / contain no-repeat;
opacity: .95;
}
.type2-page--zen-wellness .type2-benefits .type2-benefits-description{
position: relative;
padding-left: 28px;
}
.type2-page--zen-wellness .type2-benefits .type2-benefits-description::before{
content: "";
position: absolute;
top: .22em;
left: 0;
width: 18px;
height: 18px;
background:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 2.8 L5 7.2 M2.8 5 L7.2 5' stroke='%23E88400' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M10.3 15.8 C11.2 11.1 13.9 8.5 17.2 7.4 C17 11.3 14.8 14.4 10.3 15.8 Z' stroke='%237FA8A1' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M10.2 15.8 C11.9 13.2 13.5 11.3 15.5 9.6' stroke='%237FA8A1' stroke-width='1.15' stroke-linecap='round'/%3E%3C/svg%3E")
center / contain no-repeat;
opacity: .95;
pointer-events: none;
}
@media (min-width: 576px) and (max-width: 991px) {
.type2-page--zen-wellness .type2-benefits::after{
top: 92px;
right: 18px;
width: 190px;
height: 120px;
opacity: .72;
}
.type2-page--zen-wellness .type2-benefits .type2-benefits-description{
padding-left: 26px;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness .type2-benefits::after{
display: none;
}
.type2-page--zen-wellness .type2-benefits .type2-benefits-description{
padding-left: 24px;
}
.type2-page--zen-wellness .type2-benefits .type2-benefits-description::before{
top: .18em;
width: 16px;
height: 16px;
}
}
.type2-page--zen-wellness
.type2-benefits
.title-all.type2-benefits-heading{
display: flex;
align-items: baseline;
flex-wrap: wrap;
column-gap: 14px;
row-gap: 6px;
width: auto;
max-width: 100%;
margin: 0 0 28px !important;
padding: 0 !important;
text-align: left !important;
}
.type2-page--zen-wellness
.type2-benefits
.title-all.type2-benefits-heading
.type2-benefits-title{
display: inline-block;
width: auto;
margin: 0 !important;
padding: 0 !important;
font-family: "Raleway", sans-serif !important;
font-size: 30px !important;
font-weight: 600 !important;
font-style: normal !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
color: #263333 !important;
text-align: left !important;
text-transform: none !important;
}
.type2-page--zen-wellness
.type2-benefits
.title-all.type2-benefits-heading
.type2-benefits-title-decor{
display: inline-block;
width: auto;
margin: 0 !important;
padding: 0 !important;
font-family: "Dancing Script SVN", "Dancing Script", cursive !important;
font-size: 46px !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 1 !important;
letter-spacing: 0 !important;
color: #E88400 !important;
text-align: left !important;
text-transform: none !important;
transform: translateY(10px);
}
.type2-page--zen-wellness .type2-benefits .type2-benefits-description{
width: 100%;
max-width: 680px;
margin: 0 0 52px;
font-family: "Raleway", sans-serif !important;
font-size: 17px !important;
font-weight: 500 !important;
line-height: 1.65 !important;
color: #4A5555 !important;
text-align: left;
}
.type2-page--zen-wellness .type2-benefits .type2-benefits-description p:last-child{
margin-bottom: 0;
}
.type2-page--zen-wellness .type2-benefits-items{
position: relative;
display: grid;
grid-template-columns:
repeat(6, minmax(0, 1fr));
column-gap: 34px;
row-gap: 62px;
width: 100%;
margin: 0;
padding: 8px 0 0;
}
.type2-page--zen-wellness .type2-benefit{
position: relative;
z-index: 1;
grid-column: span 2;
display: flex;
flex-direction: column;
align-items: stretch;
width: 100%;
margin: 0 !important;
text-align: center;
}
.type2-page--zen-wellness .type2-benefit:nth-child(4){
grid-column: 2 / span 2;
}
.type2-page--zen-wellness .type2-benefit:nth-child(5){
grid-column: 4 / span 2;
}
.type2-page--zen-wellness .type2-benefit::before{
content: "";
position: absolute;
z-index: 0;
top: 27px;
left: 50%;
width: calc(100% + 34px);
height: 28px;
pointer-events: none;
opacity: .95;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.type2-page--zen-wellness .type2-benefit:nth-child(1)::before{
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40' preserveAspectRatio='none'%3E%3Cpath d='M0 20 C70 7 120 31 195 20 C270 9 320 30 400 17' fill='none' stroke='%23E9A74E' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='200' cy='20' r='2.8' fill='%237FA8A1'/%3E%3C/svg%3E");
}
.type2-page--zen-wellness .type2-benefit:nth-child(2)::before{
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40' preserveAspectRatio='none'%3E%3Cpath d='M0 18 C75 31 125 7 205 20 C280 31 325 9 400 21' fill='none' stroke='%23E9A74E' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='205' cy='20' r='3' fill='%23E88400'/%3E%3C/svg%3E");
}
.type2-page--zen-wellness .type2-benefit:nth-child(4)::before{
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40' preserveAspectRatio='none'%3E%3Cpath d='M0 21 C75 8 135 33 205 19 C275 7 330 29 400 17' fill='none' stroke='%23E9A74E' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='205' cy='19' r='2.8' fill='%237FA8A1'/%3E%3C/svg%3E");
}
.type2-page--zen-wellness .type2-benefit:nth-child(3)::before,
.type2-page--zen-wellness .type2-benefit:nth-child(5)::before{
display: none;
}
.type2-page--zen-wellness .type2-benefit__image{
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 76px;
height: 76px;
margin: 0 auto 24px;
}
.type2-page--zen-wellness .type2-benefit__image::before{
content: "";
position: absolute;
inset: 2px;
border: 1px solid rgba(36,92,87,.10);
border-radius: 50%;
background: rgba(255,255,255,.86);
box-shadow:
0 7px 20px rgba(36,92,87,.055);
}
.type2-page--zen-wellness .type2-benefit__image::after{
content: "";
position: absolute;
left: 50%;
bottom: -12px;
width: 7px;
height: 7px;
transform: translateX(-50%);
border-radius: 50%;
background: #E88400;
box-shadow:
0 0 0 4px #F3F7F4;
}
.type2-page--zen-wellness .type2-benefit__image-el{
position: relative;
z-index: 2;
display: block;
width: 44px;
height: 44px;
object-fit: contain;
}
.type2-page--zen-wellness .type2-benefits .type2-benefit__title{
display: block;
width: 100%;
min-height: 52px;
margin: 0 0 11px !important;
padding: 0 10px;
font-family: "Open Sans", Arial, sans-serif !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
color: #263333 !important;
text-align: center !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
.type2-page--zen-wellness .type2-benefits .type2-benefit__description{
width: 100%;
max-width: 355px;
margin: 0 auto;
padding: 0 8px;
font-family: "Raleway", sans-serif !important;
font-size: 17px !important;
font-weight: 500 !important;
line-height: 1.62 !important;
color: #4A5555 !important;
text-align: justify !important;
text-align-last: left !important;
hyphens: none;
}
.type2-page--zen-wellness .type2-benefits .type2-benefit__description p{
margin: 0;
text-align: inherit;
text-align-last: inherit;
}
@media (min-width: 768px) and (max-width: 1199px) {
.type2-page--zen-wellness .type2-benefits{
padding: 72px 0 78px;
}
.type2-page--zen-wellness .type2-benefits .container{
width: 100%;
max-width: 1080px;
padding-left: 28px;
padding-right: 28px;
}
.type2-page--zen-wellness
.type2-benefits
.title-all.type2-benefits-heading
.type2-benefits-title{
font-size: 28px !important;
}
.type2-page--zen-wellness
.type2-benefits
.title-all.type2-benefits-heading
.type2-benefits-title-decor{
font-size: 42px !important;
transform: translateY(8px);
}
.type2-page--zen-wellness .type2-benefits .type2-benefits-description{
max-width: 720px;
margin-bottom: 44px;
font-size: 16px !important;
}
.type2-page--zen-wellness .type2-benefits-items{
display: grid;
grid-template-columns:
repeat(6, minmax(0, 1fr));
column-gap: 26px;
row-gap: 52px;
width: 100%;
padding-top: 8px;
}
.type2-page--zen-wellness .type2-benefit{
grid-column: auto !important;
width: 100%;
}
.type2-page--zen-wellness .type2-benefit:nth-child(1){
grid-column: 1 / span 2 !important;
}
.type2-page--zen-wellness .type2-benefit:nth-child(2){
grid-column: 3 / span 2 !important;
}
.type2-page--zen-wellness .type2-benefit:nth-child(3){
grid-column: 5 / span 2 !important;
}
.type2-page--zen-wellness .type2-benefit:nth-child(4){
grid-column: 2 / span 2 !important;
}
.type2-page--zen-wellness .type2-benefit:nth-child(5){
grid-column: 4 / span 2 !important;
}
.type2-page--zen-wellness .type2-benefit:nth-child(1)::before,
.type2-page--zen-wellness .type2-benefit:nth-child(2)::before,
.type2-page--zen-wellness .type2-benefit:nth-child(4)::before{
display: block;
}
.type2-page--zen-wellness .type2-benefit:nth-child(3)::before,
.type2-page--zen-wellness .type2-benefit:nth-child(5)::before{
display: none;
}
.type2-page--zen-wellness .type2-benefit__image{
width: 70px;
height: 70px;
margin-bottom: 20px;
}
.type2-page--zen-wellness .type2-benefit__image-el{
width: 40px;
height: 40px;
}
.type2-page--zen-wellness .type2-benefits .type2-benefit__title{
min-height: 46px;
font-size: 17px !important;
}
.type2-page--zen-wellness .type2-benefits .type2-benefit__description{
width: 100%;
max-width: 310px;
margin-left: auto;
margin-right: auto;
font-size: 16px !important;
line-height: 1.58 !important;
text-align: justify !important;
text-align-last: left !important;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.type2-page--zen-wellness .type2-benefits{
padding: 66px 0 72px;
}
.type2-page--zen-wellness .type2-benefits .container{
width: 100%;
padding-left: 24px;
padding-right: 24px;
}
.type2-page--zen-wellness
.type2-benefits
.title-all.type2-benefits-heading
.type2-benefits-title{
font-size: 26px !important;
}
.type2-page--zen-wellness
.type2-benefits
.title-all.type2-benefits-heading
.type2-benefits-title-decor{
font-size: 40px !important;
transform: translateY(7px);
}
.type2-page--zen-wellness .type2-benefits .type2-benefits-description{
margin-bottom: 40px;
font-size: 16px !important;
}
.type2-page--zen-wellness .type2-benefits-items{
display: grid;
grid-template-columns:
repeat(4, minmax(0, 1fr));
column-gap: 22px;
row-gap: 46px;
}
.type2-page--zen-wellness .type2-benefit{
grid-column: auto !important;
}
.type2-page--zen-wellness .type2-benefit:nth-child(1){
grid-column: 1 / span 2 !important;
}
.type2-page--zen-wellness .type2-benefit:nth-child(2){
grid-column: 3 / span 2 !important;
}
.type2-page--zen-wellness .type2-benefit:nth-child(3){
grid-column: 1 / span 2 !important;
}
.type2-page--zen-wellness .type2-benefit:nth-child(4){
grid-column: 3 / span 2 !important;
}
.type2-page--zen-wellness .type2-benefit:nth-child(5){
grid-column: 2 / span 2 !important;
}
.type2-page--zen-wellness .type2-benefit:nth-child(1)::before,
.type2-page--zen-wellness .type2-benefit:nth-child(3)::before{
display: block;
}
.type2-page--zen-wellness .type2-benefit:nth-child(2)::before,
.type2-page--zen-wellness .type2-benefit:nth-child(4)::before,
.type2-page--zen-wellness .type2-benefit:nth-child(5)::before{
display: none;
}
.type2-page--zen-wellness .type2-benefit__image{
width: 68px;
height: 68px;
margin-bottom: 19px;
}
.type2-page--zen-wellness .type2-benefit__image-el{
width: 39px;
height: 39px;
}
.type2-page--zen-wellness .type2-benefits .type2-benefit__title{
min-height: 44px;
font-size: 17px !important;
}
.type2-page--zen-wellness .type2-benefits .type2-benefit__description{
max-width: 285px;
font-size: 15.5px !important;
text-align: justify !important;
text-align-last: left !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness .type2-benefits{
padding: 58px 0 64px;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-heading{
display: block;
width: 100%;
margin-bottom: 24px;
text-align: left;
}
.type2-page--zen-wellness
.type2-benefits
.title-all.type2-benefits-heading
.type2-benefits-title{
display: block;
width: 100%;
margin: 0 !important;
font-family: "Raleway", sans-serif !important;
font-size: 21px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
color: #263333 !important;
}
.type2-page--zen-wellness
.type2-benefits
.title-all.type2-benefits-heading
.type2-benefits-title-decor{
display: block;
width: 100%;
margin: 8px 0 0 !important;
font-family: "Dancing Script SVN", "Dancing Script", cursive !important;
font-size: 34px !important;
font-weight: 400 !important;
line-height: 1.05 !important;
color: #E88400 !important;
transform: none !important;
}
.type2-page--zen-wellness .type2-benefits .type2-benefits-description{
margin-bottom: 34px;
font-size: 15px !important;
line-height: 1.6 !important;
}
.type2-page--zen-wellness .type2-benefits-items{
display: flex;
flex-direction: column;
gap: 0;
padding: 0;
}
.type2-page--zen-wellness .type2-benefits-items::before{
content: "";
position: absolute;
top: 27px;
bottom: 27px;
left: 31px;
width: 2px;
border-radius: 999px;
background:
linear-gradient(
180deg,
rgba(232,132,0,.55),
rgba(127,168,161,.42),
rgba(232,132,0,.32)
);
}
.type2-page--zen-wellness .type2-benefit,
.type2-page--zen-wellness .type2-benefit:nth-child(4),
.type2-page--zen-wellness .type2-benefit:nth-child(5){
display: grid;
grid-template-columns:
62px minmax(0, 1fr);
grid-template-areas:
"image title"
"image text";
column-gap: 15px;
row-gap: 3px;
width: 100%;
padding: 0 0 30px;
text-align: left;
}
.type2-page--zen-wellness .type2-benefit:last-child{
padding-bottom: 0;
}
.type2-page--zen-wellness .type2-benefit::before,
.type2-page--zen-wellness .type2-benefit:nth-child(1)::before,
.type2-page--zen-wellness .type2-benefit:nth-child(3)::before{
display: none;
}
.type2-page--zen-wellness .type2-benefit__image{
grid-area: image;
width: 60px;
height: 60px;
margin: 0;
align-self: start;
}
.type2-page--zen-wellness .type2-benefit__image::before{
background: rgba(255,255,255,.90);
}
.type2-page--zen-wellness .type2-benefit__image::after{
left: 27px;
top: 26px;
bottom: auto;
width: 7px;
height: 7px;
transform: none;
}
.type2-page--zen-wellness .type2-benefit__image-el{
width: 36px;
height: 36px;
}
.type2-page--zen-wellness .type2-benefits .type2-benefit__title{
grid-area: title;
width: 100%;
min-height: 0;
margin: 1px 0 5px !important;
padding: 0;
font-size: 16px !important;
line-height: 1.4 !important;
text-align: left !important;
}
.type2-page--zen-wellness .type2-benefits .type2-benefit__description{
grid-area: text;
width: 100%;
max-width: none;
margin: 0;
padding: 0;
font-size: 15px !important;
line-height: 1.58 !important;
text-align: left !important;
text-align-last: auto !important;
}
}
@media (max-width: 380px) {
.type2-page--zen-wellness .type2-benefits{
padding-top: 52px;
padding-bottom: 58px;
}
.type2-page--zen-wellness .type2-benefits-items::before{
left: 28px;
}
.type2-page--zen-wellness .type2-benefit,
.type2-page--zen-wellness .type2-benefit:nth-child(4),
.type2-page--zen-wellness .type2-benefit:nth-child(5){
grid-template-columns:
56px minmax(0, 1fr);
column-gap: 12px;
}
.type2-page--zen-wellness .type2-benefit__image{
width: 54px;
height: 54px;
}
.type2-page--zen-wellness .type2-benefit__image::after{
left: 24px;
top: 23px;
}
.type2-page--zen-wellness .type2-benefit__image-el{
width: 32px;
height: 32px;
}
.type2-page--zen-wellness .type2-benefits .type2-benefit__title{
font-size: 15px !important;
}
.type2-page--zen-wellness .type2-benefits .type2-benefit__description{
font-size: 14px !important;
}
}
@media (max-width: 991px) {
.type2-page--zen-wellness .type2-benefits{
padding: 72px 0 78px;
}
.type2-page--zen-wellness .type2-benefits-title{
font-size: 26px;
}
.type2-page--zen-wellness .type2-benefits-title-decor{
font-size: 40px;
}
.type2-page--zen-wellness .type2-benefits-description{
margin-bottom: 42px;
font-size: 16px;
}
.type2-page--zen-wellness .type2-benefits-items{
grid-template-columns:
repeat(6, minmax(0, 1fr));
gap: 42px 24px;
padding-top: 8px;
}
.type2-page--zen-wellness .type2-benefits-items::before{
display: none;
}
.type2-page--zen-wellness .type2-benefit{
grid-column: span 2;
}
.type2-page--zen-wellness .type2-benefit:nth-child(4){
grid-column: 2 / span 2;
}
.type2-page--zen-wellness .type2-benefit:nth-child(5){
grid-column: 4 / span 2;
}
.type2-page--zen-wellness .type2-benefit__image{
width: 78px;
height: 78px;
margin-bottom: 18px;
}
.type2-page--zen-wellness .type2-benefit__image::after{
display: none;
}
.type2-page--zen-wellness .type2-benefit__image-el{
width: 48px;
height: 48px;
}
.type2-page--zen-wellness .type2-benefit__title{
min-height: 46px;
font-size: 17px;
}
.type2-page--zen-wellness .type2-benefit__description{
font-size: 16px;
line-height: 1.55;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness .type2-benefits{
padding: 58px 0 64px;
}
.type2-page--zen-wellness .type2-benefits-heading{
margin-bottom: 12px;
}
.type2-page--zen-wellness .type2-benefits-title{
font-size: 21px;
line-height: 1.3;
}
.type2-page--zen-wellness .type2-benefits-title-decor{
margin-top: 3px;
font-size: 34px;
}
.type2-page--zen-wellness .type2-benefits-description{
margin-bottom: 34px;
font-size: 15px;
line-height: 1.6;
}
.type2-page--zen-wellness .type2-benefits-items{
display: flex;
flex-direction: column;
gap: 0;
padding: 0;
}
.type2-page--zen-wellness .type2-benefits-items::before{
display: block;
top: 30px;
bottom: 30px;
left: 34px;
right: auto;
width: 2px;
height: auto;
background:
linear-gradient(
180deg,
rgba(232,132,0,.50),
rgba(127,168,161,.42),
rgba(232,132,0,.30)
);
border-radius: 999px;
}
.type2-page--zen-wellness .type2-benefit{
display: grid;
grid-template-columns:
68px minmax(0, 1fr);
grid-template-areas:
"image title"
"image text";
column-gap: 16px;
row-gap: 3px;
padding: 0 0 30px;
text-align: left;
}
.type2-page--zen-wellness .type2-benefit:last-child{
padding-bottom: 0;
}
.type2-page--zen-wellness .type2-benefit__image{
grid-area: image;
width: 66px;
height: 66px;
margin: 0;
align-self: start;
}
.type2-page--zen-wellness .type2-benefit__image::before{
inset: 3px;
background: rgba(255,255,255,.88);
}
.type2-page--zen-wellness .type2-benefit__image::after{
display: block;
left: 30px;
top: 29px;
bottom: auto;
width: 8px;
height: 8px;
transform: none;
box-shadow:
0 0 0 4px #F3F7F4;
}
.type2-page--zen-wellness .type2-benefit__image-el{
width: 40px;
height: 40px;
}
.type2-page--zen-wellness .type2-benefit__title{
grid-area: title;
width: 100%;
min-height: 0;
margin: 2px 0 5px;
padding: 0;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 1.4;
text-align: left;
}
.type2-page--zen-wellness .type2-benefit__description{
grid-area: text;
width: 100%;
margin: 0;
padding: 0;
font-size: 15px;
line-height: 1.55;
text-align: left;
}
}
@media (max-width: 380px) {
.type2-page--zen-wellness .type2-benefits{
padding-top: 52px;
padding-bottom: 58px;
}
.type2-page--zen-wellness .type2-benefits-items::before{
left: 30px;
}
.type2-page--zen-wellness .type2-benefit{
grid-template-columns:
60px minmax(0, 1fr);
column-gap: 13px;
}
.type2-page--zen-wellness .type2-benefit__image{
width: 58px;
height: 58px;
}
.type2-page--zen-wellness .type2-benefit__image::after{
left: 26px;
top: 25px;
}
.type2-page--zen-wellness .type2-benefit__image-el{
width: 35px;
height: 35px;
}
.type2-page--zen-wellness .type2-benefit__title{
font-size: 15px;
}
.type2-page--zen-wellness .type2-benefit__description{
font-size: 14px;
}
}
.type2-page--zen-wellness
.type2-gallery{
position: relative;
padding: 40px 0 96px;
overflow: hidden;
background:
radial-gradient(
circle at 92% 9%,
rgba(232, 132, 0, .13),
transparent 25%
),
radial-gradient(
circle at 5% 92%,
rgba(127, 168, 161, .13),
transparent 23%
),
#263333;
color: #FFFFFF;
}
.type2-page--zen-wellness
.type2-gallery
.container{
position: relative;
z-index: 2;
max-width: 1240px;
}
.type2-page--zen-wellness
.type2-gallery
.title-all.type2-gallery-heading{
display: flex;
align-items: baseline;
flex-wrap: wrap;
column-gap: 14px;
row-gap: 6px;
width: 100%;
margin: 0 0 24px !important;
padding: 0 !important;
text-align: left !important;
}
.type2-page--zen-wellness
.type2-gallery
.title-all.type2-gallery-heading
.type2-gallery-title{
display: inline-block;
margin: 0 !important;
padding: 0 !important;
font-family:
"Raleway",
sans-serif !important;
font-size: 30px !important;
font-weight: 600 !important;
font-style: normal !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
color: #FFFFFF !important;
text-transform: none !important;
}
.type2-page--zen-wellness
.type2-gallery
.title-all.type2-gallery-heading
.type2-gallery-title-decor{
display: inline-block;
margin: 0 !important;
padding: 0 !important;
font-family:
"Dancing Script SVN",
"Dancing Script",
cursive !important;
font-size: 46px !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 1 !important;
letter-spacing: 0 !important;
color: #E88400 !important;
text-transform: none !important;
transform: translateY(10px);
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-description{
width: 100%;
max-width: 760px;
margin: 0 0 38px;
font-family:
"Raleway",
sans-serif !important;
font-size: 17px !important;
font-weight: 500 !important;
line-height: 1.65 !important;
color:
rgba(
255,
255,
255,
.78
) !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-description
p:last-child{
margin-bottom: 0;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-grid{
display: grid;
grid-template-columns:
repeat(
12,
minmax(0, 1fr)
);
grid-auto-rows: 226px;
gap: 14px;
width: 100%;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item{
position: relative;
margin: 0;
overflow: hidden;
border-radius: 18px;
background: #1F2A2A;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-image__el{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition:
transform .55s ease,
filter .55s ease;
}
@media (hover: hover) {
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item:hover
.type2-gallery-image__el{
transform: scale(1.025);
}
}
.type2-page--zen-wellness .type2-gallery[data-visible-count="1"]
.type2-gallery-item--1{
grid-column: 1 / 13;
grid-row: 1 / span 2;
}
.type2-page--zen-wellness .type2-gallery[data-visible-count="2"]
.type2-gallery-item--1{
grid-column: 1 / 8;
grid-row: 1 / span 2;
}
.type2-page--zen-wellness .type2-gallery[data-visible-count="2"]
.type2-gallery-item--2{
grid-column: 8 / 13;
grid-row: 1 / span 2;
}
.type2-page--zen-wellness .type2-gallery[data-visible-count="3"]
.type2-gallery-item--1{
grid-column: 1 / 8;
grid-row: 1 / span 2;
}
.type2-page--zen-wellness .type2-gallery[data-visible-count="3"]
.type2-gallery-item--2{
grid-column: 8 / 13;
grid-row: 1;
}
.type2-page--zen-wellness .type2-gallery[data-visible-count="3"]
.type2-gallery-item--3{
grid-column: 8 / 13;
grid-row: 2;
}
.type2-page--zen-wellness .type2-gallery[data-visible-count="4"]
.type2-gallery-item--1{
grid-column: 1 / 7;
grid-row: 1 / span 2;
}
.type2-page--zen-wellness .type2-gallery[data-visible-count="4"]
.type2-gallery-item--2{
grid-column: 7 / 10;
grid-row: 1;
}
.type2-page--zen-wellness .type2-gallery[data-visible-count="4"]
.type2-gallery-item--3{
grid-column: 10 / 13;
grid-row: 1;
}
.type2-page--zen-wellness .type2-gallery[data-visible-count="4"]
.type2-gallery-item--4{
grid-column: 7 / 13;
grid-row: 2;
}
.type2-page--zen-wellness .type2-gallery[data-visible-count="5"]
.type2-gallery-item--1,
.type2-page--zen-wellness .type2-gallery[data-visible-count="6"]
.type2-gallery-item--1,
.type2-page--zen-wellness .type2-gallery[data-visible-count="7"]
.type2-gallery-item--1{
grid-column: 1 / 7;
grid-row: 1 / span 2;
}
.type2-page--zen-wellness .type2-gallery[data-visible-count="5"]
.type2-gallery-item--2,
.type2-page--zen-wellness .type2-gallery[data-visible-count="6"]
.type2-gallery-item--2,
.type2-page--zen-wellness .type2-gallery[data-visible-count="7"]
.type2-gallery-item--2{
grid-column: 7 / 10;
grid-row: 1;
}
.type2-page--zen-wellness .type2-gallery[data-visible-count="5"]
.type2-gallery-item--3,
.type2-page--zen-wellness .type2-gallery[data-visible-count="6"]
.type2-gallery-item--3,
.type2-page--zen-wellness .type2-gallery[data-visible-count="7"]
.type2-gallery-item--3{
grid-column: 10 / 13;
grid-row: 1;
}
.type2-page--zen-wellness .type2-gallery[data-visible-count="5"]
.type2-gallery-item--4,
.type2-page--zen-wellness .type2-gallery[data-visible-count="6"]
.type2-gallery-item--4,
.type2-page--zen-wellness .type2-gallery[data-visible-count="7"]
.type2-gallery-item--4{
grid-column: 7 / 10;
grid-row: 2;
}
.type2-page--zen-wellness .type2-gallery[data-visible-count="5"]
.type2-gallery-item--5,
.type2-page--zen-wellness .type2-gallery[data-visible-count="6"]
.type2-gallery-item--5,
.type2-page--zen-wellness .type2-gallery[data-visible-count="7"]
.type2-gallery-item--5{
grid-column: 10 / 13;
grid-row: 2;
}
.type2-page--zen-wellness .type2-gallery[data-visible-count="6"]
.type2-gallery-item--6{
grid-column: 1 / 13;
grid-row: 3;
}
.type2-page--zen-wellness .type2-gallery[data-visible-count="7"]
.type2-gallery-item--6{
grid-column: 1 / 7;
grid-row: 3;
}
.type2-page--zen-wellness .type2-gallery[data-visible-count="7"]
.type2-gallery-item--7{
grid-column: 7 / 13;
grid-row: 3;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item--extra{
display: none;
}
.type2-page--zen-wellness
.type2-gallery.is-expanded
.type2-gallery-item--extra{
display: block;
grid-column: span 4;
grid-row: auto;
min-height: 260px;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-more{
position: absolute;
inset: 0;
z-index: 3;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 0;
border: 0;
background:
rgba(
24,
36,
36,
.58
);
backdrop-filter: blur(2px);
color: #FFFFFF;
cursor: pointer;
transition:
background .25s ease;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-more:hover{
background:
rgba(
24,
36,
36,
.70
);
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-more__count{
display: block;
font-family:
"Open Sans",
Arial,
sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 1;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-more__label{
display: block;
margin-top: 7px;
font-family:
"Raleway",
sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
color:
rgba(
255,
255,
255,
.82
);
}
.type2-page--zen-wellness
.type2-gallery.is-expanded
.type2-gallery-more{
display: none;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-collapse-wrap{
margin-top: 28px;
text-align: center;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-collapse{
appearance: none;
padding: 9px 18px;
border:
1px solid
rgba(
255,
255,
255,
.26
);
border-radius: 999px;
background: transparent;
font-family:
"Raleway",
sans-serif;
font-size: 14px;
font-weight: 600;
color:
rgba(
255,
255,
255,
.84
);
cursor: pointer;
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.type2-gallery{
padding: 36px 0 78px;
}
.type2-page--zen-wellness
.type2-gallery
.title-all.type2-gallery-heading
.type2-gallery-title{
font-size: 26px !important;
}
.type2-page--zen-wellness
.type2-gallery
.title-all.type2-gallery-heading
.type2-gallery-title-decor{
font-size: 40px !important;
transform: translateY(8px);
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-description{
max-width: 680px;
margin-bottom: 32px;
font-size: 16px !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-grid{
grid-template-columns:
repeat(
2,
minmax(0, 1fr)
);
grid-auto-rows: 220px;
gap: 12px;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item{
grid-column: auto !important;
grid-row: auto !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item--1{
grid-column: 1 / -1 !important;
min-height: 300px;
}
.type2-page--zen-wellness
.type2-gallery.is-expanded
.type2-gallery-item--extra{
grid-column: auto !important;
min-height: 220px;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.type2-gallery{
padding: 30px 0 64px;
}
.type2-page--zen-wellness
.type2-gallery
.title-all.type2-gallery-heading{
display: block;
margin-bottom: 20px !important;
}
.type2-page--zen-wellness
.type2-gallery
.title-all.type2-gallery-heading
.type2-gallery-title{
display: block;
width: 100%;
font-size: 21px !important;
line-height: 1.3 !important;
}
.type2-page--zen-wellness
.type2-gallery
.title-all.type2-gallery-heading
.type2-gallery-title-decor{
display: block;
width: 100%;
margin-top: 8px !important;
font-size: 34px !important;
line-height: 1.05 !important;
transform: none !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-description{
max-width: none;
margin-bottom: 28px;
font-size: 15px !important;
line-height: 1.6 !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-grid{
display: flex;
width: calc(100% + 20px);
margin-right: -20px;
padding-right: 20px;
padding-bottom: 8px;
gap: 12px;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-grid::-webkit-scrollbar{
display: none;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item,
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item--extra{
display: block;
flex:
0 0
min(
82vw,
340px
);
width:
min(
82vw,
340px
);
min-height: 0;
aspect-ratio: 4 / 3;
border-radius: 15px;
scroll-snap-align: start;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-more,
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-collapse-wrap{
display: none !important;
}
}
.type2-page--zen-wellness
.endow-wellness.type2-cta{
position: relative;
padding: 64px 0 68px !important;
overflow: hidden;
background:
radial-gradient(
circle at 92% 12%,
rgba(232, 132, 0, .11),
transparent 24%
),
radial-gradient(
circle at 5% 88%,
rgba(127, 168, 161, .15),
transparent 25%
),
#FFF4E7 !important;
color: #263333;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
> .image-after{
display: none !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta::before{
content: "";
position: absolute;
z-index: 0;
top: 42px;
right: 5%;
width: 150px;
height: 150px;
border-radius: 50%;
border:
1px solid
rgba(232, 132, 0, .13);
box-shadow:
30px 22px 0 -28px rgba(232, 132, 0, .38),
-23px 64px 0 -26px rgba(127, 168, 161, .42),
62px 76px 0 -27px rgba(232, 132, 0, .28);
pointer-events: none;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta::after{
content: "✦";
position: absolute;
z-index: 0;
right: 12%;
bottom: 46px;
font-size: 28px;
line-height: 1;
color: rgba(232, 132, 0, .20);
transform: rotate(14deg);
pointer-events: none;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
> .container{
position: relative;
z-index: 2;
display: grid;
grid-template-columns:
minmax(0, 1.05fr)
minmax(0, .95fr)
minmax(300px, .70fr);
grid-template-rows:
auto
1fr;
column-gap: 42px;
row-gap: 28px;
max-width: 1240px;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
> .container
> .row{
display: contents !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
> .container
> .row
> [class*="col-"]{
display: block !important;
width: 100% !important;
max-width: none !important;
flex: none !important;
margin: 0 !important;
padding: 0 !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.title-all.type2-cta-title{
grid-column: 2 / 4;
grid-row: 1;
position: relative;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
font-family:
"Raleway",
sans-serif !important;
font-size: 30px !important;
font-weight: 600 !important;
font-style: normal !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
color: #263333 !important;
text-align: left !important;
text-transform: none !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.title-all.type2-cta-title::after{
content: none !important;
display: none !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.title-all.type2-cta-title::before{
content: "";
display: inline-block;
width: 34px;
height: 3px;
margin-right: 12px;
margin-bottom: .23em;
border-radius: 999px;
background: #E88400;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
> .container
> .row
> :nth-child(1){
grid-column: 1;
grid-row: 1 / 3;
align-self: stretch;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-image{
position: relative;
width: 100% !important;
max-width: none !important;
height: 100%;
min-height: 520px;
overflow: visible;
border-radius: 0;
background: transparent;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-image::after{
content: "";
position: absolute;
inset:
6% -4%
4% -4%;
z-index: -1;
border-radius: 50%;
background:
rgba(
232,
132,
0,
.06
);
filter: blur(34px);
pointer-events: none;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-image
img{
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
opacity: .78;
filter:
saturate(.82)
contrast(.96);
-webkit-mask-image:
radial-gradient(
ellipse 80% 86%
at 50% 50%,
#000 58%,
rgba(0,0,0,.86) 70%,
rgba(0,0,0,.34) 86%,
transparent 100%
);
mask-image:
radial-gradient(
ellipse 80% 86%
at 50% 50%,
#000 58%,
rgba(0,0,0,.86) 70%,
rgba(0,0,0,.34) 86%,
transparent 100%
);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
> .container
> .row
> :nth-child(2){
grid-column: 2;
grid-row: 2;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.endow-content{
width: 100%;
padding: 0 !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.endow-content
.head{
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 18px;
margin: 0 0 30px !important;
text-align: left !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.endow-content
.head
.discount{
display: flex !important;
align-items: center;
justify-content: center;
width: 86px !important;
height: 86px !important;
flex: 0 0 86px !important;
border-radius: 50%;
background: #245C57 !important;
background-image: none !important;
box-shadow:
0 12px 28px
rgba(36, 92, 87, .12);
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.endow-content
.head
.discount
.value{
position: static !important;
margin: 0 !important;
font-family:
"Open Sans",
Arial,
sans-serif !important;
font-size: 25px !important;
font-weight: 700 !important;
line-height: 1 !important;
color: #FFFFFF !important;
transform: none !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.endow-content
.head
.discount
.value::after{
content: "%" !important;
position: static !important;
margin-left: 1px;
font-family:
"Open Sans",
Arial,
sans-serif !important;
font-size: 12px !important;
color: rgba(255,255,255,.88) !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-price{
display: flex;
flex-direction: column;
align-items: flex-start;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.endow-content
.head
.price-sale{
margin: 0 0 5px !important;
font-family:
"Raleway",
sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
color: #7A8583 !important;
text-decoration-thickness: 1px !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.endow-content
.head
.price{
margin: 0 !important;
font-family:
"Open Sans",
Arial,
sans-serif !important;
font-size: 35px !important;
font-weight: 700 !important;
line-height: 1.08 !important;
color: #E88400 !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.content
.type2-cta-title-decor{
margin: 0 0 20px !important;
padding: 0 !important;
font-family:
"Dancing Script SVN",
"Dancing Script",
cursive !important;
font-size: 42px !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 1.05 !important;
letter-spacing: 0 !important;
color: #E88400 !important;
text-align: left !important;
text-transform: none !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-description{
margin: -6px 0 24px;
font-family:
"Raleway",
sans-serif !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 1.65 !important;
color: #4A5555 !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-description
p:last-child{
margin-bottom: 0;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.endow-content
.list-endow{
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.endow-content
.list-endow
li{
position: relative;
min-height: 0 !important;
margin: 0 !important;
padding: 0 0 0 30px !important;
font-family:
"Raleway",
sans-serif !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 1.55 !important;
color: #263333 !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.endow-content
.list-endow
li:not(:last-child){
margin-bottom: 16px !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.endow-content
.list-endow
li::before{
content: "✓" !important;
position: absolute !important;
top: 2px !important;
left: 0 !important;
display: flex;
align-items: center;
justify-content: center;
width: 20px !important;
height: 20px !important;
border-radius: 50%;
background: rgba(36, 92, 87, .10) !important;
background-image: none !important;
font-family:
Arial,
sans-serif !important;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: #245C57;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-item__title{
display: block;
font-family:
"Open Sans",
Arial,
sans-serif !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.45;
color: #263333;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-item__description{
margin-top: 4px;
font-size: 14px;
line-height: 1.55;
color: #697473;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-item__description
p{
margin: 0;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
> .container
> .row
> :nth-child(3){
grid-column: 3;
grid-row: 2;
align-self: start;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness.type2-cta-form{
width: 100%;
max-width: none !important;
margin: 0 !important;
padding:
24px 22px
20px !important;
border:
1px solid
rgba(
255,
255,
255,
.72
) !important;
border-radius: 22px !important;
background:
rgba(
255,
255,
255,
.52
) !important;
-webkit-backdrop-filter:
blur(16px);
backdrop-filter:
blur(16px);
box-shadow:
0 18px 45px
rgba(
38,
51,
51,
.045
);
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness.type2-cta-form
.title{
font-family:
"Open Sans",
Arial,
sans-serif !important;
font-weight: 700 !important;
letter-spacing: .01em;
color: #245C57 !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness
.form-group__admin{
min-height: 44px !important;
padding:
9px 30px
9px 0 !important;
border-top:
1px solid
rgba(38, 51, 51, .10) !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness
.form-group__admin
.form-control,
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness
.form-group__admin
.select{
font-family:
"Raleway",
sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #263333 !important;
text-transform: none !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness
input[type="submit"],
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness
.wpcf7-submit{
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 46px;
margin-top: 12px;
padding: 10px 18px;
border: 0 !important;
border-radius: 999px !important;
background: #E88400 !important;
font-family:
"Open Sans",
Arial,
sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
color: #FFFFFF !important;
text-transform: none !important;
box-shadow: none !important;
cursor: pointer;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-admin-button-wrap{
margin-top: 30px;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-admin-button{
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding:
11px 26px;
border:
1px solid
#E88400;
border-radius:
999px;
background:
#E88400;
font-family:
"Open Sans",
Arial,
sans-serif !important;
font-size:
14px;
font-weight:
700;
line-height:
1.3;
color:
#FFFFFF !important;
text-decoration:
none !important;
transition:
transform .22s ease,
box-shadow .22s ease,
background .22s ease;
}
@media (hover: hover) {
.type2-page--zen-wellness
.endow-wellness.type2-cta
a.type2-cta-admin-button:hover{
transform:
translateY(-2px);
background:
#D77900;
border-color:
#D77900;
box-shadow:
0 10px 24px
rgba(
232,
132,
0,
.18
);
}
}
@media (
min-width: 576px
) and (
max-width: 1199px
) {
.type2-page--zen-wellness
.endow-wellness.type2-cta{
padding:
52px 0
56px !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
> .container{
grid-template-columns:
minmax(0, .92fr)
minmax(0, 1.08fr);
grid-template-rows:
auto
auto
auto;
column-gap: 30px;
row-gap: 28px;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.title-all.type2-cta-title{
grid-column: 1 / -1;
grid-row: 1;
font-size: 26px !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
> .container
> .row
> :nth-child(1){
grid-column: 1;
grid-row: 2;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
> .container
> .row
> :nth-child(2){
grid-column: 2;
grid-row: 2;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
> .container
> .row
> :nth-child(3){
grid-column: 1 / -1;
grid-row: 3;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-image{
min-height: 430px;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-title-decor{
font-size: 40px !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness.type2-cta-form{
max-width: 620px !important;
margin:
10px auto
0 !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.endow-wellness.type2-cta{
padding:
42px 0
46px !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
> .container{
display: block;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.title-all.type2-cta-title{
display: block;
width: 100% !important;
margin:
0 0
26px !important;
font-size: 21px !important;
line-height: 1.3 !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.title-all.type2-cta-title::before{
width: 25px;
margin-right: 8px;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
> .container
> .row{
display: flex !important;
flex-direction: column;
gap: 28px;
margin: 0 !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
> .container
> .row
> [class*="col-"]{
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-image{
min-height: 0;
height: auto;
aspect-ratio: 4 / 3;
border-radius: 0;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.endow-content
.head{
gap: 15px;
margin-bottom:
25px !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.endow-content
.head
.discount{
width: 72px !important;
height: 72px !important;
flex-basis: 72px !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.endow-content
.head
.discount
.value{
font-size: 22px !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.endow-content
.head
.price{
font-size: 30px !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-title-decor{
margin-bottom:
18px !important;
font-size: 34px !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-description{
font-size: 15px !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.endow-content
.list-endow
li{
font-size: 15px !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness.type2-cta-form{
padding:
21px 17px
18px !important;
border-radius: 18px !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta::before{
width: 95px;
height: 95px;
top: 22px;
right: -40px;
}
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-image{
position: relative;
overflow: visible !important;
border-radius: 0 !important;
background: transparent !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-image img{
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
opacity: .80;
filter:
saturate(.88)
contrast(.96)
brightness(1.02);
border-radius: 0 !important;
-webkit-mask-image:
radial-gradient(
ellipse 86% 90% at 50% 50%,
#000 54%,
rgba(0,0,0,.95) 66%,
rgba(0,0,0,.72) 77%,
rgba(0,0,0,.38) 87%,
rgba(0,0,0,.10) 95%,
transparent 100%
);
mask-image:
radial-gradient(
ellipse 86% 90% at 50% 50%,
#000 54%,
rgba(0,0,0,.95) 66%,
rgba(0,0,0,.72) 77%,
rgba(0,0,0,.38) 87%,
rgba(0,0,0,.10) 95%,
transparent 100%
);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-image::after{
content: "";
position: absolute;
inset: -2% -3%;
z-index: 1;
pointer-events: none;
background:
linear-gradient(
to right,
#FFF4E7 0%,
rgba(255,244,231,.82) 3%,
rgba(255,244,231,.30) 8%,
transparent 16%,
transparent 84%,
rgba(255,244,231,.30) 92%,
rgba(255,244,231,.82) 97%,
#FFF4E7 100%
),
linear-gradient(
to bottom,
#FFF4E7 0%,
rgba(255,244,231,.72) 3%,
rgba(255,244,231,.20) 9%,
transparent 17%,
transparent 83%,
rgba(255,244,231,.20) 91%,
rgba(255,244,231,.72) 97%,
#FFF4E7 100%
);
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness.type2-cta-form{
background:
rgba(255,255,255,.22) !important;
border:
1px solid
rgba(255,255,255,.48) !important;
box-shadow:
0 14px 34px
rgba(38,51,51,.025) !important;
-webkit-backdrop-filter:
blur(18px);
backdrop-filter:
blur(18px);
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-admin-button-wrap{
margin-top: 26px;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-admin-button{
display: inline-flex !important;
align-items: center;
gap: 8px;
min-height: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
font-family:
"Open Sans",
Arial,
sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
color: #E88400 !important;
text-decoration: none !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-admin-button::after{
content: "→";
display: inline-block;
font-size: 17px;
line-height: 1;
transition:
transform .2s ease;
}
@media (hover: hover) {
.type2-page--zen-wellness
.endow-wellness.type2-cta
a.type2-cta-admin-button:hover{
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: #D77900 !important;
transform: none !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
a.type2-cta-admin-button:hover::after{
transform:
translateX(4px);
}
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.endow-content
.list-endow
li
.type2-cta-item__title{
display: inline !important;
font-family:
"Open Sans",
Arial,
sans-serif !important;
font-size: 16px !important;
font-weight: 700 !important;
font-style: normal !important;
line-height: 1.45 !important;
letter-spacing: 0 !important;
color: #263333 !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness.type2-cta-form
.title{
font-family:
"Open Sans",
Arial,
sans-serif !important;
font-weight: 700 !important;
color: #245C57 !important;
}
@media (min-width: 576px) and (max-width: 1199px) {
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-image img{
-webkit-mask-image:
radial-gradient(
ellipse 88% 90% at 50% 50%,
#000 55%,
rgba(0,0,0,.92) 68%,
rgba(0,0,0,.58) 82%,
rgba(0,0,0,.16) 94%,
transparent 100%
);
mask-image:
radial-gradient(
ellipse 88% 90% at 50% 50%,
#000 55%,
rgba(0,0,0,.92) 68%,
rgba(0,0,0,.58) 82%,
rgba(0,0,0,.16) 94%,
transparent 100%
);
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness.type2-cta-form{
background:
rgba(255,255,255,.25) !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-admin-button{
font-size: 14px !important;
}
}
.type2-page--zen-wellness .endow-wellness.type2-cta{
--cta-bg: #FBF2E6;
}
.type2-page--zen-wellness .endow-wellness.type2-cta .type2-cta-image{
position: relative;
isolation: isolate;
overflow: hidden !important;
border-radius: 0 !important;
background: transparent !important;
}
.type2-page--zen-wellness .endow-wellness.type2-cta .type2-cta-image img{
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
border-radius: 0 !important;
opacity: .96;
filter: saturate(.94) brightness(1.02) contrast(.98);
}
.type2-page--zen-wellness .endow-wellness.type2-cta .type2-cta-image::after{
content: "";
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
background:
linear-gradient(to right,
var(--cta-bg) 0%,
rgba(251,242,230,.92) 3%,
rgba(251,242,230,.58) 8%,
rgba(251,242,230,.20) 14%,
rgba(251,242,230,0) 20%,
rgba(251,242,230,0) 80%,
rgba(251,242,230,.20) 86%,
rgba(251,242,230,.58) 92%,
rgba(251,242,230,.92) 97%,
var(--cta-bg) 100%
),
linear-gradient(to bottom,
var(--cta-bg) 0%,
rgba(251,242,230,.92) 3%,
rgba(251,242,230,.58) 8%,
rgba(251,242,230,.20) 14%,
rgba(251,242,230,0) 20%,
rgba(251,242,230,0) 80%,
rgba(251,242,230,.20) 86%,
rgba(251,242,230,.58) 92%,
rgba(251,242,230,.92) 97%,
var(--cta-bg) 100%
);
}
.type2-page--zen-wellness .endow-wellness.type2-cta .type2-cta-image::before{
content: "";
position: absolute;
inset: -2%;
z-index: 1;
pointer-events: none;
background:
radial-gradient(circle at 0% 0%, var(--cta-bg) 0%, rgba(251,242,230,0) 24%),
radial-gradient(circle at 100% 0%, var(--cta-bg) 0%, rgba(251,242,230,0) 24%),
radial-gradient(circle at 0% 100%, var(--cta-bg) 0%, rgba(251,242,230,0) 24%),
radial-gradient(circle at 100% 100%, var(--cta-bg) 0%, rgba(251,242,230,0) 24%);
}
.type2-page--zen-wellness .endow-wellness.type2-cta .form-regis__wellness.type2-cta-form{
background: rgba(255,255,255,.18) !important;
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
}
.type2-page--zen-wellness .endow-wellness.type2-cta .form-regis__wellness.type2-cta-form select,
.type2-page--zen-wellness .endow-wellness.type2-cta .form-regis__wellness.type2-cta-form select option{
text-transform: uppercase;
}
.type2-page--zen-wellness .endow-wellness.type2-cta .form-regis__wellness.type2-cta-form .wpcf7-form-control-wrap select{
text-transform: uppercase;
}
.type2-page--zen-wellness .endow-wellness.type2-cta .form-regis__wellness.type2-cta-form .current,
.type2-page--zen-wellness .endow-wellness.type2-cta .form-regis__wellness.type2-cta-form .selected,
.type2-page--zen-wellness .endow-wellness.type2-cta .form-regis__wellness.type2-cta-form .select2-selection__rendered{
text-transform: uppercase;
}
.type2-page--zen-wellness .endow-wellness.type2-cta{
--cta-bg: #FBF2E6;
}
.type2-page--zen-wellness .endow-wellness.type2-cta .type2-cta-image{
position: relative;
isolation: isolate;
overflow: hidden !important;
background: transparent !important;
border-radius: 0 !important;
}
.type2-page--zen-wellness .endow-wellness.type2-cta .type2-cta-image img{
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
border-radius: 0 !important;
opacity: .97;
filter: saturate(.96) brightness(1.02);
}
.type2-page--zen-wellness .endow-wellness.type2-cta .type2-cta-image::after{
content: "";
position: absolute;
inset: 0;
z-index: 3;
pointer-events: none;
background:
linear-gradient(
to right,
var(--cta-bg) 0%,
rgba(251,242,230,.98) 4%,
rgba(251,242,230,.88) 8%,
rgba(251,242,230,.68) 13%,
rgba(251,242,230,.38) 18%,
rgba(251,242,230,.12) 24%,
rgba(251,242,230,0) 31%,
rgba(251,242,230,0) 69%,
rgba(251,242,230,.12) 76%,
rgba(251,242,230,.38) 82%,
rgba(251,242,230,.68) 87%,
rgba(251,242,230,.88) 92%,
rgba(251,242,230,.98) 96%,
var(--cta-bg) 100%
),
linear-gradient(
to bottom,
var(--cta-bg) 0%,
rgba(251,242,230,.98) 4%,
rgba(251,242,230,.88) 8%,
rgba(251,242,230,.68) 13%,
rgba(251,242,230,.38) 18%,
rgba(251,242,230,.12) 24%,
rgba(251,242,230,0) 31%,
rgba(251,242,230,0) 69%,
rgba(251,242,230,.12) 76%,
rgba(251,242,230,.38) 82%,
rgba(251,242,230,.68) 87%,
rgba(251,242,230,.88) 92%,
rgba(251,242,230,.98) 96%,
var(--cta-bg) 100%
);
}
.type2-page--zen-wellness .endow-wellness.type2-cta .type2-cta-image::before{
content: "";
position: absolute;
inset: -2%;
z-index: 2;
pointer-events: none;
background:
radial-gradient(circle at 0% 0%, var(--cta-bg) 0%, rgba(251,242,230,.88) 10%, rgba(251,242,230,.45) 20%, rgba(251,242,230,0) 34%),
radial-gradient(circle at 100% 0%, var(--cta-bg) 0%, rgba(251,242,230,.88) 10%, rgba(251,242,230,.45) 20%, rgba(251,242,230,0) 34%),
radial-gradient(circle at 0% 100%, var(--cta-bg) 0%, rgba(251,242,230,.88) 10%, rgba(251,242,230,.45) 20%, rgba(251,242,230,0) 34%),
radial-gradient(circle at 100% 100%, var(--cta-bg) 0%, rgba(251,242,230,.88) 10%, rgba(251,242,230,.45) 20%, rgba(251,242,230,0) 34%);
}
.type2-page--zen-wellness .endow-wellness.type2-cta .form-regis__wellness.type2-cta-form{
background: rgba(255,255,255,.14) !important;
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
}
.type2-page--zen-wellness .endow-wellness.type2-cta .form-regis__wellness.type2-cta-form select,
.type2-page--zen-wellness .endow-wellness.type2-cta .form-regis__wellness.type2-cta-form option,
.type2-page--zen-wellness .endow-wellness.type2-cta .form-regis__wellness.type2-cta-form .current,
.type2-page--zen-wellness .endow-wellness.type2-cta .form-regis__wellness.type2-cta-form .selected,
.type2-page--zen-wellness .endow-wellness.type2-cta .form-regis__wellness.type2-cta-form .select2-selection__rendered{
text-transform: uppercase !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness.type2-cta-form
.form-group__admin
select,
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness.type2-cta-form
.form-group__admin
.select{
width: 100% !important;
padding: 0 !important;
border: 0 !important;
outline: 0 !important;
background-color: transparent !important;
font-family:
"Open Sans",
Arial,
sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
letter-spacing: .04em !important;
color: #747474 !important;
text-transform: uppercase !important;
-webkit-appearance: none;
appearance: none;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness.type2-cta-form
.form-group__admin
select option{
font-family:
"Open Sans",
Arial,
sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: .02em !important;
color: #263333 !important;
text-transform: uppercase !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness.type2-cta-form
.form-group__admin
select.select{
font-family:
"Open Sans",
Arial,
sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: .04em !important;
color: #747474 !important;
text-transform: uppercase !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-form
select.select.wcf7{
width: 100% !important;
padding: 0 !important;
border: 0 !important;
outline: 0 !important;
background: transparent !important;
font-family:
"Open Sans",
Arial,
sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
letter-spacing: .04em !important;
color: #747474 !important;
text-transform: uppercase !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-form
select.select.wcf7
option{
font-family:
"Open Sans",
Arial,
sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
color: #263333 !important;
text-transform: uppercase !important;
}
@media (min-width: 576px) and (max-width: 1199px) {
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-form
select.select.wcf7{
font-family:
"Open Sans",
Arial,
sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: .04em !important;
color: #747474 !important;
text-transform: uppercase !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-form
select.select.wcf7{
font-family:
"Open Sans",
Arial,
sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: .04em !important;
color: #747474 !important;
text-transform: uppercase !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-title-decor{
font-size: 30px !important;
line-height: 1.08 !important;
}
}
@media screen and (max-width: 575px) {
html body
.type2-page--zen-wellness
section.endow-wellness.type2-cta
.endow-content
.content
p.title.type2-cta-title-decor{
font-size: 30px !important;
line-height: 1.12 !important;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.type2-page--zen-wellness
.wellness-group.type2-programs{
overflow: hidden;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs{
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: flex-end !important;
gap: 18px !important;
width: 100% !important;
margin: 0 0 34px !important;
padding: 0 4px 8px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
background: transparent !important;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs::-webkit-scrollbar{
display: none;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item{
flex: 0 0 auto !important;
width: auto !important;
min-width: max-content !important;
margin: 0 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link{
position: relative !important;
display: block !important;
width: auto !important;
min-width: max-content !important;
margin: 0 !important;
padding: 6px 5px 10px !important;
border: 0 !important;
background: transparent !important;
color: #3C6F52 !important;
font-family: "Raleway", sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
white-space: nowrap !important;
opacity: .82;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link.active{
color: #245C57 !important;
opacity: 1;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link::after{
left: 5px !important;
right: 5px !important;
bottom: 0 !important;
width: auto !important;
height: 3px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.fz-25,
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.fz-19{
font-size: inherit !important;
line-height: inherit !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-content{
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-content
.tab-pane{
width: 100% !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase{
position: relative;
display: grid !important;
grid-template-columns:
minmax(0, 1.35fr)
minmax(245px, .75fr) !important;
align-items: center !important;
column-gap: 38px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__content{
position: relative !important;
order: initial !important;
width: 100% !important;
min-width: 0 !important;
padding: 27px 28px 24px !important;
overflow: hidden !important;
border-radius: 26px 9px 26px 9px !important;
background:
radial-gradient(
circle at 8% 14%,
rgba(255,255,255,.72) 0 31px,
transparent 32px
),
radial-gradient(
circle at 93% 88%,
rgba(127,168,161,.13) 0 72px,
transparent 73px
),
linear-gradient(
135deg,
#EEF4ED 0%,
#F4F4E9 100%
) !important;
box-shadow:
0 8px 24px rgba(31,78,70,.045) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__content::before{
content: "";
position: absolute;
right: -55px;
bottom: -72px;
width: 185px;
height: 150px;
border-radius: 58% 42% 48% 52%;
background: rgba(127,168,161,.11);
transform: rotate(-10deg);
pointer-events: none;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__content::after{
content: "✦ · ✦";
position: absolute;
right: 24px;
top: 16px;
color: rgba(232,132,0,.30);
font-size: 14px !important;
letter-spacing: 7px;
pointer-events: none;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__tagline{
position: relative;
z-index: 2;
margin: 0 0 7px !important;
font-family: "Raleway", sans-serif !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
letter-spacing: .095em !important;
color: #E88400 !important;
text-transform: uppercase !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__tagline::before{
content: "";
display: inline-block;
width: 20px !important;
height: 2px !important;
margin-right: 8px !important;
vertical-align: middle;
background: #7FA8A1 !important;
transform: translateY(-2px);
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__main{
position: relative;
z-index: 2;
display: flex !important;
flex-direction: column !important;
width: 100% !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__title{
order: 1 !important;
margin: 0 !important;
font-family: "Raleway", sans-serif !important;
font-size: 27px !important;
font-weight: 600 !important;
line-height: 1.16 !important;
letter-spacing: -.015em !important;
color: #245C57 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__line{
order: 2 !important;
width: 46px !important;
height: 2px !important;
margin: 9px 0 10px !important;
background: #E88400 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__meta{
order: 3 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: wrap !important;
gap: 8px 17px !important;
width: 100% !important;
margin: 0 0 16px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__meta-item{
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
font-family: "Raleway", sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
color: #245C57 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__icon{
color: #E88400 !important;
font-size: 14px !important;
line-height: 1 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__meta-item
+ .zen-wellness-program-showcase__meta-item::before{
content: "";
width: 4px;
height: 4px;
margin-right: 5px;
border-radius: 50%;
background: #7FA8A1;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__description{
order: 4 !important;
width: 100% !important;
margin: 0 !important;
font-family: "Raleway", sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.58 !important;
color: #245C57 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__description-item{
display: flex !important;
align-items: flex-start !important;
gap: 8px !important;
margin: 0 0 7px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__description-item:last-child{
margin-bottom: 0 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__description-icon{
position: relative !important;
flex: 0 0 14px !important;
width: 14px !important;
height: 16px !important;
margin-top: .24em !important;
border: 0 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__description-icon::before{
content: "✧";
position: absolute;
top: 0;
left: 0;
color: #E88400;
font-family: Georgia, serif !important;
font-size: 14px !important;
line-height: 1 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__description-icon::after{
display: none !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__highlights{
order: 5 !important;
width: calc(100% - 16px) !important;
max-width: none !important;
margin: 16px 0 0 16px !important;
padding-left: 14px !important;
border-left:
1px solid rgba(232,132,0,.36);
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__label{
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin: 0 0 9px !important;
font-family: "Raleway", sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
letter-spacing: .055em !important;
color: #245C57 !important;
text-transform: uppercase !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__label::after{
content: "";
width: 28px !important;
height: 2px !important;
background: #E88400 !important;
transform: rotate(-3deg);
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__highlights ul{
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__highlights li{
position: relative;
padding-left: 18px !important;
font-family: "Raleway", sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.5 !important;
color: #245C57 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__highlights li::before{
content: "✦";
position: absolute;
top: .1em !important;
left: 0 !important;
width: auto !important;
height: auto !important;
background: none !important;
color: #E88400 !important;
font-family: Georgia, serif !important;
font-size: 11px !important;
transform: none !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__cta{
position: relative;
z-index: 2;
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
width: 100% !important;
gap: 7px !important;
margin-top: 18px !important;
font-family: "Raleway", sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #E88400 !important;
text-align: right !important;
text-decoration: none !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__media{
position: relative !important;
order: initial !important;
width: 100% !important;
max-width: 310px !important;
height: auto !important;
margin: 0 auto !important;
aspect-ratio: 4 / 5 !important;
isolation: isolate;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__media::before{
content: "";
position: absolute;
z-index: 0;
top: 10px !important;
left: -11px !important;
width: 100% !important;
height: 100% !important;
background: #E5EEE9 !important;
border-radius: 29px 8px 29px 8px !important;
transform: rotate(-2deg);
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__image{
position: relative !important;
z-index: 2;
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
border-radius: 23px 6px 23px 6px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__media::after{
content: "";
position: absolute;
z-index: 3;
top: -12px !important;
right: -13px !important;
width: 70px !important;
height: 70px !important;
border-top: 2px solid #E88400 !important;
border-right: 2px solid #E88400 !important;
border-radius: 0 27px 0 0 !important;
transform: rotate(4deg);
pointer-events: none;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase{
grid-template-columns:
minmax(0, 1.28fr)
minmax(210px, .72fr) !important;
column-gap: 24px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__content{
padding: 22px 19px 20px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__tagline{
font-size: 14px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__title{
font-size: 23px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__description{
font-size: 14px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__media{
max-width: 255px !important;
}
}
.type2-page--zen-wellness
.type2-team{
position: relative;
padding:
82px 0
78px;
overflow: hidden;
background:
#FFFFFF;
}
.type2-page--zen-wellness
.type2-team
.type2-team-heading{
display: block;
width:
min(
760px,
100%
);
margin:
0 auto
14px;
text-align: center;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title{
margin: 0;
font-family:
"Raleway",
Arial,
sans-serif;
font-size: 30px;
font-weight: 600;
line-height: 1.25;
color: #263333;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title-decor{
display: block;
margin-top: 7px;
font-family:
"Dancing Script",
"SVN-Dancing Script",
cursive;
font-size: 46px;
font-weight: 400;
line-height: 1.05;
color: #E88400;
}
.type2-page--zen-wellness
.type2-team
.type2-team-description{
width:
min(
720px,
100%
);
margin:
0 auto
38px;
text-align: center;
font-family:
"Raleway",
Arial,
sans-serif;
font-size: 17px;
font-weight: 500;
line-height: 1.68;
color: #4A5555;
}
.type2-page--zen-wellness
.type2-team
.type2-team-description
p{
margin: 0;
}
.type2-page--zen-wellness
.type2-team
.type2-team-list{
display: grid;
grid-template-columns:
repeat(
4,
minmax(0, 1fr)
);
gap:
38px 28px;
align-items: start;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card{
min-width: 0;
margin: 0;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__media{
position: relative;
width: 100%;
aspect-ratio: 4 / 5;
margin:
0 0
22px;
overflow: visible;
isolation: isolate;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__media::before{
content: "";
position: absolute;
z-index: 0;
width: 72%;
aspect-ratio: 1;
right: -7%;
bottom: -4%;
border-radius:
46% 54% 61% 39% /
55% 42% 58% 45%;
background:
rgba(
127,
168,
161,
.19
);
transform:
rotate(-9deg);
pointer-events: none;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__media::after{
content: "";
position: absolute;
z-index: 0;
width: 34%;
aspect-ratio: 1;
left: -6%;
top: 7%;
border-radius:
50%;
border:
1px solid
rgba(
232,
132,
0,
.25
);
pointer-events: none;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__image,
.type2-page--zen-wellness
.type2-team
.type2-team-card__image-placeholder{
position: relative;
z-index: 1;
display: block;
width: 100%;
height: 100%;
border-radius: 18px;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__image{
object-fit: cover;
object-position:
center top;
transition:
transform .32s ease;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__image-placeholder{
background:
linear-gradient(
145deg,
#F1F6F3,
#E5EFEB
);
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__body{
padding:
0 3px;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__name{
margin:
0 0
6px;
font-family:
"Open Sans",
Arial,
sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 1.32;
color: #263333;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__meta{
display: block;
width: 100%;
margin:
0 0
14px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-family:
"Raleway",
Arial,
sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 1.45;
color: #245C57;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__role,
.type2-page--zen-wellness
.type2-team
.type2-team-card__subject,
.type2-page--zen-wellness
.type2-team
.type2-team-card__separator{
display: inline;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__separator{
margin:
0 5px;
color:
rgba(
36,
92,
87,
.50
);
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__share{
position: relative;
min-height: 94px;
padding:
20px 16px
15px;
border-radius: 12px;
background:
linear-gradient(
145deg,
rgba(
241,
246,
243,
.92
),
rgba(
255,
249,
241,
.78
)
);
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__share
p{
display: -webkit-box;
overflow: hidden;
margin: 0;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
font-family:
"Raleway",
Arial,
sans-serif;
font-size: 15px;
font-weight: 500;
font-style: italic;
line-height: 1.56;
color: #4A5555;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__quote{
position: absolute;
top: 4px;
left: 12px;
font-family:
Georgia,
serif;
font-size: 34px;
line-height: 1;
color:
rgba(
232,
132,
0,
.62
);
}
@media (hover: hover) {
.type2-page--zen-wellness
.type2-team
.type2-team-card:hover
.type2-team-card__image{
transform:
scale(1.022);
}
}
@media (
min-width: 992px
) and (
max-width: 1199px
) {
.type2-page--zen-wellness
.type2-team{
padding:
70px 0
72px;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title{
font-size: 26px;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title-decor{
font-size: 40px;
}
.type2-page--zen-wellness
.type2-team
.type2-team-description{
margin-bottom: 34px;
font-size: 16px;
}
.type2-page--zen-wellness
.type2-team
.type2-team-list{
grid-template-columns:
repeat(
3,
minmax(0, 1fr)
);
gap:
34px 24px;
}
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.type2-team{
padding:
64px 0
68px;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title{
font-size: 26px;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title-decor{
font-size: 40px;
}
.type2-page--zen-wellness
.type2-team
.type2-team-description{
margin-bottom: 32px;
font-size: 16px;
}
.type2-page--zen-wellness
.type2-team
.type2-team-list{
grid-template-columns:
repeat(
2,
minmax(0, 1fr)
);
gap:
36px 26px;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__name{
font-size: 19px;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__meta{
font-size: 15px;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.type2-team{
padding:
54px 0
58px;
}
.type2-page--zen-wellness
.type2-team
.type2-team-heading{
margin-bottom: 11px;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title{
font-size: 21px;
line-height: 1.3;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title-decor{
margin-top: 8px;
font-size: 34px;
}
.type2-page--zen-wellness
.type2-team
.type2-team-description{
margin-bottom: 26px;
font-size: 15px;
line-height: 1.65;
}
.type2-page--zen-wellness
.type2-team
.type2-team-list{
display: flex;
width:
calc(
100% + 30px
);
margin-right: -15px;
gap: 18px;
overflow-x: auto;
overflow-y: hidden;
padding:
0 15px
10px 0;
scroll-snap-type:
x mandatory;
-webkit-overflow-scrolling:
touch;
scrollbar-width:
none;
}
.type2-page--zen-wellness
.type2-team
.type2-team-list::-webkit-scrollbar{
display: none;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card{
flex:
0 0
min(
82vw,
320px
);
width:
min(
82vw,
320px
);
scroll-snap-align:
start;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__media{
margin-bottom: 19px;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__name{
font-size: 18px;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__meta{
margin-bottom: 12px;
font-size: 14px;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__share{
min-height: 88px;
padding:
19px 15px
14px;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__share
p{
font-size: 14px;
}
}
.type2-page--zen-wellness
.type2-team
.type2-team-heading{
display: flex;
align-items: baseline;
justify-content: center;
gap: 12px;
width: 100%;
margin:
0 auto
16px;
text-align: center;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title{
margin: 0 !important;
font-family:
"Raleway",
Arial,
sans-serif !important;
font-size: 30px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
color: #263333 !important;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title-decor{
display: inline-block !important;
margin: 0 !important;
transform:
translateY(10px);
font-family:
"Dancing Script",
"SVN-Dancing Script",
cursive !important;
font-size: 46px !important;
font-weight: 400 !important;
line-height: 1 !important;
white-space: nowrap;
color: #E88400 !important;
}
@media (
min-width: 576px
) and (
max-width: 1199px
) {
.type2-page--zen-wellness
.type2-team
.type2-team-title{
font-size: 26px !important;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title-decor{
transform:
translateY(8px);
font-size: 40px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.type2-team
.type2-team-heading{
display: block;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title{
font-size: 21px !important;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title-decor{
display: block !important;
margin-top: 8px !important;
transform: none;
font-size: 34px !important;
}
}
.type2-page--zen-wellness
.type2-team
.type2-team-heading{
width:
min(
760px,
100%
);
justify-content:
flex-start;
text-align:
left;
}
.type2-page--zen-wellness
.type2-team
.type2-team-description{
width:
min(
760px,
100%
);
margin-left:
auto;
margin-right:
auto;
text-align:
left;
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.type2-team
.type2-team-heading,
.type2-page--zen-wellness
.type2-team
.type2-team-description{
text-align:
center;
}
}
.type2-page--zen-wellness
.type2-team
.type2-team-heading{
display: flex !important;
align-items: baseline !important;
flex-wrap: wrap !important;
column-gap: 14px !important;
row-gap: 6px !important;
width: 100% !important;
margin:
0 0
14px !important;
padding: 0 !important;
text-align: left !important;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title{
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
font-family:
"Raleway",
sans-serif !important;
font-size: 30px !important;
font-weight: 600 !important;
font-style: normal !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
color: #263333 !important;
text-transform: none !important;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title-decor{
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
font-family:
"Dancing Script SVN",
"Dancing Script",
cursive !important;
font-size: 46px !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 1 !important;
letter-spacing: 0 !important;
color: #E88400 !important;
text-transform: none !important;
transform:
translateY(10px);
}
.type2-page--zen-wellness
.type2-team
.type2-team-description{
width: 100% !important;
max-width: 760px !important;
margin:
0 0
38px !important;
text-align: left !important;
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.type2-team
.type2-team-title{
font-size: 26px !important;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title-decor{
font-size: 40px !important;
transform:
translateY(8px);
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.type2-team
.type2-team-heading{
display: block !important;
text-align: center !important;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title{
font-size: 21px !important;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title-decor{
display: block !important;
margin-top: 8px !important;
font-size: 34px !important;
transform: none;
}
.type2-page--zen-wellness
.type2-team
.type2-team-description{
text-align: center !important;
}
}
html body
.type2-page--zen-wellness
.type2-team
.type2-team-title-decor{
display: inline-block !important;
font-family:
"Dancing Script SVN",
"Dancing Script",
cursive !important;
font-size: 46px !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 1 !important;
letter-spacing: 0 !important;
color: #E88400 !important;
text-transform: none !important;
transform: translateY(10px) !important;
}
.type2-page--zen-wellness
.type2-team
.type2-team-heading
.type2-team-title-decor{
font-family:
"Dancing Script SVN",
cursive !important;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card
.type2-team-card__body
.type2-team-card__name{
font-family:
"Opensan",
"Open Sans",
Arial,
sans-serif !important;
}
.type2-page--zen-wellness
.type2-team
.type2-team-heading
.type2-team-title-decor{
font-family:
"Dancing Script SVN",
cursive !important;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card
.type2-team-card__body
.type2-team-card__name{
font-family:
"Opensan",
"Open Sans",
Arial,
sans-serif !important;
}
@media (max-width: 575px) {
.type2-page--zen-wellness .type2-team-head{
text-align: left !important;
align-items: flex-start !important;
}
.type2-page--zen-wellness .type2-team-head__title,
.type2-page--zen-wellness .type2-team-section__title,
.type2-page--zen-wellness .type2-team-heading{
margin-bottom: 0 !important;
}
.type2-page--zen-wellness .type2-team-title-main,
.type2-page--zen-wellness .type2-team-head__title-main{
margin: 0 0 2px !important;
line-height: 1.08 !important;
}
.type2-page--zen-wellness .type2-team-title-decor,
.type2-page--zen-wellness .type2-team-head__title-decor{
display: block !important;
margin: 0 !important;
line-height: 1.02 !important;
}
.type2-page--zen-wellness .type2-team-head__desc,
.type2-page--zen-wellness .type2-team-section__desc,
.type2-page--zen-wellness .type2-team-description{
margin-top: 14px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.type2-team
.type2-team-heading{
margin-bottom: 0 !important;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title{
margin: 0 !important;
line-height: 1.12 !important;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title-decor{
margin: -2px 0 0 !important;
line-height: 1 !important;
}
.type2-page--zen-wellness
.type2-team
.type2-team-description{
margin-top: 20px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.type2-team
.type2-team-description{
margin-top: 28px !important;
}
}
.type2-page--zen-wellness
.type2-team
.type2-team-description::before{
content: "✦";
display: inline-block;
margin-right: 8px;
font-family: Arial, sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1;
color: #E88400;
transform: translateY(-1px);
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.type2-team
.type2-team-description::before{
margin-right: 6px;
font-size: 11px !important;
}
}
.type2-page--zen-wellness
.type2-team
.type2-team-description::before{
content: "✦ ✦ ✦";
letter-spacing: 1px;
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.type2-team
.type2-team-description::before{
content: "✦ ✦ ✦";
letter-spacing: 0;
}
}
.type2-page--zen-wellness
.type2-students{
position: relative;
overflow: hidden;
padding:
72px 0
78px;
background:
var(
--zen-wellness-bg-sage-soft,
#EFF4F1
);
}
.type2-page--zen-wellness
.type2-students
.type2-students__head{
width:
min(
760px,
100%
);
margin:
0 auto
40px;
text-align: center;
}
.type2-page--zen-wellness
.type2-students
.type2-students__heading{
display: flex;
align-items: baseline;
justify-content: center;
flex-wrap: wrap;
column-gap: 14px;
row-gap: 5px;
width: 100%;
margin:
0 0
14px;
padding: 0;
}
.type2-page--zen-wellness
.type2-students
.type2-students__title{
font-family:
"Raleway",
Arial,
sans-serif !important;
font-size: 30px;
font-weight: 600;
line-height: 1.25;
color: #263333;
}
.type2-page--zen-wellness
.type2-students
.type2-students__title-decor{
display: inline-block;
transform:
translateY(9px);
font-family:
"Dancing Script SVN",
"Dancing Script",
cursive !important;
font-size: 46px;
font-weight: 400;
line-height: 1;
color: #E88400;
white-space: nowrap;
}
.type2-page--zen-wellness
.type2-students
.type2-students__description{
width:
min(
680px,
100%
);
margin: 0 auto;
font-family:
"Opensan",
"Open Sans",
Arial,
sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.68;
color: #4A5555;
text-align: center;
}
.type2-page--zen-wellness
.type2-students
.type2-students__description
p{
margin: 0;
}
.type2-page--zen-wellness
.type2-students
.type2-students__list{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap:
32px
28px;
width: 100%;
margin: 0;
padding: 0;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card{
flex:
0 1
calc(
(100% - 56px) / 3
);
width:
calc(
(100% - 56px) / 3
);
max-width: 370px;
min-width: 0;
margin: 0;
padding: 0;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__photo{
position: relative;
width: 100%;
aspect-ratio:
16 / 9;
margin: 0;
padding: 0;
overflow: hidden;
border-radius: 18px;
background: #DCE7E2;
box-shadow:
0 3px 12px
rgba(
25,
43,
41,
.055
);
isolation: isolate;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__image{
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
object-fit: cover;
object-position: center center;
border: 0;
transform:
scale(1.001);
transition:
transform
.42s
cubic-bezier(
.2,
.7,
.2,
1
);
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__name{
position: absolute;
z-index: 2;
left: 18px;
bottom: 15px;
display: inline-flex;
align-items: center;
width: auto;
max-width:
calc(
100% - 36px
);
min-height: 34px;
margin: 0;
padding:
7px
13px;
border-radius:
5px
12px
12px
5px;
background:
rgba(
36,
92,
87,
.94
);
box-shadow:
0 4px 12px
rgba(
20,
35,
33,
.14
);
color: #FFFFFF;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__name-accent{
flex:
0 0
3px;
width: 3px;
height: 18px;
margin-right: 9px;
border-radius: 2px;
background: #E88400;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__name-text{
overflow: hidden;
font-family:
"Opensan",
"Open Sans",
Arial,
sans-serif !important;
font-size: 13px;
font-weight: 700;
line-height: 1.2;
letter-spacing:
.025em;
color: #FFFFFF;
white-space: nowrap;
text-overflow: ellipsis;
text-transform: uppercase;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote{
position: relative;
display: grid;
grid-template-columns:
38px
2px
minmax(0, 1fr);
column-gap: 15px;
align-items: start;
width: 100%;
min-height: 150px;
margin:
12px 0
0;
padding:
24px
24px
23px;
border:
1px solid
rgba(
62,
91,
84,
.055
);
border-radius:
22px;
background:
#FBF7EF;
box-shadow:
0 8px 22px
rgba(
31,
78,
70,
.075
);
color: #263333;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-mark{
display: block;
margin:
-3px 0
0;
padding: 0;
font-family:
Georgia,
"Times New Roman",
serif;
font-size: 44px;
font-weight: 700;
font-style: normal;
line-height: .82;
color: #E88400;
text-align: center;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-line{
display: block;
width: 2px;
height: 100%;
min-height: 92px;
border-radius: 2px;
background:
rgba(
232,
132,
0,
.94
);
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-text{
min-width: 0;
margin:
-1px 0
0;
padding: 0;
font-family:
"Opensan",
"Open Sans",
Arial,
sans-serif !important;
font-size: 16px;
font-weight: 400;
font-style: italic;
line-height: 1.58;
letter-spacing: 0;
color: #314744;
opacity: 1;
text-align: left;
}
@media (
hover: hover
) and (
pointer: fine
) {
.type2-page--zen-wellness
.type2-students
.type2-student-card:hover
.type2-student-card__image{
transform:
scale(1.025);
}
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.type2-students{
padding:
64px 0
70px;
}
.type2-page--zen-wellness
.type2-students
.type2-students__head{
margin-bottom:
34px;
}
.type2-page--zen-wellness
.type2-students
.type2-students__title{
font-size: 26px;
}
.type2-page--zen-wellness
.type2-students
.type2-students__title-decor{
transform:
translateY(7px);
font-size: 40px;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card{
flex:
0 1
calc(
(100% - 24px) / 2
);
width:
calc(
(100% - 24px) / 2
);
max-width: 370px;
}
.type2-page--zen-wellness
.type2-students
.type2-students__list{
gap: 28px 24px;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote{
grid-template-columns:
34px
2px
minmax(0, 1fr);
column-gap: 13px;
min-height: 142px;
padding:
21px
20px;
border-radius: 19px;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-mark{
font-size: 40px;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-text{
font-size: 15px;
line-height: 1.56;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.type2-students{
padding:
56px 0
62px;
}
.type2-page--zen-wellness
.type2-students
.type2-students__head{
margin-bottom:
30px;
}
.type2-page--zen-wellness
.type2-students
.type2-students__heading{
display: block;
margin-bottom: 13px;
}
.type2-page--zen-wellness
.type2-students
.type2-students__title{
display: block;
font-size: 21px;
}
.type2-page--zen-wellness
.type2-students
.type2-students__title-decor{
display: block;
margin-top: 6px;
transform: none;
font-size: 34px;
}
.type2-page--zen-wellness
.type2-students
.type2-students__description{
font-size: 15px;
line-height: 1.62;
}
.type2-page--zen-wellness
.type2-students
.type2-students__list{
display: block;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card{
width: 100%;
max-width: none;
margin:
0 0
26px;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card:last-child{
margin-bottom: 0;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__photo{
aspect-ratio:
16 / 9;
border-radius: 14px;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__name{
left: 14px;
bottom: 13px;
min-height: 31px;
padding:
6px
11px;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__name-accent{
height: 16px;
margin-right: 8px;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__name-text{
font-size: 12px;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote{
grid-template-columns:
31px
2px
minmax(0, 1fr);
column-gap: 11px;
min-height: 0;
margin-top: 10px;
padding:
18px
17px
19px;
border-radius: 17px;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-mark{
font-size: 36px;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-line{
min-height: 78px;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-text{
font-size: 14.5px;
line-height: 1.55;
}
}
@media (max-width: 359px) {
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote{
grid-template-columns:
27px
2px
minmax(0, 1fr);
column-gap: 9px;
padding:
16px
14px;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-mark{
font-size: 32px;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-text{
font-size: 14px;
}
}
@media (
prefers-reduced-motion:
reduce
) {
.type2-page--zen-wellness
.type2-students
.type2-student-card__image{
transition: none;
}
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote{
grid-template-columns:
30px
minmax(0, 1fr) !important;
column-gap: 10px !important;
min-height: 132px !important;
padding:
22px
22px
21px !important;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-line{
display: none !important;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-mark{
margin-top: -1px !important;
font-size: 36px !important;
line-height: .85 !important;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-text{
width: 100% !important;
max-width: none !important;
margin: 0 !important;
font-size: 16px !important;
font-weight: 400 !important;
font-style: italic !important;
line-height: 1.52 !important;
color: #314744 !important;
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote{
grid-template-columns:
28px
minmax(0, 1fr) !important;
column-gap: 9px !important;
min-height: 124px !important;
padding:
20px
19px !important;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-mark{
font-size: 34px !important;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-text{
font-size: 15px !important;
line-height: 1.52 !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote{
grid-template-columns:
26px
minmax(0, 1fr) !important;
column-gap: 8px !important;
min-height: 0 !important;
padding:
17px
16px
18px !important;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-mark{
font-size: 32px !important;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-text{
font-size: 14.5px !important;
line-height: 1.5 !important;
}
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote{
min-height: 104px !important;
padding:
13px
22px !important;
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote{
min-height: 98px !important;
padding:
12px
19px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote{
min-height: 0 !important;
padding:
11px
16px !important;
}
}
.type2-page--zen-wellness
.section-connect
.image-before{
clip-path: inset(0 0 0 63%);
-webkit-clip-path: inset(0 0 0 63%);
}
.type2-page--zen-wellness
.section-connect
.image-before img,
.type2-page--zen-wellness
.section-connect
.image-after img{
filter:
brightness(0)
saturate(100%)
invert(52%)
sepia(97%)
saturate(1900%)
hue-rotate(8deg)
brightness(101%)
contrast(101%);
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description{
position: relative;
padding-left: 31px;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description::before{
content: "";
position: absolute;
top: 4px;
left: 0;
width: 19px;
height: 19px;
background-color: #E88400;
-webkit-mask:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='M15.5 8.5l-2.1 4.9-4.9 2.1 2.1-4.9 4.9-2.1z' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='1' fill='black'/%3E%3C/svg%3E")
center / contain
no-repeat;
mask:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='M15.5 8.5l-2.1 4.9-4.9 2.1 2.1-4.9 4.9-2.1z' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='1' fill='black'/%3E%3C/svg%3E")
center / contain
no-repeat;
opacity: .88;
}
@media (min-width: 576px) and (max-width: 991px) {
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description{
padding-left: 29px;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description::before{
top: 3px;
width: 18px;
height: 18px;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description{
padding-left: 26px;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description::before{
top: 3px;
width: 16px;
height: 16px;
}
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description{
position: relative;
padding-left: 31px;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description::before{
content: "";
position: absolute;
top: 4px;
left: 0;
width: 20px;
height: 20px;
background-color: #E88400;
-webkit-mask:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='2.7' fill='none' stroke='black' stroke-width='1.5'/%3E%3Ccircle cx='5.5' cy='9' r='2' fill='none' stroke='black' stroke-width='1.4'/%3E%3Ccircle cx='18.5' cy='9' r='2' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M7.5 19c.4-4 2.1-6 4.5-6s4.1 2 4.5 6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M1.8 18c.2-3.1 1.5-4.7 3.7-4.7 1.2 0 2.1.4 2.8 1.2' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M22.2 18c-.2-3.1-1.5-4.7-3.7-4.7-1.2 0-2.1.4-2.8 1.2' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E")
center / contain
no-repeat;
mask:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='2.7' fill='none' stroke='black' stroke-width='1.5'/%3E%3Ccircle cx='5.5' cy='9' r='2' fill='none' stroke='black' stroke-width='1.4'/%3E%3Ccircle cx='18.5' cy='9' r='2' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M7.5 19c.4-4 2.1-6 4.5-6s4.1 2 4.5 6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M1.8 18c.2-3.1 1.5-4.7 3.7-4.7 1.2 0 2.1.4 2.8 1.2' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M22.2 18c-.2-3.1-1.5-4.7-3.7-4.7-1.2 0-2.1.4-2.8 1.2' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E")
center / contain
no-repeat;
opacity: .88;
}
@media (min-width: 576px) and (max-width: 991px) {
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description{
padding-left: 29px;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description::before{
top: 3px;
width: 18px;
height: 18px;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description{
padding-left: 26px;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description::before{
top: 3px;
width: 16px;
height: 16px;
}
}
.type2-page--zen-wellness
.type2-students{
position: relative;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='190' viewBox='0 0 420 190'%3E%3Cg fill='none' stroke='%23E88400' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M118 44 C190 10 271 25 323 70 C348 91 363 115 411 119' stroke-width='2.2' opacity='.16'/%3E%3Cpath d='M202 84 C248 63 292 66 335 91' stroke-width='1.5' opacity='.10'/%3E%3Ccircle cx='351' cy='40' r='7' stroke-width='1.5' opacity='.16'/%3E%3Ccircle cx='351' cy='40' r='2' fill='%23E88400' stroke='none' opacity='.22'/%3E%3Cpath d='M384 22 L388 31 L397 35 L388 39 L384 48 L380 39 L371 35 L380 31 Z' fill='%23E88400' stroke='none' opacity='.18'/%3E%3Cpath d='M320 20 L322.5 25.5 L328 28 L322.5 30.5 L320 36 L317.5 30.5 L312 28 L317.5 25.5 Z' fill='%23E88400' stroke='none' opacity='.14'/%3E%3Cpath d='M405 73 L407 77 L411 79 L407 81 L405 85 L403 81 L399 79 L403 77 Z' fill='%23E88400' stroke='none' opacity='.13'/%3E%3C/g%3E%3C/svg%3E");
background-repeat:
no-repeat;
background-position:
right 22px top 14px;
background-size:
390px auto;
}
.type2-page--zen-wellness
.type2-students
> .container{
position: relative;
z-index: 2;
}
.type2-page--zen-wellness
.type2-students
.type2-students-description,
.type2-page--zen-wellness
.type2-students
.type2-students__description,
.type2-page--zen-wellness
.type2-students
[class*="students-description"],
.type2-page--zen-wellness
.type2-students
[class*="students__description"]{
position: relative;
display: inline-block;
padding-left: 28px;
}
.type2-page--zen-wellness
.type2-students
.type2-students-description::before,
.type2-page--zen-wellness
.type2-students
.type2-students__description::before,
.type2-page--zen-wellness
.type2-students
[class*="students-description"]::before,
.type2-page--zen-wellness
.type2-students
[class*="students__description"]::before{
content: "";
position: absolute;
top: 2px;
left: 0;
width: 18px;
height: 18px;
background-color: #E88400;
-webkit-mask:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='9' r='5' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M9 13l-1.5 7L12 17.5 16.5 20 15 13' fill='none' stroke='black' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M12 6.2l.9 1.8 2 .3-1.45 1.4.35 2-1.8-.95-1.8.95.35-2L9.1 8.3l2-.3z' fill='black'/%3E%3C/svg%3E")
center / contain
no-repeat;
mask:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='9' r='5' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M9 13l-1.5 7L12 17.5 16.5 20 15 13' fill='none' stroke='black' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M12 6.2l.9 1.8 2 .3-1.45 1.4.35 2-1.8-.95-1.8.95.35-2L9.1 8.3l2-.3z' fill='black'/%3E%3C/svg%3E")
center / contain
no-repeat;
opacity: .86;
}
@media (min-width: 576px) and (max-width: 991px) {
.type2-page--zen-wellness
.type2-students{
background-position:
right -35px top 12px;
background-size:
300px auto;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.type2-students{
background-position:
right -62px top 8px;
background-size:
220px auto;
}
.type2-page--zen-wellness
.type2-students
.type2-students-description,
.type2-page--zen-wellness
.type2-students
.type2-students__description,
.type2-page--zen-wellness
.type2-students
[class*="students-description"],
.type2-page--zen-wellness
.type2-students
[class*="students__description"]{
padding-left: 24px;
}
.type2-page--zen-wellness
.type2-students
.type2-students-description::before,
.type2-page--zen-wellness
.type2-students
.type2-students__description::before,
.type2-page--zen-wellness
.type2-students
[class*="students-description"]::before,
.type2-page--zen-wellness
.type2-students
[class*="students__description"]::before{
width: 15px;
height: 15px;
top: 2px;
}
}
.type2-page--zen-wellness{
--wellness-font-display:
"Averta-Bold",
"Segoe UI",
Arial,
sans-serif;
--wellness-font-body:
"NotoSan",
"Segoe UI",
Arial,
sans-serif;
--wellness-font-script:
"Dancing Script SVN",
"Dancing Script",
cursive;
--wellness-indigo:
#394C8A;
--wellness-indigo-dark:
#283866;
--wellness-text:
#596176;
--wellness-yellow:
#F2C84B;
--wellness-mustard:
#C5A51A;
}
.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness
> :not(.section-banner__pages)
h1,
.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness
> :not(.section-banner__pages)
h2,
.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness
> :not(.section-banner__pages)
h3,
.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness
> :not(.section-banner__pages)
h4,
.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness
> :not(.section-banner__pages)
.f-title,
.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness
> :not(.section-banner__pages)
[class$="__title"],
.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness
> :not(.section-banner__pages)
[class$="-title"]{
font-family:
var(--wellness-font-display) !important;
font-style:
normal !important;
font-weight:
400 !important;
letter-spacing:
-.015em;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness.type2-page--zen-wellness
.section-why__wellness.type2-why
.title-all
.type2-why-title{
font-family:
var(--wellness-font-display) !important;
font-style:
normal !important;
font-weight:
400 !important;
letter-spacing:
-.015em !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all
.title,
.type2-page--zen-wellness.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__title{
font-family:
var(--wellness-font-display) !important;
font-style:
normal !important;
font-weight:
400 !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-audience
.type2-audience-title,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-audience
.type2-audience-item__title{
font-family:
var(--wellness-font-display) !important;
font-style:
normal !important;
font-weight:
400 !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-programs
.type2-programs-title,
.type2-page--zen-wellness.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__title{
font-family:
var(--wellness-font-display) !important;
font-style:
normal !important;
font-weight:
400 !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-benefits
.type2-benefits-title,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-benefits
.type2-benefit__title{
font-family:
var(--wellness-font-display) !important;
font-style:
normal !important;
font-weight:
400 !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-gallery
.type2-gallery-title{
font-family:
var(--wellness-font-display) !important;
font-style:
normal !important;
font-weight:
400 !important;
color:
#FFFFFF !important;
}
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-team
.type2-team-title,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-team
.type2-team-title-main,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-team
.type2-team-head__title-main,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-team
[class$="__title"]{
font-family:
var(--wellness-font-display) !important;
font-style:
normal !important;
font-weight:
400 !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-students
.type2-students-title,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-students
[class$="__title"]{
font-family:
var(--wellness-font-display) !important;
font-style:
normal !important;
font-weight:
400 !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-feedback
.type2-feedback-title,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-feedback
[class$="__title"]{
font-family:
var(--wellness-font-display) !important;
font-style:
normal !important;
font-weight:
400 !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-cta
.type2-cta-title,
.type2-page--zen-wellness.type2-page--zen-wellness
.ez-wellness-cta-v2
.type2-cta-title{
font-family:
var(--wellness-font-display) !important;
font-style:
normal !important;
font-weight:
400 !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness
> :not(.section-banner__pages)
.f-decor,
.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness
> :not(.section-banner__pages)
.text-decor,
.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness.type2-page--zen-wellness
> :not(.section-banner__pages)
[class*="title-decor"]{
font-family:
var(--wellness-font-script) !important;
font-style:
normal !important;
font-weight:
400 !important;
letter-spacing:
0 !important;
text-transform:
none !important;
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness.type2-page--zen-wellness
.section-why__wellness.type2-why
.title-all
.type2-why-title-decor{
font-family:
var(--wellness-font-script) !important;
font-style:
normal !important;
font-weight:
400 !important;
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness.type2-page--zen-wellness
> :not(.section-banner__pages)
p,
.type2-page--zen-wellness.type2-page--zen-wellness
> :not(.section-banner__pages)
li,
.type2-page--zen-wellness.type2-page--zen-wellness
> :not(.section-banner__pages)
label,
.type2-page--zen-wellness.type2-page--zen-wellness
> :not(.section-banner__pages)
input,
.type2-page--zen-wellness.type2-page--zen-wellness
> :not(.section-banner__pages)
textarea,
.type2-page--zen-wellness.type2-page--zen-wellness
> :not(.section-banner__pages)
select{
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
font-weight:
400 !important;
line-height:
1.65;
color:
var(--wellness-text);
}
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-why-description,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-why-description *,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-audience-description,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-audience-description *,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-programs-description,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-programs-description *,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-benefits-description,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-benefits-description *,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-gallery-description,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-gallery-description *,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-team-description,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-team-description *,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-students__description,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-students__description *,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-feedback__description,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-feedback__description *,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-cta-description,
.type2-page--zen-wellness.type2-page--zen-wellness
.type2-cta-description *{
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
font-weight:
400 !important;
line-height:
1.65;
color:
var(--wellness-text);
}
.type2-page--zen-wellness.type2-page--zen-wellness
> :not(.section-banner__pages)
button,
.type2-page--zen-wellness.type2-page--zen-wellness
> :not(.section-banner__pages)
.btn,
.type2-page--zen-wellness.type2-page--zen-wellness
> :not(.section-banner__pages)
.button,
.type2-page--zen-wellness.type2-page--zen-wellness
> :not(.section-banner__pages)
.nav-link{
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
font-weight:
600 !important;
}
.type2-page--zen-wellness{
--wellness-indigo:
#394C8A;
--wellness-indigo-dark:
#283866;
--wellness-yellow:
#F2C84B;
--wellness-mustard:
#C5A51A;
--wellness-text:
#596176;
--wellness-muted:
#7A8192;
--wellness-white:
#FFFFFF;
--wellness-bg-indigo:
#F2F4FA;
--wellness-bg-yellow:
#FFF8DE;
--wellness-bg-neutral:
#F7F8FB;
--wellness-line:
rgba(
57,
76,
138,
.14
);
--wellness-shadow-sm:
0 6px 18px
rgba(
40,
56,
102,
.06
);
--wellness-shadow-md:
0 12px 30px
rgba(
40,
56,
102,
.08
);
--wellness-radius:
18px;
--wellness-radius-mobile:
14px;
--wellness-radius-pill:
999px;
--wellness-container:
1240px;
--wellness-gutter:
32px;
--wellness-gutter-tablet:
28px;
--wellness-gutter-mobile:
18px;
--wellness-section-space:
80px;
--wellness-section-space-tablet:
64px;
--wellness-section-space-mobile:
48px;
--wellness-space-title-desc:
20px;
--wellness-space-head-content:
44px;
--wellness-motion:
220ms ease;
}
.type2-page--zen-wellness,
.type2-page--zen-wellness *,
.type2-page--zen-wellness *::before,
.type2-page--zen-wellness *::after{
box-sizing: border-box;
}
.type2-page--zen-wellness
> section:not(.section-banner__pages){
padding-top:
var(--wellness-section-space) !important;
padding-bottom:
var(--wellness-section-space) !important;
}
.type2-page--zen-wellness
> section:not(.section-banner__pages)
> .container{
width:
100% !important;
max-width:
var(--wellness-container) !important;
margin-left:
auto !important;
margin-right:
auto !important;
padding-left:
var(--wellness-gutter) !important;
padding-right:
var(--wellness-gutter) !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro{
background:
var(--wellness-white) !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why{
background:
var(--wellness-bg-indigo) !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience{
background:
var(--wellness-bg-yellow) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs{
background:
var(--wellness-white) !important;
}
.type2-page--zen-wellness
.type2-benefits{
background:
var(--wellness-bg-neutral) !important;
}
.type2-page--zen-wellness
.type2-gallery{
background:
var(--wellness-indigo-dark) !important;
}
.type2-page--zen-wellness
.type2-team{
background:
var(--wellness-white) !important;
}
.type2-page--zen-wellness
.type2-students{
background-color:
var(--wellness-bg-indigo) !important;
}
.type2-page--zen-wellness
.type2-feedback__camp{
background:
var(--wellness-white) !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta{
background:
var(--wellness-bg-yellow) !important;
}
.type2-page--zen-wellness
> section:not(.section-banner__pages)
:where(
p,
li
){
color:
var(--wellness-text);
}
.type2-page--zen-wellness
> section:not(.section-banner__pages)
:where(
small,
.meta,
[class$="__meta"],
[class$="-meta"]
){
color:
var(--wellness-muted);
}
.type2-page--zen-wellness
.type2-gallery
:where(
.type2-gallery-title,
.type2-gallery-description,
.type2-gallery-description p
){
color:
#FFFFFF !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-title-decor{
color:
var(--wellness-yellow) !important;
}
.type2-page--zen-wellness
:where(
.zen-wellness-program-showcase,
.type2-team-card,
.type2-student-card__photo,
.type2-student-card__quote,
.type2-feedback__slide,
.form-regis__wellness.type2-cta-form
){
border-radius:
var(--wellness-radius) !important;
}
.type2-page--zen-wellness
:where(
.type2-audience-item__image,
.type2-benefit__image,
.type2-team-card__media,
.type2-feedback__visual
){
border-radius:
var(--wellness-radius) !important;
overflow:
hidden;
}
.type2-page--zen-wellness
:where(
.type2-audience-item__image,
.type2-benefit__image,
.type2-team-card__media,
.type2-feedback__visual
)
img{
border-radius:
inherit;
}
.type2-page--zen-wellness
:where(
.zen-wellness-program-showcase,
.type2-team-card,
.type2-feedback__slide
){
border:
1px solid
var(--wellness-line);
box-shadow:
var(--wellness-shadow-sm);
}
.type2-page--zen-wellness
.form-regis__wellness.type2-cta-form{
border:
1px solid
rgba(
255,
255,
255,
.80
) !important;
background:
rgba(
255,
255,
255,
.68
) !important;
box-shadow:
var(--wellness-shadow-sm);
}
.type2-page--zen-wellness
:where(
.zen-wellness-program-showcase__cta,
.type2-cta-admin-button,
.form-regis__wellness .wpcf7-submit,
.form-regis__wellness input[type="submit"]
){
display:
inline-flex;
align-items:
center;
justify-content:
center;
min-height:
46px;
padding:
10px 24px;
border:
1px solid
var(--wellness-indigo) !important;
border-radius:
var(--wellness-radius-pill) !important;
background:
var(--wellness-indigo) !important;
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
font-weight:
600 !important;
letter-spacing:
0 !important;
text-transform:
none !important;
color:
#FFFFFF !important;
text-decoration:
none !important;
transition:
background var(--wellness-motion),
border-color var(--wellness-motion),
color var(--wellness-motion),
transform var(--wellness-motion),
box-shadow var(--wellness-motion);
}
@media (hover: hover) {
.type2-page--zen-wellness
:where(
.zen-wellness-program-showcase__cta,
.type2-cta-admin-button,
.form-regis__wellness .wpcf7-submit,
.form-regis__wellness input[type="submit"]
):hover{
background:
var(--wellness-indigo-dark) !important;
border-color:
var(--wellness-indigo-dark) !important;
color:
#FFFFFF !important;
transform:
translateY(-2px);
box-shadow:
var(--wellness-shadow-md);
}
}
.type2-page--zen-wellness
.section-banner__pages.type2-hero
.type2-hero-cta
.btn{
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
font-weight:
600 !important;
letter-spacing:
.02em !important;
}
.type2-page--zen-wellness
.type2-programs-tabs
.nav-link,
.type2-page--zen-wellness
.zen-program-floating-tabs__button{
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
font-weight:
600 !important;
color:
var(--wellness-indigo) !important;
transition:
color var(--wellness-motion),
opacity var(--wellness-motion);
}
.type2-page--zen-wellness
.type2-programs-tabs
.nav-link.active,
.type2-page--zen-wellness
.zen-program-floating-tabs__button.is-active{
color:
var(--wellness-indigo-dark) !important;
opacity:
1 !important;
}
.type2-page--zen-wellness
.type2-programs-tabs
.nav-link.active::after,
.type2-page--zen-wellness
.zen-program-floating-tabs__button.is-active::after{
background:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.form-regis__wellness
:where(
input,
textarea,
select,
.select,
.form-control
){
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
color:
var(--wellness-text) !important;
}
.type2-page--zen-wellness
.form-regis__wellness.type2-cta-form
.title{
font-family:
var(--wellness-font-display) !important;
font-style:
normal !important;
font-weight:
400 !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description::before,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description::before,
.type2-page--zen-wellness
.type2-students
.type2-student-card__name-accent,
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-line,
.type2-page--zen-wellness
.endow-wellness.type2-cta
.title-all.type2-cta-title::before{
background-color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-title-decor{
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.endow-content
.head
.price{
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
:where(
a,
button,
.nav-link,
.type2-team-card,
.type2-student-card,
.type2-feedback__slide
){
transition-duration:
220ms;
transition-timing-function:
ease;
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
> section:not(.section-banner__pages){
padding-top:
var(
--wellness-section-space-tablet
) !important;
padding-bottom:
var(
--wellness-section-space-tablet
) !important;
}
.type2-page--zen-wellness
> section:not(.section-banner__pages)
> .container{
padding-left:
var(
--wellness-gutter-tablet
) !important;
padding-right:
var(
--wellness-gutter-tablet
) !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
> section:not(.section-banner__pages){
padding-top:
var(
--wellness-section-space-mobile
) !important;
padding-bottom:
var(
--wellness-section-space-mobile
) !important;
}
.type2-page--zen-wellness
> section:not(.section-banner__pages)
> .container{
padding-left:
var(
--wellness-gutter-mobile
) !important;
padding-right:
var(
--wellness-gutter-mobile
) !important;
}
.type2-page--zen-wellness
:where(
.zen-wellness-program-showcase,
.type2-team-card,
.type2-student-card__photo,
.type2-student-card__quote,
.type2-feedback__slide,
.form-regis__wellness.type2-cta-form,
.type2-audience-item__image,
.type2-benefit__image,
.type2-team-card__media,
.type2-feedback__visual
){
border-radius:
var(
--wellness-radius-mobile
) !important;
}
.type2-page--zen-wellness
:where(
.zen-wellness-program-showcase__cta,
.type2-cta-admin-button,
.form-regis__wellness .wpcf7-submit,
.form-regis__wellness input[type="submit"]
){
min-height:
44px;
padding:
9px 20px;
}
}
.type2-page--zen-wellness
.type2-programs-modern__tab{
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
font-weight:
600 !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.type2-programs-modern__tab-number{
font-family:
var(--wellness-font-body) !important;
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.type2-programs-modern__tab::after{
background:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.type2-programs-modern__tab:hover,
.type2-page--zen-wellness
.type2-programs-modern__tab.is-active{
color:
var(--wellness-indigo-dark) !important;
}
.type2-page--zen-wellness
.zen-wellness-program-showcase__tagline,
.type2-page--zen-wellness
.type2-program-showcase__tagline{
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.zen-wellness-program-showcase__title,
.type2-page--zen-wellness
.type2-program-showcase__title{
font-family:
var(--wellness-font-display) !important;
font-style:
normal !important;
font-weight:
400 !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.zen-wellness-program-showcase__line,
.type2-page--zen-wellness
.type2-program-showcase__line{
background:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.zen-wellness-program-showcase__description,
.type2-page--zen-wellness
.zen-wellness-program-showcase__description *,
.type2-page--zen-wellness
.type2-program-showcase__description,
.type2-page--zen-wellness
.type2-program-showcase__description *{
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
color:
var(--wellness-text) !important;
}
.type2-page--zen-wellness
.zen-wellness-program-showcase__meta-item,
.type2-page--zen-wellness
.type2-program-showcase__meta-item{
font-family:
var(--wellness-font-body) !important;
color:
var(--wellness-text) !important;
}
.type2-page--zen-wellness
.zen-wellness-program-showcase__icon,
.type2-page--zen-wellness
.type2-program-showcase__meta-icon{
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.zen-wellness-program-showcase__label,
.type2-page--zen-wellness
.type2-program-showcase__highlights-label{
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.zen-wellness-program-showcase__label::after{
background:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.zen-wellness-program-showcase__highlights li,
.type2-page--zen-wellness
.type2-program-showcase__highlights li{
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
color:
var(--wellness-text) !important;
}
.type2-page--zen-wellness
.zen-wellness-program-showcase__highlights li::before,
.type2-page--zen-wellness
.type2-program-showcase__highlights li::before{
color:
var(--wellness-mustard) !important;
background-color:
var(--wellness-mustard);
}
.type2-page--zen-wellness
.zen-wellness-program-showcase__description-icon,
.type2-page--zen-wellness
.zen-wellness-program-showcase__description-icon::before,
.type2-page--zen-wellness
.zen-wellness-program-showcase__description-icon::after{
color:
var(--wellness-mustard) !important;
border-color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.zen-wellness-program-showcase__description-icon::after{
background:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.zen-wellness-program-showcase__cta,
.type2-page--zen-wellness
.type2-program-showcase__cta{
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
color:
var(--wellness-indigo) !important;
}
@media (hover: hover) {
.type2-page--zen-wellness
.zen-wellness-program-showcase__cta:hover,
.type2-page--zen-wellness
.type2-program-showcase__cta:hover{
color:
var(--wellness-indigo-dark) !important;
}
}
.type2-page--zen-wellness
.type2-programs-tabs
.nav-link,
.type2-page--zen-wellness
.zen-program-floating-tabs__button{
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.type2-programs-tabs
.nav-link.active,
.type2-page--zen-wellness
.zen-program-floating-tabs__button.is-active{
color:
var(--wellness-indigo-dark) !important;
}
.type2-page--zen-wellness
.type2-programs-tabs
.nav-link.active::after,
.type2-page--zen-wellness
.zen-program-floating-tabs__button.is-active::after{
background:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__title,
.type2-page--zen-wellness
.type2-benefits
[class*="benefit"][class$="__title"]{
font-family:
var(--wellness-font-display) !important;
font-style:
normal !important;
font-weight:
400 !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__description,
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__description *{
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
color:
var(--wellness-text) !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-title-decor{
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__name{
font-family:
var(--wellness-font-display) !important;
font-style:
normal !important;
font-weight:
400 !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.type2-team
.type2-team-card__role,
.type2-page--zen-wellness
.type2-team
.type2-team-card__subject{
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
color:
var(--wellness-text) !important;
}
.type2-page--zen-wellness
.type2-team
.type2-team-title-decor{
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__name,
.type2-page--zen-wellness
.type2-students
.type2-student-card__name-text{
font-family:
var(--wellness-font-display) !important;
font-style:
normal !important;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-text{
font-family:
var(--wellness-font-body) !important;
color:
var(--wellness-text) !important;
}
.type2-page--zen-wellness
.type2-students
.type2-students__title-decor,
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-mark{
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.type2-students
.type2-student-card__name-accent,
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-line{
background:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__title-decor{
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__pagination
.swiper-pagination-bullet-active{
background:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-title-decor{
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.endow-content
.head
.price{
font-family:
var(--wellness-font-display) !important;
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-item__title{
font-family:
var(--wellness-font-display) !important;
font-style:
normal !important;
font-weight:
400 !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-item__description{
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
color:
var(--wellness-text) !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness.type2-cta-form
.title{
font-family:
var(--wellness-font-display) !important;
font-style:
normal !important;
font-weight:
400 !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness.type2-cta-form
:where(
input,
textarea,
select,
.select,
option,
.current,
.selected,
.select2-selection__rendered
){
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
color:
var(--wellness-text) !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness.type2-cta-form
input::placeholder,
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness.type2-cta-form
textarea::placeholder{
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
color:
var(--wellness-muted) !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness
input[type="submit"],
.type2-page--zen-wellness
.endow-wellness.type2-cta
.form-regis__wellness
.wpcf7-submit{
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
background:
var(--wellness-indigo) !important;
border-color:
var(--wellness-indigo) !important;
color:
#FFFFFF !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-admin-button{
font-family:
var(--wellness-font-body) !important;
font-style:
normal !important;
color:
var(--wellness-indigo) !important;
}
@media (hover: hover) {
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-admin-button:hover{
color:
var(--wellness-indigo-dark) !important;
}
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description::before,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description::before{
background-color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__title::before{
background:
var(--wellness-mustard) !important;
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.type2-programs-tabs
.nav-link,
.type2-page--zen-wellness
.zen-program-floating-tabs__button{
font-family:
var(--wellness-font-body) !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.type2-programs-tabs
.nav-link.active,
.type2-page--zen-wellness
.zen-program-floating-tabs__button.is-active{
color:
var(--wellness-indigo-dark) !important;
}
.type2-page--zen-wellness
.type2-programs-tabs
.nav-link.active::after,
.type2-page--zen-wellness
.zen-program-floating-tabs__button.is-active::after{
background:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.zen-wellness-program-showcase__tagline,
.type2-page--zen-wellness
.zen-wellness-program-showcase__icon{
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.zen-wellness-program-showcase__title{
font-family:
var(--wellness-font-display) !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.zen-wellness-program-showcase__description,
.type2-page--zen-wellness
.zen-wellness-program-showcase__meta-item,
.type2-page--zen-wellness
.zen-wellness-program-showcase__highlights li{
font-family:
var(--wellness-font-body) !important;
color:
var(--wellness-text) !important;
}
.type2-page--zen-wellness
.zen-wellness-program-showcase__label{
font-family:
var(--wellness-font-body) !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.zen-wellness-program-showcase__cta{
font-family:
var(--wellness-font-body) !important;
color:
var(--wellness-indigo) !important;
}
}
.type2-page--zen-wellness
> section:not(.section-banner__pages)
:where(
.text-decor,
.f-decor,
[class*="title-decor"]
){
font-family:
var(--wellness-font-script) !important;
font-size:
40px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1 !important;
letter-spacing:
0 !important;
text-transform:
none !important;
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-title-decor,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title-decor,
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-title-decor,
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-title-decor,
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-title-decor,
.type2-page--zen-wellness
.type2-team
.type2-team-title-decor,
.type2-page--zen-wellness
.type2-students
.type2-students__title-decor,
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__title-decor,
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-title-decor{
font-family:
var(--wellness-font-script) !important;
font-size:
40px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1 !important;
letter-spacing:
0 !important;
text-transform:
none !important;
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
:where(
.zen-wellness-program-showcase__line,
.type2-program-showcase__line,
.zen-wellness-program-showcase__label::after,
.type2-programs-modern__tab::after,
.type2-programs-tabs .nav-link.active::after,
.zen-program-floating-tabs__button.is-active::after
){
background:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
:where(
.type2-why-description::before,
.type2-audience-description::before,
.type2-audience-item__title::before,
.type2-student-card__name-accent,
.type2-student-card__quote-line
){
background-color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.zen-wellness-program-showcase__tagline,
.type2-page--zen-wellness
.type2-program-showcase__tagline,
.type2-page--zen-wellness
.zen-wellness-program-showcase__icon,
.type2-page--zen-wellness
.type2-program-showcase__meta-icon,
.type2-page--zen-wellness
.zen-wellness-program-showcase__highlights li::before,
.type2-page--zen-wellness
.type2-program-showcase__highlights li::before,
.type2-page--zen-wellness
.type2-programs-modern__tab-number{
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.endow-wellness.type2-cta
.endow-content
.head
.price,
.type2-page--zen-wellness
.type2-students
.type2-student-card__quote-mark,
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__title-decor{
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.image-before img,
.type2-page--zen-wellness
.image-after img,
.type2-page--zen-wellness
.section-connect
.image-before img,
.type2-page--zen-wellness
.section-connect
.image-after img{
filter:
brightness(0)
saturate(100%)
invert(70%)
sepia(73%)
saturate(783%)
hue-rotate(4deg)
brightness(91%)
contrast(88%) !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description::before,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description::before{
background-color:
var(--wellness-mustard) !important;
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
> section:not(.section-banner__pages)
:where(
.text-decor,
.f-decor,
[class*="title-decor"]
),
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-title-decor,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title-decor,
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-title-decor,
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-title-decor,
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-title-decor,
.type2-page--zen-wellness
.type2-team
.type2-team-title-decor,
.type2-page--zen-wellness
.type2-students
.type2-students__title-decor,
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__title-decor,
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-title-decor{
font-size:
34px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
> section:not(.section-banner__pages)
:where(
.text-decor,
.f-decor,
[class*="title-decor"]
),
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-title-decor,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title-decor,
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-title-decor,
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-title-decor,
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-title-decor,
.type2-page--zen-wellness
.type2-team
.type2-team-title-decor,
.type2-page--zen-wellness
.type2-students
.type2-students__title-decor,
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__title-decor,
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-title-decor{
font-size:
30px !important;
}
}
.type2-page--zen-wellness{
--wellness-mustard:
#C5A51A;
}
.type2-page--zen-wellness
> section:not(.section-banner__pages)
:where(
.text-decor,
.f-decor,
[class*="title-decor"]
){
color:
#C5A51A !important;
}
.type2-page--zen-wellness
:where(
.type2-programs-modern__tab-number,
.zen-wellness-program-showcase__tagline,
.type2-program-showcase__tagline,
.zen-wellness-program-showcase__icon,
.type2-program-showcase__meta-icon,
.type2-student-card__quote-mark
){
color:
#C5A51A !important;
}
.type2-page--zen-wellness
:where(
.zen-wellness-program-showcase__line,
.type2-program-showcase__line,
.zen-wellness-program-showcase__label::after,
.type2-programs-modern__tab::after,
.type2-programs-tabs .nav-link.active::after,
.zen-program-floating-tabs__button.is-active::after,
.type2-student-card__name-accent,
.type2-student-card__quote-line
){
background-color:
#C5A51A !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description::before,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description::before,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__title::before{
background-color:
#C5A51A !important;
}
.type2-page--zen-wellness
.image-before img,
.type2-page--zen-wellness
.image-after img,
.type2-page--zen-wellness
.section-connect
.image-before img,
.type2-page--zen-wellness
.section-connect
.image-after img{
filter:
brightness(0)
saturate(100%)
invert(63%)
sepia(61%)
saturate(914%)
hue-rotate(9deg)
brightness(92%)
contrast(88%) !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro{
position:
relative;
overflow:
hidden;
background:
var(--wellness-white) !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
> .container:not(.type2-intro-highlights-wrap){
width:
100% !important;
max-width:
var(--wellness-container) !important;
margin-left:
auto !important;
margin-right:
auto !important;
padding-left:
var(--wellness-gutter) !important;
padding-right:
var(--wellness-gutter) !important;
position:
relative;
z-index:
2;
}
@media (min-width: 992px) {
.type2-page--zen-wellness
.intro-wellness.type2-intro
> .container:not(.type2-intro-highlights-wrap)
> .row{
display:
grid;
grid-template-columns:
minmax(0, 44fr)
minmax(0, 56fr);
align-items:
center;
column-gap:
64px;
margin-left:
0 !important;
margin-right:
0 !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
> .container:not(.type2-intro-highlights-wrap)
> .row
> [class*="col-"]{
width:
auto !important;
max-width:
none !important;
flex:
none !important;
padding-left:
0 !important;
padding-right:
0 !important;
}
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image{
position:
relative;
width:
100% !important;
max-width:
none !important;
height:
auto !important;
margin:
0 !important;
transform:
none !important;
padding:
18px;
border-radius:
var(--wellness-radius);
background:
linear-gradient(
145deg,
var(--wellness-bg-yellow),
var(--wellness-bg-indigo)
);
overflow:
visible;
isolation:
isolate;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image::before{
content:
"";
position:
absolute;
left:
-24px;
bottom:
-24px;
width:
54%;
height:
44%;
border-radius:
42% 58% 58% 42% / 58% 42% 58% 42%;
background:
rgba(
57,
76,
138,
.08
);
z-index:
-1;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image::after{
content:
"";
position:
absolute;
right:
-16px;
top:
34px;
width:
96px;
height:
96px;
border-radius:
50%;
background:
rgba(
242,
200,
75,
.18
);
z-index:
-1;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image
img{
display:
block;
width:
100% !important;
height:
auto !important;
max-height:
440px;
object-fit:
contain;
object-position:
center;
border-radius:
calc(
var(--wellness-radius)
- 4px
);
position:
relative;
z-index:
1;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.module-content{
padding-left:
0 !important;
max-width:
660px;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.head-joy__wellness
.title-all{
margin:
0 0 14px !important;
font-family:
var(--wellness-font-body) !important;
font-size:
13px !important;
font-weight:
700 !important;
line-height:
1.35 !important;
letter-spacing:
.12em !important;
text-transform:
uppercase;
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all{
display:
flex;
align-items:
baseline;
flex-wrap:
wrap;
gap:
8px 14px;
margin:
0 !important;
padding:
0 !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all
.title{
flex:
0 1 auto !important;
max-width:
100% !important;
white-space:
normal !important;
margin:
0 !important;
font-family:
var(--wellness-font-display) !important;
font-size:
34px !important;
font-weight:
400 !important;
line-height:
1.14 !important;
letter-spacing:
-.015em !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all
.text-decor,
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all
.f-decor{
width:
auto !important;
flex:
0 0 auto !important;
margin:
0 !important;
transform:
translateY(4px);
font-family:
var(--wellness-font-script) !important;
font-size:
40px !important;
font-weight:
400 !important;
line-height:
1 !important;
color:
var(--wellness-mustard) !important;
text-align:
left !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.head-joy__wellness{
margin-bottom:
24px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.module-content
> .s-content{
max-width:
620px;
padding-right:
0 !important;
margin:
0 !important;
font-family:
var(--wellness-font-body) !important;
font-size:
17px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.72 !important;
color:
var(--wellness-text) !important;
text-align:
left !important;
text-align-last:
left !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.module-content
> .s-content
p:last-child{
margin-bottom:
0;
}
@media (min-width: 992px) {
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-decor{
display:
block !important;
position:
absolute;
top:
0;
right:
-40px;
width:
min(
460px,
34vw
);
height:
auto;
max-width:
none;
opacity:
.46;
overflow:
visible;
pointer-events:
none;
z-index:
1;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-decor__img{
display:
block;
width:
100%;
height:
auto;
object-fit:
contain;
transform:
none !important;
filter:
none !important;
}
}
@media (max-width: 991px) {
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-decor{
display:
none !important;
}
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
> .type2-intro-highlights-wrap{
width:
100% !important;
max-width:
var(--wellness-container) !important;
margin-left:
auto !important;
margin-right:
auto !important;
padding-left:
var(--wellness-gutter) !important;
padding-right:
var(--wellness-gutter) !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlights{
display:
grid;
grid-template-columns:
repeat(
var(--type2-intro-highlight-cols, 5),
minmax(0, 1fr)
);
width:
100%;
margin-top:
56px !important;
column-gap:
0 !important;
row-gap:
0 !important;
border:
1px solid
var(--wellness-line);
border-radius:
var(--wellness-radius);
background:
var(--wellness-white);
box-shadow:
var(--wellness-shadow-sm);
overflow:
hidden;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight{
position:
relative;
width:
100% !important;
min-width:
0;
margin:
0 !important;
padding:
26px 20px 24px;
text-align:
center;
background:
transparent;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight:not(:last-child)::after{
content:
"";
position:
absolute;
top:
24px;
right:
0;
bottom:
24px;
width:
1px;
background:
var(--wellness-line);
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__icon{
display:
flex;
align-items:
center;
justify-content:
center;
width:
72px !important;
height:
72px !important;
margin:
0 auto 14px !important;
padding:
8px;
border-radius:
50%;
background:
var(--wellness-bg-yellow);
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__icon
img{
display:
block;
width:
100% !important;
height:
100% !important;
object-fit:
contain;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__title{
margin:
0 0 7px !important;
font-family:
var(--wellness-font-display) !important;
font-size:
17px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.3 !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__content,
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__content *{
font-family:
var(--wellness-font-body) !important;
font-size:
14px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.5 !important;
color:
var(--wellness-text) !important;
text-align:
center !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__content
p{
margin:
0 !important;
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.intro-wellness.type2-intro
> .container:not(.type2-intro-highlights-wrap){
padding-left:
var(--wellness-gutter-tablet) !important;
padding-right:
var(--wellness-gutter-tablet) !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
> .container:not(.type2-intro-highlights-wrap)
> .row{
display:
flex;
flex-direction:
column;
gap:
36px;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image{
width:
min(
620px,
82%
) !important;
margin-left:
auto !important;
margin-right:
auto !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.module-content{
max-width:
720px;
margin-left:
auto;
margin-right:
auto;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all
.title{
font-size:
30px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all
.text-decor,
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all
.f-decor{
font-size:
34px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
> .type2-intro-highlights-wrap{
padding-left:
var(--wellness-gutter-tablet) !important;
padding-right:
var(--wellness-gutter-tablet) !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlights{
grid-template-columns:
repeat(
6,
minmax(0, 1fr)
);
border:
0;
background:
transparent;
box-shadow:
none;
overflow:
visible;
gap:
16px;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight{
grid-column:
span 2;
padding:
22px 18px;
border:
1px solid
var(--wellness-line);
border-radius:
var(--wellness-radius-mobile);
background:
var(--wellness-white);
box-shadow:
var(--wellness-shadow-sm);
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight::after{
display:
none;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight:nth-last-child(2):nth-child(3n + 1){
grid-column:
2 / span 2;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight:last-child:nth-child(3n + 1){
grid-column:
3 / span 2;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.intro-wellness.type2-intro
> .container:not(.type2-intro-highlights-wrap),
.type2-page--zen-wellness
.intro-wellness.type2-intro
> .type2-intro-highlights-wrap{
padding-left:
var(--wellness-gutter-mobile) !important;
padding-right:
var(--wellness-gutter-mobile) !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
> .container:not(.type2-intro-highlights-wrap)
> .row{
display:
flex;
flex-direction:
column;
gap:
28px;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image{
width:
82% !important;
max-width:
360px !important;
margin:
0 auto !important;
padding:
12px;
border-radius:
var(--wellness-radius-mobile);
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image::before{
left:
-12px;
bottom:
-14px;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image::after{
width:
64px;
height:
64px;
right:
-8px;
top:
24px;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.module-content{
width:
100%;
max-width:
none;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.head-joy__wellness{
margin-bottom:
18px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.head-joy__wellness
.title-all{
font-size:
11px !important;
margin-bottom:
10px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all{
margin-top:
0 !important;
display:
flex;
align-items:
baseline;
flex-wrap:
wrap;
gap:
4px 8px;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all
.title{
font-size:
24px !important;
line-height:
1.18 !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all
.text-decor,
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all
.f-decor{
width:
auto !important;
flex:
0 0 auto !important;
margin:
0 !important;
transform:
translateY(2px);
font-size:
30px !important;
text-align:
left !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.module-content
> .s-content{
font-size:
15px !important;
line-height:
1.65 !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlights{
grid-template-columns:
repeat(
2,
minmax(0, 1fr)
);
gap:
12px;
margin-top:
34px !important;
border:
0;
border-radius:
0;
background:
transparent;
box-shadow:
none;
overflow:
visible;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight{
grid-column:
auto !important;
padding:
18px 12px;
border:
1px solid
var(--wellness-line);
border-radius:
var(--wellness-radius-mobile);
background:
var(--wellness-white);
box-shadow:
none;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight::after{
display:
none;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight:last-child:nth-child(odd){
grid-column:
1 / -1 !important;
width:
calc(50% - 6px) !important;
justify-self:
center;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__icon{
width:
58px !important;
height:
58px !important;
margin-bottom:
10px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__title{
font-size:
15px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__content,
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__content *{
font-size:
13px !important;
}
}
@media (min-width: 992px) {
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image{
width:
92% !important;
margin-left:
auto !important;
margin-right:
auto !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image
img{
max-height:
405px;
}
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.head-joy__wellness{
margin-bottom:
30px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlights{
border-color:
rgba(
57,
76,
138,
.10
) !important;
box-shadow:
0 8px 22px
rgba(
40,
56,
102,
.045
) !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight:not(:last-child)::after{
background:
rgba(
57,
76,
138,
.10
) !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__icon{
background:
rgba(
242,
200,
75,
.14
) !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__title{
font-size:
16px !important;
font-weight:
400 !important;
line-height:
1.35 !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__content,
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__content *{
color:
rgba(
89,
97,
118,
.92
) !important;
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.intro-wellness.type2-intro
.head-joy__wellness{
margin-bottom:
26px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__title{
font-size:
16px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.intro-wellness.type2-intro
.head-joy__wellness{
margin-bottom:
22px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__icon{
background:
rgba(
242,
200,
75,
.13
) !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-highlight__title{
font-size:
14px !important;
}
}
@media (min-width: 992px) {
.type2-page--zen-wellness
.intro-wellness.type2-intro{
padding-bottom: 28px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image{
position: relative !important;
transform: translateY(34px) !important;
width: 88% !important;
margin-left: auto !important;
margin-right: auto !important;
border-radius: 32px !important;
overflow: hidden !important;
box-shadow: 0 18px 42px rgba(35, 45, 85, 0.08) !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image img{
display: block !important;
width: 100% !important;
height: auto !important;
border-radius: 24px !important;
object-fit: cover !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image::before{
border-radius: 36px !important;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image{
transform: translateY(20px) !important;
width: 92% !important;
border-radius: 28px !important;
overflow: hidden !important;
box-shadow: 0 14px 30px rgba(35, 45, 85, 0.07) !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image img{
border-radius: 22px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image{
transform: translateY(10px) !important;
width: 100% !important;
border-radius: 22px !important;
overflow: hidden !important;
box-shadow: 0 10px 20px rgba(35, 45, 85, 0.06) !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image img{
border-radius: 18px !important;
}
}
.type2-page--zen-wellness
.section-why__wellness.type2-why{
position:
relative;
overflow:
visible;
padding-top:
82px !important;
padding-bottom:
78px !important;
background:
var(--wellness-bg-indigo) !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
> .container{
width:
100% !important;
max-width:
var(--wellness-container) !important;
margin-left:
auto !important;
margin-right:
auto !important;
padding-left:
var(--wellness-gutter) !important;
padding-right:
var(--wellness-gutter) !important;
position:
relative;
z-index:
2;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.title-all{
display:
flex;
align-items:
baseline;
flex-wrap:
wrap;
gap:
8px 14px;
margin:
0 0 20px !important;
padding:
0 !important;
text-align:
left !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.title-all
.type2-why-title{
margin:
0 !important;
font-family:
var(--wellness-font-display) !important;
font-size:
32px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.14 !important;
letter-spacing:
-.015em !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.title-all
.type2-why-title-decor{
display:
inline-block;
margin:
0 !important;
transform:
translateY(3px) !important;
font-family:
var(--wellness-font-script) !important;
font-size:
40px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1 !important;
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description{
position:
relative;
max-width:
650px !important;
margin:
0 0 40px !important;
padding-left:
30px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description,
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description *{
font-family:
var(--wellness-font-body) !important;
font-size:
16px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.7 !important;
color:
var(--wellness-text) !important;
text-align:
left !important;
text-align-last:
left !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description::before{
top:
4px !important;
left:
0 !important;
width:
18px !important;
height:
18px !important;
background-color:
var(--wellness-mustard) !important;
opacity:
.82;
}
@media (min-width: 992px) {
.type2-page--zen-wellness
.section-why__wellness.type2-why
> .container
> .row{
align-items:
center;
margin-left:
-16px;
margin-right:
-16px;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
> .container
> .row
> [class*="col-"]{
padding-left:
16px;
padding-right:
16px;
}
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-items{
position:
relative;
max-width:
690px;
margin:
0 !important;
padding:
4px 0 4px 0 !important;
list-style:
none;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-items::before{
content:
"";
position:
absolute;
top:
16px;
bottom:
18px;
left:
8px;
width:
1px;
background:
rgba(
57,
76,
138,
.16
);
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item{
position:
relative;
margin:
0 !important;
padding:
0 0 27px 38px !important;
text-align:
left !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item:last-child{
padding-bottom:
0 !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item::before{
content:
"" !important;
position:
absolute;
top:
5px !important;
left:
0 !important;
width:
17px !important;
height:
17px !important;
border:
4px solid
var(--wellness-bg-indigo);
border-radius:
50%;
background:
var(--wellness-mustard) !important;
box-shadow:
0 0 0 1px
rgba(
57,
76,
138,
.16
);
transform:
none !important;
z-index:
2;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item__title{
margin:
0 0 6px !important;
font-family:
var(--wellness-font-display) !important;
font-size:
18px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.35 !important;
color:
var(--wellness-indigo) !important;
text-align:
left !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item__content,
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item__content *{
font-family:
var(--wellness-font-body) !important;
font-size:
15px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.65 !important;
color:
var(--wellness-text) !important;
text-align:
left !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item__content
p{
margin:
0 !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-image{
position:
relative;
width:
92%;
max-width:
440px !important;
margin:
0 0 0 auto !important;
padding:
20px;
border:
1px solid
rgba(
57,
76,
138,
.10
);
border-radius:
30px;
background:
rgba(
255,
255,
255,
.60
);
box-shadow:
0 14px 34px
rgba(
40,
56,
102,
.055
);
overflow:
visible;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-image::before{
content:
"";
position:
absolute;
top:
-22px;
right:
-18px;
width:
110px;
height:
110px;
border-radius:
50%;
background:
rgba(
242,
200,
75,
.15
);
z-index:
-1;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-image::after{
content:
"";
position:
absolute;
left:
-26px;
bottom:
-24px;
width:
150px;
height:
115px;
border-radius:
48% 52% 60% 40% / 55% 44% 56% 45%;
background:
rgba(
57,
76,
138,
.07
);
z-index:
-1;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-image
img{
display:
block;
width:
100% !important;
height:
auto !important;
margin:
0;
border-radius:
22px;
object-fit:
contain;
}
@media (min-width: 992px) {
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-decor{
top:
54px !important;
right:
20px !important;
width:
clamp(
110px,
10vw,
180px
) !important;
max-width:
none !important;
opacity:
.22;
z-index:
1 !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-decor__img{
display:
block;
width:
100%;
height:
auto;
transform:
none !important;
filter:
brightness(0)
saturate(100%)
invert(59%)
sepia(45%)
saturate(1096%)
hue-rotate(10deg)
brightness(91%)
contrast(89%);
}
}
.type2-page--zen-wellness
.section-why__wellness.type2-why::before{
content:
"";
position:
absolute;
left:
50%;
top:
-29px;
width:
330px;
height:
52px;
transform:
translateX(-50%);
background-repeat:
no-repeat;
background-size:
contain;
background-position:
center;
background-image:
url("data:image/svg+xml;utf8,\
") !important;
opacity:
1 !important;
pointer-events:
none;
z-index:
3;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why::after{
content:
"";
position:
absolute;
left:
50%;
bottom:
-17px;
width:
180px;
height:
44px;
transform:
translateX(-50%);
background-repeat:
no-repeat;
background-position:
center;
background-size:
contain;
background-image:
url("data:image/svg+xml;utf8,\
") !important;
pointer-events:
none;
z-index:
4;
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.section-why__wellness.type2-why{
padding-top:
64px !important;
padding-bottom:
64px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
> .container{
padding-left:
var(--wellness-gutter-tablet) !important;
padding-right:
var(--wellness-gutter-tablet) !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-title{
font-size:
28px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-title-decor{
font-size:
34px !important;
transform:
translateY(2px) !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description{
margin-bottom:
34px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-image{
width:
min(
470px,
78%
);
margin:
38px auto 0 !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why::before{
width:
270px;
height:
44px;
top:
-24px;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.section-why__wellness.type2-why{
padding-top:
50px !important;
padding-bottom:
50px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
> .container{
padding-left:
var(--wellness-gutter-mobile) !important;
padding-right:
var(--wellness-gutter-mobile) !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.title-all{
gap:
4px 8px;
margin-bottom:
18px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-title{
font-size:
24px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-title-decor{
font-size:
30px !important;
transform:
translateY(2px) !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description{
max-width:
none !important;
margin-bottom:
30px !important;
padding-left:
26px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description,
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description *{
font-size:
15px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-items{
padding-left:
0 !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-items::before{
left:
7px;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item{
padding:
0 0 23px 34px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item::before{
top:
4px !important;
width:
15px !important;
height:
15px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item__title{
font-size:
16px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item__content,
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item__content *{
font-size:
14px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-image{
width:
88%;
max-width:
360px !important;
margin:
32px auto 0 !important;
padding:
14px;
border-radius:
22px;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-image
img{
border-radius:
16px;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why::before{
width:
205px;
height:
36px;
top:
-18px;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why::after{
width:
120px;
height:
30px;
bottom:
-12px;
}
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description{
margin-bottom:
44px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description,
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description *{
line-height:
1.74 !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-items::before{
background:
rgba(
57,
76,
138,
.22
) !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item{
padding-bottom:
32px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item:last-child{
padding-bottom:
0 !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item__title{
margin-bottom:
8px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item__content,
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item__content *{
line-height:
1.68 !important;
}
@media (min-width: 992px) {
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-image{
width:
100% !important;
max-width:
480px !important;
margin:
-10px 0 0 auto !important;
padding:
16px !important;
border:
1px solid
rgba(
57,
76,
138,
.07
) !important;
border-radius:
34px !important;
background:
rgba(
255,
255,
255,
.46
) !important;
box-shadow:
0 10px 28px
rgba(
40,
56,
102,
.035
) !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-image
img{
border-radius:
26px !important;
}
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-image::before{
width:
104px !important;
height:
104px !important;
background:
rgba(
242,
200,
75,
.12
) !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-image::after{
background:
rgba(
57,
76,
138,
.055
) !important;
}
@media (min-width: 992px) {
.type2-page--zen-wellness
.section-why__wellness.type2-why
> .container
> .row
> .col-12.col-lg-5{
display:
flex;
align-items:
center;
justify-content:
flex-end;
}
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item{
padding-bottom:
28px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-image{
width:
min(
500px,
82%
) !important;
padding:
16px !important;
border:
1px solid
rgba(
57,
76,
138,
.07
) !important;
background:
rgba(
255,
255,
255,
.46
) !important;
box-shadow:
0 8px 22px
rgba(
40,
56,
102,
.03
) !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description{
margin-bottom:
28px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-item{
padding-bottom:
24px !important;
}
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-image{
width:
92% !important;
padding:
12px !important;
border:
1px solid
rgba(
57,
76,
138,
.06
) !important;
background:
rgba(
255,
255,
255,
.44
) !important;
box-shadow:
none !important;
}
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience{
position:
relative;
overflow:
hidden;
padding-top:
82px !important;
padding-bottom:
82px !important;
background:
var(--wellness-bg-yellow) !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
> .container{
width:
100% !important;
max-width:
var(--wellness-container) !important;
margin-left:
auto !important;
margin-right:
auto !important;
padding-left:
var(--wellness-gutter) !important;
padding-right:
var(--wellness-gutter) !important;
position:
relative;
z-index:
2;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow{
display:
grid;
grid-template-columns:
minmax(250px, .82fr)
minmax(0, 1.18fr);
column-gap:
56px;
align-items:
start;
margin-bottom:
52px;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title{
margin:
0 !important;
font-family:
var(--wellness-font-display) !important;
font-size:
34px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.12 !important;
letter-spacing:
-.015em !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-main-group{
max-width:
660px;
padding-top:
3px;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title-decor{
margin:
0 0 20px !important;
font-family:
var(--wellness-font-script) !important;
font-size:
40px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1 !important;
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description{
position:
relative;
max-width:
620px;
margin:
0 !important;
padding-left:
31px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description *{
font-family:
var(--wellness-font-body) !important;
font-size:
16px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.7 !important;
color:
var(--wellness-text) !important;
text-align:
left !important;
text-align-last:
left !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description::before{
top:
4px !important;
left:
0 !important;
width:
19px !important;
height:
19px !important;
background-color:
var(--wellness-mustard) !important;
opacity:
.84;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
:where(
.type2-audience-items,
.advantages-list,
.row
){
position:
relative;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
:where(
.type2-audience-item,
.item-advantages__wellness
){
position:
relative;
background:
transparent !important;
border:
0 !important;
box-shadow:
none !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
:where(
.type2-audience-item__image,
.item-advantages__wellness .image
){
position:
relative;
overflow:
hidden;
border-radius:
26px !important;
background:
rgba(
255,
255,
255,
.52
);
box-shadow:
0 10px 26px
rgba(
40,
56,
102,
.045
);
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
:where(
.type2-audience-item__image,
.item-advantages__wellness .image
)
img{
display:
block;
width:
100% !important;
height:
100% !important;
object-fit:
cover !important;
border-radius:
inherit;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
:where(
.type2-audience-item__content,
.advantages-content
){
position:
relative;
padding-top:
18px;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__title,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.item-advantages__wellness
:where(
.title,
.item-title
){
position:
relative;
margin:
0 0 9px !important;
padding-left:
22px;
font-family:
var(--wellness-font-display) !important;
font-size:
18px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.35 !important;
color:
var(--wellness-indigo) !important;
text-align:
left !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__title::before{
content:
"";
position:
absolute;
top:
.47em;
left:
0;
width:
8px;
height:
8px;
border-radius:
50%;
background:
var(--wellness-mustard) !important;
box-shadow:
0 0 0 5px
rgba(
197,
165,
26,
.09
);
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
:where(
.type2-audience-item__description,
.type2-audience-item__content,
.type2-audience-item__content *,
.item-advantages__wellness .s-content,
.item-advantages__wellness .s-content *
){
font-family:
var(--wellness-font-body) !important;
font-size:
15px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.65 !important;
color:
var(--wellness-text) !important;
text-align:
left !important;
}
@media (min-width: 992px) {
.type2-page--zen-wellness
.advantages-wellness.type2-audience
:where(
.type2-audience-item,
.item-advantages__wellness
):nth-child(2n){
transform:
translateY(24px);
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
:where(
.type2-audience-item,
.item-advantages__wellness
):nth-child(3n){
transform:
translateY(8px);
}
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience::before{
content:
"";
position:
absolute;
width:
280px;
height:
280px;
left:
-120px;
top:
110px;
border-radius:
50%;
background:
rgba(
57,
76,
138,
.045
);
pointer-events:
none;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience::after{
content:
"";
position:
absolute;
width:
190px;
height:
190px;
right:
-70px;
bottom:
50px;
border-radius:
50%;
background:
rgba(
242,
200,
75,
.15
);
pointer-events:
none;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.title-all::before,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.title-all::after{
opacity:
.14 !important;
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.advantages-wellness.type2-audience{
padding-top:
64px !important;
padding-bottom:
64px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
> .container{
padding-left:
var(--wellness-gutter-tablet) !important;
padding-right:
var(--wellness-gutter-tablet) !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow{
grid-template-columns:
1fr;
row-gap:
14px;
margin-bottom:
40px;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title{
font-size:
30px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title-decor{
margin-bottom:
17px !important;
font-size:
34px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-main-group{
max-width:
700px;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
:where(
.type2-audience-item,
.item-advantages__wellness
){
transform:
none !important;
margin-bottom:
28px;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
:where(
.type2-audience-item__image,
.item-advantages__wellness .image
){
border-radius:
22px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.advantages-wellness.type2-audience{
padding-top:
50px !important;
padding-bottom:
50px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
> .container{
padding-left:
var(--wellness-gutter-mobile) !important;
padding-right:
var(--wellness-gutter-mobile) !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow{
display:
block;
margin-bottom:
32px;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title{
margin-bottom:
5px !important;
font-size:
24px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title-decor{
margin-bottom:
18px !important;
font-size:
30px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description{
padding-left:
26px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description *{
font-size:
15px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
:where(
.type2-audience-item,
.item-advantages__wellness
){
transform:
none !important;
margin-bottom:
30px;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
:where(
.type2-audience-item__image,
.item-advantages__wellness .image
){
border-radius:
18px !important;
box-shadow:
0 6px 18px
rgba(
40,
56,
102,
.035
);
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__title,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.item-advantages__wellness
:where(
.title,
.item-title
){
font-size:
16px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience::before{
width:
170px;
height:
170px;
left:
-100px;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience::after{
width:
130px;
height:
130px;
right:
-80px;
}
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow{
display:
block !important;
margin-bottom:
42px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title{
display:
inline-block;
vertical-align:
baseline;
margin:
0 14px 0 0 !important;
font-family:
var(--wellness-font-display) !important;
font-size:
34px !important;
font-weight:
400 !important;
line-height:
1.12 !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-main-group{
display:
inline;
max-width:
none !important;
padding-top:
0 !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title-decor{
display:
inline-block;
vertical-align:
baseline;
margin:
0 !important;
transform:
translateY(3px);
font-family:
var(--wellness-font-script) !important;
font-size:
40px !important;
font-weight:
400 !important;
line-height:
1 !important;
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description{
display:
block;
width:
100% !important;
max-width:
690px !important;
margin:
22px 0 0 !important;
padding-left:
31px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description *{
font-size:
16px !important;
line-height:
1.7 !important;
text-align:
left !important;
text-align-last:
left !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
:where(
.type2-audience-items,
.advantages-list
){
margin-top:
0 !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow
+ .row,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow
+ .type2-audience-items,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow
+ .advantages-list{
margin-top:
0 !important;
}
@media (min-width: 992px) {
.type2-page--zen-wellness
.advantages-wellness.type2-audience
:where(
.type2-audience-item,
.item-advantages__wellness
){
transform:
none !important;
}
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow{
margin-bottom:
36px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title{
font-size:
30px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title-decor{
font-size:
34px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description{
max-width:
660px !important;
margin-top:
18px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow{
margin-bottom:
30px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title{
display:
inline;
margin-right:
8px !important;
font-size:
24px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-main-group{
display:
inline;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title-decor{
display:
inline;
font-size:
30px !important;
transform:
none;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description{
width:
100% !important;
max-width:
none !important;
margin-top:
17px !important;
padding-left:
26px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description *{
font-size:
15px !important;
}
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description{
max-width:
800px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow{
margin-bottom:
52px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__title,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.item-advantages__wellness
:where(
.title,
.item-title
){
font-size:
17px !important;
font-weight:
400 !important;
line-height:
1.38 !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
:where(
.type2-audience-item__description,
.type2-audience-item__content,
.type2-audience-item__content *,
.item-advantages__wellness .s-content,
.item-advantages__wellness .s-content *
){
font-size:
15px !important;
line-height:
1.7 !important;
color:
rgba(
89,
97,
118,
.94
) !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
:where(
.type2-audience-item__content,
.advantages-content
){
padding-top:
20px !important;
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description{
max-width:
680px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow{
margin-bottom:
42px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description{
max-width:
none !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow{
margin-bottom:
32px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-item__title,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.item-advantages__wellness
:where(
.title,
.item-title
){
font-size:
16px !important;
}
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description{
width:
100% !important;
max-width:
620px !important;
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description{
max-width:
560px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description{
max-width:
100% !important;
}
}
.type2-page--zen-wellness
.wellness-group.type2-programs{
position:
relative;
overflow:
hidden;
padding-top:
82px !important;
padding-bottom:
86px !important;
background:
var(--wellness-white) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
> .container{
width:
100% !important;
max-width:
var(--wellness-container) !important;
margin-left:
auto !important;
margin-right:
auto !important;
padding-left:
var(--wellness-gutter) !important;
padding-right:
var(--wellness-gutter) !important;
position:
relative;
z-index:
2;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading{
display:
flex;
align-items:
baseline;
flex-wrap:
wrap;
gap:
8px 14px;
margin:
0 0 20px !important;
padding:
0 !important;
text-align:
left !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-title{
margin:
0 !important;
font-family:
var(--wellness-font-display) !important;
font-size:
32px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.14 !important;
letter-spacing:
-.015em !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-title-decor{
display:
inline-block;
margin:
0 !important;
transform:
translateY(3px);
font-family:
var(--wellness-font-script) !important;
font-size:
40px !important;
font-weight:
400 !important;
line-height:
1 !important;
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description{
position:
relative;
width:
100% !important;
max-width:
720px !important;
margin:
0 0 34px !important;
padding-left:
30px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description,
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description *{
font-family:
var(--wellness-font-body) !important;
font-size:
16px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.7 !important;
color:
var(--wellness-text) !important;
text-align:
left !important;
text-align-last:
left !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description::before{
content:
"";
position:
absolute;
top:
4px;
left:
0;
width:
18px;
height:
18px;
border-radius:
50%;
background:
var(--wellness-mustard);
mask:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='M15 9l-2 5-5 2 2-5 5-2z' fill='none' stroke='black' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E")
center / contain no-repeat;
-webkit-mask:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='M15 9l-2 5-5 2 2-5 5-2z' fill='none' stroke='black' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E")
center / contain no-repeat;
opacity:
.88;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-decor{
opacity:
.24 !important;
pointer-events:
none;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-decor
img{
filter:
brightness(0)
saturate(100%)
invert(63%)
sepia(61%)
saturate(914%)
hue-rotate(9deg)
brightness(92%)
contrast(88%) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs{
display:
flex !important;
align-items:
flex-end;
flex-wrap:
wrap;
gap:
12px 26px;
width:
100%;
margin:
0 0 42px !important;
padding:
0 !important;
border:
0 !important;
background:
transparent !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item{
width:
auto !important;
min-width:
0 !important;
margin:
0 !important;
padding:
0 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link{
position:
relative;
display:
inline-block !important;
width:
auto !important;
min-width:
0 !important;
margin:
0 !important;
padding:
7px 0 11px !important;
border:
0 !important;
border-radius:
0 !important;
background:
transparent !important;
font-family:
var(--wellness-font-body) !important;
font-size:
15px !important;
font-weight:
600 !important;
font-style:
normal !important;
line-height:
1.3 !important;
letter-spacing:
.01em !important;
text-transform:
uppercase !important;
white-space:
nowrap;
color:
var(--wellness-indigo) !important;
opacity:
.64;
transition:
color var(--wellness-motion),
opacity var(--wellness-motion);
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link::after{
content:
"";
position:
absolute;
left:
0 !important;
right:
auto !important;
bottom:
0 !important;
width:
34px !important;
height:
3px !important;
border-radius:
999px;
background:
rgba(
57,
76,
138,
.16
) !important;
transition:
width var(--wellness-motion),
background var(--wellness-motion);
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link.active{
color:
var(--wellness-indigo-dark) !important;
opacity:
1 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link.active::after{
width:
58px !important;
background:
var(--wellness-mustard) !important;
}
@media (hover: hover) {
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link:hover{
color:
var(--wellness-indigo-dark) !important;
opacity:
1;
}
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.fz-25,
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.fz-19{
font-size:
inherit !important;
line-height:
inherit !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-content{
width:
100% !important;
margin:
0 !important;
padding:
0 !important;
overflow:
visible !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase{
position:
relative;
display:
grid !important;
grid-template-columns:
minmax(0, 1.38fr)
minmax(330px, .82fr);
align-items:
stretch;
column-gap:
0;
width:
100% !important;
max-width:
none !important;
margin:
0 !important;
border:
1px solid
rgba(
57,
76,
138,
.10
) !important;
border-radius:
26px !important;
background:
var(--wellness-white) !important;
box-shadow:
0 14px 36px
rgba(
40,
56,
102,
.055
) !important;
overflow:
hidden;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__content{
position:
relative;
width:
100% !important;
max-width:
none !important;
min-height:
100%;
margin:
0 !important;
padding:
38px 42px 36px !important;
border:
0 !important;
border-radius:
0 !important;
background:
linear-gradient(
145deg,
rgba(255,248,222,.74),
rgba(242,244,250,.70)
) !important;
box-shadow:
none !important;
overflow:
hidden;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__content::before{
content:
"";
position:
absolute;
right:
-70px;
bottom:
-92px;
width:
230px;
height:
185px;
border-radius:
58% 42% 48% 52%;
background:
rgba(
57,
76,
138,
.065
) !important;
transform:
rotate(-10deg);
pointer-events:
none;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__content::after{
content:
"✦ · ✦";
position:
absolute;
top:
22px;
right:
26px;
font-size:
15px;
letter-spacing:
7px;
color:
rgba(
197,
165,
26,
.34
) !important;
pointer-events:
none;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__tagline{
position:
relative;
margin:
0 0 10px !important;
font-family:
var(--wellness-font-body) !important;
font-size:
14px !important;
font-weight:
700 !important;
font-style:
normal !important;
line-height:
1.35 !important;
letter-spacing:
.09em !important;
text-transform:
uppercase !important;
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__tagline::before{
content:
"";
display:
inline-block;
width:
22px;
height:
2px;
margin-right:
9px;
vertical-align:
middle;
border-radius:
999px;
background:
var(--wellness-mustard) !important;
transform:
translateY(-2px);
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__title{
margin:
0 0 18px !important;
font-family:
var(--wellness-font-display) !important;
font-size:
30px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.16 !important;
letter-spacing:
-.015em !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__meta{
display:
flex;
align-items:
center;
flex-wrap:
wrap;
gap:
8px 18px;
margin:
0 0 22px !important;
padding:
0 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__meta-item{
font-family:
var(--wellness-font-body) !important;
font-size:
14px !important;
font-weight:
400 !important;
color:
var(--wellness-text) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__icon{
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__description{
max-width:
650px;
margin:
0 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__description,
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__description *{
font-family:
var(--wellness-font-body) !important;
font-size:
15px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.68 !important;
color:
var(--wellness-text) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__highlights{
max-width:
650px !important;
margin:
24px 0 0 !important;
padding:
0 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__label{
position:
relative;
display:
inline-block;
margin:
0 0 12px !important;
padding:
0 0 5px !important;
font-family:
var(--wellness-font-body) !important;
font-size:
14px !important;
font-weight:
700 !important;
line-height:
1.3 !important;
text-transform:
uppercase;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__label::after{
content:
"";
position:
absolute;
left:
0;
bottom:
0;
width:
34px;
height:
2px;
border-radius:
999px;
background:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__highlights
li{
position:
relative;
margin:
0 0 9px !important;
padding-left:
20px !important;
list-style:
none !important;
font-family:
var(--wellness-font-body) !important;
font-size:
14.5px !important;
font-weight:
400 !important;
line-height:
1.55 !important;
color:
var(--wellness-text) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__highlights
li::before{
content:
"";
position:
absolute;
left:
0;
top:
.58em;
width:
7px;
height:
7px;
border-radius:
50%;
background:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__cta{
display:
inline-flex !important;
align-items:
center;
justify-content:
center;
width:
auto !important;
min-width:
170px;
min-height:
46px;
margin:
26px 0 0 !important;
padding:
10px 24px !important;
border:
1px solid
var(--wellness-indigo) !important;
border-radius:
999px !important;
background:
var(--wellness-indigo) !important;
box-shadow:
none !important;
font-family:
var(--wellness-font-body) !important;
font-size:
14px !important;
font-weight:
600 !important;
font-style:
normal !important;
line-height:
1.2 !important;
letter-spacing:
.01em !important;
text-transform:
none !important;
text-decoration:
none !important;
color:
#FFFFFF !important;
transition:
background var(--wellness-motion),
border-color var(--wellness-motion),
transform var(--wellness-motion),
box-shadow var(--wellness-motion);
}
@media (hover: hover) {
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__cta:hover{
background:
var(--wellness-indigo-dark) !important;
border-color:
var(--wellness-indigo-dark) !important;
color:
#FFFFFF !important;
transform:
translateY(-2px);
box-shadow:
var(--wellness-shadow-sm) !important;
}
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__media{
position:
relative;
display:
flex;
align-items:
center;
justify-content:
center;
width:
100% !important;
max-width:
none !important;
min-height:
100%;
margin:
0 !important;
padding:
28px !important;
background:
linear-gradient(
150deg,
#FFFFFF,
var(--wellness-bg-indigo)
) !important;
overflow:
hidden;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__media::before{
content:
"";
position:
absolute;
width:
150px;
height:
150px;
left:
-45px;
bottom:
-48px;
border-radius:
50% !important;
background:
rgba(
57,
76,
138,
.065
) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__media::after{
content:
"";
position:
absolute;
width:
95px;
height:
95px;
right:
-28px;
top:
25px;
border-radius:
50% !important;
background:
rgba(
242,
200,
75,
.16
) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__image{
position:
relative;
z-index:
2;
display:
block;
width:
100% !important;
max-width:
390px !important;
height:
auto !important;
aspect-ratio:
4 / 5;
object-fit:
cover !important;
object-position:
center;
border:
0 !important;
border-radius:
24px !important;
box-shadow:
0 10px 26px
rgba(
40,
56,
102,
.07
) !important;
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.wellness-group.type2-programs{
padding-top:
64px !important;
padding-bottom:
68px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
> .container{
padding-left:
var(--wellness-gutter-tablet) !important;
padding-right:
var(--wellness-gutter-tablet) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-title{
font-size:
28px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-title-decor{
font-size:
34px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description{
max-width:
640px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs{
flex-wrap:
nowrap;
overflow-x:
auto;
overflow-y:
hidden;
gap:
22px;
padding-bottom:
4px !important;
scrollbar-width:
none;
-ms-overflow-style:
none;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs::-webkit-scrollbar{
display:
none;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item{
flex:
0 0 auto;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase{
grid-template-columns:
1fr !important;
border-radius:
22px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__content{
padding:
32px 30px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__media{
min-height:
auto;
padding:
26px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__image{
max-width:
520px !important;
aspect-ratio:
16 / 10;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.wellness-group.type2-programs{
padding-top:
50px !important;
padding-bottom:
54px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
> .container{
padding-left:
var(--wellness-gutter-mobile) !important;
padding-right:
var(--wellness-gutter-mobile) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading{
gap:
4px 8px;
margin-bottom:
17px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-title{
font-size:
24px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-title-decor{
font-size:
30px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description{
max-width:
none !important;
margin-bottom:
26px !important;
padding-left:
26px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description,
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description *{
font-size:
15px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs{
flex-wrap:
nowrap;
gap:
18px;
margin-bottom:
28px !important;
padding-bottom:
3px !important;
overflow-x:
auto;
overflow-y:
hidden;
scrollbar-width:
none;
-webkit-overflow-scrolling:
touch;
scroll-snap-type:
x proximity;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs::-webkit-scrollbar{
display:
none;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item{
flex:
0 0 auto;
scroll-snap-align:
start;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link{
font-size:
13.5px !important;
padding-bottom:
9px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase{
display:
flex !important;
flex-direction:
column;
border-radius:
18px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__content{
order:
1;
padding:
25px 20px 24px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__media{
order:
2;
min-height:
0;
padding:
18px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__title{
font-size:
24px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__description,
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__description *{
font-size:
14px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__image{
max-width:
none !important;
aspect-ratio:
4 / 3;
border-radius:
16px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__cta{
width:
100% !important;
min-width:
0;
min-height:
44px;
}
}
@media (max-width: 380px) {
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-content{
padding:
0 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__content{
padding:
22px 17px !important;
}
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow{
display:
grid !important;
grid-template-columns:
max-content
minmax(0, 1fr);
grid-template-rows:
auto
auto;
column-gap:
12px;
row-gap:
18px;
align-items:
baseline;
width:
100% !important;
margin:
0 0 42px !important;
padding:
0 !important;
text-align:
left !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-main-group{
display:
contents !important;
width:
auto !important;
min-width:
0 !important;
max-width:
none !important;
padding:
0 !important;
margin:
0 !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow
> .type2-audience-title{
grid-column:
1;
grid-row:
1;
display:
block !important;
width:
auto !important;
min-width:
0 !important;
max-width:
none !important;
margin:
0 !important;
padding:
0 !important;
font-family:
var(--wellness-font-display) !important;
font-size:
32px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.12 !important;
letter-spacing:
-.015em !important;
color:
var(--wellness-indigo) !important;
white-space:
nowrap;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title-decor{
grid-column:
2;
grid-row:
1;
align-self:
baseline;
display:
block !important;
width:
auto !important;
min-width:
0 !important;
max-width:
none !important;
margin:
0 !important;
padding:
0 !important;
transform:
translateY(3px) !important;
font-family:
var(--wellness-font-script) !important;
font-size:
40px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1 !important;
letter-spacing:
0 !important;
color:
var(--wellness-mustard) !important;
white-space:
nowrap;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description{
grid-column:
1 / -1 !important;
grid-row:
2 !important;
display:
block !important;
box-sizing:
border-box;
width:
100% !important;
min-width:
0 !important;
max-width:
600px !important;
margin:
0 !important;
padding:
0 0 0 31px !important;
position:
relative;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description *{
font-family:
var(--wellness-font-body) !important;
font-size:
16px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.70 !important;
color:
var(--wellness-text) !important;
text-align:
left !important;
text-align-last:
left !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description::before{
top:
4px !important;
left:
0 !important;
width:
19px !important;
height:
19px !important;
background-color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow
+ .type2-audience-items{
margin-top:
0 !important;
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow{
grid-template-columns:
max-content
minmax(0, 1fr);
column-gap:
10px;
row-gap:
16px;
margin-bottom:
38px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow
> .type2-audience-title{
font-size:
28px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title-decor{
font-size:
34px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description{
max-width:
560px !important;
padding-left:
29px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow{
display:
grid !important;
grid-template-columns:
auto
1fr;
grid-template-rows:
auto
auto;
column-gap:
7px;
row-gap:
14px;
align-items:
baseline;
margin-bottom:
30px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow
> .type2-audience-title{
grid-column:
1;
grid-row:
1;
display:
block !important;
width:
auto !important;
margin:
0 !important;
font-size:
24px !important;
white-space:
normal;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title-decor{
grid-column:
2;
grid-row:
1;
display:
block !important;
width:
auto !important;
margin:
0 !important;
font-size:
30px !important;
line-height:
1 !important;
white-space:
nowrap;
transform:
translateY(2px) !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description{
grid-column:
1 / -1 !important;
grid-row:
2 !important;
width:
100% !important;
min-width:
0 !important;
max-width:
100% !important;
margin:
0 !important;
padding-left:
26px !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description,
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description *{
font-size:
15px !important;
}
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading{
margin-bottom:
30px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description{
width:
100% !important;
max-width:
650px !important;
margin-bottom:
40px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs{
gap:
14px 30px !important;
margin-bottom:
52px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link{
padding:
8px 0 12px !important;
font-size:
20px !important;
font-weight:
600 !important;
line-height:
1.25 !important;
opacity:
.88 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item:nth-child(odd)
.nav-link{
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item:nth-child(even)
.nav-link{
color:
#B89112 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item:nth-child(odd)
.nav-link::after{
width:
34px !important;
height:
3px !important;
background:
rgba(
57,
76,
138,
.18
) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item:nth-child(even)
.nav-link::after{
width:
34px !important;
height:
3px !important;
background:
rgba(
184,
145,
18,
.22
) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item:nth-child(odd)
.nav-link.active{
color:
var(--wellness-indigo-dark) !important;
opacity:
1 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item:nth-child(odd)
.nav-link.active::after{
width:
70px !important;
background:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item:nth-child(even)
.nav-link.active{
color:
#A97F08 !important;
opacity:
1 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item:nth-child(even)
.nav-link.active::after{
width:
70px !important;
background:
var(--wellness-indigo) !important;
}
@media (hover: hover) {
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link:hover{
opacity:
1 !important;
}
}
@media (min-width: 992px) {
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__image{
max-width:
365px !important;
}
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__cta{
min-width:
190px !important;
min-height:
48px !important;
padding:
11px 28px !important;
font-size:
15px !important;
font-weight:
600 !important;
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading{
margin-bottom:
24px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description{
max-width:
600px !important;
margin-bottom:
34px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs{
gap:
22px !important;
margin-bottom:
42px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link{
font-size:
17px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-heading{
margin-bottom:
20px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description{
max-width:
100% !important;
margin-bottom:
28px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs{
gap:
18px !important;
margin-bottom:
32px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link{
font-size:
15px !important;
padding-bottom:
10px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link.active::after{
width:
48px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.zen-wellness-program-showcase__cta{
min-height:
46px !important;
font-size:
14px !important;
}
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link{
font-family:
var(--wellness-font-display) !important;
font-size:
20px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.24 !important;
letter-spacing:
0 !important;
text-transform:
uppercase !important;
color:
var(--wellness-indigo) !important;
opacity:
.82 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item:nth-child(odd)
.nav-link,
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item:nth-child(even)
.nav-link{
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link::after,
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item:nth-child(odd)
.nav-link::after,
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item:nth-child(even)
.nav-link::after{
width:
34px !important;
height:
3px !important;
background:
rgba(
57,
76,
138,
.16
) !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link.active,
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item:nth-child(odd)
.nav-link.active,
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item:nth-child(even)
.nav-link.active{
color:
var(--wellness-indigo-dark) !important;
opacity:
1 !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link.active::after,
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item:nth-child(odd)
.nav-link.active::after,
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item:nth-child(even)
.nav-link.active::after{
width:
70px !important;
background:
var(--wellness-mustard) !important;
}
@media (hover: hover) {
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link:hover{
color:
var(--wellness-indigo-dark) !important;
opacity:
1 !important;
}
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link{
font-family:
var(--wellness-font-display) !important;
font-size:
17px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link{
font-family:
var(--wellness-font-display) !important;
font-size:
15px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-link.active::after{
width:
48px !important;
}
}
@media (min-width: 992px) {
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs{
row-gap:
9px !important;
column-gap:
30px !important;
}
}
@media (min-width: 992px) {
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs{
row-gap:
4px !important;
}
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-tabs
.nav-item:nth-child(4){
margin-left:
40px !important;
}
}
.type2-page--zen-wellness
.type2-benefits{
position:
relative;
overflow:
hidden;
padding-top:
82px !important;
padding-bottom:
88px !important;
background:
var(--wellness-bg-neutral) !important;
}
.type2-page--zen-wellness
.type2-benefits
> .container{
width:
100% !important;
max-width:
var(--wellness-container) !important;
margin-left:
auto !important;
margin-right:
auto !important;
padding-left:
var(--wellness-gutter) !important;
padding-right:
var(--wellness-gutter) !important;
position:
relative;
z-index:
2;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-heading{
display:
flex;
align-items:
baseline;
flex-wrap:
wrap;
gap:
8px 14px;
margin:
0 0 24px !important;
padding:
0 !important;
text-align:
left !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-title{
margin:
0 !important;
font-family:
var(--wellness-font-display) !important;
font-size:
32px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.14 !important;
letter-spacing:
-.015em !important;
color:
var(--wellness-indigo) !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-title-decor{
display:
inline-block;
margin:
0 !important;
transform:
translateY(3px);
font-family:
var(--wellness-font-script) !important;
font-size:
40px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1 !important;
color:
var(--wellness-mustard) !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-description{
position:
relative;
width:
100% !important;
max-width:
660px !important;
margin:
0 0 54px !important;
padding-left:
28px !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-description,
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-description *{
font-family:
var(--wellness-font-body) !important;
font-size:
16px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.70 !important;
color:
var(--wellness-text) !important;
text-align:
left !important;
text-align-last:
left !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-description::before{
content:
"";
position:
absolute;
top:
5px;
left:
0;
width:
17px;
height:
17px;
background-color:
var(--wellness-mustard);
-webkit-mask:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 18c5-1 10-5 13-11-6 1-11 5-13 11Z' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='M7 16c3-3 6-5 10-7' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E")
center / contain no-repeat;
mask:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 18c5-1 10-5 13-11-6 1-11 5-13 11Z' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='M7 16c3-3 6-5 10-7' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E")
center / contain no-repeat;
opacity:
.84;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-items{
position:
relative;
margin-top:
0 !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefit{
position:
relative;
background:
transparent !important;
border:
0 !important;
box-shadow:
none !important;
}
@media (min-width: 768px) {
.type2-page--zen-wellness
.type2-benefits
.type2-benefit::before{
border-color:
rgba(
197,
165,
26,
.58
) !important;
background-color:
transparent !important;
opacity:
.85;
}
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__image{
width:
74px !important;
height:
74px !important;
margin-bottom:
22px !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__image::before{
inset:
2px !important;
border:
1px solid
rgba(
57,
76,
138,
.10
) !important;
border-radius:
50% !important;
background:
rgba(
255,
255,
255,
.90
) !important;
box-shadow:
0 8px 22px
rgba(
40,
56,
102,
.055
) !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__image::after{
width:
7px !important;
height:
7px !important;
background:
var(--wellness-mustard) !important;
box-shadow:
0 0 0 4px
var(--wellness-bg-neutral) !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__image-el{
width:
42px !important;
height:
42px !important;
object-fit:
contain !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__title{
width:
100% !important;
min-height:
0 !important;
margin:
0 0 13px !important;
padding:
0 8px !important;
font-family:
var(--wellness-font-display) !important;
font-size:
18px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.36 !important;
letter-spacing:
0 !important;
color:
var(--wellness-indigo) !important;
text-transform:
none !important;
text-align:
center !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__description{
width:
100% !important;
max-width:
330px !important;
margin:
0 auto !important;
padding:
0 !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__description,
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__description *{
font-family:
var(--wellness-font-body) !important;
font-size:
15px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.68 !important;
color:
var(--wellness-text) !important;
text-align:
left !important;
text-align-last:
left !important;
}
@media (min-width: 992px) {
.type2-page--zen-wellness
.type2-benefits
.type2-benefit:nth-child(4),
.type2-page--zen-wellness
.type2-benefits
.type2-benefit:nth-child(5){
margin-top:
10px;
}
}
.type2-page--zen-wellness
.type2-benefits::after{
opacity:
.55 !important;
filter:
saturate(.72);
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.type2-benefits{
padding-top:
64px !important;
padding-bottom:
68px !important;
}
.type2-page--zen-wellness
.type2-benefits
> .container{
padding-left:
var(--wellness-gutter-tablet) !important;
padding-right:
var(--wellness-gutter-tablet) !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-title{
font-size:
28px !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-title-decor{
font-size:
34px !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-description{
max-width:
600px !important;
margin-bottom:
44px !important;
padding-left:
26px !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__image{
width:
68px !important;
height:
68px !important;
margin-bottom:
18px !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__image-el{
width:
39px !important;
height:
39px !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__title{
font-size:
17px !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__description,
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__description *{
font-size:
15px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.type2-benefits{
padding-top:
50px !important;
padding-bottom:
54px !important;
}
.type2-page--zen-wellness
.type2-benefits
> .container{
padding-left:
var(--wellness-gutter-mobile) !important;
padding-right:
var(--wellness-gutter-mobile) !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-heading{
gap:
4px 8px;
margin-bottom:
18px !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-title{
font-size:
24px !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-title-decor{
font-size:
30px !important;
transform:
translateY(2px);
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-description{
max-width:
100% !important;
margin-bottom:
34px !important;
padding-left:
24px !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-description,
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-description *{
font-size:
15px !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__image{
width:
62px !important;
height:
62px !important;
margin:
0 !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__image-el{
width:
36px !important;
height:
36px !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__title{
min-height:
0 !important;
margin:
1px 0 6px !important;
padding:
0 !important;
font-size:
16px !important;
text-align:
left !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__description{
max-width:
none !important;
margin:
0 !important;
}
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__description,
.type2-page--zen-wellness
.type2-benefits
.type2-benefit__description *{
font-size:
14px !important;
line-height:
1.62 !important;
text-align:
left !important;
}
}
.type2-page--zen-wellness
.type2-gallery{
position:
relative;
overflow:
hidden;
padding-top:
82px !important;
padding-bottom:
88px !important;
background:
var(--wellness-indigo-dark) !important;
color:
#FFFFFF !important;
}
.type2-page--zen-wellness
.type2-gallery::before{
content:
"";
position:
absolute;
width:
420px;
height:
420px;
top:
-210px;
right:
-120px;
border-radius:
50%;
background:
rgba(
242,
200,
75,
.07
);
pointer-events:
none;
}
.type2-page--zen-wellness
.type2-gallery::after{
content:
"";
position:
absolute;
width:
360px;
height:
360px;
left:
-180px;
bottom:
-180px;
border-radius:
50%;
background:
rgba(
255,
255,
255,
.035
);
pointer-events:
none;
}
.type2-page--zen-wellness
.type2-gallery
> .container{
position:
relative;
z-index:
2;
width:
100% !important;
max-width:
var(--wellness-container) !important;
margin-left:
auto !important;
margin-right:
auto !important;
padding-left:
var(--wellness-gutter) !important;
padding-right:
var(--wellness-gutter) !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-heading{
display:
flex;
align-items:
baseline;
flex-wrap:
wrap;
gap:
8px 14px;
width:
100%;
margin:
0 0 24px !important;
padding:
0 !important;
text-align:
left !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-title{
margin:
0 !important;
padding:
0 !important;
font-family:
var(--wellness-font-display) !important;
font-size:
32px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.14 !important;
letter-spacing:
-.015em !important;
color:
#FFFFFF !important;
text-transform:
none !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-title-decor{
display:
inline-block;
margin:
0 !important;
padding:
0 !important;
transform:
translateY(3px) !important;
font-family:
var(--wellness-font-script) !important;
font-size:
40px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1 !important;
letter-spacing:
0 !important;
color:
var(--wellness-mustard) !important;
text-transform:
none !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-description{
width:
100% !important;
max-width:
680px !important;
margin:
0 0 42px !important;
padding:
0 !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-description,
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-description *{
font-family:
var(--wellness-font-body) !important;
font-size:
16px !important;
font-weight:
400 !important;
font-style:
normal !important;
line-height:
1.7 !important;
color:
rgba(
255,
255,
255,
.78
) !important;
text-align:
left !important;
text-align-last:
left !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-grid{
display:
grid;
grid-template-columns:
repeat(
12,
minmax(0, 1fr)
);
grid-auto-rows:
226px;
gap:
16px !important;
width:
100%;
position:
relative;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item{
position:
relative;
overflow:
hidden;
margin:
0;
border:
1px solid
rgba(
255,
255,
255,
.08
);
border-radius:
22px !important;
background:
rgba(
255,
255,
255,
.045
) !important;
box-shadow:
0 14px 34px
rgba(
10,
18,
44,
.16
);
isolation:
isolate;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item::after{
content:
"";
position:
absolute;
inset:
0;
z-index:
2;
pointer-events:
none;
background:
linear-gradient(
180deg,
rgba(40,56,102,.02),
rgba(40,56,102,.11)
);
opacity:
.55;
transition:
opacity var(--wellness-motion);
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-image__el{
position:
relative;
z-index:
1;
display:
block;
width:
100% !important;
height:
100% !important;
object-fit:
cover !important;
border-radius:
inherit;
transform:
scale(1);
filter:
saturate(.96)
contrast(1.01);
transition:
transform .55s ease,
filter .55s ease;
}
@media (hover: hover) {
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item:hover
.type2-gallery-image__el{
transform:
scale(1.035);
filter:
saturate(1.03)
contrast(1.02);
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item:hover::after{
opacity:
.28;
}
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-more{
position:
absolute;
z-index:
4;
inset:
0;
display:
flex;
flex-direction:
column;
align-items:
center;
justify-content:
center;
gap:
5px;
border:
0 !important;
border-radius:
inherit;
background:
rgba(
40,
56,
102,
.54
) !important;
backdrop-filter:
blur(4px);
-webkit-backdrop-filter:
blur(4px);
color:
#FFFFFF !important;
text-decoration:
none !important;
transition:
background var(--wellness-motion);
}
@media (hover: hover) {
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-more:hover{
background:
rgba(
40,
56,
102,
.66
) !important;
}
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-more__count{
font-family:
var(--wellness-font-display) !important;
font-size:
30px !important;
font-weight:
400 !important;
line-height:
1 !important;
color:
#FFFFFF !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-more__label{
font-family:
var(--wellness-font-body) !important;
font-size:
13px !important;
font-weight:
500 !important;
line-height:
1.3 !important;
letter-spacing:
.04em;
color:
rgba(
255,
255,
255,
.82
) !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-collapse-wrap{
width:
100%;
margin-top:
22px !important;
text-align:
center;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-collapse{
display:
inline-flex !important;
align-items:
center;
justify-content:
center;
min-height:
44px;
padding:
10px 22px !important;
border:
1px solid
rgba(
255,
255,
255,
.18
) !important;
border-radius:
999px !important;
background:
rgba(
255,
255,
255,
.06
) !important;
box-shadow:
none !important;
font-family:
var(--wellness-font-body) !important;
font-size:
14px !important;
font-weight:
500 !important;
color:
#FFFFFF !important;
text-decoration:
none !important;
backdrop-filter:
blur(4px);
-webkit-backdrop-filter:
blur(4px);
transition:
background var(--wellness-motion),
border-color var(--wellness-motion),
transform var(--wellness-motion);
}
@media (hover: hover) {
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-collapse:hover{
background:
rgba(
255,
255,
255,
.11
) !important;
border-color:
rgba(
242,
200,
75,
.42
) !important;
transform:
translateY(-1px);
}
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-heading::after{
content:
"";
flex-basis:
100%;
width:
46px;
max-width:
46px;
height:
2px;
margin-top:
7px;
border-radius:
999px;
background:
var(--wellness-mustard);
}
@media (
min-width: 576px
) and (
max-width: 991px
) {
.type2-page--zen-wellness
.type2-gallery{
padding-top:
64px !important;
padding-bottom:
68px !important;
}
.type2-page--zen-wellness
.type2-gallery
> .container{
padding-left:
var(--wellness-gutter-tablet) !important;
padding-right:
var(--wellness-gutter-tablet) !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-title{
font-size:
28px !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-title-decor{
font-size:
34px !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-description{
max-width:
620px !important;
margin-bottom:
34px !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-grid{
grid-auto-rows:
190px;
gap:
12px !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item{
border-radius:
18px !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.type2-gallery{
padding-top:
50px !important;
padding-bottom:
54px !important;
}
.type2-page--zen-wellness
.type2-gallery
> .container{
padding-left:
var(--wellness-gutter-mobile) !important;
padding-right:
var(--wellness-gutter-mobile) !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-heading{
gap:
4px 8px;
margin-bottom:
18px !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-title{
font-size:
24px !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-title-decor{
font-size:
30px !important;
transform:
translateY(2px) !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-description{
max-width:
none !important;
margin-bottom:
28px !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-description,
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-description *{
font-size:
15px !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-grid{
display:
grid !important;
grid-template-columns:
repeat(
2,
minmax(0, 1fr)
) !important;
grid-auto-rows:
150px !important;
gap:
10px !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item{
grid-column:
auto !important;
grid-row:
auto !important;
border-radius:
16px !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item:first-child{
grid-column:
1 / -1 !important;
grid-row:
span 2 !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-more__count{
font-size:
25px !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-more__label{
font-size:
12px !important;
}
}
@media (max-width: 380px) {
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-grid{
grid-auto-rows:
132px !important;
gap:
8px !important;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.type2-page--zen-wellness
.intro-wellness.type2-intro
> .container:not(.type2-intro-highlights-wrap)
> .row{
display:
flex !important;
flex-direction:
column !important;
gap:
30px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.image{
width:
min(620px, 86%) !important;
max-width:
86% !important;
margin:
0 auto 6px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image{
width:
100% !important;
max-width:
100% !important;
height:
auto !important;
aspect-ratio:
4 / 3;
transform:
none !important;
margin:
0 auto !important;
overflow:
hidden !important;
border-radius:
20px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image img{
display:
block !important;
width:
100% !important;
height:
100% !important;
max-height:
none !important;
object-fit:
cover !important;
object-position:
center center !important;
border-radius:
inherit !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.module-content{
width:
100% !important;
max-width:
720px !important;
margin:
0 auto !important;
padding-left:
0 !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all{
margin-top:
0 !important;
gap:
8px 12px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all
.title{
max-width:
100% !important;
white-space:
normal !important;
font-size:
28px !important;
line-height:
1.28 !important;
letter-spacing:
-.012em !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all
.text-decor,
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all
.f-decor{
width:
auto !important;
margin:
0 !important;
transform:
none !important;
font-size:
34px !important;
line-height:
1.08 !important;
text-align:
left !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow{
display:
block !important;
width:
100% !important;
max-width:
100% !important;
margin-bottom:
34px !important;
text-align:
left !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-main-group{
display:
block !important;
width:
100% !important;
max-width:
100% !important;
margin:
0 !important;
padding:
0 !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title{
display:
block !important;
width:
100% !important;
max-width:
100% !important;
margin:
0 !important;
font-size:
28px !important;
line-height:
1.20 !important;
letter-spacing:
-.015em !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title-decor{
position:
static !important;
display:
block !important;
width:
100% !important;
max-width:
100% !important;
margin:
7px 0 0 !important;
transform:
none !important;
inset:
auto !important;
font-size:
34px !important;
line-height:
1.08 !important;
white-space:
normal !important;
text-align:
left !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description{
width:
100% !important;
max-width:
620px !important;
margin-top:
18px !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-grid{
display:
grid !important;
grid-template-columns:
repeat(
2,
minmax(0, 1fr)
) !important;
grid-auto-rows:
auto !important;
width:
100% !important;
margin:
0 !important;
padding:
0 !important;
gap:
12px !important;
overflow:
visible !important;
scroll-snap-type:
none !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item{
grid-column:
auto !important;
grid-row:
auto !important;
width:
100% !important;
min-width:
0 !important;
min-height:
0 !important;
height:
auto !important;
aspect-ratio:
4 / 3 !important;
margin:
0 !important;
border-radius:
16px !important;
scroll-snap-align:
none !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item:first-child,
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item--1{
grid-column:
1 / -1 !important;
grid-row:
auto !important;
min-height:
0 !important;
aspect-ratio:
16 / 9 !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-image__el{
display:
block !important;
width:
100% !important;
height:
100% !important;
object-fit:
cover !important;
object-position:
center !important;
border-radius:
inherit !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item--extra{
display:
none !important;
}
.type2-page--zen-wellness
.type2-gallery.is-expanded
.type2-gallery-item--extra{
display:
block !important;
grid-column:
auto !important;
grid-row:
auto !important;
min-height:
0 !important;
aspect-ratio:
4 / 3 !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.intro-wellness.type2-intro
> .container:not(.type2-intro-highlights-wrap)
> .row{
display:
flex !important;
flex-direction:
column !important;
gap:
22px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.image{
width:
100% !important;
max-width:
100% !important;
margin:
0 auto 4px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image{
width:
100% !important;
max-width:
100% !important;
height:
auto !important;
aspect-ratio:
4 / 3;
transform:
none !important;
margin:
0 auto !important;
overflow:
hidden !important;
border-radius:
16px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.type2-intro-main-image img{
display:
block !important;
width:
100% !important;
height:
100% !important;
max-height:
none !important;
object-fit:
cover !important;
object-position:
center center !important;
border-radius:
inherit !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.module-content{
width:
100% !important;
max-width:
100% !important;
margin:
0 !important;
padding:
0 !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all{
margin-top:
0 !important;
gap:
8px !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all
.title{
width:
100% !important;
max-width:
100% !important;
white-space:
normal !important;
font-size:
24px !important;
line-height:
1.32 !important;
letter-spacing:
-.012em !important;
}
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all
.text-decor,
.type2-page--zen-wellness
.intro-wellness.type2-intro
.title-intro__all
.f-decor{
display:
block !important;
width:
100% !important;
margin:
0 !important;
transform:
none !important;
font-size:
30px !important;
line-height:
1.08 !important;
text-align:
left !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow{
display:
block !important;
width:
100% !important;
max-width:
100% !important;
margin-bottom:
30px !important;
text-align:
left !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-main-group{
display:
block !important;
width:
100% !important;
max-width:
100% !important;
margin:
0 !important;
padding:
0 !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title{
display:
block !important;
width:
100% !important;
max-width:
100% !important;
margin:
0 !important;
font-size:
22px !important;
line-height:
1.20 !important;
letter-spacing:
-.015em !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title-decor{
position:
static !important;
display:
block !important;
width:
100% !important;
min-width:
0 !important;
max-width:
100% !important;
margin:
6px 0 0 !important;
transform:
none !important;
inset:
auto !important;
font-size:
26px !important;
line-height:
1.08 !important;
white-space:
normal !important;
text-align:
left !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description{
width:
100% !important;
max-width:
100% !important;
margin-top:
16px !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-grid{
display:
grid !important;
grid-template-columns:
repeat(
2,
minmax(0, 1fr)
) !important;
grid-auto-rows:
auto !important;
width:
100% !important;
margin:
0 !important;
padding:
0 !important;
gap:
10px !important;
overflow:
visible !important;
scroll-snap-type:
none !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item{
grid-column:
auto !important;
grid-row:
auto !important;
width:
100% !important;
min-width:
0 !important;
min-height:
0 !important;
height:
auto !important;
aspect-ratio:
1 / 1 !important;
margin:
0 !important;
border-radius:
14px !important;
scroll-snap-align:
none !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item:first-child,
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item--1{
grid-column:
1 / -1 !important;
grid-row:
auto !important;
min-height:
0 !important;
aspect-ratio:
4 / 3 !important;
border-radius:
16px !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-image__el{
display:
block !important;
width:
100% !important;
height:
100% !important;
object-fit:
cover !important;
object-position:
center !important;
border-radius:
inherit !important;
}
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-item--extra{
display:
none !important;
}
.type2-page--zen-wellness
.type2-gallery.is-expanded
.type2-gallery-item--extra{
display:
block !important;
grid-column:
auto !important;
grid-row:
auto !important;
min-height:
0 !important;
aspect-ratio:
1 / 1 !important;
}
}
@media (max-width: 575px) {
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow{
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 0 28px !important;
padding: 0 !important;
overflow: visible !important;
text-align: left !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow
> .type2-audience-title.type2-audience-title{
position: static !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
font-family:
var(--wellness-font-display) !important;
font-size: 22px !important;
font-weight: 700 !important;
line-height: 1.24 !important;
letter-spacing: -.012em !important;
white-space: normal !important;
overflow-wrap: normal !important;
word-break: normal !important;
text-align: left !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow
> .type2-audience-main-group{
position: static !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow
.type2-audience-main-group
> .type2-audience-title-decor{
position: static !important;
display: block !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 7px 0 0 !important;
padding: 0 !important;
inset: auto !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
font-family:
var(--wellness-font-script) !important;
font-size: 27px !important;
font-weight: 400 !important;
line-height: 1.08 !important;
white-space: normal !important;
text-align: left !important;
}
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-headrow
.type2-audience-main-group
> .type2-audience-description{
position: relative !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 17px 0 0 !important;
font-family:
var(--wellness-font-body) !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.65 !important;
text-align: left !important;
text-align-last: left !important;
}
}
@media (min-width: 576px) and (max-width: 991px) {
html body
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-title.type2-why-title.type2-why-title.type2-why-title,
html body
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title.type2-audience-title.type2-audience-title.type2-audience-title,
html body
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-title.type2-programs-title.type2-programs-title.type2-programs-title,
html body
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-title.type2-benefits-title.type2-benefits-title.type2-benefits-title,
html body
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-title.type2-gallery-title.type2-gallery-title.type2-gallery-title,
html body
.type2-page--zen-wellness
.type2-team
.type2-team-title.type2-team-title.type2-team-title.type2-team-title,
html body
.type2-page--zen-wellness
.type2-students
.type2-students__title.type2-students__title.type2-students__title.type2-students__title,
html body
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__title.type2-feedback__title.type2-feedback__title.type2-feedback__title,
html body
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-title.type2-cta-title.type2-cta-title.type2-cta-title{
font-family:
var(
--wellness-font-display,
Averta-Bold,
"Segoe UI",
Arial,
sans-serif
) !important;
font-size:
28px !important;
font-weight:
700 !important;
line-height:
1.20 !important;
letter-spacing:
-.012em !important;
}
html body
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-title-decor.type2-why-title-decor.type2-why-title-decor.type2-why-title-decor,
html body
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title-decor.type2-audience-title-decor.type2-audience-title-decor.type2-audience-title-decor,
html body
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-title-decor.type2-programs-title-decor.type2-programs-title-decor.type2-programs-title-decor,
html body
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-title-decor.type2-benefits-title-decor.type2-benefits-title-decor.type2-benefits-title-decor,
html body
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-title-decor.type2-gallery-title-decor.type2-gallery-title-decor.type2-gallery-title-decor,
html body
.type2-page--zen-wellness
.type2-team
.type2-team-title-decor.type2-team-title-decor.type2-team-title-decor.type2-team-title-decor,
html body
.type2-page--zen-wellness
.type2-students
.type2-students__title-decor.type2-students__title-decor.type2-students__title-decor.type2-students__title-decor,
html body
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__title-decor.type2-feedback__title-decor.type2-feedback__title-decor.type2-feedback__title-decor,
html body
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-title-decor.type2-cta-title-decor.type2-cta-title-decor.type2-cta-title-decor{
font-family:
var(
--wellness-font-script,
"Dancing Script SVN",
cursive
) !important;
font-size:
34px !important;
font-weight:
400 !important;
line-height:
1 !important;
}
html body
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description,
html body
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description,
html body
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description,
html body
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-description,
html body
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-description,
html body
.type2-page--zen-wellness
.type2-team
.type2-team-description,
html body
.type2-page--zen-wellness
.type2-students
.type2-students__description,
html body
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__description{
font-size:
16px !important;
line-height:
1.60 !important;
}
}
@media (max-width: 575px) {
html body
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-title.type2-why-title.type2-why-title.type2-why-title,
html body
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title.type2-audience-title.type2-audience-title.type2-audience-title,
html body
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-title.type2-programs-title.type2-programs-title.type2-programs-title,
html body
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-title.type2-benefits-title.type2-benefits-title.type2-benefits-title,
html body
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-title.type2-gallery-title.type2-gallery-title.type2-gallery-title,
html body
.type2-page--zen-wellness
.type2-team
.type2-team-title.type2-team-title.type2-team-title.type2-team-title,
html body
.type2-page--zen-wellness
.type2-students
.type2-students__title.type2-students__title.type2-students__title.type2-students__title,
html body
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__title.type2-feedback__title.type2-feedback__title.type2-feedback__title,
html body
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-title.type2-cta-title.type2-cta-title.type2-cta-title{
font-family:
var(
--wellness-font-display,
Averta-Bold,
"Segoe UI",
Arial,
sans-serif
) !important;
font-size:
22px !important;
font-weight:
700 !important;
line-height:
1.24 !important;
letter-spacing:
-.012em !important;
}
html body
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-title-decor.type2-why-title-decor.type2-why-title-decor.type2-why-title-decor,
html body
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-title-decor.type2-audience-title-decor.type2-audience-title-decor.type2-audience-title-decor,
html body
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-title-decor.type2-programs-title-decor.type2-programs-title-decor.type2-programs-title-decor,
html body
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-title-decor.type2-benefits-title-decor.type2-benefits-title-decor.type2-benefits-title-decor,
html body
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-title-decor.type2-gallery-title-decor.type2-gallery-title-decor.type2-gallery-title-decor,
html body
.type2-page--zen-wellness
.type2-team
.type2-team-title-decor.type2-team-title-decor.type2-team-title-decor.type2-team-title-decor,
html body
.type2-page--zen-wellness
.type2-students
.type2-students__title-decor.type2-students__title-decor.type2-students__title-decor.type2-students__title-decor,
html body
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__title-decor.type2-feedback__title-decor.type2-feedback__title-decor.type2-feedback__title-decor,
html body
.type2-page--zen-wellness
.endow-wellness.type2-cta
.type2-cta-title-decor.type2-cta-title-decor.type2-cta-title-decor.type2-cta-title-decor{
font-family:
var(
--wellness-font-script,
"Dancing Script SVN",
cursive
) !important;
font-size:
30px !important;
font-weight:
400 !important;
line-height:
1 !important;
}
html body
.type2-page--zen-wellness
.section-why__wellness.type2-why
.type2-why-description,
html body
.type2-page--zen-wellness
.advantages-wellness.type2-audience
.type2-audience-description,
html body
.type2-page--zen-wellness
.wellness-group.type2-programs
.type2-programs-description,
html body
.type2-page--zen-wellness
.type2-benefits
.type2-benefits-description,
html body
.type2-page--zen-wellness
.type2-gallery
.type2-gallery-description,
html body
.type2-page--zen-wellness
.type2-team
.type2-team-description,
html body
.type2-page--zen-wellness
.type2-students
.type2-students__description,
html body
.type2-page--zen-wellness
.type2-feedback
.type2-feedback__description{
font-size:
15px !important;
line-height:
1.65 !important;
}
}
@media (max-width: 575px) {
html body
.type2-page--zen-wellness
.type2-gallery.is-mobile-compact:not(.is-expanded)
.type2-gallery-item--6,
html body
.type2-page--zen-wellness
.type2-gallery.is-mobile-compact:not(.is-expanded)
.type2-gallery-item--7,
html body
.type2-page--zen-wellness
.type2-gallery.is-mobile-compact:not(.is-expanded)
.type2-gallery-item--extra{
display: none !important;
}
html body
.type2-page--zen-wellness
.type2-gallery.is-mobile-compact
.type2-gallery-item--5{
position: relative !important;
overflow: hidden !important;
}
html body
.type2-page--zen-wellness
.type2-gallery.is-mobile-compact
.type2-gallery-item--5
.type2-gallery-more{
position: absolute !important;
inset: 0 !important;
z-index: 5 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
border-radius: inherit !important;
}
html body
.type2-page--zen-wellness
.type2-gallery.is-mobile-compact.is-expanded
.type2-gallery-item--6,
html body
.type2-page--zen-wellness
.type2-gallery.is-mobile-compact.is-expanded
.type2-gallery-item--7,
html body
.type2-page--zen-wellness
.type2-gallery.is-mobile-compact.is-expanded
.type2-gallery-item--extra{
display: block !important;
grid-column: auto !important;
grid-row: auto !important;
width: 100% !important;
min-width: 0 !important;
aspect-ratio: 1 / 1 !important;
}
html body
.type2-page--zen-wellness
.type2-gallery.is-mobile-compact.is-expanded
.type2-gallery-more{
display: none !important;
}
}
@media (max-width: 575px) {
html body .type2-page--zen-wellness
.type2-gallery.is-mobile-compact:not(.is-expanded)
.type2-gallery-item--5 .type2-gallery-more{
display: flex !important;
}
html body .type2-page--zen-wellness
.type2-gallery.is-mobile-compact
.type2-gallery-collapse-wrap{
display: none !important;
}
html body .type2-page--zen-wellness
.type2-gallery.is-mobile-compact.is-expanded
.type2-gallery-collapse-wrap:not([hidden]){
display: block !important;
}
}
html body .type2-page--zen-wellness .type2-team .type2-team-list{
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
align-items: stretch;
}
html body .type2-page--zen-wellness .type2-team .type2-team-card{
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid rgba(57,76,138,.14);
box-shadow: 0 6px 20px rgba(40,56,102,.06);
}
html body .type2-page--zen-wellness .type2-team .type2-team-card__media{
aspect-ratio: 1 / 1 !important;
height: auto;
margin: 0 !important;
overflow: hidden;
}
html body .type2-page--zen-wellness .type2-team .type2-team-card__media::before,
html body .type2-page--zen-wellness .type2-team .type2-team-card__media::after{
display: none;
}
html body .type2-page--zen-wellness .type2-team .type2-team-card__image{
object-fit: cover;
object-position: center top;
}
html body .type2-page--zen-wellness .type2-team .type2-team-card__body{
box-sizing: border-box;
display: flex;
flex: 1;
flex-direction: column;
padding: 20px 18px 18px !important;
text-align: left;
}
html body .type2-page--zen-wellness .type2-team .type2-team-card__name{
margin: 0 0 8px;
font-size: 20px;
line-height: 1.35;
overflow-wrap: anywhere;
}
html body .type2-page--zen-wellness .type2-team .type2-team-card__meta{
margin: 0 0 16px;
white-space: normal;
overflow: visible;
font-size: 14px;
line-height: 1.55;
}
html body .type2-page--zen-wellness .type2-team .type2-team-card__share{
box-sizing: border-box;
margin-top: auto;
min-height: 0;
padding: 24px 14px 16px;
background: #F3F7F2 !important;
border: 1px solid #DCE8DC;
border-radius: 12px;
}
html body .type2-page--zen-wellness .type2-team .type2-team-card__share p{
font-size: 15px;
line-height: 1.65;
color: #202F27;
font-style: italic !important;
overflow-wrap: anywhere;
}
html body .type2-page--zen-wellness .type2-team .type2-team-card__quote{
color: #3C6F52 !important;
}
@media (min-width: 576px) and (max-width: 991px) {
html body .type2-page--zen-wellness .type2-team .type2-team-list{
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
html body .type2-page--zen-wellness .type2-team .type2-team-card__body{
padding: 20px !important;
}
html body .type2-page--zen-wellness .type2-team .type2-team-card__share p{
font-size: 16px;
line-height: 1.6;
}
}
@media (max-width: 575px) {
html body .type2-page--zen-wellness .type2-team .type2-team-list{
display: flex;
gap: 16px;
align-items: stretch;
}
html body .type2-page--zen-wellness .type2-team .type2-team-card{
flex: 0 0 min(82vw, 320px);
width: min(82vw, 320px);
}
html body .type2-page--zen-wellness .type2-team .type2-team-card__body{
padding: 18px 16px 16px !important;
}
html body .type2-page--zen-wellness .type2-team .type2-team-card__name{
font-size: 18px;
}
}
html body .type2-page--zen-wellness .type2-students .type2-students__list{
display: grid !important;
grid-template-columns: minmax(0, 1fr);
gap: 48px;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card{
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
align-items: center;
gap: clamp(24px, 4vw, 56px);
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card:nth-child(even){
grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
}
html body .type2-page--zen-wellness .type2-students .type2-student-card:nth-child(even) .type2-student-card__photo{
grid-column: 2;
grid-row: 1;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card:nth-child(even) .type2-student-story__copy{
grid-column: 1;
grid-row: 1;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card__photo{
aspect-ratio: 4 / 3 !important;
margin: 0;
box-shadow: none !important;
}
html body .type2-page--zen-wellness .type2-students .type2-student-story__copy{
min-width: 0;
padding: 8px 0;
text-align: left;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card__name{
position: static;
display: flex;
align-items: center;
max-width: 100%;
margin: 0 0 18px;
padding: 0;
background: transparent !important;
border: 0;
box-shadow: none;
color: #394C8A !important;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card__name-text{
font-size: 22px;
line-height: 1.4;
color: #394C8A !important;
white-space: normal;
overflow: visible;
overflow-wrap: anywhere;
text-transform: none !important;
letter-spacing: 0;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card__name-accent{
background: #F2C84B !important;
height: 24px;
margin-right: 12px;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card__quote{
display: block;
box-sizing: border-box;
min-height: 0;
margin: 0;
padding: 0;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card__quote-mark{
text-align: left;
color: #D6A51F !important;
font-size: 48px;
margin: 0 0 8px;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card__quote-line{
display: none;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card__quote-text{
display: block !important;
overflow: visible !important;
-webkit-line-clamp: unset;
margin: 0;
font-size: 17px;
line-height: 1.7;
font-style: italic !important;
color: #596176 !important;
overflow-wrap: anywhere;
}
@media (min-width: 768px) and (max-width: 991px) {
html body .type2-page--zen-wellness .type2-students .type2-student-card{
gap: 28px;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card__quote-text{
font-size: 16px;
line-height: 1.6;
}
}
@media (max-width: 767px) {
html body .type2-page--zen-wellness .type2-students .type2-students__list{
gap: 36px;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card,
html body .type2-page--zen-wellness .type2-students .type2-student-card:nth-child(even){
grid-template-columns: minmax(0, 1fr);
gap: 18px;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card:nth-child(even) .type2-student-card__photo,
html body .type2-page--zen-wellness .type2-students .type2-student-card:nth-child(even) .type2-student-story__copy{
grid-column: auto;
grid-row: auto;
}
html body .type2-page--zen-wellness .type2-students .type2-student-story__copy{
padding: 0 4px;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card__name-text{
font-size: 20px;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card__quote-text{
font-size: 16px;
line-height: 1.6;
}
}
@media (max-width: 575px) {
html body .type2-page--zen-wellness .type2-students .type2-students__list{
gap: 28px;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card__name-text{
font-size: 18px;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card__quote-text{
font-size: 15px;
line-height: 1.65;
}
}
html body .type2-page--zen-wellness .type2-students .type2-student-card__photo{
--student-corner-large: clamp(36px, 6vw, 80px);
--student-corner-small: 18px;
border-radius: var(--student-corner-large) var(--student-corner-small) !important;
overflow: visible !important;
isolation: isolate;
background: transparent;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card:nth-child(even) .type2-student-card__photo{
border-radius: var(--student-corner-small) var(--student-corner-large) !important;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card__photo::before{
content: "";
position: absolute;
inset: 12px 0 -10px 12px;
z-index: 0;
border-radius: inherit;
background: #FFF8DE;
border: 1px solid rgba(242,200,75,.35);
pointer-events: none;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card:nth-child(even) .type2-student-card__photo::before{
inset: 12px 12px -10px 0;
}
html body .type2-page--zen-wellness .type2-students .type2-student-card__image{
position: relative;
z-index: 1;
border-radius: inherit !important;
transform: none !important;
}
@media (max-width: 767px) {
html body .type2-page--zen-wellness .type2-students .type2-student-card__photo{
--student-corner-large: clamp(32px, 10vw, 56px);
--student-corner-small: 14px;
}
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__camp{
display: none !important;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__slider{
width: 100%;
max-width: 100%;
min-width: 0;
overflow: hidden !important;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__slider > .swiper-wrapper{
overflow: visible;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__slide{
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
align-items: center;
box-sizing: border-box;
gap: 32px;
min-height: 0;
padding: 28px;
background: #fff !important;
border: 1px solid rgba(57,76,138,.14);
box-shadow: none !important;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__copy{
min-height: 0;
padding: 0;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__voice{
grid-template-columns: 36px minmax(0, 1fr);
grid-template-areas: "mark person" ". content";
gap: 16px;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__person{
grid-area: person;
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
min-width: 0;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__avatar{
flex: 0 0 80px;
width: 80px;
height: 80px;
background: #F2F4FA;
box-shadow: none;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__name{
width: auto;
min-width: 0;
max-width: 100%;
margin: 0;
white-space: normal;
overflow-wrap: anywhere;
color: #394C8A !important;
font-size: 17px;
line-height: 1.4;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__quote-mark{
font-size: 56px;
color: #D6A51F !important;
margin: 0;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__content,
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__content p{
position: static;
font-size: 16px;
line-height: 1.65;
font-style: normal !important;
color: #596176 !important;
overflow-wrap: anywhere;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__visual{
box-shadow: none;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__controls{
display: flex;
justify-content: center;
align-items: center;
gap: 18px;
margin-top: 20px;
padding: 4px 0;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__pagination{
position: static;
order: 1;
width: auto;
margin: 0;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__prev,
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__next{
position: static !important;
display: flex !important;
flex: 0 0 44px;
width: 44px;
height: 44px;
margin: 0;
transform: none !important;
opacity: 1;
border: 1px solid rgba(57,76,138,.2);
background: #fff;
color: #394C8A;
box-shadow: none;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__prev{ order: 0; }
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__next{ order: 2; }
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__prev img,
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__next img{
display: none;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__prev::after,
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__next::after{
content: "";
display: block;
width: 9px;
height: 9px;
border-top: 2px solid #394C8A;
border-right: 2px solid #394C8A;
transform: rotate(45deg);
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__prev::after{
transform: rotate(-135deg);
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__pagination .swiper-pagination-bullet{
background: #394C8A;
opacity: .3;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__pagination .swiper-pagination-bullet-active{
background: #394C8A;
opacity: 1;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__controls button:focus-visible{
outline: 2px solid #394C8A;
outline-offset: 2px;
}
@media (max-width: 991px) {
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__slide{
display: block;
padding: 24px;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__visual{
display: none;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__voice{
grid-template-areas: "mark person" "content content";
}
}
@media (max-width: 575px) {
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__slide{
padding: 20px 16px;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__voice{
grid-template-columns: 24px minmax(0, 1fr);
gap: 16px 10px;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__avatar{
flex-basis: 56px;
width: 56px;
height: 56px;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__person{
gap: 12px;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__name{
font-size: 15px;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__quote-mark{
font-size: 42px;
}
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__content,
html body .type2-page--zen-wellness .type2-feedback .type2-feedback__content p{
font-size: 15px;
}
}
html body .type2-page--zen-wellness #form-register.type2-consultation{
background: #3C6F52 !important;
padding: 64px 0 !important;
scroll-margin-top: 100px;
}
.type2-page--zen-wellness #form-register.type2-consultation .type2-consultation__heading{
max-width: 820px;
margin: 0 auto 32px;
text-align: center;
}
.type2-page--zen-wellness #form-register.type2-consultation .type2-consultation__title{
display: flex;
justify-content: center;
align-items: baseline;
flex-wrap: wrap;
gap: 8px 14px;
margin: 0;
font-size: 30px !important;
line-height: 1.25 !important;
color: #FFFFFF !important;
}
.type2-page--zen-wellness #form-register.type2-consultation .type2-consultation__decor{
font-family: "Great Vibes", cursive !important;
font-size: 40px !important;
font-weight: 400 !important;
color: #52C95E !important;
}
.type2-page--zen-wellness #form-register.type2-consultation .type2-consultation__description{
margin-top: 16px;
color: #FFFFFF;
}
.type2-page--zen-wellness #form-register.type2-consultation .type2-consultation__description p{
margin: 0;
}
.type2-page--zen-wellness #form-register.type2-consultation .type2-consultation__helper{
margin: 16px 0 0;
text-align: center;
color: #FFFFFF !important;
font-size: 14px !important;
}
@media (min-width:576px) and (max-width:991px) {
html body .type2-page--zen-wellness #form-register.type2-consultation{ padding: 48px 0 !important; }
.type2-page--zen-wellness #form-register.type2-consultation .type2-consultation__title{ font-size:28px !important; line-height:1.2 !important; }
.type2-page--zen-wellness #form-register.type2-consultation .type2-consultation__decor{ font-size:34px !important; }
}
@media (max-width:575px) {
html body .type2-page--zen-wellness #form-register.type2-consultation{ padding:40px 0 !important; }
.type2-page--zen-wellness #form-register.type2-consultation .type2-consultation__title{ font-size:22px !important; line-height:1.24 !important; }
.type2-page--zen-wellness #form-register.type2-consultation .type2-consultation__decor{ font-size:30px !important; }
.type2-page--zen-wellness #form-register.type2-consultation .type2-consultation__heading{ margin-bottom:24px; }
}
html body .type2-page--zen-wellness #form-register .type2-consultation__title,
html body .type2-page--zen-wellness #form-register .type2-consultation__title > span{
font-family: "Sitka Text", Georgia, serif !important;
font-weight: 700 !important;
font-style: normal !important;
font-size: 30px !important;
line-height: 1.25 !important;
letter-spacing: -.012em !important;
color: #FFFFFF !important;
}
html body .type2-page--zen-wellness #form-register .type2-consultation__title > .type2-consultation__decor{
font-family: "Great Vibes", cursive !important;
font-size: 40px !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 1 !important;
letter-spacing: 0 !important;
color: #52C95E !important;
}
@media (min-width:576px) and (max-width:991px) {
html body .type2-page--zen-wellness #form-register .type2-consultation__title,
html body .type2-page--zen-wellness #form-register .type2-consultation__title > span{
font-size: 28px !important;
line-height: 1.20 !important;
}
html body .type2-page--zen-wellness #form-register .type2-consultation__title > .type2-consultation__decor{
font-size: 34px !important;
}
}
@media (max-width:575px) {
html body .type2-page--zen-wellness #form-register .type2-consultation__title,
html body .type2-page--zen-wellness #form-register .type2-consultation__title > span{
font-size: 22px !important;
line-height: 1.24 !important;
}
html body .type2-page--zen-wellness #form-register .type2-consultation__title > .type2-consultation__decor{
font-size: 30px !important;
}
}
html body .type2-page--zen-wellness
.type2-gallery .type2-gallery-heading
.type2-gallery-title.type2-gallery-title.type2-gallery-title.type2-gallery-title.type2-gallery-title.type2-gallery-title{
color: #FFFFFF !important;
}
html body .type2-page--zen-wellness .section-connect{
background: #F3F7F2 !important;
padding: 56px 0 !important;
}
html body .type2-page--zen-wellness .section-connect > .image-before,
html body .type2-page--zen-wellness .section-connect > .image-after{
display: none !important;
}
html body .type2-page--zen-wellness .section-connect h2.title-all{
font-family: "Sitka Text", Georgia, serif !important;
font-weight: 700 !important;
font-style: normal !important;
font-size: 30px !important;
line-height: 1.25 !important;
letter-spacing: -.012em !important;
color: #FFFFFF !important;
margin: 0 0 32px !important;
}
@media (min-width:576px) and (max-width:991px) {
html body .type2-page--zen-wellness .section-connect{
padding: 48px 0 !important;
}
html body .type2-page--zen-wellness .section-connect h2.title-all{
font-size: 28px !important;
line-height: 1.20 !important;
}
}
@media (max-width:575px) {
html body .type2-page--zen-wellness .section-connect{
padding: 40px 0 !important;
}
html body .type2-page--zen-wellness .section-connect h2.title-all{
font-size: 22px !important;
line-height: 1.24 !important;
margin-bottom: 24px !important;
}
}
html body .type2-page--zen-wellness .type2-hero--wellness{
display: block !important;
position: relative;
min-height: 560px;
max-height: none !important;
height: auto !important;
overflow: hidden;
background: #283866;
padding: 100px 0 80px;
}
html body .type2-page--zen-wellness .type2-hero--wellness > .type2-hero-background{
position: absolute;
inset: 0;
z-index: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
html body .type2-page--zen-wellness .type2-hero--wellness::before{
content: "";
display: block !important;
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(90deg, rgba(40,56,102,.9) 0%, rgba(40,56,102,.64) 52%, rgba(40,56,102,.16) 100%);
pointer-events: none;
}
html body .type2-page--zen-wellness .type2-hero--wellness .container{
display: block !important;
position: relative;
top: auto;
left: auto;
height: auto;
transform: none !important;
z-index: 2;
}
html body .type2-page--zen-wellness .type2-hero--wellness .ct-text{
width: min(760px, 68%) !important;
max-width: 100%;
margin: 0 !important;
transform: none !important;
text-align: left;
}
html body .type2-page--zen-wellness .type2-hero--wellness .title{
display: flex !important;
flex-direction: column;
align-items: flex-start !important;
width: 100% !important;
max-width: 100%;
gap: 10px;
margin: 0;
}
html body .type2-page--zen-wellness .type2-hero--wellness .title > .text{
display: block;
width: 100%;
font-family: var(--wellness-font-display, "Averta-Bold", sans-serif) !important;
font-size: 48px !important;
font-weight: 700 !important;
font-style: normal !important;
line-height: 1.14 !important;
letter-spacing: -.015em !important;
color: #fff !important;
text-shadow: none !important;
white-space: normal !important;
overflow-wrap: anywhere;
transform: none !important;
}
html body .type2-page--zen-wellness .type2-hero--wellness .title > .text-decor{
display: block;
margin: 0 !important;
transform: none !important;
font-family: var(--wellness-font-script, "Dancing Script SVN", cursive) !important;
font-size: 52px !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 1.15 !important;
letter-spacing: 0 !important;
color: #F2C84B !important;
text-shadow: none !important;
text-transform: none !important;
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-body{
width: 100% !important;
margin: 24px 0 0 !important;
text-align: left;
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-subtitle{
font-family: var(--wellness-font-body, "NotoSan", sans-serif) !important;
font-size: 18px !important;
line-height: 1.65 !important;
color: rgba(255,255,255,.95) !important;
text-align: left !important;
text-align-last: auto !important;
text-shadow: none;
max-width: 640px;
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-subtitle p{ margin: 0; }
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-values{
margin: 20px 0 0;
font-family: var(--wellness-font-body, "NotoSan", sans-serif) !important;
font-size: 15px;
line-height: 1.6;
color: #FFF8DE !important;
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-actions{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px 24px;
margin-top: 24px;
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-cta{
width: auto;
margin: 0;
text-align: left;
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-cta .btn{
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 12px 24px;
border: 0;
border-radius: 12px;
background: #F2C84B !important;
color: #242C4F !important;
font-family: var(--wellness-font-body, "NotoSan", sans-serif) !important;
font-size: 16px !important;
font-weight: 700 !important;
font-style: normal !important;
letter-spacing: 0 !important;
text-shadow: none;
text-transform: none;
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-secondary{
color: #fff !important;
font-family: var(--wellness-font-body, "NotoSan", sans-serif) !important;
font-size: 16px;
padding: 12px 0;
text-decoration: underline;
text-underline-offset: 4px;
}
html body .type2-page--zen-wellness .type2-hero--wellness a:focus-visible{
outline: 3px solid #fff;
outline-offset: 4px;
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logos{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin-bottom: 24px;
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logo{
display: flex;
align-items: center;
justify-content: center;
max-width: calc(50% - 6px);
padding: 10px 14px;
border-radius: 10px;
background: rgba(255,255,255,.95);
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logo__image{
position: static;
width: auto !important;
height: auto !important;
max-width: 180px;
max-height: 56px;
object-fit: contain;
}
@media (min-width:576px) and (max-width:991px) {
html body .type2-page--zen-wellness .type2-hero--wellness{ min-height: 480px; padding: 80px 0 64px; }
html body .type2-page--zen-wellness .type2-hero--wellness .ct-text{ width: 85% !important; }
html body .type2-page--zen-wellness .type2-hero--wellness .title > .text{ font-size: 38px !important; }
html body .type2-page--zen-wellness .type2-hero--wellness .title > .text-decor{ font-size: 42px !important; }
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-subtitle{ font-size: 16px !important; }
}
@media (max-width:575px) {
html body .type2-page--zen-wellness .type2-hero--wellness{ min-height: 0; padding: 64px 0 48px; }
html body .type2-page--zen-wellness .type2-hero--wellness::before{ background: rgba(40,56,102,.78); }
html body .type2-page--zen-wellness .type2-hero--wellness .ct-text{ width: 100% !important; }
html body .type2-page--zen-wellness .type2-hero--wellness .title > .text{ font-size: 30px !important; }
html body .type2-page--zen-wellness .type2-hero--wellness .title > .text-decor{ font-size: 36px !important; }
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-subtitle{ font-size: 15px !important; }
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logo{ padding: 8px 10px; }
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logo__image{ max-width: 120px; max-height: 40px; }
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logo{
padding: 0 !important;
background: transparent !important;
border: 0;
border-radius: 0;
box-shadow: none;
min-height: 0;
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logo__image{
display: block;
min-height: 0 !important;
min-width: 0;
max-width: min(180px, 100%);
max-height: 56px !important;
height: auto !important;
width: auto !important;
}
html body .type2-page--zen-wellness
.section-banner__pages.type2-hero.type2-hero--wellness
.container .ct-text .title > .text{
font-family: var(--wellness-font-display, "Averta-Bold", sans-serif) !important;
}
@media (min-width:992px) {
html body .type2-page--zen-wellness .type2-hero--wellness .container{
width: 100%;
max-width: 1280px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 32px;
padding-right: 32px;
box-sizing: border-box;
}
}
@media (max-width:575px) {
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logo__image{
max-width: min(120px, 100%);
max-height: 40px !important;
}
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logos{
justify-content: flex-start !important;
align-items: center !important;
gap: 24px;
width: 100%;
padding: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logo{
flex: 0 1 auto !important;
width: auto !important;
max-width: calc(50% - 12px);
justify-content: flex-start !important;
margin: 0 !important;
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logo__image{
width: auto !important;
height: 28px !important;
max-width: 100% !important;
max-height: 28px !important;
margin: 0 !important;
object-fit: contain;
object-position: left center;
}
@media (max-width:575px) {
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logos{ gap: 20px; }
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logo{ max-width: calc(50% - 10px); }
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logo__image{
height: 20px !important;
max-height: 20px !important;
}
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logos{
gap: 12px;
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logo{
box-sizing: border-box;
max-width: calc(50% - 6px);
padding: 6px 10px !important;
border: 1px solid rgba(255,255,255,.35);
border-radius: 8px;
background: rgba(40,56,102,.55) !important;
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logo__image{
height: 18px !important;
max-height: 18px !important;
}
@media (min-width:992px) {
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logos{
margin-bottom: 56px;
}
}
@media (min-width:576px) and (max-width:991px) {
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logo{
padding: 5px 8px !important;
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logo__image{
height: 16px !important;
max-height: 16px !important;
}
}
@media (max-width:575px) {
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logos{
margin-bottom: 18px;
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logo{
padding: 5px 8px !important;
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logo__image{
height: 14px !important;
max-height: 14px !important;
}
}
html body .type2-page--zen-wellness .type2-hero--wellness{
background-color: #332C20;
}
html body .type2-page--zen-wellness .type2-hero--wellness::before{
background:
radial-gradient(ellipse at 85% 12%, rgba(242,200,75,.18), transparent 60%),
linear-gradient(90deg, rgba(43,38,29,.86) 0%, rgba(43,38,29,.58) 52%, rgba(43,38,29,.06) 100%);
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logo{
max-width: 100%;
background: rgba(43,38,29,.42) !important;
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-cta .btn{
background: linear-gradient(135deg, #FFE59A 0%, #F2C84B 100%) !important;
color: #242C4F !important;
box-shadow: none !important;
transition: transform .2s ease, filter .2s ease;
}
@media (hover:hover) and (pointer:fine) {
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-cta .btn:hover{
filter: brightness(.97) saturate(1.08);
transform: translateY(-1px);
}
}
@media (min-width:576px) and (max-width:991px) {
html body .type2-page--zen-wellness .type2-hero--wellness{
padding-top: 56px;
}
}
@media (max-width:575px) {
html body .type2-page--zen-wellness .type2-hero--wellness{
padding-top: 40px;
}
html body .type2-page--zen-wellness .type2-hero--wellness::before{
background:
radial-gradient(ellipse at 90% 0%, rgba(242,200,75,.12), transparent 60%),
linear-gradient(90deg, rgba(43,38,29,.80), rgba(43,38,29,.64));
}
}
@media (prefers-reduced-motion:reduce) {
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-cta .btn{
transition: none;
}
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-cta .btn:hover{
transform: none;
}
}
@media (min-width:992px) {
html body .type2-page--zen-wellness .type2-hero--wellness .type2-hero-logos{
position: relative;
top: 20px;
}
}
html body .type2-page--zen-wellness .intro-wellness.type2-intro .type2-intro-main-image{
padding: 0 !important;
background: transparent !important;
border-radius: 64px 18px !important;
overflow: visible !important;
box-shadow: none !important;
}
html body .type2-page--zen-wellness .intro-wellness.type2-intro .type2-intro-main-image::before{
content: "";
inset: 12px 0 -10px 12px;
width: auto;
height: auto;
border-radius: inherit;
background: #FFF8DE;
z-index: -1;
pointer-events: none;
}
html body .type2-page--zen-wellness .intro-wellness.type2-intro .type2-intro-main-image::after{
display: none;
}
html body .type2-page--zen-wellness .intro-wellness.type2-intro .type2-intro-main-image img{
border-radius: inherit !important;
}
html body .type2-page--zen-wellness .intro-wellness.type2-intro .module-content > .s-content{
text-align: left !important;
text-align-last: auto !important;
}
html body .type2-page--zen-wellness .intro-wellness.type2-intro .module-content > .s-content p{
margin: 0 0 16px !important;
}
html body .type2-page--zen-wellness .intro-wellness.type2-intro .module-content > .s-content p:last-child{
margin-bottom: 0 !important;
}
@media (min-width:576px) and (max-width:991px) {
html body .type2-page--zen-wellness .intro-wellness.type2-intro .type2-intro-main-image{
width: min(560px, 100%) !important;
max-width: 560px !important;
margin-left: auto !important;
margin-right: auto !important;
aspect-ratio: 4 / 3;
}
html body .type2-page--zen-wellness .intro-wellness.type2-intro .type2-intro-main-image img{
width: 100%;
height: 100%;
object-fit: cover;
}
html body .type2-page--zen-wellness .intro-wellness.type2-intro .module-content .title-intro__all .title.title.title{
font-family: var(--wellness-font-display, "Averta-Bold", sans-serif) !important;
font-size: 28px !important;
font-weight: 700 !important;
line-height: 1.20 !important;
}
html body .type2-page--zen-wellness .intro-wellness.type2-intro .module-content .title-intro__all .text-decor.text-decor.text-decor{
font-family: var(--wellness-font-script, "Dancing Script SVN", cursive) !important;
font-size: 34px !important;
font-weight: 400 !important;
line-height: 1 !important;
}
}
@media (max-width:575px) {
html body .type2-page--zen-wellness .intro-wellness.type2-intro
> .container:not(.type2-intro-highlights-wrap) > .row{
gap: 18px !important;
}
html body .type2-page--zen-wellness .intro-wellness.type2-intro .type2-intro-main-image{
border-radius: 40px 14px !important;
aspect-ratio: 4 / 3;
}
html body .type2-page--zen-wellness .intro-wellness.type2-intro .head-joy__wellness{
margin-bottom: 18px !important;
}
html body .type2-page--zen-wellness .intro-wellness.type2-intro .head-joy__wellness > h2{
margin-bottom: 10px !important;
}
html body .type2-page--zen-wellness .intro-wellness.type2-intro .title-intro__all{
gap: 6px !important;
}
html body .type2-page--zen-wellness .intro-wellness.type2-intro .module-content .title-intro__all .title.title.title{
font-family: var(--wellness-font-display, "Averta-Bold", sans-serif) !important;
font-size: 22px !important;
font-weight: 700 !important;
line-height: 1.24 !important;
}
html body .type2-page--zen-wellness .intro-wellness.type2-intro .module-content .title-intro__all .text-decor.text-decor.text-decor{
font-family: var(--wellness-font-script, "Dancing Script SVN", cursive) !important;
font-size: 30px !important;
font-weight: 400 !important;
line-height: 1 !important;
}
}
html body .type2-page--zen-wellness .section-why__wellness.type2-why .type2-why-image{
position: relative;
isolation: isolate;
padding: 0 !important;
border: 0 !important;
border-radius: 64px 18px !important;
background: transparent !important;
box-shadow: none !important;
overflow: visible !important;
}
html body .type2-page--zen-wellness .section-why__wellness.type2-why .type2-why-image img{
border-radius: inherit !important;
box-shadow: none !important;
}
html body .type2-page--zen-wellness .section-why__wellness.type2-why .type2-why-image::before{
content: "";
position: absolute;
inset: 12px 0 -10px 12px !important;
width: auto !important;
height: auto !important;
border: 0;
border-radius: inherit !important;
background: #FFF8DE !important;
opacity: 1;
transform: none !important;
z-index: -1;
pointer-events: none;
}
html body .type2-page--zen-wellness .section-why__wellness.type2-why .type2-why-image::after{
display: none !important;
}
@media (max-width:575px) {
html body .type2-page--zen-wellness .section-why__wellness.type2-why .type2-why-image{
border-radius: 40px 14px !important;
}
}
html body .type2-page--zen-wellness .advantages-wellness.type2-audience .type2-audience-item__image{
margin-bottom: 24px !important;
border: 0 !important;
box-shadow: 0 4px 12px rgba(40,56,102,.025) !important;
}
html body .type2-page--zen-wellness .advantages-wellness.type2-audience .type2-audience-item__image::before{
display: none !important;
}
html body .type2-page--zen-wellness .advantages-wellness.type2-audience .type2-audience-item__image img{
border: 0 !important;
}
html body .type2-page--zen-wellness .advantages-wellness.type2-audience .type2-audience-item > .advantages-content{
padding-top: 0 !important;
}
@media (max-width:575px) {
html body .type2-page--zen-wellness .advantages-wellness.type2-audience .type2-audience-item__image{
margin-bottom: 20px !important;
}
}
html body .type2-page--zen-wellness .type2-programs .type2-programs-tabs{
gap: 12px;
align-items: stretch;
}
html body .type2-page--zen-wellness .type2-programs .type2-programs-tabs .nav-item{
margin: 0;
}
html body .type2-page--zen-wellness .type2-programs .type2-programs-tabs .nav-link,
.type2-page--zen-wellness body .zen-program-floating-tabs[data-program-owner="zen-wellness"] .zen-program-floating-tabs__button{
box-sizing: border-box;
min-height: 44px;
padding: 10px 16px !important;
border: 1px solid #DCE8DC !important;
border-bottom-width: 2px !important;
border-radius: 12px !important;
background: #FFFFFF !important;
color: #3C6F52 !important;
box-shadow: none !important;
text-decoration: none;
line-height: 1.35;
}
html body .type2-page--zen-wellness .type2-programs .type2-programs-tabs .nav-link .eng{
color: inherit !important;
font-size: 16px !important;
line-height: 1.35 !important;
}
html body .type2-page--zen-wellness .type2-programs .type2-programs-tabs .nav-link::after,
.type2-page--zen-wellness body .zen-program-floating-tabs[data-program-owner="zen-wellness"] .zen-program-floating-tabs__button::after{
display: none !important;
}
html body .type2-page--zen-wellness .type2-programs .type2-programs-tabs .nav-link.active,
.type2-page--zen-wellness body .zen-program-floating-tabs[data-program-owner="zen-wellness"] .zen-program-floating-tabs__button.is-active{
background: #3C6F52 !important;
color: #FFFFFF !important;
border-color: #3C6F52 !important;
border-bottom-color: #3C6F52 !important;
}
html body .type2-page--zen-wellness .type2-programs .type2-programs-tabs .nav-link:focus-visible,
.type2-page--zen-wellness body .zen-program-floating-tabs[data-program-owner="zen-wellness"] .zen-program-floating-tabs__button:focus-visible{
outline: 2px solid #3C6F52;
outline-offset: 2px;
}
html body .type2-page--zen-wellness .type2-programs .zen-wellness-program-showcase{
box-shadow: 0 6px 18px rgba(40,56,102,.025) !important;
}
html body .type2-page--zen-wellness .type2-programs .zen-wellness-program-showcase__content::before,
html body .type2-page--zen-wellness .type2-programs .zen-wellness-program-showcase__content::after,
html body .type2-page--zen-wellness .type2-programs .zen-wellness-program-showcase__media::before,
html body .type2-page--zen-wellness .type2-programs .zen-wellness-program-showcase__media::after{
display: none !important;
}
html body .type2-page--zen-wellness .type2-programs .zen-wellness-program-showcase__meta{
justify-content: flex-start !important;
text-align: left !important;
}
html body .type2-page--zen-wellness .type2-programs .zen-wellness-program-showcase__highlights li{
padding-left: 20px !important;
border-left: 0 !important;
}
html body .type2-page--zen-wellness .type2-programs .zen-wellness-program-showcase__highlights li::before{
content: "";
display: block !important;
position: absolute;
left: 0 !important;
top: .58em !important;
width: 7px !important;
height: 7px !important;
border-radius: 50%;
background: #3C6F52 !important;
opacity: 1;
}
html body .type2-page--zen-wellness .type2-programs .zen-wellness-program-showcase__cta{
box-shadow: none !important;
}
@media (min-width:992px) {
html body .type2-page--zen-wellness .type2-programs .type2-programs-tabs .nav-link{
max-width: 320px;
}
html body .type2-page--zen-wellness .type2-programs .type2-programs-tabs .nav-link .eng{
display: -webkit-box !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
white-space: normal !important;
overflow: hidden;
}
}
@media (max-width:991px) {
html body .type2-page--zen-wellness .type2-programs .type2-programs-tabs{
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
max-width: 100%;
padding-bottom: 6px;
}
html body .type2-page--zen-wellness .type2-programs .type2-programs-tabs .nav-item{
flex: 0 0 auto !important;
}
html body .type2-page--zen-wellness .type2-programs .type2-programs-tabs .nav-link .eng{
white-space: nowrap !important;
}
}
/* Wellness programme tabs: card-style controls with unique programme panels. */
html body #zen-wellness-home #zen-wellness-programs .type2-programs-tabs{
display:flex!important;
flex-wrap:wrap!important;
justify-content:center!important;
align-items:stretch!important;
gap:16px 20px!important;
overflow:visible!important;
}
html body #zen-wellness-home #zen-wellness-programs .type2-programs-tabs > .nav-item{
flex:0 1 360px!important;
width:360px!important;
max-width:360px!important;
margin:0!important;
padding:0!important;
}
html body #zen-wellness-home #zen-wellness-programs .type2-programs-tabs .nav-link{
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box;
width:100%!important;
max-width:none!important;
min-height:64px!important;
height:auto!important;
padding:12px 20px!important;
border:1px solid #DCE8DC!important;
border-radius:12px!important;
background:#FFFFFF!important;
color:#3C6F52!important;
box-shadow:none!important;
opacity:1!important;
text-align:center;
font-family:'Open Sans',Arial,sans-serif!important;
}
html body #zen-wellness-home #zen-wellness-programs .type2-programs-tabs .nav-link.active{
border-color:#3C6F52!important;
background:#3C6F52!important;
color:#FFFFFF!important;
}
html body #zen-wellness-home #zen-wellness-programs .type2-programs-tabs .nav-link .eng{
width:100%;
color:inherit!important;
font-family:'Open Sans',Arial,sans-serif!important;
font-size:16px!important;
font-weight:600!important;
line-height:1.35!important;
white-space:normal!important;
overflow:visible!important;
-webkit-line-clamp:unset!important;
}
html body #zen-wellness-home #zen-wellness-programs .type2-programs-tabs .nav-link::before,
html body #zen-wellness-home #zen-wellness-programs .type2-programs-tabs .nav-link::after{
content:none!important;
display:none!important;
}
html body #zen-wellness-home #zen-wellness-programs .type2-programs-tabs .nav-link:focus-visible{
outline:2px solid #52C95E!important;
outline-offset:3px;
}
html body .zen-program-floating-tabs[data-program-owner="zen-wellness"] .zen-program-floating-tabs__rail{
gap:10px;
}
html body .zen-program-floating-tabs[data-program-owner="zen-wellness"] .zen-program-floating-tabs__button{
border:1px solid #DCE8DC!important;
border-radius:12px!important;
background:#FFFFFF!important;
color:#3C6F52!important;
font-family:'Open Sans',Arial,sans-serif!important;
font-weight:600!important;
box-shadow:none!important;
}
html body .zen-program-floating-tabs[data-program-owner="zen-wellness"] .zen-program-floating-tabs__button.is-active{
border-color:#3C6F52!important;
background:#3C6F52!important;
color:#FFFFFF!important;
}
html body .zen-program-floating-tabs[data-program-owner="zen-wellness"] .zen-program-floating-tabs__button::before,
html body .zen-program-floating-tabs[data-program-owner="zen-wellness"] .zen-program-floating-tabs__button::after{
content:none!important;
display:none!important;
}
@media (min-width:576px) and (max-width:991px){
html body #zen-wellness-home #zen-wellness-programs .type2-programs-tabs{
flex-wrap:nowrap!important;
overflow-x:auto!important;
gap:12px!important;
}
html body #zen-wellness-home #zen-wellness-programs .type2-programs-tabs > .nav-item{
flex:0 1 320px!important;
width:320px!important;
max-width:320px!important;
}
html body #zen-wellness-home #zen-wellness-programs .type2-programs-tabs .nav-link{
min-height:56px!important;
}
}
@media (max-width:575px){
html body #zen-wellness-home #zen-wellness-programs .type2-programs-tabs{
flex-wrap:nowrap!important;
justify-content:flex-start!important;
overflow-x:auto!important;
gap:12px!important;
padding-bottom:6px!important;
}
html body #zen-wellness-home #zen-wellness-programs .type2-programs-tabs > .nav-item{
flex:0 0 230px!important;
width:230px!important;
max-width:230px!important;
}
html body #zen-wellness-home #zen-wellness-programs .type2-programs-tabs .nav-link{
min-height:52px!important;
}
html body #zen-wellness-home #zen-wellness-programs .type2-programs-tabs .nav-link .eng{
font-size:14px!important;
}
}
/* Wellness stories heading: script accent and responsive one-line composition. */
@media (min-width:1400px){
html body #zen-wellness-home .type2-students .type2-students__head{
width:min(1320px,100%);
}
html body #zen-wellness-home .type2-students .type2-students__heading{
flex-wrap:nowrap;
white-space:nowrap;
}
}
@media (min-width:1400px) and (max-width:1599px){
html body #zen-wellness-home .type2-students .type2-students__title{
font-size:26px;
}
html body #zen-wellness-home .type2-students .type2-students__title-decor{
font-size:34px;
}
}
@media (max-width:1399px){
html body #zen-wellness-home .type2-students .type2-students__heading{
display:block;
}
html body #zen-wellness-home .type2-students .type2-students__title,
html body #zen-wellness-home .type2-students .type2-students__title-decor{
display:block;
}
html body #zen-wellness-home .type2-students .type2-students__title-decor{
margin-top:6px;
transform:none;
}
}
/* Keep the top of portrait photos visible in Wellness stories and feedback. */
html body #zen-wellness-home .type2-students .type2-student-card__image,
html body #zen-wellness-home .type2-feedback .type2-feedback__visual-image {
object-position: center top !important;
}