/**
* Theme Name: Mremot Child
* Description: This is a child theme of Mremot, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/tonatheme">Tonatheme</a>
* Template: mremot
* Version: 1.2
*/

/* =========================================================
   JANE'S CUTAWAY — BRAND ACCENT

   New header accent:
   #09e4ef
   ========================================================= */


/* =========================================================
   JANE'S CUTAWAY — MOBILE + TABLET HEADER ONLY

   Applies to:
   - Home header: .main-header.style-two
   - Inner-page header: .main-header.logo-adj

   Desktop 1025px and above:
   - Original theme header remains unchanged

   Tablet/mobile 1024px and below:
   [ Logo ]                              [ Hamburger ]
   ========================================================= */

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

    /* =====================================================
       COMMON HEADER WRAPPER
       ===================================================== */

    .main-header.style-two,
    .main-header.logo-adj {
        position: relative !important;
        width: 100% !important;
        min-height: 86px !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 999 !important;
        box-shadow: none !important;
    }

    .main-header.style-two > .auto-container,
    .main-header.logo-adj > .auto-container {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 86px !important;
        margin: 0 !important;
        padding: 0 30px !important;
        box-sizing: border-box !important;
    }

    /* =====================================================
       HEADER UPPER
       ===================================================== */

    .main-header.style-two .header-upper,
    .main-header.logo-adj .header-upper {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-height: 86px !important;
        height: 86px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .main-header.style-two .header-upper .upper-inner,
    .main-header.logo-adj .header-upper .upper-inner {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 86px !important;
        height: 86px !important;
        margin: 0 !important;
        padding: 10px 65px 10px 0 !important;
        box-sizing: border-box !important;
    }

    /* =====================================================
       HIDE EMAIL AND PHONE ON TABLET/MOBILE
       ===================================================== */

    .main-header.style-two .header-upper .mail-box,
    .main-header.style-two .header-upper .phone-box,
    .main-header.logo-adj .header-upper .info-box {
        display: none !important;
    }

    /* =====================================================
       LOGO — LEFT
       ===================================================== */

    .main-header.style-two .header-upper .logo-box,
    .main-header.logo-adj .header-upper .logo-box {
        position: static !important;
        display: block !important;
        float: none !important;
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: 210px !important;
        height: auto !important;
        margin: 0 auto 0 0 !important;
        padding: 0 !important;
        inset: auto !important;
        transform: none !important;
        text-align: left !important;
    }

    .main-header.style-two .header-upper .logo-box a,
    .main-header.logo-adj .header-upper .logo-box a {
        display: block !important;
        width: auto !important;
        height: auto !important;
        line-height: 0 !important;
    }

    .main-header.style-two .header-upper .logo-box img,
    .main-header.logo-adj .header-upper .logo-box img {
        display: block !important;
        width: auto !important;
        max-width: 200px !important;
        height: auto !important;
        max-height: 62px !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
    }

    /* =====================================================
       HEADER LOWER — POSITION AT TOP RIGHT
       ===================================================== */

    .main-header.style-two .header-lower,
    .main-header.logo-adj .header-lower {
        position: absolute !important;
        top: 0 !important;
        right: 30px !important;
        bottom: auto !important;
        left: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 50px !important;
        height: 86px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        z-index: 1000 !important;
    }

    .main-header.style-two .header-lower::before,
    .main-header.style-two .header-lower::after,
    .main-header.logo-adj .header-lower::before,
    .main-header.logo-adj .header-lower::after {
        display: none !important;
    }

    .main-header.style-two .header-lower .outer-box,
    .main-header.logo-adj .header-lower .outer-box {
        position: static !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        float: none !important;
        width: 50px !important;
        height: 86px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
    }

    .main-header.style-two .header-lower .menu-area,
    .main-header.logo-adj .header-lower .menu-area {
        position: static !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        float: none !important;
        width: 50px !important;
        height: 86px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
    }

    /* =====================================================
       HIDE DESKTOP NAVIGATION ON TABLET/MOBILE
       ===================================================== */

    .main-header.style-two .header-lower .main-menu,
    .main-header.logo-adj .header-lower .main-menu {
        display: none !important;
    }

    /* =====================================================
       HAMBURGER
       ===================================================== */

    .main-header.style-two .mobile-nav-toggler,
    .main-header.logo-adj .mobile-nav-toggler {
        position: static !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        float: none !important;
        width: 50px !important;
        height: 50px !important;
        margin: 0 !important;
        padding: 9px !important;
        background: transparent !important;
        border: 0 !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
    }

    .main-header.style-two .mobile-nav-toggler .icon-bar,
    .main-header.logo-adj .mobile-nav-toggler .icon-bar {
        position: static !important;
        display: block !important;
        width: 30px !important;
        height: 2px !important;
        min-height: 2px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        opacity: 1 !important;
        transform: none !important;
        transition: background-color 0.3s ease !important;
    }

    /* =====================================================
       HOME PAGE HEADER
       Dark background + white hamburger
       ===================================================== */

    .main-header.style-two,
    .main-header.style-two > .auto-container,
    .main-header.style-two .header-upper {
        background: #332e2a !important;
    }

    .main-header.style-two .mobile-nav-toggler .icon-bar {
        background: #ffffff !important;
    }

    .main-header.style-two .mobile-nav-toggler:hover .icon-bar {
        background: #09e4ef !important;
    }

    /* =====================================================
       INNER PAGE HEADER
       White background + black hamburger
       ===================================================== */

    .main-header.logo-adj,
    .main-header.logo-adj > .auto-container,
    .main-header.logo-adj .header-upper {
        background: #ffffff !important;
    }

    .main-header.logo-adj {
        border-bottom: 1px solid #eeeeee !important;
    }

    .main-header.logo-adj .mobile-nav-toggler .icon-bar {
        background: #111111 !important;
    }

    .main-header.logo-adj .mobile-nav-toggler:hover .icon-bar {
        background: #09e4ef !important;
    }

    /* =====================================================
       PREVENT DUPLICATE STICKY HEADER
       ===================================================== */

    .main-header.style-two .sticky-header,
    .main-header.logo-adj .sticky-header {
        display: none !important;
    }
}


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

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

    .main-header.style-two,
    .main-header.logo-adj,
    .main-header.style-two > .auto-container,
    .main-header.logo-adj > .auto-container,
    .main-header.style-two .header-upper,
    .main-header.logo-adj .header-upper,
    .main-header.style-two .header-upper .upper-inner,
    .main-header.logo-adj .header-upper .upper-inner {
        min-height: 78px !important;
        height: 78px !important;
    }

    .main-header.style-two > .auto-container,
    .main-header.logo-adj > .auto-container {
        padding-right: 18px !important;
        padding-left: 18px !important;
    }

    .main-header.style-two .header-upper .upper-inner,
    .main-header.logo-adj .header-upper .upper-inner {
        padding: 8px 58px 8px 0 !important;
    }

    .main-header.style-two .header-upper .logo-box,
    .main-header.logo-adj .header-upper .logo-box {
        max-width: 175px !important;
    }

    .main-header.style-two .header-upper .logo-box img,
    .main-header.logo-adj .header-upper .logo-box img {
        max-width: 170px !important;
        max-height: 55px !important;
    }

    .main-header.style-two .header-lower,
    .main-header.logo-adj .header-lower {
        right: 18px !important;
        width: 46px !important;
        height: 78px !important;
    }

    .main-header.style-two .header-lower .outer-box,
    .main-header.logo-adj .header-lower .outer-box,
    .main-header.style-two .header-lower .menu-area,
    .main-header.logo-adj .header-lower .menu-area {
        width: 46px !important;
        height: 78px !important;
    }

    .main-header.style-two .mobile-nav-toggler,
    .main-header.logo-adj .mobile-nav-toggler {
        width: 46px !important;
        height: 46px !important;
        padding: 8px !important;
    }

    .main-header.style-two .mobile-nav-toggler .icon-bar,
    .main-header.logo-adj .mobile-nav-toggler .icon-bar {
        width: 29px !important;
    }
}


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

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

    .main-header.style-two,
    .main-header.logo-adj,
    .main-header.style-two > .auto-container,
    .main-header.logo-adj > .auto-container,
    .main-header.style-two .header-upper,
    .main-header.logo-adj .header-upper,
    .main-header.style-two .header-upper .upper-inner,
    .main-header.logo-adj .header-upper .upper-inner {
        min-height: 72px !important;
        height: 72px !important;
    }

    .main-header.style-two > .auto-container,
    .main-header.logo-adj > .auto-container {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .main-header.style-two .header-upper .upper-inner,
    .main-header.logo-adj .header-upper .upper-inner {
        padding-right: 52px !important;
    }

    .main-header.style-two .header-upper .logo-box,
    .main-header.logo-adj .header-upper .logo-box {
        max-width: 155px !important;
    }

    .main-header.style-two .header-upper .logo-box img,
    .main-header.logo-adj .header-upper .logo-box img {
        max-width: 150px !important;
        max-height: 50px !important;
    }

    .main-header.style-two .header-lower,
    .main-header.logo-adj .header-lower {
        right: 14px !important;
        width: 42px !important;
        height: 72px !important;
    }

    .main-header.style-two .header-lower .outer-box,
    .main-header.logo-adj .header-lower .outer-box,
    .main-header.style-two .header-lower .menu-area,
    .main-header.logo-adj .header-lower .menu-area {
        width: 42px !important;
        height: 72px !important;
    }

    .main-header.style-two .mobile-nav-toggler,
    .main-header.logo-adj .mobile-nav-toggler {
        width: 42px !important;
        height: 42px !important;
    }

    .main-header.style-two .mobile-nav-toggler .icon-bar,
    .main-header.logo-adj .mobile-nav-toggler .icon-bar {
        width: 26px !important;
    }
}


/* =========================================================
   JANE'S CUTAWAY — INNER PAGE DESKTOP HEADER

   Desktop only: 1025px and above
   Logo at left
   Email and phone at right end
   ========================================================= */

@media only screen and (min-width: 1025px) {

    .main-header.logo-adj .header-upper {
        position: relative !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
    }

    .main-header.logo-adj .header-upper .upper-inner {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 100px !important;
        margin: 0 !important;
        padding: 14px 0 !important;
        box-sizing: border-box !important;
    }

    /* =====================================================
       LOGO — LEFT
       ===================================================== */

    .main-header.logo-adj .header-upper .logo-box {
        position: static !important;
        display: block !important;
        float: none !important;
        flex: 0 0 auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        inset: auto !important;
        transform: none !important;
        line-height: 0 !important;
        text-align: left !important;
    }

    .main-header.logo-adj .header-upper .logo-box a {
        display: block !important;
        line-height: 0 !important;
    }

    .main-header.logo-adj .header-upper .logo-box img {
        display: block !important;
        width: auto !important;
        max-width: 230px !important;
        height: auto !important;
        max-height: 68px !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
    }

    /* =====================================================
       EMAIL AND PHONE — RIGHT END
       ===================================================== */

    .main-header.logo-adj .header-upper .info-box {
        position: absolute !important;
        top: 50% !important;
        right: 0 !important;
        bottom: auto !important;
        left: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        float: none !important;
        gap: 50px !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: translateY(-50%) !important;
    }

    .main-header.logo-adj .header-upper .info-box > li {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 48px auto !important;
        grid-template-rows: auto auto !important;
        column-gap: 12px !important;
        align-items: center !important;
        float: none !important;
        width: auto !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .main-header.logo-adj .header-upper .info-box > li > i {
        position: static !important;
        display: flex !important;
        grid-column: 1 !important;
        grid-row: 1 / 3 !important;
        align-items: center !important;
        justify-content: center !important;
        width: 48px !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        inset: auto !important;
        transform: none !important;
        line-height: 48px !important;
        text-align: center !important;
    }

    .main-header.logo-adj .header-upper .info-box > li > p {
        position: static !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: end !important;
        margin: 0 0 4px !important;
        padding: 0 !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        text-transform: uppercase !important;
    }

    .main-header.logo-adj .header-upper .info-box > li > a {
        position: static !important;
        display: block !important;
        grid-column: 2 !important;
        grid-row: 2 !important;
        align-self: start !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.35 !important;
        white-space: nowrap !important;
    }
}


/* =========================================================
   JANE'S CUTAWAY — DESKTOP MENU ACTIVE + HOVER INDICATOR

   New accent:
   #09e4ef

   Applies to:
   - Current page
   - Services parent on child pages
   - Menu hover
   - Sticky header
   ========================================================= */

@media only screen and (min-width: 1025px) {

    .main-header .main-menu .navigation > li,
    .main-header .main-menu .navigation > li > a {
        overflow: visible !important;
    }

    .main-header .main-menu .navigation > li > a {
        position: relative !important;
    }

    /* =====================================================
       REMOVE OLD THEME ORANGE INDICATOR
       ===================================================== */

    .main-header .main-menu .navigation > li:hover > a::before,
    .main-header .main-menu .navigation > li.current-menu-item > a::before,
    .main-header .main-menu .navigation > li.current_page_item > a::before,
    .main-header .main-menu .navigation > li.current-menu-parent > a::before,
    .main-header .main-menu .navigation > li.current-menu-ancestor > a::before,
    .main-header .main-menu .navigation > li.current_page_parent > a::before,
    .main-header .main-menu .navigation > li.current_page_ancestor > a::before,
    .main-header .main-menu .navigation > li.active > a::before {
        content: none !important;
        display: none !important;
        background: none !important;
    }

    /* =====================================================
       NEW BLUE CURLY INDICATOR
       Active + Hover
       ===================================================== */

    .main-header .main-menu .navigation > li:hover > a::after,
    .main-header .main-menu .navigation > li.current-menu-item > a::after,
    .main-header .main-menu .navigation > li.current_page_item > a::after,
    .main-header .main-menu .navigation > li.current-menu-parent > a::after,
    .main-header .main-menu .navigation > li.current-menu-ancestor > a::after,
    .main-header .main-menu .navigation > li.current_page_parent > a::after,
    .main-header .main-menu .navigation > li.current_page_ancestor > a::after,
    .main-header .main-menu .navigation > li.active > a::after {
        content: "" !important;
        position: absolute !important;

        top: auto !important;
        right: auto !important;
        bottom: -7px !important;
        left: 50% !important;

        display: block !important;

        width: 34px !important;
        height: 10px !important;

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

        background-image: url("data:image/svg+xml,%3Csvg width='48' height='9' viewBox='0 0 48 9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5C4 1.5 8 1.5 11 4.5C14 7.5 18 7.5 21 4.5C24 1.5 28 1.5 31 4.5C34 7.5 38 7.5 41 4.5C43 2.5 45 2.5 47 4.5' fill='none' stroke='%2309e4ef' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;

        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;

        border: 0 !important;

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

        transform: translateX(-50%) !important;

        pointer-events: none !important;
    }

    /* =====================================================
       INNER PAGE HEADER
       Active text remains black
       Hover becomes blue
       ===================================================== */

    .main-header.logo-adj
    .main-menu
    .navigation
    > li.current-menu-item
    > a,

    .main-header.logo-adj
    .main-menu
    .navigation
    > li.current_page_item
    > a,

    .main-header.logo-adj
    .main-menu
    .navigation
    > li.current-menu-parent
    > a,

    .main-header.logo-adj
    .main-menu
    .navigation
    > li.current-menu-ancestor
    > a,

    .main-header.logo-adj
    .main-menu
    .navigation
    > li.current_page_parent
    > a,

    .main-header.logo-adj
    .main-menu
    .navigation
    > li.current_page_ancestor
    > a,

    .main-header.logo-adj
    .main-menu
    .navigation
    > li.active
    > a {
        color: #111111 !important;
    }

    .main-header.logo-adj
    .main-menu
    .navigation
    > li:hover
    > a {
        color: #09e4ef !important;
    }

    /* Keep current active item readable while hovered */
    .main-header.logo-adj
    .main-menu
    .navigation
    > li.current-menu-item:hover
    > a,

    .main-header.logo-adj
    .main-menu
    .navigation
    > li.current_page_item:hover
    > a,

    .main-header.logo-adj
    .main-menu
    .navigation
    > li.current-menu-ancestor:hover
    > a,

    .main-header.logo-adj
    .main-menu
    .navigation
    > li.active:hover
    > a {
        color: #09e4ef !important;
    }

    /* =====================================================
       HOME DARK HEADER
       All menu text remains white
       ===================================================== */

    .main-header.style-two
    > .auto-container
    .header-lower
    .main-menu
    .navigation
    > li
    > a {
        color: #ffffff !important;
    }

    .main-header.style-two
    > .auto-container
    .header-lower
    .main-menu
    .navigation
    > li:hover
    > a,

    .main-header.style-two
    > .auto-container
    .header-lower
    .main-menu
    .navigation
    > li.current-menu-item
    > a,

    .main-header.style-two
    > .auto-container
    .header-lower
    .main-menu
    .navigation
    > li.current_page_item
    > a,

    .main-header.style-two
    > .auto-container
    .header-lower
    .main-menu
    .navigation
    > li.current-menu-parent
    > a,

    .main-header.style-two
    > .auto-container
    .header-lower
    .main-menu
    .navigation
    > li.current-menu-ancestor
    > a,

    .main-header.style-two
    > .auto-container
    .header-lower
    .main-menu
    .navigation
    > li.active
    > a {
        color: #ffffff !important;
    }

    /* =====================================================
       STICKY HEADER
       White background + dark text
       Blue hover
       ===================================================== */

    .main-header
    .sticky-header
    .main-menu
    .navigation
    > li
    > a {
        color: #333333 !important;
    }

    .main-header
    .sticky-header
    .main-menu
    .navigation
    > li.current-menu-item
    > a,

    .main-header
    .sticky-header
    .main-menu
    .navigation
    > li.current_page_item
    > a,

    .main-header
    .sticky-header
    .main-menu
    .navigation
    > li.current-menu-parent
    > a,

    .main-header
    .sticky-header
    .main-menu
    .navigation
    > li.current-menu-ancestor
    > a,

    .main-header
    .sticky-header
    .main-menu
    .navigation
    > li.current_page_parent
    > a,

    .main-header
    .sticky-header
    .main-menu
    .navigation
    > li.current_page_ancestor
    > a,

    .main-header
    .sticky-header
    .main-menu
    .navigation
    > li.active
    > a {
        color: #111111 !important;
    }

    .main-header
    .sticky-header
    .main-menu
    .navigation
    > li:hover
    > a {
        color: #09e4ef !important;
    }

    /* Sticky-header curly indicator position */
    .main-header
    .sticky-header
    .main-menu
    .navigation
    > li:hover
    > a::after,

    .main-header
    .sticky-header
    .main-menu
    .navigation
    > li.current-menu-item
    > a::after,

    .main-header
    .sticky-header
    .main-menu
    .navigation
    > li.current_page_item
    > a::after,

    .main-header
    .sticky-header
    .main-menu
    .navigation
    > li.current-menu-parent
    > a::after,

    .main-header
    .sticky-header
    .main-menu
    .navigation
    > li.current-menu-ancestor
    > a::after,

    .main-header
    .sticky-header
    .main-menu
    .navigation
    > li.current_page_parent
    > a::after,

    .main-header
    .sticky-header
    .main-menu
    .navigation
    > li.current_page_ancestor
    > a::after,

    .main-header
    .sticky-header
    .main-menu
    .navigation
    > li.active
    > a::after {
        bottom: -8px !important;
    }
}


/* =========================================================
   JANE'S CUTAWAY — PRICING CARD ORDER

   Desktop:
   1 | 2
   3 | 4
   5 | 6
   ========================================================= */

@media only screen and (min-width: 1025px) {

    .elementor-widget-mremot_our_prices
    .prices-section
    .row.clearfix {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 42px !important;
        row-gap: 42px !important;
        align-items: stretch !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .elementor-widget-mremot_our_prices
    .prices-section
    .row.clearfix::before,

    .elementor-widget-mremot_our_prices
    .prices-section
    .row.clearfix::after {
        display: none !important;
        content: none !important;
    }

    .elementor-widget-mremot_our_prices
    .prices-section
    .row.clearfix
    > .inner-column,

    .elementor-widget-mremot_our_prices
    .prices-section
    .row.clearfix
    > .inner-column
    > .inner-box {
        display: contents !important;
    }

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one
    > .inner-box {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 146px !important;
        height: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
}


/* =========================================================
   TABLET AND MOBILE
   ========================================================= */

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

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one {
        width: 100% !important;
    }
}


/* =========================================================
   JANE'S CUTAWAY — PRICING CARDS ON TABLET AND MOBILE

   One card:
   [ Service name ]                 [ Price ]
   ========================================================= */

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

    .elementor-widget-mremot_our_prices
    .prices-section
    .row.clearfix {
        display: block !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .elementor-widget-mremot_our_prices
    .prices-section
    .row.clearfix
    > .inner-column {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .elementor-widget-mremot_our_prices
    .prices-section
    .row.clearfix
    > .inner-column
    > .inner-box {
        display: block !important;
        width: 100% !important;
    }

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 24px !important;
        padding: 0 !important;
    }

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one
    > .inner-box {
        position: relative !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 20px !important;
        width: 100% !important;
        min-height: 105px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 22px 24px !important;
        box-sizing: border-box !important;
    }

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one
    > .inner-box
    > h4 {
        position: static !important;
        display: block !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 21px !important;
        line-height: 1.35 !important;
        text-align: left !important;
    }

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one
    > .inner-box
    > h4
    > a {
        display: block !important;
        color: inherit !important;
        line-height: inherit !important;
        text-align: left !important;
    }

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one
    > .inner-box
    > p:empty {
        display: none !important;
    }

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one
    > .inner-box
    > .price {
        position: static !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        min-width: 115px !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 10px 14px !important;
        font-size: 18px !important;
        line-height: 1.3 !important;
        text-align: center !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }
}


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

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

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one
    > .inner-box {
        gap: 12px !important;
        min-height: 92px !important;
        padding: 18px 16px !important;
    }

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one
    > .inner-box
    > h4 {
        font-size: 17px !important;
        line-height: 1.35 !important;
    }

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one
    > .inner-box
    > .price {
        min-width: 95px !important;
        min-height: 46px !important;
        padding: 8px 10px !important;
        font-size: 15px !important;
    }
}


/* =========================================================
   JANE'S CUTAWAY — DESKTOP SUBMENU INDICATOR

   Blue decorative dash:
   #09e4ef
   ========================================================= */

@media only screen and (min-width: 1025px) {

    .main-header
    .main-menu
    .navigation
    > li
    > ul.submenu
    > li
    > a {
        position: relative !important;
        padding-right: 20px !important;
        padding-left: 38px !important;
        background-image: none !important;
    }

    /* Remove broken theme icon */
    .main-header
    .main-menu
    .navigation
    > li
    > ul.submenu
    > li
    > a::before,

    .main-header
    .main-menu
    .navigation
    > li
    > ul.submenu
    > li
    > a::after {
        content: none !important;
        display: none !important;
    }

    .main-header
    .main-menu
    .navigation
    > li
    > ul.submenu
    > li {
        position: relative !important;
    }

    /* Blue submenu dash */
    .main-header
    .main-menu
    .navigation
    > li
    > ul.submenu
    > li::before {
        content: "" !important;
        position: absolute !important;
        top: 50% !important;
        left: 18px !important;
        display: block !important;
        width: 9px !important;
        height: 2px !important;
        background: #09e4ef !important;
        transform: translateY(-50%) !important;
        transition: width 0.25s ease !important;
        pointer-events: none !important;
        z-index: 2 !important;
    }

    /* Extend dash on hover/current submenu item */
    .main-header
    .main-menu
    .navigation
    > li
    > ul.submenu
    > li:hover::before,

    .main-header
    .main-menu
    .navigation
    > li
    > ul.submenu
    > li.current-menu-item::before,

    .main-header
    .main-menu
    .navigation
    > li
    > ul.submenu
    > li.active::before {
        width: 15px !important;
    }

    /* Submenu hover/current text */
    .main-header
    .main-menu
    .navigation
    > li
    > ul.submenu
    > li:hover
    > a,

    .main-header
    .main-menu
    .navigation
    > li
    > ul.submenu
    > li.current-menu-item
    > a,

    .main-header
    .main-menu
    .navigation
    > li
    > ul.submenu
    > li.active
    > a {
        color: #09e4ef !important;
    }
}

/* =========================================================
   JANE'S CUTAWAY — DESKTOP PRICING CARD CONTENT FIX

   Layout:
   [ Service Name ] [ Description ] [ Price ]

   Fixes:
   - Long descriptions overlapping service title
   - Description overlapping price
   - Card height expands automatically
   - Works globally on all Mremot pricing widgets
   ========================================================= */

@media only screen and (min-width: 1025px) {

    /* -----------------------------------------------------
       INDIVIDUAL PRICING CARD
       ----------------------------------------------------- */

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one {
        position: relative !important;

        display: block !important;
        float: none !important;

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

        height: 100% !important;
        min-height: 0 !important;

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

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       CARD INNER CONTENT

       Title | Description | Price
       ----------------------------------------------------- */

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one
    > .inner-box {

        position: relative !important;

        display: grid !important;

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

        align-items: center !important;

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

        width: 100% !important;

        min-height: 152px !important;
        height: 100% !important;

        margin: 0 !important;

        padding: 24px 15px 24px 28px !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       SERVICE NAME
       ----------------------------------------------------- */

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one
    > .inner-box
    > h4 {

        position: static !important;

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

        display: block !important;

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

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

        transform: none !important;

        font-size: 20px !important;
        line-height: 1.4 !important;

        text-align: left !important;

        overflow-wrap: break-word !important;
        word-break: normal !important;

        box-sizing: border-box !important;
    }


    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one
    > .inner-box
    > h4
    > a {

        display: block !important;

        width: 100% !important;

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

        line-height: inherit !important;

        text-align: left !important;

        white-space: normal !important;
    }


    /* -----------------------------------------------------
       DESCRIPTION
       ----------------------------------------------------- */

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one
    > .inner-box
    > p {

        position: static !important;

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

        display: block !important;

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

        min-width: 0 !important;

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

        transform: none !important;

        font-size: 16px !important;
        line-height: 1.65 !important;

        text-align: left !important;

        white-space: normal !important;
        overflow: visible !important;

        overflow-wrap: break-word !important;
        word-break: normal !important;

        box-sizing: border-box !important;
    }


    /*
     * Your descriptions currently start with:
     *
     * <p><br>Description...
     *
     * Remove that unnecessary first blank line visually.
     */

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one
    > .inner-box
    > p
    > br:first-child {
        display: none !important;
    }


    /* -----------------------------------------------------
       PRICE
       ----------------------------------------------------- */

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one
    > .inner-box
    > .price {

        position: static !important;

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

        display: inline-flex !important;

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

        width: auto !important;
        min-width: 95px !important;
        max-width: none !important;

        min-height: 38px !important;

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

        transform: none !important;

        font-size: 15px !important;
        line-height: 1.25 !important;

        text-align: center !important;

        white-space: nowrap !important;

        justify-self: end !important;

        box-sizing: border-box !important;
    }
}


/* =========================================================
   SMALL DESKTOP / LAPTOP

   Gives the description more room when the viewport
   is close to the tablet breakpoint.
   ========================================================= */

@media only screen and (min-width: 1025px) and (max-width: 1199px) {

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one
    > .inner-box {

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

        column-gap: 12px !important;

        padding:
            22px
            12px
            22px
            20px !important;
    }

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one
    > .inner-box
    > h4 {
        font-size: 18px !important;
    }

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one
    > .inner-box
    > p {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    .elementor-widget-mremot_our_prices
    .prices-section
    .pricing-block-one
    > .inner-box
    > .price {
        min-width: 85px !important;
        padding: 7px 9px !important;
        font-size: 14px !important;
    }
}