/*
 Theme Name:     lumina-skin-studio
 Theme URI:      https://www.lumina-skin-studio.com
 Description:    Divi Child Theme
 Author:         lumina-skin-studio
 Author URI:     https://www.lumina-skin-studio.com
 Template:       Divi
 Version:        1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'Distrampler';
    src: url('include/font/Distrampler.woff2') format('woff2'),
        url('include/font/Distrampler.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mondia';
    src: url('include/font/Mondia.woff2') format('woff2'),
        url('include/font/Mondia.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --font_montserrat: 'Montserrat', sans-serif;
    --font_distrampler: 'Distrampler';
    --font_mondia: 'Mondia';
}

body {
    font-family: var(--font_montserrat);
    font-family: var(--font_distrampler);
    font-family: var(--font_mondia);
    line-height: 1.8em !important;
    scroll-behavior: smooth !important;
}

body img {
    pointer-events: none !important;
}

/* filter section */

.pd0 {
    padding: 0 !important;
}

.cust_width {
    width: 100% !important;
    max-width: 70% !important;
}

.fl_pd {
    padding: 70px 0px !important;
}

.dis_fx {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.dis_fx_al {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.flt_box {
    width: 33.33%;
    padding: 10px;
    text-align: center;
}

.flt_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 105px;
    height: 105px;
    background: #D0CAC2;
    border-radius: 100%;
    margin: auto;
    margin-bottom: 15px;
    cursor: pointer;
    transition: 0.5s !important;
}

.flt_titl span {
    display: block;
    color: #6E573F;
    font-family: var(--font_mondia);
    font-weight: 400;
    font-size: 20px !important;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
}

.flt_icon:hover {
    background: #fff;
    border: 1px solid #D0CAC2;
}

.flt_icon svg,
.box_content_icon svg {
    animation: updown 1s ease-in-out infinite alternate;
}

.box_content span svg {
    animation: updown1 1s ease-in-out infinite alternate;
}

.tog_btn:hover {
    color: #000;
}

@keyframes updown {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.9);
    }
}

@keyframes updown1 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}

/* end section */

/* map section */

.glg_map_section {
    position: relative;
}

.glg_map_section:before {
    content: '';
    background: #F7F0EB;
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
}

.glg_map_section:after {
    content: '';
    background: url(/../../../wp-content/uploads/2025/11/LUMINA-SKIN-STUDIO-LOGO-3-TRANSPARENT-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    width: 100%;
    height: 300px;
    position: absolute;
    top: -120px;
    left: auto;
    right: 20px;
    bottom: auto;
    margin: auto;
    z-index: 0;
}

.google_map {
    width: 100%;
    line-height: 0;
}

.google_map iframe {
    width: 100%;
    height: 350px;
    line-height: 0;
    border-radius: 40px;
}

/* end section */

/* brand section */

.site_subtitle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 30px;
    color: #E5DAC7;
    background: #6E573F;
    font-family: var(--font_montserrat);
    font-size: 16px !important;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    text-transform: capitalize;
    border-radius: 50px;
    position: relative;
}

.mrtc {
    margin: auto;
    margin-bottom: 20px;
}

.site_subtitle:before {
    content: '';
    border: 1px solid #6E573F61;
    border-radius: 50px;
    width: 170px;
    height: 30px;
    position: absolute;
    top: -4px;
    bottom: auto;
    right: -6px;
    left: auto;
    z-index: -1;
}

.tc {
    text-align: center;
}

.site_title {
    display: block;
    color: #6E573F;
    font-family: var(--font_distrampler);
    font-weight: 400;
    font-size: 62px !important;
    line-height: normal;
    text-transform: capitalize;
    padding-bottom: 50px;
}

.logo_poster {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #DDDDDD;
    width: 100%;
    height: 80px;
    border-radius: 120px;
    cursor: pointer;
    margin: auto;
}

.logo_item {
    padding: 10px;
}

.pd90 {
    padding: 90px 0px !important;
}

.logo_poster:hover {
    border-color: #6E573F;
}

.logo_poster:hover img {
    transform: scale(0.9);
}

.logo_poster img {
    transition: 0.5s;
}

.brd_section {
    position: relative;
    overflow: hidden;
}

/* end section */

/* treatment section */

.trt_section {
    background: #D0CAC266;
}

.after_before_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.fp_inr {
    width: 33.33%;
    padding: 10px;
}

.twenty20 {
    margin-bottom: 0;
}

.twentytwenty-container {
    border-radius: 20px;
}

.twentytwenty-before-label,
.twentytwenty-after-label {
    opacity: 1 !important;
}

.twentytwenty-overlay:hover {
    background: transparent !important;
}

.twentytwenty-handle {
    background: #6E573F;
}

.twentytwenty-horizontal .twentytwenty-before-label,
.twentytwenty-horizontal .twentytwenty-after-label {
    font-family: var(--font_montserrat);
    background: #fff;
    color: #000;
    top: auto;
    bottom: 30px;
    padding: 2px 15px;
}

.twentytwenty-horizontal .twentytwenty-before-label {
    left: 0;
    right: auto;
    border-radius: 0px 25px 25px 0px;
}

.twentytwenty-horizontal .twentytwenty-after-label {
    left: auto;
    right: 0;
    border-radius: 25px 0px 0px 25px;
}

/* end section */

/* service section */

.pd0.pt60 {
    padding-top: 60px !important;
}

.pd0.plr30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.box_panel {
    width: 25%;
    padding: 10px;
}

.widget_container {
    transition: all 0.3s ease;
}

.common_flip_style {
    width: 100%;
    height: 530px;
    cursor: pointer;
    position: relative;
    perspective: 1000px;
    transform-style: preserve-3d;
    border-radius: 30px;
    overflow: hidden;
}

.common_box_style {
    transform-style: preserve-3d;
    backface-visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    border-radius: 30px;
}

.common_flip_style .box_front {
    transform: none;
    z-index: 1;
    background-image: url(/../../../wp-content/uploads/2025/11/service-placeholder.webp);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px;
    position: relative;
    display: flex;
    align-items: end;
}

.common_flip_style .box_front:before {
    content: '';
    background: linear-gradient(0deg, #0000004a, #ffffff00), linear-gradient(0deg, rgb(255 255 255 / 0%) 50%, rgb(255 255 255 / 0%) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}

.flip_box_1 .box_front {
    transform: none;
    z-index: 1;
    background-image: url(/../../..//wp-content/uploads/2025/12/Skin-Treatments.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.flip_box_2 .box_front {
    transform: none;
    z-index: 1;
    background-image: url(/../../../wp-content/uploads/2025/12/cosmetic-consultation-1-scaled.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.flip_box_3 .box_front {
    transform: none;
    z-index: 1;
    background-image: url(/../../../wp-content/uploads/2025/12/prp-treatment-1-scaled.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.flip_box_4 .box_front {
    transform: none;
    z-index: 1;
    background-image: url(/../../../wp-content/uploads/2025/12/iv-treatment-rotated.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.flip_box_5 .box_front {
    transform: none;
    z-index: 1;
    background-image: url(/../../../wp-content/uploads/2025/12/advanced-skin-treatment-1-scaled.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.flip_box_6 .box_front {
    transform: none;
    z-index: 1;
    background-image: url(/../../../wp-content/uploads/2025/12/led-1-scaled.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.flip_box_7 .box_front {
    transform: none;
    z-index: 1;
    background-image: url(/../../../wp-content/uploads/2025/11/Womens-Health-Wellness-service-scaled.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.box_front .box_content span {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #fff;
    font-family: var(--font_mondia);
    font-size: 28px !important;
    font-weight: 500;
    line-height: normal;
}

.widget_container .common_flip_style .common_box_style {
    transform-style: preserve-3d;
    backface-visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    border-radius: 30px;
}

.common_flip_style .box_back {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    transform: rotateX(0) rotateY(-180deg);
    background: #ECEAE7;
    border: 1px solid #6D573F;
    border-bottom: 5px solid #6D573F;
    border-radius: 30px;
}

.box_back .box_content_wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    text-align: center;
    padding: 30px;
}

.common_flip_style:hover .box_front {
    transform: rotateX(0) rotateY(180deg);
}

.common_flip_style:hover .box_back {
    transform: none;
}

.box_content_icon svg {
    width: 100%;
    height: 90px;
    margin-bottom: 15px;
}

.box_content_title span {
    display: block;
    color: #6E573F;
    font-family: var(--font_mondia);
    font-weight: 500;
    font-size: 27px !important;
    line-height: normal;
    padding-bottom: 15px;
    text-transform: capitalize;
    transition: 0.5s !important;
}

.box_content_title span:hover {
    color: #000;
}

.box_content_btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E5DAC7;
    border: 1px solid #6E573F;
    gap: 15px;
    border-radius: 110px;
    width: fit-content;
    height: 40px;
    margin: auto;
    color: #6E573F;
    font-family: var(--font_montserrat);
    font-weight: 400;
    font-size: 16px !important;
    line-height: normal;
    padding: 0px 20px;
    margin-bottom: 15px;
    text-transform: capitalize;
    transition: 0.5s !important;
}

.box_content_link a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    color: #6E573F;
    border-bottom: 0.2px solid #6E573F;
    font-family: var(--font_montserrat);
    font-weight: 300;
    font-size: 16px !important;
    line-height: normal;
    width: fit-content;
    position: absolute;
    top: auto;
    bottom: 40px;
    left: 10px;
    right: 10px;
    margin: auto;
    transition: 0.5s !important;
}

.box_content_link a:hover {
    color: #000;
}

.box_content_btn a:hover {
    background: #fff;
}

/* end section */

/* contact us section */

.pd80 {
    padding: 80px 0px !important;
}

.gta_box {
    padding: 10px;
}

.gta_main {
    margin-top: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #6E573F4D;
    justify-content: space-around;
}

.gta_box_inr {
    display: flex;
    align-items: center;
    gap: 15px;
}

.gta_icon_inr a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95px;
    height: 95px;
    border: 1px solid #6D573F;
    border-radius: 100%;
}

.gta_box_inr:hover .gta_icon_inr a {
    background: #fff;
}

.gta_icon_inr a svg {
    transition: 1s;
}

.gta_box_inr:hover .gta_icon_inr a svg {
    transform: rotate(360deg);
}

.gta_txt_title span {
    display: block;
    color: #6E573F;
    font-family: var(--font_mondia);
    font-weight: 300;
    font-size: 24px !important;
    line-height: normal;
    text-transform: capitalize;
    padding-bottom: 5px;
}

.gta_txt_des span {
    display: block;
    color: #6E573F;
    font-family: var(--font_montserrat);
    font-weight: 400;
    font-size: 18px !important;
    line-height: normal;
/*     text-transform: capitalize; */
}

.gta_box_inr:hover .gta_txt_des span {
    color: #000;
}

.cotnact_main_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.cotnact_main_col_4 {
    width: 33.33%;
    padding: 10px;
}

.cotnact_main_col_8 {
    width: 66.67%;
    padding: 10px;
}

.cotnact_main_col_12 {
    width: 100%;
    padding: 10px;
}

textarea {
    resize: none;
}

::placeholder {
    color: #634E39;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #634E39;
}

::-ms-input-placeholder {
    color: #634E39;
}

input.text,
input.title,
input[type=email],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea {
    font-family: var(--font_montserrat);
    width: 100%;
    height: 50px;
    background: #fff;
    padding-left: 20px;
    border: none;
    font-size: 16px !important;
    font-weight: 400;
    color: #634E39;
    border-radius: 70px;
}

textarea {
    height: 135px;
    border-radius: 15px;
    padding-top: 15px;
}

.wpcf7-spinner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 10px;
    margin: auto;
}

.wpcf7-response-output {
    background: #fff;
    border: none !important;
    border-radius: 10px;
    margin: 0 !important;
}

.wpcf7-not-valid-tip {
    padding-left: 20px;
}

/* end section */

/* Testimonials section */

.hk_testimonial_col {
    padding: 8px;
}

.hk_testimonial_box {
    border: 1px solid #6E573F;
    padding: 25px 20px;
    border-radius: 20px;
}

.hk_testimonial_tlt {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 10px;
}

.hk_testimonial_title_box {
    display: block;
    color: #6E573F;
    font-family: var(--font_montserrat);
    font-weight: 700;
    font-size: 16px !important;
    line-height: normal;
    text-transform: uppercase;
}

.hk_testimonial_review_box .fa-star {
    color: #000;
    letter-spacing: 2px;
}

.hk_testimonial_review_box .yellow_star {
    color: #E2B112;
}

.hk_testimonial_content_box span {
    color: #6E573F;
    font-family: var(--font_montserrat);
    font-weight: 300;
    font-size: 16px !important;
    line-height: 1.8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.tog_btn {
    display: block;
    width: fit-content;
    font-family: var(--font_montserrat);
    font-weight: 500;
    font-size: 16px !important;
    text-decoration: underline;
    cursor: pointer;
}

.hk_testimonial_verify span {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 10px;
    color: #9F9F9F;
    font-family: var(--font_montserrat);
    font-weight: 500;
    font-size: 14px !important;
    line-height: normal;
}

.testimonial_h_row .slick-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #6E573F;
    font-size: 35px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    z-index: 0;
}

.testimonial_h_row .slick-arrow:hover {
    color: #E2B112 !important;
}

.testimonial_h_row .fa-angle-left {
    left: -30px;
    right: auto;
}

.testimonial_h_row .fa-angle-right {
    right: -30px;
    left: auto;
}

.testi_section {
    position: relative;
    overflow: hidden;
}

.hk_testimonial_content_box.intro span {
    -webkit-line-clamp: 100;
}

.p_top_10 {
    padding-top: 10px;
}

body .et_pb_image_wrap {
    width: 100% !important;
    line-height: 0 !important;
}

.btn_gap {
    gap: 8px;
}

/* end section */

/* healthy skin section */

.heal_img {
    width: 100% !important;
    line-height: 0 !important;
}

.heal_img img {
    object-fit: contain;
    object-position: left;
    width: 100% !important;
    height: 660px;
}

.main_site_title {
    display: block;
    color: #6E573F;
    font-family: var(--font_distrampler);
    font-weight: 400;
    font-size: 86px !important;
    line-height: normal;
    padding-bottom: 10px;
    text-align: right;
}

.heal_col_1 {
    width: 55% !important;
    z-index: 0;
}

.heal_col_2 {
    width: 55% !important;
    padding-right: 140px;
    position: absolute;
    left: auto;
    right: 0;
}

.heal_btn {
    justify-content: end;
}

/* end section */

/* banner section */

.bnr_section {
    background: #D0CAC266;
    position: relative;
    overflow: hidden;
}

.bnr_title {
    display: block;
    color: #6E573F;
    font-family: var(--font_distrampler);
    font-weight: 400;
    font-size: 107px !important;
    line-height: normal;
    padding-bottom: 40px;
}

.bnr_des span {
    display: block;
    color: #6E573F;
    font-family: var(--font_montserrat);
    font-weight: 300;
    font-size: 20px !important;
    line-height: normal;
    text-transform: capitalize;
    padding-bottom: 40px;
}

.bnr_img {
    width: 100% !important;
    line-height: 0 !important;
}

.bnr_img img {
    object-fit: contain;
    object-position: center;
    width: 100% !important;
    height: 780px;
}

.bnr_col_1 {
    position: absolute;
    width: 40% !important;
    left: 0;
    right: auto;
    padding-left: 80px;
}

.bnr_col_2 {
    width: 100% !important;
    z-index: 0;
}

.bnr_col_3 {
    position: absolute;
    width: 30% !important;
    left: auto;
    right: 0;
    padding-right: 80px;
}

.bnr_logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 180px;
    border: 1px solid #6E573F;
    border-radius: 100%;
    position: relative;
    margin: auto;
    margin-bottom: 120px !important;
}

.bnr_logo .et_pb_code_inner,
.after_logo .et_pb_code_inner,
.bnr_patient .et_pb_code_inner {
    line-height: 0;
}

.bnr_logo:before {
    content: '';
    background: url(/../../../wp-content/uploads/2025/12/Lumina-Skin-Studio-.-Lumina-Skin-Studio-.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 245px;
    height: 245px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -35px;
    right: 0;
    margin: auto;
    animation: rotate_img 10s ease-in-out infinite;
}

@keyframes rotate_img {
    100% {
        transform: rotate(360deg);
    }
}

.after_logo {
    width: fit-content;
    padding-bottom: 20px;
    margin: auto;
}

.bnr_review {
    width: fit-content;
    margin: auto;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    padding: 15px 25px;
}

.bnr_review span {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #6E573F;
    font-family: var(--font_montserrat);
    font-size: 20px !important;
    font-weight: 500;
    line-height: normal;
}

.bnr_review span b {
    color: #6E573F;
    font-family: var(--font_montserrat);
    font-size: 16px !important;
    font-weight: 700;
    line-height: normal;
    text-decoration: underline;
}

.bnr_patient {
    padding-top: 20px;
}

.bnr_patient span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    font-family: var(--font_montserrat);
    font-weight: 500;
    font-size: 16px !important;
    line-height: normal;
    color: #6E573F;
}

/* end section */

/* about us section */

.abt_section .site_subtitle.mrtc {
    margin-left: 0;
}

.abt_section .site_title {
    padding-bottom: 10px;
}

.site_des span {
    display: block;
    color: #6E573F;
    font-family: var(--font_montserrat);
    font-weight: 300;
    font-size: 16px !important;
    line-height: 2em;
    padding-bottom: 30px;
}

.site_des span b {
    font-weight: 700;
}

.abt_col_1 {
    width: 48% !important;
    padding-right: 40px;
}

.abt_section {
    position: relative;
}

.abt_img {
    width: 100% !important;
    line-height: 0 !important;
    border-radius: 30px;
}

.abt_img img {
    object-fit: cover;
    width: 100% !important;
    height: 830px;
    border-radius: 30px;
	object-position: top;
}

.abt_col_2 {
    position: absolute;
    left: auto;
    right: -200px;
    width: 56% !important;
}

.abt_section.pd0 {
    margin-bottom: 50px !important;
}

/* end section */
.box_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.box_content_btn {
    width: 100%;
    margin-top: -30px;
}

.box_content_title span {
    padding-bottom: 0;
    padding-left: 20px;
    padding-top: 30px;
}

.box_content_icon {
    display: flex;
}

.box_content_icon svg {
    margin-bottom: 0;
}

.box_content_btn a {
    height: 30px;
    padding: 0px 15px;
    margin-bottom: 10px;
    font-size: 15px !important;
}
@media all and (min-width: 320px) and (max-width: 767px) {

    /* filter section */

    .cust_width {
        width: 100% !important;
        max-width: 94% !important;
    }

    .fl_pd {
        padding: 30px 0px !important;
    }

    .flt_icon {
        width: 80px;
        height: 80px;
        margin-bottom: 10px;
    }

    .flt_titl span {
        font-size: 14px !important;
    }

    .flt_box {
        width: 50%;
    }

    /* end section */

    /* brand section */

    .pd90 {
        padding: 30px 0px !important;
    }

    .site_subtitle {
        height: 25px;
        font-size: 14px !important;
    }

    .mrtc {
        margin-bottom: 10px;
    }

    .site_subtitle:before {
        height: 25px;
    }

    .site_title {
        text-align: center !important;
        font-size: 32px !important;
        padding-bottom: 10px;
    }

    .logo_poster {
        height: 60px;
    }

    /* end section */

    /* treatment section */

    .fp_inr {
        width: 100%;
    }

    /* end section */

    /* service section */

    .pd0.pt60 {
        padding-top: 30px !important;
    }

    .pd0.plr30 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

      .common_flip_style {
    height: 450px;
}

	.box_content_title span {
    padding-bottom: 0;
    padding-left: 15px;
    padding-top: 11px;
}

    .common_flip_style .box_front {
        padding: 10px;
    }

    .box_front .box_content span {
        gap: 10px;
        font-size: 15px !important;
    }

    .box_back .box_content_wrapper {
        padding: 10px;
    }

    .box_content_icon svg {
        height: 40px;
        margin-bottom: 10px;
    }

    .box_content_title span {
        font-size: 15px !important;
        padding-bottom: 10px;
    }

    .box_content_btn a {
        gap: 10px;
        height: 35px;
        font-size: 14px !important;
        margin-bottom: 10px;
    }
.box_content_btn a {
    padding: 0px 10px;
    font-size: 11px !important;
}
    .box_content_link a {
        gap: 10px;
        font-size: 14px !important;
        bottom: 15px;
    }

    .box_panel {
        width: 100%;
    }

    /* end section */

    /* contact us section */

    .pd80 {
        padding: 30px 0px !important;
    }

    .gta_box {
        width: 100%;
    }

    .gta_main {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .gta_box_inr {
        gap: 10px;
    }

    .gta_icon_inr a {
        width: 50px;
        height: 50px;
    }

    .gta_icon_inr a svg {
        height: 20px;
    }

    .gta_txt_title span {
        font-size: 15px !important;
    }

    .gta_txt_des span {
        font-size: 14px !important;
    }

    input.text,
    input.title,
    input[type=email],
    input[type=password],
    input[type=tel],
    input[type=text],
    select,
    textarea {
        height: 40px;
        padding-left: 15px;
        font-size: 14px !important;
    }

    textarea {
        height: 80px;
        padding-top: 15px;
    }

    .cotnact_main_col_4,
    .cotnact_main_col_8 {
        width: 100%;
    }

    /* end section */

    /* Testimonials section */

    .hk_testimonial_box {
        padding: 10px;
    }

    .hk_testimonial_title_box {
        font-size: 14px !important;
    }

    .hk_testimonial_content_box span {
        font-size: 14px !important;
    }

    .tog_btn {
        font-size: 14px !important;
    }

    .testimonial_h_row .fa-angle-left {
        left: -10px;
        right: auto;
    }

    .testimonial_h_row .fa-angle-right {
        right: -10px;
        left: auto;
    }

    /* end section */

    /* healthy skin section */

    .heal_img img {
        height: auto;
    }

    .heal_col_2 {
        padding: 0px 15px;
    }

    .main_site_title {
        font-size: 26px !important;
        text-align: center !important;
        padding: 0px;
        padding-top: 10px;
    }

    .heal_col_1,
    .heal_col_2 {
        width: 100% !important;
        position: relative !important;
    }

    .heal_btn {
        justify-content: center;
    }

    .main_title {
        margin-bottom: 10px !important;
    }

    /* end section */

    /* banner section */

    .bnr_section .pd0 {
        padding: 0px 10px !important;
        padding-bottom: 30px !important;
        padding-top: 20px !important;
    }

    .bnr_col_1 {
        width: 100% !important;
        position: relative;
        padding-left: 0px;
    }

    .bnr_col_2 {
        width: 100% !important;
    }

    .bnr_col_3 {
        width: 100% !important;
        position: relative;
        padding-right: 0px;
        padding-top: 20px;
    }

    .bnr_title {
        font-size: 34px !important;
        text-align: center !important;
        padding-bottom: 10px;
    }

    .bnr_des span {
        font-size: 14px !important;
        text-align: center !important;
        padding-bottom: 10px;
    }

    .bnr_img img {
        height: 300px;
    }

    .bnr_btn {
        justify-content: center;
    }

    .bnr_logo {
        width: 90px;
        height: 90px;
        margin-bottom: 0px !important;
        position: absolute;
        top: -100px;
        left: auto;
        right: 25px;
    }

    .bnr_logo svg {
        width: 70px;
        height: 70px;
    }

    .bnr_logo:before {
        width: 120px;
        height: 120px;
        left: -16px;
    }

    .after_logo svg {
        width: 140px;
    }

    .after_logo {
        padding-bottom: 10px;
    }

    .bnr_review {
        padding: 10px;
    }

    .bnr_review span {
        font-size: 14px !important;
    }

    .bnr_review span b {
        font-size: 14px !important;
    }

    .bnr_patient span {
        font-size: 14px !important;
        gap: 10px;
    }

    .bnr_patient {
        padding-top: 10px;
    }

    .bnr_title br {
        display: none;
    }

    /* end section */

    /* about us section */

    .abt_section.pd0 {
        margin-top: 30px !important;
        margin-bottom: 0px !important;
    }

    .abt_col_1 {
        width: 100% !important;
        padding-right: 0px;
    }

    .site_des span {
        font-size: 14px !important;
        padding-bottom: 10px;
        text-align: center !important;
    }

    .abt_col_2 {
        display: none;
        width: 100% !important;
        position: relative;
        right: 0px;
    }

    .abt_img img {
        object-fit: contain;
        height: 300px;
    }

    .abt_section .site_subtitle.mrtc {
        margin: auto;
    }

    .abt_btn {
        justify-content: center;
    }

    /* end section */

}

@media all and (min-width: 481px) and (max-width: 767px) {

    /* filter section */

    .flt_box {
        width: 33.33%;
    }

    /* end section */

    /* service section */

    .box_panel {
        width: 50%;
    }

    /* end section */

}

@media all and (min-width: 768px) and (max-width: 980px) {

    /* filter section */

    .cust_width {
        width: 100% !important;
        max-width: 94% !important;
    }

    .fl_pd {
        padding: 30px 0px !important;
    }

    .flt_icon {
        width: 90px;
        height: 90px;
        margin-bottom: 10px;
    }

    .flt_titl span {
        font-size: 15px !important;
    }

    /* end section */

    /* brand section */

    .pd90 {
        padding: 30px 0px !important;
    }

    .site_subtitle {
        height: 25px;
        font-size: 14px !important;
    }

    .mrtc {
        margin-bottom: 10px;
    }

    .site_subtitle:before {
        height: 25px;
    }

    .site_title {
        font-size: 42px !important;
        padding-bottom: 20px;
        text-align: center !important;
    }

    .logo_poster {
        height: 60px;
    }

    /* end section */

    /* treatment section */

    .fp_inr {
        width: 50%;
    }

    /* end section */

    /* service section */

    .pd0.pt60 {
        padding-top: 30px !important;
    }

    .pd0.plr30 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

      .common_flip_style {
    height: 450px;
}

	.box_content_title span {
    padding-bottom: 0;
    padding-left: 15px;
    padding-top: 18px;
}

    .common_flip_style .box_front {
        padding: 10px;
    }

    .box_front .box_content span {
        gap: 10px;
        font-size: 15px !important;
    }

    .box_back .box_content_wrapper {
        padding: 10px;
    }

    .box_content_icon svg {
        height: 50px;
        margin-bottom: 10px;
    }

    .box_content_title span {
        font-size: 16px !important;
        padding-bottom: 10px;
    }

    .box_content_btn a {
        gap: 10px;
        height: 35px;
        font-size: 14px !important;
        margin-bottom: 10px;
    }

    .box_content_link a {
        gap: 10px;
        font-size: 14px !important;
        bottom: 15px;
    }
.box_content_btn a {
    padding: 0px 10px;
    font-size: 11px !important;
}
    .box_panel {
        width: 33.33%;
    }

    /* end section */

    /* contact us section */

    .pd80 {
        padding: 40px 0px !important;
    }

    .gta_main {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .gta_box_inr {
        gap: 10px;
    }

    .gta_icon_inr a {
        width: 50px;
        height: 50px;
    }

    .gta_icon_inr a svg {
        height: 20px;
    }

    .gta_txt_title span {
        font-size: 16px !important;
    }

    .gta_txt_des span {
        font-size: 14px !important;
    }

    input.text,
    input.title,
    input[type=email],
    input[type=password],
    input[type=tel],
    input[type=text],
    select,
    textarea {
        height: 40px;
        padding-left: 15px;
        font-size: 14px !important;
    }

    textarea {
        height: 80px;
        padding-top: 15px;
    }

    /* end section */

    /* Testimonials section */

    .hk_testimonial_box {
        padding: 10px;
    }

    .hk_testimonial_title_box {
        font-size: 14px !important;
    }

    .hk_testimonial_content_box span {
        font-size: 14px !important;
    }

    .tog_btn {
        font-size: 14px !important;
    }

    .testimonial_h_row .fa-angle-left {
        left: -15px;
        right: auto;
    }

    .testimonial_h_row .fa-angle-right {
        right: -15px;
        left: auto;
    }

    /* end section */

    /* healthy skin section */

    .heal_img img {
        height: 280px;
    }

    .heal_col_2 {
        padding-right: 30px;
    }

    .main_site_title {
        font-size: 37px !important;
    }

    /* end section */

    /* banner section */

    .bnr_section .pd0 {
        padding: 0px 15px !important;
        padding-bottom: 30px !important;
    }

    .bnr_col_1 {
        width: 50% !important;
        position: relative;
        padding-left: 0px;
    }

    .bnr_col_2 {
        width: 50% !important;
    }

    .bnr_col_3 {
        width: 100% !important;
        position: relative;
        padding-right: 0px;
        padding-top: 40px;
    }

    .bnr_title {
        font-size: 50px !important;
        padding-bottom: 10px;
    }

    .bnr_des span {
        font-size: 15px !important;
        padding-bottom: 10px;
    }

    .bnr_img img {
        height: 350px;
    }

    .bnr_logo {
        width: 90px;
        height: 90px;
        margin-bottom: 30px !important;
    }

    .bnr_logo svg {
        width: 70px;
        height: 70px;
    }

    .bnr_logo:before {
        width: 120px;
        height: 120px;
        left: -16px;
    }

    .after_logo svg {
        width: 140px;
    }

    .after_logo {
        padding-bottom: 10px;
    }

    .bnr_review {
        padding: 10px;
    }

    .bnr_review span {
        font-size: 14px !important;
    }

    .bnr_review span b {
        font-size: 14px !important;
    }

    .bnr_patient span {
        font-size: 14px !important;
        gap: 10px;
    }

    .bnr_patient {
        padding-top: 10px;
    }

    /* end section */

    /* about us section */

    .abt_section.pd0 {
        margin-bottom: 0px !important;
    }

    .abt_col_1 {
        width: 100% !important;
        padding-right: 0px;
    }

    .site_des span {
        font-size: 14px !important;
        padding-bottom: 10px;
        text-align: center !important;
    }

    .abt_col_2 {
        display: none;
        width: 100% !important;
        position: relative;
        right: 0px;
    }

    .abt_img img {
        object-fit: contain;
        height: 400px;
    }

    .abt_section .site_subtitle.mrtc {
        margin: auto;
    }

    .abt_btn {
        justify-content: center;
    }

    /* end section */

}

@media only screen and (min-width: 981px) and (max-width: 1140px) {

    /* filter section */

    .cust_width {
        width: 100% !important;
        max-width: 90% !important;
    }

    .fl_pd {
        padding: 40px 0px !important;
    }

    .flt_icon {
        width: 90px;
        height: 90px;
        margin-bottom: 10px;
    }

    .flt_titl span {
        font-size: 16px !important;
    }

    /* end section */

    /* brand section */

    .pd90 {
        padding: 40px 0px !important;
    }

    .site_subtitle {
        height: 25px;
        font-size: 14px !important;
    }

    .mrtc {
        margin-bottom: 10px;
    }

    .site_subtitle:before {
        height: 25px;
    }

    .site_title {
        font-size: 46px !important;
        padding-bottom: 20px;
    }

    .logo_poster {
        height: 60px;
    }

    /* end section */

    /* service section */

    .pd0.pt60 {
        padding-top: 30px !important;
    }

    .pd0.plr30 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .common_flip_style {
    height: 470px;
}

	.box_content_title span {
    padding-bottom: 0;
    padding-left: 15px;
    padding-top: 18px;
}

    .common_flip_style .box_front {
        padding: 15px;
    }

    .box_front .box_content span {
        gap: 10px;
        font-size: 16px !important;
    }

    .box_back .box_content_wrapper {
        padding: 15px;
    }

    .box_content_icon svg {
        height: 50px;
        margin-bottom: 10px;
    }

    .box_content_title span {
        font-size: 17px !important;
        padding-bottom: 10px;
    }

    .box_content_btn a {
        gap: 10px;
        height: 35px;
        font-size: 14px !important;
        margin-bottom: 10px;
    }

    .box_content_link a {
        gap: 10px;
        font-size: 14px !important;
        bottom: 20px;
    }

    .box_panel {
        width: 33.33%;
    }
.box_content_btn a {
    padding: 0px 10px;
    font-size: 13px !important;
}
    /* end section */

    /* contact us section */

    .pd80 {
        padding: 50px 0px !important;
    }

    .gta_main {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .gta_box_inr {
        gap: 10px;
    }

    .gta_icon_inr a {
        width: 50px;
        height: 50px;
    }

    .gta_icon_inr a svg {
        height: 20px;
    }

    .gta_txt_title span {
        font-size: 16px !important;
    }

    .gta_txt_des span {
        font-size: 14px !important;
    }

    input.text,
    input.title,
    input[type=email],
    input[type=password],
    input[type=tel],
    input[type=text],
    select,
    textarea {
        height: 40px;
        padding-left: 15px;
        font-size: 14px !important;
    }

    textarea {
        height: 80px;
        padding-top: 15px;
    }

    /* end section */

    /* Testimonials section */

    .hk_testimonial_box {
        padding: 10px;
    }

    .hk_testimonial_title_box {
        font-size: 14px !important;
    }

    .hk_testimonial_content_box span {
        font-size: 14px !important;
    }

    .tog_btn {
        font-size: 14px !important;
    }

    /* end section */

    /* healthy skin section */

    .heal_img img {
        height: 360px;
    }

    .heal_col_2 {
        padding-right: 40px;
    }

    .main_site_title {
        font-size: 47px !important;
    }

    /* end section */

    /* banner section */

    .bnr_col_1 {
        padding-left: 15px;
    }

    .bnr_col_3 {
        width: 38% !important;
        padding-right: 15px;
    }

    .bnr_title {
        font-size: 60px !important;
        padding-bottom: 15px;
    }

    .bnr_des span {
        font-size: 15px !important;
        padding-bottom: 15px;
    }

    .bnr_img img {
        height: 400px;
    }

    .bnr_logo {
        width: 100px;
        height: 100px;
        margin-bottom: 30px !important;
    }

    .bnr_logo svg {
        width: 80px;
        height: 80px;
    }

    .bnr_logo:before {
        width: 130px;
        height: 130px;
        left: -16px;
    }

    .after_logo svg {
        width: 140px;
    }

    .after_logo {
        padding-bottom: 10px;
    }

    .bnr_review {
        padding: 10px;
    }

    .bnr_review span {
        font-size: 14px !important;
    }

    .bnr_review span b {
        font-size: 14px !important;
    }

    .bnr_patient span {
        font-size: 14px !important;
        gap: 10px;
    }

    .bnr_patient {
        padding-top: 10px;
    }

    /* end section */

    /* about us section */

    .abt_section.pd0 {
        margin-bottom: 40px !important;
    }

    .abt_col_1 {
        width: 50% !important;
        padding-right: 30px;
    }

    .site_des span {
        font-size: 15px !important;
        padding-bottom: 10px;
    }

    .abt_col_2 {
        width: 50% !important;
        right: -30px;
    }

    .abt_img img {
        height: 700px;
    }

    /* end section */

}

@media all and (min-width: 1141px) and (max-width: 1440px) {

    /* filter section */

    .cust_width {
        width: 100% !important;
        max-width: 90% !important;
    }

    .fl_pd {
        padding: 40px 0px !important;
    }

    .flt_icon {
        width: 90px;
        height: 90px;
        margin-bottom: 10px;
    }

    .flt_titl span {
        font-size: 17px !important;
    }

    /* end section */

    /* brand section */

    .pd90 {
        padding: 50px 0px !important;
    }

    .site_subtitle {
        height: 25px;
        font-size: 14px !important;
    }

    .mrtc {
        margin-bottom: 10px;
    }

    .site_subtitle:before {
        height: 25px;
    }

    .site_title {
        font-size: 50px !important;
        padding-bottom: 30px;
    }

    .logo_poster {
        height: 60px;
    }

    /* end section */

    /* service section */

    .pd0.pt60 {
        padding-top: 40px !important;
    }

    .pd0.plr30 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .common_flip_style {
    height: 470px;
}

		.box_content_title span {
    padding-bottom: 0;
    padding-left: 15px;
    padding-top: 18px;
}

    .common_flip_style .box_front {
        padding: 15px;
    }

    .box_front .box_content span {
        gap: 10px;
        font-size: 16px !important;
    }

    .box_back .box_content_wrapper {
        padding: 15px;
    }

    .box_content_icon svg {
        height: 60px;
        margin-bottom: 10px;
    }

    .box_content_title span {
        font-size: 18px !important;
        padding-bottom: 10px;
    }

    .box_content_btn a {
        gap: 10px;
        height: 35px;
        font-size: 14px !important;
        margin-bottom: 10px;
    }

    .box_content_link a {
        gap: 10px;
        font-size: 14px !important;
        bottom: 20px;
    }
.box_content_btn a {
    padding: 0px 10px;
    font-size: 12px !important;
}
    /* end section */

    /* contact us section */

    .pd80 {
        padding: 60px 0px !important;
    }

    .gta_main {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .gta_box_inr {
        gap: 10px;
    }

    .gta_icon_inr a {
        width: 60px;
        height: 60px;
    }

    .gta_icon_inr a svg {
        height: 25px;
    }

    .gta_txt_title span {
        font-size: 20px !important;
    }

    .gta_txt_des span {
        font-size: 15px !important;
    }

    input.text,
    input.title,
    input[type=email],
    input[type=password],
    input[type=tel],
    input[type=text],
    select,
    textarea {
        height: 40px;
        padding-left: 15px;
        font-size: 14px !important;
    }

    textarea {
        height: 80px;
        padding-top: 15px;
    }

    /* end section */

    /* Testimonials section */

    .hk_testimonial_box {
        padding: 10px;
    }

    .hk_testimonial_title_box {
        font-size: 14px !important;
    }

    .hk_testimonial_content_box span {
        font-size: 14px !important;
    }

    .tog_btn {
        font-size: 14px !important;
    }

    /* end section */

    /* healthy skin section */

    .heal_img img {
        height: 420px;
    }

    .heal_col_2 {
        padding-right: 50px;
    }

    .main_site_title {
        font-size: 54px !important;
    }

    /* end section */

    /* banner section */

    .bnr_col_1 {
        padding-left: 30px;
    }

    .bnr_col_3 {
        width: 35% !important;
        padding-right: 30px;
    }

    .bnr_title {
        font-size: 68px !important;
        padding-bottom: 20px;
    }

    .bnr_des span {
        font-size: 16px !important;
        padding-bottom: 20px;
    }

    .bnr_img img {
        height: 450px;
    }

    .bnr_logo {
        width: 130px;
        height: 130px;
        margin-bottom: 40px !important;
    }

    .bnr_logo svg {
        width: 100px;
        height: 100px;
    }

    .bnr_logo:before {
        width: 180px;
        height: 180px;
        left: -25px;
    }

    .after_logo svg {
        width: 160px;
    }

    .after_logo {
        padding-bottom: 10px;
    }

    .bnr_review {
        padding: 10px;
    }

    .bnr_review span {
        font-size: 15px !important;
    }

    .bnr_review span b {
        font-size: 14px !important;
    }

    .bnr_patient span {
        font-size: 14px !important;
        gap: 15px;
    }

    .bnr_patient {
        padding-top: 10px;
    }

    /* end section */

    /* about us section */

    .abt_section.pd0 {
        margin-bottom: 40px !important;
    }

    .abt_col_1 {
        width: 50% !important;
        padding-right: 30px;
    }

    .site_des span {
        font-size: 15px !important;
        padding-bottom: 10px;
    }

    .abt_col_2 {
        width: 50% !important;
        right: -30px;
    }

    .abt_img img {
        height: 700px;
    }

    /* end section */

}

@media all and (min-width: 1441px) and (max-width: 1880px) {

    /* filter section */

    .cust_width {
        width: 100% !important;
        max-width: 80% !important;
    }

    .fl_pd {
        padding: 50px 0px !important;
    }

    .flt_icon {
        width: 100px;
        height: 100px;
        margin-bottom: 10px;
    }

    .flt_titl span {
        font-size: 18px !important;
    }

    /* end section */

    /* brand section */

    .pd90 {
        padding: 70px 0px !important;
    }

    .site_subtitle {
        height: 25px;
        font-size: 14px !important;
    }

    .mrtc {
        margin-bottom: 10px;
    }

    .site_subtitle:before {
        height: 25px;
    }

    .site_title {
        font-size: 54px !important;
        padding-bottom: 40px;
    }

    .logo_poster {
        height: 70px;
    }

    /* end section */

    /* service section */

    .pd0.pt60 {
        padding-top: 50px !important;
    }

    .pd0.plr30 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

   .common_flip_style {
    height: 530px;
}

    .common_flip_style .box_front {
        padding: 20px;
    }

    .box_front .box_content span {
        gap: 10px;
        font-size: 20px !important;
    }

    .box_back .box_content_wrapper {
        padding: 20px;
    }

    .box_content_icon svg {
        height: 80px;
        margin-bottom: 10px;
    }

    .box_content_title span {
        font-size: 22px !important;
        padding-bottom: 10px;
    }

    .box_content_btn a {
        gap: 10px;
        height: 35px;
        font-size: 14px !important;
        margin-bottom: 10px;
    }

    .box_content_link a {
        gap: 10px;
        font-size: 14px !important;
        bottom: 30px;
    }

    /* end section */

    /* contact us section */

    .pd80 {
        padding: 70px 0px !important;
    }

    .gta_main {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .gta_box_inr {
        gap: 10px;
    }

    .gta_icon_inr a {
        width: 80px;
        height: 80px;
    }

    .gta_txt_title span {
        font-size: 22px !important;
    }

    .gta_txt_des span {
        font-size: 16px !important;
    }

    input.text,
    input.title,
    input[type=email],
    input[type=password],
    input[type=tel],
    input[type=text],
    select,
    textarea {
        height: 40px;
        padding-left: 15px;
        font-size: 14px !important;
    }

    textarea {
        height: 100px;
        padding-top: 15px;
    }

    /* end section */

    /* Testimonials section */

    .hk_testimonial_box {
        padding: 15px;
    }

    .hk_testimonial_title_box {
        font-size: 15px !important;
    }

    .hk_testimonial_content_box span {
        font-size: 15px !important;
    }

    .tog_btn {
        font-size: 15px !important;
    }

    /* end section */

    /* healthy skin section */

    .heal_img img {
        height: 530px;
    }

    .heal_col_2 {
        padding-right: 100px;
    }

    .main_site_title {
        font-size: 65px !important;
    }

    /* end section */

    /* banner section */

    .bnr_col_1 {
        padding-left: 50px;
    }

    .bnr_col_3 {
        padding-right: 50px;
    }

    .bnr_title {
        font-size: 84px !important;
        padding-bottom: 30px;
    }

    .bnr_des span {
        font-size: 18px !important;
        padding-bottom: 30px;
    }

    .bnr_img img {
        height: 600px;
    }

    .bnr_logo {
        width: 150px;
        height: 150px;
        margin-bottom: 80px !important;
    }

    .bnr_logo svg {
        width: 120px;
        height: 120px;
    }

    .bnr_logo:before {
        width: 210px;
        height: 210px;
        left: -30px;
    }

    .after_logo {
        padding-bottom: 10px;
    }

    .bnr_review {
        padding: 10px;
    }

    .bnr_review span {
        font-size: 15px !important;
    }

    .bnr_review span b {
        font-size: 14px !important;
    }

    .bnr_patient span {
        font-size: 14px !important;
    }

    /* end section */

    /* about us section */

    .abt_section.pd0 {
        margin-bottom: 40px !important;
    }

    .abt_col_1 {
        width: 50% !important;
        padding-right: 30px;
    }

    .site_des span {
        font-size: 15px !important;
        padding-bottom: 20px;
    }

    .abt_col_2 {
        right: -100px;
    }

    .abt_img img {
        height: 740px;
    }

    /* end section */

}