*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 0.523vw;
}

p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
    display: none;
}

:root {
    --black: #1A1A1A;
    --light-orange: #E6A88E;
    --section-grey: #EDEEF2;
    --dark-grey: #E9EAED;
    --white: #fff;
    --border-grey: #B2B2B2;
    --green: #B6C598;
    --pink: #EFE5ED;
}

.promise-section {
    height: 50rem;
}

body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    font-weight: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 1;
    position: relative;
    width: 100%;
    margin: 0 auto;
    color: var(--black);
    overflow-x: hidden;
    background-color: #fff;
}

.white-bg {
    background-color: var(--white);
}

.black-bg {
    background-color: var(--black);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
h5,
h6 {
    letter-spacing: 0;
    font-weight: 500;
    line-height: 1.14;
}
h2,
.h2 {
    line-height: 1.25;
}
h1,
.h1 {
    font-size: 6.8rem;
    font-weight: 700;
    line-height: 1.21;
}

h2,
.h2 {
    font-size: 5.6rem;
}

h3,
.h3 {
    font-size: 4rem;
}

h4 {
    font-size: 3.8rem;
    font-weight: 600;
}

h5 {
    font-size: 3.2rem;
    font-weight: 500;
}

h6 {
    font-size: 2.8rem;
    font-weight: 300;
}

p {
    font-size: 2.5rem;
    line-height: 1.5;
    font-weight: 400;
    color: #525252;
    font-family: 'Noto Sans', sans-serif;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

a,
button,
img {
    transition: all 0.4s ease;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

.ctn,
.center,
.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.italic {
    font-style: italic;
}

.hidden {
    display: none !important;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block;
}

.inline-flex {
    display: inline-flex;
}

button {
    cursor: pointer;
    outline: none;
}

.max-1920 {
    max-width: 1920px;
    margin: 0 auto;
}

.slick-slide {
    display: flex;
    height: inherit;
}

.slick-track {
    display: flex !important;
    flex-wrap: nowrap;
}

.line-height-2 {
    line-height: 1.15 !important;
}

a {
    text-decoration: none;
    color: inherit;
    display: inline-block;
    transition: all linear .2s;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-2 {
    margin-top: 2rem;
}

.mt-3 {
    margin-top: 3rem;
}

.mt-4 {
    margin-top: 4rem;
}

.mt-5 {
    margin-top: 5rem;
}

.mt-6 {
    margin-top: 6rem;
}

.mt-7 {
    margin-top: 7rem;
}

.mt-8 {
    margin-top: 8rem;
}

.mt-9 {
    margin-top: 9rem;
}

.mt-10 {
    margin-top: 10rem;
}

.mt-15 {
    margin-top: 15rem;
}

.mt-18 {
    margin-top: 18rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.mb-3 {
    margin-bottom: 3rem;
}

.mb-4 {
    margin-bottom: 4rem;
}

.mb-5 {
    margin-bottom: 5rem;
}

.mb-6 {
    margin-bottom: 6rem;
}

.mb-7 {
    margin-bottom: 7rem;
}

.mb-8 {
    margin-bottom: 8rem;
}

.mb-9 {
    margin-bottom: 9rem;
}

.mb-10 {
    margin-bottom: 10rem;
}

.mt-0 {
    margin-top: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.com-padding {
    padding-top: 12rem;
    padding-bottom: 12rem;
}

.bottom-padding {
    padding-bottom: 12rem;
}

.top-padding {
    padding-top: 12rem;
}

.show-750 {
    display: none !important;
}

img {
    max-width: 100%;
}

.object-cover {
    object-fit: cover;
}

.object-contain {
    object-fit: contain;
}

.container,
.large-container {
    max-width: 1370px;
    margin: 0 auto;
    width: 90%;
    padding: 0 2rem;
}

.grid {
    display: grid;
}

.grid-box-2,
.grid-col-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.grid-box-3,
.grid-col-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.grid-box-4,
.grid-col-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.grid-box-5,
.grid-col-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.grid-box-6,
.grid-col-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}

.grid-gap-2 {
    grid-gap: 2rem 2rem;
}

.grid-gap-3 {
    grid-gap: 3rem 3rem;
}

.grid-gap-4 {
    grid-gap: 4rem 4rem;
}

.grid-gap-5 {
    grid-gap: 5rem 5rem;
}

.grid-gap-6 {
    grid-gap: 6rem 6rem;
}

.grid-gap-7 {
    grid-gap: 7rem 7rem;
}

.border-radius-2 {
    border-radius: 2rem;
}

.border-radius-3 {
    border-radius: 3rem;
}

.border-radius-1 {
    border-radius: 1rem;
}

.white-text>*,
.white-text,
.text-white {
    color: #fff !important;
}

.text-black {
    color: var(--black);
}

.box-center,
.mx-auto {
    margin-right: auto;
    margin-left: auto;
}

.flex-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-1 {
    flex: 1;
}

.space-between,
.justify-between {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.justify-end {
    justify-content: flex-end;
}

.flex-center,
.align-center {
    align-items: center;
}

.flex-up,
.align-start {
    align-items: flex-start;
}

.flex-down,
.align-end {
    align-items: flex-end;
}

.col-1,
.w-10 {
    width: 10%;
}

.col-15,
.w-15 {
    width: 15%;
}

.col-25,
.w-25 {
    width: 25%;
}

.col-2,
.w-20 {
    width: 20%;
}

.col-3,
.w-30 {
    width: 30%;
}

.col-33,
.w-33 {
    width: 33.33%;
}

.col-35,
.w-35 {
    width: 35%;
}

.col-4,
.w-40 {
    width: 40%;
}

.col-45,
.w-45 {
    width: 45%;
}

.col-43,
.w-43 {
    width: 43%;
}

.col-5,
.w-50 {
    width: 50%;
}

.col-55,
.w-55 {
    width: 55%;
}

.col-6,
.w-60 {
    width: 60%;
}

.col-65,
.w-65 {
    width: 65%;
}

.col-7,
.w-70 {
    width: 70%;
}

.col-8,
.w-80 {
    width: 80%;
}

.col-85,
.w-85 {
    width: 85%;
}

.col-9,
.w-90 {
    width: 90%;
}

.col-75,
.w-75 {
    width: 75%;
}

.col-100,
.full-col,
.w-100,
.w-full {
    width: 100%;
}

.w-max {
    width: max-content;
}

.h-100 {
    height: 100%;
}

.h-auto {
    height: auto;
}

.z-2 {
    z-index: 2;
}

.z-3 {
    z-index: 3;
}

.z-4 {
    z-index: 4;
}

.z-5 {
    z-index: 5;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.sticky {
    position: sticky;
}

.sticky-box {
    position: sticky;
    top: 15rem;
}

.top-0 {
    top: 0;
}

.bottom-0 {
    bottom: 0;
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

.bg-white {
    background-color: var(--white);
}

.orange-bg {
    background-color: var(--orange);
}

.large-pera {
    font-size: 3rem;
}

.font-light {
    font-weight: 300;
}

.font-normal {
    font-weight: 400;
}

.font-medium {
    font-weight: 500;
}

.overflow-hidden {
    overflow: hidden;
}

header .wrapper .nav .drawer .btn {
    padding: 1.5rem 3rem;
}

.btn {
    padding: 2.2rem 4rem;
    border-radius: 5rem;
    background-color: var(--black);
    color: var(--white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid var(--black);
    position: relative;
    overflow: hidden;
    font-size: 2rem;
    line-height: 1;
}

.btn img {
    margin-left: 1.3rem;
    width: 1.5rem;
    object-fit: contain;
}

.btn:hover {
    background-color: var(--light-orange);
    border: 1px solid var(--light-orange);
    color: var(--white);
}

header .logo img {
    width: 34.7rem;
    object-fit: contain;
}

.top-head-box {
    width: 100%;
    background-color: #000;
    padding: 1.7rem 0;
}

.top-head-box .flex-box {
    justify-content: space-between;
    width: 100%;
    font-size: 1.4rem;
    font-weight: 400;
}

.top-head-box ul.left-box li a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.top-head-box ul.left-box li a:hover {
    color: var(--light-orange);
}

.top-head-box ul.left-box li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-column-gap: .7rem;
}

.top-head-box ul.left-box li a img {
    width: 1.7rem;
    object-fit: scale-down;
    margin-right: .7rem;
}

header {
    z-index: 99;
    width: 100vw;
    margin: 0 auto;
    box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.07);
    position: relative;
    padding: 4rem 0;
}

header .wrapper {
    max-width: 180rem;
    width: 100%;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.button_container {
    display: none;
}

header .wrapper .nav .drawer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

header nav {
    width: 70%;
    text-align: right;
    display: flex;
    align-items: center;
    min-width: 125rem;
    justify-content: flex-end;
    grid-column-gap: 6rem;
}

header nav ul.navmenu li a {
    font-size: 2.2rem;
    font-weight: 400;
    position: relative;
}

header nav ul.navmenu li a:hover {
    color: var(--light-orange);
}

header nav ul.navmenu li a::after {
    content: '';
    position: absolute;
    background-color: var(--light-orange);
    width: 0;
    height: 2px;
    bottom: -1rem;
    left: 0;
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) .6s;
}

header nav ul.navmenu li a:hover::after {
    width: 100%;
}

header nav ul.navmenu {
    grid-column-gap: 5rem;
}

.logo-box {
    line-height: 1;
}

header nav ul.navmenu li {
    line-height: 1;
}

.search-icon-box {
    line-height: 1;
}

.search-icon-box img {
    width: 2.8rem;
    object-fit: scale-down;
}

.hide-750 {
    display: block !important;
}

.show-750 {
    display: none !important;
}

.about-health-section {
    background-color: var(--section-grey);
}

.banner-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-img-box {
    font-size: 0;
    aspect-ratio: 16 / 7;
    overflow: hidden;
}

.banner-img-box video,
.banner-img-box img,
.video-box video,
.video-box img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-box {
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.health-accordion-box {
    margin-top: 6rem;
}

.health-accordion-box .accordion-item {
    background-color: #fff;
    margin-bottom: 1.5rem;
    padding: 3.5rem 8rem;
    border-radius: 6rem;
    position: relative;
}

.health-accordion-box .accordion-item .arrow-box {
    position: absolute;
    background-color: var(--light-orange);
    width: 11.5rem;
    height: 11.5rem;
    border-radius: 50%;
    top: 0;
    right: 0;
}

.health-accordion-box .accordion-item .accordion-head.active .arrow-box::after {
    content: '';
    position: absolute;
    background: url(../img/sub-icon.webp) no-repeat center;
    width: 5.5rem;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: contain;
}

.health-accordion-box .accordion-item .arrow-box::after {
    content: '';
    position: absolute;
    background: url(../img/plus-icon.webp) no-repeat center;
    width: 5.7rem;
    height: 5.7rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: contain;
}

.health-accordion-box .accordion-item .accordion-body {
    display: none;
    margin-top: 5rem;
    margin-bottom: 2rem;
}

.health-accordion-box .accordion-item .accordion-body .img-box img {
    max-width: 37rem;
    object-fit: contain;
    border-radius: 2rem;
}

.health-accordion-box .accordion-item .accordion-body .content-box p {
    margin-bottom: 1rem;
}

.health-accordion-box .accordion-item .accordion-body .content-box p:last-child {
    margin-bottom: 0;
}

.health-accordion-box .accordion-item .accordion-head.active .arrow-box {
    background-color: var(--green)
}

.banner-slider-box .banner-item .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-slider-box .banner-item .text-box {
    position: absolute;
    z-index: 2;
    top: 18rem;
    left: 28rem;
}

.banner-slider-box ul.slick-dots {
    display: flex;
    position: absolute;
    top: 65%;
    left: 28rem;
    grid-gap: 1rem;
}

.banner-slider-box ul.slick-dots li button {
    font-size: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: #D9D9D9 !important;
    padding: 0;
}

.banner-slider-box ul.slick-dots li.slick-active button {
    border: 4px solid #fff;
    background-color: transparent !important;
}

ul.explore-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-column-gap: 2rem;
    margin-top: 4rem;
}

ul.explore-list li {
    font-size: 2.4rem;
    color: #595959;
    padding: 1rem 4.5rem;
    border-radius: 3rem;
    border: 1px solid #989898;
    align-items: center;
    transition: all linear 0.3s;
    cursor: pointer;
}

ul.explore-list li img {
    width: 3rem;
    object-fit: scale-down;
    margin-right: 1rem;
    transition: all linear 0.3s;
}

ul.explore-list li.current {
    background-color: var(--green);
    border-color: var(--green);
    color: #fff;
    filter: drop-shadow(0px 11px 14px rgba(182, 197, 152, 0.45));
}

ul.explore-list li.current:hover {
    color: #fff;
}

ul.explore-list li.current img {
    filter: invert(1) brightness(100);
}

ul.explore-list li:hover {
    color: var(--green);
    border-color: var(--green);
}

.explore-content-box {
    display: none;
}

.explore-content-box.current {
    display: block;
}

.explore-content-box .explore-content-item {
    background-color: #EDF3F3;
    border-radius: 2rem;
    margin-bottom: 6.5rem;
}

.explore-content-box .explore-content-item .img-box {
    width: 50%;
}

.explore-content-box .explore-content-item .content-box {
    width: 50%;
    padding: 6rem 4rem;
}

.explore-content-box .explore-content-item .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2rem;
}

.explore-content-box .explore-content-item:last-child {
    margin-bottom: 0;
}

.explore-content-box .explore-content-item:nth-child(2) {
    background-color: #EFE5ED;
}

.explore-content-box .explore-content-item .content-box>* {
    margin-bottom: 2rem;
}

.explore-content-box .explore-content-item .content-box>*:last-child {
    margin-bottom: 0;
}

.choise-content-box .choise-content-item {
    margin-bottom: 8.5rem;
    align-items: center;
}

.choise-content-box .choise-content-item:last-child {
    margin-bottom: 0;
}

.choise-content-item:nth-child(even) {
    flex-direction: row-reverse;
}

.choise-content-item img {
    border-radius: 2rem;
}

.choise-content-item .text-box {
    padding-left: 5rem;
}

.choise-content-item:nth-child(even) .text-box {
    padding-left: 0;
    padding-right: 4rem;
}

.choise-content-item .text-box>* {
    margin-bottom: 2rem;
}

.choise-content-item .text-box>*:last-child {
    margin-bottom: 0;
}

button {
    background-color: transparent !important;
    padding: 0;
    border: 0;
    font-size: 0;
}

.trusted-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #B3C393;
    padding: 5rem 7.5rem;
    border-radius: 4rem;
    justify-content: space-between;
    align-items: center;
}

.trusted-box img {
    width: 10rem;
    object-fit: scale-down;
}

.trusted-box .text-box {
    width: 65%;
}

.white-btn {
    background-color: #fff;
    color: var(--black);
    border-color: #fff;
}

.trusted-box .text-box p {
    line-height: 1.3;
}

.resource-library-section {
    background-color: #EDF3F3;
}

.library-slider-box {
    margin-top: 8rem;
}

ul.knowledge-list li {
    padding: 5rem 3rem 8rem 3rem;
    border-radius: 1.5rem;
    background-color: #ECE0EA;
    min-height: 43rem;
}

ul.knowledge-list li:nth-child(2) {
    background-color: #FDE5D7;
}

ul.knowledge-list li:nth-child(3) {
    background-color: #E6E7E0;
}

ul.knowledge-list li:nth-child(4) {
    background-color: #DBE0E6;
}

ul.knowledge-list li:nth-child(5) {
    background-color: #E1E9D2;
}

ul.knowledge-list li:nth-child(6) {
    background-color: #F2ECE6;
}

ul.knowledge-list li h5 {
    margin-bottom: 2rem;
}

.library-slider-viewport {
    width: 100vw;
    margin-left: calc(-1 * (50vw - min(685px, 45vw) + 2rem));
    overflow: hidden;
    cursor: grab;
    touch-action: pan-y;
}

.library-slider-viewport.is-dragging {
    cursor: grabbing;
}

.library-slider-track {
    display: flex;
    gap: 3rem;
    width: max-content;
    padding-left: calc(50vw - min(685px, 45vw) + 2rem);
    will-change: transform;
}

.library-slider-box .slider-item {
    flex: 0 0 43rem;
    width: 43rem;
}

.library-slider-box .img-box {
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 2rem;
}

.library-slider-box .img-box img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    user-select: none;
    -webkit-user-drag: none;
}

.library-slider-box .text {
    padding-top: 2.5rem;
}

.library-slider-box .text h3 {
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.2;
}

.resource-library-section .slider-nav {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    width: 100%;
    margin-top: 9rem;
    position: relative;
}

.resource-library-section .slider-nav:after {
    content: '';
    position: absolute;
    background-color: #ACB1B3;
    width: 88%;
    height: 1px;
    left: 0;
    top: 50%;
}

.resource-library-section .slider-nav button {
    width: 4.5rem;
    height: 3.5rem;
    transition: opacity .2s ease;
}

.resource-library-section .slider-nav button:disabled {
    cursor: default;
    opacity: .45;
}

.resource-library-section .slider-nav button img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.video-section {
    padding: 19rem 0;
    background-color: #9AAE72;
}

.video-section video {
    border-radius: 2rem;
    width: 100%;
    height: 100%;
}

.faq-list-box {
    margin-top: 6rem;
}

.faq-item {
    background-color: #E9EAED;
    margin-bottom: 1.5rem;
    padding: 4rem 8rem;
    border-radius: 6rem;
    position: relative;
}

.faq-item .faq-content {
    display: none;
    margin-top: 5rem;
    margin-bottom: 2rem;
}


.faq-item .arrow-box {
    position: absolute;
    background-color: #B6C598;
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    top: 0;
    right: 0;
}

.faq-item .faq-head.active .arrow-box::after {
    content: '';
    position: absolute;
    background: url(../img/sub-icon.webp) no-repeat center;
    width: 5.5rem;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: contain;
    filter: invert(0);
}

.faq-item .arrow-box::after {
    content: '';
    position: absolute;
    background: url(../img/plus-icon.webp) no-repeat center;
    filter: invert(1);
    width: 5.7rem;
    height: 5.7rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: contain;
}

.faq-item .faq-head.active .arrow-box {
    background-color: #8D7281;
}

.health-journey-box {
    background-color: #9AAE72;
    padding: 9rem;
    border-radius: 5rem;
}

.health-journey-box>* {
    margin-bottom: 3rem;
}

.health-journey-box>*:last-child {
    margin-bottom: 0;
}

.health-journey-box h3 {
    line-height: 1.3;
}

.health-journey-box h5 {
    font-weight: 600;
    margin-top: 5rem;
}

.health-journey-box ul li {
    font-size: 3rem;
    line-height: 1.3;
    font-weight: 400;
    font-family: 'Noto Sans', sans-serif;
    position: relative;
    margin-bottom: 1rem;
    padding-left: 2.3rem;
}

.health-journey-box ul li::after {
    content: '';
    position: absolute;
    background-color: #fff;
    width: .7rem;
    height: .7rem;
    top: 1.7rem;
    left: 0;
    border-radius: 50%;
}

.gallery-slider-item img {
    width: 100%;
    border-radius: 2rem;
    height: 63rem;
}

.gallery-slider-item {
    margin: 0 1rem;
}

.wellness-gallery-slider-box .slick-arrow {
    position: absolute;
    top: -17rem;
    right: 29rem;
    transform: all linear .2s;
    opacity: .7;
}

.wellness-gallery-slider-box .slick-arrow:hover {
    opacity: 1;
}

.wellness-gallery-slider-box {
    padding-top: 10rem;
}

.wellness-gallery-slider-box .slick-prev.slick-arrow {
    right: 37rem;
}

.wellness-gallery-section {
    background-color: #E1DAE2;
}

footer {
    background-color: #EFE5ED;
    padding: 14rem 0 7rem;
}

footer .logo-box {
    margin-bottom: 5rem;
}

.health-video-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
}

.health-video-list .video-box video,
.health-video-list .video-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2rem;
}

.health-video-list .video-box {
    aspect-ratio: 321 / 571;
}

.news-letter-box {
    background: #fff;
    display: flex;
    border-radius: 1rem;
    font-size: 0;
    padding: .5rem 0;
    margin: 4rem 0 3rem;
}

.news-letter-box input {
    border: 0;
    width: 60%;
    font-size: 2.1rem;
    border-radius: 1rem;
    margin-left: 4rem;
}

.news-letter-box .btn {
    background-color: #9AAE72 !important;
    color: #fff !important;
    border-radius: .5rem;
    border-color: #9AAE72;
    width: 33%;
    transition: all linear .2s;
}

.news-letter-box .btn:hover {
    color: #9AAE72 !important;
    background-color: #fff !important;
}

footer h6 {
    font-size: 3.2rem;
    color: #000;
    font-weight: 500;
    margin-bottom: 4rem;
}

footer .left-box span {
    font-size: 2.3rem;
    font-weight: 400;
    color: #525252;
    font-family: 'Noto Sans', sans-serif;
}

footer .left-box span a {
    text-decoration: underline;
}

footer .right-box ul li {
    margin-bottom: 2.5rem;
}

footer .right-box ul li a {
    color: #4A4A4A;
    font-weight: 400;
    transition: all linear .2s;
}

footer .right-box ul li a:hover {
    color: var(--light-orange);
}

footer .container {
    max-width: 1540px;
}

footer .left-box span a:hover {
    color: var(--light-orange);
}

footer .left-box {
    max-width: 73rem;
}

footer .bottom-box {
    margin-top: 3.5rem;
    padding-top: 3.5rem;
    border-top: 1px solid #A1A1A1;
}

footer .bottom-box p a:hover {
    color: #69C291;
}

.wellness-gallery-slider-box .slick-arrow img {
    width: 6.2rem;
    object-fit: contain;
}

.article-side-box .table-title-box {
    background-color: #EFE5ED;
    padding: 4rem 3rem;
    border-radius: 1.5rem;
}

.article-side-box {
    position: sticky;
    top: 5rem;
}

.article-side-box .table-title-box h5 {
    margin-bottom: 2rem;
}

.article-side-box .table-title-box>ul>li {
    margin-bottom: 1.5rem;
    padding-left: 2.5rem;
    padding-bottom: 1.5rem;
    position: relative;
    list-style: none;
    border-bottom: 1px solid #ACB1B3;
}

.article-side-box .table-title-box>ul>li::after {
    content: '';
    position: absolute;
    background-color: #1A1A1A;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    top: .9rem;
    left: 0;
}

.article-side-box .table-title-box>ul>li>a {
    font-size: 2.1rem;
    line-height: 1.2;
    font-weight: 500;
}

.generic-content-box h2,
.generic-content-box h3,
.generic-content-box h4,
.generic-content-box h5,
.generic-content-box h6 {
    margin: 2rem 0 3rem;
    color: #1f1f1f;
    font-weight: 500;
}

.generic-content-box ul li {
    position: relative;
    color: #676767;
    margin-bottom: 1rem;
    padding-left: 2rem;
    font-weight: 400;
    line-height: 1.4;
}

.generic-content-box ul li::after {
    content: "";
    position: absolute;
    background-color: var(--green);
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    top: 1.8rem;
    left: 0;
}

.generic-content-box ul {
    margin: 3rem 0;
}

.generic-content-box {
    color: #676767;
}

.generic-content-box img {
    width: 100%;
    margin: 3rem 0;
    border-radius: 2rem;
}

.blog-post-section .generic-content-box p b,
.blog-post-section .generic-content-box strong {
    color: #4a4a4a;
}

.generic-content-box a,
.blog-post-section .generic-content-box a b {
    color: #627251;
    text-decoration: underline;
}

.blog-post-section {
    padding-top: 20rem;
}

.blog-post-section .info-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    color: #fff;
    grid-column-gap: 2rem;
    margin-bottom: 3rem;
}

.blog-post-section .info-box>* {
    font-size: 17px;
    color: var(--black);
    font-weight: 600;
}

.blog-post-section h1.entry-title {
    margin-bottom: 6rem;
    font-weight: 500;
}

.blog-post-section .featured-img img {
    width: 100%;
    height: 60rem;
    object-fit: contain;
}

.navigation.post-navigation {
    display: none;
}

.blog-main-banner-section {
    background-color: #EDF3F3;
}

.blog-listing-box .list-box {
    border-radius: 1.5rem;
    background-color: #ECE0EA;
    transition: all linear 0.3s;
}
.blog-listing-box .list-box:hover{
    box-shadow: 0px 0px 18px rgba(9, 9, 9, 0.11);
}
.blog-listing-box .list-box .img-box {
    margin-bottom: 2rem;
}

.blog-listing-box .list-box .img-box img {
    width: 100%;
    border-radius: 1.5rem;
}

.blog-listing-box .list-box .text-box {
    padding: 3rem;
}

.blog-listing-box .list-box .text-box .time {
    font-size: 1.7rem;
    margin-bottom: 2rem;
}

.blog-listing-box .list-box .text-box h5 {
    font-size: 3rem;
}

.sm {
    font-size: 2.3rem;
    margin-top: 2rem;
}

.blog-listing-box .list-box:nth-child(3) {
    background-color: #FDE5D7;
}

.blog-listing-box .list-box:nth-child(4) {
    background-color: #E6E7E0;
}

.blog-listing-box .list-box:nth-child(5) {
    background-color: #DBE0E6;
}

.blog-listing-box .list-box:nth-child(6) {
    background-color: #F2ECE6;
}

.blog-listing-box .list-box:nth-child(5n+2) {
    background-color: #FDE5D7;
}

.blog-listing-box .list-box:nth-child(5n+3) {
    background-color: #E6E7E0;
}

.blog-listing-box .list-box:nth-child(5n+4) {
    background-color: #DBE0E6;
}

.blog-listing-box .list-box:nth-child(5n) {
    background-color: #F2ECE6;
}

.bottom-blog-category-listing-section {
    background-color: #EDF3F3;
}

.blue-bg {
    background-color: #EDF3F3;
}

.inner-page-banner-section {
    padding: 12rem 0;
}

.error-section {
    height: 95vh;
    display: flex;
    align-items: center;
}

.error-section .bannercontent {
    text-align: center;
}

.error-section .bannercontent p.sub-heading {
    color: var(--light-orange);
    font-weight: 700;
}

.error-section .bannercontent h1 {
    margin: 3rem 0;
}

.error-section .bannercontent .btn {
    margin-top: 5rem;
}

.health-journey-box .description-box h5 {
  margin-bottom: 3rem;
}

.category-section .health-journey-box {
  padding: 7rem 5rem;
  border-radius: 3rem;
}
.logo-box img {
  width: 37rem;
  object-fit: scale-down;
}
.category-content-box .choise-section .choise-content-item .text-box {
  padding-left: 0 !important;
}
.category-section .choise-content-item .text-box > * {
  margin-bottom: 4rem;
}
.category-section .explore-content-box .explore-content-item .content-box{
    width: 100% !important;
}

.explore-content-box .explore-content-item .content-box img {
  width: 100%;
  border-radius: 2rem;
}

.supplement-item {
  font-size: 0;
}
.supplement-item .supplement-content {
  background-color: #EDF3F3;
  padding: 5rem 3rem;
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  min-height: 20rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.supplement-item .supplement-image img {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.category-content-box  .choise-section .description-box > * {
  margin-bottom: 2.5rem;
}
.category-content-box .choise-section .description-box img {
  width: 100%;
  height: 100%;
  border-radius: 2rem;
}
.category-section .health-journey-box .description-box p {
  margin-bottom: 1rem;
}

.category-content-box .choise-section .description-box h3,.category-content-box .choise-section .description-box h2 {
  margin-top: 4.5rem;
  margin-bottom: 3.5rem;
}
.supplement-list {
  grid-gap: 6rem 3rem;
}

.category-content-box .choise-section .description-box li {
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 400;
  color: #525252;
  font-family: 'Noto Sans', sans-serif;
  padding-left: 2rem;
  margin-bottom: 2.5rem;
  position: relative;
}
.category-content-box .choise-section .description-box li br{display: none;}

.category-content-box .choise-section .description-box li strong {
  color: #000;
  font-weight: 500;
  margin-bottom: 1.5rem;
  display: block;
}
.category-content-box .choise-section .description-box li::after {
  content: '';
  position: absolute;
  background-color: var(--light-orange);
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  left: 0;
  top: 1.3rem;
}


.contact-form-box .form-box {
  background-color: #f0f0f0;
  padding: 6rem 4rem;
  border-radius: 2rem;
  margin-top: 5rem;
}
.hide-box {
  position: absolute;
  top: -100%;
  left: -100%;
  visibility: hidden;
  opacity: 0;
  font-size: 0;
  width: 0;
  height: 0;
}
span[data-name="page-url"] {
  display: none;
}
.contact-form-box .form-box .input-box {
  margin-bottom: 2rem;
}
.contact-form-box .form-box .input-box p {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 4rem;
  line-height: 1;
}
.form-box form input {
  font-size: 2.1rem;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #acacac;
  color: #131313;
  padding-left: 0;
  margin-bottom: 1rem;
  font-family: 'Noto Sans', sans-serif;
  width: 100%;
}
.form-box form textarea{
    font-size: 2.1rem;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #acacac;
  color: #131313;
  padding-left: 0;
  margin-bottom: 1rem;
  font-family: 'Noto Sans', sans-serif;
  width: 100%;
  margin-top: 2rem;
  height: 10rem;
}
.form-box .btn-box p input.btn.white-btn {
  font-size: 2.1rem;
  color: #fff;
  font-weight: 500;
  background-color: var(--light-orange);
  padding: 2rem 5rem;
  border-radius: 3rem;
  border: 1px solid var(--light-orange);
  font-weight: 500;
  margin-top: 2rem;
  display: inline-block;
  transition: all linear .2s;
  text-align: center;
  font-family: 'Noto Sans', sans-serif;
  margin: 0;
  text-transform: uppercase;
  margin-top: 4rem;
}
.form-box .btn-box p input.btn.white-btn:hover{
  color: var(--light-orange);
  background-color: #fff;
}

#form-popup #closeFormPopup img,#video-popup #closeVideoPopup img {
  width: 5rem;
}
.form-box form select {
  font-size: 2.1rem;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #acacac;
  color: #131313;
  padding-left: 0;
  margin-bottom: 1rem;
  font-family: 'Noto Sans', sans-serif;
  width: 100%;
}
.contact-form-box .form-box .input-box p br {
  display: none;
}
.hospital-box .img-box img {
  width: 100%;
  height: 100%;
  max-height: 45rem;
  object-fit: cover;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
}
.hospital-box .text-box {
  background-color: var(--green);
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  padding: 5rem 4rem;
}
.hospital-box .text-box h4 {
  font-size: 3rem;
  margin-bottom: 3rem;
}

.contact-info-box .text-box h6 {
  margin-bottom: 2rem;
}


footer .bottom-box p {
  font-size: 2.2rem;
}