div.m,
p.m,
img.m,
br.m {
display: none;
}
div.d,
p.d,
img.d {
display: block;
}
.text-lightblue {
color: #5ba2ff;
}
.text-darkblue {
color: #435b99;
}
.section-banner {
position: relative;
width: 100%;
max-width: 1920px;
height: 702px;
margin: 0 auto;
margin-top: -3px;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/service-sculptra/banner.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.banner-title {
position: relative;
max-width: 1060px;
height: auto;
padding-top: 213px;
padding-left: 283px;
}
.text-headline {
font-size: 77px;
font-family: "Kanitregular";
letter-spacing: -2px;
}
.banner-img-presenter {
position: relative;
width: 667px;
height: auto;
left: 295px;
top: 25px;
}
.section-nav {
position: relative;
background-color: #fff;
box-shadow: 0 5px 4px 0 rgba(87, 109, 121, 0.17);
z-index: 2;
}
.section-nav.sticky {
position: fixed;
top: 66px;
left: 0;
width: 100%;
height: auto;
z-index: 98;
}
.admin-bar .section-nav.sticky {
top: 98px;
}
.dropdown {
position: relative;
}
.btn-dropdown {
display: none;
}
.nav-menu {
display: flex;
justify-content: center;
align-items: center;
height: 85px;
}
.nav-menu li {
font-size: 25px;
color: #5ba2ff;
line-height: 1;
padding: 0 16px;
border-left: 2px solid #bad9ed;
}
.nav-menu li:first-child {
border-left: 0;
}
.nav-menu li a {
font-size: inherit;
color: #5ba2ff;
transition: all 0.25s ease-in-out;
}
.nav-menu li a:hover {
color: #435b99;
text-decoration: underline;
}
.nav-menu li.active a {
color: #435b99;
text-decoration: underline;
}
.text-menu {
font-family: "kanitlight";
}
.section-whatis {
position: relative;
width: 100%;
max-width: 1920px;
margin: 0 auto;
}
.section-whatis.sticky {
margin-top: 85px;
}
.container {
max-width: 1440px;
height: auto;
}
.section-whatis-SCULPTRA {
position: relative;
width: 100%;
max-width: 1920px;
height: 770px;
margin: 0 auto;
padding: 80px 0 0 0;
}
.whatis-SCULPTRA-wrapper {
position: relative;
max-width: 600px;
height: auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: baseline;
left: 50%;
transform: translateX(-50%);
gap: 10px;
}
.whatis-SCULPTRA-img-detai {
position: relative;
width: 544px;
height: auto;
}
.headline-section {
font-size: 42px;
font-family: "Kanitregular" !important;
}
.whatis-SCULPTRA-video-wrapper {
display: flex;
justify-content: center;
flex-wrap: wrap;
row-gap: 38px;
column-gap: 20px;
align-items: center;
padding-top: 36px;
}
.whatis-vdo {
position: relative;
width: 50%;
max-width: 535px;
height: 302px;
border-radius: 28px;
border: 4px solid #fff;
box-shadow: 0 0 16px 0 rgba(37, 67, 93, 0.2);
overflow: hidden;
}
.whatis-img-SCULPTRA {
position: relative;
width: 544px;
height: auto;
}
.whatis-description {
width: 100%;
text-align: center;
line-height: 2;
margin-top: -20px;
}
.text-description {
font-family: "Kanitregular";
font-size: 23px;
letter-spacing: -0.4px;
}
.video-play-button {
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%) scale(1);
display: flex;
justify-content: center;
align-items: center;
width: 106px;
height: 106px;
border-radius: 50%;
padding: 0 0 0 10px;
}
.video-play-button:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 106px;
height: 106px;
background: #5eadfb;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
transition: all 0.25s ease-in-out;
}
.video-play-button:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 106px;
height: 106px;
background: rgba(94, 173, 251, 0.6705882353);
border-radius: 50%;
transition: all 0.25s ease-in-out;
}
.video-play-button:hover:before,
.video-play-button:hover:after {
background-color: #da0528;
}
.video-play-button span {
display: block;
position: relative;
z-index: 3;
width: 0;
height: 0;
border-style: solid;
border-width: 23px 0 23px 27px;
border-color: transparent transparent transparent #fff;
}
.section-why-collagen {
position: relative;
width: 100%;
max-width: 1920px;
height: 363px;
margin: 0 auto;
border-radius: 0 140px 0 140px;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/service-sculptra/bg-section3.jpg);
background-repeat: no-repeat;
background-position: bottom center;
background-size: 100% 100%;
box-shadow: 1px 1px 20px 7px rgba(0, 0, 0, 0.1);
overflow: hidden;
z-index: 3;
}
.text-collagen-des {
position: relative;
max-width: 1440px;
height: auto;
text-align: center;
padding-top: 65px;
}
.text-head-why {
font-size: 55px;
font-family: "kanitregular" !important;
}
.description-text-collagen {
line-height: 2;
padding-top: 15px;
font-family: "kanitregular";
}
.section-collagen-main {
position: relative;
width: 100%;
max-width: 1920px;
height: 1654px;
margin: 0 auto;
margin-top: -210px;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/service-sculptra/bg-section.jpg);
background-repeat: no-repeat;
background-position: bottom center;
background-size: 100% auto;
}
.collagen-main-wrapper {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding-top: 270px;
gap: 65px;
}
.collagen-main-detail {
display: flex;
flex-direction: column;
align-items: center;
margin-top: -45px;
}
.collagen-main-img {
display: flex;
align-items: center;
justify-content: space-evenly;
width: 363px;
}
.collagen-main-description {
font-size: 23px;
font-family: "kanitregular";
line-height: 2;
text-align: center;
}
.collagen-main-img-2 {
display: flex;
height: 543px;
}
.collagen-why-img {
display: flex;
position: relative;
justify-content: space-evenly;
margin: 0 auto;
width: 974px;
height: auto;
padding-top: 25px;
}
.section-helps-collagen {
position: relative;
width: 100%;
max-width: 1920px;
height: 484px;
margin: 0 auto;
margin-top: -310px;
border-radius: 0 140px 0 140px;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/service-sculptra/bg-section5.jpg);
background-repeat: no-repeat;
background-position: bottom center;
background-size: 100% 100%;
box-shadow: 1px 1px 20px 7px rgba(0, 0, 0, 0.1);
overflow: hidden;
z-index: 3;
}
.helps-collagen-wrapper {
position: relative;
max-width: 1100px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: baseline;
padding-top: 60px;
left: 50%;
transform: translateX(-50%);
gap: 35px;
}
.helps-collagen-img {
position: relative;
width: 320px;
height: auto;
}
.helps-collagen-wrapper-1 {
position: relative;
max-width: 1440px;
height: auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding-top: 20px;
left: 50%;
transform: translateX(-50%);
gap: 60px;
}
.helps-collagen-img-detail {
position: relative;
width: 459px;
height: 257px;
border-radius: 28px;
border: 3px solid #fff;
overflow: hidden;
}
.text-section-detail {
font-size: 23px;
font-family: "kanitregular";
line-height: 2;
text-align: center;
}
.section-what-does-helps {
position: relative;
width: 1920px;
height: 475px;
margin: 0 auto;
margin-top: 30px;
}
.what-does-helps-wrapper {
position: relative;
max-width: 1440px;
height: auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: baseline;
padding-top: 20px;
left: 50%;
transform: translateX(-50%);
gap: 20px;
}
.what-does-helps-container {
display: flex;
justify-content: center;
margin-top: 37px;
align-items: flex-start;
margin-left: -45px;
}
.what-does-helps-list {
position: relative;
margin: 0 20px;
}
.what-does-helps-image {
height: 185px;
width: auto;
}
.what-does-helps-list-text {
font-family: "kanitregular";
font-size: 23px;
text-align: center;
line-height: 1.5;
}
.section-Who-is-it {
position: relative;
width: 100%;
max-width: 1920px;
height: 1098px;
margin: 0 auto;
margin-top: -35px;
border-radius: 0 158px 0 158px;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/service-sculptra/bg-section7.jpg);
background-repeat: no-repeat;
background-position: bottom center;
background-size: 100% 100%;
box-shadow: 1px 1px 20px 7px rgba(0, 0, 0, 0.1);
overflow: hidden;
z-index: 3;
}
.Who-is-it-wrapper {
position: relative;
max-width: 1440px;
height: auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: baseline;
padding-top: 77px;
left: 50%;
transform: translateX(-50%);
gap: 20px;
}
.button-content {
position: relative;
width: 1140px;
display: flex;
flex-wrap: wrap;
gap: 25px;
column-gap: 0;
z-index: 2;
left: 50%;
transform: translateX(-50%);
top: 55px;
justify-content: space-evenly;
}
.frame-button {
position: relative;
display: flex;
width: 338px;
height: 405px;
margin-left: -50px;
border: 4px solid #fff;
border-radius: 21px;
background: linear-gradient(0deg, rgb(255, 255, 255) 65%, rgb(237, 240, 247) 100%);
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.08);
overflow: hidden;
}
.image-button {
position: absolute;
display: flex;
flex-wrap: wrap;
width: 331px;
height: 220px;
}
.image-button img {
width: 100%;
}
.text-button {
z-index: 2;
width: 338px;
height: auto;
right: 0;
position: relative;
height: 180px;
display: flex;
align-items: center;
justify-content: center;
color: #435b9a;
font-size: 26px;
font-family: "kanitregular";
text-align: center;
top: 220px;
}
.section-promotion-1 {
position: relative;
width: 100%;
max-width: 1920px;
height: 1654px;
margin: 0 auto;
margin-top: -380px;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/service-sculptra/bg-section.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
}
.button-promotion {
position: relative;
width: 1440px;
height: 478px;
top: 470px;
border: 4px solid #9b1764;
background-color: #fff;
border-radius: 36px;
}
.image-button-promotion {
position: absolute;
width: 377px;
margin-top: -30px;
padding-left: 60px;
}
.text-button-promotion {
position: absolute;
padding-left: 115px;
margin-top: -30px;
font-size: 57px;
font-family: "kanitregular";
color: #fff;
}
.image-promotion-headline {
position: relative;
width: 453px;
height: 53px;
left: 50%;
transform: translateX(-65px);
top: 30px;
}
.button-img-promotion {
position: relative;
display: flex;
width: 1440px;
height: auto;
flex-direction: row;
justify-content: center;
gap: 10px;
top: 65px;
margin-left: -3px;
}
.image-frame-promotion {
display: flex;
overflow: hidden;
width: 340px;
height: 314px;
border-radius: 22px;
border: 2px solid #96b6cc;
box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.2);
}
.contact-img-1 {
position: relative;
display: inline-block;
vertical-align: top;
width: 720px;
height: 397px;
overflow: hidden;
margin-top: 495px;
left: 50%;
transform: translateX(-50%);
}
.contact-img .d,
.contact-img .m {
width: 100%;
height: 100%;
}
.promotion-brand-description {
position: relative;
width: 385px;
height: auto;
font-size: 36px;
font-family: "Kanitlight";
line-height: 1;
left: 50%;
transform: translateX(-80px);
margin-top: -282px;
text-align: center;
}
.description-promotion-1 {
position: relative;
font-size: 25px;
font-family: "Kanitregular";
left: 50%;
transform: translateX(-45px);
margin-top: 15px;
}
.contact-btn-wrapper-1 {
position: absolute;
top: 275px;
left: 340px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
transform: translate(-152px, 0);
gap: 20px;
}
.contact-btn-img-1 {
filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.1));
width: 240px;
height: 72px;
overflow: hidden;
}
.contact-btn-text-1 {
position: relative;
min-width: 160px;
text-align: center;
z-index: 2;
}
.contact-btn-text-1 p {
font-family: "kanitregular";
font-size: 28px;
color: #fff;
margin-top: -60px;
margin-left: 50px;
}
.contact-btn-1 {
height: 72px;
}
.section-review {
position: relative;
width: 100%;
max-width: 1920px;
height: 1294px;
margin: 0 auto;
margin-top: -210px;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/service-sculptra/bg-section-review.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 0 158px 0 158px;
box-shadow: 1px 1px 20px 7px rgba(0, 0, 0, 0.1);
overflow: hidden;
z-index: 3;
}
.headline-review {
position: relative;
display: flex;
width: 570px;
align-items: baseline;
justify-content: center;
left: 50%;
transform: translateX(-445px);
top: 50px;
}
.headline-review-text {
width: 220px;
}
.box-review {
display: flex;
align-items: baseline;
gap: 15px;
}
.review-img-headline {
width: 320px;
height: 39px;
}
.text-head-review {
display: flex;
align-items: baseline;
font-size: 55px;
font-family: "Kanitregular" !important;
gap: 10px;
}
.img-review-wrapper {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 28px;
top: 90px;
}
.image-frame-review {
display: flex;
width: 555px;
height: auto;
border: 3px solid #fff;
border-radius: 28px;
box-shadow: 0px 0px 31px 10px rgba(0, 0, 0, 0.2);
overflow: hidden;
justify-content: center;
}
.section-review-body {
position: relative;
width: 100%;
max-width: 1920px;
height: 1480px;
margin: 0 auto;
margin-top: -190px;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/service-sculptra/bg-section.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
}
.headline-review-body {
position: relative;
display: flex;
width: 650px;
align-items: baseline;
justify-content: center;
left: 50%;
transform: translateX(-50%);
top: 250px;
gap: 20px;
}
.text-head-review-body {
font-size: 55px;
font-family: "Kanitregular" !important;
}
.review-img-headling {
display: flex;
justify-content: center;
}
.text-head-review-body-1 {
font-size: 55px;
font-family: "gotham-book" !important;
color: #a0125d;
}
.review-img-headline-2 {
width: 320px;
height: 39px;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/service-sculptra/i-con-sculptra.png);
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.text-head-review-2 {
display: flex;
justify-content: center;
align-items: baseline;
gap: 20px;
}
.img-review-body {
position: relative;
width: 676px;
display: flex;
justify-content: center;
height: 771px;
left: 50%;
transform: translateX(-50%);
top: 280px;
}
.text-description-review-body {
padding-top: 310px;
font-size: 41px;
font-family: "Kanitregular";
text-align: center;
line-height: 1.3;
}
.text-eng {
font-family: "gothammedium";
}
.review-body-btn-wrapper {
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;
gap: 19px;
margin-top: 45px;
}
.review-body-btn {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 215px;
gap: 8px;
overflow: hidden;
padding: 13px 0 13px 0;
border-radius: 21px;
border: 3px solid #a0125d;
background-color: #fff;
z-index: 2;
}
.review-body-btn-img {
width: 24px;
height: 28px;
}
.review-body-btn-text {
text-align: left;
line-height: 1.2;
font-family: "Kanitlight";
font-size: 27px;
}
.review-body-btn-wrapper::before {
position: absolute;
content: "";
border-top: 3px solid #a0125d;
width: 255px;
top: 50%;
}
.section-btn-wrapper {
display: flex;
justify-content: center;
align-items: flex-start;
margin-top: 103px;
padding-bottom: 106px;
}
.section-btn {
font-family: "Kanitlight";
font-size: 27px;
color: #fff;
line-height: 1.4076;
text-align: center;
padding: 8px 48px;
cursor: pointer;
border-radius: 50px;
background-color: #435b99;
transition: background-color 0.25s ease, color 0.25s ease;
}
.section-promotion {
position: relative;
width: 100%;
max-width: 1920px;
margin: -140px auto 0;
padding-top: 60px;
padding-bottom: 158px;
background-color: #f6f8fa;
border-radius: 0 158px 0 0;
}
.promotion-img {
width: 1095px;
border: 4px solid #fff;
border-radius: 30px;
overflow: hidden;
box-shadow: 0 3px 8px 0 rgba(80, 108, 131, 0.24);
}
.promotion-img img {
width: 100%;
height: auto;
}
.contact-btn-img {
height: 56px;
overflow: hidden;
border-radius: 12px;
}
.contact-btn-text {
text-align: center;
line-height: 1.5;
font-family: "Kanitmedium";
font-size: 19px;
color: #435b99;
}
.section-service {
position: relative;
width: 100%;
height: auto;
padding-top: 80px;
padding-bottom: 40px;
border-radius: 0 136px 0 0;
background-color: #fff;
box-shadow: 0 2px 18px 0 rgba(37, 67, 93, 0.15);
}
.service-wrapper {
display: flex;
justify-content: center;
flex-direction: column;
}
.service-headline {
display: block;
font-family: "kanitregular" !important;
font-size: 42px;
color: #435b99;
line-height: 1.4;
font-weight: normal;
text-align: center;
margin: 0;
}
.service-list {
width: 100%;
max-width: 980px;
height: 386px;
margin: 54px auto 0;
padding: 0 12px;
}
.service-item {
width: 308px;
height: 378px;
margin: 0 7px;
overflow: hidden;
border-radius: 16px;
border: 4px solid #fff;
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
}
.service-img {
width: 100%;
height: 256px;
}
.service-detail {
position: absolute;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: 134px;
padding-top: 16px;
border-radius: 14px 14px 0 0;
background: rgb(255, 255, 255);
background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(235, 238, 246) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(100%, rgb(235, 238, 246)));
background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(235, 238, 246) 100%);
background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(235, 238, 246) 100%);
background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(235, 238, 246) 100%);
background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(235, 238, 246) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ebeef6", GradientType=0 );
}
.service-text-box {
display: flex;
flex-direction: column;
text-align: left;
}
.service-small-text {
font-family: "kanitregular", sans-serif;
font-size: 16px;
color: #435ba2;
line-height: 1.2;
}
.service-text {
font-family: "kanitregular", sans-serif;
font-size: 32px;
color: #435ba2;
line-height: 0.7;
margin: 0;
}
.service-btn {
display: block;
font-family: "kanitregular", sans-serif;
font-size: 19.5px;
color: #fff;
line-height: 1.2;
padding: 5.5px 42px;
margin: 20px auto 0;
border-radius: 50px;
background-color: #435b99;
-webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.08);
transition: all 0.4s ease;
}
.service-btn:hover {
color: #fff;
background-color: #5ba2ff;
}
.service-list .flickity-prev-next-button {
display: flex;
justify-content: center;
align-items: center;
width: 52px;
height: 52px;
padding: 0;
cursor: pointer;
background: #fff;
background-color: #fff;
-webkit-box-shadow: 0 0 24px 2px rgba(0, 0, 0, 0.14);
box-shadow: 0 0 24px 2px rgba(0, 0, 0, 0.14);
transition: all 0.4s ease;
}
.service-list .flickity-prev-next-button.next {
right: -58px;
padding-left: 5px;
}
.service-list .flickity-prev-next-button.previous {
left: -58px;
}
.service-list .flickity-button:active {
opacity: 1;
}
.service-list .flickity-button-icon {
display: none;
}
.service-list .flickity-prev-next-button:before {
content: "";
width: 13px;
height: 25px;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/arrow-slide.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
transition: all 0.4s ease;
}
.service-list .flickity-prev-next-button.previous:before {
transform: rotate(180deg);
}
.service-list .flickity-prev-next-button:hover {
background-color: #435ba2;
}
.service-list .flickity-prev-next-button:hover:before {
filter: brightness(0) invert(1);
}
.section-footer {
position: relative;
width: 100%;
height: auto;
padding-top: 25px;
padding-bottom: 220px;
margin-top: -2px;
z-index: 4;
background-color: #fff;
}
.footer-wrapper {
display: block;
width: 100%;
max-width: 1200px;
height: auto;
margin: 0 auto;
}
.footer-headline {
display: block;
font-family: "kanitregular", sans-serif !important;
font-size: 45px;
color: #435b9a;
text-align: center;
}
.footer-social-cta-content {
display: flex;
width: 1146px;
height: 304px;
margin: 60px auto 0;
gap: 24px;
padding: 155px 0 0 270px;
overflow: hidden;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/hifu/webp/bg-cta-footer.webp);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
}
.footer-social-cta-btn {
width: 250px;
height: 80px;
overflow: hidden;
border-radius: 8px;
border: 2px solid transparent;
transition: all 0.25s ease;
}
.footer-social-cta-btn img {
width: 100%;
height: auto;
}
.footer-social-cta-btn:hover {
border-color: #5badff;
}
.position-target {
position: absolute;
top: 550px;
width: 100%;
height: 1px;
opacity: 0;
}
@media (max-width: 1919px) {
.section-banner {
margin-top: -0.1563314226vw;
max-width: 100.0521104742vw;
height: 36.5815528921vw;
}
.banner-title {
max-width: 55.2371026576vw;
padding-top: 11.0995310057vw;
padding-left: 14.7472642001vw;
}
.text-headline {
font-size: 4.0125065138vw;
letter-spacing: -0.1042209484vw;
}
.banner-img-presenter {
width: 34.7576862949vw;
left: 15.3725898906vw;
top: 1.3027618551vw;
}
.section-nav {
box-shadow: 0 0.260552371vw 0.2084418968vw 0 rgba(87, 109, 121, 0.17);
}
.section-nav.sticky {
top: 3.4392912976vw;
}
.admin-bar .section-nav.sticky {
top: 5.1068264721vw;
}
.nav-menu {
height: 4.4293903075vw;
}
.nav-menu li {
font-size: 1.3027618551vw;
padding: 0 0.8337675873vw;
border-left: 0.1042209484vw solid #bad9ed;
}
.section-whatis {
max-width: 100.0521104742vw;
}
.section-whatis.sticky {
margin-top: 4.4293903075vw;
}
.container {
max-width: 75.0390828557vw;
}
.section-whatis-SCULPTRA {
max-width: 100.0521104742vw;
height: 40.1250651381vw;
padding: 4.1688379364vw 0 0 0;
}
.whatis-SCULPTRA-wrapper {
max-width: 31.2662845232vw;
gap: 0.5211047421vw;
}
.whatis-SCULPTRA-img-detai {
width: 28.3480979677vw;
}
.headline-section {
font-size: 2.1886399166vw;
}
.whatis-SCULPTRA-video-wrapper {
row-gap: 1.9801980198vw;
column-gap: 1.0422094841vw;
padding-top: 1.8759770714vw;
}
.whatis-vdo {
max-width: 27.8791036998vw;
height: 15.73736321vw;
border-radius: 1.4590932777vw;
border: 0.2084418968vw solid #fff;
box-shadow: 0 0 0.8337675873vw 0 rgba(37, 67, 93, 0.2);
}
.whatis-img-SCULPTRA {
width: 28.3480979677vw;
}
.whatis-description {
margin-top: -1.0422094841vw;
}
.text-description {
font-size: 1.1985409067vw;
letter-spacing: -0.0208441897vw;
}
.video-play-button {
width: 5.5237102658vw;
height: 5.5237102658vw;
padding: 0 0 0 0.5211047421vw;
}
.video-play-button:before {
width: 5.5237102658vw;
height: 5.5237102658vw;
}
.video-play-button:after {
width: 5.5237102658vw;
height: 5.5237102658vw;
}
.video-play-button span {
border-width: 1.1985409067vw 0 1.1985409067vw 1.4069828035vw;
}
.section-why-collagen {
max-width: 100.0521104742vw;
height: 18.9161021365vw;
border-radius: 0 7.2954663887vw 0 7.2954663887vw;
box-shadow: 0.0521104742vw 0.0521104742vw 1.0422094841vw 0.3647733194vw rgba(0, 0, 0, 0.1);
}
.text-collagen-des {
max-width: 75.0390828557vw;
padding-top: 3.3871808233vw;
}
.text-head-why {
font-size: 2.8660760813vw;
}
.description-text-collagen {
padding-top: 0.7816571131vw;
}
.section-collagen-main {
max-width: 100.0521104742vw;
height: 86.1907243356vw;
margin-top: -10.9431995831vw;
}
.collagen-main-wrapper {
padding-top: 14.0698280354vw;
gap: 3.3871808233vw;
}
.collagen-main-detail {
margin-top: -2.3449713392vw;
}
.collagen-main-img {
width: 18.9161021365vw;
}
.collagen-main-description {
font-size: 1.1985409067vw;
}
.collagen-main-img-2 {
height: 28.2959874935vw;
}
.collagen-why-img {
width: 50.755601876vw;
padding-top: 1.3027618551vw;
}
.section-helps-collagen {
max-width: 100.0521104742vw;
height: 25.2214695154vw;
margin-top: -16.1542470036vw;
border-radius: 0 7.2954663887vw 0 7.2954663887vw;
box-shadow: 0.0521104742vw 0.0521104742vw 1.0422094841vw 0.3647733194vw rgba(0, 0, 0, 0.1);
}
.helps-collagen-wrapper {
max-width: 57.3215216258vw;
padding-top: 3.1266284523vw;
gap: 1.8238665972vw;
}
.helps-collagen-img {
width: 16.6753517457vw;
}
.helps-collagen-wrapper-1 {
max-width: 75.0390828557vw;
padding-top: 1.0422094841vw;
gap: 3.1266284523vw;
}
.helps-collagen-img-detail {
width: 23.9187076602vw;
height: 13.3923918708vw;
border-radius: 1.4590932777vw;
border: 0.1563314226vw solid #fff;
}
.text-section-detail {
font-size: 1.1985409067vw;
}
.section-what-does-helps {
width: 100.0521104742vw;
height: 24.7524752475vw;
margin-top: 1.5633142262vw;
}
.what-does-helps-wrapper {
max-width: 75.0390828557vw;
padding-top: 1.0422094841vw;
gap: 1.0422094841vw;
}
.what-does-helps-container {
margin-top: 1.9280875456vw;
margin-left: -2.3449713392vw;
}
.what-does-helps-list {
margin: 0 1.0422094841vw;
}
.what-does-helps-image {
height: 9.640437728vw;
}
.what-does-helps-list-text {
font-size: 1.1985409067vw;
}
.section-Who-is-it {
max-width: 100.0521104742vw;
height: 57.2173006774vw;
margin-top: -1.8238665972vw;
border-radius: 0 8.2334549244vw 0 8.2334549244vw;
box-shadow: 0.0521104742vw 0.0521104742vw 1.0422094841vw 0.3647733194vw rgba(0, 0, 0, 0.1);
}
.Who-is-it-wrapper {
max-width: 75.0390828557vw;
padding-top: 4.0125065138vw;
gap: 1.0422094841vw;
}
.button-content {
width: 59.4059405941vw;
gap: 1.3027618551vw;
top: 2.8660760813vw;
}
.frame-button {
width: 17.6133402814vw;
height: 21.1047420532vw;
margin-left: -2.6055237103vw;
border: 0.2084418968vw solid #fff;
border-radius: 1.0943199583vw;
box-shadow: 0 0 0.5211047421vw 0.1042209484vw rgba(0, 0, 0, 0.08);
}
.image-button {
width: 17.248566962vw;
height: 11.4643043252vw;
}
.text-button {
width: 17.6133402814vw;
height: 9.379885357vw;
font-size: 1.3548723293vw;
top: 11.4643043252vw;
}
.section-promotion-1 {
max-width: 100.0521104742vw;
height: 86.1907243356vw;
margin-top: -19.801980198vw;
}
.button-promotion {
width: 75.0390828557vw;
height: 24.9088066701vw;
top: 24.4919228765vw;
border: 0.2084418968vw solid #9b1764;
border-radius: 1.8759770714vw;
}
.image-button-promotion {
width: 19.6456487754vw;
margin-top: -1.5633142262vw;
padding-left: 3.1266284523vw;
}
.text-button-promotion {
padding-left: 5.9927045336vw;
margin-top: -1.5633142262vw;
font-size: 2.9702970297vw;
}
.image-promotion-headline {
width: 23.606044815vw;
height: 2.7618551329vw;
transform: translateX(-3.3871808233vw);
top: 1.5633142262vw;
}
.button-img-promotion {
width: 75.0390828557vw;
gap: 0.5211047421vw;
top: 3.3871808233vw;
margin-left: -0.1563314226vw;
}
.image-frame-promotion {
width: 17.7175612298vw;
height: 16.3626889005vw;
border-radius: 1.1464304325vw;
border: 0.1042209484vw solid #96b6cc;
box-shadow: 0.1042209484vw 0.1042209484vw 0.8337675873vw 0 rgba(0, 0, 0, 0.2);
}
.contact-img-1 {
width: 37.5195414278vw;
height: 20.6878582595vw;
margin-top: 25.7946847316vw;
}
.promotion-brand-description {
width: 20.062532569vw;
font-size: 1.8759770714vw;
transform: translateX(-4.1688379364vw);
margin-top: -14.6951537259vw;
}
.description-promotion-1 {
font-size: 1.3027618551vw;
transform: translateX(-2.3449713392vw);
margin-top: 0.7816571131vw;
}
.contact-btn-wrapper-1 {
top: 14.3303804065vw;
left: 17.7175612298vw;
transform: translate(-7.9207920792vw, 0);
gap: 1.0422094841vw;
}
.contact-btn-img-1 {
filter: drop-shadow(0.1563314226vw 0.1563314226vw 0.5211047421vw rgba(0, 0, 0, 0.1));
width: 12.5065138093vw;
height: 3.7519541428vw;
}
.contact-btn-text-1 {
min-width: 8.3376758729vw;
}
.contact-btn-text-1 p {
font-size: 1.4590932777vw;
margin-top: -3.1266284523vw;
margin-left: 2.6055237103vw;
}
.contact-btn-1 {
height: 3.7519541428vw;
}
.section-review {
max-width: 100.0521104742vw;
height: 67.4309536217vw;
margin-top: -10.9431995831vw;
border-radius: 0 8.2334549244vw 0 8.2334549244vw;
box-shadow: 0.0521104742vw 0.0521104742vw 1.0422094841vw 0.3647733194vw rgba(0, 0, 0, 0.1);
}
.headline-review {
width: 29.702970297vw;
transform: translateX(-23.1891610214vw);
top: 2.6055237103vw;
}
.headline-review-text {
width: 11.4643043252vw;
}
.box-review {
gap: 0.7816571131vw;
}
.review-img-headline {
width: 16.6753517457vw;
height: 2.032308494vw;
}
.text-head-review {
font-size: 2.8660760813vw;
gap: 0.5211047421vw;
}
.img-review-wrapper {
gap: 1.4590932777vw;
top: 4.6899426785vw;
}
.image-frame-review {
width: 28.9213131839vw;
border: 0.1563314226vw solid #fff;
border-radius: 1.4590932777vw;
box-shadow: 0px 0px 1.6154247004vw 0.5211047421vw rgba(0, 0, 0, 0.2);
}
.section-review-body {
max-width: 100.0521104742vw;
height: 77.1235018239vw;
margin-top: -9.900990099vw;
}
.headline-review-body {
width: 33.8718082335vw;
top: 13.0276185513vw;
gap: 1.0422094841vw;
}
.text-head-review-body {
font-size: 2.8660760813vw;
}
.text-head-review-body-1 {
font-size: 2.8660760813vw;
}
.review-img-headline-2 {
width: 16.6753517457vw;
height: 2.032308494vw;
}
.text-head-review-2 {
gap: 1.0422094841vw;
}
.img-review-body {
width: 35.2266805628vw;
height: 40.1771756123vw;
top: 14.5909327775vw;
}
.text-description-review-body {
padding-top: 16.1542470036vw;
font-size: 2.1365294424vw;
}
.review-body-btn-wrapper {
gap: 0.9900990099vw;
margin-top: 2.3449713392vw;
}
.review-body-btn {
width: 11.2037519541vw;
gap: 0.4168837936vw;
padding: 0.6774361647vw 0 0.6774361647vw 0;
border-radius: 1.0943199583vw;
}
.review-body-btn-img {
width: 1.2506513809vw;
height: 1.4590932777vw;
}
.review-body-btn-text {
font-size: 1.4069828035vw;
}
.review-body-btn-wrapper::before {
border-top: 0.1563314226vw solid #a0125d;
width: 13.2881709224vw;
}
.section-btn-wrapper {
margin-top: 5.3673788431vw;
padding-bottom: 5.5237102658vw;
}
.section-btn {
font-size: 1.4069828035vw;
padding: 8px 2.5013027619vw;
border-radius: 2.6055237103vw;
}
.section-promotion {
max-width: 100.0521104742vw;
margin: -7.2954663887vw auto 0;
padding-top: 3.1266284523vw;
padding-bottom: 8.2334549244vw;
border-radius: 0 8.2334549244vw 0 0;
}
.promotion-img {
width: 57.0609692548vw;
border: 0.2084418968vw solid #fff;
border-radius: 1.5633142262vw;
box-shadow: 0 0.1563314226vw 0.4168837936vw 0 rgba(80, 108, 131, 0.24);
}
.contact-btn-img {
height: 2.9181865555vw;
border-radius: 0.6253256905vw;
}
.contact-btn-text {
font-size: 0.9900990099vw;
}
.section-service {
padding-top: 4.1688379364vw;
padding-bottom: 2.0844189682vw;
border-radius: 0 7.0870244919vw 0 0;
box-shadow: 0 0.1042209484vw 0.9379885357vw 0 rgba(37, 67, 93, 0.15);
}
.service-headline {
font-size: 2.1886399166vw;
}
.service-list {
max-width: 51.0682647212vw;
height: 20.1146430433vw;
margin: 2.8139656071vw auto 0;
padding: 0 0.6253256905vw;
}
.service-item {
width: 16.0500260552vw;
height: 19.6977592496vw;
margin: 0 0.3647733194vw;
border-radius: 0.8337675873vw;
border: 0.2084418968vw solid #fff;
-webkit-box-shadow: 0 0 0.3126628452vw 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0.3126628452vw 0 rgba(0, 0, 0, 0.1);
}
.service-img {
height: 13.3402813966vw;
}
.service-detail {
height: 6.9828035435vw;
padding-top: 0.8337675873vw;
border-radius: 0.7295466389vw 0.7295466389vw 0 0;
}
.service-small-text {
font-size: 0.8337675873vw;
}
.service-text {
font-size: 1.6675351746vw;
}
.service-btn {
font-size: 1.016154247vw;
padding: 0.2866076081vw 2.1886399166vw;
margin: 1.0422094841vw auto 0;
border-radius: 2.6055237103vw;
-webkit-box-shadow: 0 0 0.7295466389vw 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 0 0.7295466389vw 0 rgba(0, 0, 0, 0.08);
}
.service-list .flickity-prev-next-button {
width: 2.7097446587vw;
height: 2.7097446587vw;
-webkit-box-shadow: 0 0 1.2506513809vw 0.1042209484vw rgba(0, 0, 0, 0.14);
box-shadow: 0 0 1.2506513809vw 0.1042209484vw rgba(0, 0, 0, 0.14);
}
.service-list .flickity-prev-next-button.next {
right: -3.0224075039vw;
padding-left: 0.260552371vw;
}
.service-list .flickity-prev-next-button.previous {
left: -3.0224075039vw;
}
.service-list .flickity-prev-next-button:before {
width: 0.6774361647vw;
height: 1.3027618551vw;
}
.section-footer {
padding-top: 1.3027618551vw;
padding-bottom: 11.4643043252vw;
margin-top: -0.1042209484vw;
}
.footer-wrapper {
max-width: 62.5325690464vw;
}
.footer-headline {
font-size: 2.3449713392vw;
}
.footer-social-cta-content {
width: 59.7186034393vw;
height: 15.8415841584vw;
margin: 3.1266284523vw auto 0;
gap: 1.2506513809vw;
padding: 8.0771235018vw 0 0 14.0698280354vw;
}
.footer-social-cta-btn {
width: 13.0276185513vw;
height: 4.1688379364vw;
border-radius: 0.4168837936vw;
border: 0.1042209484vw solid transparent;
}
.position-target {
top: 28.6607608129vw;
height: 0.0521104742vw;
}
}
@media (max-width: 768px) {
div.m,
p.m,
img.m,
br.m {
display: block;
}
div.d,
p.d,
img.d,
br.d {
display: none;
}
.section-banner {
position: relative;
width: 100%;
max-width: 100vw;
height: 154.0364583333vw;
margin: 0 auto;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/service-sculptra/banner-mb_01.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.banner-content {
position: relative;
display: flex;
width: 100%;
max-width: 100vw;
flex-direction: column;
align-items: center;
top: 5.2083333333vw;
}
.banner-title {
position: relative;
max-width: 100vw;
height: auto;
padding-left: 0;
letter-spacing: -0.2604166667vw;
}
.text-headline {
font-size: 10.0260416667vw;
font-family: "kanitregular";
letter-spacing: -0.5208333333vw;
}
.banner-img-presenter {
position: relative;
width: 86.8489583333vw;
height: 10.546875vw;
left: 50%;
transform: translateX(-50.1302083333vw);
}
.section-nav {
position: relative;
background-color: #fff;
box-shadow: 0 0.6510416667vw 0.5208333333vw 0 rgba(87, 109, 121, 0.17);
z-index: 2;
margin-top: -14.9739583333vw;
box-shadow: 0 0.6510416667vw 0.5208333333vw 0 rgba(87, 109, 121, 0.17);
}
.section-nav.sticky {
top: 14.7135416667vw;
margin-top: 0;
background-color: #fff;
}
.admin-bar .section-nav.sticky {
top: 20.703125vw;
}
.dropdown {
display: flex;
justify-content: center;
align-items: center;
padding: 6.5104166667vw 0;
}
.btn-dropdown {
position: relative;
display: block;
width: 79.4270833333vw;
height: 11.4583333333vw;
font-family: "kanitregular";
font-size: 4.5572916667vw;
color: #d5d5d5;
text-align: left;
padding: 0 13.1510416667vw 0 4.4270833333vw;
border-radius: 2.0833333333vw;
z-index: 98;
border: 0.390625vw solid #d5d5d5;
background-color: #ffffff;
overflow: hidden;
}
.btn-dropdown:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 11.71875vw;
height: 100%;
border-radius: 2.0833333333vw;
background-color: #435b99;
transition: all 0.25s ease;
}
.btn-dropdown:after {
content: "";
position: absolute;
top: 2.34375vw;
right: 3.6458333333vw;
width: 3.90625vw;
height: 3.90625vw;
border: 0.6510416667vw solid #fff;
border-width: 0 0.6510416667vw 0.6510416667vw 0;
transform: rotate(45deg);
}
.btn-dropdown.active:after {
top: 4.4270833333vw;
border-width: 0.6510416667vw 0 0 0.6510416667vw;
}
.nav-menu {
display: block;
position: absolute;
top: 7.6822916667vw;
left: 50%;
width: 79.4270833333vw;
height: auto;
max-height: 60.6770833333vw;
z-index: 97;
padding-top: 1.953125vw;
overflow-y: scroll;
overflow-x: hidden;
opacity: 0;
visibility: hidden;
pointer-events: none;
border: 0.390625vw solid #d5d5d5;
border-radius: 0 0 2.0833333333vw 2.0833333333vw;
background-color: #fff;
transform: translateX(-50%);
transition: all 0.25s ease;
}
.admin-bar .nav-menu {
top: 13.671875vw;
}
.nav-menu.is-open {
top: 15.234375vw;
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.admin-bar .nav-menu.is-open {
top: 16.2760416667vw;
}
.nav-menu li {
font-family: "kanitregular";
font-size: 4.5572916667vw;
color: #606060;
text-align: left;
padding: 0;
cursor: pointer;
border: 0;
background-color: #fff;
transition: all 0.25s ease;
}
.nav-menu li:nth-child(even) {
background-color: #f8f9fa;
}
.nav-menu li.active {
color: #fff;
text-decoration: none;
background-color: #435b99;
}
.nav-menu li a {
font-size: inherit;
color: #606060;
padding: 3.515625vw 4.4270833333vw;
transition: all 0.25s ease-in-out;
}
.nav-menu li a:hover {
color: #606060;
text-decoration: none;
}
.nav-menu li.active a {
color: #fff;
text-decoration: none;
}
.container {
max-width: 100%;
padding: 0 2.8645833333vw;
}
.section-whatis-SCULPTRA {
position: relative;
width: 100%;
max-width: 100vw;
height: 266.9270833333vw;
margin: 0 auto;
padding: 0;
top: 11.0677083333vw;
}
.whatis-SCULPTRA-wrapper {
position: relative;
max-width: 100vw;
height: 16.9270833333vw;
display: flex;
flex-direction: row;
justify-content: center;
align-items: baseline;
left: 50%;
transform: translateX(-50%);
gap: 1.3020833333vw;
}
.whatis-SCULPTRA-img {
position: relative;
width: 57.2916666667vw;
height: auto;
}
.whatis-SCULPTRA-img-detai {
position: relative;
width: 94.0104166667vw;
height: 62.5vw;
}
.headline-section {
font-size: 7.421875vw;
font-family: "kanitregular";
}
.whatis-SCULPTRA-video-wrapper {
display: flex;
justify-content: center;
flex-wrap: wrap;
row-gap: 4.9479166667vw;
column-gap: 2.6041666667vw;
align-items: center;
padding-top: 0;
}
.whatis-vdo {
position: relative;
width: 100%;
max-width: 93.4895833333vw;
height: 52.0833333333vw;
border-radius: 3.6458333333vw;
border: 0.5208333333vw solid #fff;
box-shadow: 0 0 2.0833333333vw 0 rgba(37, 67, 93, 0.2);
overflow: hidden;
order: 1;
}
.whatis-img-SCULPTRA {
position: relative;
margin-top: -2.6041666667vw;
width: 100vw;
height: auto;
order: 3;
}
.whatis-description {
width: 100%;
text-align: center;
line-height: 2;
margin-top: -2.6041666667vw;
order: 2;
}
.text-description {
font-family: "kanitregular";
line-height: 1.7;
}
.video-play-button {
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%) scale(1);
display: flex;
justify-content: center;
align-items: center;
width: 13.8020833333vw;
height: 13.8020833333vw;
border-radius: 50%;
padding: 0 0 0 1.3020833333vw;
}
.video-play-button:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 13.8020833333vw;
height: 13.8020833333vw;
background: #5eadfb;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
transition: all 0.25s ease-in-out;
}
.video-play-button:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 13.8020833333vw;
height: 13.8020833333vw;
background: rgba(94, 173, 251, 0.6705882353);
border-radius: 50%;
transition: all 0.25s ease-in-out;
}
.video-play-button:hover:before,
.video-play-button:hover:after {
background-color: #da0528;
}
.video-play-button span {
display: block;
position: relative;
z-index: 3;
width: 0;
height: 0;
border-style: solid;
border-width: 2.9947916667vw 0 2.9947916667vw 3.515625vw;
border-color: transparent transparent transparent #fff;
}
.section-why-collagen {
position: relative;
width: 100%;
max-width: 100vw;
height: 156.25vw;
margin-top: -22.1354166667vw;
border-radius: 0 20.5729166667vw 0 20.5729166667vw;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/service-sculptra/mb-bg-section-3.jpg);
background-repeat: no-repeat;
background-position: bottom center;
background-size: 100% 100%;
box-shadow: 0.1302083333vw 0.1302083333vw 2.6041666667vw 0.9114583333vw rgba(0, 0, 0, 0.1);
overflow: hidden;
z-index: 3;
}
.text-collagen-des {
position: relative;
max-width: 100vw;
height: auto;
text-align: center;
padding-top: 10.4166666667vw;
}
.text-head-why {
font-size: 11.71875vw !important;
font-family: "kanitregular" !important;
line-height: 1;
}
.description-text-collagen {
line-height: 1.8;
padding-top: 7.8125vw;
}
.section-collagen-main {
position: relative;
width: 100%;
max-width: 100vw;
height: 455.7291666667vw;
margin: 0 auto;
margin-top: -15.625vw;
background-image: unset;
background-position: right 55.9895833333vw center;
}
.collagen-main-wrapper {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-top: 35.15625vw;
gap: 8.4635416667vw;
}
.collagen-main-img {
display: flex;
align-items: center;
justify-content: space-evenly;
width: 77.34375vw;
height: 24.21875vw;
}
.collagen-main-description {
font-size: 4.9479166667vw;
font-family: "kanitregular";
line-height: 1.8;
padding-top: 2.6041666667vw;
text-align: center;
letter-spacing: -0.1302083333vw;
}
.collagen-main-img-2 {
display: flex;
width: 101.5625vw;
height: 133.7239583333vw;
margin-top: -6.5104166667vw;
}
.collagen-why-img {
position: relative;
margin: 0 auto;
width: 91.015625vw;
height: 163.8020833333vw;
padding-top: 0;
border-radius: 6.5104166667vw;
border: 0.5208333333vw solid #9b1764;
left: 50%;
transform: translateX(-47.1354166667vw);
overflow: hidden;
top: 10.0260416667vw;
}
.section-helps-collagen {
position: relative;
width: 100%;
max-width: 100.1302083333vw;
height: 190.7552083333vw;
margin: 0 auto;
margin-top: -11.0677083333vw;
border-radius: 0 20.5729166667vw 0 0;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/service-sculptra/mb-bg-section6.jpg);
background-repeat: no-repeat;
background-position: bottom center;
background-size: 100% 100%;
box-shadow: 0.1302083333vw 0.1302083333vw 2.6041666667vw 0.9114583333vw rgba(0, 0, 0, 0.1);
overflow: hidden;
z-index: 3;
}
.helps-collagen-wrapper {
position: relative;
max-width: 100vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 13.0208333333vw;
left: 50%;
transform: translateX(-50%);
gap: 2.6041666667vw;
}
.helps-collagen-img {
position: relative;
width: 56.640625vw;
height: auto;
}
.headline-section {
font-size: 7.421875vw !important;
font-family: "Kanitregular" !important;
text-align: center;
line-height: 1.3;
}
.helps-collagen-wrapper-1 {
position: relative;
max-width: 100vw;
height: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 2.6041666667vw;
left: 50%;
transform: translateX(-50%);
}
.helps-collagen-img-detail {
position: relative;
width: 93.4895833333vw;
height: 52.34375vw;
border-radius: 3.6458333333vw;
border: 0.390625vw solid #fff;
overflow: hidden;
}
.text-section-detail {
font-size: 4.9479166667vw;
font-family: "kanitregular";
line-height: 2;
text-align: center;
}
.helps-collagen-img-item-1 {
padding-top: 5.2083333333vw;
order: 2;
}
.helps-collagen-detail {
padding-top: 1.3020833333vw;
order: 1;
}
.section-what-does-helps {
position: relative;
width: 100vw;
height: 134.1145833333vw;
margin: 0 auto;
margin-top: 13.0208333333vw;
}
.what-does-helps-wrapper {
position: relative;
max-width: 100vw;
height: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 2.6041666667vw;
left: 50%;
transform: translateX(-50%);
gap: 2.6041666667vw;
}
.helps-collagen-img {
position: relative;
width: 57.03125vw;
height: auto;
}
.headline-section {
font-size: 7.421875vw;
font-family: "Kanit";
}
.what-does-helps-container {
position: relative;
width: 100vw;
display: flex;
justify-content: center;
margin-top: 9.1145833333vw;
align-items: center;
margin-left: -2.9947916667vw;
flex-direction: row;
flex-wrap: wrap;
gap: 3.90625vw;
row-gap: 6.5104166667vw;
}
.what-does-helps-list {
position: relative;
margin: 0;
}
.what-does-helps-image {
height: 27.734375vw;
width: 27.734375vw;
filter: drop-shadow(0.390625vw 0.390625vw 1.3020833333vw rgba(0, 0, 0, 0.1));
}
.what-does-helps-list-text {
font-size: 4.4270833333vw;
text-align: center;
line-height: 1.5;
padding-top: 1.3020833333vw;
}
.section-Who-is-it {
position: relative;
width: 100%;
max-width: 100vw;
height: 218.75vw;
margin: 0 auto;
margin-top: -0.6510416667vw;
border-radius: 0 20.5729166667vw 0 0;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/service-sculptra/mb-bg-section6.jpg);
background-repeat: no-repeat;
background-position: bottom center;
background-size: 100% 100%;
box-shadow: 0.1302083333vw 0.1302083333vw 2.6041666667vw 0.9114583333vw rgba(0, 0, 0, 0.1);
overflow: hidden;
z-index: 3;
}
.Who-is-it-wrapper {
position: relative;
max-width: 100vw;
height: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 14.3229166667vw;
left: 50%;
transform: translateX(-50%);
gap: 2.6041666667vw;
}
.helps-collagen-img {
position: relative;
width: 56.640625vw;
height: auto;
}
.headline-section {
font-size: 7.421875vw;
font-family: "kanitregular";
}
.button-content {
position: relative;
width: 100vw;
display: flex;
flex-wrap: wrap;
gap: 3.2552083333vw;
column-gap: 0;
z-index: 2;
left: 50%;
transform: translateX(-50%);
top: 7.1614583333vw;
justify-content: space-evenly;
}
.frame-button {
position: relative;
display: flex;
width: 44.0104166667vw;
height: 52.734375vw;
border: 0.5208333333vw solid #fff;
border-radius: 2.734375vw;
background: linear-gradient(0deg, rgb(255, 255, 255) 65%, rgb(237, 240, 247) 100%);
box-shadow: 0 0 1.3020833333vw 0.2604166667vw rgba(0, 0, 0, 0.08);
overflow: hidden;
}
.image-button {
position: absolute;
display: flex;
flex-wrap: wrap;
width: 43.4895833333vw;
height: 29.0364583333vw;
}
.text-button {
z-index: 2;
width: 43.4895833333vw;
height: auto;
right: 0;
position: relative;
height: 23.4375vw;
display: flex;
align-items: center;
justify-content: center;
color: #435b9a;
font-size: 4.4270833333vw;
font-family: "kanitregular";
text-align: center;
top: 28.6458333333vw;
line-height: 1.2;
}
.section-promotion-1 {
position: relative;
width: 100%;
max-width: 100vw;
height: 244.7916666667vw;
margin: 0 auto;
margin-top: -44.2708333333vw;
background-image: unset;
background-repeat: no-repeat;
background-size: 100% auto;
}
.button-promotion {
position: relative;
width: 91.1458333333vw;
height: 106.1197916667vw;
top: 61.1979166667vw;
border: 0.390625vw solid #9b1764;
background-color: #fff;
border-radius: 4.6875vw;
left: 50%;
transform: translateX(-50%);
}
.image-button-promotion {
position: absolute;
width: 49.0885416667vw;
height: 15.7552083333vw;
margin-top: -3.6458333333vw;
left: 50%;
transform: translateX(-50%);
}
.text-button-promotion {
position: absolute;
left: 50%;
transform: translateX(-18.8802083333vw);
margin-top: -3.2552083333vw;
font-size: 7.421875vw;
font-family: "kanitregular";
color: #fff;
}
.image-promotion-headline {
position: relative;
width: 56.9010416667vw;
height: 6.9010416667vw;
left: 50%;
transform: translateX(-28.6458333333vw);
top: 12.3697916667vw;
}
.button-img-promotion {
position: relative;
display: flex;
width: 100vw;
height: auto;
flex-direction: row;
justify-content: center;
gap: 1.3020833333vw;
top: 16.2760416667vw;
margin-left: -4.8177083333vw;
flex-wrap: wrap;
}
.image-frame-promotion {
display: flex;
overflow: hidden;
width: 41.40625vw;
height: 38.28125vw;
border-radius: 2.8645833333vw;
border: 0.2604166667vw solid #96b6cc;
box-shadow: 0.2604166667vw 0.2604166667vw 2.0833333333vw 0 rgba(0, 0, 0, 0.2);
}
.contact-img-1 {
position: relative;
display: inline-block;
vertical-align: top;
width: 93.75vw;
height: 51.6927083333vw;
overflow: hidden;
margin-top: 66.40625vw;
left: 50%;
transform: translateX(-50%);
}
.promotion-brand-description {
position: relative;
width: 53.3854166667vw;
height: auto;
font-size: 5.078125vw;
font-family: "Kanitlight";
line-height: 1;
left: 50%;
transform: translateX(-12.3697916667vw);
margin-top: -35.8072916667vw;
text-align: center;
}
.description-promotion-1 {
position: relative;
font-size: 3.515625vw;
font-family: "kanitregular";
left: 50%;
transform: translateX(-7.8125vw);
margin-top: 1.953125vw;
}
.contact-btn-wrapper-1 {
position: absolute;
top: 35.8072916667vw;
left: 44.2708333333vw;
display: flex;
justify-content: flex-start;
align-items: flex-start;
transform: translate(-19.7916666667vw, 0);
gap: 2.6041666667vw;
}
.contact-btn-img-1 {
filter: drop-shadow(0.390625vw 0.390625vw 1.3020833333vw rgba(0, 0, 0, 0.1));
width: 31.25vw;
height: 9.375vw;
overflow: hidden;
}
.contact-btn-text-1 {
position: relative;
min-width: 20.8333333333vw;
text-align: center;
z-index: 2;
}
.contact-btn-text-1 p {
font-family: "kanitregular";
font-size: 3.6458333333vw;
color: #fff;
margin-top: -7.8125vw;
margin-left: 6.5104166667vw;
}
.contact-btn-1 {
height: 72px;
}
.section-review {
position: relative;
width: 100%;
max-width: 100vw;
height: 308.59375vw;
margin: 0 auto;
margin-top: -11.71875vw;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/service-sculptra/mb-bg-section-review.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 0 20.5729166667vw 0 0;
box-shadow: 0.1302083333vw 0.1302083333vw 2.6041666667vw 0.9114583333vw rgba(0, 0, 0, 0.1);
overflow: hidden;
z-index: 3;
}
.headline-review {
position: relative;
display: flex;
width: 74.21875vw;
align-items: center;
justify-content: center;
left: 50%;
transform: translateX(-50%);
top: 6.5104166667vw;
flex-direction: column;
padding-top: 1.953125vw;
}
.headline-review-text {
width: 100%;
}
.text-head-review {
display: flex;
flex-direction: column;
align-items: center;
font-size: 11.71875vw !important;
font-family: "kanitregular" !important;
text-align: center;
line-height: 1.4;
}
.review-img-headline-2 {
width: 57.03125vw;
height: 6.9010416667vw;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/service-sculptra/icon-promotion-1.png);
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.text-head-review-2 {
display: flex;
justify-content: center;
align-items: baseline;
gap: 3.90625vw;
}
.img-review-wrapper {
position: relative;
display: flex;
flex-wrap: nowrap;
justify-content: center;
gap: 3.6458333333vw;
top: 10.4166666667vw;
flex-direction: column;
align-items: center;
}
.image-frame-review {
display: flex;
width: 89.9739583333vw;
height: 81.7708333333vw;
border: 0.390625vw solid #fff;
border-radius: 3.6458333333vw;
box-shadow: 0 0 4.0364583333vw 1.3020833333vw rgba(0, 0, 0, 0.2);
overflow: hidden;
justify-content: center;
}
.section-review-body {
position: relative;
width: 100%;
max-width: 101.5625vw;
height: 200.5208333333vw;
margin: 0 auto;
margin-top: 6.5104166667vw;
background-image: unset;
}
.headline-review-body {
position: relative;
display: flex;
width: 100vw;
align-items: center;
justify-content: center;
left: 50%;
transform: translateX(-50%);
top: 0;
gap: 2.6041666667vw;
flex-direction: column;
}
.text-head-review-body {
width: 100vw;
font-size: 11.71875vw !important;
font-family: "kanitregular" !important;
text-align: center;
}
.review-img-headline {
width: 60.2864583333vw;
height: auto;
}
.box-review {
display: flex;
align-items: baseline;
margin-top: -3.2552083333vw;
gap: 1.3020833333vw;
}
.text-head-review-body-1 {
font-size: 9.6354166667vw !important;
font-family: "gotham-book" !important;
color: #a0125d;
}
.img-review-body {
position: relative;
width: 97.0052083333vw;
display: flex;
justify-content: center;
height: 110.6770833333vw;
left: 50%;
transform: translateX(-50%);
margin-top: -9.1145833333vw;
}
.text-description-review-body {
padding-top: 22.1354166667vw;
font-size: 5.859375vw;
font-family: "kanitregular";
text-align: center;
line-height: 1.3;
}
.review-body-btn-wrapper {
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;
gap: 2.4739583333vw;
margin-top: 5.859375vw;
}
.review-body-btn {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 29.6875vw;
gap: 1.0416666667vw;
overflow: hidden;
padding: 1.6927083333vw 0 1.6927083333vw 0;
border-radius: 2.734375vw;
border: 0.390625vw solid #a0125d;
background-color: #fff;
z-index: 2;
}
.review-body-btn-img {
width: 3.125vw;
height: 3.6458333333vw;
}
.review-body-btn-text {
text-align: left;
line-height: 1.2;
font-family: "Kanitlight";
font-size: 3.90625vw;
letter-spacing: -0.1302083333vw;
}
.review-body-btn-wrapper:before {
position: absolute;
content: "";
border-top: 0.390625vw solid #a0125d;
width: 35.15625vw;
top: 50%;
}
.section-service {
padding-top: 10.4166666667vw;
padding-bottom: 0;
background-color: #f4faff;
border-radius: 0 17.7083333333vw 0 0;
box-shadow: 0 0.2604166667vw 2.34375vw 0 rgba(37, 67, 93, 0.15);
}
.service-headline {
font-size: 6.1197916667vw;
text-align: center;
margin-bottom: 0;
}
.service-list {
max-width: 95.0520833333vw;
height: 50.2604166667vw;
margin: 7.2916666667vw auto 0;
padding: 0 1.5625vw;
}
.service-item {
width: 29.6875vw;
height: 44.7916666667vw;
margin: 0 0.6510416667vw;
overflow: hidden;
border-radius: 2.0833333333vw;
border: 0.5208333333vw solid #fff;
-webkit-box-shadow: 0 0 0.78125vw 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0.78125vw 0 rgba(0, 0, 0, 0.1);
}
.service-img {
position: absolute;
top: -1.953125vw;
left: -6.25vw;
width: 35.6770833333vw;
height: auto;
}
.service-img img {
widows: 100%;
height: auto;
}
.service-detail {
height: 15.8854166667vw;
padding-top: 2.8645833333vw;
border-radius: 1.8229166667vw 1.8229166667vw 0 0;
}
.service-small-text {
font-size: 1.5625vw;
}
.service-text {
font-size: 3.125vw;
line-height: 0.9;
}
.service-btn {
font-size: 2.34375vw;
padding: 0.9114583333vw 5.0130208333vw;
margin: 1.953125vw auto 0;
border-radius: 6.5104166667vw;
-webkit-box-shadow: 0 0 1.8229166667vw 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 0 1.8229166667vw 0 rgba(0, 0, 0, 0.08);
}
.service-btn:hover {
color: #fff;
background-color: #435ba2;
}
.service-btn:active {
color: #fff;
background-color: #5ba2ff;
}
.service-list .flickity-prev-next-button {
width: 6.7708333333vw;
height: 6.7708333333vw;
transform: translateY(-120%);
-webkit-box-shadow: 0 0 3.125vw 0.2604166667vw rgba(0, 0, 0, 0.14);
box-shadow: 0 0 3.125vw 0.2604166667vw rgba(0, 0, 0, 0.14);
}
.service-list .flickity-prev-next-button.next {
right: -0.2604166667vw;
padding-left: 0.632292vw;
}
.service-list .flickity-prev-next-button.previous {
left: -0.2604166667vw;
}
.service-list .flickity-prev-next-button:before {
width: 1.6927083333vw;
height: 3.2552083333vw;
}
.service-list .flickity-prev-next-button:hover {
background-color: #fff;
}
.service-list .flickity-prev-next-button:active {
background-color: #435ba2;
}
.service-list .flickity-prev-next-button:hover:before {
filter: none;
}
.service-list .flickity-prev-next-button:active:before {
filter: brightness(0) invert(1);
}
.section-footer {
padding-top: 2.03125vw;
padding-bottom: 150px;
}
.footer-wrapper {
max-width: 100%;
}
.footer-headline {
font-size: 5.2083333333vw;
margin: 0;
padding: 0 6.5104166667vw;
}
.footer-social-cta-content {
flex-direction: column;
width: 89.9739583333vw;
height: 40.4947916667vw;
margin: 7.8125vw auto 0;
gap: 2.34375vw;
padding: 5.46875vw 0 0 41.6666666667vw;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/hifu/webp/bg-cta-footer-m.webp);
}
.footer-social-cta-btn {
width: 27.0833333333vw;
height: 8.3333333333vw;
border-radius: 1.0416666667vw;
border-width: 0.2604166667vw;
}
.footer-social-cta-btn:hover {
border-color: transparent;
}
.footer-social-cta-btn:active {
border-color: #5badff;
}
.position-target {
top: 178.3854166667vw;
}
br.d {
display: none;
}
br.m {
display: block;
}
}