#header_pabau_new {
    position: sticky;
    top: 0;
    z-index: 1100;

    a {
        cursor: pointer;
    }

    /* Top Banner */
    .pabau-banner {
        background: #1A2539;
        padding: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .pabau-banner p {
        color: #fff;
        /* text-align: center; */
        font-size: 12px;
        line-height: 16px;
        font-weight: 500;
        margin-bottom: 0 !important;
    }

    .pabau-banner a {
        color: #fff;
        font-weight: 500;
        text-decoration: underline;
    }

    .pabau-banner-icon {
        width: 24px;
    }

    /* Header */
    .pabau-header {
        position: sticky;
        top: 0;
        background: #fff;
        /* border-bottom: 1px solid #eee; */
        z-index: 1000;
    }

    .pabau-header-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 24px;
        max-width: 1620px;
        margin: auto;
    }

    .pabau-logo img {
        width: 140px;
    }

    /* Desktop Navigation */
    .pabau-nav ul {
        list-style: none;
        display: flex;
        margin: 0;
        padding: 0;
    }

    .pabau-nav ul li {
        list-style: none !important;
    }

    .pabau-nav ul>li {
        position: static !important;
        list-style: none !important;
    }

    .pabau-nav a {
        padding: 24px 15px;
        display: block;
        text-decoration: none;
        color: #1A2539 !important;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
    }

    .pabau-has-mega {
        padding-bottom: 0 !important;
        list-style: none !important;
    }

    /* .pabau-has-mega .pabau-has-mega-a {
        color: #fff;
    } */

    .pabau-has-mega:hover .pabau-has-mega-a {
        color: #54B2D3;
    }

    /* Mega Menu */
    .pabau-has-mega:hover .pabau-mega {
        display: block;
        /* max-width: 1440px; */
        margin: auto;
        border-radius: 0 0 8px 8px;
        box-shadow: 0 4px 17.3px 0 rgba(0, 0, 0, 0.10);
    }

    .pabau-mega-1440 {
        max-width: 1440px;
    }

    .pabau-mega-1280 {
        max-width: 1280px;
    }

    .pabau-mega-fit-content {
        max-width: fit-content;
        padding-bottom: 18px;
    }

    .pabau-mega-fit-content .pabau-mega-section {
        flex: none;
    }

    .pabau-mega-fit-content .pabau-mega-content {
        gap: 64px;
    }

    .pabau-nav-ul .pabau-has-mega {
        margin-left: 24px;
    }

    .pabau-mega {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: #fff;
        border-top: 1px solid #eee;
        box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
        z-index: 999;
    }

    .pabau-mega-content {
        display: flex;
        gap: 32px;
        /* padding: 24px 20px; */
        margin: 0 auto;
    }

    .pabau-mega-features .pabau-mega-content {
        display: grid;
        grid-template-columns: 28% 24% 18% 22%;
        gap: 32px;
        /* spacing between columns */
        align-items: start;
        justify-content: space-between;
    }

    .pabau-mega-content-resources {
        margin: 0;
        padding-left: 24px;
    }

    .pabau-mega-section {
        flex: 1;
        /* flex: 0 0 auto; don’t override widths */
        padding: 32px 0;
        /* min-width: 220px; */
    }

    .pabau-mega-section h4 {
        margin: 0 0 24px;
        color: #4B5563;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: 2px;
        text-transform: uppercase;
        min-height: 1rem;
    }

    .pabau-mega-section ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .pabau-mega-section-ul {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .pabau-mega-section ul li {
        display: flex;
        flex-direction: column;
        font-size: 14px;
    }

    .pabau-mega-section ul li span {
        font-size: 12px;
        color: #666;
    }

    /* Header Buttons */
    .pabau-header-buttons .pabau-btn {
        padding: 12px;
        margin-left: 10px;
        text-decoration: none;
        border-radius: 4px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #fff !important;
    }

    .pabau-btn-light {
        /* border: 1px solid #D4D4D4; */
        color: #111827;
    }

    .book-now-pabau-btn-primary {
        background: #54B2D3;
        color: #fff !important;
        border-radius: 4px;
    }

    .book-now-pabau-btn-primary:hover {
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
        transform: scale(1.1);
    }

    .product-tour-pabau-btn-primary {
        border: 1px solid #54B2D3;
        color: #54B2D3;
        border-radius: 4px;
        margin-top: 16px;
    }

    .pabau-mega-section-features-li,
    .pabau-mega-section-li_arrow,
    .mobile-menu-list-item {
        margin-left: 0 !important;
        padding-bottom: 0 !important;
    }

    .pabau-mega-section-features-li a {
        display: flex !important;
        flex-direction: row !important;
        gap: 12px;
        align-items: center;
    }

    .pabau-mega-section-features-li-discover-all-features a {
        display: flex !important;
        flex-direction: row !important;
        gap: 6px;
        align-items: center;
    }

    .discover-all-features-a span {
        color: #54B2D3 !important;
        text-align: center;
        font-size: 16px !important;
        font-weight: 500;
        line-height: 24px;
    }

    .discover-all-features-a img {
        padding: 0 !important;
    }

    .discover-all-features-a:hover img,
    .view-all-case-studies-a:hover img,
    .ebook_banner-a:hover img {
        transform: rotate(45deg);
        transition: transform 0.2s ease;
        background-color: transparent !important;
    }

    .discover-all-features-a:hover span,
    .view-all-case-studies-a:hover span,
    .ebook_banner-a:hover span {
        text-decoration: underline;
    }

    /* .pabau-mega-section-features-li img {
        width: 32px !important;
        height: 32px !important;
        border-radius: 8px;
    } */

    .pabau-mega-section-features-li-img {
        padding: 10px;
        background-color: #C9ECFF;
        border-radius: 8px;
        width: 48px;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* 
    .pabau-mega-section-features-li img {
        background-color: #C9ECFF;
    } */

    .pabau-mega-section-features-li-copy p {
        margin: 4px 0 0 0;
        color: #4B5563;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .pabau-mega-section-features-li-copy span {
        color: #111827 !important;
        font-size: 16px !important;
        font-weight: 500;
        line-height: 24px;
    }

    .pabau-mega-section-features-li:hover span {
        color: #54B2D3 !important;
    }

    .pabau-mega-section-features-li:hover p {
        text-decoration: underline;
    }

    .pabau-mega-section-features-li a {
        padding: 0;
    }

    .pabau-mega-section-li_arrow a {
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .pabau-mega-section-li_arrow-icon {
        margin-left: 0 !important;
        padding-bottom: 0 !important;
    }

    .pabau-mega-section-li_arrow-icon a {
        padding: 0;
        display: flex;
        gap: 8px;
        flex-direction: row;
        align-items: center;
    }

    .pabau-mega-section-li_arrow-icon a img {
        width: 24px;
    }

    .pabau-mega-section-li_arrow span,
    .pabau-mega-section-li_arrow-icon span {
        font-weight: 500;
        font-size: 16px !important;
        line-height: 24px;
        color: #111827 !important;
    }

    .pabau-mega-section-li_arrow:hover span,
    .pabau-mega-section-li_arrow-icon:hover span {
        text-decoration: underline;
    }

    .pabau-mega-section-li_arrow:hover .pabau-mega-section-li_arrow-icon-2,
    .pabau-mega-section-li_arrow-icon:hover .pabau-mega-section-li_arrow-icon-2 {
        transform: rotate(45deg);
        transition: transform 0.2s ease;
    }

    .pabau-mega-section-li_arrow div {
        display: flex;
    }

    .pabau-mega-section-li_arrow-icon div {
        display: flex;
    }

    .pabau-mega-section-li_arrow-ul {
        gap: 1rem;
    }

    .new-releses-features-tab-card {
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
        padding: 0 !important;
    }

    .pabau-mega-content-cards-resources{
        gap: 24px !important;
    }

    .pabau-mega-content-cards-resources .new-releses-features-tab-card{
        gap: 12px !important;
    }

    .new-releses-features-tab-copy {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .new-releses-features-tab-copy-title {
        display: flex;
        gap: 8px;
    }

    .new-releses-features-tab-copy p,
    .new-case-study-tab-copy p {
        margin: 0 !important;
        color: #4B5563;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
    }

    .new-releses-features-tab-copy-title h4 {
        color: #111827;
        font-size: 16px;
        font-weight: 700;
        line-height: 150%;
        margin: 0;
    }

    .new-releses-features-tab-copy-title span {
        display: flex;
        width: 35px;
        padding: 3.889px 5.833px;
        justify-content: center;
        align-items: center;
        /* gap: 2.917px; */
        border-radius: 1.944px;
        border: 0.486px solid #54B2D3;
        background: rgba(226, 246, 253, 0.50);
        color: #54B2D3;
        font-size: 7.778px;
        font-weight: 500;
        line-height: 11.667px;
    }

    .new-case-study-tab-copy {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .new-case-study-tab-copy-title {
        display: flex;
        gap: 8px;
        padding: 0 !important;
    }

    /* .new-case-study-tab-copy p{ margin: 0 !important; color: #4B5563; font-size: 14px; font-weight: 400; line-height: 140%; } */
    .new-case-study-tab-copy-title h4 {
        color: #111827 !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 110% !important;
        margin: 0 !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
    }

    .new-case-study-tab-copy-title span {
        display: flex;
        width: 35px;
        padding: 3.889px 5.833px;
        justify-content: center;
        align-items: center;
        /* gap: 2.917px; */
        border-radius: 1.944px;
        border: 0.486px solid #54B2D3;
        background: rgba(226, 246, 253, 0.50);
        color: #54B2D3;
        font-size: 7.778px;
        font-weight: 500;
        line-height: 11.667px;
    }

    .pabau-has-mega-a {
        display: inline-flex !important;
        align-items: center;
        gap: 8px;
        position: relative;
    }

    .pabau-arrow {
        display: inline-block;
        width: 4px;
        height: 4px;
        border: solid currentColor;
        border-width: 0 2px 2px 0;
        padding: 2px;
        transform: rotate(45deg);
        /* Down arrow */
        transition: transform 0.4s ease;
        margin-top: -4px;
    }

    .pabau-has-mega:hover .pabau-arrow {
        transform: rotate(-135deg);
        /* Up arrow */
        transition: transform 0.4s ease;
        margin-top: 2px;
    }

    .pabau-has-mega .pabau-has-mega-a {
        border-bottom: 3px solid #fff;
    }

    .pabau-has-mega:hover .pabau-has-mega-a {
        border-bottom: 3px solid #54B2D3;
    }

    .new-releses-features-tab-section {
        background-color: #F3F4F6;
        padding: 32px;
        height: auto !important;
    }

    .new-case-study-tab-section {
        padding: 32px 52px;
        background-color: #F2F9FB;
    }

    .new-case-study-tab-section-img {
        border-radius: 16px;
    }

    .left-padding-100 {
        padding-left: 100px;
    }

    .left-padding-50 {
        padding-left: 50px;
    }

    .right-padding-100 {
        padding-right: 100px;
    }

    .right-padding-50 {
        padding-right: 50px;
    }

    .width-100 {
        width: 100%;
    }

    .pabau-mega-section-item-card-row {
        display: flex !important;
        border-radius: 8px;
        padding: 10px 18px !important;
        gap: 24px;
    }

    .pabau-mega-section-item-card-row:hover {
        background-color: #F2F9FB;
    }

    .pabau-mega-section-item-card-row-img {
        padding: 20px 46px;
        border-radius: 8px;
        background: linear-gradient(0deg, #C9ECFF 0%, #C9ECFF 100%), url(<path-to-image>) lightgray 50% / cover no-repeat;
    }

    .pabau-mega-section-item-card-row-copy span {
        color: #111827;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    .pabau-mega-section-item-card-row-copy p {
        margin: 4px 0 0;
        color: #4B5563;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .view-all-case-studies-a {
        padding: 0 !important;
        display: flex !important;
    }

    .view-all-case-studies-a span {
        color: #54B2D3 !important;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    .ebook_banner {
        border-radius: 8px;
        background: #C9ECFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }



    .ebook_banner h4 {
        color: #111827 !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        line-height: 110% !important;
    }

    .ebook_banner-img {
        border-radius: 16px 16px 0 0;
        width: 100%;
    }

    .ebook_banner-title,
    .ebook_banner-a {
        margin: 0 20px;
    }

    .ebook_banner-a {
        margin-bottom: 20px;
    }

    .ebook_banner-a {
        padding: 0 !important;
        display: flex !important;
        align-items: center;
        gap: 4px;
    }

    .pabau-mega-section-space-between {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .pabau-mega-content-align-left {
        border-top: 1px solid #F3F4F6;
        margin: 0;
    }

    .pabau-mega-content-cards {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .pabau-mega-content-card-a-href {
        padding: 0 !important;
    }

    /* Hamburger - visible on mobile */
    .pabau-hamburger {
        display: none;
        font-size: 28px;
        cursor: pointer;
    }

    .pabau-mobile-menu {
        display: none;
    }

    .pabau-mega-content-padding-0 {
        padding: 0 !important;
    }

    #mega-menu-item-custom_html-3 .custom-html-widget {
        height: 65px !important;
    }

    /* .widget-embed{
        background-color: #fff;
    } */

    .submenu-list-li-a-support {
        display: flex !important;
        gap: 8px;
        white-space: nowrap;

        img {
            width: 24px;
            height: 24px;
        }
    }
}

@media (max-width: 1400px) {
    #header_pabau_new {
        .left-padding-100 {
            padding-left: 50px;
        }

        /* .left-padding-50 {
            padding-left: 50px;
        } */

        .right-padding-100 {
            padding-right: 50px;
        }

        /* .pabau-mega-content{
            gap: 0;
        } */
    }

}

/* Responsive */
@media (max-width: 1161px) {

    #header_pabau_new {
        .pabau-hamburger {
            display: block;
        }

        .pabau-nav,
        .pabau-header-buttons {
            display: none;
        }

        .pabau-mobile-menu {
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
            z-index: 9999;
            /* transform: translateX(100%); */
            transform: translateX(-100%);
            transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            overflow-x: hidden;
        }

        .pabau-mobile-menu.is-open {
            transform: translateX(0);
            background-color: transparent;
        }

        #main-menu-panel {
            max-width: 400px;
        }

        /* Panel System */
        .mobile-menu-panel {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
            transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            display: flex;
            flex-direction: column;
        }

        /* Slide sub-panel in from the right */
        #features-menu-panel {
            transform: translateX(100%);
        }

        /* When submenu is active, move BOTH panels to the left */
        .pabau-mobile-menu.submenu-is-open #main-menu-panel {
            transform: translateX(-100%);
        }

        .pabau-mobile-menu.submenu-is-open #features-menu-panel {
            transform: translateX(0);
        }

        .pabau-mobile-menu.submenu-is-open {
            max-width: 400px;
        }

        /* Mobile Menu Header */
        .mobile-menu-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 24px 16px;
            border-bottom: 1px solid #eee;
        }

        .mobile-menu-logo {
            width: 120px;
        }

        .mobile-menu-close {
            font-size: 32px;
            font-weight: 300;
            cursor: pointer;
            color: #333;
            display: flex;
            align-self: center;
        }

        .back-btn {
            color: #111827;
            font-size: 18px;
            font-weight: 500;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
        }

        /* Main Menu List */
        .mobile-menu-list {
            list-style: none;
            padding: 20px 0;
            margin: 0;
            max-width: 400px;
        }

        .mobile-menu-link {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px;
            color: #111827 !important;
            font-size: 18px !important;
            font-weight: 500 !important;
            text-decoration: none !important;
        }

        .mobile-arrow {
            display: inline-block;
            border: solid #111827;
            border-width: 0 2px 2px 0;
            padding: 3px;
            transform: rotate(-45deg);
        }

        /* Footer in Main Menu */
        .mobile-menu-footer {
            padding: 24px;
            text-align: center;
        }

        .mobile-menu-footer .pabau-btn {
            display: block;
            width: 100%;
            box-sizing: border-box;
            padding: 16px;
            text-decoration: none !important;
            font-weight: 700;
        }

        .mobile-menu-footer .login-link {
            display: block;
            margin-top: 24px;
            color: #54B2D3;
            font-weight: 500;
        }


        /* Features Sub-Panel List */
        .mobile-submenu-list {
            list-style: none;
            padding: 24px !important;
            margin: 0 !important;
            background-color: #fff;
        }

        .mobile-submenu-list h4 {
            color: #4B5563;
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin: 0 0 20px 0;
        }

        .mobile-submenu-list li {
            padding-bottom: 0 !important;
            margin-left: 0 !important;
            list-style: none !important;
        }

        .mobile-submenu-list li a {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 12px 0;
            color: #111827 !important;
            font-size: 16px !important;
            font-weight: 500 !important;
            text-decoration: none !important;
        }

        .discover-all-features-a {
            padding: 0;
            gap: 8px !important;
        }

        .mobile-submenu-list-li-a .pabau-mega-section-li_arrow-icon-2 {
            margin-bottom: -6px;
        }

        .new-releses-features-tab-section {
            padding: 24px;
            border-radius: 16px;
            margin-top: 24px;
        }

        .new-releses-features-tab-copy-title h4 {
            margin: 0;
        }

        .pabau-mega-section-item-card-row {
            padding: 0 !important;
            margin-bottom: 16px;
        }

        .new-releses-features-tab-card {
            border-radius: 16px;
            background: #F3F4F6;
            /* padding: 24px; */
            margin-top: 24px;
        }

        .new-releses-features-tab-card-2 {
            padding: 24px !important;
        }

        .ebook_banner {
            margin-top: 24px;
        }

        .pabau-header-container {
            padding: 16px 12px;
        }

        /* All sub-panels start hidden to the right */
        .mobile-submenu-panel {
            display: none;
            transform: translateX(100%);
        }

        /* When a submenu is open, the main panel slides out of view to the left */
        .pabau-mobile-menu.submenu-is-open #main-menu-panel {
            transform: translateX(-100%);
        }

        /* The currently active sub-panel slides into view */
        .mobile-submenu-panel.is-active {
            display: flex;
            transform: translateX(0);
        }

        .h4-margin-top {
            margin-top: 20px !important;
        }

        /* .status-widget-item {
            border-top: 1px solid #eee;
            padding: 15px 0;
            margin-top: 15px;
        } */
    }


}

@media(max-width: 540px) {

    .pabau-mobile-menu,
    .pabau-mobile-menu.submenu-is-open,
    #main-menu-panel,
    .mobile-menu-list {
        max-width: 100% !important;
    }
}