
/* Navigation proportions and mobile reading rhythm — 17 September 2026. */
.elementor-5289 .mega-menu-wrapper .row { align-items: stretch; row-gap: 16px; }
.elementor-5289 .mega-menu-wrapper .row > div { display: flex; }
.elementor-5289 .tj-demo-thumb {
    width: 100%; height: 100%; padding: 8px;
    border: 1px solid #d8e5e3; border-radius: 12px; background: #fff;
}
.elementor-5289 .tj-demo-thumb .image {
    width: 100%; height: 136px; overflow: hidden; border-radius: 8px;
}
.elementor-5289 .tj-demo-thumb .image img {
    display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 20%;
}
.elementor-5289 .tj-demo-title {
    display: flex !important; align-items: center; justify-content: center;
    min-height: 50px; margin: 0 !important; padding: 10px 4px !important;
    font-size: 15px; line-height: 1.35; visibility: visible !important; opacity: 1 !important;
}
.elementor-5289 .tj-demo-title a { color: #153c3c; }
@media (min-width: 1025px) {
    .menu-item-812 > .tj-mega-menu { max-height: calc(100dvh - 100px); overflow-y: auto; }
}
@media (max-width: 1024px) {
    .hamburger-area .elementor-5289 .e-con,
    .hamburger-area .elementor-5289 .e-con-inner { padding: 0 !important; width: 100%; max-width: 100%; }
    .hamburger-area .elementor-5289 .row { margin: 0; gap: 8px; }
    .hamburger-area .elementor-5289 .row > div { width: 100%; padding: 0; flex: 0 0 100%; }
    .hamburger-area .elementor-5289 .tj-demo-thumb {
        display: grid; grid-template-columns: 64px minmax(0,1fr);
        gap: 12px; align-items: center; padding: 8px; min-height: 80px;
    }
    .hamburger-area .elementor-5289 .tj-demo-thumb .image { width: 64px; height: 64px; margin: 0; }
    .hamburger-area .elementor-5289 .tj-demo-button { display: none !important; }
    .hamburger-area .elementor-5289 .tj-demo-title {
        display: block !important; position: static !important; height: auto !important;
        min-height: 0; padding: 0 !important; text-align: left;
        transform: none !important; overflow: visible !important;
    }
    .hamburger-area .elementor-5289 .tj-demo-title a {
        display: flex !important; align-items: center; min-height: 48px;
        float: none !important; width: 100% !important; padding: 4px 0 !important;
        border: 0 !important; color: #153c3c !important; font-size: 15px !important;
        line-height: 1.4 !important; text-transform: none !important;
        visibility: visible !important; opacity: 1 !important; box-sizing: border-box;
    }
    .hamburger-area .tj-mega-menu { max-width: 100% !important; }
    .hamburger-area .hamburger_wrapper { max-width: 100vw; }
}
.elementor-6163 .elementor-element-9910807 .h10-hero { padding-top: 52px; padding-bottom: 36px; }
.elementor-6163 .elementor-element-9910807 .banner-title {
    font-size: clamp(36px, 5vw, 68px); line-height: 1.08; letter-spacing: -.035em;
}
.elementor-6163 .elementor-element-9910807 .banner-title i { display: none; }
.elementor-6163 .oguz-introduction-video {
    width: 100% !important; max-width: 960px !important; margin-inline: auto !important;
    align-self: center;
}
.elementor-6163 .oguz-introduction-video .elementor-wrapper {
    aspect-ratio: 16 / 9; max-height: 540px;
}
.elementor-6163 .oguz-introduction-video video { object-fit: contain; background: #102f32; }
.elementor-6163 .oguz-introduction-video .elementor-custom-embed-image-overlay {
    background-size: contain !important; background-repeat: no-repeat;
    background-position: center !important; background-color: #d8e6e4;
}
@media (max-width: 767px) {
    .elementor-6163 .elementor-element-9910807 .h10-hero { padding: 28px 0 24px; }
    .elementor-6163 .elementor-element-9910807 .banner-title {
        font-size: clamp(32px, 8.7vw, 44px); line-height: 1.12;
    }
    .elementor-6163 .elementor-element-9910807 .h10-hero-award-wrapper { display: none; }
    .elementor-6163 .elementor-element-9910807 .banner-desc-area {
        display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 18px;
    }
    .elementor-6163 .elementor-element-9910807 .banner-desc {
        max-width: 100%; padding: 0; font-size: 16px; line-height: 1.6;
    }
    .elementor-6163 .oguz-introduction-video .elementor-wrapper { max-height: 300px; }
    .elementor-6163 .elementor-widget-wp-widget-media_video .mejs-container { max-width: 100%; }
    .elementor-6163 .elementor-widget-wp-widget-media_video video { object-fit: contain; }
}

/* Keep the message and the surgeon together in the first desktop screen. */
@media (min-width: 1025px) {
    .elementor-6163 .elementor-element.elementor-element-051d91b {
        display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr);
        gap: 36px; align-items: center; padding: 36px 48px !important;
        max-width: 1320px; margin-inline: auto; background: #d8e6e4; border-radius: 20px;
    }
    .elementor-6163 .elementor-element-9910807 .h10-hero { padding: 0; background: transparent; }
    .elementor-6163 .elementor-element-9910807 .container { padding: 0; }
    .elementor-6163 .elementor-element-9910807 .col-lg-4 { display: none; }
    .elementor-6163 .elementor-element-9910807 .col-lg-8 { width: 100%; }
    .elementor-6163 .elementor-element-9910807 .banner-title {
        font-size: clamp(44px,4.2vw,60px); line-height: 1.08;
    }
    .elementor-6163 .elementor-element-9910807 .banner-desc-area {
        display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 24px; margin-top: 26px;
    }
    .elementor-6163 .elementor-element-9910807 .banner-desc { max-width: 440px; padding: 0; font-size: 17px; line-height: 1.65; }
    .elementor-6163 .oguz-introduction-video .elementor-wrapper { aspect-ratio: 4 / 5; max-height: 570px; border-radius: 14px; overflow: hidden; }
}
@media (max-width: 767px) {
    .elementor-6163 .oguz-introduction-video .elementor-wrapper { aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; }
}
