/* Site-specific overrides applied after all other CSS. */

/* mobile off-canvas menu: simplified to nav-only, recolored green per request */
.extra-info,
.mobile-nav {
    background: #007b5c !important;
}

.extra-info .side-info,
.extra-info .instagram,
.extra-info .social-icon-right,
.mobile-nav .side-info {
    display: none !important;
}

/* Ensure WhatsApp widget and ScrollUp button display on top of the mobile menu */
.oxyz-whatsapp-float,
#scrollUp {
    z-index: 100000000 !important;
}

/* Make comparison tables scrollable on mobile */
.elementor-widget-html .elementor-widget-container {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* WP Table Builder comparison tables (medical-screening page): fit fully within
   the screen on mobile instead of scrolling horizontally, using a fixed column
   layout so the label column gets more room than the 3 checkmark columns. */
@media (max-width: 767px) {
    .wptb-preview-table {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        font-size: 12px !important;
    }

    .wptb-preview-table td {
        padding: 6px 4px !important;
        word-break: break-word;
        vertical-align: middle !important;
    }

    .wptb-preview-table td:first-child {
        width: 34% !important;
        text-align: left !important;
    }

    .wptb-preview-table td:not(:first-child) {
        width: 22% !important;
        text-align: center !important;
    }

    .wptb-preview-table .wptb-text-container,
    .wptb-preview-table .wptb-text-container * {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }
}

@media (max-width: 400px) {
    .wptb-preview-table {
        font-size: 10.5px !important;
    }

    .wptb-preview-table .wptb-text-container,
    .wptb-preview-table .wptb-text-container * {
        font-size: 10.5px !important;
    }
}

/* remove the column/widget padding around these tables on mobile so they use
   the full available width instead of sitting in a narrower inset box */
@media (max-width: 767px) {

    .elementor-widget-wrap:has(.wptb-preview-table),
    .elementor-widget-html:has(.wptb-preview-table) .elementor-widget-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .elementor-column:has(.wptb-preview-table) {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* Content pasted in with leftover foreign framework classes (no matching CSS
   shipped, so it was rendering as unstyled browser-default text) — give it
   sane typography consistent with the rest of the site. */
.heading-194 {
    color: var(--heading-color, #007b5c);
    font-size: 32px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 20px;
}

.section-111 ul,
.section-116+section ul {
    padding-left: 20px;
    margin-bottom: 20px;
}

.list-item-17 {
    margin-bottom: 12px;
    line-height: 1.7;
}

.text-block-108 {
    margin-top: 10px;
    line-height: 1.7;
}

@media (max-width: 575px) {
    .heading-194 {
        font-size: 24px;
    }
}

/* Modern styling for the medical screening tables and all text blocks */
.elementor-widget-text-editor .elementor-widget-container {
    background-color: rgba(255, 255, 255, 0.88) !important;
    backdrop-filter: blur(4px);
    border-radius: 8px;
    padding: 30px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .elementor-widget-text-editor .elementor-widget-container {
        padding: 40px 60px !important;
    }
}

.elementor-4636 .wptb-preview-table {
    border-collapse: collapse !important;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border: none !important;
}

.elementor-4636 .wptb-preview-table td {
    border: 1px solid #eaeaea !important;
    padding: 12px 10px !important;
}

/* Table Header (First Row) */
.elementor-4636 .wptb-preview-table tr:first-child td {
    background-color: #007b5c !important;
    color: #ffffff !important;
    border-color: #006048 !important;
}

.elementor-4636 .wptb-preview-table tr:first-child td * {
    color: #ffffff !important;
}

/* Make footer text white for better readability against the green background */
.footer p,
.footer a,
.footer span,
.footer li {
    color: #ffffff !important;
}

/* Add a subtle hover effect for footer links */
.footer a:hover {
    color: #d3af5e !important;
    /* OXYZ Gold */
}

/* Fix alignment for 'About the' and 'Up to 65% OFF' */
.elementor-4636 .elementor-element-a61f990 .bdevs-el-subtitle,
.elementor-4636 .elementor-element-a61f990 .bdevs-el-title {
    display: block !important;
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* White card styling for About OXYZ text to fix contrast */
.appoint-2__text {
    background-color: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(4px);
    border-radius: 8px;
    padding: 30px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

@media (min-width: 768px) {
    .appoint-2__text {
        padding: 40px !important;
    }
}

/* Green Card Styling for Topics (Image Boxes like Endocrinology, etc.) */
.elementor-image-box-wrapper {
    background-color: #007b5c !important;
    /* OXYZ Green */
    border-radius: 8px;
    padding: 25px 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    height: 100%;
}

.elementor-image-box-title {
    color: #ffffff !important;
    margin-bottom: 10px;
}

.elementor-image-box-description,
.elementor-image-box-content * {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Table Text Styling (OXYZ Green) & White Background */
.elementor-4636 .wptb-preview-table td {
    color: #007b5c !important;
    background-color: #ffffff !important;
}

.elementor-4636 .wptb-preview-table td * {
    color: #007b5c !important;
}

/* Header Text Override (White on Green) */
.elementor-4636 .wptb-preview-table tr:first-child td * {
    color: #ffffff !important;
}

/* Highlight the Premium Column (Column 2) - Elegant OXYZ Gold Theme */
.elementor-4636 .wptb-preview-table td:nth-child(2) {
    background-color: #fdfbf7 !important;
    /* Very light cream/gold */
    border-left: 2px solid #D3AF5E !important;
    border-right: 2px solid #D3AF5E !important;
    font-weight: bold;
}

/* Premium Column Header */
.elementor-4636 .wptb-preview-table tr:first-child td:nth-child(2) {
    background-color: #006048 !important;
    /* Darker green for emphasis */
    border-top: 3px solid #D3AF5E !important;
}

/* Premium Column Footer */
.elementor-4636 .wptb-preview-table tr:last-child td:nth-child(2) {
    border-bottom: 3px solid #D3AF5E !important;
}

/* Premium Column Checkmarks (Gold) */
.elementor-4636 .wptb-preview-table tr:not(:first-child) td:nth-child(2) {
    color: #D3AF5E !important;
}

.elementor-4636 .wptb-preview-table tr:not(:first-child) td:nth-child(2) * {
    color: #D3AF5E !important;
}

/* Row hover effects (desktop mainly) */
@media (min-width: 768px) {
    .elementor-4636 .wptb-preview-table tr:not(:first-child):hover td {
        background-color: #f4f4f4 !important;
    }

    .elementor-4636 .wptb-preview-table tr:not(:first-child):hover td:nth-child(2) {
        background-color: #f9f4ea !important;
    }
}

/* ----------------------------------------------------
   ALIGNMENT FIXES TO MATCH LIVE WEBSITE (POPPINS FONT,
   SPACING, HERO VIDEO, ACCORDION & FOOTER)
   ---------------------------------------------------- */

/* Force Poppins globally */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
li,
button,
input,
select,
textarea,
div {
    font-family: 'Poppins', sans-serif !important;
}

/* Baseline text size adjustments */
p,
li,
td,
span,
div.textwidget,
label,
address,
.about__meta--text p {
    font-size: 16px !important;
    line-height: 1.75 !important;
}

@media (max-width: 767px) {

    p,
    li,
    td,
    span,
    div.textwidget,
    label,
    address,
    .about__meta--text p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }
}

/* Background video container & aspect ratio correction */
.elementor-background-video-container {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.elementor-background-video-embed {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 100vw !important;
    height: 56.25vw !important;
    /* 16:9 Aspect Ratio */
    min-height: 100vh !important;
    min-width: 177.77vh !important;
    /* 16:9 Aspect Ratio */
    transform: translate(-50%, -50%) !important;
    z-index: 0 !important;
}

/* FAQ Accordion Styling (matches live site exactly) */
.accordion-item {
    margin-bottom: 22px !important;
    border: 1px solid #e1e7e4 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
}

.accordion-button {
    font-size: 19px !important;
    font-weight: 600 !important;
    color: #007b5c !important;
    /* OXYZ Green */
    padding: 22px 25px !important;
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    color: #007b5c !important;
    background-color: #f7f9f8 !important;
    /* Light green tint when active */
    border-bottom: 1px solid #e1e7e4 !important;
}

.accordion-button i {
    color: #007b5c !important;
    font-size: 15px !important;
}

.accordion-body {
    padding: 25px 30px !important;
    background-color: #ffffff !important;
}

.accordion-body p {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #4b655a !important;
    margin: 0 !important;
}

@media (max-width: 767px) {
    .accordion-button {
        font-size: 16px !important;
        padding: 16px 20px !important;
    }

    .accordion-body {
        padding: 18px 20px !important;
    }

    .accordion-body p {
        font-size: 14.5px !important;
    }
}

/* Footer style overrides to match live site exactly */
.footer.footer-2.footer-style-3 {
    background-color: #e6f0ec !important;
    /* Light green/teal background */
    border-top: 4px solid #d3af5e !important;
    /* Gold top border */
    padding-top: 40px !important;
    /* Reduced from 100px */
    padding-bottom: 0 !important;
}

.footer.footer-2.footer-style-3 .progery-footer-style-3 {
    padding-top: 0 !important;
    /* Remove duplicate pt-100 padding above logo */
}

.footer.footer-2.footer-style-3::after {
    display: none !important;
}

.progery-footer-style-3 .footer__widget-title h4 {
    color: #007b5c !important;
    /* Theme green title color */
    font-weight: 600 !important;
    font-size: 20px !important;
    margin-bottom: 25px !important;
}

.footer-2 .progery-footer-style-3 p {
    color: #d3af5e !important;
    /* About Us text uses gold */
}

.footer-2 .progery-footer-style-3 ul li a {
    color: #d3af5e !important;
    /* Gold links */
    font-size: 15px !important;
    line-height: 2 !important;
    transition: all 0.3s ease;
}

.footer-2 .progery-footer-style-3 ul li a:hover {
    color: #007b5c !important;
    /* Green hover */
    padding-left: 5px;
}

/* Two-column layout for Our Wellness menu */
.menu-pages-menu-container ul.menu {
    display: flex !important;
    flex-wrap: wrap !important;
}

.menu-pages-menu-container ul.menu li {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding-right: 15px !important;
}

.footer__copyright--2.progery-footer-style-3 {
    background-color: #006048 !important;
    /* Darker green background for copyright bar */
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.footer__copyright--2.progery-footer-style-3 p {
    color: #ffffff !important;
    font-size: 14px !important;
}

/* Force the top section to span full width with gold gradient, removing any card-like styles */
.elementor-element.elementor-element-1f973fe>.elementor-background-overlay {
    background-color: transparent !important;
    background-image: linear-gradient(0deg, #F9F9F9 0%, #D3AF5E 100%) !important;
    opacity: 0.92 !important;
    border-radius: 0 !important;
}

.elementor-element.elementor-element-1f973fe {
    border-radius: 0 !important;
    margin: 0 !important;
}

.elementor-element.elementor-element-1f973fe .elementor-container,
.elementor-element.elementor-element-1f973fe .elementor-column,
.elementor-element.elementor-element-1f973fe .elementor-widget-wrap {
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

/* Shift body text inward on inner pages to better align with centered content */
.elementor-element.elementor-element-8750711>.elementor-widget-container {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

/* Hero Section background overlay mask (white transparent overlay) */
.elementor-element-da12fc8>.elementor-background-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #FFFFFF !important;
    opacity: 0.5 !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* Adjust title stacking index above the overlay */
.elementor-element-da12fc8 .elementor-container {
    position: relative !important;
    z-index: 2 !important;
}

/* Bold description text and lists under What We Do Here packages */
.service__middle--text p,
.service__middle--text .about__list ul.bdevs-el-list-title li h6 {
    font-weight: bold !important;
}

/* Bold the 'What We Do Here' headings on homepage and services page */
.elementor-element-5bc0a3d h4.pro-section-title-4,
.elementor-element-ab0d4f2 h4.pro-section-title-4 {
    font-weight: bold !important;
}

/* Bold the 'About Us' description paragraph on homepage */
.about-area-3 .about__text-2 p.desc {
    font-weight: bold !important;
}

/* Bold the 'About Us' section heading on homepage */
.about-area-3 .generic-title h4.section__title {
    font-weight: bold !important;
}

/* Ensure boxed elementor containers span 100% width while centering the content inside */
.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 100% !important;
    padding-left: max(25px, calc((100% - 1200px) / 2)) !important;
    padding-right: max(25px, calc((100% - 1200px) / 2)) !important;
}

/* ============================================================
   ALL INNER SERVICE PAGES — Main content widget (ab98bc4 / 8750711)
   These element IDs are shared across every inner service page.
   Applies rich typography to ALL pages using this widget.
   ============================================================ */

/* h1 — large page title */
.elementor-element-ab98bc4 h1,
.elementor-element-8750711 h1 {
    color: #007b5c !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    margin-bottom: 16px !important;
    padding-left: 14px !important;
    border-left: 5px solid #d3af5e !important;
}

/* h2 — main section title with gold left border */
.elementor-element-ab98bc4 h2,
.elementor-element-8750711 h2 {
    color: #007b5c !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    margin-top: 10px !important;
    margin-bottom: 14px !important;
    padding-left: 14px !important;
    border-left: 5px solid #d3af5e !important;
}

/* h3 — section headings with gold underline */
.elementor-element-ab98bc4 h3,
.elementor-element-8750711 h3 {
    color: #007b5c !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-top: 14px !important;
    margin-bottom: 8px !important;
    padding-bottom: 6px !important;
    border-bottom: 2px solid #d3af5e !important;
}

/* Hide empty headings (show stray gold bar when heading has no text) */
.elementor-element-ab98bc4 h2:empty,
.elementor-element-ab98bc4 h3:empty,
.elementor-element-ab98bc4 h4:empty,
.elementor-element-8750711 h2:empty,
.elementor-element-8750711 h3:empty,
.bara7 h2:empty,
.bara7 h3:empty {
    display: none !important;
}

/* Also hide headings that only contain a space or <br> — no real text */
.elementor-element-ab98bc4 h2 br:only-child,
.elementor-element-ab98bc4 h3 br:only-child,
.elementor-element-8750711 h2 br:only-child,
.bara7 h2 br:only-child {
    display: none !important;
}

/* h4 — sub-headings in gold/amber */
.elementor-element-ab98bc4 h4,
.elementor-element-8750711 h4 {
    color: #b8872a !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-top: 18px !important;
    margin-bottom: 6px !important;
}

/* paragraph — dark charcoal for readability */
.elementor-element-ab98bc4 p,
.elementor-element-8750711 p {
    color: #2d2d2d !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    margin-bottom: 12px !important;
}

/* bullet & ordered lists */
.elementor-element-ab98bc4 ul,
.elementor-element-ab98bc4 ol,
.elementor-element-8750711 ul,
.elementor-element-8750711 ol {
    padding-left: 24px !important;
    margin-left: 8px !important;
    margin-top: 8px !important;
    margin-bottom: 12px !important;
}

.elementor-element-ab98bc4 ul li,
.elementor-element-ab98bc4 ol li,
.elementor-element-8750711 ul li,
.elementor-element-8750711 ol li {
    color: #2d2d2d !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    margin-bottom: 4px !important;
}

/* hr separators — subtle gold line */
.elementor-element-ab98bc4 hr,
.elementor-element-8750711 hr {
    border: none !important;
    border-top: 1px solid #d3af5e55 !important;
    margin: 22px 0 !important;
}

/* Mobile — shrink headings */
@media (max-width: 767px) {

    .elementor-element-ab98bc4 h1,
    .elementor-element-8750711 h1 {
        font-size: 19px !important;
    }

    .elementor-element-ab98bc4 h2,
    .elementor-element-8750711 h2 {
        font-size: 18px !important;
    }

    .elementor-element-ab98bc4 h3,
    .elementor-element-8750711 h3 {
        font-size: 15px !important;
    }

    .elementor-element-ab98bc4 h4,
    .elementor-element-8750711 h4 {
        font-size: 13px !important;
    }
}

/* ============================================================
   COLON HYDROTHERAPY PAGE — Rich Typography (bara7 scope)
   Scoped to .bara7 so it only affects this page's content block
   ============================================================ */

/* Body / paragraph text — dark charcoal, easy to read */
.bara7 p {
    color: #2d2d2d !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    margin-bottom: 12px !important;
}

/* bullet list items */
.bara7 ul {
    padding-left: 24px !important;
    margin-left: 8px !important;
    margin-top: 8px !important;
    margin-bottom: 12px !important;
}

.bara7 ul li {
    color: #2d2d2d !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    margin-bottom: 4px !important;
}

/* h2 — Big section title: large, dark teal, gold left border */
.bara7 h2 {
    color: #007b5c !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    margin-top: 10px !important;
    margin-bottom: 14px !important;
    padding-left: 14px !important;
    border-left: 5px solid #d3af5e !important;
}

/* h3 — Section headings: medium teal, slight top margin */
.bara7 h3 {
    color: #007b5c !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-top: 26px !important;
    margin-bottom: 8px !important;
    padding-bottom: 6px !important;
    border-bottom: 2px solid #d3af5e !important;
}

/* h4 — Sub-headings: gold/amber colored to contrast with teal h3 */
.bara7 h4 {
    color: #b8872a !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-top: 18px !important;
    margin-bottom: 6px !important;
}

/* hr separators — subtle gold line */
.bara7 hr {
    border: none !important;
    border-top: 1px solid #d3af5e55 !important;
    margin: 24px 0 !important;
}

/* Mobile: shrink h2 so long titles fit in ~2 lines */
@media (max-width: 767px) {
    .bara7 h2 {
        font-size: 18px !important;
        line-height: 1.35 !important;
    }

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

    .elementor-element-0fcae87 h3 {
        font-size: 16px !important;
    }

    .elementor-element-0fcae87 h4 {
        font-size: 14px !important;
    }

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

/* ============================================================
   ALL INNER SERVICE PAGES — Secondary content section typography
   Scoped to .elementor-element-b7b8d42 which is shared across ALL inner pages
   ============================================================ */
.elementor-element-b7b8d42 .elementor-widget-text-editor p {
    color: #2d2d2d !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    margin-bottom: 10px !important;
}

.elementor-element-b7b8d42 .elementor-widget-text-editor ul,
.elementor-element-b7b8d42 .elementor-widget-text-editor ol {
    padding-left: 24px !important;
    margin-left: 8px !important;
    margin-top: 8px !important;
    margin-bottom: 14px !important;
}

.elementor-element-b7b8d42 .elementor-widget-text-editor ul li,
.elementor-element-b7b8d42 .elementor-widget-text-editor ol li {
    color: #2d2d2d !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    margin-bottom: 4px !important;
}

.elementor-element-b7b8d42 .elementor-widget-text-editor h2 {
    color: #007b5c !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    margin-top: 10px !important;
    margin-bottom: 14px !important;
    padding-left: 14px !important;
    border-left: 5px solid #d3af5e !important;
}

.elementor-element-b7b8d42 .elementor-widget-text-editor h3 {
    color: #007b5c !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-top: 22px !important;
    margin-bottom: 8px !important;
    padding-bottom: 6px !important;
    border-bottom: 2px solid #d3af5e !important;
}

.elementor-element-b7b8d42 .elementor-widget-text-editor h4 {
    color: #b8872a !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-top: 16px !important;
    margin-bottom: 5px !important;
}

.elementor-element-b7b8d42 .elementor-widget-text-editor hr {
    border: none !important;
    border-top: 1px solid #d3af5e55 !important;
    margin: 18px 0 !important;
}

@media (max-width: 767px) {
    .elementor-element-b7b8d42 .elementor-widget-text-editor h2 {
        font-size: 17px !important;
    }

    .elementor-element-b7b8d42 .elementor-widget-text-editor h3 {
        font-size: 15px !important;
    }

    .elementor-element-b7b8d42 .elementor-widget-text-editor h4 {
        font-size: 13px !important;
    }
}

/* ============================================================
   ABOUT / POLICY PAGES — Typography
   Covers: refund-return-policy, privacy-policy, terms-of-service,
           shipping-and-delivery-policy and similar pages.
   Scoped to .page-area (outer wrapper of policy pages).
   ============================================================ */

/* Push content slightly away from the left wall */
.page-area .container {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* Reduce the excessive top/bottom padding (was pt-120 pb-120 = 120px each) */
.page-area {
    padding-top: 50px !important;
    padding-bottom: 60px !important;
}

.page-area h1,
.page-area h2 {
    color: #007b5c !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    margin-top: 10px !important;
    margin-bottom: 14px !important;
    padding-left: 14px !important;
    border-left: 5px solid #d3af5e !important;
}

.page-area h3,
.page-area h4.page-heading {
    color: #007b5c !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-top: 28px !important;
    margin-bottom: 8px !important;
    padding-bottom: 6px !important;
    border-bottom: 2px solid #d3af5e !important;
}

.page-area h4 {
    color: #b8872a !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-top: 18px !important;
    margin-bottom: 6px !important;
}

.page-area p {
    color: #2d2d2d !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    margin-bottom: 12px !important;
}

.page-area ul,
.page-area ol {
    padding-left: 24px !important;
    margin-left: 8px !important;
    margin-top: 6px !important;
    margin-bottom: 14px !important;
}

.page-area ul li,
.page-area ol li {
    color: #2d2d2d !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    margin-bottom: 6px !important;
}

/* Suppress rogue <br><br> tags inside list items that cause big gaps */
.page-area ul li br,
.page-area ol li br {
    display: none !important;
}

.page-area hr {
    border: none !important;
    border-top: 1px solid #d3af5e55 !important;
    margin: 24px 0 !important;
}

/* About page (.appoint-2__text bdevs content) */
.appoint-2__text p,
.appoint-2__list p {
    color: #2d2d2d !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}

.appoint-2__text h4.bdevs-el-title {
    color: #007b5c !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    border-left: 5px solid #d3af5e !important;
    padding-left: 12px !important;
    margin-bottom: 10px !important;
}

/* Mobile */
@media (max-width: 767px) {

    .page-area h1,
    .page-area h2 {
        font-size: 18px !important;
    }

    .page-area h3 {
        font-size: 15px !important;
    }

    .page-area h4 {
        font-size: 13px !important;
    }

    .appoint-2__text h4.bdevs-el-title {
        font-size: 18px !important;
    }
}

/* Sidebar tab boxes layout (Service Packages) */
.service__content .tab__box {
    padding: 15px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 10px !important;
    min-height: 120px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

.service__content .tab__box span {
    font-size: 14px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    display: block !important;
    width: 100% !important;
    color: #007b5c !important;
    font-weight: 500 !important;
}

.service__content .tab__box:hover span {
    color: #005a42 !important;
}

.service__content .tab__box svg {
    margin: 0 auto !important;
    max-width: 45px !important;
    height: auto !important;
}

/* Add spacing between the left image and the middle text for the service packages */
@media (min-width: 992px) {
    .service__content .service__middle {
        padding-left: 40px !important;
    }
}

@media (min-width: 1200px) {
    .service__content .service__middle {
        padding-left: 60px !important;
    }
}