a{
    text-decoration: none;
}
body{
    font-size: 15px;
    line-height:normal;
    color:#000;
    font-weight: 400;
    font-family: SVN-Mont;
}
.b-600
{
    font-weight:600;
}
.b-700
{
    font-weight:700;
}
.size-35
{
    font-size: 35px;
}
.size-50
{
    font-size: 50px;
}
.btn-bg
{
    height:50px;
    padding:13px 20px;
    min-width:200px;
    display: inline-block;
    text-align:center;
    border-radius:30px;
    border:0px solid;
    font-weight:600;
    color:#000;
}
.btn-bg-white
{
    background-color: #fff;
    height:50px;
    padding:13px 20px;
    min-width:200px;
    display: inline-block;
    text-align:center;
    border-radius:30px;
    border:0px solid;
    font-family: 'SVN-Mont Semibold';
    font-weight:600;
    color:#000;
}
.btn-bg-white:hover,
.btn-bg-gradient:hover
{
    color:#000;
    background: linear-gradient(94deg, #FFBFD4 0%, #F9E0F9 50%, #B2E5FF 100%);
}
.btn-bg-gradient
{
    background: var(--Light-Gradient, linear-gradient(94deg, #FFD9E5 0%, #F9ECF9 50%, #BFEAFF 100%));
}
/* Form Contact */
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
    text-align: center;
}

.wpcf7 form.spam .wpcf7-response-output {
    text-align: center;
}

.wpcf7-not-valid-tip {
    margin-top: 6px;
}

/* Slider Banner */
.banner-sec .bg-pastel-gradient{
    mix-blend-mode: initial;
}

.swiper-slide:not(.swiper-slide-active) .slide-up-fade-in{
    opacity: 0;
}
.banner-sec .swiper-slide img{
    aspect-ratio: 4/3;
    object-fit: cover;
}
.slide-item .col-content h2, .tech-item .col-content h2
{
    font-size: 20px;
}
@media (max-width: 991.98px){
    .banner-sec .content-left {
        padding-top: 30px;
        padding-bottom: 100px;
        height: 340px;
    }
    .banner-sec .swiper.have-scroll .swiper-custom-nav {
        top: calc(100% - 32px);
    }
    .banner-sec .swiper.have-scroll .swiper-button-prev {
        left: calc(50% - 70px);
    }
    .banner-sec .swiper.have-scroll .swiper-button-next {
        right: calc(50% - 70px);
    }
    .banner-sec .swiper.have-scroll .swiper-pagination-fraction {
        left: calc(50% - 15px);
        top: 84%;
    }
    .banner-sec .swiper.have-scroll .swiper-scrollbar.swiper-scrollbar-horizontal {
        bottom: 20px;
        width: calc(100% - 30px);
        left: 15px;
    }
    .banner-sec .swiper-slide img{
        max-height: 70vh;
    }
    .wpcf7-spinner
    {
        margin: 0;
    }
}
/* Popular Treatment */
.treatment-slider
{
    overflow: hidden;
    position: relative;
}
.slide-item .col-content > div
{
    max-width: 100%;
    margin-bottom: 80px;
}
.treatment-slider-2 .col-content > div
{
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-inline-box;    
}
.treatment-slider-2 .btn-bg-gradient
{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.tags button
{
    border: 0;
}
.tags a, .tags button
{
    position:relative;
    padding:0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    height:33px;
    color: var(--clr-dark);
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.20);
    border-radius: 17.5px;
    transition: all .2s ease-in-out;
    background-color:var(--clr-light);
}
.tags a:hover, .tags a.selected, .tags button:hover, .tags button.active {
    border-color: var(--clr-secondary);
}

.tags a.selected, .tags button.active {
    border-width: 2px;
}
/* .tags a, .tags button
{
    color: #000;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    border-radius: 17.5px;
    background-color:#fff;
    padding:0px 20px;
    transition: all .3s ease-in-out;
    position:relative;
    height:33px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tags a::after, .tags button::after
{
    content:"";
    position: absolute;
    width:calc(100% + 2px);
    height:calc(100% + 2px);
    background:rgba(0, 0, 0, 0.20);
    top:calc(-1 * 1px);
    left:calc(-1 * 1px);
    border-radius: 17.5px;
    z-index:-1;
}
.tags a:hover:after, .tags button:hover:after, .tags button.active:after
{   
    width:calc(100% + 4px);
    height:calc(100% + 4px);
    top:calc(-1 * 2px);
    left:calc(-1 * 2px);
    background: linear-gradient(101.17deg, #E68AA8 0%, #E6ACD2 35%, #B8BFE6 65%, #45B0E6 100%);
} */
.treatment-tag
{
    gap:20px;
}
.treatment-tag a{
    color: #000;
    text-align: center;
    font-family: 'SVN-Mont Semibold';
    font-size: 15px;
    line-height:24px;
    font-weight: 600;
}
.treatment-slider .slide-nav-prev{
    left:0;
}
.treatment-slider .slide-nav-next{
    left:90px;
}
.treatment-slider .swiper-pagination-fraction
{
    width:100px;
    left:10px;
}
.treatment-slider .swiper-scrollbar
{
    left:0;
    height:1px;
    background:rgba(0,0,0,.2);
    width: 40%;
    bottom:0% !important;
}
.treatment-slider .slide-nav-prev, .treatment-slider .slide-nav-next, .treatment-slider .swiper-pagination-fraction
{
    bottom:20px !important;
}
.treatment-slider .swiper-scrollbar-drag
{
    height:3px;
    background:#000;
    width: 15% !important;
    top: -2px;
}
/* Our Technologies */
.technology-slider
{
    width:100%;
    position: relative;
    overflow: hidden;
}
.technology-slider .swiper-wrapper
{
    height:auto;
}
.technology-slider .slide-nav-next,
.technology-slider .slide-nav-prev
{
    position: absolute;
    bottom: -4rem !important;
}
.technology-slider .swiper-pagination-fraction
{
    bottom: -4rem !important;
}
.technology-slider .swiper-scrollbar
{
    bottom: -5rem !important;
}
.technology-slider .slide-nav-prev
{
    left: calc(50% - 70px);
}
.technology-slider .slide-nav-next
{
    left:calc(50% + 20px);
}
.technology-slider .swiper-pagination-fraction
{
    width:100px;
    left:calc(50% - 60px);
}
.technology-slider .swiper-scrollbar
{
    width:calc(50% - 120px);
    left:15px;
    height:1px;
    background:rgba(0,0,0,.2);
}
.technology-slider .swiper-scrollbar-drag
{
    height:3px;
    background:#000;
    top:-2px;
}
.tech-item div.col-content,.tech-item div.col-img
{
    flex:1 0 auto;
    max-width:50%;
}
.tech-item .col-content
{
    padding-right:10px;
}
.radius-top-right
{
    border-radius: 5px 5px 0px 0px;
}
.radius-bottom-left
{
    border-radius: 0px 0px 5px 5px;
}
.col-content .desc{
    color: #000;
    font-family: SVN-Mont;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    width:100%;
}
.col-content a{
    float: right;
}
.col-content h2 a
{
    float: left;
    color: #000;
    font-size: 20px;
    padding-bottom: 10px;
}
.technology-slider .col-img
{
    padding: 0;
	box-shadow: 0px 0px 15px 0px #E5E5E580;
	
}
.technology-slider .col-img figure
{
    height: auto;
	box-shadow: unset;
	padding:0;
	background:#ffffff;
}
.col-img figure
{
    max-width:580px;
    height:480px;
    overflow: hidden;
    float:right;
    border-radius: 5px;
}
.col-img figure img
{
    max-width:100%;
    height:100%;
    object-fit: cover;
}
.sc-treatment .col-img figure
{
    width: 100%;
}
.sc-treatment .col-img figure img
{
    width: 100%;
}
/* Our Client Ex */
.sc-our-client
{
    background: var(--Grey-gradient, radial-gradient(177.6% 70.71% at 50% 50%, #E5E5E5 0%, #F2F2F2 100%));
}
.client-list
{
    row-gap:20px;
}
.client-list .col-6
{
    padding-right: 10px;
    padding-left: 10px;
}
.client-list .box-item
{
    width:100%;
    height:100%;
}
.client-list .box-img
{
    height:280px !important;
   /* height:var(--width);*/
}
.box-img figure
{
    overflow:hidden;
    height:100%;
}
.client-list .box-img figure img
{
    object-fit:cover;
    width:100%;
    height: 100%;
    object-position: top;
}
.overlay-content
{
    font-family: 'SVN-Mont';
    font-size: 14px;
    line-height:normal;
    color:#000;
    display: none;
    width:100%;
    height:0;
    top:0px;
    left:0px;
    background: linear-gradient(86deg, #FFF2F6 3.34%, #F2F2F2 96.66%);
    align-items:center;
    padding:20px;
    transition:height 2s linear;
    border-radius: 5px 5px 0px 0px;
}
.box-content
{
    background: linear-gradient(86deg, #FFF2F6 3.34%, #F2F2F2 96.66%);
    padding:21px 20px;
}
.box-content h3, .box-content h3 a
{
    font-family: 'SVN-Mont Semibold';
    font-weight: 600;
    font-size: 20px;
    line-height:normal;
    color:#000;
}
.client-list .box-item:hover figure
{
    display: none;
}
.client-list .box-item:hover .overlay-content
{
    display: flex;
    height:100%;
}
/* Our Award */
.logo-award img
{
    object-fit:cover;
    height:auto;
    width: 130px;
    height: 130px;
}

@keyframes loopCarouselLeft {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
@keyframes loopCarouselRight {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}

.loop-carousel{
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.loop-carousel-wrapper {
    display: inline-flex;
    justify-content: space-around;
}
.loop-carousel[data-direction="left"] .loop-carousel-wrapper, .loop-carousel:not([data-direction]) .loop-carousel-wrapper{
    animation: 20s loopCarouselLeft infinite linear;
}

.loop-carousel[data-direction="right"] .loop-carousel-wrapper{
    animation: 20s loopCarouselRight infinite linear;
}
.loop-carousel:hover .loop-carousel-wrapper {
    animation-play-state: paused;
}

.loop-carousel .loop-carousel-wrapper .item{
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 4px 15px 0px rgba(229, 229, 229, 0.50); 
}

.loop-carousel .loop-carousel-wrapper .item{
    width: calc(100vw / 8);
    display: flex;
    margin: 0 0.5rem;
}
.sec-contact iframe
{
    border-radius: 5px;
}
.sc-our-technologies .content-inner .swiper-wrapper .swiper-slide
{
    background: #FAFAFA;    
    width: 100% !important;
}
.loop-carousel img{
    margin: auto;
    object-fit: cover;
    width: 110px;
    height: 110px;
}
.container-carousel-2{
    max-width: 95%; 
    margin: auto;
}
/* Our Facilities */
.gallery-slider
{
    padding-bottom:0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}
.gallery-slider .swiper-wrapper
{
    justify-content: flex-start;
}
.gallery-slider .swiper-slide
{
    height:inherit;
    width:auto;
    opacity:0.7;
    padding:0px 7.5px;
}
.gallery-slider 
{
    padding-right: 115px;
    padding-left: 115px;
}
.gallery-slider .swiper-slide.swiper-slide-active
{
    width:100%;
    opacity:1;
}
.gallery-item-inner
{
    width:100%;
    height:100%;
}
.gallery-item img
{
    object-fit: cover;
    width:100%;
    height:auto;
}
.gallery-slider .swiper-pagination span,
.technology-slider .swiper-pagination span
{
    font-family: 'SVN-Mont';
    font-size: 20px;
    font-weight:400;
    line-height:normal;
    color:#000;
    opacity: 0.8;
}
.gallery-slider .swiper-pagination span.swiper-pagination-current,
.technology-slider .swiper-pagination span.swiper-pagination-current
{
    font-weight:700;
    opacity: 1;
    position: relative;
}
.gallery-slider .swiper-pagination-fraction
{
    width:100px;
    bottom:40px;
    left:calc((100% - 100px)/2);
    height:24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:2px;
}
.slide-nav-next, .slide-nav-prev
{
    position:absolute;
    top:initial;
    bottom:40px;
    height:24px;
    width:24px;
    z-index: 15;
}
/*.slide-nav-prev.swiper-button-disabled svg>path,
.slide-nav-next.swiper-button-disabled svg>path
{
    stroke:rgba(0,0,0,0.2);
}*/
.slide-nav-prev
{
    left:calc((100% - 120px)/2);
}
.slide-nav-next
{
    left:calc((100% + 70px)/2);
}
/* CTA section */
.frm-cta
{
    padding:80px 0 77px 0;
    position: relative;
    border-radius: 5px;
    background-color: var(--clr-cream-beige);
}
.frm-cta::before{
    position: absolute;
    inset: 0;
    content: "";
    mix-blend-mode: screen;
    background-image: url(./assets/images/bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.frm-cta .wpcf7-form{
    position: relative;
    z-index: 2;
}
.single-treatment .frm-cta
{
    border-radius: 5px;
   /*  background: linear-gradient(114deg, #FAE1E9 0%, #F6F1F9 50%, #E1F2FA 100%); */
	background:#ffffff;
    box-shadow: 0px 10px 20px 0px rgba(204, 163, 177, 0.10);
    padding-top:80px;
    padding-bottom:77px;
}
.sc-cta-2 .frm-cta
{
   padding-top:40px; 
   padding-bottom:40px; 
}
.frm-inner
{
    gap:40px;
}
.col-item
{
    flex:1 0 auto;
    max-width:calc((100% - 3rem)/2);
}
.txt_input, .cbx_loc
{
    width:100%;
    border:0px solid;
    border-bottom:1px solid rgba(0,0,0,0.2);
    padding:0px 8px 16px 8px;
    color:#000;
    background:transparent;
    font-weight: 400;
}
.txt_input::placeholder
{
    color:rgba(0,0,0,0.4);
}
.txt_input:hover, .txt_input:focus, .txt_input:visited,
.cbx_loc:hover, .cbx_loc:focus, .cbx_loc:visited
{
    outline:none;
}
textarea
{
   resize: none;
}
.width-80{width: 80px;}
.treatment-slider-1{width: 50%;}
.treatment-slider-2{width: calc(50% - 80px);}
.skin-problem .box-content
{
    height:auto;
}
.custom-box .box-content svg
{
    display: none;
}
.custom-box:hover .box-content svg
{
    display: flex;
}
@media(min-width:545px)
{
    .custom-box:hover .box-content .desc
    {
        display: block;
    }
}
@media(min-width:576px)
{
    .technology-slider .swiper-scrollbar
    {
        left: 3rem;
    }
}
@media (min-width:768px)
{
    .ft-desc{font-size: 16px;}
    .item h3
    {
        font-size: 16px;
    }
    .socials a
    {
        width:24px;
        height:24px;
    }
    .socials img
    {
        width:24px;
        height:24px;
    }
    .box-content
    {
        height: 110px;
    }
}
@media (min-width:1200px)
{
    .v-px-8
    {
        padding-left:130px !important;
        padding-right:130px !important;
    }
    .v-px-10
    {
        padding-left:100px !important;
        padding-right:100px !important;
    }
    .v-py-12
    {
        padding-top:120px !important;
        padding-bottom:120px !important;
    }
    .v-pt-12
    {
        padding-top:120px !important;
    }
    .technology-slider .swiper-scrollbar
    {
        left: 0;
		width:100%;
    }
}
@media (min-width:1280px)
{
    .v-py-10
    {
        padding-top:100px !important;
        padding-bottom:100px !important;
    }
    .v-mt-4
    {
        margin-top:40px !important;
    }
    .v-mt-6
    {
        margin-top:60px !important;
    }
    .v-mb-6
    {
        margin-bottom:60px !important;
    }
    .h-520
    {
        height:520px;
    }
    .tech-item .col-content 
    {
        padding-right: 120px;
    }
    
}
@media (max-width: 1199.98px) {
    .loop-carousel .loop-carousel-wrapper .item{
        width: calc(100vw/5);
    }
    .loop-carousel[data-direction="left"] .loop-carousel-wrapper, .loop-carousel:not([data-direction]) .loop-carousel-wrapper{
        animation-duration: 15s;
    }
    
    .loop-carousel[data-direction="right"] .loop-carousel-wrapper{
        animation-duration: 15s;
    }
    .gallery-slider
    {
        padding-right: 3rem;
        padding-left: 3rem;
    }
}
@media (max-width:999px)
{
    .size-35
    {
        font-size:30px;
    }
    .size-30
    {
        font-size:20px;
    }
    .section{
        padding:50px 0px;
    }
    .col-img figure
    {
        height:320px;
    }
    .gallery-slider
    {
        height:400px;
        padding-bottom:60px;
    }
    .gallery-slider .swiper-wrapper, .gallery-slider .swiper-slide
    {
        height:340px;
    }
    .gallery-item img
    {
        height:100%;
    }
    .gallery-slider .swiper-pagination-fraction,
    .gallery-slider .slide-nav-next, .gallery-slider .slide-nav-prev
    {
        bottom:10px;
    }
    .slide-item .col-content > div
    {
        margin-bottom: 80px;   
    }
    .treatment-tag a
    {
        text-align: left;
    }
}
@media (max-width: 991.98px) {
    .loop-carousel .loop-carousel-wrapper .item{
        width: calc(100vw/4);
    }
    .loop-carousel[data-direction="left"] .loop-carousel-wrapper, .loop-carousel:not([data-direction]) .loop-carousel-wrapper{
        animation-duration: 20s;
    }
    
    .loop-carousel[data-direction="right"] .loop-carousel-wrapper{
        animation-duration: 20s;
    }
}
@media (max-width: 767.98px) {
    .loop-carousel .loop-carousel-wrapper .item{
        width: calc(100vw/2);
    }
     .loop-carousel[data-direction="left"] .loop-carousel-wrapper, .loop-carousel:not([data-direction]) .loop-carousel-wrapper{
        animation-duration: 30s;
    }
    
    .loop-carousel[data-direction="right"] .loop-carousel-wrapper{
        animation-duration: 30s;
    }
}
/* Treatment Category pages */
.breadscrumbs
{
    margin-bottom:36px;
}
.breadscrumbs a, .breadscrumbs span{
    font-family: SVN-Mont;
    font-weight:400;
    color:rgba(0,0,0,.6);
    font-size: 15px;
}
.breadscrumbs span.sep
{
    padding:0px 5px;
}
.breadscrumbs span.active{
    font-weight:700;
}
.treatment-terms
{
    gap:20px;
    flex-wrap: wrap;
    justify-content: center;
}
.treatment-terms h2
{
    font-family: 'SVN-Mont Semibold';
    font-weight:600;
    font-size: 15px;
}
.treatment-terms .cat
{
    width:calc((100% - (20px * 8))/9);
    text-align:center;
}

@media (min-width: 1200px){
	.treatment-num10 .cat
	{
		width:calc((100% - (20px * 10))/10);
		text-align:center;
	}	
	.treatment-num11,.treatment-num13,.treatment-num15{
		flex-wrap: wrap-reverse;
	}
	.treatment-num11 .cat
	{
		width:calc((100% - (20px * 8))/6);
		text-align:center;
	}
	.treatment-num12 .cat
	{
		width:calc((100% - (20px * 8))/6);
		text-align:center;
	}
	.treatment-num13 .cat
	{
		width:calc((100% - (20px * 8))/7);
		text-align:center;
	}
	.treatment-num14 .cat
	{
		width:calc((100% - (20px * 8))/7);
		text-align:center;
	}
	.treatment-num15 .cat
	{
		width:calc((100% - (20px * 8))/8);
		text-align:center;
	}
	.treatment-num16 .cat
	{
		width:calc((100% - (20px * 8))/8);
		text-align:center;
	}	
}


.cat figure
{
    position: relative;
    margin:0px auto;
    width:100px;
    height:100px;
    border-radius:50%;
    border: 2px solid transparent;
    transition: all .2s ease-in-out;
}
.cat:hover figure,
.cat.current-temp figure {
    border-color: var(--clr-secondary);
}
.cat img
{ 
    padding:5px;
    width:100%;
    height:auto;
    border-radius: 50%;
	object-fit: cover;
}
/* .cat figure::after
{
    content:"";
    position: absolute;
    width:calc(100% + 6px);
    height:calc(100% + 6px);
    top:calc(-1 * 3px);
    left:calc(-1 * 3px);
    background:transparent;
    z-index:-1;
    border-radius:100px;
}
.cat:hover figure::after
{
    background:linear-gradient(101.17deg, #E68AA8 0%, #E6ACD2 35%, #B8BFE6 65%, #45B0E6 100%);
} */
.cat h2, .cat h2 a{
    font-family: 'SVN-Mont Semibold';
    font-weight:600;
    font-size: 15px;
    color:#000;
}
.treatment-desc
{
    margin:80px 0px;
}
.treatment-desc p{
    color:rgba(0,0,0,0.8);
    text-align:center;
}
.custom-box-list
{
    gap:60px 20px;
}
.custom-box-list .custom-box
{
    width:calc((100% - 40px)/3);
    padding:0px;
}
.custom-box-list .box-item
{
    height:480px;
}
.custom-box-list figure
{
    height:380px;
}
.custom-box-list figure img
{
    object-fit: cover;
    width:100%;
    height:100%;
}
.custom-box .box-content
{
    height:calc(100% - 380px);
    padding:20px 30px;
    border-radius: 0px 0px 5px 5px;
/*     background: linear-gradient(86deg, #FFF2F6 3.34%, #F2F2F2 96.66%); */
	
	background: url('./assets/images/bg.webp'), linear-gradient(0deg, #F0E4D5, #F0E4D5), #FEF6F6;
    background-blend-mode: screen, normal, normal;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.custom-box .box-content h2
{
    color: #000;
    font-family: SVN-Mont;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; 
    margin-bottom:10px;
}
.custom-box .box-content .sub-title
{
    color: #000;
    font-family: SVN-Mont;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.custom-box .box-content .desc, .custom-box .box-content .cat
{
    display: none;
}
.custom-box .box-content .desc
{
    margin-bottom:20px;
}
.custom-box .box-content .cat
{
    display:none;
    flex-wrap: wrap;
    gap:10px;
}
.custom-box .box-content .cat a{
    color:#000;
    text-decoration: none;
    font-family: 'SVN-Mont Semibold';
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.buttons
{
    margin-top:40px;
}
.custom-box .box-img
{
    position: relative;
	display:block;
} 
.custom-box:hover .box-img:after
{ 
    content:"";
    position: absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
/*   background: -moz-linear-gradient(86deg, rgb(255 242 246) 3.34%, rgb(242 242 242 / 80%) 100%);
  background: -webkit-gradient(86deg, rgb(255 242 246) 3.34%, rgb(242 242 242 / 80%) 100%);
  background: -webkit-linear-gradient(86deg, rgb(255 242 246) 3.34%, rgb(242 242 242 / 80%) 100%);
  background: -o-linear-gradient(86deg, rgb(255 242 246) 3.34%, rgb(242 242 242 / 80%) 100%);
  background: -ms-linear-gradient(86deg, rgb(255 242 246) 3.34%, rgb(242 242 242 / 80%) 100%);
  background: linear-gradient(86deg, rgb(255 242 246) 3.34%, rgb(242 242 242 / 80%) 100%); */
	
	background: url('./assets/images/bg.webp'), linear-gradient(0deg, #F0E4D5, #F0E4D5), #FEF6F6;
	background-blend-mode: screen, normal, normal;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.custom-box:hover .box-item
{ 
/*    background: -moz-linear-gradient(86deg, rgba(255, 242, 246, 1) 3.34%, rgba(242, 242, 242, 0.80) 100%);
  background: -webkit-gradient(86deg, rgba(255, 242, 246, 1) 3.34%, rgba(242, 242, 242, 0.80) 100%);
  background: -webkit-linear-gradient(86deg, rgba(255, 242, 246, 1) 3.34%, rgba(242, 242, 242, 0.80) 100%);
  background: -o-linear-gradient(86deg, rgba(255, 242, 246, 1) 3.34%, rgba(242, 242, 242, 0.80) 100%);
  background: -ms-linear-gradient(86deg, rgba(255, 242, 246, 1) 3.34%, rgba(242, 242, 242, 0.80) 100%);
  background: linear-gradient(86deg, rgba(255, 242, 246, 1) 3.34%, rgba(242, 242, 242, 0.80) 100%); */
	
	background: url('./assets/images/bg.webp'), linear-gradient(0deg, #F0E4D5, #F0E4D5), #FEF6F6;
	background-blend-mode: screen, normal, normal;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.custom-box:hover .box-content
{
    position:absolute;
    width:100%;
    height:auto;
    bottom:0px;
    left:0px;
    background:transparent;
}
.custom-box:hover .box-content .cat
{
    display: flex;
}
.float-message
{
    position: fixed;
    bottom:60px;
    right:60px;
    z-index: 99;
    cursor: pointer;
}
.float-message .m-parent {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 11px 36px 0px #080F250F;

}
@media (max-width: 1024px) {
    .float-message {
        right:20px;
    }
}
@media (max-width: 767px) {
    .float-message {
        bottom:20px;
    }
    .float-message .m-parent {
        width: 48px;
        height: 48px;
    }
    .float-message .m-parent img {
        width: 32px;
        height: 32px;
    }
}
.m-child
{
    width:130px;
    display:none;
    justify-content: space-between;
    align-items:center;
    height:40px;
    border-radius:100px;
    padding:4px 4px 4px 16px;
    margin-bottom:10px;
    position:absolute;
    border-radius: 30px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 10px 0px #0000001A;
    backdrop-filter: blur(15px);
    transition:all 0.5s ease;
}
.float-message.active .m-child
{
    display: flex;
}
.m-child img
{
    width:32px;
    height:32px;
}
.m-child.custom-m-4 
{ 
    top:-200px; 
    right: 0; 
} 
.m-child.custom-m-3 
{ 
    top:-150px; 
    right: 0; 
} 
.m-child.custom-m-2 
{ 
    top:-100px; 
    right: 0; 
} 
.m-child.custom-m-1 
{ 
    top:-50px; 
    right: 0; 
}
.global-message .m-child span {
    font-size: 12px !important;
    font-family: 'SVN-Mont SemiBold';
}
/* Treatment Detail - Skin Problem */
:root{
    --gap-20: 20px;
}
.size-20
{
    font-size: 20px;
}
.skin-problem
{
    gap:var(--gap-20);
}
.skin-problem .col
{
    flex:1 0 auto;
    width:calc((100% - (var(--gap-20) * 2))/3);
    gap:var(--gap-20);
}
.skin-problem .col figure
{
    width:120px;
    height:120px;
    border-radius:100px;
    flex:1 0 auto;
}
.skin-problem .col figure img
{
    object-fit: cover;
    max-width: 100%;
    border-radius:100px;
}
.skin-problem .box-content
{
    background: #fff;
    padding:0px;
    flex:1 0 auto;
    width:calc(100% - 120px);
}
/* Benefit */
.b-box
{
    gap:var(--gap-20);
}
.b-box .col
{
    flex:1 0 auto;
    width:calc((100% - (var(--gap-20) * 5))/6);
}
@media screen and (min-width:1200px)
{
    .skin-problem .col figure
    {
        width:80px;
        height:80px;   
    }
    .skin-problem .box-content
    {
        width:calc(100% - 80px);
    }
}
@media screen and (min-width:1400px)
{
    .skin-problem .col figure
    {
        width:120px;
        height:120px;
    }
    .skin-problem .box-content
    {
        width:calc(100% - 120px);
    }
}
@media(min-width:1441px)
{
    .technology-slider .col-img
    {
        box-shadow: none;
    }
    .technology-slider .col-img figure
    {
        box-shadow: 0px 0px 10px 0px #e3e3e3;
    }
}
@media(min-device-width: 768px) and (max-device-width: 991px)
{
    .slide-item .col-content > div
    {
        flex-direction: column;
        gap: 0;
        height: 48px;
        overflow: auto;
        cursor: pointer;
    }
    .treatment-tag a
    {
        text-align: left;
    }
    .slide-nav-next, .slide-nav-prev
    {
        bottom: 10px;
    }
    .tech-item .col-content a 
    {
        float: left;
    }
}
@media(max-width: 1199px)
{
    .treatment-terms .cat 
    {
        width: auto;
    }
}
@media(max-width: 991px)
{
    .skin-problem .col
    {
        flex: unset;
        width: calc((100% - var(--gap-20))/2);
    }
    .width-80 
    {
        width: 20px;
    }
    .treatment-slider-2
    {
        width: calc(50% - 20px);
    }
}
@media(max-width: 921px)
{
    .custom-box-list .custom-box
    {
        width: calc((100% - 40px)/2);
    }
    .treatment-slider .size-30
    {
        font-size: 20px;
    }
    .treatment-tag a, .col-content .desc
    {
        font-size: 15px;
    }
}
@media(max-width:823px)
{

    .technology-slider .swiper-scrollbar
    {
        bottom: 100px !important;
    }
}
@media (max-width:767px)
{
    .cta-img-mb
    {
        margin-right: -48px;
        margin-left: -48px;
        position: relative;
        top: 20px;
    }
    .v-mt-4
    {
        margin-top:20px;
    }
    .slide-item .col-content
    {
        padding-bottom:60px;
        padding-top:20px;
    }
    .sc-treatment .col-content a.btn-bg
    {
        position: relative;
        bottom: -60px;
    }
    .treatment-slider .slide-nav-prev, .treatment-slider .slide-nav-next, .treatment-slider .swiper-pagination-fraction
    {
        bottom: 60px !important;
    }
    .treatment-slider .slide-nav-prev
    {
        left:0px;
    }
    .treatment-slider .swiper-scrollbar
    {
        width:calc(100% - 156px);
        bottom:70px !important;
        right:initial;
        left:156px;
    }
    .tech-item .col-content a.btn-bg
    {
        position: relative;
        bottom: -60px;
    }
    .technology-slider .slide-nav-prev, .technology-slider .slide-nav-next, 
    .technology-slider .swiper-pagination-fraction
    {
        bottom: -3rem!important;
    }
    .technology-slider .swiper-pagination-fraction
    {
        top: unset;
        bottom: 100px;
    }
    .technology-slider .swiper-scrollbar
    {
        bottom: 0px !important;
    }
    .technology-slider .swiper-wrapper
    {
        height:100% !important;
    }
    .technology-slider div.swiper-scrollbar
    {
        width:100%;
    }
    .col-content
    {
        padding-right:0px;
    }
    .col-content a
    {
        float:none;
    }
    .tech-item, .slide-item
    {
        row-gap:20px;
    }
    .slide-item div,.tech-item div.col-content,.tech-item div.col-img
    {
        max-width:100%;
    }
    .tech-item .col-img
    {
        order:1;
    }
    .tech-item .col-content
    {
        order:2;
        padding-right:0px;
    }
    .tech-item .col-content a{
        float:none;
    }
    .col-img figure
    {
        text-align: center;
    }
    .frm-cta
    {
        padding:30px 12px;
    }
    .col-item
    {
        max-width:100%;
    }
    .primary-footer
    {
        padding:60px 0px 30px;
    }
    .copyright
    {
        text-align: center;
    }
    .footer-nav .justify-content-end
    {
        justify-content: center !important;
    }
    .skin-problem .col figure
    {
        width: 100px;
        height: 100px;
    }
    .skin-problem .col
    {
        width: 100%;
        gap: 10px;
    }
    .col-img figure
    {
        max-width: 100%;
        float: none;
    }
    .col-content .desc
    {
        height: auto;
        overflow-y: auto;
    }
    .sc-treatment .col-content a.btn-bg
    {
        display: block;
        width: 200px;
        margin-left: auto;
        margin-right: auto;
    }
    .treatment-slider-2, .treatment-slider-1
    {
        width: 100%;
    }
    .treatment-slider-2 .btn-bg-gradient
    {
        right: calc(50% - 100px);
    }
    .treatment-terms
    {
        gap: 15px; 
    }
    .treatment-terms .cat
    {
        width: auto;
    }
	.sc-our-technologies .bg-light-grey{background:#ffffff;padding:1rem 0!important;}
	.sc-our-technologies .content-inner .swiper-wrapper .swiper-slide{background:#ffffff;}
	.technology-slider .col-img{box-shadow:unset;}
    .sc-benefit .card-content .card-item{flex-basis: 160px;}
	.why-glo-sec .card-content .card-item{padding:20px 0px;flex-basis: 120px;}
	.card-content .card-item figure{margin-bottom:20px !important;}
	.card-content .card-item img{width:40px;height:40px;object-fit:cover;}
	.why-glo-sec .card-content .card-item p{font-size:12px;font-weight:600;margin-bottom:0;}
}
@media(max-width: 425px){
    .why-glo-sec .card-content .card-item{flex-basis: 90px;}
    .why-glo-sec .card-content .card-item p { font-size: 10px; }
}
@media(max-width: 335px){
    .why-glo-sec .card-content .card-item{flex-basis: 80px;}
    .why-glo-sec .card-content .card-item p { font-size: 8px; }
}
@media(max-width: 575px)
{
    .cta-img-mb
    {
        margin-right: -15px;
        margin-left: -15px;
    }
    .sc-cta-2 .frm-cta
    {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .sc-cta-2 .frm-cta .txt_input, .sc-cta-2 .frm-cta .cbx_loc
    {
        padding: 0px 8px 12px 8px;        
    }
	.sc-cta-2 .frm-cta .frm-inner .gap-5
	{
		gap: 15px !important;
	}
    .sc-cta-2 .frm-cta .frm-inner
    {
        gap: 15px;
    }
    footer p, .item h3
    {
        font-size: 15px;
        line-height: 21px;
    }
    .footer-nav ul li a
    {
        font-size: 15px;
    }
    .copyright-footer{border-top: 1px solid rgb(255 255 255 / 80%);}
    .gallery-slider .swiper-slide, .gallery-slider .swiper-wrapper
    {
        height: 200px;
    }
    .gallery-item .text-cont
    {
        padding-top: 20px;
    }
    .gallery-slider
    {
        height: 320px;
    }
    .treatment-desc
    {
        margin: 30px 0px 40px;
    }
    .skin-problem .col
    {
        width: 100%;
    }
    .custom-box-list .custom-box 
    {
        width: 100%;
    }
    .float-message
    {
        right: 20px;
    }
    .client-list .box-item:hover .overlay-content
    {
        height: 190px;
    }
    .box-img figure img
    {
        height: fit-content;        
    }
    .treatment-terms .cat
    {
        width: calc(33% - 15px);
    }
    .skin-problem .box-content
    {
        width: calc(100% - 60px);
    }
    .skin-problem .col figure
    {
        width: 60px;
        height: 60px;
    }
    .skin-problem .col figure img
    {
        max-width: 60px;
    }
    .custom-box-list
    {
        gap: 20px 20px;
    }
}
@media(max-width: 544px)
{
    .cat h2, .cat h2 a
    {
        font-size: 14px;
    }
    .size-50
    {
        font-size: 30px;
    }
    .slide-item .col-content > div
    {
        margin-bottom: 40px;
    }
    .treatment-terms .cat 
    {
        width: calc(25% - 15px);
    }
    .custom-box-list .box-item
    {
        height: auto;
    }
    .cat figure, .cat img
    {
        width: 70px;
        height: 70px;
    }
    .custom-box-list figure 
    {
        height: 280px;
    }
    .box-img figure img 
    {
        height: inherit;
    }
    .custom-box .box-content .desc, .custom-box .box-content .cat
    {
        display: block;
    }
    .custom-box .box-content
    {
        padding: 20px 15px;
    }
    .custom-box:hover .box-content
    {
        position: unset;
    }
    .custom-box:hover .box-img:after
    {
        content: none;
    }
    .sc-benefit .card-content .card-item 
    {
        width: 49%;
        flex-basis: unset;
    }
}
/*Dang add*/
.tags a.selected:after {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: calc(-1 * 2px);
    left: calc(-1 * 2px);
    background: linear-gradient(101.17deg, #E68AA8 0%, #E6ACD2 35%, #B8BFE6 65%, #45B0E6 100%);
}
.custom-logo-link img {
    width: 109px;
    height: auto;
}
.technology-slider1{
	position:relative;
}
.technology-slider2{
	overflow:hidden;
	position:relative;
}
/*menumb*/
@media (max-width: 1199px){
	/* .site-header {
		height: 4rem;
		display: flex;
		align-items: center;
		background: #ffffff;
		top: 0;
		position: fixed;
		width: 100%;
		z-index: 9999;
	} */
	/* .site-content{margin-top:4rem;} */
	/* .site-header .site-brading{
		padding:0;
		height:100%;
	} */
	/* .site-header .padd-header{height:100%;}
	.custom-logo-link img{max-width:81px;max-height:21px;}  */
	.menu-language .pll-parent-menu-item img{width:24px!important;height:16px!important;}
	#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary,#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{background: #F4F0F2;}
	#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{top:4rem;padding:2rem 0;}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{padding:0 2rem;}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{text-align:center;font-size:1.2rem;line-height:1.5;margin-top:1.333rem;height:unset;}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:first-child > a.mega-menu-link{margin-top:0;}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-btn-consultation {margin-top:1.333rem;background:linear-gradient(93.58deg, #FFBFD4 0%, #F9E0F9 50%, #B3E6FF 100%) !important;margin-left: 2rem;margin-right: 2rem;}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-btn-consultation > a.mega-menu-link{margin-top:0;}
	.mega-menu-primary-mobile-open:after {
		content: '';
		background: rgba(0, 0, 0, 0.30);
		width:100%;height:100%;position:fixed;
		z-index: 2;
		top: 0;
	}
	.mega-menu-wrap > .mega-menu > li.mega-toggle-on{top:0!important;padding:2rem!important;background: #F4F0F2!important;overflow: scroll!important;}
	.mega-menu-wrap > .mega-menu > li.mega-toggle-on *{background: #F4F0F2!important;}
	.mega-menu-wrap > .mega-menu > li.mega-toggle-on > a{
		background: #F4F0F2!important;
		margin-bottom: 2rem !important;
		font-size: 16px !important;
		line-height:24px!important;
		margin-top: -10px!important;
	}
	.mega-menu-wrap > .mega-menu > li.mega-toggle-on {
		margin-bottom:1.333rem!important;
	}	
	.mobile_menu nav > .menu > .menu-item-has-children:after{
		font-weight: 500;
		font-size: 16px;
	}
	.mobile_menu nav > .menu > li > a{font-size:1.2rem;}
	.mobile_menu ul li ul li.menu-item-type-custom {
		margin-bottom:1.333rem;
	}
	.mobile_menu nav > .menu > .menu-item-has-children.active-menu:after{
		transform: rotate(180deg)!important;
	}
	.mobile_menu nav > .menu > .menu-item > .sub-menu > .menu-item, .mobile_menu nav > .menu > .menu-item > .sub-menu {margin-top:1.3rem;}
	.mobile_menu nav > .menu > .menu-item > .sub-menu > .menu-item, .mobile_menu nav > .menu > .menu-item > .sub-menu > .menu-item:nth-child(1){margin-bottom:1.333rem;}
	.mobile_menu nav > .menu > .menu-item > .sub-menu > .menu-item, .mobile_menu nav > .menu > .menu-item > .sub-menu > .menu-item:nth-child(1) *{font-size:16px;font-weight:400;}
	.mobile_menu > .mega-sub-menu > .mega-menu-item{padding-bottom:3rem!important;}
}
@media (max-width: 575px){
	/* .site-header {
		height: 60px;
		display: flex;
		align-items: center;
		background: #ffffff;
		top: 0;
		position: fixed;
		width: 100%;
		z-index: 9999;
	} */
	/* .site-content{margin-top:60px;} */
	.site-header .site-brading{
		padding:0;
		height:100%;
	}
	.site-header .padd-header{height:100%;}
	/* .custom-logo-link img{max-width:81px;max-height:21px;}  */
	.menu-language .pll-parent-menu-item img{width:24px!important;height:16px!important;}
	#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary,#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{background: #F4F0F2;}
	#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{top:60px;padding:30px 0;}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{padding:0 30px;}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{text-align:center;font-size:18px;line-height:1.5;margin-top:20px;height:unset;}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:first-child > a.mega-menu-link{margin-top:0;}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-btn-consultation {margin-top:20px;background:linear-gradient(93.58deg, #FFBFD4 0%, #F9E0F9 50%, #B3E6FF 100%) !important;margin-left: 30px;margin-right: 30px;}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-btn-consultation > a.mega-menu-link{margin-top:0;}
	.mega-menu-primary-mobile-open:after {
		content: '';
		background: rgba(0, 0, 0, 0.30);
		width:100%;height:100%;position:fixed;
		z-index: 2;
		top: 0;
	}
	.mega-menu-wrap > .mega-menu > li.mega-toggle-on{top:0!important;padding:30px!important;background: #F4F0F2!important;overflow: scroll!important;}
	.mega-menu-wrap > .mega-menu > li.mega-toggle-on *{background: #F4F0F2!important;}
	.mega-menu-wrap > .mega-menu > li.mega-toggle-on > a{
		background: #F4F0F2!important;
		margin-bottom: 30px !important;
		font-size: 16px !important;
		line-height:24px!important;
		margin-top: -10px!important;
	}
	.mega-menu-wrap > .mega-menu > li.mega-toggle-on {
		margin-bottom:20px!important;
	}	
	.mobile_menu nav > .menu > .menu-item-has-children:after{
		font-weight: 500;
		font-size: 16px;
	}
	.mobile_menu nav > .menu > li > a{font-size:18px;}
	.mobile_menu ul li ul li.menu-item-type-custom {
		margin-bottom:20px;
	}
	.mobile_menu nav > .menu > .menu-item-has-children.active-menu:after{
		transform: rotate(180deg)!important;
	}
	.mobile_menu nav > .menu > .menu-item > .sub-menu > .menu-item, .mobile_menu nav > .menu > .menu-item > .sub-menu {margin-top:20px;}
	.mobile_menu nav > .menu > .menu-item > .sub-menu > .menu-item, .mobile_menu nav > .menu > .menu-item > .sub-menu > .menu-item:nth-child(1){margin-bottom:20px;}
	.mobile_menu nav > .menu > .menu-item > .sub-menu > .menu-item, .mobile_menu nav > .menu > .menu-item > .sub-menu > .menu-item:nth-child(1) *{font-size:16px;font-weight:400;}
	.mobile_menu > .mega-sub-menu > .mega-menu-item{padding-bottom:3rem!important;}
}
@media(min-width: 1200px) and (max-width: 1400px)
{
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{font-size:15px!important;}
	.mega-btn-consultation{padding:13px 25px !important;}
}