[data-header-style="Overlay"] {
    position: absolute;
    left: 0;
    z-index: 9999;
    .bricks-nav-menu > li > a {
        color: var(--white) !important;
    }
    .burger-menu__icon.brxe-xburgertrigger .x-hamburger-box {
        --x-burger-line-color: var(--white) !important;
    }
    .burger-menu__icon.brxe-xburgertrigger:after {
        color: var(--white) !important;
    }
    .burger-menu__cta-wrapper.brxe-div:after {
        color: var(--white) !important;
    }
    .burger-menu__cta.brxe-icon {
        color: var(--white) !important;
        fill: var(--white) !important;
    }
    .fr-brx-nav-alpha.brxe-nav-menu
        .bricks-nav-menu
        > li
        > .brx-submenu-toggle
        > * {
        color: var(--white) !important;
    }
}
[data-header-style="Overlay--black"] {
    position: absolute;
    left: 0;
    z-index: 9999;
    .bricks-nav-menu > li > a {
        color: var(--black) !important;
    }
    .burger-menu__icon.brxe-xburgertrigger .x-hamburger-box {
        --x-burger-line-color: var(--black);
    }
    .burger-menu__icon.brxe-xburgertrigger:after {
        color: var(--black);
    }
    .burger-menu__cta-wrapper.brxe-div:after {
        color: var(--black);
    }
    .burger-menu__cta.brxe-icon {
        color: var(--black);
        fill: var(--black);
    }
    .fr-brx-nav-alpha.brxe-nav-menu
        .bricks-nav-menu
        > li
        > .brx-submenu-toggle
        > * {
        color: var(--black) !important;
    }
}

.burger-menu__icon.brxe-xburgertrigger:after {
    content: "Menu" !important;
    text-transform: uppercase;
    font-size: 1rem;
    position: static;
    left: 28px;
    top: 0;
    letter-spacing: 1px;
}
button.brxe-xburgertrigger.burger-menu__icon {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.burger-menu__cta-wrapper.brxe-div:after {
    content: "Book Now" !important;
    text-transform: uppercase;
    font-size: 1rem;
    position: static;
    left: 28px;
    top: 0;
    letter-spacing: 1px;
    text-align: center;
    line-height: 1;
}

//FOR THE BOOK BUTTON
.burger-menu__cta-wrapper.brxe-div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

//For the MENU BUTTON
button.brxe-xburgertrigger.burger-menu__icon {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

@media (min-width: 991px) {
    .nav-contact {
        display: none;
    }
}

.list--check {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.list--check li {
    padding-left: 20px;  /* Adjust as necessary to create space for the check mark */
}

.list--check li:before {
    content: "\2713";
    margin-right: 5px;
    color: var(--action);
    position: absolute;
    margin-left: -20px;  /* Should be the same value as the padding-left in .list--check li */
}

.brxe-section p a:not([class*="btn"]),
.brxe-section span a:not([class*="btn"]),
.brxe-section h1 a:not([class*="btn"]),
.brxe-section h2 a:not([class*="btn"]),
.brxe-section h3 a:not([class*="btn"]),
.brxe-section h4 a:not([class*="btn"]),
.brxe-section h5 a:not([class*="btn"]),
.brxe-section h6 a:not([class*="btn"]) {
  position: relative;
  display: inline-block;
  text-decoration: none; /* Remove default underline */
}

.brxe-section p a:not([class*="btn"])::after,
.brxe-section span a:not([class*="btn"])::after,
.brxe-section h1 a:not([class*="btn"])::after,
.brxe-section h2 a:not([class*="btn"])::after,
.brxe-section h3 a:not([class*="btn"])::after,
.brxe-section h4 a:not([class*="btn"])::after,
.brxe-section h5 a:not([class*="btn"])::after,
.brxe-section h6 a:not([class*="btn"])::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px; /* Adjust height as needed */
  background-color: black; /* Adjust color as needed */
  transition: width 0.3s ease-in-out;
}

.brxe-section p a:not([class*="btn"]):hover::after,
.brxe-section span a:not([class*="btn"]):hover::after,
.brxe-section h1 a:not([class*="btn"]):hover::after,
.brxe-section h2 a:not([class*="btn"]):hover::after,
.brxe-section h3 a:not([class*="btn"]):hover::after,
.brxe-section h4 a:not([class*="btn"]):hover::after,
.brxe-section h5 a:not([class*="btn"]):hover::after,
.brxe-section h6 a:not([class*="btn"]):hover::after {
  width: 75%;
}