.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-f96d07f:#D34242;--e-global-color-64a2db2:#679B46;--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 *//* =====================================================
   COOKS OF KOTOR — FINAL MOBILE OFF-CANVAS
   Elementor Popup ID: 54
===================================================== */


/* =====================================================
   0. ELEMENTOR POPUP VIEWPORT LOCK
   Works even if Elementor changes the generated popup ID.
===================================================== */

html body .elementor-popup-modal,
html body [id^="elementor-popup-modal-"] {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    max-width: none !important;
    height: 100vh !important;

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

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

    background: transparent !important;
    overflow: hidden !important;

    z-index: 2147483000 !important;
}

html body .elementor-popup-modal
.dialog-widget-overlay,
html body [id^="elementor-popup-modal-"]
.dialog-widget-overlay {
    position: fixed !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100vh !important;

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

html body .elementor-popup-modal
.dialog-widget-content,
html body [id^="elementor-popup-modal-"]
.dialog-widget-content {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;

    width: calc(100% - 28px) !important;
    max-width: 420px !important;

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

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

    transform: translate3d(0, 0, 0) !important;
    transform-origin: right center !important;

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

    box-sizing: border-box !important;
    overflow: hidden !important;

    z-index: 2 !important;
}

html body .elementor-popup-modal.toi-is-opening
.dialog-widget-content,
html body [id^="elementor-popup-modal-"].toi-is-opening
.dialog-widget-content {
    animation: toi-panel-open 460ms
        cubic-bezier(0.22, 1, 0.36, 1)
        both !important;
}

html body .elementor-popup-modal.toi-is-closing
.dialog-widget-content,
html body [id^="elementor-popup-modal-"].toi-is-closing
.dialog-widget-content {
    transform: translate3d(100%, 0, 0) !important;

    transition: transform 420ms
        cubic-bezier(0.55, 0, 0.78, 0)
        !important;
}

@media screen and (max-width: 360px) {
    html body .elementor-popup-modal
    .dialog-widget-content,
    html body [id^="elementor-popup-modal-"]
    .dialog-widget-content {
        width: calc(100% - 18px) !important;
    }
}


/* =====================================================
   1. POPUP WRAPPER
===================================================== */

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

    width: 100vw !important;
    height: 100vh !important;

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

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

    background: transparent !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    -webkit-filter: none !important;
    filter: none !important;

    z-index: 2147483000 !important;
}


/* =====================================================
   FINAL OFF-CANVAS POSITION LOCK
   Keeps Popup 84 flush with the top-right viewport edge.
===================================================== */

html body #elementor-popup-modal-54 {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

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

    height: 100vh !important;

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

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

    overflow: hidden !important;
}

html body #elementor-popup-modal-54
.dialog-widget-content {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;

    width: calc(100% - 28px) !important;
    max-width: 420px !important;

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

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

    box-sizing: border-box !important;
    transform-origin: right center !important;
}

html body #elementor-popup-modal-54
.dialog-widget-overlay {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

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

@media screen and (max-width: 360px) {
    html body #elementor-popup-modal-54
    .dialog-widget-content {
        width: calc(100% - 18px) !important;
    }
}

/* Elementor is opening Popup 84: always restore visibility. */

html body #elementor-popup-modal-54.toi-is-opening,
html body #elementor-popup-modal-54.toi-force-hidden.toi-is-opening,
html body #elementor-popup-modal-54.toi-force-hidden[style*="display"]:not([style*="display: none"]):not([style*="display:none"]) {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

html body #elementor-popup-modal-54[style*="display"]:not([style*="display: none"]):not([style*="display:none"]):not(.toi-is-closing)
.dialog-widget-content,
html body #elementor-popup-modal-54.toi-is-opening
.dialog-widget-content {
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/*
Do not add display:flex, display:block
or display:none to this normal state.
*/


/* =====================================================
   2. DARK OVERLAY
===================================================== */

#elementor-popup-modal-54 .dialog-widget-overlay {
    position: fixed !important;
    inset: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    background: rgba(0, 0, 0, 0.42) !important;
    opacity: 1 !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    -webkit-filter: none !important;
    filter: none !important;

    animation: none !important;
    will-change: auto !important;

    z-index: 0 !important;
}


/* Overlay opening animation */

#elementor-popup-modal-54.toi-is-opening
.dialog-widget-overlay {
    animation:
        toi-overlay-open 320ms ease both
        !important;

    will-change: opacity !important;
}


/* Overlay closing animation */

#elementor-popup-modal-54.toi-is-closing
.dialog-widget-overlay {
    animation:
        toi-overlay-close 320ms ease both
        !important;

    will-change: opacity !important;
}


/* =====================================================
   3. WHITE OFF-CANVAS PANEL
===================================================== */

#elementor-popup-modal-54 .dialog-widget-content {
    position: fixed !important;

    width: calc(100vw - 28px) !important;
    max-width: 420px !important;

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

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

    background: #ffffff !important;

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

    box-shadow:
        -10px 0 35px rgba(0, 0, 0, 0.16)
        !important;

    overflow: hidden !important;
    isolation: isolate !important;

    /*
     * Fail-safe visible state.
     * Popup remains visible even if animation JS fails.
     */
    transform: none !important;
    opacity: 1 !important;

    transition: none !important;
    animation: none !important;

    transform-style: flat !important;
    perspective: none !important;
    backface-visibility: visible !important;

    will-change: auto !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    -webkit-filter: none !important;
    filter: none !important;

    z-index: 2 !important;
}


/* Panel opening animation */

#elementor-popup-modal-54.toi-is-opening
.dialog-widget-content {
    animation:
        toi-panel-open 460ms
        cubic-bezier(0.22, 1, 0.36, 1)
        both !important;

    will-change: transform !important;
}


/* Panel closing animation */

#elementor-popup-modal-54.toi-is-closing
.dialog-widget-content {
    animation:
        toi-panel-close 420ms
        cubic-bezier(0.55, 0, 0.78, 0)
        both !important;

    will-change: transform !important;
}


/* =====================================================
   4. OPEN/CLOSE KEYFRAMES
===================================================== */

@keyframes toi-panel-open {
    from {
        transform: translate3d(100%, 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes toi-panel-close {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes toi-overlay-open {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes toi-overlay-close {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}


/* =====================================================
   5. SCROLLABLE POPUP CONTENT
===================================================== */

#elementor-popup-modal-54 .dialog-message {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;

    box-sizing: border-box !important;

    padding:
        calc(76px + env(safe-area-inset-top))
        0
        calc(30px + env(safe-area-inset-bottom))
        !important;

    margin: 0 !important;

    background: #ffffff !important;

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

    overscroll-behavior: contain !important;
    scrollbar-width: thin;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

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


/* Elementor popup document */

#elementor-popup-modal-54 .elementor-location-popup {
    width: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;

    background: #ffffff !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

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


/* =====================================================
   6. KEEP CONTENT SHARP
===================================================== */

#elementor-popup-modal-54 .elementor-widget,
#elementor-popup-modal-54 .elementor-widget-container {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    -webkit-filter: none !important;
    filter: none !important;

    transform-style: flat !important;
    perspective: none !important;
}

#elementor-popup-modal-54 img {
    max-width: 100%;

    transform: none !important;
    transition: none !important;

    -webkit-filter: none !important;
    filter: none !important;

    image-rendering: auto !important;
    backface-visibility: visible !important;
}

#elementor-popup-modal-54 {
    -webkit-font-smoothing: auto;
    text-rendering: optimizeLegibility;
}


/* =====================================================
   7. BRAND RED CUT-OUT CLOSE BUTTON
===================================================== */

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

    top: calc(18px + env(safe-area-inset-top)) !important;
    right: 18px !important;
    left: auto !important;

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

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

    box-sizing: border-box !important;

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

    border: 2px solid transparent !important;
    border-radius: 50% !important;

    background:
        linear-gradient(
            #ffffff,
            #ffffff
        ) padding-box,

        conic-gradient(
            from 0deg,
            #D34242 0deg 52deg,
            transparent 52deg 70deg,
            #D34242 70deg 198deg,
            transparent 198deg 218deg,
            #D34242 218deg 360deg
        ) border-box !important;

    color: #D34242 !important;
    opacity: 1 !important;

    cursor: pointer !important;

    font-size: 0 !important;
    line-height: 1 !important;

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

    -webkit-filter: none !important;
    filter: none !important;

    z-index: 2147483647 !important;

    transition:
        background 250ms ease,
        transform 250ms ease !important;
}


/* Hide Elementor default X */

#elementor-popup-modal-54 .dialog-close-button i,
#elementor-popup-modal-54 .dialog-close-button svg {
    display: none !important;
}


/* Custom clean X */

#elementor-popup-modal-54 .dialog-close-button::before,
#elementor-popup-modal-54 .dialog-close-button::after {
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;

    width: 17px;
    height: 2px;

    background: #D34242;
    border-radius: 20px;

    transform-origin: center;

    transition:
        background-color 250ms ease;
}

#elementor-popup-modal-54
.dialog-close-button::before {
    transform:
        translate(-50%, -50%)
        rotate(45deg);
}

#elementor-popup-modal-54
.dialog-close-button::after {
    transform:
        translate(-50%, -50%)
        rotate(-45deg);
}


/* Close hover */

@media (hover: hover) {
    #elementor-popup-modal-54
    .dialog-close-button:hover {
        background:
            linear-gradient(
                #D34242,
                #D34242
            ) padding-box,

            conic-gradient(
                from 0deg,
                #D34242 0deg 52deg,
                transparent 52deg 70deg,
                #D34242 70deg 198deg,
                transparent 198deg 218deg,
                #D34242 218deg 360deg
            ) border-box !important;

        transform: rotate(90deg);
    }

    #elementor-popup-modal-54
    .dialog-close-button:hover::before,

    #elementor-popup-modal-54
    .dialog-close-button:hover::after {
        background-color: #ffffff;
    }
}


/* Keyboard focus */

#elementor-popup-modal-54
.dialog-close-button:focus-visible {
    outline:
        3px solid rgba(211, 66, 66, 0.30)
        !important;

    outline-offset: 3px !important;
}


/* =====================================================
   SHARP VECTOR DOUBLE WAVE — REUSABLE DIVIDER
===================================================== */

.toi-wave-mark {
    position: relative !important;

    display: block !important;
    flex: none !important;
    align-self: center !important;

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

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

    margin: 16px auto 4px !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    /*
     * Upper wave remains the same.
     * Lower wave is now smoother, thicker and properly aligned.
     */
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0%200%20171%2026'%3E%3Cpath fill='%230A9BAD' d='M1,6.5C20,0.5,34,11.5,57,11.3C83,11.1,96,0.6,123,2.1C143,3.2,152,9.3,170,7.7C153,13.5,138,8.6,121,7.7C94,6.3,82,17.2,55,16.4C32,15.8,19,4.1,1,6.5Z'/%3E%3Cpath fill='%23077C87' d='M18,15C39,21.2,59,22.6,80,19C102,15.3,120,12,147,16C129,18.2,109,20.5,84,23.3C58,26.2,35,22.6,18,15Z'/%3E%3C/svg%3E")
        !important;

    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 195px 30px !important;
    background-color: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;
    pointer-events: none !important;

    font-size: 0 !important;
    line-height: 0 !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

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


/* Remove Elementor’s generated background layers */

.toi-wave-mark::before,
.toi-wave-mark::after {
    content: none !important;
    display: none !important;
}


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

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

    .toi-wave-mark {
        width: 195px !important;
        max-width: 195px !important;

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

        background-size: 185px 28px !important;
    }
}


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

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

    .toi-wave-mark {
        width: 175px !important;
        max-width: 175px !important;

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

        margin: 13px auto 3px !important;

        background-size: 168px 26px !important;
    }
}

/* =====================================================
   10. RESPONSIVE
===================================================== */

@media (max-width: 480px) {
    #elementor-popup-modal-54
    .dialog-widget-content {
        width: calc(100vw - 28px) !important;
        max-width: none !important;
    }
}

@media (max-width: 360px) {
    #elementor-popup-modal-54
    .dialog-widget-content {
        width: calc(100vw - 18px) !important;
    }

    #elementor-popup-modal-54
    .dialog-message {
        padding-top:
            calc(72px + env(safe-area-inset-top))
            !important;
    }

    #elementor-popup-modal-54
    .dialog-close-button {
        right: 14px !important;
    }
}


/* =====================================================
   11. REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {
    #elementor-popup-modal-54.toi-is-opening
    .dialog-widget-overlay,

    #elementor-popup-modal-54.toi-is-closing
    .dialog-widget-overlay,

    #elementor-popup-modal-54.toi-is-opening
    .dialog-widget-content,

    #elementor-popup-modal-54.toi-is-closing
    .dialog-widget-content,

    #elementor-popup-modal-54
    .dialog-close-button {
        animation: none !important;
        transition: none !important;
    }
}
/* ------------------------------------------------------------

PAGE KO VIEWPORT SE BAHAR SCROLL NA HONE DO
------------------------------------------------------------ */

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

overflow-x: hidden !important;
overflow-x: clip !important;

}

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

margin-left: 0 !important;
margin-right: 0 !important;

overflow-x: hidden !important;
overflow-x: clip !important;

}

/* ------------------------------------------------------------
2. MAIN PAGE WRAPPERS
------------------------------------------------------------ */

#page,
.site,
.site-main,
#content,
.page-content,
.elementor-location-single,
.elementor-location-archive{

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

overflow-x: clip !important;

}

/* ------------------------------------------------------------
3. FEATURED EXPERIENCES SECTION
------------------------------------------------------------ */

.toi-services-carousel{
position: relative !important;

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

margin-left: auto !important;
margin-right: auto !important;

box-sizing: border-box !important;

}

/* Swiper itself must never become wider than parent */
.toi-services-carousel .swiper,
.toi-services-carousel .e-n-carousel,
.toi-services-carousel .swiper-wrapper{

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

box-sizing: border-box !important;

}

/* Individual slides */
.toi-services-carousel .swiper-slide{
min-width: 0 !important;

box-sizing: border-box !important;

}

/* ------------------------------------------------------------
4. WHY SAIL WITH US FEATURE AREA
------------------------------------------------------------ */

.toi-why-features{
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;

margin-left: auto !important;
margin-right: auto !important;

box-sizing: border-box !important;

overflow: hidden !important;

}

/* Feature columns cannot force page wider */
.toi-feature-item{
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;

box-sizing: border-box !important;

}

/* Text also allowed to wrap */
.toi-feature-item .elementor-widget,
.toi-feature-item .elementor-widget-container,
.toi-feature-item .elementor-heading-title{

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

overflow-wrap: break-word !important;

}

/* ------------------------------------------------------------
5. CAROUSEL ARROWS
Desktop par mockup jaisi outside position rehne do,
lekin viewport cross na karein.
------------------------------------------------------------ */

@media (min-width: 1025px){

.toi-services-carousel
.elementor-swiper-button-prev,
.toi-services-carousel
.swiper-button-prev{

    left: -50px !important;
    right: auto !important;

    inset-inline-start: -50px !important;
    inset-inline-end: auto !important;
}


.toi-services-carousel
.elementor-swiper-button-next,
.toi-services-carousel
.swiper-button-next{

    right: -50px !important;
    left: auto !important;

    inset-inline-end: -50px !important;
    inset-inline-start: auto !important;
}

}

/* ------------------------------------------------------------
6. TABLET
Arrows viewport ke andar.
------------------------------------------------------------ */

@media (max-width: 1024px){

.toi-services-carousel{
    padding-left: 24px !important;
    padding-right: 24px !important;
}


.toi-services-carousel
.elementor-swiper-button-prev,
.toi-services-carousel
.swiper-button-prev{

    left: 2px !important;
    right: auto !important;

    inset-inline-start: 2px !important;
    inset-inline-end: auto !important;
}


.toi-services-carousel
.elementor-swiper-button-next,
.toi-services-carousel
.swiper-button-next{

    right: 2px !important;
    left: auto !important;

    inset-inline-end: 2px !important;
    inset-inline-start: auto !important;
}

}

/* ------------------------------------------------------------
7. MOBILE
------------------------------------------------------------ */

@media (max-width: 767px){

html,
body{
    width: 100% !important;
    max-width: 100% !important;

    overflow-x: hidden !important;
    overflow-x: clip !important;
}


.toi-services-carousel{
    width: 100% !important;
    max-width: 100% !important;

    padding-left: 18px !important;
    padding-right: 18px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}


.toi-why-features{
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}


.toi-services-carousel
.elementor-swiper-button-prev,
.toi-services-carousel
.swiper-button-prev{

    left: 0 !important;
    right: auto !important;

    inset-inline-start: 0 !important;
    inset-inline-end: auto !important;
}


.toi-services-carousel
.elementor-swiper-button-next,
.toi-services-carousel
.swiper-button-next{

    right: 0 !important;
    left: auto !important;

    inset-inline-end: 0 !important;
    inset-inline-start: auto !important;
}

}


/* =====================================================
   12. FINAL POPUP LAYER LOCK — POPUP ID 54
   Keeps the off-canvas popup above the sticky header.
===================================================== */

html body #elementor-popup-modal-54.elementor-popup-modal {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    inset: 0 !important;

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

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

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

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

    transform: none !important;
    isolation: isolate !important;

    overflow: hidden !important;

    z-index: 2147483647 !important;
}

html body #elementor-popup-modal-54
.dialog-widget-overlay {
    position: fixed !important;
    inset: 0 !important;

    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;

    z-index: 0 !important;
}

html body #elementor-popup-modal-54
.dialog-widget-content {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;

    width: calc(100vw - 28px) !important;
    max-width: 420px !important;

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

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

    box-sizing: border-box !important;

    z-index: 2 !important;
}

/* Keep the Elementor header below Popup 54. */

html body .elementor-location-header,
html body header.elementor-sticky--active {
    z-index: 9999 !important;
}

@media screen and (max-width: 360px) {
    html body #elementor-popup-modal-54
    .dialog-widget-content {
        width: calc(100vw - 18px) !important;
    }
}/* End custom CSS */