@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@100;200;300;400;500;600;700&display=swap");
@font-face {
font-family: "Gotham";
src: url(//vsquare.clinic/wp-content/themes/plant/fonts/review/Gotham-Medium.eot);
src: url(//vsquare.clinic/wp-content/themes/plant/fonts/review/Gotham-Medium.eot?#iefix) format("embedded-opentype"), url(//vsquare.clinic/wp-content/themes/plant/fonts/review/Gotham-Medium.woff2) format("woff2"), url(//vsquare.clinic/wp-content/themes/plant/fonts/review/Gotham-Medium.woff) format("woff"), url(//vsquare.clinic/wp-content/themes/plant/fonts/review/Gotham-Medium.ttf) format("truetype"), url(//vsquare.clinic/wp-content/themes/plant/fonts/review/Gotham-Medium.svg#Gotham-Medium) format("svg");
font-weight: 500;
font-style: normal;
font-display: swap;
}
html,
body {
overflow-x: hidden;
}
.main-header,
.page-banner {
display: none;
}
.content-area {
position: relative;
top: 0;
left: 50%;
width: 1920px;
margin: 0 auto;
transform: translateX(-50%);
}
.content-area figure {
width: 100%;
margin-bottom: 0;
}
.wp-block-kadence-column {
position: relative;
}
.kb-row-layout-wrap .kt-row-column-wrap {
padding: 0;
gap: 0;
}
.bg-section {
position: relative;
width: 100%;
}
.img-m {
display: none;
}
.section-3 {
margin-top: -315px;
z-index: 1;
}
.section-4 {
margin-top: -260px;
z-index: 2;
}
.section-5 {
margin-top: -150px;
z-index: 3;
}
.section-promotion {
margin-top: -208px;
z-index: 4;
}
.section-7 {
margin-top: 0;
z-index: 5;
}
.btn-cta-contact {
position: absolute;
bottom: 240px;
left: 50%;
width: 220px;
height: 66px;
z-index: 9;
transform: translateX(-50%);
}
.btn-cta-contact.line {
transform: translateX(-345px);
}
.btn-cta-contact.facebook {
transform: translateX(-114px);
}
.btn-cta-contact.tel {
transform: translateX(116px);
}
.bg-section-promotion {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
.promotion-wrapper {
position: relative;
width: 100%;
margin: 0 auto;
padding: 80px 0 0;
z-index: 2;
}
.promotion-inner {
width: 100%;
margin: 98px auto 0;
background: #DBE9F6;
background: linear-gradient(0deg, rgb(219, 233, 246) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
}
.heading-promotion {
position: relative;
display: flex;
justify-content: center;
align-items: center;
font-family: "Gotham", "IBM Plex Sans Thai", sans-serif !important;
font-size: 42px !important;
color: #455c9b;
font-weight: 500;
line-height: 1.2;
text-align: center;
margin-bottom: 0;
}
.heading-promotion::before {
content: "";
position: absolute;
top: calc(100% + 32px);
left: 50%;
width: 715px;
height: 51px;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/volnewmer/shadow-heading-promotion.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
transform: translateX(-50%);
}
.promotion-list {
width: 722px;
height: auto;
margin: 0 auto;
z-index: 2;
}
.promotion-list .kt-inside-inner-col {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 23px;
}
.promotion-list .wp-block-image {
width: 100%;
overflow: hidden;
border: 3px solid #fff;
border-radius: 24px;
box-shadow: 0 0 18px 0 rgba(90, 107, 126, 0.31);
}
.promotion-list .wp-block-image figure {
display: flex;
}
.promotion-list .wp-block-image img {
display: block;
width: 100%;
height: auto;
margin: 0 auto;
}
.btn-cta-volnewmer {
display: flex;
width: 100%;
max-width: 1069px;
height: auto;
margin: -40px auto 0;
z-index: 1;
}
.btn-cta-volnewmer-item {
position: absolute;
bottom: 90px;
left: 50%;
width: 252px;
height: 70px;
z-index: 9;
transform: translateX(-50%);
}
.btn-cta-volnewmer-item.line {
transform: translateX(-145px);
}
.btn-cta-volnewmer-item.facebook {
transform: translateX(120px);
}
@media (max-width: 1919px) {
.content-area {
width: 100vw;
}
.section-3 {
margin-top: -16.40625vw;
}
.section-4 {
margin-top: -13.5416666667vw;
}
.section-5 {
margin-top: -7.8125vw;
}
.section-promotion {
margin-top: -10.8333333333vw;
}
.btn-cta-contact {
bottom: 12.5vw;
width: 11.4583333333vw;
height: 3.4375vw;
}
.btn-cta-contact.line {
transform: translateX(-17.96875vw);
}
.btn-cta-contact.facebook {
transform: translateX(-5.9375vw);
}
.btn-cta-contact.tel {
transform: translateX(6.0416666667vw);
}
.promotion-wrapper {
padding: 4.1666666667vw 0 0;
}
.promotion-inner {
margin: 5.1041666667vw auto 0;
}
.heading-promotion {
font-size: 2.1875vw !important;
}
.heading-promotion::before {
top: calc(100% + 1.6666666667vw);
width: 37.2395833333vw;
height: 2.65625vw;
}
.promotion-list {
width: 37.6041666667vw;
}
.promotion-list .kt-inside-inner-col {
gap: 1.1979166667vw;
}
.promotion-list .wp-block-image {
border-width: 0.15625vw;
border-radius: 1.25vw;
box-shadow: 0 0 0.9375vw 0 rgba(90, 107, 126, 0.31);
}
.btn-cta-volnewmer {
max-width: 55.6770833333vw;
margin: -2.0833333333vw auto 0;
}
.btn-cta-volnewmer-item {
bottom: 4.6875vw;
width: 13.125vw;
height: 3.6458333333vw;
}
.btn-cta-volnewmer-item.line {
transform: translateX(-7.5520833333vw);
}
.btn-cta-volnewmer-item.facebook {
transform: translateX(6.25vw);
}
}
@media (max-width: 768px) {
.img-d {
display: none;
}
.img-m {
display: block;
}
.section-3 {
margin-top: -14.5833333333vw;
}
.section-4 {
margin-top: -15.1041666667vw;
}
.section-5 {
margin-top: -6.7708333333vw;
}
.section-promotion {
margin-top: -10.4166666667vw;
z-index: 5;
}
.section-7 {
margin-top: -17.578125vw;
z-index: 4;
}
.btn-cta-contact {
bottom: 20.0520833333vw;
width: 30.46875vw;
height: 9.375vw;
}
.btn-cta-contact.line {
transform: translateX(-47.1354166667vw);
}
.btn-cta-contact.facebook {
transform: translateX(-15.1041666667vw);
}
.btn-cta-contact.tel {
transform: translateX(16.796875vw);
}
.promotion-wrapper {
padding: 9.1145833333vw 0 0;
}
.promotion-inner {
margin: 12.7604166667vw auto 0;
background: #ffffff;
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.heading-promotion {
flex-direction: column;
font-size: 5.3385416667vw !important;
}
.heading-promotion mark {
font-size: 6.25vw !important;
}
.heading-promotion::before {
top: calc(100% + 5.2083333333vw);
width: 73.4375vw;
height: 16.6666666667vw;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/volnewmer/shadow-heading-promotion-m.png);
}
.promotion-list {
width: 94.140625vw;
}
.promotion-list .kt-inside-inner-col {
gap: 2.9947916667vw;
}
.promotion-list .wp-block-image {
border-width: 0.390625vw;
border-radius: 3.125vw;
box-shadow: 0 0 2.6041666667vw 0 rgba(90, 107, 126, 0.35);
}
.btn-cta-volnewmer {
max-width: 100%;
margin: -1.0416666667vw auto 0;
}
.btn-cta-volnewmer-item {
bottom: 13.28125vw;
width: 32.8125vw;
height: 9.1145833333vw;
}
.btn-cta-volnewmer-item.line {
transform: translateX(-21.2239583333vw);
}
.btn-cta-volnewmer-item.facebook {
transform: translateX(13.671875vw);
}
}