@charset "utf-8";
/* CSS Document */

/* Color */
:root {
    --clr-white: #fff;
    --clr-black: #000;
    --clr-gray:#E0E0E0;
    --clr-pink:#fd3a79 ;
    --clr-pink2:#e885a3 ;
    --clr-pink3:#fdf2f5 ;
    --clr-pink4:#e883a1 ;
    --clr-purple:#862569 ;
}

html, body {
    font-family: 'Prompt', 'Helvetica', 'tahoma';
    font-size: 16px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    color: #464646;
    position: relative;
    word-spacing: 0;
}

/* body:before,body:after{
content: "";
display: block;
position: absolute;
width: 20px;
height: 100%;
background-color: rgba(255,0,0,0.35);
top: 0;
z-index: 9999;
} */

[lang^="th"]{
}

[lang^="en"]{
}

[lang^="th"] .txt-th{
display: block;
}
[lang^="th"] .txt-en{
display: none;
}

::placeholder {
    color: rgba(255,255,255,0.75);
}

.reveal {
    display: block;
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 0.5s all ease;
}

.revealleft {
    transform: translateY(0) translateX(-200px);
}

.revealright {
    transform: translateY(0) translateX(200px);
}

.reveal.active {
    transform: translateY(0) translateX(0);
    opacity: 1;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 400;
    margin: 20px 0;
    line-height: 1.2;
}
h1{
font-size: 40px;
}
h2{
font-size: 36px;
}
h3{
font-size: 30px;
}
h4{
font-size: 24px;
}
h5,h6{
font-size: 18px;
}

p{
margin:  10px 0;
}

* {
    outline: none;
    box-sizing: border-box;
    word-break: break-word;
    position: relative;
}

button {
    font-family: 'Prompt','Helvetica','tahoma';
    border: 0;
    padding: 5px 10px;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
    color: #FFF;
    border: 0;
}

input,select,textarea {
    font-family: 'Prompt','Helvetica','tahoma';
    appearance: none;
    -webkit-appearance: none;
    font-size: 14px;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    background-color: #fff;
}

input {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    border-radius: 5px;
}

input[type="checkbox"],
input[type="radio"] {
    appearance: auto;
    -webkit-appearance: auto;
    width: auto;
    height: auto;
}

input[type="text"],input[type="password"],textarea,select {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
}

input[type="text"],input[type="password"],select {
    border-radius: 5px;
}

input[type="checkbox"],input[type="radio"] {
    position: relative;
}

textarea {
    resize: none;
}

*:required {
    background-color: #FFF;
}

input:invalid, textarea:invalid {
background-color: #FFF;
}

option {
    color: #464646;
}

:disabled,:invalid {
}

a:link,a:visited {
    color: #464646;
    text-decoration: none;
}

a:hover {
    color: #464646;
}

a:active,a:focus {
    outline: none;
}

a:active,a:hover {
    outline-width: 0;
}

ul,ol{
margin: 0 0 0 30px;
padding: 0;
}

div {
    position: relative;
    box-sizing: border-box;
}

img {
    max-width: 100%;
    max-height: 100%;
}

.txt-left {
    text-align: left;
}

.txt-center {
    text-align: center;
}

.txt-right {
    text-align: right;
}

.txt-pink{
    color: var(--clr-pink);
}
.txt-pink2{
    color: var(--clr-pink2);
}
.txt-pink3{
    color: var(--clr-pink3);
}
.txt-pink4{
    color: var(--clr-pink4);
}

.txt-purple{
    color: var(--clr-purple);
}
.txt-w{
color: #FFF;
}
.txt-ind40{
margin-left: 40px;
}

.row {
    display: flex;
    margin: 0 -20px;
    padding: 0;
    row-gap: 40px;
    flex-wrap: wrap;
    justify-self: center;
    width:100%;
    max-width: 1406px;
}

.col1,
.col10,
.col11,
.col12,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9 {
    padding: 0 20px;
}

.col12 {
    width: 100%;
}

.col11 {
    width: 91.66666667%;
}

.col10 {
    width: 83.33333333%;
}

.col9 {
    width: 75%;
}

.col8 {
    width: 66.66666667%;
}

.col7 {
    width: 58.33333333%;
}

.col6 {
    width: 50%;
}

.col5 {
    width: 41.66666667%;
}

.col4 {
    width: 33.33333333%;
}

.col3 {
    width: 25%;
}

.col2 {
    width: 16.66666667%;
}

.col1 {
    width: 8.33333333%;
}

.sidemenu {
    width: 300px;
    display: block;
    background-color: transparent;
    flex-direction: column;
    position: absolute;
    height: auto;
    z-index: 99;
    top: 0;
    right: 0;
    transition: all 0.4s;
    /* transform: none; */
}
.btn-sidemenu{
display: none;
}
.logo-mobile{
display: none;
}
.selectlang {
    display: flex;
    align-items: center;
    color: #FFF;
    margin: 0 0 0 20px;
    font-size: 14px;
    transition: all 0.3s;
    position: initial;
    padding-left: 20px;
    border-left: 1px solid #FFF;
}
.selectlang img{
margin-right: 10px;
}

.selectlang a{
display: flex;
align-items: center;
padding-right: 20px;
}
.selectlang a:before {
    content: "\F282";
    font-family: bootstrap-icons;
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    top: 50%;
    font-weight: bold;
    font-size: 10px;
}
.selectlang.active a:before {
    content: "\F286";
}
a.btn-selectlang-en{
display: none;
}
.hidelang {
    position: absolute;
    display: flex;
    flex-direction: row;
    width: auto;
    right: 0;
    top: 35px;
    background-color: #FFF;
    z-index: -1;
    padding: 10px;
    transition: all 0.2s;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.45);
    visibility: hidden;
    transform: translateY(-30px);
    transform-origin: top;
    opacity: 0;
    border-radius: 10px;
    column-gap: 20px;
}
.hidelang a:before{
display: none;
}
.hidelang.active {
    display: flex;
    z-index: 1;
    visibility: visible;
    transform: translateY(0px);
    opacity: 1;
}
.hidelang a {
    display: flex;
    width: auto;
    padding: 0;
    justify-content: center;
    font-size: 14px;
    column-gap: 10px;
    align-items: center;
    color: var(--clr-black);
}
.hidelang a:link,.hidelang a:visited{
color: var(--clr-black);
}
.hidelang a img{
width: 21px;
height: 14px;
margin-right: 0;
}
.lockbody{
overflow: hidden;
}
.container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin:80px auto;
    row-gap: 40px;
    flex-direction: column;
}

.index .container {
    padding: 0;
    margin: 80px auto;
}

.banner-box {
    display: block;
    margin: 0;
    padding: 0;
    max-width: none;
    z-index: 1;
}

.banner-box-scale {
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    margin: 0 auto;
    width: 100%;
    height: auto;
    padding-top: 23.59375%;
    z-index: 1;
}

.banner-box-scale-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
}

.banner-box-scale-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    box-sizing: border-box;
    position: relative;
    left: 0;
    top: 0;
    border-radius: 0;
}
.index .banner-box-scale {
    padding-top: 50.2604%;
}
.bannerslide{
max-width: 100%;
}
.bannerslide .slick-list{
overflow: hidden;
}

.mainsite {
    display: block;
    padding: 0;
    width: auto;
    max-width: none;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    transition: all 0.35s;
}
.main-box{
padding: 0;
}
.footer-box {
    padding: 40px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
background-color: var(--clr-pink3);
row-gap: 20px;
}
.footer-box h2{
margin: 0;
}

.footer-box a{
color: #464646;
}
.footer_logo img{
max-height: 70px;
}

.footer-box-row {
    display: flex;
    column-gap: 40px;
    width: 100%;
    max-width: 1366px;
    padding: 0;
    row-gap: 20px;
}
.footer-box-col {
    flex: auto;
}
.footer-box-col.address{
flex: auto;
}
.footer_contact {
    width: 40%;
    max-width: 400px;
    flex: none;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.footer_logo{
    flex: none;
}

.footer_contact p{
display: flex;
column-gap: 15px;
margin-bottom: 0;
}

.copyright {
}

.imgscale{
width: 100%;
position: relative;
overflow: hidden;
}
.imgscale-img {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
}
.testimonial-img .imgscale-img {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 20px;
    justify-content: center;
    align-items: center;
    background-color: var(--clr-pink3);
}
.testimonial-img .imgscale-img a {
    display: block;
    width: 100%;
    height: 100%;
}
.imgscale-img img{
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
.testimonial-img img{
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.imgscale.c100{
padding-top:100%;
}
.imgscale.c50{
padding-top:50%;
}
.imgscale.c43{
padding-top:75%;
}
.imgscale.c34{
padding-top:133.33%;
}
.imgscale.c169{
padding-top:56.25%;
}
.imgscale.h100{
padding-top:0;
height: 100%;
}
.imgscale.h50{
padding-top:0;
height: 50%;
}
.imgscale.c916{
padding-top:177.778%;
}

.social-box{
    display: flex;
    justify-content: flex-end;
}

.social-box i {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.social-box ul{
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    column-gap: 10px;
}
.social-box a{
    display: flex;
    align-items: center;
    justify-content: center;
}
.social-box a img{
max-height: 32px;
}

.btn-reserve {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    background-color: var(--clr-pink);
    padding: 5px 20px;
    border-radius: 20px;
}
#header a.btn-reserve:link, #header a.btn-reserve:visited {
    color: #FFF;
    display: flex;
}
.btn-search i:before{
    font-size: 30px;
color: #999;
}
.btn-othermenu{
    display: flex;
    background-color: var(--clr-pink2);
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
}
.header-box .btn-othermenu img{
    max-height: 16px;
}
ul.footer_menu{
    display: flex;
    column-gap: 15px;
    padding: 0;
    margin: 10px 0;
    list-style-type: none;
}
.footer_menu li a:link,.footer_menu li a:visited{
    color: #464646;
}
.footer_menu li a:hover{
    color: var(--clr-pink);
}
.btn-appointment {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    padding: 10px 20px;
    background-color: var(--clr-pink2);
    width: 100%;
    max-width: 250px;
    justify-self: flex-end;
}
.btn-appointment:link, .btn-appointment:visited {
    color: #FFF;
    min-width: 150px;
}
.btn-pink{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    padding: 7px 20px;
    background-color: var(--clr-pink2);
}
.btn-pink:link,.btn-pink:visited{
    color: #FFF;
}
.service-row{
display: flex;
margin: 0 -20px;
padding: 0;
}
.service-col{
display: flex;
flex-direction: column;
padding: 0 20px;
}
.service-img{
text-align: center;
margin-bottom: 20px;
}
.service-title{
position: absolute;
bottom: 10px;
margin: 0 auto;
left: 0;
right: 0;
text-align: center;
font-size: 24px;
color: var(--clr-pink);
}
.service-txt{
text-align: center;
}
.slick-slider.discoverslide{
display: block;
width: 100%;
margin-bottom: 20px;
}
.discoverslide .slick-list{
max-width: 1366px;
margin: 0 auto;
overflow: initial;
}

.discoverslide .slick-slide{
padding:  0 10px;
transition: all 1s;
}
.discoverslide .slick-slide.slick-active{
transition: all 1s;
}
.discover-box{
}
.container.about {
    background-image: url(../images/service_bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 80px 0;
}
.container.discover{
margin: 0;
padding: 80px 0;
background-color: #fe79ab;
}
.discover-title {
    position: absolute;
    background-color: #FFF;
    padding: 5px 20px;
    border-radius: 20px;
    display: flex;
    align-content: center;
    justify-content: center;
    bottom: -20px;
    color: var(--clr-pink);
}
.discover-img .imgscale{
overflow: initial;
}
.open-box {
    padding: 20px;
    background-color: #FFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: inline-block;
    width: 48.5%;
    max-width: 400px;
}

.appointment-box{
padding: 40px;
}

.appointment-form {
    padding: 20px;
    background-color: #fe79ab;
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 48.5%;
    max-width: 400px;
    z-index: 1;

    display: none;
}

.appointment-row{
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
row-gap: 20px;
}
.appointment-col.col1,.appointment-col.col2{
padding: 0 10px;
}
.appointment-col.col1{
width: 100%;
}
.appointment-col.col2{
width: 50%;
}
.appointment-form input,.appointment-form textarea{
background-color: transparent;
border: 0;
border-radius: 0;
border-bottom: 2px solid #FFF;
color: #FFF;
}

.appointment-form button{
border-radius: 20px;
color: #fe79ab;
padding: 10px 20px;
font-weight: 400;
}
.open-time p{
display: flex;
column-gap: 10px;
justify-content: space-between;
}
.open-time .date{
width: 170px;
}
.index .container.testimonial{
margin: 0;
padding: 80px 0 0 0;
background-color: var(--clr-pink3);
}
.container.testimonial .doctor{
align-self: flex-end;
}
.container.testimonial .comment {
    padding-bottom: 80px;
}
.testimonial-box {
    padding: 20px 20px 0 0;
    height: 100%;
}
.testimonial-box:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid var(--clr-pink4);
    width: 90%;
    height: 90%;
}
.testimonial-row{
background-color: #FFF;
padding: 40px;
display: flex;
row-gap: 20px;
flex-direction: column;
height: 100%;
}
.testimonial-title{
display: flex;
column-gap: 15px;
align-items: center;
}
.testimonial-title h4,.testimonial-title p{
margin: 0;
}
.testimonialslide .slick-prev,.testimonialslide .slick-next{
background-color: var(--clr-pink2);
border-radius: 100%;
}
.testimonialslide .slick-prev{
left: -25px;
}
.testimonialslide .slick-prev::before{
content:"\F12C";
}
.testimonialslide .slick-next{
right: 0;
}
.testimonialslide .slick-next::before{
content:"\F135";
}
.container.testimonial .row {
    align-items: center;
    justify-content: space-evenly;
}
.news-box{
height: 100%;
}
.news-row{
display: flex;
flex-direction: column;
row-gap: 10px;
height: 100%;
}
.news-img{
padding-bottom: 20px;
}
.news-date {
    display: inline-flex;
    column-gap: 15px;
    font-size: 10px;
    color: #999;
    position: absolute;
    background-color: #FFF;
    padding: 10px 20px;
    border-radius: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 5px;
    justify-self: center;
}
.news-date i::before{
color: var(--clr-pink);
}
.news-title{
color: var(--clr-pink);
font-size: 20px;
}
.news-content {
    padding: 0 20px;
    flex: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 10px;
}
.btn-more{
border-bottom: 1px solid var(--clr-pink2);
color: var(--clr-pink2);
flex: auto;
    align-content: end;
}
.btn-more:link, .btn-more:visited {
    color: var(--clr-pink2);
    
}
.footer-address{
display: flex;
column-gap: 40px;
}
.footer-address-col{
flex: auto;
max-width: 47.5%;
}
.footer-address-col .txt-pink4 a:link,.footer-address-col .txt-pink4 a:visited{
color: var(--clr-pink4);
}

.newsslide {
margin-bottom: 60px;
}
.newsslide .slick-dots{
    margin: 60px 0 0 0;
}
.hmenu1{
justify-content: flex-end;
}
.vdo-box{
width: 100%;
padding-top: 42.8571%;
background-color: #000;
}
.vdo-boxscale{
position: absolute;
width: 100%;
max-width: 1366px;
height: 100%;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
overflow: hidden;
}
.vdo-boxscale video, .vdo-boxscale iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    padding: 20px;
}
.branch-row{
display: flex;
margin: 0 -20px;
flex-wrap: wrap;
justify-content: center;
row-gap: 20px;
}
.branch-col {
    padding: 0 20px;
    text-align: center;
    width: 50%;
}
.branch-img{
margin-bottom: 20px;
}
.branch-img img{
max-height: 150px;
}
.branch-title{
font-size: 20px;
color: var(--clr-pink);
}
.banner-txt {
    padding: 0 20px;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    color: var(--clr-pink);
}
.navpage {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.navpage ul{
list-style: none;
padding: 0;
margin: 0;
display: flex;
column-gap: 10px;
color: #000;
}
.navpage li {
    display: flex;
    align-items: center;
    padding-left: 25px;
}
.navpage li:first-child{
padding-left: 0;
}
.navpage li:before{
content: "\F285";
font-family: "bootstrap-icons";
font-weight: bold;
position: absolute;
left: 0;
}
.navpage li:first-child::before{
content: "";
}
.surgery-rate{
display: flex;
margin: 0 -10px;
flex-wrap: wrap;
}
.surgery-rate-row{
width: 50%;
padding: 0 10px;
}
.surgery-rate-col{
display: flex;
width: 100%;
padding: 15px 0;
border-bottom: 1px dotted #555;
justify-content: space-between;
column-gap: 20px;
}
.surgery-rate-row:nth-last-child(-1n+2) .surgery-rate-col{
padding-bottom: 0;
border-bottom: 0;
}

.surgery-rate-price{
color: var(--clr-pink);
}
.container.surgery .performance {
    margin: 0 -10px;
    row-gap: 20px;
}
.container.surgery .performance > [class^="col"]{
padding: 0 10px;
}
.container.surgery .performance img{
width: 100%;
height: 100%;
}
.contact-row{
display: flex;
margin: 0 -20px;
justify-content: center;
}
.contact-col{
padding: 0 20px;
}
.contact-title{
font-size: 30px;
color: var(--clr-pink);
}
.contact-form {
    padding: 80px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fe7aac;
    row-gap: 40px;

    display: none;
}
.contact-form-box{
width: 100%;
max-width: 600px;
margin: 0 auto;
}
.contact-form-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    row-gap: 20px;
}
.contact-form-col{
padding: 0 10px;
}
.contact-form-col.col1{
width: 100%;
}
.contact-form-col.col2{
width: 50%;
}
.contact-form input,.contact-form textarea{
border-radius: 0;
border: 0;
border-bottom: 2px solid #FFF;
color: #FFF;
background-color: transparent;
}
.contact-form button{
border-radius: 20px;
    color: #fe79ab;
    padding: 10px 20px;
    font-weight: 400;
}
.flexnav li a.active-menu:link,.flexnav li a.active-menu:visited {
    color: var(--clr-pink);
}
.gallerybox {
    display: flex;
    margin: 0 -5px;
    row-gap: 20px;
    column-gap: 10px;
}
.gallerybox-colleft,
.gallerybox-colright {
    display: flex;
    width: 50%;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
}
.gallerybox-colright {
    justify-content: flex-end;
}

.gallerybox .row {
    row-gap: 20px;
    margin: 0 -10px;
}
.gallerybox [class^="col"] {
    padding: 0 10px;
}
.gallerybox-content {
    flex: auto;
    padding: 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.technique-box{
display: flex;
row-gap: 40px;
flex-direction: column;
}
.technique-col{
display: flex;
flex-direction: column;
row-gap: 10px;
}
.technique-img{
margin-bottom: 10px;
}
.technique-date{
display: flex;
column-gap: 20px;
align-items: center;
}
.technique-date i:before{
font-size: 14px;
color: var(--clr-pink);
}
.technique-title{
font-size: 24px;
color: var(--clr-pink);
}
.navcontent{
border-top: 1px solid var(--clr-pink2);
padding-top: 20px;
margin-top: 40px;
}
.navcontent ul {
    display: flex;
    column-gap: 5px;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: space-between;
    align-items: baseline;
}
.navcontent li {
    padding: 0;
    margin: 0;
}
.navcontent a:link, .navcontent a:visited {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}
a.current:link {
    border-radius: 100%;
    background-color: var(--clr-pink2);
    color: #FFF;
}
.navcontent li.btn-prev a,.navcontent li.btn-next a{
width: auto;
}
.side-box{
display: flex;
flex-direction: column;
row-gap: 30px;
padding: 40px 20px;
background-color: var(--clr-pink3);
}
.side-box input{
border-radius: 30px;
border: 0;
}
.side-box-title{
font-size: 20px;
color: var(--clr-pink);
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid var(--clr-pink);
}

.side-box-subcontent{
display: flex;
column-gap: 15px;
margin: 10px 0;
align-items: center;
}
.side-box-subcontent-img{
width: 50px;
height: 50px;
background-color: var(--clr-pink);
}
.tag .side-box-content{
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.tag .side-box-content span{
padding: 5px 10px;
border-radius: 20px;
border: 1px solid #CCC;
}
.social .side-box-content{
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.social .side-box-content img{
max-height: 32px;
}
.testimonial-section{
display: flex;
flex-direction: column;
row-gap: 40px;
justify-content: center;
}
.testimonial-nav {
display: flex;
column-gap: 20px;
justify-content: center;
font-size: 20px;
}
.testimonial-nav a{
border-bottom: 2px solid #FFF;
}
.testimonial-nav a.active:link{
color: var(--clr-pink);
border-bottom: 2px solid var(--clr-pink);
}
.testimonial-img ul{
display: flex;
flex-wrap: wrap;
row-gap: 10px;
padding: 0;
margin: 0 -5px;
list-style: none;
}
.testimonial-img li {
    width: 33.33%;
    padding: 0 5px;
}
.beforeafterslide {
margin-bottom: 60px;
}
.link-pink:link,.link-pink:visited{
color: var(--clr-pink);
}
.submenu .submenu-list {
    position: absolute;
    background-color: var(--clr-pink2);
    padding: 0;
    top: 100%;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.2s;
    visibility: hidden;
    width: 300px;
    z-index: 0;
}
.submenu .submenu-list.active {
    transform: translateY(0);
    opacity: 1;
    visibility:visible;
    z-index: 1;
}
    
.submenu-list ul{
    list-style: none;
    display: flex!important;
    flex-direction: column;
    padding: 0;
    margin: 0;
}
.submenu .submenu-list li {
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: normal;
    justify-content: flex-start;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,0.25);
}
.submenu .submenu-list li a,.submenu .submenu-list li a:link,.submenu .submenu-list li a:active {
    color: #FFF!important;
    padding: 10px 20px;
    width: 100%;
    font-weight: normal!important;
}
.submenu .submenu-list li a:hover {
    transform: translateX(5px);
}
.submenu .submenu-list li:last-of-type a{
border-bottom: 0!important;
}
.flexnav li a.btn-nextlevel:link {
    display: none;
    flex: auto;
    justify-content: flex-end;
    font-weight: bold;
}
.flexnav li a.btn-nextlevel:link,.flexnav li a.btn-nextlevel:visited,.flexnav li a.btn-nextlevel:hover{
color: #000;
}
.flexnav li a.btn-nextlevel i:before{
font-size: 18px;
font-weight: bold!important;
color: #999;
}

.submenumobile {
    display: none;
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    z-index: 1;
    top: 0;
    padding: 20px 0;
    transform: translateX(300px);
    transition: all 0.3s;
    font-size: 16px;
    text-transform: uppercase;
    overflow: scroll;
}
.submenumobile.active{
    transform: translateX(0);
    visibility: visible;
}
.submenumobile ul {
    padding: 0 20px;
    margin: 20px 0 0 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}
.submenumobile li {
    padding: 15px 0;
    margin: 0;
    border-bottom: 1px solid #CCC;
    line-height: 1;
}
.submenumobile .btn-back {
    background-color: var(--clr-pink2);
    padding: 5px 15px 5px 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #FFF;
    display: flex;
    justify-self: flex-end;
    top: -8px;
    column-gap: 10px;
}

.flexnav li a.btn-submenu.btn-nextlevel:link,.flexnav li a.btn-submenu.btn-nextlevel:visited {
    display: flex;
    font-weight: normal;
    color: #464646;
}
.flexnav li a.btn-submenu.btn-nextlevel:hover{
color: var(--clr-pink);
}
.sideboxads{
display: none;
}
.container.service .row{
flex-wrap: nowrap;
justify-content: center;
column-gap: 40px;
}
.container.service ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    row-gap: 10px;
    margin: 0 0 0 40px;
}
.container.service li{
width: 50%;
padding: 0 10px;
}
.container.service li a:link,.container.service li a:visited{
color: #000;
}
.container.service li a:hover{
color: var(--clr-pink);
}
.telmobile{
display: none;
}
.content-txt p{
margin: 0 0 12px 0;
}
p.content-title {
    background-color: var(--clr-pink2);
    color: #FFF;
    padding: 10px 20px 10px 55px;
    border-radius: 30px;
    display: inline-block;
    margin: 0 0 16px 0;
}
p.content-title:before {
    content: "";
    background-image: url(../images/title-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 20px;
    top: 13px;
}
.content-txt ul {
    padding: 0;
    margin: 15px 0 15px 40px;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    list-style: disc;
}
.content-txt ul li ul,.content-txt ol li ul {
    padding: 0;
    margin: 15px 0 15px 20px;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    list-style: disc;
}
.content-txt li ul li{
    padding-left: 0;
}
.content-txt li::marker,.content-txt li ul li::marker {
  color: var(--clr-pink2);
}
.content-txt ol{
display: flex;
row-gap: 12px;
flex-direction: column;
margin: 15px 0 15px 20px;
list-style: none;
}

.content-txt ol {
  counter-reset: section;
}
.content-txt ol > li {
counter-increment: section;
padding-left: 20px;
}
.content-txt ol > li::before {
    content: counter(section) ". ";
    position: absolute;
    left: 0;
}
.content-txt ol > li > ol {
    counter-reset: subsection;
    margin: 15px 0;
}
.content-txt ol > li > ol > li {
    counter-increment: subsection;
    padding-left: 30px;
}
.content-txt ol > li > ol > li::before {
  content: counter(section) "." counter(subsection) " ";
}

.content-txt ol li::marker {
  color: #000;
}
p.content-title2{
font-size: 24px;
color: var(--clr-pink2);
}