/*!
 * Bootstrap Utilities v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
    --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
    --bs-success-text-emphasis: rgb(10, 54, 33.6);
    --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
    --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
    --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
    --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
    --bs-success-bg-subtle: rgb(209, 231, 220.8);
    --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
    --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
    --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
    --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
    --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
    --bs-success-border-subtle: rgb(163, 207, 186.6);
    --bs-info-border-subtle: rgb(158.2, 233.8, 249);
    --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
    --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: "Open Sans", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #323232;
    --bs-link-color-rgb: 50, 50, 50;
    --bs-link-decoration: none;
    --bs-link-hover-color: #c0dc37;
    --bs-link-hover-color-rgb: 192, 220, 55;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: rgb(255, 242.6, 205.4);
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: rgb(109.8, 168, 253.8);
    --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
    --bs-success-text-emphasis: rgb(117, 183, 152.4);
    --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
    --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
    --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: rgb(2.6, 22, 50.6);
    --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
    --bs-success-bg-subtle: rgb(5, 27, 16.8);
    --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
    --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
    --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: rgb(7.8, 66, 151.8);
    --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
    --bs-success-border-subtle: rgb(15, 81, 50.4);
    --bs-info-border-subtle: rgb(7.8, 121.2, 144);
    --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
    --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: rgb(109.8, 168, 253.8);
    --bs-link-hover-color: rgb(138.84, 185.4, 254.04);
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 139, 185, 254;
    --bs-code-color: rgb(230.4, 132.6, 181.2);
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: rgb(102, 77.2, 2.8);
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: rgb(117, 183, 152.4);
    --bs-form-valid-border-color: rgb(117, 183, 152.4);
    --bs-form-invalid-color: rgb(234, 133.8, 143.4);
    --bs-form-invalid-border-color: rgb(234, 133.8, 143.4)
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-success {
    color: #fff !important;
    background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-info {
    color: #000 !important;
    background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-warning {
    color: #000 !important;
    background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important
}

.link-primary {
    color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-primary:focus,
.link-primary:hover {
    color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary {
    color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary:focus,
.link-secondary:hover {
    color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important
}

.link-success {
    color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-success:focus,
.link-success:hover {
    color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important
}

.link-info {
    color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-info:focus,
.link-info:hover {
    color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important
}

.link-warning {
    color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-warning:focus,
.link-warning:hover {
    color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important
}

.link-danger {
    color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-danger:focus,
.link-danger:hover {
    color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important
}

.link-light {
    color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-light:focus,
.link-light:hover {
    color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important
}

.link-dark {
    color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-dark:focus,
.link-dark:hover {
    color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important
}

.link-body-emphasis {
    color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-body-emphasis:focus,
.link-body-emphasis:hover {
    color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important
}

.focus-ring:focus {
    outline: 0;
    box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
}

.icon-link {
    display: inline-flex;
    gap: .375rem;
    align-items: center;
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
    text-underline-offset: .25em;
    backface-visibility: hidden
}

.icon-link>.bi {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    fill: currentcolor;
    transition: .2s ease-in-out transform
}

@media (prefers-reduced-motion:reduce) {
    .icon-link>.bi {
        transition: none
    }
}

.icon-link-hover:focus-visible>.bi,
.icon-link-hover:hover>.bi {
    transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0))
}

.ratio,
.ratio>* {
    position: relative;
    width: 100%
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-bottom,
.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-top {
    top: 0
}

.fixed-bottom {
    bottom: 0
}

.sticky-bottom,
.sticky-top {
    position: sticky;
    z-index: 1020
}

.sticky-top {
    top: 0
}

.sticky-bottom {
    bottom: 0
}

@media (min-width:360px) {
    .sticky-xs-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xs-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1024px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1920px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack,
.vstack {
    display: flex;
    align-self: stretch
}

.hstack {
    flex-direction: row;
    align-items: center
}

.vstack {
    flex: 1 1 auto;
    flex-direction: column
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
    position: absolute !important
}

.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
    overflow: hidden !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: var(--bs-border-width);
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.object-fit-contain {
    object-fit: contain !important
}

.object-fit-cover {
    object-fit: cover !important
}

.object-fit-fill {
    object-fit: fill !important
}

.object-fit-scale {
    object-fit: scale-down !important
}

.object-fit-none {
    object-fit: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-x-visible {
    overflow-x: visible !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-y-visible {
    overflow-y: visible !important
}

.overflow-y-scroll {
    overflow-y: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-inline-grid {
    display: inline-grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: var(--bs-box-shadow) !important
}

.shadow-sm {
    box-shadow: var(--bs-box-shadow-sm) !important
}

.shadow-lg {
    box-shadow: var(--bs-box-shadow-lg) !important
}

.shadow-none {
    box-shadow: none !important
}

.focus-ring-primary {
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-secondary {
    --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-success {
    --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-info {
    --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-warning {
    --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-danger {
    --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-light {
    --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-dark {
    --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary,
.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

.border-secondary {
    border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}

.border-info,
.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}

.border-info {
    border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}

.border-danger,
.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}

.border-danger {
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}

.border-dark,
.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}

.border-dark {
    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}

.border-black,
.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important
}

.border-white {
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}

.border-primary-subtle {
    border-color: var(--bs-primary-border-subtle) !important
}

.border-secondary-subtle {
    border-color: var(--bs-secondary-border-subtle) !important
}

.border-success-subtle {
    border-color: var(--bs-success-border-subtle) !important
}

.border-info-subtle {
    border-color: var(--bs-info-border-subtle) !important
}

.border-warning-subtle {
    border-color: var(--bs-warning-border-subtle) !important
}

.border-danger-subtle {
    border-color: var(--bs-danger-border-subtle) !important
}

.border-light-subtle {
    border-color: var(--bs-light-border-subtle) !important
}

.border-dark-subtle {
    border-color: var(--bs-dark-border-subtle) !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.border-opacity-10 {
    --bs-border-opacity: 0.1
}

.border-opacity-25 {
    --bs-border-opacity: 0.25
}

.border-opacity-50 {
    --bs-border-opacity: 0.5
}

.border-opacity-75 {
    --bs-border-opacity: 0.75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.row-gap-0 {
    row-gap: 0 !important
}

.row-gap-1 {
    row-gap: .25rem !important
}

.row-gap-2 {
    row-gap: .5rem !important
}

.row-gap-3 {
    row-gap: 1rem !important
}

.row-gap-4 {
    row-gap: 1.5rem !important
}

.row-gap-5 {
    row-gap: 3rem !important
}

.column-gap-0 {
    column-gap: 0 !important
}

.column-gap-1 {
    column-gap: .25rem !important
}

.column-gap-2 {
    column-gap: .5rem !important
}

.column-gap-3 {
    column-gap: 1rem !important
}

.column-gap-4 {
    column-gap: 1.5rem !important
}

.column-gap-5 {
    column-gap: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: 2.5rem !important
}

.fs-2 {
    font-size: 2rem !important
}

.fs-3 {
    font-size: 1.75rem !important
}

.fs-4 {
    font-size: 1.5rem !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-medium {
    font-weight: 500 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary,
.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info,
.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger,
.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-black,
.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-body,
.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important
}

.text-black-50,
.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important
}

.text-body-emphasis,
.text-body-tertiary {
    --bs-text-opacity: 1;
    color: var(--bs-tertiary-color) !important
}

.text-body-emphasis {
    color: var(--bs-emphasis-color) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.text-primary-emphasis {
    color: var(--bs-primary-text-emphasis) !important
}

.text-secondary-emphasis {
    color: var(--bs-secondary-text-emphasis) !important
}

.text-success-emphasis {
    color: var(--bs-success-text-emphasis) !important
}

.text-info-emphasis {
    color: var(--bs-info-text-emphasis) !important
}

.text-warning-emphasis {
    color: var(--bs-warning-text-emphasis) !important
}

.text-danger-emphasis {
    color: var(--bs-danger-text-emphasis) !important
}

.text-light-emphasis {
    color: var(--bs-light-text-emphasis) !important
}

.text-dark-emphasis {
    color: var(--bs-dark-text-emphasis) !important
}

.link-opacity-10,
.link-opacity-10-hover:hover {
    --bs-link-opacity: 0.1
}

.link-opacity-25,
.link-opacity-25-hover:hover {
    --bs-link-opacity: 0.25
}

.link-opacity-50,
.link-opacity-50-hover:hover {
    --bs-link-opacity: 0.5
}

.link-opacity-75,
.link-opacity-75-hover:hover {
    --bs-link-opacity: 0.75
}

.link-opacity-100,
.link-opacity-100-hover:hover {
    --bs-link-opacity: 1
}

.link-offset-1,
.link-offset-1-hover:hover {
    text-underline-offset: .125em !important
}

.link-offset-2,
.link-offset-2-hover:hover {
    text-underline-offset: .25em !important
}

.link-offset-3,
.link-offset-3-hover:hover {
    text-underline-offset: .375em !important
}

.link-underline-primary,
.link-underline-secondary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-secondary {
    text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-info,
.link-underline-success {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-info {
    text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-danger,
.link-underline-warning {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-danger {
    text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-dark,
.link-underline-light {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-dark {
    text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-underline-opacity-0,
.link-underline-opacity-0-hover:hover {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-10,
.link-underline-opacity-10-hover:hover {
    --bs-link-underline-opacity: 0.1
}

.link-underline-opacity-25,
.link-underline-opacity-25-hover:hover {
    --bs-link-underline-opacity: 0.25
}

.link-underline-opacity-50,
.link-underline-opacity-50-hover:hover {
    --bs-link-underline-opacity: 0.5
}

.link-underline-opacity-75,
.link-underline-opacity-75-hover:hover {
    --bs-link-underline-opacity: 0.75
}

.link-underline-opacity-100,
.link-underline-opacity-100-hover:hover {
    --bs-link-underline-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary,
.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info,
.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger,
.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-black,
.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-body,
.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-body-secondary,
.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-body-tertiary {
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-primary-subtle {
    background-color: var(--bs-primary-bg-subtle) !important
}

.bg-secondary-subtle {
    background-color: var(--bs-secondary-bg-subtle) !important
}

.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle) !important
}

.bg-info-subtle {
    background-color: var(--bs-info-bg-subtle) !important
}

.bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle) !important
}

.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle) !important
}

.bg-light-subtle {
    background-color: var(--bs-light-bg-subtle) !important
}

.bg-dark-subtle {
    background-color: var(--bs-dark-bg-subtle) !important
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    user-select: all !important
}

.user-select-auto {
    user-select: auto !important
}

.user-select-none {
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
    border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-xxl) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.rounded-top-1 {
    border-top-left-radius: var(--bs-border-radius-sm) !important;
    border-top-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-top-2 {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-3 {
    border-top-left-radius: var(--bs-border-radius-lg) !important;
    border-top-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-top-4 {
    border-top-left-radius: var(--bs-border-radius-xl) !important;
    border-top-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-top-5 {
    border-top-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-top-circle {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important
}

.rounded-top-pill {
    border-top-left-radius: var(--bs-border-radius-pill) !important;
    border-top-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-end-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rounded-end-1 {
    border-top-right-radius: var(--bs-border-radius-sm) !important;
    border-bottom-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-end-2 {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-end-3 {
    border-top-right-radius: var(--bs-border-radius-lg) !important;
    border-bottom-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-end-4 {
    border-top-right-radius: var(--bs-border-radius-xl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-end-5 {
    border-top-right-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-end-circle {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important
}

.rounded-end-pill {
    border-top-right-radius: var(--bs-border-radius-pill) !important;
    border-bottom-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.rounded-bottom-1 {
    border-bottom-right-radius: var(--bs-border-radius-sm) !important;
    border-bottom-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-bottom-2 {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-3 {
    border-bottom-right-radius: var(--bs-border-radius-lg) !important;
    border-bottom-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-bottom-4 {
    border-bottom-right-radius: var(--bs-border-radius-xl) !important;
    border-bottom-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-bottom-5 {
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-bottom-circle {
    border-bottom-right-radius: 50% !important;
    border-bottom-left-radius: 50% !important
}

.rounded-bottom-pill {
    border-bottom-right-radius: var(--bs-border-radius-pill) !important;
    border-bottom-left-radius: var(--bs-border-radius-pill) !important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.rounded-start-1 {
    border-bottom-left-radius: var(--bs-border-radius-sm) !important;
    border-top-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-start-2 {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-3 {
    border-bottom-left-radius: var(--bs-border-radius-lg) !important;
    border-top-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-start-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl) !important;
    border-top-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-start-5 {
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-start-circle {
    border-bottom-left-radius: 50% !important;
    border-top-left-radius: 50% !important
}

.rounded-start-pill {
    border-bottom-left-radius: var(--bs-border-radius-pill) !important;
    border-top-left-radius: var(--bs-border-radius-pill) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.z-n1 {
    z-index: -1 !important
}

.z-0 {
    z-index: 0 !important
}

.z-1 {
    z-index: 1 !important
}

.z-2 {
    z-index: 2 !important
}

.z-3 {
    z-index: 3 !important
}

@media (min-width:360px) {
    .float-xs-start {
        float: left !important
    }

    .float-xs-end {
        float: right !important
    }

    .float-xs-none {
        float: none !important
    }

    .object-fit-xs-contain {
        object-fit: contain !important
    }

    .object-fit-xs-cover {
        object-fit: cover !important
    }

    .object-fit-xs-fill {
        object-fit: fill !important
    }

    .object-fit-xs-scale {
        object-fit: scale-down !important
    }

    .object-fit-xs-none {
        object-fit: none !important
    }

    .d-xs-inline {
        display: inline !important
    }

    .d-xs-inline-block {
        display: inline-block !important
    }

    .d-xs-block {
        display: block !important
    }

    .d-xs-grid {
        display: grid !important
    }

    .d-xs-inline-grid {
        display: inline-grid !important
    }

    .d-xs-table {
        display: table !important
    }

    .d-xs-table-row {
        display: table-row !important
    }

    .d-xs-table-cell {
        display: table-cell !important
    }

    .d-xs-flex {
        display: flex !important
    }

    .d-xs-inline-flex {
        display: inline-flex !important
    }

    .d-xs-none {
        display: none !important
    }

    .flex-xs-fill {
        flex: 1 1 auto !important
    }

    .flex-xs-row {
        flex-direction: row !important
    }

    .flex-xs-column {
        flex-direction: column !important
    }

    .flex-xs-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xs-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xs-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xs-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xs-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xs-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xs-wrap {
        flex-wrap: wrap !important
    }

    .flex-xs-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xs-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xs-start {
        justify-content: flex-start !important
    }

    .justify-content-xs-end {
        justify-content: flex-end !important
    }

    .justify-content-xs-center {
        justify-content: center !important
    }

    .justify-content-xs-between {
        justify-content: space-between !important
    }

    .justify-content-xs-around {
        justify-content: space-around !important
    }

    .justify-content-xs-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xs-start {
        align-items: flex-start !important
    }

    .align-items-xs-end {
        align-items: flex-end !important
    }

    .align-items-xs-center {
        align-items: center !important
    }

    .align-items-xs-baseline {
        align-items: baseline !important
    }

    .align-items-xs-stretch {
        align-items: stretch !important
    }

    .align-content-xs-start {
        align-content: flex-start !important
    }

    .align-content-xs-end {
        align-content: flex-end !important
    }

    .align-content-xs-center {
        align-content: center !important
    }

    .align-content-xs-between {
        align-content: space-between !important
    }

    .align-content-xs-around {
        align-content: space-around !important
    }

    .align-content-xs-stretch {
        align-content: stretch !important
    }

    .align-self-xs-auto {
        align-self: auto !important
    }

    .align-self-xs-start {
        align-self: flex-start !important
    }

    .align-self-xs-end {
        align-self: flex-end !important
    }

    .align-self-xs-center {
        align-self: center !important
    }

    .align-self-xs-baseline {
        align-self: baseline !important
    }

    .align-self-xs-stretch {
        align-self: stretch !important
    }

    .order-xs-first {
        order: -1 !important
    }

    .order-xs-0 {
        order: 0 !important
    }

    .order-xs-1 {
        order: 1 !important
    }

    .order-xs-2 {
        order: 2 !important
    }

    .order-xs-3 {
        order: 3 !important
    }

    .order-xs-4 {
        order: 4 !important
    }

    .order-xs-5 {
        order: 5 !important
    }

    .order-xs-last {
        order: 6 !important
    }

    .m-xs-0 {
        margin: 0 !important
    }

    .m-xs-1 {
        margin: .25rem !important
    }

    .m-xs-2 {
        margin: .5rem !important
    }

    .m-xs-3 {
        margin: 1rem !important
    }

    .m-xs-4 {
        margin: 1.5rem !important
    }

    .m-xs-5 {
        margin: 3rem !important
    }

    .m-xs-auto {
        margin: auto !important
    }

    .mx-xs-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xs-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xs-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xs-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xs-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xs-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xs-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xs-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xs-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xs-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xs-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xs-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xs-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xs-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xs-0 {
        margin-top: 0 !important
    }

    .mt-xs-1 {
        margin-top: .25rem !important
    }

    .mt-xs-2 {
        margin-top: .5rem !important
    }

    .mt-xs-3 {
        margin-top: 1rem !important
    }

    .mt-xs-4 {
        margin-top: 1.5rem !important
    }

    .mt-xs-5 {
        margin-top: 3rem !important
    }

    .mt-xs-auto {
        margin-top: auto !important
    }

    .me-xs-0 {
        margin-right: 0 !important
    }

    .me-xs-1 {
        margin-right: .25rem !important
    }

    .me-xs-2 {
        margin-right: .5rem !important
    }

    .me-xs-3 {
        margin-right: 1rem !important
    }

    .me-xs-4 {
        margin-right: 1.5rem !important
    }

    .me-xs-5 {
        margin-right: 3rem !important
    }

    .me-xs-auto {
        margin-right: auto !important
    }

    .mb-xs-0 {
        margin-bottom: 0 !important
    }

    .mb-xs-1 {
        margin-bottom: .25rem !important
    }

    .mb-xs-2 {
        margin-bottom: .5rem !important
    }

    .mb-xs-3 {
        margin-bottom: 1rem !important
    }

    .mb-xs-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xs-5 {
        margin-bottom: 3rem !important
    }

    .mb-xs-auto {
        margin-bottom: auto !important
    }

    .ms-xs-0 {
        margin-left: 0 !important
    }

    .ms-xs-1 {
        margin-left: .25rem !important
    }

    .ms-xs-2 {
        margin-left: .5rem !important
    }

    .ms-xs-3 {
        margin-left: 1rem !important
    }

    .ms-xs-4 {
        margin-left: 1.5rem !important
    }

    .ms-xs-5 {
        margin-left: 3rem !important
    }

    .ms-xs-auto {
        margin-left: auto !important
    }

    .p-xs-0 {
        padding: 0 !important
    }

    .p-xs-1 {
        padding: .25rem !important
    }

    .p-xs-2 {
        padding: .5rem !important
    }

    .p-xs-3 {
        padding: 1rem !important
    }

    .p-xs-4 {
        padding: 1.5rem !important
    }

    .p-xs-5 {
        padding: 3rem !important
    }

    .px-xs-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xs-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xs-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xs-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xs-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xs-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xs-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xs-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xs-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xs-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xs-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xs-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xs-0 {
        padding-top: 0 !important
    }

    .pt-xs-1 {
        padding-top: .25rem !important
    }

    .pt-xs-2 {
        padding-top: .5rem !important
    }

    .pt-xs-3 {
        padding-top: 1rem !important
    }

    .pt-xs-4 {
        padding-top: 1.5rem !important
    }

    .pt-xs-5 {
        padding-top: 3rem !important
    }

    .pe-xs-0 {
        padding-right: 0 !important
    }

    .pe-xs-1 {
        padding-right: .25rem !important
    }

    .pe-xs-2 {
        padding-right: .5rem !important
    }

    .pe-xs-3 {
        padding-right: 1rem !important
    }

    .pe-xs-4 {
        padding-right: 1.5rem !important
    }

    .pe-xs-5 {
        padding-right: 3rem !important
    }

    .pb-xs-0 {
        padding-bottom: 0 !important
    }

    .pb-xs-1 {
        padding-bottom: .25rem !important
    }

    .pb-xs-2 {
        padding-bottom: .5rem !important
    }

    .pb-xs-3 {
        padding-bottom: 1rem !important
    }

    .pb-xs-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xs-5 {
        padding-bottom: 3rem !important
    }

    .ps-xs-0 {
        padding-left: 0 !important
    }

    .ps-xs-1 {
        padding-left: .25rem !important
    }

    .ps-xs-2 {
        padding-left: .5rem !important
    }

    .ps-xs-3 {
        padding-left: 1rem !important
    }

    .ps-xs-4 {
        padding-left: 1.5rem !important
    }

    .ps-xs-5 {
        padding-left: 3rem !important
    }

    .gap-xs-0 {
        gap: 0 !important
    }

    .gap-xs-1 {
        gap: .25rem !important
    }

    .gap-xs-2 {
        gap: .5rem !important
    }

    .gap-xs-3 {
        gap: 1rem !important
    }

    .gap-xs-4 {
        gap: 1.5rem !important
    }

    .gap-xs-5 {
        gap: 3rem !important
    }

    .row-gap-xs-0 {
        row-gap: 0 !important
    }

    .row-gap-xs-1 {
        row-gap: .25rem !important
    }

    .row-gap-xs-2 {
        row-gap: .5rem !important
    }

    .row-gap-xs-3 {
        row-gap: 1rem !important
    }

    .row-gap-xs-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-xs-5 {
        row-gap: 3rem !important
    }

    .column-gap-xs-0 {
        column-gap: 0 !important
    }

    .column-gap-xs-1 {
        column-gap: .25rem !important
    }

    .column-gap-xs-2 {
        column-gap: .5rem !important
    }

    .column-gap-xs-3 {
        column-gap: 1rem !important
    }

    .column-gap-xs-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-xs-5 {
        column-gap: 3rem !important
    }

    .text-xs-start {
        text-align: left !important
    }

    .text-xs-end {
        text-align: right !important
    }

    .text-xs-center {
        text-align: center !important
    }
}

@media (min-width:576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .object-fit-sm-contain {
        object-fit: contain !important
    }

    .object-fit-sm-cover {
        object-fit: cover !important
    }

    .object-fit-sm-fill {
        object-fit: fill !important
    }

    .object-fit-sm-scale {
        object-fit: scale-down !important
    }

    .object-fit-sm-none {
        object-fit: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-inline-grid {
        display: inline-grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .row-gap-sm-0 {
        row-gap: 0 !important
    }

    .row-gap-sm-1 {
        row-gap: .25rem !important
    }

    .row-gap-sm-2 {
        row-gap: .5rem !important
    }

    .row-gap-sm-3 {
        row-gap: 1rem !important
    }

    .row-gap-sm-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-sm-5 {
        row-gap: 3rem !important
    }

    .column-gap-sm-0 {
        column-gap: 0 !important
    }

    .column-gap-sm-1 {
        column-gap: .25rem !important
    }

    .column-gap-sm-2 {
        column-gap: .5rem !important
    }

    .column-gap-sm-3 {
        column-gap: 1rem !important
    }

    .column-gap-sm-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-sm-5 {
        column-gap: 3rem !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .object-fit-md-contain {
        object-fit: contain !important
    }

    .object-fit-md-cover {
        object-fit: cover !important
    }

    .object-fit-md-fill {
        object-fit: fill !important
    }

    .object-fit-md-scale {
        object-fit: scale-down !important
    }

    .object-fit-md-none {
        object-fit: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-inline-grid {
        display: inline-grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .row-gap-md-0 {
        row-gap: 0 !important
    }

    .row-gap-md-1 {
        row-gap: .25rem !important
    }

    .row-gap-md-2 {
        row-gap: .5rem !important
    }

    .row-gap-md-3 {
        row-gap: 1rem !important
    }

    .row-gap-md-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-md-5 {
        row-gap: 3rem !important
    }

    .column-gap-md-0 {
        column-gap: 0 !important
    }

    .column-gap-md-1 {
        column-gap: .25rem !important
    }

    .column-gap-md-2 {
        column-gap: .5rem !important
    }

    .column-gap-md-3 {
        column-gap: 1rem !important
    }

    .column-gap-md-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-md-5 {
        column-gap: 3rem !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:1024px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .object-fit-lg-contain {
        object-fit: contain !important
    }

    .object-fit-lg-cover {
        object-fit: cover !important
    }

    .object-fit-lg-fill {
        object-fit: fill !important
    }

    .object-fit-lg-scale {
        object-fit: scale-down !important
    }

    .object-fit-lg-none {
        object-fit: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-inline-grid {
        display: inline-grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .row-gap-lg-0 {
        row-gap: 0 !important
    }

    .row-gap-lg-1 {
        row-gap: .25rem !important
    }

    .row-gap-lg-2 {
        row-gap: .5rem !important
    }

    .row-gap-lg-3 {
        row-gap: 1rem !important
    }

    .row-gap-lg-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-lg-5 {
        row-gap: 3rem !important
    }

    .column-gap-lg-0 {
        column-gap: 0 !important
    }

    .column-gap-lg-1 {
        column-gap: .25rem !important
    }

    .column-gap-lg-2 {
        column-gap: .5rem !important
    }

    .column-gap-lg-3 {
        column-gap: 1rem !important
    }

    .column-gap-lg-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-lg-5 {
        column-gap: 3rem !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .object-fit-xl-contain {
        object-fit: contain !important
    }

    .object-fit-xl-cover {
        object-fit: cover !important
    }

    .object-fit-xl-fill {
        object-fit: fill !important
    }

    .object-fit-xl-scale {
        object-fit: scale-down !important
    }

    .object-fit-xl-none {
        object-fit: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-inline-grid {
        display: inline-grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .row-gap-xl-0 {
        row-gap: 0 !important
    }

    .row-gap-xl-1 {
        row-gap: .25rem !important
    }

    .row-gap-xl-2 {
        row-gap: .5rem !important
    }

    .row-gap-xl-3 {
        row-gap: 1rem !important
    }

    .row-gap-xl-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-xl-5 {
        row-gap: 3rem !important
    }

    .column-gap-xl-0 {
        column-gap: 0 !important
    }

    .column-gap-xl-1 {
        column-gap: .25rem !important
    }

    .column-gap-xl-2 {
        column-gap: .5rem !important
    }

    .column-gap-xl-3 {
        column-gap: 1rem !important
    }

    .column-gap-xl-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-xl-5 {
        column-gap: 3rem !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width:1920px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .object-fit-xxl-contain {
        object-fit: contain !important
    }

    .object-fit-xxl-cover {
        object-fit: cover !important
    }

    .object-fit-xxl-fill {
        object-fit: fill !important
    }

    .object-fit-xxl-scale {
        object-fit: scale-down !important
    }

    .object-fit-xxl-none {
        object-fit: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-inline-grid {
        display: inline-grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

    .row-gap-xxl-0 {
        row-gap: 0 !important
    }

    .row-gap-xxl-1 {
        row-gap: .25rem !important
    }

    .row-gap-xxl-2 {
        row-gap: .5rem !important
    }

    .row-gap-xxl-3 {
        row-gap: 1rem !important
    }

    .row-gap-xxl-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-xxl-5 {
        row-gap: 3rem !important
    }

    .column-gap-xxl-0 {
        column-gap: 0 !important
    }

    .column-gap-xxl-1 {
        column-gap: .25rem !important
    }

    .column-gap-xxl-2 {
        column-gap: .5rem !important
    }

    .column-gap-xxl-3 {
        column-gap: 1rem !important
    }

    .column-gap-xxl-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-xxl-5 {
        column-gap: 3rem !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-inline-grid {
        display: inline-grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

/*!
 * Bootstrap Reboot v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
    --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
    --bs-success-text-emphasis: rgb(10, 54, 33.6);
    --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
    --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
    --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
    --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
    --bs-success-bg-subtle: rgb(209, 231, 220.8);
    --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
    --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
    --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
    --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
    --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
    --bs-success-border-subtle: rgb(163, 207, 186.6);
    --bs-info-border-subtle: rgb(158.2, 233.8, 249);
    --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
    --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: "Open Sans", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #323232;
    --bs-link-color-rgb: 50, 50, 50;
    --bs-link-decoration: none;
    --bs-link-hover-color: #c0dc37;
    --bs-link-hover-color-rgb: 192, 220, 55;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: rgb(255, 242.6, 205.4);
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: rgb(109.8, 168, 253.8);
    --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
    --bs-success-text-emphasis: rgb(117, 183, 152.4);
    --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
    --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
    --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: rgb(2.6, 22, 50.6);
    --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
    --bs-success-bg-subtle: rgb(5, 27, 16.8);
    --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
    --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
    --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: rgb(7.8, 66, 151.8);
    --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
    --bs-success-border-subtle: rgb(15, 81, 50.4);
    --bs-info-border-subtle: rgb(7.8, 121.2, 144);
    --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
    --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: rgb(109.8, 168, 253.8);
    --bs-link-hover-color: rgb(138.84, 185.4, 254.04);
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 139, 185, 254;
    --bs-code-color: rgb(230.4, 132.6, 181.2);
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: rgb(102, 77.2, 2.8);
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: rgb(117, 183, 152.4);
    --bs-form-valid-border-color: rgb(117, 183, 152.4);
    --bs-form-invalid-color: rgb(234, 133.8, 143.4);
    --bs-form-invalid-border-color: rgb(234, 133.8, 143.4)
}

*,
::after,
::before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color)
}

h1 {
    font-size: 2.5rem
}

h2 {
    font-size: 2rem
}

h3 {
    font-size: 1.75rem
}

h4 {
    font-size: 1.5rem
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

p {
    margin-top: 0
}

abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none
}

address,
dl,
ol,
p,
ul {
    margin-bottom: 1rem
}

address {
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    padding-left: 2rem
}

dl,
ol,
ul {
    margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote,
figure {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: .875em
}

mark {
    padding: .1875em;
    color: var(--bs-highlight-color);
    background-color: var(--bs-highlight-bg)
}

sub,
sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: none
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: var(--bs-font-monospace)
}

samp {
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

pre code {
    font-size: inherit;
    word-break: normal
}

code,
kbd,
pre {
    font-size: .875em
}

code {
    color: var(--bs-code-color);
    word-wrap: break-word
}

a>code,
pre code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

kbd kbd {
    padding: 0;
    font-size: 1em
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-secondary-color);
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label,
output {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    line-height: inherit;
    font-size: 1.5rem
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button {
    cursor: pointer;
    filter: grayscale(1)
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

/*!
 * Bootstrap Grid v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
@keyframes plyr-progress {
    to {
        background-position: var(--plyr-progress-loading-size, 25px) 0
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plyr-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes loader {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes bounce {

    0%,
    20%,
    55%,
    70%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-15px)
    }

    60% {
        transform: translateY(-7px)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes pulse {

    0%,
    to {
        transform: scale(1, 1)
    }

    50% {
        transform: scale(1.1, 1.1)
    }
}

@keyframes slideInLeft {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes slideInTop {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes getReadyLeadFormBoxSlideIn {

    0%,
    60% {
        transform: translateY(10%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes getReadyLeadFormBoxFillProgress {

    0%,
    80% {
        width: 0
    }

    to {
        width: 10%
    }
}

@keyframes overlayIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes overlayOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes containerIn {
    0% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes containerOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.1)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {

    .container,
    .container-sm,
    .container-xs {
        max-width: 540px
    }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm,
    .container-xs {
        max-width: 720px
    }
}

@media (min-width:1024px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xs {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xs {
        max-width: 1140px
    }
}

@media (min-width:1920px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xs,
    .container-xxl {
        max-width: 1320px
    }
}

:root {
    --bs-breakpoint-zero: 0;
    --bs-breakpoint-xs: 360px;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 1024px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1920px
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--bs-gutter-y));
    margin-right: calc(-.5*var(--bs-gutter-x));
    margin-left: calc(-.5*var(--bs-gutter-x))
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.col-auto,
.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-auto {
    width: auto
}

.col-1,
.col-2 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    width: 16.66666667%
}

.col-3,
.col-4 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    width: 33.33333333%
}

.col-5,
.col-6 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    width: 50%
}

.col-7,
.col-8 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    width: 66.66666667%
}

.col-10,
.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    width: 83.33333333%
}

.col-11,
.col-12 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width:360px) {
    .col-xs {
        flex: 1 0 0
    }

    .row-cols-xs-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xs-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xs-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xs-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xs-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xs-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .col-xs-auto,
    .row-cols-xs-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xs-auto {
        width: auto
    }

    .col-xs-1,
    .col-xs-2 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xs-2 {
        width: 16.66666667%
    }

    .col-xs-3,
    .col-xs-4 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xs-4 {
        width: 33.33333333%
    }

    .col-xs-5,
    .col-xs-6 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-7,
    .col-xs-8 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xs-8 {
        width: 66.66666667%
    }

    .col-xs-10,
    .col-xs-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xs-10 {
        width: 83.33333333%
    }

    .col-xs-11,
    .col-xs-12 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xs-12 {
        width: 100%
    }

    .offset-xs-0 {
        margin-left: 0
    }

    .offset-xs-1 {
        margin-left: 8.33333333%
    }

    .offset-xs-2 {
        margin-left: 16.66666667%
    }

    .offset-xs-3 {
        margin-left: 25%
    }

    .offset-xs-4 {
        margin-left: 33.33333333%
    }

    .offset-xs-5 {
        margin-left: 41.66666667%
    }

    .offset-xs-6 {
        margin-left: 50%
    }

    .offset-xs-7 {
        margin-left: 58.33333333%
    }

    .offset-xs-8 {
        margin-left: 66.66666667%
    }

    .offset-xs-9 {
        margin-left: 75%
    }

    .offset-xs-10 {
        margin-left: 83.33333333%
    }

    .offset-xs-11 {
        margin-left: 91.66666667%
    }

    .g-xs-0,
    .gx-xs-0 {
        --bs-gutter-x: 0
    }

    .g-xs-0,
    .gy-xs-0 {
        --bs-gutter-y: 0
    }

    .g-xs-1,
    .gx-xs-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xs-1,
    .gy-xs-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xs-2,
    .gx-xs-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xs-2,
    .gy-xs-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xs-3,
    .gx-xs-3 {
        --bs-gutter-x: 1rem
    }

    .g-xs-3,
    .gy-xs-3 {
        --bs-gutter-y: 1rem
    }

    .g-xs-4,
    .gx-xs-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xs-4,
    .gy-xs-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xs-5,
    .gx-xs-5 {
        --bs-gutter-x: 3rem
    }

    .g-xs-5,
    .gy-xs-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .col-sm-auto,
    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-auto {
        width: auto
    }

    .col-sm-1,
    .col-sm-2 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-3,
    .col-sm-4 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-5,
    .col-sm-6 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7,
    .col-sm-8 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-10,
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-11,
    .col-sm-12 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .col-md-auto,
    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-auto {
        width: auto
    }

    .col-md-1,
    .col-md-2 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-3,
    .col-md-4 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-5,
    .col-md-6 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7,
    .col-md-8 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-10,
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-11,
    .col-md-12 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1024px) {
    .col-lg {
        flex: 1 0 0
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .col-lg-auto,
    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-auto {
        width: auto
    }

    .col-lg-1,
    .col-lg-2 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-3,
    .col-lg-4 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-5,
    .col-lg-6 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7,
    .col-lg-8 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-10,
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-11,
    .col-lg-12 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex: 1 0 0
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .col-xl-auto,
    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-auto {
        width: auto
    }

    .col-xl-1,
    .col-xl-2 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        width: 16.66666667%
    }

    .col-xl-3,
    .col-xl-4 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        width: 33.33333333%
    }

    .col-xl-5,
    .col-xl-6 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-7,
    .col-xl-8 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        width: 66.66666667%
    }

    .col-xl-10,
    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        width: 83.33333333%
    }

    .col-xl-11,
    .col-xl-12 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1920px) {
    .col-xxl {
        flex: 1 0 0
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1,
    .col-xxl-2 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        width: 16.66666667%
    }

    .col-xxl-3,
    .col-xxl-4 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        width: 33.33333333%
    }

    .col-xxl-5,
    .col-xxl-6 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        width: 50%
    }

    .col-xxl-7,
    .col-xxl-8 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        width: 66.66666667%
    }

    .col-xxl-10,
    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        width: 83.33333333%
    }

    .col-xxl-11,
    .col-xxl-12 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-inline-grid {
    display: inline-grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

@media (min-width:360px) {
    .d-xs-inline {
        display: inline !important
    }

    .d-xs-inline-block {
        display: inline-block !important
    }

    .d-xs-block {
        display: block !important
    }

    .d-xs-grid {
        display: grid !important
    }

    .d-xs-inline-grid {
        display: inline-grid !important
    }

    .d-xs-table {
        display: table !important
    }

    .d-xs-table-row {
        display: table-row !important
    }

    .d-xs-table-cell {
        display: table-cell !important
    }

    .d-xs-flex {
        display: flex !important
    }

    .d-xs-inline-flex {
        display: inline-flex !important
    }

    .d-xs-none {
        display: none !important
    }

    .flex-xs-fill {
        flex: 1 1 auto !important
    }

    .flex-xs-row {
        flex-direction: row !important
    }

    .flex-xs-column {
        flex-direction: column !important
    }

    .flex-xs-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xs-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xs-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xs-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xs-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xs-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xs-wrap {
        flex-wrap: wrap !important
    }

    .flex-xs-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xs-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xs-start {
        justify-content: flex-start !important
    }

    .justify-content-xs-end {
        justify-content: flex-end !important
    }

    .justify-content-xs-center {
        justify-content: center !important
    }

    .justify-content-xs-between {
        justify-content: space-between !important
    }

    .justify-content-xs-around {
        justify-content: space-around !important
    }

    .justify-content-xs-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xs-start {
        align-items: flex-start !important
    }

    .align-items-xs-end {
        align-items: flex-end !important
    }

    .align-items-xs-center {
        align-items: center !important
    }

    .align-items-xs-baseline {
        align-items: baseline !important
    }

    .align-items-xs-stretch {
        align-items: stretch !important
    }

    .align-content-xs-start {
        align-content: flex-start !important
    }

    .align-content-xs-end {
        align-content: flex-end !important
    }

    .align-content-xs-center {
        align-content: center !important
    }

    .align-content-xs-between {
        align-content: space-between !important
    }

    .align-content-xs-around {
        align-content: space-around !important
    }

    .align-content-xs-stretch {
        align-content: stretch !important
    }

    .align-self-xs-auto {
        align-self: auto !important
    }

    .align-self-xs-start {
        align-self: flex-start !important
    }

    .align-self-xs-end {
        align-self: flex-end !important
    }

    .align-self-xs-center {
        align-self: center !important
    }

    .align-self-xs-baseline {
        align-self: baseline !important
    }

    .align-self-xs-stretch {
        align-self: stretch !important
    }

    .order-xs-first {
        order: -1 !important
    }

    .order-xs-0 {
        order: 0 !important
    }

    .order-xs-1 {
        order: 1 !important
    }

    .order-xs-2 {
        order: 2 !important
    }

    .order-xs-3 {
        order: 3 !important
    }

    .order-xs-4 {
        order: 4 !important
    }

    .order-xs-5 {
        order: 5 !important
    }

    .order-xs-last {
        order: 6 !important
    }

    .m-xs-0 {
        margin: 0 !important
    }

    .m-xs-1 {
        margin: .25rem !important
    }

    .m-xs-2 {
        margin: .5rem !important
    }

    .m-xs-3 {
        margin: 1rem !important
    }

    .m-xs-4 {
        margin: 1.5rem !important
    }

    .m-xs-5 {
        margin: 3rem !important
    }

    .m-xs-auto {
        margin: auto !important
    }

    .mx-xs-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xs-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xs-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xs-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xs-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xs-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xs-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xs-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xs-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xs-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xs-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xs-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xs-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xs-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xs-0 {
        margin-top: 0 !important
    }

    .mt-xs-1 {
        margin-top: .25rem !important
    }

    .mt-xs-2 {
        margin-top: .5rem !important
    }

    .mt-xs-3 {
        margin-top: 1rem !important
    }

    .mt-xs-4 {
        margin-top: 1.5rem !important
    }

    .mt-xs-5 {
        margin-top: 3rem !important
    }

    .mt-xs-auto {
        margin-top: auto !important
    }

    .me-xs-0 {
        margin-right: 0 !important
    }

    .me-xs-1 {
        margin-right: .25rem !important
    }

    .me-xs-2 {
        margin-right: .5rem !important
    }

    .me-xs-3 {
        margin-right: 1rem !important
    }

    .me-xs-4 {
        margin-right: 1.5rem !important
    }

    .me-xs-5 {
        margin-right: 3rem !important
    }

    .me-xs-auto {
        margin-right: auto !important
    }

    .mb-xs-0 {
        margin-bottom: 0 !important
    }

    .mb-xs-1 {
        margin-bottom: .25rem !important
    }

    .mb-xs-2 {
        margin-bottom: .5rem !important
    }

    .mb-xs-3 {
        margin-bottom: 1rem !important
    }

    .mb-xs-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xs-5 {
        margin-bottom: 3rem !important
    }

    .mb-xs-auto {
        margin-bottom: auto !important
    }

    .ms-xs-0 {
        margin-left: 0 !important
    }

    .ms-xs-1 {
        margin-left: .25rem !important
    }

    .ms-xs-2 {
        margin-left: .5rem !important
    }

    .ms-xs-3 {
        margin-left: 1rem !important
    }

    .ms-xs-4 {
        margin-left: 1.5rem !important
    }

    .ms-xs-5 {
        margin-left: 3rem !important
    }

    .ms-xs-auto {
        margin-left: auto !important
    }

    .p-xs-0 {
        padding: 0 !important
    }

    .p-xs-1 {
        padding: .25rem !important
    }

    .p-xs-2 {
        padding: .5rem !important
    }

    .p-xs-3 {
        padding: 1rem !important
    }

    .p-xs-4 {
        padding: 1.5rem !important
    }

    .p-xs-5 {
        padding: 3rem !important
    }

    .px-xs-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xs-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xs-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xs-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xs-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xs-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xs-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xs-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xs-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xs-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xs-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xs-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xs-0 {
        padding-top: 0 !important
    }

    .pt-xs-1 {
        padding-top: .25rem !important
    }

    .pt-xs-2 {
        padding-top: .5rem !important
    }

    .pt-xs-3 {
        padding-top: 1rem !important
    }

    .pt-xs-4 {
        padding-top: 1.5rem !important
    }

    .pt-xs-5 {
        padding-top: 3rem !important
    }

    .pe-xs-0 {
        padding-right: 0 !important
    }

    .pe-xs-1 {
        padding-right: .25rem !important
    }

    .pe-xs-2 {
        padding-right: .5rem !important
    }

    .pe-xs-3 {
        padding-right: 1rem !important
    }

    .pe-xs-4 {
        padding-right: 1.5rem !important
    }

    .pe-xs-5 {
        padding-right: 3rem !important
    }

    .pb-xs-0 {
        padding-bottom: 0 !important
    }

    .pb-xs-1 {
        padding-bottom: .25rem !important
    }

    .pb-xs-2 {
        padding-bottom: .5rem !important
    }

    .pb-xs-3 {
        padding-bottom: 1rem !important
    }

    .pb-xs-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xs-5 {
        padding-bottom: 3rem !important
    }

    .ps-xs-0 {
        padding-left: 0 !important
    }

    .ps-xs-1 {
        padding-left: .25rem !important
    }

    .ps-xs-2 {
        padding-left: .5rem !important
    }

    .ps-xs-3 {
        padding-left: 1rem !important
    }

    .ps-xs-4 {
        padding-left: 1.5rem !important
    }

    .ps-xs-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:576px) {
    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-inline-grid {
        display: inline-grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:768px) {
    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-inline-grid {
        display: inline-grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:1024px) {
    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-inline-grid {
        display: inline-grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:1200px) {
    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-inline-grid {
        display: inline-grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:1920px) {
    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-inline-grid {
        display: inline-grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-inline-grid {
        display: inline-grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
    z-index: 0
}

.plyr audio,
.plyr iframe,
.plyr video {
    display: block;
    height: 100%;
    width: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr:focus {
    outline: 0
}

.plyr--full-ui {
    box-sizing: border-box
}

.plyr--full-ui *,
.plyr--full-ui ::after,
.plyr--full-ui ::before {
    box-sizing: inherit
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
    touch-action: manipulation
}

.plyr__badge {
    background: var(--plyr-badge-background, hsl(216, 15%, 34%));
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: var(--plyr-badge-text-color, #fff);
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%
}

.plyr__captions span:empty {
    display: none
}

@media (min-width:480px) {
    .plyr__captions {
        font-size: var(--plyr-font-size-base, 15px);
        padding: calc(var(--plyr-control-spacing, 10px)*2)
    }
}

@media (min-width:768px) {
    .plyr__captions {
        font-size: var(--plyr-font-size-large, 18px)
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}

.plyr__caption {
    background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
    border-radius: 2px;
    box-decoration-break: clone;
    color: var(--plyr-captions-text-color, #fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

.plyr__caption div {
    display: inline
}

.plyr__control {
    background: 0 0;
    border: 0;
    border-radius: var(--plyr-control-radius, 4px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: calc(var(--plyr-control-spacing, 10px)*.7);
    position: relative;
    transition: all .3s ease
}

.plyr__control svg {
    display: block;
    fill: currentColor;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    width: var(--plyr-control-icon-size, 18px)
}

.plyr--full-ui input[type=range]:focus,
.plyr__control:focus {
    outline: 0
}

.plyr__control:focus-visible {
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
    outline-offset: 2px
}

a.plyr__control {
    text-decoration: none
}

a.plyr__control::after,
a.plyr__control::before {
    display: none
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster,
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed {
    display: none
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0
}

.plyr__controls .plyr__controls__item {
    margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0
}

.plyr__controls:empty {
    display: none
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__menu {
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    transition: transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform: rotate(90deg)
}

.plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    color: var(--plyr-menu-color, hsl(216, 15%, 34%));
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

.plyr__menu__container>div {
    overflow: hidden;
    transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}

.plyr__menu__container::after {
    border: var(--plyr-menu-arrow-size, 4px) solid transparent;
    border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
    content: "";
    height: 0;
    position: absolute;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + calc(var(--plyr-control-spacing, 10px)*.7) - var(--plyr-menu-arrow-size, 4px)/2);
    top: 100%;
    width: 0
}

.plyr__menu__container [role=menu] {
    padding: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    align-items: center;
    color: var(--plyr-menu-color, hsl(216, 15%, 34%));
    display: flex;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding: calc(calc(var(--plyr-control-spacing, 10px)*.7)/1.5) calc(calc(var(--plyr-control-spacing, 10px)*.7)*1.5);
    user-select: none;
    width: 100%
}

.plyr__menu__container .plyr__control>span {
    align-items: inherit;
    display: flex;
    width: 100%
}

.plyr__menu__container .plyr__control::after {
    border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right: calc(calc(var(--plyr-control-spacing, 10px)*.7)*4)
}

.plyr__menu__container .plyr__control--forward::after {
    border-left-color: var(--plyr-menu-arrow-color, hsl(216, 15%, 52%));
    right: calc(calc(var(--plyr-control-spacing, 10px)*.7)*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward:focus-visible::after,
.plyr__menu__container .plyr__control--forward:hover::after {
    border-left-color: currentColor
}

.plyr__menu__container .plyr__control--back {
    font-weight: var(--plyr-font-weight-regular, 400);
    margin: calc(var(--plyr-control-spacing, 10px)*.7) calc(var(--plyr-control-spacing, 10px)*.7) calc(calc(var(--plyr-control-spacing, 10px)*.7)/2);
    padding-left: calc(calc(var(--plyr-control-spacing, 10px)*.7)*4);
    position: relative;
    width: calc(100% - calc(var(--plyr-control-spacing, 10px)*.7)*2)
}

.plyr__menu__container .plyr__control--back::after {
    border-right-color: var(--plyr-menu-arrow-color, hsl(216, 15%, 52%));
    left: calc(calc(var(--plyr-control-spacing, 10px)*.7)*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back::before {
    background: var(--plyr-menu-back-border-color, hsl(216, 15%, 88%));
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: calc(calc(var(--plyr-control-spacing, 10px)*.7)/2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back:focus-visible::after,
.plyr__menu__container .plyr__control--back:hover::after {
    border-right-color: currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after,
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]::before {
    background: rgba(0, 0, 0, .1);
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: var(--plyr-control-spacing, 10px);
    transition: all .3s ease;
    width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease, opacity .3s ease;
    width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
    background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible::before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
    background: rgba(35, 40, 47, .1)
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: calc((calc(var(--plyr-control-spacing, 10px)*.7) - 2px)*-1);
    overflow: hidden;
    padding-left: calc(calc(var(--plyr-control-spacing, 10px)*.7)*3.5);
    pointer-events: none
}

.plyr--full-ui input[type=range] {
    appearance: none;
    background: 0 0;
    border: 0;
    border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
    display: block;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: 0 0;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none;
    background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%))
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2));
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height, 13px);
    appearance: none;
    margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1)
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: 0 0;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height, 5px);
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2));
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height, 5px)
}

.plyr--full-ui input[type=range]::-ms-track {
    background: 0 0;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none;
    color: transparent
}

.plyr--full-ui input[type=range]::-ms-fill-upper {
    background: 0 0;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: 0 0;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none;
    background: currentColor
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2));
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height, 13px);
    margin-top: 0
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
    outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
    outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
    outline-offset: 2px
}

.plyr__poster {
    background-color: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr__time {
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__time+.plyr__time::before {
    content: "⁄";
    margin-right: var(--plyr-control-spacing, 10px)
}

@media (max-width:767px) {
    .plyr__time+.plyr__time {
        display: none
    }
}

.plyr__tooltip {
    background: var(--plyr-tooltip-background, #fff);
    border-radius: var(--plyr-tooltip-radius, 5px);
    bottom: 100%;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    color: var(--plyr-tooltip-color, hsl(216, 15%, 34%));
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: calc(calc(var(--plyr-control-spacing, 10px)/2)*2);
    opacity: 0;
    padding: calc(var(--plyr-control-spacing, 10px)/2) calc(calc(var(--plyr-control-spacing, 10px)/2)*1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip::before {
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%, 0) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    transform: translate(0, 10px) scale(.8);
    transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before {
    left: calc(var(--plyr-control-icon-size, 18px)/2 + calc(var(--plyr-control-spacing, 10px)*.7))
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translate(0, 10px) scale(.8);
    transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip::before {
    left: auto;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + calc(var(--plyr-control-spacing, 10px)*.7));
    transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0, 0) scale(1)
}

.plyr__progress {
    left: calc(var(--plyr-range-thumb-height, 13px)*.5);
    margin-right: var(--plyr-range-thumb-height, 13px);
    position: relative
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
    margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    width: calc(100% + var(--plyr-range-thumb-height, 13px))
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    left: 0;
    max-width: 120px;
    overflow-wrap: break-word
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 100px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: calc(var(--plyr-range-track-height, 5px)/2*-1);
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: 0 0
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: var(--plyr-range-track-height, 5px);
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: var(--plyr-range-track-height, 5px);
    -moz-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    -ms-transition: width .2s ease;
    transition: width .2s ease
}

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(34.68, 39.576, 46.92, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(34.68, 39.576, 46.92, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(34.68, 39.576, 46.92, 0.6)) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
    color: transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6))
}

.plyr__progress__marker {
    background-color: var(--plyr-progress-marker-background, #fff);
    border-radius: 1px;
    height: var(--plyr-range-track-height, 5px);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: var(--plyr-progress-marker-width, 3px);
    z-index: 3
}

.plyr__volume {
    align-items: center;
    display: flex;
    position: relative
}

.plyr__volume input[type=range] {
    margin-left: calc(var(--plyr-control-spacing, 10px)/2);
    margin-right: calc(var(--plyr-control-spacing, 10px)/2);
    max-width: 90px;
    min-width: 60px;
    position: relative;
    z-index: 2
}

.plyr--audio {
    display: block
}

.plyr--audio .plyr__controls {
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: var(--plyr-audio-control-color, hsl(216, 15%, 34%));
    padding: var(--plyr-control-spacing, 10px)
}

.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
    color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(34.68, 39.576, 46.92, 0.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(34.68, 39.576, 46.92, 0.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(34.68, 39.576, 46.92, 0.1))
}

.plyr--audio .plyr__progress__buffer {
    color: var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6))
}

.plyr--video {
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));
    border-radius: inherit;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 16/9
}

@supports not (aspect-ratio:16/9) {

    .plyr__video-embed,
    .plyr__video-wrapper--fixed-ratio {
        height: 0;
        padding-bottom: 56.25%;
        position: relative
    }
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
    background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: calc(var(--plyr-control-spacing, 10px)*2) calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2);
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    z-index: 3
}

@media (min-width:480px) {
    .plyr--video .plyr__controls {
        padding: var(--plyr-control-spacing, 10px);
        padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%)
}

.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
    color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
    border: 0;
    border-radius: 100%;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    padding: calc(var(--plyr-control-spacing, 10px)*1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    z-index: 2
}

.plyr__control--overlaid svg {
    position: relative
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    opacity: 1
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))
}

.plyr--video .plyr__progress__buffer {
    color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media (min-width:1024px) {
    .plyr:fullscreen .plyr__captions {
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

@media (min-width:1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.plyr__ads>div,
.plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.plyr__ads::after {
    background: #23282f;
    border-radius: 2px;
    bottom: var(--plyr-control-spacing, 10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3
}

.plyr__ads:empty::after {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: var(--plyr-tooltip-background, #fff);
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    margin-bottom: calc(calc(var(--plyr-control-spacing, 10px)/2)*2);
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    transform: translate(0, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0, 0) scale(1)
}

.plyr__preview-thumb::before {
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: calc(50% + var(--preview-arrow-offset));
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container::after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr__preview-thumb__image-container::after {
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
    content: "";
    pointer-events: none
}

.plyr__preview-scrubbing img,
.plyr__preview-thumb__image-container img {
    max-height: none;
    max-width: none
}

.plyr__preview-thumb__time-container {
    background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
    border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    bottom: 0;
    left: 0;
    line-height: 1.1;
    padding: 20px 6px 6px;
    position: absolute;
    right: 0;
    z-index: 3
}

.plyr__preview-thumb__time-container span {
    color: #fff;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    transition: none !important
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    border: 0 !important;
    height: 1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.plyr [hidden] {
    display: none !important
}

@font-face {
    font-family: "t-website-icons";
    src: url("../fonts/t-website-icons.b4e3979de7cb.eot");
    src: url("../fonts/t-website-icons.b4e3979de7cb%EF%B9%96.eot#iefix") format("eot"), url("../fonts/t-website-icons.87f630e788d1.woff") format("woff"), url("../fonts/t-website-icons.2cea73afcd47.ttf") format("truetype"), url("../fonts/t-website-icons.91a86a9944de.svg#t-website-icons") format("svg")
}

.breadcrumbs__back-to-parent:before,
.button-facebook:before,
.button-mail:before,
.button-twitter:before,
.button-whatsapp:before,
.handorgel__header__button:after,
.info-box .icon:before,
.job-sharing-buttons__icon--email:before,
.job-sharing-buttons__icon--facebook:before,
.job-sharing-buttons__icon--link:before,
.job-sharing-buttons__icon--twitter:before,
.job-sharing-buttons__icon--whatsapp:before,
.jobs-list__item--arrow:after,
.list--check li:before,
.navigation__mobile-back-button:before,
.navigation__more-links:after,
.onpage-benefits-banner ul li:before,
.pagination__next:before,
.pagination__prev:before,
.parent-link:before,
.showcase .rich-text ul li:before,
.swiper .swiper-button-next:before,
.swiper .swiper-button-prev:before,
.t-website-angle-down:before,
.t-website-angle-left:before,
.t-website-angle-right:before,
.t-website-angle-up:before,
.t-website-arrow-right:before,
.t-website-berlin:before,
.t-website-breaking-news:before,
.t-website-check:before,
.t-website-close:before,
.t-website-copy:before,
.t-website-download:before,
.t-website-earth:before,
.t-website-energy_source__air_to_water_heat_pump:before,
.t-website-energy_source__erdgas:before,
.t-website-energy_source__fluessiggas:before,
.t-website-energy_source__fuel_cell:before,
.t-website-energy_source__oelheizung:before,
.t-website-energy_source__pellets:before,
.t-website-energy_source__solar:before,
.t-website-energy_source__sonstiges:before,
.t-website-envelope-o:before,
.t-website-envelope:before,
.t-website-exclamation-mark:before,
.t-website-external-link:before,
.t-website-facebook:before,
.t-website-filter:before,
.t-website-flag:before,
.t-website-germany:before,
.t-website-heating:before,
.t-website-info:before,
.t-website-instagram-small:before,
.t-website-job-metadata-employment-type:before,
.t-website-job-metadata-location-headquarters:before,
.t-website-job-metadata-location-outside:before,
.t-website-job-metadata-schedule:before,
.t-website-job-metadata-vacation:before,
.t-website-link:before,
.t-website-linkedin-dark:before,
.t-website-linkedin-small:before,
.t-website-linkedin:before,
.t-website-map-area:before,
.t-website-map-fail:before,
.t-website-map-marker:before,
.t-website-map-search:before,
.t-website-map-success:before,
.t-website-people:before,
.t-website-phone:before,
.t-website-search:before,
.t-website-star:before,
.t-website-tap:before,
.t-website-twitter:before,
.t-website-whatsapp:before,
.t-website-youtube-small:before,
.video-content__button--less:after,
.video-content__button--more:after {
    font-family: "t-website-icons";
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.t-website-angle-down:before {
    content: ""
}

.t-website-angle-left:before {
    content: ""
}

.t-website-angle-right:before {
    content: ""
}

.t-website-angle-up:before {
    content: ""
}

.t-website-arrow-right:before {
    content: ""
}

.t-website-berlin:before {
    content: ""
}

.t-website-breaking-news:before {
    content: ""
}

.t-website-check:before {
    content: ""
}

.t-website-close:before {
    content: ""
}

.t-website-copy:before {
    content: ""
}

.t-website-download:before {
    content: ""
}

.t-website-earth:before {
    content: ""
}

.t-website-energy_source__air_to_water_heat_pump:before {
    content: ""
}

.t-website-energy_source__erdgas:before {
    content: ""
}

.t-website-energy_source__fluessiggas:before {
    content: ""
}

.t-website-energy_source__fuel_cell:before {
    content: ""
}

.t-website-energy_source__oelheizung:before {
    content: ""
}

.t-website-energy_source__pellets:before {
    content: ""
}

.t-website-energy_source__solar:before {
    content: ""
}

.t-website-energy_source__sonstiges:before {
    content: ""
}

.t-website-envelope-o:before {
    content: ""
}

.t-website-envelope:before {
    content: ""
}

.t-website-exclamation-mark:before {
    content: ""
}

.t-website-external-link:before {
    content: ""
}

.t-website-facebook:before {
    content: ""
}

.t-website-filter:before {
    content: ""
}

.t-website-flag:before {
    content: ""
}

.t-website-germany:before {
    content: ""
}

.t-website-heating:before {
    content: ""
}

.t-website-info:before {
    content: ""
}

.t-website-instagram-small:before {
    content: ""
}

.t-website-job-metadata-employment-type:before {
    content: ""
}

.t-website-job-metadata-location-headquarters:before {
    content: ""
}

.t-website-job-metadata-location-outside:before {
    content: ""
}

.t-website-job-metadata-schedule:before {
    content: ""
}

.t-website-job-metadata-vacation:before {
    content: ""
}

.t-website-link:before {
    content: ""
}

.t-website-linkedin-dark:before {
    content: ""
}

.t-website-linkedin-small:before {
    content: ""
}

.t-website-linkedin:before {
    content: ""
}

.t-website-map-area:before {
    content: ""
}

.t-website-map-fail:before {
    content: ""
}

.t-website-map-marker:before {
    content: ""
}

.t-website-map-search:before {
    content: ""
}

.t-website-map-success:before {
    content: ""
}

.t-website-people:before {
    content: ""
}

.t-website-phone:before {
    content: ""
}

.t-website-search:before {
    content: ""
}

.t-website-star:before {
    content: ""
}

.t-website-tap:before {
    content: ""
}

.t-website-twitter:before {
    content: ""
}

.t-website-whatsapp:before {
    content: ""
}

.t-website-youtube-small:before {
    content: ""
}

.product-listing__link {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, .15) 0 0 5px
}

.card,
.list-filter__scrollto-button,
.product-pricing--as-card,
.teaser {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, .15) 0 0 5px;
    transition: box-shadow .2s
}

.card:hover,
.list-filter__scrollto-button:hover,
.product-listing__link:hover,
.product-pricing--as-card:hover,
.teaser:hover {
    box-shadow: rgba(0, 0, 0, .2) 0 0 15px
}

.t-btn-1,
.t-btn-1-b,
.t-btn-2,
.t-btn-2-b,
.t-btn-3 {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 700;
    display: inline-block;
    border-radius: 2px;
    cursor: pointer;
    padding: 12px 24px
}

.t-btn-1,
.t-btn-1-b {
    border: 0
}

@media (min-width:576px) {

    .t-btn-1,
    .t-btn-1-b,
    .t-btn-2,
    .t-btn-2-b,
    .t-btn-3 {
        font-size: 18px !important;
        line-height: 29px !important
    }
}

@media (max-width:575.98px) {

    .t-btn-1,
    .t-btn-1-b,
    .t-btn-2,
    .t-btn-2-b,
    .t-btn-3 {
        display: block;
        width: 100%;
        text-align: center
    }
}

.t-btn-1-b:disabled,
.t-btn-1:disabled {
    background-color: #dedede;
    color: #838383;
    cursor: not-allowed
}

.t-btn-1 {
    background-color: #c0dc37;
    color: #fff
}

.t-btn-1:focus,
.t-btn-1:hover {
    background-color: #d10000;
    color: #fff
}

.t-btn-1:active {
    background-color: #c0dc37
}

.t-btn-1-b {
    background-color: #1a1a1a;
    color: #fff
}

.t-btn-1-b:focus,
.t-btn-1-b:hover {
    background-color: #fff;
    color: #1a1a1a
}

.t-btn-1-b:active {
    background-color: #1a1a1a;
    color: #fff
}

.t-btn-2,
.t-btn-2-b {
    background-color: transparent
}

.t-btn-2-b:focus,
.t-btn-2-b:hover,
.t-btn-2:focus,
.t-btn-2:hover {
    border-width: 2px;
    padding: 11px 23px
}

.t-btn-2 {
    color: #c0dc37;
    border: 1px solid #c0dc37
}

.t-btn-2:active {
    background-color: #c0dc37;
    border-color: #c0dc37;
    color: #fff
}

.t-btn-2-b {
    color: #fff;
    border: 1px solid #fff
}

.t-btn-2-b:focus,
.t-btn-2-b:hover {
    color: #fff
}

.t-btn-2-b:active {
    padding: 12px 24px !important;
    border-width: 1px !important
}

.t-btn-3 {
    border: 1px solid #dedede;
    color: #000
}

.t-btn-3:disabled {
    border: 1px solid #838383;
    color: #838383
}

.t-btn-3:not(:disabled) {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

.t-btn-3:active:not(:disabled),
.t-btn-3:focus:not(:disabled),
.t-btn-3:hover:not(:disabled) {
    outline: 0;
    background-color: #dedede;
    border-color: #dedede
}

.t-btn-tn {
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 4px 8px !important
}

.t-btn-tn.t-btn-2-b:focus,
.t-btn-tn.t-btn-2-b:hover,
.t-btn-tn.t-btn-2:focus,
.t-btn-tn.t-btn-2:hover {
    padding: 3px 7px !important
}

.t-btn-tn.t-btn-2-b:active,
.t-btn-tn.t-btn-2:active {
    padding: 4px 8px !important;
    border-width: 1px !important
}

.t-btn-sm {
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 8px 16px !important
}

.t-btn-sm.t-btn-2-b:focus,
.t-btn-sm.t-btn-2-b:hover,
.t-btn-sm.t-btn-2:focus,
.t-btn-sm.t-btn-2:hover {
    padding: 7px 15px !important
}

.t-btn-sm.t-btn-2-b:active {
    padding: 8px 16px !important;
    border-width: 1px !important
}

.t-btn-lg {
    font-size: 18px !important;
    line-height: 29px !important;
    padding: 16px 40px !important
}

@media (min-width:576px) {
    .t-btn-lg {
        font-size: 20px !important;
        line-height: 32px !important
    }
}

@media (max-width:575.98px) {
    .t-btn-lg {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
}

.t-btn-lg.t-btn-2-b:focus,
.t-btn-lg.t-btn-2-b:hover,
.t-btn-lg.t-btn-2:focus,
.t-btn-lg.t-btn-2:hover {
    padding: 15px 39px !important
}

@media (max-width:575.98px) {

    .t-btn-lg.t-btn-2-b:focus,
    .t-btn-lg.t-btn-2-b:hover,
    .t-btn-lg.t-btn-2:focus,
    .t-btn-lg.t-btn-2:hover {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
}

.t-btn-lg.t-btn-2-b:active {
    padding: 16px 40px !important;
    border-width: 1px !important
}

@media (max-width:575.98px) {
    .t-btn-lg.t-btn-2-b:active {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
}

.t-btn-block {
    display: block !important;
    width: 100%;
    text-align: center
}

.t-btn-is-loading.t-btn-1 span,
.t-btn-is-loading.t-btn-1-b span,
.t-btn-is-loading.t-btn-2 span,
.t-btn-is-loading.t-btn-2-b span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -4px;
    font-size: .2rem;
    position: relative;
    text-indent: -9999rem;
    border-top: 4px solid rgba(255, 255, 255, .2);
    border-right: 4px solid rgba(255, 255, 255, .2);
    border-bottom: 4px solid rgba(255, 255, 255, .2);
    border-left: 4px solid #fff;
    transform: translateZ(0);
    animation: loader 1s infinite linear;
    border-radius: 50%;
    width: 20px;
    height: 20px
}

.t-btn-is-loading.t-btn-2 span {
    border-top: 4px solid rgba(192, 220, 55, .2);
    border-right: 4px solid rgba(192, 220, 55, .2);
    border-bottom: 4px solid rgba(192, 220, 55, .2);
    border-left: 4px solid #c0dc37
}

@font-face {
    font-family: "Open Sans";
    src: url("../fonts/OpenSans-Regular.237aa94493d9.woff2") format("woff2"), url("../fonts/OpenSans-Regular.795f58b4f945.woff") format("woff"), url("../fonts/OpenSans-Regular.d7d5d4588a9f.ttf") format("truetype");
    font-weight: 400;
    font-display: swap;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: "Open Sans";
    src: url("../fonts/OpenSans-Bold.f9fc9780feed.woff") format("woff"), url("../fonts/OpenSans-Bold.caba68b9c5aa.eot") format("truetype");
    font-weight: 700;
    font-display: swap;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: "Mont Bold";
    src: url("../fonts/Mont-Bold.8c0793ceaf26.woff2") format("woff2"), url("../fonts/Mont-Bold.a47c7f4cd8d9.woff") format("woff");
    font-weight: 400;
    font-display: swap;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: "Mont Heavy";
    src: url("../fonts/Mont-Heavy.8e2a4b743e15.woff2") format("woff2"), url("../fonts/Mont-Heavy.5f0ce201408a.woff") format("woff");
    font-weight: 400;
    font-display: swap;
    text-rendering: optimizeLegibility
}

.rich-text a {
    text-decoration: underline
}

.rich-text a:active,
.rich-text a:hover {
    color: #c0dc37
}

.list,
.rich-text ol,
.rich-text ul {
    margin-bottom: 32px
}

.rich-text ol li,
.rich-text ul li {
    margin-bottom: 8px
}

.list {
    --list-li-color: #323232;
    list-style-type: none;
    padding-left: 32px;
    margin-left: 0
}

.list--check li {
    position: relative;
    margin-bottom: 12px;
    color: var(--list-li-color)
}

.list--check li:before,
.onpage-benefits-banner ul li:before,
.showcase .rich-text ul li:before {
    content: ""
}

.list--check li::before {
    position: absolute;
    font-size: 16px;
    top: 0;
    color: var(--list-icon-color);
    left: -32px
}

.list,
.list--check-red {
    --list-icon-color: #c0dc37
}

.list--check-green {
    --list-icon-color: #55a041
}

.list--check-white {
    --list-li-color: #fff;
    --list-icon-color: #fff
}

.list--check-circle li::before {
    content: "";
    height: 24px;
    width: 24px;
    top: 1px;
    background-image: url("../images/blocks/check-circle.04bf07b76fd2.svg");
    background-size: contain;
    background-repeat: no-repeat
}

@media (min-width:576px) {
    .list--check-circle li::before {
        top: 3px
    }
}

.list--small {
    padding-left: 24px;
    margin-bottom: 24px
}

.list--large li,
.list--small li {
    font-size: 16px !important;
    line-height: 24px !important;
    margin-bottom: 8px
}

.list--small li::before {
    left: -24px;
    font-size: 12px
}

.list--large,
.list--xx-large {
    padding-left: 32px
}

.list--large li {
    margin-bottom: 12px
}

@media (min-width:576px) {
    .list--large li {
        font-size: 18px !important;
        line-height: 29px !important
    }
}

.list--large li::before {
    left: -32px
}

@media (min-width:1024px) {
    .list--xx-large {
        padding-left: 40px
    }
}

.list--xx-large li {
    font-size: 18px !important;
    line-height: 29px !important;
    font-weight: 700;
    margin-bottom: 12px
}

@media (min-width:576px) {
    .list--xx-large li {
        font-size: 18px !important;
        line-height: 29px !important
    }
}

@media (min-width:1024px) {
    .list--xx-large li {
        font-size: 23px !important;
        line-height: 32px !important;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important
    }
}

.list--xx-large li::before {
    font-size: 17px;
    line-height: 27px;
    left: -32px
}

@media (min-width:1024px) {
    .list--xx-large li::before {
        font-size: 20px;
        line-height: 28px;
        left: -40px
    }
}

.rich-text a,
h1,
h2,
h3 {
    color: #1a1a1a
}

p {
    color: #323232
}

.layout--full-width-compact h1,
.layout--sidebar h1 {
    font-size: 29px;
    line-height: 40px;
    font-family: "Mont Bold", sans-serif;
    margin-top: 16px;
    margin-bottom: 0
}

@media (min-width:576px) {

    .layout--full-width-compact h1,
    .layout--sidebar h1 {
        font-size: 36px;
        line-height: 48px;
        font-family: "Mont Heavy", sans-serif
    }
}

@media (min-width:1024px) {

    .layout--full-width-compact h1,
    .layout--sidebar h1 {
        font-size: 36px;
        line-height: 48px
    }
}

.layout--full-width h1 {
    font-size: 32px;
    line-height: 40px;
    font-family: "Mont Bold", sans-serif;
    margin-top: 32px;
    margin-bottom: 16px;
    text-align: center
}

@media (min-width:576px) {
    .layout--full-width h1 {
        font-size: 36px;
        line-height: 48px;
        font-family: "Mont Heavy", sans-serif
    }
}

@media (min-width:1024px) {
    .layout--full-width h1 {
        font-size: 46px;
        line-height: 56px
    }
}

@media (min-width:576px) {
    .layout--full-width h1 {
        margin-top: 56px
    }
}

@media (min-width:1024px) {
    .layout--full-width h1 {
        margin-top: 76px;
        margin-bottom: 16px
    }
}

.layout--full-width-compact h2,
.layout--sidebar h2 {
    font-size: 23px;
    line-height: 32px;
    font-family: "Mont Bold", sans-serif;
    margin-top: 32px;
    margin-bottom: 12px
}

@media (min-width:576px) {

    .layout--full-width-compact h2,
    .layout--sidebar h2 {
        font-size: 29px;
        line-height: 40px;
        font-weight: 500 !important
    }
}

@media (min-width:1024px) {

    .layout--full-width-compact h2,
    .layout--sidebar h2 {
        font-size: 29px;
        line-height: 40px;
        font-weight: 500 !important
    }
}

@media (min-width:576px) {

    .layout--full-width-compact h2,
    .layout--sidebar h2 {
        margin-top: 48px;
        margin-bottom: 16px
    }
}

.layout--full-width-compact h2 a,
.layout--sidebar h2 a {
    pointer-events: initial
}

.layout--full-width h2 {
    font-size: 29px;
    line-height: 40px;
    font-family: "Mont Bold", sans-serif;
    margin-top: 64px;
    margin-bottom: 24px;
    text-align: center
}

@media (min-width:576px) {
    .layout--full-width h2 {
        font-size: 32px;
        line-height: 40px;
        font-weight: 500 !important
    }
}

@media (min-width:1024px) {
    .layout--full-width h2 {
        font-size: 41px;
        line-height: 56px;
        font-family: "Mont Heavy", sans-serif
    }
}

@media (min-width:576px) {
    .layout--full-width h2 {
        margin-top: 48px;
        margin-bottom: 16px
    }
}

@media (min-width:1024px) {
    .layout--full-width h2 {
        margin-top: 112px;
        margin-bottom: 64px
    }
}

.layout--full-width-compact h3,
.layout--sidebar h3 {
    font-size: 18px;
    line-height: 29px;
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 8px
}

@media (min-width:576px) {

    .layout--full-width-compact h3,
    .layout--sidebar h3 {
        font-size: 23px;
        line-height: 32px;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important
    }
}

@media (min-width:1024px) {

    .layout--full-width-compact h3,
    .layout--sidebar h3 {
        font-size: 23px;
        line-height: 32px;
        font-weight: 500 !important
    }
}

@media (min-width:576px) {

    .layout--full-width-compact h3,
    .layout--sidebar h3 {
        margin-top: 32px;
        margin-bottom: 8px
    }
}

.layout--full-width h3 {
    font-size: 23px;
    line-height: 32px;
    font-family: "Mont Bold", sans-serif;
    margin-top: 32px;
    margin-bottom: 16px
}

@media (min-width:576px) {
    .layout--full-width h3 {
        font-size: 26px;
        line-height: 32px;
        font-weight: 500 !important
    }
}

@media (min-width:1024px) {
    .layout--full-width h3 {
        font-size: 26px;
        line-height: 32px;
        font-weight: 500 !important
    }
}

@media (min-width:576px) {
    .layout--full-width h3 {
        margin-top: 32px;
        margin-bottom: 8px
    }
}

.layout--full-width-compact p,
.layout--sidebar p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px
}

@media (min-width:576px) {

    .layout--full-width-compact p,
    .layout--sidebar p {
        font-size: 18px;
        line-height: 29px
    }
}

@media (min-width:1024px) {

    .layout--full-width-compact p,
    .layout--sidebar p {
        font-size: 18px;
        line-height: 29px
    }
}

@media (min-width:576px) {

    .layout--full-width-compact p,
    .layout--sidebar p {
        margin-bottom: 32px
    }
}

.layout--full-width p {
    margin-bottom: 24px
}

@media (min-width:576px) {
    .layout--full-width p {
        font-size: 18px !important;
        line-height: 29px !important
    }
}

@media (min-width:1024px) {
    .layout--full-width p {
        font-size: 20px !important;
        line-height: 32px !important
    }
}

@media (min-width:576px) {
    .layout--full-width p {
        margin-bottom: 32px
    }
}

.layout--full-width-compact small,
.layout--sidebar small {
    font-size: 14px;
    line-height: 20px
}

@media (min-width:576px) {

    .layout--full-width-compact small,
    .layout--sidebar small {
        font-size: 14px;
        line-height: 20px
    }
}

@media (min-width:1024px) {

    .layout--full-width-compact small,
    .layout--sidebar small {
        font-size: 14px;
        line-height: 20px
    }
}

.layout--full-width small {
    font-size: 14px;
    line-height: 20px
}

@media (min-width:576px) {
    .layout--full-width small {
        font-size: 14px;
        line-height: 20px
    }
}

@media (min-width:1024px) {
    .layout--full-width small {
        font-size: 14px;
        line-height: 20px
    }
}

.layout--full-width p,
.layout--full-width-compact li,
.layout--sidebar li {
    font-size: 16px;
    line-height: 24px
}

@media (min-width:576px) {

    .layout--full-width-compact li,
    .layout--sidebar li {
        font-size: 18px;
        line-height: 29px
    }
}

@media (min-width:1024px) {

    .layout--full-width-compact li,
    .layout--sidebar li {
        font-size: 18px;
        line-height: 29px
    }
}

.layout--full-width li,
.layout--full-width-compact table,
.layout--sidebar table {
    font-size: 16px;
    line-height: 24px
}

@media (min-width:576px) {
    .layout--full-width li {
        font-size: 18px !important;
        line-height: 29px !important
    }
}

@media (min-width:1024px) {
    .layout--full-width li {
        font-size: 20px !important;
        line-height: 32px !important
    }
}

@media (min-width:576px) {

    .layout--full-width-compact table,
    .layout--sidebar table {
        font-size: 16px;
        line-height: 24px
    }
}

@media (min-width:1024px) {

    .layout--full-width-compact table,
    .layout--sidebar table {
        font-size: 16px;
        line-height: 24px
    }
}

.layout--full-width table,
blockquote {
    font-size: 16px;
    line-height: 24px
}

@media (min-width:576px) {
    .layout--full-width table {
        font-size: 20px;
        line-height: 32px
    }
}

@media (min-width:1024px) {
    .layout--full-width table {
        font-size: 20px;
        line-height: 32px
    }
}

blockquote {
    border-left: 0 none;
    padding: 0;
    color: #1a1a1a;
    font-style: italic;
    white-space: normal;
    quotes: "„" "“";
    margin-bottom: 0
}

@media (min-width:576px) {
    blockquote {
        font-size: 20px;
        line-height: 32px
    }
}

@media (min-width:1024px) {
    blockquote {
        font-size: 20px;
        line-height: 32px
    }
}

.customer-testimonials__content p::before,
blockquote::before {
    content: open-quote
}

.customer-testimonials__content p::after,
blockquote::after {
    content: close-quote
}

input[type=date],
input[type=number],
select {
    display: block;
    width: 100%;
    margin-bottom: 16px;
    font-size: 16px;
    border: 1px solid #dedede;
    color: #323232;
    border-radius: 2px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

select {
    background-color: #fff;
    background-image: url('data:image/svg+xml,<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="icon"><path id="Vector" d="M23 11.3307C23 11.4696 22.9466 11.5925 22.8397 11.6994L15.3687 19.1703C15.2619 19.2772 15.1389 19.3307 15 19.3307C14.8611 19.3307 14.7381 19.2772 14.6313 19.1703L7.16032 11.6994C7.05344 11.5925 7 11.4696 7 11.3307C7 11.1917 7.05344 11.0688 7.16032 10.9619L7.96192 10.1603C8.0688 10.0534 8.19172 10 8.33066 10C8.46961 10 8.59252 10.0534 8.6994 10.1603L15 16.4609L21.3006 10.1603C21.4075 10.0534 21.5304 10 21.6693 10C21.8083 10 21.9312 10.0534 22.0381 10.1603L22.8397 10.9619C22.9466 11.0688 23 11.1917 23 11.3307Z" fill="%231A1A1A"/></g></svg>');
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 29px;
    padding: 8px 48px 8px 16px;
    -moz-padding-start: calc(.75rem - 3px)
}

input[type=date],
input[type=number] {
    padding: 8px 12px 8px 16px
}

input[type=date] {
    text-transform: uppercase
}

.date-input-wrap {
    position: relative
}

.date-input-wrap::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    width: 29px;
    height: 29px;
    background-image: url('data:image/svg+xml,<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Common icons"><path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M8.14174 1.96346C8.14174 1.54637 7.80362 1.20825 7.38653 1.20825C6.96944 1.20825 6.63132 1.54637 6.63132 1.96346V3.37738H3.04827C2.64498 3.37738 2.2923 3.48037 2.00234 3.67368C1.71711 3.86384 1.53638 4.11197 1.4238 4.33713C1.31269 4.55933 1.26091 4.77239 1.23572 4.92353C1.22283 5.00089 1.21609 5.06701 1.21253 5.11674C1.21075 5.14174 1.20974 5.16296 1.20918 5.17981L1.20863 5.20186L1.20852 5.21037L1.2085 5.21398L1.2085 5.21562L1.2085 5.2164C1.2085 5.21678 1.2085 5.21715 1.9637 5.21715H1.2085V9.5554V25.8238C1.2085 26.2271 1.31149 26.5798 1.5048 26.8698C1.69495 27.155 1.94309 27.3357 2.16825 27.4483C2.39045 27.5594 2.60351 27.6112 2.75465 27.6364C2.83201 27.6493 2.89813 27.656 2.94786 27.6596C2.97285 27.6614 2.99408 27.6624 3.01093 27.6629L3.03298 27.6635L3.04149 27.6636L3.0451 27.6636L3.04674 27.6636H3.04752C3.04789 27.6636 3.04827 27.6636 3.04827 26.9084V27.6636H25.8241C26.2274 27.6636 26.5801 27.5606 26.87 27.3673C27.1553 27.1772 27.336 26.929 27.4486 26.7039C27.5597 26.4817 27.6115 26.2686 27.6366 26.1175C27.6495 26.0401 27.6563 25.974 27.6598 25.9243C27.6616 25.8993 27.6626 25.878 27.6632 25.8612L27.6637 25.8391L27.6638 25.8306L27.6639 25.827L27.6639 25.8254V25.8246C27.6639 25.8242 27.6639 25.8238 26.9087 25.8238H27.6639V9.5554V5.21715C27.6639 4.81386 27.5609 4.46118 27.3676 4.17122C27.1774 3.88599 26.9293 3.70526 26.7041 3.59268C26.4819 3.48158 26.2688 3.42979 26.1177 3.4046C26.0404 3.39171 25.9742 3.38497 25.9245 3.38142C25.8995 3.37963 25.8783 3.37862 25.8614 3.37806L25.8394 3.37751L25.8309 3.37741L25.8273 3.37739L25.8256 3.37738L25.8248 3.37738C25.8245 3.37738 25.8241 3.37738 25.8241 4.13259V3.37738H22.241V1.96346C22.241 1.54637 21.9029 1.20825 21.4858 1.20825C21.0687 1.20825 20.7306 1.54637 20.7306 1.96346V3.37738H8.14174V1.96346ZM26.1534 8.80019V5.21715C26.1534 5.07816 26.1209 5.02412 26.1108 5.00905C26.0976 4.98925 26.0746 4.96663 26.0286 4.94364C25.9797 4.91917 25.9216 4.90317 25.8694 4.89447C25.8451 4.89041 25.8265 4.88868 25.8169 4.88799L25.8139 4.8878H22.241V7.38628C22.241 7.80336 21.9029 8.14148 21.4858 8.14148C21.0687 8.14148 20.7306 7.80336 20.7306 7.38628V4.8878H8.14174V7.38628C8.14174 7.80336 7.80362 8.14148 7.38653 8.14148C6.96944 8.14148 6.63132 7.80336 6.63132 7.38628V4.8878H3.04827C2.90928 4.8878 2.85524 4.92037 2.84017 4.93042C2.82037 4.94362 2.79774 4.96663 2.77475 5.01261C2.75029 5.06155 2.73429 5.11963 2.72558 5.17184C2.72153 5.19616 2.7198 5.21478 2.71911 5.22435L2.71891 5.22734V8.80019H26.1534ZM2.71891 10.3106H26.1534V25.8137L26.1532 25.8166C26.1526 25.8262 26.1508 25.8448 26.1468 25.8692C26.1381 25.9214 26.1221 25.9795 26.0976 26.0284C26.0746 26.0744 26.052 26.0974 26.0322 26.1106C26.0171 26.1206 25.9631 26.1532 25.8241 26.1532H3.05848L3.05547 26.153C3.04589 26.1523 3.02728 26.1506 3.00296 26.1465C2.95074 26.1378 2.89266 26.1218 2.84373 26.0974C2.79774 26.0744 2.77474 26.0517 2.76154 26.0319C2.75149 26.0169 2.71891 25.9628 2.71891 25.8238V10.3106Z" fill="black"/></g></svg>');
    background-size: contain;
    background-position: center;
    background-color: #fff;
    pointer-events: none
}

.checkbox,
.radio {
    margin-bottom: 24px;
    margin-left: 0;
    margin-right: 0
}

.checkbox--inline,
.radio--inline {
    display: inline-block;
    margin-right: 40px
}

.checkbox label,
.radio label {
    font-size: 16px;
    line-height: 1.4;
    padding-left: 36px;
    margin: 0
}

.checkbox input,
.radio input {
    opacity: 0;
    position: absolute;
    left: -99999px
}

.checkbox input:checked+label::after,
.radio input:checked+label::after {
    content: ""
}

.checkbox input:focus+label::before,
.radio input:focus+label::before {
    border-color: #c0dc37
}

.checkbox label,
.radio label {
    cursor: pointer;
    position: relative
}

.checkbox label::after,
.checkbox label::before {
    position: absolute;
    display: inline-block
}

.checkbox label::before {
    content: "";
    background-color: #fff;
    left: 0;
    top: 0;
    height: 24px;
    width: 24px;
    border: 1px solid #838383
}

.checkbox label::after {
    content: none;
    top: 1px;
    left: 3px;
    height: 10.9090909091px;
    width: 24px;
    border-left: 3px solid;
    border-bottom: 3px solid;
    border-color: #c0dc37;
    transform: rotate(-45deg)
}

.checkbox label a {
    color: #838383;
    text-decoration: underline;
    font-size: inherit !important
}

.radio label::after,
.radio label::before {
    position: absolute;
    display: inline-block;
    border-radius: 50%
}

.radio label::before {
    content: "";
    background-color: #fff;
    left: 0;
    top: -2px;
    height: 24px;
    width: 24px;
    border: 1px solid #838383
}

.radio label::after {
    content: none;
    top: 4px;
    left: 6px;
    height: 12px;
    width: 12px;
    background-color: #c0dc37
}

input[type=email],
input[type=tel],
input[type=text] {
    width: 100%;
    border: 1px solid #838383;
    padding: 14px 20px;
    border-radius: 5px;
    height: auto;
    box-shadow: none
}

input[type=email]:active,
input[type=email]:focus,
input[type=tel]:active,
input[type=tel]:focus,
input[type=text]:active,
input[type=text]:focus {
    box-shadow: none
}

.text-input {
    position: relative;
    margin-bottom: 24px;
    padding-top: 6px
}

.text-input label {
    position: absolute;
    top: -2px;
    left: 18px;
    line-height: 1;
    font-size: 15px;
    background-color: #fff;
    padding: 0 5px;
    color: #595b60
}

.text-input::-webkit-input-placeholder {
    color: #b7b7b7
}

.text-input::-moz-placeholder {
    color: #b7b7b7
}

.text-input:-ms-input-placeholder {
    color: #b7b7b7
}

.text-input:-moz-placeholder {
    color: #b7b7b7
}

.form-field-error__text {
    display: none;
    margin-bottom: 8px;
    color: red !important
}

.form-field-error__container label {
    color: red !important
}

.form-field-error__container input {
    border-color: red !important
}

.form-field-error__container .form-field-error__text,
.micromodal-slide.is-open {
    display: block
}

.form-info-box {
    position: relative;
    background-color: #f9f9f9;
    padding: 16px;
    margin-bottom: 32px
}

.form-info-box::after {
    display: block;
    position: absolute;
    left: 16px;
    top: 18px;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%
}

.form-info-box--error {
    background-color: rgba(255, 0, 0, .04);
    color: red;
    padding-left: 64px
}

.form-info-box--error i {
    font-size: 24px;
    line-height: 1;
    left: 20px;
    top: 16px;
    position: absolute
}

.form-info-box--error a {
    color: red;
    text-decoration: underline
}

.form-info-box__error-message {
    font-weight: 700
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important
}

.micromodal-slide {
    display: none
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
    animation: overlayIn .2s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide[aria-hidden=false] .modal__container {
    animation: containerIn .2s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
    animation: overlayOut .2s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide[aria-hidden=true] .modal__container {
    animation: containerOut .2s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide__container,
.micromodal-slide__overlay {
    will-change: transform
}

body {
    padding-top: 96px
}

body.body-light {
    padding-top: 0
}

body.body-lead-form {
    padding-top: 0;
    background-color: #f5f3ef
}

@media (min-width:1024px) {
    body.home {
        padding-top: 0
    }
}

.website-container {
    max-width: 1240px;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px
}

@media (max-width:1023.98px) {
    body {
        padding-top: 48px
    }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.header {
    max-width: 1240px;
    margin: 0 auto;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px
}

@media (min-width:1024px) {
    .header {
        padding-right: 32px;
        padding-left: 32px;
        height: 72px
    }
}

.header__wrapper {
    position: fixed;
    display: flex;
    background-color: #fff !important;
    align-items: flex-end;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    transition: background-color .3s
}

@media (min-width:1024px) {
    .header__wrapper {
        height: 96px;
        background-color: #fff !important
    }

    .home .header__wrapper:not(:hover) {
        background-color: #fff !important
    }

    .header__wrapper--transparency {
        background-color: #fff !important
    }

    .header__wrapper--no-transparency {
        background-color: #fff !important
    }

    .header__logo-wrapper {
        margin-bottom: 6px
    }
}

.header__logo-wrapper a {
    display: block;
    line-height: 1
}

.header__cta {
    display: block;
    padding: 10px;
    transition: background 1s;
    margin-bottom: 4px
}

@media (max-width:575.98px) {
    .header__cta {
        display: none
    }
}

.header--normal {
    color: #c0dc37
}

.header--inverted {
    background: #c0dc37 !important;
    color: #fff;
    font-weight: 700;
    animation: pulse 1s linear
}

.header--inverted:hover {
    border-color: #d10000;
    color: #fff;
    background: #d10000 !important;
    transition: background .4s
}

.header__logo {
    width: 160px
}

.header__logo:hover {
    transform: scale(1.03);
    transform-origin: center
}

@media (max-width:1023.98px) {

    .header,
    .header__wrapper {
        height: 48px
    }

    .header__logo {
        width: 120px
    }
}

.header-light {
    display: flex;
    align-items: center;
    max-width: 1240px;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px
}

@media (min-width:1024px) {
    .header-light {
        padding-right: 32px;
        padding-left: 32px
    }
}

.header-light__logo {
    display: block;
    height: 32px
}

@media (min-width:1024px) {
    .header-light__logo {
        height: 32px
    }
}

.header-light__wrapper {
    background-color: #fff
}

.header-light__logo-wrapper {
    display: block;
    flex: 1;
    padding-top: 8px;
    padding-bottom: 8px
}

@media (min-width:1024px) {
    .header-light__logo-wrapper {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.header-light__logo {
    width: 140px
}

.footer__wrapper {
    min-height: 200px;
    background-color: #1a1a1a;
    padding-top: 32px;
    padding-bottom: 64px
}

@media (max-width:575.98px) {
    .footer__wrapper {
        padding-bottom: 128px
    }
}

.footer__gradient {
    background-image: linear-gradient(to right, #034172, #bfdb35);
    height: 24px
}

.footer--legal {
    padding-top: 32px;
    color: #fff;
    text-transform: uppercase
}

.footer--legal ul,
.footer-menu__legal ul {
    margin-bottom: 0 !important
}

.footer__separator {
    height: 1px;
    background-color: #595b60;
    margin: 0
}

.footer-menu {
    color: #fff;
    margin-bottom: 2rem
}

.footer-menu__title {
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px
}

.footer-menu__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.footer-menu__list-item {
    margin-bottom: 8px
}

.footer-menu__list-item:last-child,
.sidebar-snippet-miniform label:last-child select {
    margin-bottom: 0
}

.footer-menu__legal {
    text-transform: uppercase;
    margin-left: 0;
    text-align: left
}

@media (min-width:576px) {
    .footer-menu__legal {
        text-align: right
    }
}

@media (max-width:575.98px) {
    .footer-menu__legal__title {
        margin-bottom: 20px
    }
}

.footer-menu__legal li {
    margin-bottom: 4px;
    padding: 4px 0
}

@media (min-width:576px) {
    .footer-menu__legal li {
        display: inline-block;
        margin-bottom: 0;
        margin-left: 16px;
        padding: 0
    }
}

.footer-menu__link {
    font-size: 16px;
    line-height: 24px;
    color: #b7b7b7;
    text-decoration: none;
    padding: 4px 0;
    cursor: pointer
}

.footer-menu__link:active,
.footer-menu__link:focus,
.footer-menu__link:hover {
    color: #fff
}

.footer-menu__icon {
    align-items: center;
    display: inline-flex;
    font-size: 20px;
    height: 22px;
    justify-content: center;
    margin-right: 8px;
    width: 26px
}

.footer-light {
    font-size: 14px;
    line-height: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
    margin-bottom: 110px;
    text-align: center;
    color: #595b60
}

.footer-light a {
    color: #595b60
}

.footer-light img {
    width: 10px;
    height: 10px
}

.footer-light__phone {
    margin-bottom: 1rem
}

.footer-light__phone a {
    font-size: 18px;
    display: block
}

.layout--full-width .content,
.layout--full-width-compact .content {
    width: 100%;
    overflow: visible
}

.layout--full-width-compact .head {
    padding: 0 0 24px
}

@media (min-width:576px) {
    .layout--full-width-compact .head {
        padding: 20px 0
    }
}

@media (min-width:1024px) {
    .layout--full-width-compact .head {
        padding: 32px 0
    }
}

.layout--full-width-compact .content {
    max-width: 920px;
    margin-right: auto;
    margin-left: auto
}

.layout--sidebar {
    display: flex
}

@media (max-width:1023.98px) {
    .layout--sidebar {
        flex-direction: column
    }
}

.layout--sidebar .content,
.layout--sidebar .head {
    overflow: visible
}

@media (min-width:576px) {

    .layout--sidebar .content,
    .layout--sidebar .head {
        padding: 20px
    }
}

@media (min-width:1024px) {

    .layout--sidebar .content,
    .layout--sidebar .head {
        flex: 0 0 75%;
        max-width: 75%;
        padding-right: 64px;
        padding-left: 20px
    }
}

@media (max-width:575.98px) {
    .layout--sidebar .head {
        padding-top: 24px;
        padding-bottom: 24px
    }
}

@media (min-width:576px) {
    .layout--sidebar .head {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .layout--sidebar .content {
        padding-bottom: 20px
    }
}

@media (min-width:1024px) {
    .layout--sidebar .content--offset-top {
        margin-top: 0
    }
}

@media (max-width:575.98px) {
    .layout--sidebar .sidebar {
        padding-left: 0 !important;
        padding-top: 24px
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .layout--sidebar .sidebar {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (min-width:1024px) {
    .layout--sidebar .sidebar {
        overflow: visible;
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 8px !important
    }
}

.content {
    overflow: auto
}

.content.separator {
    margin-top: 35px
}

.content--home {
    position: relative;
    padding-top: 0
}

.sidebar-nav {
    margin-bottom: 10px;
    width: 100%
}

@media (max-width:575.98px) {
    .sidebar-nav {
        padding: 0 20px
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .sidebar-nav {
        padding: 0 40px
    }
}

.sidebar-nav__section {
    list-style-type: none;
    padding: 0
}

.sidebar-nav__section__title {
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    margin-bottom: 8px;
    color: #1a1a1a;
    text-transform: uppercase
}

@media (min-width:576px) {
    .sidebar-nav__section__title {
        font-size: 16px !important;
        line-height: 24px !important
    }
}

@media (min-width:1024px) {
    .sidebar-nav__section__title {
        font-size: 14px !important;
        line-height: 20px !important
    }
}

.sidebar-nav__section__item {
    font-size: 16px !important;
    line-height: 24px !important;
    color: #323232;
    padding: 8px 0
}

@media (min-width:576px) {
    .sidebar-nav__section__item {
        font-size: 18px !important;
        line-height: 29px !important
    }
}

@media (min-width:1024px) {
    .sidebar-nav__section__item {
        font-size: 16px !important;
        line-height: 24px !important
    }
}

.layout--full-width .vertical-rhythm>div,
.layout--full-width .vertical-rhythm>img,
.sidebar-nav__section--space {
    margin-bottom: 48px
}

.sidebar-nav__link:hover {
    color: #c0dc37
}

.template-404__content {
    margin-bottom: 64px
}

@media (min-width:576px)and (max-width:1023.98px) {

    .layout--full-width .vertical-rhythm>div,
    .layout--full-width .vertical-rhythm>img {
        margin-bottom: 64px
    }
}

@media (min-width:1024px) {

    .layout--full-width .vertical-rhythm>div,
    .layout--full-width .vertical-rhythm>img {
        margin-bottom: 64px
    }
}

.layout--full-width-compact .vertical-rhythm>div,
.layout--sidebar .vertical-rhythm>div {
    margin-bottom: 24px
}

@media (min-width:576px) {

    .layout--full-width-compact .vertical-rhythm>div,
    .layout--sidebar .vertical-rhythm>div {
        margin-bottom: 48px
    }
}

@media (min-width:1024px) {

    .layout--full-width-compact .vertical-rhythm>div,
    .layout--sidebar .vertical-rhythm>div {
        margin-bottom: 48px
    }
}

.layout--full-width .vertical-rhythm .vr-medium {
    margin-top: 80px;
    margin-bottom: 80px
}

@media (min-width:576px) {
    .layout--full-width .vertical-rhythm .vr-medium {
        margin-top: 80px;
        margin-bottom: 80px
    }
}

@media (min-width:1024px) {
    .layout--full-width .vertical-rhythm .vr-medium {
        margin-top: 96px;
        margin-bottom: 96px
    }
}

.layout--full-width .vertical-rhythm .vr-large {
    margin-top: 96px;
    margin-bottom: 96px
}

@media (min-width:576px) {
    .layout--full-width .vertical-rhythm .vr-large {
        margin-top: 144px;
        margin-bottom: 144px
    }
}

@media (min-width:1024px) {
    .layout--full-width .vertical-rhythm .vr-large {
        margin-top: 160px;
        margin-bottom: 160px
    }
}

.layout--full-width-compact .vertical-rhythm .vr-medium,
.layout--sidebar .vertical-rhythm .vr-medium {
    margin-top: 48px;
    margin-bottom: 48px
}

@media (min-width:576px) {

    .layout--full-width-compact .vertical-rhythm .vr-medium,
    .layout--sidebar .vertical-rhythm .vr-medium {
        margin-top: 64px;
        margin-bottom: 64px
    }
}

@media (min-width:1024px) {

    .layout--full-width-compact .vertical-rhythm .vr-medium,
    .layout--sidebar .vertical-rhythm .vr-medium {
        margin-top: 64px;
        margin-bottom: 64px
    }
}

.layout--full-width-compact .vertical-rhythm .vr-large,
.layout--sidebar .vertical-rhythm .vr-large {
    margin-top: 64px;
    margin-bottom: 64px
}

@media (min-width:576px) {

    .layout--full-width-compact .vertical-rhythm .vr-large,
    .layout--sidebar .vertical-rhythm .vr-large {
        margin-top: 80px;
        margin-bottom: 80px
    }
}

@media (min-width:1024px) {

    .layout--full-width-compact .vertical-rhythm .vr-large,
    .layout--sidebar .vertical-rhythm .vr-large {
        margin-top: 80px;
        margin-bottom: 80px
    }
}

.highlight+.technology {
    margin-top: -16px !important
}

@media (min-width:576px) {
    .highlight+.technology {
        margin-top: -64px !important
    }
}

@media (min-width:1024px) {
    .highlight+.technology {
        margin-top: -64px !important
    }
}

.contact-banner {
    display: flex;
    padding: 48px 20px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    overflow: hidden
}

@media (min-width:1024px) {
    .contact-banner {
        padding: 64px 20px
    }
}

.contact-banner__wrapper {
    background-color: #f5f3ef
}

.contact-banner h2 {
    font-size: 23px;
    line-height: 32px;
    font-family: "Mont Bold", sans-serif;
    margin-bottom: 32px;
    text-align: center
}

@media (min-width:576px) {
    .contact-banner h2 {
        font-size: 32px;
        line-height: 40px;
        font-weight: 500 !important
    }
}

@media (min-width:1024px) {
    .contact-banner h2 {
        font-size: 41px;
        line-height: 56px;
        font-family: "Mont Heavy", sans-serif
    }
}

@media (max-width:1023.98px) {
    .contact-banner h2 {
        margin-bottom: 24px
    }
}

.contact-banner__content {
    z-index: 1;
    text-align: center;
    color: #323232
}

.contact-banner__background-logo {
    width: 60vw;
    height: auto;
    position: absolute;
    top: 16px;
    left: -30vw;
    opacity: .5
}

@media (max-width:1023.98px) {
    .contact-banner__background-logo {
        width: 100vw;
        top: -50vw;
        left: -33vw
    }
}

.contact-banner__trustpilot {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    margin-top: 24px
}

@media (max-width:1023.98px) {
    .contact-banner__trustpilot {
        align-items: flex-start;
        align-content: flex-start;
        gap: 4px 8px;
        align-self: stretch;
        flex-wrap: wrap;
        margin-top: 24px
    }
}

.contact-banner__trustpilot__logo,
.contact-banner__trustpilot__stars {
    height: 24px
}

.contact-banner__referral {
    font-size: 16px;
    line-height: 24px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    margin-top: 48px
}

@media (max-width:575.98px) {
    .contact-banner__referral {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center
    }
}

@media (max-width:1023.98px) {
    .contact-banner__referral {
        margin-top: 24px
    }
}

.contact-banner__referral__link {
    font-size: 16px;
    line-height: 24px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    text-decoration-line: underline
}

.contact-banner__referral__link:hover {
    color: #c0dc37
}

.generic-hero,
.generic-hero::before {
    background-size: cover;
    background-position: center
}

.generic-hero {
    margin-bottom: 48px
}

@media (min-width:1024px) {
    .generic-hero {
        height: 480px;
        margin-bottom: 80px
    }
}

@media (min-width:1200px) {
    .generic-hero {
        height: 540px
    }
}

@media (min-width:1920px) {
    .generic-hero {
        height: 600px
    }
}

.generic-hero::before {
    content: "";
    display: block
}

@media (max-width:575.98px) {
    .generic-hero::before {
        height: 180px
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .generic-hero::before {
        height: 250px
    }
}

.generic-hero__container {
    max-width: 1240px;
    height: 100%;
    margin: 0 auto;
    position: relative
}

@media (max-width:1023.98px) {
    .generic-hero__box {
        background-color: #000;
        text-align: center
    }
}

@media (max-width:575.98px) {
    .generic-hero__box {
        padding: 32px 20px 64px
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .generic-hero__box {
        padding: 48px 96px 80px
    }
}

@media (min-width:1024px) {
    .generic-hero__box {
        position: absolute;
        background-color: rgba(0, 0, 0, .85);
        width: calc(58% - 24px);
        bottom: 12px;
        left: 44px;
        padding: 64px 32px 112px
    }
}

.generic-hero__box::after {
    background-image: linear-gradient(to right, #034172, #bfdb35);
    content: "";
    height: 24px;
    position: absolute
}

@media (max-width:575.98px) {
    .generic-hero__box::after {
        left: 20px;
        right: 20px
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .generic-hero__box::after {
        left: 96px;
        right: 96px
    }
}

@media (max-width:1023.98px) {
    .generic-hero__box::after {
        background-color: #000;
        text-align: center;
        bottom: -12px
    }
}

@media (min-width:1024px) {
    .generic-hero__box::after {
        width: 100%;
        left: 0;
        bottom: -24px
    }
}

.generic-hero h1 {
    font-size: 32px;
    line-height: 40px;
    font-family: "Mont Bold", sans-serif;
    color: #fff;
    margin-bottom: 0
}

@media (min-width:576px) {
    .generic-hero h1 {
        font-size: 36px;
        line-height: 48px;
        font-family: "Mont Heavy", sans-serif
    }
}

@media (min-width:1024px) {
    .generic-hero h1 {
        font-size: 41px;
        line-height: 56px
    }
}

@media (min-width:1200px) {
    .generic-hero h1 {
        font-size: 46px;
        line-height: 56px;
        font-family: "Mont Heavy", sans-serif
    }
}

.generic-hero__subject {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: #c0dc37;
    margin-bottom: 16px
}

@media (min-width:576px) {
    .generic-hero__subject {
        font-size: 18px;
        line-height: 29px
    }
}

@media (min-width:1024px) {
    .generic-hero__subject {
        margin-bottom: 24px
    }
}

.mt3198 {
    margin-bottom: 48px
}

@media (min-width:1024px) {
    .mt3198 {
        margin-bottom: 64px
    }
}

.mt3198__background {
    background-color: #f5f3ef;
    position: relative;
    overflow: hidden
}

@media (min-width:1024px) {
    .mt3198__wrap {
        display: flex;
        margin: 0 auto;
        max-width: 1240px;
        padding: 80px 20px
    }
}

.mt3198__content {
    padding: 32px 20px 0;
    position: relative
}

@media (min-width:576px) {
    .mt3198__content {
        padding: 48px 48px 0
    }
}

@media (max-width:1023.98px) {
    .mt3198__content {
        text-align: center
    }
}

@media (min-width:1024px) {
    .mt3198__content {
        flex: 0 0 43%;
        padding: 0 32px 0 0;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

.mt3198__logo {
    width: 150vw;
    top: 64px;
    left: 30vw;
    position: absolute;
    pointer-events: none
}

@media (min-width:576px) {
    .mt3198__logo {
        width: 100vw;
        left: 40vw
    }
}

@media (min-width:1024px) {
    .mt3198__logo {
        width: 95vw;
        left: -50vw;
        top: 24px
    }
}

.mt3198__headline {
    font-size: 29px;
    line-height: 40px;
    font-family: "Mont Bold", sans-serif
}

@media (min-width:576px) {
    .mt3198__headline {
        font-size: 36px;
        line-height: 48px;
        font-family: "Mont Heavy", sans-serif
    }
}

@media (min-width:1024px) {
    .mt3198__headline {
        font-size: 41px;
        line-height: 56px
    }
}

.mt3198__subject {
    font-size: 16px;
    line-height: 24px;
    color: #323232
}

@media (min-width:576px) {
    .mt3198__subject {
        font-size: 18px;
        line-height: 29px
    }
}

@media (min-width:1024px) {
    .mt3198__subject {
        font-size: 18px;
        line-height: 29px
    }
}

.mt3198__link {
    margin-top: 20px
}

@media (min-width:576px) {
    .mt3198__link {
        margin-top: 24px
    }
}

.mt3198__trustpilot {
    margin-top: 20px
}

@media (min-width:576px) {
    .mt3198__trustpilot {
        margin-top: 24px
    }
}

@media (max-width:1023.98px) {
    .mt3198__trustpilot {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

.mt3198__image {
    margin-top: 24px;
    width: 100%;
    height: 180px;
    object-fit: cover;
    position: relative
}

@media (min-width:576px) {
    .mt3198__image {
        height: 300px;
        margin-top: 48px
    }
}

@media (min-width:1024px) {
    .mt3198__image {
        height: auto;
        max-width: 670px;
        margin-top: 0
    }
}

.mt3198__benefits {
    padding: 24px 20px 0
}

@media (min-width:1024px) {
    .mt3198__benefits {
        margin: 0 auto;
        max-width: 1240px
    }
}

@media (min-width:576px) {
    .mt3198__benefits ul {
        display: flex;
        flex-direction: row;
        gap: 72px;
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 8px
    }
}

.banner {
    background-color: #1a1a1a
}

.banner::after {
    background-image: linear-gradient(to right, #034172, #bfdb35);
    content: "";
    display: block;
    height: 4px
}

.breaking-news-banner {
    padding: 16px 0
}

@media (min-width:576px) {
    .breaking-news-banner {
        padding: 20px 0
    }
}

.breaking-news-banner__content p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 0
}

@media (min-width:576px) {
    .breaking-news-banner__content p {
        font-size: 18px;
        line-height: 29px
    }
}

.breaking-news-banner__content a {
    color: #fff
}

.breaking-news-banner__icon {
    margin-right: 12px;
    color: #fff;
    font-size: 24px
}

@media (min-width:576px) {
    .breaking-news-banner__icon {
        font-size: 29px
    }
}

.benefit-banner .list {
    margin: 0;
    padding: 16px 0
}

@media (min-width:1024px) {
    .benefit-banner .list {
        justify-content: space-around
    }
}

.benefit-banner .list li {
    margin: 0 0 0 32px
}

@media (min-width:1024px) {
    .benefit-banner .swiper-slide {
        margin: 0 24px;
        width: auto
    }

    .benefit-banner .swiper-slide:first-child {
        margin-left: 0
    }

    .benefit-banner .swiper-slide:last-child {
        margin-right: 0
    }

    .lead-form-footer {
        padding-top: 96px;
        margin: 0 auto;
        width: 100%
    }
}

.lead-form-footer .footer-light {
    margin-bottom: 0 !important;
    padding: 24px 20px 110px
}

.lead-form-background-logo {
    width: 100vw;
    top: -50vw;
    left: -33vw;
    z-index: -1;
    position: fixed
}

@media (min-width:1024px) {
    .lead-form-background-logo {
        left: -50vw;
        top: 16vh
    }
}

.lead-form-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width:576px) {
    .lead-form-wrapper {
        padding: 0 20px
    }
}

@media (min-width:1024px) {
    .lead-form-wrapper {
        flex-direction: row;
        justify-content: center;
        padding: 20px 48px;
        margin: 16vh auto 0;
        max-width: 1480px;
        position: relative
    }
}

@media screen and (min-width:570px)and (max-width:640px) {
    .lead-form-wrapper {
        padding: 0
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.no-tap-highlight {
    -webkit-tap-highlight-color: transparent
}

@media (max-width:575.98px) {
    .layout--full-width .comp-expand-xs {
        margin-right: -20px !important;
        margin-left: -20px !important;
        padding-right: 20px !important;
        padding-left: 20px !important
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .layout--full-width .comp-expand-sm {
        margin-right: -20px !important;
        margin-left: -20px !important;
        padding-right: 20px !important;
        padding-left: 20px !important
    }
}

@media (min-width:1024px) {
    .layout--full-width .comp-expand-lg {
        margin-right: -40px !important;
        margin-left: -40px !important;
        padding-right: 40px !important;
        padding-left: 40px !important
    }
}

@media (max-width:575.98px) {
    .layout--full-width .comp-expand-all {
        margin-right: -20px !important;
        margin-left: -20px !important;
        padding-right: 20px !important;
        padding-left: 20px !important
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .layout--full-width .comp-expand-all {
        margin-right: -20px !important;
        margin-left: -20px !important;
        padding-right: 20px !important;
        padding-left: 20px !important
    }
}

@media (min-width:1024px) {
    .layout--full-width .comp-expand-all {
        margin-right: -40px !important;
        margin-left: -40px !important;
        padding-right: 40px !important;
        padding-left: 40px !important
    }
}

@media (max-width:575.98px) {
    .layout--full-width .comp-expand-np-xs {
        margin-right: -20px !important;
        margin-left: -20px !important
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .layout--full-width .comp-expand-np-sm {
        margin-right: -20px !important;
        margin-left: -20px !important
    }
}

@media (min-width:1024px) {
    .layout--full-width .comp-expand-np-lg {
        margin-right: -40px !important;
        margin-left: -40px !important
    }
}

@media (max-width:575.98px) {
    .layout--full-width .comp-expand-np-all {
        margin-right: -20px !important;
        margin-left: -20px !important
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .layout--full-width .comp-expand-np-all {
        margin-right: -20px !important;
        margin-left: -20px !important
    }
}

@media (min-width:1024px) {
    .layout--full-width .comp-expand-np-all {
        margin-right: -40px !important;
        margin-left: -40px !important
    }
}

@media (max-width:575.98px) {
    .layout--full-width-compact .comp-expand-xs {
        margin-right: -20px !important;
        margin-left: -20px !important;
        padding-right: 20px !important;
        padding-left: 20px !important
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .layout--full-width-compact .comp-expand-sm {
        margin-right: -20px !important;
        margin-left: -20px !important;
        padding-right: 20px !important;
        padding-left: 20px !important
    }
}

@media (min-width:1024px) {
    .layout--full-width-compact .comp-expand-lg {
        margin-right: -40px !important;
        margin-left: -40px !important;
        padding-right: 40px !important;
        padding-left: 40px !important
    }
}

@media (max-width:575.98px) {
    .layout--full-width-compact .comp-expand-all {
        margin-right: -20px !important;
        margin-left: -20px !important;
        padding-right: 20px !important;
        padding-left: 20px !important
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .layout--full-width-compact .comp-expand-all {
        margin-right: -20px !important;
        margin-left: -20px !important;
        padding-right: 20px !important;
        padding-left: 20px !important
    }
}

@media (min-width:1024px) {
    .layout--full-width-compact .comp-expand-all {
        margin-right: -40px !important;
        margin-left: -40px !important;
        padding-right: 40px !important;
        padding-left: 40px !important
    }
}

@media (max-width:575.98px) {
    .layout--full-width-compact .comp-expand-np-xs {
        margin-right: -20px !important;
        margin-left: -20px !important
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .layout--full-width-compact .comp-expand-np-sm {
        margin-right: -20px !important;
        margin-left: -20px !important
    }
}

@media (min-width:1024px) {
    .layout--full-width-compact .comp-expand-np-lg {
        margin-right: -40px !important;
        margin-left: -40px !important
    }
}

@media (max-width:575.98px) {
    .layout--full-width-compact .comp-expand-np-all {
        margin-right: -20px !important;
        margin-left: -20px !important
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .layout--full-width-compact .comp-expand-np-all {
        margin-right: -20px !important;
        margin-left: -20px !important
    }
}

@media (min-width:1024px) {
    .layout--full-width-compact .comp-expand-np-all {
        margin-right: -40px !important;
        margin-left: -40px !important
    }
}

@media (max-width:575.98px) {
    .layout--sidebar .comp-expand-xs {
        margin-right: -20px !important;
        margin-left: -20px !important;
        padding-right: 20px !important;
        padding-left: 20px !important
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .layout--sidebar .comp-expand-sm {
        margin-right: -40px !important;
        margin-left: -40px !important;
        padding-right: 40px !important;
        padding-left: 40px !important
    }
}

@media (min-width:1024px) {
    .layout--sidebar .comp-expand-lg {
        margin-right: -40px !important;
        margin-left: -40px !important;
        padding-right: 40px !important;
        padding-left: 40px !important
    }
}

@media (max-width:575.98px) {
    .layout--sidebar .comp-expand-all {
        margin-right: -20px !important;
        margin-left: -20px !important;
        padding-right: 20px !important;
        padding-left: 20px !important
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .layout--sidebar .comp-expand-all {
        margin-right: -40px !important;
        margin-left: -40px !important;
        padding-right: 40px !important;
        padding-left: 40px !important
    }
}

@media (min-width:1024px) {
    .layout--sidebar .comp-expand-all {
        margin-right: -40px !important;
        margin-left: -40px !important;
        padding-right: 40px !important;
        padding-left: 40px !important
    }
}

@media (max-width:575.98px) {
    .layout--sidebar .comp-expand-np-xs {
        margin-right: -20px !important;
        margin-left: -20px !important
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .layout--sidebar .comp-expand-np-sm {
        margin-right: -40px !important;
        margin-left: -40px !important
    }
}

@media (min-width:1024px) {
    .layout--sidebar .comp-expand-np-lg {
        margin-right: -40px !important;
        margin-left: -40px !important
    }
}

@media (max-width:575.98px) {
    .layout--sidebar .comp-expand-np-all {
        margin-right: -20px !important;
        margin-left: -20px !important
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .layout--sidebar .comp-expand-np-all {
        margin-right: -40px !important;
        margin-left: -40px !important
    }
}

@media (min-width:1024px) {
    .layout--sidebar .comp-expand-np-all {
        margin-right: -40px !important;
        margin-left: -40px !important
    }

    .layout--full-width .comp-squeeze-lg,
    .layout--full-width .vertical-rhythm>.rich-text {
        max-width: 960px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.list-filter__scrollto-button {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 40px;
    right: 24px;
    border-radius: 50%;
    height: 48px;
    width: 48px;
    font-size: 18px;
    z-index: 99;
    cursor: pointer
}

@media (min-width:576px) {
    .list-filter__scrollto-button {
        font-size: 24px;
        height: 56px;
        width: 56px;
        right: 40px
    }
}

.list-filter__scrollto-button:hover {
    color: #c0dc37
}

.list-filter__scrollto-button .hide {
    display: none
}

.list-filter__title {
    margin-top: 40px;
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 700
}

@media (min-width:576px) {
    .list-filter__title {
        font-size: 21px;
        margin-top: 64px
    }
}

.list-filter__button {
    border: 1px solid #dedede;
    padding: 16px;
    position: relative;
    cursor: pointer
}

@media (min-width:576px) {
    .list-filter__button {
        padding: 16px 32px
    }
}

.list-filter__button:hover::after {
    content: "";
    position: absolute;
    height: 2px;
    background-color: #c0dc37;
    right: 0;
    bottom: 0;
    left: 0
}

.list-filter__button--single {
    border-radius: 4px
}

.list-filter__button--start {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

@media (max-width:575.98px) {
    .list-filter__button--start {
        margin-bottom: 12px;
        border-radius: 4px !important
    }
}

.list-filter__button--end {
    border-left-width: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

@media (max-width:575.98px) {
    .list-filter__button--end {
        border-left-width: 1px;
        border-radius: 4px !important
    }
}

.list-filter__button__container {
    min-width: 0;
    flex-basis: 50%
}

.list-filter__button__wrapper {
    display: flex;
    margin-bottom: 64px
}

@media (max-width:575.98px) {
    .list-filter__button__wrapper {
        flex-direction: column
    }
}

@media (min-width:576px) {
    .list-filter__button__wrapper {
        margin-bottom: 80px
    }
}

.list-filter__button__label {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 4px
}

.list-filter__button__selected {
    font-size: 15px;
    color: #595b60;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.list-filter--show {
    display: initial
}

.list-filter--hide {
    display: none
}

.table-wrapper {
    overflow-x: auto
}

@media (max-width:575.98px) {
    .table-wrapper {
        margin-right: -20px;
        margin-left: -20px
    }
}

.table-wrapper table {
    min-width: 100%
}

@media (max-width:575.98px) {
    .table-wrapper table {
        margin-left: 20px
    }
}

.table-wrapper td,
.table-wrapper th {
    padding: .5rem;
    text-align: left;
    line-height: 1.3rem
}

.table-wrapper thead th {
    padding-top: 1rem;
    background-color: #838383;
    color: #fff
}

.table-wrapper tbody th {
    font-weight: 700;
    border-right: 1px solid #dedede
}

.table-wrapper tr:nth-child(even) {
    background-color: #f9f9f9
}

.table-wrapper__bold-link {
    font-weight: 700
}

.handorgel {
    position: relative;
    display: block;
    border-bottom: 1px solid #dedede
}

.handorgel__header {
    display: block;
    margin: 0
}

.handorgel__header:first-child {
    border-top: 0 none
}

.handorgel__header--notransition .handorgel__header__button {
    transition: none
}

.handorgel__header--focus .handorgel__header__button {
    background-color: #dedede;
    outline: 0
}

.handorgel__header--opened .handorgel__header__button {
    color: #fff;
    background-color: #c0dc37
}

.handorgel__header--opened .handorgel__header__button::after {
    transform: translateY(-50%) rotate(180deg);
    color: #fff !important
}

.handorgel__header--opened .handorgel__header__button:active,
.handorgel__header--opened .handorgel__header__button:focus,
.handorgel__header--opened .handorgel__header__button:hover {
    color: #fff;
    background-color: #c0dc37
}

.handorgel__header__button {
    cursor: pointer;
    display: block;
    padding: 12px 58px 12px 24px;
    color: #1a1a1a;
    position: relative;
    transition: background-color .2s ease;
    border-top: 1px solid #dedede
}

.handorgel__header__button:after {
    content: ""
}

.handorgel__header__button::-moz-focus-inner {
    border: 0
}

.handorgel__header__button:active,
.handorgel__header__button:focus {
    color: #1a1a1a
}

.handorgel__header__button:hover {
    color: #c0dc37
}

.handorgel__header__button::after {
    color: #c0dc37;
    font-weight: 700;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.layout--full-width .handorgel__header__button {
    font-size: 16px;
    line-height: 24px
}

@media (min-width:576px) {
    .layout--full-width .handorgel__header__button {
        font-size: 18px;
        line-height: 29px
    }
}

@media (min-width:1024px) {
    .layout--full-width .handorgel__header__button {
        font-size: 20px;
        line-height: 32px
    }
}

.layout--sidebar .handorgel__header__button {
    font-size: 16px;
    line-height: 24px
}

@media (min-width:576px) {
    .layout--sidebar .handorgel__header__button {
        font-size: 18px;
        line-height: 29px
    }
}

@media (min-width:1024px) {
    .layout--sidebar .handorgel__header__button {
        font-size: 18px;
        line-height: 29px
    }
}

.handorgel__content {
    display: none;
    overflow: hidden;
    height: 0;
    transition: height .1s ease .2s;
    background-color: #f9f9f9
}

.handorgel__content--open {
    display: block;
    transition: height .2s ease
}

.handorgel__content--opened {
    overflow: visible
}

.handorgel__content--notransition {
    transition: none
}

.handorgel__content__inner {
    padding: 20px 24px;
    opacity: 0;
    transition: opacity .1s ease
}

.handorgel__content--opened .handorgel__content__inner {
    opacity: 1;
    transition: opacity .3s ease
}

.handorgel__content p {
    margin-bottom: 16px
}

.intro-text {
    text-align: left
}

.layout--full-width .intro-text {
    text-align: center
}

.breadcrumbs {
    line-height: 2.2;
    padding: 24px 0;
    align-items: center
}

.breadcrumbs__back-to-parent {
    color: #1a1a1a
}

.breadcrumbs__back-to-parent:before {
    content: ""
}

.breadcrumbs__back-to-parent::before {
    color: #c0dc37
}

.breadcrumbs__wrapper {
    width: 100%;
    background-color: #1a1a1a;
    border-bottom: 1px solid #595b60
}

.breadcrumbs .active,
.breadcrumbs__link {
    font-size: 14px;
    line-height: 20px;
    margin: 0 6px
}

.breadcrumbs__link {
    color: #b7b7b7;
    text-decoration: none
}

.breadcrumbs .active {
    color: #fff
}

.breadcrumbs__link:first-child {
    margin-left: 0
}

.breadcrumbs__link:hover {
    color: #fff
}

.breadcrumbs .active {
    font-weight: 400
}

.breadcrumbs .t-website-angle-right {
    color: #b7b7b7
}

.block-title {
    font-size: 14px;
    line-height: 20px;
    color: #323232;
    font-weight: 700;
    display: inline-block;
    position: relative;
    padding-bottom: 4px
}

@media (min-width:576px) {
    .block-title {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width:575.98px) {
    .block-title {
        max-width: 75%
    }
}

.block-title::after,
.card__title::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%
}

.block-title::after {
    background-image: linear-gradient(to right, #034172, #bfdb35);
    height: 4px;
    bottom: 0
}

.card {
    font-size: 16px;
    line-height: 24px;
    flex: 0 0 100%;
    border-radius: 2px;
    color: #323232;
    position: relative
}

@media (min-width:576px) {
    .card {
        flex: 0 0 calc(50% - 16px)
    }
}

@media (min-width:1024px) {
    .card {
        flex: 0 0 calc(33.3333333333% - 16px)
    }
}

.card__image {
    width: 100%;
    height: auto;
    object-fit: cover
}

.card__highlight {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    background-color: #c0dc37;
    color: #fff;
    padding: 4px;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

@media (min-width:576px) {
    .card__highlight {
        font-size: 16px;
        line-height: 24px
    }
}

@media (min-width:1024px) {
    .card__highlight {
        font-size: 18px;
        line-height: 29px
    }
}

.card__content {
    margin-bottom: 24px;
    padding: 16px
}

.card__title {
    display: block;
    font-weight: 700
}

.card__title::after {
    top: 0;
    height: 100%
}

.card__description,
.card__title {
    margin-bottom: 8px
}

.card__icon {
    position: absolute;
    bottom: 16px;
    right: 16px
}

.card__list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

@media (min-width:576px) {
    .card__list {
        gap: 24px
    }
}

.tabs {
    background-color: #f9f9f9;
    white-space: nowrap;
    overflow: auto;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 12px;
    position: sticky;
    z-index: 2;
    top: 48px;
    left: 0
}

@media (min-width:576px) {
    .tabs {
        padding: 0 4px
    }
}

@media (min-width:1024px) {
    .tabs {
        padding: 0 24px;
        text-align: center;
        top: 96px;
        margin-left: 0;
        margin-right: 0
    }
}

.tabs__wrap {
    position: relative
}

.tabs__item {
    font-size: 16px;
    line-height: 24px;
    color: #323232;
    background-color: transparent;
    font-weight: 700;
    padding: 24px 0;
    margin: 0 8px;
    border: 0;
    border-bottom: 4px solid transparent
}

@media (min-width:576px) {
    .tabs__item {
        font-size: 20px;
        line-height: 32px;
        padding: 32px 0 24px;
        margin: 0 16px
    }
}

@media (min-width:1024px) {
    .tabs__item {
        padding: 32px 0 24px;
        margin: 0 24px
    }
}

.tabs__item:hover,
.teaser:hover .teaser__title {
    color: #c0dc37
}

.tabs__item--active {
    border-color: #c0dc37
}

.tabs__content {
    display: none;
    padding-top: 48px
}

@media (min-width:576px) {
    .tabs__content {
        padding-top: 64px
    }
}

@media (min-width:1024px) {
    .tabs__content {
        padding-left: 2px;
        padding-right: 2px
    }
}

.tabs__content--active {
    display: block
}

.tabs__more {
    text-align: center;
    padding-top: 48px
}

@media (min-width:576px) {
    .tabs__more {
        padding-top: 64px
    }
}

.teaser {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 2px;
    color: #1a1a1a !important
}

@media (min-width:576px) {
    .teaser {
        flex-direction: row
    }
}

.teaser__image {
    position: relative;
    object-fit: cover
}

@media (max-width:575.98px) {
    .teaser__image {
        min-height: 100%;
        min-width: 100%
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .teaser__image {
        width: 250px;
        height: 150px
    }
}

@media (min-width:1024px) {
    .teaser__image {
        width: 228px;
        height: 142px
    }
}

.teaser__image__wrapper {
    overflow: hidden;
    position: relative;
    background-color: #f9f9f9
}

.teaser__image__wrapper::before {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -4px;
    font-size: .2rem;
    text-indent: -9999rem;
    border-top: 4px solid rgba(131, 131, 131, .2);
    border-right: 4px solid rgba(131, 131, 131, .2);
    border-bottom: 4px solid rgba(131, 131, 131, .2);
    border-left: 4px solid #838383;
    transform: translateZ(0);
    animation: loader 1s infinite linear;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    left: calc(50% - 20px/2);
    top: calc(50% - 20px/2)
}

.teaser__text {
    padding: 1rem;
    flex: 1
}

.teaser__intro-text,
.teaser__title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.teaser__title {
    font-size: 16px;
    line-height: 24px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    display: block;
    font-weight: 700;
    margin-bottom: 4px;
    color: #1a1a1a
}

.teaser__title::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.teaser__intro-text {
    -webkit-line-clamp: 4;
    line-clamp: 4;
    margin-bottom: 0;
    color: #323232
}

@media (min-width:576px)and (max-width:1023.98px) {
    .teaser__intro-text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        line-clamp: 3
    }
}

@media (min-width:1024px) {
    .teaser__intro-text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2
    }

    .layout--full-width .grid-teaser .teaser {
        flex-direction: column
    }
}

.layout--full-width .grid-teaser .teaser__intro-text,
.layout--full-width .grid-teaser .teaser__title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2
}

.layout--full-width .grid-teaser .teaser__intro-text {
    font-size: 16px;
    line-height: 24px;
    -webkit-line-clamp: 4;
    line-clamp: 4
}

@media (min-width:576px) {
    .layout--full-width .grid-teaser .teaser__intro-text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        line-clamp: 3
    }
}

@media (min-width:1024px) {
    .layout--full-width .grid-teaser .teaser__image {
        height: 100%;
        width: 100%;
        object-fit: cover
    }
}

.grid-teaser {
    display: flex;
    flex-wrap: wrap
}

.grid-teaser__item {
    margin-bottom: 12px;
    flex: 0 0 100%
}

@media (max-width:575.98px) {
    .grid-teaser__item {
        width: 100%
    }
}

@media (min-width:1024px) {
    .layout--full-width .grid-teaser__item {
        padding: 0 12px;
        flex: 0 0 33.3333%;
        margin-bottom: 32px
    }

    .layout--full-width .grid-teaser__item .teaser {
        height: 100%
    }
}

.checkmark {
    position: absolute;
    top: 8px;
    right: 4px;
    width: 30px;
    height: 15px
}

.checkmark__line {
    stroke-dasharray: 200% 200%;
    stroke-dashoffset: 200%;
    stroke-width: 4;
    stroke: #c0dc37
}

.checkmark__line--checked {
    stroke-dashoffset: 0%;
    transition: stroke-dashoffset 200ms ease-out
}

.cta-teaser {
    display: block;
    text-align: center;
    position: relative
}

.cta-teaser__bottom {
    position: relative;
    display: inline
}

.cta-teaser__headline {
    font-size: 18px;
    line-height: 29px;
    text-align: center;
    margin-bottom: 16px;
    color: #1a1a1a
}

@media (min-width:576px) {
    .cta-teaser__headline {
        font-size: 23px;
        line-height: 32px;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important
    }
}

@media (max-width:575.98px) {
    .cta-teaser__headline {
        font-weight: 700;
        margin-bottom: 12px
    }
}

.cta-teaser__link {
    position: relative;
    margin: 0
}

.layout--full-width .cta-teaser__headline {
    font-size: 18px;
    line-height: 29px;
    margin-bottom: 24px
}

@media (min-width:576px) {
    .layout--full-width .cta-teaser__headline {
        font-size: 26px;
        line-height: 32px;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important
    }
}

@media (max-width:575.98px) {
    .layout--full-width .cta-teaser__headline {
        margin-bottom: 16px
    }
}

.cta-banner__header {
    font-size: 18px;
    line-height: 29px;
    color: #1a1a1a;
    text-align: center
}

@media (min-width:576px) {
    .cta-banner__header {
        font-size: 23px;
        line-height: 32px;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important
    }
}

@media (min-width:1024px) {
    .cta-banner__header {
        font-size: 23px;
        line-height: 32px;
        font-weight: 500 !important
    }
}

@media (max-width:575.98px) {
    .cta-banner__header {
        margin-bottom: 16px;
        font-weight: 700;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (min-width:576px) {
    .cta-banner__header {
        margin-bottom: 20px
    }
}

.cta-banner__body {
    display: flex;
    padding: 24px 20px;
    background-color: #f5f3ef;
    align-items: flex-end
}

@media (max-width:575.98px) {
    .cta-banner__body {
        flex-direction: column;
        width: 100%
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .cta-banner__body {
        padding: 12px 16px
    }
}

@media (min-width:1024px) {
    .cta-banner__body {
        padding: 12px 32px
    }
}

.cta-banner__item {
    flex: 0 0 33.333%
}

@media (max-width:575.98px) {
    .cta-banner__item {
        width: 100%;
        margin-bottom: 16px
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .cta-banner__item {
        padding: 0 8px;
        width: 100%
    }
}

@media (min-width:1024px) {
    .cta-banner__item {
        padding: 0 16px
    }
}

@media (min-width:576px) {
    .cta-banner__item {
        flex-basis: 35%
    }
}

.cta-banner__item:last-child {
    text-align: center;
    align-self: center
}

@media (max-width:575.98px) {
    .cta-banner__item:last-child {
        margin-top: 8px;
        margin-bottom: 0
    }
}

@media (min-width:576px) {
    .cta-banner__item:last-child {
        flex-basis: 30% !important
    }
}

.cta-banner label {
    margin-bottom: 4px
}

.cta-banner select {
    margin-bottom: 0
}

.customer-referral-result .form-info-box--error {
    display: none
}

.customer-referral-result--invalid .form-info-box--error {
    display: block
}

.customer-referral-result__content {
    background-color: #f5f3ef;
    padding: 24px
}

@media (max-width:575.98px) {
    .customer-referral-result__content {
        text-align: center;
        padding: 24px 20px
    }
}

@media (min-width:1024px) {
    .customer-referral-result__content {
        padding: 32px 48px
    }
}

.customer-referral-result--invalid .customer-referral-result__content {
    display: none
}

@media (max-width:575.98px) {
    .customer-referral-result__button {
        margin-bottom: 24px;
        width: 100%
    }
}

.customer-referral-result__button:disabled {
    pointer-events: none
}

.customer-referral-result__input {
    flex: 1
}

@media (max-width:575.98px) {
    .customer-referral-result__input {
        margin: 12px 0
    }
}

.customer-referral-result__input:disabled {
    background-color: #fff;
    color: #323232
}

@media (min-width:576px) {
    .customer-referral-result__result {
        gap: 8px;
        margin: 4px 0 24px
    }
}

.customer-referral-result__shareable {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #c0dc37 !important;
    color: #fff !important;
    font-size: 24px;
    width: 48px;
    height: 48px
}

@media (min-width:1024px) {
    .customer-referral-result__shareable {
        font-size: 20px;
        width: 32px;
        height: 32px
    }
}

.customer-referral-result__shareable:not(:last-child) {
    margin-right: 24px
}

.customer-referral-result__shareable:hover {
    background-color: #d10000 !important
}

.customer-referral-result__shareable__list {
    margin: 12px 0 0
}

@media (min-width:576px) {
    .customer-referral-result__shareable__list {
        margin: 0 0 0 12px
    }
}

.customer-referral-result__shareable__wrap {
    margin-bottom: 16px
}

.customer-referral-result__text {
    font-size: 16px;
    line-height: 24px;
    color: #323232
}

@media (min-width:576px) {
    .customer-referral-result__text {
        font-size: 18px;
        line-height: 29px
    }
}

.customer-referral-result__text a {
    text-decoration: underline
}

.info-box {
    position: relative;
    background: rgba(55, 108, 171, .1);
    color: #1a1a1a;
    padding-top: 32px;
    padding-bottom: 32px
}

@media (min-width:576px) {
    .info-box {
        padding: 32px
    }
}

.info-box--with-icon {
    padding-top: 48px
}

.info-box--with-icon-wrapper {
    padding-top: 24px
}

.info-box .rich-text>:last-child,
.news-banner-mt3464 .rich-text>:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.info-box h2,
.info-box h3 {
    color: #1a1a1a;
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: 700
}

@media (min-width:576px) {

    .info-box h2,
    .info-box h3 {
        margin-bottom: 16px
    }
}

.layout--full-width-compact .info-box h2,
.layout--full-width-compact .info-box h3,
.layout--sidebar .info-box h2,
.layout--sidebar .info-box h3 {
    font-size: 18px !important;
    line-height: 29px !important
}

@media (min-width:576px) {

    .layout--full-width-compact .info-box h2,
    .layout--full-width-compact .info-box h3,
    .layout--sidebar .info-box h2,
    .layout--sidebar .info-box h3 {
        font-size: 23px !important;
        line-height: 32px !important;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important
    }
}

.layout--full-width .info-box h2,
.layout--full-width .info-box h3 {
    font-size: 18px !important;
    line-height: 29px !important
}

@media (min-width:576px) {

    .layout--full-width .info-box h2,
    .layout--full-width .info-box h3 {
        font-size: 26px !important;
        line-height: 32px !important;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important
    }
}

.info-box .icon {
    position: absolute;
    left: 0;
    top: -18px;
    margin-left: 24px;
    text-align: center;
    font-size: 48px;
    line-height: 30px;
    color: #376cab
}

.info-box .icon:before {
    content: ""
}

@media (min-width:576px) {
    .info-box .icon {
        margin-left: 32px
    }
}

.news-banner-mt3464 {
    position: relative;
    background-color: #feede6;
    color: #1a1a1a;
    padding: 32px 20px;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
    margin-right: 0
}

@media (min-width:576px) {
    .news-banner-mt3464 {
        padding: 32px
    }
}

.news-banner-mt3464__wrapper {
    margin-top: 64px
}

@media (min-width:576px) {
    .news-banner-mt3464__wrapper {
        margin-top: 80px
    }
}

.news-banner-mt3464__title {
    position: absolute;
    top: -23px;
    text-align: center;
    font-size: 48px;
    line-height: 30px;
    background-color: #f64904;
    padding: 8px 16px
}

.news-banner-mt3464__title h1 {
    font-size: 16px !important;
    line-height: 24px !important;
    font-family: "Open Sans", sans-serif;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    font-weight: 700
}

@media (min-width:576px) {
    .news-banner-mt3464__title h1 {
        font-size: 18px !important;
        line-height: 29px !important
    }

    .news-banner-mt3464__title {
        padding: 8px 24px
    }
}

.joblink-box__card {
    margin-bottom: 16px
}

@media (min-width:576px) {
    .joblink-box__card {
        margin-bottom: 24px
    }
}

.joblink-box__card::after {
    background-image: linear-gradient(to right, #034172, #bfdb35);
    content: "";
    display: block;
    position: relative;
    height: 4px
}

@media (min-width:1024px) {
    .joblink-box__card::after {
        height: 8px
    }
}

.joblink-box__card__image {
    position: relative;
    padding-bottom: 43.75%;
    background-size: cover;
    background-position: top
}

@media (min-width:576px) {
    .joblink-box__card__image {
        padding-bottom: 62.5%
    }
}

.joblink-box__card__image img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-position: top;
    object-fit: cover
}

.joblink-box__card__image:hover .joblink-box__card__image__overlay {
    text-decoration: underline;
    color: #fff
}

.joblink-box__card__image__overlay {
    font-size: 20px;
    line-height: 32px;
    padding: 8px 16px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(50, 50, 50, .75);
    margin-bottom: 0;
    color: #fff
}

@media (min-width:576px) {
    .joblink-box__card__image__overlay {
        font-size: 23px;
        line-height: 32px;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important
    }
}

@media (max-width:575.98px) {
    .joblink-box__card__image__overlay {
        font-weight: 700
    }
}

.featured-image__modern {
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 0 !important;
    height: 150px
}

@media (min-width:576px) {
    .featured-image__modern {
        height: 180px
    }
}

@media (min-width:1024px) {
    .featured-image__modern {
        height: 250px
    }
}

.featured-image__modern__wrapper {
    display: block
}

.featured-image__sidebar {
    width: 100%
}

.sources h2,
.sources p {
    font-size: 14px;
    line-height: 20px
}

@media (min-width:576px) {

    .sources h2,
    .sources p {
        font-size: 14px;
        line-height: 20px
    }
}

@media (min-width:1024px) {

    .sources h2,
    .sources p {
        font-size: 14px;
        line-height: 20px
    }
}

.sources p {
    overflow-wrap: break-word;
    word-wrap: break-word
}

.sources a {
    word-break: break-all
}

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

@media (min-width:576px) {
    .jumplinks__ul {
        display: inline-block
    }
}

.jumplinks__title {
    font-size: 16px;
    line-height: 24px;
    color: #1a1a1a;
    font-weight: 700;
    margin-bottom: 8px
}

.jumplinks__link {
    font-size: 16px;
    display: block;
    color: #1a1a1a;
    border-top: 1px solid #dedede;
    padding: 8px 0;
    text-decoration: none;
    line-height: 1.4
}

.jumplinks__link::before {
    margin-left: -5px;
    margin-right: -4px
}

.jumplinks__link:hover {
    color: #c0dc37
}

.jumplink-anchor {
    margin-bottom: 0 !important
}

.loader-overlay {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    opacity: .9;
    background-color: #fff;
    z-index: 3
}

.loader-overlay__loader {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    font-size: .2rem;
    position: relative;
    text-indent: -9999rem;
    border-top: 10px solid rgba(192, 220, 55, .2);
    border-right: 10px solid rgba(192, 220, 55, .2);
    border-bottom: 10px solid rgba(192, 220, 55, .2);
    border-left: 10px solid #c0dc37;
    transform: translateZ(0);
    animation: loader 1s infinite linear;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.sidebar-snippet {
    font-size: 16px !important;
    line-height: 24px !important;
    margin-bottom: 48px;
    margin-top: 20px
}

@media (min-width:1024px) {
    .sidebar-snippet {
        margin-bottom: 4rem;
        margin-top: 0
    }

    .sidebar-snippet:first-of-type {
        margin-bottom: 8rem
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .sidebar-snippet--tablet-box {
        background-repeat: no-repeat;
        background-size: cover;
        padding: 20px 40px 18px 50%;
        margin-right: -40px;
        margin-left: -40px
    }
}

.sidebar-snippet__title {
    font-size: 18px;
    line-height: 29px;
    font-weight: 700
}

.sidebar-snippet__title::after {
    background-image: linear-gradient(to right, #034172, #bfdb35);
    content: "";
    display: block;
    height: 4px;
    margin-top: 8px
}

@media (min-width:576px)and (max-width:1023.98px) {
    .sidebar-snippet__box {
        background-color: #fff;
        box-shadow: rgba(0, 0, 0, .15) 0 0 5px;
        padding: 20px
    }
}

.sidebar-snippet__content {
    display: flex;
    padding: .5rem 0;
    flex-direction: column
}

@media (min-width:576px)and (max-width:1023.98px) {
    .sidebar-snippet__content {
        justify-content: space-around;
        flex-direction: row
    }
}

.vcard {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 24px;
    flex-direction: column;
    text-align: center
}

.vcard__section-image {
    flex: 0 0 60px
}

@media (max-width:575.98px) {
    .vcard__section-image {
        flex: 1
    }
}

.vcard__image {
    display: block;
    height: 54px;
    width: 54px;
    border-radius: 50%;
    margin: 0 auto
}

@media (max-width:575.98px) {
    .vcard__image {
        float: none;
        display: inline-block
    }
}

.vcard a,
.vcard__name,
.vcard__position {
    font-size: 16px;
    line-height: 24px
}

@media (min-width:576px) {

    .vcard a,
    .vcard__name,
    .vcard__position {
        font-size: 16px;
        line-height: 24px
    }
}

@media (min-width:1024px) {

    .vcard a,
    .vcard__name,
    .vcard__position {
        font-size: 16px;
        line-height: 24px
    }
}

.vcard a {
    display: block
}

.vcard__name {
    font-weight: 700
}

@media (min-width:1024px) {
    .sticky {
        position: sticky;
        top: 116px;
        z-index: 10
    }
}

.sidebar-snippet-help__image {
    display: block;
    margin-bottom: 1rem
}

@media (min-width:576px)and (max-width:1023.98px) {
    .sidebar-snippet-miniform {
        background-image: url("../images/snippets/miniform_bg_big_left.18a8edde62b3.jpg");
        background-position: center left
    }
}

.sidebar-snippet-miniform__content {
    margin-top: 24px;
    margin-bottom: 24px;
    display: flex;
    flex-wrap: wrap
}

.sidebar-snippet-miniform__content--hidden-field {
    display: none
}

.sidebar-snippet-miniform label {
    color: #1a1a1a;
    width: 100%
}

.sidebar-snippet-miniform label span {
    display: block;
    margin-bottom: 4px
}

@media (min-width:576px)and (max-width:1023.98px) {
    .sidebar-snippet-newsletter {
        background-image: url("../images/snippets/newsletter_sidebar_tablet.3140a83d8c07.jpg");
        background-position: center
    }
}

.sidebar-snippet-newsletter p {
    margin-bottom: 12px
}

.sidebar-snippet-newsletter li::before {
    color: #55a041
}

.share-buttons {
    display: flex
}

.share-button {
    flex: 1;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 9px 10px
}

@media (min-width:576px) {
    .share-button {
        margin-right: .4rem
    }
}

.share-button:nth-last-of-type(2) {
    margin-right: 0
}

.share-button:active,
.share-button:focus,
.share-button:hover,
.share-button:visited {
    color: #fff
}

.button-facebook {
    background-color: #4267b2
}

.button-facebook:before {
    content: ""
}

.button-facebook:hover {
    background-color: #3b5c9f
}

.button-twitter {
    background-color: #3baae4
}

.button-twitter:before {
    content: ""
}

.button-twitter:hover {
    background-color: #25a0e1
}

.button-mail {
    background-color: #838383
}

.button-mail:before {
    content: ""
}

.button-mail:hover {
    background-color: #767676
}

.button-whatsapp {
    background-color: #49cd46
}

.button-whatsapp:before {
    content: ""
}

.button-whatsapp:hover {
    background-color: #38c435
}

.download {
    display: flex;
    align-items: center;
    margin-bottom: 24px
}

@media (max-width:575.98px) {
    .download__image {
        display: none
    }
}

.download__content {
    flex: 1
}

@media (min-width:576px) {
    .download__content {
        padding-left: 18px
    }
}

.download p {
    margin-bottom: 8px !important
}

.download__link {
    color: #1a1a1a;
    text-decoration: underline;
    word-break: break-all
}

.download__link:active,
.download__link:hover,
.teaser-showcase-large__content a:active,
.teaser-showcase-large__content a:hover {
    color: #c0dc37
}

.flex-video,
.showcase .rich-text p {
    margin-bottom: 0
}

.flex-video iframe {
    border: 0
}

.vertical-rhythm .image img {
    display: block;
    width: 100%;
    height: auto
}

.vertical-rhythm>img {
    display: block;
    height: auto
}

.vertical-rhythm .image--auto-height img,
.vertical-rhythm>img {
    width: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.image-caption {
    font-size: 14px;
    line-height: 20px;
    color: #323232;
    margin: 8px 8px 0
}

.showcase {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media (min-width:576px)and (max-width:1023.98px) {
    .layout--full-width .showcase {
        padding: 0 48px
    }
}

@media (min-width:1024px) {
    .layout--full-width .showcase {
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 48px
    }
}

@media (min-width:576px) {

    .layout--full-width-compact .showcase,
    .layout--sidebar .showcase {
        padding: 0 48px
    }
}

@media (min-width:1024px) {
    .showcase--space-evenly {
        justify-content: space-evenly
    }

    .showcase--space-around {
        justify-content: space-around
    }
}

.showcase__item {
    display: flex;
    flex-direction: row;
    gap: 16px
}

@media (min-width:1024px) {
    .layout--full-width .showcase__item {
        display: block;
        flex: 0 0 calc((100% - 96px)/3)
    }
}

.showcase__image {
    display: block;
    margin: 0 auto;
    width: 64px;
    height: 64px
}

@media (min-width:576px) {
    .showcase__image {
        width: 80px;
        height: 80px
    }
}

@media (min-width:1024px) {
    .layout--full-width .showcase__image {
        width: 96px;
        height: 96px;
        margin: 0 auto 16px 0
    }
}

.showcase__image--round {
    border-radius: 50%
}

.showcase__text {
    align-self: center
}

@media (min-width:576px)and (max-width:1023.98px) {
    .showcase__text {
        flex-basis: 100%
    }
}

.showcase .rich-text h2,
.showcase .rich-text h3 {
    font-size: 18px;
    line-height: 29px;
    text-align: left;
    margin-top: 0
}

@media (min-width:576px) {

    .showcase .rich-text h2,
    .showcase .rich-text h3 {
        font-size: 23px;
        line-height: 32px;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important
    }
}

@media (max-width:1023.98px) {

    .showcase .rich-text h2,
    .showcase .rich-text h3 {
        font-family: "Open Sans", sans-serif;
        font-weight: 700
    }
}

.showcase .rich-text h2 {
    margin-bottom: 8px
}

.showcase .rich-text h2::after {
    margin-top: 8px
}

@media (min-width:576px)and (max-width:1023.98px) {
    .showcase .rich-text h2::after {
        width: 50% !important
    }
}

@media (min-width:1024px) {
    .showcase .rich-text h2::after {
        margin-top: 20px
    }
}

.showcase .rich-text h2::after {
    background-image: linear-gradient(to right, #034172, #bfdb35);
    content: "";
    display: block;
    height: 4px;
    width: 100%
}

.showcase .rich-text h3 {
    margin-bottom: 4px
}

@media (min-width:576px) {
    .showcase .rich-text h3 {
        margin-bottom: 8px
    }
}

.showcase .rich-text ul {
    list-style-type: none;
    padding-left: 32px;
    margin: 0
}

.showcase .rich-text ul li {
    color: #323232;
    position: relative;
    margin-bottom: 8px
}

.showcase .rich-text ul li::before {
    position: absolute;
    font-size: 16px;
    top: 0;
    color: #c0dc37;
    left: -32px
}

.showcase .rich-text>:last-child {
    margin-bottom: 0 !important
}

@media (min-width:1024px) {
    .layout--sidebar .showcase h2 {
        font-size: 20px !important;
        line-height: 32px !important
    }
}

@media (min-width:1024px)and (min-width:576px) {
    .layout--sidebar .showcase h2 {
        font-size: 23px !important;
        line-height: 32px !important;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important
    }
}

@media (min-width:1024px)and (min-width:1024px) {
    .layout--sidebar .showcase h2 {
        font-size: 23px !important;
        line-height: 32px !important;
        font-weight: 500 !important
    }
}

@media (min-width:1024px) {
    .layout--sidebar .showcase h2::after {
        display: none
    }
}

.layout--full-width .showcase .rich-text a,
.layout--full-width .showcase .rich-text p,
.teaser-showcase-large__content a,
.teaser-showcase-large__content p {
    font-size: 16px !important;
    line-height: 24px !important
}

@media (min-width:576px) {

    .layout--full-width .showcase .rich-text a,
    .layout--full-width .showcase .rich-text p {
        font-size: 18px !important;
        line-height: 29px !important
    }
}

@media (min-width:1024px) {

    .layout--full-width .showcase .rich-text a,
    .layout--full-width .showcase .rich-text p {
        font-size: 20px !important;
        line-height: 32px !important
    }
}

.teaser-showcase-large {
    display: flex;
    flex-direction: column;
    position: relative
}

@media (max-width:575.98px) {
    .teaser-showcase-large {
        background-color: #f5f3ef;
        padding: 0 20px 32px
    }

    .teaser-showcase-large::after {
        width: 33% !important
    }
}

@media (min-width:576px) {
    .teaser-showcase-large {
        flex-direction: row
    }
}

.teaser-showcase-large::after {
    background-image: linear-gradient(to right, #034172, #bfdb35);
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    width: 25%;
    height: 8px
}

.teaser-showcase-large__wrapper {
    padding-top: 20px;
    padding-bottom: 8px
}

@media (min-width:576px)and (max-width:1023.98px) {
    .teaser-showcase-large__wrapper {
        padding-top: 24px
    }
}

@media (min-width:1024px) {
    .teaser-showcase-large__wrapper {
        padding-top: 40px
    }
}

@media (max-width:575.98px) {
    .teaser-showcase-large__section-image {
        margin-bottom: 24px
    }
}

@media (min-width:576px) {
    .teaser-showcase-large__section-image {
        flex-basis: 50%;
        align-self: start
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .teaser-showcase-large__section-image {
        padding: 0 8px 24px 24px
    }
}

@media (min-width:1024px) {
    .teaser-showcase-large__section-image {
        padding: 0 16px 40px 80px
    }
}

@media (min-width:576px) {
    .teaser-showcase-large__section-content {
        flex-basis: 50%
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .teaser-showcase-large__section-content {
        padding: 24px;
        align-self: center
    }
}

@media (min-width:1024px) {
    .teaser-showcase-large__section-content {
        padding: 40px 80px 40px 48px
    }
}

.teaser-showcase-large__image {
    display: block;
    width: 100%;
    margin-top: -20px
}

@media (min-width:576px)and (max-width:1023.98px) {
    .teaser-showcase-large__image {
        margin-top: -24px
    }
}

@media (min-width:1024px) {
    .teaser-showcase-large__image {
        margin-top: -40px
    }
}

.teaser-showcase-large__content h3 {
    font-size: 23px;
    line-height: 32px;
    font-family: "Mont Bold", sans-serif;
    margin-bottom: 12px;
    margin-top: 0
}

@media (min-width:576px) {
    .teaser-showcase-large__content h3 {
        font-size: 23px;
        line-height: 32px;
        font-weight: 500 !important
    }
}

@media (min-width:1024px) {
    .teaser-showcase-large__content h3 {
        font-size: 29px;
        line-height: 40px;
        font-weight: 500 !important
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .teaser-showcase-large__content h3 {
        margin-bottom: 8px
    }
}

.teaser-showcase-large__content a {
    color: #1a1a1a;
    text-decoration: underline;
    font-weight: 700
}

@media (min-width:576px) {
    .teaser-showcase-large__content a {
        font-size: 16px !important;
        line-height: 24px !important
    }
}

@media (min-width:1024px) {
    .teaser-showcase-large__content a {
        font-size: 16px !important;
        line-height: 24px !important
    }
}

.teaser-showcase-large__content p {
    margin-bottom: 24px
}

@media (min-width:576px) {
    .teaser-showcase-large__content p {
        font-size: 16px !important;
        line-height: 24px !important
    }
}

@media (min-width:1024px) {
    .teaser-showcase-large__content p {
        font-size: 18px !important;
        line-height: 29px !important
    }
}

@media (min-width:576px) {
    .teaser-showcase-large__content p {
        margin-bottom: 16px
    }
}

@media (min-width:1024px) {
    .teaser-showcase-large__content p {
        margin-bottom: 24px
    }
}

.teaser-showcase-large__content--no-margin p:last-of-type {
    margin-bottom: 0
}

@media (min-width:576px) {
    .teaser-showcase-large__wrapper:nth-child(even) .teaser-showcase-large {
        background-color: #f5f3ef
    }

    .teaser-showcase-large__wrapper:nth-child(even) .teaser-showcase-large::after {
        right: initial;
        left: 0
    }

    .teaser-showcase-large__wrapper:nth-child(even) .teaser-showcase-large__section-image {
        order: 2
    }

    .teaser-showcase-large__wrapper:nth-child(even) .teaser-showcase-large__section-content {
        order: 1
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .teaser-showcase-large__wrapper:nth-child(even) .teaser-showcase-large__section-image {
        padding-right: 24px;
        padding-left: 8px
    }
}

@media (min-width:1024px) {
    .teaser-showcase-large__wrapper:nth-child(even) .teaser-showcase-large__section-image {
        padding-right: 80px;
        padding-left: 16px
    }

    .teaser-showcase-large__wrapper:nth-child(even) .teaser-showcase-large__section-content {
        padding-left: 80px;
        padding-right: 48px
    }
}

.highlight {
    background-color: #fff;
    display: flex;
    align-items: center
}

@media (max-width:575.98px) {
    .highlight {
        flex-direction: column
    }
}

@media (min-width:576px) {
    .highlight--reversed {
        flex-direction: row-reverse
    }

    .highlight--reversed .highlight__section-image {
        padding-left: 32px;
        padding-right: 0
    }
}

@media (min-width:1024px) {
    .highlight--reversed .highlight__section-image {
        padding-left: 64px
    }
}

.highlight__section-image {
    position: relative
}

@media (min-width:576px) {
    .highlight__section-image {
        flex-basis: 42%;
        align-self: center;
        padding-right: 32px
    }
}

@media (min-width:1024px) {
    .highlight__section-image {
        padding-right: 64px
    }
}

@media (min-width:576px) {
    .highlight__section-content {
        flex-basis: 58%
    }
}

.highlight__image {
    display: block;
    margin: 0 auto
}

@media (max-width:575.98px) {
    .highlight__image {
        margin-bottom: 40px;
        max-width: 100%;
        max-height: 300px
    }
}

@media (min-width:576px) {
    .highlight__image {
        max-width: 100%;
        max-height: 350px
    }
}

.highlight__content h2 {
    font-size: 29px;
    line-height: 40px;
    font-family: "Mont Bold", sans-serif;
    text-align: left !important;
    margin-top: 0 !important
}

@media (min-width:576px) {
    .highlight__content h2 {
        font-size: 32px;
        line-height: 40px;
        font-weight: 500 !important
    }
}

@media (min-width:1024px) {
    .highlight__content h2 {
        font-size: 41px;
        line-height: 56px;
        font-family: "Mont Heavy", sans-serif
    }
}

@media (max-width:575.98px) {
    .highlight__content h2 {
        margin-bottom: 8px
    }
}

@media (min-width:576px) {
    .highlight__content h2 {
        margin-bottom: 12px !important
    }
}

.highlight__content p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px
}

@media (min-width:576px) {
    .highlight__content p {
        font-size: 18px;
        line-height: 29px
    }
}

@media (min-width:1024px) {
    .highlight__content p {
        font-size: 20px;
        line-height: 32px
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .highlight__content p {
        margin-bottom: 40px
    }
}

@media (min-width:1024px) {
    .highlight__content p {
        margin-bottom: 48px
    }
}

.thermondo-facts {
    padding-top: 40px;
    padding-bottom: 16px;
    background-image: url("../images/blocks/thermondo-facts/1200x1200_red_office_background.f5e0ab91e87d.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center
}

.thermondo-facts__title {
    color: #fff !important;
    margin-bottom: 16px !important;
    margin-top: 16px !important
}

.thermondo-facts__title::after {
    background-color: #fff !important
}

.thermondo-facts__items {
    display: flex;
    flex-flow: row wrap;
    padding: 0 6rem
}

@media (max-width:575.98px) {
    .thermondo-facts__items {
        padding: 0 2rem
    }
}

.thermondo-facts__item {
    flex: 1;
    display: inline-block;
    text-align: center;
    padding: 0 2rem;
    font-weight: 700;
    margin-bottom: 2rem
}

@media (min-width:576px)and (max-width:1023.98px) {
    .thermondo-facts__item {
        flex-basis: 30%
    }
}

@media (max-width:575.98px) {
    .thermondo-facts__item {
        flex-basis: 100%;
        padding: 0
    }
}

.thermondo-facts__data {
    margin-top: -.4rem;
    font-size: 2.2rem;
    color: #fff
}

.thermondo-facts__label {
    color: #fff
}

.thermondo-facts i::before {
    display: block;
    font-size: 100px;
    color: #fff
}

.logos-strip__headline {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    color: #323232;
    margin-bottom: 16px
}

@media (min-width:576px) {
    .logos-strip__headline {
        font-size: 20px;
        line-height: 32px
    }
}

.logos-strip__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 16px;
    column-gap: 20px
}

@media (min-width:576px) {
    .logos-strip__items {
        column-gap: 24px
    }
}

@media (min-width:1024px) {
    .logos-strip__items {
        row-gap: 32px;
        column-gap: 48px
    }
}

.logos-strip__item {
    text-align: center;
    align-content: center
}

.logos-strip__item__wrapper {
    display: flex;
    align-items: center;
    max-width: 160px;
    height: 40px
}

@media (max-width:1023.98px) {
    .logos-strip__item__wrapper {
        max-width: 120px;
        height: 32px
    }
}

@media (max-width:575.98px) {
    .logos-strip__item__wrapper {
        max-width: 100px;
        height: 28px
    }
}

.logos-strip__item__wrapper img {
    height: 100%;
    width: 100%;
    object-fit: contain
}

@media (max-width:575.98px) {
    .logos-strip__link {
        display: block;
        width: 100px
    }
}

.meta {
    font-size: 14px;
    line-height: 20px;
    color: #595b60
}

@media (min-width:576px) {
    .meta {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width:575.98px) {
    .meta__item {
        display: block
    }
}

@media (min-width:576px) {
    .meta__item:not(:last-child) {
        margin-right: 24px
    }
}

.meta__link {
    color: #1a1a1a;
    text-decoration: underline
}

.meta__link:active,
.meta__link:hover,
.plyr--full-ui input[type=range],
.technology-desktop__content a:active,
.technology-desktop__content a:hover,
.technology-mobile .handorgel__content a:active,
.technology-mobile .handorgel__content a:hover,
.technology-mobile .handorgel__content__inner a:active,
.technology-mobile .handorgel__content__inner a:hover {
    color: #c0dc37
}

.zipcode-search-small {
    position: relative
}

@media (max-width:575.98px) {
    .zipcode-search-small {
        padding-top: 88px
    }
}

.zipcode-search-small--fail .zipcode-search-small__request,
.zipcode-search-small--success .zipcode-search-small__request,
.zipcode-search-small__result,
.zipcode-search-small__result__fail {
    display: none
}

.zipcode-search-small--fail .zipcode-search-small__result,
.zipcode-search-small--fail .zipcode-search-small__result__fail,
.zipcode-search-small--success .zipcode-search-small__result {
    display: block
}

.zipcode-search-small button.t-btn-is-loading .t-website-search,
.zipcode-search-small--fail .zipcode-search-small__result__success {
    display: none
}

.zipcode-search-small .form-info-box {
    display: none;
    margin: 16px 0 0
}

.zipcode-search-small__headline {
    background-image: linear-gradient(to right, #034172, #bfdb35);
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    padding: 48px 20px 20px;
    text-align: center
}

@media (min-width:576px) {
    .zipcode-search-small__headline {
        font-size: 23px;
        line-height: 32px;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important;
        padding: 20px 48px;
        text-align: left
    }
}

.zipcode-search-small__subtitle {
    font-size: 16px;
    line-height: 24px;
    color: #323232;
    margin-bottom: 24px
}

@media (min-width:576px) {
    .zipcode-search-small__subtitle {
        font-size: 18px;
        line-height: 29px;
        margin-bottom: 20px
    }
}

.zipcode-search-small__content {
    background-color: #f5f3ef;
    padding: 24px 20px 32px
}

@media (min-width:576px) {
    .zipcode-search-small__content {
        display: flex;
        padding: 20px 48px 32px
    }
}

@media (max-width:575.98px) {
    .zipcode-search-small__image {
        left: 50%;
        position: absolute;
        top: 0;
        transform: translate(-50%, 0)
    }
}

@media (min-width:576px) {
    .zipcode-search-small__image {
        margin-right: 24px
    }
}

.zipcode-search-small__status {
    font-size: 20px;
    line-height: 32px;
    align-items: center;
    color: #323232;
    display: flex;
    font-weight: 700;
    margin-bottom: 12px;
    padding: 8px 0
}

@media (min-width:576px) {
    .zipcode-search-small__status {
        font-size: 23px;
        line-height: 32px;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important
    }
}

@media (max-width:575.98px) {
    .zipcode-search-small__status {
        justify-content: center
    }
}

.zipcode-search-small--success .zipcode-search-small__status {
    color: #55a041
}

.zipcode-search-small__status i {
    background-color: #323232;
    border-radius: 50%;
    color: #fff;
    font-size: 40px;
    line-height: 38px;
    margin-right: 12px
}

.zipcode-search-small--success .zipcode-search-small__status i {
    background-color: #55a041
}

@media (min-width:576px) {
    .zipcode-search-small input {
        margin-right: 8px;
        width: 220px
    }
}

@media (max-width:575.98px) {
    .zipcode-search-small button {
        margin-top: 12px
    }
}

.zipcode-search-small a {
    margin-top: 12px
}

.tooltip {
    box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    max-width: 20rem !important;
    z-index: 999
}

.iframe {
    width: 100%;
    border: 1px solid #dedede
}

.mobile-conversion-banner {
    position: fixed;
    bottom: -100%;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 10;
    transition: bottom .5s;
    padding-top: 12px;
    padding-bottom: 12px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border-top: 1px solid #dedede
}

.mobile-conversion-banner__container {
    display: flex;
    align-items: center
}

@media (min-width:576px) {
    .mobile-conversion-banner__container {
        width: 460px;
        margin: 0 auto
    }
}

@media (max-width:575.98px) {
    .mobile-conversion-banner__container {
        flex-direction: column;
        padding: 0 20px
    }
}

.mobile-conversion-banner--show {
    bottom: 0
}

.mobile-conversion-banner__headline {
    font-size: 16px;
    line-height: 24px;
    flex: 1
}

@media (min-width:576px) {
    .mobile-conversion-banner__headline {
        font-size: 18px;
        line-height: 29px
    }
}

@media (max-width:575.98px) {
    .mobile-conversion-banner__headline {
        text-align: center;
        padding-right: 6px;
        margin-bottom: 8px
    }
}

@media (min-width:576px) {
    .mobile-conversion-banner__headline {
        flex-basis: 60%
    }
}

.mobile-conversion-banner .t-btn-1 {
    flex: 1
}

@media (min-width:576px) {
    .mobile-conversion-banner .t-btn-1 {
        flex-basis: 40%
    }
}

.expert-box {
    padding-top: 20px;
    padding-bottom: 20px
}

.expert-box__photo {
    border-radius: 50%;
    width: 100%;
    height: auto
}

.expert-box__title {
    font-size: 20px;
    line-height: 32px;
    padding: 0 10px;
    background-color: #595b60;
    color: #fff;
    display: inline-block;
    margin-bottom: 16px
}

@media (max-width:575.98px) {
    .expert-box__title {
        display: block;
        text-align: center
    }
}

.expert-box__first-last-name {
    font-weight: 700
}

.expert-box__first-last-name,
.expert-box__short-description {
    font-size: 14px;
    line-height: 20px
}

@media (min-width:576px) {

    .expert-box__first-last-name,
    .expert-box__short-description {
        font-size: 18px;
        line-height: 29px;
        display: inline
    }
}

.daily-leads {
    display: none;
    text-align: center
}

.header-light .daily-leads {
    padding-top: 0
}

@media (max-width:575.98px) {
    .header-light .daily-leads {
        text-align: right
    }
}

.daily-leads__digit,
.daily-leads__section {
    display: inline-block
}

.daily-leads__digit {
    font-size: 16px;
    line-height: 24px;
    color: #55a041;
    font-weight: 700;
    background-color: #f9f9f9;
    border-radius: 2px;
    padding: 0 2px
}

@media (min-width:576px) {
    .daily-leads__digit {
        font-size: 18px;
        line-height: 29px;
        padding: 0 4px
    }
}

.daily-leads__text {
    font-size: 16px;
    line-height: 24px;
    margin-right: 8px;
    color: #323232
}

@media (min-width:576px) {
    .daily-leads__text {
        font-size: 18px;
        line-height: 29px
    }
}

.promotion-banner-theme {
    --promo-banner-headline-color: #1a1a1a;
    --promo-banner-content-color: #323232
}

.promotion-banner-theme--basic .promotion-banner-generic__section-text,
.promotion-banner-theme--basic .promotion-banner-product__section-text {
    background-color: #f5f3ef
}

@media (min-width:1024px) {

    .layout--full-width .promotion-banner-theme--basic,
    .layout--full-width-compact .promotion-banner-theme--basic {
        background-color: #f5f3ef
    }

    .layout--full-width .promotion-banner-theme--basic .promotion-banner-generic__section-text,
    .layout--full-width .promotion-banner-theme--basic .promotion-banner-product__section-text,
    .layout--full-width-compact .promotion-banner-theme--basic .promotion-banner-generic__section-text,
    .layout--full-width-compact .promotion-banner-theme--basic .promotion-banner-product__section-text {
        background-color: transparent
    }
}

.promotion-banner-theme--highlight {
    --promo-banner-headline-color: #fff;
    --promo-banner-content-color: #fff
}

.promotion-banner-theme--highlight .promotion-banner-generic__section-text,
.promotion-banner-theme--highlight .promotion-banner-product__section-text {
    background-image: linear-gradient(to top right, #034172, #bfdb35)
}

@media (min-width:1024px) {

    .layout--full-width .promotion-banner-theme--highlight,
    .layout--full-width-compact .promotion-banner-theme--highlight {
        background-image: linear-gradient(to top right, #034172, #bfdb35)
    }

    .layout--full-width .promotion-banner-theme--highlight .promotion-banner-generic__section-text,
    .layout--full-width .promotion-banner-theme--highlight .promotion-banner-product__section-text,
    .layout--full-width-compact .promotion-banner-theme--highlight .promotion-banner-generic__section-text,
    .layout--full-width-compact .promotion-banner-theme--highlight .promotion-banner-product__section-text {
        background-image: none
    }
}

.promotion-banner-theme__headline {
    color: var(--promo-banner-headline-color)
}

.promotion-banner-theme p {
    color: var(--promo-banner-content-color)
}

.promotion-banner-generic {
    display: flex;
    flex-direction: column
}

@media (min-width:1024px) {
    .promotion-banner-generic {
        flex-direction: row
    }
}

.promotion-banner-generic__section-text {
    padding: 32px 24px 48px
}

@media (min-width:576px) {
    .promotion-banner-generic__section-text {
        padding: 48px
    }
}

.promotion-banner-generic__headline {
    font-size: 26px;
    line-height: 32px;
    font-family: "Mont Bold", sans-serif;
    margin-bottom: 32px
}

@media (min-width:576px) {
    .promotion-banner-generic__headline {
        font-size: 29px;
        line-height: 40px;
        font-weight: 500 !important
    }
}

@media (min-width:1024px) {
    .promotion-banner-generic__headline {
        font-size: 36px;
        line-height: 48px;
        font-family: "Mont Heavy", sans-serif
    }
}

.promotion-banner-generic img,
.promotion-banner-generic picture {
    width: 100%;
    height: auto
}

@media (max-width:575.98px) {
    .promotion-banner-generic p {
        margin-bottom: 32px
    }
}

.promotion-banner-generic__image-row {
    display: none
}

@media (max-width:575.98px) {
    .promotion-banner-generic__image-column {
        display: none
    }
}

.promotion-banner-product {
    display: flex;
    flex-direction: column
}

@media (min-width:1024px) {
    .promotion-banner-product {
        flex-direction: row
    }
}

.promotion-banner-product__section-image {
    display: flex;
    justify-content: center;
    z-index: 1;
    flex-basis: 50%;
    padding: 0 24px;
    max-height: 400px;
    align-self: center
}

@media (max-width:575.98px) {
    .promotion-banner-product__section-image {
        margin-bottom: -80px
    }
}

@media (min-width:576px) {
    .promotion-banner-product__section-image {
        padding: 0 48px;
        margin-bottom: -96px
    }
}

.promotion-banner-product img,
.promotion-banner-product picture {
    max-width: 100%;
    width: auto
}

@media (max-width:575.98px) {

    .promotion-banner-product img,
    .promotion-banner-product picture {
        max-height: 300px
    }
}

@media (min-width:576px) {

    .promotion-banner-product img,
    .promotion-banner-product picture {
        max-height: 400px
    }
}

@media (max-width:575.98px) {
    .promotion-banner-product p {
        margin-bottom: 32px
    }
}

.promotion-banner-product__section-text {
    flex-basis: 50%
}

@media (max-width:575.98px) {
    .promotion-banner-product__section-text {
        padding: 96px 24px 48px
    }
}

@media (min-width:576px) {
    .promotion-banner-product__section-text {
        padding: 128px 48px 48px
    }
}

.promotion-banner-product__headline {
    font-size: 26px;
    line-height: 32px;
    font-family: "Mont Bold", sans-serif;
    margin-bottom: 32px
}

@media (min-width:576px) {
    .promotion-banner-product__headline {
        font-size: 29px;
        line-height: 40px;
        font-weight: 500 !important
    }
}

@media (min-width:1024px) {
    .promotion-banner-product__headline {
        font-size: 36px;
        line-height: 48px;
        font-family: "Mont Heavy", sans-serif
    }

    .layout--sidebar .promotion-banner-generic,
    .layout--sidebar .promotion-banner-product {
        flex-direction: column
    }

    .layout--sidebar .promotion-banner-generic__headline,
    .layout--sidebar .promotion-banner-product__headline {
        font-size: 29px !important;
        line-height: 40px !important;
        font-family: "Mont Bold", sans-serif
    }

    .layout--full-width .promotion-banner-theme--basic,
    .layout--full-width-compact .promotion-banner-theme--basic {
        background-color: #f5f3ef
    }

    .layout--full-width .promotion-banner-theme--highlight,
    .layout--full-width-compact .promotion-banner-theme--highlight {
        background-image: linear-gradient(to top right, #034172, #bfdb35)
    }

    .layout--full-width .promotion-banner-generic li,
    .layout--full-width .promotion-banner-generic p,
    .layout--full-width .promotion-banner-product li,
    .layout--full-width .promotion-banner-product p,
    .layout--full-width-compact .promotion-banner-generic li,
    .layout--full-width-compact .promotion-banner-generic p,
    .layout--full-width-compact .promotion-banner-product li,
    .layout--full-width-compact .promotion-banner-product p {
        font-size: 18px !important;
        line-height: 29px !important
    }

    .layout--full-width .promotion-banner-generic__section-image,
    .layout--full-width-compact .promotion-banner-generic__section-image {
        flex-basis: 33.33%
    }

    .layout--full-width .promotion-banner-generic img,
    .layout--full-width .promotion-banner-generic picture,
    .layout--full-width-compact .promotion-banner-generic img,
    .layout--full-width-compact .promotion-banner-generic picture {
        height: 100%;
        object-fit: cover
    }

    .layout--full-width .promotion-banner-generic__section-text,
    .layout--full-width-compact .promotion-banner-generic__section-text {
        flex-basis: 66.66%
    }

    .layout--full-width .promotion-banner-generic__image-row,
    .layout--full-width-compact .promotion-banner-generic__image-row {
        display: flex
    }

    .layout--full-width .promotion-banner-generic__image-column,
    .layout--full-width-compact .promotion-banner-generic__image-column {
        display: none
    }

    .layout--full-width .promotion-banner-product__section-image,
    .layout--full-width-compact .promotion-banner-product__section-image {
        flex-basis: 50%;
        margin-bottom: initial;
        padding: 32px;
        max-height: none
    }

    .layout--full-width .promotion-banner-product__section-text,
    .layout--full-width-compact .promotion-banner-product__section-text {
        padding: 64px 64px 64px 0
    }
}

.video-block {
    flex: 0 0 66%;
    max-width: 66%
}

@media (max-width:575.98px) {
    .video-block {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.modal__container,
.modal__overlay {
    display: flex;
    width: 100%;
    height: 100%
}

.modal__overlay {
    position: fixed;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    top: 0;
    left: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, .5);
    transition: opacity .3s ease
}

.modal__container {
    flex-direction: column;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    padding: 32px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    transition: all .3s ease;
    overflow: hidden
}

@media (min-width:576px) {
    .modal__container {
        border-radius: 4px;
        max-height: 640px
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .modal__container {
        width: 400px
    }
}

@media (min-width:1024px) {
    .modal__container {
        max-height: 560px;
        width: 800px
    }
}

.modal__header {
    font-size: 18px;
    color: #1a1a1a;
    font-weight: 700;
    padding: 0 24px 16px 15px;
    position: relative
}

@media (min-width:576px) {
    .modal__header {
        padding: 0 40px 24px;
        font-size: 21px
    }
}

.modal__header::after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    right: 15px;
    left: 15px;
    height: 1px;
    background-color: #dedede
}

@media (min-width:576px) {
    .modal__header::after {
        right: 40px;
        left: 40px
    }
}

.modal__content {
    margin: 16px 0 0;
    overflow-y: auto;
    padding: 0 15px 100px
}

@media (min-width:576px) {
    .modal__content {
        padding: 0 40px 100px
    }
}

.modal__footer {
    box-shadow: -8px 1px 5px #838383;
    padding: 16px 15px 24px;
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

@media (min-width:576px) {
    .modal__footer {
        padding: 16px 40px 24px
    }
}

.modal__close-btn {
    position: absolute;
    right: 15px;
    top: 32px;
    z-index: 10;
    cursor: pointer;
    border: 0;
    padding: 0;
    background-color: transparent
}

@media (min-width:576px) {
    .modal__close-btn {
        right: 40px;
        top: 32px
    }
}

.modal__close-btn:hover svg {
    stroke: #c0dc37
}

.modal__close-btn svg {
    stroke: #1a1a1a;
    stroke-width: 2;
    height: 20px;
    width: 20px;
    pointer-events: none
}

.technology-desktop::after,
.technology-mobile::after {
    background-image: linear-gradient(to right, #034172, #bfdb35);
    content: "";
    position: absolute;
    height: 8px;
    width: 100%;
    top: 100%;
    left: 0
}

.technology-desktop {
    position: relative;
    background-color: #595b60;
    padding: 24px;
    background-image: url("../images/blocks/technology/bg.a0d6d3942006.jpg");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    color: #1a1a1a
}

.technology-desktop__panel {
    display: flex
}

@media (min-width:576px)and (max-width:1023.98px) {
    .technology-desktop__panel {
        justify-content: center
    }
}

.technology-desktop__menu {
    background-color: rgba(255, 255, 255, .96);
    padding: 8px 0
}

.technology-desktop__menu__item {
    font-size: 16px !important;
    line-height: 24px !important;
    display: flex;
    align-items: center;
    padding: 12px 24px;
    font-weight: 700;
    margin: 16px 0;
    color: #1a1a1a
}

@media (min-width:576px) {
    .technology-desktop__menu__item {
        font-size: 16px !important;
        line-height: 24px !important
    }
}

@media (min-width:1024px) {
    .technology-desktop__menu__item {
        font-size: 18px !important;
        line-height: 29px !important
    }
}

.technology-desktop__menu__item.active,
.technology-desktop__menu__item:hover {
    background-color: #f5f3ef;
    color: #1a1a1a
}

.technology-desktop__menu__item.active {
    border-left: 8px solid #d10000;
    padding-left: 16px
}

.technology-desktop__menu__item i,
.technology-mobile i {
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 32px;
    margin-right: 8px
}

.technology-desktop__content {
    margin-left: 8px;
    padding: 32px;
    background-color: rgba(255, 255, 255, .96);
    width: 380px
}

.technology-desktop__content a,
.technology-mobile .handorgel__content a,
.technology-mobile .handorgel__content__inner a {
    text-decoration: underline;
    font-size: 16px !important;
    color: #323232
}

.technology-desktop__title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 16px
}

@media (min-width:576px) {
    .technology-desktop__title {
        font-size: 16px;
        line-height: 24px
    }
}

@media (min-width:1024px) {
    .technology-desktop__title {
        font-size: 18px;
        line-height: 29px
    }
}

.technology-desktop__text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
    color: #323232
}

.technology-mobile {
    color: #1a1a1a
}

.technology-mobile .handorgel__header {
    transition: all .2s
}

.technology-mobile .handorgel__header__button {
    font-size: 18px;
    line-height: 29px;
    padding: 20px;
    font-weight: 700
}

.technology-mobile .handorgel__header__button::after {
    font-size: 36px;
    color: #1a1a1a;
    line-height: .7
}

.technology-mobile .handorgel__content {
    background-color: transparent
}

.technology-mobile .handorgel__content__inner {
    padding: 32px 20px
}

.technology-mobile .handorgel__content__inner a {
    color: #323232 !important
}

.technology-mobile i {
    margin-right: 16px
}

.technology-mobile__title {
    font-size: 18px;
    line-height: 29px;
    font-weight: 700;
    margin-bottom: 16px
}

.technology-mobile__text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px
}

.popover {
    visibility: hidden;
    position: absolute;
    max-width: 90%
}

@media (min-width:576px) {
    .popover {
        max-width: 300px
    }
}

.popover[data-show] {
    visibility: visible
}

.popover[data-show] .popover__inner {
    transition: all .2s ease-out;
    opacity: 1;
    transform: scale(1)
}

.popover__inner {
    transform: scale(.8);
    opacity: 0;
    position: relative;
    background: #c0dc37;
    color: #fff;
    padding: 40px 24px 20px;
    border-radius: 4px
}

.popover__arrow,
.popover__arrow::before {
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: -1
}

.popover__arrow::before {
    z-index: -2;
    content: "";
    transform: rotate(45deg);
    background: #c0dc37
}

[data-popper-placement^=top] .popover__arrow {
    bottom: -10px
}

[data-popper-placement^=bottom] .popover__arrow {
    top: -10px
}

[data-popper-placement^=left] .popover__arrow {
    right: -10px
}

[data-popper-placement^=right] .popover__arrow {
    left: -10px
}

.popover__close {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 14px;
    padding: 5px;
    cursor: pointer
}

.popover__close svg {
    stroke: #fff;
    stroke-width: 2;
    height: 10px;
    width: 10px;
    margin-left: 4px;
    transition: all .2s
}

.popover__close:hover svg {
    transform: rotate(90deg) scale(1.1)
}

.jobs-list h3 {
    margin-top: 40px;
    margin-bottom: 24px
}

.jobs-list h4 {
    margin-top: 32px;
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 15px
}

@media (min-width:576px) {
    .jobs-list h4 {
        font-size: 18px
    }
}

.jobs-list__item {
    border-bottom: 1px solid #dedede;
    position: relative;
    display: flex;
    padding: 12px 0;
    color: #1a1a1a
}

@media (max-width:575.98px) {
    .jobs-list__item {
        flex-direction: column
    }
}

@media (min-width:576px) {
    .jobs-list__item {
        align-items: center
    }
}

.jobs-list__item:first-of-type {
    border-top: 1px solid #dedede
}

.jobs-list__item--arrow:after {
    content: ""
}

.jobs-list__item--arrow::after {
    color: #c0dc37;
    font-size: 24px !important;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1
}

@media (min-width:576px) {
    .jobs-list__item--shareable {
        padding: 6px 0
    }
}

.jobs-list__location,
.jobs-list__title {
    font-size: 16px;
    line-height: 24px
}

@media (min-width:576px) {

    .jobs-list__location,
    .jobs-list__title {
        font-size: 18px;
        line-height: 29px
    }
}

.jobs-list__title {
    padding-right: 32px
}

@media (max-width:575.98px) {
    .jobs-list__title {
        margin-bottom: 8px
    }
}

.jobs-list__location {
    flex-shrink: 0;
    color: #595b60
}

@media (min-width:576px) {
    .jobs-list__location {
        padding: 0 16px 0 32px;
        margin-right: 20px;
        flex-grow: 1;
        flex-shrink: 0;
        align-self: center;
        text-align: right
    }

    .jobs-list__location i::before {
        position: absolute
    }

    .jobs-list__location--map-area::before {
        font-size: 20px;
        transform: translateX(-26px)
    }

    .jobs-list__location--map-marker::before {
        font-size: 17px !important;
        transform: translate(-23px, 2px)
    }
}

.jobs-list__share {
    flex-shrink: 0
}

@media (max-width:575.98px) {
    .jobs-list__share {
        order: 3
    }
}

.jobs-list__share .button-small {
    margin: 0
}

@media (max-width:575.98px) {
    .jobs-list__share .button-small {
        margin-top: 10px
    }
}

.jobs-list__link:hover,
.jobs-list__link:hover .jobs-list__location {
    color: #c0dc37 !important
}

.jobs-list__empty {
    font-size: 16px;
    line-height: 24px;
    color: #838383
}

@media (min-width:576px) {
    .jobs-list__empty {
        font-size: 18px;
        line-height: 29px
    }
}

.jobs-list__empty--hide {
    display: none
}

.jobs-list__modal-filter-list li {
    padding-top: 4px;
    padding-bottom: 4px
}

.jobs-list__modal-filter-list .checkbox {
    display: block
}

.notification-banner {
    font-size: 14px;
    line-height: 20px;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 16px 20px;
    color: #fff
}

@media (max-width:575.98px) {
    .notification-banner {
        flex-direction: column-reverse
    }
}

@media (min-width:576px) {
    .notification-banner {
        padding: 12px 40px
    }
}

.notification-banner__wrapper {
    display: none;
    background-color: #376cab;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999
}

.notification-banner__message {
    flex: 1
}

.notification-banner__message a {
    text-decoration: underline;
    color: #fff;
    border-color: #fff
}

.notification-banner__message a:active,
.notification-banner__message a:hover {
    color: #fff;
    border-color: #fff
}

.notification-banner__close-btn {
    cursor: pointer;
    text-align: right
}

@media (max-width:575.98px) {
    .notification-banner__close-btn {
        margin-bottom: 16px
    }
}

@media (min-width:576px) {
    .notification-banner__close-btn {
        margin-left: 40px
    }
}

.notification-banner__close-btn svg {
    stroke: #fff;
    stroke-width: 3;
    height: 12px;
    width: 12px;
    pointer-events: none;
    margin-left: 4px
}

.notification-banner__close-btn:hover {
    color: #fff
}

.job-sharing-buttons {
    margin-top: 24px
}

.job-sharing-buttons__item {
    display: flex;
    align-items: center;
    margin-top: 20px;
    font-size: 18px !important
}

.job-sharing-buttons__item:hover {
    color: #1a1a1a
}

.job-sharing-buttons__item--facebook:hover {
    background-color: #bfcce7
}

.job-sharing-buttons__item--twitter:hover {
    background-color: #d8eefa
}

.job-sharing-buttons__item--whatsapp:hover {
    background-color: #d3f3d3
}

.job-sharing-buttons__item--email:hover {
    background-color: #f7d5d1
}

.job-sharing-buttons__item--link:hover {
    background-color: #b3b5b9
}

.job-sharing-buttons__icon {
    height: 48px;
    width: 48px;
    color: #fff;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 28px;
    margin-right: 20px
}

@media (min-width:576px) {
    .job-sharing-buttons__icon {
        height: 60px;
        width: 60px
    }
}

.job-sharing-buttons__icon--facebook {
    background-color: #4267b2
}

.job-sharing-buttons__icon--facebook:before {
    content: ""
}

.job-sharing-buttons__icon--twitter {
    background-color: #3baae4
}

.job-sharing-buttons__icon--twitter:before {
    content: ""
}

.job-sharing-buttons__icon--whatsapp {
    background-color: #49cd46
}

.job-sharing-buttons__icon--whatsapp:before {
    content: ""
}

.job-sharing-buttons__icon--email {
    background-color: #dd4b39
}

.job-sharing-buttons__icon--email:before {
    content: ""
}

.job-sharing-buttons__icon--link {
    background-color: #595b60
}

.job-sharing-buttons__icon--link:before {
    content: ""
}

.usp {
    display: flex
}

@media (min-width:576px)and (max-width:1023.98px) {
    .usp {
        margin: 0 auto
    }
}

@media (min-width:576px) {
    .usp {
        max-width: 680px;
        margin: auto
    }
}

@media (min-width:1024px) {
    .usp {
        max-width: none;
        display: block
    }
}

.usp__wrapper {
    background-image: linear-gradient(to top right, #034172,  #bfdb35);
    padding-top: 48px;
    padding-bottom: 20px
}

@media (min-width:576px) {
    .usp__wrapper {
        padding-top: 64px;
        padding-bottom: 40px
    }
}

@media (max-width:1023.98px) {
    .usp__wrapper {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width:1024px) {
    .usp__wrapper {
        padding-right: 80px;
        padding-left: 80px
    }
}

.usp__wrapper h2 {
    font-size: 29px;
    line-height: 40px;
    font-family: "Mont Bold", sans-serif;
    color: #fff;
    margin-top: 0;
    margin-bottom: 40px
}

@media (min-width:576px) {
    .usp__wrapper h2 {
        font-size: 32px;
        line-height: 40px;
        font-weight: 500 !important
    }
}

@media (min-width:1024px) {
    .usp__wrapper h2 {
        font-size: 41px;
        line-height: 56px;
        font-family: "Mont Heavy", sans-serif
    }
}

@media (min-width:576px) {
    .usp__wrapper h2 {
        margin-bottom: 48px
    }
}

.usp__item {
    padding: 32px 20px
}

@media (max-width:575.98px) {
    .usp__item {
        background-color: #f5f3ef;
        margin-bottom: 2px
    }
}

@media (min-width:576px) {
    .usp__item {
        padding: 0 8px 32px
    }
}

@media (min-width:1024px) {
    .usp__item {
        padding: 0 8px 40px 0
    }
}

.usp p {
    font-size: 18px !important;
    line-height: 29px !important;
    color: #323232;
    margin-bottom: 0
}

@media (max-width:575.98px) {
    .usp p {
        max-width: 360px;
        margin: 0 auto
    }
}

@media (min-width:576px) {
    .usp p {
        color: #fff
    }
}

.usp img {
    max-width: 80px;
    max-height: 80px;
    margin-bottom: 20px
}

@media (max-width:575.98px) {
    .usp img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        filter: invert(1) brightness(100)
    }
}

.plyr__control--overlaid {
    opacity: 1;
    background-color: #c0dc37;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0;
    height: 64px !important;
    width: 64px !important
}

.plyr__control--overlaid svg {
    width: 28px;
    height: 28px;
    left: 3px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
    background: #c0dc37
}

.plyr__menu__container .plyr__control--forward::after {
    border-left-color: #fff
}

.plyr__menu__container .plyr__control--back::after {
    border-right-color: #fff
}

.plyr__poster {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.plyr--video .plyr__control:hover {
    background-color: #d10000
}

.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control[aria-expanded=true] {
    background: 0 0
}

.plyr--stopped .plyr__controls {
    display: none
}

.video-content {
    display: flex;
    flex-direction: column;
    position: relative
}

@media (max-width:575.98px) {
    .video-content {
        padding: 0 20px 32px;
        background-image: linear-gradient(to bottom, transparent 40px, #f5f3ef 0)
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .video-content {
        background-image: linear-gradient(to bottom, transparent 64px, #f5f3ef 0)
    }

    .layout--full-width .video-content {
        padding: 0 20px;
        margin: 0 24px
    }

    .layout--full-width-compact .video-content,
    .layout--sidebar .video-content {
        margin-right: 40px;
        margin-left: 40px
    }
}

@media (min-width:1024px) {
    .layout--full-width .video-content {
        flex-direction: row-reverse;
        background-image: linear-gradient(to right, #f5f3ef 86%, transparent 0)
    }

    .layout--full-width-compact .video-content,
    .layout--sidebar .video-content {
        background-image: linear-gradient(to bottom, transparent 64px, #f5f3ef 0)
    }
}

@media (max-width:575.98px) {
    .video-content__section-video {
        padding-bottom: 32px
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .video-content__section-video {
        padding-right: 12.5%;
        padding-left: 12.5%
    }

    .layout--full-width-compact .video-content__section-video,
    .layout--sidebar .video-content__section-video {
        padding-bottom: 32px
    }

    .layout--full-width .video-content__section-video {
        padding-bottom: 40px
    }
}

@media (min-width:1024px) {
    .layout--full-width .video-content__section-video {
        flex-basis: 50%;
        align-self: start;
        padding: 64px 0 64px 64px
    }

    .layout--full-width-compact .video-content__section-video,
    .layout--sidebar .video-content__section-video {
        padding: 0 16.66666667% 32px
    }
}

@media (min-width:576px) {
    .video-content__section-content {
        flex-basis: 50%
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .layout--full-width .video-content__section-content {
        padding: 0 24px 40px
    }
}

@media (min-width:576px) {

    .layout--full-width-compact .video-content__section-content,
    .layout--sidebar .video-content__section-content {
        padding: 0 48px 48px
    }
}

@media (min-width:1024px) {
    .layout--full-width .video-content__section-content {
        padding: 40px 0 40px 80px
    }
}

.video-content__section-content__text {
    margin-bottom: 16px
}

.video-content__headline {
    margin-top: 0 !important
}

.layout--full-width-compact .video-content__headline,
.layout--sidebar .video-content__headline {
    font-size: 18px !important;
    line-height: 29px !important;
    margin-bottom: 8px !important
}

@media (min-width:576px) {

    .layout--full-width-compact .video-content__headline,
    .layout--sidebar .video-content__headline {
        font-size: 23px !important;
        line-height: 32px !important;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important
    }
}

.video-content__headline--inside {
    text-align: left !important
}

@media (min-width:576px)and (max-width:1023.98px) {
    .video-content__headline--inside {
        margin-bottom: 128px
    }
}

@media (max-width:1023.98px) {
    .layout--full-width .video-content__headline--inside {
        display: none
    }
}

@media (min-width:1024px) {
    .layout--full-width .video-content__headline--inside {
        margin-bottom: 12px !important
    }
}

.video-content__headline--outside {
    display: none
}

.layout--full-width .video-content__headline--outside {
    font-size: 29px !important;
    line-height: 40px !important;
    font-family: "Mont Bold", sans-serif
}

@media (min-width:576px) {
    .layout--full-width .video-content__headline--outside {
        font-size: 32px !important;
        line-height: 40px !important;
        font-weight: 500 !important
    }
}

@media (min-width:1024px) {
    .layout--full-width .video-content__headline--outside {
        font-size: 41px !important;
        line-height: 56px !important;
        font-family: "Mont Heavy", sans-serif
    }
}

@media (max-width:1023.98px) {
    .layout--full-width .video-content__headline--outside {
        display: block
    }
}

@media (max-width:575.98px) {
    .layout--full-width .video-content__headline--outside {
        margin-bottom: 40px !important
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .layout--full-width .video-content__headline--outside {
        text-align: center;
        margin-bottom: 64px !important
    }
}

.video-content__button {
    cursor: pointer;
    color: #323232
}

.video-content__button:active,
.video-content__button:focus .video-content__button:hover {
    color: #323232
}

.pagination__button:hover,
.video-content__button:hover {
    color: #c0dc37
}

.video-content__button::after {
    position: absolute;
    padding-top: 1px;
    font-size: 22px;
    font-weight: 700
}

.video-content__button--more:after {
    content: ""
}

.video-content__button--less:after {
    content: ""
}

.video-content a {
    color: #323232;
    text-decoration: none;
    font-weight: 700
}

@media (min-width:576px) {
    .video-content a {
        font-size: 16px !important;
        line-height: 24px !important
    }
}

@media (min-width:1024px) {
    .video-content a {
        font-size: 16px !important;
        line-height: 24px !important
    }
}

.video-content a,
.video-content p {
    font-size: 16px !important;
    line-height: 24px !important
}

@media (min-width:576px) {
    .video-content p {
        font-size: 18px !important;
        line-height: 29px !important
    }
}

@media (min-width:1024px) {
    .video-content p {
        font-size: 18px !important;
        line-height: 29px !important;
        margin-bottom: 24px
    }
}

@media (max-width:1023.98px) {
    .video-content p {
        margin-bottom: 16px
    }
}

.video-content .plyr::after {
    background-image: linear-gradient(to right, #034172, #bfdb35);
    content: "";
    position: absolute;
    height: 8px;
    width: 100%;
    z-index: 999;
    bottom: 0;
    left: 0
}

.pagination__prev:before,
.parent-link:before {
    content: ""
}

.parent-link__container {
    margin: 12px 0 16px !important;
    font-size: 15px !important
}

@media (min-width:576px) {
    .parent-link__container {
        font-size: 18px !important;
        margin: 16px 0 24px !important
    }
}

@media (min-width:1024px) {
    .parent-link__container {
        font-size: 21px !important;
        margin: 16px 0 24px !important
    }
}

.pagination {
    text-align: center
}

.pagination__button {
    font-size: 18px;
    line-height: 29px;
    color: #323232;
    font-weight: 700;
    width: 48px;
    height: 48px;
    border-radius: 2px;
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

@media (min-width:576px) {
    .pagination__button {
        margin-right: 8px
    }
}

.pagination__button--active {
    background-color: #c0dc37;
    color: #fff !important
}

@media (max-width:575.98px) {

    .pagination__button--ellipsis,
    .pagination__button--number {
        display: none
    }
}

.pagination__button--disabled,
.pagination__button--ellipsis {
    pointer-events: none
}

.pagination__button--disabled {
    color: #ebebeb
}

.pagination__mobile {
    font-size: 16px;
    line-height: 24px;
    color: #323232;
    font-weight: 700
}

@media (min-width:576px) {
    .pagination__mobile {
        display: none
    }
}

.pagination__next,
.pagination__prev {
    font-size: 24px
}

@media (max-width:575.98px) {
    .pagination__prev {
        margin-right: 8px
    }
}

.pagination__next:before {
    content: ""
}

@media (max-width:575.98px) {
    .pagination__next {
        margin-left: 8px
    }
}

@media (min-width:576px) {
    .layout--sidebar .trustpilot-widget {
        padding: 32px 32px 64px;
        width: 58.33333333% !important
    }
}

@media (max-width:575.98px) {
    .layout--sidebar .trustpilot-widget {
        width: 91.66666667% !important
    }
}

.trustpilot-widget {
    border: 1px solid #dedede;
    padding: 24px 24px 64px;
    border-radius: 2px;
    background-color: #fff;
    width: 91.66666667% !important
}

@media (min-width:576px) {
    .trustpilot-widget {
        padding: 32px 32px 64px;
        width: 58.33333333% !important
    }
}

@media (min-width:1024px) {
    .trustpilot-widget {
        width: 41.66666667% !important
    }
}

.customer-reviews .trustpilot-widget {
    padding: 24px;
    width: 100% !important
}

@media (min-width:576px) {
    .customer-reviews .trustpilot-widget {
        width: calc(50% - 32px) !important
    }
}

@media (min-width:1200px) {
    .customer-reviews .trustpilot-widget {
        width: 40% !important
    }
}

.trustpilot-widget__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.customer-reviews .trustpilot-widget__header {
    margin-bottom: 20px
}

.trustpilot-widget__footer {
    display: flex;
    margin-bottom: 24px
}

@media (min-width:576px) {
    .trustpilot-widget__footer {
        margin-bottom: 16px
    }
}

.customer-reviews .trustpilot-widget__footer {
    margin-bottom: 0
}

.trustpilot-modal__stars img,
.trustpilot-widget__stars img {
    height: 24px
}

.trustpilot-widget__date,
.trustpilot-widget__title {
    font-size: 16px;
    line-height: 24px;
    color: #595b60
}

.trustpilot-widget__title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    font-weight: 700;
    color: #323232;
    margin-bottom: 8px
}

@media (min-width:576px) {
    .trustpilot-widget__title {
        font-size: 18px;
        line-height: 29px
    }
}

.customer-reviews .trustpilot-widget__title,
.trustpilot-widget__text {
    font-size: 16px;
    line-height: 24px
}

.trustpilot-widget__text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    color: #323232;
    margin-bottom: 12px
}

@media (min-width:576px) {
    .trustpilot-widget__text {
        margin-bottom: 8px
    }
}

.customer-reviews .trustpilot-widget__text {
    margin-bottom: 20px
}

.trustpilot-widget__read-more {
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
    position: absolute;
    bottom: 24px;
    left: 24px;
    color: #323232
}

.trustpilot-widget__read-more:active,
.trustpilot-widget__read-more:hover {
    color: #c0dc37
}

@media (min-width:576px) {
    .trustpilot-widget__read-more {
        bottom: 32px;
        left: 32px
    }
}

.customer-reviews .trustpilot-widget__read-more {
    font-size: 14px;
    line-height: 20px;
    position: static;
    margin-left: auto
}

.trustpilot-widget__name {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #595b60
}

.trustpilot-widget__verified {
    font-size: 16px;
    line-height: 24px;
    margin-left: 4px;
    color: #595b60
}

.trustpilot-modal {
    border: 1px solid #dedede;
    padding: 24px;
    border-radius: 2px;
    width: 33%
}

@media (min-width:576px) {
    .trustpilot-modal {
        padding: 32px
    }
}

.trustpilot-modal__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.trustpilot-modal__footer {
    display: flex;
    margin-bottom: 32px
}

.trustpilot-modal__date,
.trustpilot-modal__title {
    font-size: 16px;
    line-height: 24px;
    color: #595b60
}

.trustpilot-modal__title {
    font-weight: 700;
    color: #323232;
    margin-bottom: 4px
}

.trustpilot-modal__text {
    margin-bottom: 8px
}

.trustpilot-modal__text p {
    font-size: 16px !important;
    line-height: 24px !important;
    color: #323232
}

.trustpilot-modal__read-more {
    font-size: 16px;
    line-height: 24px;
    color: #1a1a1a;
    text-decoration: underline
}

.calculator__detail-text>span:active,
.calculator__detail-text>span:hover,
.trustpilot-modal__read-more:active,
.trustpilot-modal__read-more:hover {
    color: #c0dc37
}

.trustpilot-modal__name {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #595b60
}

.trustpilot-modal__verified {
    font-size: 16px;
    line-height: 24px;
    margin-left: 4px;
    color: #595b60
}

.trustpilot-modal__company-reply {
    border-left: 2px solid #dedede;
    padding-left: 20px
}

.trustpilot-modal__company-reply__header {
    display: flex;
    justify-content: space-between
}

.trustpilot-modal__company-reply__title {
    font-size: 16px;
    line-height: 24px;
    color: #323232;
    font-weight: 700;
    margin-bottom: 4px
}

.trustpilot-modal__company-reply__text {
    font-size: 16px;
    line-height: 24px;
    color: #323232;
    margin-bottom: 8px
}

.trustpilot-rating {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 12px
}

@media (min-width:576px) {
    .trustpilot-rating {
        gap: 16px
    }
}

.customer-reviews .trustpilot-rating {
    gap: 8px;
    margin-bottom: 24px
}

@media (min-width:576px) {
    .customer-reviews .trustpilot-rating {
        gap: 12px;
        margin-bottom: 32px
    }
}

@media (min-width:1024px) {
    .layout--full-width .customer-reviews .trustpilot-rating {
        gap: 20px
    }
}

.trustpilot-rating__count {
    color: #323232;
    margin: 0 4px;
    white-space: nowrap
}

@media (min-width:576px) {
    .trustpilot-rating__count {
        font-size: 18px;
        line-height: 29px
    }
}

.customer-reviews .trustpilot-rating__count,
.trustpilot-rating__count {
    font-size: 16px;
    line-height: 24px
}

@media (min-width:1024px) {
    .layout--full-width .customer-reviews .trustpilot-rating__count {
        text-align: center
    }
}

.trustpilot-rating__label {
    font-size: 20px;
    line-height: 32px;
    display: flex;
    align-items: center;
    color: #323232;
    font-weight: 700
}

@media (min-width:576px) {
    .trustpilot-rating__label {
        font-size: 23px;
        line-height: 32px;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important;
        color: #1a1a1a
    }
}

.customer-reviews .trustpilot-rating__label {
    font-size: 20px;
    line-height: 32px;
    font-family: "Open Sans", sans-serif;
    color: #323232
}

@media (min-width:1024px) {
    .layout--full-width .customer-reviews .trustpilot-rating__label {
        flex-direction: column;
        gap: 8px
    }
}

.trustpilot-rating__label>span {
    margin-right: 8px
}

@media (min-width:576px) {
    .trustpilot-rating__label>span {
        margin-right: 16px
    }
}

@media (min-width:1024px) {
    .layout--full-width .customer-reviews .trustpilot-rating__label>span {
        margin-right: 0
    }
}

.trustpilot-rating__logo {
    height: 24px;
    margin: 0 4px 4px
}

@media (min-width:576px) {
    .trustpilot-rating__logo {
        height: 29px;
        margin: 0 4px 8px
    }
}

.customer-reviews .trustpilot-rating__logo,
.customer-reviews .trustpilot-rating__stars {
    height: 24px
}

.trustpilot-rating__stars {
    height: 28px
}

@media (min-width:576px) {
    .trustpilot-rating__stars {
        height: 32px
    }
}

.trustpilot-rating-lead-form {
    gap: 4px
}

.trustpilot-rating-lead-form__count {
    font-size: 14px;
    line-height: 20px;
    color: #323232;
    white-space: nowrap
}

.trustpilot-rating-lead-form__logo-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4px
}

@media (min-width:1024px) {
    .trustpilot-rating-lead-form__logo-container {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (min-width:576px) {
    .trustpilot-rating-lead-form__logo-container--left {
        justify-content: start
    }
}

.trustpilot-rating-lead-form__logo {
    height: 20px;
    width: 80px
}

.trustpilot-rating-lead-form__stars {
    height: 16px
}

@media (min-width:576px) {
    .trustpilot-rating-lead-form__stars {
        height: 24px
    }
}

.trustpilot-rating-light {
    gap: 8px
}

@media (min-width:576px) {
    .trustpilot-rating-light {
        gap: 12px
    }
}

.trustpilot-rating-light__label {
    font-size: 16px;
    line-height: 24px
}

@media (min-width:576px) {
    .trustpilot-rating-light__label {
        font-size: 18px;
        line-height: 29px
    }
}

.trustpilot-rating-light__icon {
    height: 24px
}

@media (min-width:576px) {
    .trustpilot-rating-light__icon {
        height: 29px
    }
}

.image-flexible-layout img {
    width: 100%
}

@media (min-width:1024px) {
    .flexible-layout__content:first-child {
        padding-right: 16px
    }

    .flexible-layout__content:last-child {
        padding-left: 16px
    }
}

@media (max-width:1023.98px) {
    .flexible-layout__content:first-child {
        padding-bottom: 12px
    }

    .flexible-layout__content:last-child {
        padding-top: 12px
    }
}

@media (max-width:575.98px) {
    .flexible-layout__content:first-child {
        padding-bottom: 8px
    }

    .flexible-layout__content:last-child {
        padding-top: 8px
    }
}

.flexible-layout__content h2,
.flexible-layout__content h3 {
    margin-top: 0;
    text-align: left;
    hyphens: auto;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.layout--full-width .flexible-layout__content h2,
.layout--full-width .flexible-layout__content h3 {
    margin-bottom: 12px
}

.layout--full-width-compact .flexible-layout__content h2,
.layout--full-width-compact .flexible-layout__content h3,
.layout--sidebar .flexible-layout__content h2,
.layout--sidebar .flexible-layout__content h3 {
    margin-bottom: 8px
}

.flexible-layout__content .logos-strip__headline {
    margin-bottom: 4px
}

@media (min-width:1024px) {
    .flexible-layout__content .logos-strip__headline {
        text-align: left
    }

    .flexible-layout__content .logos-strip__items {
        justify-content: left
    }
}

.flexible-layout__content p {
    margin-bottom: 0
}

.flexible-layout__content>:not(:last-child) {
    margin-bottom: 16px
}

@media (min-width:576px) {
    .flexible-layout__content>:not(:last-child) {
        margin-bottom: 24px
    }
}

@media (min-width:1024px) {
    .layout--full-width .flexible-layout__content>:not(:last-child) {
        margin-bottom: 32px
    }
}

.customer-testimonials__content p,
.flexible-layout .list {
    margin-bottom: 0
}

.engagement-on-page-lead-form__wrap {
    background-color: #f9f9f9;
    position: relative
}

.engagement-on-page-lead-form__block {
    margin: 0 auto;
    max-width: 640px;
    padding: 32px 0
}

@media (min-width:576px) {
    .engagement-on-page-lead-form__block {
        padding: 48px 0
    }
}

.engagement-on-page-lead-form__question {
    font-size: 18px;
    line-height: 29px;
    color: #1a1a1a;
    font-weight: 700;
    margin-bottom: 24px
}

@media (min-width:576px) {
    .engagement-on-page-lead-form__question {
        font-size: 23px;
        line-height: 32px;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important;
        margin-bottom: 32px;
        text-align: center
    }
}

.engagement-on-page-lead-form__choices {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (min-width:576px) {
    .engagement-on-page-lead-form__choices {
        row-gap: 16px
    }

    .engagement-on-page-lead-form__choices .lead-form-choice {
        flex: 0 0 calc(50% - 12px)
    }
}

.press__modal__icon {
    text-align: center
}

.press__modal__icon svg {
    margin: 30px 0;
    width: 180px;
    height: 180px
}

.onpage-benefits-banner {
    background: #f5f3ef;
    color: #1a1a1a;
    padding: 20px;
    display: flex;
    justify-content: center
}

@media (min-width:576px) {
    .onpage-benefits-banner {
        display: block
    }
}

.onpage-benefits-banner ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    row-gap: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

@media (min-width:576px) {
    .onpage-benefits-banner ul {
        align-items: center;
        flex-flow: row wrap;
        column-gap: 20px;
        flex-direction: row;
        row-gap: 16px;
        justify-content: space-evenly
    }
}

.onpage-benefits-banner ul li {
    padding-left: 20px;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 24px !important;
    white-space: nowrap;
    position: relative
}

@media (min-width:576px) {
    .onpage-benefits-banner ul li {
        font-size: 16px !important;
        line-height: 24px !important
    }
}

@media (min-width:1024px) {
    .onpage-benefits-banner ul li {
        font-size: 18px !important;
        line-height: 29px !important
    }
}

.onpage-benefits-banner ul li::before {
    position: absolute;
    font-size: 10px;
    -webkit-text-stroke-width: 2px;
    top: 0;
    color: #55a041;
    left: 0
}

@media (min-width:576px) {
    .onpage-benefits-banner ul li {
        padding-left: 23px
    }

    .onpage-benefits-banner ul li::before {
        font-size: 12px
    }
}

.customer-testimonials__slide {
    max-width: 73%;
    margin-bottom: 4px
}

@media (min-width:576px) {
    .customer-testimonials__slide {
        max-width: calc(50% - 12px)
    }
}

@media (min-width:1024px) {
    .customer-testimonials__slide {
        max-width: 100%
    }
}

.customer-testimonials__card {
    height: 100%;
    display: flex;
    flex-direction: column
}

@media (min-width:1024px) {
    .customer-testimonials__card {
        flex-direction: row;
        gap: 24px;
        height: auto
    }
}

.customer-testimonials__impression-picture img {
    max-width: 100%;
    height: auto
}

@media (min-width:1024px) {
    .customer-testimonials__impression-picture img {
        height: unset;
        max-width: unset;
        max-height: 100%;
        width: 485px
    }

    .layout--full-width-compact .customer-testimonials__impression-picture img {
        width: 369px
    }
}

.customer-testimonials__content {
    background-color: #f5f3ef;
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 16px;
    height: 100%
}

@media (min-width:576px) {
    .customer-testimonials__content {
        padding: 24px
    }
}

@media (min-width:1024px) {
    .customer-testimonials__content {
        height: unset;
        margin: 0 auto;
        justify-content: center;
        padding: 24px 48px
    }

    .layout--full-width-compact .customer-testimonials__content {
        padding: 16px 24px
    }
}

.customer-testimonials__customer {
    display: flex;
    gap: 16px;
    flex-wrap: wrap
}

.customer-testimonials__customer-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px
}

.customer-testimonials__customer-name {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 700;
    color: #323232
}

@media (min-width:576px) {
    .customer-testimonials__customer-name {
        font-size: 18px !important;
        line-height: 29px !important
    }
}

.customer-testimonials__customer-picture img {
    border-radius: 50%;
    width: 48px;
    height: 48px
}

@media (min-width:576px) {
    .customer-testimonials__customer-picture img {
        width: 64px;
        height: 64px
    }
}

.customer-testimonials__stars {
    display: flex;
    gap: 2px
}

.customer-testimonials__stars i {
    color: #ffaa0a;
    font-size: 20px;
    line-height: 24px
}

@media (min-width:576px) {
    .customer-testimonials__stars i {
        font-size: 24px
    }
}

.customer-reviews {
    padding: 32px 20px;
    position: relative
}

@media (min-width:576px) {
    .customer-reviews {
        padding: 48px 0
    }
}

@media (min-width:1024px) {
    .layout--sidebar .customer-reviews {
        padding: 48px 20px;
        overflow: hidden
    }

    .layout--full-width .customer-reviews {
        display: flex;
        width: 100%
    }

    .layout--full-width .customer-reviews .trustpilot-rating {
        justify-content: center;
        width: 25%
    }

    .layout--full-width .customer-reviews .swiper-container {
        width: 75%
    }
}

.customer-reviews::before {
    background-color: #f5f3ef;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 100vw;
    top: 0;
    height: 100%;
    z-index: -1;
    transform: translateX(-50%)
}

@media (min-width:1024px) {
    .layout--full-width .customer-reviews .swiper {
        display: flex;
        flex-direction: column
    }

    .layout--full-width .customer-reviews .linebreak {
        display: inline
    }
}

.linebreak {
    display: none
}

.author-box {
    margin-top: 24px;
    display: flex;
    align-items: flex-start;
    gap: 16px
}

@media (min-width:576px) {
    .author-box {
        margin-top: 32px
    }
}

@media (min-width:1024px) {
    .author-box {
        align-items: center
    }
}

.author-box__image {
    width: 48px;
    height: 48px;
    border-radius: 50%
}

@media (min-width:576px) {
    .author-box__image {
        width: 64px;
        height: 64px
    }
}

.author-box__content,
.calculator form {
    display: flex;
    flex-direction: column
}

.author-box__name {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

@media (min-width:576px) {
    .author-box__name {
        font-size: 18px;
        line-height: 29px
    }
}

.author-box__text {
    font-size: 14px;
    line-height: 20px
}

@media (min-width:576px) {
    .author-box__text {
        font-size: 16px;
        line-height: 24px
    }
}

@media (min-width:1024px) {
    .layout--full-width .calculator__fields {
        grid-template-columns: 1fr 1fr
    }

    .layout--full-width .calculator__information-headline {
        text-align: center
    }

    .layout--full-width .calculator__offer-services ul {
        display: flex;
        flex-direction: row;
        gap: 48px;
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 8px
    }
}

.calculator {
    color: #1a1a1a
}

.calculator__wrap {
    position: relative;
    padding: 24px 20px
}

@media (min-width:576px) {
    .calculator__wrap {
        padding: 32px 80px
    }
}

.calculator form {
    justify-content: center;
    gap: 20px
}

@media (min-width:576px) {
    .calculator form {
        gap: 24px
    }
}

.calculator label {
    font-size: 16px;
    line-height: 24px;
    color: #323232
}

@media (min-width:576px) {
    .calculator label {
        font-size: 18px;
        line-height: 29px
    }
}

.calculator input[type=text],
.calculator select {
    margin-top: 4px;
    margin-bottom: 0
}

.calculator input[type=text] {
    font-size: 16px;
    line-height: 24px;
    border-color: #dedede;
    border-radius: 2px;
    padding: 8px 16px
}

@media (min-width:576px) {
    .calculator input[type=text] {
        font-size: 18px;
        line-height: 29px
    }
}

.calculator input[type=text][disabled],
.calculator__wrap {
    background-color: #f9f9f9
}

.calculator__headline {
    font-size: 18px;
    line-height: 29px;
    font-weight: 700
}

@media (min-width:576px) {
    .calculator__headline {
        font-size: 23px;
        line-height: 32px;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important
    }
}

.calculator__fields {
    display: grid;
    gap: 16px
}

@media (min-width:576px) {
    .calculator__fields {
        gap: 24px
    }
}

.calculator__result-box {
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    align-items: center;
    text-align: center;
    border: 2px solid #55a041;
    position: relative
}

.calculator__result-box__container,
.navigation li>a {
    position: relative
}

.calculator__kw {
    background-color: #55a041;
    border-radius: 0 0 2px 2px
}

@media (min-width:576px) {
    .calculator__kw {
        position: absolute;
        right: 0;
        top: 0;
        background-color: #55a041;
        border-radius: 0 2px 0 16px
    }
}

.calculator__kw__text {
    font-size: 14px;
    line-height: 20px;
    display: flex;
    padding: 4px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff
}

@media (min-width:576px) {
    .calculator__kw__text {
        font-size: 14px;
        line-height: 20px
    }
}

@media (min-width:1024px) {
    .calculator__kw__text {
        font-size: 16px;
        line-height: 24px;
        padding: 4px 24px
    }
}

.calculator__kw__text__number {
    font-size: 18px;
    line-height: 29px;
    font-weight: 700
}

@media (min-width:576px) {
    .calculator__kw__text__number {
        font-size: 20px;
        line-height: 32px
    }
}

.calculator__offer-detail {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #323232
}

@media (min-width:576px) {
    .calculator__offer-detail {
        font-size: 18px;
        line-height: 29px
    }
}

.calculator__offer-price {
    font-size: 26px;
    line-height: 32px;
    font-family: "Mont Bold", sans-serif;
    font-weight: 800;
    color: #1a1a1a
}

@media (min-width:576px) {
    .calculator__offer-price {
        font-size: 32px;
        line-height: 40px;
        font-weight: 500 !important
    }
}

.calculator__detail-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #595b60
}

.calculator__detail-text__indication-price {
    font-size: 16px;
    line-height: 24px;
    color: #376cab;
    margin-bottom: 4px
}

.calculator__detail-text>span {
    color: #1a1a1a;
    text-decoration: underline;
    cursor: pointer
}

.calculator__info {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.calculator__information-headline {
    color: #323232;
    font-weight: 700
}

.calculator__cta {
    display: flex;
    justify-content: center
}

.calculator__offer-services {
    color: #323232;
    padding-left: 0;
    margin-left: -9px;
    margin-bottom: 0
}

.calculator__offer-services ul {
    list-style-type: none;
    margin-bottom: 0
}

.calculator__offer-services ul li {
    font-size: 16px !important;
    line-height: 24px !important
}

.calculator__offer-services ul li:last-child {
    margin-bottom: 0
}

.article-highlights {
    background-color: #f5f3ef;
    padding: 20px
}

@media (min-width:576px) {
    .article-highlights {
        padding: 32px
    }
}

.article-highlights h2 {
    font-size: 18px;
    line-height: 29px;
    margin-top: 0
}

@media (min-width:576px) {
    .article-highlights h2 {
        font-size: 23px;
        line-height: 32px;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important
    }
}

@media (max-width:575.98px) {
    .article-highlights h2 {
        font-family: "Open Sans", sans-serif;
        font-weight: 700
    }
}

.article-highlights ul {
    margin-bottom: 0
}

.article-highlights .rich-text,
.article-highlights .rich-text p {
    color: #323232
}

.video-loop {
    width: 100%;
    padding: 0;
    margin: 0
}

@media (max-width:1023.98px) {
    .video-loop {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.video-loop .plyr__poster {
    cursor: default
}

.video-loop iframe {
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    margin: -.5px
}

:root {
    --headerHeight: 52px;
    --logoWidth: 140px;
    --logoHeight: 34px
}

@media (min-width:1200px) {
    :root {
        --headerHeight: 92px;
        --logoWidth: 160px;
        --logoHeight: 28.9px
    }
}

body:has(.navigation):not(.home) {
    padding-top: var(--headerHeight)
}

@media (min-width:1024px) {
    body:has(.navigation):not(.home) .sticky {
        top: calc(var(--headerHeight) + 20px)
    }
}

@media (max-width:1199.98px) {

    body:has(.navigation) .navigation-mobile-button:has(.toggle-btn),
    body:has(.navigation) .toggle-btn {
        display: block !important
    }
}

body:has(.navigation) .header {
    height: var(--headerHeight) !important
}

@media (min-width:1200px) {
    body:has(.navigation) .header {
        padding-top: 16px
    }
}

body:has(.navigation) .header__wrapper div:has(>nav.navigation) {
    flex: 1
}

body:has(.navigation) .header__wrapper {
    height: var(--headerHeight) !important
}

@media (max-width:1199.98px) {
    body:has(.navigation) .header__wrapper {
        background: #fff !important
    }
}

body:has(.navigation) .header__wrapper .header__cta {
    display: none !important
}

body:has(.navigation) .header__logo-wrapper {
    display: flex;
    height: 100%;
    margin: 0
}

body:has(.navigation) .header__logo-wrapper a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

body:has(.navigation) .header__logo-wrapper img {
    margin: 0;
    width: var(--logoWidth);
    height: var(--logoHeight);
    transform: none
}

@media (min-width:1200px) {
    body:has(.navigation) .header__logo-wrapper img {
        margin-top: 24px;
        margin-bottom: 16px
    }
}

.navigation {
    --mobile-width: 428px;
    margin-left: 48px !important
}

@media (max-width:428px) {
    .navigation {
        --mobile-width: 100vw
    }
}

@media (min-width:1200px) {
    .navigation {
        transform: none !important
    }
}

@media (max-width:1199.98px) {

    .navigation,
    .navigation [data-navigation-slide] {
        position: absolute;
        visibility: hidden;
        overflow-y: auto;
        overflow-x: hidden;
        width: var(--mobile-width)
    }

    .navigation {
        right: 0;
        top: var(--headerHeight);
        height: calc(100vh - var(--headerHeight));
        max-height: calc(100vh - var(--headerHeight));
        transform: translateX(100%);
        display: none
    }

    .navigation.is-open {
        visibility: visible;
        display: flex
    }

    .navigation [data-navigation-slide] {
        display: flex;
        background: #fff;
        top: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        border-top: 1px solid #dedede;
        padding: 24px 20px 48px !important;
        flex-direction: column;
        gap: 24px
    }

    .navigation [data-navigation-slide].is-open {
        visibility: visible
    }
}

@media (min-width:1200px) {
    .navigation [data-navigation-flyout] {
        position: absolute;
        overflow: hidden;
        display: none;
        background: #fff;
        width: max-content;
        left: -62px;
        padding: 32px 0 32px 32px;
        border-top: 1px solid #dedede;
        border-radius: 0 0 2px 2px;
        max-height: calc(100vh - var(--headerHeight))
    }

    .navigation [data-navigation-flyout].is-open {
        display: flex
    }

    .navigation [data-navigation-flyout]>ul {
        display: flex;
        flex-direction: row
    }

    .navigation__flyout--centered {
        position: fixed !important;
        left: 50% !important;
        transform: translateX(-50%)
    }

    .navigation__flyout--left {
        left: 0 !important
    }
}

.navigation [aria-labeledby] {
    display: none
}

.navigation [aria-labeledby].is-open {
    display: block
}

.navigation__content-column:not(:has(.navigation__section-title)) {
    gap: 24px
}

.navigation__content-column {
    display: flex;
    flex-direction: column
}

@media (min-width:1200px) {
    .navigation__content-column {
        max-height: 100%;
        overflow-y: auto;
        gap: 0
    }
}

.navigation__content-column:first-child:not(:last-child) {
    margin-bottom: 24px
}

@media (min-width:1200px) {
    .navigation__content-column:first-child:not(:last-child) {
        border-right: 1px solid #dedede;
        padding-right: 48px;
        margin-right: 48px;
        margin-bottom: 0
    }
}

.navigation__content-column:last-child {
    padding-right: 32px
}

.navigation__content-column:has(.navigation__submenu) {
    padding-top: 0;
    padding-bottom: 0
}

@media (min-width:1200px) {
    .navigation__content-column:has(.navigation__submenu) {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.navigation__main-menu {
    display: flex;
    flex-direction: row;
    margin-left: 48px
}

@media (max-width:1199.98px) {
    .navigation__main-menu {
        flex-direction: column;
        margin-left: 0
    }
}

.navigation__main-menu>li:not(:has(.navigation__cta)) {
    position: relative;
    --text-width: calc(100% - 24px);
    --padding: 32px 12px 20px;
    --offset: 12px
}

.navigation__main-menu>li:not(:has(.navigation__cta)):first-child {
    --text-width: calc(100% - 12px);
    --padding: 32px 12px 20px 0;
    --offset: 0
}

.navigation__main-menu>li:not(:has(.navigation__cta)):last-child {
    --text-width: calc(100% - 12px);
    --padding: 32px 0 20px 12px
}

.navigation__main-menu>li:not(:has(.navigation__cta))>a {
    font-family: "Mont Bold", sans-serif;
    color: #1a1a1a;
    display: inline-block
}

@media (min-width:1200px) {

    .navigation__main-menu>li:not(:has(.navigation__cta)) a[aria-haspopup]::after,
    .navigation__main-menu>li:not(:has(.navigation__cta))>a::after {
        position: absolute;
        opacity: 0;
        content: "";
        width: var(--text-width);
        height: 4px;
        background: linear-gradient(75.96deg, #034172 0,   #bfdb35 100%);
        bottom: 0;
        left: var(--offset);
        transition: opacity .1s ease-in-out
    }

    .navigation__main-menu>li:not(:has(.navigation__cta)):hover>a::after,
    .navigation__main-menu>li:not(:has(.navigation__cta))>a:focus::after,
    .navigation__main-menu>li:not(:has(.navigation__cta))>a[aria-expanded=true]::after {
        opacity: 1
    }

    .navigation__main-menu>li:not(:has(.navigation__cta))>a {
        padding: var(--padding)
    }
}

.navigation__main-menu>li:has(.navigation__cta) {
    padding-top: 20px;
    padding-bottom: 12px;
    margin-top: 48px;
    padding-left: 0
}

@media (min-width:1200px) {
    .navigation__main-menu>li:has(.navigation__cta) {
        margin-top: 0;
        padding-left: 8px
    }
}

.navigation__main-menu>li:has(.navigation__cta)>a {
    text-align: center
}

@media (max-width:1199.98px) {

    .navigation [data-navigation-slide="1"],
    .navigation [data-navigation-slide="2"] {
        position: fixed;
        left: 0;
        transform: translateX(calc(1*100%));
        transform-origin: left
    }

    .navigation [data-navigation-slide="2"] {
        transform: translateX(calc(2*100%))
    }
}

.navigation ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.navigation__content {
    transform-origin: left
}

@media (max-width:1199.98px) {
    .navigation__content {
        width: 300%;
        height: 100%;
        position: absolute;
        left: 0
    }
}

.navigation__mobile-back-button {
    border-bottom: 0;
    padding-bottom: 8;
    color: #323232;
    font-size: 14px;
    line-height: 20px
}

.navigation__mobile-back-button:before {
    content: ""
}

.navigation__mobile-back-button::before {
    margin-right: 4px;
    font-size: 16px
}

@media (min-width:1200px) {
    .navigation__mobile-back-button {
        visibility: hidden;
        display: none
    }
}

.navigation li>a[aria-haspopup=true]::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 48 48" fill="none"><path d="M15.4227 2C15.7801 2 16.0962 2.14696 16.3711 2.44088L35.5876 22.986C35.8625 23.2799 36 23.6179 36 24C36 24.3821 35.8625 24.7201 35.5876 25.014L16.3711 45.5591C16.0962 45.853 15.7801 46 15.4227 46C15.0653 46 14.7491 45.853 14.4742 45.5591L12.4124 43.3547C12.1375 43.0608 12 42.7228 12 42.3407C12 41.9586 12.1375 41.6206 12.4124 41.3267L28.6186 24L12.4124 6.67335C12.1375 6.37943 12 6.04142 12 5.65932C12 5.27722 12.1375 4.93921 12.4124 4.64529L14.4742 2.44088C14.7491 2.14696 15.0653 2 15.4227 2Z" fill="black"/></svg>');
    background-size: cover;
    background-repeat: no-repeat
}

@media (min-width:1200px) {
    .navigation li>a[aria-haspopup=true]::after {
        background-image: none
    }
}

@media (max-width:1199.98px) {
    .navigation ul:not(.navigation__cards-list) {
        gap: 0
    }

    .navigation ul:not(.navigation__cards-list)>li:not(:has(>.navigation__mobile-back-button)) {
        border-bottom: 1px solid #dedede
    }

    .navigation ul:not(.navigation__cards-list)>li {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .navigation ul:not(.navigation__cards-list)>li:first-child {
        padding-top: 0
    }

    .navigation ul:not(.navigation__cards-list)>li:last-child {
        padding-bottom: 0;
        border-bottom: 0
    }

    .navigation ul:not(.navigation__cards-list)>li>a {
        display: inline-block
    }

    .navigation ul:not(.navigation__cards-list)>li>a:not(.navigation__more-links) {
        width: 100%
    }

    .navigation ul:not(.navigation__cards-list)>li>a:not(.navigation__more-links)::after {
        position: absolute;
        right: 0;
        font-weight: 800
    }
}

.navigation__spacer {
    flex: 1
}

@media (max-width:1199.98px) {
    .navigation__spacer {
        display: none
    }
}

.navigation__mobile-submenu-title {
    display: none
}

@media (max-width:1199.98px) {
    .navigation__mobile-submenu-title {
        display: block;
        position: relative;
        font-size: 23px;
        line-height: 32px;
        font-family: "Mont Bold", sans-serif;
        font-weight: 700
    }

    .navigation__mobile-submenu-title::after {
        position: absolute;
        left: 0;
        bottom: -2px;
        content: "";
        display: block;
        width: 48px;
        height: 4px;
        background: linear-gradient(#034172, #bfdb35);
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="4" viewBox="0 0 48 4" fill="none"><path d="M0 2H48" stroke="url(%23paint0_linear_1308_752)" stroke-width="4"/><defs><linearGradient id="paint0_linear_1308_752" x1="-7.15256e-07" y1="3" x2="0.413792" y2="-1.96552" gradientUnits="userSpaceOnUse"><stop stop-color="%23034172"/><stop offset="1" stop-color="%23BFDB35"/></linearGradient></defs></svg>')
    }
}

.navigation__submenu {
    display: none;
    flex-direction: column;
    gap: 24px
}

.navigation__submenu.is-open {
    display: flex
}

.navigation__links-list {
    --highlight-number: $highlight-number;
    height: calc(var(--highlight-number)*44px + 16);
    display: flex;
    flex-direction: column;
    gap: 20px
}

.navigation__links-list--extendable {
    visibility: hidden;
    overflow: hidden;
    height: 0
}

.navigation__links-list--extendable.is-open {
    visibility: visible;
    height: auto
}

.navigation__section-title {
    color: #1a1a1a;
    font-family: "Mont Bold", sans-serif;
    margin-bottom: 16px
}

.navigation__cards-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    width: 100%
}

@media (min-width:1200px) {
    .navigation__cards-list {
        grid-template-columns: repeat(minmax(180px, 1fr));
        grid-auto-flow: column;
        gap: 48px
    }
}

.navigation__card-image-wrapper {
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;
    max-width: 180px
}

.navigation__card-item {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: center
}

.navigation__card-item img {
    width: 100%;
    height: 100%;
    transition: transform .3s ease-in-out
}

.navigation__card-item a:focus img,
.navigation__card-item a:hover img {
    transform: scale(1.1)
}

.navigation__category-list {
    display: flex;
    flex-direction: column
}

.navigation__category-item {
    display: flex
}

@media (min-width:1200px) {
    .navigation__category-item a {
        color: #323232;
        padding: 12px;
        width: 100%
    }

    .navigation__category-item a:focus,
    .navigation__category-item a:hover,
    .navigation__category-item a[aria-expanded=true] {
        background: #f5f3ef
    }
}

.navigation__more-links {
    color: #323232;
    font-weight: 700;
    width: auto;
    font-size: 14px;
    line-height: 20px
}

.navigation__more-links:after {
    content: ""
}

.navigation__more-links::after {
    font-weight: 700;
    right: -4px
}

.navigation__more-links[aria-expanded=true] {
    display: none !important
}

.navigation__more-links:focus,
.navigation__more-links:hover {
    color: #c0dc37
}

.navigation__backdrop {
    position: fixed;
    top: var(--headerHeight);
    left: 0;
    width: 100vw;
    height: calc(100vh - var(--headerHeight));
    background: rgba(0, 0, 0, .5);
    display: none;
    z-index: -1
}

.navigation__backdrop.active {
    display: block
}

@media (min-width:1024px) {
    .navigation-mobile-button {
        display: none
    }
}

.navigation-mobile-button .t-btn-1 {
    margin-bottom: 100px
}

.navigation-mobile-button .toggle-btn {
    display: block;
    cursor: pointer;
    z-index: 2;
    position: absolute;
    right: 4px;
    top: 0;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    padding: 14px 16px;
    width: 56px;
    height: 48px
}

@media (min-width:1024px) {
    .navigation-mobile-button .toggle-btn {
        display: none
    }
}

.navigation-mobile-button .toggle-btn .toggle-icon {
    display: block;
    position: relative;
    cursor: pointer
}

.navigation-mobile-button .toggle-btn .toggle-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #323232;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out
}

.navigation-mobile-button .toggle-btn .toggle-icon span:nth-child(1) {
    top: 0
}

.navigation-mobile-button .toggle-btn .toggle-icon span:nth-child(2),
.navigation-mobile-button .toggle-btn .toggle-icon span:nth-child(3) {
    top: 8px
}

.navigation-mobile-button .toggle-btn .toggle-icon span:nth-child(4) {
    top: 16px
}

.navigation-mobile-button .toggle-btn .toggle-icon.active span:nth-child(1) {
    top: 8px;
    width: 0;
    left: 50%
}

.navigation-mobile-button .toggle-btn .toggle-icon.active span:nth-child(2) {
    transform: rotate(45deg)
}

.navigation-mobile-button .toggle-btn .toggle-icon.active span:nth-child(3) {
    transform: rotate(-45deg)
}

.navigation-mobile-button .toggle-btn .toggle-icon.active span:nth-child(4) {
    top: 8px;
    width: 0;
    left: 50%
}

.highlight-mt3220 {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    align-items: center
}

@media (min-width:576px) {
    .highlight-mt3220 {
        display: grid;
        grid-template-columns: 1fr 40%;
        grid-template-rows: 1fr;
        margin-left: 32px;
        margin-right: 32px
    }
}

.highlight-mt3220__content-container,
.highlight-mt3220__image-container {
    display: flex
}

@media (min-width:576px) {

    .highlight-mt3220__content-container,
    .highlight-mt3220__image-container {
        display: grid
    }
}

.highlight-mt3220__content-container {
    margin-top: -32px
}

@media (min-width:576px) {
    .highlight-mt3220__content-container {
        background-color: #000;
        border-radius: 8px;
        grid-column: 1/3;
        grid-row: 1;
        display: grid;
        grid-template-columns: 1fr 40%;
        margin-left: -32px;
        margin-right: -32px;
        margin-top: 32px
    }
}

.highlight-mt3220__content {
    flex: 1;
    background-color: #000;
    color: #fff;
    border-radius: 8px;
    padding: 64px 24px 24px
}

@media (min-width:576px) {
    .highlight-mt3220__content {
        grid-column: 1;
        grid-row: 1;
        background-color: transparent;
        padding: 32px
    }
}

@media (min-width:1024px) {
    .highlight-mt3220__content {
        padding: 48px 64px
    }
}

.highlight-mt3220__image-container {
    aspect-ratio: 16/10;
    width: 100%;
    padding: 0 20px
}

@media (min-width:576px) {
    .highlight-mt3220__image-container {
        padding: 0;
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        align-self: start
    }
}

.highlight-mt3220__image {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/10;
    object-fit: contain;
    z-index: 1
}

@media (min-width:576px) {
    .highlight-mt3220__image {
        grid-column: 2;
        grid-row: 1
    }
}

@media (min-width:1024px) {

    .layout--full-width-compact .highlight-mt3220__content,
    .layout--sidebar .highlight-mt3220__content {
        padding: 32px
    }
}

.highlight-mt3220__headline,
.layout--full-width-compact .highlight-mt3220__headline,
.layout--sidebar .highlight-mt3220__headline {
    font-size: 23px;
    line-height: 32px;
    font-family: "Mont Bold", sans-serif
}

.layout--full-width-compact .highlight-mt3220__text,
.layout--sidebar .highlight-mt3220__text,
.product-pricing__price small {
    font-size: 16px;
    line-height: 24px
}

@media (min-width:576px) {
    .highlight-mt3220__headline {
        font-size: 23px;
        line-height: 32px;
        font-weight: 500 !important
    }
}

@media (min-width:1024px) {
    .highlight-mt3220__headline {
        font-size: 26px;
        line-height: 32px;
        font-weight: 500 !important
    }
}

.highlight-mt3220__text {
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px
}

@media (min-width:576px) {
    .highlight-mt3220__text {
        font-size: 16px;
        line-height: 24px
    }
}

@media (min-width:1024px) {
    .highlight-mt3220__text {
        font-size: 18px;
        line-height: 29px
    }
}

.highlight-mt3220__button-container {
    margin-top: 24px
}

@media (min-width:576px) {
    .hero-get-ready {
        display: flex;
        min-height: 470px;
        padding-top: 0
    }
}

@media (min-width:1024px) {
    .hero-get-ready {
        justify-content: space-between
    }
}

.hero-get-ready__wrapper {
    overflow: hidden;
    position: relative
}

@media (min-width:576px)and (max-width:1023.98px) {
    .hero-get-ready__wrapper {
        height: 700px
    }
}

@media (min-width:1024px) {
    .hero-get-ready__wrapper {
        height: 700px;
        background-color: #f9f9f9
    }
}

.hero-get-ready__bg {
    object-fit: cover;
    width: 100%;
    height: 200px
}

@media (min-width:576px)and (max-width:1023.98px) {
    .hero-get-ready__bg {
        height: 700px
    }
}

@media (min-width:1024px) {
    .hero-get-ready__bg {
        height: 700px;
        width: 1600px
    }
}

@media (min-width:576px) {
    .hero-get-ready__bg {
        position: absolute;
        left: 50%;
        transform: translateX(-50%)
    }
}

.hero-get-ready__cta {
    margin-top: 12px;
    margin-bottom: 32px
}

.hero-get-ready__text {
    position: relative;
    padding: 20px 0;
    background-color: #fff
}

@media (min-width:360px)and (max-width:575.98px) {
    .hero-get-ready__text {
        width: 100%
    }
}

@media (min-width:576px) {
    .hero-get-ready__text {
        max-width: 460px;
        padding: 48px 16px 32px;
        background-color: transparent
    }
}

.hero-get-ready__title {
    font-size: 26px;
    line-height: 32px;
    font-family: "Mont Bold", sans-serif;
    text-align: left;
    margin-bottom: 1rem
}

@media (min-width:576px) {
    .hero-get-ready__title {
        font-size: 36px;
        line-height: 48px;
        font-family: "Mont Heavy", sans-serif
    }
}

.hero-get-ready__title::after {
    display: none
}

.hero-get-ready__branding-logo {
    margin-top: 10px;
    padding: 10px 16px;
    background-color: #fff;
    display: inline-block
}

@media (max-width:575.98px) {
    .hero-get-ready__branding-logo {
        position: absolute;
        bottom: calc(100% + 10px);
        right: 0
    }

    .hero-get-ready__branding-logo>img {
        height: 30px;
        width: auto
    }

    .hero-get-ready__badge__inside {
        display: none
    }
}

.hero-get-ready__badge__outside {
    margin: 8px 20px
}

@media (min-width:576px) {
    .hero-get-ready__badge__outside {
        display: none
    }
}

.lead-form {
    z-index: 10
}

@media (min-width:576px) {
    .lead-form {
        max-width: 335px;
        padding: 0;
        margin: 20px;
        background-color: transparent;
        animation: 1s ease-out 0s 1 getReadyLeadFormBoxSlideIn
    }
}

.lead-form__info-text {
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 10px
}

@media (min-width:576px) {
    .lead-form__info-text {
        margin-bottom: 8px;
        text-align: left
    }
}

.lead-form__box {
    background-color: #fff;
    box-shadow: 0 0 6px #595b60
}

.lead-form__content {
    position: relative
}

.lead-form__question {
    background-image: linear-gradient(to right, #034172, #bfdb35);
    font-size: 18px;
    line-height: 29px;
    padding: 16px 18px;
    margin-bottom: 0;
    line-height: 1.4rem;
    vertical-align: center;
    color: #fff
}

.lead-form__progress-bar {
    height: 5px;
    margin: 8px 8px 12px;
    background-color: #dedede;
    border-radius: 2.5px;
    overflow: hidden
}

.lead-form__progress-bar__fill {
    width: 10%;
    height: 100%;
    background-color: #c0dc37;
    animation: 2s ease-out 0s 1 getReadyLeadFormBoxFillProgress
}

.lead-form__question-choices {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 0 5px
}

@media (min-width:576px) {
    .lead-form__question-choices {
        display: block;
        width: auto;
        margin: 0;
        padding: 0 16px 8px
    }
}

.badge {
    display: flex
}

@media (min-width:576px) {
    .badge {
        margin: 16px 0
    }
}

.badge__left {
    background-color: #fff;
    border-radius: 50% 0 0 50%
}

.badge__right {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding-left: 16px;
    padding-right: 16px
}

.badge__label {
    font-weight: 700;
    margin-bottom: 4px
}

.badge__label,
.badge__text {
    font-size: 16px;
    line-height: 24px;
    color: #323232
}

.badge__img {
    height: 70px;
    width: 70px;
    border-radius: 50%
}

@media (min-width:576px) {
    .badge__img {
        height: 84px;
        width: 84px
    }
}

.badge__content {
    align-self: center;
    text-align: left
}

.daily-leads-wrapper {
    background-color: #fff
}

@media (max-width:575.98px) {
    .daily-leads-wrapper {
        margin-bottom: 20px
    }
}

.daily-leads-wrapper>.daily-leads {
    padding-top: 24px
}

.customer-referral-badge {
    display: none
}

.customer-referral-badge--show {
    display: flex !important
}

.customer-referral-badge__img {
    background: linear-gradient(to bottom, #cca95e 0, #dfb967 25%, #eaca85 50%, #ae8d48 100%)
}

.trustpilot-badge__rating {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.trustpilot-badge__rating img {
    margin-right: 8px;
    height: 24px
}

@media (max-width:575.98px) {
    .carousel-legacy {
        padding-top: 8px;
        padding-bottom: 8px;
        overflow-y: hidden
    }
}

.carousel-legacy__container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media (max-width:575.98px) {
    .carousel-legacy__container {
        flex-wrap: nowrap
    }
}

.carousel-legacy__item {
    display: flex
}

@media (max-width:575.98px) {
    .carousel-legacy__item:first-child {
        margin-left: 0
    }

    .carousel-legacy__item:last-child {
        margin-right: 0
    }
}

@font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper,
.swiper-wrapper {
    position: relative;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    list-style: none;
    padding: 0;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

.swiper .swiper-slide {
    height: auto
}

.swiper .swiper-navigation {
    display: flex;
    margin-top: 20px
}

@media (min-width:576px) {
    .swiper .swiper-navigation {
        margin-top: 24px
    }
}

@media (min-width:1024px) {
    .layout--full-width .customer-reviews .swiper .swiper-navigation {
        justify-content: flex-end
    }
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
    position: relative;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    background-color: #1a1a1a;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px
}

.swiper .swiper-button-next:hover,
.swiper .swiper-button-prev:hover {
    background-color: #323232
}

.swiper .swiper-button-next.swiper-button-disabled,
.swiper .swiper-button-prev.swiper-button-disabled {
    background-color: #dedede
}

.swiper .swiper-button-next::before,
.swiper .swiper-button-prev::before {
    font-size: 32px
}

.swiper .swiper-button-prev {
    padding-right: 3px
}

.swiper .swiper-button-prev:before {
    content: ""
}

.swiper .swiper-button-next {
    padding-left: 3px;
    margin-left: 16px
}

.swiper .swiper-button-next:before {
    content: ""
}

.swiper .swiper-button-disabled {
    cursor: auto
}

@media (min-width:576px) {

    .layout--sidebar .carousel--no-background,
    .layout--sidebar .carousel--with-background {
        padding: 48px 20px
    }
}

.carousel--no-background,
.carousel--with-background {
    padding: 32px 20px
}

@media (min-width:576px)and (max-width:1023.98px) {

    .carousel--no-background,
    .carousel--with-background {
        padding: 48px 20px
    }
}

@media (min-width:1024px) {
    .carousel--no-background {
        padding: 0
    }
}

.carousel--with-background {
    background-color: #f5f3ef
}

@media (min-width:1024px) {
    .carousel--with-background {
        padding: 48px
    }
}

.carousel__caption {
    font-size: 14px;
    line-height: 20px;
    color: #595b60;
    margin-bottom: 4px
}

@media (min-width:576px) {
    .carousel__caption {
        font-size: 14px;
        line-height: 20px
    }
}

@media (min-width:1024px) {
    .carousel__caption {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width:575.98px) {
    .carousel__caption {
        padding-left: 20px
    }
}

.customer-reviews .carousel__caption {
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    margin: 4px 0 0;
    text-align: center
}

@media (min-width:1024px) {
    .layout--full-width .customer-reviews .carousel__caption {
        margin: 0 0 8px;
        text-align: right;
        order: -1
    }
}

.people-listing__item {
    display: flex;
    flex-direction: column;
    background-color: #f9f9f9;
    border-radius: 2px;
    width: 80%
}

@media (min-width:576px)and (max-width:767.98px) {
    .people-listing__item {
        width: calc(50% - 12px)
    }
}

@media (min-width:768px)and (max-width:1023.98px) {
    .people-listing__item {
        width: calc(33% - 13px)
    }
}

@media (min-width:1024px) {
    .people-listing__item {
        width: calc(25% - 18px)
    }
}

.people-listing__item:last-child,
.video-teaser__item:last-child {
    margin-right: 0 !important
}

.people-listing__photo {
    width: 100%;
    height: auto;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.people-listing__details {
    padding: 20px 16px
}

@media (min-width:1024px) {
    .people-listing__details {
        padding: 32px 24px
    }
}

.people-listing__first-and-last-name {
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #1a1a1a
}

@media (min-width:576px) {
    .people-listing__first-and-last-name {
        font-size: 23px;
        line-height: 32px;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important
    }
}

.people-listing__company-role {
    font-size: 16px;
    line-height: 24px;
    color: #323232
}

@media (min-width:576px) {
    .people-listing__company-role {
        font-size: 18px;
        line-height: 29px
    }
}

.people-listing__linkedin {
    font-size: 24px;
    line-height: 22px;
    margin-top: 16px
}

.people-listing__linkedin a {
    color: #000
}

.people-listing__linkedin a:hover {
    color: #c0dc37
}

.video-teaser,
.video-teaser__item {
    display: flex;
    flex-direction: row
}

.video-teaser__item {
    flex: 0 0 auto;
    width: 83.33333333%
}

@media (max-width:575.98px) {
    .video-teaser__item {
        flex-direction: column
    }
}

@media (min-width:1024px) {
    .video-teaser__item {
        flex: 0 0 auto;
        width: 75%
    }
}

.video-teaser__section-video .plyr {
    width: 100%;
    height: 100%
}

@media (min-width:576px) {
    .video-teaser__section-video .plyr {
        width: 226px !important;
        height: 140px !important
    }
}

@media (min-width:1024px) {
    .video-teaser__section-video .plyr {
        width: 280px !important;
        height: 175px !important
    }
}

.video-teaser__section-video .plyr--video .plyr__controls {
    padding-top: 0 !important
}

.video-teaser__section-video .plyr__poster {
    cursor: pointer
}

.video-teaser__section-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 24px;
    padding-left: 0
}

@media (min-width:576px) {
    .video-teaser__section-content {
        padding-top: 0;
        padding-left: 24px
    }
}

@media (min-width:1024px) {
    .video-teaser__section-content {
        padding-left: 32px;
        padding-top: 0
    }
}

.video-teaser__title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
    color: #323232
}

@media (min-width:576px) {
    .video-teaser__title {
        font-size: 16px;
        line-height: 24px
    }
}

@media (min-width:1024px) {
    .video-teaser__title {
        font-size: 18px;
        line-height: 29px
    }
}

@media (min-width:576px) {
    .video-teaser__title {
        margin-bottom: 12px
    }
}

.video-teaser__body {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #1a1a1a
}

@media (min-width:576px) {
    .video-teaser__body {
        font-size: 18px;
        line-height: 29px
    }
}

@media (min-width:1024px) {
    .video-teaser__body {
        font-size: 23px;
        line-height: 32px;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important
    }
}

.product-specs {
    margin-bottom: 16px
}

.product-specs__item td {
    padding: 2px 16px 2px 0
}

.product-specs__data,
.product-specs__label {
    font-size: 14px;
    line-height: 1.3
}

@media (min-width:576px) {

    .product-specs__data,
    .product-specs__label {
        font-size: 16px;
        line-height: 24px
    }
}

.product-specs__label {
    flex: 0 0 100px
}

.product-visual {
    position: relative;
    margin-bottom: 20px;
    display: flex;
    justify-content: center
}

.product-visual__brand-logo {
    margin-bottom: 16px
}

@media (min-width:576px) {
    .product-visual__brand-logo {
        margin-bottom: 20px
    }
}

.product-visual__product {
    align-self: center;
    height: auto;
    max-width: 90%
}

@media (min-width:576px) {
    .product-visual__product {
        max-height: 400px;
        width: auto
    }
}

.product-basic-details {
    text-align: left;
    position: absolute;
    top: 10px;
    left: 10px;
    padding-top: 40px
}

@media (max-width:575.98px) {
    .product-basic-details {
        width: 48%;
        max-width: 180px
    }
}

@media (min-width:576px) {
    .product-basic-details {
        left: .75rem;
        max-width: 60%;
        text-align: left
    }
}

.product-extra-details {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 16px
}

@media (min-width:576px) {
    .product-extra-details {
        font-size: 14px;
        line-height: 20px
    }
}

.product-type {
    font-size: 18px;
    line-height: 29px;
    margin-bottom: 10px
}

@media (min-width:576px) {
    .product-type {
        font-size: 20px;
        line-height: 32px
    }
}

@media (max-width:575.98px) {
    .product-type {
        text-align: center
    }
}

.product-wrapper {
    margin-bottom: 2rem
}

@media (min-width:576px) {
    .product-wrapper h1 {
        text-align: left;
        font-size: 28px;
        margin-bottom: 20px
    }

    .product-wrapper h1::after {
        margin-left: 0;
        margin-top: 10px
    }
}

.product-offers {
    display: flex;
    justify-content: space-between;
    flex-grow: 1
}

@media (max-width:1023.98px) {
    .product-offers {
        flex-direction: column
    }
}

.product-offers .t-btn-2 {
    margin-top: 8px
}

.product-pricing {
    display: flex;
    flex-direction: column;
    text-align: center;
    border-top: 1px solid #dedede;
    padding: 20px 16px;
    flex-grow: 1;
    justify-content: flex-end
}

.product-pricing:not(:last-child) {
    position: relative
}

@media (min-width:576px) {
    .product-pricing:not(:last-child) {
        margin-right: 16px
    }
}

.product-listing .t-btn-2,
.product-pricing--as-card {
    margin-bottom: 16px
}

@media (min-width:576px)and (max-width:1023.98px) {
    .product-pricing--as-card {
        width: 100%
    }
}

.product-pricing__price {
    font-size: 23px;
    line-height: 32px;
    font-family: "Mont Bold", sans-serif;
    color: #1a1a1a;
    margin-bottom: 4px
}

.job-form__input-wrap label,
.product-pricing__conditions {
    font-size: 16px;
    line-height: 24px;
    color: #323232;
    margin-bottom: 4px
}

.eu-energy-label-700-bundle,
.eu-energy-label-700-heating,
.eu-energy-label-700-water {
    color: #fff;
    position: relative;
    line-height: 28px;
    font-weight: 700;
    padding-left: 10px;
    width: calc(100% - 14px);
    margin-bottom: 8px
}

.eu-energy-label-600-bundle::before,
.eu-energy-label-600-heating::before,
.eu-energy-label-600-water::before,
.eu-energy-label-700-bundle::before,
.eu-energy-label-700-heating::before,
.eu-energy-label-700-water::before {
    display: block;
    height: 0;
    width: 0;
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -14px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid;
    border-right: 14px solid transparent
}

.eu-energy-label-600-bundle,
.eu-energy-label-600-heating {
    background-color: #33a357
}

.eu-energy-label-600-bundle::before,
.eu-energy-label-600-heating::before,
.eu-energy-label-600-water::before {
    border-left: 14px solid #33a357
}

.eu-energy-label-600-bundle,
.eu-energy-label-600-heating,
.eu-energy-label-600-water {
    color: #fff;
    position: relative;
    line-height: 28px;
    font-weight: 700;
    padding-left: 10px;
    width: calc(100% - 14px);
    margin-bottom: 8px
}

.eu-energy-label-600-water::before {
    border-left: 14px solid
}

.eu-energy-label-500-bundle,
.eu-energy-label-500-heating {
    background-color: #79b752
}

.eu-energy-label-400-bundle::before,
.eu-energy-label-400-heating::before,
.eu-energy-label-400-water::before,
.eu-energy-label-500-bundle::before,
.eu-energy-label-500-heating::before,
.eu-energy-label-500-water::before {
    display: block;
    height: 0;
    width: 0;
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -14px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #79b752;
    border-right: 14px solid transparent
}

.eu-energy-label-400-bundle,
.eu-energy-label-400-heating,
.eu-energy-label-400-water,
.eu-energy-label-500-bundle,
.eu-energy-label-500-heating,
.eu-energy-label-500-water {
    color: #fff;
    position: relative;
    line-height: 28px;
    font-weight: 700;
    padding-left: 10px;
    width: calc(100% - 14px);
    margin-bottom: 8px
}

.eu-energy-label-400-bundle::before,
.eu-energy-label-400-heating::before,
.eu-energy-label-400-water::before,
.eu-energy-label-500-water::before {
    border-left: 14px solid
}

.eu-energy-label-400-bundle,
.eu-energy-label-400-heating,
.eu-energy-label-400-water {
    background-color: #c3d545
}

.eu-energy-label-400-bundle::before,
.eu-energy-label-400-heating::before,
.eu-energy-label-400-water::before {
    border-left: 14px solid #c3d545
}

.eu-energy-label-400-water {
    background-color: #33a357
}

.eu-energy-label-400-water::before {
    border-left: 14px solid #33a357
}

.eu-energy-label-200-bundle,
.eu-energy-label-200-heating,
.eu-energy-label-200-water,
.eu-energy-label-300-bundle,
.eu-energy-label-300-heating,
.eu-energy-label-300-water {
    color: #fff;
    background-color: #fff12c;
    position: relative;
    line-height: 28px;
    font-weight: 700;
    padding-left: 10px;
    width: calc(100% - 14px);
    margin-bottom: 8px
}

.eu-energy-label-200-bundle::before,
.eu-energy-label-200-heating::before,
.eu-energy-label-200-water::before,
.eu-energy-label-300-bundle::before,
.eu-energy-label-300-heating::before,
.eu-energy-label-300-water::before {
    display: block;
    height: 0;
    width: 0;
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -14px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #fff12c;
    border-right: 14px solid transparent
}

.eu-energy-label-200-bundle,
.eu-energy-label-200-heating,
.eu-energy-label-200-water,
.eu-energy-label-300-water {
    background-color: #79b752
}

.eu-energy-label-200-bundle::before,
.eu-energy-label-200-heating::before,
.eu-energy-label-200-water::before,
.eu-energy-label-300-water::before {
    border-left: 14px solid #79b752
}

.eu-energy-label-200-bundle,
.eu-energy-label-200-heating,
.eu-energy-label-200-water {
    background-color: #edb731
}

.eu-energy-label-200-bundle::before,
.eu-energy-label-200-heating::before,
.eu-energy-label-200-water::before {
    border-left: 14px solid #edb731
}

.eu-energy-label-200-water {
    background-color: #c3d545
}

.eu-energy-label-200-water::before {
    border-left: 14px solid #c3d545
}

.eu-energy-label-100-bundle,
.eu-energy-label-100-heating,
.eu-energy-label-100-water,
.eu-energy-label-75-bundle,
.eu-energy-label-75-heating,
.eu-energy-label-75-water {
    color: #fff;
    background-color: #d66f2c;
    position: relative;
    line-height: 28px;
    font-weight: 700;
    padding-left: 10px;
    width: calc(100% - 14px);
    margin-bottom: 8px
}

.eu-energy-label-100-bundle::before,
.eu-energy-label-100-heating::before,
.eu-energy-label-100-water::before,
.eu-energy-label-75-bundle::before,
.eu-energy-label-75-heating::before,
.eu-energy-label-75-water::before {
    display: block;
    height: 0;
    width: 0;
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -14px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #d66f2c;
    border-right: 14px solid transparent
}

.eu-energy-label-100-water,
.eu-energy-label-75-bundle,
.eu-energy-label-75-heating,
.eu-energy-label-75-water {
    background-color: #fff12c
}

.eu-energy-label-100-water::before,
.eu-energy-label-75-bundle::before,
.eu-energy-label-75-heating::before,
.eu-energy-label-75-water::before {
    border-left: 14px solid #fff12c
}

.eu-energy-label-75-bundle,
.eu-energy-label-75-heating,
.eu-energy-label-75-water {
    background-color: #cc232a
}

.eu-energy-label-75-bundle::before,
.eu-energy-label-75-heating::before,
.eu-energy-label-75-water::before {
    border-left: 14px solid #cc232a
}

.eu-energy-label-75-water {
    background-color: #edb731
}

.eu-energy-label-75-water::before {
    border-left: 14px solid #edb731
}

.eu-energy-label-25-bundle,
.eu-energy-label-25-heating,
.eu-energy-label-25-water,
.eu-energy-label-50-bundle,
.eu-energy-label-50-heating,
.eu-energy-label-50-water {
    color: #fff;
    background-color: #cc232a;
    position: relative;
    line-height: 28px;
    font-weight: 700;
    padding-left: 10px;
    width: calc(100% - 14px);
    margin-bottom: 8px
}

.eu-energy-label-25-bundle::before,
.eu-energy-label-25-heating::before,
.eu-energy-label-25-water::before,
.eu-energy-label-50-bundle::before,
.eu-energy-label-50-heating::before,
.eu-energy-label-50-water::before {
    display: block;
    height: 0;
    width: 0;
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -14px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #cc232a;
    border-right: 14px solid transparent
}

.eu-energy-label-25-bundle,
.eu-energy-label-25-heating,
.eu-energy-label-25-water,
.eu-energy-label-50-water {
    background-color: #d66f2c
}

.eu-energy-label-25-bundle::before,
.eu-energy-label-25-heating::before,
.eu-energy-label-25-water::before,
.eu-energy-label-50-water::before {
    border-left: 14px solid #d66f2c
}

.eu-energy-label-25-bundle,
.eu-energy-label-25-heating,
.eu-energy-label-25-water {
    background-color: #cc232a
}

.eu-energy-label-25-bundle::before,
.eu-energy-label-25-heating::before,
.eu-energy-label-25-water::before {
    border-left: 14px solid #cc232a
}

.eu-energy-label__wrapper {
    margin-bottom: 16px;
    text-align: center
}

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

@media (min-width:576px) {
    .product-listing {
        margin-bottom: -24px
    }
}

.product-listing__item {
    flex: 0 0 33%;
    padding: 0 12px
}

@media (max-width:575.98px) {
    .product-listing__item {
        flex: 0 0 260px
    }
}

@media (min-width:576px)and (max-width:767.98px) {
    .product-listing__item {
        flex: 0 0 50%
    }
}

.product-listing__link {
    display: flex;
    flex-direction: column;
    text-align: center;
    transition: all .5s;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 24px
}

.product-listing__image-wrapper {
    position: relative;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center
}

.product-listing__logo {
    position: absolute;
    top: 12px;
    left: 12px
}

.product-listing__energy-labels {
    position: absolute;
    top: 40px;
    left: 10px
}

.product-listing__energy-labels [class^=eu-energy-label-] {
    line-height: 10px
}

.product-listing__data {
    padding: 8px 16px 16px;
    flex-grow: 0
}

.product-listing__cta-wrapper {
    padding: 0 16px 20px
}

.product-listing__cta-wrapper .t-btn-2 {
    margin-bottom: 0
}

.product-listing__title {
    font-size: 18px;
    line-height: 29px;
    text-align: left;
    color: #1a1a1a;
    font-weight: 700;
    margin-bottom: 4px
}

.product-listing__specs {
    font-size: 16px;
    line-height: 24px;
    color: #323232;
    text-align: left
}

.product-listing__specs span:not(:last-child)::after {
    content: "/"
}

@media (max-width:575.98px) {
    .carousel__item .product-listing__link {
        margin-bottom: 0
    }
}

.related {
    margin-top: 25px;
    padding-right: 0;
    padding-left: 0
}

.related__section:not(:last-child) {
    margin-bottom: 2rem
}

.related__title {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: .8rem
}

.author {
    position: relative;
    text-align: center;
    border-top: 1px solid #dedede;
    padding: 35px 25px 25px
}

.author__wrapper {
    padding-top: 25px
}

.author__image {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%
}

.loader {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -4px;
    font-size: .2rem;
    position: relative;
    text-indent: -9999rem;
    border-top: .6rem solid rgba(192, 220, 55, .2);
    border-right: .6rem solid rgba(192, 220, 55, .2);
    border-bottom: .6rem solid rgba(192, 220, 55, .2);
    border-left: .6rem solid #c0dc37;
    transform: translateZ(0);
    animation: loader 1s infinite linear;
    border-radius: 50%;
    width: 3rem;
    height: 3rem
}

.loader__wrapper {
    display: flex;
    height: 70vh;
    align-items: center;
    justify-content: center
}

.lead-form-choice {
    display: flex;
    align-items: center;
    width: 100%;
    line-height: 1;
    padding: 8px 16px 8px 8px;
    cursor: pointer;
    position: relative;
    border: 1px solid #838383;
    border-radius: 2px;
    background-color: transparent;
    color: #1a1a1a;
    margin-bottom: 8px;
    min-height: 60px
}

.lead-form-choice:hover {
    color: #c0dc37;
    border-color: #c0dc37
}

.lead-form-choice:hover svg,
.lead-form-choice:hover svg path,
.lead-form-choice:hover svg polygon,
.lead-form-choice:hover svg rect {
    stroke: #c0dc37
}

.lead-form-choice__icon {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center
}

.lead-form-choice__icon>img {
    height: 100%;
    width: 100%;
    object-fit: contain
}

.lead-form-choice__icon svg {
    max-width: 100%;
    max-height: 100%;
    fill: none;
    stroke: #1a1a1a
}

.lead-form-choice__icon svg path,
.lead-form-choice__icon svg polygon,
.lead-form-choice__icon svg rect {
    fill: none;
    stroke: #1a1a1a
}

.lead-form-choice__label {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    padding-left: 16px
}

@media (max-width:575.98px) {
    .lead-form-container {
        background-color: #fff
    }
}

@media (min-width:1024px) {
    .lead-form-container {
        flex: 0 0 66.66%
    }

    .lead-form-container .lf-container__body {
        border-radius: 0 0 8px 8px;
        opacity: .85;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08)
    }
}

.lead-form-container .lf-container {
    max-width: 100% !important;
    padding: 24px 16px 80px
}

@media (min-width:576px) {
    .lead-form-container .lf-container {
        padding: 0
    }
}

@media screen and (min-width:570px)and (max-width:640px) {
    .lead-form-container .lf-container {
        padding: 24px 16px 80px;
        background-color: #fff
    }
}

.lead-form-content {
    gap: 16px;
    display: flex;
    flex-direction: column
}

@media (min-width:576px) {
    .lead-form-content {
        flex-direction: row;
        gap: 32px
    }
}

@media (min-width:1024px) {
    .lead-form-content {
        flex-direction: column;
        align-items: start;
        gap: 12px
    }
}

@media (min-width:576px) {
    .lead-form-content__image {
        width: 320px
    }
}

@media (max-width:1023.98px) {
    .lead-form-content__image {
        display: none
    }
}

.lead-form-content__image img {
    border-radius: 8px;
    aspect-ratio: 16/9
}

@media (max-width:575.98px) {
    .lead-form-content__image img {
        max-height: 150px
    }
}

@media (min-width:576px) {
    .lead-form-content__image img {
        max-height: 180px;
        width: 100%
    }
}

@media (min-width:1024px) {
    .lead-form-content__image img {
        aspect-ratio: auto;
        max-height: 205px;
        max-width: 320px
    }
}

.lead-form-content__wrapper {
    padding: 16px 20px
}

@media (min-width:576px) {
    .lead-form-content__wrapper {
        padding: 24px
    }
}

@media (min-width:1024px) {
    .lead-form-content__wrapper {
        padding: 24px 48px 0 0;
        flex: 0 0 33.33%;
        position: relative
    }

    .lead-form-content__wrapper__position {
        position: sticky;
        top: 200px;
        width: 100%
    }
}

.lead-form-content__info {
    gap: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

@media (min-width:1024px) {
    .lead-form-content__info {
        gap: 32px;
        align-items: start;
        text-align: left
    }
}

.lead-form-content__info--featured h1 {
    font-size: 18px;
    line-height: 29px
}

@media (min-width:576px) {
    .lead-form-content__info--featured h1 {
        font-size: 23px !important;
        line-height: 32px !important;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important
    }
}

.lead-form-content__logo {
    align-items: flex-start;
    margin-bottom: 24px
}

@media (min-width:576px) {
    .lead-form-content__logo {
        margin-bottom: 48px
    }

    .lead-form-content__logo img {
        height: 40px
    }
}

@media (min-width:1024px) {
    .lead-form-content__logo {
        margin-bottom: 64px
    }
}

.lead-form-content__logo img {
    height: 32px
}

.lead-form-content h1 {
    font-size: 18px;
    line-height: 29px;
    color: #1a1a1a;
    font-weight: 700;
    margin-bottom: 0
}

@media (min-width:576px) {
    .lead-form-content h1 {
        font-size: 26px;
        line-height: 32px;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important
    }
}

@media (min-width:1024px) {
    .lead-form-content h1 {
        font-weight: 800
    }
}

.lead-form-content__arrow {
    display: block;
    margin-top: 16px;
    text-align: center
}

@media (min-width:576px) {
    .lead-form-content__arrow {
        margin-top: 24px
    }
}

@media (min-width:1024px) {
    .lead-form-content__arrow {
        display: none
    }
}

.hero-job {
    background-image: linear-gradient(90deg, #034172 50%, #bfdb35 50%)
}

.hero-job__container {
    max-width: 1200px;
    margin: 0 auto
}

.hero-job__mask {
    display: flex;
    background-repeat: no-repeat
}

@media (max-width:575.98px) {
    .hero-job__mask {
        flex-direction: column;
        justify-content: flex-end;
        height: 250px;
        background-image: url("../images/pages/jobs/hero-mask__sm.80d474919917.png");
        background-position: bottom center
    }
}

@media (min-width:576px) {
    .hero-job__mask {
        height: 350px;
        align-items: center
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .hero-job__mask {
        background-image: url("../images/pages/jobs/hero-mask__md.a558b3c776e5.png")
    }
}

@media (min-width:1024px) {
    .hero-job__mask {
        background-image: url("../images/pages/jobs/hero-mask__lg.76df617a4634.png")
    }
}

.hero-job__bg {
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width:575.98px) {
    .hero-job__bg {
        background-position: bottom right 33%
    }
}

@media (min-width:576px) {
    .hero-job__bg {
        background-position: center
    }
}

.hero-job__headline {
    font-size: 20px;
    line-height: 32px;
    color: #fff
}

@media (min-width:576px) {
    .hero-job__headline {
        font-size: 36px;
        line-height: 48px;
        font-family: "Mont Heavy", sans-serif
    }
}

@media (min-width:1024px) {
    .hero-job__headline {
        font-size: 46px;
        line-height: 56px
    }
}

@media (max-width:575.98px) {
    .hero-job__headline {
        text-align: center;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 20px
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .hero-job__headline {
        flex-basis: 300px
    }
}

@media (min-width:1024px) {
    .hero-job__headline {
        flex-basis: 400px
    }
}

@media (min-width:576px) {
    .hero-job__headline {
        padding-left: 20px
    }
}

.job-form {
    max-width: 648px
}

@media (min-width:768px) {
    .job-form {
        padding: 0
    }
}

.job-form__modal__icon {
    text-align: center
}

.job-form__modal__icon svg {
    margin: 30px 0
}

.job-form__upload-btn {
    margin-bottom: 24px
}

.job-form__status-amount {
    margin-bottom: 16px
}

.form-field-error__container .job-form__status-amount {
    color: red
}

.job-form__files-list {
    display: none;
    margin-bottom: 24px
}

.job-form__files-list__item {
    display: flex;
    justify-content: space-between;
    padding: 8px 0
}

.job-form__files-list__item:not(:last-child) {
    border-bottom: 1px solid #dedede
}

.job-form__files-list__label {
    font-weight: 700
}

.job-form__files-list__status--pending {
    display: inline-block;
    vertical-align: middle;
    font-size: .2rem;
    position: relative;
    text-indent: -9999rem;
    border-top: 4.8px solid rgba(222, 222, 222, .2);
    border-right: 4.8px solid rgba(222, 222, 222, .2);
    border-bottom: 4.8px solid rgba(222, 222, 222, .2);
    border-left: 4.8px solid #dedede;
    transform: translateZ(0);
    animation: loader 1s infinite linear;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin-top: 0;
    margin-right: 0
}

.job-form__files-list__status--success {
    color: #55a041
}

.job-form__files-list__status--error {
    color: red
}

@media (min-width:768px) {
    .job-form__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 24px;
        row-gap: 12px
    }

    .job-form__grid .job-form__input-wrap {
        margin-bottom: 0
    }
}

.job-form__input-wrap {
    margin-bottom: 24px
}

.job-form__input-wrap--hidden {
    display: none
}

.job-form__input-wrap input {
    border-radius: 2px;
    padding: 12px 16px
}

.job-form__input-wrap input[type=number] {
    background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Common icons"><path id="Vector" d="M6.64756 5.88437H13.1168L12.6614 7.72938H6.08705C6.05202 7.9746 6.04034 8.2315 6.04034 8.50008C6.04034 8.80369 6.06369 9.09562 6.09873 9.37588H12.2527L11.8089 11.2209H6.70595C7.6051 12.8324 9.30998 13.7899 11.2484 13.7899C12.0541 13.7899 12.8599 13.6498 13.5839 13.3462V15.4014C12.7548 15.705 11.9257 15.8334 11.0499 15.8334C8.00212 15.8334 5.32803 14.0351 4.28875 11.2209H2L2.44374 9.37588H3.85669C3.82166 9.08394 3.7983 8.80369 3.7983 8.50008C3.7983 8.2315 3.80998 7.9746 3.83333 7.72938H2.04671L2.49045 5.88437H4.23036C5.25796 2.96505 7.99045 1.16675 11.0966 1.16675C12.1359 1.16675 13.2219 1.36526 14.2144 1.77397L13.7357 3.7124C12.9766 3.38543 12.0658 3.22195 11.2484 3.22195C9.26327 3.22195 7.53503 4.21452 6.64756 5.88437Z" fill="%23323232"/></g></svg>');
    background-size: 16px;
    background-position: left 16px center;
    background-repeat: no-repeat;
    padding-left: 38px
}

.job-form__input-wrap .form-field-error__text {
    margin-bottom: 0
}

.job-form__optional {
    color: #838383 !important
}

.job-form__optional--has-value {
    color: #323232 !important
}

.job-form fieldset {
    border: 0;
    padding: 0;
    margin-inline-start: 0;
    margin-inline-end: 0
}

@media (min-width:768px) {
    .job-form fieldset {
        margin-top: 64px
    }
}

.job-form fieldset legend {
    font-size: 18px;
    line-height: 29px;
    color: #323232;
    margin-bottom: 24px;
    font-weight: 700
}

.job-form .radio {
    margin-bottom: 0;
    margin-top: 8px
}

.job-form .radio__wrap {
    margin-bottom: 24px
}

@media (min-width:768px) {
    .job-form .radio__wrap {
        margin-bottom: 32px
    }
}

.job-form .checkbox>div:not(:last-child) {
    margin-bottom: 8px
}

.job-single .vertical-rhythm a:not(.t-btn-1) {
    color: #1a1a1a;
    text-decoration: underline
}

.job-single .vertical-rhythm a:not(.t-btn-1):active,
.job-single .vertical-rhythm a:not(.t-btn-1):hover {
    color: #c0dc37
}

.job-single__title {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    font-size: 24px !important;
    line-height: 1.4 !important;
    color: #1a1a1a !important;
    font-weight: 700
}

@media (max-width:575.98px) {
    .job-single__title {
        text-align: left
    }
}

@media (min-width:576px) {
    .job-single__title {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
        font-size: 35px !important;
        line-height: 50px !important
    }
}

@media (min-width:1024px) {
    .job-single__title {
        font-size: 45px !important;
        line-height: 60px !important
    }
}

.job-single__title::after {
    content: initial
}

.job-single__metadata {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    color: #595b60;
    padding-left: 20px;
    margin-bottom: 8px
}

@media (min-width:576px) {
    .job-single__metadata {
        font-size: 16px;
        line-height: 24px;
        padding-left: 26px
    }
}

.job-single__metadata:not(:last-child)::after {
    content: "|";
    margin: 0 12px
}

@media (min-width:576px)and (max-width:1023.98px) {
    .job-single__metadata:not(:last-child)::after {
        margin: 0 16px
    }
}

@media (min-width:1024px) {
    .job-single__metadata:not(:last-child)::after {
        margin: 0 24px
    }
}

.job-single__metadata i::before {
    position: absolute;
    transform: translate(-20px, 0)
}

@media (min-width:576px) {
    .job-single__metadata i::before {
        font-size: 20px;
        transform: translate(-26px, 0)
    }
}

.job-single__metadata__wrapper {
    margin-bottom: 16px
}

@media (min-width:576px) {
    .job-single__metadata__wrapper {
        text-align: center
    }
}

.apply-now {
    text-align: center;
    margin-bottom: 2rem
}

.hero {
    position: relative;
    display: flex;
    background-size: cover;
    background-position: top center
}

.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0.2) 100%);
    z-index: 1;
    pointer-events: none;
}

@media (max-width:359.98px) {
    .hero {
        height: 220px
    }
}

@media (min-width:360px)and (max-width:575.98px) {
    .hero {
        height: 260px
    }
}

@media (max-width:575.98px) {
    .hero {
        background-image: url("../../bilder/energize-stage_res_1984x1116.webp")
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .hero {
        background-image: url("../../bilder/energize-stage_res_1984x1116.webp");
        height: 300px
    }
}

@media (min-width:1024px)and (max-width:1199.98px) {
    .hero {
        background-image: url("../../bilder/energize-stage_res_1984x1116.webp");
        height: 700px
    }
}

@media (min-width:1200px)and (max-width:1919.98px) {
    .hero {
        background-image: url("../../bilder/energize-stage_res_1984x1116.webp");
        height: 800px
    }
}

@media (min-width:1920px) {
    .hero {
        background-image: url("../../bilder/energize-stage_res_1984x1116.webp");
        height: 800px
    }
}

.hero__box {
    background: transparent;
    position: relative;
    z-index: 2;
}

@media (max-width:1023.98px) {
    .hero__box {
        text-align: center
    }
}

@media (max-width:359.98px) {
    .hero__box {
        padding-top: 32px;
        padding-bottom: 40px
    }
}

@media (min-width:360px)and (max-width:575.98px) {
    .hero__box {
        padding-top: 40px;
        padding-bottom: 48px
    }
}

@media (min-width:576px)and (max-width:1023.98px) {
    .hero__box {
        padding: 40px 96px
    }
}

@media (min-width:1024px)and (max-width:1199.98px) {
    .hero__box {
        padding: 64px 40px
    }
}

@media (min-width:1200px) {
    .hero__box {
        padding: 80px 64px
    }
}

@media (min-width:1024px) {
    .hero__box {
        margin-top: 24px;
        margin-left: 0;
        max-width: 600px;
        padding-left: 50px
    }
}

.hero__box__wrapper {
    flex: 0;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    max-width: 600px;
    padding-left: 0;
    margin-left: 0
}

@media (min-width:1024px) {
    .hero__box__wrapper {
        margin-left: 0
    }
}

.hero__title {
    font-size: 32px;
    line-height: 40px;
    font-family: "Mont Bold", sans-serif;
    font-weight: 700;
    color: #fff
}

@media (min-width:576px) {
    .hero__title {
        font-size: 36px;
        line-height: 48px;
        font-family: "Mont Heavy", sans-serif;
        font-weight: 800
    }
}

@media (min-width:1024px) {
    .hero__title {
        font-size: 46px;
        line-height: 56px;
        font-weight: 800
    }
}

@media (min-width:1200px) {
    .hero__title {
        font-size: 52px;
        line-height: 64px;
        font-weight: 800
    }
}

@media (max-width:359.98px) {
    .hero__title {
        font-size: 29px;
        margin-bottom: 4px
    }
}

@media (min-width:360px)and (max-width:1199.98px) {
    .hero__title {
        margin-bottom: 8px
    }
}

@media (min-width:1200px) {
    .hero__title {
        margin-bottom: 16px
    }
}

.hero__headline {
    font-size: 18px;
    line-height: 29px;
    font-family: "Open Sans", sans-serif !important;
    color: #fff;
    margin-bottom: 32px
}

@media (min-width:576px) {
    .hero__headline {
        font-size: 20px;
        line-height: 32px
    }
}

@media (min-width:1024px) {
    .hero__headline {
        font-size: 23px;
        line-height: 32px;
        font-family: "Mont Bold", sans-serif;
        font-weight: 500 !important
    }
}

@media (min-width:1200px) {
    .hero__headline {
        font-size: 26px;
        line-height: 32px
    }
}

@media (max-width:359.98px) {
    .hero__headline {
        font-size: 16px;
        margin-bottom: 24px
    }
}

@media (min-width:1024px) {
    .hero__headline {
        margin-bottom: 40px
    }
}

.hero .t-btn-1-b,
.hero__box .t-btn-1-b,
.gtm-hero_teaser-cta {
    background-color: #005aa0 !important;
    color: #fff !important
}

.hero .t-btn-1-b:hover,
.hero .t-btn-1-b:focus,
.hero__box .t-btn-1-b:hover,
.hero__box .t-btn-1-b:focus,
.gtm-hero_teaser-cta:hover,
.gtm-hero_teaser-cta:focus {
    background-color: #004080 !important;
    color: #fff !important
}

.hero .t-btn-1-b:active,
.hero__box .t-btn-1-b:active,
.gtm-hero_teaser-cta:active {
    background-color: #005aa0 !important;
    color: #fff !important
}

.benefit-hero {
    margin-bottom: 48px
}

@media (min-width:1024px) {
    .benefit-hero {
        margin-bottom: 80px
    }
}

.benefit-hero__bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 180px;
    width: 100%
}

@media (min-width:576px) {
    .benefit-hero__bg {
        height: 250px
    }
}

@media (min-width:1024px) {
    .benefit-hero__bg {
        height: 460px
    }
}

.benefit-hero__container {
    max-width: 1240px;
    margin: 0 auto;
    position: relative
}

.benefit-hero__box {
    background-image: linear-gradient(to top right, #034172, #bfdb35);
    color: #fff;
    padding: 32px 20px
}

@media (min-width:1024px) {
    .benefit-hero__box {
        padding: 32px;
        position: absolute;
        left: 44px;
        bottom: -12px;
        min-width: calc(40% - 24px);
        max-width: calc(50% - 24px)
    }
}

.benefit-hero__box .list li:last-child,
.benefit-hero__box .list:last-child {
    margin-bottom: 0
}

.benefit-hero__subject {
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid #fff;
    font-weight: 700;
    padding-bottom: 12px;
    margin-bottom: 24px
}

.author-detail__head {
    display: flex;
    align-items: center;
    gap: 24px
}

@media (max-width:575.98px) {
    .author-detail__head {
        flex-direction: column
    }
}

.author-detail__head h1 {
    font-size: 29px;
    line-height: 40px;
    font-family: "Mont Bold", sans-serif;
    margin: 0
}

@media (min-width:576px) {
    .author-detail__head h1 {
        font-size: 36px;
        line-height: 48px;
        font-family: "Mont Heavy", sans-serif
    }
}

@media (max-width:575.98px) {
    .author-detail__head h1 {
        margin-bottom: 8px
    }
}

.author-detail__image {
    display: block;
    border-radius: 180px;
    height: 180px;
    width: 180px
}

@media (min-width:1024px) {
    .author-detail__image {
        border-radius: 220px;
        height: 220px;
        width: 220px
    }
}

.author-detail__contact {
    display: flex;
    align-items: center;
    gap: 8px
}

@media (max-width:575.98px) {
    .author-detail__contact {
        justify-content: center
    }
}

.author-detail__contact i {
    font-size: 24px
}