/**********
SITEWIDE STYLES
**********/

:root{
    --primary: #3783A2;
    --grey: #4D4B4C;
    --text-dark: #3D2314;
    --black: #000;
}

body{
    background: #F8F7F2;
}

body,
html,
a,
p,
div
 {
    font-family: 'Avenir Next', sans-serif;
    line-height: 120%;
    font-size: 16px;
    color: #323232;
    line-height: 24px;
}

img {
    max-width: 100%;
    height: auto
}
h1,
h2,
h3,
h4,
h5{
    font-family: 'Impana', sans-serif;
    
}
html {
    overflow-x: clip;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.healing-options .btn {
    min-width: 0;
}
h1{
    font-size: 60px;
    font-style: normal;
    line-height: normal;
    letter-spacing: 3px;
}
.single-treatments h1{
    font-size: 41px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; 
    letter-spacing: 2.05px;
}

h2{
    font-size: 48px;
    font-style: normal;
    line-height: normal;
}
h3{
    font-size: 32px;
    font-style: normal;
    line-height: normal;
}
h4{
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.single-treatments .content h4{
    color: var(--text-dark);
    font-family: "Avenir Next", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    text-transform: uppercase;
}
h5{
    font-size: 18px;
    font-style: normal;
    line-height: 24px;
}
.text-primary{
    color: var(--primary) !important;
}
.text-grey{
    color: var(--grey) !important;
}
.text-dark{
    color: var(--text-dark) !important;
}
.text-black{
    color: var(--black) !important;
}
.font-md{
    font-size: 18px;
}
.font-sm{
    font-size: 16px;
}
.font-xs,
.font-xs p{
    font-size: 14px;
    line-height: 24px;
}
.font-xxs,
.font-xxs p{
    font-size: 12px;
    line-height: 18px;
}
.disclaimer p{
    margin-bottom: 0;
}

.fw-500{
    font-weight: 500;
}
.fw-semibold{
    font-weight: 600;
}
.fw-bold{
    font-weight: 700;
}
.italic{
    font-style: italic;
}
.home-hero h1{
    letter-spacing: -1.22px;
}

/* BUTTONS */
.btn{
    font-size: 13px;
    color: var(--black);
    font-weight: 600;
    padding: 10px 26px;
    border-radius: 0;
    line-height:  normal !important;
    text-align: center;
    
}

.btn.btn-outline{
    border: 1px solid var(--black);
    text-transform: uppercase;
    background: none;
}
.btn.btn-outline:hover{
    color: #ffffff;
    background: black;
}
/* END BUTTONS */
a {
    text-decoration: none;
}

a:hover {
    opacity: 0.8;
    text-decoration: none;
}

.flex {
    display: flex
}
/*
.container {
    max-width: 1240px;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto
} */

.cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.contain {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.bottom30 {
    margin-bottom: 30px;
}

.bottom60 {
    margin-bottom: 60px;
}

.bottom90 {
    margin-bottom: 90px;
}

.menu-item-has-children::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 11px;
    display: inline-block;
    top: -1px;
    transition: all 300ms;
    transform: scaleY(1);
}

.menu-item-has-children.sub-menu-active::after {
    transform: scaleY(-1);
}

header {
    position: relative;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
header .inner{
    position: relative;
    z-index: 1;
}
.header ul {
    width: 100%;
    justify-content: space-between;
}
.header-line,
.header-line-center{
    position: relative;
}
.header-line::before {
    content: "";
    position: relative;
    left: 0;
    display: block;
    width: 29px;
    margin-bottom: 10px;
    height: 2px;
    background: var(--primary);
}
.header-line-center::before{
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 29px;
    height: 2px;
    background: var(--primary);
}
.header .nav {
    width: 100%;
}
.bg-blue-style-5{
    background: linear-gradient(180deg, #E9F9FF 45.1%, #F8F7F2 64%);
}
.footer-main .socials .item img,
.footer-main .contact .item img,
.contact-form .contact .item img,
.contact-form .socials .item img{
    max-width: 24px;
    height: 24px;
    object-fit: contain;
}
.ftr-logo img{
    max-width: 273px;
    width: 100%;
    object-fit: contain;
}
.img-flex.style-1 .item img{
    border-radius: 20px;
    object-fit: cover;
    width: 100%;
}

.img-flex.style-1 .item:first-child img{
    margin-top: -50px;
}

/*section.splash{
    background-image: url('../img/splash_v2.png');
    background-position: center top;
    background-repeat: repeat-x;
    background-size: contain;
} */
.video-repeat.full{
    
    max-width: 586px;
}
.video-repeat.video-xl{
    max-width: 821px;
}

.video-repeat{
    margin: auto;
    max-width: 505px;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-repeat.full video{
    width: 1100px;
    
}
.video-repeat video{
    height: 100%;
    max-width:100%;
    object-fit: cover;
    width: 840px;
}
.checklist-container{
    border-radius: 20px;
    background: rgba(55, 131, 162, 0.10);
    padding: 60px 20px 60px 30px;
}
ul.checklist{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
ul.checklist li{
    position: relative;
    padding-left: 35px;
    padding-bottom: 15px;
}
ul.checklist.two-col li{
    width: 50%;
}
ul.checklist li p{
    margin-bottom: 0;
}
ul.checklist li::before{
    content: "";
    position: absolute;
    left: -5px;
    top: 6px;
    width: 35px;
    height: 17px;
    background-image: url(../img/icon-wave.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
}

/**********
COOKIE    
**********/

#siteCookie {
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 30;
    bottom: 0;
    padding: 10px 0;
    width: 100%;
}

#siteCookie,
#siteCookie p,
#siteCookie a,
#siteCookie .fa {
    color: #fff;
    font-weight: 600
}

#siteCookie .inner {
    display: flex;
    align-items: center;
}

#siteCookie p {
    margin-right: 20px;
    margin-bottom: 0;
}

#siteCookie .fa {
    font-size: 28px;
    margin-left: auto
}

#siteCookie i {
    cursor: pointer
}

/* POPUP */
#offer-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.20);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-inner h2{
    font-size: 45px;
    font-weight: 400;
    letter-spacing: -0.9px;
}
.popup-inner {
    background: #fff;
   
    max-width: 684px;
    width: 90%;
    position: relative;
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
    border-radius: 20px;
}
.popup-inner .info{
    padding: 30px;
}
.popup-inner img{
    width: 100%;
    height: 351px;
    border-radius: 20px 20px 9px 9px ;
    object-fit: cover;
}

.popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}




/* END POPUP */
.top-header{
    border-bottom: 1px solid rgba(77, 75, 76, 0.10);
}


nav.nav ul li a{
    color: var(--black);
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
section.bg-beige{
    background-image: url(../img/beige-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
section.slider-info{
    position: relative;
}
.card-style-1 .item {
    border-radius: 15px;
}
.card-style-1 .item .image img{
    border-radius: 15px;
    height: 511px;
    width: 100%;
    object-fit: cover;
   
}

.card-style-2 .item .image{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    border-radius: 20px;
    height: 213px;
}
.card-style-2 .item .image.full{
    padding: 0;
}
.card-style-2 .item .logo img{
    height: 53px;
    width: auto;
    object-fit: contain;
    max-width: 230px;
    width: 100%;
}
.card-style-2 .item .image img:not(.full){
    max-width: 100%;
    width: 126px;
    height: 163px;
    flex-shrink: 0;
    aspect-ratio: 126/163;
}
.card-style-2 .item .image img.full{
    height: 213px;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.sticky-item{
    position: sticky;
    top: 50px;
}

.disclaimer{
    padding: 18px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.05);
}
.options-card .item {
    width: 100%;
    margin: auto;
}
.options-card .item .image{
    position: relative;
    max-width: 100%;
    aspect-ratio: 1;
    border-radius: 10px;
    overflow: hidden;
}
.healing-options .item a {
    display: block;
    position: relative;
    height: 100%;
}
.options-card .item .image a::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.40);
    border-radius: 10px;
}
.options-card .item .image .main{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
    transition: transform 0.5s ease;
}
.options-card .item .image:hover .main {
    transform: scale(1.1);
}
.options-card .item .image .logo{
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 174px;
    height: 65px;
    object-fit: contain;
    z-index: 1;

}
section.water-bg{
    position: relative;
    position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 170px 0 100px;
    min-height: 600px;
    overflow-x: clip;

}
section.water-bg .review-slider{
    position: relative;
    z-index: 2;
}
section.water-bg::after {
    content: '';
    aspect-ratio: 1431/675;
    height: 100%;
    width: 100%;
    display: block;
}
.fullimage img{
    width: 821px;
    max-width: 100%;
    height: 462px;
    object-fit: cover;
    border-radius: 20px;
}
section.water-bg::before {
    left: -25%;
    top: -30%;
    background-image: url(/wp-content/uploads/2025/07/bubbles-left.png);
}
section.water-bg {
    position:relative;
}
.home section.water-bg::after, .home section.water-bg::before {
    display:none;
}
section.water-bg:after, section.water-bg:before {
    content: '' !important;
    aspect-ratio: 1431 / 675;
    width: 60%;
    height: auto;
    display: block;
    opacity:0.45;
    position: absolute;
    background-size: cover;
}
section.water-bg::after {
    right: -26%;
    top: -10%;
    background-image: url(/wp-content/uploads/2025/07/bubbles-right.png);
}
.map{
    min-height: 373px;
}
/* IMAGE HOVER */
.item.hover{
    overflow: hidden;
}
.image.hover{
    position: relative;
    overflow: hidden;
}
.image.hover img.zoom{
    transition: transform 0.5s ease;
}
.image:hover img.zoom{
    transform: scale(1.1);
}
/* END IMAGE HOVER */

/* ACCORDION  */
.accordion .item{
    padding: 25px 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.20);
}

.accordion .item .toggle{
    position: relative;
    cursor: pointer;
}
.accordion .item .toggle p{
    max-width: 80%;
}
.accordion .item .toggle{
    margin-bottom: 20px;
    transition: all ease 0.3s;
}
.accordion .item .toggle::after{
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-image: url(../img/icon-plus.svg);
}
/* END ACCORDION */

/* FORM */
.form-blue form label{
    display: none;
}
.form-blue form input[type=text],
.form-blue form input[type=email],
.form-blue form input[type=tel],
.form-blue form textarea{
    width: 100%;
    border: none;
    background: none;
    border-bottom: 1px solid #D0D0D0;;
    padding: 10px 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    color: #424242;
    margin-bottom: 30px;
    outline: none;
}
.form-blue form textarea{
    height: 80px;
}
.form-blue form input::placeholder,
.form-blue form textarea::placeholder{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    color: #424242;
}
.form-blue form input[type=submit]{
    background: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 30px !important; 
    letter-spacing: 1.4px;
    color: var(--text-dark);
    font-weight: 600;
    padding: 10px 26px;
    border-radius: 0;
    line-height:  normal !important;
    border: 1px solid var(--text-dark);
    text-transform: uppercase;
    padding: 12px 60px;
}
.form-blue form input[type=submit]:hover{
    background: #3D2314;
    color: #fff;
    border: none;
}

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

.duration-btn span {
    border: 1px solid #A1A1A1;
    font-size: 13px;
    padding: 14px 55px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    /* transition: all 0.2s ease; */
    cursor: pointer;
    border-radius: 0;
    color: #000;
    display: inline-block;
    
}
.duration-btn{
    margin-bottom: 0;
}
.duration-form button[type="submit"]{
    padding: 14px 35px !important;
}
.duration-btn:hover span{
    color: var(--primary);
    border-radius: 0;
    border: 2px solid var(--primary);
    padding: 13px 54px;
}

.duration-btn input:checked + span {
    color: var(--primary);
    border-radius: 0;
    padding: 13px 54px;
    border: 2px solid var(--primary);
}


/* END FORM */

/* SLIDER */
.media-slider .item {
    padding: 0 10px;
}
.media-slider .btn {
    max-width: 90% !important;
    min-width: 180px;
}
.media {
    display:block;
}
.treatment-card-slider .item{
    max-width: 400px;
    width: 100%;
    aspect-ratio: 1/1;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin: 10px;
}
.treatment-card-slider .item::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.40);
    border-radius: 10px;
}
.treatment-card-slider .item img.logo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    height: 64px;
    width: auto;
    object-fit: contain;
}

.full-slider-content .slider-result{
    transition: all ease 0.3s;
}
.full-slider-home-inner {
    background: #F9F7F2;

}
.full-slider-content .slider-result:not(:first-child){
    display: none;
}
.gallery-slider{
    max-width: 610px;
    width: 100%;
    margin: auto;
}
.image-main,
.image-items{
    padding: 6px 0;
}
.image-main img{
    aspect-ratio: 1 / 1;
    width: 100%; 
    max-width: 610px;
    border-radius: 20px;
    overflow: hidden;
    margin: 6px;
    display: inline-block;
    object-fit: cover;
}
.image-items img{
    aspect-ratio: 1 / 1;
    width: 100%;
    max-width: 87px;
    border-radius: 10px;
    overflow: hidden;
    margin: 6px;
    display: inline-block;
    object-fit: cover;
    cursor: pointer;
}
.arrow-dark .slick-next{
    right: -10px !important;
}
.arrow-dark .slick-prev{
    left: -10px !important;
    z-index: 1;
}
.arrow-dark.arrow-sm .slick-next{
    right: -20px !important;
}
.arrow-dark.arrow-sm .slick-prev{
    left: -20px !important;
    z-index: 1;
}

.arrow-dark .slick-prev:before{
    content: url('../img/arrow-left-dark.svg') !important;
}
.arrow-dark .slick-next:before{
    content: url('../img/arrow-right-dark.svg') !important;
}
.arrow-dark.arrow-sm .slick-prev:before{
    content: url('../img/arrow-left-dark-sm.svg') !important;
}
.arrow-dark.arrow-sm .slick-next:before{
    content: url('../img/arrow-right-dark-sm.svg') !important;
}


.arrow-white .slick-next{
    right: 5% !important;
}
.arrow-white .slick-prev{
    left: 5% !important;
    z-index: 1;
}
.arrow-white .slick-arrow {
    color: transparent;
}
.arrow-white .slick-prev:before{
    content: url('../img/arrow-left-white.svg') !important;
}
.arrow-white .slick-next:before{
    content: url('../img/arrow-right-white.svg') !important;
}
.review-slider{
    overflow-x: hidden;
}
.review-slider .item{
    padding: 22px;
    margin: 10px;
    border-radius: 24px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.75);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(10px);
}
.review-slider .item img{
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 40px;
    margin-right: 15px;
}
.review-slider .slick-track{
    padding-bottom: 20px;
    display: flex;
    align-items: center;
}
.review-slider .item .review p{
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 155%
}
.review-slider .item .profile-default{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: var(--primary);
    margin-right: 10px;
}
.review-slider .item .profile-default p{
    margin-bottom: 0;
    color: #fff;
    font-weight: 600;
}
.card-slider .item{
    background: #ffffff;
    border-radius: 15px;
    margin: 12.5px;
}
.card-slider .item img{
    border-radius: 15px 15px 0 0;
    width: 100%;
    height: 296px;
    aspect-ratio: 3/2;
    object-fit: cover;
}
.full-slider .item{
    margin: 10px;
}
.full-slider{
    overflow-x: hidden;
    /* max-width: 1920px; */
    width: 100%;
    margin: auto;
    position: relative;
    z-index: 1;
}
.full-slider .item img{
    width: 100%;
    height: 607px;
    object-fit: cover;
    border-radius: 30px;
    
}
.image-right-full{
    width: 100%;
    height: 579px;
    object-fit: cover;
    border-radius: 20px;
}

.options-card .item .image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.video-repeat.video-repeat2 {
    aspect-ratio: 1;
    max-width: 555px;
}
/* END SLIDER */

/*
.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media(min-width:576px){.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media(min-width:768px){.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media(min-width:992px){.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media(min-width:1200px){.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media(min-width:1400px){.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}
.withgutter {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.withgutter > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
} */

/* ADDITIONAL */
body {
    position: relative;
    overflow-x: clip;
}

.section-block {
    padding: 100px 0;
}
.bradius-img {
    border-radius: 20px;
}
.bg-bubbles-home, .bg-bubbles-inner {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 10%;
    left: 0;
}
.bubbles-right {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}
.bubbles-left {
    width: 50%;
    position: absolute;
    left: 0;
    bottom: 10%;
}
.header  {
    position: static;
    background: #D9F5FF;
}
.bgblue {
    background: #D9F5FF;
}
body.home:before {
}
.bgblue-gradient:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.bgblue-gradient {
    position:relative;
}
.bg-blue-style-1{
    background: linear-gradient(180deg, #D9F5FF 90.1%, #F7F7F2 98%);
}
.bg-blue-style-55{
    background: linear-gradient(180deg, #EAF9FE 90.1%, #F1F8F8 99%);
}
.bg-blue-style-25 {
    background: linear-gradient(180deg, #F9F7F2 0%, #EAF9FE 31.15%);
}
.bg-blue-style-22 {
    background: linear-gradient(0, #D9F5FF 70.1%, #F7F7F2 98%);
}
.bg-blue-style-44 {
    background: linear-gradient(180deg, #D8F4FE 0%, #F9F7F2 80%);
}
.bg-blue-style-3{
    background:#E9F9FF;
}
.bg-blue-style-4{
    background: linear-gradient(180deg, rgba(233, 249, 255, 0.00) 0%, #E9F9FF 37.93%);
}
.full-slider-home {
    position:relative;
}
.bgblue2 {
    background-color:#E9F8FE;
}
.bgbluewhite {
    background-color:#F9F6F1;
}
.address2-footer {
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding-top: 30px;
    position: relative;
}
.address2-footer span {
    background-color: #3683A2;
    color: #fff;
    border-radius: 100px;
    padding: 4px 11px;
    font-size: 11px;
    font-family: 'Avenir Next';
    font-weight: 600;
    display: inline-block;
}
.address2-footer:before {
    position: absolute;
    content: '';
    width: 64px;
    height: 29px;
    background-image: url(/wp-content/uploads/2025/07/new-tag.png);
    background-size: cover;
    top: 0px;
}
.home .bg-bubbles-inner {
    display:none;
}
.bg-bubbles-inner {
    position:absolute;
    top:100px;
}
img.bubbles-footer {
    position: absolute;
    width: 50%;
    opacity:0.45;
    top: 0;
}
.container {
    position:relative;
}
.home .contact-form {
    position: static !important;
}
img.bubbles-footer {
    position: absolute;
    width: 56%;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
}
.voucher-notice {
    background: #B9DEEC;
background: linear-gradient(180deg, rgba(185, 222, 236, 1) 0%, rgba(200, 223, 230, 1) 100%);
    padding: 20px 20px 10px;
    border-radius: 8px;
    color: #333;
    font-family: sans-serif;
}

.voucher-notice a {
    color: var(--primary);
    font-weight:600;
    text-decoration: underline;
}

.voucher-notice a:hover {
    text-decoration: none;
}

.researches-box-text div {
    font-family: 'Impana';
    font-size: 23px;
    line-height:1.3;
}
.researches-main-box h3 {
    font-size:23px;
    font-family: Avenir Next;
    font-weight: 600;
}
.researches-main-box {
    margin-bottom:40px;
}
.researches-box {
    border-radius:10px;
    border: 1px solid #979797;
    padding: 20px;
    margin-bottom:15px;
}
.researches-box-btn .btn-outline {
    padding: 12px 45px;
}
ul.researches-sidebar-nav {
    list-style: none;
    padding-left: 20px;
    border-left: 2px solid #EFEEE8;
}
ul.researches-sidebar-nav li.active a:before {
    background-color: var(--primary);
}
ul.researches-sidebar-nav a:before {
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
}
ul.researches-sidebar-nav li.active a {
    color: var(--primary);
}
ul.researches-sidebar-nav li {
    padding: 10px 0;
}
ul.researches-sidebar-nav a:hover {
    color: var(--primary);
}
ul.researches-sidebar-nav a {
    position: relative;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
}
.researches-sidebar {
    position: sticky;
    top: 30px; /* adjust depending on your header height */
}
.btn {
    font-size: 13px;
    color: var(--black);
    font-weight: 600;
    padding: 14px 26px 12px;
    border-radius: 0;
    text-align: center;
    min-width: 150px;
    max-width: 100%;
}
.device-tab .nav-item  .nav-link.active {
    border-color: transparent transparent #009fe3;
    color: #009fe3;
    background-color: transparent;
}

.nav-tabs.device-tab button {
    font-weight: 600;
    text-transform: uppercase;
    outline:0 !important;
    background: none;
    font-size: 13px;
    border-radius: 0;
    border-width: 0 0 4px 0;
    border-style: solid;
    padding: 0 5px 5px;
    border-color: transparent;
}
.device-tab .nav-item {
    border: none;
    color: #333;
}
.nav-tabs.device-tab {
    display: flex;
    justify-content: space-between;
    border-bottom: 0;
}
.nav-tabs.device-tab button {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    color: #555;
}
.section-border-bottom {
    border-bottom: 1px solid #1D1F20;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: transparent transparent #009fe3;
}
.htu-number-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.htu-number {
    color: #00a3e0;
    font-weight: bold;
    height: 35px;
    width: 35px;
    border-radius: 100%;
    border: 2px solid #00a3e0;
    font-size: 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ps-imgs img {
    padding:5px;
    border-radius:20px;
}
.psbox {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 0;
    border-bottom: 1px solid #DFDEDA;
    gap: 20px;
}

.psbox > div {
    flex-basis: 50%;
}

.psbox > div:first-child {
    font-weight: 500;
    text-transform:uppercase;
}

.psbox > div:last-child {
    text-align: left;
}
.info-note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    margin-top:20px;
    color: #333;
}

.info-note i {
    color: #4d7ea8;
    font-size: 18px;
    position:relative;
    top:3px;
}

.info-text {
    line-height: 1.5;
    font-size:15px;
}
.pricelist-box p {
    font-size:15px;
}
.pricelist-box {
    padding: 20px;
    background-color: #fff;
    border-radius: 22px;
    font-size:14px;
}
.pricing-table {
    width: 100%;
    border-collapse: collapse;
    font-size:15px;
    margin-bottom: 20px;
}

.pricing-table thead th {
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    padding: 12px 8px;
    border-bottom: 1px solid #ccc;
}

.pricing-table td {
    padding: 12px 8px;
    border-bottom: 1px solid #eee;
}

.pricing-table td span {
    font-size:15px;
    color: #555;
}
.go-back-link {
    color: #333; /* Adjust to your desired color */
    text-decoration: none;
    font-weight: 500;
    font-size: 16px; /* Adjust as needed */
}

.go-back-link i {
    margin-right: 6px;
}
.services-slider-for img {
    width: 100%;
    border-radius: 20px;
}

.services-slider-nav {
    margin-top: 20px;
}

.services-slider-nav img {
    cursor: pointer;
    border-radius: 6px;
    opacity: 0.6;
    width: 85%;
    margin: 0 auto;
}

.services-slider-nav .slick-current img {
    opacity: 1;
    border: 2px solid #ccc;
}
.services-top-text h1 {
    font-size: 38px;
    line-height: 1.2;
}
.services-top-text h2 {
    font-size: 35px;
}
.duration-buttons .btn {
    min-width: auto;
    width:100%;
}
.duration-buttons {
    justify-content: space-between;
    gap: 10px;
}
.avenir {
    font-family: 'Avenir Next';
}
.services-notes a {
    color: var(--primary);
    font-weight: 600;
}
.services-notes {
    border-top: 1px solid #B2C4C9;
    padding-top: 25px;
}
.bradius-vid iframe {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.bradius-vid {
    border-radius: 15px;
    overflow: hidden;
    aspect-ratio: 560 / 315;
}
.arrow-white.services-slider-for .slick-next {
    right: 0 !important;
}
.arrow-white.services-slider-for .slick-prev {
    left: 0 !important;
}
.services-slider-for .slick-arrow {
    cursor: pointer;
    font-size: 30px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 40px;
    z-index: 10;
    transform: translateY(-50%);
}
.duration-buttons .btn-outline.active, .duration-buttons .btn-outline:hover {
  border-color: var(--primary) !important;
  color: var(--primary);
  background-color: transparent;
}
.treatment-slide {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.slick-treatments-slider .slick-slide {
    padding: 0 10px;
    overflow: hidden;
    position: relative;
}
.slick-treatments-slider {
    padding: 0 20px;
    border-radius: 15px;
    overflow: hidden;
}
.treatment-image {
    width: 100%;
    background-size: cover;
    background-position: center;
    aspect-ratio: 1;
}
.treatment-content {
    position: absolute;
    width: 90%;
    color: #fff;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    text-shadow: 0 2px 5px rgba(0,0,0,0.5);
    text-align: center;
    color: #fff;
}
.slick-treatments-slider .treatment-slide-inner {
    overflow: hidden;
    border-radius: 15px;
    position: relative;
    display: block;
}
.treatment-content h3 {
    font-size: 27px;
}
.treatment-content p {
    color: #fff;
    font-family: 'Impana';
    font-size:19px;
}
.treatment-slide-inner:before {
    content: '';
    background-color: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    transition: background-color 0.3s ease;
}
.treatment-slide-inner:hover:before {
    background-color: rgba(55, 131, 162, 0.7); /* #3783A2 at 70% opacity */
}
.slick-arrow {
    cursor: pointer;
    font-size: 40px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 40px;
    z-index: 10;
    transform: translateY(-50%);
}
 .slick-arrow.fa-chevron-right {
    right: -7px;
}
 .slick-arrow.fa-chevron-left {
    left: -7px;
}
.home .contact-form .bubbles-footer {
    display: none;
}
body:not(.home):before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90vh;
    background: linear-gradient(180deg, #D9F5FF 90.1%, #F7F7F2 98%);
    z-index: -1; /* stay behind content */
}
.quote-heading {
    width: 580px;
    margin-bottom: 50px;
    max-width: 100%;
}
.healing-options-title {
    position: absolute;
    bottom: 15px;
    text-align: center;
    width: 100%;
    padding:0 20px;
    color: #fff;
    z-index: 55;
}
.home section.water-bg, .home .faqs-home {
    background-color: #F1F8F8;
    position: static;
}
.healing-options-title .title {
    font-size: 32px;
}
.slick-treatments-slider.arrow-dark.arrow-sm .slick-next {
    right: 0 !important;
}
.slick-treatments-slider.arrow-dark.arrow-sm .slick-prev:before {
    background-image: url(../img/arrow-left-dark.svg) !important;
}
.slick-treatments-slider.arrow-dark.arrow-sm .slick-next:before {
    background-image: url(../img/arrow-right-dark.svg) !important;
}
.slick-treatments-slider.arrow-dark.arrow-sm .slick-prev {
    left: 0 !important;
}
.slick-treatments-slider .slick-arrow {
    width: 20px;
}
.slick-treatments-slider.arrow-dark.arrow-sm .slick-prev:before, 
.slick-treatments-slider.arrow-dark.arrow-sm .slick-next:before {
    content: '' !important;
    background-size: cover;
    height: 30px;
    display: block;
    width: 15px;
}

.btndownloadhome {
    width: 300px;
}

.pricing-table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.pricing-table-wrapper::-webkit-scrollbar {
    display: none;
}
.home .beforefooter-reviews {
    display:none
}
.footer {
    border-top: 1px solid #D6DADB;
}
#timelyModal .modal-dialog {
    --bs-modal-width: 750px;
}

    .whyhydrogenimgs-wrap {
        aspect-ratio: .5;
    }
    .whyhydrogenimgs-wrap img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }


/* DEFAULT GRAVITY FORMS */
.gform_wrapper.gravity-theme .gform_validation_errors {
    padding: 20px 20px 10px;
    text-align: center;
    margin-bottom: 20px;
}
.gform_wrapper.gravity-theme .gform_validation_errors>h2 {
    font-size: 16px;
    font-weight: 700;
}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    border-radius: 10px;
    font-weight: bold;
    margin-top: 12px;
}
.gform_wrapper .gform_footer input.gform_button {
    border: 2px solid #49392A;
    padding: 16px 60px !important;
    text-transform: uppercase;
    color: #49392A;
    font-weight: 700;
    background-color: transparent;
    transition: 0.3s all ease;
}
.gform_wrapper .gform_footer input.gform_button:hover {
    background-color: var(--primary);
    border: 2px solid var(--primary);
    color: #fff;
}
.gform_wrapper textarea {
    height: 120px;
    margin-top: 5px;
    border: 1px solid #e1e1e1;
}
.gform_wrapper.gravity-theme .gfield textarea:focus {
    outline:0;
    border-color: var(--primary) !important;
}
.gform_wrapper select {
    border-radius: 100px;
    border-color: #e1e1e1;
    padding: 18px 15px;
    outline:0 !important;
}
.gform_wrapper input {
    border: 1px solid #e1e1e1;
    line-height: 1;
}
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    padding: 15px 15px !important;    
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #D3DEE2;
}
.gform_wrapper.gravity-theme input:focus {
    border-color: var(--primary);
}
.gform_validation_error.gform_wrapper.gravity-theme .gform_validation_errors {
    padding: 16px;
    border-radius: 0;
}
.gform_validation_error.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    border-radius: 0;
    font-size: 13px;
    background-color: transparent;
    border: revert-layer;
    padding: 0;
}

/* MEDIA */
.media-image-block img {
    width: 550px;
}
.media-text-block h2 {
    font-size:35px;
}
.banner-media-inner img {
    width: 650px;
}
.media-text-content p:last-of-type {
    margin-bottom: 0;
}
.media-text-content:has(> p:only-of-type) p {
    margin-bottom: 0;
}
.lb-outerContainer,
.lb-dataContainer {
    animation: lightboxFade 0.4s ease;
}
.media-image-more img {
    object-fit: cover;
    height:100%;
    width:100%;
}
.media-image-more {
    border-radius:10px;
    overflow:hidden;
    aspect-ratio: 1;
}
.media-image-logo {
    width:300px;
    max-width: 100%;
}
@keyframes lightboxFade {
    from { opacity: 0; transform: scale(0.96); }
    to { opacity: 1; transform: scale(1); }
}
.lb-closeContainer {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 1001;
}
.lb-close {
    display: block !important;
    font-size: 28px;
    color: white !important;
    text-decoration: none;
    padding: 0;
    line-height: 1;
    border: none;
}
.lb-data .lb-caption {
    display:none;
}
.media-content h1 {
    font-size: 40px;
    padding-bottom: 30px;
    line-height: 1;
}

/* PRODUCTS */
.mainproductspage .osp-box {
    border-radius: 0;
    background-color: transparent;
    margin-left:0;
    margin-right:0;
    margin-bottom: auto;
}
.mainproductspage .osp-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    overflow: hidden;
    border-radius:15px;
}
.go-back-btn {
    font-size: 14px;
    text-decoration: none;
    transition: color 0.2s ease;
}
.other-suhaku-products-sliderr .slick-prev {
    left:10px !important;
}
.other-suhaku-products-sliderr .slick-next {
    right: 10px !important;
}
.go-back-btn:hover {
    color: #3683A2;
}
.product-left-inner h1 {
    font-size:40px;
}
.product-price {
    color:#3683A2;
    font-weight:600;
}
.osp-box {
    margin-left:8px;
    margin-right:8px;
    border-radius:15px;
    background-color:#fff;
    overflow:hidden;
    height:100%;
}.osp-box {
    height: 100%;
}
.osp-img-wrap img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.osp-text {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 1rem;
}
.osp-img-wrap {
    aspect-ratio: 1;
    overflow:hidden;
}
.product-btns {
    margin-top: auto;
}
/* END CSS */

@media only screen and (min-width: 1640px) {
    .full-slider .item img{
        height: 50vh;
    }
}
@media only screen and (min-width: 1201px) {
    /**********
    COLUMNS
    **********/
    /*.twoCol {
        width: calc(100% + 30px);
        position: relative;
        left: -15px;
    }
    .twoCol .col {
        width: 50%;
        padding: 15px;
    }
    .threeCol .col {
        width: 33.33%;
        padding: 15px;
    }
    .fourCol .col {
        width: 25%;
        padding: 15px;
    }
    .fiveCol .col {
        width: 20%;
        padding: 15px;
    } */
    /**********
    HEADER NAV
    **********/
    header .flex {
        align-items: center;
    }
    header .logo img {
        max-height: 43px;
        object-fit: contain;
    }
    
    nav.nav ul {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    nav.nav ul li {
        position: relative;
    }
    /**********
    submenu popup
    **********/
    nav.nav .sub-menu {
        max-height: 0;
        overflow: hidden;
        position: absolute;
        flex-wrap: wrap;
        width: 290px !important;
        left: 50%;
        transform: translateX(-50%);
    }
    .menu-item-has-children::after {}
    nav.nav .menu-item-has-children.sub-menu-active>.sub-menu {
        max-height: 900px;
    }
    nav.nav .sub-menu li {
        width: 100%;
        margin-left: 0;
        display: inline-block;
        white-space: nowrap;
    }
    nav.nav .menu-item-has-children.sub-menu-active>.sub-menu {
        background-color: #fff;
        padding: 15px;
        margin-top: 7px;
    }
    section.splash{
        background-size: 1140px;
    }
    .nav .sub-menu li a:hover {
        color:var(--primary);
    }
    .nav .sub-menu li a {
        padding: 7px 0;
        display: block;
    }
    .nav .sub-menu li:first-child a {
        padding-top:0;
    }
    .nav .sub-menu li:last-child a {
        padding-bottom:0;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .bubbles-right {
        width: 60%;
    }
}
@media only screen and (max-width: 1200px) {
    .healing-options .options-card .item {
        padding: 0 5px;
    }
    .quote-heading {
        text-align: center;
        margin-top:30px;
        width: 100%;
        margin-bottom: 30px;
        max-width: 100%;
    }
    .flex {
        flex-wrap: wrap;
    }
    header .logo img {
        max-height: 50px;
    }
    header .logo {
        position: relative;
        z-index: 20;
    }
    /**********
    HEADER NAV
    **********/
    body.fix {
        overflow: hidden;
    }
    header .nav {
        position: fixed;
        left: 100%;
        z-index: 10;
        height: 100vh;
        width: 100%;
        top: 0;
        background-color: #F8F7F2;
        transition: all 300ms;
    }
    header .nav.navActive {
        overflow-y:scroll;
        left: 0%;
        transition: all 300ms;
        background: #F8F7F2;
    }
    header .nav.navActive:before {
        content: '';
        height: 115px;
        width: 100%;
        position: fixed;
        background-color: #F8F7F2;
        display: block;
        z-index: 5;
    }
    header .nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    header .nav>ul {
        margin-top: 120px;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    header .nav>ul li {
        position: relative;
    }
    header .nav>ul li a {
        display: block;
        width: 100%;
        padding: 15px 0;
    }
    .menu-item-has-children::after {
        position: absolute;
        right: 0;
        top: 10px;
    }
    #burgerNav {
        position: absolute;
        top: 65px;
        left: 20px;
        width: 21px;
        height: 20px;
        cursor: pointer;
        z-index: 90;
    }
    #burgerNav .innerBurger {
        position: relative;
        height: 100%;
    }
    #burgerNav .innerBurger span {
        width: 100%;
        height: 2px;
        top: 0;
        background-color: #000;
        position: absolute;
        opacity: 1;
        transition: all 300ms;
        transform: rotate(0deg);
    }
    #burgerNav.navActive .innerBurger span {
        transition: all 300ms;
    }
    #burgerNav .innerBurger span:nth-child(1) {
        top: 25%;
    }
    #burgerNav .innerBurger span:nth-child(2) {
        top: 50%;
    }
    #burgerNav .innerBurger span:nth-child(3) {
        top: 75%;
    }
    #burgerNav.navActive .innerBurger span:nth-child(1) {
        top: 50%;
        transform: rotate(-45deg);
    }
    #burgerNav.navActive .innerBurger span:nth-child(2) {
        top: 50%;
        opacity: 0;
    }
    #burgerNav.navActive .innerBurger span:nth-child(3) {
        top: 50%;
        transform: rotate(45deg);
    }
    nav.nav .sub-menu {
        max-height: 0;
        overflow: hidden;
        flex-wrap: wrap;
        transition: all 200ms;
    }
    .menu-item-has-children::after {}
    nav.nav .menu-item-has-children.sub-menu-active>.sub-menu {
        max-height: 900px;
    }

    .phone-top-mobile a {
        text-align: center;
        padding: 6px;
        font-size: 13px;
        background-color: #C3DCE5;
        display: block;
        font-weight: 500;
        width: 100%;
    }
    header .logo img {
        max-height: 40px;
    }
     header .logo {
        padding-left:42px;
    }
    .top-header .btn {
        width: 170px;
    }
    .top-header.fixedbtn .btn {
        z-index: 55;
    }
    ul.sub-menu li:first-child {
        padding-top:5px;
        border-top: 1px solid #ddd;
    }
    ul.sub-menu li:last-child {
        padding-bottom:5px;
        border-bottom: 1px solid #ddd;
    }
    ul.sub-menu li {
        padding:0 3%;
    }
    .header .sub-menu li a {
        padding: 10px 0;
    }
    header .top-header .logo {
        z-index: 0;
    }
}

@media(min-width:992px){
    section.splash{
        padding-top: 280px;
    }
    .img-flex.style-1 .item:last-child img {
        margin-bottom: 0;
        margin-top: 30px;
    }

}
@media(max-width:991px) and (min-width: 768px) {
    .media-image-logo {
        width: 120px;
        max-width: 100%;
    }
}
@media(max-width:991px){
    .bubbles-right {
        width:100%;
    }
    .bradius-vid {
        aspect-ratio: 1;
    }
    .img-flex.style-1 .item:first-child img {
        margin-top: -0;
    }
    .whyhydrogenimgs-wrap img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .whyhydrogenimgs-wrap {
        aspect-ratio: .65;
        overflow: hidden;
        border-radius: 30px;
    }
    section.water-bg {
        min-height: 450px;
    }
    
    .home-hero h1 {
        font-size: 42px;
    }
    .options-card .item {
        padding: 0 0px;
    }
    .video-repeat {
        aspect-ratio: 1;
        height: auto !important;
    }
    .footer-main {
        border-top: 1px solid #D9DFE2;
        border-bottom: 1px solid #D9DFE2;
    }
    .section-block.contact-form {
        padding-bottom: 20px;
    }
    .form-blue form input[type=submit] {
        margin: 0 auto;
        display: block;
    }
    .contact-form .header-line:before {
        left: 50%;
        transform: translateX(-50%);
    }
    .ftr-logo img {
        max-width: 233px;
        width: 100%;
        object-fit: contain;
        margin: 0 auto;
    }
    img.bubbles-footer {
        position: absolute;
        width: 100%;
        top: -100px;
        left: 59%;
        transform: translateX(-50%);
    }
    .tab-wrap-scroll-mobile select {
        background-color: transparent;
        border: 1px solid #979797;
        text-transform: uppercase;
        font-weight: 600;
        border-radius: 9px;
        font-size: 15px;
        padding: 10px 15px;
    }
    .section-border-bottom {
        border-bottom:0
    }
    .section-block {
        padding: 70px 0;
    }
    h1{
        font-size: 44px;
    }
    h2{
        font-size: 36px;
    }
    section.splash{
        padding-top: 20px;
        position: relative;
    }
    
    
    section.splash .container{
        position: relative;
        z-index: 1;
    }
}

@media(min-width:768px){
    .treatment-card-slider{
        padding-right: 25px;
        padding-left: 25px;
    }
    section.slider-info::before{
        content: "";
        position: absolute;
        width: 243px;
        height: 243px;
        top: -120px;
        z-index: 0;
        left: 0;
        background-image: url('/wp-content/uploads/2025/04/AdobeStock_623837111-14-1.png');
        background-size: contain;
        background-repeat: no-repeat;
    }
    section.slider-info::after{
        content: "";
        position: absolute;
        width: 243px;
        height: 243px;
        bottom: -100px;
        z-index: -1;
        right: 0;
        background-image: url('/wp-content/uploads/2025/04/AdobeStock_623837111-15.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right bottom;
    }
    .video-repeat.full{
        height: 586px;
    }
}
@media(max-width: 767px){
    .bubbles-left, .bubbles-right {
        width:100%;
    }
    .healing-options .item a.btn {
        width: 140px;
        margin-top: 7px;
    }
    .popup-inner h2 {
        font-size: 26px;
        line-height: 1.2;
    }
    .popup-inner .info p {
        font-size: 15px;
        line-height: 1.4;
    }
    .popup-inner img {
        width: 100%;
        height: 220px;
    }
    .popup-inner .info {
        padding: 20px;
    }
    .image-right-full{
        height: 359px;
    }
    section.water-bg{
        padding: 162px 0 100px;
    }
    .video-repeat{
        height: 400px;
    }
    .card-style-2 .item .logo img{
        height: 23px;
    }
    .card-style-1 .item .image img{
        height: 300px;
    }
    .full-slider .item img{
        height: 300px;
    }
    .card-slider .item img{
        height: 250px;
    }
    section.splash {
        background-image: url(../img/splash_v2.png);
        background-position: center 97px;
    }
    section.splash::after{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 60%;
        background: linear-gradient(180deg, #E9F9FF  27.1%, #f8f7f2b2 60%);
    }
    
}
@media(max-width:600px){
    .info-text br {
        display:none;
    }
    .section-block {
        padding: 50px 0;
    }
    .video-repeat{
        height: 300px !important;
    }
    #burgerNav {
        left: 15px;
    }
    header .logo {
        padding-left: 35px;
    }
    .top-header .btn {
        width: 140px;
    }
    .checklist-container {
        padding: 40px 20px;
    }
    ul.checklist.two-col li{
        width: 100%;
    }
   
}

.celltable {
    display: flex;
    column-gap: 10px;
}

@media (max-width: 575.98px) {
.pricelist-box {
    padding: 20px 15px;
}

    .pricing-table td {
        font-size: 13px;
    }
    .pricing-table thead th {
        font-size:13px;
    }
    .pricing-table th:first-child,
    .pricing-table td:first-child{
        position:sticky;
        left:0;
        background:#fff;
        z-index:2;
    }
    .celltable {
        font-size: 13px;
        line-height: 1.2;
        display: block;
    }
    .celltable small {
        font-size: 12px;
        line-height: 1.2;
        display: block;
    }
    .pricing-table th:nth-child(n+2),
    .pricing-table td:nth-child(n+2){
        width: 63px;
        text-align:center;
    }
}
@media (max-width: 991px) {
    .quote-heading {
        margin-bottom: 30px;
    }
    section.water-bg:after, section.water-bg:before {
        width: 80%;
    }
    section.water-bg::after {
        top: 20%;
    }
    section.water-bg::before {
        top: -10%;
    }
}

@media (max-width: 767px) {
    .whyhydrogenimgs-wrap {
        aspect-ratio: 0.55;
    }
    .healing-options .options-card .item {
        padding: 0 0px;
    }
    section.water-bg::after {
        width: 110%;
        left: 50%;
        top: -60px;
        transform: translateX(-50%);
    }
    section.water-bg::before {
        display:none;
    }
    .section-block {
        padding: 50px 0;
    }
    .device-tab {
        display: flex;
        flex-wrap: nowrap;
        padding-left: 15px;
        column-gap: 30px;
        padding-right: 30px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .device-tab .nav-item {
        flex: 0 0 auto;           /* each tab only as wide as its content */
    }

    /* optional: hide default scrollbar in Webkit browsers */
    .device-tab::-webkit-scrollbar {
        display: none;
    }
    .duration-buttons {
        flex-direction: column;
    }
    .accordion .item {
        padding: 20px 0 5px;
    }
    .media-other-inner {
        width: 320px;
        margin:0 auto;
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .psbox div {
        font-size: 13px;
        line-height: 1.5;
    }
    .whyhydrogenimgs-wrap {
        aspect-ratio: 0.5;
    }
}

@media (max-width: 420px) {
    .whyhydrogenimgs-wrap {
        aspect-ratio: 0.5;
    }
    .healingoptionscol {
        width: 100%;
        padding: 0 25px !important;
    }
}