:root {

    --bs-font-sans-serif-normal: 'VM Circular Yell', sans-serif;
    --bs-font-sans-serif-bold: 'VM Circular Shout', sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif-normal);

    /* Bootstrap */
    /* --bs-body-bg: inherit;*/
    /* --bs-body-color: var(--text-color);*/
    /*--bs-body-font-size: inherit;*/
    /*--bs-body-font-weight: inherit;*/
    /*--bs-body-line-height: inherit;*/
    /*--bs-tooltip-bg: inherit;*/
    /*--bs-tooltip-color: inherit;*/

    --color-primary: #ED0000;
    --text-color: #FFFFFF;

    --header-background-gradient: linear-gradient(180deg, #1E2833 0%, rgba(13, 30, 41, 0.00) 100%, rgba(23, 51, 71, 0.00) 100%);
    --header-nav-toggler-color: #fff;

    --hero-image-blur: 6px;
    --hero-blur-background: rgba(29, 29, 29, 0.5);
    --hero-blur-box-shadow: rgba(29, 29, 29, 0);
    --hero-bottom-gradient-background: linear-gradient(180deg, rgba(29, 29, 29, 0) 0%, #1E2833 100%);

    --nav-hover-font-weight: 700;
    --nav-active-border-bottom: 1px solid var(--color-primary);
    --nav-link-hover-color: inherit;
    --mobile-nav-background: rgba(0, 0, 0, 0.85);

    --footer-background-color: var(--color-secondary);
    --footer-social-color: #1E2833;
    --footer-social-background-color: #ffffff;

    /* Splides */
    --splide-hero-margin-right: 64px;
    --splide-portrait-margin-right: 6px;
    --splide-default-margin-right: 6px;
    --splide-track-padding-bottom: 15px;

    /* Buttons */
    --button-primary-color: #FFFFFF;
    --button-primary-background-color: var(--color-primary);
    --button-primary-border-color: var(--color-primary);
    --button-primary-hover-color: #000;
    --button-primary-hover-background-color: var(--color-primary);
    --button-primary-hover-border-color: var(--color-primary);

    --button-submit-color: #fff;
    --button-submit-background-color: var(--color-primary);
    --button-submit-border-color: var(--color-primary);
    --button-submit-hover-color: #E3FF00;
    --button-submit-hover-background-color: var(--color-primary);
    --button-submit-hover-border-color: var(--color-primary);

    --button-lg-padding: 8px 16px;
    --button-sm-padding: 4px 8px;

    --button-sm-border-radius: 4px;
    --button-lg-border-radius: 4px;

    /* Play Icon */
    --play-icon-color: #FFFFFF;
    --play-icon-background: var(--color-primary);
    --play-icon-border: var(--color-primary);

    /* Accordion */
    --accordion-border-color: #3F4045;
    --accordion-divide-color: #1D1D1D;
    --accordion-item-background: #3F4045;
    --accordion-header-color: #fff;
    --accordion-header-background: #1B1C23;
    --accordion-body-color: #fff;
    --accordion-body-background: #1B1C23;

    /* Cards */
    --card-primary-background-color: #1E2833;
    --card-primary-border: 2px solid #3F4045;
    --card-primary-padding: 50px 40px;
    --card-primary-hr-border-color: #6B7378;
    --bs-border-color-translucent: none;

    /* Forms */
    --form-select-background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    --form-control-primary-background-color: #1B1C23;
    --form-control-primary-border: 1px solid #3F4045;
    --form-control-primary-border-radius: 3px;
    --form-control-primary-color: rgba(255, 255, 255, 0.6);

    /* Modals */
    --modal-border: 2px solid #0D1E29;
    --modal-border-radius: 8px;

    /*--modal-body-background-color: var(--Theme-4-onColor-color-highlightOnBackground-05, #233D50);*/
    /*--modal-body-border: 2px solid var(--Theme-4-onColor-color-highlightOnBackground-20, #455C6C);*/
    --modal-body-border-top: 0px;
    --modal-body-border-bottom: 0px;
    --modal-body-border-left: 0px;
    --modal-body-border-right: 0px;
    --modal-body-border-radius: 6px 6px 0px 0px;
    --modal-body-padding: 50px 110px;

    --modal-footer-background-color: #1E2833;
    --modal-footer-border-top: 2px solid #3F4045;
    --modal-footer-border-bottom: 0px;
    --modal-footer-border-left: 0px;
    --modal-footer-border-right: 0px;
    --modal-footer-border-radius: 0px 0px 6px 6px;
    --modal-footer-padding: 20px 110px;

    /* Badges */
    --badge-pill-line-height: 16px;
    --badge-pill-font-size: 14px;
    --badge-pill-vertical-align: text-bottom;
    --badge-pill-padding: 0.15em 0.3em;
    --badge-pill-border-radius: 4px;
    --badge-info-border: 1px solid #fff;

    /* Dropdowns */
    --dropdown-item-hover-background: #B80000;
    --dropdown-item-active-background: #ED0000;
    --dropdown-item-hover-color: #000;
    --dropdown-item-active-color: #000;

    /* Images */
    --thumbnail-border-radius: 3px;
    --img-placeholder: #666666AA;

    /* Sections */
    --section-background-color: #1E2833;
    --section-border-color: #1E2833;
    --section-title-border-color: var(--color-primary);

    /* Sliders */
    --slider-pagination-background-color: rgba(255, 255, 255, 0.4);
    --slider-pagination-active-background-color: rgba(255, 255, 255, 0.8);
    --slider-more-link-color: var(--color-primary);
    --slider-more-link-hover-color: var(--color-primary);

    /* Text */
    --text-secondary-color: rgba(255, 255, 255, 0.6);
    --text-muted-color: rgba(255, 255, 255, 0.6);

    /* Misc */
    --progress-bar-background: var(--color-primary);
    --live-now-color: #000000;
    --page-title-line-color: var(--color-primary);

    --account-bg: #1B1C23;
    --account-update-color: var(--color-primary);

    --breadcrumb-color: #ffffff;
    --breadcrumb-active-color: #ffffff;
    --breadcrumb-seperator-color: #ffffff;

    --pulse-background: var(--color-primary);
    --pulse-box-shadow: var(--color-primary);

    /*--bs-font-sans-serif: Inter, sans-serif;*/
    /*--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: #ffffff;
    --bs-body-bg: #1E2833;
}

body {
    background-color: #1E2833;
    /*color: var(--text-color);*/
}

strong,
b {
    font-family: var(--bs-font-sans-serif-bold), sans-serif;
}

@font-face {
    font-family: 'VM Circular Yell';
    src: url('/static/fonts/VMCircularYell-Black.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VM Circular Shout';
    src: url('/static/fonts/VMCircularShout-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

.swiper[data-type=hero] .swiper-button>svg {
    fill: var(--color-primary) !important;
}

.swiper-button>svg {
    fill: var(--color-primary) !important;
}

.swiper-pagination-bullet-active {
    background: var(--color-primary);
}

.component.section {
    background: #1E2833;
}