/* Minification failed. Returning unminified contents.
(13,59): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(23,59): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(29,22): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color'
(33,22): run-time error CSS1039: Token not allowed after unary operator: '-margin-80px'
(39,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(53,21): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x'
(54,59): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(70,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color'
(74,22): run-time error CSS1039: Token not allowed after unary operator: '-text-gap-md'
(79,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(86,18): run-time error CSS1039: Token not allowed after unary operator: '-margin-80px'
(110,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color'
(117,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(147,26): run-time error CSS1039: Token not allowed after unary operator: '-text-gap-sm'
(151,26): run-time error CSS1039: Token not allowed after unary operator: '-margin-80px'
(156,22): run-time error CSS1039: Token not allowed after unary operator: '-margin-40px'
(174,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color'
(186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(242,18): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-height'
(248,21): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x'
(250,22): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-background'
(255,23): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-heading-padding-top'
(256,26): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-heading-padding-bottom'
(284,22): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-container-column-gap'
(286,22): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-background'
(289,43): run-time error CSS1030: Expected identifier, found ':'
(289,44): run-time error CSS1031: Expected selector, found 'not('
(289,44): run-time error CSS1025: Expected comma or open brace, found 'not('
(297,43): run-time error CSS1030: Expected identifier, found ':'
(297,44): run-time error CSS1031: Expected selector, found 'not('
(297,44): run-time error CSS1025: Expected comma or open brace, found 'not('
(304,43): run-time error CSS1030: Expected identifier, found ':'
(304,44): run-time error CSS1031: Expected selector, found 'not('
(304,44): run-time error CSS1025: Expected comma or open brace, found 'not('
(313,43): run-time error CSS1030: Expected identifier, found ':'
(313,44): run-time error CSS1031: Expected selector, found 'not('
(313,44): run-time error CSS1025: Expected comma or open brace, found 'not('
(326,25): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-number-margin-bottom'
(327,21): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-number-size'
(329,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(333,25): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-title-margin-bottom'
(339,25): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-paragraph-margin-bottom'
(340,23): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-paragraph-line-height'
(368,20): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-balanced-column-width'
(369,17): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-balanced-column-width'
(372,22): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-reverse-content-max-height'
(379,26): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-reverse-content-padding-bottom'
(390,25): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-number-margin-bottom'
(391,21): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-number-size'
(393,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(397,25): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-title-margin-bottom'
(401,20): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-balanced-column-width'
(402,17): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-balanced-column-width'
(416,21): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-reverse-image-max-width'
(417,22): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-reverse-image-max-height'
(428,18): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-bullets-bottom'
(432,15): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-bullets-gap'
(437,17): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-bullet-size'
(438,18): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-bullet-size'
(447,17): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-bullet-ring-size'
(448,18): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-bullet-ring-size'
(449,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color'
(458,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(466,59): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color'
(467,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(471,59): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color'
(493,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(500,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(512,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(520,26): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-dw-heading-padding-bottom'
(525,22): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-dw-top-column-gap'
(529,26): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-dw-top-padding-bottom'
(534,17): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-content-width'
(539,25): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-dw-title-margin-bottom'
(544,24): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-dw-list-padding-left'
(548,25): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-dw-list-item-margin-bottom'
(549,23): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-dw-list-line-height'
(562,18): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-reverse-content-max-height'
(563,22): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-reverse-content-max-height'
(574,30): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-bottom-space'
(578,27): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-heading-padding-top'
(579,30): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-heading-padding-bottom'
(586,23): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-container-gap'
(606,25): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-width'
(607,22): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-margin-top'
(607,68): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-margin-bottom'
(608,28): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-image-aspect-ratio'
(614,23): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-frame-padding'
(615,22): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-frame-border'
(616,29): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-frame-radius'
(617,26): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-frame-bg'
(629,36): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-offset-y'
(636,47): run-time error CSS1030: Expected identifier, found ':'
(636,48): run-time error CSS1031: Expected selector, found 'not('
(636,48): run-time error CSS1025: Expected comma or open brace, found 'not('
(654,25): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-width'
(655,22): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-margin-top'
(655,68): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-margin-bottom'
(656,28): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-image-aspect-ratio'
(661,23): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-frame-padding'
(662,22): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-frame-border'
(663,29): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-frame-radius'
(664,26): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-frame-bg'
(676,36): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-offset-y'
(687,26): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-reverse-content-max-height'
(690,30): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-reverse-content-padding-bottom'
(695,29): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-number-margin-bottom'
(700,29): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-title-margin-bottom'
(705,29): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-paragraph-margin-bottom'
(706,27): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-paragraph-line-height'
(710,22): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-bullets-bottom'
(715,21): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-bullet-size'
(716,22): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-bullet-size'
(720,21): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-bullet-ring-size'
(721,22): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-bullet-ring-size'
(731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(732,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(734,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(736,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(737,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(738,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(740,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(743,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(757,24): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-balanced-column-width'
(758,21): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-balanced-column-width'
(775,26): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-testimonials-desktop-image-height'
(778,33): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-testimonials-image-radius'
(795,24): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-balanced-column-width'
(812,21): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-width'
(813,25): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-width'
(814,28): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-testimonials-mobile-image-ratio'
(815,22): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-margin-top'
(815,68): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-margin-bottom'
(816,23): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-mobile-image-frame-padding'
(819,29): run-time error CSS1039: Token not allowed after unary operator: '-slider-v2-testimonials-image-radius'
(858,26): run-time error CSS1039: Token not allowed after unary operator: '-text-gap-md'
 */
/* ==========================================
   SLIDER / ADVANTAGES SLIDER
   Moved out of main.css
   ========================================== */

#slider2 {
    position: relative;
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: url('/Content/img/StaticNoise.webp') var(--white-color) repeat;
    row-gap: 3vh;
}

.slider {
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: url('/Content/img/StaticNoise.webp') var(--white-color) repeat;
    row-gap: 3vh;
}

#slider2,
.slider-container2 {
    background: var(--tertiary-color) repeat !important;
}

#slider2 > h2 {
    margin-top: var(--margin-80px);
}

#slider2 h2,
#slider2 h3,
#slider2 p {
    color: var(--white-color);
}

.slider-wrapper {
    height: 85%;
}

.slider-container,
.slider-container2 {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 9vw;
    padding: 0 var(--base-padding-x);
    background: url('/Content/img/StaticNoise.webp') var(--white-color) repeat;
    padding-bottom: 0;
}

.slider-left {
    width: 50%;
    align-self: center;
    justify-content: center;
    display: flex;
}

.slider-right {
    width: 50%;
}

.slider-right h2 {
    color: var(--tertiary-color);
}

.slider-right p {
    margin-top: var(--text-gap-md);
}

.slider-right span {
    font-size: clamp(31.04px, 4vw, 3.75rem);
    color: var(--secondary-color);
}



.bullets {
    position: absolute;
    bottom: var(--margin-80px);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
}

.bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color .3s;
    position: relative;
}

.bullet::before {
    content: "";
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid var(--tertiary-color);
    border-radius: 50%;
    position: absolute;
}

.bullet.active,
.bullet2.active {
    background-color: var(--secondary-color);
}



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

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

    .slider {
        row-gap: 1.5vh;
    }

    .slider-left,
    .slider-right {
        width: 100%;
    }

    .slider-left {
        height: 30%;
    }

    .slider-container,
    .slider-container2 {
        flex-wrap: wrap;
    }

    .slider-right p {
        margin-top: var(--text-gap-sm);
    }

    .slider > h2 {
        margin-top: var(--margin-80px);
    }

    .bullets,
    .bullets2 {
        bottom: var(--margin-40px);
        column-gap: 1rem;
    }

    .bullet,
    .bullet2 {
        width: 8px;
        height: 8px;
    }

    .bullet::before {
        content: "";
        width: 16px;
        height: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        border: 1px solid var(--tertiary-color);
        border-radius: 50%;
    }
}


/* =========================================================
   SLIDER V2
   Isolated component
   ========================================================= */

.slider-v2 {
    --slider-v2-height: 100vh;
    --slider-v2-background: url('/Content/img/StaticNoise.webp') var(--white-color) repeat;
    --slider-v2-heading-padding-top: var(--margin-80px);
    --slider-v2-heading-padding-bottom: 3vh;
    --slider-v2-container-column-gap: 9vw;
    --slider-v2-image-width: 350px;
    --slider-v2-image-aspect-ratio: 7 / 5;
    --slider-v2-content-width: 50%;
    --slider-v2-balanced-column-width: calc((100% - var(--slider-v2-container-column-gap)) / 2);
    --slider-v2-content-max-height: calc(100vh - 330px);
    --slider-v2-content-padding-bottom: 72px;
    --slider-v2-number-size: clamp(31.04px, 4vw, 60px);
    --slider-v2-number-margin-bottom: 6px;
    --slider-v2-title-margin-bottom: 10px;
    --slider-v2-paragraph-margin-bottom: 8px;
    --slider-v2-paragraph-line-height: 1.45;
    --slider-v2-reverse-content-max-height: calc(100vh - 370px);
    --slider-v2-reverse-content-padding-bottom: 72px;
    --slider-v2-reverse-image-max-width: 340px;
    --slider-v2-reverse-image-max-height: 260px;
    --slider-v2-bullets-bottom: 28px;
    --slider-v2-bullets-gap: 24px;
    --slider-v2-bullet-size: 10px;
    --slider-v2-bullet-ring-size: 20px;
    --slider-v2-dw-heading-padding-bottom: 1vh;
    --slider-v2-dw-top-column-gap: 6vw;
    --slider-v2-dw-top-padding-bottom: 0.1vh;
    --slider-v2-dw-title-margin-bottom: 8px;
    --slider-v2-dw-list-padding-left: 18px;
    --slider-v2-dw-list-item-margin-bottom: 4px;
    --slider-v2-dw-list-line-height: 1.3;
    --slider-v2-mobile-bottom-space: 56px;
    --slider-v2-mobile-heading-padding-top: var(--margin-80px);
    --slider-v2-mobile-heading-padding-bottom: 10px;
    --slider-v2-mobile-container-gap: 12px;
    /*Image*/
    --slider-v2-mobile-image-width: clamp(220px, 58vw, 260px);
    --slider-v2-mobile-image-max-height: 165px;
    --slider-v2-mobile-image-margin-top: clamp(8px, 1.6vh, 14px);
    --slider-v2-mobile-image-margin-bottom: clamp(18px, 2.8vh, 26px);
    --slider-v2-mobile-image-frame-padding: clamp(6px, 1.8vw, 10px);
    --slider-v2-mobile-image-frame-radius: clamp(12px, 3vw, 16px);
    --slider-v2-mobile-image-frame-border: 1px solid rgba(255, 102, 61, 0.28);
    --slider-v2-mobile-image-frame-bg: rgba(255, 255, 255, 0.10);
    --slider-v2-mobile-image-offset-y: 6px;
    /*reverse*/
    --slider-v2-mobile-reverse-content-max-height: calc(100vh - 160px);
    --slider-v2-mobile-reverse-content-padding-bottom: 8px;
    --slider-v2-mobile-number-margin-bottom: 4px;
    --slider-v2-mobile-title-margin-bottom: 8px;
    --slider-v2-mobile-paragraph-margin-bottom: var(--text-gap-sm);
    --slider-v2-mobile-paragraph-line-height: var(--lh-body);
    /*---------*/
    --slider-v2-mobile-bullets-bottom: 14px;
    --slider-v2-mobile-bullet-size: 8px;
    --slider-v2-mobile-bullet-ring-size: 16px;
    height: var(--slider-v2-height);
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 var(--base-padding-x);
    row-gap: 0;
    background: var(--slider-v2-background);
}

.slider-v2 > h2 {
    margin: 0;
    padding-top: var(--slider-v2-heading-padding-top);
    padding-bottom: var(--slider-v2-heading-padding-bottom);
}

/* =========================================================
            Internal structure
========================================================= */

.slider-v2 .slider-v2-wrapper {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    position: relative;
}

.slider-v2 .slider-v2-track {
    height: 100%;
    display: flex;
    flex-direction: column;
    will-change: transform;
}

.slider-v2 .slider-v2-container {
    flex: 0 0 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: var(--slider-v2-container-column-gap);
    padding: 0;
    background: var(--slider-v2-background);
}

.slider-v2:not(.slider-v2--reverse):where(:not(.slider-v2--testimonials)) .slider-v2-left,
.slider-v2:not(.slider-v2--reverse):where(:not(.slider-v2--testimonials)) .slider-v2-right {
    flex: 0 0 var(--slider-v2-balanced-column-width);
    width: var(--slider-v2-balanced-column-width);
    max-width: none;
    min-width: 0;
}

.slider-v2:not(.slider-v2--reverse):where(:not(.slider-v2--testimonials)) .slider-v2-left {
    aspect-ratio: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-v2:not(.slider-v2--reverse):where(:not(.slider-v2--testimonials)) .slider-v2-left img {
    display: block;
    width: auto;
    height: auto;
    max-width: min(100%, var(--slider-v2-image-width));
    max-height: var(--slider-v2-image-max-height, 320px);
    object-fit: contain;
}

.slider-v2:not(.slider-v2--reverse):where(:not(.slider-v2--testimonials)) .slider-v2-right {
    height: var(--slider-v2-content-max-height);
    max-height: var(--slider-v2-content-max-height);
    overflow-y: auto;
    padding-bottom: var(--slider-v2-content-padding-bottom);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slider-v2 .slider-v2-right span {
    display: inline-block;
    margin-bottom: var(--slider-v2-number-margin-bottom);
    font-size: var(--slider-v2-number-size);
    line-height: 1;
    color: var(--secondary-color);
}

.slider-v2 .slider-v2-right h3 {
    margin-bottom: var(--slider-v2-title-margin-bottom);
}

.slider-v2 .slider-v2-left p,
.slider-v2 .slider-v2-right p {
    margin-top: 0;
    margin-bottom: var(--slider-v2-paragraph-margin-bottom);
    line-height: var(--slider-v2-paragraph-line-height);
}

.slider-v2 .slider-v2-left p:last-child,
.slider-v2 .slider-v2-right p:last-child {
    margin-bottom: 0;
}

/* =========================================================
                Reverse modifier
========================================================= */

.slider-v2.slider-v2--reverse {
    overflow: hidden;
}

.slider-v2.slider-v2--reverse .slider-v2-wrapper,
.slider-v2.slider-v2--reverse .slider-v2-track,
.slider-v2.slider-v2--reverse .slider-v2-container {
    height: 100%;
}

.slider-v2.slider-v2--reverse .slider-v2-container {
    flex-direction: row;
    align-items: center;
}

.slider-v2.slider-v2--reverse .slider-v2-left {
    flex: 0 0 var(--slider-v2-balanced-column-width);
    width: var(--slider-v2-balanced-column-width);
    max-width: none;
    min-width: 0;
    max-height: var(--slider-v2-reverse-content-max-height);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    text-align: left;
    padding-bottom: var(--slider-v2-reverse-content-padding-bottom);
}

.slider-v2.slider-v2--reverse .slider-v2-left > span,
.slider-v2.slider-v2--reverse .slider-v2-left > h3,
.slider-v2.slider-v2--reverse .slider-v2-left > p {
    width: 100%;
}

.slider-v2.slider-v2--reverse .slider-v2-left > span {
    display: inline-block;
    margin-bottom: var(--slider-v2-number-margin-bottom);
    font-size: var(--slider-v2-number-size);
    line-height: 1;
    color: var(--secondary-color);
}

.slider-v2.slider-v2--reverse .slider-v2-left h3 {
    margin-bottom: var(--slider-v2-title-margin-bottom);
}

.slider-v2.slider-v2--reverse .slider-v2-right {
    flex: 0 0 var(--slider-v2-balanced-column-width);
    width: var(--slider-v2-balanced-column-width);
    max-width: none;
    min-width: 0;
    aspect-ratio: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.slider-v2.slider-v2--reverse .slider-v2-right img {
    display: block;
    width: auto;
    height: auto;
    max-width: var(--slider-v2-reverse-image-max-width);
    max-height: var(--slider-v2-reverse-image-max-height);
    object-fit: contain;
    margin: 0 auto;
}

/* =========================================================
            Bullets
========================================================= */

.slider-v2 .slider-v2-bullets {
    position: absolute;
    bottom: var(--slider-v2-bullets-bottom);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: var(--slider-v2-bullets-gap);
    z-index: 5;
}

.slider-v2 .slider-v2-bullet {
    width: var(--slider-v2-bullet-size);
    height: var(--slider-v2-bullet-size);
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    transition: background-color .3s;
}

.slider-v2 .slider-v2-bullet::before {
    content: "";
    width: var(--slider-v2-bullet-ring-size);
    height: var(--slider-v2-bullet-ring-size);
    border: 1px solid var(--tertiary-color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slider-v2 .slider-v2-bullet.active {
    background-color: var(--secondary-color);
}

/* =========================================================
        Tertiary background utility
========================================================= */

.slider-v2.bg-tertiary {
    background: url('/Content/img/StaticNoise.webp') var(--tertiary-color) repeat;
    color: var(--white-color);
}

.slider-v2.bg-tertiary .slider-v2-container {
    background: url('/Content/img/StaticNoise.webp') var(--tertiary-color) repeat;
}

.slider-v2.bg-tertiary > h2,
.slider-v2.bg-tertiary .slider-v2-right h3,
.slider-v2.bg-tertiary .slider-v2-left h3,
.slider-v2.bg-tertiary .slider-v2-right p,
.slider-v2.bg-tertiary .slider-v2-left p,
.slider-v2.bg-tertiary .slider-v2-right a,
.slider-v2.bg-tertiary .slider-v2-left a,
.slider-v2.bg-tertiary .slider-v2-right li,
.slider-v2.bg-tertiary .slider-v2-left li,
.slider-v2.bg-tertiary .slider-v2-right strong,
.slider-v2.bg-tertiary .slider-v2-left strong,
.slider-v2.bg-tertiary .slider-v2-right em,
.slider-v2.bg-tertiary .slider-v2-left em,
.slider-v2.bg-tertiary p,
.slider-v2.bg-tertiary h2,
.slider-v2.bg-tertiary h3,
.slider-v2.bg-tertiary li,
.slider-v2.bg-tertiary strong,
.slider-v2.bg-tertiary em {
    color: var(--white-color) !important;
}

.slider-v2.bg-tertiary .slider-v2-right a:hover,
.slider-v2.bg-tertiary .slider-v2-left a:hover,
.slider-v2.bg-tertiary .slider-v2-right a:focus,
.slider-v2.bg-tertiary .slider-v2-left a:focus {
    color: var(--white-color) !important;
}

.slider-v2.bg-tertiary .slider-v2-bullet::before {
    border-color: rgba(255, 255, 255, 0.6);
}

.slider-v2.bg-tertiary .slider-v2-bullet {
    background: transparent;
}

.slider-v2.bg-tertiary .slider-v2-bullet.active {
    background-color: var(--secondary-color);
}

/* =========================================================
SLIDER V2 - DW / POWER BI variant
========================================================= */

.slider-v2.slider-v2--dw-powerbi > h2 {
    padding-bottom: var(--slider-v2-dw-heading-padding-bottom);
}

.slider-v2.slider-v2--dw-powerbi .slider-v2-top {
    display: flex;
    column-gap: var(--slider-v2-dw-top-column-gap);
    align-items: flex-start;
    width: 100%;
    padding: 0;
    padding-bottom: var(--slider-v2-dw-top-padding-bottom);
    flex: 0 0 auto;
}

.slider-v2.slider-v2--dw-powerbi .slider-v2-top-col {
    width: var(--slider-v2-content-width);
    min-width: 0;
}

.slider-v2.slider-v2--dw-powerbi .slider-v2-top-col h3 {
    margin-bottom: var(--slider-v2-dw-title-margin-bottom);
}

.slider-v2.slider-v2--dw-powerbi .slider-v2-top-col ul {
    margin: 0;
    padding-left: var(--slider-v2-dw-list-padding-left);
}

.slider-v2.slider-v2--dw-powerbi .slider-v2-top-col li {
    margin-bottom: var(--slider-v2-dw-list-item-margin-bottom);
    line-height: var(--slider-v2-dw-list-line-height);
}

.slider-v2.slider-v2--dw-powerbi .slider-v2-top-col li:last-child {
    margin-bottom: 0;
}


/* =========================================================
   Desktop text panel sizing
   ========================================================= */

.slider-v2.slider-v2--reverse .slider-v2-left {
    height: var(--slider-v2-reverse-content-max-height);
    max-height: var(--slider-v2-reverse-content-max-height);
    justify-content: center;
    box-sizing: border-box;
}
/* =========================================================
   Mobile
   ========================================================= */

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

    .slider-v2 {
        padding-bottom: var(--slider-v2-mobile-bottom-space);
    }

    .slider-v2 > h2 {
        padding-top: var(--slider-v2-mobile-heading-padding-top);
        padding-bottom: var(--slider-v2-mobile-heading-padding-bottom);
    }

    .slider-v2 .slider-v2-container {
        flex-direction: column;
        flex-wrap: nowrap;
        column-gap: 0;
        row-gap: var(--slider-v2-mobile-container-gap);
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
        align-items: center;
    }

    .slider-v2 .slider-v2-left,
    .slider-v2 .slider-v2-right,
    .slider-v2.slider-v2--reverse .slider-v2-left,
    .slider-v2.slider-v2--reverse .slider-v2-right {
        width: 100%;
        max-width: none;
        min-width: 0;
    }

    .slider-v2:not(.slider-v2--reverse) .slider-v2-left {
        width: 100%;
        height: auto;
        max-width: var(--slider-v2-mobile-image-width);
        margin: var(--slider-v2-mobile-image-margin-top) auto var(--slider-v2-mobile-image-margin-bottom);
        aspect-ratio: var(--slider-v2-image-aspect-ratio);
        flex: 0 1 auto;
        order: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: var(--slider-v2-mobile-image-frame-padding);
        border: var(--slider-v2-mobile-image-frame-border);
        border-radius: var(--slider-v2-mobile-image-frame-radius);
        background: var(--slider-v2-mobile-image-frame-bg);
        box-sizing: border-box;
        overflow: hidden;
    }

    .slider-v2:not(.slider-v2--reverse) .slider-v2-left img {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        transform: translateY(var(--slider-v2-mobile-image-offset-y));
    }

    .slider-v2 .slider-v2-right {
        order: 2;
    }

    .slider-v2:not(.slider-v2--reverse):where(:not(.slider-v2--testimonials)) .slider-v2-right {
        width: 100%;
        max-width: none;
        flex: 1 1 auto;
        height: auto;
        max-height: none;
        display: block;
        padding-bottom: 0;
    }

    .slider-v2.slider-v2--reverse .slider-v2-container {
        flex-direction: column;
        align-items: center;
    }

    .slider-v2.slider-v2--reverse .slider-v2-right {
        order: 1;
        height: auto;
        max-width: var(--slider-v2-mobile-image-width);
        margin: var(--slider-v2-mobile-image-margin-top) auto var(--slider-v2-mobile-image-margin-bottom);
        aspect-ratio: var(--slider-v2-image-aspect-ratio);
        flex: 0 1 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: var(--slider-v2-mobile-image-frame-padding);
        border: var(--slider-v2-mobile-image-frame-border);
        border-radius: var(--slider-v2-mobile-image-frame-radius);
        background: var(--slider-v2-mobile-image-frame-bg);
        box-sizing: border-box;
        overflow: hidden;
    }

    .slider-v2.slider-v2--reverse .slider-v2-right img {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        transform: translateY(var(--slider-v2-mobile-image-offset-y));
    }

    .slider-v2.slider-v2--reverse .slider-v2-left {
        order: 2;
        align-items: center;
        text-align: left;
        justify-content: flex-start;
        flex: 1 1 auto;
        width: 100%;
        max-width: none;
        max-height: var(--slider-v2-mobile-reverse-content-max-height);
        overflow-y: auto;
        aspect-ratio: auto;
        padding-bottom: var(--slider-v2-mobile-reverse-content-padding-bottom);
    }

    .slider-v2 .slider-v2-right span,
    .slider-v2.slider-v2--reverse .slider-v2-left > span {
        margin-bottom: var(--slider-v2-mobile-number-margin-bottom);
    }

    .slider-v2 .slider-v2-right h3,
    .slider-v2.slider-v2--reverse .slider-v2-left h3 {
        margin-bottom: var(--slider-v2-mobile-title-margin-bottom);
    }

    .slider-v2 .slider-v2-left p,
    .slider-v2 .slider-v2-right p {
        margin-bottom: var(--slider-v2-mobile-paragraph-margin-bottom);
        line-height: var(--slider-v2-mobile-paragraph-line-height);
    }

    .slider-v2 .slider-v2-bullets {
        bottom: var(--slider-v2-mobile-bullets-bottom);
        z-index: 50;
    }

    .slider-v2 .slider-v2-bullet {
        width: var(--slider-v2-mobile-bullet-size);
        height: var(--slider-v2-mobile-bullet-size);
    }

    .slider-v2 .slider-v2-bullet::before {
        width: var(--slider-v2-mobile-bullet-ring-size);
        height: var(--slider-v2-mobile-bullet-ring-size);
    }
}

/* =========================================================
   SLIDER TESTIMONIALS
   Variant of Slider V2
   ========================================================= */

.slider-v2--testimonials {
    --slider-v2-testimonials-desktop-image-height: clamp(480px, 72vh, 780px);
    --slider-v2-testimonials-image-radius: var(--radius-card);
    /* Mobile image: 2/1 card, almost full width */
    --slider-v2-testimonials-mobile-image-ratio: 2 / 1;
    --slider-v2-mobile-image-width: calc(100% - 20px);
    --slider-v2-mobile-image-frame-padding: 8px;
    --slider-v2-mobile-image-frame-radius: var(--radius-card);
    --slider-v2-mobile-image-offset-y: 0;
    /* Mobile spacing */
    --slider-v2-mobile-heading-padding-bottom: 5px;
    --slider-v2-mobile-container-gap: 6px;
    --slider-v2-mobile-bottom-space: 34px;
    --slider-v2-mobile-bullets-bottom: 10px;
    --slider-v2-mobile-image-margin-top: clamp(4px, 0.8vh, 7px);
    --slider-v2-mobile-image-margin-bottom: clamp(9px, 1.4vh, 13px);
}

/* =========================================================
   Desktop
   Desktop keeps the full vertical image
   ========================================================= */

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

    .slider-v2--testimonials .slider-v2-left,
    .slider-v2--testimonials .slider-v2-right {
        flex: 0 0 var(--slider-v2-balanced-column-width);
        width: var(--slider-v2-balanced-column-width);
        max-width: none;
        min-width: 0;
    }

    .slider-v2--testimonials .slider-v2-left {
        height: 100%;
        aspect-ratio: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 0;
        overflow: visible;
    }

        .slider-v2--testimonials .slider-v2-left picture {
            display: block;
            height: var(--slider-v2-testimonials-desktop-image-height);
            width: auto;
            max-width: 100%;
            border-radius: var(--slider-v2-testimonials-image-radius);
            overflow: hidden;
        }

        .slider-v2--testimonials .slider-v2-left img {
            display: block;
            height: 100%;
            width: auto;
            max-width: 100%;
            object-fit: contain;
            object-position: center center;
            margin: 0 auto;
            transform: none;
            border-radius: inherit;
        }

    .slider-v2--testimonials .slider-v2-right {
        flex: 0 0 var(--slider-v2-balanced-column-width);
    }
}

/* =========================================================
   Mobile
   Mobile uses the 2:1 card image
   ========================================================= */

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

    .slider-v2.slider-v2--testimonials .slider-v2-container {
        justify-content: flex-start;
        min-height: 0;
    }

    .slider-v2.slider-v2--testimonials .slider-v2-left {
        width: var(--slider-v2-mobile-image-width);
        max-width: var(--slider-v2-mobile-image-width);
        aspect-ratio: var(--slider-v2-testimonials-mobile-image-ratio);
        margin: var(--slider-v2-mobile-image-margin-top) auto var(--slider-v2-mobile-image-margin-bottom);
        padding: var(--slider-v2-mobile-image-frame-padding);
        box-sizing: border-box;
        overflow: hidden;
        border-radius: var(--slider-v2-testimonials-image-radius);
        /* important: do not let the image area shrink */
        flex: 0 0 auto;
        height: auto;
    }

        .slider-v2.slider-v2--testimonials .slider-v2-left picture {
            display: block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: inherit;
        }

        .slider-v2.slider-v2--testimonials .slider-v2-left img {
            display: block;
            width: 100%;
            height: 100%;
            max-width: 100%;
            max-height: none;
            object-fit: cover;
            object-position: center center;
            transform: none;
            margin: 0 auto;
            border-radius: inherit;
        }

    .slider-v2.slider-v2--testimonials .slider-v2-right {
        width: 100%;
        max-height: none;
        height: auto;
        padding-bottom: 0;
        /* important: text gets the remaining height */
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
    }

    .slider-v2.slider-v2--testimonials .feedback-author {
        margin-top: var(--text-gap-md);
    }
}