.error-hero {
    position: relative;
    padding: 140px 20px 160px;
    text-align: center;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.84) 100%);
    color: #fff;
    overflow: hidden;
}

.error-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url('https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/02/news-bg.png') center/cover no-repeat;
    opacity: 0.35;
    z-index: 0;
}

.error-hero__inner {
    position: relative;
    max-width: 760px;
    margin: 0 auto;
    z-index: 1;
}

.error-hero__title {
    font-size: clamp(36px, 5vw, 54px);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 22px;
    font-weight: 700;
}

.error-hero__subtitle {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 40px;
    color: rgba(255, 255, 255, 0.85);
}

.error-hero__actions {
    display: flex;
    gap: 18px;
    justify-content: center;
    flex-wrap: wrap;
}

.error-hero__btn {
    min-width: 200px;
    height: 48px;
    border-radius: 0;
    border: 1px solid rgba(88, 183, 179, 0.92);
    background: rgba(88, 183, 179, 0.92);
    color: #01202c;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.error-hero__btn:hover,
.error-hero__btn:focus {
    transform: translateY(-2px);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.35);
    background: rgba(255, 255, 255, 0.94);
    color: #58B7B3;
}

.error-hero__btn--ghost {
    background: transparent;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.65);
}

.error-hero__btn--ghost:hover,
.error-hero__btn--ghost:focus {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 575px) {
    .error-hero {
        padding: 120px 16px 140px;
    }

    .error-hero__actions {
        flex-direction: column;
    }

    .error-hero__btn {
        width: 100%;
    }
}

/*
Theme Name: Inmode
Theme URI: https://inmode.com
Description: Parent theme for Inmode multi-market sites.
Author: InMode
Text Domain: inmode
Version: 1.0.0
*/

/* Place UK-specific overrides below. Parent styles are enqueued via functions.php */

/*!
Theme Name: Inmode WP Theme
Version: 2025.1.30.v16 - Debug and Cache Bust
*/
body {
    color: #fff;
}

.color_bg {
    background: #fff;
}

* {
    box-sizing: border-box
}

:root {
    --bs-white: #ffffff;
    --bs-black: #000000;
    --bs-lightblue: #59B7B3;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))
}

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

body {
    width: 100%;
    overflow-x: hidden;
    font-family: Heebo;
    background: var(--bs-black)
}

/* ================================================
   UNIFIED CTA BUTTON DESIGN (Single Source of Truth)
   Standard design for all call-to-action buttons across the site.
   Applies to: News, Events, Clinical Studies, etc.
   Memory ID: 11442037
   ================================================ */

/* Base CTA button styles */
.news-card .news-card__btn,
.legacy-event-card .link-btn,
.legacy-study-card .link-btn,
body.single-workstation .work-slider .link-btn,
.clinical-study-item .link-btn,
.studies_list .link-btn,
.studies_list .link_discover,
.home-clinical-slide .link-btn,
.home-clinical-slide .link_discover,
.studies_description a.link-btn,
.studies_description a.link_discover,
.studies_description a.open_download,
a.link-btn.link_discover.open_download {
    display: inline-block;
    padding: 10px 10px !important;
    border: 2px solid #58B7B3 !important;
    border-radius: 0 !important;
    /* Sharp corners */
    background: transparent !important;
    color: #58B7B3 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Hover and focus states */
.news-card .news-card__btn:hover,
.news-card .news-card__btn:focus,
.legacy-event-card .link-btn:hover,
.legacy-event-card .link-btn:focus,
.legacy-study-card .link-btn:hover,
.legacy-study-card .link-btn:focus,
body.single-workstation .work-slider .link-btn:hover,
body.single-workstation .work-slider .link-btn:focus,
.clinical-study-item .link-btn:hover,
.clinical-study-item .link-btn:focus,
.studies_list .link-btn:hover,
.studies_list .link-btn:focus,
.studies_list .link_discover:hover,
.studies_list .link_discover:focus,
.home-clinical-slide .link-btn:hover,
.home-clinical-slide .link-btn:focus,
.home-clinical-slide .link_discover:hover,
.home-clinical-slide .link_discover:focus,
.studies_description a.link-btn:hover,
.studies_description a.link-btn:focus,
.studies_description a.link_discover:hover,
.studies_description a.link_discover:focus,
.studies_description a.open_download:hover,
.studies_description a.open_download:focus,
a.link-btn.link_discover.open_download:hover,
a.link-btn.link_discover.open_download:focus {
    border-color: #ffffff !important;
    color: #ffffff !important;
    background: transparent !important;
}

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

    .news-card .news-card__btn,
    .legacy-event-card .link-btn,
    .legacy-study-card .link-btn,
    body.single-workstation .work-slider .link-btn,
    .clinical-study-item .link-btn,
    .studies_list .link-btn,
    .home-clinical-slide .link-btn,
    .studies_description a.link-btn,
    .studies_description a.open_download {
        padding: 8px 40px;
        font-size: 14px;
    }
}

/* END UNIFIED CTA BUTTON DESIGN */

body.page-template-about-page-template {
    background-color: transparent !important
}

a {
    color: var(--bs-white);
    text-decoration: none;
    outline: 0
}

dl,
ol,
ul {
    margin: 0
}

ul#social li {
    list-style: none;
    gap: 10px;
    padding: 5px 10px;
    font-size: 14px
}

ul#social>li {
    padding: 5px 0px;
}

ul#social li a {
    color: var(--bs-white);
    text-decoration: none
}

#social i.fa.fa-globe {
    font-size: 22px;
    margin-right: 6px
}

ul#top-menu {
    justify-content: right;
    gap: 10px;
    list-style: none;
    font-size: 14px;
    font-family: Heebo;
    margin-right: 20px
}

.col-sm-6.d-flex.justify-content-end {
    align-items: center;
    justify-content: flex-end !important;
    display: flex !important
}

.row.pt-3.mob-hide .col-sm-6:last-child {
    text-align: right;
    justify-content: flex-end
}

.row.pt-3.mob-hide .col-sm-6:last-child .d-flex {
    justify-content: flex-end !important;
    margin-left: auto
}

.row.pt-3.mob-hide .col-sm-6:last-child {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center
}

/* Force the top menu container to be fully right-aligned */
.row.pt-3.mob-hide .col-sm-6:last-child {
    width: 50%;
    margin-left: 50%;
    padding-left: 0 !important;
    padding-right: 48px !important
}

a.custom-logo-link img {
    max-width: 100%;
    height: auto;
    width: 100%;
    -webkit-transition: all .5s;
}

ul#primary-menu,
ul#provider-menu {
    justify-content: center;
    align-items: center;
    list-style: none;
    gap: 10px;
    font-size: 17px;
    margin: 0;
    padding: 0
}

.active .nav-bg>div {
    background: #000000CC
}

/* Fix provider/patient menu full-width black background */
.nav_provider.active,
.nav_patient.active {
    background: #000000CC;
}

/* Fix provider/patient menu responsive layout for mid-size screens */
@media (min-width: 1025px) and (max-width: 1399px) {

    .nav_provider .col-sm-2,
    .nav_patient .col-sm-2 {
        flex: 0 0 auto;
        width: auto;
        min-width: 140px;
    }

    .nav_provider .col-sm-8,
    .nav_patient .col-sm-8 {
        flex: 1;
        width: auto;
    }

    .btn.btn-provider {
        font-size: 16px;
        width: auto;
        min-width: 120px;
        padding: 0 10px;
    }

    .btn.btn-provider.btn1 {
        width: auto;
        min-width: 150px;
    }
}

header {
    background: transparent;
}

.banner {
    background-color: transparent;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding-top: 100px;
}
.home section.banner {
    padding-top: 200px !important; /* Push content down since header is absolute */
    margin-top: 0 !important;      /* Remove negative margin that pulled the image off screen */
    min-height: 100vh;
    height: auto;
    background-position: center top;
}

@media only screen and (max-width:767px) {

    .home section.banner,
    .banner {
        background-color: transparent !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center center !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
        min-height: 100vh !important;
        height: auto !important;
    }

    .home section.banner>.container,
    .home section.banner>.container>.row.signature-section,
    .home section.banner>.container>.row.signature-section>[class*="col-"] {
        margin: 0 !important;
        padding: 0 !important;
    }

    img.w-100.signture {
        padding: 0 !important
    }

    section.about_inmode {
        padding: 50px 0
    }

    .col-md-6.sign {
        height: 440px
    }

    .desktop-hide {
        display: block
    }

    .mob-hide {
        display: none
    }
}

/* ============================================
   MOBILE MENU BREAKPOINT - Single Source of Truth
   Desktop menu (.mob-hide) hidden ≤1024px
   Mobile hamburger shown ≤1024px in TOP LEFT, sticky
   ============================================ */
.mob-hide {
    display: none
}

@media (min-width: 1025px) {
    .mob-hide {
        display: block
    }

    /* Desktop: Show navbar but hide mobile-only elements, show logo */
    nav.navbar.navbar-expand-lg {
        display: flex !important;
        justify-content: center;
        background: transparent;
    }

    nav.navbar.navbar-expand-lg .navbar-toggler,
    nav.navbar.navbar-expand-lg .mobile-menu-btn,
    nav.navbar.navbar-expand-lg #navbarSupportedContent {
        display: none !important
    }

    /* Desktop navbar brand centering */
    .navbar-brand {
        margin: 0 auto;
        text-align: center;
    }

    .navbar-brand img.custom-logo {
        max-height: 60px;
        width: auto;
    }
}

/* ============================================
   TABLET & MOBILE MENU (≤1024px)
   ============================================ */
@media (max-width: 1024px) {

    /* Show mobile navbar, hide desktop */
    nav.navbar.navbar-expand-lg {
        display: block !important;
        background: #000
    }

    .mob-hide {
        display: none !important
    }

    /* Override Bootstrap's navbar-expand-lg which expands at ≥992px */
    .navbar-expand-lg .navbar-collapse {
        display: none !important
    }

    .navbar-expand-lg .navbar-toggler {
        display: block !important
    }

    /* Sticky header */
    .site-header,
    header#masthead {
        position: sticky;
        top: 0;
        z-index: 9999;
        background: #000;
    }

    /* Header wrapper - flexbox for hamburger LEFT, logo CENTER */
    .mobile-header-wrap {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        padding: 10px 20px;
    }

    /* Hamburger button - LEFT side, always visible */
    .mobile-menu-btn {
        display: block !important;
        order: 1;
        background: transparent;
        border: 0;
        color: #fff;
        font-size: 24px;
        padding: 8px 12px;
        cursor: pointer;
        flex-shrink: 0;
    }

    .mobile-menu-btn:focus {
        outline: none;
        box-shadow: none;
    }

    /* Toggle icon visibility */
    .mobile-menu-btn i.fa-bars {
        display: inline-block
    }

    .mobile-menu-btn i.fa-times {
        display: none
    }

    .mobile-menu-btn[aria-expanded="true"] i.fa-bars {
        display: none
    }

    .mobile-menu-btn[aria-expanded="true"] i.fa-times {
        display: inline-block
    }

    /* Logo - CENTER */
    .mobile-header-wrap .navbar-brand {
        order: 2;
        margin: 0 auto;
        flex-grow: 1;
        text-align: center;
    }

    .mobile-header-wrap .navbar-brand img {
        max-height: 24px !important;
        width: auto !important;
    }

    /* Mobile Counters - Match German Design */
    .counter-box.colored .counter,
    .counter-box.colored .counter-suffix {
        font-size: 40px !important;
        line-height: 1.1 !important;
    }

    .counter-box.colored p {
        font-size: 14px !important;
        line-height: 1.2 !important;
        margin-bottom: 15px !important;
        color: #000000 !important;
        /* Force black text for white background */
    }

    .counter-row {
        margin-top: 50px !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        position: relative;
        z-index: 10;
        background: #ffffff !important;
        /* White background to mask image overlap */
    }

    /* Collapse - HIDDEN by default, full width below header */
    #navbarSupportedContent {
        display: none !important;
        order: 3;
        width: 100%;
        flex-basis: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.95);
        z-index: 9999;
        padding: 20px 30px;
    }

    /* Collapse visible when Bootstrap adds .show */
    #navbarSupportedContent.show {
        display: block !important;
    }

    /* Menu items */
    #mobile-menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #mobile-menu li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    #mobile-menu li a {
        display: block;
        padding: 15px 0;
        color: #fff;
        font-size: 18px;
    }

    /* Social icons - below menu */
    .mobile-social {
        display: flex;
        gap: 20px;
        list-style: none;
        padding: 20px 0 0;
        margin: 20px 0 0;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    .mobile-social li a {
        color: #fff;
        font-size: 22px;
    }

    /* Submenu styling */
    .menu-item-has-children .sub-menu {
        position: relative;
        left: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0.3);
        padding: 10px 0 10px 20px;
        margin-top: 5px;
        display: none;
    }

    .menu-item-has-children.active>.sub-menu {
        display: block;
    }

    .sub-menu li a {
        padding: 8px 0;
        font-size: 16px;
    }

    /* Navbar positioning */
    nav.navbar.navbar-expand-lg {
        position: relative;
    }
}

.counter-box.colored {
    color: var(--bs-lightblue)
}

.counter-box.colored .counter-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 4px;
    line-height: 1
}

.counter-box.colored .counter {
    font-size: 64px;
    line-height: 1;
    display: block
}

.counter-box.colored .counter-suffix {
    font-size: 64px;
    line-height: 1;
    display: block
}

.counter-box.colored p {
    color: var(--bs-white);
    font-size: 24px;
    line-height: 28px;
    max-width: 145px;
    text-align: center;
    margin: 0 auto 20px
}

.counter-row {
    border-width: 2px 0 2px 0;
    border-color: var(--bs-white);
    border-style: solid;
    background: transparent
}

section.home-counters {
    background: transparent;
}

section.home-counters .container {
    max-width: 1550px;
}

ul#primary-menu li a,
ul#provider-menu li a,
ul#patients-menu li a {
    padding: 7px 15px;
    display: block;
    font-size: 20px;
    z-index: 999;
}

ul#primary-menu li a .submenu {
    font-weight: 300 !important;
}

ul#top-menu li a {
    padding: 0 10px;
    display: block
}

footer {
    background: var(--bs-black);
    color: var(--bs-white)
}

.footer_top {
    padding-top: 80px;
    padding-bottom: 50px;
    text-align: center
}

.footer_bottom {
    margin-bottom: 10px
}

.footer_top h3 {
    font-size: 48px;
    padding: 10px 0 0;
    margin: 0;
    color: var(--bs-lightblue)
}

.footer_top h5 {
    font-size: 30px;
    font-weight: 400 !important;
    padding: 0;
    margin: 0;
    letter-spacing: -.3px;
    color: var(--bs-lightblue)
}

ul.socail.links {
    display: flex;
    gap: 20px;
    margin-top: 10px;
    list-style: none;
    justify-content: center;
    font-size: 22px;
    margin-left: 20px
}

.site-header ul.socail.links {
    gap: 14px;
    margin-top: 0
}

.row.footer_bottom nav #footer-menu {
    list-style: none;
    font-size: 16px;
    font-weight: 400 !important;
    width: 100%;
    gap: 10px;
    padding-left: 0;
    margin: 0
}

.row.footer_bottom nav #footer-menu li {
    list-style: none
}

/* Footer Bottom - Menu LEFT, Address RIGHT */
.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}

/* Footer links - LEFT side, remove bullets */
.footer-bottom .footer-link,
.footer-bottom .footer-link li,
.footer-bottom .footer-links,
.footer-bottom .footer-links li,
footer .footer-link,
footer .footer-link li,
footer .footer-links,
footer .footer-links li,
footer#colophon .footer-bottom li,
footer#colophon li.menu-item,
#colophon .menu-item {
    list-style: none !important;
    list-style-type: none !important;
    margin-left: 0 !important;
}

.footer-bottom .footer-link,
.footer-bottom .footer-links {
    padding-left: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px 30px;
}

/* Footer Address - RIGHT side, aligned at bottom */
.footer-bottom .footer-address {
    font-size: 16px;
    line-height: 1.6;
    color: #FFFFFF;
    text-align: right;
    max-width: 400px;
}

/* Footer Credit - Centered */
.footer-bottom .footer-credit {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.footer-address p {
    margin-bottom: 0
}

.footer-address {
    display: flex;
    font-size: 16px;
    font-weight: 400 !important;
    justify-content: end;
    align-items: center;
    padding-right: 20px
}

.footer-address .footer-contact-block {
    max-width: 360px;
    margin-left: auto;
    text-align: right;
    display: inline-block
}

.footer-address .footer-contact-block p {
    margin: 0;
    text-align: right
}

.footer-address .footer-contact-block a {
    color: #ffffff;
    text-decoration: none
}

.footer-address .footer-contact-block a:hover {
    text-decoration: underline
}

@@ -@media(max-width:992px) {
    .footer-address {
        justify-content: center;
        padding-right: 0;
        text-align: center
    }

    .footer-address .footer-contact-block {
        margin-left: 0;
        text-align: center
    }
}

/* Dec 2025: Reduced padding for about section - less space above/below */
section.about_inmode {
    text-align: center;
    padding: 50px 0 40px;
    background: #fff
}

section.our_workstation {
    padding: 80px 0;
    text-align: center;
    background: url('/wp-content/uploads/2025/02/Group-21.png');
    background-size: cover;
    background-position: bottom center;
    background-color: var(--bs-black)
}

.our_workstation img {
    margin: 0 auto;
    max-width: 100%
}

.our_workstation p {
    color: var(--bs-white);
    line-height: 25px;
    font-size: 20px;
    max-width: 90%;
    margin: 12px auto 0;
    font-weight: 700;
}

.our_workstation a.link_discover,
.studies_list a.link_discover {
    display: block;
    color: var(--bs-lightblue);
    padding-top: 10px;
    font-weight: 700;
    line-height: 25px
}

/* Note: font-size for CTAs is set in unified CTA block (16px) - DO NOT override here */
section.clinical_studies h2,
section.our_workstation h2 {
    color: var(--bs-white);
    font-size: 36px !important;
    font-weight: 400 !important
}

section.clinical_studies {
    background: var(--bs-black);
    margin-top: -20px;
    text-align: center;
    color: var(--bs-white)
}

hr {
    opacity: 1 !important;
    border: 2px solid var(--bs-white) !important
}

section.clinical_studies .studies_description h2 {
    font-size: 20px !important;
    line-height: 27px !important
}

a.btn.btn-primary.btn-studies {
    background: 0 0;
    border: 0;
    font-weight: 700;
    color: var(--bs-lightblue);
    font-size: 20px;
    line-height: 25px;
    border: 2px solid transparent
}

/* Base hexagon background for clinical studies - Dec 2025 Fix
   Hexagon is SMALL background, book images OVERFLOW beyond it */
.studies_thumb {
    background: url('/wp-content/uploads/2025/02/Layer_1.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% auto;
    /* Hexagon is SMALLER - reduced from 65% */
    padding: 10px;
    min-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    /* Allow book to overflow hexagon */
}

/* Clinical studies spacing & image sizing */
body.page-template-clinical-studies .form-filters {
    margin-bottom: 80px !important;
}

body.page-template-clinical-studies .studies_thumb img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Clinical studies page CTA - inherits from unified CTA block above */
/* REMOVED: Conflicting .page-template-clinical-studies .studies_description a.open_download rules */
/* All clinical studies CTAs now use the unified CTA block (lines 128-202) */

/* Shared clinical study card styles - Dec 2025 Fix
   Hexagon is SMALL background, book images OVERFLOW beyond it */
.legacy-study-card .studies_thumb {
    background: url('/wp-content/uploads/2025/02/Layer_1.png') no-repeat center center;
    background-size: 50% auto;
    /* Hexagon is SMALLER - reduced from 65% */
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 280px;
    overflow: visible;
    /* Book overflows hexagon */
}

.legacy-study-card .studies_thumb a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    background: transparent !important;
    overflow: visible;
}

.legacy-study-card .studies_thumb img {
    width: 380px;
    /* Book is LARGE, overflows hexagon */
    height: auto;
    max-width: none;
    max-height: none;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

/* Legacy study card CTA - inherits from unified CTA block above */
/* REMOVED: Conflicting .legacy-study-card .studies_description a.open_download rules */
/* All clinical studies CTAs now use the unified CTA block (lines 128-202) */

/* Clinical Studies Cards - Equal Height & Center Aligned */
.row.studies {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -15px;
}

.studies_list {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;
}

/* Fixed height image container for consistent card alignment - Dec 2025 Fix
   Hexagon is SMALL background, book images OVERFLOW beyond it */
.studies_list .studies_thumb {
    flex-shrink: 0;
    margin-bottom: 20px;
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible !important;
    /* Book overflows hexagon */
    padding: 10px;
    background-size: 50% auto !important;
    /* Small hexagon - reduced from 65% */
}

.studies_list .studies_thumb a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.studies_list .studies_thumb img {
    max-height: none;
    max-width: none;
    width: 380px;
    /* Book is LARGE, overflows hexagon */
    height: auto;
    object-fit: contain;
}

.studies_list .studies_description {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start;
    text-align: center;
    padding: 8px 15px;
}

/* Fixed height for title/text area */
.studies_list .studies_description h3,
.studies_list .studies_description .clinical-Studies_heading {
    min-height: 32px;
    margin-bottom: 8px;
}

.studies_list .studies_description p.study_date {
    margin-bottom: 5px !important;
}

.studies_list .studies_description p.study_publication {
    min-height: 50px;
    margin-bottom: 15px;
}

/* CTA pushed to bottom */
.studies_list .studies_description .link_discover,
.studies_list .studies_description a.open_download {
    margin-top: auto;
    align-self: center;
    flex-shrink: 0;
}

/* Clinical Studies Carousel Container */
section.clinical_studies .row.studies {
    position: relative;
    padding: 0;
    max-width: 1200px;
    margin: 0 auto;
}

section.clinical_studies .container-fluid.fixed_width {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}

section.clinical_studies .slick-prev,
section.clinical_studies .slick-next {
    z-index: 10;
}

section.clients.says {
    padding: 80px 0;
    text-align: center;
    background: #ffffff
}

.testimonial_thumb img {
    margin: 0 auto
}

.testimonial_description {
    text-align: center
}

.testimonial_description p {
    font-size: 18px !important;
    line-height: 28px;
    color: var(--bs-black);
    font-style: italic;
    font-weight: 300
}

.testimonial_description {
    padding: 10px 0px;
    margin: 0 auto;
    max-width: 400px;
}

.testimonial_description h5 {
    font-size: 20px;
    color: var(--bs-black);
    font-weight: 700
}

section.clinical_studies {
    padding-bottom: 80px
}

.testimonial_description a {
    color: var(--bs-lightblue);
    font-size: 20px;
    text-align: center;
    display: block;
    margin-top: 30px
}

/* Dec 2025: Reduced margin under about title */
.about_inmode h1,
section.clients.says h2 {
    font-size: 36px !important;
    color: var(--bs-lightblue);
    margin-bottom: 20px !important;
    font-weight: 400;
    text-transform: uppercase
}

.about_inmode p {
    font-size: 24px;
    line-height: 37px;
    font-weight: 400;
    color: #000;
}

section.techonology h2 {
    font-size: 62px;
    font-weight: 400 !important;
    color: var(--bs-lightblue);
    white-space: pre-line;
    line-height: 1.1;
    margin-bottom: 30px;
}

section.techonology a.btn.btn-primary.btn-contact {
    border: 1px solid var(--bs-lightblue);
    background: var(--bs-lightblue);
    color: var(--bs-white);
    font-size: 23px;
    max-width: 500px;
    width: 90%;
    border-radius: 0 !important
}

section.techonology .row {
    padding-top: 80px
}

section.techonology {
    background: transparent
}

.desktop-hide {
    display: none
}

.workstation_desc img {
    padding-bottom: 10px
}

.workstation_desc h3 {
    font-size: 20px;
    color: var(--bs-lightblue)
}

.work_list {
    color: var(--bs-white);
    font-size: 14px;
    line-height: 24px
}

section.work_stations {
    padding: 80px 50px;
    background: url('/wp-content/uploads/2025/02/Group-21.png');
    background-repeat: repeat;
    background-position: top center
}

/* ============================================================
   UNIFIED PAGE TITLE - All inner pages use 40px (Dec 2025)
   Covers ALL page templates and single pages
   ============================================================ */
h2.page-title,
h2.page_title,
h1.page-title,
h1.page_title,
h2.color2.heading_post,
.single.single-treatments h2.color2.heading_post,
.single.single-post h2.color2.heading_post,
section.work_stations h2.page-title,
section.events.upcoming-events h2.page-title,
h2.page_title.text-center.after_before_gallery,
.page-template-clinical-studies h2.page_title,
.page-template-treament_template h2.page_title,
.page-template-about-page-template h2.page_title,
.page-template-after-before-template h2.page_title,
.page-template-news_template h2.page_title,
.page-template-blog-template h2.page_title,
.heading_inner h1,
.heading_inner h2 {
    color: var(--bs-lightblue);
    font-size: 40px !important;
    font-weight: 400 !important;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height: 1.2 !important;
}

/* MOBILE PAGE TITLE - 19px on all pages (Dec 2025 Figma) */
@media (max-width: 767px) {

    h2.page-title,
    h2.page_title,
    h1.page-title,
    h1.page_title,
    h2.color2.heading_post,
    .single.single-treatments h2.color2.heading_post,
    .single.single-post h2.color2.heading_post,
    section.work_stations h2.page-title,
    section.events.upcoming-events h2.page-title,
    h2.page_title.text-center.after_before_gallery,
    .page-template-clinical-studies h2.page_title,
    .page-template-treament_template h2.page_title,
    .page-template-about-page-template h2.page_title,
    .page-template-after-before-template h2.page_title,
    .page-template-news_template h2.page_title,
    .page-template-blog-template h2.page_title,
    .heading_inner h1,
    .heading_inner h2 {
        font-size: 19px !important;
        margin-bottom: 20px;
    }
}

ul {
    margin: 0;
    padding: 0
}

ul#provider-menu {
    padding: 0;
    list-style: none
}

ul.sub-menu {
    padding: 0;
    list-style: none;
    position: absolute;
    padding-top: 20px
}

.btn.btn-provider {
    height: 35px;
    line-height: 33px;
    text-transform: uppercase;
    padding: 0px 5px;
    border: 1px solid var(--bs-white);
    display: block;
    width: 155px;
    font-size: 20px;
    text-align: center;
    color: var(--bs-white);
    border-radius: 0;
    margin: 13px 5px
}

.btn.btn-provider.btn1 {
    width: 190px;
}

a.btn.btn-provider:hover {
    background: var(--bs-white) !important;
    color: var(--bs-black) !important
}

.hero-slider.slick-initialized.slick-slider {
    margin-bottom: 0
}

ul#primary-menu li,
ul#provider-menu li {
    position: relative
}

ul#primary-menu li .menu-item-has-children .sub-menu,
ul#provider-menu li .menu-item-has-children .sub-menu {
    display: none;
    position: absolute;
    background-color: transparent;
    padding: 10px;
    z-index: 9999;
    left: 18px;
    margin-top: 8px
}

.overlay-menu:after {
    content: "";
    width: 100vw;
    height: 100vw;
    position: absolute;
    left: 0px;
    background: #00000070;
    z-index: 9;
    top: -60px;
}

.row.footer_bottom nav.navbar.navbar-expand.justify-content-left {
    justify-content: left !important
}

.overlay-menu {
    position: relative
}

button.slick-prev.slick-arrow {
    left: 20px !important;
    z-index: 99
}

button.slick-next.slick-arrow {
    right: 20px !important
}

.our_workstation a.link_discover:hover,
.studies_list a.link_discover:hover {
    color: var(--bs-white)
}

.testimonial_description a:hover {
    color: var(--bs-black)
}

section.techonology a.btn.btn-primary.btn-contact:hover {
    color: var(--bs-lightblue);
    background: var(--bs-white);
    border: 1px solid;
    font-size: 23px !important;
    font-weight: 500 !important
}

.studies_thumb img {
    margin: 0 auto
}

#contactModal .modal-content {
    border: 0;
    padding: 0;
    background: var(--bs-white)
}

#contactModal .modal-content .modal-body {
    padding: 0
}

#contactModal .tab-container {
    margin: 40px 0 0 auto;
    padding: 0 15px
}

#contactModal button.btn-close {
    top: 5px;
    left: calc(100% - 37px)
}

.bg-white.contact_bg.bg-pop {
    color: var(--bs-black) !important;
    min-height: 80vh
}

p.study_date {
    margin-bottom: 0 !important;
    font-size: 20px
}

p.study_publication {
    font-size: 20px
}

section.clinical_studies .container>h2 {
    padding: 50px 0
}

section.clients.says .conatiner-fluid {
    padding-left: 50px;
    padding-right: 50px
}

.page-template-workstation section.work_stations {
    background: var(--bs-black) url('/wp-content/uploads/2025/02/bg-pattren-workstation.png') !important;
    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important
}

.row.workstation-bottom.my-3 {
    max-width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid var(--bs-lightblue)
}

.workstation-link {
    text-align: right
}

.workstation-link a {
    color: var(--bs-lightblue) !important;
    font-size: 16px;
    font-weight: 700
}

.workstation-bottom .workstation_desc {
    color: var(--bs-white);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.workstation-bottom .workstation_desc h3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.workstation-bottom img.wrokstation_logo {
    max-width: 221px;
    margin: 0 auto;
    display: block
}

.post_header h3 {
    color: var(--bs-lightblue);
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 5px;
    margin: 30px;
    line-height: 30px
}

/* Figma specs for Workstation subheading */
body.single-workstation .post_header h3 {
    color: #59B7B3;
    text-align: center;
    font-family: "Fb Einstein", sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2; /* Used 1.2 instead of 20px to prevent text overlap on multi-line subtitles */
    letter-spacing: 4.2px;
    margin: 30px auto;
}

/* Workstation sliders - shared layout */
body.single-workstation section#work_event .container-fluid,
body.single-workstation section#work_news .container-fluid,
body.single-workstation section#work_studies .container-fluid {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 24px;
}

body.single-workstation section#work_event,
body.single-workstation section#work_news,
body.single-workstation section#work_studies {
    overflow-x: hidden;
}

/* Workstation sliders use global defaults */

/* Workstation event cards use global styling */

/* Workstation news cards use global styling */

/* Workstation studies cards use shared styling */

/* Workstation CTAs reuse global button styles */

section.main_part img.mx-auto {
    padding-bottom: 15px;
    height: 175px;
    width: auto;
    margin-top: 0;
    position: relative;
    z-index: 1;
}

.post_header {
    margin-top: 0;
    position: relative;
    z-index: 999 !important; /* Ensure it stays above tech cards */
}

ul.workstation_nav {
    list-style: none
}

ul.workstation_nav li {
    border-right: 1px solid var(--bs-white)
}

ul.workstation_nav li:last-child {
    border: 0
}

ul.workstation_nav li a {
    display: block;
    padding: 0 15px;
    font-size: 17px;
    font-weight: 300;
    line-height: 20px
}

section.main_part .row.content_work h2 {
    font-size: 33px;
    font-weight: 400;
    line-height: 28px;
    padding: 20px 0
}

.row.content_work img {
    margin: 0 auto;
    width: fit-content;
    display: block;
}

div#work_banifit ul {
    padding-left: 20px;
    margin: 0;
    font-size: 23px;
    color: var(--bs-white);
    list-style: outside;
    line-height: 40px;
    font-weight: 400
}

.row.content_work {
    padding-top: 80px
}

section.main_part .post_desc {
    font-size: 20px;
    line-height: 30px;
    color: var(--bs-white);
    font-weight: 400
}

div#work_banifit>ul>li {
    padding: 0px 0;
    margin-bottom: 5px; /* Added small margin so it doesn't completely overlap */
}

div#work_banifit>ul>li::marker,
.fundamentals ul>li::marker {
    color: var(--bs-lightblue)
}

div#work_banifit a.request-list {
    text-align: right;
    width: fit-content;
    display: block;
    margin-left: auto;
    font-size: 25px;
    line-height: 28px;
    font-weight: 500;
    padding-bottom: 20px
}

body.single.single-workstation {
    background-image: url('https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/02/Group-20-3.png');
    background-position: top 78vh center;
    background-repeat: no-repeat
}

section#work_studies {
    padding-bottom: 40px !important
}

hr.border-single-work {
    max-width: 98%;
    margin: 60px auto 0;
    border: 2px solid var(--bs-lightblue) !important
}

section#work_studies hr.border-single-work {
    margin-bottom: 40px
}

section.main_part {
    padding-bottom: 80px
}

section#work_tech h2.inner_heading {
    font-size: 33px;
    line-height: 28px;
    font-weight: 400
}

section#work_event {
    margin: 30px 0
}

section#work_event h2,
section#work_news h2 {
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    padding: 40px 0;
    text-align: center;
    color: var(--bs-white) !important;
    text-transform: uppercase
}

body.single-workstation section#work_event h2,
body.single-workstation section#work_news h2 {
    font-size: 20px;
    line-height: 25px;
    padding: 40px 0;
    text-align: center;
    color: var(--bs-white) !important;
    text-transform: uppercase;
}

section#work_news {
    padding-bottom: 80px
}

section#work_tech h3 {
    font-size: 33px;
    line-height: 28px;
    font-weight: 400
}

section#work_tech .after-before.mt-auto span {
    color: var(--bs-white);
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    padding-top: 10px !important;
    display: block
}

/* ============================================
   TECHNOLOGY CARDS - SINGLE SOURCE OF TRUTH
   Self-contained component
   ============================================ */

/* 1. Grid Container - 3 columns, equal height cards */
#work_tech .tech-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    align-items: stretch;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
}

/* 2. Card Structure - Flexbox column */
#work_tech .tech-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: transparent;
    border: none;
    padding: 0 15px;
    box-shadow: none;
    transition: transform 0.3s ease;
}

#work_tech .tech-card:hover {
    transform: translateY(-6px);
    box-shadow: none;
}

/* 3. Hexagon Section - Figma Design */
#work_tech .tech-card__hexagon {
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

#work_tech .tech-card__hexagon-img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* 4. Logo Section - Fixed 80px */
#work_tech .tech-card__logo {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

#work_tech .tech-card__logo-img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* 5. Content Area - Dynamic Height */
#work_tech .tech-card__content {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}

/* 6. Text Section - Full Content No Truncation */
#work_tech .tech-card__text {
    text-align: center;
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    color: var(--bs-white);
}

#work_tech .tech-card__text p {
    margin: 0 auto;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
}

/* 8. Slider Section - Pushed to bottom */
#work_tech .tech-card__slider {
    margin-top: auto;
    width: 100%;
}

#work_tech .tech-card__slider .ba-Slider {
    width: 100%;
    aspect-ratio: 16/10;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    background: rgba(0, 0, 0, 0.4);
}

#work_tech .tech-card__slider .ba-Slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#work_tech .tech-card__slider .ba-Slider .slider2 {
    top: 0;
    bottom: auto;
    height: 100%;
}

#work_tech .tech-card__slider-placeholder {
    width: 100%;
    aspect-ratio: 16/10;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px dashed rgba(255, 255, 255, 0.1);
}

/* TECHNOLOGY CARDS - RESPONSIVE BREAKPOINTS */

/* Tablet: 2 columns */
@media (max-width: 991px) {
    #work_tech .tech-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
        padding: 0 30px;
    }

    #work_tech .tech-card__hexagon {
        height: 200px;
    }
}

/* Mobile: 1 column */
@media (max-width: 575px) {
    #work_tech .tech-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 0 20px;
    }

    #work_tech .tech-card {
        padding: 24px 20px;
    }

    #work_tech .tech-card__hexagon {
        height: 175px;
    }

    /* Hide empty before/after placeholder on mobile */
    #work_tech .tech-card__slider-placeholder {
        display: none !important;
    }

    /* If no slider content, hide the slider section */
    #work_tech .tech-card__slider:empty {
        display: none !important;
    }
}

/* ============================================
   END TECHNOLOGY CARDS
   ============================================ */

section#work_studies h3 {
    font-size: 36px;
    line-height: 45px;
    font-weight: 400;
    padding-bottom: 40px
}

.tech_list a.link-btn {
    border: 2px solid;
    padding: 5px 50px;
    display: block;
    width: fit-content;
    margin: 20px auto;
    font-size: 20px;
    font-weight: 400
}

section#work_studies h2 {
    padding: 0 0 50px;
    margin-top: 50px
}

section.clinical_studies .btn-primary:hover {
    background-color: transparent;
    color: var(--bs-lightblue) !important;
    border: 2px solid var(--bs-lightblue)
}

section.clinical_studies a.btn.btn-primary.btn-studies {
    border: 2px solid transparent;
    color: #fff;
}

section.clinical_studies a.btn.btn-primary.btn-studies:hover {
    background: 0 0;
    border: 2px solid var(--bs-lightblue);
    color: var(--bs-lightblue)
}

.page-template-treament_template {
    background-image: url('https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/02/bg-1-2.png'), url('https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/02/bg-banner.png');
    background-size: 100% 80vh, auto auto;
    background-repeat: no-repeat;
    background-position: top center, center center
}

/* Font size now controlled by unified page title rule - keep only text-transform */
h2.page_title {
    text-transform: uppercase
}

/* Treatment lobby grid - NO row-reverse, preserves ACF order */
ul.treament-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

ul.treament-list li {
    list-style: none;
    width: 33%
}

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

.treatments-grid .treatment_list {
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

h3.treatment_heading {
    max-width: 240px;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -60%);
    text-align: center;
    font-size: 20px
}

.treament-thumb {
    width: 260px;
    position: relative;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    overflow: hidden
}

.team-list.col-md-4.text-right .treament-thumb {
    margin-left: auto
}

.team-list a.color2.link-btn {
    display: block;
    margin: 20px auto;
    width: 220px;
    text-align: center;
    border: 2px solid;
    padding: 5px 10px;
}

.overlay {
    height: 100%;
    width: 100%;
    background: #00000070;
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: 99;
}

.treament-thumb a:hover .overlay {
    opacity: 1
}

.results-section {
    padding: 80px 15px
}

.image {
    position: relative;
    width: 40em;
    max-width: 100%;
    height: 20em;
    margin: auto
}

span.caption_title {
    position: absolute;
    bottom: 0;
    color: var(--bs-white);
    width: 100%;
    text-align: right;
    display: block;
    padding: 10px
}

img.title_logo {
    display: block;
    margin: 10px auto
}

a.link {
    text-align: center;
    display: block;
    margin-bottom: 50px
}

.comparison {
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative
}

figure {
    position: absolute;
    background-size: cover !important;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0
}

.divisor {
    background-size: cover !important;
    position: absolute;
    width: 50%;
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .3);
    bottom: 0;
    height: 100%
}

.handle {
    position: absolute;
    height: 50px;
    width: 50px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
    background: var(--bs-lightblue);
    border-radius: 50%;
    border-color: var(--bs-lightblue)
}

input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
    background-color: transparent;
    width: calc(100% + 50px);
    z-index: 2
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: 0 0;
    border: 4px solid #fff;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .3)
}

input[type=range]::-moz-range-track {
    -moz-appearance: none;
    height: 15px;
    width: 100%;
    background-color: transparent;
    position: relative;
    outline: 0
}

.news-desc {
    padding: 15px 35px;
    text-align: center;
    background: var(--bs-lightblue)
}

.news-desc h4 {
    font-size: 16px;
    text-align: right;
    border-bottom: 2px solid var(--bs-white);
    width: fit-content;
    font-weight: 700;
    color: var(--bs-white)
}

.news-desc p {
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    line-height: 26px;
    font-weight: 700;
    min-height: 80px;
    overflow: hidden;
    color: #000;
}

.news-desc h2 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #000;
    min-height: 80px;
}

/* Font size now controlled by unified page title rule at top */
.single.single-treatments h2.color2.heading_post {
    margin: 0;
    text-align: center
}

.single.single-treatments h3 {
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    letter-spacing: 0;
    text-transform: uppercase;
    word-spacing: 5px;
    color: var(--bs-white)
}

.single.single-treatments .single-post_desc h3 {
    font-size: 32px;
    text-align: right;
    color: var(--bs-lightblue);
    text-transform: capitalize;
    word-spacing: 5px
}

.single.single-treatments .single-post_desc p {
    color: var(--bs-white);
    font-size: 23px;
    line-height: 28px;
    margin-bottom: 25px
}

.result_list1.col-md-4>div {
    max-width: 450px;
    margin: 0 auto;
    text-align: center
}

.after-before-content p {
    color: var(--bs-white);
    font-size: 23px;
    line-height: 28px;
    font-weight: 400;
    margin: 30px auto
}

/* Font size now controlled by unified page title rule */
.page-template-clinical-studies h2.page_title {}

.page-template-clinical-studies .main_part p {
    font-size: 24px;
    line-height: 37px;
    font-weight: 400
}

.page-template-clinical-studies h3.clinical-Studies_heading {
    font-size: 26px;
    line-height: 32px;
    font-weight: 400
}

.page-template-clinical-studies .studies-meta p {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    text-align: center
}

.page-template-clinical-studies .studies-meta {
    padding: 20px 0
}

/* Clinical studies page CTA - use unified style */
.page-template-clinical-studies a.color2.link-btn {
    font-size: 16px !important;
    border: 2px solid var(--bs-lightblue);
    padding: 10px 10px !important;
    display: block;
    max-width: max-content;
    margin: 20px auto
}

.modal-header {
    border-bottom: none
}

.modal-content {
    height: auto;
    border-radius: 0;
    background: 0 0;
    box-shadow: none
}

.modal-body form {
    margin: 0 auto
}

.modal-content .close {
    opacity: 1;
    font-size: 30px
}

div#exampleModal {
    background: rgba(0, 0, 0, .8)
}

input.search-field {
    background: 0 0;
    color: var(--bs-white);
    border: 1px solid var(--bs-white);
    box-shadow: none;
    padding: 13px 20px;
    width: 300px
}

input.search-submit {
    background: var(--bs-white);
    border: 1px solid var(--bs-white);
    padding: 13px 20px;
    font-size: 16px;
    font-weight: 400
}

.modal-content {
    color: var(--bs-white);
    border-color: var(--bs-white)
}

button.btn-close {
    padding: 0;
    margin: 0;
    color: var(--bs-white);
    opacity: 1;
    top: -10px;
    position: relative;
    font-size: 24px;
    outline: 0 !important
}

.modal-header .btn-close:hover {
    color: var(--bs-white)
}

button.btn.btn-search {
    background: 0 0;
    border: 0;
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    top: -2px;
    position: relative;
    color: var(--bs-white)
}

.trapezoid-1 {
    height: 50px;
    width: 200px;
    background: var(--bs-lightblue);
    text-align: center;
    line-height: 50px;
    position: fixed;
    top: calc(50% + 100px);
    right: -75px;
    transform: rotate(90deg) translateX(-50%);
    clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%)
}

.trapezoid-1 a {
    display: block
}

/* Mobile floating contact tab - hidden on desktop */
.mobile-contact-tab {
    display: none
}

.tab-container form input,
.tab-container form select,
.tab-container form textarea {
    width: 80% !important;
    height: 35px;
    border: 1px solid var(--bs-black);
    padding: 0 10px
}

.tab-container form textarea {
    height: 87px
}

.tab-container form label {
    display: block;
    width: 100%;
    padding: 0;
    margin: 6px 0 0;
    color: #000;
}

.tab-container form input.wpcf7-submit {
    max-width: 258px;
    margin: 0 auto;
    display: block;
    height: 49px;
    background: var(--bs-lightblue);
    color: var(--bs-white);
    border: 0;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 400;
}

.nav-tabs {
    border-bottom: 1px solid var(--bs-black)
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
    background: var(--bs-black);
    color: var(--bs-white);
    border-color: var(--bs-black);
    border-radius: 0
}

/* Contact page - fixed size image (vh units prevent resizing when errors appear) */
.bg-white.contact_bg {
    background-color: var(--bs-white) !important;
    background-image: url('/wp-content/uploads/2025/02/Pro-Capture-One-2229-Contact-1.png'), url('/wp-content/uploads/2025/02/Group-20-1.png');
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom, center center;
    background-size: auto 70vh, contain
}

/* Contact popup modal - larger image */
.bg-white.contact_bg.bg-pop {
    background-size: auto 80vh, contain
}

.nav-tabs,
.nav-tabs .nav-link {
    background: 0 0;
    color: var(--bs-black);
    border-color: var(--bs-black);
    border-radius: 0
}

body.single.single-treatments {
    background-image: url('https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/02/bg-1-2.png'), url('https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/02/bg-banner.png');
    background-size: 100% 80vh, auto auto;
    background-repeat: no-repeat;
    background-position: top center, center center
}

body.single.single-treatments section.main_part {
    padding-bottom: 0
}

.workstation_desc h3 {
    text-transform: uppercase
}

.workstation_desc li {
    list-style: inside
}

.workstation_desc p {
    margin-bottom: 20px
}

.workstation-link a:hover {
    color: var(--bs-white) !important
}

section.logo_list {
    background: rgba(89, 183, 179, .64)
}

.logo_list img {
    max-width: 180px;
    width: 100%
}

.page-desc p {
    font-size: 22px;
    text-align: center;
    color: var(--bs-white);
    line-height: 1.8
}

.studies_description {
    padding: 8px 20px
}

h3.clinical-Studies_heading.color2 {
    font-size: 26px;
    line-height: 32px
}

.studies-meta p {
    text-align: right;
    color: var(--bs-white);
    font-size: 17px;
    line-height: 24px;
    margin: 0
}

.studies-meta {
    padding: 0 20px
}

/* Workstation styling - single source of truth in parent theme */
.workstation_img.col-md-5.col-sm-12 {
    overflow: visible !important;
}

.workstation_img img {
    height: auto !important;
    object-fit: contain !important;
    max-height: 700px !important;
    width: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Workstation single page sections */
.section-content {
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
    margin-bottom: 30px;
}

.section-content p {
    margin-bottom: 15px;
    color: #fff;
}

.section-content ul,
.section-content ol {
    margin-bottom: 15px;
    padding-left: 20px;
    color: #fff;
}

.section-content li {
    margin-bottom: 5px;
    color: #fff;
}

.section-content h1,
.section-content h2,
.section-content h3,
.section-content h4,
.section-content h5,
.section-content h6 {
    color: #59B7B3;
}

.section-content a {
    color: #59B7B3;
}

.section-content a:hover {
    color: #fff;
}

.btn-check:focus+.btn,
.btn:focus {
    box-shadow: none
}

.color2 {
    color: var(--bs-lightblue) !important;
}

a:hover {
    color: var(--bs-white)
}

.menu-item-has-children .sub-menu {
    display: none;
    position: absolute;
    background-color: #00000070;
    padding: 10px;
    z-index: 9999;
    left: 0
}

.sub-menu li a:hover {
    color: var(--bs-lightblue)
}

.menu-item-has-children>a {
    position: relative
}

.menu-item-has-children>a:after {
    content: "\f107";
    font-size: 12px;
    margin-left: 5px;
    cursor: pointer;
    font-family: FontAwesome
}

.collapse.show .menu-item-has-children .sub-menu {
    position: relative;
    left: 0;
    background: 0 0
}

/* Submenu styling is handled in the mobile menu breakpoint section above */
.row.content_work.align-items-end.px-5 {
    max-width: 1550px;
    margin: 0 auto
}

section#work_tech h2 {
    max-width: 1550px;
    margin: 0 auto
}

.slick-prev:before {
    content: "\f104" !important;
    font-family: FontAwesome !important;
    font-size: 40px;
    color: var(--bs-lightblue)
}

.slick-next:before {
    content: "\f105" !important;
    font-family: FontAwesome !important;
    font-size: 40px;
    color: var(--bs-lightblue)
}

.testimonial_slider .slick-next:before,
.testimonial_slider .slick-prev:before {
    color: var(--bs-lightblue) !important
}

/* Homepage Clinical Studies Slider - Pre-slick and post-slick states */
/* Dec 2025: Arrows OUTSIDE cards - container with extra padding for arrow space */
section.clinical_studies {
    overflow: visible !important;
}

section.clinical_studies .container-fluid.fixed_width {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 80px !important;
}

section.clinical_studies .row.studies.home-clinical-slider {
    margin: 0 auto !important;
    max-width: 1200px;
    width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box;
    overflow: visible;
    position: relative;
}

/* Before Slick initializes - hide items beyond 3 and show grid */
.home-clinical-slider:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    justify-items: center;
}

.home-clinical-slider:not(.slick-initialized)>.home-clinical-slide:nth-child(n+4) {
    display: none !important;
}

/* Reset row flex behavior for slider container */
.row.studies.home-clinical-slider {
    flex-wrap: nowrap;
}

.home-clinical-slider .slick-list {
    padding: 0;
    overflow: hidden;
    margin: 0 auto;
}

.home-clinical-slider .slick-slide {
    display: flex !important;
    justify-content: center;
    align-items: stretch;
    padding: 0 !important;
}

.home-clinical-slider .home-clinical-slide {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    display: flex;
}

.home-clinical-slider .home-clinical-slide .legacy-study-card {
    width: 100%;
}

/* Dec 2025: Arrows positioned OUTSIDE cards */
.home-clinical-slider .slick-prev,
.home-clinical-slider .slick-next {
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
}

.home-clinical-slider button.slick-prev.slick-arrow {
    left: -50px !important;
}

.home-clinical-slider button.slick-next.slick-arrow {
    right: -50px !important;
}

.home-clinical-slider .slick-prev:before,
.home-clinical-slider .slick-next:before {
    content: "\f104" !important;
    font-family: FontAwesome !important;
    color: var(--bs-lightblue) !important;
    font-size: 40px;
}

.home-clinical-slider .slick-next:before {
    content: "\f105" !important;
}

@media (min-width: 768px) {
    section.clinical_studies .row.studies {
        justify-content: center;
    }

    .home-clinical-slider .slick-track {
        display: flex !important;
        align-items: stretch !important;
        justify-content: center;
        gap: 30px;
        margin: 0 auto !important;
    }

    .home-clinical-slider .slick-slide {
        width: auto !important;
    }

    .home-clinical-slider .slick-list {
        overflow: hidden;
        padding: 0;
    }
}

@media(max-width:767px) {

    /* Mobile: Full width container with small padding for arrows */
    section.clinical_studies .container-fluid.fixed_width {
        padding: 0 10px !important;
    }

    section.clinical_studies .row.studies.home-clinical-slider {
        width: 100% !important;
        padding: 0 !important;
    }

    /* Mobile arrows: inside the container edges */
    .home-clinical-slider button.slick-prev.slick-arrow {
        left: 5px !important;
    }

    .home-clinical-slider button.slick-next.slick-arrow {
        right: 5px !important;
    }

    /* Pre-slick state - show only 1 item on mobile */
    .home-clinical-slider:not(.slick-initialized) {
        grid-template-columns: 1fr;
    }

    .home-clinical-slider:not(.slick-initialized)>.home-clinical-slide:nth-child(n+2) {
        display: none !important;
    }

    /* Container padding for arrows - use box-sizing to ensure proper width calculation */
    .home-clinical-slider .slick-list {
        padding: 0 24px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Ensure slide width matches the .slick-list content width (excluding padding) */
    .home-clinical-slider .slick-slide {
        box-sizing: border-box !important;
    }

    /* Hide cloned slides completely */
    .home-clinical-slider .slick-slide.slick-cloned {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Ensure arrows are visible and outside cards on mobile */
    .home-clinical-slider .slick-prev,
    .home-clinical-slider .slick-next {
        display: block !important;
        visibility: visible !important;
        z-index: 10 !important;
        opacity: 1 !important;
    }

    .home-clinical-slider .slick-prev {
        left: 5px !important;
    }

    .home-clinical-slider .slick-next {
        right: 5px !important;
    }

    /* JavaScript will set the exact width, but ensure it can override Slick's inline styles */
    .home-clinical-slider .slick-track .slick-slide {
        /* Width set by JavaScript to match .slick-list content width */
    }

    /* Style disabled arrows */
    .home-clinical-slider .slick-arrow.slick-disabled {
        opacity: 0.3 !important;
        cursor: not-allowed !important;
        pointer-events: none !important;
    }

    /* Remove Bootstrap column width constraints - let content flow naturally */
    .home-clinical-slider .slick-slide .col-lg-4,
    .home-clinical-slider .slick-slide .col-md-6,
    .home-clinical-slider .slick-slide .col-12 {
        width: auto !important;
        max-width: none !important;
        flex: none !important;
    }

    /* Constrain the actual card content to 320px and center it */
    .home-clinical-slider .slick-slide .home-clinical-slide {
        width: 320px !important;
        max-width: 320px !important;
        margin: 0 auto !important;
    }
}

/* Slick controls .slick-track display - DO NOT override with flex (Dec 2025 fix) */
.single-workstation .work-slider .slick-track {
    align-items: stretch;
}

.single-workstation .work-slider .slick-slide {
    display: flex !important;
    align-items: stretch;
    padding: 0 12px !important;
    height: auto;
    box-sizing: border-box;
}

.single-workstation .work-slider .slick-slide>* {
    margin: 0 auto;
    display: flex !important;
    flex-direction: column;
    height: 100%;
}

.slick-prev {
    left: 0
}

.slick-next {
    right: 0
}

/* MOBILE MENU RULES - Moved to mobile breakpoint section (line ~273) */
section#work_studies {
    margin-top: 0
}

.news-desc p.date {
    font-size: 16px !important;
    margin-top: 0;
    color: var(--bs-white)
}

.navbar-expand {
    justify-content: center !important
}

.btn.btn-provider:hover {
    background: var(--bs-white) !important;
    color: var(--bs-black)
}

.active button.btn.btn-provider {
    background: var(--bs-white);
    color: var(--bs-black)
}

ul#social {
    position: relative
}

ul#social .menu-item-has-children .sub-menu li a {
    color: var(--bs-white);
    font-size: 14px !important
}

ul#primary-menu>.menu-item-has-children>ul.sub-menu,
ul#provider-menu>.menu-item-has-children>ul.sub-menu {
    width: max-content !important
}

ul#primary-menu>.menu-item-has-children>ul.sub-menu li>ul.sub-menu,
ul#provider-menu>.menu-item-has-children>ul.sub-menu li>ul.sub-menu {
    left: 100%;
    top: 0;
    margin-top: 0;
    padding-top: 0;
    width: max-content
}

ul#primary-menu li>ul.sub-menu li>ul.sub-menu li a,
ul#provider-menu li>ul.sub-menu li>ul.sub-menu li a {
    padding: 9px 10px 0;
    font-weight: 300 !important;
}

ul#primary-menu>li>a,
ul#provider-menu>li>a {
    border-bottom: 1px solid transparent
}

ul#primary-menu>li>a:active,
ul#primary-menu>li>a:hover,
ul#provider-menu>li>a:active,
ul#provider-menu>li>a:hover {
    border-color: var(--bs-lightblue);
    color: var(--bs-lightblue)
}

.tab-container {
    margin: 0 0 0 auto;
    width: 950px;
    padding: 80px 15px;
    max-width: 100%
}

.menu-item-has-children>.sub-menu>.menu-item-has-children>a:after {
    content: "\f105";
    width: 10px;
    font-size: 20px;
    margin-left: 15px
}

.menu-item-has-children>.sub-menu>li>a {
    font-size: 24px !important;
    font-weight: 300;
    line-height: 36px !important;
}

ul#primary-menu li>ul.sub-menu li>ul.sub-menu li a,
ul#provider-menu li>ul.sub-menu li>ul.sub-menu li a {
    padding: 3px 10px 0;
    font-size: 24px !important;
    font-weight: 300;
}

section#work_event .row.tech_list.px-5 {
    padding: 0 50px
}

.row.justify-content-center.align-items-center.single_details p {
    font-size: 16px;
    color: #fff;
}

body.page-template-clinical-studies .main_part .container-fluid {
    max-width: 1550px;
}

body.page-template-clinical-studies {
    background-image: url('https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/02/bg-1-2.png'), url('https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/02/bg-banner.png');
    background-size: 100% 80vh, 100% auto;
    background-repeat: no-repeat;
    background-position: top center, center center;
}

ul.sub-menu {
    z-index: 9999999 !important;
}

img.custom-logo:hover {
    transform: scale(1.1);
}

.site-title {
    display: none;
}

.fixed_width.container-fluid {
    max-width: 1550px;
    margin: 0 auto;
}

/* About page background - applied to entire page */
body.page-template-about-page-template {
    background-image: url('./img/about-page-bg.png') !important;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-color: transparent !important;
}

/* Ensure header remains visible on about page - solid black like other inner pages */
body.page-template-about-page-template .site-header {
    background: #000 !important;
    /* Solid black - matches other inner pages */
    position: relative !important;
    z-index: 1000 !important;
}

section.body_content_about {
    color: #000 !important;
    padding: 35px 0;
    background: transparent !important;
    position: relative;
    z-index: 1;
}

section.body_content_about p {
    color: #000;
}

section.body_content_about .page-desc p {
    font-size: 24px;
    line-height: 37px;
}

section.body_content_about hr.single_border {
    border: 2px solid #59b7b3 !important;
    margin-top: 50px;
    margin: 50px auto;
    width: 90%;
}

section.body_content_about h2 {
    font-weight: 400;
    text-transform: uppercase;
}

section.body_content_about h3.heading_sub_inner {
    font-size: 33px;
    line-height: 37px;
    font-weight: 400;
}

.vision_mission {
    font-size: 23px;
    line-height: 37px;
}

.fundamentals ul li {
    font-size: 23px;
    line-height: 37px;
}

.fundamentals ul {
    padding-left: 30px;
}

.fixed_width.team_group {
    padding-top: 80px;
    margin-bottom: 40px;
}

/* About Page Team Section - Figma Design Dec 2025 */
/* Team Group Title - Figma: 33px, 400 weight, uppercase, teal */
.fixed_width.team_group h2.heading_inner,
.fixed_width.team_group h2.color2.heading_inner {
    font-family: 'Heebo', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 33px;
    line-height: 37px;
    text-transform: uppercase;
    color: #59B7B3;
    text-align: center;
    margin-bottom: 40px;
}

/* Team Member Name + Designation Container - Figma styling */
.team_description h3.color2,
.team_list_div .team_description h3 {
    font-family: 'Heebo', sans-serif;
    font-style: normal;
    line-height: 27px;
    text-transform: uppercase;
    color: #59B7B3;
    margin: 0;
    text-align: right;
}

/* Team Member Name - Figma: 21px, 600 weight */
.team_description h3 .team-name {
    font-weight: 600;
    font-size: 21px;
}

/* Team Member Designation - Figma: 18px, 200 weight */
.team_description h3 .team-designation {
    font-weight: 200;
    font-size: 18px;
    display: block;
    margin-top: 2px;
    margin-bottom: 8px;
}

.team_thumb img {
    clip-path: polygon(7% 28%, 49% 7%, 92% 28%, 92% 71%, 49% 92%, 7% 70%);
    height: 163px;
    padding: 0;
    width: 337px;
    object-fit: cover;
    object-position: top center;
}

.team_thumb {
    background: url("https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/02/box-container.png");
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
}

div#teamModal .modal-dialog .modal-content {
    background: #fff;
    color: #000;
    border: 1px solid;
}

.team-list.row img {
    width: 180px;
}

/* Override Bootstrap padding for team member spacing */
.team-list.row .col-md-4.pb-5 {
    padding-bottom: 5rem !important;
    /* Increased from 3rem to 5rem */
}

.team-list.row .col-md-4.pb-sm-3 {
    padding-bottom: 3rem !important;
    /* Increased from 1rem to 3rem on small screens */
}

.team_description h4,
.team_description p {
    font-size: 16px !important;
    line-height: 23px !important;
    margin: 5px 10px 10px;
    color: var(--bs-lightblue) !important;
    text-align: right;
    text-transform: uppercase;
}

.team-list.row p {
    font-size: 20px;
    line-height: 33px;
    color: #000 !important;
}

div#teamModal {
    background-color: rgba(255, 255, 255, 0.8);
}

div#teamModal button.btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
}

img#modalImage {
    max-height: 190px;
    margin-right: 20px;
}

.team-list.row p {
    font-size: 20px;
    line-height: 33px;
    text-align: right;
    color: #000 !important;
}

.team_list_div:after {
    content: "";
    position: absolute;
    width: calc(100% - 130px);
    height: 2px;
    background: var(--bs-lightblue);
    right: 0;
    bottom: 12px;
}

.team_list_div {
    position: relative;
}

.team_pop_content h5 {
    font-size: 21px;
    line-height: 27px;
    text-transform: uppercase;
    text-align: right;
}

div#teamModal .d-flex.align-items-end {
    border-bottom: 2px solid #59b7b3;
    width: fit-content;
}

p#modalContent {
    text-align: right;
    margin-top: 10px;
    font-size: 20px;
    line-height: 33px;
}

.team_pop_content {
    margin-bottom: 20px;
}

.team_description.p-2 {
    width: calc(100%);
}

.img-thumb {
    width: 180px;
}

button.btn-close {
    top: 0;
    font-size: 20px;
}

section.our_workstation h2 {
    margin-bottom: 50px;
}

.our_workstation .slick-dots li button:before {
    color: #fff !important;
}

.slick-dots li button:before {
    opacity: 1 !important
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 0.25 !important;
}

p.branding {
    margin-bottom: 0;
    font-size: 10px;
    margin-top: 0px;
}

input.search-submit:hover {
    background: var(--bs-lightblue);
    border-color: var(--bs-lightblue);
    color: #fff;
    border: 1px solid var(--bs-lightblue);
}

.meta_content>p {
    min-height: unset;
}

.news-desc h3 {
    color: #000;
    font-size: 20px;
    margin-top: 10px;
    font-weight: 500;
}

/* Font size now controlled by unified page title rule */
section.work_stations h2.page-title {
    color: var(--bs-lightblue);
}

.frame-container {
    position: relative;
    display: inline-block;
    width: 300px;
    height: 310px;
}

.frame-container img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-image: url('#hex-mask');
    mask-image: url('#hex-mask');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: white;
}

.hexagon-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.bg_work img {
    max-height: 650px;
    opacity: 0;
}

.news-thumb img {
    width: 100%;
}

.slick-initialized .slick-slide.team-list.blog-list {
    display: block;
    margin-left: 50px;
    margin-right: 50px;
}

body.single.single-workstation section.main_part {
    postion: relative;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999 !important; /* Ensure sticky anchor menu is above cards */
    left: 0;
    padding: 20px;
    background: rgba(0, 0, 0, 0.8);
}

/* Original ba-Slider rule - force height constraint for desktop */
.ba-Slider {
    position: relative;
    display: block;
    width: max-content;
    margin: 0 auto;
    overflow: hidden;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 100%;
}

/* CLEANED UP - Removed duplicate conflicting CSS */

/* Before/After true split fix */
.ba-Slider {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 270px;
    max-height: 270px;
    min-height: 270px;
    overflow: hidden;
    background: #000;
}

.ba-Slider #after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 270px;
    z-index: 1;
    overflow: hidden;
}

.ba-Slider #before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    /* Controlled by JS */
    height: 270px;
    z-index: 2;
    overflow: hidden;
}

.ba-Slider #before.ease,
.ba-Slider .slider2.ease {
    transition: width 0.2s ease, left 0.2s ease;
}

.ba-Slider #before img,
.ba-Slider #after img {
    width: 100%;
    height: 270px;
    object-fit: cover;
    display: block;
}

/* Figma-style bar and handle - Updated to match Figma specs */
.ba-Slider .slider2 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 5px;
    /* Figma: 5px solid #59B7B3 */
    height: 100%;
    background: #59B7B3;
    /* InMode teal */
    z-index: 3;
    cursor: ew-resize;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 6px rgba(89, 183, 179, 0.5);
}

/* Hexagonal handle - Figma specs: 36x42px */
.ba-Slider .slider2::after {
    content: '';
    display: block;
    width: 36px;
    height: 42px;
    background: #59B7B3;
    /* InMode teal */
    /* Hexagon shape from Figma */
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    border-radius: 0;
}

/* Arrow icons inside handle - using CSS triangles */
.ba-Slider .slider2::before {
    content: '◀ ▶';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 8px;
    letter-spacing: 2px;
    z-index: 1;
    white-space: nowrap;
}

@media (max-width: 600px) {
    .ba-Slider .slider2::after {
        width: 30px;
        height: 36px;
    }

    .ba-Slider .slider2::before {
        font-size: 6px;
    }

    .ba-Slider {
        aspect-ratio: 1/1;
    }
}

@media (max-width: 767px) {
    .ba-Slider {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* REMOVED CONFLICTING CSS - keeping only the fixed version at line 1172 */
body.page-template-news_template:not(.single-workstation),
.page-template-blog-template,
.news-template-default,
.post-template-default,
.page-template-past-events,
.page-template-upcoming-events {
    background: #000 url('https://inmodemdmasstg.wpenginepowered.com/wp-content/uploads/2025/02/news-bg.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

/* Filter Dropdown Buttons - arrow on right side */
.form-filters button.btn.btn_border_white.dropdown-toggle,
.form-filters button.btn_border_white {
    border: 1px solid #fff;
    color: #fff;
    width: 230px !important;
    font-size: 20px;
    font-weight: 400;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    text-align: right;
}

.form-filters .dropdown-toggle::after {
    margin-left: auto;
    flex-shrink: 0;
}

.filter_list {
    gap: 15px;
}

/* Filter Dropdown Menu Items - proper spacing and no overflow */
.form-filters ul.dropdown-menu.show li label {
    color: #fff !important;
    white-space: normal !important;
    font-size: 16px !important;
    background: transparent;
    font-weight: 400;
    line-height: 1.4;
    padding: 8px 12px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.form-filters ul.dropdown-menu.show li label input[type="checkbox"] {
    flex-shrink: 0;
    margin-top: 3px;
}

.form-filters ul.dropdown-menu {
    width: 280px;
    max-width: 320px;
    background: rgba(0, 0, 0, 0.92);
    padding: 10px 0;
    max-height: 400px;
    overflow-y: auto;
}

.form-filters ul.dropdown-menu li {
    padding: 0;
    margin: 0;
}

.form-filters button#all-button {
    background: #fff;
    color: #000;
}

#after img {
    width: 100%;
    max-width: 100%;
}

.footer_top img.custom-logo {
    max-width: 281px;
}

.multip,
.multip1 {
    position: absolute;
    border: 1px solid #000;
    width: 800px;
    right: 60px;
    padding: 20px;
    color: #000;
    background: #fff;
    z-index: 9999;
}

.tab-container form input[type="checkbox"] {
    width: 20px !important;
    height: 20px;
}

.tab-container form input[type="checkbox"] span.wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}

.tab-container form .wpcf7-list-item {
    margin: 0;
    width: 50%;
}

.tab-container form .wpcf7-list-item label {
    padding: 10px;
    display: flex;
    gap: 10px;
    align-items: start;
}

a.multi.btn,
a.multi1.btn {
    width: 80%;
    text-align: right;
    padding: 0 10px;
    height: 35px;
    border: 1px solid;
    border-radius: 0;
    line-height: 33px;
    color: #000;
}

div#videoModal {
    background: rgba(255, 255, 255, 0.8);
}

div#videoModal button.btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
}

div#videoModal .modal-content {
    border: 1px solid #000;
    background: #fff;
}

.page-template-about-page-template section.main_part {
    padding-bottom: 0;
}

.tech_logo {
    min-height: 100px;
    width: 100%;
    text-align: center;
}

.tech_logo img {
    margin: 20px auto;
}

.event-top-part {
    background: #59B7B3;
    padding: 20px;
    text-align: center;
}

.event-top-part p {
    margin-bottom: 0;
    border-bottom: 1px solid #fff;
    font-size: 16px !important;
}

.event-top-part h4 a {
    color: #000;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0;
    padding: 15px 0 0;
    display: block;
    font-weight: 700;
    min-height: 60px;
}

.event-top-part span {
    font-size: 16px;
    font-weight: 700;
}

.event-top-part sapn i {
    font-size: 25px;
}

a.btn.btn-event {
    background: var(--bs-lightblue);
    color: #fff;
    display: block;
    margin: 20px;
    max-width: 100%;
    width: 230px !important;
    height: 35px;
    padding: 0;
    line-height: 35px;
    border: 1px solid var(--bs-lightblue);
    border-radius: 0px;
}

a.btn.btn-event:hover {
    background: #fff;
    color: var(--bs-lightblue);
    border: 1px solid #fff;
}

.event-thumb {
    position: relative;
    width: 100%;
}

.event-thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.overlay-thumb {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.75);
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
}

.event-thumb:hover .overlay-thumb {
    height: 100%;
}

.text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.event-thumb iframe {
    max-width: 100%;
    height: auto;
    min-height: 280px;
}

/* Font size now controlled by unified page title rule */
section.events.upcoming-events h2.page-title {
    color: var(--bs-lightblue);
    text-transform: uppercase;
}

section.events.upcoming-events p {
    font-size: 24px;
    line-height: 37px;
    font-weight: normal;
    text-align: center;
}



.page-template-contact-page-template label {
    font-size: 20px !important;
    font-weight: 400;
}

.page-template-after-before-template .page-desc p {
    font-size: 24px;
    margin-bottom: 50px;
}

.page-template-about-page-template a.uk_marketing.btn.btn_link {
    font-size: 33px;
    font-weight: 400;
    color: #59B7B3;
    text-transform: uppercase;
}

.entry-content1 {
    max-width: 880px;
    margin: 0 auto;
}

.entry-content1 p {
    font-size: 20px;
    line-height: 27px;
}

h1.entry-title {
    font-size: 52px;
    text-transform: uppercase;
}

.top_bar_model {
    background: var(--bs-lightblue);
    padding: 15px 50px !important;
}

.row.p-5.bg_dark {
    background: #000;
    color: #fff;
}

.serach.result.row.row_list h2 a {
    color: var(--bs-lightblue);
    text-transform: uppercase;
    font-size: 35px;
    display: block;
    margin-bottom: 10px;
}

.serach.result.row.row_list p {
    font-size: 20px;
    line-height: 31px;
}

.serach.result.row.row a.color2.link-btn {
    display: block;
    font-size: 16px !important;
    margin-top: 0 !important;
    max-width: fit-content;
    border: 1px solid;
    padding: 5px 30px;
    margin-bottom: 30px;
}

ul#primary-menu li .color2 a {
    color: var(--bs-lightblue) !important;
}

button.slick-next.slick-arrow {
    right: 0px
}

button.slick-prev.slick-arrow {
    left: 0px;
}

a.btn.btn-treatment_back.color2 {
    font-size: 20px;
    font-weight: 700;
    padding: 50px 0;
}

/* Font size now controlled by unified page title rule */
h2.color2.heading_post {}

a.d-block.color2.link_btn.link_box.p-2 {
    font-weight: 700;
    font-size: 20px;
}

.post_header p {
    font-size: 20px;
    line-height: 24px;
}

h2.text-center.color2.single_post_title {
    font-size: 52px;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.post_header p.date {
    font-size: 19px;
    font-weight: 700;
}

.event-top-part p {
    font-weight: 700 !important;
}

a.text-center.color2.pre_event_link {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 30px;
}

/* Font size now controlled by unified page title rule */
h2.page_title.text-center.after_before_gallery {}

.result_list1 a.color2.link-btn.d-block {
    font-size: 20px;
    font-weight: 700;
}

.tab-container form textarea {
    height: 87px;
    width: 100% !important;
}

.tab-container form span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item-label {
    font-size: 14px;
}

.tab-container form .d-flex>p {
    display: flex;
    width: 100%;
    margin-bottom: 0;
    justify-content: space-between;
}

.tab-container form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
    width: 100%;
}

.tab-container form span.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
    width: 100%;
}

.tab-container div#nav-tab {
    gap: 20px;
}

.sign-height {
    min-height: calc(80vh - 170px);
}

#wpcf7-f1430-o1 label {
    display: block;
    width: 100% !important;
    font-size: 20px;
    margin-top: 15px;
}

#wpcf7-f1430-o1 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
#wpcf7-f1430-o1 select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required,
#wpcf7-f1430-o1 textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    background: transparent;
    border: 1px solid #fff;
    height: 35px;
    padding: 7px 15px;
    color: #ffff !important;
}

#wpcf7-f1430-o1 input.wpcf7-form-control.wpcf7-submit.has-spinner {
    max-width: 348px;
    width: 100%;
    margin: 0 auto;
    background: var(--bs-lightblue);
    color: #fff;
    height: 47px;
    font-size: 20px;
    display: block;
}

#wpcf7-f1430-o1 span.wpcf7-form-control.wpcf7-acceptance label {
    font-size: 14px !important;
}

#StudiesModal .modal-content {
    border: 0px;
}

/* Clinical Studies Download Modal Styling */
#StudiesModal .modal-content {
    border: 0;
    border-radius: 0;
    background: var(--bs-white);
}

/* Clinical Studies modal form readability (white background, dark text) */
#StudiesModal .modal-body,
#StudiesModal .bg_dark {
    background: #fff !important;
    color: #000 !important;
}

#StudiesModal .top_bar_model {
    background: var(--bs-lightblue) !important;
    color: #fff !important;
}

#StudiesModal .wpcf7 label {
    color: #000 !important;
    font-size: 16px !important;
    display: block;
}

#StudiesModal .wpcf7 input:not([type="submit"]):not([type="checkbox"]),
#StudiesModal .wpcf7 select,
#StudiesModal .wpcf7 textarea {
    width: 100% !important;
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    height: 35px;
    padding: 7px 10px;
    box-sizing: border-box;
}

#StudiesModal .wpcf7 textarea {
    height: 120px;
}

#StudiesModal .wpcf7 input.wpcf7-submit {
    background: var(--bs-lightblue);
    color: #fff;
    border: 0;
    height: 47px;
    text-transform: uppercase;
    border-radius: 0;
}

#StudiesModal .close {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 1050;
    font-size: 30px;
    color: #000;
    border: none;
    background: transparent;
    opacity: 0.8;
}

#StudiesModal .close:hover {
    opacity: 1;
    color: #000;
}

#StudiesModal .modal-content textarea {
    height: 180px !important;
    min-height: 180px !important;
}

/* Clinical Studies Modal Form Dropdown Fixes */
#StudiesModal select {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #ccc !important;
    padding: 8px 12px !important;
    font-size: 16px !important;
}

#StudiesModal select option {
    background-color: #fff !important;
    color: #000 !important;
    padding: 8px 12px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 16px !important;
}

#StudiesModal select:focus {
    outline: 2px solid var(--bs-lightblue) !important;
    background-color: #fff !important;
}

#StudiesModal select:hover {
    border-color: var(--bs-lightblue) !important;
}

/* Ensure dropdown options are always visible - multiple selectors for compatibility */
#StudiesModal .wpcf7-form-control.wpcf7-select,
#StudiesModal .wpcf7-select,
#StudiesModal select[name="pays"] {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #ccc !important;
}

#StudiesModal .wpcf7-form-control.wpcf7-select option,
#StudiesModal .wpcf7-select option,
#StudiesModal select[name="pays"] option {
    background-color: #fff !important;
    color: #000 !important;
    font-weight: normal !important;
}

/* Force override any inherited white text color */
#StudiesModal form select,
#StudiesModal form select *,
#StudiesModal select,
#StudiesModal .modal-body select,
#StudiesModal .modal-content select {
    color: #000 !important;
    background-color: #fff !important;
}

/* Additional force overrides for all possible select variations */
#StudiesModal * select {
    color: #000 !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
}

#StudiesModal * select option {
    color: #000 !important;
    background-color: #fff !important;
    font-weight: normal !important;
}

/* Clinical Studies Modal - Essential Dropdown Fix Only */
#StudiesModal select {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #ccc !important;
    padding: 8px 12px !important;
    font-size: 16px !important;
}

#StudiesModal select option {
    background-color: #fff !important;
    color: #000 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@media only screen and (max-width:1920px) {
    #contactModal .modal-xl {
        max-width: 100% !important;
        width: 1400px !important
    }

}

@media only screen and (min-width:1200px) {
    .signauture-section img.w-100.signture {
        margin-left: 110px;
        width: 100%;
    }



}

/* StudiesModal Form Field Styling - Essential CSS from German site */
#StudiesModal form input:not([type="submit"]):not([type="checkbox"]),
#StudiesModal form select,
#StudiesModal form textarea {
    width: 80% !important;
    height: 35px !important;
    border: 1px solid var(--bs-black) !important;
    padding: 0 10px !important;
    background: #fff !important;
    color: #000 !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
}

#StudiesModal form textarea {
    height: 87px !important;
    min-height: 87px !important;
}

#StudiesModal form label {
    display: block !important;
    width: 100% !important;
    padding: 14px 0 !important;
    color: #000 !important;
    font-size: 16px !important;
}

#StudiesModal form input.wpcf7-submit {
    max-width: 258px !important;
    margin: 0 auto !important;
    display: block !important;
    height: 49px !important;
    background: var(--bs-lightblue) !important;
    color: var(--bs-white) !important;
    border: 0 !important;
    text-transform: uppercase !important;
    font-size: 25px !important;
    font-weight: 400 !important;
}

#StudiesModal form input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
}

#StudiesModal form input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
}

/* Clean StudiesModal CSS - matches German site exactly */

/* Mobile: Clinical Studies Modal Header Fix - Dec 2025 */
@media only screen and (max-width:767px) {
    #StudiesModal .modal-dialog {
        margin: 0 !important;
        max-height: 100vh !important;
        height: 100% !important;
    }

    #StudiesModal .modal-content {
        height: 100% !important;
        max-height: 100vh !important;
        overflow-y: auto !important;
        border-radius: 0 !important;
    }

    #StudiesModal .modal-body {
        padding-top: 0 !important;
        overflow-y: auto !important;
    }

    /* Ensure header/title bar is visible and not cut off */
    #StudiesModal .top_bar_model,
    #StudiesModal .bg_dark h4,
    #StudiesModal .modal-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 10 !important;
        background: var(--bs-lightblue) !important;
        padding: 15px !important;
        margin: 0 !important;
    }

    #StudiesModal .bg_dark {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    /* Form container padding */
    #StudiesModal .container,
    #StudiesModal .container-fluid {
        padding-top: 10px !important;
    }

    /* Close button visible on mobile */
    #StudiesModal .close,
    #StudiesModal .btn-close {
        position: fixed !important;
        top: 10px !important;
        right: 15px !important;
        z-index: 1060 !important;
        background: #fff !important;
        border-radius: 50% !important;
        width: 32px !important;
        height: 32px !important;
        opacity: 1 !important;
    }
}

@media only screen and (max-width:767px) {
    img.w-100.signture {
        padding: 0 !important
    }

    /* Dec 2025: Reduced mobile about section padding */
    section.about_inmode {
        padding: 25px 15px 20px !important
    }

    .col-md-6.sign {
        height: 440px
    }

    .desktop-hide {
        display: block
    }

    .mob-hide {
        display: none
    }

    .counter-box.colored .counter,
    .counter-box.colored .counter-suffix {
        font-size: 40px
    }

    .counter-box.colored p {
        font-size: 17px;
        max-width: 180px;
        color: var(--bs-black)
    }

    .mob-menu.desktop-hide {
        width: 30%;
        text-align: right;
        padding-right: 20px;
        padding-top: 0;
        color: var(--bs-white);
        font-size: 20px
    }

    .logo_wrap {
        width: 70%;
        padding-left: 20px
    }

    .banner {
        background-color: transparent !important;
        background-repeat: no-repeat !important;
        padding-top: 0;
        margin-top: 0;
        background-size: cover !important;
        background-position: center center !important;
        min-height: auto;
        height: auto !important
    }

    .about_inmode h1,
    section.about_inmode,
    section.clients.says h2,
    section.clinical_studies h2,
    section.our_workstation,
    section.our_workstation h2 {
        font-size: 19px !important;
        margin-bottom: 10px !important
    }

    .about_inmode p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px !important
    }

    .banner_slider.multiple-banners.slick-initialized.slick-slider {
        margin-bottom: 0 !important
    }

    .our_workstation a.link_discover,
    .our_workstation p,
    .studies_description a.link_discover {
        font-size: 14px !important;
        font-weight: 500
    }

    .col-sm-6.sign {
        height: 440px
    }

    section.clients.says,
    section.our_workstation {
        padding: 40px 0
    }

    section.clinical_studies .container>h2 {
        padding: 25px 0
    }

    .testimonial_description h5,
    .testimonial_description p {
        font-size: 18px;
        line-height: 24px
    }

    section.clients.says .conatiner-fluid {
        padding-left: 15px;
        padding-right: 15px
    }

    .testimonial_description a {
        font-size: 14px
    }

    section.techonology {
        background: url('/wp-content/uploads/2025/02/Pro-Capture-One-2061-1.png');
        background-repeat: no-repeat;
        background-size: 50%;
        background-position: left -40% bottom;
        padding: 0
    }

    section.techonology h2 {
        font-size: 24px !important;
        white-space: pre-line;
        line-height: 1.2;
        margin-bottom: 20px;
    }

    section.techonology a.btn.btn-primary.btn-contact {
        font-size: 17px
    }

    .footer_top h3 {
        font-size: 35px
    }

    .footer_top h5 {
        font-size: 22px
    }

    .footer-address {
        font-size: 10px
    }

    .row.footer_bottom nav #footer-menu {
        font-size: 11px
    }

    .footer_top {
        padding-top: 40px;
        padding-bottom: 20px;
        border-bottom: 2px solid var(--bs-lightblue)
    }

    section.techonology .row {
        padding-bottom: 80px
    }

    h2.page-title {
        margin-bottom: 0;
        font-size: 19px
    }

    section.work_stations {
        padding: 40px 15px;
    }

    .d-flex.flex-column.h-100.flex-height {
        min-height: 320px
    }

    .row.workstation-bottom.my-3 {
        max-width: 100%;
        border-bottom: 0
    }

    .workstation-link {
        text-align: center
    }

    .workstation-link a {
        font-size: 12px;
        border: 1px solid var(--bs-lightblue);
        max-width: 110px;
        display: block;
        margin: 0 auto;
        background: transparent;
        color: var(--bs-lightblue);
        padding: 8px 15px;
        height: 35px;
        line-height: 19px;
        border-radius: 4px
    }

    .workstation_desc p {
        margin-bottom: 15px;
        font-size: 12px
    }

    .workstation-bottom .workstation_desc,
    .workstation-bottom .workstation_desc h3 {
        font-size: 12px
    }

    .workstation-bottom .workstation_desc ul li {
        font-size: 12px
    }
}

/* Mobile-only workstation styles */
@media only screen and (max-width: 767px) {

    /* Reset the layout to stack vertically */
    .row.workstation-bottom.my-3 {
        min-height: 500px;
        align-items: stretch;
        flex-direction: column;
    }

    .workstation_img,
    .workstation-content {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
    }

    .workstation-content {
        display: block !important;
        height: auto;
    }

    /* Override the flex classes on mobile */
    .workstation-content .d-flex,
    .workstation-content .flex-column,
    .workstation-content .h-100,
    .workstation-content .flex-height {
        display: block !important;
        height: auto !important;
        min-height: auto !important;
    }

    /* 1. Logo at top */
    .workstation-bottom img.wrokstation_logo {
        max-width: 100px;
        max-height: 50px;
        margin: 0 auto 15px;
        display: block;
    }

    /* 2. Machine image */
    .workstation_img {
        height: 180px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 15px 0;
        order: -1;
        /* Put machine before content */
    }

    .workstation_img img {
        height: 180px !important;
        width: auto !important;
        object-fit: contain !important;
    }

    /* 3. Text content */
    .workstation_desc {
        margin-bottom: 10px;
    }

    /* Limit description text to 3 lines */
    .workstation_desc p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.4;
        max-height: calc(1.4em * 3);
        margin-bottom: 8px;
    }

    /* Limit treatment list to 3 lines */
    .workstation_desc ul {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.3;
        max-height: calc(1.3em * 3);
        margin-bottom: 5px;
        padding-left: 15px;
    }

    /* Reduce space on content section */
    .workstation_desc {
        margin-bottom: 5px;
    }

    /* 4. Discover more with reduced space */
    .workstation-link {
        margin-top: 0px;
        padding-top: 0px;
        margin-bottom: 10px;
    }

    .workstation-link a {
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        height: auto !important;
        line-height: normal !important;
        border-radius: 0 !important;
        max-width: none !important;
        font-size: 12px;
        color: var(--bs-lightblue);
        text-decoration: none;
        white-space: nowrap;
        margin: 0;
    }
}

/* Mobile counters spacing and alignment */
@media (max-width: 767px) {
    section.banner>.container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    section.banner .row.signature-section {
        margin: 0 !important;
        background: #fff;
        padding: 24px 0;
    }



    .counter-row .col-6 {
        padding: 16px 0;
    }

    .counter-box.colored {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .counter-box.colored span {
        line-height: 1;
    }

    .counter-box.colored p {
        margin: 8px auto 0;
    }
}

@media (min-width: 992px) {}

/* Remove any accidental gap between hero and counters on small screens */
@media (max-width: 767px) {
    section.banner+section.home-counters {
        margin-top: 0 !important;
    }
}

/* WORKSTATION MOBILE FIXES - Dec 2025 */
@media (max-width: 767px) {
    .post_header h3 {
        font-size: 15px;
        letter-spacing: 2px;
        margin: 30px 10px;
        line-height: 22px;
        font-weight: 500;
    }

    .p2i button.navbar-toggler {
        font-size: 15px
    }

    .p2i .navbar-toggler:focus {
        box-shadow: none !important
    }

    .p2i_list li a {
        padding: 5px 30px 5px;
        font-size: 13px;
        display: block
    }

    /* 1. Logo - prevent stretching, maintain aspect ratio */
    body.single-workstation section.main_part img.mx-auto {
        height: auto !important;
        max-height: 150px !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    /* 2. What is text: 14px/20px instead of 23px/30px */
    section.main_part .post_desc {
        font-size: 14px !important;
        line-height: 20px !important
    }

    section.main_part .row.content_work h2 {
        font-size: 16px;
        line-height: 20px;
        padding: 10px 0
    }

    .row.content_work {
        padding-top: 40px
    }

    /* 3. Key Benefits: 14px instead of 23px */
    div#work_banifit ul {
        font-size: 14px !important;
        line-height: 24px !important
    }

    div#work_banifit>ul>li {
        padding: 5px 0
    }
}

/* HIDE REQUEST INFORMATION BUTTON COMPLETELY */
div#work_banifit a.request-list,
a.request-list,
.request-list,
a.color2.request-list,
.color2.request-list,
#work_banifit a.color2.request-list,
div#work_banifit a.color2.request-list,
section div#work_banifit a.color2.request-list {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

/* Teal line under KEY BENEFITS - show on desktop, hide on mobile */
/* .row.content_work hr.border-single-work - controlled by hr.border-single-work rule at line ~550 */

/* MOBILE STYLES - Dec 2025 FIX: Wrapped in media query to prevent overriding desktop styles */
@media only screen and (max-width:767px) {
    section.main_part {
        padding-bottom: 40px
    }

    section#work_tech h2.inner_heading {
        font-size: 16px;
        line-height: 20px
    }

    /* Technologies text: 14px instead of 12px */
    section#work_tech p {
        font-size: 14px !important;
        line-height: 20px;
        padding: 10px 0
    }

    section#work_tech .after-before.mt-auto span {
        font-size: 10px
    }

    section#work_event h2,
    section#work_news h2 {
        font-size: 18px;
        line-height: 24px;
        padding: 20px 0
    }

    body.single-workstation section#work_event h2,
    body.single-workstation section#work_news h2 {
        font-size: 18px;
        line-height: 24px;
        padding: 20px 0;
        text-align: center;
    }

    .tech_list a.link-btn {
        margin-bottom: 0
    }

    section#work_studies h2 {
        padding: 40px 0
    }

    p.study_date,
    p.study_publication,
    section.clinical_studies a.btn.btn-primary.btn-studies {
        font-size: 12px
    }

    hr.border-single-work {
        margin: 40px auto
    }

    section#work_news {
        padding-bottom: 0
    }

    .team-list.col-md-4 .treament-thumb {
        margin: 20px auto;
        margin-right: auto
    }

    h2.page_title {
        font-size: 20px
    }

    h3.treatment_heading {
        font-size: 14px
    }

    .result_list1 a.link.color2 {
        font-size: 12px
    }

    /* Workstation single - mobile hero alignment */
    body.single-workstation section.main_part {
        padding-top: 0;
    }

    body.single-workstation .post_header {
        text-align: center;
        padding: 24px 12px 12px;
    }

    body.single-workstation .post_header img.mx-auto {
        max-height: 220px !important;
        width: auto !important;
        height: auto !important;
        margin-bottom: 12px;
    }

    body.single-workstation .post_header h3 {
        font-size: 15px;
        line-height: 20px;
        font-weight: 500;
        letter-spacing: 0.05em;
        color: #59B7B3;
        margin: 8px 0 12px;
    }

    body.single-workstation .post_desc {
        padding: 0 16px 16px;
    }

    body.single-workstation .w_desc {
        padding: 0 0 12px;
    }

    /* Mobile hero row */
    .mobile-hero {
        padding: 20px 12px 10px;
    }

    .mobile-hero-img img {
        max-height: 220px;
        width: auto;
        height: auto;
        display: block;
    }

    .mobile-hero-text {
        text-align: right;
        padding-left: 12px;
    }

    .mobile-hero-logo {
        max-height: 120px;
        width: auto;
        height: auto;
        display: block;
        margin-bottom: 10px;
    }

    .mobile-hero-sub {
        font-size: 15px;
        line-height: 20px;
        font-weight: 500;
        letter-spacing: 0.05em;
        color: #59B7B3;
        margin: 0;
        text-align: right;
    }

    .single.single-treatments h2.color2.heading_post {
        font-size: 19px;
        line-height: 35px
    }

    .single.single-treatments h3 {
        font-size: 16px;
        line-height: 34px;
        letter-spacing: 0
    }

    .single.single-treatments .single-post_desc p {
        font-size: 12px;
        line-height: 15px
    }

    .single.single-treatments .single-post_desc h3 {
        font-size: 16px
    }

    .after-before-content p {
        font-size: 12px;
        line-height: 18px
    }

    .result-slide1.row.p-5 {
        padding-top: 1rem !important padding-bottom:1rem
    }

    .page-template-clinical-studies h2.page_title {
        font-size: 19px
    }

    .page-template-clinical-studies p {
        font-size: 15px;
        line-height: 20px;
    }

    .page-template-clinical-studies .main_part p {
        font-size: 15px;
        line-height: 20px !important;
    }

    /* Override for page description - better line spacing */
    .page-template-clinical-studies .page-desc p,
    .page-template-after-before-template .page-desc p,
    .page-template-news_template .page-desc p,
    .page-template-upcoming-events .page-desc p,
    .page-template-past-events .page-desc p,
    .page-template-blog-template .page-desc p {
        line-height: 1.8 !important;
    }

    .page-template-clinical-studies h3.clinical-Studies_heading {
        font-size: 15px;
        line-height: 18px;
        font-weight: 400
    }

    .page-template-clinical-studies .studies-meta p {
        font-size: 12px;
        line-height: 15px
    }

    .page-template-clinical-studies a.color2.link-btn {
        font-size: 15px;
        margin: 9px auto !important;
    }

    .page-desc p {
        font-size: 14px;
        line-height: 20px
    }
}

.bg-white {
    background-repeat: no-repeat;
    background-position: bottom left, center center;
    background-size: 340px, cover;
}

.menu-item-has-children>.sub-menu>li>a {
    font-size: 13px !important;
    padding: 10px 10px !important;
}

img.w-100.signture {
    padding: 0px !important;
}

.col-md-6.sign {
    height: 440px;
}

.row.footer_bottom nav #footer-menu {
    justify-content: space-evenly;
    padding: 0 15px;
    flex-wrap: wrap;
}

.row.footer_bottom nav #footer-menu li {
    padding: 10px;
    list-style: none;
}

.row.footer_bottom nav #footer-menu {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

/* Footer address: left-aligned on mobile for better readability */
.col-md-6.text-right.footer-address {
    text-align: left !important;
    padding: 0 10px;
    justify-content: flex-start;
}

.footer-address .footer-contact-block {
    text-align: left !important;
    margin-left: 0;
}

.footer-address .footer-contact-block p {
    text-align: left !important;
}

.footer-address p {
    text-align: left !important;
}

/* HOME PAGE MOBILE FIXES - Dec 2025 */
@media only screen and (max-width:767px) {

    /* 1. About us text - 16px on mobile */
    .about_inmode p {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    /* 2. Clinical studies card - ensure full card visible with CTA */
    section.clinical_studies .study-card,
    .home-clinical-slider .study-card {
        height: auto !important;
        min-height: unset !important;
        overflow: visible !important;
    }

    section.clinical_studies .study-card__content,
    .home-clinical-slider .study-card__content {
        padding-bottom: 20px !important;
    }

    /* 3. Testimonials - hide arrows on mobile (dots are enough) */
    section.clients.says .slick-prev,
    section.clients.says .slick-next,
    .testimonial_slider .slick-prev,
    .testimonial_slider .slick-next {
        display: none !important;
    }
}

section.clinical_studies .row {
    padding-bottom: 0px !important;
}

.menu-item-has-children>a:after {
    content: "\f107";
}

a.custom-logo-link img {
    max-width: 398px;
    margin-top: 0 !important;
    height: auto !important;
}

nav button.navbar-toggler {
    border: 0 !important;
    margin-top: 6px;
}

nav button.navbar-toggler[aria-expanded="false"] i.fa-times {
    display: none !important;
}

nav button.navbar-toggler[aria-expanded="true"] i.fa-times {
    display: block !important;
}

nav button.navbar-toggler[aria-expanded="true"] i.fa-bars {
    display: none !important;
}



section.techonology {
    background-color: #fff;
    background-size: 78%;
    background-position: left -160% bottom;
}

section.clients.says {
    padding-bottom: 3px;
}

/* Home media slider (video/image with right overlay) */
.homepage_videobanner {
    background-color: #000;
    position: relative;
    overflow: hidden;
}

.homepage_videobanner-container {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    height: 100%;
}

/* Ensure desktop media covers the banner area */
.homepage_videobanner-video {
    position: absolute;
    inset: 0;
    overflow: hidden;
    z-index: 1;
}

.homepage_videobanner-video video,
.homepage_videobanner-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Right overlay content aligned to the right middle */
.homepage_videobanner-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 20px;
    padding: 0 40px;
    z-index: 2;
}

.homepage_videobanner-content-image {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.homepage_videobanner-content-image img {
    max-width: 460px;
    width: 100%;
    height: auto;
}

.homepage_videobanner-content-button a {
    display: inline-block;
    padding: 12px 28px;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 9999px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.homepage_videobanner-content-button a:hover {
    background: #fff;
    color: #000;
}

@media (max-width: 1199px) {
    .homepage_videobanner-content {
        padding: 0 24px;
    }

    .homepage_videobanner-content-image img {
        max-width: 320px;
    }
}

@media (max-width: 767px) {

    /* Mobile uses the mobile image slider; hide desktop overlay stack */
    .homepage_videobanner-content {
        display: none;
    }
}

/* Enforce USA desktop banner height (approx 1905x340) */
@media (min-width: 1200px) {
    .banner_slider .banner_slide .homepage_videobanner {
        height: 370px;
    }

    .banner_slider,
    .banner_slider .slick-list,
    .banner_slider .slick-track,
    .banner_slider .banner_slide {
        height: 370px;
    }

    .banner_slider .banner_slide .homepage_videobanner-container {
        height: 100%;
    }

    .banner_slider .banner_slide .homepage_videobanner-video {
        inset: 0;
    }

    .banner_slider .banner_slide .homepage_videobanner-video video,
    .banner_slider .banner_slide .homepage_videobanner-video img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    /* If single banner (no slick), ensure min height still applies */
    .banner_slider.single-banner .homepage_videobanner {
        height: 370px;
    }
}

footer#colophon {
    padding-bottom: 20px;
}

section.clients.says.slick-dots {
    display: none !important;
}

/* MOBILE STYLES - About/Team/Treatment pages - Dec 2025 FIX */
@media only screen and (max-width:767px) {
    .tab-container form label {
        font-size: 13px !important;
    }

    section.work_stations h2.page-title {
        font-size: 19px;
    }

    .page-template-about-page-template h2.page_title,
    section.body_content_about h2 {
        font-size: 19px;
    }

    section.body_content_about .page-desc p {
        font-size: 12px;
        line-height: 20px;
    }

    section.body_content_about hr.single_border {
        display: none;
    }

    .col-md-4.col-12.modal_video {
        text-align: center;
        margin: 20px auto;
    }

    .fundamentals ul li,
    .vision_mission {
        font-size: 12px;
        line-height: 20px;
    }

    .vision_mission {
        margin-bottom: 20px;
    }

    section.body_content_about h3.heading_sub_inner,
    h3.color2.heading_inner {
        font-size: 16px;
        line-height: 28px;
        font-weight: 400;
    }

    .team_description h4 {
        font-size: 17px !important;
        font-weight: 600;
        line-height: 20px;
    }

    .team_description p {
        margin-bottom: 20px;
    }

    .team-list.row p {
        font-size: 15px;
        line-height: 23px;
        text-align: right;
    }

    p#modalContent {
        font-size: 13px;
        line-height: 16px;
    }

    .team_pop_content h5 {
        font-size: 17px;
        line-height: 21px;
    }

    .treatment_list img {
        width: 280px !important;
        max-width: 100%;
    }

    body.treatments-template-default .post_header h3 {
        margin: 10px;
        font-size: 15px;
        line-height: 18px;
    }

    .after-before-content p {
        margin: 10px 0;
    }

    a.btn.btn-treatment_back.color2 {
        font-size: 16px;
        padding: 0px 0 20px;
    }

    #before img,
    #after img {
        max-height: 270px;
    }
}

/* UK Marketing link - applies to all screen sizes */
.page-template-about-page-template a.uk_marketing.btn.btn_link {
    font-size: 33px;
    font-weight: 400;
    color: #59B7B3;
    text-transform: uppercase;
}

/* Transparent top utilities row and navbar - ONLY for About Us page */
body.page-template-about-page-template .site-header .container-fluid>.row {
    background: transparent !important;
}

body.page-template-about-page-template .site-header nav.navbar {
    background: transparent !important;
}

/* Hide textual site title/description when a logo exists - ONLY for About Us page */
body.page-template-about-page-template .custom-logo+.site-title,
body.page-template-about-page-template .custom-logo+.site-title+.site-description {
    display: none !important;
}

/* ============================================
   FILTER STYLES - CONSOLIDATED Dec 2025
   ============================================ */

/* Mobile filter toggle button spacing */
h4.filter_title {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    text-transform: uppercase;
}

a#reset-button {
    color: var(--bs-lightblue);
    font-size: 13px;
    float: right;
    padding: 0;
}

.row.d-md-none.align-items-center.mx-3 {
    border-bottom: 1px solid var(--bs-lightblue);
}

/* DESKTOP: Show filters by default */
@media (min-width: 768px) {
    .form-filters {
        display: flex !important;
        background: transparent;
        color: #fff;
        justify-content: center;
    }

    .form-filters button#all-button {
        display: inline-block;
    }

    .filter_list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
        width: 100%;
        max-width: 1224px;
        margin: 0 auto;
        padding: 0 15px;
    }

    /* Override Bootstrap justify-content-center with higher specificity */
    .d-flex.justify-content-center.filter_list,
    .filter_list.justify-content-center {
        justify-content: flex-start !important;
    }

    .form-filters button.btn.btn_border_white.dropdown-toggle,
    .form-filters button.btn_border_white {
        border: 1px solid #fff;
        color: #fff;
        min-width: 140px;
        width: auto;
        font-size: 16px;
        font-weight: 400;
        background: transparent;
        padding: 12px 20px;
    }

    .form-filters .clear-all-filters-btn {
        display: inline-flex;
    }

    .form-filters ul.dropdown-menu {
        position: absolute;
        display: none;
        width: 230px;
        background: rgba(0, 0, 0, 0.75);
    }

    .form-filters ul.dropdown-menu.show {
        display: block;
    }

    .form-filters ul.dropdown-menu.show li label {
        color: #fff !important;
        font-size: 16px !important;
    }
}

/* LARGE DESKTOP: Bigger buttons */
@media (min-width: 1200px) {
    .filter_list {
        gap: 15px;
        padding: 0;
    }

    .form-filters button.btn.btn_border_white.dropdown-toggle,
    .form-filters button.btn_border_white {
        min-width: 180px;
        font-size: 18px;
        padding: 12px 25px;
    }
}

/* MOBILE: Hide filters by default, show via toggle */
@media (max-width: 767px) {
    .form-filters {
        display: none;
        background: #fff;
        color: #000;
        padding: 10px;
    }

    .form-filters.active {
        display: block;
        z-index: 999;
    }

    .filter_list {
        gap: 0px;
        flex-direction: column;
    }

    .form-filters button#all-button {
        display: none;
    }

    .form-filters .clear-all-filters-btn {
        display: none;
    }

    .form-filters button.btn.btn_border_white.dropdown-toggle,
    .form-filters button.btn_border_white {
        border: 0;
        color: #000;
        width: 100% !important;
        font-size: 13px;
        font-weight: 700;
        text-align: right;
        text-transform: uppercase;
        margin-top: 10px;
    }

    .form-filters .dropdown-toggle::after {
        display: none !important;
    }

    .form-filters .dropdown {
        border-bottom: 1px solid var(--bs-lightblue);
    }

    .form-filters ul.dropdown-menu {
        position: relative;
        display: block;
        width: 100%;
        background: transparent;
        border: 0px;
        font-size: 14px;
    }

    .form-filters ul.dropdown-menu.show {
        position: relative !important;
        transition: none !important;
        inset: unset !important;
        display: block !important;
    }

    .form-filters ul.dropdown-menu li {
        width: 100% !important;
        float: none !important;
        display: block !important;
        margin-bottom: 5px;
    }

    .form-filters ul.dropdown-menu li label,
    .form-filters ul.dropdown-menu.show li label {
        color: #000 !important;
        white-space: normal !important;
        word-wrap: break-word;
        display: block;
        padding: 8px 0;
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    /* Spacing between filter button and first card */
    .filter-btn_slide {
        margin-bottom: 30px !important;
    }

    /* Contact page & modal: hide background images on mobile for better readability */
    .bg-white.contact_bg,
    .page-template-contact-page-template .bg-white,
    #contactModal .bg-white {
        background-image: none !important;
        background-color: #fff !important;
    }
}

/* ============================================
   SELECTED FILTERS DISPLAY - Dec 2025
   Shows active filter selections below filter bar
   ============================================ */
.selected-filters-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    min-height: 30px;
    margin-bottom: 20px;
    padding: 10px 15px;
    width: 100%;
    max-width: 1224px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

@media (min-width: 1200px) {
    .selected-filters-container {
        padding: 10px 0;
    }
}

/* Align with filter bar - inside fixed_width container */
.container-fluid.fixed_width .selected-filters-container {
    padding-left: 0;
    padding-right: 0;
}

/* Unified "No results" message styling - left aligned with filter bar */
.no-results-message {
    text-align: left !important;
    color: #fff;
    font-size: 16px;
    padding: 20px 15px;
    width: 100%;
    max-width: 1224px;
    margin: 0 auto;
}

.selected-filters-container:empty {
    display: none;
}

.filter-tag-group {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    line-height: 1;
}

.filter-tag-group .tag-category {
    color: var(--bs-lightblue);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}

.filter-tag-group .tag-values {
    display: inline-flex;
    align-items: center;
    gap: 0;
}

.filter-tag-group .tag-value-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #fff;
}

.filter-tag-group .remove-filter-tag {
    cursor: pointer;
    color: var(--bs-lightblue);
    font-size: 12px;
    margin-left: 4px;
    transition: color 0.2s;
}

.filter-tag-group .remove-filter-tag:hover {
    color: #ff6b6b;
}

.filter-tag-group .value-sep {
    color: var(--bs-lightblue);
    margin: 0 8px;
    opacity: 0.8;
}

.category-separator {
    color: rgba(255, 255, 255, 0.3);
    font-size: 14px;
    line-height: 1;
}

/* Clear All button in filter bar - same design as other filter buttons */
.clear-all-filters-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 12px 30px;
    border-radius: 0;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
}

.clear-all-filters-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

/* Mobile: Selected filters */
@media (max-width: 767px) {
    .selected-filters-container {
        padding: 10px 15px;
        gap: 10px;
        background: rgba(88, 183, 179, 0.1);
        border-radius: 8px;
        margin: 15px auto;
        max-width: 100%;
    }

    .filter-tag-group {
        width: 100%;
        padding: 8px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        font-size: 12px;
    }

    .filter-tag-group:last-of-type {
        border-bottom: none;
    }

    .filter-tag-group .tag-category {
        font-size: 10px;
    }

    .filter-tag-group .tag-value-item {
        font-size: 12px;
    }

    .category-separator {
        display: none;
    }

    .clear-all-filters-btn {
        padding: 10px 20px;
        font-size: 14px;
        min-width: unset;
    }
}

/* MOBILE STYLES - News/Blog/Single Post pages - Dec 2025 FIX */
@media only screen and (max-width:767px) {

    .page-template-news_template h2.page_title,
    .page-template-blog-template h2 {
        font-size: 19px;
    }

    .team-list a.color2.link-btn {
        margin: 0 auto 15px;
        font-size: 15px;
    }

    .news-desc h4 {
        font-size: 10px;
    }

    .news-desc h2 {
        font-size: 12px;
        line-height: 14px;
        min-height: unset;
    }

    .blog-list .news-desc h4,
    .news-desc p.date {
        font-size: 12px;
    }

    .blog-list .news-desc h3 {
        font-size: 19px;
        font-weight: 700;
    }

    h2.text-center.color2.single_post_title {
        font-size: 19px;
        margin-bottom: 30px;
    }

    .mob_show {
        display: block !important;
    }

    .single.single-post h2.color2.heading_post.mb-2 {
        font-size: 20px;
    }

    .single.single-post p.date {
        font-size: 12px;
        font-weight: 700;
    }

    .post_header p {
        font-size: 12px;
        line-height: 15px;
    }

    .single.single-post section.main_part .container {
        max-width: 100%;
        padding: 0 15px;
    }

    h2.page_title.text-center.after_before_gallery {
        font-size: 19px;
        font-weight: 700;
        padding: 10px !important;
    }

    .page-template-after-before-template .page-desc p {
        font-size: 15px;
        line-height: 20px
    }

    .result_list1 a.color2.link-btn.d-block {
        font-size: 15px;
        font-weight: 700;
    }

    .tech_logo {
        min-height: unset !important
    }

    .page-template-after-before-template #before img,
    .page-template-after-before-template #after img {
        max-height: 270px;
    }
}

/* Desktop before/after slider fix for after-before template page - FIXED HEIGHT */
@media (min-width: 768px) {
    .page-template-after-before-template .ba-Slider {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 270px !important;
        max-height: 270px !important;
        min-height: 270px !important;
        overflow: hidden !important;
        margin: 0 auto !important;
        display: block !important;
    }

    .page-template-after-before-template .ba-Slider #before,
    .page-template-after-before-template .ba-Slider #after {
        position: absolute !important;
        top: 0 !important;
        height: 270px !important;
        max-height: 270px !important;
        min-height: 270px !important;
        overflow: hidden !important;
    }

    .page-template-after-before-template .ba-Slider #after {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 1 !important;
    }

    .page-template-after-before-template .ba-Slider #before {
        left: 0 !important;
        width: 50% !important;
        z-index: 2 !important;
    }

    .page-template-after-before-template .ba-Slider #before img,
    .page-template-after-before-template .ba-Slider #after img {
        width: 100% !important;
        height: 270px !important;
        max-height: 270px !important;
        object-fit: cover !important;
        display: block !important;
    }

    .page-template-after-before-template .ba-Slider .slider2 {
        position: absolute !important;
        top: 0 !important;
        left: 50% !important;
        width: 5px !important;
        /* Figma: 5px solid */
        height: 270px !important;
        max-height: 270px !important;
        background: #59B7B3 !important;
        /* InMode teal */
        z-index: 3 !important;
        cursor: ew-resize !important;
        transform: translateX(-50%) !important;
        box-shadow: 0 0 6px rgba(89, 183, 179, 0.5) !important;
        background-image: none !important;
        background-size: auto !important;
    }

    /* Hexagonal handle from Figma - 36x42px */
    .page-template-after-before-template .ba-Slider .slider2::after {
        content: '' !important;
        display: block !important;
        width: 36px !important;
        height: 42px !important;
        background: #59B7B3 !important;
        /* InMode teal */
        border-radius: 0 !important;
        border: none !important;
        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%) !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }

    /* Arrow icons inside handle */
    .page-template-after-before-template .ba-Slider .slider2::before {
        content: '◀ ▶' !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        color: white !important;
        font-size: 8px !important;
        letter-spacing: 2px !important;
        z-index: 1 !important;
        white-space: nowrap !important;
    }
}

/* MOBILE STYLES - Events pages - Dec 2025 FIX */
@media only screen and (max-width:767px) {
    section.events.upcoming-events h2.page-title {
        font-size: 19px;
    }

    section.events.upcoming-events p {
        font-size: 15px;
        line-height: 20px;
    }

    .event-top-part p,
    .event-top-part span {
        font-size: 12px !important;
    }

    .event-top-part h4 a {
        font-size: 19px;
        padding-top: 10px;
        min-height: unset;
    }

    .location span {
        font-size: 15px !important;
        font-weight: 400;
    }

    a.btn.btn-event {
        width: 125px;
        font-size: 13px;
    }

    a.text-center.color2.pre_event_link {
        font-size: 15px;
    }
}

/* Event styles that apply to all screen sizes */
.event-thumb:hover .overlay-thumb .text {
    display: flex;
}

.event-thumb iframe {
    max-width: 100%;
    height: auto;
    min-height: 300px;
    WIDTH: 100%;
}

/* StudiesModal CSS Reset and Form Fixes */
/* StudiesModal CSS - Clean version matching German site exactly */

/* Custom CSS moved from Theme Customizer - SAFE RULES ONLY */
/* Removed conflicting form-related CSS that was breaking StudiesModal */

a {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 767px) {

    #before img,
    #after img {
        height: 270px;
        max-height: 270px;
        object-fit: cover;
    }
}

/* Contact (shared: contact page and popup modal) */
#contactModal .modal-dialog,
#contactModal .modal-dialog.modal-full {
    width: 100% !important;
    max-width: 1600px !important;
    margin: 0 auto !important;
    transform: none !important
}

#contactModal .modal-content {
    width: 100% !important;
    max-width: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important
}

#contactModal .modal-body {
    padding: 0 !important
}

#contactModal .container {
    width: 100% !important;
    max-width: 1600px !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.bg-white.contact_bg.bg-pop {
    color: #000 !important;
    min-height: 80vh
}

.contact_bg label {
    display: block;
    width: 100%;
    font-size: 20px !important;
    font-weight: 400
}

.contact_bg .wpcf7 input:not([type="submit"]):not([type="checkbox"]),
.contact_bg .wpcf7 select,
.contact_bg .wpcf7 textarea {
    width: 100% !important;
    background: #fff !important;
    border: 1px solid #000 !important;
    height: 35px;
    padding: 7px 15px;
    color: #000 !important
}

.contact_bg .wpcf7 textarea {
    height: 87px
}

.contact_bg input.wpcf7-submit {
    max-width: 348px;
    width: 100%;
    margin: 0 auto;
    display: block;
    height: 47px;
    background: #59B7B3;
    color: #fff;
    border: 0;
    text-transform: uppercase;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s ease
}

.contact_bg input.wpcf7-submit:hover {
    background: #4a9e9a;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(89, 183, 179, 0.4)
}

.contact_bg input.wpcf7-submit:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(89, 183, 179, 0.3)
}

.contact_bg .nav-tabs,
.contact_bg .nav-tabs .nav-link {
    background: transparent;
    color: #000;
    border-color: #000;
    border-radius: 0
}

/* CF7 Validation - Ensure error messages are visible */
.contact_bg .wpcf7-not-valid-tip {
    color: #dc3545;
    font-size: 14px;
    display: block;
    margin-top: 5px
}

.contact_bg .wpcf7-response-output {
    margin: 20px 0;
    padding: 15px;
    border: 2px solid #dc3545;
    background: #fff5f5;
    color: #dc3545;
    text-align: center
}

.contact_bg .wpcf7-response-output.wpcf7-validation-errors {
    border-color: #dc3545
}

.contact_bg .wpcf7-response-output.wpcf7-mail-sent-ok {
    border-color: #28a745;
    background: #f0fff4;
    color: #28a745
}

.contact_bg .wpcf7 .wpcf7-not-valid {
    border-color: #dc3545 !important;
    background-color: #fff5f5 !important
}

.banner_slider:not(.slick-initialized) .banner_slide {
    display: none;
}

.banner_slider:not(.slick-initialized) .banner_slide:first-child {
    display: block;
}

.banner_slider.pre-slick {
    opacity: 0;
    visibility: hidden;
}

.banner_slider.slick-initialized {
    opacity: 1;
    visibility: visible;
}

.hero-slider {
    opacity: 0;
    visibility: hidden;
}

.hero-slider.slick-initialized {
    opacity: 1;
    visibility: visible;
}

.hero-slider:not(.slick-initialized) .banner_slide {
    display: none;
}

.hero-slider:not(.slick-initialized) .banner_slide:first-child {
    display: block;
}

/* OLD Workstation Technologies Section - DEPRECATED Dec 2025
   Replaced by TECHNOLOGY CARDS - SINGLE SOURCE OF TRUTH above (lines ~594-800)
   Keeping commented for reference only - uses different HTML structure (.tech_list vs .tech-grid)
*/
/*
@media (min-width: 1200px) {
    section.work_technologies .tech_list { ... }
}
... old rules removed - see #work_tech .tech-grid section above ...
*/

/* Events CPT layout (Upcoming/Past Events pages) */
/* Container styling - full width with max-width */
body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) .events.upcoming-events,
body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) .events.past-events,
body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) .container-fluid.fixed_width {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
}

/* Grid for event cards - 3 columns on desktop */
body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) #posts-container,
body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) .future-list,
body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) .past-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
    padding-bottom: 40px;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
}

/* Event card column - let grid control width, not Bootstrap */
body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) .event-column {
    display: flex;
    flex-direction: column;
    width: auto;
    max-width: none;
    flex: none;
    margin: 0;
    padding: 0;
}

/* =====================================================
   OLD EVENT CARD CSS REMOVED (Dec 2025)
   - Conflicting pill-style type/date labels removed
   - New consolidated event card CSS is at the bottom 
     of this file (Event Card Consolidation Dec 2025)
   - Prototype: UK/prototypes/event-card-prototype.html
   ===================================================== */

/* Shared card grid layout for non-event templates */
body.page-template-clinical-studies #posts-container,
body.page-template-clinical-studies-php #posts-container,
body[class*="page-template-news"] #posts-container,
body[class*="page-template-blog"] #posts-container,
body.post-type-archive-news #posts-container,
body.blog #posts-container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 40px 32px !important;
    padding: 0 24px 40px !important;
    margin: 0 auto !important;
    max-width: 1260px !important;
    box-sizing: border-box !important;
}

body.page-template-clinical-studies #posts-container>*,
body.page-template-clinical-studies-php #posts-container>*,
body[class*="page-template-news"] #posts-container>*,
body[class*="page-template-blog"] #posts-container>*,
body.post-type-archive-news #posts-container>*,
body.blog #posts-container>* {
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 calc(33.333% - 32px) !important;
    max-width: calc(33.333% - 32px) !important;
}

@media (max-width: 991px) {

    body.page-template-clinical-studies #posts-container>*,
    body.page-template-clinical-studies-php #posts-container>*,
    body[class*="page-template-news"] #posts-container>*,
    body[class*="page-template-blog"] #posts-container>*,
    body.post-type-archive-news #posts-container>*,
    body.blog #posts-container>* {
        flex: 0 0 calc(50% - 24px) !important;
        max-width: calc(50% - 24px) !important;
    }
}

@media (max-width: 575px) {

    body.page-template-clinical-studies #posts-container>*,
    body.page-template-clinical-studies-php #posts-container>*,
    body[class*="page-template-news"] #posts-container>*,
    body[class*="page-template-blog"] #posts-container>*,
    body.post-type-archive-news #posts-container>*,
    body.blog #posts-container>* {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* OLD: event-card button hover/tags rules removed - now in consolidated block */

/* Restore news card styling (news template reuses .event-card markup) */
body.page-template-news_template:not(.single-workstation) .event-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #042030 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
}

body.page-template-news_template:not(.single-workstation) .event-card__meta,
body.page-template-news_template:not(.single-workstation) .event-card__location,
body.page-template-news_template:not(.single-workstation) .event-card__date,
body.page-template-news_template:not(.single-workstation) .event-card__type {
    display: none !important;
}

body.page-template-news_template:not(.single-workstation) .event-card__top {
    background: rgba(88, 183, 179, 0.92) !important;
    padding: 28px 32px !important;
    min-height: 170px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

body.page-template-news_template:not(.single-workstation) .event-card__title {
    margin: 0 !important;
    font-size: 22px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    color: #042030 !important;
    text-transform: none !important;
}

body.page-template-news_template:not(.single-workstation) .event-card__media {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.page-template-news_template:not(.single-workstation) .event-card__media img,
body.page-template-news_template:not(.single-workstation) .event-card__media video,
body.page-template-news_template:not(.single-workstation) .event-card__image {
    width: 100% !important;
    margin: 0 !important;
    display: block !important;
}

body.page-template-news_template:not(.single-workstation) .event-card__overlay {
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    background: transparent !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
}

body.page-template-news_template:not(.single-workstation) .event-card__cta-group {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

body.page-template-news_template:not(.single-workstation) .event-card__btn {
    width: auto !important;
    min-width: 190px !important;
    height: 44px !important;
    border-radius: 0 !important;
    border: 1px solid rgba(88, 183, 179, 0.92) !important;
    background: transparent !important;
    color: rgba(88, 183, 179, 0.92) !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, color 0.18s ease !important;
}

body.page-template-news_template:not(.single-workstation) .event-card__btn:hover,
body.page-template-news_template:not(.single-workstation) .event-card__btn:focus {
    background: rgba(88, 183, 179, 0.92) !important;
    color: #042030 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 28px rgba(8, 38, 45, 0.24) !important;
}

/* ============================================================
   EVENT MODAL - SINGLE SOURCE OF TRUTH (Dec 2025 Prototype)
   Matches event card design - teal header, dark body
   ============================================================ */
div#eventModal .modal-dialog {
    max-width: 960px
}

div#eventModal .modal-content.event-modal {
    position: relative;
    border: 1px solid rgba(8, 38, 45, 0.18);
    border-radius: 0;
    background: #042030;
    color: #fff;
    box-shadow: 0 30px 60px rgba(8, 38, 45, 0.32);
    overflow: hidden;
    padding: 0
}

/* Close Button - X centered in white circle */
div#eventModal .close.btn.close-event {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.92);
    color: #042030;
    border: 0;
    opacity: 1;
    padding: 0;
    transition: background .2s ease;
    z-index: 10;
    font-family: Arial, sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 44px;
    text-align: center
}

div#eventModal .close.btn.close-event:hover {
    background: #ffffff
}

div#eventModal .close.btn.close-event span {
    display: block;
    width: 44px;
    height: 44px;
    line-height: 42px;
    text-align: center;
    font-size: 28px;
    font-weight: 300;
    color: #042030;
    margin: 0;
    padding: 0
}

/* Header - Teal gradient matching event cards */
div#eventModal .event-modal__header {
    background: linear-gradient(135deg, #47cec4 0%, #35a6bd 100%);
    padding: 40px 48px 44px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    text-align: right;
    position: relative
}

/* Type Label - White text with underline (matches card design, NO pill) */
div#eventModal .event-modal__chip {
    background: transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    padding: 0;
    border-radius: 0;
    display: inline-block;
    margin-bottom: 8px
}

div#eventModal .event-modal__chip::after {
    content: '';
    display: block;
    width: 78px;
    height: 2px;
    background: #fff;
    margin-top: 6px
}

/* Date - With calendar icon */
div#eventModal .event-modal__date {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05em;
    display: inline-flex;
    align-items: center;
    gap: 14px
}

div#eventModal .event-modal__date img {
    width: 46px;
    height: 40px;
    object-fit: contain
}

/* Divider */
div#eventModal .event-modal__divider {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    margin: 0;
    width: 100%
}

/* Title - 30px as per prototype */
div#eventModal .event-modal__title {
    margin: 6px 0 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    color: #042030;
    max-width: 640px
}

/* Body - Dark background */
div#eventModal .event-modal__body {
    display: flex;
    gap: 48px;
    padding: 52px 58px 60px;
    background: #000;
    color: #fff
}

/* Media - 400px width, 280px min-height */
div#eventModal .event-modal__media {
    flex: 0 0 400px;
    max-width: 400px;
    min-height: 280px;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

div#eventModal .event-modal__media-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px
}

div#eventModal .event-modal__image {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    min-height: 280px
}

div#eventModal .event-modal__video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
    background: #000
}

div#eventModal .event-modal__video iframe,
div#eventModal .event-modal__video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

/* Content */
div#eventModal .event-modal__content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
    color: #ffffff
}

div#eventModal .eventDescription {
    margin: 0;
    font-size: 18px;
    line-height: 1.6
}

div#eventModal .event-modal__location {
    margin: 0;
    font-size: 18px;
    line-height: 1.6;
    color: #58B7B3;
    display: flex;
    align-items: flex-start;
    gap: 10px
}

div#eventModal .event-modal__location i {
    margin-top: 4px;
    color: #58B7B3
}

/* CTA Group - Matches event card button design */
div#eventModal .event-modal__cta-group {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: auto
}

div#eventModal .event-modal__cta,
div#eventModal .event-card__btn.event-modal__cta {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid #58B7B3;
    background: transparent;
    color: #58B7B3;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease;
    min-width: 140px;
    text-align: center;
    border-radius: 0
}

div#eventModal .event-modal__cta:hover,
div#eventModal .event-card__btn.event-modal__cta:hover {
    border-color: #fff;
    color: #fff;
    background: transparent
}

/* No media variant */
div#eventModal .event-modal--no-media .event-modal__body {
    gap: 0;
    justify-content: flex-start
}

div#eventModal .event-modal--no-media .event-modal__media {
    display: none
}

div#eventModal .event-modal--no-media .event-modal__content {
    max-width: none;
    width: 100%;
    text-align: right;
    align-items: flex-start
}

/* Responsive */
@media (max-width: 1199px) {
    div#eventModal .event-modal__body {
        gap: 36px;
        padding: 48px 48px 56px
    }

    div#eventModal .event-modal__media {
        flex: 0 0 320px;
        max-width: 320px;
        min-height: 220px
    }
}

@media (max-width: 991px) {
    div#eventModal .event-modal__header {
        padding: 36px 32px 40px
    }

    div#eventModal .event-modal__body {
        flex-direction: column;
        align-items: center;
        gap: 32px;
        padding: 40px 36px 48px
    }

    div#eventModal .event-modal__media {
        width: 100%;
        max-width: 420px;
        flex: none
    }

    div#eventModal .event-modal__cta {
        width: auto;
        min-width: 160px
    }
}

@media (max-width: 575px) {

    /* Push modal below sticky header - Dec 2025 */
    div#eventModal .modal-dialog {
        margin-top: 70px !important;
        /* Space for sticky header */
    }

    div#eventModal .close.btn.close-event {
        top: 10px;
        right: 10px;
        width: 38px;
        height: 38px
    }

    div#eventModal .close.btn.close-event span {
        width: 38px;
        height: 38px;
        line-height: 36px;
        font-size: 24px
    }

    div#eventModal .event-modal__header {
        padding: 32px 24px 28px
    }

    div#eventModal .event-modal__chip {
        margin-bottom: 6px
    }

    div#eventModal .event-modal__date {
        font-size: 0.85rem
    }

    div#eventModal .event-modal__title {
        font-size: 24px
    }

    div#eventModal .event-modal__body {
        padding: 32px 24px 40px;
        gap: 28px
    }

    div#eventModal .event-modal__location {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px
    }

    div#eventModal .event-modal__cta {
        width: 100%;
        max-width: none
    }
}

section.clinical_studies .studies_thumb__placeholder {
    width: 100%;
    padding-top: 120%;
    background: rgba(89, 183, 179, 0.15);
    border: 1px dashed rgba(89, 183, 179, 0.4);
    position: relative;
    border-radius: 12px
}

section.clinical_studies .studies_thumb__placeholder:after {
    content: "";
    position: absolute;
    inset: 30%;
    border: 1px solid rgba(89, 183, 179, 0.35);
    border-radius: 8px
}

/* REMOVED: Legacy news card styling - now using unified .news-card (Dec 2025)
   See NEWS CARD - SINGLE SOURCE OF TRUTH section at end of file */

/* OLD: Workstation event card CTA teal-filled buttons REMOVED
   Now uses unified event card design from prototype (transparent + teal border) */

/* Workstation sliders use global defaults */
body.single-workstation .work-slider {
    position: relative;
    margin: 0 -12px;
}

/* Hide 4th card peek - prevent partial slides from showing */
body.single-workstation section#work_event {
    overflow: hidden;
}

body.single-workstation section#work_event .container-fluid {
    overflow: hidden;
}

/* FOUC FIX: Hide event slider until Slick is ready, then fade in (Dec 2025)
   This pattern is proven to work - same as hero-slider */
body.single-workstation .event_list_slider {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

body.single-workstation .event_list_slider.slick-initialized {
    opacity: 1;
    visibility: visible;
}

body.single-workstation .work-slider .slick-list {
    overflow: hidden;
}

/* Slick controls .slick-track display - DO NOT override with flex (Dec 2025 fix) */
body.single-workstation .work-slider .slick-track {
    align-items: stretch;
}

body.single-workstation .work-slider .slick-slide {
    display: flex !important;
    align-items: stretch;
    padding: 0 12px !important;
    height: auto;
    box-sizing: border-box;
}

body.single-workstation .work-slider .slick-slide>* {
    width: 100%;
    display: flex !important;
    flex-direction: column;
    height: 100%;
}

body.single-workstation .work-slider .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
}

body.single-workstation .work-slider .slick-list {
    padding: 0 24px;
}

body.single-workstation .work-slider[data-slider="events"] .event-card,
body.single-workstation .work-slider[data-slider="news"] .news-card,
body.single-workstation .work-slider[data-slider="studies"] .legacy-study-card {
    margin: 0 12px;
}

/* Safeguard overrides to neutralise legacy child rules */
body.single-workstation #work_event .work-slider[data-slider="events"] .slick-slide,
body.single-workstation #work_news .work-slider[data-slider="news"] .slick-slide {
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
}

body.single-workstation #work_event .work-slider[data-slider="events"] .slick-slide>*,
body.single-workstation #work_news .work-slider[data-slider="news"] .slick-slide>* {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

/* OLD: Workstation event card media ::after teal bar and overlay rules REMOVED
   Now uses unified event card design from prototype */

body.single-workstation #work_news .work-slider[data-slider="news"] .news-card {
    margin: 0 auto !important;
    min-height: 100% !important;
}

@media (max-width: 767px) {
    body.single-workstation .work-slider .slick-track {
        display: block !important;
        gap: 0 !important;
    }

    body.single-workstation .work-slider .slick-list {
        padding: 0 24px !important;
        overflow: hidden !important;
    }

    body.single-workstation .work-slider .slick-slide {
        /* Slick uses float:left - DO NOT set float:none (breaks horizontal layout) */
        /* REMOVED: width:auto!important - was overriding Slick's inline width calculation */
        margin: 0 !important;
        display: flex !important;
        justify-content: center;
        padding: 0 !important;
    }

    body.single-workstation .work-slider .slick-slide>* {
        width: calc(100vw - 96px);
        max-width: 320px;
        margin: 0 auto;
    }

    body.single-workstation #work_news .work-slider .slick-track {
        gap: 0 !important;
    }

    body.single-workstation #work_news .work-slider .slick-list {
        padding: 0 16px !important;
    }

    body.single-workstation #work_news .work-slider .slick-arrow {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Mobile news card adjustments */
    body.single-workstation .work-slider[data-slider="news"] .news-card__title {
        min-height: auto !important;
    }

    body.single-workstation #work_event .work-slider .slick-track,
    body.single-workstation #work_studies .work-slider .slick-track {
        gap: 0 !important;
    }

    body.single-workstation #work_event .work-slider .slick-list,
    body.single-workstation #work_studies .work-slider .slick-list {
        padding: 0 16px !important;
    }

    body.single-workstation #work_event .work-slider .slick-arrow,
    body.single-workstation #work_studies .work-slider .slick-arrow {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    body.single-workstation .work-slider[data-slider="events"] .event-card__media {
        margin: 0 !important;
    }

    body.single-workstation .work-slider[data-slider="events"] .event-card__image {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        display: block !important;
    }

    body.single-workstation .work-slider[data-slider="events"] .event-card,
    body.single-workstation .work-slider[data-slider="news"] .news-card,
    body.single-workstation .work-slider[data-slider="studies"] .study-card {
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* ============================================================
   EVENT CARD - SINGLE SOURCE OF TRUTH (Dec 2025 Prototype)
   Used on: Workstation, Upcoming Events, Past Events
   Higher specificity selectors to override any conflicting styles
   ============================================================ */

/* Card container */
.event-card,
body.single-workstation .event-card,
body.page-template-upcoming-events .event-card,
body.page-template-past-events .event-card,
body.post-type-archive-events .event-card {
    background: rgba(88, 183, 179, 0.94);
    border: 1px solid rgba(8, 38, 45, 0.18);
    box-shadow: 0 24px 50px rgba(8, 38, 45, 0.24);
    border-radius: 0;
    color: #042030;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

/* Top section */
.event-card__top,
body.single-workstation .event-card__top,
body.page-template-upcoming-events .event-card__top,
body.page-template-past-events .event-card__top {
    padding: 22px 24px 12px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Meta wrapper */
.event-card__meta,
body .event-card .event-card__meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin: 6px 0 18px;
}

/* Type label - White text with underline (NO pill) */
.event-card__type,
body .event-card .event-card__type {
    order: -1;
    margin-bottom: 8px;
    color: #fff;
    font-size: 16px;
    letter-spacing: .18em;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    border: none;
}

.event-card__type::after,
body .event-card .event-card__type::after {
    content: '';
    display: block;
    width: 78px;
    height: 2px;
    background: #fff;
    margin-top: 6px;
}

/* Date - Calendar icon + white text (NO pill) */
.event-card__date,
body .event-card .event-card__date {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: #fff;
    font-weight: 600;
    font-size: .9rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    border: none;
}

.event-card__date img,
body .event-card .event-card__date img {
    width: 46px;
    height: 40px;
    object-fit: contain;
    display: block;
}

.event-card__date i,
body .event-card .event-card__date i {
    font-size: 20px;
    color: #fff;
}

/* Divider */
.event-card__divider,
body .event-card .event-card__divider {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, .7);
    margin: 0;
}

/* Title - Fixed height for card alignment (2 lines space) */
.event-card__title,
body .event-card .event-card__title {
    margin: 6px 0 12px;
    font-size: 1.1rem;
    line-height: 1.4;
    font-weight: 700;
    color: #042030;
    min-height: 62px;
    /* Fixed height for 2 lines at 1.1rem */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Location bar - Fixed height for card alignment (2 lines max) */
.event-card__location,
body .event-card .event-card__location {
    margin: 0;
    padding: 18px 24px;
    background: rgba(8, 38, 45, .82);
    color: #fff;
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 12px;
    font-size: 14px;
    line-height: 1.5;
    height: 84px;
    /* Fixed height - not min-height */
    align-items: center;
    overflow: hidden;
}

.event-card__location i,
body .event-card .event-card__location i {
    color: #58B7B3;
    font-size: 16px;
    align-self: start;
    margin-top: 3px;
}

.event-card__location-lines,
body .event-card .event-card__location-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Max 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
    max-height: 42px;
    /* 2 lines at 1.5 line-height */
}

/* Empty location placeholder - maintains card alignment */
.event-card__location--empty,
body .event-card .event-card__location--empty {
    background: rgba(8, 38, 45, .55);
    display: block;
    height: 84px;
}

/* Media section */
.event-card__media,
body .event-card .event-card__media {
    position: relative;
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
}

.event-card__image,
body .event-card .event-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.event-card__image--placeholder {
    background: linear-gradient(135deg, #1a3a40, #0a2025);
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-card__image--placeholder::after {
    content: 'Event Image';
    color: rgba(255, 255, 255, .3);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* CTA overlay */
.event-card__overlay,
body .event-card .event-card__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 20px 20px;
    background: linear-gradient(180deg, rgba(8, 38, 45, 0) 0%, rgba(8, 38, 45, .92) 100%);
    display: flex;
    justify-content: center;
    opacity: 0;
    transition: opacity .3s ease;
}

.event-card:hover .event-card__overlay,
body .event-card:hover .event-card__overlay {
    opacity: 1;
}

.event-card__cta-group,
body .event-card .event-card__cta-group {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

/* CTA Buttons */
.event-card__btn,
body .event-card .event-card__btn,
body .event-card__overlay .event-card__btn {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid #58B7B3;
    background: transparent;
    color: #58B7B3;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease;
    min-width: 140px;
    text-align: center;
    border-radius: 0;
}

.event-card__btn:hover,
body .event-card .event-card__btn:hover,
body .event-card__overlay .event-card__btn:hover {
    border-color: #fff;
    color: #fff;
    background: transparent;
}

/* Grid alignment - ensure all cards stretch to equal height */
body:is(.page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) #posts-container,
body:is(.page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) .future-list,
body:is(.page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) .past-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
}

body:is(.page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) .event-card {
    height: 100%;
}

/* Responsive: Tablet - 2 columns */
@media (max-width:991px) {

    body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) #posts-container,
    body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) .future-list,
    body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) .past-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

/* Responsive: Mobile - 1 column */
@media (max-width:575px) {
    /* STICKY HEADER - Now managed at 1024px breakpoint (Dec 2025) */

    /* EVENT PAGE CONTAINER - Remove side padding for full-width cards */
    body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) .container-fluid.fixed_width {
        padding: 0 !important;
    }

    body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) #posts-container,
    body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) .future-list,
    body:not(.single-workstation):is(.events-plugin-active, .page-template-upcoming-events, .page-template-past-events, .post-type-archive-events) .past-list {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 0 !important;
    }

    /* Mobile: Show overlay buttons always, relax title/location min-heights */
    .event-card__overlay {
        opacity: 1;
    }

    .event-card {
        max-width: 100%;
    }

    /* EVENT CARD TITLE - 1rem instead of 1.1rem on mobile */
    .event-card__title {
        min-height: auto;
        font-size: 1rem !important;
        -webkit-line-clamp: 3;
        /* Allow 3 lines on mobile */
    }

    .event-card__location {
        min-height: auto;
    }

    /* EVENT MODAL - Mobile font size adjustments */
    div#eventModal .event-modal__title {
        font-size: 20px !important;
        /* Instead of 24px */
    }

    div#eventModal .eventDescription,
    div#eventModal .event-modal__description {
        font-size: 14px !important;
        /* Instead of 18px */
        line-height: 1.5;
    }

    div#eventModal .event-modal__location {
        font-size: 14px !important;
        /* Instead of 18px */
        line-height: 1.5;
    }
}

/* ============================================================
   NEWS CARD - SINGLE SOURCE OF TRUTH (Dec 2025 Prototype)
   Same design for Workstation (slider) and News Page (grid)
   ============================================================ */

/* Card container */
.news-card,
body .news-card {
    background: rgba(88, 183, 179, 0.94);
    border: 1px solid rgba(8, 38, 45, 0.18);
    box-shadow: 0 24px 50px rgba(8, 38, 45, 0.24);
    border-radius: 0;
    color: #042030;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

/* Top section - Type + Title */
.news-card__top,
body .news-card .news-card__top {
    padding: 22px 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Type/Category label - White text with underline */
.news-card__type,
body .news-card .news-card__type {
    color: #fff;
    font-size: 14px;
    letter-spacing: .18em;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    background: transparent;
    border-radius: 0;
    padding: 0;
    width: fit-content;
}

.news-card__type::after,
body .news-card .news-card__type::after {
    content: '';
    display: block;
    width: 60px;
    height: 2px;
    background: #fff;
    margin-top: 6px;
}

/* Divider line */
.news-card__divider,
body .news-card .news-card__divider {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    margin: 8px 0;
}

/* Title - Fixed height for 3 rows */
.news-card__title,
body .news-card .news-card__title {
    margin: 4px 0 8px;
    font-size: 1.1rem;
    line-height: 1.4;
    font-weight: 700;
    color: #042030;
    min-height: 93px;
    /* Space for 3 lines */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-card__title a,
body .news-card .news-card__title a {
    color: inherit;
    text-decoration: none;
}

.news-card__title a:hover {
    text-decoration: underline;
}

/* Image section */
.news-card__media,
body .news-card .news-card__media {
    position: relative;
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
    background: #042030;
}

.news-card__image,
body .news-card .news-card__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* CTA section - BELOW image on dark background (always visible) */
.news-card__cta,
body .news-card .news-card__cta {
    padding: 20px 24px;
    display: flex;
    justify-content: center;
    background: rgba(8, 38, 45, 0.92);
}

/* CTA Button - APPROVED INMODE DESIGN */
.news-card__btn,
body .news-card .news-card__btn {
    display: inline-block;
    padding: 10px 50px;
    border: 2px solid #58B7B3;
    background: transparent;
    color: #58B7B3;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    border-radius: 0;
}

.news-card__btn:hover,
body .news-card .news-card__btn:hover {
    border-color: #fff;
    color: #fff;
    background: transparent;
}

/* News Page Grid Layout */
body.page-template-news_template #posts-container,
body.page-template-news_template .news-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
}

/* Workstation News Slider - Ensure proper gap between cards */
body.single-workstation .work_news .slick-track,
body.single-workstation section#work_news .slick-track {
    gap: 24px !important;
    display: flex !important;
}

/* Mobile: News slider - hide overflow to prevent next card peeking */
@media (max-width: 767px) {
    body.single-workstation section#work_news {
        overflow: hidden !important;
    }

    body.single-workstation section#work_news .container-fluid {
        overflow: hidden !important;
    }

    body.single-workstation section#work_news .work-slider {
        overflow: hidden !important;
    }

    body.single-workstation section#work_news .slick-list {
        overflow: hidden !important;
    }

    body.single-workstation section#work_news .slick-track {
        gap: 0 !important;
    }

    body.single-workstation section#work_news .slick-slide {
        padding: 0 16px !important;
    }

    body.single-workstation section#work_news .news-card {
        max-width: 100% !important;
        margin: 0 auto !important;
    }
}

/* Tablet: News slider - also hide overflow at tablet widths */
@media (max-width: 991px) {

    body.single-workstation section#work_news,
    body.single-workstation section#work_news .container-fluid,
    body.single-workstation section#work_news .work-slider,
    body.single-workstation section#work_news .slick-list {
        overflow: hidden !important;
    }

    body.single-workstation section#work_news .slick-track {
        gap: 0 !important;
    }

    body.single-workstation section#work_news .slick-slide {
        padding: 0 12px !important;
    }

    body.single-workstation section#work_news .news-card {
        max-width: calc(100% - 16px) !important;
        margin: 0 auto !important;
    }
}

/* Responsive: Tablet - 2 columns */
@media (max-width: 991px) {

    body.page-template-news_template #posts-container,
    body.page-template-news_template .news-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

/* Responsive: Mobile - 1 column */
@media (max-width: 575px) {

    body.page-template-news_template #posts-container,
    body.page-template-news_template .news-list {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .news-card {
        max-width: 100%;
    }

    .news-card__title {
        min-height: auto;
    }
}

/* ============================================================================
   CLINICAL STUDY CARD - SINGLE SOURCE OF TRUTH (Dec 2025 Prototype)
   ============================================================================
   Design:
   - Transparent background (dark page bg shows through)
   - Tilted book/journal image (REQUIRED - Featured Image)
   - Teal label (Workstation/Technology name)
   - White date & publication text
   - Standard InMode CTA button (teal border → white on hover)
   ============================================================================ */

.study-card {
    background: transparent;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    max-width: 400px;
    margin: 0 auto;
    height: 100%;
    /* Full height for alignment */
}

/* Image section - Hexagon is SMALL, book images OVERFLOW - Dec 2025 Fix */
.study-card__media {
    position: relative;
    width: 100%;
    max-width: 420px;
    min-height: 320px;
    margin-bottom: 20px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Hexagon background - SMALL, book overflows */
    background: url('/wp-content/uploads/2025/02/Layer_1.png') no-repeat center center;
    background-size: 50% auto;
    /* Reduced from 65% */
    overflow: visible;
}

.study-card__media a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    overflow: visible;
}

.study-card__image {
    width: 380px;
    /* Book is LARGE, overflows hexagon */
    height: auto;
    max-width: none;
    max-height: none;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

/* Content section - flexible height, push CTA to bottom */
.study-card__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex-grow: 1;
    /* Take remaining space */
    justify-content: flex-start;
}

/* Workstation/Technology label - Teal uppercase */
.study-card__label {
    color: #59B7B3;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Published Date - White */
.study-card__date {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

/* Publication name - White, 2 lines max */
.study-card__publication {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    min-height: 44px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* CTA section - always at bottom */
.study-card__cta {
    margin-top: auto;
    padding-top: 15px;
    flex-shrink: 0;
}

/* CTA Button - APPROVED INMODE DESIGN */
.study-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 35px;
    border: 2px solid #59B7B3;
    background: transparent;
    color: #59B7B3;
    font-family: 'Heebo', sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    border-radius: 0;
    white-space: nowrap;
}

.study-card__btn:hover {
    border-color: #fff;
    color: #fff;
    background: transparent;
}

/* ============================================================================
   CLINICAL STUDY CARD - FIGMA DESIGN (Dec 2025)
   Layout: Hexagon/Book → Title (teal 18px) → Meta Info (16px) → Download
   ============================================================================ */

.study-card-figma {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    /* max-width removed - was causing cards to be too narrow/close */
    margin: 0 auto 40px;
    /* Increased bottom margin for spacing */
    padding: 0 20px;
    /* Increased side padding */
}

/* Title - Teal, 18px, Figma design */
.study-card-figma .study-card__title,
.study-card__title {
    width: 100%;
    max-width: 519px;
    font-family: 'Heebo', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #59B7B3;
    margin: 0 0 10px 0;
}

/* Meta Info Container - Figma design: 16px, regular weight, centered */
.study-card-figma .study-card__meta,
.study-card__meta {
    width: 100%;
    max-width: 519px;
    font-family: 'Heebo', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 22px !important;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 10px;
}

/* Override clinical studies page rule for study card meta - ALL PAGES */
.page-template-clinical-studies .study-card__meta p,
.page-template-clinical-studies .study-card-figma .study-card__meta p,
.home-clinical-slider .study-card__meta p,
.home-clinical-slider .study-card-figma .study-card__meta p,
body.single-workstation .study-card__meta p,
body.single-workstation .study-card-figma .study-card__meta p,
section.clinical_studies .study-card__meta p,
.study-card__meta p {
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 400;
    margin: 3px 0;
}

/* Title 18px - ALL PAGES */
.home-clinical-slider .study-card__title,
body.single-workstation .study-card__title,
section.clinical_studies .study-card__title {
    font-size: 18px !important;
    line-height: 24px !important;
    color: #59B7B3;
    margin: 0 0 10px 0;
}

/* Meta container - ALL PAGES */
.home-clinical-slider .study-card__meta,
body.single-workstation .study-card__meta,
section.clinical_studies .study-card__meta {
    font-size: 16px !important;
    line-height: 22px !important;
    margin-bottom: 10px !important;
}

/* CTA reduced spacing - ALL PAGES */
.home-clinical-slider .study-card__cta,
body.single-workstation .study-card__cta,
section.clinical_studies .study-card__cta {
    margin-top: 5px !important;
}

/* Labels (Author:, Technology:, etc) - Bold */
.study-card__meta strong {
    font-weight: 700;
}

/* CTA Container - Pushed to bottom */
.study-card-figma .study-card__cta,
.study-card__cta {
    margin-top: auto !important;
}

/* Mobile Responsive - Figma design */
@media (max-width: 767px) {
    .study-card__title {
        font-size: 16px;
        line-height: 20px;
    }

    .study-card__meta {
        font-size: 14px;
        line-height: 18px;
    }

    .study-card__btn {
        width: 180px;
        height: 32px;
        font-size: 16px;
    }
}

/* Clinical Studies Page Grid Layout */
body.page-template-clinical-studies #posts-container,
body.page-template-clinical-studies .studies-grid-manual {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    /* Increased for more spacing between cards */
    align-items: stretch;
    /* Equal height cards */
}

/* Workstation Studies Slider */
body.single-workstation .studies_slider .work-slider__slide {
    padding: 0 12px;
}

body.single-workstation .studies_slider .study-card {
    height: 100%;
}

/* Pre-slick state for workstation studies - shows first 3 cards as grid before Slick initializes */
body.single-workstation .studies_slider:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    /* Increased for more spacing */
    justify-items: center;
}

body.single-workstation .studies_slider:not(.slick-initialized)>.work-slider__slide:nth-child(n+4) {
    display: none;
}

/* Mobile: show only first slide before Slick initializes */
@media (max-width: 767px) {
    body.single-workstation .studies_slider:not(.slick-initialized) {
        display: block;
    }

    body.single-workstation .studies_slider:not(.slick-initialized)>.work-slider__slide {
        display: none;
    }

    body.single-workstation .studies_slider:not(.slick-initialized)>.work-slider__slide:first-child {
        display: block;
    }

    /* Post-slick rules handled by general workstation slider rules at lines 2403-2481 */
}

/* Responsive: Tablet - 2 columns */
@media (max-width: 991px) {

    body.page-template-clinical-studies #posts-container,
    body.page-template-clinical-studies .studies-grid-manual {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}

/* Responsive: Mobile - 1 column */
@media (max-width: 575px) {

    body.page-template-clinical-studies #posts-container,
    body.page-template-clinical-studies .studies-grid-manual {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .study-card {
        max-width: 100%;
    }
}

/* =====================================================
   NEWSLETTER POPUP & NEW FOOTER STYLES
   December 2025 - Figma Design Implementation
   ===================================================== */

/* ----- Newsletter Popup Overlay ----- */
.newsletter-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.newsletter-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* ----- Newsletter Popup Modal ----- */
.newsletter-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 947px;
    max-width: calc(100% - 40px);
    background: rgba(89, 183, 179, 0.92);
    z-index: 10001;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease, height 0.4s ease;
    overflow: hidden;
}

.newsletter-popup.active {
    opacity: 1;
    visibility: visible;
}

/* Auto height for CF7 form content */
.newsletter-popup {
    height: auto;
    max-height: 90vh;
    overflow-y: auto;
}

/* ----- Popup Close Button ----- */
.newsletter-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    z-index: 10;
    transition: transform 0.3s ease;
}

.newsletter-close:hover {
    transform: rotate(90deg);
}

/* ----- Popup Content ----- */
.newsletter-content {
    padding: 75px 60px 50px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.newsletter-title {
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 46px;
    text-align: center;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.newsletter-subtitle {
    font-family: 'Heebo', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    max-width: 704px;
    margin-bottom: 30px;
}

/* ----- Popup Form ----- */
.newsletter-form {
    width: 100%;
    max-width: 486px;
}

.newsletter-input {
    width: 100%;
    height: 49px;
    background: transparent;
    border: 1px solid #FFFFFF;
    padding: 0 20px;
    font-family: 'Heebo', sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    margin-bottom: 16px;
    transition: all 0.3s ease;
}

.newsletter-input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.newsletter-input:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
}

.newsletter-row {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

.newsletter-row .newsletter-input {
    flex: 1;
    margin-bottom: 0;
}

/* CF7 form handles visibility - no step transitions needed */
.newsletter-select {
    width: 100%;
    height: 49px;
    background: transparent;
    border: 1px solid #FFFFFF;
    padding: 0 20px;
    font-family: 'Heebo', sans-serif;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.4);
    margin-bottom: 16px;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='white' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
}

.newsletter-select:focus {
    outline: none;
}

.newsletter-select option {
    background: #59B7B3;
    color: #FFFFFF;
}

.newsletter-terms {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
    margin-bottom: 16px;
    text-align: right;
}

.newsletter-terms input[type="checkbox"] {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: 2px solid #FFFFFF;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    flex-shrink: 0;
    border-radius: 3px;
    position: relative;
    transition: all 0.2s ease;
}

.newsletter-terms input[type="checkbox"]:checked {
    background: #FFFFFF;
}

.newsletter-terms input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid #59B7B3;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.newsletter-terms input[type="checkbox"]:hover {
    border-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}

.newsletter-terms label {
    font-family: 'Heebo', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    cursor: pointer;
}

.newsletter-terms a {
    color: #59B7B3;
    text-decoration: underline;
}

.newsletter-terms a:hover {
    opacity: 0.8;
}

.newsletter-submit {
    width: 100%;
    height: 49px;
    background: #FFFFFF;
    border: none;
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #59B7B3;
    cursor: pointer;
    transition: all 0.3s ease;
}

.newsletter-submit:hover {
    background: #f0f0f0;
    transform: translateY(-2px);
}

/* Popup open body state */
body.newsletter-popup-open {
    overflow: hidden;
}

/* =====================================================
   CF7 FORM STYLING FOR NEWSLETTER
   ===================================================== */

/* ----- Popup CF7 Form ----- */
.popup-cf7-form .wpcf7-form {
    width: 100%;
    max-width: 486px;
}

.popup-cf7-form .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 16px;
}

/* Email and select get full width */
.popup-cf7-form .wpcf7-form-control-wrap[data-name="your-email"],
.popup-cf7-form .wpcf7-form-control-wrap[data-name="country"] {
    width: 100%;
}

.popup-cf7-form input[type="email"],
.popup-cf7-form input[type="text"] {
    width: 100%;
    height: 49px;
    background: transparent;
    border: 1px solid #FFFFFF;
    padding: 0 20px;
    font-family: 'Heebo', sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    box-sizing: border-box;
}

.popup-cf7-form input[type="email"]::placeholder,
.popup-cf7-form input[type="text"]::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.popup-cf7-form input[type="email"]:focus,
.popup-cf7-form input[type="text"]:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
}

.popup-cf7-form select {
    width: 100%;
    height: 49px;
    background: transparent;
    border: 1px solid #FFFFFF;
    padding: 0 20px;
    font-family: 'Heebo', sans-serif;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='white' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* When select has a value - light background like autofill */
.popup-cf7-form select.has-value {
    background-color: rgb(232, 240, 254);
    color: #333333;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23333333' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
}

.popup-cf7-form select option {
    background: #59B7B3;
    color: #FFFFFF;
}

/* Input fields - light background when filled */
.popup-cf7-form input[type="email"]:not(:placeholder-shown),
.popup-cf7-form input[type="text"]:not(:placeholder-shown) {
    background-color: rgb(232, 240, 254);
    color: #333333;
}

.popup-cf7-form .wpcf7-list-item {
    margin: 0;
}

.popup-cf7-form .wpcf7-acceptance {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 10px 0 16px;
    text-align: right;
}

.popup-cf7-form .wpcf7-acceptance input[type="checkbox"] {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: 2px solid #FFFFFF;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    border-radius: 3px;
    position: relative;
    transition: all 0.2s ease;
}

.popup-cf7-form .wpcf7-acceptance input[type="checkbox"]:checked {
    background: #FFFFFF;
}

.popup-cf7-form .wpcf7-acceptance input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid #59B7B3;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.popup-cf7-form .wpcf7-acceptance input[type="checkbox"]:hover {
    border-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}

.popup-cf7-form .wpcf7-acceptance .wpcf7-list-item-label {
    font-family: 'Heebo', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    cursor: pointer;
}

.popup-cf7-form .wpcf7-acceptance a {
    color: #59B7B3;
    text-decoration: underline;
}

.popup-cf7-form .wpcf7-acceptance a:hover {
    color: #4a9e9a;
    opacity: 1;
}

.popup-cf7-form input[type="submit"] {
    width: 100%;
    height: 49px;
    background: #FFFFFF;
    border: none;
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #59B7B3;
    cursor: pointer;
    transition: all 0.3s ease;
}

.popup-cf7-form input[type="submit"]:hover {
    background: #f0f0f0;
    transform: translateY(-2px);
}

.popup-cf7-form .wpcf7-response-output {
    color: #FFFFFF;
    border-color: #FFFFFF;
    margin: 16px 0 0;
    padding: 10px;
    text-align: center;
}

.popup-cf7-form .wpcf7-spinner {
    display: inline-block;
    margin: 10px auto 0;
    border-color: #FFFFFF;
}

/* ----- Inline Validation Errors - Popup ----- */
.popup-cf7-form .wpcf7-not-valid {
    border-color: #ff4444 !important;
}

.popup-cf7-form .wpcf7-not-valid-tip {
    color: #ff4444;
    font-family: 'Heebo', sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px;
    display: block;
}

/* Success State - Popup */
.popup-success-message {
    display: none;
    text-align: center;
    padding: 40px 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 100;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.newsletter-popup.show-success .popup-success-message {
    display: flex;
    animation: fadeInUp 0.4s ease;
}

/* Hide form content when success is shown */
.newsletter-popup.show-success .newsletter-content {
    visibility: hidden;
}

.success-icon {
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    animation: scaleIn 0.4s ease;
}

@keyframes scaleIn {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.success-icon svg {
    width: 40px;
    height: 40px;
}

.success-title {
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 15px;
    letter-spacing: 0.05em;
}

.success-text {
    font-family: 'Heebo', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
    max-width: 500px;
    margin: 0 auto;
}

/* CF7 row layout for first/last name */
.newsletter-cf7-row {
    display: flex;
    gap: 16px;
    margin-bottom: 0;
}

/* Hide BR tags that CF7 auto-adds */
.newsletter-cf7-row br {
    display: none;
}

/* Remove P tags from flex layout (WordPress wpautop adds them) */
.newsletter-cf7-row p {
    display: contents;
    margin: 0;
}

/* Override popup form's width:100% for row items */
.popup-cf7-form .newsletter-cf7-row .wpcf7-form-control-wrap,
.footer-cf7-form .newsletter-cf7-row .wpcf7-form-control-wrap,
.newsletter-cf7-row .wpcf7-form-control-wrap {
    flex: 1;
    width: auto;
    margin-bottom: 16px;
}

/* ----- Footer CF7 Form ----- */
.footer-cf7-form .wpcf7-form {
    width: 100%;
}

.footer-cf7-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

/* Footer form 2-step: Hide everything except email by default */
.footer-cf7-form .wpcf7-form-control-wrap:not([data-name="your-email"]),
.footer-cf7-form .newsletter-cf7-row,
.footer-cf7-form select,
.footer-cf7-form input[type="submit"],
.footer-cf7-form .wpcf7-acceptance {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 0;
    padding: 0;
    transition: all 0.4s ease;
}

/* When form is expanded, show all fields */
.footer-cf7-form.form-expanded .wpcf7-form-control-wrap:not([data-name="your-email"]),
.footer-cf7-form.form-expanded .newsletter-cf7-row,
.footer-cf7-form.form-expanded select,
.footer-cf7-form.form-expanded input[type="submit"],
.footer-cf7-form.form-expanded .wpcf7-acceptance {
    max-height: 100px;
    overflow: visible;
    opacity: 1;
    margin-bottom: 10px;
}

.footer-cf7-form input[type="email"],
.footer-cf7-form input[type="text"] {
    width: 100%;
    height: 31px;
    background: transparent;
    border: 1px solid #FFFFFF;
    padding: 0 20px;
    font-family: 'Heebo', sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    box-sizing: border-box;
}

.footer-cf7-form input[type="email"]::placeholder,
.footer-cf7-form input[type="text"]::placeholder {
    color: rgba(255, 255, 255, 0.55);
}

.footer-cf7-form input[type="email"]:focus,
.footer-cf7-form input[type="text"]:focus {
    outline: none;
    box-shadow: 0 0 0 1px rgba(89, 183, 179, 0.5);
}

.footer-cf7-form select {
    width: 100%;
    height: 31px;
    background: transparent;
    border: 1px solid #FFFFFF;
    padding: 0 20px;
    font-family: 'Heebo', sans-serif;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.55);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='white' d='M5 6L0 0h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* When select has a value - light background like autofill */
.footer-cf7-form select.has-value {
    background-color: rgb(232, 240, 254);
    color: #333333;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23333333' d='M5 6L0 0h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.footer-cf7-form select option {
    background: #000;
    color: #fff;
}

/* Input fields - light background when filled */
.footer-cf7-form input[type="email"]:not(:placeholder-shown),
.footer-cf7-form input[type="text"]:not(:placeholder-shown) {
    background-color: rgb(232, 240, 254);
    color: #333333;
}

.footer-cf7-form .wpcf7-list-item {
    margin: 0;
}

.footer-cf7-form .wpcf7-acceptance {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 12px 0;
}

.footer-cf7-form .wpcf7-acceptance input[type="checkbox"] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    border: 2px solid #59B7B3;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    border-radius: 3px;
    position: relative;
    transition: all 0.2s ease;
}

.footer-cf7-form .wpcf7-acceptance input[type="checkbox"]:checked {
    background: #59B7B3;
}

.footer-cf7-form .wpcf7-acceptance input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.footer-cf7-form .wpcf7-acceptance input[type="checkbox"]:hover {
    border-color: #4a9e9a;
}

.footer-cf7-form .wpcf7-acceptance .wpcf7-list-item-label {
    font-family: 'Heebo', sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    cursor: pointer;
}

.footer-cf7-form .wpcf7-acceptance a {
    color: #59B7B3;
    text-decoration: underline;
}

.footer-cf7-form .wpcf7-acceptance a:hover {
    color: #4a9e9a;
    opacity: 1;
}

.footer-cf7-form input[type="submit"] {
    width: 100%;
    height: 31px;
    background: #59B7B3;
    border: none;
    font-family: 'Heebo', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
    transition: background 0.3s;
}

.footer-cf7-form input[type="submit"]:hover {
    background: #4a9e9a;
}

.footer-cf7-form .wpcf7-response-output {
    color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    margin: 10px 0 0;
    padding: 10px 14px;
    font-family: 'Heebo', sans-serif;
    font-size: 13px;
    line-height: 18px;
}

/* Error state */
.footer-cf7-form .wpcf7 form.failed .wpcf7-response-output,
.footer-cf7-form .wpcf7 form.aborted .wpcf7-response-output {
    border-color: #ff4444;
    color: #ff6b6b;
    background: rgba(255, 68, 68, 0.1);
}

/* Validation error state */
.footer-cf7-form .wpcf7 form.invalid .wpcf7-response-output,
.footer-cf7-form .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ff8800;
    color: #ffaa44;
    background: rgba(255, 136, 0, 0.1);
}

/* Success state */
.footer-cf7-form .wpcf7 form.sent .wpcf7-response-output {
    border-color: #59B7B3;
    color: #59B7B3;
    background: rgba(89, 183, 179, 0.1);
}

.footer-cf7-form .wpcf7-spinner {
    display: inline-block;
    margin: 8px auto 0;
    border-color: #FFFFFF;
}

/* ----- Inline Validation Errors - Footer ----- */
.footer-cf7-form .wpcf7-not-valid {
    border-color: #ff4444 !important;
}

.footer-cf7-form .wpcf7-not-valid-tip {
    color: #ff4444;
    font-family: 'Heebo', sans-serif;
    font-size: 11px;
    line-height: 14px;
    margin-top: 3px;
    display: block;
}

/* Success State - Footer */
.footer-cf7-form.form-success .wpcf7-form {
    display: none;
}

.footer-cf7-form .footer-success-message {
    display: none;
    padding: 20px 0;
    text-align: center;
}

.footer-cf7-form.form-success .footer-success-message {
    display: block;
    animation: fadeInUp 0.4s ease;
}

.footer-success-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.footer-success-icon {
    width: 40px;
    height: 40px;
    background: #59B7B3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: scaleIn 0.4s ease;
    flex-shrink: 0;
}

.footer-success-icon svg {
    width: 20px;
    height: 20px;
}

.footer-success-text {
    font-family: 'Heebo', sans-serif;
    font-size: 18px;
    color: #59B7B3;
    font-weight: 500;
}

/* Footer CF7 row layout - specific widths for footer */
.footer-cf7-form .newsletter-cf7-row .wpcf7-form-control-wrap {
    width: 203px;
    flex: none;
    margin-bottom: 10px;
}

/* Mobile adjustments for CF7 */
@media (max-width: 768px) {

    .popup-cf7-form input[type="email"],
    .popup-cf7-form input[type="text"],
    .popup-cf7-form select {
        height: 37px;
        font-size: 14px;
        padding: 0 15px;
    }

    .popup-cf7-form input[type="submit"] {
        height: 42px;
        font-size: 16px;
    }

    /* Keep first/last name side-by-side on mobile with smaller gap */
    .popup-cf7-form .newsletter-cf7-row,
    .newsletter-popup .newsletter-cf7-row {
        display: flex !important;
        flex-direction: row !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .popup-cf7-form .newsletter-cf7-row .wpcf7-form-control-wrap,
    .newsletter-popup .newsletter-cf7-row .wpcf7-form-control-wrap {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        width: 50% !important;
    }

    .popup-cf7-form .newsletter-cf7-row input[type="text"],
    .newsletter-popup .newsletter-cf7-row input[type="text"] {
        width: 100% !important;
    }

    .popup-cf7-form .wpcf7-acceptance .wpcf7-list-item-label {
        font-size: 10px;
        line-height: 12px;
    }
}

@media (max-width: 575px) {
    .footer-cf7-form .newsletter-cf7-row {
        flex-direction: column;
        gap: 0;
    }

    .footer-cf7-form .newsletter-cf7-row .wpcf7-form-control-wrap {
        width: 100%;
    }
}

/* ----- Popup Mobile Responsive ----- */
@media (max-width: 768px) {
    .newsletter-popup {
        width: 330px;
        max-width: calc(100% - 30px);
        height: auto;
        max-height: 85vh;
    }

    .newsletter-content {
        padding: 30px 25px;
    }

    .newsletter-title {
        font-size: 28px;
        line-height: 33px;
        margin-bottom: 15px;
    }

    .newsletter-subtitle {
        font-size: 17px;
        line-height: 21px;
        margin-bottom: 20px;
    }

    .newsletter-input,
    .newsletter-select {
        height: 37px;
        font-size: 14px;
        padding: 0 15px;
        margin-bottom: 10px;
    }

    .newsletter-row {
        flex-direction: column;
        gap: 0;
    }

    .newsletter-row .newsletter-input {
        margin-bottom: 10px;
    }

    .newsletter-submit {
        height: 42px;
        font-size: 16px;
    }

    .newsletter-terms label {
        font-size: 10px;
        line-height: 12px;
    }

    .newsletter-close {
        top: 15px;
        right: 15px;
        width: 18px;
        height: 18px;
    }
}

/* =====================================================
   NEW FOOTER DESIGN - December 2025
   ===================================================== */

.site-footer.site-footer-new {
    background: #000000;
    padding: 0;
    margin: 0;
}

.site-footer-new .footer-container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 84px;
    position: relative;
}

/* Logo & Stay Updated */
.site-footer-new .footer-header {
    text-align: center;
    padding-top: 70px;
    margin-bottom: 20px;
}

.site-footer-new .footer-logo {
    margin-bottom: 5px;
}

.site-footer-new .footer-logo img,
.site-footer-new .footer-logo .custom-logo {
    max-width: 281px;
    height: auto;
}

.site-footer-new .footer-stay-updated {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
    color: #59B7B3;
    margin-top: 5px;
}

/* Main Content Layout */
.site-footer-new .footer-main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

/* Footer layout when newsletter is hidden */
.site-footer-new .footer-main--no-newsletter {
    justify-content: center;
}

.site-footer-new .footer-main--no-newsletter .footer-social {
    max-width: 100%;
    text-align: center;
}

.site-footer-new .footer-main--no-newsletter .footer-social-links {
    justify-content: center;
}

/* Newsletter Section */
.site-footer-new .footer-newsletter {
    width: 422px;
}

.site-footer-new .footer-newsletter h3 {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 0.07em;
    color: #59B7B3;
    margin-bottom: 15px;
    white-space: nowrap;
}

.site-footer-new .footer-form {
    transition: all 0.4s ease;
}

.site-footer-new .footer-input {
    width: 100%;
    height: 31px;
    background: transparent;
    border: 1px solid #FFFFFF;
    padding: 0 20px;
    font-family: 'Heebo', sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.site-footer-new .footer-input::placeholder {
    color: rgba(255, 255, 255, 0.55);
}

.site-footer-new .footer-input:focus {
    outline: none;
    box-shadow: 0 0 0 1px rgba(89, 183, 179, 0.5);
}

.site-footer-new .footer-row {
    display: flex;
    gap: 16px;
    margin-bottom: 10px;
}

.site-footer-new .footer-row .footer-input {
    width: 203px;
    flex: none;
    margin-bottom: 0;
}

.site-footer-new .footer-select {
    width: 100%;
    height: 31px;
    background: transparent;
    border: 1px solid #FFFFFF;
    padding: 0 20px;
    font-family: 'Heebo', sans-serif;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.55);
    margin-bottom: 10px;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='white' d='M5 6L0 0h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.site-footer-new .footer-select option {
    background: #000;
    color: #fff;
}

.site-footer-new .footer-submit {
    width: 100%;
    height: 31px;
    background: #59B7B3;
    border: none;
    font-family: 'Heebo', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
    transition: background 0.3s;
}

.site-footer-new .footer-submit:hover {
    background: #4a9e9a;
}

.site-footer-new .footer-step2 {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s ease, opacity 0.3s ease;
}

.site-footer-new .footer-step2.expanded {
    max-height: 150px;
    opacity: 1;
}

/* Social Section */
.site-footer-new .footer-social {
    text-align: center;
}

.site-footer-new .footer-social h3 {
    font-family: 'Heebo', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    color: #59B7B3;
    margin-bottom: 15px;
}

.site-footer-new .footer-social-icons {
    display: flex;
    gap: 25px;
    justify-content: center;
    align-items: center;
}

.site-footer-new .footer-social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    transition: transform 0.3s, color 0.3s;
}

.site-footer-new .footer-social-icons a:hover {
    transform: translateY(-3px);
    color: #59B7B3;
}

.site-footer-new .footer-social-icons svg {
    height: 32px;
    width: auto;
}

.site-footer-new .footer-contact {
    text-align: center;
    margin-top: 15px;
    font-family: 'Heebo', sans-serif;
    font-size: 16px;
    line-height: 34px;
    color: #FFFFFF;
}

.site-footer-new .footer-contact a {
    color: #FFFFFF;
    text-decoration: none;
}

.site-footer-new .footer-contact a:hover {
    text-decoration: underline;
}

/* Footer Bottom */
.site-footer-new .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0 25px;
    margin-top: 20px;
    position: relative;
}

.site-footer-new .footer-links {
    display: flex;
    gap: 30px;
}

.site-footer-new .footer-links a,
.site-footer-new .footer-links .menu-item a {
    font-family: 'Heebo', sans-serif;
    font-size: 16px;
    line-height: 34px;
    color: #FFFFFF !important;
    text-decoration: none;
    transition: color 0.3s;
}

.site-footer-new .footer-links a:hover,
.site-footer-new .footer-links .menu-item a:hover {
    color: #59B7B3 !important;
}

.site-footer-new .footer-credit {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Heebo', sans-serif;
    font-size: 10px;
    line-height: 34px;
    color: rgba(255, 255, 255, 0.7);
}

/* ----- Footer Tablet Responsive ----- */
@media (max-width: 1200px) {
    .site-footer-new .footer-container {
        padding: 0 40px;
    }

    .site-footer-new .footer-newsletter {
        width: 350px;
    }

    .site-footer-new .footer-row .footer-input {
        width: calc(50% - 8px);
    }
}

/* ----- Footer Mobile Responsive ----- */
@media (max-width: 991px) {
    .site-footer-new .footer-main {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .site-footer-new .footer-newsletter {
        width: 100%;
        max-width: 422px;
        text-align: center;
    }

    .site-footer-new .footer-newsletter h3 {
        text-align: center;
        white-space: normal;
    }

    .site-footer-new .footer-row .footer-input {
        width: calc(50% - 8px);
    }

    .site-footer-new .footer-bottom {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

    .site-footer-new .footer-links {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }

    .site-footer-new .footer-credit {
        position: static;
        transform: none;
        margin-top: 10px;
    }
}

@media (max-width: 575px) {
    .site-footer-new .footer-container {
        padding: 0 20px;
    }

    .site-footer-new .footer-header {
        padding-top: 40px;
    }

    .site-footer-new .footer-stay-updated {
        font-size: 32px;
        line-height: 40px;
    }

    .site-footer-new .footer-newsletter h3,
    .site-footer-new .footer-social h3 {
        font-size: 22px;
    }

    .site-footer-new .footer-row {
        flex-direction: column;
        gap: 0;
    }

    .site-footer-new .footer-row .footer-input {
        width: 100%;
        margin-bottom: 10px;
    }
}

/* =====================================================
   BLOG SINGLE PAGE STYLES (Dec 2025)
   Dark theme with teal accents
   ===================================================== */

/* Blog single main section */
section.main_part.blog-single {
    background: var(--bs-black) !important;
    padding: 60px 20px 80px !important;
}

section.main_part.blog-single>.container {
    max-width: 1224px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Blog title */
section.blog-single .single_post_title {
    text-align: center !important;
    color: var(--bs-lightblue) !important;
    font-size: 28px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-bottom: 20px !important;
}

/* Date */
section.blog-single .date {
    text-align: right !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 14px !important;
    margin-bottom: 15px !important;
}

/* Blog post title */
section.blog-single .heading_post {
    color: var(--bs-lightblue) !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    text-align: center !important;
    line-height: 1.3 !important;
    margin-bottom: 40px !important;
}

/* Blog subtitle */
section.blog-single .blog-subtitle {
    font-size: 20px !important;
    font-style: italic !important;
    color: rgba(255, 255, 255, 0.8) !important;
    text-align: left !important;
    margin-bottom: 40px !important;
    padding: 20px !important;
    border-left: 4px solid var(--bs-lightblue) !important;
    background: #1a1a1a !important;
}

/* Blog content area */
section.blog-single .blog_content {
    font-size: 17px !important;
    line-height: 1.9 !important;
    color: var(--bs-white) !important;
    overflow: hidden !important;
}

/* Clearfix for blog content */
section.blog-single .blog_content::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

section.blog-single .blog_content p {
    margin-bottom: 24px !important;
    max-width: 100% !important;
}

section.blog-single .blog_content h2 {
    font-size: 26px !important;
    font-weight: 600 !important;
    color: var(--bs-lightblue) !important;
    margin: 40px 0 20px !important;
}

section.blog-single .blog_content h3 {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: var(--bs-lightblue) !important;
    margin: 30px 0 15px !important;
}

section.blog-single .blog_content ul,
section.blog-single .blog_content ol {
    margin: 20px 0 24px 30px !important;
    color: var(--bs-white) !important;
}

section.blog-single .blog_content li {
    margin-bottom: 10px !important;
}

section.blog-single .blog_content a {
    color: var(--bs-lightblue) !important;
}

section.blog-single .blog_content a:hover {
    text-decoration: underline !important;
}

/* Blog content blocks */
section.blog-single .blog-block {
    margin-bottom: 40px !important;
    clear: both !important;
    display: block !important;
    overflow: hidden !important;
}

/* Clear floats before and after blocks */
section.blog-single .blog-block::before,
section.blog-single .blog-block::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* Image block */
section.blog-single .blog-block--image {
    margin: 40px 0 !important;
    padding: 20px 0 !important;
    clear: both !important;
    display: block !important;
    overflow: hidden !important;
}

section.blog-single .blog-block--image img {
    width: 100% !important;
    height: auto !important;
    border-radius: 4px !important;
    display: block !important;
    margin: 0 auto !important;
}

section.blog-single .blog-block--image.blog-image--medium {
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

section.blog-single .blog-block--image figcaption {
    text-align: center !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    margin-top: 10px !important;
    font-style: italic !important;
    display: block !important;
    clear: both !important;
}

/* Video block */
section.blog-single .blog-block--video {
    margin: 40px 0 !important;
}

section.blog-single .blog-video-wrapper {
    position: relative !important;
    padding-bottom: 56.25% !important;
    height: 0 !important;
    background: #1a1a1a !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

section.blog-single .blog-video-wrapper iframe,
section.blog-single .blog-video-wrapper video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

section.blog-single .blog-video-caption {
    text-align: center !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    margin-top: 10px !important;
    font-style: italic !important;
}

/* Quote block */
section.blog-single .blog-block--quote {
    background: #1a1a1a !important;
    border-left: 4px solid var(--bs-lightblue) !important;
    padding: 30px !important;
    margin: 40px 0 !important;
    font-size: 20px !important;
    font-style: italic !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

section.blog-single .blog-block--quote p {
    margin-bottom: 10px !important;
}

section.blog-single .blog-block--quote cite {
    display: block !important;
    font-size: 14px !important;
    color: var(--bs-lightblue) !important;
    font-style: normal !important;
    margin-top: 15px !important;
}

/* Blog tags */
section.blog-single .blog-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 40px 0 !important;
}

section.blog-single .blog-tag {
    display: inline-block !important;
    padding: 6px 14px !important;
    background: #1a1a1a !important;
    color: var(--bs-white) !important;
    font-size: 13px !important;
    border: 1px solid #333 !important;
    transition: all 0.3s !important;
}

section.blog-single .blog-tag:hover {
    background: var(--bs-lightblue) !important;
    border-color: var(--bs-lightblue) !important;
}

/* Blog navigation */
section.blog-single .blog-navigation {
    border-top: 1px solid #333 !important;
    margin-top: 40px !important;
}

section.blog-single .blog-navigation .link_btn,
section.blog-single .blog-navigation .link_box {
    color: var(--bs-lightblue) !important;
    transition: color 0.3s !important;
}

section.blog-single .blog-navigation .link_btn:hover,
section.blog-single .blog-navigation .link_box:hover {
    color: var(--bs-white) !important;
}

/* Blog content images - proper sizing and centering */
section.blog-single .blog_content img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    margin: 40px auto !important;
    display: block !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
}

/* Reset all WordPress alignment classes */
section.blog-single .blog_content img.alignleft,
section.blog-single .blog_content img.alignright,
section.blog-single .blog_content img.aligncenter,
section.blog-single .blog_content img.alignnone,
section.blog-single .blog_content .wp-caption,
section.blog-single .blog_content .wp-caption img {
    float: none !important;
    display: block !important;
    margin: 40px auto !important;
    max-width: 100% !important;
    clear: both !important;
    position: relative !important;
}

/* WordPress caption styling */
section.blog-single .blog_content .wp-caption {
    width: auto !important;
    max-width: 100% !important;
    background: transparent !important;
    padding: 0 !important;
    clear: both !important;
    display: block !important;
}

section.blog-single .blog_content .wp-caption-text {
    text-align: center !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    margin-top: 10px !important;
    font-style: italic !important;
}

/* WordPress gallery and figure support */
section.blog-single .blog_content figure {
    margin: 40px auto !important;
    max-width: 100% !important;
    clear: both !important;
    display: block !important;
    position: relative !important;
    float: none !important;
}

section.blog-single .blog_content figure img {
    display: block !important;
    margin: 0 auto !important;
    float: none !important;
}

section.blog-single .blog_content figcaption {
    text-align: center !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    margin-top: 10px !important;
    font-style: italic !important;
}

/* Blog responsive */
@media (max-width: 768px) {
    section.blog-single .heading_post {
        font-size: 26px !important;
    }

    section.blog-single .blog_content {
        font-size: 16px !important;
    }

    section.blog-single .blog-navigation {
        flex-direction: column !important;
        gap: 15px !important;
    }

    section.blog-single .blog-navigation .col-md-4 {
        text-align: center !important;
    }
}

/* =====================================================
   SEARCH MODAL - FULLSCREEN OVERLAY (Dec 2025)
   Option A - Approved design
   ===================================================== */

/* Search modal overlay */
.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.95);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

.search-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Close button */
.search-overlay__close {
    position: absolute;
    top: 40px;
    right: 40px;
    background: none;
    border: none;
    color: var(--bs-white);
    font-size: 40px;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.search-overlay__close:hover {
    color: var(--bs-lightblue);
    transform: rotate(90deg);
}

/* Content */
.search-overlay__content {
    width: 100%;
    max-width: 800px;
    padding: 0 40px;
    transform: translateY(30px);
    opacity: 0;
    transition: all 0.5s ease 0.1s;
}

.search-overlay.active .search-overlay__content {
    transform: translateY(0);
    opacity: 1;
}

/* Label */
.search-overlay__label {
    color: var(--bs-lightblue);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 20px;
    display: block;
}

/* Input wrapper */
.search-overlay__input-wrap {
    position: relative;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    transition: border-color 0.3s;
}

.search-overlay__input-wrap:focus-within {
    border-color: var(--bs-lightblue);
}

/* Input field */
.search-overlay__input {
    width: 100%;
    background: transparent;
    border: none;
    color: var(--bs-white);
    font-size: 48px;
    font-weight: 300;
    padding: 20px 60px 20px 0;
    outline: none;
    font-family: 'Heebo', sans-serif;
}

.search-overlay__input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

/* Submit button */
.search-overlay__submit {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--bs-lightblue);
    font-size: 30px;
    cursor: pointer;
    transition: transform 0.3s;
    padding: 10px;
}

.search-overlay__submit:hover {
    transform: translateY(-50%) translateX(5px);
}

/* Suggestions */
.search-overlay__suggestions {
    margin-top: 40px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease 0.3s;
}

.search-overlay.active .search-overlay__suggestions {
    opacity: 1;
    transform: translateY(0);
}

.search-overlay__suggestions-title {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.search-overlay__suggestions-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.search-overlay__suggestion {
    background: rgba(255, 255, 255, 0.1);
    color: var(--bs-white);
    padding: 10px 20px;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s;
    border: 1px solid transparent;
}

.search-overlay__suggestion:hover {
    background: var(--bs-lightblue);
    border-color: var(--bs-lightblue);
    color: var(--bs-white);
}

/* Search overlay responsive */
@media (max-width: 768px) {
    .search-overlay__input {
        font-size: 28px;
    }

    .search-overlay__close {
        top: 20px;
        right: 20px;
        font-size: 30px;
    }

    .search-overlay__content {
        padding: 0 20px;
    }
}

/* =====================================================
   SEARCH RESULTS PAGE STYLES (Dec 2025)
   Results grouped by content type - Clean card design
   ===================================================== */

/* Search results page main section */
.search-results-page {
    background: var(--bs-black);
    padding-bottom: 80px;
}

/* Container */
.search-results-container {
    max-width: 1224px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Search Header */
.search-results-header {
    text-align: center;
    padding: 60px 20px 50px;
}

.search-results-eyebrow {
    color: var(--bs-lightblue);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.search-results-title {
    color: var(--bs-lightblue);
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 15px;
}

.search-results-count {
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
}

.search-results-count span {
    color: var(--bs-lightblue);
    font-weight: 600;
}

/* Category Section */
.search-category-section {
    margin-bottom: 50px;
}

.search-category-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--bs-lightblue);
}

.search-category-title {
    color: var(--bs-lightblue);
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
}

.search-category-view-all {
    color: var(--bs-lightblue);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s;
}

.search-category-view-all:hover {
    color: var(--bs-white);
}

/* Results Grid */
.search-results-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* Search Card - Clean text-only design */
.search-card {
    background: #1a1a1a;
    border: 1px solid #333;
    padding: 25px;
    transition: border-color 0.3s;
}

.search-card:hover {
    border-color: var(--bs-lightblue);
}

.search-card__date {
    color: var(--bs-lightblue);
    font-size: 13px;
    margin-bottom: 10px;
}

.search-card__title {
    color: var(--bs-white);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 12px 0;
}

.search-card__title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s;
}

.search-card__title a:hover {
    color: var(--bs-lightblue);
}

.search-card__excerpt {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 15px;
}

.search-card__link {
    color: var(--bs-lightblue);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.3s;
}

.search-card__link:hover {
    color: var(--bs-white);
    text-decoration: underline;
}

/* No Results */
.search-no-results {
    text-align: center;
    padding: 40px 20px 80px;
}

.search-no-results__title {
    color: var(--bs-white);
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
}

.search-no-results__text {
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px;
    line-height: 1.6;
    max-width: 500px;
    margin: 0 auto 40px;
}

.search-no-results__actions {
    display: flex;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Official InMode CTA Button Design */
.search-no-results .cta-button {
    display: inline-block;
    padding: 10px 50px;
    border: 2px solid var(--bs-lightblue);
    border-radius: 0;
    background: transparent;
    color: var(--bs-lightblue);
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.5;
    cursor: pointer;
    transition: all 0.3s ease;
}

.search-no-results .cta-button:hover {
    border-color: var(--bs-white);
    color: var(--bs-white);
    background: transparent;
}

/* Popular searches */
.search-no-results__suggestions {
    margin-top: 50px;
    padding-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.search-no-results__suggestions-title {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.search-no-results__suggestions-list {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.search-no-results__suggestion {
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--bs-white);
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s;
}

.search-no-results__suggestion:hover {
    border-color: var(--bs-lightblue);
    color: var(--bs-lightblue);
}

/* Search Results Responsive */
@media (max-width: 992px) {
    .search-results-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .search-results-grid {
        grid-template-columns: 1fr;
    }

    .search-results-title {
        font-size: 28px;
    }

    .search-category-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .search-no-results__title {
        font-size: 24px;
    }

    .search-no-results__actions {
        flex-direction: column;
        align-items: center;
    }

    .search-no-results .cta-button {
        width: 100%;
        max-width: 280px;
        text-align: center;
    }
}
.fc-section {
    padding: 80px 0;
}

.fc-heading {
    font-size: 32px;
    font-weight: 700;
    color: #59B7B3;
    text-transform: uppercase;
    margin-bottom: 24px;
    line-height: 1.2;
}

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

.fc-subtitle {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    margin-bottom: 50px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.fc-wysiwyg {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.8;
}

.fc-wysiwyg p {
    margin-bottom: 16px;
}

.fc-wysiwyg strong {
    color: #ffffff;
}

.fc-wysiwyg a {
    color: #59B7B3;
    text-decoration: underline;
}

.fc-wysiwyg a:hover {
    color: #ffffff;
}

.fc-wysiwyg ul,
.fc-wysiwyg ol {
    margin-left: 20px;
    margin-bottom: 16px;
}

.fc-wysiwyg li {
    margin-bottom: 6px;
    color: rgba(255, 255, 255, 0.85);
}

.fc-img-fluid {
    max-width: 100%;
    height: auto;
    display: block;
}

/* -- Shared Button -- */
.fc-btn {
    display: inline-block;
    padding: 14px 40px;
    border: 2px solid #59B7B3;
    color: #59B7B3;
    background: transparent;
    font-family: Heebo, sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.fc-btn:hover {
    background: #59B7B3;
    color: #000000;
}

.fc-btn--filled {
    background: #59B7B3;
    color: #000000;
}

.fc-btn--filled:hover {
    background: transparent;
    color: #59B7B3;
}

/* -- 1. Hero Banner -- */
.fc-hero {
    position: relative;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    padding: 0;
}

.fc-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.75) 100%);
    z-index: 1;
}

.fc-hero__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.fc-hero__inner {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    padding: 80px 30px;
}

.fc-hero__eyebrow {
    font-size: 13px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #59B7B3;
    margin-bottom: 16px;
    font-weight: 500;
}

.fc-hero__title {
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 20px;
    line-height: 1.15;
}

.fc-hero__lead {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 32px;
    line-height: 1.7;
}

.fc-hero__lead p {
    margin-bottom: 0;
}

/* -- 2. Rich Text -- */
.fc-rich-text__row {
    display: flex;
    align-items: center;
    gap: 60px;
}

.fc-rich-text__text {
    flex: 1;
}

.fc-rich-text__image {
    flex: 0 0 40%;
}

.fc-rich-text__image img {
    width: 100%;
    height: auto;
    display: block;
}

/* -- 3. Image + Text Split -- */
.fc-split {
    padding: 0;
}

.fc-split__row {
    display: flex;
    align-items: stretch;
    min-height: 450px;
}

.fc-split--reverse .fc-split__row {
    flex-direction: row-reverse;
}

.fc-split__image {
    flex: 0 0 50%;
    overflow: hidden;
}

.fc-split__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.fc-split__text {
    flex: 1;
    display: flex;
    align-items: center;
}

.fc-split__inner {
    padding: 60px 80px;
}

.fc-split__inner .fc-wysiwyg {
    margin-bottom: 8px;
}

.fc-split__inner .fc-btn {
    margin-top: 16px;
}

/* -- 4. Feature Cards -- */
.fc-features__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.fc-features__card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 40px 30px;
    text-align: center;
    transition: all 0.3s ease;
}

.fc-features__card:hover {
    background: rgba(89, 183, 179, 0.06);
    border-color: rgba(89, 183, 179, 0.3);
    transform: translateY(-4px);
}

.fc-features__icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #59B7B3;
    color: #59B7B3;
    font-size: 24px;
}

.fc-features__title {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 12px;
}

.fc-features__desc {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.7;
}

/* -- 5. CTA Banner -- */
.fc-cta {
    text-align: center;
    background: linear-gradient(135deg, rgba(89, 183, 179, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
    border-top: 1px solid rgba(89, 183, 179, 0.2);
    border-bottom: 1px solid rgba(89, 183, 179, 0.2);
}

.fc-cta__text {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 32px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* -- 6. Video -- */
.fc-video__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 1000px;
    margin: 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: #111;
}

.fc-video__wrapper iframe,
.fc-video__wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* -- 7. Gallery -- */
.fc-gallery__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.fc-gallery__item img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    display: block;
    transition: opacity 0.3s;
}

.fc-gallery__item img:hover {
    opacity: 0.8;
}

/* -- 8. Testimonial -- */
.fc-testimonial {
    text-align: center;
}

.fc-testimonial__inner {
    max-width: 800px;
    margin: 0 auto;
    padding: 60px 40px;
    border-left: 4px solid #59B7B3;
    border-right: 4px solid #59B7B3;
}

.fc-testimonial__icon {
    font-size: 40px;
    color: #59B7B3;
    margin-bottom: 24px;
}

.fc-testimonial__quote {
    font-size: 22px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 24px;
}

.fc-testimonial__author {
    font-style: normal;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #59B7B3;
    font-weight: 500;
}

/* -- 9. Divider -- */
.fc-divider {
    padding: 40px 0;
}

.fc-divider--space {
    padding: 60px 0;
}

.fc-divider__line {
    border: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    max-width: 600px;
    margin: 0 auto;
}

/* -- Responsive: Tablet -- */
@media (max-width: 991px) {
    .fc-section {
        padding: 50px 0;
    }

    .fc-split__row,
    .fc-split--reverse .fc-split__row {
        flex-direction: column;
    }

    .fc-split__image {
        flex: 1;
        width: 100%;
    }

    .fc-split__img {
        min-height: 300px;
    }

    .fc-split__inner {
        padding: 40px 30px;
    }

    .fc-rich-text__row {
        flex-direction: column;
        gap: 30px;
    }

    .fc-rich-text__image {
        flex: 1;
        width: 100%;
    }

    .fc-features__grid {
        grid-template-columns: 1fr 1fr;
    }

    .fc-gallery__grid {
        grid-template-columns: 1fr 1fr;
    }

    .fc-hero {
        min-height: 400px;
    }

    .fc-hero__inner {
        padding: 60px 20px;
    }
}

/* -- Responsive: Mobile -- */
@media (max-width: 575px) {
    .fc-section {
        padding: 40px 0;
    }

    .fc-heading {
        font-size: 26px;
    }

    .fc-features__grid {
        grid-template-columns: 1fr;
    }

    .fc-gallery__grid {
        grid-template-columns: 1fr;
    }

    .fc-gallery__item img {
        height: 220px;
    }

    .fc-hero {
        min-height: 350px;
    }

    .fc-hero__title {
        font-size: 28px;
    }

    .fc-hero__inner {
        padding: 50px 16px;
    }

    .fc-split__inner {
        padding: 30px 20px;
    }

    .fc-testimonial__inner {
        padding: 40px 20px;
    }

    .fc-testimonial__quote {
        font-size: 18px;
    }

    .fc-btn {
        padding: 12px 30px;
        font-size: 14px;
    }
}

/* ============================================================
   HOMEPAGE WORKSTATION SLIDER — Figma-spec Image Alignment
   Apr 2026 | Figma node 121-716
   Machine image box: 432 × 668px | Logo container: 70px | Gap: 40px
   ============================================================ */

/* Slide is a flex column to stack image → logo → text → CTA.
   All slides are equal-height columns so every element lines up. */
.slide_carousel {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 0 10px;
}

/* Fixed 668px image area — bottom-aligned so all machines stand
   on the same baseline regardless of individual photo heights. */
.slide_carousel > a:first-child {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    height: 668px !important;
    width: 100% !important;
    overflow: visible;
    flex-shrink: 0 !important;
}

/* Machine photo — scale proportionally, never stretch */
.slide_carousel > a:first-child img {
    max-height: 668px !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}

/* ── LOGO CONTAINER ─────────────────────────────────────────
   Fixed 105px tall slot so every logo occupies the same space
   even if the source images are different pixel sizes.
   Recommended upload size: transparent PNG, ~330 × 105 px.
   ─────────────────────────────────────────────────────────── */
.slide_carousel > img {
    display: block !important;
    height: 105px !important;
    width: auto !important;
    max-width: 330px !important;
    object-fit: contain !important;
    /* Centre within the fixed slot */
    margin: 40px auto 16px !important;
    flex-shrink: 0 !important;
}

/* ── DESCRIPTION TEXT ───────────────────────────────────────
   Fixed-height block reserves space for text even when empty.
     placeholder is output by PHP so the slot never collapses. */
.slide_carousel .workstation-excerpt,
.slide_carousel p {
    font-size: 16px !important;
    line-height: 24px !important;
    color: var(--bs-white) !important;
    text-align: center !important;
    max-width: 90% !important;
    width: 90% !important;
    /* 3 lines × 24px = 72px; all slides reserve same height */
    height: 72px !important;
    min-height: 72px !important;
    overflow: hidden !important;
    margin: 0 auto 16px !important;
    font-weight: 700 !important;
    flex-shrink: 0 !important;
}

/* ── DESCUBRE MÁS / READ-MORE LINK ─────────────────────────
   Always large, bold, and consistent — overrides both the generic
   .our_workstation rule and the mobile rule that would shrink it.
   ─────────────────────────────────────────────────────────── */
.slide_carousel a.link_discover {
    display: block !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: var(--bs-lightblue) !important;
    letter-spacing: 0.08em !important;
    padding-top: 4px !important;
    flex-shrink: 0 !important;
}

.slide_carousel a.link_discover:hover {
    color: var(--bs-white) !important;
}

/* ── TABLET (≤ 991px) ───────────────────────────────────── */
@media (max-width: 991px) {
    .slide_carousel > a:first-child {
        height: 480px !important;
    }
    .slide_carousel > a:first-child img {
        max-height: 480px !important;
    }
    .slide_carousel > img {
        height: 56px !important;
        margin-top: 28px !important;
        margin-bottom: 12px !important;
    }
}

/* ── MOBILE (≤ 767px) ───────────────────────────────────── */
@media (max-width: 767px) {
    .slide_carousel > a:first-child {
        height: 300px !important;
    }
    .slide_carousel > a:first-child img {
        max-height: 300px !important;
    }
    .slide_carousel > img {
        height: 44px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
    }
    .slide_carousel .workstation-excerpt,
    .slide_carousel p {
        font-size: 13px !important;
        line-height: 20px !important;
        /* 3 lines × 20px */
        height: 60px !important;
        min-height: 60px !important;
    }
    /* Keep CTA readable on mobile */
    .slide_carousel a.link_discover {
        font-size: 14px !important;
    }
}

/* =========================================
   TREATMENT PAGE - GLOBAL REDESIGN STYLES
   ========================================= */

/* Hexagon Image specific constraints */
.treatment-hexagon {
    display: block !important;
    width: 100%;
    max-width: 425px !important;
    height: auto;
    max-height: 500px;
    object-fit: contain;
    margin-right: 0 !important; /* LTR: Hugs the RIGHT edge against the text column */
    margin-left: auto !important; /* LTR: Slack pulled from the left */
}

/* Sticky Image Column */
@media (min-width: 992px) {
    body.single-treatments .single-post_desc {
        max-width: 936px !important;
        margin-left: 40px !important; /* LTR spacing gap from image */
        margin-right: auto !important; /* LTR slack pushes to far right edge */
    }
    
    body.single-treatments .sticky-image-col {
        position: sticky;
        top: 120px; /* offset for header */
        align-self: flex-start;
        text-align: right; /* LTR: Align image flush against text column */
    }
}

/* Ensure Treatment text is white, 20px, normal weight */
body.single-treatments .section-content,
body.single-treatments .section-content *,
body.single-treatments .section-content p {
    color: #fff !important;
    font-size: 20px !important; 
    font-weight: 400 !important;
    line-height: 1.6;
}

/* ── Mobile Overrides for Single Treatments ── */
@media (max-width: 767px) {
    /* Headings shrink to 16px and lighter weight */
    body.single-treatments h3.color2,
    body.single-treatments .treatment-subtitle {
        font-size: 16px !important;
        font-weight: 300 !important;
        line-height: 1.2 !important;
        margin-bottom: 8px !important;
    }

    /* Paragraph text shrinks to 12px with ultralight weight */
    body.single-treatments .section-content,
    body.single-treatments .section-content *,
    body.single-treatments .section-content p {
        font-size: 12px !important;
        font-weight: 200 !important;
        line-height: 1.4 !important;
    }

    /* Side-by-Side mobile grid (LTR layout) */
    body.single-treatments .single-post_desc {
        padding-left: 20px !important; /* LTR gap from image on the left */
    }
    body.single-treatments .treatment-img-col {
        padding-right: 0 !important; /* Image zeros against right column edge */
    }
}
/* Scroll Margin for Workstation Anchors to prevent sticky header covering */
#work_what, #work_banifit, #work_tech, #work_event, #work_news, #work_studies {
    scroll-margin-top: 220px;
}


/* About Page Team Member Layout Fixes v5 */
body.page-template-about-page-template #page,
body.page-template-about-page-template .site { background: transparent !important; }
.team_list_div { border-bottom: none !important; align-items: flex-end; margin-bottom: 80px; justify-content: flex-start; }
.team_list_div:after { display: none !important; }
.img-thumb { width: 300px !important; flex-shrink: 0; margin-bottom: -40px; }
.team_list_div .team_description { width: calc(100% - 330px); margin-right: 30px; padding-right: 0 !important; padding-bottom: 15px !important; border-bottom: 2px solid #59B7B3; text-align: right; }
.team_list_div .team_description h3, .team_description h3.color2 { font-family: 'Fb Einstein', sans-serif !important; }
.team_description h3 .team-name { font-size: 32px !important; font-weight: 600 !important; line-height: 1.2; display: block; }
.team_description h3 .team-designation { font-size: 24px !important; font-weight: 300 !important; margin-top: 5px; display: block; }


/* Workstation Single Page Adjustments */
body.single-workstation .post_header h3 { color: #59B7B3 !important; text-align: center !important; font-family: "Fb Einstein", sans-serif !important; font-size: 60px !important; font-style: normal !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: 4.2px !important; margin: 0 !important; padding: 20px 0 !important; }
body.single-workstation .w_desc ul li, body.single-workstation .w_desc ul li p { font-size: 20px !important; }





/* Mobile floating contact tab */
@media (max-width: 767px) {
    .mobile-contact-tab {
        display: block !important;
        position: fixed;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9999;
    }

    .mobile-contact-tab__link {
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        background: #59B7B3;
        width: 140px;
        height: 45px;
        clip-path: polygon(15% 0%, 85% 0%, 100% 100%, 0% 100%);
        box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
    }

    .mobile-contact-tab__text {
        font-family: 'Heebo', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        line-height: 13px;
        text-align: center;
        color: #FFFFFF;
        text-transform: uppercase;
        white-space: nowrap;
        letter-spacing: 0.5px;
    }
    
    .trapezoid-1 {
        display: none !important;
    }
}


/* Migrated Mobile Fixes */
@media (max-width: 767px) {
    /* Contact modal - fix for sticky header overlap & width */
    #contactModal {
        padding-top: 0 !important;
        z-index: 10000 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    #contactModal .modal-dialog,
    #contactModal .modal-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }

    #contactModal .modal-content {
        padding-top: 20px !important;
        position: relative !important;
        min-height: 100vh !important;
    }

    #contactModal .tab-container {
        margin-top: 10px !important;
        padding: 0 15px !important;
    }

    /* Reduce form field spacing in Israel */
    #contactModal .wpcf7-form p {
        margin-bottom: 0 !important;
    }
    
    #contactModal .wpcf7-form input,
    #contactModal .wpcf7-form select,
    #contactModal .wpcf7-form textarea {
        margin-bottom: 2px !important;
    }

    #contactModal button.btn-close {
        top: 15px !important;
        left: 15px !important; /* Left in RTL */
        right: auto !important;
        z-index: 99999 !important;
        position: fixed !important;
        background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/12px no-repeat !important;
        opacity: 1 !important;
        width: 32px !important;
        height: 32px !important;
        border-radius: 50% !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
    }
}

/* Mobile Fixes for About Us Page & Global Footer */
@media (max-width: 767px) {
    html, body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
        width: 100% !important;
        position: relative !important;
    }
    body.page-template-about-page-template {
        background-position: center right !important;
        background-size: cover;
    }
    body.page-template-about-page-template section.body_content_about .container-fluid.fixed_width {
        width: 100% !important;
        max-width: 100vw !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
        margin: 0 auto !important;
    }
    body.page-template-about-page-template section.body_content_about .row {
        margin-left: 0;
        margin-right: 0;
    }
    body.page-template-about-page-template section.body_content_about .col-12 {
        padding-left: 0;
        padding-right: 0;
    }

    /* TEAM MEMBER FIXES */
    .team_list_div {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        margin-bottom: 50px !important;
    }
    .team_list_div .img-thumb {
        width: 250px !important;
        margin: 0 auto 20px auto !important;
    }
    .team_list_div .team_description {
        width: 100% !important;
        margin-right: 0 !important;
        text-align: center !important;
        padding-right: 0 !important;
    }
    .team_description h3 .team-name {
        font-size: 26px !important;
    }
    .team_description h3 .team-designation {
        font-size: 18px !important;
    }

    /* FOOTER FIXES */
    .site-footer-new .footer-bottom {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 20px !important;
    }
    .site-footer-new .footer-credit {
        position: static !important;
        transform: none !important;
        margin-top: 15px !important;
        width: 100% !important;
        text-align: center !important;
    }
    .site-footer-new .footer-address {
        text-align: center !important;
    }

    /* HEADER FIXES */
    body.page-template-about-page-template .site-header {
        position: relative !important;
        background-color: #000 !important;
    }
    body.page-template-about-page-template .site-header .container-fluid > .row {
        background-color: #000 !important;
    }
    body.page-template-about-page-template .site-header nav.navbar {
        background-color: #000 !important;
    }
    body.page-template-about-page-template section.body_content_about {
        margin-top: 0 !important;
    }
}

/* Top Menu Typography Fixes */
ul#top-menu li a,
ul#social li a {
    font-family: 'Fb Einstein', sans-serif !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    color: #ffffff !important;
    text-transform: none !important;
    text-decoration: none !important;
}