/* ==========================================================================
   MMX / MAIN BANNER SLIDER
   ========================================================================== */

   :host {
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: var(--mmx-spacing-sequence);
    margin-top: 0;
    /* width: 99vw; */
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    --mmx-spacing-sequence: 0;
    --mmx-main-banner-slider__arrow_horizontal-position: 20px;
    --mmx-main-banner-slider__arrow_height: 20px;
    --mmx-main-banner-slider__arrow_width: 3px;
    --mmx-main-banner-slider__arrow_color: #fff;
    --mmx-main-banner-slider__dots_vertical-position: 8px;
    --mmx-main-banner-slider__dots-li_height: 3px;
    --mmx-main-banner-slider__dots-li_width: 30px;
    --mmx-main-banner-slider__dots-li_margin: 0 7px;
    --mmx-main-banner-slider__dots-li_padding: 0;
    --mmx-main-banner-slider__dots-li_background-color: transparent;
    --mmx-main-banner-slider__dots-li-active_background-color: transparent;
    --mmx-main-banner-slider__dots-li_border: none;
    --mmx-main-banner-slider__dots-li-active_border: none;
    --mmx-main-banner-slider__dots-li_border-radius: 0;
    --mmx-main-banner-slider__dots-li-button_background-color: #ffffff66;
    --mmx-main-banner-slider__dots-li-active-button_background-color: #ffffff;
    --mmx-main-banner-slider__dots-li-button_border: none;
    --mmx-main-banner-slider__dots-li-active-button_border: none;
}


/*==================================
** START DEFAULT SLICK-SLIDER STYLES
==================================*/

.slick-slider {
    box-sizing: border-box;
    display: block;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.slick-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: grab;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
    left: 0;
}

#allure-slick .slick-track {
    display: flex;
    align-items: center;
}

.slick-track::before,
.slick-track::after {
    display: table;
    content: '';
}

.slick-track::after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    height: 100%;
    min-height: 1px;
    float: left;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


/*
 * Default Slider Theme
 */

.slick-loading .slick-list {
    background: #fff url('data:image/svg+xml,<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="32px" height="32px" viewBox="0 0 128 128" xml:space="preserve"><g><path d="M78.75 16.18V1.56a64.1 64.1 0 0 1 47.7 47.7H111.8a49.98 49.98 0 0 0-33.07-33.08zM16.43 49.25H1.8a64.1 64.1 0 0 1 47.7-47.7V16.2a49.98 49.98 0 0 0-33.07 33.07zm33.07 62.32v14.62A64.1 64.1 0 0 1 1.8 78.5h14.63a49.98 49.98 0 0 0 33.07 33.07zm62.32-33.07h14.62a64.1 64.1 0 0 1-47.7 47.7v-14.63a49.98 49.98 0 0 0 33.08-33.07z" fill="#000000" fill-opacity="1"/><animateTransform attributeName="transform" type="rotate" from="-90 64 64" to="0 64 64" dur="400ms" repeatCount="indefinite"></animateTransform></g></svg>') center center no-repeat;
}


/* Arrows */

.slick-prev,
.slick-next {
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    position: absolute;
    top: 50%;
    font-size: 0;
    line-height: 0;
    background: transparent;
    border: none;
    color: transparent;
    cursor: pointer;
    outline: none;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    background: transparent;
    outline: none;
}

.slick-prev:hover::before,
.slick-prev:focus::before,
.slick-next:hover::before,
.slick-next:focus::before {
    opacity: 1;
}

.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
    opacity: 0.25;
}

.slick-prev::before,
.slick-next::before {
    font-family: 'ReadyTheme Icons', sans-serif;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    color: white;
    opacity: 0.75;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev::before {
    content: "\36";
}

[dir='rtl'] .slick-prev::before {
    content: "\37";
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next::before {
    content: "\37";
}

[dir='rtl'] .slick-next::before {
    content: "\36";
}


/* Dots */

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: -25px;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    position: relative;
    cursor: pointer;
}

.slick-dots li button {
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    font-size: 0;
    line-height: 0;
    background: transparent;
    border: 0;
    color: transparent;
    cursor: pointer;
    outline: none;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover::before,
.slick-dots li button:focus::before {
    opacity: 1;
}

.slick-dots li button::before {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 6px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 20px;
    text-align: center;
    color: black;
    content: "\2022";
    opacity: 0.25;
}

.slick-dots li.slick-active button::before {
    opacity: 0.75;
    color: black;
}


/*==================================
** END DEFAULT SLICK-SLIDER STYLES
==================================*/

.mmx-main-banner-slider {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    /* padding: 0 16px; */
    padding: 0;
    max-width: var(--mmx-main-banner-slider__max-width, 100%);
    border-radius: var(--mmx-main-banner-slider__border-radius, 0);
    box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.16);
}

.mmx-main-banner-slider__slide {
    position: relative;
    height: 100%;
}

.mmx-main-banner-slider__slide picture {
    height: 100%;
}

.mmx-main-banner-slider__slide img {
    width: 100% !important;
    height: 100%;
    object-fit: var(--mmx-main-banner-slider__slide-img_object-fit, contain);
    object-position: var(--mmx-main-banner-slider__slide-img_object-position, center);
    border-radius: var(--mmx-main-banner-slider__border-radius, 0);
}

@media (min-width: 60em) {
    .mmx-main-banner-slider__slide {
        height: var(--mmx-main-banner-slide__height, 100%);
        /* min-height: var(--mmx-main-banner-slide__min-height, fit-content); */
        max-height: var(--mmx-main-banner-slide__max-height, fit-content);
    }
}

.mmx-main-banner-slider__slide .screen {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.mmx-main-banner-slider__slide-content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.mmx-main-banner-slider__slide-content-container {
    display: flex;
    width: 100%;
    max-width: var(--mmx-main-banner-slider__slide-content_max-width, 1568px);
    height: 100%;
    padding: var(--mmx-main-banner-slider__slide-content_padding, 35px 50px);
}

.mmx-main-banner-slider__slide-content {
    max-width: 100%;
}

.mmx-main-banner-slider__slide-content .image-container {
    display: flex;
    width: 100%;
    padding: 0 0 16px 0;
}

.mmx-main-banner-slider__slide-content .image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mmx-main-banner-slider__slide-content .image-container img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

.mmx-main-banner-slider__slide-content .heading-wrapper {
    width: 100%;
    padding: var(--mmx-main-banner-slider_heading-wrapper__padding, 0 0 16px 0);
}

.mmx-main-banner-slider__slide-content .heading {
    margin: 0;
    padding: var(--mmx-main-banner-slider_heading__padding, 0);
    font-family: var(--mmx-font-family-heading, "Bebas Neue", "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
}

.mmx-main-banner-slider__slide-content .body-wrapper {
    width: 100%;
    padding: var(--mmx-main-banner-slider_body-wrapper__padding, 0 0 16px 0);
}

.mmx-main-banner-slider__slide-content .body {
    margin: 0;
    padding: var(--mmx-main-banner-slider_body__padding, 0);
    font-family: var(--mmx-font-family-body, "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
}

.mmx-main-banner-slider__slide-content .buttons-wrapper {
    display: flex;
    width: 100%;
    gap: 20px;
}

.mmx-main-banner-slider__slide-content .button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: var(--mmx-main-banner-slider_button__gap, 10px);
    width: max-content;
    min-width: var(--mmx-main-banner-slider_button__min-width--desktop, 210px);
    min-height: 50px;
    padding: var(--mmx-main-banner-slider_button__padding, 13px 16px);
    border: var(--mmx-main-banner-slider_button__border, none);
    border-radius: var(--mmx-main-banner-slider_button__border-radius, 0);
    opacity: 1;
    z-index: 2;
    font-family: var(--mmx-font-family-button, "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    transition: background-color 100ms, border-color 100ms, opacity 100ms, color 125ms ease-in-out;
}

.mmx-main-banner-slider__slide-content .button:hover {
    /* opacity: 0.7; */
}

.mmx-main-banner-slider__slides-container.display-slide-before-slider .mmx-main-banner-slider__slide:not(:nth-child(1)) {
    display: none;
}

.mmx-main-banner-slider__slides-container.slick-slider .slick-arrow {
    position: absolute;
    top: calc(50% - var(--mmx-main-banner-slider__arrow_height, 15px) / 2);
    font-size: 0;
}

@media (min-width: 60em) {
    .mmx-main-banner-slider__slides-container.slick-slider .slick-arrow {
        opacity: 0;
        transition: opacity 300ms ease-in-out;
    }
    .mmx-main-banner-slider__slides-container.slick-slider:hover .slick-arrow {
        opacity: 1;
    }
}

.mmx-main-banner-slider__slides-container.slick-slider .slick-prev,
.mmx-main-banner-slider__slides-container.slick-slider .slick-next {
    width: var(--mmx-main-banner-slider__arrow_height, 15px);
    height: var(--mmx-main-banner-slider__arrow_height, 15px);
    transform: rotate(45deg);
    background-color: rgba(128, 128, 128, 0);
}

.mmx-main-banner-slider__slides-container.slick-slider .slick-prev {
    left: var(--mmx-main-banner-slider__arrow_horizontal-position, 20px);
    border-left: var(--mmx-main-banner-slider__arrow_width, 3px) solid var(--mmx-main-banner-slider__arrow_color, #fff);
    border-bottom: var(--mmx-main-banner-slider__arrow_width, 3px) solid var(--mmx-main-banner-slider__arrow_color, #fff);
    border-top: 0;
    border-right: 0;
    margin-left: 0;
    box-shadow: var(--mmx-main-banner-slider__arrow-prev_box-shadow, -2px 2px 0px 0px #00000080);
}

.mmx-main-banner-slider__slides-container.slick-slider .slick-prev:hover {
    box-shadow: -2px 2px 0px 0px #000000;
}

.mmx-main-banner-slider__slides-container.slick-slider .slick-prev::before,
.mmx-main-banner-slider__slides-container.slick-slider .slick-next::before {
    content: "";
}

.mmx-main-banner-slider__slides-container.slick-slider .slick-prev::after {
    content: "";
    background: none;
    width: 250%;
    height: 250%;
    display: block;
    position: absolute;
    right: 80%;
    top: 60%;
    transform: translate(50%, -50%);
}

.mmx-main-banner-slider__slides-container.slick-slider .slick-next {
    right: var(--mmx-main-banner-slider__arrow_horizontal-position, 20px);
    border-left: 0;
    border-bottom: 0;
    border-top: var(--mmx-main-banner-slider__arrow_width, 3px) solid var(--mmx-main-banner-slider__arrow_color, #fff);
    border-right: var(--mmx-main-banner-slider__arrow_width, 3px) solid var(--mmx-main-banner-slider__arrow_color, #fff);
    margin-right: 0;
    box-shadow: var(--mmx-main-banner-slider__arrow-next_box-shadow, 2px -2px 0px 0px #00000080);
}

.mmx-main-banner-slider__slides-container.slick-slider .slick-next:hover {
    box-shadow: 2px -2px 0px 0px #000000;
}

.mmx-main-banner-slider__slides-container.slick-slider .slick-next::before {
    border-width: 0 !important;
}

.mmx-main-banner-slider__slides-container.slick-slider .slick-next::after {
    content: "";
    background: none;
    width: 250%;
    height: 250%;
    display: block;
    position: absolute;
    left: 80%;
    top: 30%;
    transform: translate(-50%, -50%);
}

@media (min-width: 1568px) {
    .mmx-main-banner-slider__slides-container.slick-slider .slick-prev {
        left: calc(50% - (var(--mmx-main-banner-slider__slide-content_max-width, 1568px) / 2) + var(--mmx-main-banner-slider__arrow_horizontal-position, 20px));
    }
    .mmx-main-banner-slider__slides-container.slick-slider .slick-next {
        right: calc(50% - (var(--mmx-main-banner-slider__slide-content_max-width, 1568px) / 2) + var(--mmx-main-banner-slider__arrow_horizontal-position, 20px));
    }
}

.mmx-main-banner-slider__slides-container.slick-slider.slick-dotted {
    margin-bottom: 0;
}

.mmx-main-banner-slider__slides-container.slick-slider .slick-dots {
    bottom: var(--mmx-main-banner-slider__dots_vertical-position, 8px);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: max-content;
    padding: var(--mmx-main-banner-slider__dots_padding, 5px 10px);
    background-color: var(--mmx-main-banner-slider__dots_bg-color, #00000030);
    border: var(--mmx-main-banner-slider__dots_border, none);
    border-radius: var(--mmx-main-banner-slider__dots_border-radius, 0);
    box-sizing: border-box;
}

.mmx-main-banner-slider__slides-container.slick-slider .slick-dots li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--mmx-main-banner-slider__dots-li_height, 3px);
    width: var(--mmx-main-banner-slider__dots-li_width, 30px);
    margin: var(--mmx-main-banner-slider__dots-li_margin, 0 7px);
    padding: var(--mmx-main-banner-slider__dots-li_padding, 0);
    background-color: var(--mmx-main-banner-slider__dots-li_background-color, transparent);
    border: var(--mmx-main-banner-slider__dots-li_border, none);
    border-radius: var(--mmx-main-banner-slider__dots-li_border-radius, 0);
    box-sizing: border-box;
    overflow: hidden;
}

.mmx-main-banner-slider__slides-container.slick-slider .slick-dots li button {
    height: 100%;
    width: 100%;
    padding: 0;
    background-color: var(--mmx-main-banner-slider__dots-li-button_background-color, #ffffff66);
    border: var(--mmx-main-banner-slider__dots-li-button_border, none);
    border-radius: var(--mmx-main-banner-slider__dots-li_border-radius, 0);
    cursor: pointer;
}

.mmx-main-banner-slider__slides-container.slick-slider .slick-dots li button::before {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.mmx-main-banner-slider__slides-container.slick-slider .slick-dots li.slick-active {
    background-color: var(--mmx-main-banner-slider__dots-li-active_background-color, transparent);
    border: var(--mmx-main-banner-slider__dots-li-active_border, none);
}

.mmx-main-banner-slider__slides-container.slick-slider .slick-dots li.slick-active button {
    background-color: var(--mmx-main-banner-slider__dots-li-active-button_background-color, #ffffff);
    border: var(--mmx-main-banner-slider__dots-li-active-button_border, none);
}


/* ========================================================================================== */

@media screen and (max-width: 59.999em) {
    /* :host {
        width: 100vw;
    } */
    .mmx-main-banner-slider__slide-content .heading {
        font-size: 48px !important;
    }
    .mmx-main-banner-slider__slide-content .body {
        font-size: 18px !important;
    }
    .mmx-main-banner-slider__slide-content .button {
        min-width: var(--mmx-main-banner-slider_button__min-width--tablet, 150px);
    }
}

@media (max-width: 47.999em) {
    .mmx-main-banner-slider__slide-content-container {
        /* justify-content: center !important; */
        /* align-items: center !important; */
        padding: var(--mmx-main-banner-slider__slide-content_padding--mobile, 18px);
        /* margin: 0 !important; */
    }
    .mmx-main-banner-slider__slide-content .heading-wrapper {
        padding: 0 0 10px 0;
        /* text-align: var(--mmx-main-banner-slider_heading__text-align--mobile, center) !important; */
    }
    .mmx-main-banner-slider__slide-content .body-wrapper {
        padding-bottom: 15px;
        /* text-align: var(--mmx-main-banner-slider_body__text-align--mobile, center) !important; */
    }
    /* .mmx-main-banner-slider__slide-content .buttons-wrapper {
        justify-content: var(--mmx-main-banner-slider_button__align--mobile, center) !important;
    } */
    .mmx-main-banner-slider__slide-content .heading {
        font-size: 40px !important;
        /* letter-spacing: 0px !important; */
    }
    /* .mmx-main-banner-slider__slide-content .body {
        font-size: 16px !important;
    } */
    .mmx-main-banner-slider__slide-content .button {
        min-width: var(--mmx-main-banner-slider_button__min-width--mobile, 140px);
        gap: 5px;
        padding: 10px;
        margin-top: 5px !important;
        font-size: 16px !important;
    }
    .mmx-main-banner-slider__slides-container.slick-slider .slick-prev,
    .mmx-main-banner-slider__slides-container.slick-slider .slick-next {
        width: 15px;
        height: 15px;
    }
}

@media (max-width: 39.999em) {
    .mmx-main-banner-slider {
        box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.16);
    }
    .mmx-main-banner-slider.mobile-image-separate {
        box-shadow: none;
    }
    .mobile-image-separate .mmx-main-banner-slider__slide {
        display: flex;
        flex-direction: column;
        height: auto !important;
    }
    .mobile-image-separate .mmx-main-banner-slider__slide-content-wrapper {
        position: relative;
        order: -1;
    }
    .mobile-image-separate .mmx-main-banner-slider__slide-content-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .mmx-main-banner-slider__slide-content-container {
        margin: 0 !important;
    }
    .mmx-main-banner-slider__slide-content {
        width: 100% !important;
        padding: 0 !important;
    }
    .mmx-main-banner-slider__slide-content .image-wrapper {
        height: auto !important;
        margin-left: 0 !important;
        margin-bottom: 4px !important;
    }
    .mobile-image-separate .mmx-main-banner-slider__slide-content .body {
        font-size: 16px !important;
    }
    .mmx-main-banner-slider__slide-content .buttons-wrapper {
        gap: 15px;
    }
    .mmx-main-banner-slider__slide-content .button {
        min-width: 100px;
        width: 100%;
    }
}