@import url(../css/header.css);
@import url(../css/animation-effect.css);
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fahkwang:wght@200;300;400;500&display=swap');
:root {
    --color-black: #000;
    --bg-color: #f1dfd5;
    --color-white: #fff;
    --primer-color: #000;
    --font-PT-Sans: 'PT Sans', sans-serif;
    --font-style-normal: normal;
    --font-size-15: 15px;
    --font-size-16: 16px;
    --font-size-16: 16px;
    --font-size-17: 17px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-21: 21px;
    --font-size-22: 22px;
    --font-size-24: 24px;
    --font-size-26: 26px;
    --font-size-30: 30px;
    --font-size-36: 36px;
    --font-size-40: 40px;
    --font-size-45: 45px;
    --font-size-50: 50px;
    --font-size-55: 55px;
    --font-size-60: 60px;
    --font-size-65: 65px;
    --font-size-70: 70px;
    --font-size-75: 75px;
    --line-height-inherit: inherit;
    --line-height-20: 20px;
    --line-height-22: 22px;
    --line-height-23: 23px;
    --line-height-24: 24px;
    --line-height-25: 25px;
    --line-height-28: 28px;
    --line-height-30: 30px;
    --line-height-32: 32px;
    --line-height-34: 34px;
    --line-height-36: 36px;
    --line-height-40: 40px;
    --line-height-46: 46px;
    --line-height-50: 50px;
    --line-height-55: 55px;
    --line-height-60: 60px;
    --line-height-64: 64px;
    --line-height-65: 65px;
    --line-height-70: 70px;
    --line-height-73: 73px;
    --line-height-74: 74px;
    --font-weight-ExtraLight: 200;
    --font-weight-Light: 300;
    --font-weight-Regular: 400;
    --font-weight-Medium: 500;
    --font-weight-SemiBold: 600;
    --font-weight-Bold: 700;
    --font-weight-ExtraBold: 800;
    --font-weight-Black: 900;
    --letter-spacing-inherit: 0;
    --letter-spacing-04: .4px;
    --letter-spacing-05: .5px;
    --letter-spacing-06: .6px
}

body {
    font-family: var(--font-PT-Sans);
    font-weight: var(--font-weight-Regular);
    font-style: var(--font-style-normal);
    font-size: var(--font-size-18);
    line-height: var(--line-height-inherit);
    color: var(--color-000000);
    letter-spacing: var(--character-spacing-0);
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-color: #fff
}

p {
    font-family: var(--font-PT-Sans);
    font-weight: var(--font-weight-Regular);
    font-size: var(--font-size-20);
    line-height: 33px;
    margin-bottom: 15px;
    letter-spacing: 0.6px;
}

h1,
h2,
h3,
h4 {
    font-weight: var(--font-weight-Light);
    line-height: var(--line-height-74);
    font-size: var(--font-size-65);
    color: var(--primer-color);
    padding: 15px 0 10px;
    margin-bottom: 0;
    font-family: 'Fahkwang', sans-serif;
}

.title {
    font-weight: var(--font-weight-Light);
    line-height: var(--line-height-74);
    font-size: var(--font-size-65);
    color: var(--primer-color);
    padding: 15px 0 10px;
    margin-bottom: 0;
}

.section-space {
    clear: both;
    padding: 100px 0;
    overflow: hidden
}

section.light-bg {
    background: #fafafa;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #fff;
    border-radius: 0
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #fff
}

body::-webkit-scrollbar-thumb {
    background-color: var(--primer-color)
}

.dropdown-menu {
    border: 0
}


/* back to top */

#button {
    display: inline-block;
    background-color: #fff6f3;
    background: linear-gradient(90deg, rgba(197, 45, 47, 1) 0%, rgba(178, 45, 192, 1) 100%);
    text-align: center;
    border-radius: 0;
    bottom: 23px;
    right: 10px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    position: fixed;
    z-index: 99;
}

#button.show,
#button::after {
    border: 0;
    text-decoration: none
}

#button::after {
    font-weight: 400;
    font-style: normal
}

#button i {
    color: #fff;
    font-size: 20px;
    line-height: 46px
}

#button:hover {
    cursor: pointer;
    background-color: #5864d3
}

#button:active {
    background-color: #555
}

#button.show {
    opacity: 1;
    visibility: visible
}


/* holiday-home */

span.sub-title {
    font-size: 20px;
    font-weight: 500;
    background: linear-gradient(90deg, rgba(197, 45, 47, 1) 0%, rgba(178, 45, 192, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.holiday-inner-section {
    padding: 8rem 5rem;
}

.holiday-inner-section p {
    padding-right: 13rem;
    text-align: left;
}


/* healing-balance */

.healing-balance-energy {
    padding: 4rem 1rem;
}

.healing-balance-energy p {
    font-style: italic;
    margin-bottom: 6rem;
}

.healing-balance-energy-left-img {
    padding-top: 4rem;
}

.healing-balance-energy-left-img img {
    margin-top: 9rem;
    z-index: 9;
    position: relative;
}

.healing-balance-energy-right-img {
    padding: 0 5rem;
    padding-right: 0;
    margin-top: -16rem;
}

span.sub-title ul {
    display: flex;
    padding: 0;
}

span.sub-title ul li a {
    font-size: 25px;
    font-weight: 500;
    background: linear-gradient(90deg, rgba(197, 45, 47, 1) 0%, rgba(178, 45, 192, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-right: 17px;
}

span.sub-title ul li {
    list-style: none;
}


/* lightworks */

.row.in-center {
    /* align-items: center; */
    justify-content: center;
}

section.light-works {
    background: #fff6f3;
    margin-top: -10rem;
    position: relative;
    z-index: 1;
    padding: 100px 0px;
    padding-top: 200px;
}

h4.founder-name {
    font-size: 40px;
    margin: 0;
    padding: 0;
}

span.founder {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 20px;
}

.founder {
    margin-top: 9rem;
}

.founder-about {
    margin-top: 12rem;
    padding-left: 30px;
}

h4.slider-title {
    font-size: 30px;
    letter-spacing: 0.8px;
    padding: 0;
    margin-bottom: 20px;
}

.swiper.lightWorkslider {
    margin-top: 55px;
    padding-bottom: 50px;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    bottom: 10px;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 15px);
    background: #d4d4d4;
    opacity: 1;
    position: relative;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    position: relative;
    background: linear-gradient(90deg, rgba(197, 45, 47, 1) 0%, rgba(178, 45, 192, 1) 100%) !important;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    position: absolute;
    content: "";
    top: -7px;
    left: -8px;
    bottom: 0;
    border: 1px solid #000;
    border-radius: 100px;
    padding: 13px;
}

.swiper.currentLocation .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 20px;
}

.circle-btn img {
    width: auto;
    height: 63px;
    position: relative;
    top: 70px;
    transition: 1s;
}

.circle-btn {
    margin: 0 auto;
    text-align: center;
    width: 100px;
    height: 100px;
    border: 1px solid #222;
    border-radius: 50%;
    position: relative;
    top: 140px;
}

.circle-btn:hover img {
    top: 20px;
    position: relative;
    transition: 1s;
}


/* type-services */

.services-type-name h3 {
    font-size: 25px;
}

.type-services {
    margin: 50px auto;
    text-align: center;
}

.we_come_left_section img.img-fluid.we_come_left_img {
    height: 550px;
    position: absolute;
    bottom: -3%;
    right: 0%;
}

.we_come_right_section {
    padding: 0;
    padding-right: 19rem;
}

h2.title2:after {
    position: absolute;
    content: "";
    top: 14px;
    left: -31px;
    width: 70px;
    height: 70px;
    background-image: url('../images/title-bg.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

h2.title2 {
    background: linear-gradient(90deg, rgba(197, 45, 47, 1) 0%, rgba(178, 45, 192, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 50px;
    position: relative;
}

.you_come_left_section {
    padding: 40px;
    padding-bottom: 100px;
    padding-top: 200px;
}

h6.location-title {
    font-size: 20px;
    font-weight: 300;
    color: #0092ac;
    text-transform: uppercase;
    margin: 20px 0;
}

img.img-fluid.you_come_img2 {
    position: absolute;
    left: 0;
    top: -15%;
}

img.img-fluid.you_come_img1 {
    position: absolute;
    left: 44%;
    top: -90%;
    z-index: 1;
}

.you_come_left_section-inner {
    padding-right: 30px;
    padding-left: 0;
}

.card-icon {
    background: #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 20px;
    box-shadow: 1px 2px 4px #2222222e;
}

.you-come-to-us-section {
    padding-bottom: 100px;
}

.card-title h5 {
    font-size: 22px;
    font-family: 'Fahkwang', sans-serif;
    margin: 20px 0px;
}

.card-section {
    padding-right: 0rem;
    padding-left: 1rem;
}

.card-list {
    padding-top: 0;
    padding-bottom: 80px;
}

.card-text ul li {
    list-style: none;
    font-size: 18px;
    line-height: 35px;
    padding-left: 20px;
    position: relative;
}

.card-text ul {
    padding: 0;
}

.card-text ul li:after {
    position: absolute;
    content: "";
    top: 17px;
    left: 0;
    border: 1px solid #222;
    width: 14px;
}

.card-1 {
    padding-top: 12rem;
    padding-left: 5rem;
}

.card-2 {
    padding-top: 0rem;
}

.card-3 {
    padding-top: 6rem;
    padding-left: 12rem;
}

.card-4 {
    padding-top: 21rem;
    padding-left: 8rem;
}

.card-icon.last-card {
    margin: 0 auto;
}

.we_meet_the_middle {
    padding-right: 15rem;
    display: -webkit-flex;
    align-items: center;
    height: 100%;
}

.space-bottom {
    padding-bottom: 100px;
}

.light-bg3 {
    background: #f7f7f7;
}

.card-list-section {
    position: relative;
    background: #fafafa;
}

.card-list-section:before {
    position: absolute;
    content: "";
    background-image: url(../images/dot-bg.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 770px;
    top: -7rem;
}


/* Nutrition */

.nutrition-company {
    padding: 0px 3rem;
    padding-right: 15rem;
    display: -webkit-flex;
    align-items: center;
}

.nutrition-company h4 {
    font-size: 28px;
    background: linear-gradient(90deg, rgba(197, 45, 47, 1) 0%, rgba(178, 45, 192, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: inherit;
    margin-bottom: 9px;
    margin-top: 10px;
    font-family: var(--font-PT-Sans);
}

#parallax1 {
    background: url('../images/09.jpg') no-repeat center;
    background-position: center;
    background-attachment: fixed;
        background-size: cover;

}

.parallax-slide {
    height: 800px;
}

.sister-company {
    display: -webkit-flex;
    align-items: center;
    padding: 0px 10rem;
    width:100%;
}

.light-bg2 {
    background: #f1dfd5;
}

.sister-company-services_name h4 {
    font-size: 30px;
    line-height: inherit;
}

.light-bg2 {
    background: #f1dfd5;
}

.sister-company {
    display: -webkit-flex;
    align-items: center;
    padding: 0px 10rem;
}

.nutrition-images02 {
    position: absolute;
    right: 74%;
    top: 62%;
    width: 38%;
}

.nutrition-section {
    padding-bottom: 180px;
}

.ft-title h4 {
    font-size: 20px;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.ft-logo img {
    width: 55%;
}

section.footer-section {
    padding: 120px 0px;
}

.ft-title ul {
    padding: 0;
    margin: 0;
}

.ft-title ul li {
    list-style: none;
    margin: 20px 0px;
}

.ft-title ul li a {
    font-size: 18px;
    color: #000;
    line-height: 29px;
}

.ft-social {
    display: flex;
    justify-content: center;
}

.mobile {
    display: none;
}


/* coy-right */

section.copy-right-sectoin {
    background: #222;
    padding: 14px 0px;
}

.copy-right p {
    color: #fff;
    margin-bottom: 0;
    font-size: 16px;
}

.copy-right p a {
    color: #fff;
    margin-bottom: 0;
    font-size: 16px;
}

.copy-right.roght-copy {
    text-align: right;
}


/* title-size */

@media (max-width: 1600px) {
    p {
        font-size: var(--font-size-18);
        line-height: 33px;
        margin-bottom: 15px;
    }
    .title {
        line-height: var(--line-height-60);
        font-size: var(--font-size-55);
        padding: 15px 0 10px;
    }
}

@media (max-width: 1400px) {
    p {
        font-size: var(--font-size-16);
        line-height: 26px;
        margin-bottom: 15px;
    }
    .title {
        line-height: var(--line-height-55);
        font-size: var(--font-size-45);
        padding: 15px 0 10px;
    }
    h2.title2 {
        font-size: 45px;
        position: relative;
    }
}

@media (max-width: 1200px) {
    p {
        font-size: var(--font-size-16);
        line-height: 26px;
        margin-bottom: 15px;
    }
    .title {
        line-height: var(--line-height-55);
        font-size: var(--font-size-40);
        padding: 15px 0 10px;
    }
    h2.title2 {
        font-size: 40px;
        line-height: 50px;
        position: relative;
    }
}

@media (max-width: 1200px) {
    p {
        font-size: var(--font-size-16);
        line-height: 26px;
        margin-bottom: 15px;
    }
    .title {
        line-height: var(--line-height-40);
        font-size: var(--font-size-30);
        padding: 15px 0 10px;
    }
    h2.title2 {
        font-size: 30px;
        line-height: 40px;
        position: relative;
    }
}