@font-face {
    font-family: 'Maison Neue TRIAL';
    /* Replace with your desired font name */
    src: url('../Fonts/fonnts.com-Maison_Neue_Bold.ttf') format('opentype');
    /* Adjust the path as necessary */
    font-weight: 600;
    /* Adjust if the font has different weights */
    font-style: normal;
    /* Adjust if the font has different styles */
}

body,
html {
    margin: 0;
    padding: 0;
    font-family: "Inter Tight", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24.8px;
    letter-spacing: 0.02em;
    text-align: left;
}



*,
::after,
::before {
    box-sizing: border-box;
    font-feature-settings: 'lnum', 'pnum';
}

.container {
    width: 100%;
    /* Make the container responsive */
    max-width: 1440px;
    /* Maintain a max-width */
    margin: 0 auto;
    padding: 0 15px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.col-md-6 {
    padding: 0 15px;
    width: 50%;
}

h1 {
    font-size: 72px;
    font-weight: 600;
    line-height: 91.2px;
    font-family: "Playfair Display", serif;
}

h1.subtitle {
    font-family: "Playfair Display", serif;
    font-size: 71px;
    font-style: italic;
    font-weight: 500;
    line-height: 94.64px;
    letter-spacing: -0.01em;
}

h2 {
    font-family: "Playfair Display", serif;
    font-size: 44px;
    font-weight: 500;
    line-height: 58.65px;
    letter-spacing: -0.01em;
    margin: 0px;
    color: #24221F;
}

h2 strong {
    font-style: italic;
    font-weight: 700;
}

h2.subtitle {
    font-family: "Playfair Display", serif;
    font-size: 35px;
    font-weight: 500;
    line-height: 46.66px;
    letter-spacing: -0.01em;
    text-align: center;
}

h3 {
    font-family: "Playfair Display", serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 42.66px;
    letter-spacing: normal;
}


h5 {
    font-family: "Inter Tight", sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 0.02em;
    margin: 0px;
    color: #57524B;
}

h5.subtitle {
    font-family: "Inter Tight", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 37.2px;
    letter-spacing: 0.01em;
    color: #24221F;
}

h6 {
    font-family: "Inter Tight", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #24221F;
}

h6.subtitle {
    font-family: "Playfair Display", serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    line-height: 23.99px;
    letter-spacing: 0.04em;
    text-align: center;
}

p {
    font-family: "Inter Tight", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #57524B;
}

blockquote {
    margin: 0px;
}

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

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

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

.m-0 {
    margin: 0;
}

.pt-42 {
    padding-top: 42px;
}

.mb-71 {
    margin-bottom: 71px;
}

.mb-66 {
    margin-bottom: 66px;
}

.pt-33 {
    padding-top: 33px;
}

.ml-2 {
    margin-left: 2px;
}

.mt-13 {
    margin-top: 13px;
}

.mb-31 {
    margin-bottom: 31px;
}

.mb-46 {
    margin-bottom: 46px;
}

.ml-4 {
    margin-left: 4px;
}

.mb-48 {
    margin-bottom: 48px;
}

.mb-61 {
    margin-bottom: 61px;
}

.mb-62 {
    margin-bottom: 62px;
}

.ml-8 {
    margin-left: 8px;
}

.mb-56 {
    margin-bottom: 56px;
}

.mt-24 {
    margin-top: 24px;
}

.mt-54 {
    margin-top: 54px;
}

.mb-50 {
    margin-bottom: 50px;
}

body blockquote.icon-transform-y-24::before {
    transform: translateY(24.5%) !important;
}

.mt-46 {
    margin-top: 46px;
}

.mb-28 {
    margin-bottom: 28px;
}

.mb-51 {
    margin-bottom: 51px;
}

.mb-56 {
    margin-bottom: 56px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-18 {
    margin-top: 18px;
}

.mt-37 {
    margin-top: 37px;
}

.mb-19 {
    margin-bottom: 19px;
}

.mb-21 {
    margin-bottom: 21px;
}

.mt-9 {
    margin-top: 9px;
}

.mb-66 {
    margin-bottom: 66px;
}

.mt-94 {
    margin-top: 94px;
}

.mt-26 {
    margin-top: 26px;
}

.mt-54 {
    margin-top: 54px;
}

.mt-45 {
    margin-top: 45px;
}

.mb-23 {
    margin-bottom: 23px;
}

.mt-56 {
    margin-top: 56px;
}

.mb-113 {
    margin-bottom: 113px;
}

.mt-97 {
    margin-top: 97px;
}

.mt-85 {
    margin-top: 85px;
}

.mb-108 {
    margin-bottom: 108px;
}

.mt-59 {
    margin-top: 59px;
}

.mt-61 {
    margin-top: 61px;
}

.mb-94 {
    margin-bottom: 94px
}

.mt-79 {
    margin-top: 79px;
}

.mb-33 {
    margin-bottom: 33px
}

.mt-51 {
    margin-top: 51px;
}

.mb-75 {
    margin-bottom: 75px
}

.mt-89 {
    margin-top: 89px;
}

.mb-86 {
    margin-bottom: 86px
}

.mt-52 {
    margin-top: 52px;
}

/* Header */
.navbar {
    background-color: #fff;
    padding: 18px 82px 30px 73px;
    /* position: sticky; */
    top: 0;
    z-index: 999;
}

.navbar a {
    text-decoration: none;
    color: #24221F;
    margin: 0 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    text-align: left;
    letter-spacing: normal;
    transition: all 0.5s ease;
}

.navbar a:hover {
    color: #DF8804;
}

.navbar .container {
    padding: 0px;
}

.navbar .container .row {
    margin: 0px;
    padding: 0px 77px 0px 78px;
    align-items: center;
    justify-content: space-between;
}

.navbar .logo {
    width: 239px;
    height: 71px;
}

.navbar .logo img {
    width: 100%;
    height: auto;
}

.navbar .menu {
    margin-left: 0px;
    margin-top: 7px;
    margin-right: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 0px;
    margin-bottom: 0px;
    letter-spacing: unset;
}

.navbar .btn {
    color: white;
    padding: 16px 30px;
    border-radius: 60px;
    background: #DF8804;
    margin: 0px;
    font-size: 17px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.03em;
    text-align: left;
    display: flex;
    min-height: 24px;
    align-items: center;
    margin-left: 66px;
    margin-top: -4px;
    transition: all 0.5s ease;
}

.navbar .btn::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7.70711 6.29289C8.09763 6.68342 8.09763 7.31658 7.70711 7.70711L1.70711 13.7071C1.31658 14.0976 0.683417 14.0976 0.292893 13.7071C-0.0976311 13.3166 -0.0976311 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 8px;
    height: 14px;
    display: block;
    margin-left: 30px;
    transition: all 0.5s ease;
}

.navbar .btn:hover {
    background: #AB6803;
    color: white;
}

.navbar .btn:focus {
    background: #5E3902;
    color: white;
}

/* .navbar .btn:hover:after {
    filter: brightness(0) saturate(100%) invert(46%) sepia(95%) saturate(902%) hue-rotate(10deg) brightness(99%) contrast(97%);
} */

.navbar .toggle-btn {
    display: none;
    /* Hide toggle button by default */
    flex-direction: column;
    cursor: pointer;
}

.navbar .toggle-btn span {
    height: 2px;
    width: 30px;
    background: #24221F;
    margin: 4px 0;
    transition: all 0.3s ease;
}

/* Header */
/* Footer */
footer .footer_wrapper {
    border-radius: 24px;
    background: #FAF3E9;
    border: 1px solid #D2C6B3;
    margin: 0 18px 18px;
}

.footer_menu_links {
    margin-top: 54px;
}

footer .container {
    padding: 0px;
}

footer .footer_wrapper .footer_info {
    text-align: center;
    padding-top: 51.99px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 42px;
}

footer .footer_wrapper .copyright_info {
    border-top: 1px solid #D2C6B3;
    padding-left: 49px;
    padding-top: 35px;
    padding-bottom: 32px;
    padding-right: 130px;
    margin-left: 1px;
    margin-right: 1px;
}

footer .footer_wrapper .footer_info .logo img {
    width: 307.17px;
    height: 91.25px;
    opacity: 1px;
}

footer .footer_wrapper .footer_info .footer_menu_links ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -20px;
    margin-right: -20px;
}

footer .footer_wrapper .footer_info .footer_menu_links ul li {
    padding-left: 20px;
    padding-right: 20px;
}

footer .footer_wrapper .footer_info .footer_menu_links ul li a {
    font-family: Inter Tight;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.36px;
    letter-spacing: 0.07em;
    text-align: left;
    color: #A39B8E;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.5s ease;
}

footer .footer_wrapper .footer_info .footer_menu_links ul li a:hover {
    color: #DF8804;
}

footer .footer_wrapper .copyright_info .extra_link {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-left: -12px;
    margin-right: -12px;
}

footer .footer_wrapper .copyright_info .extra_link li {
    padding-left: 12px;
    padding-right: 12px;
}

footer .footer_wrapper .copyright_info .extra_link li a {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #212323;
    text-decoration: none;
    transition: all 0.5s ease;
}

footer .footer_wrapper .copyright_info .extra_link li a:hover {
    color: #DF8804;

}

footer .footer_wrapper .copyright_info .text {
    margin: 0px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #252626;
}

footer .footer_wrapper .copyright_info .extra_link li a {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #212323;
    text-decoration: none;
}

footer .footer_wrapper .copyright_info .row {
    align-items: center;
}

footer .footer_wrapper .copyright_info {
    position: relative;
}

footer .footer_wrapper .backToTop {
    position: absolute;
    bottom: 18px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 54px;
    height: 54px;
    border: 1px solid #DDC49E;
    border-radius: 50%;
    right: 0;
    transform: translate(-65%);
    display: none;
    transition: all 0.5s ease;
}

footer .footer_wrapper .backToTop:hover {
    background-color: #DDC49E;
}

footer .footer_wrapper .backToTop:not([style="display: none;"]) {
    display: flex !important;
}

/* Footer */
/* hero section */
.hero-section {
    min-height: 634px;
    position: relative;
    width: 100%;
    background-image: url('../image/banner.jpg');
    background-size: 77%;
    background-position: 105% 50%;
    padding-top: 145px;
    padding-bottom: 200px;
}

.hero-section:has(video[style="display: inline;"])::before,
.hero-section:has(video[style="display: inline;"]) .hero-text {
    display: none;
}

.hero-section .hero_wrapper {
    padding-left: 73px;
    padding-right: 73px;
}

.hero-section::before {
    background: linear-gradient(270deg, #DF8804 9.34%, #BD812C 34.98%, rgba(145, 119, 96, 0) 59%);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 68%;
    height: 100%;
    transform: rotate(-180deg);
    top: 0;
    bottom: 0;
    z-index: 1;
}

.hero-section .container {
    z-index: 9;
    position: relative;
}

.hero-section .hero-text h1 {
    color: white;
    margin: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-top: 0px;
    margin-top: 38px;
    white-space: break-spaces;
    margin-left: 7.5px;
    letter-spacing: normal;
}

.hero-section .hero-text p {
    border-radius: 20px;
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    line-height: 17px;
    text-align: left;
    background: #F2D3A7;
    color: #5E3800;
    padding: 24px 40px 22px 27.5px;
    margin: 0px;
    letter-spacing: normal;
}

.hero-section .hero_wrapper .play-button {
    margin-left: auto;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    justify-content: flex-end;
    padding-right: 182px;
    padding-bottom: 28.8px;
}

.hero-section video {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    bottom: 0;
    z-index: 0;
    display: none;
}

.hero-section .play-button[style="display: none;"] {
    opacity: 0;
    display: block !important;
}

/* hero section */

/* info section */

.info_section {
    padding-top: 69px;
}

.info_section .main_wrapper {
    padding-left: 287px;
    padding-right: 283px;
}

.info_section .main_wrapper blockquote p:before {
    content: "“";
    font-family: Playfair Display;
    font-size: 416.67px;
    font-weight: 400;
    line-height: 118.42px;
    text-align: center;
    opacity: 0.2;
    color: #DF8804;
    position: absolute;
    font-style: normal;
    top: 50%;
    left: -63px;
    transform: translateY(29%);
}

.info_section .main_wrapper blockquote p{
    font-family: Playfair Display;
    font-size: 32px;
    font-style: italic;
    font-weight: 600;
    line-height: 42.66px;
    text-align: center;
    position: relative;
    padding-left: 65px;
    letter-spacing: normal;
    color: #24221F;
}

.info_section .main_wrapper h3 {
    color: #DF8804;
}

.info_section .main_wrapper h3 {
    color: #DF8804;
    width: 91%;
    margin-left: auto;
    margin-right: auto;
}

.info_section h6.sub_title {
    width: 97%;
    margin-left: 3px;
}

.info_section .info_image {
    /* max-width: 834px; */
    height: 447px;
    width: 100%;
}

.info_section .main_wrapper .row.skin_volume {
    margin: 0 -12px;
}

.info_section .main_wrapper .row.skin_volume .col-md-6 {
    padding: 0 12px;
}

.info_section .main_wrapper .skin_volume .skin_volume_box {
    border: 1.5px solid #E4E5F0;
    border-radius: 20px;
    padding-top: 9px;
    padding-left: 11px;
    padding-right: 11px;
    height: calc(100% - 24px);
    margin-bottom: 24px;
}

.info_section .main_wrapper .skin_volume .skin_volume_box .image {
    width: 100%;
    height: 317px;
    border-radius: 17px;
    object-fit: cover;
}

.info_section .main_wrapper .skin_volume .skin_volume_box .title {
    margin: 0px;
}

.info_section .main_wrapper .skin_volume .skin_volume_box .info_text {
    padding-left: 16.5px;
    padding-top: 13px;
    padding-right: 7px;
    padding-bottom: 47px;
}

.info_section .main_wrapper .skin_volume .skin_volume_box .info_text .text {
    font-size: 16px;
    line-height: 24.8px;
    margin-top: 13px;
    margin-left: 2px;
}

.info_section .main_wrapper .skin_volume .skin_volume_box .info_text p:last-child {
    margin-bottom: 0px;
}

/* info section */
/* divider_section */

.divider_section .border {
    border: 0;
    border-top: 2px dotted #D8DAF0;
    margin: 0px;
}

.divider_section svg {
    display: block;
    width: 100%;
}

.divider_section {
    overflow: hidden;
    height: 2px;
}

/* divider section */

/* skin type */

.skin_type {
    text-align: center;
}

.skin_type .skin_type_wrapper {
    padding-left: 233px;
    padding-right: 233px;
    text-align: center;
}

.skin_type .skin_type_wrapper .row.skin_type_items {
    margin: 0 -10px;
}

.skin_type .skin_type_wrapper .row.skin_type_items .col-md-4 {
    width: 33.3333%;
    padding: 0 10px;
}

.skin_type .skin_type_wrapper .skin_type_items .skin_type_box {
    background: #FFF3E0;
    border-radius: 20px;
    padding: 12px 11px 15px 13px;
    margin-bottom: 28px;
    height: calc(100% - 28px);
}

.skin_type .skin_type_wrapper .skin_type_items .skin_type_box .image {
    width: 100%;
    height: 227px;
    border-radius: 11px;
    object-fit: cover;
}

.skin_type .skin_type_wrapper .skin_type_items .skin_type_box .info_text {
    padding-top: 22px;
    padding-left: 28px;
    padding-right: 31px;
    padding-bottom: 18px;
}

.skin_type .skin_type_wrapper .skin_type_items .skin_type_box .info_text .text {
    margin: 0px;
    font-size: 20px;
    font-weight: 600;
    line-height: 31px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #383838;
}

.skin_type .skin_type_wrapper h5.title {
    width: 84%;
    margin-left: auto;
    margin-right: auto;
}

.skin_type .skin_type_wrapper h5.sub-title {
    color: #91908f;
    font-style: italic;
    font-weight: 600;
    margin-left: -28px;
}

/* skin type */

/* Problem and solutions section  */

.problem_and_solutions_section .main_wrapper {
    padding-left: 302px;
    padding-right: 302px;
    text-align: center;
}

.problem_and_solutions_section .main_wrapper .problems {
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 20px;
    width: 90%;
}

.problem_and_solutions_section .main_wrapper .problems h5.subtitle {
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0.02em;
}

.problem_and_solutions_section .main_wrapper .problems .subtitle.bold {
    font-weight: 700;
    line-height: 35px;
    font-style: italic;
    letter-spacing: -0.2px;
    transition: opacity 0.5s ease, transform 0.5s ease, text-shadow 0.5s ease;
}

/* .problem_and_solutions_section .main_wrapper .problems .subtitle.bold.visible {
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
} */

.problem_and_solutions_section .main_wrapper h1.subtitle {
    color: #DF8804;
}

.problem_and_solutions_section .main_wrapper .solution_box {
    border-radius: 40px;
    border: 1px solid #EFDCC2;
    overflow: hidden;
    border-top: 0px;
    margin-top: 1px;
    margin-bottom: 35px;
}

.problem_and_solutions_section .main_wrapper .solution_box .main_title {
    background: #EFDCC2;
    padding: 23px 24px 24px;
}

.problem_and_solutions_section .main_wrapper .solution_box .main_title .subtitle {
    color: #706B62;
    margin: 0px;
    text-transform: uppercase;
}

.problem_and_solutions_section .main_wrapper .solution_box .inner_content {
    padding-top: 33px;
    padding-right: 29px;
    padding-bottom: 31px;
    padding-left: 50.5px;
}

.problem_and_solutions_section .main_wrapper .solution_box .inner_content .title {
    color: #473925;
    line-height: 35px;
    letter-spacing: -0.01em;
    text-align: left;
}

.problem_and_solutions_section .main_wrapper .solution_box .inner_content .info {
    font-size: 16px;
    font-weight: 400;
    line-height: 24.8px;
    color: #A39B8E;
}

.problem_and_solutions_section .main_wrapper .solution_box .inner_content .col-md-6.image {
    width: 372px;
    padding: 0px;
}

.problem_and_solutions_section .main_wrapper .solution_box .inner_content .col-md-6.image .image {
    height: 261px;
    object-fit: cover;
    border-radius: 14px;
}

.problem_and_solutions_section .main_wrapper .solution_box .inner_content .row {
    margin: 0px;
    align-items: center;
}

.problem_and_solutions_section .main_wrapper .solution_box .inner_content .row .info_text {
    padding: 0px;
    flex: 1;
    margin-right: 54px;
}

/* Problem and solutions section  */
/* Infographic section */
.infographic_section .main_title {
    font-style: italic;
    font-weight: 500;
    line-height: 58.65px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #706B62;
}


.infographic_section .infographic {
    padding-left: 370px;
    padding-right: 372px;
    padding-top: 45px;
    padding-bottom: 45px;
    position: relative;
    margin-top: 39px;
}

.infographic_section .infographic .main_images {
    position: relative;
    width: 698px;
    height: 698px;
}

.infographic_section .infographic .main_images .main_image {
    width: 100%;
    border-radius: 50%;
}

.infographic_section .infographic .main_images .absolute_image {
    border-radius: 50%;
}

.infographic_section .infographic .main_images .absolute_image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.infographic_section .infographic .extra_info {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
}

.infographic_section .infographic .extra_info .box {
    width: max-content;
    text-align: center;
}

.infographic_section .infographic .extra_info .box .image {
    width: 107px;
    height: 107px;
    background: #DF8804;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    margin: 0 auto;
}

.infographic_section .infographic .extra_info .box .info {
    font-size: 17px;
    font-weight: 500;
    line-height: 26.35px;
    margin-top: 12px;
    margin-bottom: 0px;
}

.infographic_section .infographic .extra_info .image {
    margin-left: auto;
}

.infographic_section .infographic .extra_info .box.box-1 {
    margin-left: auto;
    margin-right: auto;
    margin-top: -44px;
}

.infographic_section .infographic .extra_info .box.box-2 {
    margin-left: auto;
    margin-right: -8%;
    margin-top: 2%;
}

.infographic_section .infographic .extra_info .box.box-3 {
    margin-left: auto;
    margin-right: -5%;
    margin-top: 19%;
}

.infographic_section .infographic .extra_info .box.box-4 {
    margin-left: auto;
    margin-right: 19%;
    margin-top: 8%;
}

.infographic_section .infographic .extra_info .box.box-5 {
    margin-right: auto;
    margin-left: 19%;
    margin-top: -21%;
}

.infographic_section .infographic .extra_info .box.box-6 {
    margin-right: auto;
    margin-left: -8%;
    margin-top: -55%;
}

.infographic_section .infographic .extra_info .box.box-7 {
    margin-right: auto;
    margin-left: -6%;
    margin-top: -66%;
}

.infographic_section .infographic .extra_info .box.box-7 .info {
    width: 74%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* Infographic section */

/* creams and serums  section */
.creams_and_serums_section .creams_and_serums_wraper {
    padding-left: 300px;
    padding-right: 300px;
}

.creams_and_serums_section .creams_and_serums_wraper .creams_and_serums_box {
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
}

.creams_and_serums_section .creams_and_serums_wraper p {
    text-align: center;
}

.creams_and_serums_section .creams_and_serums_wraper .creams_and_serums_box .bold {
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #747069;
}

.creams_and_serums_section .creams_and_serums_wraper .creams_and_serums_box .italic {
    font-style: italic;
    color: #91908f;
}

.creams_and_serums_section .creams_and_serums_wraper .creams_and_serums_box .bold {
    margin: 0px;
}

.creams_and_serums_section .creams_and_serums_wraper .creams_and_serums_box .left_shape_images {
    position: absolute;
    left: 0;
    transform: translate(-80.1%, -49.2%);
    top: 50%;
}

.creams_and_serums_section .creams_and_serums_wraper .creams_and_serums_box .left_shape_images .shape-1 {
    display: block;
}

.creams_and_serums_section .creams_and_serums_wraper .creams_and_serums_box .left_shape_images .shape-2 {
    margin-left: 32px;
    margin-top: -3px;
}

.creams_and_serums_section .creams_and_serums_wraper .creams_and_serums_box .right_shape_images {
    position: absolute;
    right: 0;
    transform: translate(91%, -50%);
    top: 50%;
}

.creams_and_serums_section .creams_and_serums_wraper .creams_and_serums_box .right_shape_images .shape-1 {
    display: block;
    margin-left: 40px;
    margin-top: 4px;
    margin-bottom: -3px;
}

.creams_and_serums_section .creams_and_serums_wraper .creams_and_serums_box .right_shape_images .shape-2 {
    margin-right: 0px;
    margin-top: 0px;
}

.creams_and_serums_section .creams_and_serums_wraper p {
    text-align: center;
}

.creams_and_serums_section .creams_and_serums_wraper p span {
    font-weight: 700;
}


.creams_and_serums_section .creams_and_serums_wraper p.black {
    color: var(--Main-black-01, #24221F);
}

.creams_and_serums_section .creams_and_serums_wraper p.italic.mt-45 {
    font-style: italic;
    color: #91908f;
    font-weight: 500;
}

.creams_and_serums_section .creams_and_serums_wraper .subtitle {
    line-height: 36px;
    margin-top: 41px;
    text-align: center;
    color: #57524B;
    letter-spacing: 0.02em;
}

.creams_and_serums_section .creams_and_serums_wraper .subtitle span {
    font-weight: 700;
}

.creams_and_serums_section .creams_and_serums_wraper .subtitle span.italic {
    font-style: italic;
}

/* creams and serums  section */

/* preservation section */
.preservation_section .preservation_wrapper {
    padding-left: 149px;
    padding-right: 138px;
}

.preservation_section .preservation_wrapper .main_title {
    width: 77%;
    margin: 0 auto;
    letter-spacing: -0.01em;
    color: #313131;
}

.preservation_section .preservation_wrapper .preservation_box {
    max-width: 900px;
    border-radius: 40px;
    border: 1px solid rgb(112, 107, 98, 0.4);
    margin: 0 auto;
    margin-top: 54px;
    text-align: center;
    padding: 8px 11px;
    margin-bottom: 40px;
}

.preservation_section .preservation_wrapper .preservation_box .preservation_inner_box {
    border: 1px solid #DF8804;
    border-radius: 34px;
    padding: 40px 20px 48px;
}

.preservation_section .preservation_wrapper .preservation_box .preservation_inner_box svg {
    width: 29px;
    height: 24.3px;
}

.preservation_section .preservation_wrapper .preservation_box h1 {
    font-size: 64px;
    font-weight: 600;
    line-height: 72.38px;
    text-align: center;
    margin: 0px;
    margin-top: 12.29px;
    color: #DF8804;
}

.preservation_section .preservation_wrapper .preservation_box h1 span {
    font-size: 64px;
    font-weight: 600;
    line-height: 72.38px;
    text-align: center;
}

.preservation_section .preservation_wrapper .preservation_box h1 sup {
    line-height: 10px;
    font-size: 33px;
}

.preservation_section .preservation_wrapper .preservation_box p {
    font-size: 16px;
    font-weight: 600;
    line-height: 18.1px;
    letter-spacing: 0.07em;
    text-align: center;
    color: #837D75;
    margin-top: 19px;
    margin-bottom: 0px;
}

.preservation_section .preservation_wrapper .sub_title {
    font-size: 22px;
    font-weight: 500;
    line-height: 34.1px;
    letter-spacing: 0.02em;
    text-align: center;
    margin-top: 36px;
    margin-bottom: 0px;
}

.preservation_section .preservation_wrapper h5 sup {
    font-size: 59%;
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched {
    margin-top: 70px;
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .row {
    margin: 0px;
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .row .col-md-3 {
    flex: 1;
    padding: 0px;
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .main_image img {
    border-radius: 50%;
    width: 100%;
    height: 582px;
    object-fit: cover;
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .row .col-md-6 {
    width: 584px;
    padding: 0px;
}


.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box {
    display: flex;
    flex-wrap: wrap;
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box .image {
    background: #DF8804;
    width: 83px;
    height: 83px;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box .arrow_image {
    position: absolute;
    display: flex;
    align-items: center;
    top: 10px;
    right: 0;
    transform: translate(84%, 149%);
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box p {
    margin: 0px;
    margin-top: 5px;
    text-align: center;
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box p span {
    font-weight: 700;
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box {
    max-width: 253px;
    margin-top: 36px;
    position: relative;
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box .arrow_image .dote {
    margin-left: 1%;
    margin-bottom: -29px;
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-4,
.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-5 {
    max-width: 300px;
    margin-left: -31px;
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-2,
.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-5 {
    margin-top: 79px;
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-4 .arrow_image {
    right: unset;
    left: 0;
    transform: translate(-96%, 98%);
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-4 .arrow_image .dote {
    margin-bottom: -117px;
    margin-left: 3%;
    margin-right: -7px;
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-3 .arrow_image {
    transform: translate(33%, -105%);
    align-items: flex-start;
    right: inherit;
    left: 0;
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-3 .arrow_image .dote {
    margin-left: -9px;
    margin-bottom: 0px;
    margin-top: -24px;
}


.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-4,
.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-5 {
    max-width: 300px;
    margin-left: -31px;
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-2,
.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-5 {
    margin-top: 79px;
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-4 .arrow_image {
    right: unset;
    left: 0;
    transform: translate(-96%, 98%);
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-4 .arrow_image .dote {
    margin-bottom: -117px;
    margin-left: 3%;
    margin-right: -7px;
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-2 .arrow_image {
    transform: translate(84%, -39%);
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-2 .arrow_image .dote {
    margin-top: -114px;
    margin-left: 01px;
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-3 {
    max-width: 71%;
    margin: 0 auto;
    margin-top: 25px;
}

.preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-3 p {
    flex: 1;
    text-align: left;
    margin-left: 30px;
}

.preservation_section .preservation_wrapper .bottom_info {
    margin-top: 79px;
    margin-bottom: 62px;
}

.preservation_section .preservation_wrapper .bottom_info p {
    font-size: 20px;
    line-height: 31px;
    letter-spacing: 0.02em;
    text-align: center;
}

.preservation_section .preservation_wrapper .video_wrapper h2 {
    font-weight: 500;
    line-height: 58.65px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #DF8804;
}

.preservation_section .preservation_wrapper .video_wrapper .video_content {
    margin: 0 auto;
    text-align: center;
    margin-top: 38px;
    max-width: 879px;
    height: 463px;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}

.preservation_section .preservation_wrapper .video_wrapper .video_content video,
.video_section .video_wrapper .row .col-md-8 .video_box video {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    bottom: 0;
    z-index: 0;
    display: none;
}

.preservation_section .preservation_wrapper .video_wrapper .video_content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .preservation_section .preservation_wrapper .video_wrapper .video_content .play-button {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 5px;
    cursor: pointer;
} */
.preservation_section .preservation_wrapper .video_wrapper .video_content .play-button {
    position: absolute;
    bottom: unset;
    left: 50%;
    right: unset;
    margin-bottom: 5px;
    cursor: pointer;
    transform: translate(-50%, -50%);
    top: 50%;
}

/* preservation section */

/* About us */
.about_us_section .about_us_wrapper {
    max-width: 992px;
    margin: 0 auto;
}

.about_us_section .about_us_wrapper h2 {
    font-weight: 600;
    letter-spacing: -0.01em;
    text-align: center;
    color: #DF8804;
}

.about_us_section .about_us_wrapper .info_with_icon {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 34px;
}

.about_us_section .about_us_wrapper .info_with_icon .icon {
    width: 52px;
    height: 52px;
    border: 1px solid #E4E5F0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin-right: 16px;
}

.about_us_section .about_us_wrapper .info_with_icon p {
    font-size: 20px;
    font-weight: 600;
    line-height: 31px;
    letter-spacing: 0.02em;
    text-align: center;
    color: var(--Main-black-01, #24221F);
}

.about_us_section .about_us_wrapper .about_us_image {
    margin-bottom: 37px;
}

.about_us_section .about_us_wrapper .about_us_image .main_image {
    width: 100%;
    height: auto;
    border-radius: 25px;
}

.about_us_section .about_us_wrapper .about_us {
    width: 84%;
    margin: 0 auto;
    text-align: center;
}

.about_us_section .about_us_wrapper .about_us .title {
    margin: 0px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0.04em;
    text-align: center;
    color: #473925;
}

.about_us_section .about_us_wrapper .about_us .info {
    text-align: center;
}

.about_us_section .about_us_wrapper .about_us .info {
    margin-top: 21px;
    margin-bottom: 31px;
}

.about_us_section .about_us_wrapper .info_with_icon {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 34px;
}

.about_us_section .about_us_wrapper .info_with_icon .icon {
    width: 52px;
    height: 52px;
    border: 1px solid #E4E5F0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin-right: 16px;
}

.about_us_section .about_us_wrapper .info_with_icon p {
    font-size: 20px;
    font-weight: 600;
    line-height: 31px;
    letter-spacing: 0.02em;
    text-align: center;
    color: var(--Main-black-01, #24221F);
}

.about_us_section .about_us_wrapper .about_us_image {
    margin-bottom: 37px;
}


.about_us_section .about_us_wrapper .about_us {
    width: 84%;
    margin: 0 auto;
    text-align: center;
}

.about_us_section .about_us_wrapper .about_us .title {
    margin: 0px;
    font-family: Inter Tight;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0.04em;
    text-align: center;
    color: #473925;
}

.about_us_section .about_us_wrapper .about_us .info {
    text-align: center;
}

.about_us_section .about_us_wrapper .about_us .info {
    margin-top: 21px;
    margin-bottom: 31px;
}

.about_us_section .about_us_wrapper .service_items {
    margin: 0 auto;
    margin-top: 74px;
    width: 83%;
}

.about_us_section .about_us_wrapper .service_items .service_item {
    height: 100%;
}

.about_us_section .about_us_wrapper .service_items .service_item .icon {
    width: 95px;
    height: 95px;
    border: 1.5px solid #F0EBE3;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #faf5ed;
    margin: 0 auto;
    z-index: 9;
    position: relative;
}

.about_us_section .about_us_wrapper .service_items .service_item>.info {
    background: #faf5ed;
    border-radius: 12px;
    padding-top: 47px;
    margin-top: -47.5px;
    height: calc(100% - 25%);
    padding-bottom: 22px;
    padding-left: 41px;
    padding-right: 41px;
}

.about_us_section .about_us_wrapper .service_items .row {
    margin-left: -16px;
    margin-right: -16px;
}

.about_us_section .about_us_wrapper .service_items .row .col-md-4 {
    width: 33.33%;
    padding: 0 16px;
}

.about_us_section .about_us_wrapper .service_items .service_item>.info .title {
    margin: 0px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    margin-top: 17px;
}

.about_us_section .about_us_wrapper .service_items .service_item>.info .info {
    font-size: 16px;
    font-weight: 400;
    line-height: 17.6px;
    text-align: center;
    color: #797671;
    margin-top: 12px;
    margin-bottom: 0px;
    letter-spacing: 0.05em;
}

.about_us_section .about_us_wrapper .call_us_main,
.free_consultation .free_consultation_wrapper .call_us_main {
    margin-top: 80px;
    max-width: 750px;
    width: 100%;
    border-radius: 140.12px;
    /* border: 1.17px solid rgb(174, 140, 90, 0.18); */
    border: 1px solid #fff;
    padding: 19px 24px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.about_us_section .about_us_wrapper .call_us_main .call_us_inner,
.free_consultation .free_consultation_wrapper .call_us_main .call_us_inner {
    /* border: 1px solid rgb(174, 140, 90, 0.8); */
    border: 1px solid #fff;
    border-radius: 120px;
    padding: 13px 16px;
    position: relative
}

.about_us_section .about_us_wrapper .call_us_main .call_us_inner .call_us_child,
.free_consultation .free_consultation_wrapper .call_us_main .call_us_inner .call_us_child {
    border-radius: 120px;
    background: #D48104;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 18px 43px;
}

.about_us_section .about_us_wrapper .call_us_main .call_us_inner .call_us_child .content,
.free_consultation .free_consultation_wrapper .call_us_main .call_us_inner .call_us_child .content {
    flex: 1;
}

.about_us_section .about_us_wrapper .call_us_main .call_us_inner .call_us_child .call_icon,
.free_consultation .free_consultation_wrapper .call_us_main .call_us_inner .call_us_child .call_icon {
    border: 1px solid #e3b776;
    width: 83px;
    height: 83px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 28px;
}

.about_us_section .about_us_wrapper .call_us_main .call_us_inner .call_us_child .content .subtitle,
.free_consultation .free_consultation_wrapper .call_us_main .call_us_inner .call_us_child .content .subtitle,
.about_us_section .about_us_wrapper .call_us_main .call_us_inner a.call_us_child .content .subtitle {
    font-size: 28px;
    font-weight: 700;
    line-height: 43.4px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #FFFFFF;
    text-align: center;
}

.about_us_section .about_us_wrapper .call_us_main .call_us_inner a.call_us_child,
.free_consultation .free_consultation_wrapper .call_us_main .call_us_inner a.call_us_child
 {
    text-decoration: none;
    position: relative;
}

.about_us_section .about_us_wrapper .call_us_main .call_us_inner .call_us_child .content p,
.free_consultation .free_consultation_wrapper .call_us_main .call_us_inner .call_us_child .content p {
    color: #FFFFFF;
    opacity: 0.6;
    margin: 0px;
    text-align: center;
}

.about_us_section .about_us_wrapper .call_us_main .arrow,
.free_consultation .free_consultation_wrapper .call_us_main .arrow {
    margin-left: auto;
    margin-right: 10px;
}

.about_us_section .about_us_wrapper .call_us_main .call_us_inner:before,
.free_consultation .free_consultation_wrapper .call_us_main .call_us_inner:before {
    content: "";
    border: 1px solid rgb(174, 140, 90, 0.8);
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 120px;
    left: 0;
    top: 0;
    transform: scale(0);
    transition: all 0.6s ease;
}

.about_us_section .about_us_wrapper .call_us_main,
.free_consultation .free_consultation_wrapper .call_us_main {
    cursor: pointer;
    position: relative;
}

.about_us_section .about_us_wrapper .call_us_main:before,
.free_consultation .free_consultation_wrapper .call_us_main::before {
    content: "";
    border: 1.17px solid rgb(174, 140, 90, 0.18);
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 120px;
    left: 0;
    top: 0;
    transform: scale(0);
    transition: all 0.8s ease;
}

.about_us_section .about_us_wrapper .call_us_main:hover .call_us_inner:before,
.free_consultation .free_consultation_wrapper .call_us_main:hover .call_us_inner:before,
.about_us_section .about_us_wrapper .call_us_main:hover::before,
.free_consultation .free_consultation_wrapper .call_us_main:hover::before {
    transform: scale(1);
}

.about_us_section .about_us_wrapper .why_choose {
    margin-top: 143px;
    padding-left: 43px;
    padding-right: 43px;
}

.about_us_section .about_us_wrapper .why_choose h2.main_title {
    font-size: 48px;
    font-weight: 700;
    line-height: 63.98px;
    letter-spacing: -0.01em;
    text-align: center;
    margin-bottom: 90px;
}

.about_us_section .about_us_wrapper .why_choose .why_choose_row {
    margin: 0px;
    align-items: center;
    margin-bottom: 34px;
}

.about_us_section .about_us_wrapper .why_choose .why_choose_row .col-md-6 {
    padding: 0px;
}

.about_us_section .about_us_wrapper .why_choose .why_choose_row .subtitle {
    text-align: left;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #24221F;
}

.about_us_section .about_us_wrapper .why_choose .why_choose_row .info {
    opacity: 0.8;
    margin-bottom: 0px;
    margin-top: 18px;
}

.about_us_section .about_us_wrapper .why_choose .why_choose_row .content {
    padding-right: 39px;
}

.about_us_section .about_us_wrapper .why_choose .row-reverse.why_choose_row {
    flex-direction: row-reverse;
}

.about_us_section .about_us_wrapper .why_choose .why_choose_row .info .italic {
    font-style: italic;
    font-weight: 700;
}

.about_us_section .about_us_wrapper .why_choose .row-reverse.why_choose_row .col-md-6.content {
    padding-left: 46px;
    padding-right: 0px;
}

.about_us_section .about_us_wrapper .why_choose .why_choose_row .why_choose_slider .owl-dots {
    position: absolute;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 18px;
}

.about_us_section .about_us_wrapper .why_choose .why_choose_row .why_choose_slider .owl-dots .owl-dot {
    width: 14px;
    height: 14px;
    background: #D9D9D9;
    margin: 0 12px;
    border-radius: 50%;
}

.about_us_section .about_us_wrapper .why_choose .why_choose_row .why_choose_slider img {
    width: 100%;
    height: 333px;
    border-radius: 40px;
    object-fit: cover;
}

.about_us_section .about_us_wrapper .why_choose .row-reverse.why_choose_row .slider {
    padding-right: 10px;
    padding-left: 0px;
}

.about_us_section .about_us_wrapper .why_choose .why_choose_row .slider {
    padding-left: 10px;
}

/* About us */

/* video section */
.video_section .video_wrapper {
    padding-left: 72px;
    padding-right: 72px;
}

.video_section .video_wrapper .title {
    line-height: 49px;
    letter-spacing: -0.01em;
}

.video_section .video_wrapper .title {
    margin: 0 auto;
    width: 61%;
    text-align: center;
    line-height: 49px;
    letter-spacing: -0.01em;
    margin-bottom: 56px;
}

.video_section .video_wrapper .row {
    margin: 0 -10px;
}

.video_section .video_wrapper .row .col-md-4, .video_section .video_wrapper .row .col-md-8 {
    padding: 0 10px;
/*    width: 33.33%;*/
    width: 100%;
}

.video_section .video_wrapper .row .col-md-4 .video_box, .video_section .video_wrapper .row .col-md-8 .video_box {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    height: 247px;
    border-radius: 20px;
    overflow: hidden;
}

.video_section .video_wrapper .row .col-md-8 .video_box .video_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video_section .video_wrapper .row .col-md-8 .video_box .play_button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* video section */

/* expection section */
.expection_section .expection_wrapper {
    padding-left: 75px;
    padding-right: 75px;
}

.expection_section .expection_wrapper .title {
    width: 63%;
    margin: 0 auto;
    line-height: 50px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #DF8404;
    margin-bottom: 81px;
}

.expection_section .expection_wrapper .title sup {
    font-size: 52%;
    font-weight: bold;
    font-family: "Playfair Display", serif;
}

.expection_section .expection_wrapper .expection_slider .owl-stage-outer {
    overflow: visible;
}

.expection_section .expection_wrapper .expection_slider .owl-stage-outer .owl-stage {
    overflow: hidden;
}

.expection_section .expection_wrapper .expection_slider .owl-stage-outer .owl-item.active {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease;
}

.expection_section .expection_wrapper .expection_slider .owl-stage-outer .owl-item {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
}

.expection_section {
    overflow: hidden;
}

.expection_section .expection_wrapper .expection_slider .items {
    position: relative;
}

.expection_section .expection_wrapper .expection_slider .items .main_image {
    height: 250px;
    border-radius: 40px;
}

.expection_section .expection_wrapper .expection_slider .items .before_after_text {
    position: absolute;
    top: 37px;
    left: 71px;
    right: 71px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.expection_section .expection_wrapper .expection_slider .items .before_after_text span {
    padding: 8.61px 13.14px 7.61px 13.14px;
    border-radius: 13.83px;
    background: #383838;
    font-size: 10.37px;
    font-weight: 700;
    line-height: 16.08px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #FFFFFF;
    text-transform: uppercase;
    width: 69.85px;
    text-align: center;
}

.expection_section .expection_wrapper .expection_slider .owl-nav {
    position: absolute;
    top: 50%;
    display: flex;
    flex-wrap: wrap;
    transform: translate(-0%, -50%);
    width: 100%;
    z-index: 0;
}

.expection_section .expection_wrapper .expection_slider .owl-nav .owl-prev {
    margin-left: -37px;
}

.expection_section .expection_wrapper .expection_slider .owl-nav .owl-next {
    margin-left: auto;
    margin-right: -29px;
}

.expection_section .expection_wrapper .expection_slider .owl-nav button {
    opacity: 0.5;
}

/* expection section */

/* free consultation */

.free_consultation .free_consultation_wrapper {
    max-width: 925px;
    margin: 0 auto;
}

.free_consultation .free_consultation_wrapper .free_consultation_box {
    border-radius: 20.5px;
    background: #FAF5ED;
    padding: 33px 10px;
    text-align: center;
    margin-bottom: 33px;
}

.free_consultation .free_consultation_wrapper .valued_box {
    margin: 0 auto;
    padding: 19px 51px 29px;
    width: max-content;
    background: #DF8804;
    border-radius: 53.5px;
    margin-bottom: 32px;
}

.free_consultation .free_consultation_wrapper .valued_box span {
    font-family: Playfair Display;
    font-feature-settings: 'lnum', 'pnum';
    font-size: 40px;
    font-weight: 500;
    line-height: 59px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #FFFFFF;
}

.free_consultation .free_consultation_wrapper .valued_box span span.price {
    text-transform: uppercase;
    position: relative;
    line-height: 1px;
}

/*.free_consultation .free_consultation_wrapper .valued_box span span.price:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    width: 100%;
    background: url('data:image/svg+xml,<svg width="67" height="45" viewBox="0 0 67 45" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M66 1L1 44" stroke="black" stroke-width="2"/></svg>');
    height: 100%;
    background-size: cover;
    background-position: 55px 66px;
    z-index: 9;
}*/

.free_consultation .free_consultation_wrapper .info_text {
    font-size: 22px;
    font-weight: 500;
    line-height: 34.1px;
    text-align: center;
    color: var(--Main-black-01, #24221F);
    opacity: 0.6;
    width: 89%;
    margin: 0 auto;
    letter-spacing: 0.02em;
    margin-bottom: 62px;
}

.free_consultation .free_consultation_wrapper .pay_title {
    text-align: center;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 49px;
    line-height: 59px;
}

.free_consultation .free_consultation_wrapper .choice {
    font-style: italic;
    font-weight: 600;
    line-height: 59px;
    text-align: center;
    color: #292928;
    opacity: 0.6;
    margin: 0px;
}

.free_consultation .free_consultation_wrapper .call_us_main {
    margin-top: 33px;
}

/* free consultation */

/* Faq section */


.faq_section .faq_wrapper {
    max-width: 752px;
    margin: 0 auto;
}

.faq_section .faq_wrapper .title {
    line-height: 48.4px;
    letter-spacing: -0.03em;
    text-align: center;
    margin-bottom: 39px;
}

.faq_section .faq_wrapper .accordion {

    display: flex;
    flex-wrap: wrap;
}

.faq_section .faq_wrapper .accordion .accordion-item {
    padding: 20px 24px 20px 24px;
    border-radius: 16px;
    background: #FFFBF4;
    border: 1px solid #EDE5D8;
    flex: 0 0 100%;
    margin-bottom: 16px;
}

.faq_section .faq_wrapper .accordion .accordion-item:last-child {
    margin-bottom: 0px;
}

.faq_section .faq_wrapper .accordion .accordion-item .accordion-header {
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
}

.faq_section .faq_wrapper .accordion .accordion-item .accordion-header:after {
    content: "";
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.3336 9.66703V10.3336C19.3336 10.7018 19.0352 11.0003 18.667 11.0003H11.0003V18.667C11.0003 19.0351 10.7018 19.3336 10.3336 19.3336H9.66702C9.29882 19.3336 9.00032 19.0351 9.00032 18.667V11.0003H1.33366C0.965473 11.0003 0.666992 10.7018 0.666992 10.3336V9.66703C0.666992 9.29883 0.965473 9.00033 1.33366 9.00033H9.00032V1.33365C9.00032 0.965463 9.29882 0.666992 9.66702 0.666992H10.3336C10.7018 0.666992 11.0003 0.965463 11.0003 1.33365V9.00033H18.667C19.0352 9.00033 19.3336 9.29883 19.3336 9.66703Z" fill="%23248F97"/></svg>');
    width: 32px;
    height: 30px;
    padding: 6.67px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: auto;
    background-size: 18.67px;
}

.faq_section .faq_wrapper .accordion .accordion-item.active .accordion-header:after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="2" viewBox="0 0 20 2" fill="none"><path d="M1 1H19" stroke="%23060606" stroke-width="2" stroke-linecap="round"/></svg>');
    background-size: 18px 16px;

}

.faq_section .faq_wrapper .accordion .accordion-item .accordion-header h3 {
    font-family: Inter Tight;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    color: var(--Main-black-01, #24221F);
    margin: 0px;
    flex: 1;
}

.faq_section .faq_wrapper .accordion .accordion-content {
    margin-top: 16px;
    display: none;
}

.faq_section .faq_wrapper .accordion .accordion-content p {
    font-family: Inter Tight;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    margin: 0px;
/*    letter-spacing: normal;*/
    opacity: 0.7;
    color: var(--Main-black-01, #24221F);
}

.faq_section .faq_wrapper .accordion .accordion-item:not(.active) .accordion-content {
    display: none;
}

/* Faq section */

/* contact us */
.contact_us .contact_us_wrapper .title {
    font-size: 44px;
    font-weight: 600;
    line-height: 48.4px;
    letter-spacing: -0.03em;
    text-align: center;
    color: #0D2E30;
    margin-bottom: 41px;
}

.contact_us .contact_us_wrapper .info {
    color: var(--Main-black-01, #24221F);
    opacity: 0.8;
    margin: 0px;
    margin-bottom: 24px;
}

.contact_us .contact_us_wrapper .features {
    padding: 0px;
    list-style: none;
}

.contact_us .contact_us_wrapper .features li {
    font-family: Inter Tight;
    font-size: 20px;
    font-weight: 600;
    line-height: 31px;
    letter-spacing: 0.02em;
    text-align: left;
    color: var(--Main-black-01, #24221F);
    padding-left: 34px;
    position: relative;
}

.contact_us .contact_us_wrapper .features li:before {
    content: "*";
    font-family: Playfair Display;
    font-size: 29px;
    font-weight: 700;
    line-height: 45.53px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #DF8804;
    position: absolute;
    left: 9px;
    top: 50%;
    transform: translateY(-43%);
}

.contact_us .contact_us_wrapper .contact_us_form_box {
    padding-top: 44px;
    margin-top: 39px;
    padding-left: 40px;
    padding-right: 24px;
    padding-bottom: 50px;
    background: #FDF9F2;
    border-radius: 20px;
}

.contact_us .contact_us_wrapper .contact_us_form_box h5.subtitle {
    font-weight: 700;
    letter-spacing: 0.02em;
    text-align: left;
    color: var(--Main-black-01, #24221F);
    opacity: 0.8;
}

.contact_us .contact_us_wrapper .contact_us_form_box .sub_title {
    font-size: 14px;
    line-height: 21.7px;
    margin: 0px;
}

.contact_us .contact_us_wrapper .contact_us_form_box .sub_title span {
    font-size: 14px;
    font-weight: 800;
    line-height: 21.7px;
}

.contact_us .contact_us_wrapper .contact_us_form_box form {
    margin-top: 28.5px;
}

.contact_us .contact_us_wrapper .contact_us_form_box form .form_input {
    font-size: 14px;
    font-weight: 600;
    line-height: 21.98px;
    letter-spacing: 0.01em;
    text-align: left;
    width: 100%;
    height: 47px;
    border-radius: 12px;
    border: 1px solid #E1D2BD;
    outline: none;
    box-shadow: none;
    padding: 12.5px 23px;
    background-color: transparent;
    margin-bottom: 16px;
    font-family: 'Maison Neue TRIAL';
}

.contact_us .contact_us_wrapper .contact_us_form_box form textarea.form_input {
    height: calc(100% - 16px);
    appearance: none;
    resize: none;
    overflow: hidden;
    line-height: 20.98px;
}

.contact_us .contact_us_wrapper .contact_us_form_box form textarea.form_input::placeholder {
    color: #000000;
    opacity: 0.6
}

.contact_us .contact_us_wrapper .contact_us_form_box .col-md-12 {
    width: 100%;
    padding: 0 6.5px;
}

.contact_us .contact_us_wrapper .contact_us_form_box .col-md-6 {
    padding: 0 6.5px;
}

.contact_us .contact_us_wrapper .contact_us_form_box .row {
    margin: 0 -6.5px;
}

.contact_us .contact_us_wrapper .contact_us_form_box form button {
    border-radius: 20px;
    background: #DF8804;
    border: 0px;
    padding: 18px 57px 17px 56px;
    font-family: 'Maison Neue TRIAL';
    font-size: 15px;
    font-weight: 600;
    line-height: 19.92px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #FFFFFF;
    cursor: pointer;
    transition: all 0.5s ease;
}

.contact_us .contact_us_wrapper .contact_us_form_box form button:hover {
    background: #AB6803;
    color: white;
}

.contact_us .contact_us_wrapper .contact_us_form_box form button:focus {
    background: #5E3902;
    color: white;
}

.contact_us .contact_us_wrapper {
    max-width: 836px;
    margin: 0 auto;
}

/* contact us */

/* Responsive Media Queries */
@media (max-width: 1554px) {

    .navbar {
        padding: 1.125rem 2.5rem;
    }

    .navbar .container .row {
        padding: 0 2.5rem;
    }

    .navbar .btn {
        margin-left: 2.5rem;
    }

    .infographic_section .infographic {
        padding-left: 0px;
        padding-right: 0px;
        position: relative;
        margin-top: 39px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .info_section .main_wrapper {
        padding-left: 15.081vw;
        padding-right: 15.081vw;
    }

    .skin_type .skin_type_wrapper {
        padding-left: 12.244vw;
        padding-right: 12.244vw;
    }

    .problem_and_solutions_section .main_wrapper {
        padding-left: 15.87vw;
        padding-right: 15.87vw;
    }

    .creams_and_serums_section .creams_and_serums_wraper {
        padding-left: 15.765vw;
        padding-right: 15.765vw;
    }

    .preservation_section .preservation_wrapper {
        padding-left: 7.83vw;
        padding-right: 7.83vw;
    }

    .about_us_section .about_us_wrapper .why_choose {
        padding-left: 2.26vw;
        padding-right: 2.26vw;
    }

    .video_section .video_wrapper {
        padding-left: 3.783vw;
        padding-right: 3.783vw;
    }

    .expection_section .expection_wrapper {
        padding-left: 3.941vw;
        padding-right: 3.941vw;
    }

    .divider_section {
        background: url('data:image/svg+xml,<svg viewBox="0 0 1440 2" height="2" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="-23" y1="1.25" x2="1463" y2="1.25" stroke="%23D8DAF0" stroke-width="1.5" stroke-dasharray="3 3"></line></svg>');
        background-size: auto;
        height: 2px;
        background-size: cover;
    }

    .divider_section svg {
        display: none;
    }

    .preservation_section .preservation_wrapper {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        max-width: 1123px;
        margin: 0 auto;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box p {
        height: 124px;
    }
}

@media (max-width: 1378px) {
    .navbar .container .row {
        padding: 0 0.5rem;
    }
}

@media (max-width: 1314px) {
    .navbar .logo {
        width: 17%;
        height: auto;
    }

    .navbar a {
        margin: 0 15px;
        font-size: 16px;
    }

    .navbar .btn {
        font-size: 16px;
    }
}

@media (max-width: 1199px) {
    .navbar {
        padding: 0.9375rem 1.875rem;
    }

    .navbar .toggle-btn {
        display: flex;
    }

    .navbar .menu {
        display: none;
        flex-direction: column;
        position: absolute;
        background-color: #fff;
        width: 100%;
        top: 86px;
        left: 0;
        z-index: 1000;
    }

    .navbar.active .menu {
        display: flex;
        padding: 0.9375rem 1.875rem;
    }

    .navbar.active .menu li {
        width: 100%;
        margin-bottom: 10px;
    }

    .navbar.active .menu li .btn {
        margin-left: 16px;
        width: max-content;
        margin-top: 1px;
    }

    .navbar .logo {
        height: auto;
        width: auto;
    }

    .navbar .container .row {
        padding: 0 0px;
    }

    .navbar .menu {
        flex-direction: column;
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease, transform 0.3s ease;
        transform: translateY(-10px);
    }

    .navbar.active .menu {
        display: flex;
        opacity: 1;
        transform: translateY(0);
    }

    .navbar.active .toggle-btn span:nth-child(1) {
        transform: rotate(45deg) translate(9px, 5px);
    }

    .navbar.active .toggle-btn span:nth-child(2) {
        opacity: 0;
    }

    .navbar.active .toggle-btn span:nth-child(3) {
        transform: rotate(-45deg) translate(9px, -5px);
    }

    .navbar .logo img {
        height: 58px;
        object-fit: contain;
        object-position: left;
    }

    footer .footer_wrapper {
        margin: 0 12px 14px;
        border-radius: 16px;
    }

    .footer_menu_links {
        margin-top: 2rem;
    }

    footer .container {
        padding: 0px;
    }

    footer .footer_wrapper .footer_info {
        padding-top: 2.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 2rem;
    }

    footer .footer_wrapper .copyright_info {
        border-top: 1px solid #D2C6B3;
        padding-left: 2rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        padding-right: 2rem;
        margin-left: 0px;
        margin-right: 0px;
    }


    footer .footer_wrapper .footer_info .footer_menu_links ul {
        margin-left: 0px;
        margin-right: 0px;
    }

    footer .footer_wrapper .footer_info .footer_menu_links ul li {
        padding-left: 10px;
        padding-right: 10px;
    }

    footer .footer_wrapper .footer_info .footer_menu_links ul li a {
        font-size: 0.9rem;
        line-height: 1.2rem;
    }

    footer .footer_wrapper .copyright_info .extra_link {
        margin-left: 0px;
        margin-right: 0px;
        padding-right: 55px;
        margin-top: 10px;
    }

    footer .footer_wrapper .copyright_info .extra_link li {
        padding-left: 10px;
        padding-right: 10px;
    }




    footer .footer_wrapper .backToTop {
        width: 40px;
        height: 40px;
    }

    .hero-section {
        min-height: auto;
        background-position: 100% 50%;
        padding-top: 100px;
        padding-bottom: 150px;
    }

    .hero-section .hero_wrapper {
        padding-left: 2rem;
        padding-right: 2rem;

    }

    .hero-section::before {
        width: 100%;
    }

    .hero-section .hero-text h1 {
        margin-top: 1rem;
        margin-left: 0;
        letter-spacing: normal;
    }

    .hero-section .hero-text p {
        font-size: 1.25rem;
        line-height: 1.5rem;
        padding: 1rem 2rem;
    }

    .hero-section .hero_wrapper .play-button {
        padding-right: 2rem;
        padding-bottom: 1.5rem;
    }


    .preservation_section .preservation_wrapper {
        width: 100%;
    }

    .info_section .info_image {
        height: auto;
    }

    .expection_section .expection_wrapper .expection_slider .owl-nav .owl-prev {
        margin-left: -29px;
    }

    h1 {
        font-size: 64px;
        line-height: 80.2px;
    }
}

@media (max-width: 991px) {
    .preservation_section .preservation_wrapper .preservation_box h1 {
        font-size: 54px;
        line-height: 62.38px;
    }

    h1.subtitle {
        font-size: 59px;
        line-height: 82.64px;
    }

    h1 {
        font-size: 60px;
        line-height: 72.2px;
    }

    .contact_us .contact_us_wrapper .title,
    .faq_section .faq_wrapper .title,
    .infographic_section .main_title,
    h2,
    .preservation_section .preservation_wrapper .video_wrapper h2,
    .expection_section .expection_wrapper .title,
    .free_consultation .free_consultation_wrapper .pay_title {
        font-size: 40px;
        line-height: 48.4px;
    }

    h2.subtitle {
        font-size: 30px;
        line-height: 41.66px;
    }

    .free_consultation .free_consultation_wrapper .valued_box span {
        font-size: 35px;
        line-height: 44px;
    }

    h3,
    .problem_and_solutions_section .main_wrapper .solution_box .inner_content .title,
    .about_us_section .about_us_wrapper .about_us .title,
    .free_consultation .free_consultation_wrapper .choice {
        font-size: 29px;
        line-height: 39.66px;
    }

    .about_us_section .about_us_wrapper .call_us_main .call_us_inner .call_us_child .content .subtitle,
    .free_consultation .free_consultation_wrapper .call_us_main .call_us_inner .call_us_child .content .subtitle {
        font-size: 24px;
        font-weight: 700;
        line-height: 34.4px;
    }


    h5 {
        font-size: 23px;
        line-height: 35px;
    }


    h5.subtitle,
    .problem_and_solutions_section .main_wrapper .problems .subtitle.bold,
    .problem_and_solutions_section .main_wrapper .problems h5.subtitle,
    .creams_and_serums_section .creams_and_serums_wraper .subtitle {
        font-size: 22px;
        line-height: 34.2px;
    }

    .preservation_section .preservation_wrapper .sub_title,
    .free_consultation .free_consultation_wrapper .info_text {
        font-size: 18px;
        line-height: 30.1px;
    }

    .skin_type .skin_type_wrapper .skin_type_items .skin_type_box .info_text .text,
    .preservation_section .preservation_wrapper .bottom_info p,
    .about_us_section .about_us_wrapper .info_with_icon p,
    .faq_section .faq_wrapper .accordion .accordion-item .accordion-header h3,
    .contact_us .contact_us_wrapper .features li,
    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box p,
    p {
        font-size: 17px;
        line-height: 26px;
    }



    .about_us_section .about_us_wrapper .call_us_main .call_us_inner .call_us_child .call_icon,
    .free_consultation .free_consultation_wrapper .call_us_main .call_us_inner .call_us_child .call_icon {
        width: 73px;
        height: 73px;
        margin-right: 20px;
    }

    .about_us_section .about_us_wrapper .call_us_main .call_us_inner .call_us_child .call_icon svg,
    .free_consultation .free_consultation_wrapper .call_us_main .call_us_inner .call_us_child .call_icon svg {
        width: 28px;
        height: 28px;
    }

    .video_section .video_wrapper .col-md-4:nth-last-child(1) .video_box,
    .video_section .video_wrapper .col-md-4:nth-last-child(2) .video_box {
        margin-bottom: 0px;
    }

    .free_consultation .free_consultation_wrapper .valued_box span span.price::before {
        background-position: center;
        background-repeat: no-repeat;
    }

    .navbar .btn {
        margin-left: 1.25rem;
        font-size: 1rem;
    }

    .navbar a {
        font-size: 0.875rem;
        margin: 0 0.625rem;
    }

    .navbar .menu.active li .btn {
        font-size: 0.875rem;
    }


    footer .footer_wrapper .copyright_info {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .hero-section {
        background-position: left;
        background-size: cover;
    }

    .info_section .main_wrapper blockquote {
        font-size: 29px;
        line-height: 39.66px;
    }

    .skin_type .skin_type_wrapper .row.skin_type_items .col-md-4 {
        width: 50%;
    }

    .problem_and_solutions_section .main_wrapper .solution_box .inner_content {
        padding-top: 33px;
        padding-right: 35.5px;
        padding-bottom: 31px;
        padding-left: 35.5px;
    }

    .problem_and_solutions_section .main_wrapper .solution_box .inner_content .row .col-md-6.info_text {
        margin-right: 0px;
        width: 100%;
    }

    .problem_and_solutions_section .main_wrapper .solution_box .inner_content .row {
        margin: 0px;
        align-items: center;
        flex-direction: column;
    }

    .problem_and_solutions_section .main_wrapper .solution_box .inner_content .title {
        margin-top: 00px;
    }

    .problem_and_solutions_section .main_wrapper .solution_box .inner_content .col-md-6.image {
        width: 100%;
        padding: 0px;
    }

    .problem_and_solutions_section .main_wrapper .solution_box .inner_content .col-md-6.image .image {
        width: 100%;
        height: auto;
    }

    .expection_section .expection_wrapper .expection_slider .items .before_after_text {
        left: 40px;
        right: 40px;
    }

    .info_section .main_wrapper .row.skin_volume .col-md-6 {
        width: 100%;
    }

    .info_section .main_wrapper {
        padding-left: 10.871vw;
        padding-right: 10.871vw;
    }

    .skin_type .skin_type_wrapper {
        padding-left: 7.244vw;
        padding-right: 7.244vw;
    }

    .problem_and_solutions_section .main_wrapper {
        padding-left: 10.87vw;
        padding-right: 10.87vw;
    }

    .creams_and_serums_section .creams_and_serums_wraper {
        padding-left: 10.765vw;
        padding-right: 10.765vw;
    }

    .preservation_section .preservation_wrapper {
        padding-left: 2.83vw;
        padding-right: 2.83vw;
    }

    .about_us_section .about_us_wrapper .why_choose .why_choose_row .content {
        padding-right: 20px;
    }

    .about_us_section .about_us_wrapper .why_choose .row-reverse.why_choose_row .col-md-6.content {
        padding-left: 20px;
        padding-right: 0px;
    }

    .divider_section {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .preservation_section .preservation_wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .main_image img {
        width: 100%;
        height: auto;
    }

    .divider_section.mt-52.mb-48,
    .divider_section.mt-46.mb-66,
    .divider_section.mt-24.mb-50 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .about_us_section .about_us_wrapper .service_items {

        width: 95%;
    }

    .about_us_section .about_us_wrapper .why_choose {
        margin-top: 100px;
    }

    .about_us_section .about_us_wrapper .why_choose h2.main_title {
        margin-bottom: 70px;
    }

    .about_us_section .about_us_wrapper .why_choose .why_choose_row .why_choose_slider .owl-dots .owl-dot {
        width: 12px;
        height: 12px;
        margin: 0 5px;
    }

    .about_us_section .about_us_wrapper .why_choose .why_choose_row .why_choose_slider .owl-dots {
        position: relative;
    }

    .about_us_section .about_us_wrapper .service_items {
        margin-top: 50px;
    }

    .video_section .video_wrapper .title,
    .expection_section .expection_wrapper .title {
        width: 95%;
    }

    .expection_section .expection_wrapper .title {
        margin-bottom: 56px;
    }

    .video_section .video_wrapper .row .col-md-4 {
        width: 50%;
    }

    .creams_and_serums_section .creams_and_serums_wraper .creams_and_serums_box .right_shape_images {
        transform: translate(83%, -50%);
    }

    .about_us_section .about_us_wrapper .info_with_icon {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .about_us_section .about_us_wrapper .why_choose h2.main_title {
        font-size: 38px;
        line-height: 54.98px;
    }
}

@media (max-width: 877px) {
    .infographic_section .infographic .main_images {
        width: 79.59vw;
        height: 79.59vw;
    }

    .infographic_section .infographic .main_images .main_image {
        width: 100%;
    }

    .infographic_section .infographic .main_images .absolute_image:nth-child(2) {
        width: 52.452vw;
        height: 52.452vw;
    }

    .infographic_section .infographic .main_images .absolute_image:nth-child(3) {
        width: 42.417vw;
        height: 42.417vw;
    }

    .infographic_section .infographic .extra_info .box .image {
        width: 12.201vw;
        height: 12.201vw;
    }

    .infographic_section .infographic .extra_info .box .image img {
        width: 53%;
    }

    .infographic_section .infographic .extra_info .box .info {
        font-size: 1.938vw;
        line-height: 3.005vw;
        margin-top: 1.368vw;
    }

    .infographic_section .infographic .extra_info .box.box-1 {
        margin-top: -5.017vw;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-1,
    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-2 {
        margin-right: -80px;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-1 .arrow_image img:not(.dote) {
        width: 190px;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-2 .arrow_image img:not(.dote) {
        width: 176px;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-2 .arrow_image {
        transform: translate(84%, -94%);
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box .arrow_image {
        top: 37px;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-3 {
        margin-top: 6px;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-4,
    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-5 {
        margin-left: -120px;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-4 .arrow_image img:not(.dote) {
        width: 87px;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-4 .arrow_image {
        transform: translate(-76%, 196%);
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 55px;
        line-height: 65.2px;
    }

    h1.subtitle {
        font-size: 53px;
        line-height: 70.64px;
    }

    .contact_us .contact_us_wrapper .title,
    .faq_section .faq_wrapper .title,
    .infographic_section .main_title,
    h2,
    .preservation_section .preservation_wrapper .video_wrapper h2,
    .expection_section .expection_wrapper .title,
    .free_consultation .free_consultation_wrapper .pay_title {
        font-size: 38px;
        line-height: 46.4px;
    }

    h5 {
        font-size: 20px;
        line-height: 32px;
    }



    h3,
    .problem_and_solutions_section .main_wrapper .solution_box .inner_content .title,
    .about_us_section .about_us_wrapper .about_us .title,
    .free_consultation .free_consultation_wrapper .choice {
        font-size: 27px;
        line-height: 38.66px;
    }

    .info_section .main_wrapper blockquote {
        font-size: 27px;
        line-height: 37.66px;
    }

    h5.subtitle,
    .problem_and_solutions_section .main_wrapper .problems .subtitle.bold,
    .problem_and_solutions_section .main_wrapper .problems h5.subtitle,
    .creams_and_serums_section .creams_and_serums_wraper .subtitle {
        font-size: 19px;
        line-height: 31.2px;
    }

    .navbar .logo {
        max-width: 90%;
    }

    .hero-section {
        padding-top: 70px;
        padding-bottom: 120px;
    }

    .hero-section .hero_wrapper {
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }

    .col-md-6 {
        padding: 0 15px;
        width: 100%;
    }

    .hero-section::before {
        width: 100%;
        background: linear-gradient(to bottom, #DF8804 9.34%, #BD812C 34.98%, rgba(145, 119, 96, 0) 59%);
        transform: unset;
    }

    .hero-section {
        background-position: 50% bottom;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .hero-section .hero_wrapper .play-button {
        justify-content: center;
        margin-top: 15px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    .hero-section .hero_wrapper .play-button svg {
        width: 16%;
        height: auto;
    }

    .hero-section .hero-text p {
        text-align: center;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box .arrow_image {
        display: none;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .row .col-md-6 {
        order: 1;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box {
        max-width: 523px;
        margin: 0 auto;
        margin-top: 0px;
        margin-top: 25px;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box p {
        flex: 1;
        text-align: left;
        margin-left: 20px;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-4,
    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-5 {
        max-width: 523px;
        margin-left: 0px;
        margin: 0 auto;
        margin-top: 20px;
    }

    .info_section .main_wrapper,
    .problem_and_solutions_section .main_wrapper,
    .skin_type .skin_type_wrapper,
    .creams_and_serums_section .creams_and_serums_wraper,
    .preservation_section .preservation_wrapper {
        padding: 0px;
        width: 100%;
        margin: 0 auto;
    }

    .divider_section {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .info_section {
        padding-top: 60px;
    }

    .problem_and_solutions_section .main_wrapper .solutions .col-md-12 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .problem_and_solutions_section .main_wrapper .solution_box .inner_content {
        padding: 15px;
    }

    .info_section .main_wrapper blockquote {
        padding-top: 10px;
        padding-left: 0px;
        margin-bottom: 30px;
    }

    .info_section .mt-13.ml-2.mb-31 {
        margin-left: 0px;
        margin-bottom: 20px;
    }

    .info_section .main_wrapper blockquote::before {
        font-size: 205px;
        left: -25px;
        top: -18px;
    }

    .info_section .info_image {
        margin-bottom: 30px;
        margin-left: 0px;
    }

    .info_section .ml-0.mt-13.mb-46 {
        margin-bottom: 30px;
    }

    .info_section .subtitle.mb-61.text-center,
    .info_section .main_wrapper h3.mb-62.text-center,
    .info_section .ml-8.mb-56.text-center,
    .skin_type .skin_type_wrapper h5.title {
        width: 100%;
        margin-bottom: 40px;
        margin-left: 0px;
    }

    .skin_type .mt-46.mb-28 {
        margin-top: 40px;
    }

    .infographic_section .infographic {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .problem_and_solutions_section .main_wrapper .problems {
        margin-top: 12px;
        width: 100%;
    }

    .problem_and_solutions_section .main_wrapper .solution_box {
        border-radius: 20px;
        margin-top: 0px;
        margin-bottom: 30px;
    }

    .problem_and_solutions_section .main_wrapper .solution_box .main_title .subtitle,
    h6.subtitle {
        font-size: 17px;
        line-height: 22.99px;
    }

    .problem_and_solutions_section .main_wrapper .solutions .mb-48 {
        margin-bottom: 40px;
    }

    .problem_and_solutions_section .main_wrapper .solution_box .inner_content .info {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .preservation_section .preservation_wrapper .preservation_box h1 {
        font-size: 35px;
        line-height: 44.38px;
    }

    .preservation_section .preservation_wrapper .preservation_box {
        margin-top: 35px;
        margin-bottom: 30px;
        padding: 8px;
    }

    .preservation_section .preservation_wrapper .preservation_box .preservation_inner_box {

        padding: 30px 15px 30px;
    }

    .info_section .main_wrapper .skin_volume .skin_volume_box .info_text {
        padding-left: 7px;
        padding-top: 13px;
        padding-right: 7px;
        padding-bottom: 20px;
    }


    .info_section .main_wrapper .col-md-6:last-child .skin_volume_box {
        height: calc(100%);
        margin-bottom: 0px;
    }

    .arrow.mb-19.mt-37.text-center {
        margin-top: 30px;
    }

    .creams_and_serums_section .creams_and_serums_wraper .creams_and_serums_box .left_shape_images,
    .creams_and_serums_section .creams_and_serums_wraper .creams_and_serums_box .right_shape_images {
        display: none;
    }

    .creams_and_serums_section .creams_and_serums_wraper .creams_and_serums_box {
        padding-top: 0px;
    }

    .creams_and_serums_section .creams_and_serums_wraper p.mt-54.mb-23 {
        margin-top: 5px;
    }

    .creams_and_serums_section .creams_and_serums_wraper p.italic.mt-45 {
        margin-top: 35px;
    }

    .creams_and_serums_section .creams_and_serums_wraper p.mt-56 {
        margin-top: 35px;
    }

    .creams_and_serums_section .creams_and_serums_wraper .subtitle.mt-36,
    .preservation_section .preservation_wrapper .sub_title {
        margin-top: 30px;
    }

    .preservation_section .preservation_wrapper .main_title {
        width: 100%;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .row .col-md-3 {
        width: 100%;
        flex: 0 0 100%;
        order: 2;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-1,
    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-2 {
        margin-left: auto;
        margin-right: auto;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box p {
        height: auto;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-2,
    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-5,
    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-3,
    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-4,
    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-5 {
        margin-top: 25px;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .row .col-md-6 {
        width: 100%;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-3 p {
        margin-left: 20px;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box.box-3 {
        max-width: 523px;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched {
        margin-top: 40px;
    }

    .preservation_section .preservation_wrapper .bottom_info {
        margin-top: 40px;
        margin-bottom: 35px;
    }

    .preservation_section .preservation_wrapper .video_wrapper .video_content {
        margin-top: 30px;
    }

    .about_us_section .about_us_wrapper .about_us {
        width: 100%;
    }

    .about_us_section .about_us_wrapper .about_us_image {
        margin-bottom: 28px;
    }

    .about_us_section .about_us_wrapper .service_items {
        width: 100%;
    }

    .about_us_section .about_us_wrapper .why_choose {
        margin-top: 30px;
    }

    .about_us_section .about_us_wrapper .service_items .service_item {
        height: calc(100% - 20px);
        margin-bottom: 20px;
    }

    .about_us_section .about_us_wrapper .why_choose h2.main_title {
        margin-bottom: 40px;
    }

    .about_us_section .about_us_wrapper .service_items .row .col-md-4 {
        width: 50%;
        padding: 0 15px;
    }

    .about_us_section .about_us_wrapper .why_choose {
        padding-left: 0px;
        padding-right: 0px;
    }

    .about_us_section .about_us_wrapper .why_choose .why_choose_row .slider {
        padding-left: 0px;
    }

    .about_us_section .about_us_wrapper .why_choose .row-reverse.why_choose_row .slider {
        padding-right: 0px;
        padding-left: 0px;
    }

    .about_us_section .about_us_wrapper .why_choose .why_choose_row .slider {
        margin-top: 30px;
    }

    .about_us_section .about_us_wrapper .why_choose .why_choose_row .content,
    .about_us_section .about_us_wrapper .why_choose .row-reverse.why_choose_row .col-md-6.content {
        padding-right: 0px;
        padding-left: 0px;
    }

    .about_us_section .about_us_wrapper .call_us_main {
        margin-top: 50px;
    }

    .about_us_section .about_us_wrapper .call_us_main .arrow,
    .free_consultation .free_consultation_wrapper .call_us_main .arrow {
        display: none;
    }

    .about_us_section .about_us_wrapper .call_us_main .call_us_inner .call_us_child,
    .free_consultation .free_consultation_wrapper .call_us_main .call_us_inner .call_us_child {

        padding: 15px 30px;
    }

    .about_us_section .about_us_wrapper .call_us_main .call_us_inner,
    .free_consultation .free_consultation_wrapper .call_us_main .call_us_inner,
    .about_us_section .about_us_wrapper .call_us_main,
    .free_consultation .free_consultation_wrapper .call_us_main {

        padding: 10px;
    }

    .about_us_section .about_us_wrapper .call_us_main .call_us_inner .call_us_child .call_icon,
    .free_consultation .free_consultation_wrapper .call_us_main .call_us_inner .call_us_child .call_icon {
        width: 55px;
        height: 55px;
        margin-right: 15px;
    }

    .video_section .video_wrapper .title,
    .expection_section .expection_wrapper .title {
        width: 100%;
        margin-bottom: 35px;
    }

    .video_section .video_wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }

    .video_section .video_wrapper .col-md-4:nth-last-child(2) .video_box {
        margin-bottom: 20px;
    }

    .expection_section .expection_wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }

    .expection_section .expection_wrapper .expection_slider .owl-nav .owl-prev {
        margin-left: -13px;
    }

    .expection_section .expection_wrapper .expection_slider .owl-nav .owl-next {
        margin-right: -13px;
    }

    .free_consultation .free_consultation_wrapper .valued_box {
        padding: 15px 25px 15px;
        border-radius: 53.5px;
        margin-bottom: 32px;
        width: 100%;
        text-align: center;
        max-width: max-content;
    }

    .free_consultation .free_consultation_wrapper .info_text,
    .free_consultation .free_consultation_wrapper .pay_title {
        width: 100%;
        margin-bottom: 35px;
    }

    .contact_us .contact_us_wrapper .contact_us_form_box {
        padding: 30px 20px;
        margin-top: 35px;
    }

    .about_us_section .about_us_wrapper .why_choose h2.main_title {
        font-size: 36px;
        line-height: 52.98px;
    }

    .info_section .main_wrapper .row.skin_volume .col-md-6 {
        padding: 0px;
    }

    .info_section .main_wrapper .row.skin_volume {
        margin: 0px;
    }

    .about_us_section .about_us_wrapper .service_items .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    footer .footer_wrapper .footer_info,
    footer .footer_wrapper .copyright_info {
        padding-left: 14px;
        padding-right: 14px;
    }

    .free_consultation .free_consultation_wrapper .free_consultation_box {
        padding: 25px 10px;
        margin-bottom: 25px;
    }

    .problem_and_solutions_section .main_wrapper .solution_box .main_title {
        padding: 20px 15px 20px;
    }

    .skin_type .skin_type_wrapper .skin_type_items .skin_type_box .info_text {
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 10px;
    }
}

@media (max-width: 570px) {

    .navbar .logo {
        max-width: 80%;
    }

    footer .footer_wrapper .footer_info .logo img {
        width: 40%;
        height: auto;
    }

    footer .footer_wrapper .copyright_info .text {
        text-align: center;
        margin-bottom: 5px;
    }

    footer .footer_wrapper .copyright_info .extra_link {
        margin-left: 0px;
        margin-right: 0px;
        padding-right: 0px;
        text-align: center;
        justify-content: center;
    }

    footer .footer_wrapper .backToTop:not([style="display: none;"]) {
        display: flex !important;
        position: relative;
        margin: 0 auto;
        margin-top: 0px;
        transform: unset;
        bottom: unset;
        margin-top: 15px;
    }

    .footer_menu_links {
        margin-top: 1rem;
    }

    .video_section .video_wrapper .row .col-md-4,
    .about_us_section .about_us_wrapper .service_items .row .col-md-4 {
        width: 100%;
    }

    .about_us_section .about_us_wrapper .call_us_main .call_us_inner .call_us_child,
    .free_consultation .free_consultation_wrapper .call_us_main .call_us_inner .call_us_child {
        padding: 10px 20px;
    }

    .about_us_section .about_us_wrapper .call_us_main .call_us_inner,
    .free_consultation .free_consultation_wrapper .call_us_main .call_us_inner,
    .about_us_section .about_us_wrapper .call_us_main,
    .free_consultation .free_consultation_wrapper .call_us_main {
        padding: 7px;
    }
}

@media (max-width: 480px) {
    .navbar {
        padding: 0.625rem 15px;
    }

    .navbar .btn {
        padding: 0.75rem 1.25rem;
    }

    .navbar.active .menu {
        padding: 0.625rem 16px;
    }

    .navbar .logo img {
        height: 41px;
    }

    .navbar a {
        margin: 0 0px;
    }

    .navbar.active .menu li .btn {
        margin-left: 0px;
    }

    .navbar .menu {
        top: 60px;
    }

    footer .footer_wrapper .footer_info {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    footer .footer_wrapper .backToTop {
        width: 35px;
        height: 35px;
    }

    footer .footer_wrapper .footer_info .logo img {
        width: 63%;
    }

    .hero-section .hero_wrapper .play-button svg {
        width: 33%;
    }

    .infographic_section .infographic .extra_info .box.box-7 .info {
        width: 26.184vw;
    }

    .infographic_section .infographic .extra_info .box .info {
        font-size: 11px;
    }

    .skin_type .skin_type_wrapper .row.skin_type_items .col-md-4 {
        width: 100%;
    }

    .infographic_section .infographic .extra_info .box .info {
        font-size: 11px;
        width: 26.184vw;
        height: 10px;
        text-align: center;
    }

    .infographic_section .infographic .extra_info .box.box-7 {
        margin-left: -6%;
        margin-top: -63%;
    }

    .skin_type .skin_type_wrapper .row.skin_type_items .col-md-4 {
        padding: 0px;
    }

    .skin_type .skin_type_wrapper .row.skin_type_items {
        margin: 0px;
    }

    .about_us_section .about_us_wrapper .why_choose .why_choose_row .why_choose_slider img {
        height: auto;
    }

    .about_us_section .about_us_wrapper .call_us_main .call_us_inner .call_us_child .call_icon svg,
    .free_consultation .free_consultation_wrapper .call_us_main .call_us_inner .call_us_child .call_icon svg {
        width: 5.833vw;
        height: 5.833vw;
    }

    .about_us_section .about_us_wrapper .call_us_main .call_us_inner .call_us_child .call_icon,
    .free_consultation .free_consultation_wrapper .call_us_main .call_us_inner .call_us_child .call_icon {
        width: 11.458vw;
        height: 11.458vw;
        margin-right: 3.125vw;
    }

    .about_us_section .about_us_wrapper .call_us_main .call_us_inner .call_us_child,
    .free_consultation .free_consultation_wrapper .call_us_main .call_us_inner .call_us_child {
        padding: 2.083vw 4.167vw;
    }

    .about_us_section .about_us_wrapper .call_us_main .call_us_inner,
    .free_consultation .free_consultation_wrapper .call_us_main .call_us_inner,
    .about_us_section .about_us_wrapper .call_us_main,
    .free_consultation .free_consultation_wrapper .call_us_main {
        padding: 1.458vw;
    }

    .about_us_section .about_us_wrapper .call_us_main .call_us_inner .call_us_child .content .subtitle,
    .free_consultation .free_consultation_wrapper .call_us_main .call_us_inner .call_us_child .content .subtitle {
        font-size: 5vw;
        line-height: 7.167vw;
    }

    .about_us_section .about_us_wrapper .call_us_main .call_us_inner .call_us_child .content p,
    .free_consultation .free_consultation_wrapper .call_us_main .call_us_inner .call_us_child .content p {
        font-size: 3.542vw;
        line-height: 5.417vw;
    }

    .infographic_section .infographic .extra_info .box.box-6 {
        margin-top: -48%;
    }
}

@media (max-width: 359px) {

    .contact_us .contact_us_wrapper .title,
    .faq_section .faq_wrapper .title,
    .infographic_section .main_title,
    h2,
    .preservation_section .preservation_wrapper .video_wrapper h2,
    .expection_section .expection_wrapper .title,
    .free_consultation .free_consultation_wrapper .pay_title,
    .about_us_section .about_us_wrapper .why_choose h2.main_title {
        font-size: 36px;
        line-height: 43.4px;
    }

    h3,
    .problem_and_solutions_section .main_wrapper .solution_box .inner_content .title,
    .about_us_section .about_us_wrapper .about_us .title,
    .free_consultation .free_consultation_wrapper .choice {
        font-size: 25px;
        line-height: 36.66px;
    }

    .infographic_section .infographic .extra_info .box .info {
        font-size: 9px;
    }

    .infographic_section .infographic .extra_info .box.box-7 .info {
        width: 24.184vw;
    }


    .free_consultation .free_consultation_wrapper .valued_box span {
        font-size: 32px;
        line-height: 41px;
    }

    h2.subtitle {
        font-size: 28px;
        line-height: 39.66px;
    }

    .skin_type .skin_type_wrapper .skin_type_items .skin_type_box .info_text .text,
    .preservation_section .preservation_wrapper .bottom_info p,
    .about_us_section .about_us_wrapper .info_with_icon p,
    .faq_section .faq_wrapper .accordion .accordion-item .accordion-header h3,
    .contact_us .contact_us_wrapper .features li,
    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box p,
    p {
        font-size: 15px;
        line-height: 24px;
    }

    .preservation_section .preservation_wrapper .sub_title,
    .free_consultation .free_consultation_wrapper .info_text {
        font-size: 16px;
        line-height: 28.1px;
    }

    h5 {
        font-size: 18px;
        line-height: 27px;
    }

    h5.subtitle,
    .problem_and_solutions_section .main_wrapper .problems .subtitle.bold,
    .problem_and_solutions_section .main_wrapper .problems h5.subtitle,
    .creams_and_serums_section .creams_and_serums_wraper .subtitle {
        font-size: 17px;
        line-height: 29.2px;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box .image {
        width: 60px;
        height: 60px;
    }

    .preservation_section .preservation_wrapper .before-after-portrait-mature-retouched .box .image img {
        width: 56%;
    }

    .preservation_section .preservation_wrapper .preservation_box h1 {
        font-size: 31px;
        line-height: 41.38px;
    }

    .problem_and_solutions_section .main_wrapper .solution_box .main_title .subtitle,
    h6.subtitle {
        font-size: 16px;
        line-height: 21.99px;
    }

    .divider_section {
        margin-top: 50px;
        margin-bottom: 50px;

    }

    h1.subtitle {
        font-size: 48px;
        line-height: 66.64px;
    }

    .info_section .main_wrapper blockquote {
        font-size: 25px;
        line-height: 35.66px;
    }
}

/* Responsive styles */