/* ========================================================================
   SWIPER-BASED GAME SLIDER CSS - CLEAN & ORGANIZED
   ======================================================================== */

/* ========================================================================
   BASE LAYOUT & CONTAINERS
   ======================================================================== */

/* Main container */
.expandableSlider .expandableSliderContainer {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

.expandableSlider .expandableSliderContainer.hidden {
    display: none;
}

/* Content wrapper */
.expandableSlider .expandableSliderContainer .copyAndSliderContainer {
    position: absolute;
    top: 96px;
    max-width: 100%;
    z-index: 2;
}

/* ========================================================================
   BACKGROUND SLIDER
   ======================================================================== */

.expandableSlider .expandableSliderContainer .expandable-background-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.expandableSlider .expandableSliderContainer .expandable-background-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(16px) brightness(50%);
}

/* Background fade overlay - fades from background image to white at 2/3 down */
.expandableSlider .expandableSliderContainer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(255, 255, 255, 0.8) 75%, #ffffff 100%);
    z-index: 1;
    pointer-events: none;
}

/* ========================================================================
   HEADER & TEXT CONTENT
   ======================================================================== */

/* Header container */
.expandableSlider .expandableSliderContainer .copyAndSliderContainer .header {
    position: relative;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
    z-index: 1;
    text-shadow: 0px 0px calc(.08em + 13px) #000;
}

.expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .c-group {
    margin-top: 24px;
}

.expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .c-group a {
    margin: 0 auto;
}

/* Hero heading */
.expandableSlider .copyAndSliderContainer .header h1.c-heading-1.heroHeading {
    position: absolute;
    text-align: right;
    padding-top: 0;
}

/* Green text accent */
.expandableSlider .expandableSliderContainer .copyAndSliderContainer .copyAndSliderContainer .green-text {
    color: #9bf00b;
}

/* Action toggle */
.expandableSlider .expandableSliderContainer .copyAndSliderContainer .c-action-toggle {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
    z-index: 1;
}

/* CTA list container */
.expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .ctaListContainer {
    padding-top: 16px;
}

/* ========================================================================
   CTA GROUP (CALL-TO-ACTION LINKS)
   ======================================================================== */

.expandableSlider .header .ctaGroup {
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
}

.expandableSlider .header .ctaGroup .c-hyperlink {
    color: white;
    padding-top: 16px;
    padding-bottom: 8px;
    text-decoration: none !important;
}

.expandableSlider .header .ctaGroup .border,
.expandableSlider .header .ctaGroup .borderless {
    margin-left: 20px;
    margin-right: 20px;
}

.expandableSlider .header .ctaGroup .border {
    border-left: 2px solid white;
}

.expandableSlider .header .ctaGroup .c-call-to-action {
    margin-top: 8px;
}

.expandableSlider .expandableSliderContainer .header a.c-call-to-action:not(.glyph-play):after{
    text-shadow: none;
}

.expandableSlider .header .ctaGroup .ctaDiv span {
    text-shadow: none !important;
}
.expandableSlider .expandableSliderContainer .header a.c-hyperlink:hover {
    color: #9bf00b;
    text-decoration: underline !important;
}

/* ========================================================================
   ICON STYLES (GLYPHS)
   ======================================================================== */

.expandableSlider .c-glyph::before,
.expandableSlider .c-glyph::after {
    font-family: 'MWFMDL2-Xbox';
}

.expandableSlider .c-glyph:before {
    padding-inline-end: 12px;
    font-weight: 100;
    font-size: 22px;
    vertical-align: middle;
    display: inline-block;
    line-height: 1;
    position: relative;
    top: 1px;
}

/* ========================================================================
   MAIN SLIDER
   ======================================================================== */

/* Slider container */
.expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider {
    margin: 0 auto;
    width: 100%;
    z-index: 1;
    margin-bottom: 48px;
    bottom: 0;
    padding-bottom: 10px;
}

/* Initialization states */
.expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider:not(.swiper-initialized) {
    opacity: 0;
}

.expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider.swiper-initialized {
    opacity: 1;
    transition: opacity .8s ease-in;
}

/* Slides */
.expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .swiper-slide {
    cursor: pointer;
    overflow: hidden;
}

.expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .swiper-slide img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
    transition: all 0.3s ease;
}

.expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .swiper-slide-active {
    transform: scale(1);
}

/* ========================================================================
   NAVIGATION FLIPPERS
   ======================================================================== */
.expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper {
    position: absolute;
    top: 50%;
    z-index: 1;
    border: 2px solid #fff;
}

.expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper:focus {
    border: 2px dashed #000;
    outline: 2px dashed #fff;
}

/* ========================================================================
   VISUAL FOCUS INDICATOR (VFI) - GREEN FOCUS
   ======================================================================== */
.expandable-slider .swiper-slide.swiper-slide-active a.slide-link:focus,
.expandable-slider .swiper-slide.swiper-slide-active:focus-within,
.expandable-slider .swiper-slide a.slide-link:focus,
.expandable-slider .swiper-slide:has(a.slide-link):focus-within {
    z-index: 100;
}

.expandable-slider .swiper-slide.swiper-slide-active a.slide-link:focus::before,
.expandable-slider .swiper-slide.swiper-slide-active:focus-within::before,
.expandable-slider .swiper-slide a.slide-link:focus::before,
.expandable-slider .swiper-slide:has(a.slide-link):focus-within::before {
    content: '';
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    border-radius: 8px;
    pointer-events: none;
    z-index: -1;
}

.expandable-slider .swiper-slide.swiper-slide-active a.slide-link:focus img,
.expandable-slider .swiper-slide a.slide-link:focus img {
    outline: #9bf00b solid 4px;
}

/* ========================================================================
   HERO HEADING
   ======================================================================== */
.expandableSlider .copyAndSliderContainer .header h1.c-heading-1.heroHeading {
    position: absolute;
    text-align: left;
    padding-top: 0;
}

/* ========================================================================
   CTA GROUP (CALL-TO-ACTION LINKS)
   ======================================================================== */
.expandableSlider .header .ctaGroup {
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
}

.expandableSlider .header .ctaGroup .c-hyperlink {
    color: white;
    padding-top: 16px;
    padding-bottom: 8px;
    text-decoration: none !important;
    font-weight: 900;
}

.expandableSlider .header .ctaGroup .border,
.expandableSlider .header .ctaGroup .borderless {
    margin-left: 20px;
    margin-right: 20px;
}

.expandableSlider .header .ctaGroup .border {
    border-left: 2px solid white;
}

.expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .swiper-slide img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
    transition: all 0.3s ease;
}

.expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .swiper-slide-active {
    transform: scale(1);
}

/* ========================================================================
   NAVIGATION CONTROLS
   ======================================================================== */

.expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper {
    position: absolute;
    top: 50%;
    z-index: 1;
    border: 2px solid #fff;
}

.expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper:focus {
    border: 2px dashed #000;
    outline: 2px dashed #fff;
}

/* ========================================================================
   ACCESSIBILITY & FOCUS STATES
   ======================================================================== */

.expandable-slider .swiper-slide.swiper-slide-active a.slide-link:focus,
.expandable-slider .swiper-slide.swiper-slide-active:focus-within,
.expandable-slider .swiper-slide a.slide-link:focus,
.expandable-slider .swiper-slide:has(a.slide-link):focus-within {
    z-index: 100;
}

.expandable-slider .swiper-slide.swiper-slide-active a.slide-link:focus::before,
.expandable-slider .swiper-slide.swiper-slide-active:focus-within::before,
.expandable-slider .swiper-slide a.slide-link:focus::before,
.expandable-slider .swiper-slide:has(a.slide-link):focus-within::before {
    content: '';
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    border-radius: 8px;
    pointer-events: none;
    z-index: -1;
}

.expandable-slider .swiper-slide.swiper-slide-active a.slide-link:focus img,
.expandable-slider .swiper-slide a.slide-link:focus img {
    outline: #9bf00b solid 4px;
}

/* ========================================================================
   RESPONSIVE DESIGN - BREAKPOINTS
   ======================================================================== */

/* ========================================================================
   LARGE DESKTOP (1651px+)
   ======================================================================== */

@media screen and (min-width: 1651px) {
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper.f-next {
        right: 768px;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper.f-previous {
        left: calc(48.3271vw - 777.88px);
    }
}

/* ========================================================================
   CONTENT WIDTH CONSTRAINTS (up to 1650px)
   ======================================================================== */

@media screen and (max-width: 1650px) {
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .heroHeading {
        max-width: 375px;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .ctaGroup {
        max-width: 100%;
    }
}

/* ========================================================================
   LARGE DESKTOP HEADER (1605px+)
   ======================================================================== */

@media screen and (min-width: 1605px) {
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .header {
        max-width: 1600px;
    }
}

/* ========================================================================
   STANDARD DESKTOP (1084px to 1650px)
   ======================================================================== */

@media screen and (min-width: 1084px) and (max-width: 1650px) {

    /* Header layout - horizontal alignment */
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 24px;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .heroHeading {
        text-align: left;
        margin-bottom: 0;
        flex-grow: 1;
        margin-left: 5%;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .ctaGroup {
        display: flex;
        width: 100%;
        margin-top: -10px;
        flex-direction: column;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .ctaGroup .borderless {
        margin: 0;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .ctaGroup .ctaDiv {
        align-self: flex-end;
        margin-top: 20px;
        width: auto;
        margin-right: 5%;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .ctaListContainer {
        margin-right: 5%;
        align-self: end;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper.f-previous {
        left: calc(14vw - 141px);
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper.f-next {
        left: calc(66vw - 184px)
    }
}

/* ========================================================================
   DESKTOP & TABLET WIDE IMAGES (1084px+)
   ======================================================================== */

@media screen and (min-width: 1084px) {
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .swiper-slide.wide-current {
        position: relative;
        overflow: visible;
        z-index: 1;
        width: calc(53.0vw - 39.4px) !important;
    }
}

/* ========================================================================
   ALL DESKTOP & TABLET (768px+)
   ======================================================================== */

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

    /* First slide margin */
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .swiper-slide:first-child {
        margin-left: 5vw !important;
    }

    /* Wide current slide image positioning */
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .swiper-slide.wide-current img {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        height: calc(var(--boxshot-height, 50vw));
        max-width: none !important;
        width: auto;
        object-fit: contain;
        z-index: 1;
    }

    /* Gradient mask for wide-current slide to improve text readability */
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .swiper-slide.wide-current::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: calc(var(--boxshot-height, 50vw)/2);
        background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 50%, transparent 100%);
        pointer-events: none;
        z-index: 2;
    }

    /* Non-active slides */
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .swiper-slide:not(.wide-current) {
        z-index: 10;
        position: relative;
    }

    /* Wrapper alignment */
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .swiper-wrapper {
        align-items: flex-end;
        overflow: visible;
    }

    /* High-contrast overlays */
    .expandable-slider .swiper-slide:not(.swiper-slide-active) .high-contrast {
        display: none;
    }

    .expandable-slider .swiper-slide .high-contrast {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        color: #fff;
        padding: 24px 32px 32px 32px;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.4s;
    }

    .expandable-slider .swiper-slide.high-contrast-visible .high-contrast {
        opacity: 1;
    }
}

/* ========================================================================
   TABLET SPECIFIC (768px to 1083px)
   ======================================================================== */

@media screen and (min-width: 768px) and (max-width: 1083px) {

    /* Wide current slide width adjustment for tablets */
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .swiper-slide.wide-current {
        position: relative;
        overflow: visible;
        z-index: 1;
        width: calc(88.5714vw - 33.23px) !important;
    }

    /* High-contrast positioning */
    .expandable-slider .swiper-slide .high-contrast {
        bottom: 8px;
    }

    /* Navigation positioning */
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper {
        top: 50% !important;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper.f-previous {
        left: 6vw;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper.f-next {
        right: 40.2vw;
    }

    .expandableSlider .expandableSliderContainer {
        height: calc(50.1587vw + 434.78px);
    }
}

/* ========================================================================
   MOBILE & SMALL TABLET (up to 1083px)
   ======================================================================== */

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

    /* Header adjustments */
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .ctaGroup,
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .heroHeading {
        max-width: 100%;
        margin-inline-start: inherit;
        text-align: inherit;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .ctaGroup {
        display: block;
        margin-inline-start: auto !important;
        margin-inline-end: auto;
    }

    .expandableSlider .copyAndSliderContainer .header h1.c-heading-1.heroHeading {
        position: inherit;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .ctaGroup .ctaDiv {
        padding-top: 40px;
    }

    /* Navigation */
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper.f-next {
        right: 6vw;
    }

    /* High-contrast mobile positioning */
    .expandable-slider .swiper-slide .high-contrast {
        margin-top: 40px;
        margin-left: 2vw;
        width: 80%;
    }

    .expandableSlider .copyAndSliderContainer .header h1.c-heading-1.heroHeading {
        text-align: center;
    }

    /* CTA adjustments */
    .expandableSlider .header .ctaGroup .borderless {
        margin: 0;
    }
}

@media screen and (min-width: 540px) and (max-width: 767px) {
    .expandableSlider .expandableSliderContainer {
        min-height: calc(796px + 0.7489 * (100vw - 540px));
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider {
        padding-top: 48px !important;
    }

    /* Fix focus outline for this breakpoint - allow overflow for outline visibility */
    .expandable-slider .swiper-slide:focus-within,
    .expandable-slider .swiper-slide:has(a.slide-link:focus) {
        overflow: visible !important;
    }
}

/* ========================================================================
   MOBILE & SMALL TABLET (up to 767px)
   ======================================================================== */

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

    /* Navigation positioning */
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper {
        top: 50%;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper.f-next {
        right: 0;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper.f-previous {
        left: 0;
    }

    .expandableSlider .copyAndSliderContainer .expandable-slider .swiper-slide .high-contrast {
        color: #ffffff;
        position: absolute;
        bottom: 2.5rem;
        width: 88%;
    }

    /* Remove black border background for focus */
    .expandable-slider .swiper-slide a.slide-link:focus-visible {
        outline: none !important;
        outline-color: transparent !important;
    }
}

/* ========================================================================
   SMALL MOBILE (up to 539px)
   ======================================================================== */

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

    /* Container height */
    .expandableSlider .expandableSliderContainer {
        min-height: calc(490px + (160vw * .55));
    }

    /* Position copyAndSliderContainer 48px from top */
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer {
        top: 48px;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider {
        padding-top: 24px !important;
    }

    /* High-contrast positioning */
    .expandable-slider .swiper-slide .high-contrast {
        margin-top: 0;
        margin-left: 6vw;
    }

    /* CTA list display */
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .ctaListContainer {
        display: flex !important;
        width: 100%;
    }

    /* Special mobile CTA layout */
    .expandableSlider .header .ctaGroup {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: flex-start !important;
        margin: 0 !important;
        width: 100% !important;
    }

    .expandableSlider .header .ctaGroup .c-hyperlink {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: center !important;
        flex: 0 0 29% !important;
        padding: 0 !important;
        margin: 0 !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        white-space: nowrap;
    }

    .expandableSlider .header .ctaGroup .c-hyperlink span {
        padding-top: 0px;
    }

    .expandableSlider .header .ctaGroup .c-hyperlink .c-glyph {
        display: block !important;
        margin: 0 auto 4px auto !important;
        padding-inline-end: 0 !important;
        font-size: 18px !important;
        line-height: 1 !important;
    }

    .expandableSlider .header .ctaGroup .c-hyperlink .c-glyph:before {
        padding-inline-end: 0 !important;
    }

    .expandableSlider .header .ctaGroup .border {
        display: none !important;
    }

    .expandableSlider .header .ctaGroup .middleCTA {
        border-left: 1px solid white !important;
        border-right: 1px solid white !important;
        border-top: none !important;
        border-bottom: none !important;
        flex-basis: 40% !important;

    }

    .expandableSlider .header .ctaGroup .ctaDiv {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        flex-basis: 100% !important;
    }

    /* Slide scaling */
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .swiper-slide img {
        transform: scale(.95);
    }

    /* Navigation positioning */
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper {
        top: 45%;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper.f-next {
        right: 0;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper.f-previous {
        left: 0;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .swiper-slide-active,
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .swiper-slide-next,
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .swiper-slide-prev {
        width: 79vw !important;
    }
}

@media screen and (max-width: 1399px) {
    .expandableSlider .c-heading-1.heroHeading {
        font-size: 46px !important;
        line-height: 56px;
    }
}

@media screen and (min-width: 1084px) and (max-width: 1399px) {
    .expandableSlider .expandableSliderContainer {
        height: calc(30.4762vw + 343.64px);
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper.f-previous {
        left: calc(4.8vw - 1.6px);
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper.f-next {
        left: calc(57.1vw - 49.4px);
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .heroHeading {
        max-width: 275px;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1919px) {
    .expandableSlider .expandableSliderContainer {
        height: calc(15.5769vw + 551.92px);
    }
}

@media screen and (min-width: 1920px) {
    .expandableSlider .expandableSliderContainer {
        height: 851px;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .swiper-slide.wide-current {
        max-width: 982px !important;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper.f-previous {
        left: 9.5rem;
    }

    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .expandable-slider .c-flipper.f-next {
        left: calc(5.2239vw + 1000px) !important;
    }
}

/* ========================================================================
   SINGLE LINE HEADING
   ======================================================================== */

   @media screen and (min-width: 1084px) and (max-width: 1650px) {
    .expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .ctaGroup .borderless {
        margin: inherit !important;
    }
        .expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .ctaListContainer {
        margin-right: 2%;
        align-self: end;
        padding-bottom: 8px;
    }
        .expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .ctaGroup {
        flex-direction: row !important; 
        padding-top: 0;
        margin-top: -5px;
    }
        .expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .ctaGroup .ctaDiv {
        margin-top: 16px;
    }
}

    @media screen and (min-width: 1400px) and (max-width: 1650px) {
        .expandableSlider .expandableSliderContainer .copyAndSliderContainer .header .ctaGroup {
        margin-top: 6px;
    }
    }