.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-5367d6e:#5877CF;--e-global-color-89a3606:#0A71D0;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   RADIO SHOW HEADER — CLEAN CSS WITH YOUR SAME CLASSES
   Delete the previous header CSS and paste only this file.

   Existing classes kept:
   rs-header
   rs-header-row
   rs-logo / header-logo
   rs-search / radio-search-only
   header-actions
   rs-theme-widget
   rs-theme-toggle / theme-toggle
   rs-toggle-thumb
   rs-toggle-icon
   rs-moon
   rs-sun
   rs-app-btn / get-app-button
   otgr-app-dropdown and its existing child classes
   app-dropdown-wrap / app-dropdown-panel / app-toggle-btn fallback
========================================================= */

/* =========================
   COLORS
========================= */

:root {
    --rs-accent: #5877D1;
    --rs-hover: #0A71D0;

    --rs-header-start: #EAEDF5;
    --rs-header-middle: #F5F7FB;
    --rs-header-end: #EEF1F8;
    --rs-header-border: #CAD2E6;

    --rs-search-bg: rgba(235, 239, 248, 0.76);
    --rs-search-border: #AEBDE0;
    --rs-search-text: #646D7A;
    --rs-search-icon: #798494;

    --rs-toggle-bg: #E7EBF5;
    --rs-toggle-border: #BAC7E5;

    --rs-panel-bg: #FFFFFF;
    --rs-card-bg: #F0F1F5;
    --rs-card-hover: #E9ECF3;
    --rs-card-border: #D4D7DF;
    --rs-main-text: #171717;
    --rs-muted-text: #747983;
}

html.dark-mode {
    --rs-header-start: #111722;
    --rs-header-middle: #151C28;
    --rs-header-end: #111722;
    --rs-header-border: rgba(255, 255, 255, 0.10);

    --rs-search-bg: #1A2230;
    --rs-search-border: rgba(255, 255, 255, 0.15);
    --rs-search-text: #C7CED9;
    --rs-search-icon: #AAB4C2;

    --rs-toggle-bg: #202A39;
    --rs-toggle-border: rgba(255, 255, 255, 0.17);

    --rs-panel-bg: #171E28;
    --rs-card-bg: #222B37;
    --rs-card-hover: #2A3543;
    --rs-card-border: rgba(255, 255, 255, 0.12);
    --rs-main-text: #FFFFFF;
    --rs-muted-text: #AEB6C2;
}

/* =========================
   HEADER RESET
========================= */

.rs-header,
.rs-header *,
.rs-header *::before,
.rs-header *::after {
    box-sizing: border-box;
}

/* =========================
   OUTER HEADER
========================= */

.rs-header {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 88px !important;

    position: relative !important;
    z-index: 99990 !important;

    margin: 0 !important;
    padding: 0 !important;

    background:
        linear-gradient(
            105deg,
            var(--rs-header-start) 0%,
            var(--rs-header-middle) 55%,
            var(--rs-header-end) 100%
        ) !important;

    border: 0 !important;
    border-bottom: 1px solid var(--rs-header-border) !important;

    box-shadow: none !important;
    overflow: visible !important;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease !important;
}

.rs-header > .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 88px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

.rs-header.elementor-sticky--active,
.rs-header.elementor-sticky--effects {
    background:
        linear-gradient(
            105deg,
            var(--rs-header-start) 0%,
            var(--rs-header-middle) 55%,
            var(--rs-header-end) 100%
        ) !important;

    box-shadow: 0 5px 18px rgba(24, 39, 74, 0.09) !important;
}

/* =========================
   INNER HEADER
========================= */

.rs-header-row {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 88px !important;

    margin: 0 !important;
    padding: 0 30px !important;

    display: grid !important;
    grid-template-columns:
        190px
        minmax(360px, 600px)
        minmax(20px, 1fr)
        auto !important;

    align-items: center !important;
    column-gap: 14px !important;
    row-gap: 0 !important;

    background: transparent !important;
    overflow: visible !important;
}

.rs-header-row > .e-con-inner {
    display: contents !important;
}

.rs-header-row > .elementor-element,
.rs-header-row > .e-con-inner > .elementor-element {
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================
   LOGO
========================= */

.rs-logo,
.header-logo {
    grid-column: 1 !important;

    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;

    justify-self: start !important;
    align-self: center !important;

    margin: 0 !important;
    padding: 0 !important;
}

.rs-logo .elementor-widget-container,
.header-logo .elementor-widget-container {
    width: 120px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;
}

.rs-logo img,
.header-logo img {
    display: block !important;

    width: 120px !important;
    max-width: 120px !important;

    height: auto !important;
    max-height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
}

html.dark-mode .rs-logo img,
html.dark-mode .header-logo img {
    filter: none !important;
}

/* =========================
   CUSTOM SEARCH BAR
   Existing form class: radio-search-only
========================= */

.elementor-widget-html:has(.radio-search-only),
.elementor-widget-html:has(.radio-search-only) .elementor-widget-container {
    grid-column: 2 !important;

    width: 100% !important;
    max-width: 600px !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

.radio-search-only {
    width: 100% !important;
    max-width: 600px !important;
    height: 50px !important;

    position: relative !important;

    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: var(--rs-search-bg) !important;
    border: 1px solid var(--rs-search-border) !important;
    border-radius: 999px !important;

    box-shadow: none !important;
    overflow: hidden !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.3s ease !important;
}

.radio-search-only:focus-within {
    border-color: var(--rs-hover) !important;
    box-shadow: 0 0 0 3px rgba(10, 113, 208, 0.10) !important;
}

.radio-search-only__icon {
    width: 19px !important;
    height: 19px !important;

    position: absolute !important;
    top: 50% !important;
    left: 18px !important;

    z-index: 2 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--rs-search-icon) !important;

    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

.radio-search-only__icon svg {
    width: 19px !important;
    height: 19px !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.radio-search-only input[type="search"] {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 0 20px 0 54px !important;

    color: var(--rs-search-text) !important;
    background: transparent !important;

    border: 0 !important;
    border-radius: 999px !important;

    outline: 0 !important;
    box-shadow: none !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    appearance: none !important;
    -webkit-appearance: none !important;
}

.radio-search-only input[type="search"]::placeholder {
    color: var(--rs-search-text) !important;
    opacity: 1 !important;
}

.radio-search-only input[type="search"]::-webkit-search-decoration,
.radio-search-only input[type="search"]::-webkit-search-cancel-button,
.radio-search-only input[type="search"]::-webkit-search-results-button,
.radio-search-only input[type="search"]::-webkit-search-results-decoration {
    display: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

/* =========================
   ELEMENTOR SEARCH FALLBACK
   Existing widget class: rs-search
========================= */

.rs-search {
    grid-column: 2 !important;

    width: 100% !important;
    max-width: 600px !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

.rs-search .elementor-widget-container {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.rs-search .e-search,
.rs-search .elementor-search-form {
    width: 100% !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 999px !important;
}

.rs-search .e-search-submit,
.rs-search button.e-search-submit,
.rs-search .elementor-search-form__submit {
    display: none !important;
}

.rs-search .e-search-input-wrapper,
.rs-search .elementor-search-form__container {
    width: 100% !important;
    height: 50px !important;

    position: relative !important;

    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: var(--rs-search-bg) !important;
    border: 1px solid var(--rs-search-border) !important;
    border-radius: 999px !important;

    overflow: hidden !important;
}

.rs-search .e-search-input,
.rs-search .elementor-search-form__input {
    width: 100% !important;
    height: 48px !important;

    margin: 0 !important;
    padding: 0 20px 0 54px !important;

    color: var(--rs-search-text) !important;
    background: transparent !important;

    border: 0 !important;
    border-radius: 999px !important;

    outline: 0 !important;
    box-shadow: none !important;

    font-size: 14px !important;
}

/* =========================
   EXISTING RIGHT CONTAINER
   Class: header-actions
   Direction is NOT changed here.
========================= */

.header-actions {
    grid-column: 4 !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    align-self: center !important;
    justify-self: end !important;

    align-items: center !important;
    align-content: center !important;

    gap: 14px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;
    z-index: 99991 !important;

    overflow: visible !important;
}

.header-actions > .e-con-inner {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    align-items: center !important;
    align-content: center !important;

    gap: 14px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

.header-actions > .elementor-element,
.header-actions > .e-con-inner > .elementor-element {
    width: auto !important;
    max-width: none !important;

    align-self: center !important;

    margin: 0 !important;
    padding: 0 !important;

    pointer-events: auto !important;
}

/* =========================
   THEME TOGGLE
========================= */

.rs-theme-widget {
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;

    align-self: center !important;

    margin: 0 !important;
    padding: 0 !important;
}

.rs-theme-widget,
.rs-theme-widget .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;
}

body button.rs-theme-toggle,
body button.theme-toggle {
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;

    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    margin: 0 !important;
    padding: 3px 8px !important;

    color: #8E99AA !important;
    background: var(--rs-toggle-bg) !important;

    border: 1px solid var(--rs-toggle-border) !important;
    border-radius: 999px !important;

    outline: 0 !important;
    box-shadow: none !important;

    cursor: pointer !important;
    pointer-events: auto !important;
    overflow: hidden !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

body button.rs-theme-toggle:hover,
body button.theme-toggle:hover,
body button.rs-theme-toggle:focus-visible,
body button.theme-toggle:focus-visible {
    border-color: var(--rs-hover) !important;
    box-shadow: 0 0 0 3px rgba(10, 113, 208, 0.10) !important;
}

.rs-toggle-thumb {
    width: 30px !important;
    height: 30px !important;

    position: absolute !important;
    top: 3px !important;
    right: 3px !important;

    z-index: 1 !important;

    background: #FFFFFF !important;
    border-radius: 50% !important;

    box-shadow: 0 2px 8px rgba(37, 55, 92, 0.13) !important;

    transition: transform 0.25s ease !important;
}

.rs-toggle-icon {
    width: 24px !important;
    height: 24px !important;

    position: relative !important;
    z-index: 2 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.rs-toggle-icon svg {
    width: 16px !important;
    height: 16px !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.rs-moon {
    color: #A7AFBD !important;
}

.rs-sun {
    color: #FFA000 !important;
}

html.dark-mode .rs-toggle-thumb {
    transform: translateX(-34px) !important;
}

html.dark-mode .rs-moon {
    color: var(--rs-hover) !important;
}

html.dark-mode .rs-sun {
    color: #8E99AA !important;
}

/* =========================
   EXISTING ELEMENTOR GET APP
========================= */

.rs-app-btn,
.get-app-button {
    width: 123px !important;
    min-width: 123px !important;
    max-width: 123px !important;

    align-self: center !important;

    margin: 0 !important;
    padding: 0 !important;
}

.rs-app-btn .elementor-button,
.get-app-button .elementor-button {
    width: 123px !important;
    min-width: 123px !important;

    height: 46px !important;
    min-height: 46px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    margin: 0 !important;
    padding: 0 15px !important;

    color: #FFFFFF !important;
    background: var(--rs-accent) !important;

    border: 0 !important;
    border-radius: 12px !important;

    box-shadow: none !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    cursor: pointer !important;
    pointer-events: auto !important;

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease !important;
}

.rs-app-btn .elementor-button:hover,
.get-app-button .elementor-button:hover {
    color: #FFFFFF !important;
    background: var(--rs-hover) !important;

    transform: translateY(-1px) !important;
    box-shadow: 0 6px 15px rgba(10, 113, 208, 0.20) !important;
}

/* =========================
   CURRENT GET APP DETAILS
   Existing classes: otgr-*
========================= */

details.otgr-app-dropdown {
    width: 123px !important;
    min-width: 123px !important;
    max-width: 123px !important;

    position: relative !important;
    display: inline-block !important;

    align-self: center !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
    z-index: 99992 !important;
}

details.otgr-app-dropdown > summary {
    list-style: none !important;
}

details.otgr-app-dropdown > summary::-webkit-details-marker {
    display: none !important;
}

details.otgr-app-dropdown > summary.otgr-app-trigger {
    width: 123px !important;
    min-width: 123px !important;
    max-width: 123px !important;

    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;

    gap: 8px !important;

    margin: 0 !important;
    padding: 0 15px !important;

    color: #FFFFFF !important;
    background: var(--rs-accent) !important;

    border: 0 !important;
    border-radius: 12px !important;

    outline: 0 !important;
    box-shadow: none !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
    cursor: pointer !important;
    pointer-events: auto !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease !important;
}

details.otgr-app-dropdown > summary.otgr-app-trigger:hover,
details.otgr-app-dropdown[open] > summary.otgr-app-trigger {
    color: #FFFFFF !important;
    background: var(--rs-hover) !important;

    transform: translateY(-1px) !important;
    box-shadow: 0 6px 15px rgba(10, 113, 208, 0.20) !important;
}

.otgr-app-trigger > span:not(.otgr-download-icon) {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #FFFFFF !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.otgr-download-icon {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #FFFFFF !important;
}

.otgr-download-icon svg {
    width: 17px !important;
    height: 17px !important;

    display: block !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

details.otgr-app-dropdown > .otgr-app-menu {
    width: 265px !important;
    min-width: 265px !important;
    max-width: 265px !important;

    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    left: auto !important;

    z-index: 999999 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    gap: 10px !important;

    margin: 0 !important;
    padding: 18px !important;

    background: var(--rs-panel-bg) !important;

    border: 1px solid rgba(35, 45, 65, 0.08) !important;
    border-radius: 18px !important;

    box-shadow: 0 18px 40px rgba(28, 39, 65, 0.15) !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform: translateY(-7px) scale(0.98) !important;
    transform-origin: top right !important;

    transition:
        opacity 0.18s ease,
        visibility 0.18s ease,
        transform 0.18s ease !important;
}

details.otgr-app-dropdown[open] > .otgr-app-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transform: translateY(0) scale(1) !important;
}

.otgr-app-title {
    margin: 0 0 7px !important;
    padding: 0 !important;

    color: var(--rs-muted-text) !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}

.otgr-store-card {
    width: 100% !important;
    min-height: 64px !important;

    display: flex !important;
    align-items: center !important;

    gap: 12px !important;

    margin: 0 !important;
    padding: 10px 14px !important;

    color: var(--rs-main-text) !important;
    background: var(--rs-card-bg) !important;

    border: 1px solid var(--rs-card-border) !important;
    border-radius: 14px !important;

    text-decoration: none !important;
    box-shadow: none !important;

    pointer-events: auto !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease !important;
}

.otgr-store-card:hover {
    color: var(--rs-main-text) !important;
    background: var(--rs-card-hover) !important;
    border-color: #BCC6D8 !important;

    transform: translateY(-1px) !important;
}

.otgr-store-icon {
    width: 37px !important;
    height: 37px !important;
    min-width: 37px !important;

    flex: 0 0 37px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.otgr-store-icon svg {
    width: 35px !important;
    height: 35px !important;
}

.otgr-apple-icon svg {
    fill: #111111 !important;
}

.play-green {
    fill: #25D366 !important;
}

.play-blue {
    fill: #29B6F6 !important;
}

.play-yellow {
    fill: #FFCA28 !important;
}

.play-red {
    fill: #F44336 !important;
}

.otgr-store-copy {
    min-width: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.otgr-store-copy small {
    display: block !important;

    margin: 0 0 2px !important;
    padding: 0 !important;

    color: var(--rs-muted-text) !important;

    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.05 !important;
}

.otgr-store-copy strong {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--rs-main-text) !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
}

/* =========================
   OLD APP DROPDOWN FALLBACK
   Existing classes only
========================= */

.app-dropdown-wrap {
    position: relative !important;
    overflow: visible !important;
    z-index: 99992 !important;
}

.app-dropdown-panel {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;

    width: 265px !important;
    min-width: 265px !important;

    padding: 18px !important;

    background: var(--rs-panel-bg) !important;
    border: 1px solid rgba(30, 45, 70, 0.08) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 45px rgba(25, 35, 60, 0.18) !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform: translateY(-8px) scale(0.98) !important;
    transform-origin: top right !important;

    z-index: 999999 !important;

    transition:
        opacity 0.18s ease,
        visibility 0.18s ease,
        transform 0.18s ease !important;
}

.app-dropdown-wrap.is-open .app-dropdown-panel {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transform: translateY(0) scale(1) !important;
}

.app-toggle-btn,
.app-toggle-btn .elementor-widget-container,
.app-toggle-btn .elementor-button {
    position: relative !important;
    z-index: 2 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* =========================
   PREVENT DROPDOWN CLIPPING
========================= */

.elementor-location-header,
.elementor-location-header .e-con,
.elementor-location-header .e-con-inner,
.elementor-location-header .elementor-widget-html,
.elementor-location-header .elementor-widget-container,
.rs-header,
.rs-header-row,
.header-actions {
    overflow: visible !important;
}

/* =========================
   MEDIUM DESKTOP
========================= */

@media screen and (max-width: 1350px) {
    .rs-header-row {
        padding-left: 22px !important;
        padding-right: 22px !important;

        grid-template-columns:
            165px
            minmax(340px, 600px)
            minmax(15px, 1fr)
            auto !important;

        column-gap: 12px !important;
    }
}

/* =========================
   TABLET
========================= */

@media screen and (max-width: 1024px) {
    .rs-header,
    .rs-header > .e-con-inner,
    .rs-header-row {
        min-height: 80px !important;
    }

    .rs-header-row {
        padding: 0 16px !important;

        grid-template-columns:
            140px
            minmax(250px, 1fr)
            auto !important;

        column-gap: 10px !important;
    }

    .rs-logo,
    .header-logo,
    .rs-logo .elementor-widget-container,
    .header-logo .elementor-widget-container {
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
    }

    .rs-logo img,
    .header-logo img {
        width: 112px !important;
        max-width: 112px !important;
        max-height: 45px !important;
    }

    .rs-search,
    .elementor-widget-html:has(.radio-search-only) {
        max-width: none !important;
    }

    .header-actions,
    .header-actions > .e-con-inner {
        gap: 10px !important;
    }

    .rs-theme-widget,
    body button.rs-theme-toggle,
    body button.theme-toggle {
        width: 66px !important;
        min-width: 66px !important;
        max-width: 66px !important;
    }

    .rs-app-btn,
    .get-app-button,
    .rs-app-btn .elementor-button,
    .get-app-button .elementor-button,
    details.otgr-app-dropdown,
    details.otgr-app-dropdown > summary.otgr-app-trigger {
        width: 110px !important;
        min-width: 110px !important;
        max-width: 110px !important;
    }

    .rs-app-btn .elementor-button,
    .get-app-button .elementor-button,
    details.otgr-app-dropdown > summary.otgr-app-trigger {
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;

        padding: 0 12px !important;
        font-size: 13px !important;
    }

/* =========================
   MOBILE — EXACTLY ONE ROW
   Same existing classes only.
========================= */

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

    .rs-header,
    .rs-header > .e-con-inner,
    .rs-header-row {
        min-height: 80px !important;
        height: 80px !important;
        max-height: 80px !important;
    }

    .rs-header {
        z-index: 9999 !important;
    }

    .rs-header-row {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 10px 15px !important;

        display: grid !important;
        grid-template-columns:
            52px
            96px
            minmax(0, 1fr)
            auto !important;
        grid-template-rows: 60px !important;

        align-items: center !important;
        align-content: center !important;

        column-gap: 10px !important;
        row-gap: 0 !important;

        overflow: visible !important;
    }

    .rs-header-row > .e-con-inner {
        display: contents !important;
    }

    /* Hide search completely on mobile */
    .rs-search,
    .elementor-widget-html:has(.radio-search-only) {
        display: none !important;
    }

    /* Mobile menu widget containing Elementor's hamburger */
    .rs-header-row > .elementor-element:has(.elementor-menu-toggle),
    .rs-header-row > .e-con-inner > .elementor-element:has(.elementor-menu-toggle),
    .rs-header-row .elementor-widget-nav-menu:has(.elementor-menu-toggle) {
        grid-column: 1 !important;
        grid-row: 1 !important;

        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;

        justify-self: start !important;
        align-self: center !important;

        margin: 0 !important;
        padding: 0 !important;

        position: relative !important;
        z-index: 5 !important;

        overflow: visible !important;
        pointer-events: auto !important;
    }

    .rs-header-row .elementor-widget-nav-menu:has(.elementor-menu-toggle)
    .elementor-widget-container {
        width: 52px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
        pointer-events: auto !important;
    }

    .rs-header .elementor-menu-toggle {
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;

        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;

        pointer-events: auto !important;
        cursor: pointer !important;

        position: relative !important;
        z-index: 6 !important;
    }

    /* Logo — second item */
    .rs-logo,
    .header-logo {
        grid-column: 2 !important;
        grid-row: 1 !important;

        width: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;

        justify-self: start !important;
        align-self: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .rs-logo .elementor-widget-container,
    .header-logo .elementor-widget-container,
    .rs-logo img,
    .header-logo img {
        width: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;
    }

    .rs-logo img,
    .header-logo img {
        max-height: 42px !important;
    }

    /* Right actions — one horizontal row */
    .header-actions {
        grid-column: 4 !important;
        grid-row: 1 !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        align-content: center !important;
        justify-content: flex-end !important;

        align-self: center !important;
        justify-self: end !important;

        gap: 10px !important;

        margin: 0 !important;
        padding: 0 !important;

        position: relative !important;
        inset: auto !important;
        z-index: 5 !important;

        transform: none !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }

    .header-actions > .e-con-inner {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        align-content: center !important;
        justify-content: flex-end !important;

        gap: 10px !important;

        margin: 0 !important;
        padding: 0 !important;

        position: relative !important;
        inset: auto !important;

        transform: none !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }

    .header-actions > .elementor-element,
    .header-actions > .e-con-inner > .elementor-element {
        width: auto !important;
        max-width: none !important;

        flex: 0 0 auto !important;
        align-self: center !important;

        margin: 0 !important;
        padding: 0 !important;

        position: relative !important;
        inset: auto !important;

        transform: none !important;
        pointer-events: auto !important;
    }

    .header-actions::before,
    .header-actions::after,
    .header-actions > .e-con-inner::before,
    .header-actions > .e-con-inner::after {
        pointer-events: none !important;
    }

    /* Toggle button */
    .rs-theme-widget {
        width: 74px !important;
        min-width: 74px !important;
        max-width: 74px !important;

        position: relative !important;
        z-index: 7 !important;

        pointer-events: auto !important;
    }

    .rs-theme-widget,
    .rs-theme-widget .elementor-widget-container {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;

        pointer-events: auto !important;
    }

    body button.rs-theme-toggle,
    body button.theme-toggle {
        width: 74px !important;
        min-width: 74px !important;
        max-width: 74px !important;

        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;

        margin: 0 !important;
        padding: 3px 8px !important;

        position: relative !important;
        z-index: 8 !important;

        pointer-events: auto !important;
        cursor: pointer !important;
        touch-action: manipulation !important;
    }

    .rs-toggle-thumb {
        width: 34px !important;
        height: 34px !important;

        top: 3px !important;
        right: 3px !important;
    }

    html.dark-mode .rs-toggle-thumb {
        transform: translateX(-34px) !important;
    }

    .rs-toggle-icon {
        width: 25px !important;
        height: 25px !important;

        pointer-events: none !important;
    }

    .rs-toggle-icon svg {
        width: 17px !important;
        height: 17px !important;

        pointer-events: none !important;
    }

    /* Get App */
    .rs-app-btn,
    .get-app-button,
    details.otgr-app-dropdown {
        width: 123px !important;
        min-width: 123px !important;
        max-width: 123px !important;

        position: relative !important;
        z-index: 7 !important;

        align-self: center !important;

        margin: 0 !important;
        padding: 0 !important;

        pointer-events: auto !important;
        overflow: visible !important;
    }

    .rs-app-btn .elementor-button,
    .get-app-button .elementor-button,
    details.otgr-app-dropdown > summary.otgr-app-trigger {
        width: 123px !important;
        min-width: 123px !important;
        max-width: 123px !important;

        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;

        margin: 0 !important;
        padding: 0 14px !important;

        pointer-events: auto !important;
        cursor: pointer !important;
        touch-action: manipulation !important;
    }

    .otgr-app-trigger > span:not(.otgr-download-icon) {
        display: inline-block !important;
        font-size: 14px !important;
    }

    details.otgr-app-dropdown > .otgr-app-menu,
    .app-dropdown-panel {
        width: 240px !important;
        min-width: 240px !important;
        max-width: calc(100vw - 28px) !important;

        top: calc(100% + 9px) !important;
        right: 0 !important;
        left: auto !important;

        padding: 14px !important;
        border-radius: 16px !important;

        z-index: 100000 !important;
        pointer-events: none !important;
    }

    details.otgr-app-dropdown[open] > .otgr-app-menu,
    .app-dropdown-wrap.is-open .app-dropdown-panel {
        pointer-events: auto !important;
    }

    /* Elementor mobile dropdown remains clickable */
    .rs-header .elementor-nav-menu--dropdown,
    .rs-header .elementor-nav-menu__container {
        z-index: 100001 !important;
        pointer-events: auto !important;
    }
}

/* =========================
   SMALL MOBILE
========================= */

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

    .rs-header-row {
        padding-left: 10px !important;
        padding-right: 10px !important;

        grid-template-columns:
            44px
            82px
            minmax(0, 1fr)
            auto !important;

        column-gap: 6px !important;
    }

    .rs-header-row > .elementor-element:has(.elementor-menu-toggle),
    .rs-header-row > .e-con-inner > .elementor-element:has(.elementor-menu-toggle),
    .rs-header-row .elementor-widget-nav-menu:has(.elementor-menu-toggle),
    .rs-header-row .elementor-widget-nav-menu:has(.elementor-menu-toggle)
    .elementor-widget-container,
    .rs-header .elementor-menu-toggle {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
    }

    .rs-header .elementor-menu-toggle {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
    }

    .rs-logo,
    .header-logo,
    .rs-logo .elementor-widget-container,
    .header-logo .elementor-widget-container,
    .rs-logo img,
    .header-logo img {
        width: 82px !important;
        min-width: 82px !important;
        max-width: 82px !important;
    }

    .rs-logo img,
    .header-logo img {
        max-height: 38px !important;
    }

    .header-actions,
    .header-actions > .e-con-inner {
        gap: 6px !important;
    }

    .rs-theme-widget,
    body button.rs-theme-toggle,
    body button.theme-toggle {
        width: 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;
    }

    .rs-app-btn,
    .get-app-button,
    details.otgr-app-dropdown,
    .rs-app-btn .elementor-button,
    .get-app-button .elementor-button,
    details.otgr-app-dropdown > summary.otgr-app-trigger {
        width: 100px !important;
        min-width: 100px !important;
        max-width: 100px !important;
    }

    .rs-app-btn .elementor-button,
    .get-app-button .elementor-button,
    details.otgr-app-dropdown > summary.otgr-app-trigger {
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;

        padding: 0 9px !important;
    }

    .otgr-app-trigger > span:not(.otgr-download-icon) {
        font-size: 12px !important;
    }
    /* =====================================================
   MOBILE OFF-CANVAS — NATIVE ELEMENTOR POPUP
   Popup ID: 345
===================================================== */

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

    /* Full-screen overlay */

    #elementor-popup-modal-345 {
        position: fixed !important;
        inset: 0 !important;

        width: 100vw !important;
        max-width: 100vw !important;

        height: 100vh !important;
        height: 100dvh !important;
        max-height: 100dvh !important;

        margin: 0 !important;
        padding: 0 !important;

        align-items: stretch !important;
        justify-content: flex-start !important;

        background: rgba(0, 0, 0, 0.66) !important;

        overflow: hidden !important;

        z-index: 999999999 !important;
    }


    /* Off-canvas panel */

    #elementor-popup-modal-345
    .dialog-widget-content {
        position: relative !important;

        top: 0 !important;
        left: 0 !important;

        width: min(88vw, 375px) !important;
        max-width: 375px !important;

        height: 100vh !important;
        height: 100dvh !important;
        max-height: 100dvh !important;

        margin: 0 auto 0 0 !important;
        padding: 0 !important;

        background:
            linear-gradient(
                180deg,
                #02070e 0%,
                #07101f 55%,
                #0a1324 100%
            ) !important;

        border: 0 !important;
        border-radius: 0 18px 18px 0 !important;

        box-shadow:
            18px 0 50px
            rgba(0, 0, 0, 0.38) !important;

        overflow: hidden !important;
    }


    /* Popup content scroll */

    #elementor-popup-modal-345
    .dialog-message,
    #elementor-popup-modal-345
    .dialog-lightbox-message {
        width: 100% !important;
        max-width: 100% !important;

        height: 100% !important;
        max-height: 100dvh !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        -webkit-overflow-scrolling: touch !important;
    }


    /* Force actual template content visible */

    #elementor-popup-modal-345
    .elementor-345,

    #elementor-popup-modal-345
    [data-elementor-id="345"],

    #elementor-popup-modal-345
    .dialog-message > .elementor,

    #elementor-popup-modal-345
    .dialog-lightbox-message > .elementor {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        min-height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;
    }


    /* Inner containers visible */

    #elementor-popup-modal-345
    .elementor-element,

    #elementor-popup-modal-345
    .e-con,

    #elementor-popup-modal-345
    .e-con-inner,

    #elementor-popup-modal-345
    .elementor-widget {
        opacity: 1 !important;
        visibility: visible !important;
    }


    #elementor-popup-modal-345
    .e-con,

    #elementor-popup-modal-345
    .e-con-inner {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* Native close button */

    #elementor-popup-modal-345
    .dialog-close-button,

    #elementor-popup-modal-345
    .dialog-lightbox-close-button {
        position: absolute !important;

        top: 14px !important;
        right: 14px !important;

        width: 42px !important;
        height: 42px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;
        background: #0a71d0 !important;

        border: 1px solid rgba(255, 255, 255, 0.24) !important;
        border-radius: 50% !important;

        opacity: 1 !important;
        visibility: visible !important;

        pointer-events: auto !important;
        cursor: pointer !important;

        z-index: 999999999 !important;
    }


    #elementor-popup-modal-345
    .dialog-close-button i,

    #elementor-popup-modal-345
    .dialog-lightbox-close-button i {
        color: #ffffff !important;

        font-size: 22px !important;
        line-height: 1 !important;
    }


    /* Elementor native page scroll lock */

    body.dialog-prevent-scroll {
        overflow: hidden !important;
    }
}/* End custom CSS */