/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/



@font-face {
    font-family: 'Playfair Display';
    src: url('assets/fonts/PlayfairDisplay/PlayfairDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('assets/fonts/PlayfairDisplay/PlayfairDisplay-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('assets/fonts/PlayfairDisplay/PlayfairDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('assets/fonts/PlayfairDisplay/PlayfairDisplay-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('assets/fonts/PlayfairDisplay/PlayfairDisplay-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('assets/fonts/PlayfairDisplay/PlayfairDisplay-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('assets/fonts/PlayfairDisplay/PlayfairDisplay-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('assets/fonts/PlayfairDisplay/PlayfairDisplay-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('assets/fonts/PlayfairDisplay/PlayfairDisplay-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('assets/fonts/PlayfairDisplay/PlayfairDisplay-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('assets/fonts/PlayfairDisplay/PlayfairDisplay-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('assets/fonts/PlayfairDisplay/PlayfairDisplay-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

/* Geologica Font */
@font-face {
    font-family: 'Geologica';
    src: url('assets/fonts/Geologica/Geologica-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Geologica';
    src: url('assets/fonts/Geologica/Geologica-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Geologica';
    src: url('assets/fonts/Geologica/Geologica-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Geologica';
    src: url('assets/fonts/Geologica/Geologica-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Geologica';
    src: url('assets/fonts/Geologica/Geologica-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Geologica';
    src: url('assets/fonts/Geologica/Geologica-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Geologica';
    src: url('assets/fonts/Geologica/Geologica-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Geologica';
    src: url('assets/fonts/Geologica/Geologica-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Geologica';
    src: url('assets/fonts/Geologica/Geologica-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

/* Philosopher Font */
@font-face {
    font-family: 'Philosopher';
    src: url('assets/fonts/Philosopher/Philosopher-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Philosopher';
    src: url('assets/fonts/Philosopher/Philosopher-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Philosopher';
    src: url('assets/fonts/Philosopher/Philosopher-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Philosopher';
    src: url('assets/fonts/Philosopher/Philosopher-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

body {
    font-family: "Geologica", sans-serif;
}

#logo img {
    width: 70px !important;
    height: 80px !important;
    aspect-ratio: 7/8 !important;
    object-fit: contain !important;
}

/* Force parent to static so image positions relative to the main header container */
.header-nav .html_topbar_right {
    position: static !important;
}

.heade__man-hub-img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.header-bottom-nav>li>a {
    color: #231F20;
    text-align: center;
    font-family: "Geologica";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.header-bottom-nav>li {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    align-items: center;
}

.header-bottom-nav>li:before {
    content: "•";
    color: #231F20;
    font-size: 30px;
    line-height: 1;
    margin: 0 30px;
}

.header-bottom-nav>li:first-child:before {
    content: none;
}

#wide-nav {
    border-top: 2px solid #231F20;
    border-bottom: 2px solid #231F20;
    background: #FFF;
}

.hero-banner {
    width: 100%;
    height: 960px;
    aspect-ratio: 2/1;
    margin: 0 auto;
}

.hero-banner__text {
    color: #FFF;
    text-align: center;
    font-family: "Geologica";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 108px */
    text-transform: uppercase;
    margin-bottom: 24px;
}

.btn-cta {
    display: inline-flex !important;
    float: none !important;
    width: 370px !important;
    padding: 24px 40px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    background: #242951 !important;
    color: #FFF !important;
    font-family: "Geologica";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 36px */
    border-radius: 0 !important;
    /* 48px */
}

.why h2,
.services-section h2,
.experience-section h2,
.proof-section h2,
.find-us-section h2,
.faq-section h2 {
    color: #231F20;
    font-family: "Geologica";
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 48px */
}

.why h3,
.services-section h3,
.experience-section h3,
.proof-section h3,
.find-us-section h3,
.faq-section h3 {
    color: #231F20;
    font-family: "Geologica";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 84px */
}

.why ul li {
    color: #231F20;
    font-family: "Geologica";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    /* 43.2px */
}

.why__quote {
    display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    background: #FFFAF2;
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
    /* Typography directly on container */
    color: #3A3A3A !important;
    font-family: "Geologica" !important;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 150% !important;
}

.why__quote:before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="37" height="27" viewBox="0 0 37 27" fill="none"><path d="M9.0315 27C7.47769 27 6.11811 26.7097 4.95276 26.129C3.7874 25.4839 2.84864 24.6452 2.13648 23.6129C1.48906 22.5806 0.971128 21.3548 0.582677 19.9355C0.194226 18.5161 0 17.0323 0 15.4839C0 12.3226 0.809274 9.35484 2.42782 6.58065C4.11111 3.80645 6.70079 1.61291 10.1968 0L11.0709 1.74194C9.25809 2.58065 7.63955 3.80645 6.21522 5.41936C4.85564 6.96775 4.04637 8.61291 3.7874 10.3548C3.39895 11.7097 3.36658 13.0323 3.69029 14.3226C5.11461 12.7742 7.0245 12 9.41995 12C11.6212 12 13.4339 12.6774 14.8583 14.0323C16.2826 15.3226 16.9948 17.129 16.9948 19.4516C16.9948 21.7097 16.2502 23.5484 14.7612 24.9677C13.2721 26.3226 11.3622 27 9.0315 27ZM29.0367 27C27.4829 27 26.1234 26.7097 24.958 26.129C23.7927 25.4839 22.8539 24.6452 22.1417 23.6129C21.4943 22.5806 20.9764 21.3548 20.5879 19.9355C20.1995 18.5161 20.0052 17.0323 20.0052 15.4839C20.0052 12.3226 20.8145 9.35484 22.4331 6.58065C24.1164 3.80645 26.706 1.61291 30.2021 0L31.0761 1.74194C29.2633 2.58065 27.6448 3.80645 26.2205 5.41936C24.8609 6.96775 24.0516 8.61291 23.7927 10.3548C23.4042 11.7097 23.3718 13.0323 23.6955 14.3226C25.1199 12.7742 27.0297 12 29.4252 12C31.6264 12 33.4392 12.6774 34.8635 14.0323C36.2878 15.3226 37 17.129 37 19.4516C37 21.7097 36.2555 23.5484 34.7664 24.9677C33.2773 26.3226 31.3675 27 29.0367 27Z" fill="%233A3A3A"/></svg>');
    position: absolute;
    bottom: -10px;
    right: -10px;
}

.why__quote p {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin-bottom: 0;
}

.why .col:first-of-type .why__btn-dat-lich {
    /* This matches the first column's button 'Dat lich ngay' */
    display: flex !important;
    padding: 24px 40px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 1 0 0;
    background: #242951 !important;
    color: #FFF !important;
    font-family: "Philosopher";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 36px */
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    margin: 0 !important;
}

.why__btn-whatsapp {
    display: flex !important;
    padding: 24px 40px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 1 0 0;
    border: 2px solid #242951 !important;
    background: transparent !important;
    color: #242951 !important;
    font-family: "Geologica";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 36px */
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    margin: 0 !important;
}

.header-button-1 a.button {
    display: flex !important;
    width: 200px !important;
    padding: 10px 40px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    background: #37BB68 !important;
    color: #fff !important;
}

.header-button-2 a.button {
    display: flex !important;
    width: 200px !important;
    padding: 10px 40px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    background: #242951 !important;
    color: #fff !important;
}

.footer {
    width: 100%;
    margin: 0 auto;
    padding: 80px 160px !important;
    justify-content: center;
    align-items: center;
    gap: 0px;
    position: relative;
}

.footer__logo {
    display: flex;
    width: 507px;
    height: 53px;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}

.footer__address {
    color: #FFF;
    text-align: center;
    font-family: "Geologica";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 48px */
    margin-bottom: 24px;
}

.footer__contact {
    color: #FFF;
    text-align: center;
    font-family: "Geologica";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 48px */
}

.footer__contact a {
    color: currentColor;
    text-decoration: none;
}

.footer p:empty,
.footer br {
    display: none;
}

.footer hr {
    height: 2px;
    align-self: stretch;
    background: #D9D9D9;
    border: none;
    margin: 40px 0;
}

.services-section {
    padding: 80px 160px !important;
    gap: 80px !important;
    background: #FFFAF2 !important;
}

.experience-section {
    background: #FCFCFC !important;
    padding: 80px 160px !important;
}

.services__card .box-image img {
    width: 507px !important;
    height: 320px !important;
    object-fit: cover;
}

.services__card h4 {
    color: #231F20;
    font-family: "Geologica";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 48px */
    text-align: left !important;
}

.services__list li {
    color: #231F20;
    font-family: "Geologica";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 36px */
}

.services__price {
    color: #B38430;
    font-family: "Geologica" !important;
    font-size: 48px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 100% !important;
    /* 64px */
}

.services__price sup {
    font-size: 0.5em !important;
}

.services__btn-book {
    display: flex !important;
    padding: 16px 40px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    align-self: stretch !important;
    background: #242951 !important;
    /* Assuming primary button color based on context, user said 'button primary' */
    color: #FFF !important;
    font-family: "Geologica";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 36px */
    border-radius: 0 !important;
}

.services__quote {
    color: #231F20;
    text-align: center;
    font-family: "Geologica" !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 150% !important;
    /* 36px */
    margin-top: 10px;
}

.services__hr {
    height: 2px !important;
    align-self: stretch !important;
    background-color: #D9D9D9 !important;
    border: none !important;
    margin: 20px 0 !important;
    width: 100% !important;
    /* Ensure width is explicitly set */
    /* Ensure element is visible */
    display: block !important;
}

.experience__btn-dat-lich {
    display: inline-flex !important;
    padding: 24px 40px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    background: #242951 !important;
    color: #FFF !important;
    font-family: "Geologica";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 36px */
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    margin: 0 10px !important;
    /* spacing between buttons */
}

.experience__btn-whatsapp {
    display: inline-flex !important;
    padding: 24px 40px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    border: 2px solid #242951 !important;
    background: transparent !important;
    color: #242951 !important;
    font-family: "Geologica";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 36px */
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    margin: 0 10px !important;
    /* spacing between buttons */
}

.footer__social {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.footer__logo-bg {
    display: flex;
    width: 550px;
    height: 630px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    aspect-ratio: 55/63;
    position: absolute;
    right: -92px;
    bottom: -154.715px;
    opacity: 0.15;
}

.absolute-footer {
    display: none;
}

/* BEM Block */
.testimonial-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 10px;
    width: 100%;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
}

/* BEM Elements */
.testimonial-card__header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.testimonial-card__avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, #e0e0e0, #bdbdbd);
    flex-shrink: 0;
}

.testimonial-card__user-info {
    flex: 1;
}

.testimonial-card__name {
    font-weight: 600;
    font-size: 17px;
    color: #2a2a2a;
    margin-bottom: 4px;
    letter-spacing: -0.2px;
}

.testimonial-card__date {
    font-size: 14px;
    color: #6b6b6b;
}

.testimonial-card__badge {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.testimonial-card__rating {
    display: flex;
    gap: 4px;
    margin-bottom: 16px;
}

.testimonial-card__star {
    color: #f59e0b;
    font-size: 18px;
}

.testimonial-card__text {
    font-size: 15px;
    line-height: 1.7;
    color: #6b6b6b;
}

.find-us__btn-come {
    display: inline-flex !important;
    width: 506px !important;
    padding: 24px 40px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    background: #242951 !important;
    color: #FFF !important;
    font-family: "Geologica";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 36px */
    border-radius: 0 !important;
}

.faq-section__quote {
    color: #3A3A3A;
    font-family: "Geologica";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 36px */
    letter-spacing: 0.5px;
}

/* FAQ Accordion Styles */
.faq__accordion {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.faq__accordion .accordion-item {
    border: 1px solid #231F20;
    margin-bottom: 0 !important;
    /* Remove default margin if generic styles add it */
}

.faq__accordion .accordion-title {
    padding: 24px 30px;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    flex-direction: row !important;
    text-transform: none;
    /* Reset flatsome uppercase if any */
    letter-spacing: 0.5px;
    border-bottom: 1px solid transparent;
    /* Prepare for transition or state change */
    transition: border-color 0.3s ease;
}

.faq__accordion .accordion-item.active .accordion-title {
    border-bottom: 1px solid rgba(35, 31, 32, 0.5);
}

.faq__accordion .accordion-title span {
    color: #231F20;
    font-family: "Geologica";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    text-align: left;
    flex: 1;
    /* Allow text to take available space */
    order: 1 !important;
    /* Text first */
}

/* Custom Icons */
.faq__accordion .toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    background: transparent;
    border: none;
    margin-left: 20px;
    /* Space between text and icon */
    position: static !important;
    order: 2 !important;
}

.faq__accordion .accordion-inner {
    padding: 24px 30px;
    color: #3A3A3A;
    font-family: "Geologica";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.5px;
    border-top: none;
}

/* Custom Icons */
.faq__accordion .toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    background: transparent;
    border: none;
    margin-left: 20px;
    /* Space between text and icon */
    order: 2;
    /* Icon second (right) */
}

.faq__accordion .toggle i {
    display: none;
    /* Hide default icon */
}

/* Default State (Collapsed) - Down Arrow */
.faq__accordion .toggle::after {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M18.3334 6.11989L21.6668 6.11989L21.6668 27.4999L27.0718 22.0949L29.4284 24.4532L20.0001 33.8799L10.5718 24.4532L12.9284 22.0949L18.3334 27.4999L18.3334 6.11989Z" fill="%23231F20"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.3s ease;
}

/* Active State (Expanded) - Up Arrow */
.faq__accordion .accordion-item.active .toggle::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M21.6666 33.8801L18.3332 33.8801L18.3332 12.5001L12.9282 17.9051L10.5716 15.5468L19.9999 6.12012L29.4282 15.5468L27.0716 17.9051L21.6666 12.5001L21.6666 33.8801Z" fill="%23231F20"/></svg>');
}

/* Contact Form 7 - XC Style */
.xc-contact-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.xc-contact-form__row {
    display: flex;
    gap: 20px;
    width: 100%;
}

.xc-contact-form__col {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
    width: 100%;
}

.xc-contact-form__label {
    color: #231F20;
    font-family: "Geologica";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.5px;
}

.xc-contact-form__input,
.xc-contact-form__select,
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap select {
    display: flex;
    padding: 24px !important;
    align-items: center;
    gap: 10px;
    width: 100%;
    align-self: stretch;
    border: 1px solid #231F20 !important;
    background: #EDEDED !important;
    color: #231F20 !important;
    font-family: "Geologica";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 150% !important;
    letter-spacing: 0.5px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: auto !important;
}

.xc-contact-form__input::placeholder {
    color: #231F20;
    opacity: 0.25;
}

.xc-contact-form__submit {
    display: flex !important;
    width: 506px !important;
    padding: 24px 40px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px;
    background: #242951 !important;
    color: #FFF !important;
    font-family: "Geologica";
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 150% !important;
    border: none !important;
    border-radius: 0 !important;
    margin-top: 10px;
}


@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/

    /* Header & Navigation */
    .header-bottom-nav>li>a {
        font-size: 14px;
    }

    .header-bottom-nav>li:before {
        font-size: 20px;
        margin: 0 5px;
    }

    /* Mobile Menu Sidebar */
    .mobile-sidebar .nav>li>a {
        font-family: "Geologica";
        font-size: 24px !important;
        font-weight: 700 !important;
        text-transform: none !important;
    }

    .mobile-sidebar .nav>li {
        list-style: none !important;
    }

    .heade__man-hub-img {
        width: 250px !important;
        height: auto !important;
        padding: 0 20px;
        position: static !important;
        transform: none !important;
        margin: 20px auto;
        display: block;
    }

    /* Hero Banner */
    .hero-banner {
        height: auto;
        aspect-ratio: auto;
    }

    .hero-banner__text {
        font-size: 20px;
        line-height: 1.25;
    }

    .btn-cta {
        width: 100% !important;
        padding: 12px 15px !important;
        font-size: 16px;
    }

    /* Sections Padding */
    .footer,
    .services-section,
    .experience-section {
        padding: 30px 15px !important;
    }

    /* Typography */
    .why h2,
    .services-section h2,
    .experience-section h2,
    .proof-section h2,
    .find-us-section h2,
    .faq-section h2 {
        font-size: 20px;
    }

    .why h3,
    .services-section h3,
    .experience-section h3,
    .proof-section h3,
    .find-us-section h3,
    .faq-section h3 {
        font-size: 20px;
    }

    /* Why Section */
    .why ul li {
        font-size: 14px;
    }

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

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

    .why .col:first-of-type .why__btn-dat-lich,
    .why__btn-whatsapp {
        width: 100% !important;
        padding: 12px 15px !important;
        font-size: 15px;
        margin-bottom: 10px !important;
    }

    /* Services Section */
    .services__card .box-image img {
        width: 100% !important;
        height: auto !important;
    }

    .services__card h4 {
        font-size: 18px;
    }

    .services__list li {
        font-size: 14px;
    }

    .services__price {
        font-size: 32px !important;
    }

    .services__btn-book {
        width: 100% !important;
        padding: 12px 15px !important;
        font-size: 16px;
    }

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

    /* Experience Section */
    .experience__btn-dat-lich,
    .experience__btn-whatsapp {
        width: 100% !important;
        padding: 12px 15px !important;
        font-size: 16px;
        margin: 0 0 10px 0 !important;
        display: flex !important;
    }

    /* FAQ Section */
    .faq__accordion {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .faq__accordion .accordion-title {
        padding: 15px 15px;
    }

    .faq__accordion .accordion-title span {
        font-size: 16px;
    }

    .faq__accordion .accordion-inner {
        padding: 15px 15px;
        font-size: 14px;
    }

    .faq-section__quote {
        font-size: 16px;
    }

    /* Find Us Section */
    .find-us__btn-come {
        width: 100% !important;
        padding: 12px 15px !important;
        font-size: 16px;
    }

    /* Contact Form */
    .xc-contact-form__row {
        flex-direction: column;
        gap: 15px;
    }

    .xc-contact-form__label,
    .xc-contact-form__input,
    .xc-contact-form__select,
    .wpcf7-form-control-wrap input,
    .wpcf7-form-control-wrap select,
    .xc-contact-form__submit {
        font-size: 14px !important;
        padding: 12px !important;
    }

    .xc-contact-form__submit {
        width: 100% !important;
    }

    /* Footer */
    .footer__address,
    .footer__contact {
        font-size: 16px;
    }

    .footer__logo {
        width: 80%;
        height: auto;
    }

    .footer__logo-bg {
        width: 250px;
        right: -30px;
    }
}