@charset "UTF-8";
/*!
 * Bootstrap v5.1.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --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-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-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-rgb: 33, 37, 41;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .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-bg: #fff
}

*, ::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;
    background-color: currentColor;
    border: 0;
    opacity: .25
}

hr:not([size]) {
    height: 1px
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1, h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 2.5rem
    }
}

.h2, h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
    .h2, h2 {
        font-size: 2rem
    }
}

.h3, h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    .h3, h3 {
        font-size: 1.75rem
    }
}

.h4, h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    .h4, h4 {
        font-size: 1.5rem
    }
}

.h5, h5 {
    font-size: 1.25rem
}

.h6, h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-bs-original-title], abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol, ul {
    padding-left: 2rem
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

.small, small {
    font-size: .875em
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3
}

sub, sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #0d6efd;
    text-decoration: underline
}

a:hover {
    color: #0a58ca
}

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);
    font-size: 1em;
    direction: ltr;
    unicode-bidi: bidi-override
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: #d63384;
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: .875em;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700
}

figure {
    margin: 0 0 1rem
}

img, svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d;
    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 {
    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]::-webkit-calendar-picker-indicator {
    display: none
}

[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;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width: 1200px) {
    legend {
        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] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote > :last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "— "
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: #6c757d
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5)
}

.row > * {
    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.3333333333%
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    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: .25rem
}

.g-1, .gy-1 {
    --bs-gutter-y: .25rem
}

.g-2, .gx-2 {
    --bs-gutter-x: .5rem
}

.g-2, .gy-2 {
    --bs-gutter-y: .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: 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.3333333333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        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: .25rem
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: .25rem
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: .5rem
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: .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.3333333333%
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        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: .25rem
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y: .25rem
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x: .5rem
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: .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: 992px) {
    .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.3333333333%
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        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: .25rem
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: .25rem
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: .5rem
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: .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.3333333333%
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        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: .25rem
    }

    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: .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: 1400px) {
    .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.3333333333%
    }

    .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.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        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: .25rem
    }

    .g-xxl-1, .gy-xxl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xxl-2, .gx-xxl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xxl-2, .gy-xxl-2 {
        --bs-gutter-y: .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
    }
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, .05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, .1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, .075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6
}

.table > :not(caption) > * > * {
    padding: .5rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table > tbody {
    vertical-align: inherit
}

.table > thead {
    vertical-align: bottom
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: currentColor
}

.caption-top {
    caption-side: top
}

.table-sm > :not(caption) > * > * {
    padding: .25rem .25rem
}

.table-bordered > :not(caption) > * {
    border-width: 1px 0
}

.table-bordered > :not(caption) > * > * {
    border-width: 0 1px
}

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0
}

.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover > tbody > tr:hover {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-bg: #cfe2ff;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bacbe6
}

.table-secondary {
    --bs-table-bg: #e2e3e5;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #cbccce
}

.table-success {
    --bs-table-bg: #d1e7dd;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bcd0c7
}

.table-info {
    --bs-table-bg: #cff4fc;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #badce3
}

.table-warning {
    --bs-table-bg: #fff3cd;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e6dbb9
}

.table-danger {
    --bs-table-bg: #f8d7da;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfc2c4
}

.table-light {
    --bs-table-bg: #f8f9fa;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfe0e1
}

.table-dark {
    --bs-table-bg: #212529;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #373b3e
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: auto;
    padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    height: 1.5em;
    border-radius: .25rem
}

.form-control-color::-webkit-color-swatch {
    height: 1.5em;
    border-radius: .25rem
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
    background-image: url("")
}

.form-check-input:checked[type=radio] {
    background-image: url("")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("");
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("")
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check:disabled + .btn, .btn-check[disabled] + .btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.form-floating {
    position: relative
}

.form-floating > .form-control, .form-floating > .form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
}

.form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem .75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-floating > label {
        transition: none
    }
}

.form-floating > .form-control {
    padding: 1rem .75rem
}

.form-floating > .form-control::-moz-placeholder {
    color: transparent
}

.form-floating > .form-control::placeholder {
    color: transparent
}

.form-floating > .form-control:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating > .form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating > .form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control:-webkit-autofill ~ label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group > .form-control, .input-group > .form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group > .form-control:focus, .input-group > .form-select:focus {
    z-index: 3
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 3
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
    padding-right: 3rem
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #198754
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(25, 135, 84, .9);
    border-radius: .25rem
}

.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {
    display: block
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #198754;
    padding-right: calc(1.5em + .75rem);
    background-image: url("");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid, .was-validated .form-select:valid {
    border-color: #198754
}

.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url(""), url("");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-valid:focus, .was-validated .form-select:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
    border-color: #198754
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
    background-color: #198754
}

.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: #198754
}

.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-valid, .input-group .form-select.is-valid, .was-validated .input-group .form-control:valid, .was-validated .input-group .form-select:valid {
    z-index: 1
}

.input-group .form-control.is-valid:focus, .input-group .form-select.is-valid:focus, .was-validated .input-group .form-control:valid:focus, .was-validated .input-group .form-select:valid:focus {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
    display: block
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid, .was-validated .form-select:invalid {
    border-color: #dc3545
}

.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url(""), url("");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
    border-color: #dc3545
}

.form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
    background-color: #dc3545
}

.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545
}

.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-invalid, .input-group .form-select.is-invalid, .was-validated .input-group .form-control:invalid, .was-validated .input-group .form-select:invalid {
    z-index: 2
}

.input-group .form-control.is-invalid:focus, .input-group .form-select.is-invalid:focus, .was-validated .input-group .form-control:invalid:focus, .was-validated .input-group .form-select:invalid:focus {
    z-index: 3
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529
}

.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    pointer-events: none;
    opacity: .65
}

.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-primary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a53be
}

.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64
}

.btn-check:focus + .btn-secondary, .btn-secondary:focus {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
    box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}

.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #565e64;
    border-color: #51585e
}

.btn-check:active + .btn-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-success:hover {
    color: #fff;
    background-color: #157347;
    border-color: #146c43
}

.btn-check:focus + .btn-success, .btn-success:focus {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
    box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}

.btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #146c43;
    border-color: #13653f
}

.btn-check:active + .btn-success:focus, .btn-check:checked + .btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}

.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-info {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-info:hover {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2
}

.btn-check:focus + .btn-info, .btn-info:focus {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2;
    box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}

.btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
    color: #000;
    background-color: #3dd5f3;
    border-color: #25cff2
}

.btn-check:active + .btn-info:focus, .btn-check:checked + .btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}

.btn-info.disabled, .btn-info:disabled {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-warning {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720
}

.btn-check:focus + .btn-warning, .btn-warning:focus {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
    box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5)
}

.btn-check:active + .btn-warning, .btn-check:checked + .btn-warning, .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle {
    color: #000;
    background-color: #ffcd39;
    border-color: #ffc720
}

.btn-check:active + .btn-warning:focus, .btn-check:checked + .btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5)
}

.btn-warning.disabled, .btn-warning:disabled {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37
}

.btn-check:focus + .btn-danger, .btn-danger:focus {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
    box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5)
}

.btn-check:active + .btn-danger, .btn-check:checked + .btn-danger, .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b02a37;
    border-color: #a52834
}

.btn-check:active + .btn-danger:focus, .btn-check:checked + .btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:focus + .btn-light, .btn-light:focus {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb;
    box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}

.btn-check:active + .btn-light, .btn-check:checked + .btn-light, .btn-light.active, .btn-light:active, .show > .btn-light.dropdown-toggle {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:active + .btn-light:focus, .btn-check:checked + .btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}

.btn-light.disabled, .btn-light:disabled {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-dark {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-dark:hover {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21
}

.btn-check:focus + .btn-dark, .btn-dark:focus {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21;
    box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}

.btn-check:active + .btn-dark, .btn-check:checked + .btn-dark, .btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1a1e21;
    border-color: #191c1f
}

.btn-check:active + .btn-dark:focus, .btn-check:checked + .btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}

.btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}

.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:active + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #0d6efd;
    background-color: transparent
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
    box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}

.btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:active + .btn-outline-secondary:focus, .btn-check:checked + .btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus {
    box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-success {
    color: #198754;
    border-color: #198754
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}

.btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-check:active + .btn-outline-success:focus, .btn-check:checked + .btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #198754;
    background-color: transparent
}

.btn-outline-info {
    color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-outline-info:hover {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}

.btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:active + .btn-outline-info:focus, .btn-check:checked + .btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #0dcaf0;
    background-color: transparent
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}

.btn-check:active + .btn-outline-warning, .btn-check:checked + .btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:active + .btn-outline-warning:focus, .btn-check:checked + .btn-outline-warning:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus, .btn-outline-warning:active:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}

.btn-check:active + .btn-outline-danger, .btn-check:checked + .btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:active + .btn-outline-danger:focus, .btn-check:checked + .btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}

.btn-check:active + .btn-outline-light, .btn-check:checked + .btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:active + .btn-outline-light:focus, .btn-check:checked + .btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-dark {
    color: #212529;
    border-color: #212529
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
    box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}

.btn-check:active + .btn-outline-dark, .btn-check:checked + .btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-check:active + .btn-outline-dark:focus, .btn-check:checked + .btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus {
    box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #212529;
    background-color: transparent
}

.btn-link {
    font-weight: 400;
    color: #0d6efd;
    text-decoration: underline
}

.btn-link:hover {
    color: #0a58ca
}

.btn-link.disabled, .btn-link:disabled {
    color: #6c757d
}

.btn-group-lg > .btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.btn-group-sm > .btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropdown, .dropend, .dropstart, .dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: .125rem
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, .15)
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #1e2125;
    background-color: #e9ecef
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0d6efd
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1rem;
    color: #212529
}

.dropdown-menu-dark {
    color: #dee2e6;
    background-color: #343a40;
    border-color: rgba(0, 0, 0, .15)
}

.dropdown-menu-dark .dropdown-item {
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
    color: #fff;
    background-color: #0d6efd
}

.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
    color: #adb5bd
}

.dropdown-menu-dark .dropdown-divider {
    border-color: rgba(0, 0, 0, .15)
}

.dropdown-menu-dark .dropdown-item-text {
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-header {
    color: #adb5bd
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {
    margin-left: -1px
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
    width: 100%
}

.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

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

.nav-link:focus, .nav-link:hover {
    color: #0a58ca
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #0d6efd
}

.nav-fill .nav-item, .nav-fill > .nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item, .nav-justified > .nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 .25rem
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }

    .navbar-expand-sm .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-sm .offcanvas-bottom, .navbar-expand-sm .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }

    .navbar-expand-md .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-md .offcanvas-bottom, .navbar-expand-md .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .navbar-expand-lg .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-lg .offcanvas-bottom, .navbar-expand-lg .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }

    .navbar-expand-xl .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-xl .offcanvas-bottom, .navbar-expand-xl .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none
    }

    .navbar-expand-xxl .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-xxl .offcanvas-bottom, .navbar-expand-xxl .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none
}

.navbar-expand .offcanvas-bottom, .navbar-expand .offcanvas-top {
    height: auto;
    border-top: 0;
    border-bottom: 0
}

.navbar-expand .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .55)
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .55);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .55)
}

.navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .55)
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show > .nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .55);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .55)
}

.navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card > hr {
    margin-right: 0;
    margin-left: 0
}

.card > .list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card > .list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card > .card-header + .list-group, .card > .list-group + .card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem
}

.card-title {
    margin-bottom: .5rem
}

.card-subtitle {
    margin-top: -.25rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link + .card-link {
    margin-left: 1rem
}

.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .5rem 1rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.5rem;
    margin-bottom: -.5rem;
    margin-left: -.5rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.5rem;
    margin-left: -.5rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: calc(.25rem - 1px)
}

.card-img, .card-img-bottom, .card-img-top {
    width: 100%
}

.card-img, .card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-group > .card {
    margin-bottom: .75rem
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

    .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group > .card + .card {
        margin-left: 0;
        border-left: 0
    }

    .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125)
}

.accordion-button:not(.collapsed)::after {
    background-image: url("");
    transform: rotate(-180deg)
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.accordion-item:first-of-type {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-body {
    padding: 1rem 1.25rem
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: var(--bs-breadcrumb-divider, "/")
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

.page-link:hover {
    z-index: 2;
    color: #0a58ca;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    color: #0a58ca;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6
}

.page-link {
    padding: .375rem .75rem
}

.page-item:first-child .page-link {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe
}

.alert-primary .alert-link {
    color: #06357a
}

.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8
}

.alert-secondary .alert-link {
    color: #34383c
}

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc
}

.alert-success .alert-link {
    color: #0c4128
}

.alert-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb
}

.alert-info .alert-link {
    color: #04414d
}

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5
}

.alert-warning .alert-link {
    color: #523e02
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7
}

.alert-danger .alert-link {
    color: #6a1a21
}

.alert-light {
    color: #636464;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light .alert-link {
    color: #4f5050
}

.alert-dark {
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf
}

.alert-dark .alert-link {
    color: #101214
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #0d6efd;
    transition: width .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered > li::before {
    content: counters(section, ".") ". ";
    counter-increment: section
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus, .list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.list-group-item + .list-group-item {
    border-top-width: 0
}

.list-group-item + .list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal > .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal > .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal > .list-group-item.active {
    margin-top: 0
}

.list-group-horizontal > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

    .list-group-horizontal-sm > .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm > .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

    .list-group-horizontal-md > .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-md > .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-md > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

    .list-group-horizontal-lg > .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg > .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

    .list-group-horizontal-xl > .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl > .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }

    .list-group-horizontal-xxl > .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl > .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xxl > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush > .list-group-item {
    border-width: 0 0 1px
}

.list-group-flush > .list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #084298;
    background-color: #cfe2ff
}

.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
    color: #084298;
    background-color: #bacbe6
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #084298;
    border-color: #084298
}

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5
}

.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
    color: #41464b;
    background-color: #cbccce
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #41464b;
    border-color: #41464b
}

.list-group-item-success {
    color: #0f5132;
    background-color: #d1e7dd
}

.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
    color: #0f5132;
    background-color: #bcd0c7
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #0f5132;
    border-color: #0f5132
}

.list-group-item-info {
    color: #055160;
    background-color: #cff4fc
}

.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
    color: #055160;
    background-color: #badce3
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #055160;
    border-color: #055160
}

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd
}

.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
    color: #664d03;
    background-color: #e6dbb9
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #664d03;
    border-color: #664d03
}

.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da
}

.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
    color: #842029;
    background-color: #dfc2c4
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #842029;
    border-color: #842029
}

.list-group-item-light {
    color: #636464;
    background-color: #fefefe
}

.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
    color: #636464;
    background-color: #e5e5e5
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #636464;
    border-color: #636464
}

.list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4
}

.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
    color: #141619;
    background-color: #bebebf
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #141619;
    border-color: #141619
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    opacity: 1
}

.btn-close.disabled, .btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .25
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    width: 350px;
    max-width: 100%;
    font-size: .875rem;
    pointer-events: auto;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container > :not(:last-child) {
    margin-bottom: .75rem
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .5rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-header .btn-close {
    margin-right: -.375rem;
    margin-left: .75rem
}

.toast-body {
    padding: .75rem;
    word-wrap: break-word
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -.5rem -.5rem -.5rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer > * {
    margin: .25rem
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

.modal-fullscreen .modal-footer {
    border-radius: 0
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }
}

.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top], .bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
    bottom: 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
    top: -1px;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[data-popper-placement^=right], .bs-tooltip-end {
    padding: 0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
    right: -1px;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[data-popper-placement^=bottom], .bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
    top: 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[data-popper-placement^=left], .bs-tooltip-start {
    padding: 0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
    left: -1px;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem
}

.popover .popover-arrow::after, .popover .popover-arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f0f0f0
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: 1rem 1rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block
}

.active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%)
}

.active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-next, .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("")
}

.carousel-control-next-icon {
    background-image: url("")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: .75s linear infinite spinner-grow;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border, .spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem
}

.offcanvas-header .btn-close {
    padding: .5rem .5rem;
    margin-top: -.5rem;
    margin-right: -.5rem;
    margin-bottom: -.5rem
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: 1rem 1rem;
    overflow-y: auto
}

.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgba(0, 0, 0, .2);
    transform: translateX(-100%)
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgba(0, 0, 0, .2);
    transform: translateX(100%)
}

.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    transform: translateY(-100%)
}

.offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 1px solid rgba(0, 0, 0, .2);
    transform: translateY(100%)
}

.offcanvas.show {
    transform: none
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentColor;
    opacity: .5
}

.placeholder.btn::before {
    display: inline-block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite
}

@-webkit-keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    -webkit-animation: placeholder-wave 2s linear infinite;
    animation: placeholder-wave 2s linear infinite
}

@-webkit-keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

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

.link-primary {
    color: #0d6efd
}

.link-primary:focus, .link-primary:hover {
    color: #0a58ca
}

.link-secondary {
    color: #6c757d
}

.link-secondary:focus, .link-secondary:hover {
    color: #565e64
}

.link-success {
    color: #198754
}

.link-success:focus, .link-success:hover {
    color: #146c43
}

.link-info {
    color: #0dcaf0
}

.link-info:focus, .link-info:hover {
    color: #3dd5f3
}

.link-warning {
    color: #ffc107
}

.link-warning:focus, .link-warning:hover {
    color: #ffcd39
}

.link-danger {
    color: #dc3545
}

.link-danger:focus, .link-danger:hover {
    color: #b02a37
}

.link-light {
    color: #f8f9fa
}

.link-light:focus, .link-light:hover {
    color: #f9fafb
}

.link-dark {
    color: #212529
}

.link-dark:focus, .link-dark:hover {
    color: #1a1e21
}

.ratio {
    position: relative;
    width: 100%
}

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

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

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

.ratio-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%)
}

.ratio-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%)
}

.ratio-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%)
}

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

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

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
}

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

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

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

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

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

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

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    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
}

.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: 1px;
    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
}

.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
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-grid {
    display: 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: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

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

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    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: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

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

.border-end {
    border-right: 1px solid #dee2e6 !important
}

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

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

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

.border-start {
    border-left: 1px solid #dee2e6 !important
}

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

.border-primary {
    border-color: #0d6efd !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #198754 !important
}

.border-info {
    border-color: #0dcaf0 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #212529 !important
}

.border-white {
    border-color: #fff !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
}

.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
}

.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
}

.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
}

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

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !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-light {
    font-weight: 300 !important
}

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

.fw-normal {
    font-weight: 400 !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 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

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

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

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

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

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

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

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

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

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

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

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

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

.rounded {
    border-radius: .25rem !important
}

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

.rounded-1 {
    border-radius: .2rem !important
}

.rounded-2 {
    border-radius: .25rem !important
}

.rounded-3 {
    border-radius: .3rem !important
}

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

.rounded-pill {
    border-radius: 50rem !important
}

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

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

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

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

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

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

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

    .float-sm-none {
        float: 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-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
    }

    .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
    }

    .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
    }

    .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
    }

    .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-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
    }

    .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
    }

    .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
    }

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

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

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

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

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

    .float-lg-none {
        float: 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-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
    }

    .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
    }

    .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
    }

    .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
    }

    .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-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
    }

    .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
    }

    .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
    }

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

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

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

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

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

    .float-xxl-none {
        float: 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-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
    }

    .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
    }

    .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
    }

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

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

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

@media (min-width: 1200px) {
    .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
    }
}

@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-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
    }
}

/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.fa, .fa-brands, .fa-regular, .fa-solid, .fab, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fa-brands:before, .fa-regular:before, .fa-solid:before, .fa:before, .fab:before, .far:before, .fas:before {
    content: var(--fa)
}

.fa-classic, .fa-regular, .fa-solid, .far, .fas {
    font-family: "Font Awesome 6 Free"
}

.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands"
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: .225em
}

.fa-xs {
    font-size: .75em;
    line-height: .08333em;
    vertical-align: .125em
}

.fa-sm {
    font-size: .875em;
    line-height: .07143em;
    vertical-align: .05357em
}

.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em
}

.fa-xl {
    font-size: 1.5em;
    line-height: .04167em;
    vertical-align: -.125em
}

.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -.1875em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: var(--fa-li-margin, 2.5em);
    padding-left: 0
}

.fa-ul > li {
    position: relative
}

.fa-li {
    left: calc(var(--fa-li-width, 2em) * -1);
    position: absolute;
    text-align: center;
    width: var(--fa-li-width, 2em);
    line-height: inherit
}

.fa-border {
    border-radius: var(--fa-border-radius, .1em);
    border: var(--fa-border-width, .08em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
    padding: var(--fa-border-padding, .2em .25em .15em)
}

.fa-pull-left {
    float: left;
    margin-right: var(--fa-pull-margin, .3em)
}

.fa-pull-right {
    float: right;
    margin-left: var(--fa-pull-margin, .3em)
}

.fa-beat {
    animation-name: fa-beat;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, ease-in-out)
}

.fa-bounce {
    animation-name: fa-bounce;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))
}

.fa-fade {
    animation-name: fa-fade;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}

.fa-beat-fade, .fa-fade {
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s)
}

.fa-beat-fade {
    animation-name: fa-beat-fade;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}

.fa-flip {
    animation-name: fa-flip;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, ease-in-out)
}

.fa-shake {
    animation-name: fa-shake;
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-shake, .fa-spin {
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: var(--fa-animation-direction, normal)
}

.fa-spin {
    animation-name: fa-spin;
    animation-duration: var(--fa-animation-duration, 2s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-spin-reverse {
    --fa-animation-direction: reverse
}

.fa-pulse, .fa-spin-pulse {
    animation-name: fa-spin;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, steps(8))
}

@media (prefers-reduced-motion: reduce) {
    .fa-beat, .fa-beat-fade, .fa-bounce, .fa-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {
        animation-delay: -1ms;
        animation-duration: 1ms;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@keyframes fa-beat {
    0%, 90% {
        transform: scale(1)
    }
    45% {
        transform: scale(var(--fa-beat-scale, 1.25))
    }
}

@keyframes fa-bounce {
    0% {
        transform: scale(1) translateY(0)
    }
    10% {
        transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
    }
    30% {
        transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
    }
    50% {
        transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
    }
    57% {
        transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
    }
    64% {
        transform: scale(1) translateY(0)
    }
    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity, .4)
    }
}

@keyframes fa-beat-fade {
    0%, to {
        opacity: var(--fa-beat-fade-opacity, .4);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale, 1.125))
    }
}

@keyframes fa-flip {
    50% {
        transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg)
    }
    4% {
        transform: rotate(15deg)
    }
    8%, 24% {
        transform: rotate(-18deg)
    }
    12%, 28% {
        transform: rotate(18deg)
    }
    16% {
        transform: rotate(-22deg)
    }
    20% {
        transform: rotate(22deg)
    }
    32% {
        transform: rotate(-12deg)
    }
    36% {
        transform: rotate(12deg)
    }
    40%, to {
        transform: rotate(0deg)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    transform: rotate(90deg)
}

.fa-rotate-180 {
    transform: rotate(180deg)
}

.fa-rotate-270 {
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    transform: scaleX(-1)
}

.fa-flip-vertical {
    transform: scaleY(-1)
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1)
}

.fa-rotate-by {
    transform: rotate(var(--fa-rotate-angle, 0))
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x, .fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--fa-stack-z-index, auto)
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: var(--fa-inverse, #fff)
}

.fa-0 {
    --fa: "0"
}

.fa-1 {
    --fa: "1"
}

.fa-2 {
    --fa: "2"
}

.fa-3 {
    --fa: "3"
}

.fa-4 {
    --fa: "4"
}

.fa-5 {
    --fa: "5"
}

.fa-6 {
    --fa: "6"
}

.fa-7 {
    --fa: "7"
}

.fa-8 {
    --fa: "8"
}

.fa-9 {
    --fa: "9"
}

.fa-fill-drip {
    --fa: ""
}

.fa-arrows-to-circle {
    --fa: ""
}

.fa-chevron-circle-right, .fa-circle-chevron-right {
    --fa: ""
}

.fa-at {
    --fa: "@"
}

.fa-trash-alt, .fa-trash-can {
    --fa: ""
}

.fa-text-height {
    --fa: ""
}

.fa-user-times, .fa-user-xmark {
    --fa: ""
}

.fa-stethoscope {
    --fa: ""
}

.fa-comment-alt, .fa-message {
    --fa: ""
}

.fa-info {
    --fa: ""
}

.fa-compress-alt, .fa-down-left-and-up-right-to-center {
    --fa: ""
}

.fa-explosion {
    --fa: ""
}

.fa-file-alt, .fa-file-lines, .fa-file-text {
    --fa: ""
}

.fa-wave-square {
    --fa: ""
}

.fa-ring {
    --fa: ""
}

.fa-building-un {
    --fa: ""
}

.fa-dice-three {
    --fa: ""
}

.fa-calendar-alt, .fa-calendar-days {
    --fa: ""
}

.fa-anchor-circle-check {
    --fa: ""
}

.fa-building-circle-arrow-right {
    --fa: ""
}

.fa-volleyball, .fa-volleyball-ball {
    --fa: ""
}

.fa-arrows-up-to-line {
    --fa: ""
}

.fa-sort-desc, .fa-sort-down {
    --fa: ""
}

.fa-circle-minus, .fa-minus-circle {
    --fa: ""
}

.fa-door-open {
    --fa: ""
}

.fa-right-from-bracket, .fa-sign-out-alt {
    --fa: ""
}

.fa-atom {
    --fa: ""
}

.fa-soap {
    --fa: ""
}

.fa-heart-music-camera-bolt, .fa-icons {
    --fa: ""
}

.fa-microphone-alt-slash, .fa-microphone-lines-slash {
    --fa: ""
}

.fa-bridge-circle-check {
    --fa: ""
}

.fa-pump-medical {
    --fa: ""
}

.fa-fingerprint {
    --fa: ""
}

.fa-hand-point-right {
    --fa: ""
}

.fa-magnifying-glass-location, .fa-search-location {
    --fa: ""
}

.fa-forward-step, .fa-step-forward {
    --fa: ""
}

.fa-face-smile-beam, .fa-smile-beam {
    --fa: ""
}

.fa-flag-checkered {
    --fa: ""
}

.fa-football, .fa-football-ball {
    --fa: ""
}

.fa-school-circle-exclamation {
    --fa: ""
}

.fa-crop {
    --fa: ""
}

.fa-angle-double-down, .fa-angles-down {
    --fa: ""
}

.fa-users-rectangle {
    --fa: ""
}

.fa-people-roof {
    --fa: ""
}

.fa-people-line {
    --fa: ""
}

.fa-beer, .fa-beer-mug-empty {
    --fa: ""
}

.fa-diagram-predecessor {
    --fa: ""
}

.fa-arrow-up-long, .fa-long-arrow-up {
    --fa: ""
}

.fa-burn, .fa-fire-flame-simple {
    --fa: ""
}

.fa-male, .fa-person {
    --fa: ""
}

.fa-laptop {
    --fa: ""
}

.fa-file-csv {
    --fa: ""
}

.fa-menorah {
    --fa: ""
}

.fa-truck-plane {
    --fa: ""
}

.fa-record-vinyl {
    --fa: ""
}

.fa-face-grin-stars, .fa-grin-stars {
    --fa: ""
}

.fa-bong {
    --fa: ""
}

.fa-pastafarianism, .fa-spaghetti-monster-flying {
    --fa: ""
}

.fa-arrow-down-up-across-line {
    --fa: ""
}

.fa-spoon, .fa-utensil-spoon {
    --fa: ""
}

.fa-jar-wheat {
    --fa: ""
}

.fa-envelopes-bulk, .fa-mail-bulk {
    --fa: ""
}

.fa-file-circle-exclamation {
    --fa: ""
}

.fa-circle-h, .fa-hospital-symbol {
    --fa: ""
}

.fa-pager {
    --fa: ""
}

.fa-address-book, .fa-contact-book {
    --fa: ""
}

.fa-strikethrough {
    --fa: ""
}

.fa-k {
    --fa: "K"
}

.fa-landmark-flag {
    --fa: ""
}

.fa-pencil, .fa-pencil-alt {
    --fa: ""
}

.fa-backward {
    --fa: ""
}

.fa-caret-right {
    --fa: ""
}

.fa-comments {
    --fa: ""
}

.fa-file-clipboard, .fa-paste {
    --fa: ""
}

.fa-code-pull-request {
    --fa: ""
}

.fa-clipboard-list {
    --fa: ""
}

.fa-truck-loading, .fa-truck-ramp-box {
    --fa: ""
}

.fa-user-check {
    --fa: ""
}

.fa-vial-virus {
    --fa: ""
}

.fa-sheet-plastic {
    --fa: ""
}

.fa-blog {
    --fa: ""
}

.fa-user-ninja {
    --fa: ""
}

.fa-person-arrow-up-from-line {
    --fa: ""
}

.fa-scroll-torah, .fa-torah {
    --fa: ""
}

.fa-broom-ball, .fa-quidditch, .fa-quidditch-broom-ball {
    --fa: ""
}

.fa-toggle-off {
    --fa: ""
}

.fa-archive, .fa-box-archive {
    --fa: ""
}

.fa-person-drowning {
    --fa: ""
}

.fa-arrow-down-9-1, .fa-sort-numeric-desc, .fa-sort-numeric-down-alt {
    --fa: ""
}

.fa-face-grin-tongue-squint, .fa-grin-tongue-squint {
    --fa: ""
}

.fa-spray-can {
    --fa: ""
}

.fa-truck-monster {
    --fa: ""
}

.fa-w {
    --fa: "W"
}

.fa-earth-africa, .fa-globe-africa {
    --fa: ""
}

.fa-rainbow {
    --fa: ""
}

.fa-circle-notch {
    --fa: ""
}

.fa-tablet-alt, .fa-tablet-screen-button {
    --fa: ""
}

.fa-paw {
    --fa: ""
}

.fa-cloud {
    --fa: ""
}

.fa-trowel-bricks {
    --fa: ""
}

.fa-face-flushed, .fa-flushed {
    --fa: ""
}

.fa-hospital-user {
    --fa: ""
}

.fa-tent-arrow-left-right {
    --fa: ""
}

.fa-gavel, .fa-legal {
    --fa: ""
}

.fa-binoculars {
    --fa: ""
}

.fa-microphone-slash {
    --fa: ""
}

.fa-box-tissue {
    --fa: ""
}

.fa-motorcycle {
    --fa: ""
}

.fa-bell-concierge, .fa-concierge-bell {
    --fa: ""
}

.fa-pen-ruler, .fa-pencil-ruler {
    --fa: ""
}

.fa-people-arrows, .fa-people-arrows-left-right {
    --fa: ""
}

.fa-mars-and-venus-burst {
    --fa: ""
}

.fa-caret-square-right, .fa-square-caret-right {
    --fa: ""
}

.fa-cut, .fa-scissors {
    --fa: ""
}

.fa-sun-plant-wilt {
    --fa: ""
}

.fa-toilets-portable {
    --fa: ""
}

.fa-hockey-puck {
    --fa: ""
}

.fa-table {
    --fa: ""
}

.fa-magnifying-glass-arrow-right {
    --fa: ""
}

.fa-digital-tachograph, .fa-tachograph-digital {
    --fa: ""
}

.fa-users-slash {
    --fa: ""
}

.fa-clover {
    --fa: ""
}

.fa-mail-reply, .fa-reply {
    --fa: ""
}

.fa-star-and-crescent {
    --fa: ""
}

.fa-house-fire {
    --fa: ""
}

.fa-minus-square, .fa-square-minus {
    --fa: ""
}

.fa-helicopter {
    --fa: ""
}

.fa-compass {
    --fa: ""
}

.fa-caret-square-down, .fa-square-caret-down {
    --fa: ""
}

.fa-file-circle-question {
    --fa: ""
}

.fa-laptop-code {
    --fa: ""
}

.fa-swatchbook {
    --fa: ""
}

.fa-prescription-bottle {
    --fa: ""
}

.fa-bars, .fa-navicon {
    --fa: ""
}

.fa-people-group {
    --fa: ""
}

.fa-hourglass-3, .fa-hourglass-end {
    --fa: ""
}

.fa-heart-broken, .fa-heart-crack {
    --fa: ""
}

.fa-external-link-square-alt, .fa-square-up-right {
    --fa: ""
}

.fa-face-kiss-beam, .fa-kiss-beam {
    --fa: ""
}

.fa-film {
    --fa: ""
}

.fa-ruler-horizontal {
    --fa: ""
}

.fa-people-robbery {
    --fa: ""
}

.fa-lightbulb {
    --fa: ""
}

.fa-caret-left {
    --fa: ""
}

.fa-circle-exclamation, .fa-exclamation-circle {
    --fa: ""
}

.fa-school-circle-xmark {
    --fa: ""
}

.fa-arrow-right-from-bracket, .fa-sign-out {
    --fa: ""
}

.fa-chevron-circle-down, .fa-circle-chevron-down {
    --fa: ""
}

.fa-unlock-alt, .fa-unlock-keyhole {
    --fa: ""
}

.fa-cloud-showers-heavy {
    --fa: ""
}

.fa-headphones-alt, .fa-headphones-simple {
    --fa: ""
}

.fa-sitemap {
    --fa: ""
}

.fa-circle-dollar-to-slot, .fa-donate {
    --fa: ""
}

.fa-memory {
    --fa: ""
}

.fa-road-spikes {
    --fa: ""
}

.fa-fire-burner {
    --fa: ""
}

.fa-flag {
    --fa: ""
}

.fa-hanukiah {
    --fa: ""
}

.fa-feather {
    --fa: ""
}

.fa-volume-down, .fa-volume-low {
    --fa: ""
}

.fa-comment-slash {
    --fa: ""
}

.fa-cloud-sun-rain {
    --fa: ""
}

.fa-compress {
    --fa: ""
}

.fa-wheat-alt, .fa-wheat-awn {
    --fa: ""
}

.fa-ankh {
    --fa: ""
}

.fa-hands-holding-child {
    --fa: ""
}

.fa-asterisk {
    --fa: "*"
}

.fa-check-square, .fa-square-check {
    --fa: ""
}

.fa-peseta-sign {
    --fa: ""
}

.fa-header, .fa-heading {
    --fa: ""
}

.fa-ghost {
    --fa: ""
}

.fa-list, .fa-list-squares {
    --fa: ""
}

.fa-phone-square-alt, .fa-square-phone-flip {
    --fa: ""
}

.fa-cart-plus {
    --fa: ""
}

.fa-gamepad {
    --fa: ""
}

.fa-circle-dot, .fa-dot-circle {
    --fa: ""
}

.fa-dizzy, .fa-face-dizzy {
    --fa: ""
}

.fa-egg {
    --fa: ""
}

.fa-house-medical-circle-xmark {
    --fa: ""
}

.fa-campground {
    --fa: ""
}

.fa-folder-plus {
    --fa: ""
}

.fa-futbol, .fa-futbol-ball, .fa-soccer-ball {
    --fa: ""
}

.fa-paint-brush, .fa-paintbrush {
    --fa: ""
}

.fa-lock {
    --fa: ""
}

.fa-gas-pump {
    --fa: ""
}

.fa-hot-tub, .fa-hot-tub-person {
    --fa: ""
}

.fa-map-location, .fa-map-marked {
    --fa: ""
}

.fa-house-flood-water {
    --fa: ""
}

.fa-tree {
    --fa: ""
}

.fa-bridge-lock {
    --fa: ""
}

.fa-sack-dollar {
    --fa: ""
}

.fa-edit, .fa-pen-to-square {
    --fa: ""
}

.fa-car-side {
    --fa: ""
}

.fa-share-alt, .fa-share-nodes {
    --fa: ""
}

.fa-heart-circle-minus {
    --fa: ""
}

.fa-hourglass-2, .fa-hourglass-half {
    --fa: ""
}

.fa-microscope {
    --fa: ""
}

.fa-sink {
    --fa: ""
}

.fa-bag-shopping, .fa-shopping-bag {
    --fa: ""
}

.fa-arrow-down-z-a, .fa-sort-alpha-desc, .fa-sort-alpha-down-alt {
    --fa: ""
}

.fa-mitten {
    --fa: ""
}

.fa-person-rays {
    --fa: ""
}

.fa-users {
    --fa: ""
}

.fa-eye-slash {
    --fa: ""
}

.fa-flask-vial {
    --fa: ""
}

.fa-hand, .fa-hand-paper {
    --fa: ""
}

.fa-om {
    --fa: ""
}

.fa-worm {
    --fa: ""
}

.fa-house-circle-xmark {
    --fa: ""
}

.fa-plug {
    --fa: ""
}

.fa-chevron-up {
    --fa: ""
}

.fa-hand-spock {
    --fa: ""
}

.fa-stopwatch {
    --fa: ""
}

.fa-face-kiss, .fa-kiss {
    --fa: ""
}

.fa-bridge-circle-xmark {
    --fa: ""
}

.fa-face-grin-tongue, .fa-grin-tongue {
    --fa: ""
}

.fa-chess-bishop {
    --fa: ""
}

.fa-face-grin-wink, .fa-grin-wink {
    --fa: ""
}

.fa-deaf, .fa-deafness, .fa-ear-deaf, .fa-hard-of-hearing {
    --fa: ""
}

.fa-road-circle-check {
    --fa: ""
}

.fa-dice-five {
    --fa: ""
}

.fa-rss-square, .fa-square-rss {
    --fa: ""
}

.fa-land-mine-on {
    --fa: ""
}

.fa-i-cursor {
    --fa: ""
}

.fa-stamp {
    --fa: ""
}

.fa-stairs {
    --fa: ""
}

.fa-i {
    --fa: "I"
}

.fa-hryvnia, .fa-hryvnia-sign {
    --fa: ""
}

.fa-pills {
    --fa: ""
}

.fa-face-grin-wide, .fa-grin-alt {
    --fa: ""
}

.fa-tooth {
    --fa: ""
}

.fa-v {
    --fa: "V"
}

.fa-bangladeshi-taka-sign {
    --fa: ""
}

.fa-bicycle {
    --fa: ""
}

.fa-rod-asclepius, .fa-rod-snake, .fa-staff-aesculapius, .fa-staff-snake {
    --fa: ""
}

.fa-head-side-cough-slash {
    --fa: ""
}

.fa-ambulance, .fa-truck-medical {
    --fa: ""
}

.fa-wheat-awn-circle-exclamation {
    --fa: ""
}

.fa-snowman {
    --fa: ""
}

.fa-mortar-pestle {
    --fa: ""
}

.fa-road-barrier {
    --fa: ""
}

.fa-school {
    --fa: ""
}

.fa-igloo {
    --fa: ""
}

.fa-joint {
    --fa: ""
}

.fa-angle-right {
    --fa: ""
}

.fa-horse {
    --fa: ""
}

.fa-q {
    --fa: "Q"
}

.fa-g {
    --fa: "G"
}

.fa-notes-medical {
    --fa: ""
}

.fa-temperature-2, .fa-temperature-half, .fa-thermometer-2, .fa-thermometer-half {
    --fa: ""
}

.fa-dong-sign {
    --fa: ""
}

.fa-capsules {
    --fa: ""
}

.fa-poo-bolt, .fa-poo-storm {
    --fa: ""
}

.fa-face-frown-open, .fa-frown-open {
    --fa: ""
}

.fa-hand-point-up {
    --fa: ""
}

.fa-money-bill {
    --fa: ""
}

.fa-bookmark {
    --fa: ""
}

.fa-align-justify {
    --fa: ""
}

.fa-umbrella-beach {
    --fa: ""
}

.fa-helmet-un {
    --fa: ""
}

.fa-bullseye {
    --fa: ""
}

.fa-bacon {
    --fa: ""
}

.fa-hand-point-down {
    --fa: ""
}

.fa-arrow-up-from-bracket {
    --fa: ""
}

.fa-folder, .fa-folder-blank {
    --fa: ""
}

.fa-file-medical-alt, .fa-file-waveform {
    --fa: ""
}

.fa-radiation {
    --fa: ""
}

.fa-chart-simple {
    --fa: ""
}

.fa-mars-stroke {
    --fa: ""
}

.fa-vial {
    --fa: ""
}

.fa-dashboard, .fa-gauge, .fa-gauge-med, .fa-tachometer-alt-average {
    --fa: ""
}

.fa-magic-wand-sparkles, .fa-wand-magic-sparkles {
    --fa: ""
}

.fa-e {
    --fa: "E"
}

.fa-pen-alt, .fa-pen-clip {
    --fa: ""
}

.fa-bridge-circle-exclamation {
    --fa: ""
}

.fa-user {
    --fa: ""
}

.fa-school-circle-check {
    --fa: ""
}

.fa-dumpster {
    --fa: ""
}

.fa-shuttle-van, .fa-van-shuttle {
    --fa: ""
}

.fa-building-user {
    --fa: ""
}

.fa-caret-square-left, .fa-square-caret-left {
    --fa: ""
}

.fa-highlighter {
    --fa: ""
}

.fa-key {
    --fa: ""
}

.fa-bullhorn {
    --fa: ""
}

.fa-globe {
    --fa: ""
}

.fa-synagogue {
    --fa: ""
}

.fa-person-half-dress {
    --fa: ""
}

.fa-road-bridge {
    --fa: ""
}

.fa-location-arrow {
    --fa: ""
}

.fa-c {
    --fa: "C"
}

.fa-tablet-button {
    --fa: ""
}

.fa-building-lock {
    --fa: ""
}

.fa-pizza-slice {
    --fa: ""
}

.fa-money-bill-wave {
    --fa: ""
}

.fa-area-chart, .fa-chart-area {
    --fa: ""
}

.fa-house-flag {
    --fa: ""
}

.fa-person-circle-minus {
    --fa: ""
}

.fa-ban, .fa-cancel {
    --fa: ""
}

.fa-camera-rotate {
    --fa: ""
}

.fa-air-freshener, .fa-spray-can-sparkles {
    --fa: ""
}

.fa-star {
    --fa: ""
}

.fa-repeat {
    --fa: ""
}

.fa-cross {
    --fa: ""
}

.fa-box {
    --fa: ""
}

.fa-venus-mars {
    --fa: ""
}

.fa-arrow-pointer, .fa-mouse-pointer {
    --fa: ""
}

.fa-expand-arrows-alt, .fa-maximize {
    --fa: ""
}

.fa-charging-station {
    --fa: ""
}

.fa-shapes, .fa-triangle-circle-square {
    --fa: ""
}

.fa-random, .fa-shuffle {
    --fa: ""
}

.fa-person-running, .fa-running {
    --fa: ""
}

.fa-mobile-retro {
    --fa: ""
}

.fa-grip-lines-vertical {
    --fa: ""
}

.fa-spider {
    --fa: ""
}

.fa-hands-bound {
    --fa: ""
}

.fa-file-invoice-dollar {
    --fa: ""
}

.fa-plane-circle-exclamation {
    --fa: ""
}

.fa-x-ray {
    --fa: ""
}

.fa-spell-check {
    --fa: ""
}

.fa-slash {
    --fa: ""
}

.fa-computer-mouse, .fa-mouse {
    --fa: ""
}

.fa-arrow-right-to-bracket, .fa-sign-in {
    --fa: ""
}

.fa-shop-slash, .fa-store-alt-slash {
    --fa: ""
}

.fa-server {
    --fa: ""
}

.fa-virus-covid-slash {
    --fa: ""
}

.fa-shop-lock {
    --fa: ""
}

.fa-hourglass-1, .fa-hourglass-start {
    --fa: ""
}

.fa-blender-phone {
    --fa: ""
}

.fa-building-wheat {
    --fa: ""
}

.fa-person-breastfeeding {
    --fa: ""
}

.fa-right-to-bracket, .fa-sign-in-alt {
    --fa: ""
}

.fa-venus {
    --fa: ""
}

.fa-passport {
    --fa: ""
}

.fa-thumb-tack-slash, .fa-thumbtack-slash {
    --fa: ""
}

.fa-heart-pulse, .fa-heartbeat {
    --fa: ""
}

.fa-people-carry, .fa-people-carry-box {
    --fa: ""
}

.fa-temperature-high {
    --fa: ""
}

.fa-microchip {
    --fa: ""
}

.fa-crown {
    --fa: ""
}

.fa-weight-hanging {
    --fa: ""
}

.fa-xmarks-lines {
    --fa: ""
}

.fa-file-prescription {
    --fa: ""
}

.fa-weight, .fa-weight-scale {
    --fa: ""
}

.fa-user-friends, .fa-user-group {
    --fa: ""
}

.fa-arrow-up-a-z, .fa-sort-alpha-up {
    --fa: ""
}

.fa-chess-knight {
    --fa: ""
}

.fa-face-laugh-squint, .fa-laugh-squint {
    --fa: ""
}

.fa-wheelchair {
    --fa: ""
}

.fa-arrow-circle-up, .fa-circle-arrow-up {
    --fa: ""
}

.fa-toggle-on {
    --fa: ""
}

.fa-person-walking, .fa-walking {
    --fa: ""
}

.fa-l {
    --fa: "L"
}

.fa-fire {
    --fa: ""
}

.fa-bed-pulse, .fa-procedures {
    --fa: ""
}

.fa-shuttle-space, .fa-space-shuttle {
    --fa: ""
}

.fa-face-laugh, .fa-laugh {
    --fa: ""
}

.fa-folder-open {
    --fa: ""
}

.fa-heart-circle-plus {
    --fa: ""
}

.fa-code-fork {
    --fa: ""
}

.fa-city {
    --fa: ""
}

.fa-microphone-alt, .fa-microphone-lines {
    --fa: ""
}

.fa-pepper-hot {
    --fa: ""
}

.fa-unlock {
    --fa: ""
}

.fa-colon-sign {
    --fa: ""
}

.fa-headset {
    --fa: ""
}

.fa-store-slash {
    --fa: ""
}

.fa-road-circle-xmark {
    --fa: ""
}

.fa-user-minus {
    --fa: ""
}

.fa-mars-stroke-up, .fa-mars-stroke-v {
    --fa: ""
}

.fa-champagne-glasses, .fa-glass-cheers {
    --fa: ""
}

.fa-clipboard {
    --fa: ""
}

.fa-house-circle-exclamation {
    --fa: ""
}

.fa-file-arrow-up, .fa-file-upload {
    --fa: ""
}

.fa-wifi, .fa-wifi-3, .fa-wifi-strong {
    --fa: ""
}

.fa-bath, .fa-bathtub {
    --fa: ""
}

.fa-underline {
    --fa: ""
}

.fa-user-edit, .fa-user-pen {
    --fa: ""
}

.fa-signature {
    --fa: ""
}

.fa-stroopwafel {
    --fa: ""
}

.fa-bold {
    --fa: ""
}

.fa-anchor-lock {
    --fa: ""
}

.fa-building-ngo {
    --fa: ""
}

.fa-manat-sign {
    --fa: ""
}

.fa-not-equal {
    --fa: ""
}

.fa-border-style, .fa-border-top-left {
    --fa: ""
}

.fa-map-location-dot, .fa-map-marked-alt {
    --fa: ""
}

.fa-jedi {
    --fa: ""
}

.fa-poll, .fa-square-poll-vertical {
    --fa: ""
}

.fa-mug-hot {
    --fa: ""
}

.fa-battery-car, .fa-car-battery {
    --fa: ""
}

.fa-gift {
    --fa: ""
}

.fa-dice-two {
    --fa: ""
}

.fa-chess-queen {
    --fa: ""
}

.fa-glasses {
    --fa: ""
}

.fa-chess-board {
    --fa: ""
}

.fa-building-circle-check {
    --fa: ""
}

.fa-person-chalkboard {
    --fa: ""
}

.fa-mars-stroke-h, .fa-mars-stroke-right {
    --fa: ""
}

.fa-hand-back-fist, .fa-hand-rock {
    --fa: ""
}

.fa-caret-square-up, .fa-square-caret-up {
    --fa: ""
}

.fa-cloud-showers-water {
    --fa: ""
}

.fa-bar-chart, .fa-chart-bar {
    --fa: ""
}

.fa-hands-bubbles, .fa-hands-wash {
    --fa: ""
}

.fa-less-than-equal {
    --fa: ""
}

.fa-train {
    --fa: ""
}

.fa-eye-low-vision, .fa-low-vision {
    --fa: ""
}

.fa-crow {
    --fa: ""
}

.fa-sailboat {
    --fa: ""
}

.fa-window-restore {
    --fa: ""
}

.fa-plus-square, .fa-square-plus {
    --fa: ""
}

.fa-torii-gate {
    --fa: ""
}

.fa-frog {
    --fa: ""
}

.fa-bucket {
    --fa: ""
}

.fa-image {
    --fa: ""
}

.fa-microphone {
    --fa: ""
}

.fa-cow {
    --fa: ""
}

.fa-caret-up {
    --fa: ""
}

.fa-screwdriver {
    --fa: ""
}

.fa-folder-closed {
    --fa: ""
}

.fa-house-tsunami {
    --fa: ""
}

.fa-square-nfi {
    --fa: ""
}

.fa-arrow-up-from-ground-water {
    --fa: ""
}

.fa-glass-martini-alt, .fa-martini-glass {
    --fa: ""
}

.fa-square-binary {
    --fa: ""
}

.fa-rotate-back, .fa-rotate-backward, .fa-rotate-left, .fa-undo-alt {
    --fa: ""
}

.fa-columns, .fa-table-columns {
    --fa: ""
}

.fa-lemon {
    --fa: ""
}

.fa-head-side-mask {
    --fa: ""
}

.fa-handshake {
    --fa: ""
}

.fa-gem {
    --fa: ""
}

.fa-dolly, .fa-dolly-box {
    --fa: ""
}

.fa-smoking {
    --fa: ""
}

.fa-compress-arrows-alt, .fa-minimize {
    --fa: ""
}

.fa-monument {
    --fa: ""
}

.fa-snowplow {
    --fa: ""
}

.fa-angle-double-right, .fa-angles-right {
    --fa: ""
}

.fa-cannabis {
    --fa: ""
}

.fa-circle-play, .fa-play-circle {
    --fa: ""
}

.fa-tablets {
    --fa: ""
}

.fa-ethernet {
    --fa: ""
}

.fa-eur, .fa-euro, .fa-euro-sign {
    --fa: ""
}

.fa-chair {
    --fa: ""
}

.fa-check-circle, .fa-circle-check {
    --fa: ""
}

.fa-circle-stop, .fa-stop-circle {
    --fa: ""
}

.fa-compass-drafting, .fa-drafting-compass {
    --fa: ""
}

.fa-plate-wheat {
    --fa: ""
}

.fa-icicles {
    --fa: ""
}

.fa-person-shelter {
    --fa: ""
}

.fa-neuter {
    --fa: ""
}

.fa-id-badge {
    --fa: ""
}

.fa-marker {
    --fa: ""
}

.fa-face-laugh-beam, .fa-laugh-beam {
    --fa: ""
}

.fa-helicopter-symbol {
    --fa: ""
}

.fa-universal-access {
    --fa: ""
}

.fa-chevron-circle-up, .fa-circle-chevron-up {
    --fa: ""
}

.fa-lari-sign {
    --fa: ""
}

.fa-volcano {
    --fa: ""
}

.fa-person-walking-dashed-line-arrow-right {
    --fa: ""
}

.fa-gbp, .fa-pound-sign, .fa-sterling-sign {
    --fa: ""
}

.fa-viruses {
    --fa: ""
}

.fa-square-person-confined {
    --fa: ""
}

.fa-user-tie {
    --fa: ""
}

.fa-arrow-down-long, .fa-long-arrow-down {
    --fa: ""
}

.fa-tent-arrow-down-to-line {
    --fa: ""
}

.fa-certificate {
    --fa: ""
}

.fa-mail-reply-all, .fa-reply-all {
    --fa: ""
}

.fa-suitcase {
    --fa: ""
}

.fa-person-skating, .fa-skating {
    --fa: ""
}

.fa-filter-circle-dollar, .fa-funnel-dollar {
    --fa: ""
}

.fa-camera-retro {
    --fa: ""
}

.fa-arrow-circle-down, .fa-circle-arrow-down {
    --fa: ""
}

.fa-arrow-right-to-file, .fa-file-import {
    --fa: ""
}

.fa-external-link-square, .fa-square-arrow-up-right {
    --fa: ""
}

.fa-box-open {
    --fa: ""
}

.fa-scroll {
    --fa: ""
}

.fa-spa {
    --fa: ""
}

.fa-location-pin-lock {
    --fa: ""
}

.fa-pause {
    --fa: ""
}

.fa-hill-avalanche {
    --fa: ""
}

.fa-temperature-0, .fa-temperature-empty, .fa-thermometer-0, .fa-thermometer-empty {
    --fa: ""
}

.fa-bomb {
    --fa: ""
}

.fa-registered {
    --fa: ""
}

.fa-address-card, .fa-contact-card, .fa-vcard {
    --fa: ""
}

.fa-balance-scale-right, .fa-scale-unbalanced-flip {
    --fa: ""
}

.fa-subscript {
    --fa: ""
}

.fa-diamond-turn-right, .fa-directions {
    --fa: ""
}

.fa-burst {
    --fa: ""
}

.fa-house-laptop, .fa-laptop-house {
    --fa: ""
}

.fa-face-tired, .fa-tired {
    --fa: ""
}

.fa-money-bills {
    --fa: ""
}

.fa-smog {
    --fa: ""
}

.fa-crutch {
    --fa: ""
}

.fa-cloud-arrow-up, .fa-cloud-upload, .fa-cloud-upload-alt {
    --fa: ""
}

.fa-palette {
    --fa: ""
}

.fa-arrows-turn-right {
    --fa: ""
}

.fa-vest {
    --fa: ""
}

.fa-ferry {
    --fa: ""
}

.fa-arrows-down-to-people {
    --fa: ""
}

.fa-seedling, .fa-sprout {
    --fa: ""
}

.fa-arrows-alt-h, .fa-left-right {
    --fa: ""
}

.fa-boxes-packing {
    --fa: ""
}

.fa-arrow-circle-left, .fa-circle-arrow-left {
    --fa: ""
}

.fa-group-arrows-rotate {
    --fa: ""
}

.fa-bowl-food {
    --fa: ""
}

.fa-candy-cane {
    --fa: ""
}

.fa-arrow-down-wide-short, .fa-sort-amount-asc, .fa-sort-amount-down {
    --fa: ""
}

.fa-cloud-bolt, .fa-thunderstorm {
    --fa: ""
}

.fa-remove-format, .fa-text-slash {
    --fa: ""
}

.fa-face-smile-wink, .fa-smile-wink {
    --fa: ""
}

.fa-file-word {
    --fa: ""
}

.fa-file-powerpoint {
    --fa: ""
}

.fa-arrows-h, .fa-arrows-left-right {
    --fa: ""
}

.fa-house-lock {
    --fa: ""
}

.fa-cloud-arrow-down, .fa-cloud-download, .fa-cloud-download-alt {
    --fa: ""
}

.fa-children {
    --fa: ""
}

.fa-blackboard, .fa-chalkboard {
    --fa: ""
}

.fa-user-alt-slash, .fa-user-large-slash {
    --fa: ""
}

.fa-envelope-open {
    --fa: ""
}

.fa-handshake-alt-slash, .fa-handshake-simple-slash {
    --fa: ""
}

.fa-mattress-pillow {
    --fa: ""
}

.fa-guarani-sign {
    --fa: ""
}

.fa-arrows-rotate, .fa-refresh, .fa-sync {
    --fa: ""
}

.fa-fire-extinguisher {
    --fa: ""
}

.fa-cruzeiro-sign {
    --fa: ""
}

.fa-greater-than-equal {
    --fa: ""
}

.fa-shield-alt, .fa-shield-halved {
    --fa: ""
}

.fa-atlas, .fa-book-atlas {
    --fa: ""
}

.fa-virus {
    --fa: ""
}

.fa-envelope-circle-check {
    --fa: ""
}

.fa-layer-group {
    --fa: ""
}

.fa-arrows-to-dot {
    --fa: ""
}

.fa-archway {
    --fa: ""
}

.fa-heart-circle-check {
    --fa: ""
}

.fa-house-chimney-crack, .fa-house-damage {
    --fa: ""
}

.fa-file-archive, .fa-file-zipper {
    --fa: ""
}

.fa-square {
    --fa: ""
}

.fa-glass-martini, .fa-martini-glass-empty {
    --fa: ""
}

.fa-couch {
    --fa: ""
}

.fa-cedi-sign {
    --fa: ""
}

.fa-italic {
    --fa: ""
}

.fa-table-cells-column-lock {
    --fa: ""
}

.fa-church {
    --fa: ""
}

.fa-comments-dollar {
    --fa: ""
}

.fa-democrat {
    --fa: ""
}

.fa-z {
    --fa: "Z"
}

.fa-person-skiing, .fa-skiing {
    --fa: ""
}

.fa-road-lock {
    --fa: ""
}

.fa-a {
    --fa: "A"
}

.fa-temperature-arrow-down, .fa-temperature-down {
    --fa: ""
}

.fa-feather-alt, .fa-feather-pointed {
    --fa: ""
}

.fa-p {
    --fa: "P"
}

.fa-snowflake {
    --fa: ""
}

.fa-newspaper {
    --fa: ""
}

.fa-ad, .fa-rectangle-ad {
    --fa: ""
}

.fa-arrow-circle-right, .fa-circle-arrow-right {
    --fa: ""
}

.fa-filter-circle-xmark {
    --fa: ""
}

.fa-locust {
    --fa: ""
}

.fa-sort, .fa-unsorted {
    --fa: ""
}

.fa-list-1-2, .fa-list-numeric, .fa-list-ol {
    --fa: ""
}

.fa-person-dress-burst {
    --fa: ""
}

.fa-money-check-alt, .fa-money-check-dollar {
    --fa: ""
}

.fa-vector-square {
    --fa: ""
}

.fa-bread-slice {
    --fa: ""
}

.fa-language {
    --fa: ""
}

.fa-face-kiss-wink-heart, .fa-kiss-wink-heart {
    --fa: ""
}

.fa-filter {
    --fa: ""
}

.fa-question {
    --fa: "?"
}

.fa-file-signature {
    --fa: ""
}

.fa-arrows-alt, .fa-up-down-left-right {
    --fa: ""
}

.fa-house-chimney-user {
    --fa: ""
}

.fa-hand-holding-heart {
    --fa: ""
}

.fa-puzzle-piece {
    --fa: ""
}

.fa-money-check {
    --fa: ""
}

.fa-star-half-alt, .fa-star-half-stroke {
    --fa: ""
}

.fa-code {
    --fa: ""
}

.fa-glass-whiskey, .fa-whiskey-glass {
    --fa: ""
}

.fa-building-circle-exclamation {
    --fa: ""
}

.fa-magnifying-glass-chart {
    --fa: ""
}

.fa-arrow-up-right-from-square, .fa-external-link {
    --fa: ""
}

.fa-cubes-stacked {
    --fa: ""
}

.fa-krw, .fa-won, .fa-won-sign {
    --fa: ""
}

.fa-virus-covid {
    --fa: ""
}

.fa-austral-sign {
    --fa: ""
}

.fa-f {
    --fa: "F"
}

.fa-leaf {
    --fa: ""
}

.fa-road {
    --fa: ""
}

.fa-cab, .fa-taxi {
    --fa: ""
}

.fa-person-circle-plus {
    --fa: ""
}

.fa-chart-pie, .fa-pie-chart {
    --fa: ""
}

.fa-bolt-lightning {
    --fa: ""
}

.fa-sack-xmark {
    --fa: ""
}

.fa-file-excel {
    --fa: ""
}

.fa-file-contract {
    --fa: ""
}

.fa-fish-fins {
    --fa: ""
}

.fa-building-flag {
    --fa: ""
}

.fa-face-grin-beam, .fa-grin-beam {
    --fa: ""
}

.fa-object-ungroup {
    --fa: ""
}

.fa-poop {
    --fa: ""
}

.fa-location-pin, .fa-map-marker {
    --fa: ""
}

.fa-kaaba {
    --fa: ""
}

.fa-toilet-paper {
    --fa: ""
}

.fa-hard-hat, .fa-hat-hard, .fa-helmet-safety {
    --fa: ""
}

.fa-eject {
    --fa: ""
}

.fa-arrow-alt-circle-right, .fa-circle-right {
    --fa: ""
}

.fa-plane-circle-check {
    --fa: ""
}

.fa-face-rolling-eyes, .fa-meh-rolling-eyes {
    --fa: ""
}

.fa-object-group {
    --fa: ""
}

.fa-chart-line, .fa-line-chart {
    --fa: ""
}

.fa-mask-ventilator {
    --fa: ""
}

.fa-arrow-right {
    --fa: ""
}

.fa-map-signs, .fa-signs-post {
    --fa: ""
}

.fa-cash-register {
    --fa: ""
}

.fa-person-circle-question {
    --fa: ""
}

.fa-h {
    --fa: "H"
}

.fa-tarp {
    --fa: ""
}

.fa-screwdriver-wrench, .fa-tools {
    --fa: ""
}

.fa-arrows-to-eye {
    --fa: ""
}

.fa-plug-circle-bolt {
    --fa: ""
}

.fa-heart {
    --fa: ""
}

.fa-mars-and-venus {
    --fa: ""
}

.fa-home-user, .fa-house-user {
    --fa: ""
}

.fa-dumpster-fire {
    --fa: ""
}

.fa-house-crack {
    --fa: ""
}

.fa-cocktail, .fa-martini-glass-citrus {
    --fa: ""
}

.fa-face-surprise, .fa-surprise {
    --fa: ""
}

.fa-bottle-water {
    --fa: ""
}

.fa-circle-pause, .fa-pause-circle {
    --fa: ""
}

.fa-toilet-paper-slash {
    --fa: ""
}

.fa-apple-alt, .fa-apple-whole {
    --fa: ""
}

.fa-kitchen-set {
    --fa: ""
}

.fa-r {
    --fa: "R"
}

.fa-temperature-1, .fa-temperature-quarter, .fa-thermometer-1, .fa-thermometer-quarter {
    --fa: ""
}

.fa-cube {
    --fa: ""
}

.fa-bitcoin-sign {
    --fa: ""
}

.fa-shield-dog {
    --fa: ""
}

.fa-solar-panel {
    --fa: ""
}

.fa-lock-open {
    --fa: ""
}

.fa-elevator {
    --fa: ""
}

.fa-money-bill-transfer {
    --fa: ""
}

.fa-money-bill-trend-up {
    --fa: ""
}

.fa-house-flood-water-circle-arrow-right {
    --fa: ""
}

.fa-poll-h, .fa-square-poll-horizontal {
    --fa: ""
}

.fa-circle {
    --fa: ""
}

.fa-backward-fast, .fa-fast-backward {
    --fa: ""
}

.fa-recycle {
    --fa: ""
}

.fa-user-astronaut {
    --fa: ""
}

.fa-plane-slash {
    --fa: ""
}

.fa-trademark {
    --fa: ""
}

.fa-basketball, .fa-basketball-ball {
    --fa: ""
}

.fa-satellite-dish {
    --fa: ""
}

.fa-arrow-alt-circle-up, .fa-circle-up {
    --fa: ""
}

.fa-mobile-alt, .fa-mobile-screen-button {
    --fa: ""
}

.fa-volume-high, .fa-volume-up {
    --fa: ""
}

.fa-users-rays {
    --fa: ""
}

.fa-wallet {
    --fa: ""
}

.fa-clipboard-check {
    --fa: ""
}

.fa-file-audio {
    --fa: ""
}

.fa-burger, .fa-hamburger {
    --fa: ""
}

.fa-wrench {
    --fa: ""
}

.fa-bugs {
    --fa: ""
}

.fa-rupee, .fa-rupee-sign {
    --fa: ""
}

.fa-file-image {
    --fa: ""
}

.fa-circle-question, .fa-question-circle {
    --fa: ""
}

.fa-plane-departure {
    --fa: ""
}

.fa-handshake-slash {
    --fa: ""
}

.fa-book-bookmark {
    --fa: ""
}

.fa-code-branch {
    --fa: ""
}

.fa-hat-cowboy {
    --fa: ""
}

.fa-bridge {
    --fa: ""
}

.fa-phone-alt, .fa-phone-flip {
    --fa: ""
}

.fa-truck-front {
    --fa: ""
}

.fa-cat {
    --fa: ""
}

.fa-anchor-circle-exclamation {
    --fa: ""
}

.fa-truck-field {
    --fa: ""
}

.fa-route {
    --fa: ""
}

.fa-clipboard-question {
    --fa: ""
}

.fa-panorama {
    --fa: ""
}

.fa-comment-medical {
    --fa: ""
}

.fa-teeth-open {
    --fa: ""
}

.fa-file-circle-minus {
    --fa: ""
}

.fa-tags {
    --fa: ""
}

.fa-wine-glass {
    --fa: ""
}

.fa-fast-forward, .fa-forward-fast {
    --fa: ""
}

.fa-face-meh-blank, .fa-meh-blank {
    --fa: ""
}

.fa-parking, .fa-square-parking {
    --fa: ""
}

.fa-house-signal {
    --fa: ""
}

.fa-bars-progress, .fa-tasks-alt {
    --fa: ""
}

.fa-faucet-drip {
    --fa: ""
}

.fa-cart-flatbed, .fa-dolly-flatbed {
    --fa: ""
}

.fa-ban-smoking, .fa-smoking-ban {
    --fa: ""
}

.fa-terminal {
    --fa: ""
}

.fa-mobile-button {
    --fa: ""
}

.fa-house-medical-flag {
    --fa: ""
}

.fa-basket-shopping, .fa-shopping-basket {
    --fa: ""
}

.fa-tape {
    --fa: ""
}

.fa-bus-alt, .fa-bus-simple {
    --fa: ""
}

.fa-eye {
    --fa: ""
}

.fa-face-sad-cry, .fa-sad-cry {
    --fa: ""
}

.fa-audio-description {
    --fa: ""
}

.fa-person-military-to-person {
    --fa: ""
}

.fa-file-shield {
    --fa: ""
}

.fa-user-slash {
    --fa: ""
}

.fa-pen {
    --fa: ""
}

.fa-tower-observation {
    --fa: ""
}

.fa-file-code {
    --fa: ""
}

.fa-signal, .fa-signal-5, .fa-signal-perfect {
    --fa: ""
}

.fa-bus {
    --fa: ""
}

.fa-heart-circle-xmark {
    --fa: ""
}

.fa-home-lg, .fa-house-chimney {
    --fa: ""
}

.fa-window-maximize {
    --fa: ""
}

.fa-face-frown, .fa-frown {
    --fa: ""
}

.fa-prescription {
    --fa: ""
}

.fa-shop, .fa-store-alt {
    --fa: ""
}

.fa-floppy-disk, .fa-save {
    --fa: ""
}

.fa-vihara {
    --fa: ""
}

.fa-balance-scale-left, .fa-scale-unbalanced {
    --fa: ""
}

.fa-sort-asc, .fa-sort-up {
    --fa: ""
}

.fa-comment-dots, .fa-commenting {
    --fa: ""
}

.fa-plant-wilt {
    --fa: ""
}

.fa-diamond {
    --fa: ""
}

.fa-face-grin-squint, .fa-grin-squint {
    --fa: ""
}

.fa-hand-holding-dollar, .fa-hand-holding-usd {
    --fa: ""
}

.fa-chart-diagram {
    --fa: ""
}

.fa-bacterium {
    --fa: ""
}

.fa-hand-pointer {
    --fa: ""
}

.fa-drum-steelpan {
    --fa: ""
}

.fa-hand-scissors {
    --fa: ""
}

.fa-hands-praying, .fa-praying-hands {
    --fa: ""
}

.fa-arrow-right-rotate, .fa-arrow-rotate-forward, .fa-arrow-rotate-right, .fa-redo {
    --fa: ""
}

.fa-biohazard {
    --fa: ""
}

.fa-location, .fa-location-crosshairs {
    --fa: ""
}

.fa-mars-double {
    --fa: ""
}

.fa-child-dress {
    --fa: ""
}

.fa-users-between-lines {
    --fa: ""
}

.fa-lungs-virus {
    --fa: ""
}

.fa-face-grin-tears, .fa-grin-tears {
    --fa: ""
}

.fa-phone {
    --fa: ""
}

.fa-calendar-times, .fa-calendar-xmark {
    --fa: ""
}

.fa-child-reaching {
    --fa: ""
}

.fa-head-side-virus {
    --fa: ""
}

.fa-user-cog, .fa-user-gear {
    --fa: ""
}

.fa-arrow-up-1-9, .fa-sort-numeric-up {
    --fa: ""
}

.fa-door-closed {
    --fa: ""
}

.fa-shield-virus {
    --fa: ""
}

.fa-dice-six {
    --fa: ""
}

.fa-mosquito-net {
    --fa: ""
}

.fa-file-fragment {
    --fa: ""
}

.fa-bridge-water {
    --fa: ""
}

.fa-person-booth {
    --fa: ""
}

.fa-text-width {
    --fa: ""
}

.fa-hat-wizard {
    --fa: ""
}

.fa-pen-fancy {
    --fa: ""
}

.fa-digging, .fa-person-digging {
    --fa: ""
}

.fa-trash {
    --fa: ""
}

.fa-gauge-simple, .fa-gauge-simple-med, .fa-tachometer-average {
    --fa: ""
}

.fa-book-medical {
    --fa: ""
}

.fa-poo {
    --fa: ""
}

.fa-quote-right, .fa-quote-right-alt {
    --fa: ""
}

.fa-shirt, .fa-t-shirt, .fa-tshirt {
    --fa: ""
}

.fa-cubes {
    --fa: ""
}

.fa-divide {
    --fa: ""
}

.fa-tenge, .fa-tenge-sign {
    --fa: ""
}

.fa-headphones {
    --fa: ""
}

.fa-hands-holding {
    --fa: ""
}

.fa-hands-clapping {
    --fa: ""
}

.fa-republican {
    --fa: ""
}

.fa-arrow-left {
    --fa: ""
}

.fa-person-circle-xmark {
    --fa: ""
}

.fa-ruler {
    --fa: ""
}

.fa-align-left {
    --fa: ""
}

.fa-dice-d6 {
    --fa: ""
}

.fa-restroom {
    --fa: ""
}

.fa-j {
    --fa: "J"
}

.fa-users-viewfinder {
    --fa: ""
}

.fa-file-video {
    --fa: ""
}

.fa-external-link-alt, .fa-up-right-from-square {
    --fa: ""
}

.fa-table-cells, .fa-th {
    --fa: ""
}

.fa-file-pdf {
    --fa: ""
}

.fa-bible, .fa-book-bible {
    --fa: ""
}

.fa-o {
    --fa: "O"
}

.fa-medkit, .fa-suitcase-medical {
    --fa: ""
}

.fa-user-secret {
    --fa: ""
}

.fa-otter {
    --fa: ""
}

.fa-female, .fa-person-dress {
    --fa: ""
}

.fa-comment-dollar {
    --fa: ""
}

.fa-briefcase-clock, .fa-business-time {
    --fa: ""
}

.fa-table-cells-large, .fa-th-large {
    --fa: ""
}

.fa-book-tanakh, .fa-tanakh {
    --fa: ""
}

.fa-phone-volume, .fa-volume-control-phone {
    --fa: ""
}

.fa-hat-cowboy-side {
    --fa: ""
}

.fa-clipboard-user {
    --fa: ""
}

.fa-child {
    --fa: ""
}

.fa-lira-sign {
    --fa: ""
}

.fa-satellite {
    --fa: ""
}

.fa-plane-lock {
    --fa: ""
}

.fa-tag {
    --fa: ""
}

.fa-comment {
    --fa: ""
}

.fa-birthday-cake, .fa-cake, .fa-cake-candles {
    --fa: ""
}

.fa-envelope {
    --fa: ""
}

.fa-angle-double-up, .fa-angles-up {
    --fa: ""
}

.fa-paperclip {
    --fa: ""
}

.fa-arrow-right-to-city {
    --fa: ""
}

.fa-ribbon {
    --fa: ""
}

.fa-lungs {
    --fa: ""
}

.fa-arrow-up-9-1, .fa-sort-numeric-up-alt {
    --fa: ""
}

.fa-litecoin-sign {
    --fa: ""
}

.fa-border-none {
    --fa: ""
}

.fa-circle-nodes {
    --fa: ""
}

.fa-parachute-box {
    --fa: ""
}

.fa-indent {
    --fa: ""
}

.fa-truck-field-un {
    --fa: ""
}

.fa-hourglass, .fa-hourglass-empty {
    --fa: ""
}

.fa-mountain {
    --fa: ""
}

.fa-user-doctor, .fa-user-md {
    --fa: ""
}

.fa-circle-info, .fa-info-circle {
    --fa: ""
}

.fa-cloud-meatball {
    --fa: ""
}

.fa-camera, .fa-camera-alt {
    --fa: ""
}

.fa-square-virus {
    --fa: ""
}

.fa-meteor {
    --fa: ""
}

.fa-car-on {
    --fa: ""
}

.fa-sleigh {
    --fa: ""
}

.fa-arrow-down-1-9, .fa-sort-numeric-asc, .fa-sort-numeric-down {
    --fa: ""
}

.fa-hand-holding-droplet, .fa-hand-holding-water {
    --fa: ""
}

.fa-water {
    --fa: ""
}

.fa-calendar-check {
    --fa: ""
}

.fa-braille {
    --fa: ""
}

.fa-prescription-bottle-alt, .fa-prescription-bottle-medical {
    --fa: ""
}

.fa-landmark {
    --fa: ""
}

.fa-truck {
    --fa: ""
}

.fa-crosshairs {
    --fa: ""
}

.fa-person-cane {
    --fa: ""
}

.fa-tent {
    --fa: ""
}

.fa-vest-patches {
    --fa: ""
}

.fa-check-double {
    --fa: ""
}

.fa-arrow-down-a-z, .fa-sort-alpha-asc, .fa-sort-alpha-down {
    --fa: ""
}

.fa-money-bill-wheat {
    --fa: ""
}

.fa-cookie {
    --fa: ""
}

.fa-arrow-left-rotate, .fa-arrow-rotate-back, .fa-arrow-rotate-backward, .fa-arrow-rotate-left, .fa-undo {
    --fa: ""
}

.fa-hard-drive, .fa-hdd {
    --fa: ""
}

.fa-face-grin-squint-tears, .fa-grin-squint-tears {
    --fa: ""
}

.fa-dumbbell {
    --fa: ""
}

.fa-list-alt, .fa-rectangle-list {
    --fa: ""
}

.fa-tarp-droplet {
    --fa: ""
}

.fa-house-medical-circle-check {
    --fa: ""
}

.fa-person-skiing-nordic, .fa-skiing-nordic {
    --fa: ""
}

.fa-calendar-plus {
    --fa: ""
}

.fa-plane-arrival {
    --fa: ""
}

.fa-arrow-alt-circle-left, .fa-circle-left {
    --fa: ""
}

.fa-subway, .fa-train-subway {
    --fa: ""
}

.fa-chart-gantt {
    --fa: ""
}

.fa-indian-rupee, .fa-indian-rupee-sign, .fa-inr {
    --fa: ""
}

.fa-crop-alt, .fa-crop-simple {
    --fa: ""
}

.fa-money-bill-1, .fa-money-bill-alt {
    --fa: ""
}

.fa-left-long, .fa-long-arrow-alt-left {
    --fa: ""
}

.fa-dna {
    --fa: ""
}

.fa-virus-slash {
    --fa: ""
}

.fa-minus, .fa-subtract {
    --fa: ""
}

.fa-chess {
    --fa: ""
}

.fa-arrow-left-long, .fa-long-arrow-left {
    --fa: ""
}

.fa-plug-circle-check {
    --fa: ""
}

.fa-street-view {
    --fa: ""
}

.fa-franc-sign {
    --fa: ""
}

.fa-volume-off {
    --fa: ""
}

.fa-american-sign-language-interpreting, .fa-asl-interpreting, .fa-hands-american-sign-language-interpreting, .fa-hands-asl-interpreting {
    --fa: ""
}

.fa-cog, .fa-gear {
    --fa: ""
}

.fa-droplet-slash, .fa-tint-slash {
    --fa: ""
}

.fa-mosque {
    --fa: ""
}

.fa-mosquito {
    --fa: ""
}

.fa-star-of-david {
    --fa: ""
}

.fa-person-military-rifle {
    --fa: ""
}

.fa-cart-shopping, .fa-shopping-cart {
    --fa: ""
}

.fa-vials {
    --fa: ""
}

.fa-plug-circle-plus {
    --fa: ""
}

.fa-place-of-worship {
    --fa: ""
}

.fa-grip-vertical {
    --fa: ""
}

.fa-hexagon-nodes {
    --fa: ""
}

.fa-arrow-turn-up, .fa-level-up {
    --fa: ""
}

.fa-u {
    --fa: "U"
}

.fa-square-root-alt, .fa-square-root-variable {
    --fa: ""
}

.fa-clock, .fa-clock-four {
    --fa: ""
}

.fa-backward-step, .fa-step-backward {
    --fa: ""
}

.fa-pallet {
    --fa: ""
}

.fa-faucet {
    --fa: ""
}

.fa-baseball-bat-ball {
    --fa: ""
}

.fa-s {
    --fa: "S"
}

.fa-timeline {
    --fa: ""
}

.fa-keyboard {
    --fa: ""
}

.fa-caret-down {
    --fa: ""
}

.fa-clinic-medical, .fa-house-chimney-medical {
    --fa: ""
}

.fa-temperature-3, .fa-temperature-three-quarters, .fa-thermometer-3, .fa-thermometer-three-quarters {
    --fa: ""
}

.fa-mobile-android-alt, .fa-mobile-screen {
    --fa: ""
}

.fa-plane-up {
    --fa: ""
}

.fa-piggy-bank {
    --fa: ""
}

.fa-battery-3, .fa-battery-half {
    --fa: ""
}

.fa-mountain-city {
    --fa: ""
}

.fa-coins {
    --fa: ""
}

.fa-khanda {
    --fa: ""
}

.fa-sliders, .fa-sliders-h {
    --fa: ""
}

.fa-folder-tree {
    --fa: ""
}

.fa-network-wired {
    --fa: ""
}

.fa-map-pin {
    --fa: ""
}

.fa-hamsa {
    --fa: ""
}

.fa-cent-sign {
    --fa: ""
}

.fa-flask {
    --fa: ""
}

.fa-person-pregnant {
    --fa: ""
}

.fa-wand-sparkles {
    --fa: ""
}

.fa-ellipsis-v, .fa-ellipsis-vertical {
    --fa: ""
}

.fa-ticket {
    --fa: ""
}

.fa-power-off {
    --fa: ""
}

.fa-long-arrow-alt-right, .fa-right-long {
    --fa: ""
}

.fa-flag-usa {
    --fa: ""
}

.fa-laptop-file {
    --fa: ""
}

.fa-teletype, .fa-tty {
    --fa: ""
}

.fa-diagram-next {
    --fa: ""
}

.fa-person-rifle {
    --fa: ""
}

.fa-house-medical-circle-exclamation {
    --fa: ""
}

.fa-closed-captioning {
    --fa: ""
}

.fa-hiking, .fa-person-hiking {
    --fa: ""
}

.fa-venus-double {
    --fa: ""
}

.fa-images {
    --fa: ""
}

.fa-calculator {
    --fa: ""
}

.fa-people-pulling {
    --fa: ""
}

.fa-n {
    --fa: "N"
}

.fa-cable-car, .fa-tram {
    --fa: ""
}

.fa-cloud-rain {
    --fa: ""
}

.fa-building-circle-xmark {
    --fa: ""
}

.fa-ship {
    --fa: ""
}

.fa-arrows-down-to-line {
    --fa: ""
}

.fa-download {
    --fa: ""
}

.fa-face-grin, .fa-grin {
    --fa: ""
}

.fa-backspace, .fa-delete-left {
    --fa: ""
}

.fa-eye-dropper, .fa-eye-dropper-empty, .fa-eyedropper {
    --fa: ""
}

.fa-file-circle-check {
    --fa: ""
}

.fa-forward {
    --fa: ""
}

.fa-mobile, .fa-mobile-android, .fa-mobile-phone {
    --fa: ""
}

.fa-face-meh, .fa-meh {
    --fa: ""
}

.fa-align-center {
    --fa: ""
}

.fa-book-dead, .fa-book-skull {
    --fa: ""
}

.fa-drivers-license, .fa-id-card {
    --fa: ""
}

.fa-dedent, .fa-outdent {
    --fa: ""
}

.fa-heart-circle-exclamation {
    --fa: ""
}

.fa-home, .fa-home-alt, .fa-home-lg-alt, .fa-house {
    --fa: ""
}

.fa-calendar-week {
    --fa: ""
}

.fa-laptop-medical {
    --fa: ""
}

.fa-b {
    --fa: "B"
}

.fa-file-medical {
    --fa: ""
}

.fa-dice-one {
    --fa: ""
}

.fa-kiwi-bird {
    --fa: ""
}

.fa-arrow-right-arrow-left, .fa-exchange {
    --fa: ""
}

.fa-redo-alt, .fa-rotate-forward, .fa-rotate-right {
    --fa: ""
}

.fa-cutlery, .fa-utensils {
    --fa: ""
}

.fa-arrow-up-wide-short, .fa-sort-amount-up {
    --fa: ""
}

.fa-mill-sign {
    --fa: ""
}

.fa-bowl-rice {
    --fa: ""
}

.fa-skull {
    --fa: ""
}

.fa-broadcast-tower, .fa-tower-broadcast {
    --fa: ""
}

.fa-truck-pickup {
    --fa: ""
}

.fa-long-arrow-alt-up, .fa-up-long {
    --fa: ""
}

.fa-stop {
    --fa: ""
}

.fa-code-merge {
    --fa: ""
}

.fa-upload {
    --fa: ""
}

.fa-hurricane {
    --fa: ""
}

.fa-mound {
    --fa: ""
}

.fa-toilet-portable {
    --fa: ""
}

.fa-compact-disc {
    --fa: ""
}

.fa-file-arrow-down, .fa-file-download {
    --fa: ""
}

.fa-caravan {
    --fa: ""
}

.fa-shield-cat {
    --fa: ""
}

.fa-bolt, .fa-zap {
    --fa: ""
}

.fa-glass-water {
    --fa: ""
}

.fa-oil-well {
    --fa: ""
}

.fa-vault {
    --fa: ""
}

.fa-mars {
    --fa: ""
}

.fa-toilet {
    --fa: ""
}

.fa-plane-circle-xmark {
    --fa: ""
}

.fa-cny, .fa-jpy, .fa-rmb, .fa-yen, .fa-yen-sign {
    --fa: ""
}

.fa-rouble, .fa-rub, .fa-ruble, .fa-ruble-sign {
    --fa: ""
}

.fa-sun {
    --fa: ""
}

.fa-guitar {
    --fa: ""
}

.fa-face-laugh-wink, .fa-laugh-wink {
    --fa: ""
}

.fa-horse-head {
    --fa: ""
}

.fa-bore-hole {
    --fa: ""
}

.fa-industry {
    --fa: ""
}

.fa-arrow-alt-circle-down, .fa-circle-down {
    --fa: ""
}

.fa-arrows-turn-to-dots {
    --fa: ""
}

.fa-florin-sign {
    --fa: ""
}

.fa-arrow-down-short-wide, .fa-sort-amount-desc, .fa-sort-amount-down-alt {
    --fa: ""
}

.fa-less-than {
    --fa: "<"
}

.fa-angle-down {
    --fa: ""
}

.fa-car-tunnel {
    --fa: ""
}

.fa-head-side-cough {
    --fa: ""
}

.fa-grip-lines {
    --fa: ""
}

.fa-thumbs-down {
    --fa: ""
}

.fa-user-lock {
    --fa: ""
}

.fa-arrow-right-long, .fa-long-arrow-right {
    --fa: ""
}

.fa-anchor-circle-xmark {
    --fa: ""
}

.fa-ellipsis, .fa-ellipsis-h {
    --fa: ""
}

.fa-chess-pawn {
    --fa: ""
}

.fa-first-aid, .fa-kit-medical {
    --fa: ""
}

.fa-person-through-window {
    --fa: ""
}

.fa-toolbox {
    --fa: ""
}

.fa-hands-holding-circle {
    --fa: ""
}

.fa-bug {
    --fa: ""
}

.fa-credit-card, .fa-credit-card-alt {
    --fa: ""
}

.fa-automobile, .fa-car {
    --fa: ""
}

.fa-hand-holding-hand {
    --fa: ""
}

.fa-book-open-reader, .fa-book-reader {
    --fa: ""
}

.fa-mountain-sun {
    --fa: ""
}

.fa-arrows-left-right-to-line {
    --fa: ""
}

.fa-dice-d20 {
    --fa: ""
}

.fa-truck-droplet {
    --fa: ""
}

.fa-file-circle-xmark {
    --fa: ""
}

.fa-temperature-arrow-up, .fa-temperature-up {
    --fa: ""
}

.fa-medal {
    --fa: ""
}

.fa-bed {
    --fa: ""
}

.fa-h-square, .fa-square-h {
    --fa: ""
}

.fa-podcast {
    --fa: ""
}

.fa-temperature-4, .fa-temperature-full, .fa-thermometer-4, .fa-thermometer-full {
    --fa: ""
}

.fa-bell {
    --fa: ""
}

.fa-superscript {
    --fa: ""
}

.fa-plug-circle-xmark {
    --fa: ""
}

.fa-star-of-life {
    --fa: ""
}

.fa-phone-slash {
    --fa: ""
}

.fa-paint-roller {
    --fa: ""
}

.fa-hands-helping, .fa-handshake-angle {
    --fa: ""
}

.fa-location-dot, .fa-map-marker-alt {
    --fa: ""
}

.fa-file {
    --fa: ""
}

.fa-greater-than {
    --fa: ">"
}

.fa-person-swimming, .fa-swimmer {
    --fa: ""
}

.fa-arrow-down {
    --fa: ""
}

.fa-droplet, .fa-tint {
    --fa: ""
}

.fa-eraser {
    --fa: ""
}

.fa-earth, .fa-earth-america, .fa-earth-americas, .fa-globe-americas {
    --fa: ""
}

.fa-person-burst {
    --fa: ""
}

.fa-dove {
    --fa: ""
}

.fa-battery-0, .fa-battery-empty {
    --fa: ""
}

.fa-socks {
    --fa: ""
}

.fa-inbox {
    --fa: ""
}

.fa-section {
    --fa: ""
}

.fa-gauge-high, .fa-tachometer-alt, .fa-tachometer-alt-fast {
    --fa: ""
}

.fa-envelope-open-text {
    --fa: ""
}

.fa-hospital, .fa-hospital-alt, .fa-hospital-wide {
    --fa: ""
}

.fa-wine-bottle {
    --fa: ""
}

.fa-chess-rook {
    --fa: ""
}

.fa-bars-staggered, .fa-reorder, .fa-stream {
    --fa: ""
}

.fa-dharmachakra {
    --fa: ""
}

.fa-hotdog {
    --fa: ""
}

.fa-blind, .fa-person-walking-with-cane {
    --fa: ""
}

.fa-drum {
    --fa: ""
}

.fa-ice-cream {
    --fa: ""
}

.fa-heart-circle-bolt {
    --fa: ""
}

.fa-fax {
    --fa: ""
}

.fa-paragraph {
    --fa: ""
}

.fa-check-to-slot, .fa-vote-yea {
    --fa: ""
}

.fa-star-half {
    --fa: ""
}

.fa-boxes, .fa-boxes-alt, .fa-boxes-stacked {
    --fa: ""
}

.fa-chain, .fa-link {
    --fa: ""
}

.fa-assistive-listening-systems, .fa-ear-listen {
    --fa: ""
}

.fa-tree-city {
    --fa: ""
}

.fa-play {
    --fa: ""
}

.fa-font {
    --fa: ""
}

.fa-table-cells-row-lock {
    --fa: ""
}

.fa-rupiah-sign {
    --fa: ""
}

.fa-magnifying-glass, .fa-search {
    --fa: ""
}

.fa-ping-pong-paddle-ball, .fa-table-tennis, .fa-table-tennis-paddle-ball {
    --fa: ""
}

.fa-diagnoses, .fa-person-dots-from-line {
    --fa: ""
}

.fa-trash-can-arrow-up, .fa-trash-restore-alt {
    --fa: ""
}

.fa-naira-sign {
    --fa: ""
}

.fa-cart-arrow-down {
    --fa: ""
}

.fa-walkie-talkie {
    --fa: ""
}

.fa-file-edit, .fa-file-pen {
    --fa: ""
}

.fa-receipt {
    --fa: ""
}

.fa-pen-square, .fa-pencil-square, .fa-square-pen {
    --fa: ""
}

.fa-suitcase-rolling {
    --fa: ""
}

.fa-person-circle-exclamation {
    --fa: ""
}

.fa-chevron-down {
    --fa: ""
}

.fa-battery, .fa-battery-5, .fa-battery-full {
    --fa: ""
}

.fa-skull-crossbones {
    --fa: ""
}

.fa-code-compare {
    --fa: ""
}

.fa-list-dots, .fa-list-ul {
    --fa: ""
}

.fa-school-lock {
    --fa: ""
}

.fa-tower-cell {
    --fa: ""
}

.fa-down-long, .fa-long-arrow-alt-down {
    --fa: ""
}

.fa-ranking-star {
    --fa: ""
}

.fa-chess-king {
    --fa: ""
}

.fa-person-harassing {
    --fa: ""
}

.fa-brazilian-real-sign {
    --fa: ""
}

.fa-landmark-alt, .fa-landmark-dome {
    --fa: ""
}

.fa-arrow-up {
    --fa: ""
}

.fa-television, .fa-tv, .fa-tv-alt {
    --fa: ""
}

.fa-shrimp {
    --fa: ""
}

.fa-list-check, .fa-tasks {
    --fa: ""
}

.fa-jug-detergent {
    --fa: ""
}

.fa-circle-user, .fa-user-circle {
    --fa: ""
}

.fa-user-shield {
    --fa: ""
}

.fa-wind {
    --fa: ""
}

.fa-car-burst, .fa-car-crash {
    --fa: ""
}

.fa-y {
    --fa: "Y"
}

.fa-person-snowboarding, .fa-snowboarding {
    --fa: ""
}

.fa-shipping-fast, .fa-truck-fast {
    --fa: ""
}

.fa-fish {
    --fa: ""
}

.fa-user-graduate {
    --fa: ""
}

.fa-adjust, .fa-circle-half-stroke {
    --fa: ""
}

.fa-clapperboard {
    --fa: ""
}

.fa-circle-radiation, .fa-radiation-alt {
    --fa: ""
}

.fa-baseball, .fa-baseball-ball {
    --fa: ""
}

.fa-jet-fighter-up {
    --fa: ""
}

.fa-diagram-project, .fa-project-diagram {
    --fa: ""
}

.fa-copy {
    --fa: ""
}

.fa-volume-mute, .fa-volume-times, .fa-volume-xmark {
    --fa: ""
}

.fa-hand-sparkles {
    --fa: ""
}

.fa-grip, .fa-grip-horizontal {
    --fa: ""
}

.fa-share-from-square, .fa-share-square {
    --fa: ""
}

.fa-child-combatant, .fa-child-rifle {
    --fa: ""
}

.fa-gun {
    --fa: ""
}

.fa-phone-square, .fa-square-phone {
    --fa: ""
}

.fa-add, .fa-plus {
    --fa: "+"
}

.fa-expand {
    --fa: ""
}

.fa-computer {
    --fa: ""
}

.fa-close, .fa-multiply, .fa-remove, .fa-times, .fa-xmark {
    --fa: ""
}

.fa-arrows, .fa-arrows-up-down-left-right {
    --fa: ""
}

.fa-chalkboard-teacher, .fa-chalkboard-user {
    --fa: ""
}

.fa-peso-sign {
    --fa: ""
}

.fa-building-shield {
    --fa: ""
}

.fa-baby {
    --fa: ""
}

.fa-users-line {
    --fa: ""
}

.fa-quote-left, .fa-quote-left-alt {
    --fa: ""
}

.fa-tractor {
    --fa: ""
}

.fa-trash-arrow-up, .fa-trash-restore {
    --fa: ""
}

.fa-arrow-down-up-lock {
    --fa: ""
}

.fa-lines-leaning {
    --fa: ""
}

.fa-ruler-combined {
    --fa: ""
}

.fa-copyright {
    --fa: ""
}

.fa-equals {
    --fa: "="
}

.fa-blender {
    --fa: ""
}

.fa-teeth {
    --fa: ""
}

.fa-ils, .fa-shekel, .fa-shekel-sign, .fa-sheqel, .fa-sheqel-sign {
    --fa: ""
}

.fa-map {
    --fa: ""
}

.fa-rocket {
    --fa: ""
}

.fa-photo-film, .fa-photo-video {
    --fa: ""
}

.fa-folder-minus {
    --fa: ""
}

.fa-hexagon-nodes-bolt {
    --fa: ""
}

.fa-store {
    --fa: ""
}

.fa-arrow-trend-up {
    --fa: ""
}

.fa-plug-circle-minus {
    --fa: ""
}

.fa-sign, .fa-sign-hanging {
    --fa: ""
}

.fa-bezier-curve {
    --fa: ""
}

.fa-bell-slash {
    --fa: ""
}

.fa-tablet, .fa-tablet-android {
    --fa: ""
}

.fa-school-flag {
    --fa: ""
}

.fa-fill {
    --fa: ""
}

.fa-angle-up {
    --fa: ""
}

.fa-drumstick-bite {
    --fa: ""
}

.fa-holly-berry {
    --fa: ""
}

.fa-chevron-left {
    --fa: ""
}

.fa-bacteria {
    --fa: ""
}

.fa-hand-lizard {
    --fa: ""
}

.fa-notdef {
    --fa: ""
}

.fa-disease {
    --fa: ""
}

.fa-briefcase-medical {
    --fa: ""
}

.fa-genderless {
    --fa: ""
}

.fa-chevron-right {
    --fa: ""
}

.fa-retweet {
    --fa: ""
}

.fa-car-alt, .fa-car-rear {
    --fa: ""
}

.fa-pump-soap {
    --fa: ""
}

.fa-video-slash {
    --fa: ""
}

.fa-battery-2, .fa-battery-quarter {
    --fa: ""
}

.fa-radio {
    --fa: ""
}

.fa-baby-carriage, .fa-carriage-baby {
    --fa: ""
}

.fa-traffic-light {
    --fa: ""
}

.fa-thermometer {
    --fa: ""
}

.fa-vr-cardboard {
    --fa: ""
}

.fa-hand-middle-finger {
    --fa: ""
}

.fa-percent, .fa-percentage {
    --fa: "%"
}

.fa-truck-moving {
    --fa: ""
}

.fa-glass-water-droplet {
    --fa: ""
}

.fa-display {
    --fa: ""
}

.fa-face-smile, .fa-smile {
    --fa: ""
}

.fa-thumb-tack, .fa-thumbtack {
    --fa: ""
}

.fa-trophy {
    --fa: ""
}

.fa-person-praying, .fa-pray {
    --fa: ""
}

.fa-hammer {
    --fa: ""
}

.fa-hand-peace {
    --fa: ""
}

.fa-rotate, .fa-sync-alt {
    --fa: ""
}

.fa-spinner {
    --fa: ""
}

.fa-robot {
    --fa: ""
}

.fa-peace {
    --fa: ""
}

.fa-cogs, .fa-gears {
    --fa: ""
}

.fa-warehouse {
    --fa: ""
}

.fa-arrow-up-right-dots {
    --fa: ""
}

.fa-splotch {
    --fa: ""
}

.fa-face-grin-hearts, .fa-grin-hearts {
    --fa: ""
}

.fa-dice-four {
    --fa: ""
}

.fa-sim-card {
    --fa: ""
}

.fa-transgender, .fa-transgender-alt {
    --fa: ""
}

.fa-mercury {
    --fa: ""
}

.fa-arrow-turn-down, .fa-level-down {
    --fa: ""
}

.fa-person-falling-burst {
    --fa: ""
}

.fa-award {
    --fa: ""
}

.fa-ticket-alt, .fa-ticket-simple {
    --fa: ""
}

.fa-building {
    --fa: ""
}

.fa-angle-double-left, .fa-angles-left {
    --fa: ""
}

.fa-qrcode {
    --fa: ""
}

.fa-clock-rotate-left, .fa-history {
    --fa: ""
}

.fa-face-grin-beam-sweat, .fa-grin-beam-sweat {
    --fa: ""
}

.fa-arrow-right-from-file, .fa-file-export {
    --fa: ""
}

.fa-shield, .fa-shield-blank {
    --fa: ""
}

.fa-arrow-up-short-wide, .fa-sort-amount-up-alt {
    --fa: ""
}

.fa-comment-nodes {
    --fa: ""
}

.fa-house-medical {
    --fa: ""
}

.fa-golf-ball, .fa-golf-ball-tee {
    --fa: ""
}

.fa-chevron-circle-left, .fa-circle-chevron-left {
    --fa: ""
}

.fa-house-chimney-window {
    --fa: ""
}

.fa-pen-nib {
    --fa: ""
}

.fa-tent-arrow-turn-left {
    --fa: ""
}

.fa-tents {
    --fa: ""
}

.fa-magic, .fa-wand-magic {
    --fa: ""
}

.fa-dog {
    --fa: ""
}

.fa-carrot {
    --fa: ""
}

.fa-moon {
    --fa: ""
}

.fa-wine-glass-alt, .fa-wine-glass-empty {
    --fa: ""
}

.fa-cheese {
    --fa: ""
}

.fa-yin-yang {
    --fa: ""
}

.fa-music {
    --fa: ""
}

.fa-code-commit {
    --fa: ""
}

.fa-temperature-low {
    --fa: ""
}

.fa-biking, .fa-person-biking {
    --fa: ""
}

.fa-broom {
    --fa: ""
}

.fa-shield-heart {
    --fa: ""
}

.fa-gopuram {
    --fa: ""
}

.fa-earth-oceania, .fa-globe-oceania {
    --fa: ""
}

.fa-square-xmark, .fa-times-square, .fa-xmark-square {
    --fa: ""
}

.fa-hashtag {
    --fa: "#"
}

.fa-expand-alt, .fa-up-right-and-down-left-from-center {
    --fa: ""
}

.fa-oil-can {
    --fa: ""
}

.fa-t {
    --fa: "T"
}

.fa-hippo {
    --fa: ""
}

.fa-chart-column {
    --fa: ""
}

.fa-infinity {
    --fa: ""
}

.fa-vial-circle-check {
    --fa: ""
}

.fa-person-arrow-down-to-line {
    --fa: ""
}

.fa-voicemail {
    --fa: ""
}

.fa-fan {
    --fa: ""
}

.fa-person-walking-luggage {
    --fa: ""
}

.fa-arrows-alt-v, .fa-up-down {
    --fa: ""
}

.fa-cloud-moon-rain {
    --fa: ""
}

.fa-calendar {
    --fa: ""
}

.fa-trailer {
    --fa: ""
}

.fa-bahai, .fa-haykal {
    --fa: ""
}

.fa-sd-card {
    --fa: ""
}

.fa-dragon {
    --fa: ""
}

.fa-shoe-prints {
    --fa: ""
}

.fa-circle-plus, .fa-plus-circle {
    --fa: ""
}

.fa-face-grin-tongue-wink, .fa-grin-tongue-wink {
    --fa: ""
}

.fa-hand-holding {
    --fa: ""
}

.fa-plug-circle-exclamation {
    --fa: ""
}

.fa-chain-broken, .fa-chain-slash, .fa-link-slash, .fa-unlink {
    --fa: ""
}

.fa-clone {
    --fa: ""
}

.fa-person-walking-arrow-loop-left {
    --fa: ""
}

.fa-arrow-up-z-a, .fa-sort-alpha-up-alt {
    --fa: ""
}

.fa-fire-alt, .fa-fire-flame-curved {
    --fa: ""
}

.fa-tornado {
    --fa: ""
}

.fa-file-circle-plus {
    --fa: ""
}

.fa-book-quran, .fa-quran {
    --fa: ""
}

.fa-anchor {
    --fa: ""
}

.fa-border-all {
    --fa: ""
}

.fa-angry, .fa-face-angry {
    --fa: ""
}

.fa-cookie-bite {
    --fa: ""
}

.fa-arrow-trend-down {
    --fa: ""
}

.fa-feed, .fa-rss {
    --fa: ""
}

.fa-draw-polygon {
    --fa: ""
}

.fa-balance-scale, .fa-scale-balanced {
    --fa: ""
}

.fa-gauge-simple-high, .fa-tachometer, .fa-tachometer-fast {
    --fa: ""
}

.fa-shower {
    --fa: ""
}

.fa-desktop, .fa-desktop-alt {
    --fa: ""
}

.fa-m {
    --fa: "M"
}

.fa-table-list, .fa-th-list {
    --fa: ""
}

.fa-comment-sms, .fa-sms {
    --fa: ""
}

.fa-book {
    --fa: ""
}

.fa-user-plus {
    --fa: ""
}

.fa-check {
    --fa: ""
}

.fa-battery-4, .fa-battery-three-quarters {
    --fa: ""
}

.fa-house-circle-check {
    --fa: ""
}

.fa-angle-left {
    --fa: ""
}

.fa-diagram-successor {
    --fa: ""
}

.fa-truck-arrow-right {
    --fa: ""
}

.fa-arrows-split-up-and-left {
    --fa: ""
}

.fa-fist-raised, .fa-hand-fist {
    --fa: ""
}

.fa-cloud-moon {
    --fa: ""
}

.fa-briefcase {
    --fa: ""
}

.fa-person-falling {
    --fa: ""
}

.fa-image-portrait, .fa-portrait {
    --fa: ""
}

.fa-user-tag {
    --fa: ""
}

.fa-rug {
    --fa: ""
}

.fa-earth-europe, .fa-globe-europe {
    --fa: ""
}

.fa-cart-flatbed-suitcase, .fa-luggage-cart {
    --fa: ""
}

.fa-rectangle-times, .fa-rectangle-xmark, .fa-times-rectangle, .fa-window-close {
    --fa: ""
}

.fa-baht-sign {
    --fa: ""
}

.fa-book-open {
    --fa: ""
}

.fa-book-journal-whills, .fa-journal-whills {
    --fa: ""
}

.fa-handcuffs {
    --fa: ""
}

.fa-exclamation-triangle, .fa-triangle-exclamation, .fa-warning {
    --fa: ""
}

.fa-database {
    --fa: ""
}

.fa-mail-forward, .fa-share {
    --fa: ""
}

.fa-bottle-droplet {
    --fa: ""
}

.fa-mask-face {
    --fa: ""
}

.fa-hill-rockslide {
    --fa: ""
}

.fa-exchange-alt, .fa-right-left {
    --fa: ""
}

.fa-paper-plane {
    --fa: ""
}

.fa-road-circle-exclamation {
    --fa: ""
}

.fa-dungeon {
    --fa: ""
}

.fa-align-right {
    --fa: ""
}

.fa-money-bill-1-wave, .fa-money-bill-wave-alt {
    --fa: ""
}

.fa-life-ring {
    --fa: ""
}

.fa-hands, .fa-sign-language, .fa-signing {
    --fa: ""
}

.fa-calendar-day {
    --fa: ""
}

.fa-ladder-water, .fa-swimming-pool, .fa-water-ladder {
    --fa: ""
}

.fa-arrows-up-down, .fa-arrows-v {
    --fa: ""
}

.fa-face-grimace, .fa-grimace {
    --fa: ""
}

.fa-wheelchair-alt, .fa-wheelchair-move {
    --fa: ""
}

.fa-level-down-alt, .fa-turn-down {
    --fa: ""
}

.fa-person-walking-arrow-right {
    --fa: ""
}

.fa-envelope-square, .fa-square-envelope {
    --fa: ""
}

.fa-dice {
    --fa: ""
}

.fa-bowling-ball {
    --fa: ""
}

.fa-brain {
    --fa: ""
}

.fa-band-aid, .fa-bandage {
    --fa: ""
}

.fa-calendar-minus {
    --fa: ""
}

.fa-circle-xmark, .fa-times-circle, .fa-xmark-circle {
    --fa: ""
}

.fa-gifts {
    --fa: ""
}

.fa-hotel {
    --fa: ""
}

.fa-earth-asia, .fa-globe-asia {
    --fa: ""
}

.fa-id-card-alt, .fa-id-card-clip {
    --fa: ""
}

.fa-magnifying-glass-plus, .fa-search-plus {
    --fa: ""
}

.fa-thumbs-up {
    --fa: ""
}

.fa-user-clock {
    --fa: ""
}

.fa-allergies, .fa-hand-dots {
    --fa: ""
}

.fa-file-invoice {
    --fa: ""
}

.fa-window-minimize {
    --fa: ""
}

.fa-coffee, .fa-mug-saucer {
    --fa: ""
}

.fa-brush {
    --fa: ""
}

.fa-file-half-dashed {
    --fa: ""
}

.fa-mask {
    --fa: ""
}

.fa-magnifying-glass-minus, .fa-search-minus {
    --fa: ""
}

.fa-ruler-vertical {
    --fa: ""
}

.fa-user-alt, .fa-user-large {
    --fa: ""
}

.fa-train-tram {
    --fa: ""
}

.fa-user-nurse {
    --fa: ""
}

.fa-syringe {
    --fa: ""
}

.fa-cloud-sun {
    --fa: ""
}

.fa-stopwatch-20 {
    --fa: ""
}

.fa-square-full {
    --fa: ""
}

.fa-magnet {
    --fa: ""
}

.fa-jar {
    --fa: ""
}

.fa-note-sticky, .fa-sticky-note {
    --fa: ""
}

.fa-bug-slash {
    --fa: ""
}

.fa-arrow-up-from-water-pump {
    --fa: ""
}

.fa-bone {
    --fa: ""
}

.fa-table-cells-row-unlock {
    --fa: ""
}

.fa-user-injured {
    --fa: ""
}

.fa-face-sad-tear, .fa-sad-tear {
    --fa: ""
}

.fa-plane {
    --fa: ""
}

.fa-tent-arrows-down {
    --fa: ""
}

.fa-exclamation {
    --fa: "!"
}

.fa-arrows-spin {
    --fa: ""
}

.fa-print {
    --fa: ""
}

.fa-try, .fa-turkish-lira, .fa-turkish-lira-sign {
    --fa: ""
}

.fa-dollar, .fa-dollar-sign, .fa-usd {
    --fa: "$"
}

.fa-x {
    --fa: "X"
}

.fa-magnifying-glass-dollar, .fa-search-dollar {
    --fa: ""
}

.fa-users-cog, .fa-users-gear {
    --fa: ""
}

.fa-person-military-pointing {
    --fa: ""
}

.fa-bank, .fa-building-columns, .fa-institution, .fa-museum, .fa-university {
    --fa: ""
}

.fa-umbrella {
    --fa: ""
}

.fa-trowel {
    --fa: ""
}

.fa-d {
    --fa: "D"
}

.fa-stapler {
    --fa: ""
}

.fa-masks-theater, .fa-theater-masks {
    --fa: ""
}

.fa-kip-sign {
    --fa: ""
}

.fa-hand-point-left {
    --fa: ""
}

.fa-handshake-alt, .fa-handshake-simple {
    --fa: ""
}

.fa-fighter-jet, .fa-jet-fighter {
    --fa: ""
}

.fa-share-alt-square, .fa-square-share-nodes {
    --fa: ""
}

.fa-barcode {
    --fa: ""
}

.fa-plus-minus {
    --fa: ""
}

.fa-video, .fa-video-camera {
    --fa: ""
}

.fa-graduation-cap, .fa-mortar-board {
    --fa: ""
}

.fa-hand-holding-medical {
    --fa: ""
}

.fa-person-circle-check {
    --fa: ""
}

.fa-level-up-alt, .fa-turn-up {
    --fa: ""
}

.fa-sr-only, .fa-sr-only-focusable:not(:focus), .sr-only, .sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

:host, :root {
    --fa-style-family-brands: "Font Awesome 6 Brands";
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("fa-brands-400.woff2") format("woff2"), url("fa-brands-400.ttf") format("truetype")
}

.fa-brands, .fab {
    font-weight: 400
}

.fa-monero {
    --fa: ""
}

.fa-hooli {
    --fa: ""
}

.fa-yelp {
    --fa: ""
}

.fa-cc-visa {
    --fa: ""
}

.fa-lastfm {
    --fa: ""
}

.fa-shopware {
    --fa: ""
}

.fa-creative-commons-nc {
    --fa: ""
}

.fa-aws {
    --fa: ""
}

.fa-redhat {
    --fa: ""
}

.fa-yoast {
    --fa: ""
}

.fa-cloudflare {
    --fa: ""
}

.fa-ups {
    --fa: ""
}

.fa-pixiv {
    --fa: ""
}

.fa-wpexplorer {
    --fa: ""
}

.fa-dyalog {
    --fa: ""
}

.fa-bity {
    --fa: ""
}

.fa-stackpath {
    --fa: ""
}

.fa-buysellads {
    --fa: ""
}

.fa-first-order {
    --fa: ""
}

.fa-modx {
    --fa: ""
}

.fa-guilded {
    --fa: ""
}

.fa-vnv {
    --fa: ""
}

.fa-js-square, .fa-square-js {
    --fa: ""
}

.fa-microsoft {
    --fa: ""
}

.fa-qq {
    --fa: ""
}

.fa-orcid {
    --fa: ""
}

.fa-java {
    --fa: ""
}

.fa-invision {
    --fa: ""
}

.fa-creative-commons-pd-alt {
    --fa: ""
}

.fa-centercode {
    --fa: ""
}

.fa-glide-g {
    --fa: ""
}

.fa-drupal {
    --fa: ""
}

.fa-jxl {
    --fa: ""
}

.fa-dart-lang {
    --fa: ""
}

.fa-hire-a-helper {
    --fa: ""
}

.fa-creative-commons-by {
    --fa: ""
}

.fa-unity {
    --fa: ""
}

.fa-whmcs {
    --fa: ""
}

.fa-rocketchat {
    --fa: ""
}

.fa-vk {
    --fa: ""
}

.fa-untappd {
    --fa: ""
}

.fa-mailchimp {
    --fa: ""
}

.fa-css3-alt {
    --fa: ""
}

.fa-reddit-square, .fa-square-reddit {
    --fa: ""
}

.fa-vimeo-v {
    --fa: ""
}

.fa-contao {
    --fa: ""
}

.fa-square-font-awesome {
    --fa: ""
}

.fa-deskpro {
    --fa: ""
}

.fa-brave {
    --fa: ""
}

.fa-sistrix {
    --fa: ""
}

.fa-instagram-square, .fa-square-instagram {
    --fa: ""
}

.fa-battle-net {
    --fa: ""
}

.fa-the-red-yeti {
    --fa: ""
}

.fa-hacker-news-square, .fa-square-hacker-news {
    --fa: ""
}

.fa-edge {
    --fa: ""
}

.fa-threads {
    --fa: ""
}

.fa-napster {
    --fa: ""
}

.fa-snapchat-square, .fa-square-snapchat {
    --fa: ""
}

.fa-google-plus-g {
    --fa: ""
}

.fa-artstation {
    --fa: ""
}

.fa-markdown {
    --fa: ""
}

.fa-sourcetree {
    --fa: ""
}

.fa-google-plus {
    --fa: ""
}

.fa-diaspora {
    --fa: ""
}

.fa-foursquare {
    --fa: ""
}

.fa-stack-overflow {
    --fa: ""
}

.fa-github-alt {
    --fa: ""
}

.fa-phoenix-squadron {
    --fa: ""
}

.fa-pagelines {
    --fa: ""
}

.fa-algolia {
    --fa: ""
}

.fa-red-river {
    --fa: ""
}

.fa-creative-commons-sa {
    --fa: ""
}

.fa-safari {
    --fa: ""
}

.fa-google {
    --fa: ""
}

.fa-font-awesome-alt, .fa-square-font-awesome-stroke {
    --fa: ""
}

.fa-atlassian {
    --fa: ""
}

.fa-linkedin-in {
    --fa: ""
}

.fa-digital-ocean {
    --fa: ""
}

.fa-nimblr {
    --fa: ""
}

.fa-chromecast {
    --fa: ""
}

.fa-evernote {
    --fa: ""
}

.fa-hacker-news {
    --fa: ""
}

.fa-creative-commons-sampling {
    --fa: ""
}

.fa-adversal {
    --fa: ""
}

.fa-creative-commons {
    --fa: ""
}

.fa-watchman-monitoring {
    --fa: ""
}

.fa-fonticons {
    --fa: ""
}

.fa-weixin {
    --fa: ""
}

.fa-shirtsinbulk {
    --fa: ""
}

.fa-codepen {
    --fa: ""
}

.fa-git-alt {
    --fa: ""
}

.fa-lyft {
    --fa: ""
}

.fa-rev {
    --fa: ""
}

.fa-windows {
    --fa: ""
}

.fa-wizards-of-the-coast {
    --fa: ""
}

.fa-square-viadeo, .fa-viadeo-square {
    --fa: ""
}

.fa-meetup {
    --fa: ""
}

.fa-centos {
    --fa: ""
}

.fa-adn {
    --fa: ""
}

.fa-cloudsmith {
    --fa: ""
}

.fa-opensuse {
    --fa: ""
}

.fa-pied-piper-alt {
    --fa: ""
}

.fa-dribbble-square, .fa-square-dribbble {
    --fa: ""
}

.fa-codiepie {
    --fa: ""
}

.fa-node {
    --fa: ""
}

.fa-mix {
    --fa: ""
}

.fa-steam {
    --fa: ""
}

.fa-cc-apple-pay {
    --fa: ""
}

.fa-scribd {
    --fa: ""
}

.fa-debian {
    --fa: ""
}

.fa-openid {
    --fa: ""
}

.fa-instalod {
    --fa: ""
}

.fa-files-pinwheel {
    --fa: ""
}

.fa-expeditedssl {
    --fa: ""
}

.fa-sellcast {
    --fa: ""
}

.fa-square-twitter, .fa-twitter-square {
    --fa: ""
}

.fa-r-project {
    --fa: ""
}

.fa-delicious {
    --fa: ""
}

.fa-freebsd {
    --fa: ""
}

.fa-vuejs {
    --fa: ""
}

.fa-accusoft {
    --fa: ""
}

.fa-ioxhost {
    --fa: ""
}

.fa-fonticons-fi {
    --fa: ""
}

.fa-app-store {
    --fa: ""
}

.fa-cc-mastercard {
    --fa: ""
}

.fa-itunes-note {
    --fa: ""
}

.fa-golang {
    --fa: ""
}

.fa-kickstarter, .fa-square-kickstarter {
    --fa: ""
}

.fa-grav {
    --fa: ""
}

.fa-weibo {
    --fa: ""
}

.fa-uncharted {
    --fa: ""
}

.fa-firstdraft {
    --fa: ""
}

.fa-square-youtube, .fa-youtube-square {
    --fa: ""
}

.fa-wikipedia-w {
    --fa: ""
}

.fa-rendact, .fa-wpressr {
    --fa: ""
}

.fa-angellist {
    --fa: ""
}

.fa-galactic-republic {
    --fa: ""
}

.fa-nfc-directional {
    --fa: ""
}

.fa-skype {
    --fa: ""
}

.fa-joget {
    --fa: ""
}

.fa-fedora {
    --fa: ""
}

.fa-stripe-s {
    --fa: ""
}

.fa-meta {
    --fa: ""
}

.fa-laravel {
    --fa: ""
}

.fa-hotjar {
    --fa: ""
}

.fa-bluetooth-b {
    --fa: ""
}

.fa-square-letterboxd {
    --fa: ""
}

.fa-sticker-mule {
    --fa: ""
}

.fa-creative-commons-zero {
    --fa: ""
}

.fa-hips {
    --fa: ""
}

.fa-css {
    --fa: ""
}

.fa-behance {
    --fa: ""
}

.fa-reddit {
    --fa: ""
}

.fa-discord {
    --fa: ""
}

.fa-chrome {
    --fa: ""
}

.fa-app-store-ios {
    --fa: ""
}

.fa-cc-discover {
    --fa: ""
}

.fa-wpbeginner {
    --fa: ""
}

.fa-confluence {
    --fa: ""
}

.fa-shoelace {
    --fa: ""
}

.fa-mdb {
    --fa: ""
}

.fa-dochub {
    --fa: ""
}

.fa-accessible-icon {
    --fa: ""
}

.fa-ebay {
    --fa: ""
}

.fa-amazon {
    --fa: ""
}

.fa-unsplash {
    --fa: ""
}

.fa-yarn {
    --fa: ""
}

.fa-square-steam, .fa-steam-square {
    --fa: ""
}

.fa-500px {
    --fa: ""
}

.fa-square-vimeo, .fa-vimeo-square {
    --fa: ""
}

.fa-asymmetrik {
    --fa: ""
}

.fa-font-awesome, .fa-font-awesome-flag, .fa-font-awesome-logo-full {
    --fa: ""
}

.fa-gratipay {
    --fa: ""
}

.fa-apple {
    --fa: ""
}

.fa-hive {
    --fa: ""
}

.fa-gitkraken {
    --fa: ""
}

.fa-keybase {
    --fa: ""
}

.fa-apple-pay {
    --fa: ""
}

.fa-padlet {
    --fa: ""
}

.fa-amazon-pay {
    --fa: ""
}

.fa-github-square, .fa-square-github {
    --fa: ""
}

.fa-stumbleupon {
    --fa: ""
}

.fa-fedex {
    --fa: ""
}

.fa-phoenix-framework {
    --fa: ""
}

.fa-shopify {
    --fa: ""
}

.fa-neos {
    --fa: ""
}

.fa-square-threads {
    --fa: ""
}

.fa-hackerrank {
    --fa: ""
}

.fa-researchgate {
    --fa: ""
}

.fa-swift {
    --fa: ""
}

.fa-angular {
    --fa: ""
}

.fa-speakap {
    --fa: ""
}

.fa-angrycreative {
    --fa: ""
}

.fa-y-combinator {
    --fa: ""
}

.fa-empire {
    --fa: ""
}

.fa-envira {
    --fa: ""
}

.fa-google-scholar {
    --fa: ""
}

.fa-gitlab-square, .fa-square-gitlab {
    --fa: ""
}

.fa-studiovinari {
    --fa: ""
}

.fa-pied-piper {
    --fa: ""
}

.fa-wordpress {
    --fa: ""
}

.fa-product-hunt {
    --fa: ""
}

.fa-firefox {
    --fa: ""
}

.fa-linode {
    --fa: ""
}

.fa-goodreads {
    --fa: ""
}

.fa-odnoklassniki-square, .fa-square-odnoklassniki {
    --fa: ""
}

.fa-jsfiddle {
    --fa: ""
}

.fa-sith {
    --fa: ""
}

.fa-themeisle {
    --fa: ""
}

.fa-page4 {
    --fa: ""
}

.fa-hashnode {
    --fa: ""
}

.fa-react {
    --fa: ""
}

.fa-cc-paypal {
    --fa: ""
}

.fa-squarespace {
    --fa: ""
}

.fa-cc-stripe {
    --fa: ""
}

.fa-creative-commons-share {
    --fa: ""
}

.fa-bitcoin {
    --fa: ""
}

.fa-keycdn {
    --fa: ""
}

.fa-opera {
    --fa: ""
}

.fa-itch-io {
    --fa: ""
}

.fa-umbraco {
    --fa: ""
}

.fa-galactic-senate {
    --fa: ""
}

.fa-ubuntu {
    --fa: ""
}

.fa-draft2digital {
    --fa: ""
}

.fa-stripe {
    --fa: ""
}

.fa-houzz {
    --fa: ""
}

.fa-gg {
    --fa: ""
}

.fa-dhl {
    --fa: ""
}

.fa-pinterest-square, .fa-square-pinterest {
    --fa: ""
}

.fa-xing {
    --fa: ""
}

.fa-blackberry {
    --fa: ""
}

.fa-creative-commons-pd {
    --fa: ""
}

.fa-playstation {
    --fa: ""
}

.fa-quinscape {
    --fa: ""
}

.fa-less {
    --fa: ""
}

.fa-blogger-b {
    --fa: ""
}

.fa-opencart {
    --fa: ""
}

.fa-vine {
    --fa: ""
}

.fa-signal-messenger {
    --fa: ""
}

.fa-paypal {
    --fa: ""
}

.fa-gitlab {
    --fa: ""
}

.fa-typo3 {
    --fa: ""
}

.fa-reddit-alien {
    --fa: ""
}

.fa-yahoo {
    --fa: ""
}

.fa-dailymotion {
    --fa: ""
}

.fa-affiliatetheme {
    --fa: ""
}

.fa-pied-piper-pp {
    --fa: ""
}

.fa-bootstrap {
    --fa: ""
}

.fa-odnoklassniki {
    --fa: ""
}

.fa-nfc-symbol {
    --fa: ""
}

.fa-mintbit {
    --fa: ""
}

.fa-ethereum {
    --fa: ""
}

.fa-speaker-deck {
    --fa: ""
}

.fa-creative-commons-nc-eu {
    --fa: ""
}

.fa-patreon {
    --fa: ""
}

.fa-avianex {
    --fa: ""
}

.fa-ello {
    --fa: ""
}

.fa-gofore {
    --fa: ""
}

.fa-bimobject {
    --fa: ""
}

.fa-brave-reverse {
    --fa: ""
}

.fa-facebook-f {
    --fa: ""
}

.fa-google-plus-square, .fa-square-google-plus {
    --fa: ""
}

.fa-web-awesome {
    --fa: ""
}

.fa-mandalorian {
    --fa: ""
}

.fa-first-order-alt {
    --fa: ""
}

.fa-osi {
    --fa: ""
}

.fa-google-wallet {
    --fa: ""
}

.fa-d-and-d-beyond {
    --fa: ""
}

.fa-periscope {
    --fa: ""
}

.fa-fulcrum {
    --fa: ""
}

.fa-cloudscale {
    --fa: ""
}

.fa-forumbee {
    --fa: ""
}

.fa-mizuni {
    --fa: ""
}

.fa-schlix {
    --fa: ""
}

.fa-square-xing, .fa-xing-square {
    --fa: ""
}

.fa-bandcamp {
    --fa: ""
}

.fa-wpforms {
    --fa: ""
}

.fa-cloudversify {
    --fa: ""
}

.fa-usps {
    --fa: ""
}

.fa-megaport {
    --fa: ""
}

.fa-magento {
    --fa: ""
}

.fa-spotify {
    --fa: ""
}

.fa-optin-monster {
    --fa: ""
}

.fa-fly {
    --fa: ""
}

.fa-square-bluesky {
    --fa: ""
}

.fa-aviato {
    --fa: ""
}

.fa-itunes {
    --fa: ""
}

.fa-cuttlefish {
    --fa: ""
}

.fa-blogger {
    --fa: ""
}

.fa-flickr {
    --fa: ""
}

.fa-viber {
    --fa: ""
}

.fa-soundcloud {
    --fa: ""
}

.fa-digg {
    --fa: ""
}

.fa-tencent-weibo {
    --fa: ""
}

.fa-letterboxd {
    --fa: ""
}

.fa-symfony {
    --fa: ""
}

.fa-maxcdn {
    --fa: ""
}

.fa-etsy {
    --fa: ""
}

.fa-facebook-messenger {
    --fa: ""
}

.fa-audible {
    --fa: ""
}

.fa-think-peaks {
    --fa: ""
}

.fa-bilibili {
    --fa: ""
}

.fa-erlang {
    --fa: ""
}

.fa-x-twitter {
    --fa: ""
}

.fa-cotton-bureau {
    --fa: ""
}

.fa-dashcube {
    --fa: ""
}

.fa-42-group, .fa-innosoft {
    --fa: ""
}

.fa-stack-exchange {
    --fa: ""
}

.fa-elementor {
    --fa: ""
}

.fa-pied-piper-square, .fa-square-pied-piper {
    --fa: ""
}

.fa-creative-commons-nd {
    --fa: ""
}

.fa-palfed {
    --fa: ""
}

.fa-superpowers {
    --fa: ""
}

.fa-resolving {
    --fa: ""
}

.fa-xbox {
    --fa: ""
}

.fa-square-web-awesome-stroke {
    --fa: ""
}

.fa-searchengin {
    --fa: ""
}

.fa-tiktok {
    --fa: ""
}

.fa-facebook-square, .fa-square-facebook {
    --fa: ""
}

.fa-renren {
    --fa: ""
}

.fa-linux {
    --fa: ""
}

.fa-glide {
    --fa: ""
}

.fa-linkedin {
    --fa: ""
}

.fa-hubspot {
    --fa: ""
}

.fa-deploydog {
    --fa: ""
}

.fa-twitch {
    --fa: ""
}

.fa-flutter {
    --fa: ""
}

.fa-ravelry {
    --fa: ""
}

.fa-mixer {
    --fa: ""
}

.fa-lastfm-square, .fa-square-lastfm {
    --fa: ""
}

.fa-vimeo {
    --fa: ""
}

.fa-mendeley {
    --fa: ""
}

.fa-uniregistry {
    --fa: ""
}

.fa-figma {
    --fa: ""
}

.fa-creative-commons-remix {
    --fa: ""
}

.fa-cc-amazon-pay {
    --fa: ""
}

.fa-dropbox {
    --fa: ""
}

.fa-instagram {
    --fa: ""
}

.fa-cmplid {
    --fa: ""
}

.fa-upwork {
    --fa: ""
}

.fa-facebook {
    --fa: ""
}

.fa-gripfire {
    --fa: ""
}

.fa-jedi-order {
    --fa: ""
}

.fa-uikit {
    --fa: ""
}

.fa-fort-awesome-alt {
    --fa: ""
}

.fa-phabricator {
    --fa: ""
}

.fa-ussunnah {
    --fa: ""
}

.fa-earlybirds {
    --fa: ""
}

.fa-trade-federation {
    --fa: ""
}

.fa-autoprefixer {
    --fa: ""
}

.fa-whatsapp {
    --fa: ""
}

.fa-square-upwork {
    --fa: ""
}

.fa-slideshare {
    --fa: ""
}

.fa-google-play {
    --fa: ""
}

.fa-viadeo {
    --fa: ""
}

.fa-line {
    --fa: ""
}

.fa-google-drive {
    --fa: ""
}

.fa-servicestack {
    --fa: ""
}

.fa-simplybuilt {
    --fa: ""
}

.fa-bitbucket {
    --fa: ""
}

.fa-imdb {
    --fa: ""
}

.fa-deezer {
    --fa: ""
}

.fa-raspberry-pi {
    --fa: ""
}

.fa-jira {
    --fa: ""
}

.fa-docker {
    --fa: ""
}

.fa-screenpal {
    --fa: ""
}

.fa-bluetooth {
    --fa: ""
}

.fa-gitter {
    --fa: ""
}

.fa-d-and-d {
    --fa: ""
}

.fa-microblog {
    --fa: ""
}

.fa-cc-diners-club {
    --fa: ""
}

.fa-gg-circle {
    --fa: ""
}

.fa-pied-piper-hat {
    --fa: ""
}

.fa-kickstarter-k {
    --fa: ""
}

.fa-yandex {
    --fa: ""
}

.fa-readme {
    --fa: ""
}

.fa-html5 {
    --fa: ""
}

.fa-sellsy {
    --fa: ""
}

.fa-square-web-awesome {
    --fa: ""
}

.fa-sass {
    --fa: ""
}

.fa-wirsindhandwerk, .fa-wsh {
    --fa: ""
}

.fa-buromobelexperte {
    --fa: ""
}

.fa-salesforce {
    --fa: ""
}

.fa-octopus-deploy {
    --fa: ""
}

.fa-medapps {
    --fa: ""
}

.fa-ns8 {
    --fa: ""
}

.fa-pinterest-p {
    --fa: ""
}

.fa-apper {
    --fa: ""
}

.fa-fort-awesome {
    --fa: ""
}

.fa-waze {
    --fa: ""
}

.fa-bluesky {
    --fa: ""
}

.fa-cc-jcb {
    --fa: ""
}

.fa-snapchat, .fa-snapchat-ghost {
    --fa: ""
}

.fa-fantasy-flight-games {
    --fa: ""
}

.fa-rust {
    --fa: ""
}

.fa-wix {
    --fa: ""
}

.fa-behance-square, .fa-square-behance {
    --fa: ""
}

.fa-supple {
    --fa: ""
}

.fa-webflow {
    --fa: ""
}

.fa-rebel {
    --fa: ""
}

.fa-css3 {
    --fa: ""
}

.fa-staylinked {
    --fa: ""
}

.fa-kaggle {
    --fa: ""
}

.fa-space-awesome {
    --fa: ""
}

.fa-deviantart {
    --fa: ""
}

.fa-cpanel {
    --fa: ""
}

.fa-goodreads-g {
    --fa: ""
}

.fa-git-square, .fa-square-git {
    --fa: ""
}

.fa-square-tumblr, .fa-tumblr-square {
    --fa: ""
}

.fa-trello {
    --fa: ""
}

.fa-creative-commons-nc-jp {
    --fa: ""
}

.fa-get-pocket {
    --fa: ""
}

.fa-perbyte {
    --fa: ""
}

.fa-grunt {
    --fa: ""
}

.fa-weebly {
    --fa: ""
}

.fa-connectdevelop {
    --fa: ""
}

.fa-leanpub {
    --fa: ""
}

.fa-black-tie {
    --fa: ""
}

.fa-themeco {
    --fa: ""
}

.fa-python {
    --fa: ""
}

.fa-android {
    --fa: ""
}

.fa-bots {
    --fa: ""
}

.fa-free-code-camp {
    --fa: ""
}

.fa-hornbill {
    --fa: ""
}

.fa-js {
    --fa: ""
}

.fa-ideal {
    --fa: ""
}

.fa-git {
    --fa: ""
}

.fa-dev {
    --fa: ""
}

.fa-sketch {
    --fa: ""
}

.fa-yandex-international {
    --fa: ""
}

.fa-cc-amex {
    --fa: ""
}

.fa-uber {
    --fa: ""
}

.fa-github {
    --fa: ""
}

.fa-php {
    --fa: ""
}

.fa-alipay {
    --fa: ""
}

.fa-youtube {
    --fa: ""
}

.fa-skyatlas {
    --fa: ""
}

.fa-firefox-browser {
    --fa: ""
}

.fa-replyd {
    --fa: ""
}

.fa-suse {
    --fa: ""
}

.fa-jenkins {
    --fa: ""
}

.fa-twitter {
    --fa: ""
}

.fa-rockrms {
    --fa: ""
}

.fa-pinterest {
    --fa: ""
}

.fa-buffer {
    --fa: ""
}

.fa-npm {
    --fa: ""
}

.fa-yammer {
    --fa: ""
}

.fa-btc {
    --fa: ""
}

.fa-dribbble {
    --fa: ""
}

.fa-stumbleupon-circle {
    --fa: ""
}

.fa-internet-explorer {
    --fa: ""
}

.fa-stubber {
    --fa: ""
}

.fa-telegram, .fa-telegram-plane {
    --fa: ""
}

.fa-old-republic {
    --fa: ""
}

.fa-odysee {
    --fa: ""
}

.fa-square-whatsapp, .fa-whatsapp-square {
    --fa: ""
}

.fa-node-js {
    --fa: ""
}

.fa-edge-legacy {
    --fa: ""
}

.fa-slack, .fa-slack-hash {
    --fa: ""
}

.fa-medrt {
    --fa: ""
}

.fa-usb {
    --fa: ""
}

.fa-tumblr {
    --fa: ""
}

.fa-vaadin {
    --fa: ""
}

.fa-quora {
    --fa: ""
}

.fa-square-x-twitter {
    --fa: ""
}

.fa-reacteurope {
    --fa: ""
}

.fa-medium, .fa-medium-m {
    --fa: ""
}

.fa-amilia {
    --fa: ""
}

.fa-mixcloud {
    --fa: ""
}

.fa-flipboard {
    --fa: ""
}

.fa-viacoin {
    --fa: ""
}

.fa-critical-role {
    --fa: ""
}

.fa-sitrox {
    --fa: ""
}

.fa-discourse {
    --fa: ""
}

.fa-joomla {
    --fa: ""
}

.fa-mastodon {
    --fa: ""
}

.fa-airbnb {
    --fa: ""
}

.fa-wolf-pack-battalion {
    --fa: ""
}

.fa-buy-n-large {
    --fa: ""
}

.fa-gulp {
    --fa: ""
}

.fa-creative-commons-sampling-plus {
    --fa: ""
}

.fa-strava {
    --fa: ""
}

.fa-ember {
    --fa: ""
}

.fa-canadian-maple-leaf {
    --fa: ""
}

.fa-teamspeak {
    --fa: ""
}

.fa-pushed {
    --fa: ""
}

.fa-wordpress-simple {
    --fa: ""
}

.fa-nutritionix {
    --fa: ""
}

.fa-wodu {
    --fa: ""
}

.fa-google-pay {
    --fa: ""
}

.fa-intercom {
    --fa: ""
}

.fa-zhihu {
    --fa: ""
}

.fa-korvue {
    --fa: ""
}

.fa-pix {
    --fa: ""
}

.fa-steam-symbol {
    --fa: ""
}

:host, :root {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("fa-regular-400.woff2") format("woff2"), url("fa-regular-400.ttf") format("truetype")
}

.fa-regular, .far {
    font-weight: 400
}

:host, :root {
    --fa-style-family-classic: "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("fa-solid-900.woff2") format("woff2"), url("fa-solid-900.ttf") format("truetype")
}

.fa-solid, .fas {
    font-weight: 900
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-display: block;
    font-weight: 400;
    src: url("fa-brands-400.woff2") format("woff2"), url("fa-brands-400.ttf") format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 900;
    src: url("fa-solid-900.woff2") format("woff2"), url("fa-solid-900.ttf") format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 400;
    src: url("fa-regular-400.woff2") format("woff2"), url("fa-regular-400.ttf") format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url("fa-solid-900.woff2") format("woff2"), url("fa-solid-900.ttf") format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url("fa-brands-400.woff2") format("woff2"), url("fa-brands-400.ttf") format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url("fa-regular-400.woff2") format("woff2"), url("fa-regular-400.ttf") format("truetype");
    unicode-range: U+f003, U+f006, U+f014, U+f016-f017, U+f01a-f01b, U+f01d, U+f022, U+f03e, U+f044, U+f046, U+f05c-f05d, U+f06e, U+f070, U+f087-f088, U+f08a, U+f094, U+f096-f097, U+f09d, U+f0a0, U+f0a2, U+f0a4-f0a7, U+f0c5, U+f0c7, U+f0e5-f0e6, U+f0eb, U+f0f6-f0f8, U+f10c, U+f114-f115, U+f118-f11a, U+f11c-f11d, U+f133, U+f147, U+f14e, U+f150-f152, U+f185-f186, U+f18e, U+f190-f192, U+f196, U+f1c1-f1c9, U+f1d9, U+f1db, U+f1e3, U+f1ea, U+f1f7, U+f1f9, U+f20a, U+f247-f248, U+f24a, U+f24d, U+f255-f25b, U+f25d, U+f271-f274, U+f278, U+f27b, U+f28c, U+f28e, U+f29c, U+f2b5, U+f2b7, U+f2ba, U+f2bc, U+f2be, U+f2c0-f2c1, U+f2c3, U+f2d0, U+f2d2, U+f2d4, U+f2dc
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url("") format("woff2"), url("") format("truetype");
    unicode-range: U+f041, U+f047, U+f065-f066, U+f07d-f07e, U+f080, U+f08b, U+f08e, U+f090, U+f09a, U+f0ac, U+f0ae, U+f0b2, U+f0d0, U+f0d6, U+f0e4, U+f0ec, U+f10a-f10b, U+f123, U+f13e, U+f148-f149, U+f14c, U+f156, U+f15e, U+f160-f161, U+f163, U+f175-f178, U+f195, U+f1f8, U+f219, U+f27a
}

.vjs-mockup-icons {
    visibility: hidden
}

.vjs-mockup-icons:before {
    content: "<svg xmlns=\"http://www.w3.org/2000/svg\"> <defs> <symbol id=\"vjs-icon-pip-full\" viewBox=\"0 0 512 512\"> <path d=\"M407 83H108q-21 0-35.8 12.5T57.5 126v259.5q0 18 14.8 30.8T108 429h299q20.5 0 34-12.8t13.5-30.7V126q0-18-13.5-30.5T407 83zm14.5 308h-325l-1-270h326v270zM117 140h279v230H117V140z\"></path> </symbol> <symbol id=\"vjs-icon-expand\" viewBox=\"0 0 446 512\"> <path d=\"M138.3 423.5h47.3v-335h-47.3zm123.1-335v335h47.3v-335zm133.8 171.7 53.8-1V229l-53.8.9v-71.2l-88 86.6 88 86.7zm-344-1.8H-3l1-30.2 52.3-1v-72l88.5 86.5-88.5 86.7z\"></path> </symbol> <symbol id=\"vjs-icon-expand-back\" viewBox=\"0 0 446 512\"> <path d=\"M24 439.5h47v-367H24zm351-367v367h47v-367zm-92.8 210.1-48.4 1-1.6-33 50-1.2v-68.6l94 86.4-94 86.4zm-115 2.5 50.2-.9-.4-32.5-49.7.9 1-69.1L70 268.2l98.3 84.6z\"></path> </symbol> <symbol id=\"vjs-icon-download\" viewBox=\"0 0 512 512\"> <path d=\"M396.2 284.3V376H115.8v-91.7H62V403a27 27 0 0 0 27 27h334.2c14.9 0 27-12.1 27-27V284.3zM251 328.8l-77.2-93.3s-9.8-4.4 1-11h43.5V88.8s-1.7-6.6 8.2-6.6h61.2c7.2 0 7 5.5 7 5.5v134H335c15.5 0 3.9 11.6 3.9 11.6S273 320.4 264 329.5c-6.6 6.7-13-.7-13-.7z\"></path> </symbol> <symbol id=\"vjs-icon-volume2\" viewBox=\"0 0 512 512\"> <path d=\"M69.7 209.7v124.6h82.9L256 437.7V106.3L152.6 209.7H69.7zM349.4 272a93.5 93.5 0 0 0-51.7-83.3v166.6a93.7 93.7 0 0 0 51.7-83.3z\"></path> </symbol> <symbol id=\"vjs-icon-volume1\" viewBox=\"0 0 512 512\"> <path d=\"M69.7 209.7v124.6h82.9L256 437.7V106.3L152.6 209.7H69.7z\"></path> </symbol> <symbol id=\"vjs-icon-share\" viewBox=\"0 0 512 512\"> <path d=\"M386 313q-12.5 0-23.5 4.5t-19 12l-154.5-90q1-3.5 1.5-7.3t.5-7.7-.5-7.8-1.5-7.2l152.5-89q9 8 20.3 12.8T386 138q26.5 0 45.5-19t19-46-19-46T386 8q-27 0-46 19t-19 46q0 4 .5 7.8T323 88l-152.5 89q-9-8-20.3-12.8t-24.2-4.7q-26.5 0-45.5 19t-19 46 19 46 45.5 19q13 0 24.3-4.8t20.2-12.7l154 89.5q-1 3.5-1.5 7t-.5 7.5q0 26 18.5 44.5t45 18.5q26 0 44.5-18.5T449 376q0-26.5-18.5-44.8T386 313z\"></path> </symbol> <symbol id=\"vjs-icon-snapshot\" viewBox=\"0 0 512 512\"> <path d=\"M264.9 202.7a80 80 0 1 0 0 160 80 80 0 0 0 0-160zm-31 26.3a61.4 61.4 0 0 1 92.5 46.5 312.2 312.2 0 0 0-92.5-46.5zm208.8-97.4h-86L345 96H167l-11.8 35.6H87c-19.6 0-44.4 15.9-44.4 35.5v213.3c0 19.7 24.8 35.6 44.4 35.6h355.6c19.6 0 26.6-16 26.6-35.6V167.1c0-19.6-7-35.5-26.6-35.5zM264.9 398.2a115.6 115.6 0 1 1 0-231 115.6 115.6 0 0 1 0 231zm168.9-195.5h-35.6V167h35.6v35.6z\"></path> </symbol> <symbol id=\"vjs-icon-center\" viewBox=\"0 0 512 512\"> <path d=\"M448 232h-38q-4-25-15-47t-28-39-40-29q-22-11-47-15V64h-48v38q-25 4-47 15t-39 29-29 39q-11 22-15 47H64v48h38q4 25 15 47t29 40 39 28q22 11 47 15v38h48v-38q25-4 47-15t40-28 28-40q11-22 15-47h38v-48zm-87 0h-37q-5-15-17-27t-27-17v-37q30 6 53 29t28 52zm-105 48q-10 0-17-7t-7-17q0-10 7-17t17-7q10 0 17 7t7 17q0 10-7 17t-17 7zm-24-129v37q-15 5-27 17t-17 27h-37q6-30 29-52t52-29zm-81 129h37q5 15 17 27t27 17v37q-30-6-52-28t-29-53zm129 81v-37q15-5 27-17t17-27h37q-6 30-28 53t-53 28z\"></path> </symbol> <symbol id=\"vjs-icon-mirror1\" viewBox=\"0 0 512 512\"> <path d=\"M426.5 61H451v195h-24.5V61zM61 256h24.5v195H61V256zm122 73h268v48.6H183v61l-85-85.1 85-85.5v61zm146-146H61v-48.6h268v-61l85 85.1-85 85.5v-61z\"></path> </symbol> <symbol id=\"vjs-icon-mirror2\" viewBox=\"0 0 512 512\"> <path d=\"M85.5 61H61v195h24.5V61zM451 256h-24.5v195H451V256zm-122 73H61v48.6h268v61l85-85.1-85-85.5v61zM183 183h268v-48.6H183v-61l-85 85.1 85 85.5v-61z\"></path> </symbol> <symbol id=\"vjs-icon-big-replay\" viewBox=\"0 0 512 512\"> <path d=\"m305 142 33-71 48 130-119 22 29-64c-15-7-32-11-47-11-16 0-40 2-54 8s-39 21-50 31c-12 11-24 29-31 44-6 15-11 37-11 53-1 15 2 29 8 43s16 36 26 48c11 11 28 27 43 34s43 12 58 12c16 0 41-6 55-11a134 134 0 0 0 71-68l18 9a153 153 0 0 1-87 81A158 158 0 0 1 83 281a154 154 0 0 1 102-142 158 158 0 0 1 120 3z\"></path> </symbol> <symbol id=\"vjs-icon-brightness\" viewBox=\"0 0 512 512\"> <path d=\"M250-13c-4 2-8 7-9 10a667 667 0 0 0 2 75c4 6 7 7 13 7s10-1 13-7c2-2 2-3 2-39s0-38-2-40l-4-5c-3-2-11-3-15-1zM85 55c-5 1-9 6-10 11-3 8-2 10 26 37 21 21 26 26 29 27 11 3 22-8 19-19-1-4-5-9-25-29-28-28-30-29-39-27zm332 1c-3 1-13 11-29 26-20 21-24 25-25 29-3 11 8 22 19 19 4-1 9-6 29-26 26-26 28-29 27-36-2-10-12-16-21-12zm-175 56c-20 2-39 9-56 21-10 6-27 24-34 33-9 14-16 30-19 46a123 123 0 0 0 35 113 123 123 0 0 0 177 0 123 123 0 0 0 0-177c-19-18-38-29-62-34-8-2-33-3-41-2zm37 33c18 5 31 13 44 26a92 92 0 0 1 0 132c-10 9-14 12-25 18-15 7-30 10-47 9-24-1-43-10-61-27a92 92 0 0 1-26-45c-2-10-2-33 0-42 5-18 13-32 25-45a91 91 0 0 1 90-26zM14 222c-6 3-10 11-9 18 1 5 6 10 11 11l38 1c34 0 35 0 38-2 5-4 7-7 7-13s-2-10-7-14c-3-2-4-2-39-2l-39 1zm408 0c-6 3-10 11-8 18 0 5 5 10 10 11l38 1c34 0 36 0 38-2 5-4 7-7 7-13s-2-10-7-14c-2-2-4-2-39-2l-39 1zM129 344c-3 1-10 7-28 26-21 21-25 26-26 29-4 11 7 22 19 19 3-1 8-6 29-26 21-21 25-26 26-29 3-12-8-23-20-19zm244 0c-7 3-12 11-10 19 1 3 6 8 25 28 27 26 30 29 37 28 5-1 11-7 13-12 2-8 1-10-26-36l-26-26c-4-2-8-2-13-1zm-123 51c-4 2-8 7-9 11v37c0 33 0 35 2 38 4 5 7 6 13 6s10-1 13-6c2-3 2-4 2-40s0-38-2-40l-4-5c-3-2-11-3-15-1z\"></path> </symbol> <symbol id=\"vjs-icon-saturation\" viewBox=\"0 0 512 512\"> <path d=\"M256-14.4a250.9 250.9 0 1 0 0 501.8 250.9 250.9 0 0 0 0-501.8zm0 27.5c115.5 0 221.3 107 221.3 222.4 0 0-43-19.9-116.8-19.9-62.3 0-104.5 20.9-104.5 20.9s-63.1 20.9-104.6 20.9c-73.1 0-116.7-25-116.7-25C34.7 116.9 140.5 13.1 256 13.1z\"></path> </symbol> <symbol id=\"vjs-icon-contrast\" viewBox=\"0 0 512 512\"> <path d=\"M256 487.4a250.9 250.9 0 1 1 0-501.8 250.9 250.9 0 0 1 0 501.8zm7.2-466.7c-107.8.5-224 91.4-224 214.8 0 104 114 216.8 217.8 217.8 107 1 220.8-111 218.9-215.8-1.9-103-103.5-217.3-212.7-216.8zM256 393.3V79.7a156.8 156.8 0 1 1 0 313.6z\"></path> </symbol> <symbol id=\"vjs-icon-filters\" viewBox=\"0 0 512 512\"> <path d=\"M341.3 391.7H512v28.5H341.3zm-113.7 0H0v28.5h227.6v85.3H256V334.8h-28.4zm85.3-227.5h28.4V-6.5H313v56.9H0v28.4h312.9zM426.7 50.4v28.4H512V50.4zM85.3 334.8h28.5V164.2H85.3V221H0v28.4h85.3zm113.8-85.3H512v-28.4H199.1zM341.3 420H512v28.4H341.3zm-85.7 0H0v28.4h255.6v57.1H284V334.8h-28.4zm85.3-255.8h28.5V-6.5h-28.5v85.1H0v28.5h341zm85.8-85.6v28.5H512V78.6zm-313.3 256h28.4V164.2h-28.4v85H0v28.5h113.4zm85.7-56.9H512v-28.4H199.1z\"></path> </symbol> <symbol id=\"vjs-icon-related\" viewBox=\"0 0 512 512\"> <path d=\"M145.5 376v55q0 11.5-8.3 19.5t-19.2 8H25.5q-11.5 0-19.5-8T-2 431v-55q0-11.5 8-19.8t19.5-8.2H118q11 0 19.3 8.3t8.2 19.7zm0-147.5v55q0 11.5-8.3 19.8t-19.2 8.2H25.5q-11.5 0-19.5-8.3t-8-19.7v-55q0-11.5 8-19.8t19.5-8.2H118q11 0 19.3 8.3t8.2 19.7zm184 147.5v55q0 11.5-8 19.5t-19.5 8h-92q-11.5 0-19.5-8t-8-19.5v-55q0-11.5 8-19.8T210 348h92q11.5 0 19.5 8.3t8 19.7zm-184-295v55q0 11.5-8.3 19.8T118 164H25.5Q14 164 6 155.7T-2 136V81q0-11.5 8-19.5t19.5-8H118q11 0 19.3 8t8.2 19.5zm184 147.5v55q0 11.5-8 19.8t-19.5 8.2h-92q-11.5 0-19.5-8.3t-8-19.7v-55q0-11.5 8-19.8t19.5-8.2h92q11.5 0 19.5 8.3t8 19.7zM514 376v55q0 11.5-8 19.5t-19.5 8H394q-11 0-19.3-8t-8.2-19.5v-55q0-11.5 8.3-19.8T394 348h92.5q11.5 0 19.5 8.3t8 19.7zM329.5 81v55q0 11.5-8 19.8T302 164h-92q-11.5 0-19.5-8.3t-8-19.7V81q0-11.5 8-19.5t19.5-8h92q11.5 0 19.5 8t8 19.5zM514 228.5v55q0 11.5-8 19.8t-19.5 8.2H394q-11 0-19.3-8.3t-8.2-19.7v-55q0-11.5 8.3-19.8t19.2-8.2h92.5q11.5 0 19.5 8.3t8 19.7zM514 81v55q0 11.5-8 19.8t-19.5 8.2H394q-11 0-19.3-8.3t-8.2-19.7V81q0-11.5 8.3-19.5t19.2-8h92.5q11.5 0 19.5 8t8 19.5z\"></path> </symbol> <symbol id=\"vjs-icon-cancel\" viewBox=\"0 0 410 512\"> <path d=\"M377 361q0 12-8 20l-39 39q-9 8-20 8t-20-8l-85-85-85 85q-8 8-20 8t-20-8l-39-39q-8-8-8-20t8-20l85-85-85-85q-8-8-8-20t8-19l39-40q9-8 20-8t20 8l85 85 85-85q8-8 20-8t20 8l39 40q8 8 8 19t-8 20l-85 85 85 85q8 9 8 20z\"></path> </symbol> <symbol id=\"vjs-icon-help\" viewBox=\"0 0 445 512\"> <path d=\"M259.5 395v-55.5q0-4.5-2.5-7t-6.5-2.5h-56q-4 0-6.5 2.5t-2.5 7V395q0 4 2.5 6.5t6.5 2.5h56q4 0 6.5-2.5t2.5-6.5zm74-194.5q0-25.5-16-47-16-22-40-33.5-24-12-49-12-70.5 0-107.5 61.5-4.5 7 2.5 12l38 29q2 2 5.5 2 4.5 0 7-3.5 15.5-20 25-26.5 10-7 25-7 14 0 24.5 7.5 11 7.5 11 17 0 11-6 17.5-5.5 6.5-19.5 13-18 8-33.5 25-15 17-15 36.5v10q0 4.5 2.5 7t7 2.5h55.5q4 0 6.5-2.5t2.5-7q0-5 6-14 6.5-9 16-14.5 9-5 14-8t13.5-10q8.5-7.5 13-14 4.5-7 8-17.5 3.5-11 3.5-23.5zm111 55.5q0 60.5-30 111.5-29.5 51-80.5 80.5-51 30-111.5 30T111 448q-51-29.5-80.5-80.5-30-51-30-111.5t30-111.5Q60 93.5 111 64q51-30 111.5-30T334 64q51 29.5 80.5 80.5 30 51 30 111.5z\"></path> </symbol> <symbol id=\"vjs-icon-info\" viewBox=\"0 0 445 512\"> <path d=\"M296.5 395v-46.5q0-4-2.5-6.5t-6.5-2.5h-28V191q0-4-2.5-6.5t-6.5-2.5h-93q-4 0-6.5 2.5t-2.5 6.5v46.5q0 4 2.5 6.5t6.5 2.5h28v93h-28q-4 0-6.5 2.5t-2.5 6.5V395q0 4 2.5 6.5t6.5 2.5h130q4 0 6.5-2.5t2.5-6.5zm-37-259.5v-46q0-4-2.5-6.5-2.5-3-6.5-3h-56q-4 0-6.5 3-2.5 2.5-2.5 6.5v46q0 4.5 2.5 7t6.5 2.5h56q4 0 6.5-2.5t2.5-7zm185 120.5q0 60.5-30 111.5-29.5 51-80.5 80.5-51 30-111.5 30T111 448q-51-29.5-80.5-80.5-30-51-30-111.5t30-111.5Q60 93.5 111 64q51-30 111.5-30T334 64q51 29.5 80.5 80.5 30 51 30 111.5z\"></path> </symbol><symbol id=\"vjs-icon-twitter\" viewBox=\"0 0 512 512\"> <path d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l165-188.5L26.7 48h145.6l100.5 133zm-24.8 373.8h39.1L151.1 88h-42z\"/></symbol><symbol id=\"vjs-icon-facebook\" viewBox=\"0 0 446 512\"> <path d=\"M362 33.5q34.5 0 59 24.5t24.5 59v278q0 34.5-24.5 59t-59 24.5h-54.5V306H365l9-67h-66.5v-43q0-16 7-24.5 6.5-8 26.5-8h35v-60q-18-3-51.5-3-39 0-63 23.5-23.5 23-23.5 65.5V239h-58v67h58v172.5H84q-34.5 0-59-24.5T.5 395V117Q.5 82.5 25 58t59-24.5h278z\"></path> </symbol> <symbol id=\"vjs-icon-linkedin\" viewBox=\"0 0 446 512\"> <path d=\"M69 406h67V205H69v201zm71.5-263q-.5-15-10.5-25-10-9.5-27-9.5-16.5 0-27.5 9.5Q65 128 65 143t10.5 25q10 10 26.5 10h.5q17 0 27.5-10t10.5-25zM310 406h67V291q0-45-21.5-67.5-21-23-55.5-23-39.5 0-61 34h1V205h-67q1 19 0 201h67V293.5q0-11 2-16 4-10 13-17.5 8.5-7 21.5-7 33.5 0 33.5 45.5V406zm135.5-289v278q0 34.5-24.5 59t-59 24.5H84q-34.5 0-59-24.5T.5 395V117Q.5 82.5 25 58t59-24.5h278q34.5 0 59 24.5t24.5 59z\"></path> </symbol> <symbol id=\"vjs-icon-pinterest\" viewBox=\"0 0 446 512\"> <path d=\"M362 33.5q34.5 0 59 24.5t24.5 59v278q0 34.5-24.5 59t-59 24.5H152q24.5-35.5 31.5-61 2.5-9.5 15-60.5 6.5 11.5 21.5 19.5t32.5 8q52.5 0 85.5-42.5 33.5-43 33.5-108.5 0-24-10.5-47-10-22.5-28-40-17.5-17.5-44-28-26.5-11-57-11-30 0-56.5 8.5-26 8-44 22-18.5 14-31.5 32-13 17.5-19 37-6.5 19-6.5 38.5 0 29.5 11.5 52t34 32q3.5 1 6.5 0 3-1.5 4.5-5.5 3-13 4-18 2-6.5-3-12-14.5-18-14.5-43.5 0-43.5 30-74.5 30-30.5 78.5-30.5 43 0 67 23.5 24.5 23.5 24.5 60.5 0 49-19.5 83t-50.5 34q-17.5 0-28-12.5t-6.5-30q2-10 7.5-26.5 5.5-17 8.5-30 3.5-12.5 3.5-21.5 0-14-8-23.5-7.5-9.5-22-9.5-17.5 0-30 16.5-12 16.5-12 40.5 0 21 7 35L139 405q-7 29-2 73.5H84q-34.5 0-59-24.5T.5 395V117Q.5 82.5 25 58t59-24.5h278z\"></path> </symbol> <symbol id=\"vjs-icon-play\" viewBox=\"0 0 512 512\"> <path d=\"M137 104.5v303L375 256z\"></path> </symbol> <symbol id=\"vjs-icon-pause\" viewBox=\"0 0 512 512\"> <path d=\"M126 407.5h86.5v-303H126v303zm173.5-303v303H386v-303h-86.5z\"></path> </symbol> <symbol id=\"vjs-icon-mute\" viewBox=\"0 0 512 512\"> <path d=\"M349.5 272q0-27.3-14.4-49.6t-37.4-33.8V234l50.8 51.3q.5-3.3.8-6.7t.2-6.7zm51.8 0q0 14.4-3.1 28.3t-8.4 26.4l31.6 31.6q10-19.7 15.6-41.2t5.5-45.1q0-33-11-63.3-11-29.7-30.5-53.7t-45.8-40.7q-26.8-17.3-57.5-24V133q22 6.7 41.2 20.1 19.2 13 32.9 31.4t21.8 40.5q7.7 22.5 7.7 47zM95.9 85.5l-26.4 26.4 97.8 97.8H69.5v124.6h83L256 438V298.4l88.2 88.2q-10.5 8.1-22.3 14.4t-24.2 10v43.2q21.1-5.3 40.5-14.9t35.7-23l42.2 42.2 26.4-26.4L95.9 85.5zM256 106.1l-43.1 43.2 43.1 43.6V106z\"></path> </symbol> <symbol id=\"vjs-icon-volume3\" viewBox=\"0 0 512 512\"> <path d=\"M69.7 209.7v124.6h82.9L256 437.7V106.3L152.6 209.7H69.7zM349.4 272q0-27.3-14.4-49.6t-37.3-33.7v166.6q23-11.5 37.3-33.7t14.4-49.6zM297.7 90.5v42.6q22 6.7 41.1 20.1 19.2 13 32.9 31.4t21.7 40.5q7.7 22.5 7.7 46.9t-7.7 47q-8.1 22-21.7 40.4t-32.9 31.4q-19.1 13.4-41.1 20v42.7q30.6-6.7 57.4-23.5 26.4-17.2 45.8-41.2t30.4-53.6 11-63.2-11-63.2-30.4-53.7T355 114q-26.8-16.8-57.4-23.5z\"></path> </symbol> <symbol id=\"vjs-icon-fullscreen\" viewBox=\"0 0 512 512\"> <path d=\"M133.7 314.3H84.5v122.3h122.3v-49.3h-73v-73zm-49.2-98.5h49.2v-73h73V93.6H84.6v122.2zm293.8 171.5h-73v49.3h122.2V314.3h-49.2v73zm-73-293.7v49.2h73v73h49.2V93.6H305.2z\"></path> </symbol> <symbol id=\"vjs-icon-fullscreen-back\" viewBox=\"0 0 512 512\"> <path d=\"M84.5 362.7h73.6v73.6h48.7V314.1H84.5v48.6zM158.1 167H84.5v48.7h122.3V93.3H158V167zm147.1 269.4H354v-73.6h73.6v-48.6H305.2v122.2zM354 167V93.3h-48.7v122.3h122.3v-48.7h-73.6z\"></path> </symbol> <symbol id=\"vjs-icon-pip\" viewBox=\"0 0 512 512\"> <path d=\"M407 83H108q-21 0-35.8 12.5T57.5 126v259.5q0 18 14.8 30.8T108 429h299q20.5 0 34-12.8t13.5-30.7V126q0-18-13.5-30.5T407 83zm14.5 308h-325l-1-270h326v270zM264 260.5h133V370H264V260.5z\"></path> </symbol> <symbol id=\"vjs-icon-descriptions\" viewBox=\"0 0 512 512\"> <path d=\"M417 95H95q-16.8 0-28.6 11.9T54.5 135v242q0 16.3 11.9 28.1T95 417h322q16.8 0 28.6-11.9t11.9-28.1V135q0-16.3-11.9-28.1T417 95zM95 256h80.5v40.5H95V256zm201.5 121H95v-40.5h201.5V377zm120.5 0h-80.5v-40.5H417V377zm0-80.5H215.5V256H417v40.5z\"></path> </symbol> <symbol id=\"vjs-icon-captions\" viewBox=\"0 0 512 512\"> <path d=\"M415 75H97q-18 0-31 13t-13 32v272q0 18 13 32t31 13h318q18 0 31-13t13-32V120q0-18-13-32t-31-13zM234 234h-34v-12h-46v68h46v-12h34v24q0 8-7 15t-17 7h-67q-9 0-16-7t-7-15v-92q0-8 7-15t16-7h67q10 0 17 7t7 15v24zm158 0h-34v-12h-46v68h46v-12h34v24q0 8-7 15t-16 7h-67q-10 0-17-7t-7-15v-92q0-8 7-15t17-7h67q9 0 16 7t7 15v24z\"></path> </symbol> <symbol id=\"vjs-icon-chapters\" viewBox=\"0 0 512 512\"> <path d=\"M54 278h45v-44H54v44zm0 90h45v-45H54v45zm0-179h45v-45H54v45zm90 89h314v-44H144v44zm0 90h314v-45H144v45zm0-224v45h314v-45H144z\"></path> </symbol> <symbol id=\"vjs-icon-settings\" viewBox=\"0 0 512 512\"> <path d=\"M398 267a150 150 0 0 0 0-38l40-31c4-3 5-8 3-12l-39-67c-2-4-7-5-11-4l-48 19c-10-7-20-13-32-18l-7-51c-1-4-5-8-10-8h-76c-5 0-9 4-10 8l-7 51c-12 5-22 11-32 18l-48-19c-4-1-9 0-11 4l-39 67c-2 4-1 9 3 12l40 31a149 149 0 0 0 0 38l-40 31c-4 3-5 8-3 12l39 67c2 4 7 5 11 4l48-19c10 7 20 13 32 18l7 51c1 4 5 8 10 8h76c5 0 9-4 10-8l7-51c11-5 22-11 32-18l48 19c4 1 9 0 11-4l38-67c3-4 2-9-2-12l-40-31zm-142 48a67 67 0 1 1 0-134 67 67 0 0 1 0 134z\"></path> </symbol> <symbol id=\"vjs-icon-close\" viewBox=\"0 0 512 512\"> <path d=\"M256 40q-45 0-84 17t-69 46-46 69q-17 39-17 84t17 84q17 40 46 69t69 47q39 17 84 17t84-17q40-17 69-47t47-69q17-39 17-84t-17-84q-17-39-47-69t-69-46q-39-17-84-17zm108 294-30 30-78-77-77 77-31-30 78-78-78-77 31-31 77 78 78-78 30 31-77 77z\"></path> </symbol> <symbol id=\"vjs-icon-replay\" viewBox=\"0 0 512 512\"> <path d=\"M256 126V39.5L148 148l108 108v-86.5q27 0 50.5 10 23.5 10.5 41.3 28t27.7 41q10.5 24 10.5 51 0 26.5-10.5 50.5-10 23.5-27.8 41t-41.2 28Q283 429 256 429t-50.5-10q-23.5-10.5-41.3-28t-27.7-41Q126 326 126 299.5H83q0 35.5 13.5 67t37 55 55 37q31.5 14 67.5 14t67.5-14q31.5-13.5 55-37t37-55 13.5-67q0-36-13.5-67.5t-37-55-55-37Q292 126 256 126z\"></path> </symbol> <symbol id=\"vjs-icon-audio\" viewBox=\"0 0 512 512\"> <path d=\"M256 75q-35 0-67 13-31 14-55 37t-37 55q-13 31-13 66v134q0 24 17 41t41 17h57V284h-77v-38q0-27 11-52t29-42 42-29 52-10 52 10 42 29 29 42 11 52v38h-77v154h57q24 0 41-17t17-41V246q0-35-13-66-14-32-37-55t-55-37q-32-13-67-13z\"></path> </symbol> <symbol id=\"vjs-icon-forward5\" viewBox=\"0 0 512 512\"> <path d=\"m284.6 376 28-2.8q1.2 9.1 7.1 14.5 6 5.2 13.6 5.2 8.9 0 15-6.8 6-6.9 6-20.7 0-13-6-19.3-6-6.6-15.8-6.6-12 0-21.7 10.3l-22.8-3.2 14.4-73.1h74.4v25.2h-53l-4.5 23.9q9.4-4.5 19.3-4.5 18.7 0 31.7 13t13 33.8q0 17.4-10.5 31-14.3 18.6-39.8 18.6-20.3 0-33.1-10.4T284.5 376zM63.9 148.3v256c0 2.5 1 4.8 2.9 6.7s4.3 2.8 7.1 2.8h127.8v-39h-98.2v-197h236v39.6c0 5.4 1.6 9 5 10.5s7.2 1 11.6-1.9l85.3-57.2c2.9-1.3 4.9-3.5 6-6.7s.9-6.3-.7-9.5c-.6-1.3-1.4-2.4-2.4-3.3s-1.9-1.6-2.9-2l-85.3-57.1c-4.4-2.9-8.3-3.5-11.7-1.7s-5 5.3-5 10.7v39.1H74c-2.8 0-5.2 1-7.1 3.1s-2.9 4.4-2.9 7z\"></path> </symbol> <symbol id=\"vjs-icon-forward10\" viewBox=\"0 0 512 512\"> <path d=\"M64 148.4v256q0 3.8 2.8 6.7t7.1 2.8h127.8v-39h-98.2v-197h236v39.6q0 8.1 5 10.5t11.6-1.9l85.3-57.2q4.3-1.9 6-6.7t-.7-9.5q-1-1.9-2.4-3.3t-2.9-2l-85.3-57.1q-6.7-4.3-11.7-1.7t-5 10.7v39.1H74q-4.3 0-7.1 3.1t-2.9 7zm329.8 149.2q-5.7-9.5-15.3-15.2t-20.5-6.2q-11.4.4-21 6.2t-15.2 15.2q-13.4 22-13.4 47.4t13.4 47.5q5.7 9.5 15.2 15.2t21 6.2q11-.5 20.5-6.2t15.3-15.2q13.3-22 13.3-47.5t-13.3-47.4zM358 394.4q-12.4 0-21-14.6t-8.5-35q0-20 8.5-34.6t21-14.5q11.5 0 20.3 14.5t8.8 34.6q0 20.5-8.6 35T358 394.4zM269 413.9V310l-9.5 9.5-13.9-13.8 26.7-26.2q4.3-4.8 10.5-2.4t6.2 9v128.3z\"></path> </symbol> <symbol id=\"vjs-icon-forward20\" viewBox=\"0 0 512 512\"> <path d=\"M63.9 148.6v256c0 2.5 1 4.7 2.8 6.6s4.3 2.9 7.2 2.9h127.8v-39.6h-98.2V178.1h236v39.1c0 5.4 1.6 9 5 10.7s7.2 1.2 11.6-1.6l85.3-57.2c2-1 3.5-2.4 4.8-4.3a11.5 11.5 0 0 0 .5-12c-.7-1.2-1.4-2.3-2.2-3.3s-1.8-1.7-3-2.4L356 90.4c-4.4-3.2-8.3-3.9-11.7-2.1s-5 5.3-5 10.7v39.5H74a9.7 9.7 0 0 0-10 10zm271.6 239v24.7H246q1.4-14 8.7-26.5 7.3-12.6 28.7-33.3 17.3-16.8 21.2-22.7 5.3-8.3 5.3-16.3 0-8.9-4.6-13.6-4.6-4.9-12.7-4.9-8 0-12.7 5t-5.5 16.7l-25.4-2.6q2.3-22 14.3-31.6t30-9.5q19.7 0 31 11t11.2 27.6q0 9.4-3.3 17.9-3.1 8.4-10.1 17.7-4.7 6.1-16.8 17.7T290 380.2q-3.2 3.8-5.2 7.4zM396 273q19.4 0 30.3 14.4 13 17 13 56.5 0 39.4-13 56.6-10.9 14.2-30.3 14.2t-31.3-15.5q-12-15.7-12-55.6 0-39.2 13.2-56.4Q376.7 273 396 273zm0 22q-4.6 0-8.2 3.2-3.7 3-5.7 11-2.6 10.3-2.6 34.7t2.4 33.6q2.3 9 5.9 12 3.6 3.1 8.2 3.1t8.3-3q3.7-3.1 5.7-11 2.6-10.3 2.6-34.7t-2.4-33.5q-2.3-9.2-6-12.2-3.5-3.2-8.2-3.2z\"></path> </symbol> <symbol id=\"vjs-icon-forward30\" viewBox=\"0 0 512 512\"> <path d=\"M63.9 148.6v256c0 2.5 1 4.7 2.8 6.6s4.3 2.9 7.2 2.9h127.8v-39.6h-98.2V178.1h236v39.1c0 5.4 1.6 9 5 10.7s7.2 1.2 11.6-1.6l85.3-57.2c2-1 3.5-2.4 4.8-4.3a11.5 11.5 0 0 0 .5-12c-.7-1.2-1.4-2.3-2.2-3.3s-1.8-1.7-3-2.4L356 90.4c-4.4-3.2-8.3-3.9-11.7-2.1s-5 5.3-5 10.7v39.5H74a9.7 9.7 0 0 0-10 10zm184.5 226.9 24.7-3.1q1.2 9.8 6.3 15t12.6 5.2q7.9 0 13.3-6.2 5.4-6.3 5.4-16.9 0-10-5.2-15.9t-12.6-5.8q-5 0-11.7 2L284 328q10.3.3 15.8-4.7t5.5-13.2q0-7-4-11.2t-10.7-4.1q-6.5 0-11.2 4.7t-5.6 13.8l-23.5-4.2q2.4-12.5 7.3-20 5-7.6 13.8-11.9 9-4.3 20-4.3 18.8 0 30.1 12.5 9.4 10.2 9.4 23 0 18.3-19.2 29.2 11.5 2.6 18.3 11.5 6.9 8.9 6.9 21.5 0 18.2-12.8 31.1t-32 12.9q-18 0-30-10.8-11.8-10.9-13.7-28.4zM396 273q19.4 0 30.3 14.4 13 17 13 56.5 0 39.4-13 56.6-10.9 14.2-30.3 14.2t-31.3-15.5q-12-15.7-12-55.6 0-39.2 13.2-56.4Q376.7 273 396 273zm0 22q-4.6 0-8.2 3.2-3.7 3-5.7 11-2.6 10.3-2.6 34.7t2.4 33.6q2.3 9 5.9 12 3.6 3.1 8.2 3.1t8.3-3q3.7-3.1 5.7-11 2.6-10.3 2.6-34.7t-2.4-33.5q-2.3-9.2-6-12.2-3.5-3.2-8.2-3.2z\"></path> </symbol> <symbol id=\"vjs-icon-rewind5\" viewBox=\"0 0 512 512\"> <path d=\"m111.3 375.5 28-2.8q1.2 9.1 7.1 14.5 6 5.3 13.6 5.3 8.9 0 15-6.9 6-6.9 6-20.7 0-12.9-6-19.3-6-6.5-15.8-6.5-12 0-21.7 10.2l-22.8-3.1L129 273h74.4v25.2h-53l-4.5 23.9q9.4-4.5 19.2-4.5 18.8 0 31.8 13t13 33.9q0 17.3-10.5 31-14.3 18.5-39.8 18.5-20.3 0-33.1-10.4t-15.3-28.1zM448 148.7v256c0 2.5-1 4.7-2.9 6.6s-4.3 2.8-7.1 2.8H310.3v-39h98.2V178.2h-236v39.6c0 5.4-1.6 8.9-5 10.5s-7.2 1-11.6-2l-85.3-57.1c-2.9-1.3-4.9-3.5-6-6.7s-.9-6.4.7-9.5c.7-1.3 1.5-2.4 2.4-3.4s2-1.6 2.9-1.9l85.3-57.2c4.4-2.8 8.3-3.4 11.7-1.7s5 5.4 5 10.8v39H438c2.8 0 5.2 1 7.1 3.2s2.9 4.3 2.9 6.9z\"></path> </symbol> <symbol id=\"vjs-icon-rewind10\" viewBox=\"0 0 512 512\"> <path d=\"M242.2 298.3q-5.7-9.5-15.3-15.5t-21-6.4q-11.4.4-21 6.4t-15.2 15v.5q-6.2 10-9.8 22.2t-3.5 25 3.5 25 10.3 22.7l-.5-.5q5.7 9.5 15.3 15.5t21 6.4q11.4-.5 21-6.4t14.7-15l.5-.5q6.2-10 9.5-22.2t3.3-25-3.3-25-10-22.7l.5.5zm-36.3 96.3q-11.9 0-20.7-14.5t-8.8-34.6 8.8-34.6 20.7-14.5 20.8 14.5 8.8 34.6-8.8 34.6-20.8 14.5zm-88.6 20V310.2l-10 10-13.9-13.8 26.7-26.7q1.5-1.4 3.1-2.1t4-.8q4 0 6.8 3t2.8 6.6v128.2h-19.5zm330.8-266v256q0 3.8-2.9 6.7t-7.1 2.8H310.3v-39.5h98.2V178.2h-236v39q0 8.2-5 10.8t-11.6-1.7l-85.3-57.2q-2.9-1.4-4.8-4.3t-2-6.6q0-1.5.6-3t1-2.3q.9-1.9 2-3.3t3.2-2.4l85.3-56.7q6.7-4.8 11.7-2.2t5 10.7v39.6H438q4.3 0 7.1 2.9t3 7.1z\"></path> </symbol> <symbol id=\"vjs-icon-rewind20\" viewBox=\"0 0 512 512\"> <path d=\"M448.1 148v256c0 2.6-1 4.9-2.8 6.8s-4.3 2.8-7.2 2.8H310.4v-39.5h98.2V177.6h-236v39.1c0 5.4-1.7 9-5 10.7s-7.3 1.2-11.7-1.6l-85.4-57.2a12.3 12.3 0 0 1-6.7-11c0-1 .2-2 .5-2.9a18.9 18.9 0 0 1 3.1-5.7c.8-1 1.9-1.7 3.1-2.4L156 90c4.4-3.2 8.3-3.9 11.7-2.2s5 5.4 5 10.8V138H438c2.9 0 5.3 1 7.2 3s2.8 4.2 2.8 7zm-287 240.1v24.7H71.4q1.4-14 8.7-26.5 7.3-12.6 28.7-33.3 17.3-16.8 21.2-22.7 5.3-8.3 5.3-16.3 0-9-4.6-13.7-4.6-4.8-12.7-4.8-8 0-12.7 5t-5.5 16.7l-25.4-2.7q2.3-22 14.3-31.5t30-9.5q19.7 0 31 11t11.2 27.6q0 9.4-3.2 17.9-3.2 8.4-10.2 17.7-4.7 6.1-16.8 17.7t-15.3 15.3q-3.2 3.8-5.2 7.4zm60.5-114.6q19.3 0 30.2 14.4 13 17 13 56.5 0 39.3-13 56.6-10.9 14.2-30.2 14.2-19.5 0-31.4-15.5-11.9-15.7-11.9-55.6 0-39.2 13-56.4 10.9-14.2 30.3-14.2zm0 22q-4.7 0-8.3 3.1-3.6 3-5.6 11-2.7 10.3-2.7 34.8t2.4 33.6q2.4 9 5.9 12 3.6 3.1 8.3 3.1t8.2-3q3.7-3.1 5.7-11 2.6-10.3 2.6-34.7t-2.4-33.5q-2.3-9.2-6-12.3-3.5-3-8.1-3z\"></path> </symbol> <symbol id=\"vjs-icon-rewind30\" viewBox=\"0 0 512 512\"> <path d=\"M448.1 148v256c0 2.6-1 4.9-2.8 6.8s-4.3 2.8-7.2 2.8H310.4v-39.5h98.2V177.6h-236v39.1c0 5.4-1.7 9-5 10.7s-7.3 1.2-11.7-1.6l-85.4-57.2a12.3 12.3 0 0 1-6.7-11c0-1 .2-2 .5-2.9a18.9 18.9 0 0 1 3.1-5.7c.8-1 1.9-1.7 3.1-2.4L156 90c4.4-3.2 8.3-3.9 11.7-2.2s5 5.4 5 10.8V138H438c2.9 0 5.3 1 7.2 3s2.8 4.2 2.8 7zM74 376l24.7-3.1q1.2 9.8 6.3 15t12.6 5.2q7.9 0 13.3-6.2 5.4-6.3 5.4-16.9 0-10-5.2-15.9t-12.6-5.9q-5 0-11.7 2l2.8-21.6q10.3.2 15.8-4.7 5.5-5 5.5-13.2 0-7-4-11.2t-10.7-4.2q-6.5 0-11.2 4.8t-5.6 13.8l-23.5-4.2q2.4-12.6 7.3-20 5-7.6 13.8-11.9 9-4.3 20-4.3 18.8 0 30.1 12.5 9.4 10.2 9.4 23 0 18.3-19.2 29.2 11.5 2.6 18.3 11.5 6.9 8.9 6.9 21.5 0 18.2-12.8 31.1t-32 12.9q-18 0-30-10.8Q75.9 393.5 74 376zm147.7-102.5q19.3 0 30.2 14.4 13 17 13 56.5 0 39.3-13 56.6-10.9 14.2-30.2 14.2-19.5 0-31.4-15.5-11.9-15.7-11.9-55.6 0-39.2 13-56.4 10.9-14.2 30.3-14.2zm0 22q-4.7 0-8.3 3.1-3.6 3-5.6 11-2.7 10.3-2.7 34.8t2.4 33.6q2.4 9 5.9 12 3.6 3.1 8.3 3.1t8.2-3q3.7-3.1 5.7-11 2.6-10.3 2.6-34.7t-2.4-33.5q-2.3-9.2-6-12.3-3.5-3-8.1-3z\"></path> </symbol> <symbol id=\"vjs-icon-playlist\" viewBox=\"0 0 512 512\"> <path d=\"M47.1 172.5h334.2v55.7H47.1v-55.7zm0-111.4h334.2v55.7H47.1V61zm0 222.7H270v55.7H47.1v-55.7zm278.5 0V451L465 367.4z\"></path> </symbol> <symbol id=\"vjs-icon-big-play\" viewBox=\"0 0 512 512\"> <path d=\"M169 105v303l238-152z\"></path> </symbol> </defs> </svg>"
}

.vjs-svg-icon {
    fill: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 1.8em;
    height: 1.8em;
    margin: 0 auto;
    display: flex
}

.vjs-svg-icon:before {
    content: none !important
}

.vjs-1600 .vjs-control-bar .vjs-control .vjs-svg-icon {
    width: 30px;
    height: 30px
}

.vjs-playback-rate {
    display: none
}

.no-select, .video-js {
    -webkit-user-select: none
}

.fs-hidden {
    visibility: hidden;
    width: 0 !important
}

.no-select, .video-js, .video-js .vjs-progress-holder {
    -webkit-touch-callout: none;
    -khtml-user-select: none
}

.vjs-audio-info .vjs-audio-item, .vjs-chapter {
    white-space: nowrap;
    text-overflow: ellipsis
}

.video-js .vjs-limit a, .video-js button, .vjs-context-menu li a, .vjs-info a, .vjs-logo-bar a {
    text-decoration: none
}

.video-js:active, .video-js:focus {
    -moz-outline-style: none;
    border: 0;
    outline: 0
}

.video-js::-moz-focus-inner {
    -moz-outline-style: none;
    border: 0;
    outline: 0
}

*, :before, :after {
    box-sizing: border-box
}

.no-select {
    user-select: none
}

.vjs-skin {
    visibility: hidden;
    height: 0
}

.vjs-skin:before {
    content: "mockup"
}

.video-js button {
    -moz-appearance: none;
    color: #fff;
    text-transform: none;
    cursor: pointer;
    background: 0 0;
    border: 0;
    width: 30px;
    display: inline-block;
    overflow: visible
}

.video-js .vjs-button {
    cursor: pointer;
    vertical-align: middle;
    background-color: #0000;
    border: 0;
    width: 38px
}

.video-js {
    box-sizing: border-box;
    color: #fff;
    user-select: none;
    background-color: #000;
    outline: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: normal;
    display: block;
    position: relative;
    overflow: hidden
}

.video-js .disabled {
    pointer-events: none
}

.video-js .vjs-cend {
    z-index: 122;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #666 #999;
    background-color: #2b3544;
    background-image: linear-gradient(360deg, #2b3544 0%, #293556 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto
}

.video-js .vjs-cend .cend-inner {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 20px;
    display: table
}

.video-js .vjs-cend::-webkit-scrollbar {
    background: #666;
    width: 8px
}

.video-js .vjs-cend::-webkit-scrollbar-thumb {
    background: #9999
}

.video-js .vjs-cend::-webkit-scrollbar-thumb:hover {
    background: #ccc
}

.video-js .vjs-auto-mute {
    cursor: pointer;
    background: #c00;
    border: 0;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    margin-top: -45px;
    margin-left: -45px;
    display: table;
    position: absolute;
    top: 50%;
    left: 50%
}

.video-js .vjs-auto-mute .vjs-svg-icon {
    fill: #f0f0f0;
    width: 60px;
    height: 60px
}

.vjs-640 .vjs-auto-mute, .vjs-480 .vjs-auto-mute {
    border: 3px solid #f0f0f0;
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px
}

.vjs-640 .vjs-auto-mute .vjs-svg-icon, .vjs-480 .vjs-auto-mute .vjs-svg-icon {
    width: 50px;
    height: 50px
}

.vjs-touch-active .vjs-auto-mute, .vjs-waiting .vjs-auto-mute, .vjs-seeking .vjs-auto-mute {
    display: none
}

.vjs-brightness {
    opacity: 0;
    width: 50px;
    height: 35%;
    max-height: 250px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.vjs-ad-playing .vjs-brightness, .vjs-ended .vjs-brightness {
    opacity: 0;
    pointer-events: none
}

.vjs-480 .vjs-brightness {
    display: none
}

.vjs-has-started.vjs-touch-active .vjs-brightness {
    opacity: 1;
    pointer-events: auto;
    z-index: 99
}

.vjs-brightness .vjs-svg-icon {
    fill: #fff;
    margin-top: -35px
}

.vjs-brightness .vjs-brightness-bar {
    width: 100%;
    height: 100%
}

.vjs-brightness .vjs-brightness-bar .bar {
    background-color: #888;
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

.vjs-brightness .vjs-brightness-bar .bar-level {
    pointer-events: none;
    background-color: #fff;
    width: 4px;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

.video-js .vjs-filters {
    background: #00000080;
    border-radius: 6px;
    width: 80%;
    max-width: 320px;
    padding: 10px 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.vjs-ad-playing .vjs-filters, .vjs-ended .vjs-filters {
    display: none
}

.video-js .vjs-filters .vjs-filter-body {
    color: #fff;
    cursor: pointer;
    width: 100%;
    height: 44px;
    padding-left: 40px;
    font-family: nuevo;
    font-size: 20px;
    font-style: normal;
    display: table;
    position: relative
}

.video-js .vjs-filters .vjs-filter-body .vjs-svg-icon {
    fill: #fff;
    width: 20px;
    height: 44px;
    position: absolute;
    left: 0
}

.video-js .vjs-filter-brightness .vjs-icon-placeholder:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0
}

.video-js .vjs-filter-saturation .vjs-icon-placeholder:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0
}

.video-js .vjs-filter-contrast .vjs-icon-placeholder:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0
}

.video-js .vjs-filters .vjs-filter-bar {
    pointer-events: none;
    background: #888;
    width: 100%;
    height: 4px;
    margin-top: 20px;
    position: relative
}

.video-js .vjs-filters .vjs-filter-bar .vjs-filter-level {
    pointer-events: none;
    background: #fff;
    width: 50%;
    height: 100%
}

.video-js .vjs-filters .filter-btn {
    float: right;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    background: #c00;
    border: 1px solid #c00;
    width: auto;
    margin-top: 4px;
    padding: 2px 5px;
    font-size: 12px;
    display: inline-block
}

.video-js .vjs-filters .filter-reset {
    float: left
}

.vjs-has-mouse .vjs-filters .filter-btn:hover {
    color: #222;
    background: #e5e5e5;
    border: 1px solid #e5e5e5
}

.video-js .vjs-filters .filter-tip {
    opacity: 0;
    pointer-events: none;
    font-family: Arial;
    font-size: 12px;
    position: absolute;
    top: -22px
}

.video-js .vjs-filters .tip-show {
    opacity: 1
}

.video-js .vjs-playlist-button, .video-js .vjs-vplaylist {
    z-index: 6;
    position: absolute;
    top: 0;
    right: 0
}

.video-js .vjs-picture-in-picture-control, .video-js .vjs-pip-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-playlist-button {
    opacity: .85;
    cursor: pointer;
    z-index: 4;
    background: 0 0;
    border: 2px solid #0000;
    width: 45px;
    height: 45px;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 2px
}

.video-js .vjs-playlist-button .vjs-svg-icon {
    filter: drop-shadow(1px 1px 1px #000c);
    fill: #fff;
    width: 32px;
    height: 32px
}

.vjs-vplaylist {
    background: #282828;
    width: 0;
    height: 100%;
    padding-bottom: 40px;
    transition: width .3s ease-in-out;
    overflow: hidden
}

.vjs-vplaylist-first {
    z-index: 10
}

.vjs-vplaylist-show {
    visibility: visible;
    width: 250px
}

.vjs-vplaylist-horizontal {
    color: #fff;
    width: 100%;
    padding-bottom: 0;
    position: relative
}

.vjs-vplaylist .vjs-head {
    text-align: left;
    background: #c00;
    border-bottom: 1px solid #484848;
    width: 100%;
    padding: 0 3px 0 10px;
    font-size: 13px;
    line-height: 38px
}

.vjs-vplaylist .vjs-head .p-label {
    display: inline-block
}

.vjs-vplaylist .vjs-head .vjs-back {
    float: right;
    cursor: pointer;
    background: 0 0;
    border: 2px solid #0000;
    width: 30px;
    height: 34px;
    margin: 3px 1px 1px;
    line-height: 30px
}

.vjs-vplaylist .vjs-head .vjs-back i {
    border: 3px solid #fff;
    border-width: 0 3px 3px 0;
    padding: 4px;
    display: inline-block;
    transform: rotate(-45deg)
}

.vjs-vplaylist .vjs-head .vjs-back .vdown {
    -webkit-transform: rotate(335deg);
    -webki-transform-origin: center 8px;
    transform-origin: 50% 8px;
    transform: rotate(225deg)
}

.vjs-vplaylist .vjs-head .vjs-back .vup {
    transform-origin: 50%;
    transform: rotate(45deg)
}

.vjs-vplaylist .vjs-vlist {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #666 #444;
    width: 100%;
    height: 100%;
    overflow: hidden auto
}

.vjs-vplaylist .vjs-vlist ul {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: normal;
    list-style: none;
    display: block
}

.vjs-vplaylist .vjs-list-max {
    height: 250px;
    transition: height .3s ease-in-out
}

.vjs-vplaylist .vjs-list-min {
    height: 0
}

.vjs-vplaylist .vjs-vlist .vjs-item {
    cursor: pointer;
    text-align: left;
    border: 1px solid #0000;
    border-bottom-color: #444;
    width: 100%;
    padding: 8px;
    display: table
}

.vjs-vplaylist .vjs-vlist .vjs-item:last-child {
    border: 0
}

.vjs-vplaylist .vjs-vlist::-webkit-scrollbar {
    background: #444;
    width: 8px
}

.vjs-vplaylist .vjs-vlist::-webkit-scrollbar-thumb {
    background: #666
}

.vjs-vplaylist .vjs-vlist .vjs-item .vjs-tmb {
    float: left;
    pointer-events: none;
    background-color: #000;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #444;
    width: 80px;
    height: 45px;
    margin-right: 10px;
    display: inline-block
}

.vjs-vplaylist .vjs-vlist .vjs-item:hover p {
    color: #fff
}

.vjs-vplaylist .vjs-vlist .vjs-item p {
    color: #ccc;
    pointer-events: none;
    min-height: 30px;
    margin: 0;
    padding-right: 6px;
    font-size: 12px;
    overflow: hidden
}

.vjs-vplaylist-horizontal .vjs-vlist .vjs-item p {
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 16px;
    min-height: 0;
    overflow: hidden
}

.vjs-vplaylist-horizontal .vjs-desc {
    color: #999
}

.vjs-vplaylist .vjs-vlist .vjs-item span {
    pointer-events: none;
    margin-top: 3px;
    font-size: 12px
}

.vjs-vplaylist .vjs-vlist .vjs-active-item {
    background-color: #444
}

.vjs-vplaylist .vjs-vlist .vjs-active-item p {
    color: #fff
}

.vjs-vplaylist .vjs-vlist .vjs-active-item .vjs-desc {
    color: #ccc
}

.vjs-lcn {
    visibility: visible
}

.vjs-lcn:after {
    content: "Product not registered";
    text-align: center;
    color: #fff;
    width: 100%;
    font-size: 24px;
    position: absolute;
    bottom: 10px;
    left: 0
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100%;
    height: 100%
}

.video-js .vjs-block {
    display: block
}

.vjs-ad-marker {
    background-color: #fc0;
    width: 4px;
    height: 3px;
    padding: 0;
    position: absolute;
    top: 23px
}

.vjs-marker {
    margin-left: -7px;
    padding: 5px;
    position: absolute;
    bottom: -1px
}

.vjs-ad-playing .vjs-marker {
    display: none
}

.vjs-marker-inn {
    background-color: #a99;
    width: 4px;
    height: 3px
}

.vjs-chapter {
    color: #000;
    opacity: 0;
    pointer-events: none;
    background: #fff;
    border-radius: 6px;
    padding: 4px;
    font-size: 12px;
    transition: opacity .5s;
    position: absolute;
    bottom: 30px;
    overflow: hidden;
    transform: translate(-50%)
}

.vjs-chapter-mix {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    background: 0 0;
    bottom: 15px
}

.video-js .vjs-grid {
    z-index: 97;
    text-align: center;
    background-color: #000000e6;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.video-js .vjs-grid p, .video-js .vjs-sharing-overlay p {
    text-align: center;
    background: #c00;
    outline: 0;
    margin: 0;
    font-size: 15px;
    line-height: 38px
}

.video-js .vjs-related {
    width: 80%;
    max-width: 800px;
    position: absolute;
    left: 10%;
    overflow: hidden
}

.video-js .vjs-scroll {
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll
}

.video-js .vjs-related .rel-block {
    position: absolute;
    top: 0;
    left: 0
}

.video-js .vjs-related .rel-anim {
    -webkit-transition: left .5 ease;
    transition: left .5s
}

.video-js .vjs-related .rel-block .rel-parent {
    padding: 2px;
    position: absolute
}

.video-js .vjs-related .rel-item {
    background-color: #000;
    width: 100%;
    height: 100%
}

.video-js .vjs-related .rel-item:hover .rel-bg {
    opacity: .7
}

.video-js .vjs-related .rel-item a {
    width: 100%;
    height: 100%;
    display: block
}

.video-js .vjs-related .rel-bg {
    opacity: 1;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    transition: opacity .3s;
    display: block
}

.video-js .vjs-related .rel-item .rel-label {
    text-align: left;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-shadow: 1px 1px 1px #000;
    box-sizing: border-box;
    cursor: pointer;
    width: 90%;
    max-height: 2.5em;
    margin: 3% 5%;
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.video-js .vjs-related .rel-block .rel-item i {
    color: #fff;
    background: #00000080;
    margin: 2px;
    padding: 4px;
    font-size: 12px;
    font-style: normal;
    position: absolute;
    bottom: 0;
    right: 0
}

.vjs-grid .vjs-arrow, .vjs-playlist-nav {
    cursor: pointer;
    text-align: center;
    border: 2px solid #0000;
    outline: 0;
    width: 36px;
    display: table;
    position: absolute;
    top: 55%;
    transform: translateY(-55%)
}

.vjs-disabled {
    cursor: none
}

.vjs-grid .vjs-disabled, .vjs-playlist-nav .vjs-disabled {
    opacity: .35;
    cursor: none
}

.vjs-context-menu {
    color: #222;
    white-space: nowrap;
    z-index: 99;
    background: #fff;
    border: 1px solid #dadce0;
    display: inline-block;
    position: absolute;
    box-shadow: 2px 2px 5px #000000bf
}

.vjs-context-menu ul {
    text-align: left;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    list-style: none
}

.vjs-context-menu li {
    cursor: pointer;
    width: 100%;
    padding: 5px 20px
}

.vjs-context-menu li:hover {
    background: #e5e5e5
}

.vjs-context-menu .link {
    border-top: 1px solid #dadce0;
    margin-top: 6px;
    padding-left: 10px
}

.vjs-context-menu .link img {
    vertical-align: middle;
    border: 0;
    max-height: 12px;
    padding-right: 5px
}

.vjs-context-menu li a {
    color: #222;
    font-size: 10px;
    font-weight: 400;
    text-decoration: none
}

.vjs-context-menu li:hover a {
    font-size: 10px
}

.vjs-playlist-nav {
    background: #0003;
    padding: 5px
}

.vjs-nav-prev {
    display: none;
    left: 10px
}

.vjs-nav-next {
    display: none;
    right: 10px
}

.vjs-grid .vjs-arrow .vjs-prev, .vjs-playlist-nav .vjs-prev, .vjs-grid .vjs-arrow .vjs-next, .vjs-playlist-nav .vjs-next {
    font-size: 44px
}

.video-js .vjs-tech, .video-js.vjs-fill {
    outline: 0;
    width: 100%;
    height: 100%
}

.vjs-playlist-nav .vjs-next {
    padding: 0
}

.vjs-has-started.video-js.vjs-user-active .vjs-nav-prev, .vjs-has-started.vjs-user-active .vjs-nav-next {
    display: table
}

.video-js.vjs-16-9, .video-js.vjs-9-16, .video-js.vjs-1-1, .video-js.vjs-4-3, .video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode), .video-js.vjs-16-9:not(.vjs-audio-only-mode), .video-js.vjs-4-3:not(.vjs-audio-only-mode), .video-js.vjs-9-16:not(.vjs-audio-only-mode), .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
    padding-top: 177.778%
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    padding-top: 100%
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

body.vjs-full-window {
    height: 100%;
    margin: 0;
    padding: 0
}

.vjs-full-window, .video-js.vjs-fullscreen {
    z-index: 999999999;
    position: fixed;
    inset: 0;
    overflow: hidden;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.video-js .vjs-close-btn {
    color: #fff;
    cursor: pointer;
    border: 2px solid #0000;
    outline: 0;
    line-height: 1;
    position: absolute;
    top: 6px;
    right: 10px
}

.video-js .vjs-close-btn .vjs-svg-icon {
    fill: #fff;
    width: 24px;
    height: 24px
}

.video-js .vjs-zoom-help {
    color: #fff;
    text-align: center;
    background: #0009;
    min-width: 60%;
    max-width: 95%;
    padding: 10px;
    font-size: 12px;
    line-height: 20px;
    display: table;
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translate(-50%)
}

.vjs-zoom-help .zoom-close {
    cursor: pointer;
    padding: 2px 10px;
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 0
}

.video-js .vjs-zoom-parent {
    background: #222;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 0;
    left: 0
}

.vjs-zoom-parent .vjs-svg-icon {
    fill: #fff;
    width: 18px;
    height: 30px
}

.vjs-zoom-parent .vjs-reset-zoom {
    float: left;
    padding: 0 5px
}

.vjs-zoom-parent .vjs-reset-center .vjs-svg-icon {
    width: 20px
}

.vjs-reset-cancel, .vjs-reset-center, .vjs-reset-info {
    color: #fff;
    float: left;
    cursor: pointer;
    height: 24px;
    padding: 0 7px;
    display: inline-block
}

.video-js .vjs-logo-bar, .vjs-logo-bar a {
    vertical-align: middle;
    height: 30px;
    display: table-cell
}

.video-js .vjs-button:focus, .video-js .vjs-button:hover, .video-js .vjs-menu-item:focus, .video-js .vjs-menu-item:hover, .video-js button:focus, .video-js button:hover {
    outline: 0
}

.video-js .vjs-logo-bar {
    margin: 0;
    padding: 0 2px 0 4px
}

.video-js .vjs-logo-bar img {
    width: auto;
    max-height: 15px;
    margin-top: -1px;
    display: block
}

.vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-ad-playing) .vjs-logo-min {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s
}

.video-js .vjs-logo {
    visibility: visible;
    opacity: 1;
    z-index: 97;
    position: absolute
}

.video-js .vjs-logo-bottom {
    transition: bottom .5s;
    bottom: 10px
}

.vjs-has-started.vjs-paused .vjs-logo-bottom, .vjs-has-started.vjs-user-active .vjs-logo-bottom {
    bottom: 55px
}

.vjs-control-bar .vjs-control:hover .vjs-control-text {
    visibility: visible;
    opacity: 1;
    top: -45px
}

.video-js .vjs-control-text {
    z-index: 2;
    border: 0;
    margin: 0;
    position: absolute
}

.vjs-control-text {
    display: none
}

.vjs-has-mouse .vjs-control-text {
    clip: auto;
    color: #000;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    z-index: 2;
    background-color: #fff;
    border: 0;
    width: auto;
    padding: 0 5px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 22px;
    transition: opacity .3s, top .3s;
    display: block;
    top: -10px;
    left: 50%;
    transform: translate(-50%)
}

.vjs-control-text:after {
    content: "";
    transform-origin: 75%;
    z-index: -1;
    pointer-events: none;
    background-color: #fff;
    border-radius: 1px;
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg)
}

.vjs-play-control .vjs-control-text {
    left: 5px;
    transform: translate(0)
}

.vjs-play-control .vjs-control-text:after {
    left: 5px;
    transform: translateY(-50%) rotate(45deg)
}

.vjs-fullscreen-control .vjs-control-text {
    left: auto;
    right: 5px;
    transform: translate(0)
}

.vjs-fullscreen-control .vjs-control-text:after {
    left: auto;
    right: 6px;
    transform: translateY(-50%) rotate(45deg)
}

.vjs-load-progress .vjs-control-text, .vjs-menu .vjs-control-text, .vjs-progress-control .vjs-control-text, .vjs-time-control .vjs-control-text, .vjs-volume-bar .vjs-mouse-display, .vjs-volume-level .vjs-control-text, .vjs-volume-panel-vertical .vjs-control-text {
    display: none
}

.video-js .vjs-bg-bar {
    pointer-events: none;
    background: linear-gradient(#0000, #000000a6);
    width: 100%;
    height: 40%;
    transition: opacity .2s;
    display: none;
    position: absolute;
    bottom: 0;
    left: 0
}

.video-js .vjs-control-bar {
    visibility: visible;
    opacity: 1;
    background: 0 0;
    width: 100%;
    height: 35px;
    padding: 0 1.5%;
    transition: visibility .3s, opacity .3s;
    display: none;
    position: absolute;
    bottom: 0;
    right: 0
}

.vjs-has-started .vjs-control-bar {
    opacity: 1;
    visibility: visible;
    display: flex
}

.vjs-ad-playing .vjs-control-bar, .vjs-ad-playing .vjs-bg-bar {
    opacity: 1 !important;
    visibility: visible !important
}

.vjs-ad-playing .vjs-bg-bar, .vjs-user-active.vjs-has-started .vjs-bg-bar, .vjs-paused.vjs-has-started:not(.vjs-touch-active) .vjs-bg-bar {
    display: block
}

.vjs-waiting:not(.vjs-seeking):not(.vjs-playing):not(.vjs-casting) .vjs-control-bar, .vjs-waiting:not(.vjs-seeking) .vjs-bg-bar, .vjs-audio .vjs-bg-bar {
    display: none
}

.video-js .vjs-control-bar .vjs-button {
    height: 100%;
    margin: 0;
    padding: 0
}

.video-js .vjs-control {
    -webkit-box-flex: none;
    flex: none;
    position: relative
}

.video-js .vjs-control-bar .vjs-progress-control {
    z-index: 1;
    width: 96%;
    height: 30px;
    position: absolute;
    bottom: 35px;
    left: 2%
}

.video-js .vjs-progress-holder {
    user-select: none;
    outline: 0;
    position: relative
}

.video-js .vjs-replay-button {
    color: #fff;
    cursor: pointer;
    width: auto;
    margin: -50px 0 0 -50px;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%
}

.video-js .vjs-replay-button .vjs-svg-icon {
    fill: #fff;
    width: 90px;
    height: 90px
}

.vjs-ended:not(.vjs-vr):not(.vjs-up-next) .vjs-replay-button {
    display: block
}

.vjs-sharing-container .vjs-share-block {
    margin: 0;
    display: block
}

.vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-touch-active):not(.vjs-ad-playing):not(.vjs-casting):not(.vjs-audio) .vjs-control-bar {
    visibility: visible;
    pointer-events: none;
    opacity: 0;
    transition: visibility .3s, opacity .3s
}

.vjs-ad-loading.vjs-ad-playing .vjs-bg-bar, .vjs-ad-loading.vjs-ad-playing .vjs-control-bar, .vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-ad-playing) .vjs-bg-bar {
    visibility: hidden;
    opacity: 0
}

.video-js .vjs-big-play-button {
    cursor: pointer;
    z-index: 3;
    opacity: 1;
    visibility: visible;
    z-index: 7;
    background-color: #da0000d9;
    background-position: 25px;
    border-radius: 50%;
    width: 86px;
    height: 86px;
    margin: -43px 0 0 -43px;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%
}

.video-js .vjs-big-play-button .vjs-svg-icon {
    fill: #fff;
    width: 60px;
    height: 60px
}

.video-js .vjs-touch-nav {
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: visibility .4s, opacity .4s;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.video-js .vjs-big-button {
    cursor: pointer;
    color: #fff;
    background: 0 0;
    border: 0;
    width: auto;
    padding: 0 25px;
    display: inline-block
}

.vjs-640 .vjs-big-button, .vjs-920 .vjs-big-button {
    padding: 0 40px
}

.video-js .vjs-b-r-b .vjs-svg-icon, .video-js .vjs-b-f-b .vjs-svg-icon {
    fill: #fff;
    width: 40px;
    height: 40px
}

.vjs-480 .vjs-b-r-b .vjs-svg-icon, .vjs-480 .vjs-b-f-b .vjs-svg-icon {
    width: 30px;
    height: 30px
}

.video-js .vjs-b-p-b .vjs-svg-icon {
    fill: #fff;
    width: 60px;
    height: 60px
}

.vjs-480 .vjs-b-p-b .vjs-svg-icon {
    width: 50px;
    height: 50px
}

.video-js.vjs-paused .vjs-b-p-b .vjs-svg-icon {
    margin-left: 3px
}

.vjs-has-started .vjs-big-play-button {
    pointer-events: none;
    opacity: 0;
    display: none
}

.vjs-scrubbing .vjs-loading-spinner, .vjs-scrubbing .vjs-brightness, .vjs-scrubbing .vjs-touch-nav {
    display: none
}

.vjs-touch-active .vjs-tech {
    opacity: .7
}

.vjs-touch-active .vjs-forward-control, .vjs-touch-active .vjs-rewind-control, .vjs-ad-playing .vjs-touch-nav, .vjs-filters-on .vjs-touch-nav {
    display: none
}

.vjs-filters-on .vjs-brightness, .vjs-filters-on .vjs-control-bar {
    pointer-events: none;
    opacity: 0 !important
}

.vjs-more-touch .vjs-brightness, .vjs-more-touch .vjs-touch-nav {
    display: none
}

.vjs-has-started.vjs-touch-active:not(.vjs-seeking):not(.vjs-ended):not(.vjs-vr) .vjs-touch-nav {
    pointer-events: auto;
    opacity: 1;
    visibility: visible
}

.vjs-vr .vjs-b-r-b, .vjs-live .vjs-b-r-b, .vjs-ended .vjs-b-r-b, .vjs-ima-nonlinear .vjs-b-r-b, .vjs-vr .vjs-b-f-b, .vjs-live .vjs-b-f-b, .vjs-ended .vjs-b-f-b, .vjs-ima-nonlinear .vjs-b-f-b, .vjs-ima-nonlinear .vjs-brightness {
    display: none
}

.vjs-touch-active .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-touch-inactive:not(.vjs-ad-playing):not(.vjs-audio):not(.vjs-has-mouse) .vjs-control-bar {
    opacity: 0;
    visibility: hidden
}

.video-js .vjs-time-divider {
    display: none
}

.video-js .vjs-time-control {
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    font-size: 12px
}

.video-js .vjs-current-time {
    position: absolute;
    top: -28px;
    left: 2%
}

.video-js .vjs-duration {
    position: absolute;
    top: -28px;
    right: 2%
}

.video-js .vjs-spacer {
    text-align: left;
    flex: auto;
    display: -webkit-box
}

.video-js .vjs-menu {
    background-color: #0000;
    min-width: 40px;
    font-family: Arial, Helvetica, sans-serif
}

.video-js .vjs-mute-control {
    margin: 0;
    padding: 0;
    display: inline-block
}

.video-js .vjs-mute-control:not(:hover) .vjs-control-text {
    opacity: 0
}

.vjs-icon-placeholder {
    text-align: center
}

.vjs-casting .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-casting .vjs-info {
    display: none
}

.vjs-cast-big .vjs-icon-placeholder {
    font-size: 30px
}

.vjs-cast-fixed .vjs-tech-chromecast, .vjs-casting .vjs-loading-spinner {
    visibility: hidden;
    pointer-events: none
}

.vjs-cast-fixed {
    visibility: visible;
    overflow: initial;
    z-index: 1000000;
    border-top: 1px solid #444;
    width: 100%;
    max-height: 100px;
    position: fixed;
    top: auto;
    bottom: 0
}

.vjs-cast-fixed .vjs-play-control .vjs-control-text {
    display: none
}

.vjs-cast-fixed .vjs-fixed-info {
    z-index: 1;
    color: #fff;
    text-align: center;
    background: #000;
    width: 100%;
    height: 100%;
    max-height: 100px;
    padding: 10px 20px 10px 50px;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 0
}

.vjs-1600.vjs-cast-fixed, .vjs-1600.vjs-cast-fixed .vjs-fixed-info {
    max-height: 110px
}

.vjs-fixed-info p {
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.vjs-cast-fixed .vast-skip-button {
    border-bottom: 0;
    bottom: 100px
}

.vjs-tech-chromecast {
    text-align: left;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden
}

.vjs-tech-chromecast .vjs-tech-chromecast-poster {
    cursor: pointer;
    opacity: .5;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    position: absolute;
    inset: 0
}

.vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty, .vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty {
    display: none
}

.vjs-tech-chromecast .vjs-tech-chromecast-poster-img {
    border: 2px solid #ccc;
    width: auto;
    max-height: 180px
}

.vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty {
    width: 160px;
    height: 90px
}

.vjs-tech-chromecast .vjs-tech-chromecast-title-container {
    color: #ccc;
    position: absolute;
    top: 50px;
    left: 20px
}

.vjs-tech-chromecast .vjs-tech-chromecast-title {
    font-size: 22px
}

.vjs-tech-chromecast .vjs-tech-chromecast-subtitle {
    padding-top: .5em;
    font-size: 18px
}

.vjs-tech-chromecast .vjs-tech-chromecast-device {
    border: 0;
    border-bottom: 2px solid;
    border-image: linear-gradient(90deg, #00f 25%, red 25% 50%, #ff0 50% 75%, green 75%) 5;
    margin-bottom: 15px;
    font-size: 22px;
    display: table
}

.vjs-tech-chromecast .vjs-tech-chromecast-device-empty {
    display: none
}

.video-js .vjs-chromecast-button {
    cursor: pointer;
    display: inline-block
}

.video-js .vjs-chromecast-button .vjs-svg-icon {
    fill: #fff;
    stroke: #fff;
    stroke-width: 8px;
    margin-top: 1px
}

.video-js .vjs-transcript-button .vjs-svg-icon {
    fill: #fff;
    stroke: #fff
}

.video-js .vjs-chromecast-button .vjs-svg-icon {
    fill: #fff
}

.video-js .vjs-airplay-button .vjs-svg-icon {
    fill: #fff;
    stroke: #fff;
    stroke-width: 20px;
    margin-top: 0
}

.video-js .vjs-cast-big {
    width: 35px;
    height: 35px;
    padding: 0;
    position: absolute;
    top: 10px;
    left: 10px
}

.video-js .vjs-cast-big .vjs-icon-placeholder {
    fill: #fff;
    filter: drop-shadow(1px 1px 1px #000000b3);
    width: 35px;
    height: 35px
}

.vjs-cast-fixed .vjs-chromecast-button {
    z-index: 7;
    top: 0
}

.vjs-cast-fixed .vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder {
    color: #000;
    width: 26px;
    height: 26px
}

.vjs-control-bar .vjs-chromecast-button .vjs-control-text {
    left: auto;
    right: 5px;
    transform: translate(0)
}

.vjs-control-bar .vjs-chromecast-button .vjs-control-text:after {
    left: auto;
    right: 6px;
    transform: translateY(-50%) rotate(45deg)
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-slider-active .vjs-volume-horizontal {
    opacity: 1;
    width: 70px;
    padding-right: 10px
}

.video-js .vjs-volume-panel .vjs-volume-horizontal {
    float: right;
    visibility: visible;
    opacity: 0;
    background-color: #0000;
    width: 0;
    height: 20px;
    margin-top: 10px;
    margin-right: 5px;
    transition: opacity .3s, width .3s;
    display: none
}

.vjs-has-mouse .vjs-volume-panel .vjs-volume-horizontal {
    display: inline-block
}

.video-js .vjs-volume-panel .vjs-volume-horizontal .vjs-slider-horizontal {
    cursor: pointer;
    background-color: #fff;
    outline: 0;
    width: 95%;
    height: 3px;
    margin-top: 3px;
    margin-left: 5px;
    padding: 0;
    position: relative
}

.video-js .vjs-volume-control {
    cursor: pointer;
    z-index: 2;
    font-family: nuevo
}

.video-js .vjs-volume-panel .vjs-volume-horizontal .vjs-slider-horizontal .vjs-volume-level {
    background-color: #c00;
    width: 100%;
    height: 100%;
    position: absolute
}

.video-js .vjs-volume-panel .vjs-volume-horizontal .vjs-slider-horizontal .vjs-volume-level:before {
    content: "";
    pointer-events: none;
    background: #c00;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    top: -2px;
    right: -2px
}

.video-js .vjs-progress-control .vjs-slider {
    cursor: pointer;
    height: 30px
}

.video-js .vjs-progress-control .vjs-slider:before {
    content: "";
    background: #fff3;
    border: 0;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 4px;
    left: 0
}

.video-js .vjs-progress-control:hover .vjs-play-progress:before {
    display: block
}

.video-js .vjs-progress-control .vjs-load-progress, .vjs-progress-control .vjs-play-progress {
    height: 3px;
    position: absolute;
    bottom: 4px;
    left: 0
}

.video-js .vjs-progress-control .vjs-load-progress {
    background-color: #ffffff4d
}

.video-js .vjs-progress-control .vjs-play-progress {
    background-color: #c00
}

.video-js .vjs-progress-control .vjs-play-progress:before {
    content: "";
    z-index: 1;
    background: #c00;
    border-radius: 6px;
    width: 12px;
    height: 12px;
    display: none;
    position: absolute;
    top: -4px;
    right: -6px
}

.video-js .vjs-progress-control .vjs-mouse-display {
    z-index: 1;
    background-color: #000;
    width: 0;
    height: 100%;
    display: none;
    position: absolute;
    top: 16px
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
}

.video-js .vjs-time-tooltip {
    float: right;
    color: #222;
    pointer-events: none;
    visibility: hidden;
    z-index: 1;
    background-color: #fffc;
    border-radius: 4px;
    padding: 5px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1em;
    position: relative;
    top: -3em
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltip {
    visibility: visible;
    display: block
}

.video-js .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip {
    top: -25px
}

.vjs-menu .vjs-selected:before {
    content: "";
    background: #c00;
    border: 3px solid #ccc;
    border-radius: 50px;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%)
}

.video-js .vjs-menu-settings {
    cursor: default;
    color: #000;
    z-index: 26;
    transform-origin: 100% 100%;
    width: auto;
    padding: 0;
    font-family: Arial, sans-serif;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    position: absolute;
    bottom: 47px;
    right: 0;
    transform: scale(0)
}

.video-js .vjs-menu-settings .vjs-menu-div {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    transition: width .25s cubic-bezier(.4, 0, .2, 1), height .25s cubic-bezier(.4, 0, .2, 1);
    overflow: hidden auto
}

.video-js .vjs-menu-settings .vjs-zoom-menu {
    background: #fff
}

.vjs-menu-div::-webkit-scrollbar {
    background: #ccc;
    width: 6px
}

.vjs-menu-div::-webkit-scrollbar-thumb {
    background: #a5a5a5
}

.vjs-menu-div::-webkit-scrollbar-thumb:hover {
    background: #999
}

.video-js .vjs-invisible {
    visibility: hidden
}

.video-js .vjs-menu-settings .vjs-menu-content {
    text-align: left;
    background: #fff;
    margin: 0;
    padding: 0;
    font-size: 13px;
    overflow: hidden
}

.video-js .vjs-menu-settings .vjs-menu-content ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.video-js .vjs-menu-settings .vjs-menu-content li {
    cursor: pointer;
    white-space: nowrap;
    height: 32px;
    margin: 0;
    padding: 0 15px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    display: flex;
    position: relative;
    overflow: hidden
}

.video-js .vjs-menu-settings .vjs-menu-content li:focus {
    outline: 0
}

.video-js .vjs-menu-settings .vjs-menu-content li span {
    pointer-events: none;
    flex-direction: row-reverse;
    align-items: center;
    margin-left: auto;
    padding-left: 30px;
    padding-right: 10px;
    display: flex;
    position: relative;
    overflow: hidden
}

.video-js .vjs-menu-settings .vjs-menu-content .vjs-extend-quality span {
    padding-left: 0
}

.video-js .vjs-menu-settings .vjs-menu-content .vjs-speed {
    padding-left: 35px;
    padding-right: 15px
}

.video-js .vjs-menu-settings .vjs-menu-content .vjs-resolution-item {
    width: 100%;
    padding-left: 28px;
    padding-right: 20px;
    display: table
}

.video-js .vjs-menu-settings .vjs-menu-content .vjs-first {
    margin-top: 5px
}

.video-js .vjs-menu-content .vjs-checked:before {
    content: "";
    background: #c00;
    border: 3px solid #ccc;
    border-radius: 50px;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%)
}

.video-js .vjs-cog-button .vjs-menu-settings .vjs-icon-placeholder:before {
    font-size: 17px;
    transform: none
}

.video-js .vjs-cog-button .vjs-menu-settings .vjs-icon-placeholder {
    padding: 0;
    font-family: nuevo;
    font-size: 17px;
    transform: none
}

.video-js .vjs-menu-settings .vjs-menu-content .vjs-svg-icon {
    filter: none;
    fill: #222;
    width: 17px;
    height: 26px;
    margin: 0;
    padding: 0;
    display: inline-block;
    transform: none
}

.video-js .vjs-menu-settings .vjs-menu-content li:after {
    content: "";
    border: 4px solid #0000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.video-js .vjs-menu-settings .vjs-menu-content .vjs-menu-forward:after {
    border-left-color: #000;
    right: 5px
}

.video-js .vjs-menu-settings .vjs-settings-back {
    color: #fff;
    white-space: nowrap;
    text-align: left;
    cursor: pointer;
    background: #c00;
    height: 30px;
    padding: 0 8px 0 20px;
    font-size: 13px;
    line-height: 30px;
    display: block;
    position: relative
}

.video-js .vjs-menu-settings .vjs-settings-back:before {
    content: "";
    border: 4px solid #0000;
    border-right-color: #fff;
    position: absolute;
    top: 50%;
    left: 3px;
    transform: translateY(-50%)
}

.auto-res i {
    padding-left: 4px;
    font-size: .9em;
    font-style: normal
}

.vjs-has-mouse .vjs-menu-settings .vjs-menu-content li:hover {
    background-color: #e5e5e5
}

.video-js .vjs-zoom-slide {
    background: 0 0;
    width: 40px;
    display: none;
    position: absolute;
    top: 15px;
    right: 0
}

.vjs-zoom-slide .zoom-bg, .vjs-zoom-slide .zoom-thumb {
    background: #ffffff80;
    width: 4px;
    height: 100%;
    margin-left: -2px;
    position: absolute;
    top: 0;
    left: 50%
}

.vjs-zoom-slide .zoom-thumb {
    background: #fff;
    height: 0;
    top: auto;
    bottom: 0
}

.vjs-has-started.vjs-paused .vjs-zoom-slide, .vjs-has-started.vjs-user-active .vjs-zoom-slide {
    display: block
}

.video-js .vjs-return {
    margin-bottom: 15px
}

.video-js .vjs-zoom-menu .vjs-zoom-slider {
    border: 2px solid #0000;
    outline: 0;
    width: 100%;
    height: 60px;
    margin: 0 auto 8px;
    display: table;
    position: relative
}

.video-js .vjs-show {
    display: block
}

.video-js .vjs-zoom-menu .vjs-zoom-back {
    cursor: pointer;
    background: #ccc;
    width: 5px;
    height: 100%;
    margin-left: -2px;
    position: absolute;
    bottom: 0;
    left: 50%
}

.video-js .vjs-zoom-menu .vjs-zoom-level {
    cursor: pointer;
    background: #c00;
    border: 0;
    border-left: 1px solid #0000;
    border-right: 1px solid #0000;
    width: 5px;
    margin-left: -2px;
    position: absolute;
    bottom: 1px;
    left: 50%
}

.video-js .vjs-zoom-menu .vjs-zoom-level:before {
    content: "";
    background: #c00;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    position: absolute;
    top: -6px;
    right: -4px
}

.video-js .vjs-zoom-menu .vjs-zoom-reset {
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    text-transform: uppercase;
    border-top: 1px solid #ccc;
    outline: 0;
    width: 100%;
    height: 25px;
    padding: 0 4px;
    font-size: 11px;
    line-height: 25px
}

.video-js .vjs-hd, .video-js .vjs-hd-btn, .video-js .vjs-hd-icon {
    color: #fff;
    font-style: normal;
    line-height: normal
}

.video-js .vjs-zoom-menu .vjs-zoom-reset:hover {
    background-color: #fff3
}

.video-js .vjs-hd {
    pointer-events: none;
    background: #c00;
    padding: 1px;
    font-size: 8px;
    font-weight: 700;
    position: absolute;
    top: 3px;
    right: 0
}

.video-js .vjs-hd-btn {
    background: #f00;
    padding: 0 1px;
    font-family: sans-serif, Arial;
    font-size: 8px;
    font-weight: 400;
    display: block;
    position: absolute;
    top: 10px;
    right: 5px
}

.video-js .vjs-hd-icon {
    vertical-align: super;
    background: #c00;
    width: auto;
    margin-left: 1px;
    padding: 0 2px;
    font-family: sans-serif;
    font-size: 8px;
    display: inline-block
}

.vjs-submenu .item-quality .vjs-hd-icon {
    height: 11px;
    padding: 1px 2px
}

.video-js .vjs-hd-home {
    margin-top: -10px;
    right: 11px
}

.vjs-poster {
    cursor: pointer;
    opacity: 1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .5s;
    display: inline-block;
    position: absolute;
    inset: 0
}

.vjs-poster img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%
}

.vjs-title-bar {
    pointer-events: none;
    background: linear-gradient(#000000e6 0%, #000000b3 60%, #0000 100%);
    width: 100%;
    padding: .666em 1.333em 4em;
    font-size: 1.2em;
    line-height: 1.5;
    transition: opacity .1s;
    position: absolute;
    top: 0
}

.vjs-title-bar-title {
    margin-bottom: .333em;
    font-weight: 700
}

.vjs-title-bar-title, .vjs-title-bar-description {
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    overflow: hidden
}

.vjs-no-pointer {
    pointer-events: none
}

.video-js.vjs-fullscreen.vjs-user-inactive .vjs-poster {
    cursor: none
}

.vjs-has-started .vjs-poster {
    opacity: 0;
    pointer-events: none
}

.vjs-audio:not(.vjs-ad-playing) .vjs-poster {
    pointer-events: auto;
    opacity: 1
}

.video-js .vjs-over, .vjs-control-text, .vjs-icon-placeholder, .vjs-thumb-poster, .vjs-thumbnail-holder {
    pointer-events: none
}

.vjs-thumb-poster {
    background: #000;
    width: 0;
    height: 0;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

.vjs-thumb-poster canvas {
    opacity: .5;
    pointer-events: none
}

.vjs-thumbnail-holder {
    transform-origin: 50% 100%;
    opacity: 0;
    border: 1px solid #fff;
    transition: transform .3s, opacity .3s;
    position: absolute;
    bottom: 16px;
    left: 0;
    overflow: hidden;
    transform: scale(.7)
}

.vjs-thumb-image {
    position: absolute;
    left: 0
}

.vjs-vtt {
    bottom: 40px
}

.vjs-sld {
    bottom: 22px
}

.vjs-thumb-tooltip {
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    margin-left: 50%;
    padding: 2px 3px;
    font-size: 12px;
    display: table;
    position: absolute;
    bottom: 4px;
    transform: translate(-50%)
}

.vjs-thumb-hidden, .vjs-progress-control:active .vjs-thumb-image:active {
    opacity: 0
}

.video-js .vjs-live-control {
    color: #ccc;
    background: #c00;
    height: 18px;
    margin-top: 10px;
    padding: 0 5px;
    font-size: 12px;
    line-height: 18px
}

.vjs-live .vjs-custom-control-spacer {
    flex: auto;
    display: -webkit-box
}

.vjs-live:not(.vjs-liveui) .vjs-menu, .vjs-live:not(.vjs-liveui) .vjs-menu-settings {
    padding-bottom: 0
}

.vjs-playing .vjs-live-control {
    color: #fff
}

.vjs-spin {
    animation: 2s linear infinite spin
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.video-js .vjs-menu .vjs-icon-placeholder:before {
    content: ""
}

.video-js .vjs-play-control {
    transform: none
}

.vjs-live .vjs-forward-control, .vjs-live .vjs-rewind-control {
    display: none
}

.vjs-cog-button .vjs-icon-placeholder {
    text-align: center;
    line-height: 28px;
    transition: transform .3s;
    transform: rotate(0)
}

.vjs-cog-active .vjs-icon-placeholder {
    transform-origin: 50%;
    transform: rotate(45deg)
}

.video-js .vjs-menu-settings .vjs-icon-placeholder, .video-js .vjs-menu-settings .vjs-svg-icon {
    transform: none
}

.video-js .vjs-control-bar .vjs-quality-button {
    text-align: center;
    border: 2px solid #0000;
    width: auto;
    max-width: none;
    margin: 0 6px;
    line-height: 32px
}

.video-js .vjs-quality-button span {
    white-space: nowrap;
    font-size: .9em
}

.video-js .vjs-control-bar .vjs-menu {
    color: #000;
    z-index: 26;
    opacity: 0;
    visibility: hidden;
    transform-origin: 100% 100%;
    background: 0 0;
    width: auto;
    margin: 0;
    padding: 0;
    transition-property: opacity, transform;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    display: block;
    position: absolute;
    bottom: 47px;
    right: -15px;
    transform: scale(0)
}

.video-js .vjs-control-bar .vjs-lock-showing {
    visibility: visible;
    opacity: 1;
    display: block;
    transform: scale(1)
}

.video-js .vjs-menu .vjs-menu-content {
    text-align: left;
    white-space: nowrap;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: normal;
    list-style: none;
    overflow-y: auto
}

.vjs-menu .vjs-menu-content::-webkit-scrollbar {
    background: #ccc;
    width: 6px
}

.vjs-menu .vjs-menu-content::-webkit-scrollbar-thumb {
    background: #a5a5a5
}

.vjs-menu .vjs-menu-content::-webkit-scrollbar-thumb:hover {
    background: #999
}

.video-js .vjs-menu .vjs-menu-content .vjs-selected, .video-js .vjs-menu .vjs-menu-content .vjs-checked {
    background-color: #ffffffe6
}

.vjs-has-mouse .vjs-menu .vjs-menu-content li:hover {
    background-color: #e5e5e5
}

.video-js .vjs-menu .vjs-menu-content li {
    margin: 0;
    padding: 0 15px 0 30px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    position: relative
}

.video-js .vjs-menu .vjs-menu-content li:focus {
    outline: 0
}

.vjs-menu .vjs-menu-content li span {
    vertical-align: middle
}

.video-js .vjs-quality-button .vjs-menu .vjs-hd-icon {
    color: #fff;
    text-shadow: none;
    pointer-events: none;
    background: #c00;
    margin-top: 0;
    margin-left: 2px;
    padding: 0 2px;
    font-size: 9px;
    display: inline-block
}

.video-js vjs-menu .vjs-menu-content .item-quality, .video-js .vjs-menu-settings .vjs-menu-content .item-quality {
    padding: 2px 15px 2px 32px;
    font-size: 13px;
    position: relative
}

.video-js .vjs-menu-content .item-quality i {
    pointer-events: none;
    margin: 0;
    padding: 0 0 0 8px;
    font-size: 11px;
    font-style: normal
}

.video-js .vjs-menu-content .item-quality .vjs-hd-icon {
    background: #c00;
    margin: 2px 0 0;
    padding: 0 1px;
    font-size: 9px;
    display: inline-block
}

.vjs-quality-button span .vjs-hd-icon {
    vertical-align: top;
    color: #fff;
    background: #c00;
    border: 0;
    margin-top: 4px;
    margin-left: -4px;
    font-size: 8px;
    font-weight: 700
}

.video-js .vjs-menu .vjs-menu-content .vjs-menu-title, .video-js .vjs-menu .vjs-menu-content .vjs-menu-title:hover, .video-js .vjs-menu .vjs-menu-title, .video-js .vjs-menu-settings .vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    text-shadow: none;
    font-szie: 13px;
    white-space: nowrap;
    background-color: #c00;
    height: 30px;
    padding: 0 5px;
    line-height: 30px;
    display: block
}

.video-js .vjs-menu .vjs-menu-content .vjs-menu-title:hover, .video-js .vjs-menu-settings .vjs-menu-content .vjs-menu-title:hover {
    color: #fff;
    background-color: #c00
}

.vjs-has-mouse .vjs-button:hover {
    color: #fff
}

.video-js .vjs-sharing-overlay {
    z-index: 98;
    background: #000000e6;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.vjs-sharing-container {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 55%;
    transform: translateY(-50%)
}

.vjs-sharing-container .vjs-sharing-body {
    margin: 0 auto;
    display: table;
    position: relative
}

.vjs-sharing-container .vjs-inputs-body {
    text-align: left;
    box-sizing: border-box;
    width: 100%;
    padding: 0 15px
}

.vjs-sharing-container .vjs-inputs-body h2 {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    text-align: left;
    margin: 0;
    padding: 0;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px
}

.vjs-sharing-container .vjs-inputs-body input[type=text] {
    color: #121212;
    box-sizing: border-box;
    background: #fffc;
    border: 1px solid #d5d5d5;
    border-radius: .5em;
    width: 100%;
    padding: 9px
}

.vjs-sharing-container input[type=text]:focus {
    background: #fff
}

.vjs-sharing-container .vjs-share-icon {
    cursor: pointer;
    color: #ccc;
    outline: 0;
    margin: 0 15px;
    display: inline-block;
    position: relative
}

.vjs-sharing-container .vjs-svg-icon {
    fill: #fff;
    width: 64px;
    height: 60px
}

.vjs-audio-info, .vjs-info {
    opacity: 1;
    text-shadow: 1px 1px 1px #000;
    text-align: left;
    cursor: pointer;
    visibility: visible;
    font-family: sans-serif;
    font-weight: 400;
    position: absolute;
    left: 0
}

.vjs-sharing-container .vjs-share-icon:hover .vjs-svg-icon {
    fill: #ff402e
}

.vjs-audio .vjs-menu-settings .vjs-menu-content .vjs-extend-zoom, .vjs-audio .vjs-picture-in-picture-control {
    display: none
}

.vjs-audio-info {
    visibility: visible;
    opacity: 1;
    cursor: pointer;
    color: #fff;
    text-align: left;
    text-shadow: 1px 1px 1px #000;
    max-width: 100%;
    padding: 20px;
    font-family: sans-serif;
    font-size: 18px;
    font-weight: 400;
    display: flex;
    position: absolute;
    top: 0;
    left: 0
}

.vjs-480 .vjs-audio-info {
    padding: 10px
}

.video-js .vjs-audio-info a {
    color: #fff;
    max-width: 100%;
    text-decoration: none;
    display: flex
}

.vjs-audio-info a .vjs-audio-info .vjs-cover img {
    color: #fff
}

.vjs-audio-info .vjs-cover {
    width: 164px;
    height: 164px;
    margin-right: 15px;
    display: flex
}

.vjs-audio-info .vjs-cover img {
    border: 1px solid #999;
    width: 100%;
    height: 100%;
    padding: 2px
}

.vjs-audio-info .vjs-text {
    flex: auto;
    overflow: hidden
}

.vjs-audio-info .vjs-audio-item {
    white-space: nowrap;
    text-overflow: ellipsis;
    text-shadow: 1px 1px 1px #000;
    overflow: hidden
}

.vjs-audio-item .audio-artist {
    font-size: 20px;
    line-height: 1.5em;
    display: block
}

.vjs-audio-item .vjs-song {
    font-size: 26px;
    line-height: 1.1em;
    display: block
}

.vjs-audio-item .audio-id {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.5em;
    display: block
}

.vjs-audio-item .audio-id span {
    display: block
}

.vjs-480 .vjs-audio-info .vjs-cover {
    width: 104px;
    height: 104px
}

.vjs-480 .vjs-audio-info .vjs-audio-item .audio-id {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.5em
}

.vjs-480 .vjs-audio-info .vjs-audio-item .vjs-song {
    font-size: 18px
}

.vjs-480 .vjs-audio-info .vjs-audio-item .audio-artist {
    font-size: 14px
}

.vjs-1280 .vjs-audio-info .vjs-cover {
    width: 194px;
    height: 194px;
    margin-right: 20px
}

.vjs-1280 .vjs-audio-item .audio-artist {
    font-size: 24px
}

.vjs-1280 .vjs-audio-item .vjs-song {
    font-size: 32px
}

.vjs-1280 .vjs-audio-item .audio-id {
    margin-top: 25px;
    font-size: 16px
}

.vjs-1600 .vjs-audio-info {
    padding: 40px
}

.vjs-1600 .vjs-audio-info .vjs-cover {
    width: 234px;
    height: 234px;
    margin-right: 25px
}

.vjs-1600 .vjs-audio-item .audio-artist {
    font-size: 28px
}

.vjs-1600 .vjs-audio-item .vjs-song {
    font-size: 38px
}

.vjs-1600 .vjs-audio-item .audio-id {
    margin-top: 35px;
    font-size: 20px
}

.vjs-info {
    visibility: visible;
    opacity: 1;
    cursor: pointer;
    color: #fff;
    text-align: left;
    text-shadow: 1px 1px 1px #000;
    transform-origin: 0 0;
    direction: ltr;
    unicode-bidi: normal;
    background: linear-gradient(#0009, #0000);
    width: 100%;
    padding: 10px;
    font-family: sans-serif;
    font-weight: 400;
    transition: opacity .2s, top .2s;
    display: flex;
    position: absolute;
    top: 0;
    left: 0
}

.vjs-info .vjs-icon {
    align-items: center;
    display: flex
}

.vjs-info img {
    vertical-align: middle;
    max-height: 2em;
    padding: 0 10px
}

.video-js .vjs-info a {
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    overflow: hidden
}

.vjs-info .vjs-text {
    flex: auto;
    padding-right: 50px;
    font-size: 16px;
    overflow: hidden
}

.vjs-480 .vjs-info .vjs-text {
    transform-origin: 0;
    scale: .8
}

.vjs-1600 .vjs-info .vjs-text {
    transform-origin: 0;
    padding-top: 10px;
    scale: 1.5
}

.vjs-info .vjs-ttl {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden
}

.vjs-info .vjs-dsc {
    opacity: .7;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 4px;
    font-size: .9em;
    display: block;
    overflow: hidden
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-info {
    opacity: 0;
    visibility: hidden;
    top: -80px
}

.vjs-sharing-container .vjs-share-icon .vjs-control-text {
    text-align: center;
    clip: initial;
    height: initial;
    width: 100%;
    margin: 0;
    font-size: .15em;
    font-weight: 700;
    position: absolute;
    bottom: -1em;
    left: 0
}

.video-js .vjs-menu .vjs-menu-content .vjs-texttrack-settings, .video-js .vjs-menu .vjs-menu-content .vjs-texttrack-settings:hover {
    color: #fff;
    background-color: #c00
}

.vjs-error .vjs-loading-spinner, .vjs-error .vjs-big-play-button {
    visibility: hidden
}

.video-js .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.2rem
}

.video-js .vjs-error-display .vjs-modal-dialog-description {
    display: none
}

.video-js .vjs-error .vjs-error-display {
    display: block
}

.video-js .vjs-modal-dialog {
    z-index: 8;
    background-color: #000000a8;
    overflow: hidden
}

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    z-index: 1;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #e5e5e5 #fff;
    padding: 20px 24px;
    font-size: 1.2em;
    line-height: 1.5em;
    overflow: hidden auto
}

.vjs-modal-dialog .vjs-modal-dialog-content::-webkit-scrollbar {
    background: 0 0;
    width: 6px
}

.vjs-modal-dialog .vjs-modal-dialog-content::-webkit-scrollbar-thumb {
    background: #ccc
}

.vjs-modal-dialog .vjs-modal-dialog-content::-webkit-scrollbar-thumb:hover {
    background: #999
}

.vjs-error-display {
    text-align: center;
    z-index: 7;
    outline: 0;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.vjs-error-display .vjs-modal-dialog-content {
    text-align: center;
    font-size: 1.2rem
}

.vjs-error .vjs-error-display .vjs-modal-dialog-description {
    text-align: center;
    display: block
}

.video-js .vjs-text-track-settings {
    color: #111;
    z-index: 999;
    background-color: #fff;
    border-radius: 8px;
    outline: 0;
    width: 90%;
    max-width: 400px;
    height: 90%;
    max-height: 260px;
    margin: 0 auto;
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    height: auto;
    padding: 6px;
    position: absolute;
    inset: 0 0 4em;
    overflow: auto
}

.vjs-text-track-settings fieldset {
    border: 0;
    width: auto;
    margin: 5px;
    padding: 8px
}

.vjs-text-track-settings legend {
    color: #fff;
    text-align: center;
    background-color: #c00;
    width: 100%;
    margin: 0;
    font-size: 13px;
    display: inline-block
}

.vjs-text-track-settings select {
    background: #fff;
    border: 1px solid #777;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 10px;
    padding: 6px;
    font-size: 13px
}

.vjs-text-track-settings .vjs-track-settings-controls {
    position: fixed;
    bottom: 10px;
    right: 1em
}

.video-js .vjs-text-track-settings .vjs-close-button {
    display: none
}

.vjs-text-track-settings .vjs-track-settings-controls button {
    cursor: pointer;
    color: #121212;
    -webkit-border-radius: 5px;
    text-shadow: none;
    background: #e5e5e5;
    border: 0;
    border-radius: 3px;
    width: auto;
    margin: 0 3px;
    padding: 3px 6px;
    font-size: 12px
}

.vjs-text-track-settings .vjs-track-settings-controls button:hover {
    background: #b5b5b5
}

.vjs-text-track-settings .vjs-tracksetting {
    min-height: 40px;
    margin: 5px;
    padding: 3px
}

.vjs-text-track-settings label {
    width: 100px;
    margin: 0;
    padding: 0 0 0 15px;
    font-size: 12px;
    display: inline-block
}

.vjs-text-track-settings span {
    margin-left: 5px;
    display: inline
}

.vjs-text-track-settings > div {
    min-height: 20px;
    margin-bottom: 5px
}

.vjs-text-track-settings > div:last-child {
    min-height: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.vjs-caption-settings label > input {
    margin-right: 10px
}

.vjs-text-track-settings input[type=button] {
    width: 40px;
    height: 40px
}

.vjs-text-track-display {
    pointer-events: none;
    position: absolute;
    inset: 0 0 3em
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1.5em
}

.video-js .vjs-text-track {
    text-align: center;
    margin-bottom: .1em;
    font-size: 1.4em
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em)
}

.vjs-progress-slide {
    z-index: 1;
    position: absolute;
    bottom: 20px;
    left: 0
}

.vjs-progress-slide .vjs-thumb {
    text-align: left;
    opacity: 0;
    transform-origin: 50% 100%;
    pointer-events: none;
    background-color: #000;
    border: 1px solid #fff;
    width: 192px;
    height: 108px;
    transition: transform .3s, opacity .3s;
    display: block;
    position: absolute;
    bottom: 0;
    left: -120px;
    overflow: hidden;
    transform: scale(.7)
}

.video-js .vjs-thumb-show {
    opacity: 1;
    transform: scale(1)
}

.vjs-progress-slide .vjs-thumb .vjs-thumb-dr {
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    width: 100%;
    font-size: 12px;
    line-height: 1.5em;
    position: absolute;
    bottom: 0;
    left: 0
}

.vjs-progress-slide .vjs-thumb img {
    max-width: none;
    max-height: none;
    position: absolute;
    top: 0;
    left: 0
}

.video-js .vjs-loading-spinner {
    content: "";
    box-sizing: border-box;
    border: 3px solid #fff;
    border-top-color: #ffffffbf;
    border-radius: 50%;
    width: 82px;
    height: 82px;
    margin-top: -41px;
    margin-left: -41px;
    animation: 1s linear infinite rotate;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%
}

@keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
    display: block
}

.vjs-scrubbing .vjs-b-f-b, .vjs-scrubbing .vjs-b-p-b, .vjs-scrubbing .vjs-b-r-b, .vjs-scrubbing .vjs-brightness, .vjs-scrubbing .vjs-loading-spinner {
    display: none
}

.vjs-scrubbing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.video-js .vjs-control-bar {
    z-index: 5
}

.vjs-live .vjs-progress-control {
    visibility: hidden
}

.vjs-live .vjs-time-control, .vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-limit-overlay {
    z-index: 1999;
    background: #000000e0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.video-js .vjs-limit {
    color: #ccc;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    width: 75%;
    margin: 0;
    padding: 0 20px;
    font-size: 1.4em;
    display: table;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.video-js .vjs-limit span {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden
}

.video-js .vjs-limit a {
    color: #fff
}

.video-js .vjs-limit a:hover {
    text-decoration: underline
}

.video-js .vjs-limit img {
    max-width: 100%;
    height: auto
}

.video-js.vjs-liveui .vjs-live-control, .video-js:not(.vjs-live) .vjs-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    cursor: pointer;
    border: 2px solid #0000;
    outline: 0;
    width: auto;
    margin-top: 1px;
    padding: 0 5px;
    font-size: 12px;
    line-height: 33px
}

.vjs-no-flex .vjs-seek-to-live-control {
    text-align: left;
    width: auto;
    display: table-cell
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder:before {
    content: "";
    border: 2px solid #fff;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    display: inline-block
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder:before {
    content: "";
    background: #f00
}

.vjs-liveui .vjs-progress-control {
    visibility: visible;
    align-items: center;
    display: block
}

.vjs-audio .vjs-control-bar {
    opacity: 1 !important;
    visibility: visible !important
}

.video-js .vjs-button-vr .vjs-svg-icon {
    fill: #fff
}

.vjs-ima-nonlinear .vjs-b-f-b, .vjs-ima-nonlinear .vjs-b-p-b, .vjs-ima-nonlinear .vjs-b-r-b, .vjs-ima-nonlinear .vjs-brightness {
    display: none
}

.vjs-ima-nonlinear.vjs-paused.vjs-has-started .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-ima-nonlinear .vjs-forward-control, .vjs-ima-nonlinear .vjs-rewind-control {
    display: inline-block
}

.vjs-ad-playing .vjs-nonlinear {
    display: none
}

.video-js .vjs-nonlinear {
    cursor: pointer;
    text-align: center;
    z-index: 2147483647;
    background: 0 0;
    max-width: 90%;
    max-height: 80%;
    transition: bottom .5s, opacity .5s;
    position: absolute;
    bottom: 10px;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%)
}

.video-js .vjs-nonlinear img {
    border: 0;
    width: 100%;
    height: 100%
}

.video-js.vjs-paused:not(.vjs-touch-inactive) .vjs-nonlinear, .video-js.vjs-paused:not(.vjs-touch-inactive) .vjs-nonlinear-recall, .video-js.vjs-user-active .vjs-nonlinear, .video-js.vjs-user-active .vjs-nonlinear-recall {
    bottom: 60px
}

.vjs-480.vjs-paused:not(.vjs-touch-inactive) .vjs-nonlinear, .vjs-480.vjs-paused:not(.vjs-touch-inactive) .vjs-nonlinear-recall, .vjs-480.vjs-user-active .vjs-nonlinear, .vjs-480.vjs-user-active .vjs-nonlinear-recall {
    bottom: 55px
}

.vjs-1600.vjs-paused:not(.vjs-touch-inactive) .vjs-nonlinear, .vjs-1600.vjs-paused:not(.vjs-touch-inactive) .vjs-nonlinear-recall, .vjs-1600.vjs-user-active .vjs-nonlinear, .vjs-1600.vjs-user-active .vjs-nonlinear-recall {
    bottom: 110px
}

.vjs-nonlinear .nonlinear-close {
    z-index: 55;
    stroke: #666;
    fill: #666;
    stroke-width: 1.25px;
    background-color: #e5e5e5;
    border-style: outset;
    border-width: 1px;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 3px;
    right: 3px
}

.vjs-nonlinear-recall {
    cursor: pointer;
    background: #c8c8c880;
    border: 1px solid #ffffff80;
    border-bottom: 0;
    width: 24px;
    height: 12px;
    margin-left: -12px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    right: 390px
}

.vjs-nonlinear-recall:hover {
    background-color: #fff;
    border: 1px solid #00000080;
    border-bottom: 0
}

.vjs-black-poster, .vast-skip-button, .vjs-vpaid-ad.vjs-vpaid-flash-ad .VPAID-container {
    background-color: #000
}

.vjs-360 .vjs-sharing-container .vjs-share-block .vjs-share-icon {
    width: 44px
}

.vjs-360 .vjs-sharing-container .vjs-share-block .vjs-share-icon .vjs-svg-icon {
    width: 40px;
    height: 40px
}

.vjs-480 .vjs-ad-marker, .vjs-480 .vjs-descriptions-button, .vjs-480 .vjs-audio-button, .vjs-480 .vjs-picture-in-picture-control, .vjs-480 .vjs-mirror-button, .vjs-480 .vjs-mode-control, .vjs-480 .vjs-control-text, .vjs-480 .vjs-mirror-button, .vjs-480 .vjs-logo-bar, .vjs-480 .vjs-rewind-control, .vjs-480 .vjs-forward-control {
    display: none
}

.vjs-480 .vjs-button {
    width: 35px
}

.vjs-480 div.vast-skip-button {
    bottom: 60px
}

.vjs-480 .vjs-playlist-nav .vjs-next, .vjs-480 .vjs-playlist-nav .vjs-prev {
    -webkit-background-size: 21px 33px;
    background-size: 21px 33px;
    width: 21px;
    height: 33px
}

.vjs-480 .vjs-volume-panel {
    z-index: -1
}

.vjs-480 .vjs-control-bar .vjs-menu, .vjs-480 .vjs-menu-settings {
    bottom: 5px
}

.vjs-480 .vjs-texttrack-settings, .vjs-480 .vjs-sharing-container .embd, .vjs-480 .vjs-volume-panel .vjs-volume-vertical {
    display: none
}

.vjs-480 .vjs-sharing-container .vjs-share-icon {
    margin: 0 5px
}

.vjs-480 .vjs-big-play-button, .vjs-480 .vjs-loading-spinner {
    width: 66px;
    height: 66px;
    margin: -33px 0 0 -33px;
    line-height: normal
}

.vjs-480 .vjs-big-play-button .vjs-svg-icon {
    width: 40px;
    height: 40px
}

.vjs-480 .vjs-caption-settings {
    width: 90%;
    height: 90%
}

.js-focus-visible .video-js :focus:not(.focus-visible), .video-js .vjs-menu :focus:not(:focus-visible), .video-js :focus:not(:focus-visible) {
    outline: 0
}

.vjs-has-started .vjs-black-poster.vjs-hidden, .vjs-using-native-controls .vjs-black-poster, .vjs-vpaid-ad .vjs-progress-control, .vjs-vpaid-ad .vjs-time-controls, .vjs-vpaid-ad .vjs-time-divider {
    display: none
}

.vjs-iab .vjs-control-bar {
    visibility: hidden;
    opacity: 0
}

.vjs-vast-bottom {
    bottom: 85px
}

.vjs-vast-div {
    color: #e5e5e5;
    text-shadow: 1px 1px 1px #000;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    top: -50px;
    left: 10px
}

.vjs-vast-div a {
    cursor: pointer;
    color: #e5e5e5
}

.vjs-vast-div .vjs-vast-pod {
    padding: 0 5px
}

.vjs-vast-div .vjs-vast-timer {
    padding: 0 10px 0 5px
}

.vjs-vast-div a:hover {
    text-decoration: underline
}

.vjs-vast-div .vjs-label-icon {
    opacity: .8;
    vertical-align: middle;
    width: 18px;
    height: 16px;
    padding-right: 4px;
    display: inline-block
}

.vjs-vast-label {
    color: #f0f0f0;
    white-space: nowrap;
    padding: 0 10px 0 5px;
    font-size: 11px;
    line-height: 30px;
    display: none
}

.vjs-black-poster {
    cursor: pointer;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0;
    padding: 0;
    position: absolute;
    inset: 0
}

.VPAID-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.vjs-vpaid-ad .vjs-tech {
    z-index: 0
}

.vast-skip-button {
    color: #fff;
    z-index: 2147483645;
    white-space: nowrap;
    border: 1px solid #fff;
    border-right: 0;
    width: auto;
    padding: 8px;
    font-size: 14px;
    display: block;
    position: absolute;
    bottom: 70px;
    right: 0
}

.vast-blocker, .vjs-resize-manager {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.vast-skip-button-text {
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 100;
    display: block
}

.vast-skip-button.enabled {
    cursor: pointer;
    color: #fff
}

.vast-skip-button.enabled:hover {
    cursor: pointer;
    background-color: #333
}

.vast-blocker {
    margin: 0;
    padding: 0;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0
}

.vjs-ended .vjs-chromecast-button, .vjs-ended:not(.vjs-vr) .vjs-control-bar, .vjs-ended .vjs-control-text, .vjs-ended .vjs-playlist-button, .vjs-ended .vjs-vplaylist {
    display: none
}

.vjs-ended .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-ad-playing .vjs-volume-panel .vjs-volume-horizontal {
    display: none
}

.vjs-ad-playing.vjs-vast-ad-loading .vjs-loading-spinner {
    z-index: 10;
    animation: 1.5s linear infinite spin;
    display: block
}

.vjs-ad-playing .vjs-vast-label {
    white-space: nowrap;
    display: inline-block
}

.vjs-ad-playing .vjs-progress-control {
    pointer-events: none
}

.vjs-ad-playing .vjs-progress-control .vjs-play-progress {
    background-color: #ffe400
}

.vjs-ad-playing .vjs-volume-panel .vjs-volume-horizontal, .vjs-ad-playing .vjs-audio-button, .vjs-ad-playing .vjs-chapters-button, .vjs-ad-playing .vjs-chromecast-button, .vjs-ad-playing .vjs-cog-menu-button, .vjs-ad-playing .vjs-control-text, .vjs-ad-playing .vjs-descriptions-button, .vjs-ad-playing .vjs-download-control, .vjs-ad-playing .vjs-forward-control, .vjs-ad-playing .vjs-grid, .vjs-ad-playing .vjs-info, .vjs-ad-playing .vjs-live-control, .vjs-ad-playing .vjs-logo, .vjs-ad-playing .vjs-logo-bar, .vjs-ad-playing .vjs-mirror-button, .vjs-ad-playing .vjs-mode-control, .vjs-ad-playing .vjs-picture-in-picture-control, .vjs-ad-playing .vjs-playlist-button, .vjs-ad-playing .vjs-quality-button, .vjs-ad-playing .vjs-rewind-control, .vjs-ad-playing .vjs-seek-to-live-control, .vjs-ad-playing .vjs-sharing-overlay, .vjs-ad-playing .vjs-snap-control, .vjs-ad-playing .vjs-subs-caps-button, .vjs-ad-playing .vjs-text-track-display, .vjs-ad-playing .vjs-volume-horizontal, .vjs-ad-playing .vjs-vplaylist, .vjs-ad-playing .vjs-zoom-help, .vjs-dai .vjs-remaining-time, .vjs-dai .vjs-time-control, .vjs-dai .vjs-time-divider {
    display: none
}

.vjs-dai .vjs-progress-control {
    opacity: 0;
    pointer-events: none
}

.vjs-resize-manager {
    visibility: hidden;
    border: 0;
    position: absolute
}

.vjs-chromeless.vjs-has-started .vjs-control-bar, .vjs-chromeless.vjs-has-started .vjs-bg-bar, .vjs-chromeless.vjs-has-started .vjs-big-play-button, .vjs-chromeless.vjs-has-started .vjs-loading-spinner {
    visibility: hidden;
    pointer-events: none;
    width: 0;
    height: 0;
    display: none
}

.vjs-480 .vjs-volume-panel .vjs-volume-horizontal {
    display: none
}

.vjs-1600 .vjs-control-bar {
    bottom: 10px
}

.vjs-1600.vjs-cast-fixed .vjs-control-bar {
    bottom: 5px
}

.vjs-1600 .vjs-control-bar .vjs-progress-control, .vjs-1600.vjs-cast-fixed .vjs-control-bar .vjs-progress-control {
    bottom: 35px
}

.vjs-1600 .vjs-control-bar .vjs-button {
    width: 50px;
    max-width: 50px
}

.vjs-1600 .vjs-control-bar .vjs-quality-button {
    width: auto
}

.vjs-1600 .vjs-quality-button span, .vjs-1600 .vjs-time-control {
    font-size: 14px
}

.vjs-1600 .vjs-live-control {
    margin-top: 7px;
    font-size: 15px;
    font-weight: 700
}

.vjs-1600 .vjs-seek-to-live-control {
    font-size: 15px;
    line-height: 15px
}

.vjs-1600 .vjs-control-bar .vjs-menu {
    bottom: 35px
}

.vjs-1600 .vjs-vast-label {
    font-size: 15px
}

.vjs-1600 .vast-skip-button {
    font-size: 17px;
    bottom: 100px
}

.vjs-1600 .vjs-text-track-display {
    bottom: 7em
}

.vjs-1600 .vjs-logo-bar {
    margin-top: 0;
    padding: 0 4px 0 8px
}

.vjs-1600 .vjs-logo-bar img {
    max-height: 23px;
    margin-top: 0
}

.vjs-1600 .vjs-current-time, .vjs-1600 .vjs-duration {
    top: -40px
}

.vjs-1600.vjs-cast-fixed .vjs-current-time, .vjs-1600.vjs-cast-fixed .vjs-duration {
    top: -35px
}

.vjs-1600 .vjs-vast-bottom {
    bottom: 125px
}

.vjs-1600 .vjs-vast-div {
    top: -75px
}

.video-js .vjs-hidden, .video-js .vjs-abs-hidden {
    display: none !important
}

.vjs-controls-none .vjs-control-bar {
    display: none
}

.vjs-bp-block {
    display: block !important
}

.video-js .vjs-zoom-menu .vjs-zoom-reset:focus-visible {
    outline-width: 2px;
    outline-offset: -2px !important;
    border: 0 !important;
    outline-style: dotted !important;
    outline-color: #c5c5c5 !important
}

.video-js:not(.vjs-touch-enabled) :focus:not(:focus-visible) {
    outline: 0
}

.video-js:not(.vjs-touch-enabled) :focus:focus-visible {
    border-radius: 4px;
    border: 2px dotted #c5c5c5 !important
}

.video-js:not(.vjs-touch-enabled) .vjs-tech:focus-visible {
    border: 0 !important
}

.video-js:not(.vjs-touch-enabled) .vjs-vplaylist .vjs-vlist .vjs-item:focus-visible {
    outline: 0;
    border: 1px solid #999 !important
}

.video-js:not(.vjs-touch-enabled) .vjs-vplaylist .vjs-head .vjs-back:focus-visible {
    border-radius: 4px;
    outline: 0;
    border: 2px dotted #c5c5c5 !important
}

.video-js:not(.vjs-touch-enabled) .vjs-control-bar .vjs-control:focus-visible, .video-js:not(.vjs-touch-enabled) .vjs-control-bar .vjs-progress-control:focus-visible {
    border-radius: 4px;
    border: 2px dotted #c5c5c5 !important
}

.video-js:not(.vjs-touch-enabled) .vjs-volume-panel .vjs-volume-horizontal .vjs-slider-horizontal:focus-visible {
    outline-width: 2px;
    outline-offset: 6px !important;
    border: 0 !important;
    outline-style: dotted !important;
    outline-color: #c5c5c5 !important
}

::-moz-focus-inner, :active, :focus {
    outline: 0;
    border: 0;
    -moz-outline-style: none
}

.ima-ad-container {
    top: 0;
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1111
}

.ima-ad-container > div:first-of-type {
    width: 100% !important;
    height: 100% !important
}

.video-js .bumpable-ima-ad-container {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    z-index: 0
}

.video-js.vjs-playing .bumpable-ima-ad-container {
    margin-top: 0
}

.video-js.vjs-user-inactive.vjs-playing .bumpable-ima-ad-container {
    margin-top: 0
}

.video-js.vjs-paused .bumpable-ima-ad-container, .video-js.vjs-playing:hover .bumpable-ima-ad-container, .video-js.vjs-user-active.vjs-playing .bumpable-ima-ad-container {
    margin-top: -40px
}

.vjs-1600.vjs-paused .bumpable-ima-ad-container, .vjs-1600.vjs-playing:hover .bumpable-ima-ad-container, .vjs-1600.vjs-user-active.vjs-playing .bumpable-ima-ad-container {
    margin-top: -80px
}

.ima-controls-div, .ima-seek-bar-div {
    bottom: 0;
    width: 100%;
    position: absolute
}

.ima-controls-div {
    background: rgba(0, 0, 0, .55);
    height: 38px;
    left: 0;
    right: 0;
    text-align: right;
    padding: 0;
    opacity: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    display: none;
    z-index: 97;
    padding-top: 4px
}

.ima-controls-div-showing, .vjs-user-active .ima-controls-div {
    height: 38px
}

.ima-countdown-div {
    display: block;
    position: absolute;
    top: -40px;
    background: rgba(0, 0, 0, .55);
    left: 5px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    line-height: 32px;
    color: #fff;
    font-size: 12px;
    padding: 0 8px
}

.ima-seek-bar-div {
    position: absolute;
    height: 4px;
    bottom: 0;
    width: 100%;
    margin: 0;
    background-color: transparent;
    max-width: 100%
}

.ima-seek-bar-div:before {
    background-color: rgba(255, 255, 255, .3);
    content: '';
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border: 0;
    cursor: pointer
}

.ima-progress-div {
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    background: #fc0
}

.ima-play-pause-div, .ima-mute-div, .ima-non-mute-div, .ima-fullscreen-div, .ima-non-fullscreen-div {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 26px;
    height: 26px;
    padding: 0;
    color: #fff;
    cursor: pointer;
    display: grid;
    place-items: center;
    fill: #fff;
    filter: none;
    margin: 0 4px
}

.ima-play-pause-div {
    float: left;
    left: 2px
}

.ima-play-pause-div:bfore {
    left: 5px
}

.ima-playing {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: contain
}

.ima-paused {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: contain
}

.ima-non-muted {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: contain
}

.ima-muted {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: contain
}

.ima-slider-div {
    height: 4px;
    width: 80px;
    float: left;
    background-color: #888;
    margin-right: 3px;
    margin-top: 12px;
    cursor: pointer
}

.ima-slider-level-div {
    width: 100%;
    height: 100%;
    background-color: #fc0;
    position: relative
}

.ima-slider-level-div:before {
    content: "";
    background: #fff;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    top: -2px;
    right: -4px;
    display: block
}

.ima-fullscreen, .ima-non-fullscreen {
    float: right;
    right: 5px
}

.ima-muted, .ima-non-muted {
    float: left;
    margin-right: 5px
}

.ima-non-fullscreen {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: contain
}

.ima-fullscreen {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: contain
}

:root {
    --mobile-breakpoint: 768px;
    --margin-start: 70px;
    --margin-end: 70px;
    --header-height: 90px;
    --header-background-color: linear-gradient(180deg, rgba(26, 26, 26, 1) 0%, rgba(64, 64, 64, 1) 100%)
}

[v-cloak] {
    display: none !important
}

.image-with-red {
    position: relative
}

.image-with-red::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -3px;
    inset-inline-start: 0;
    width: 30%;
    height: 3px;
    background: #c51017;
    transition: none
}

.image-with-red:hover::before {
    transition: width .4s ease;
    transition-timing-function: cubic-bezier(1, 0, .84, .73);
    width: 100%
}

@media screen and (max-width: 650px) {
    body {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    body::-webkit-scrollbar {
        display: none
    }
}

.image-with-short-red {
    position: relative
}

.image-with-short-red::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    inset-inline-start: 0;
    width: 20%;
    height: 3px;
    background: #c51017;
    transition: width .6s ease;
    transition-timing-function: cubic-bezier(1, 0, .84, .73)
}

.image-with-short-red:hover::before {
    width: 100%
}

.highlight {
    cursor: pointer
}

#backdrop {
    position: fixed;
    top: 0;
    inset-inline-end: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    filter: binset-inline-startness(.5);
    background-color: rgba(0, 0, 0, .5);
    z-index: 9;
    display: none;
    touch-action: none
}

#backdrop.backdrop-open {
    display: block
}

@media screen and (max-width: 1024px) {
    :root {
        --margin-start: 22px;
        --margin-end: 22px
    }
}

@media screen and (max-width: 980px) {
    :root {
        --margin-start: 10px;
        --margin-end: 10px;
        --header-height: 56px;
        --margin-text-picture: 5px;
        --between-components: 25px
    }
}

* {
    direction: rtl;
    font-family: AutoFont, sans-serif
}

ul {
    margin-bottom: 0
}

a {
    color: inherit;
    text-decoration: none;
    display: block;
    cursor: pointer
}

a:hover {
    color: inherit
}

@font-face {
    font-family: "Almarai";
    src: url("Almarai-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Almarai";
    src: url("Almarai-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: "Almarai";
    src: url("Almarai-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: url("Roboto-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: url("Roboto-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: url("Roboto-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: url("Roboto-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: "AutoFont";
    src: url("Almarai-Regular.ttf") format("truetype");
    font-weight: normal;
    unicode-range: U+600-6FF, U+750-77F, U+870-89F, U+8A0-8FF, U+FB50-FDFF, U+FE70-FEFF
}

@font-face {
    font-family: "AutoFont";
    src: url("Almarai-Regular.ttf") format("truetype");
    font-weight: 500;
    unicode-range: U+600-6FF, U+750-77F, U+870-89F, U+8A0-8FF, U+FB50-FDFF, U+FE70-FEFF
}

@font-face {
    font-family: "AutoFont";
    src: url("Almarai-Bold.ttf") format("truetype");
    font-weight: 600;
    unicode-range: U+600-6FF, U+750-77F, U+870-89F, U+8A0-8FF, U+FB50-FDFF, U+FE70-FEFF
}

@font-face {
    font-family: "AutoFont";
    src: url("Almarai-Bold.ttf") format("truetype");
    font-weight: bold;
    unicode-range: U+600-6FF, U+750-77F, U+870-89F, U+8A0-8FF, U+FB50-FDFF, U+FE70-FEFF
}

@font-face {
    font-family: "AutoFont";
    src: url("Almarai-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    unicode-range: U+600-6FF, U+750-77F, U+870-89F, U+8A0-8FF, U+FB50-FDFF, U+FE70-FEFF
}

@font-face {
    font-family: "AutoFont";
    src: url("Almarai-ExtraBold.ttf") format("truetype");
    font-weight: 900;
    unicode-range: U+600-6FF, U+750-77F, U+870-89F, U+8A0-8FF, U+FB50-FDFF, U+FE70-FEFF
}

@font-face {
    font-family: "AutoFont";
    src: url("Roboto-Regular.ttf") format("truetype");
    font-weight: normal;
    unicode-range: U+0-24F
}

@font-face {
    font-family: "AutoFont";
    src: url("Roboto-Medium.ttf") format("truetype");
    font-weight: 500;
    unicode-range: U+0-24F
}

@font-face {
    font-family: "AutoFont";
    src: url("Roboto-SemiBold.ttf") format("truetype");
    font-weight: 600;
    unicode-range: U+0-24F
}

@font-face {
    font-family: "AutoFont";
    src: url("Roboto-Bold.ttf") format("truetype");
    font-weight: bold;
    unicode-range: U+0-24F
}

@font-face {
    font-family: "AutoFont";
    src: url("Roboto-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    unicode-range: U+0-24F
}

@font-face {
    font-family: "AutoFont";
    src: url("Roboto-Black.ttf") format("truetype");
    font-weight: 900;
    unicode-range: U+0-24F
}

header {
    height: var(--header-height)
}

@media screen and (min-width: 981px) {
    .header-container {
        position: absolute;
        width: 100%;
        height: calc(100% - 500px)
    }

    .header-container .header {
        position: sticky;
        top: 0
    }
}

.header {
    position: fixed;
    width: 100%;
    z-index: 10;
    color: #111;
    background-color: #fff;
    font-weight: bold;
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
    border-bottom: rgba(0, 0, 0, .1) solid 1px
}

@media screen and (max-width: 980px) {
    .header {
        display: none
    }
}

.header .header-wrapper {
    display: flex;
    justify-content: space-between;
    padding-top: 26px;
    padding-bottom: 26px
}

.header .header-wrapper .start-section {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 17px
}

@media screen and (max-width: 1300px) {
    .header .header-wrapper .start-section {
        font-size: 14px
    }
}

.header .header-wrapper .start-section .logo {
    width: 97px;
    height: 38px;
    cursor: pointer
}

.header .header-wrapper .start-section .logo img {
    width: 100%;
    height: 100%
}

.header .header-wrapper .start-section .nav-items {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    padding-inline-start: 0
}

.header .header-wrapper .start-section .nav-items .selected-category {
    opacity: .5
}

.header .header-wrapper .start-section .nav-items:has(.nav-item:hover) .nav-item:not(:hover) {
    opacity: .5
}

.header .header-wrapper .start-section .nav-items .nav-item {
    position: relative;
    height: 100%;
    display: flex;
    padding-inline-end: 30px;
    align-items: center;
    cursor: pointer
}

@media screen and (max-width: 1500px) {
    .header .header-wrapper .start-section .nav-items .nav-item {
        padding-inline-end: 20px
    }
}

@media screen and (max-width: 1100px) {
    .header .header-wrapper .start-section .nav-items .nav-item {
        padding-inline-end: 15px
    }
}

.header .header-wrapper .start-section .nav-items .nav-item.search {
    position: unset
}

.header .header-wrapper .start-section .nav-items .nav-item.search::after {
    display: none
}

.header .header-wrapper .start-section .nav-items .nav-item.search .search-dropdown {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    max-height: 0;
    width: 100%;
    height: 250px;
    padding: 0 20px;
    background-color: rgba(255, 255, 255, .8);
    z-index: 5;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    overflow-y: hidden;
    transition: max-height .3s ease-in-out
}

.header .header-wrapper .start-section .nav-items .nav-item.search .search-dropdown.search-dropdown-open {
    max-height: 250px
}

.header .header-wrapper .start-section .nav-items .nav-item.search .search-dropdown .search-input {
    border: 0;
    padding: 0
}

.header .header-wrapper .start-section .nav-items .nav-item.search .search-dropdown .search-input input[type=text] {
    border: 0;
    padding: 0;
    border-radius: 5px;
    background-color: transparent;
    font-weight: 500;
    color: #fff;
    width: 90%
}

.header .header-wrapper .start-section .nav-items .nav-item.search .search-dropdown .search-input .icons-container {
    display: flex;
    align-items: center
}

.header .header-wrapper .start-section .nav-items .nav-item.search .search-dropdown .search-input .icons-container .fa-magnifying-glass {
    inset-inline-end: 0;
    font-size: 16px
}

.header .header-wrapper .start-section .nav-items .nav-item.search .search-dropdown .search-input .icons-container .fa-times {
    inset-inline-end: 25px;
    font-size: 19px
}

.header .header-wrapper .start-section .nav-items .nav-item.search .search-dropdown .search-filters {
    width: 100%
}

.header .header-wrapper .start-section .nav-items .nav-item.search .search-dropdown .search-filters .search-filters-dropdown {
    width: 100%
}

.header .header-wrapper .start-section .nav-items .nav-item .sub-menu {
    display: flex;
    position: absolute;
    top: calc(100% + 10px);
    flex-direction: column;
    gap: 10px;
    padding-inline-start: 10px;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    color: #000;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .51);
    max-height: 0;
    height: -moz-fit-content;
    height: fit-content;
    overflow: hidden;
    transition: max-height .3s ease-in-out;
    transition-timing-function: cubic-bezier(1, 0, .57, 1.54)
}

.header .header-wrapper .start-section .nav-items .nav-item .sub-menu .fa-chevron-down {
    color: #bfbfbf;
    margin-top: 5px
}

.header .header-wrapper .start-section .nav-items .nav-item .sub-menu .sub-menu-item {
    text-wrap: nowrap;
    white-space: nowrap
}

.header .header-wrapper .start-section .nav-items .nav-item .sub-menu .sub-menu-item:last-child {
    margin-bottom: 10px
}

.header .header-wrapper .start-section .nav-items .nav-item .text {
    position: relative;
    padding-top: 2px;
    padding-bottom: 2px
}

.header .header-wrapper .start-section .nav-items .nav-item .text:after {
    content: "";
    position: absolute;
    bottom: -10px;
    inset-inline-start: 0;
    width: 100%;
    height: 3px;
    background-color: #b90000;
    transform: scaleX(0);
    transition: transform .3s ease-in-out
}

.header .header-wrapper .start-section .nav-items .nav-item .text:hover {
    opacity: 1
}

.header .header-wrapper .start-section .nav-items .nav-item .text:hover .sub-menu {
    max-height: 200px
}

.header .header-wrapper .start-section .nav-items .nav-item .text:hover:after {
    transform: scaleX(1)
}

.header .header-wrapper .end-section {
    display: flex;
    gap: 20px
}

@media screen and (max-width: 1100px) {
    .header .header-wrapper .end-section {
        gap: 15px
    }
}

.header .header-wrapper .end-section .pages-nav {
    display: flex;
    align-items: center
}

@media screen and (max-width: 1300px) {
    .header .header-wrapper .end-section .pages-nav {
        font-size: 14px
    }
}

.header .header-wrapper .end-section .pages-nav:has(.page:hover) .page:not(:hover) {
    opacity: .5
}

.header .header-wrapper .end-section .pages-nav .vod {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-inline-end: 20px;
    cursor: pointer
}

@media screen and (max-width: 1100px) {
    .header .header-wrapper .end-section .pages-nav .vod {
        padding-inline-end: 15px
    }
}

.header .header-wrapper .end-section .pages-nav .icon-link {
    display: flex;
    align-items: center
}

.header .header-wrapper .end-section .pages-nav .news {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-inline-end: 20px;
    cursor: pointer
}

@media screen and (max-width: 1100px) {
    .header .header-wrapper .end-section .pages-nav .news {
        padding-inline-end: 15px
    }
}

.header .header-wrapper .end-section .pages-nav .live {
    position: relative;
    display: flex;
    align-items: center;
    height: -moz-fit-content;
    height: fit-content;
    background-color: #b90000;
    border-radius: 35px;
    gap: 10px;
    padding: 6px 10px;
    cursor: pointer;
    color: #fff;
    transition: all .2s ease-in-out
}

.header .header-wrapper .end-section .pages-nav .live:hover {
    border-radius: 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #fff;
    color: #b90000;
    min-width: 82px
}

.header .header-wrapper .end-section .pages-nav .live:hover svg path {
    fill: #b90000
}

.header .header-wrapper .end-section .pages-nav .live:hover .live-dropdown {
    display: block;
    color: #fff;
    animation: rotateMenu .3s ease-in-out forwards
}

.header .header-wrapper .end-section .pages-nav .live .text {
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase
}

.header .header-wrapper .end-section .pages-nav .live .live-dropdown {
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    width: 100%;
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none;
    transition: all .3s ease-in-out
}

.header .header-wrapper .end-section .pages-nav .live .live-dropdown .live-item {
    position: relative;
    display: flex;
    padding: 7px 12px;
    justify-content: center
}

.header .header-wrapper .end-section .pages-nav .live .live-dropdown .live-item .logo {
    width: 80%
}

.header .header-wrapper .end-section .pages-nav .live .live-dropdown .live-item .logo.mtv-logo {
    width: 100%
}

.header .header-wrapper .end-section .pages-nav .live .live-dropdown .live-item .logo img {
    width: 100%
}

.header .header-wrapper .end-section .pages-nav .live .live-dropdown .separator {
    width: 100%;
    height: 4px;
    background-color: #ddd;
    margin: 0
}

.header .header-wrapper .end-section .login-lang {
    display: flex;
    align-items: center;
    gap: 10px
}

.header .header-wrapper .end-section .login-lang .login {
    display: flex;
    align-items: center;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 30px;
    cursor: pointer;
    border-radius: 50%;
    transition: background-color .3s ease-in-out
}

.header .header-wrapper .end-section .login-lang .login .fa-circle-user::before {
    color: #1b2250
}

@media only screen and (min-width: 768px) {
    .header .header-wrapper .end-section .login-lang .login:hover {
        background-color: #b90000
    }
}

.header .header-wrapper .end-section .login-lang .lang {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #fff;
    font-weight: 800;
    background-color: #1b2250;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: color .3s ease-in-out
}

@media only screen and (min-width: 768px) {
    .header .header-wrapper .end-section .login-lang .lang:hover {
        color: #b90000
    }
}

.header .header-wrapper .end-section .weather {
    display: flex;
    gap: 5px
}

@media screen and (max-width: 1300px) {
    .header .header-wrapper .end-section .weather {
        display: none
    }
}

.header .header-wrapper .end-section .weather .temperature {
    display: flex;
    align-items: center
}

.bottom-menu-mobile {
    display: none;
    position: fixed;
    width: 100%;
    top: 0;
    background-color: #fff;
    z-index: 10;
    border-bottom: rgba(0, 0, 0, .1) 1px solid
}

@media screen and (max-width: 980px) {
    .bottom-menu-mobile {
        display: flex
    }
}

.bottom-menu-mobile.top-menu-news-mobile .bottom-menu-wrapper {
    height: var(--header-height)
}

.bottom-menu-mobile.top-menu-news-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item {
    padding-top: 11px;
    padding-bottom: 11px
}

.bottom-menu-mobile.top-menu-news-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item.bottom-menu-more .icon.more-icons {
    height: 100%;
    display: flex;
    align-items: center;
    width: 25px
}

.bottom-menu-mobile.top-menu-news-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item.bottom-menu-more .icon.more-icons i {
    font-size: 25px
}

.bottom-menu-mobile.top-menu-news-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item.bottom-menu-logo img {
    width: auto;
    height: 100%
}

.bottom-menu-mobile.top-menu-news-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item.live-second .icon {
    padding-top: 2px
}

.bottom-menu-mobile.top-menu-news-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item.live-second .label {
    color: #b90000
}

.bottom-menu-mobile.top-menu-news-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item .icon {
    height: 18px
}

.bottom-menu-mobile.top-menu-news-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item .icon i {
    font-size: 17px
}

.bottom-menu-mobile.top-menu-news-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item .label {
    font-size: 10px;
    font-weight: 700;
    line-height: .7
}

.bottom-menu-mobile .bottom-menu-wrapper {
    width: 100%;
    display: flex;
    padding-inline-start: 10px;
    padding-inline-end: 10px;
    height: 70px
}

.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px
}

.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item.live .icon {
    display: flex;
    margin-bottom: 6px
}

.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item.live .icon svg path {
    fill: #c51017
}

.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item.live .label {
    color: #c51017
}

.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item .icon.more-icons .fa-xmark {
    display: none
}

.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item .icon.more-icons.more-menu-opened img {
    display: none
}

.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item .icon.more-icons.more-menu-opened .fa-xmark {
    display: block
}

.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item .icon i {
    font-size: 22px;
    color: #1c2351
}

@media screen and (max-width: 450px) {
    .bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item .icon i {
        font-size: 18px
    }
}

.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item .label {
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
    color: #1c2351;
    text-transform: uppercase
}

@media screen and (max-width: 450px) {
    .bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item .label {
        font-size: 9px
    }
}

.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-logo img {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.live-second {
    position: relative;
    color: #b90000;
    border-radius: 35px;
    cursor: pointer;
    background-color: transparent;
    transition: all .3s ease-in-out
}

.live-second .icon svg {
    vertical-align: unset;
    width: -moz-fit-content;
    width: fit-content
}

.live-second .label {
    color: #b90000
}

.live-second svg path {
    fill: #b90000
}

.live-second.show .live-dropdown-second {
    display: block;
    animation: rotateMenu .3s ease-in-out forwards
}

.live-second.show .live-dropdown-second .separator-second {
    margin: 5px 0
}

.live-second .text-second {
    font-size: 14px;
    font-weight: 900
}

.live-second .live-dropdown-second {
    position: absolute;
    width: 80px;
    inset-inline-end: -10px;
    top: var(--header-height);
    background-color: #fff;
    display: none;
    transition: all .3s ease-in-out;
    border-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.live-second .live-dropdown-second .live-item-second {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 10px
}

.live-second .live-dropdown-second .live-item-second .logo-second {
    width: 80%
}

.live-second .live-dropdown-second .live-item-second .logo-second.mtv-logo {
    width: 100%
}

.live-second .live-dropdown-second .live-item-second .logo-second img {
    width: 100%
}

.live-second .live-dropdown-second .separator {
    margin: 0;
    height: 4px;
    background-color: #ddd
}

.footer {
    display: flex;
    position: relative;
    width: 100%;
    z-index: 9
}

@media screen and (max-width: 1024px) {
    .footer {
        flex-direction: column;
        height: -moz-fit-content;
        height: fit-content
    }
}

.footer .half-start {
    padding-inline-start: var(--margin-start);
    background-color: #1e2131;
    width: 50%
}

@media screen and (max-width: 1100px) {
    .footer .half-start {
        width: 100%
    }
}

@media screen and (max-width: 980px) {
    .footer .half-start {
        padding-inline-start: 40px;
        padding-inline-end: 40px;
        padding-bottom: 40px
    }
}

.footer .half-start .section-content-800 {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding-top: 45px;
    margin-inline-end: 0;
    max-width: 800px;
    margin-inline-start: auto
}

@media screen and (max-width: 1024px) {
    .footer .half-start .section-content-800 {
        margin: unset
    }
}

@media screen and (max-width: 980px) {
    .footer .half-start .section-content-800 {
        gap: 30px;
        max-width: unset;
        padding-top: 20px
    }
}

.footer .half-start .top-section {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 30px
}

@media screen and (max-width: 980px) {
    .footer .half-start .top-section {
        justify-content: center
    }
}

.footer .half-start .top-section .title {
    color: #fff;
    font-size: 22px;
    font-weight: 800
}

@media screen and (max-width: 980px) {
    .footer .half-start .top-section .title {
        text-align: center;
        font-size: 16px;
        width: 100%;
        font-weight: 600
    }
}

.footer .half-start .top-section .email-socials-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
    width: 90%
}

@media screen and (max-width: 980px) {
    .footer .half-start .top-section .email-socials-container {
        width: 100%
    }
}

.footer .half-start .top-section .email {
    position: relative
}

.footer .half-start .top-section .email input {
    width: 100%;
    background-color: rgba(255, 255, 255, .08);
    border: 0;
    height: 47px;
    padding-inline-end: 50px;
    padding-inline-start: 20px;
    color: #fff;
    outline: 0
}

.footer .half-start .top-section .email .icon {
    position: absolute;
    top: 15px;
    inset-inline-end: 20px;
    cursor: pointer
}

.footer .half-start .top-section .email .message {
    font-size: 14px;
    margin: 0;
    padding-inline-start: 20px
}

.footer .half-start .top-section .email .message.error {
    color: #b90000
}

.footer .half-start .top-section .email .message.success {
    color: #4bb543
}

.footer .half-start .top-section .socials {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-around
}

@media screen and (max-width: 980px) {
    .footer .half-start .top-section .socials {
        justify-content: space-between
    }
}

.footer .half-start .top-section .socials .social {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(50% - 20px)
}

.footer .half-start .top-section .socials .social-mtvnews .text {
    text-align: center;
    direction: ltr;
    color: #fff
}

.footer .half-start .top-section .socials .social-mtv .text {
    text-align: center;
    direction: ltr;
    color: #fff
}

@media screen and (max-width: 980px) {
    .footer .half-start .top-section .socials .social-mtv .text {
        text-align: end
    }
}

.footer .half-start .top-section .socials .social .social-icons {
    display: flex;
    flex-direction: row;
    list-style: none;
    color: #fff;
    padding: 0
}

@media screen and (max-width: 980px) {
    .footer .half-start .top-section .socials .social .social-icons {
        padding: 0;
        padding-top: 5px
    }
}

@media screen and (max-width: 430px) {
    .footer .half-start .top-section .socials .social .social-icons {
        gap: 10px
    }
}

.footer .half-start .top-section .socials .social .social-icons .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px
}

.footer .half-start .top-section .socials .social .social-icons .icon a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.footer .half-start .bottom-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    height: 100%
}

.footer .half-start .bottom-section .stores {
    display: flex;
    gap: 5px
}

@media screen and (max-width: 980px) {
    .footer .half-start .bottom-section .stores {
        justify-content: center
    }
}

.footer .half-start .bottom-section .stores .app-store, .footer .half-start .bottom-section .stores .google-play {
    width: auto;
    height: 47px;
    overflow: visible
}

.footer .half-start .bottom-section .stores .app-store img, .footer .half-start .bottom-section .stores .google-play img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.footer .half-start .bottom-section .copyright {
    color: #f2f2f2;
    max-width: 300px;
    direction: ltr;
    text-align: end
}

@media screen and (max-width: 980px) {
    .footer .half-start .bottom-section .copyright {
        text-align: center;
        margin: auto
    }
}

.footer .half-start .bottom-section .copyright p {
    direction: ltr;
    text-align: end;
    font-size: 9px
}

.footer .half-end {
    padding-inline-end: var(--margin-end);
    width: 50%;
    background-color: #1e2131
}

@media screen and (max-width: 1100px) {
    .footer .half-end {
        width: 100%
    }
}

@media screen and (max-width: 980px) {
    .footer .half-end {
        max-height: 0;
        overflow: hidden;
        transition: max-height .3s ease-in-out;
        position: fixed;
        top: var(--header-height);
        height: calc(100% - var(--header-height));
        width: 100%;
        z-index: 9;
        padding: 0;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .footer .half-end::-webkit-scrollbar {
        display: none
    }
}

.footer .half-end.footer-half-end-open {
    max-height: 585px;
    overflow: scroll
}

.footer .half-end .section-content-800 {
    display: flex;
    justify-content: space-between;
    padding-top: 95px;
    margin-inline-start: 0;
    max-width: 800px;
    margin-inline-end: auto
}

@media screen and (max-width: 980px) {
    .footer .half-end .section-content-800 {
        max-width: unset
    }
}

.footer .half-end .section-content-800 .news .mobile-login-lang {
    display: none;
    gap: 15px;
    position: absolute;
    top: 23px;
    inset-inline-end: var(--margin-start);
    z-index: 9
}

@media screen and (max-width: 980px) {
    .footer .half-end .section-content-800 .news .mobile-login-lang {
        display: flex
    }
}

@media screen and (min-width: 981px) {
    .footer .half-end .section-content-800 .news .news-item a {
        height: 24px
    }
}

@media screen and (max-width: 980px) {
    .footer .half-end .section-content-800 .news .news-item {
        font-weight: bold;
        font-size: 18px;
        padding-inline-start: var(--margin-start)
    }
}

.footer .half-end .section-content-800 .news {
    display: flex;
    flex-direction: column;
    gap: 4px;
    list-style: none;
    font-size: 14px;
    color: #fff
}

@media screen and (min-width: 981px) {
    .footer .half-end .section-content-800 .news a {
        height: 24px
    }
}

@media screen and (max-width: 980px) {
    .footer .half-end .section-content-800 .news {
        padding: 0
    }
}

.footer .half-end .section-content-800 .news .title {
    color: #b90000
}

@media screen and (max-width: 980px) {
    .footer .half-end .section-content-800 .news .title {
        font-size: 19px;
        font-weight: 800;
        padding-inline-start: var(--margin-start);
        padding-top: 55px
    }
}

.footer .half-end .section-content-800 .news .news-item {
    position: relative;
    cursor: pointer
}

.footer .half-end .section-content-800 .news .news-item:hover {
    color: #b90000
}

.footer .half-end .section-content-800 .programs {
    display: flex;
    flex-direction: column;
    list-style: none;
    font-size: 14px;
    color: #fff
}

.footer .half-end .section-content-800 .programs .programs-item {
    cursor: pointer
}

@media screen and (min-width: 981px) {
    .footer .half-end .section-content-800 .programs .programs-item {
        height: 24px
    }
}

.footer .half-end .section-content-800 .programs .programs-item:hover {
    color: #b90000
}

.footer .half-end .section-content-800 .programs .programs-item.title {
    color: #b90000;
    cursor: default
}

@media screen and (min-width: 981px) {
    .footer .half-end .section-content-800 .programs a {
        height: 24px
    }
}

.footer .half-end .section-content-800 .programs .live-button {
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    height: 35px;
    max-width: 130px;
    width: 100%;
    background-color: #b90000;
    margin-top: 40px;
    padding: 5px;
    cursor: pointer
}

@media screen and (max-width: 980px) {
    .footer .half-end .section-content-800 .programs .live-button {
        display: none
    }
}

.footer .half-end .section-content-800 .programs .live-button .live-text {
    align-self: center;
    font-size: 14px;
    text-wrap: nowrap;
    white-space: nowrap;
    color: #fff;
    font-weight: bold
}

.footer .half-end .section-content-800 .programs .live-button .live-icon {
    display: flex;
    height: -moz-fit-content;
    height: fit-content
}

.footer .half-end .section-content-800 .programs .live-button .live-icon .icon {
    height: 15px;
    width: 25px
}

.footer .half-end .section-content-800 .info {
    display: flex;
    flex-direction: column;
    list-style: none;
    font-size: 14px;
    color: #fff
}

.footer .half-end .section-content-800 .info:last-child {
    padding: 0
}

@media screen and (min-width: 981px) {
    .footer .half-end .section-content-800 .info a {
        height: 24px
    }
}

.footer .half-end .section-content-800 .info .info-item {
    cursor: pointer
}

.footer .half-end .section-content-800 .info .info-item:hover {
    color: #b90000
}

@media screen and (max-width: 1100px) {
    .footer .half-end .section-content-800 .info {
        padding-inline-end: 0
    }
}

.footer .half-end .section-content-800 .divider {
    height: 50px;
    width: 1px;
    background-color: #c51017
}

@media screen and (max-width: 980px) {
    .footer .half-end .section-content-800 {
        flex-direction: column;
        justify-content: unset;
        padding: 0;
        background-color: #fff;
        width: 100%;
        height: -moz-fit-content;
        height: fit-content
    }

    .footer .half-end .section-content-800 .news {
        position: relative;
        background-color: #1e2131
    }

    .footer .half-end .section-content-800 .news .login {
        display: flex;
        align-items: center
    }

    .footer .half-end .section-content-800 .news .login i {
        font-size: 17px
    }

    .footer .half-end .section-content-800 .news .lang {
        font-weight: 900;
        font-size: 11px;
        padding: 4px 7px;
        background-color: #b90000;
        color: #fff
    }

    .footer .half-end .section-content-800 .news .news-items-container {
        flex-wrap: wrap;
        gap: 20px;
        display: flex;
        justify-content: space-between;
        padding-top: 30px;
        gap: 10px
    }

    .footer .half-end .section-content-800 .news .news-items-container .news-items-wrapper {
        display: flex;
        flex-wrap: wrap;
        width: 100%
    }

    .footer .half-end .section-content-800 .news .news-items-container .news-items-wrapper .news-item {
        position: relative;
        margin-bottom: 20px;
        font-weight: bold;
        font-size: 18px;
        padding-inline-start: var(--margin-start);
        flex-basis: 50%
    }

    .footer .half-end .section-content-800 .news .news-items-container .news-items-wrapper .news-item::before {
        content: "";
        position: absolute;
        top: 50%;
        inset-inline-end: var(--margin-end);
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-inline-start: 6px solid #fff
    }

    .footer .half-end .section-content-800 .news .news-items-container .news-items-wrapper .news-item .news-item:nth-last-child(1) {
        flex: 1 1 100%
    }

    .footer .half-end .section-content-800 .news .news-items-container .news-items-wrapper .news-item::after {
        content: "";
        position: absolute;
        bottom: -10px;
        inset-inline-start: 0;
        height: 1px;
        width: 100%;
        background-color: #707070
    }

    .footer .half-end .section-content-800 .news .news-takarir {
        display: none
    }

    .footer .half-end .section-content-800 .programs {
        color: #3d3d3d;
        padding-inline-start: var(--margin-start);
        padding-inline-end: var(--margin-end)
    }

    .footer .half-end .section-content-800 .programs .programs-item {
        color: #3d3d3d;
        font-size: 18px;
        font-weight: bold
    }

    .footer .half-end .section-content-800 .programs .programs-item.title {
        color: #b90000;
        font-weight: 800;
        font-size: 18px;
        padding-top: 25px
    }

    .footer .half-end .section-content-800 .programs .live-button {
        display: none
    }

    .footer .half-end .section-content-800 .info {
        display: flex;
        flex-direction: row;
        color: #9c9c9c
    }

    .footer .half-end .section-content-800 .info .info-wrapper {
        width: 45%
    }
}

@media screen and (max-width: 980px) and (min-width: 981px) {
    .footer .half-end .section-content-800 .info .info-wrapper a {
        height: 24px
    }
}

@media screen and (max-width: 980px) {
    .footer .half-end .section-content-800 .info .info-wrapper .info-item {
        padding-bottom: 10px
    }

    .footer .half-end .section-content-800 .info:last-child {
        padding: 0 var(--margin-start);
        padding-bottom: 50px
    }

    .footer .half-end .section-content-800 .divider:nth-child(2) {
        display: none
    }

    .footer .half-end .section-content-800 .divider.programs-divider {
        width: 100%;
        height: 1px;
        background-color: rgba(112, 112, 112, .5);
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.search-result-body .search-result-wrapper {
    max-width: 1600px;
    margin: auto
}

.search-result-body .section-header .section-header__title {
    padding-inline-end: 5px
}

.search-result-body .search-result-al-mazid {
    padding-top: 25px
}

@media screen and (max-width: 1024px) {
    .search-result-body .search-result-al-mazid {
        padding-top: 20px
    }
}

.search-result-body .search-bar-wrapper {
    width: 100%;
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end)
}

@media screen and (min-width: 1600px) {
    .search-result-body .search-bar-wrapper {
        padding-inline-end: 0;
        padding-inline-start: 0
    }
}

.search-result-body .search-bar-wrapper .search-bar {
    margin-top: 57px;
    border: #dcdcdc 1px solid;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .0509803922)
}

.search-result-body .search-bar-wrapper .search-bar .search-input {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-inline-end: 19px;
    padding-inline-start: 20px;
    position: relative;
    height: 47px;
    border-inline-end: 1px solid #dcdcdc
}

.search-result-body .search-bar-wrapper .search-bar .search-input input {
    border: 0;
    outline: 0;
    box-shadow: none;
    width: 100%;
    padding-inline-end: 20px
}

.search-result-body .search-bar-wrapper .search-bar .search-input i {
    position: absolute;
    inset-inline-end: 19px;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.search-result-body .search-bar-wrapper .search-bar .search-filters .search-filters-dropdown {
    position: absolute;
    top: 48px;
    inset-inline-start: -1px;
    z-index: 1;
    width: calc(100% + 2px);
    background-color: rgba(255, 255, 255, .9);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    padding-inline-start: 31px;
    padding-inline-end: 14px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease
}

.search-result-body .search-result-small-header {
    overflow-x: scroll;
    margin-top: 30px;
    display: none
}

.search-result-body .search-result-small-header::-webkit-scrollbar {
    display: none
}

@media screen and (max-width: 600px) {
    .search-result-body .search-result-small-header {
        display: block
    }
}

.search-result-body .search-result-small-header .search-result-small-header-wrapper {
    padding-inline-end: var(--margin-end);
    padding-inline-start: var(--margin-start);
    display: flex;
    gap: 20px;
    width: -moz-fit-content;
    width: fit-content
}

.search-result-body .search-result-small-header .search-result-small-header-wrapper .section-header {
    cursor: pointer
}

.search-result-body .search-result-small-header .search-result-small-header-wrapper .section-header__title {
    margin: 0
}

.search-result-body .search-result-small-header .search-result-small-header-wrapper .section-header-text {
    white-space: nowrap;
    transition: color .5s ease
}

.search-result-body .search-result-small-header .search-result-small-header-wrapper .section-header__title--red-line {
    padding-inline-end: 0
}

.search-result-body .search-result-small-header .search-result-small-header-wrapper .undisplayed-header .section-header-text {
    color: rgba(0, 0, 0, .55);
    padding-inline-start: 0
}

.search-result-body .search-result-small-header .search-result-small-header-wrapper .undisplayed-header .section-header-number {
    color: rgba(185, 0, 0, .55)
}

.search-result-body .search-result-small-reel {
    overflow-x: scroll;
    margin-top: 30px;
    display: none
}

.search-result-body .search-result-small-reel::-webkit-scrollbar {
    display: none
}

@media screen and (max-width: 600px) {
    .search-result-body .search-result-small-reel {
        display: block
    }
}

.search-result-body .search-result-small-reel .search-result-small-reel-wrapper {
    padding-inline-end: var(--margin-end);
    padding-inline-start: var(--margin-start);
    display: flex;
    gap: 10px;
    width: -moz-fit-content;
    width: fit-content
}

.search-result-body .search-result-small-reel .search-result-small-reel-wrapper .search-result-small-reel {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border: #c51017 solid 2px
}

.search-result-body .search-result-small-reel .search-result-small-reel-wrapper .search-result-small-reel img {
    width: 70px;
    height: 70px;
    border-radius: 50%
}

.search-result-body .search-result-titles {
    margin: 0;
    font-size: 30px
}

.search-result-body .section-header-number {
    font-weight: bold;
    font-size: 15px;
    color: #b90000
}

.search-result-body .search-result-content {
    overflow-x: hidden;
    margin-bottom: 36px
}

.search-result-body .search-result-content-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 47px;
    width: 100%;
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end)
}

@media screen and (min-width: 1600px) {
    .search-result-body .search-result-content-container {
        padding-inline-end: 0;
        padding-inline-start: 0
    }
}

@media screen and (max-width: 600px) {
    .search-result-body .search-result-content-container {
        padding-inline-end: 0;
        padding-inline-start: 0;
        width: 300vw;
        transition: transform .5s ease;
        justify-content: unset
    }

    .search-result-body .search-result-content-container .section-header {
        display: none
    }
}

.search-result-body .search-result-content-container .search-result-content-right {
    width: 43%
}

@media screen and (max-width: 1024px) {
    .search-result-body .search-result-content-container .search-result-content-right {
        width: 30%
    }
}

@media screen and (max-width: 600px) {
    .search-result-body .search-result-content-container .search-result-content-right {
        width: 100vw
    }
}

.search-result-body .search-result-content-container .search-result-content-right .search-result-news-content {
    display: flex;
    flex-direction: column;
    gap: 21px;
    margin-top: 32px
}

@media screen and (max-width: 600px) {
    .search-result-body .search-result-content-container .search-result-content-right .search-result-news-content {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0;
        margin-top: 0
    }
}

.search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item {
    display: flex;
    gap: 9px
}

@media screen and (max-width: 1024px) {
    .search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item {
        flex-direction: column
    }
}

@media screen and (max-width: 600px) {
    .search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item {
        width: 49%;
        margin-bottom: 27px
    }
}

.search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item .search-result-news-image-container {
    overflow: hidden;
    width: 35%;
    cursor: pointer
}

@media screen and (max-width: 1024px) {
    .search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item .search-result-news-image-container {
        width: 100%
    }
}

.search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item img {
    width: 100%;
    height: 100%;
    transition: transform .3s ease-in-out
}

.search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item img:hover {
    transform: scale(1.2)
}

@media screen and (max-width: 1024px) {
    .search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item img {
        width: 100%
    }
}

.search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item .search-result-news-title {
    width: 75%
}

@media screen and (max-width: 1024px) {
    .search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item .search-result-news-title {
        width: 100%
    }
}

.search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item .search-result-news-title div {
    font-weight: bold;
    font-size: 20px;
    margin: 0;
    margin-bottom: 8px
}

@media screen and (max-width: 1024px) {
    .search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item .search-result-news-title div {
        font-size: 15px
    }
}

.search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item .search-result-news-title p {
    font-size: 12px;
    color: rgba(0, 0, 0, .7);
    margin-bottom: 0;
    direction: ltr;
    text-align: end
}

.search-result-body .search-result-content-container .search-result-content-left {
    width: 50%;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 1024px) {
    .search-result-body .search-result-content-container .search-result-content-left {
        width: 55%
    }
}

@media screen and (max-width: 600px) {
    .search-result-body .search-result-content-container .search-result-content-left {
        width: 200vw;
        flex-direction: row
    }
}

.search-result-body .search-result-content-container .search-result-content-left .search-result-news-interviews {
    width: 100%
}

@media screen and (max-width: 600px) {
    .search-result-body .search-result-content-container .search-result-content-left .search-result-news-interviews {
        width: 100vw
    }
}

.search-result-body .search-result-content-container .search-result-content-left .search-result-news-interviews .search-result-chapters {
    margin-top: 32px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 15px;
    flex-direction: row;
    margin-inline-start: 10px
}

@media screen and (max-width: 600px) {
    .search-result-body .search-result-content-container .search-result-content-left .search-result-news-interviews .search-result-chapters {
        flex-direction: row;
        justify-content: space-between;
        margin: 0;
        width: 100%;
        margin-inline-start: 0
    }
}

.search-result-body .search-result-content-container .search-result-content-left .search-result-news-interviews .search-result-chapters .search-result-chapter {
    width: 48%
}

@media screen and (max-width: 600px) {
    .search-result-body .search-result-content-container .search-result-content-left .search-result-news-interviews .search-result-chapters .search-result-chapter {
        width: 48%
    }
}

.search-result-body .search-result-content-container .search-result-content-left .search-result-video-episode {
    margin-top: 77px
}

@media screen and (max-width: 600px) {
    .search-result-body .search-result-content-container .search-result-content-left .search-result-video-episode {
        margin-top: 0
    }
}

.search-result-body .search-result-content-container .search-result-content-left .search-result-reels {
    margin-top: 66px
}

@media screen and (max-width: 600px) {
    .search-result-body .search-result-content-container .search-result-content-left .search-result-reels {
        display: none
    }
}

.search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content {
    margin-inline-start: 12px;
    display: flex;
    justify-content: space-between;
    margin-top: 32px
}

.search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel {
    width: 49%;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 1024px) {
    .search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel {
        flex-direction: column;
        width: 40%
    }
}

@media screen and (max-width: 850px) {
    .search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel {
        width: 46%
    }
}

@media screen and (max-width: 600px) {
    .search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel {
        display: none
    }
}

@media screen and (max-width: 600px) {
    .search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel {
        display: none
    }
}

.search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-image {
    position: relative;
    width: 40%;
    overflow: hidden;
    cursor: pointer
}

@media screen and (max-width: 1024px) {
    .search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-image {
        width: 100%
    }
}

.search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-image img {
    width: 100%;
    height: auto;
    transition: transform .3s ease-in-out
}

.search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-image img:hover {
    transform: scale(1.2)
}

.search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-image .search-result-chapter-play-icon {
    position: absolute;
    bottom: 0;
    inset-inline-end: 0;
    background-color: #b90000;
    width: 14px;
    height: 14px;
    display: flex;
    justify-content: center;
    align-items: center
}

.search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-image .search-result-chapter-play-icon img {
    width: 6px;
    height: 7px
}

.search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-title {
    width: 58%
}

@media screen and (max-width: 1024px) {
    .search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-title {
        width: 100%
    }
}

.search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-title .search-result-reel-desc {
    font-size: 15px;
    font-weight: bold
}

@media screen and (max-width: 1024px) {
    .search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-title .search-result-reel-desc {
        margin-top: 8px
    }
}

.search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-title .search-result-reel-date {
    margin-top: 17px;
    font-size: 12px;
    color: rgba(0, 0, 0, .44);
    direction: ltr;
    text-align: end
}

@media screen and (max-width: 1024px) {
    .search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-title .search-result-reel-date {
        margin-bottom: 8px
    }
}

@media screen and (max-width: 600px) {
    .search-result-body .search-bar-wrapper .search-bar {
        margin-top: 25px;
        flex-direction: column
    }

    .search-result-body .search-bar-wrapper .search-bar .search-input {
        border-inline-end: none;
        border-bottom: 1px solid #dcdcdc
    }

    .search-result-body .search-bar-wrapper .search-bar .search-filters {
        width: 100%;
        display: flex;
        flex-direction: row-reverse
    }

    .search-result-body .search-bar-wrapper .search-bar .search-filters .category-filter, .search-result-body .search-bar-wrapper .search-bar .search-filters .date-filter {
        align-items: center;
        width: 50%;
        padding-inline-end: 19px;
        padding-inline-start: 20px
    }

    .search-result-body .search-bar-wrapper .search-bar .search-filters .category-filter {
        border-inline-end: none;
        border: 0
    }

    .search-result-body .search-bar-wrapper .search-bar .search-filters .date-filter {
        border-inline-end: 1px solid #dcdcdc
    }
}

[v-cloak] {
    display: none !important
}

.section-header {
    display: flex;
    align-items: center
}

.section-header.section-header--white .section-header__title {
    --section-title-color: #fff
}

.section-header.section-header--latin .section-header__title .section-header-text {
    font-weight: 900;
    color: #1e2131
}

.section-header.section-header--ltr .section-header__title--red-line:before {
    inset-inline-end: 0
}

.section-header.section-header--ltr .section-header__title .section-header-text {
    padding-inline-end: 20px;
    color: #1e2131
}

.section-header .section-header__title {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--section-title-color, #000)
}

.section-header .section-header__title--red-line {
    position: relative
}

.section-header .section-header__title--red-line:before {
    content: "";
    position: absolute;
    top: 50%;
    inset-inline-start: 0;
    width: 7px;
    height: 100%;
    background-color: #c51017;
    transform: translateY(-50%)
}

.section-header .section-header__title .section-header-text {
    padding-inline-start: 20px;
    color: #1e2131
}

.search-result-chapter {
    width: 100%;
    display: flex;
    flex-direction: column
}

.search-result-chapter .search-result-chapter-image-section {
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.search-result-chapter .search-result-chapter-image-section .search-result-chapter-image {
    width: 100%;
    aspect-ratio: 16/9;
    transition: .1s all ease-in-out
}

.search-result-chapter .search-result-chapter-image-section .search-result-chapter-image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.search-result-chapter .search-result-chapter-image-section .search-result-chapter-fullscreen-icon {
    position: absolute;
    top: 7px;
    inset-inline-start: 6px
}

.search-result-chapter .search-result-chapter-image-section .search-result-chapter-play {
    position: absolute;
    bottom: 0;
    inset-inline-end: 0;
    display: flex;
    align-items: center;
    gap: 8px
}

.search-result-chapter .search-result-chapter-image-section .search-result-chapter-play .search-result-chapter-play-duration {
    color: rgba(255, 255, 255, .64);
    font-weight: bold
}

.search-result-chapter .search-result-chapter-image-section .search-result-chapter-play .search-result-chapter-play-icon {
    background-color: #b90000;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center
}

.search-result-chapter .search-result-chapter-image-section .search-result-chapter-play .search-result-chapter-play-icon img {
    width: 14px;
    height: 17px
}

.search-result-chapter .search-result-chapter-red-line {
    width: 30%;
    height: 0;
    border-bottom: 3px solid #b90000;
    margin-bottom: var(--margin-text-picture);
    transition: .1s width ease-in-out
}

.search-result-chapter:hover .search-result-chapter-red-line {
    transition: width .5s ease-in-out;
    transition-timing-function: cubic-bezier(1, 0, .84, .73);
    width: 100%
}

.search-result-chapter:hover .search-result-chapter-image {
    transition: transform .3s ease-in-out;
    transform: scale(1.2)
}

.search-result-chapter .search-result-chapter-title {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 3px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    color: #1e2131
}

.search-result-chapter .search-result-chapter-date {
    font-size: 12px;
    color: rgba(0, 0, 0, .44);
    direction: ltr;
    text-align: end
}

.search-result-chapter .search-result-chapter-program {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.search-result-chapter .search-result-chapter-program .search-result-chapter-program-name {
    font-size: 15px;
    color: #b90000;
    font-weight: bold
}

.search-result-chapter .search-result-chapter-program .search-result-chapter-episode-number {
    font-size: 14px;
    color: #b90000;
    font-weight: bold
}

.search-result-chapter .search-result-chapter-program-type {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 8px
}

.highlight {
    width: 100%
}

.highlight .highlight-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.highlight .highlight-image .highlight-image-redline {
    width: 25%;
    border: solid 2.5px #c51017;
    transition: width .5s ease-in-out;
    transition-timing-function: cubic-bezier(1, 0, .84, .73)
}

.highlight:hover .highlight-image-redline {
    width: 100%
}

.highlight:hover .highlight-image-redline {
    width: 100%
}

@media screen and (max-width: 768px) {
    .highlight .highlight-content {
        padding-inline-start: 20px;
        padding-inline-end: 20px
    }
}

.highlight .highlight-content .highlight-title {
    font-size: 29px;
    font-weight: bold
}

@media screen and (max-width: 768px) {
    .highlight .highlight-content .highlight-title {
        font-size: 20px
    }
}

.highlight .highlight-content .highlight-text {
    width: 85%;
    font-size: 17px;
    color: rgba(0, 0, 0, .8);
    margin-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.highlight .highlight-content .highlight-time {
    display: none;
    font-size: 12px;
    direction: ltr;
    text-align: inset-inline-start;
    color: #c9c9c9;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .highlight .highlight-content .highlight-time {
        display: block
    }
}

.search-result-al-mazid {
    font-size: 25px;
    border-bottom: #c51017 solid 4px;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 8px;
    cursor: pointer
}

.search-input {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-inline-end: 19px;
    padding-inline-start: 20px;
    position: relative;
    height: 47px;
    border-inset-inline-end: 1px solid #dcdcdc
}

.search-input input {
    border: 0;
    outline: 0;
    box-shadow: none;
    width: 100%;
    padding-inline-end: 20px
}

.search-input i {
    position: absolute;
    inset-inline-end: 19px;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.search-filters {
    width: 406px;
    display: flex;
    flex-direction: row;
    height: 47px;
    position: relative
}

.search-filters p {
    margin: 0
}

.search-filters-dropdown-custom {
    position: absolute;
    top: 51px;
    inset-inline-start: 0;
    z-index: 2;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .0509803922);
    opacity: 1;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    padding-inline-start: 16px;
    padding-inline-end: 22px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease
}

.category-filter, .date-filter {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 203px;
    padding-inline-start: 31px;
    padding-inline-end: 14px;
    height: 100%;
    cursor: pointer
}

.category-filter i, .date-filter i {
    transition: transform .5s ease
}

.category-filter {
    border-inset-inline-end: 1px solid #dcdcdc
}

.search-filters-dropdown-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #c8c8c8;
    cursor: pointer
}

.search-filters-dropdown-item p {
    font-weight: bold;
    margin-bottom: 0
}

.search-filters-dropdown-item i {
    color: #c8c8c8
}

@media only screen and (min-width: 768px) {
    .search-filters-dropdown-item:hover p {
        color: #c51017
    }

    .search-filters-dropdown-item:hover i {
        color: #c51017
    }
}

.search-filter-dropdown-video {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
    cursor: pointer;
    border-bottom: 1px solid #c8c8c8
}

.search-filter-dropdown-video .search-filter-dropdown-video-first {
    display: flex;
    gap: 15px;
    align-items: center
}

.search-filter-dropdown-video .search-filter-dropdown-video-first p {
    font-weight: bold
}

.search-filter-dropdown-video .search-filter-dropdown-video-first img {
    width: 60px;
    height: 36px
}

@media only screen and (min-width: 768px) {
    .search-filter-dropdown-video:hover p {
        color: #c51017
    }

    .search-filter-dropdown-video:hover i {
        color: #c51017
    }
}

.search-filter-dropdown-video i {
    width: 19px;
    height: 19px;
    font-size: 19px
}

.search-filters-dropdown-last-item {
    border: 0
}

.al-mawadi3-dropdown {
    max-width: 697px;
    width: 100%;
    position: absolute;
    top: 67.5px;
    inset-inline-end: 0;
    background-color: #fff;
    z-index: 1;
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease, box-shadow .3s ease, border .3s ease
}

.al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper {
    padding: 10px 33px;
    width: 100%
}

.al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-input {
    width: 100%;
    position: relative;
    border-bottom: 1px rgba(112, 112, 112, .16) solid;
    padding-bottom: 11.38px
}

.al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-input input {
    width: 100%;
    border: 0
}

.al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-input input:focus {
    outline: 0
}

.al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-input i {
    position: absolute;
    inset-inline-end: 0;
    top: 7px;
    color: #000;
    cursor: pointer
}

.al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-content {
    display: flex;
    flex-wrap: wrap;
    margin-top: 26.68px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 10px
}

.al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-content .al-mawadi3-dropdown-item {
    flex-basis: calc(33.3% - 8px);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 16.52px
}

.al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-content .al-mawadi3-dropdown-item .dropdown-hashtag-container {
    display: flex;
    align-items: center;
    gap: 2px
}

.al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-content .al-mawadi3-dropdown-item input {
    cursor: pointer;
    accent-color: #b90000
}

.al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-content .al-mawadi3-dropdown-item label {
    color: #505050;
    font-size: 17px;
    font-weight: bold
}

.al-mawadi3-dropdown-show {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border: #e9e9e9 solid 1px;
    max-height: 500px !important
}

.search-filters-dropdown-show {
    max-height: 500px !important;
    border: 1px solid #dcdcdc
}

.x-button {
    position: absolute;
    display: none;
    top: calc(var(--header-height) + 20px);
    inset-inline-end: 22.93px;
    font-size: 20px;
    z-index: 3
}

@media screen and (max-width: 980px) {
    .x-button {
        display: block
    }
}

.x-button-white i {
    color: #fff
}

.takarir-search-bar {
    margin-top: 33px;
    border: #dcdcdc 1px solid;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .0509803922);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: #fff
}

@media screen and (max-width: 850px) {
    .takarir-search-bar {
        flex-direction: column
    }
}

.takarir-search-bar .search-input {
    border-inset-inline-end: 1px solid #eee
}

@media screen and (max-width: 850px) {
    .takarir-search-bar .search-input {
        border-inset-inline-end: none;
        border-bottom: 1px solid #eee
    }
}

.takarir-search-bar .search-input input {
    width: 100%;
    background-color: #fff
}

.takarir-search-bar .search-filters {
    width: -moz-fit-content;
    width: fit-content;
    display: grid;
    grid-template-columns:170px 190px 160px
}

.takarir-search-bar .search-filters .date-filter {
    width: 100%;
    border-inset-inline-end: 1px solid #eee;
    padding-inline-start: 14px;
    height: 47px
}

.takarir-search-bar .search-filters .date-filter i {
    color: #555
}

.takarir-search-bar .search-filters .category-filter {
    width: 100%;
    border: 0
}

.takarir-search-bar .search-filters .date-order-filter {
    width: 100%;
    padding-inline-start: 14px;
    border-inset-inline-end: 1px solid #eee
}

@media screen and (max-width: 850px) {
    .takarir-search-bar .search-filters {
        width: 100%;
        grid-template-columns:33.4% 33.3% 33.3%
    }

    .takarir-search-bar .search-filters .category-filter {
        padding-inline-end: 19px;
        padding-inline-start: 14px
    }
}

@media screen and (max-width: 650px) {
    .takarir-search-bar .search-filters {
        width: 100%;
        grid-template-columns:50% 50%;
        height: 94px
    }

    .takarir-search-bar .search-filters .date-order-filter {
        grid-row: 1;
        grid-column: 1/span 2;
        border-bottom: 1px solid #eee;
        border-inset-inline-end: none;
        height: 47px
    }
}

.share-icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 13px;
    inset-inline-start: 20px;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1607843137);
    z-index: 1
}

.is-video-icon {
    position: absolute;
    bottom: 0;
    inset-inline-end: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background-color: #c51017;
    color: #fff
}

.arrow-rotate {
    transform: rotate(180deg)
}

.social-media-container {
    position: absolute;
    bottom: 0;
    height: 100%;
    min-height: 290px;
    width: -moz-fit-content;
    width: fit-content;
    inset-inline-start: 3px
}

@media screen and (min-width: 1601px) {
    .social-media-container {
        inset-inline-start: -67px
    }
}

@media screen and (max-width: 1024px) {
    .social-media-container {
        inset-inline-start: 3px !important;
        pointer-events: none
    }
}

.articles-social-media-links {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: sticky;
    z-index: 3;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1607843137);
    padding: 16px;
    color: #555;
    top: calc(var(--header-height) + 20px);
    margin-bottom: 10px;
    gap: 30px;
    height: -moz-min-content;
    height: min-content
}

.articles-social-media-links .adjust-font-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px
}

@media screen and (max-width: 1024px) {
    .articles-social-media-links {
        flex-direction: row;
        position: fixed;
        top: auto;
        bottom: 18px;
        margin-top: 0;
        justify-content: space-between;
        background-color: unset;
        box-shadow: unset;
        padding: 0;
        gap: 3px;
        pointer-events: initial;
        margin-bottom: 0
    }

    .articles-social-media-links.stop {
        position: absolute;
        bottom: 18px
    }

    .articles-social-media-links .adjust-font-container {
        flex-direction: row;
        gap: 0;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .1607843137)
    }
}

.articles-social-media-links .articles-social-media-link {
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    height: 17px
}

.articles-social-media-links .articles-social-media-link img {
    height: 17px;
    width: auto
}

.articles-social-media-links .articles-social-media-link.facebook {
    font-size: 21px
}

.articles-social-media-links .articles-social-media-link.facebook i {
    color: #1877f2
}

.articles-social-media-links .articles-social-media-link.x-twitter {
    font-size: 21px
}

.articles-social-media-links .articles-social-media-link.x-twitter i {
    color: #000
}

.articles-social-media-links .articles-social-media-link.whatsapp {
    font-size: 21px
}

.articles-social-media-links .articles-social-media-link.whatsapp i {
    color: #25d366
}

@media screen and (max-width: 1024px) {
    .articles-social-media-links .articles-social-media-link {
        background-color: #fff;
        height: 40px;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .articles-social-media-links .articles-social-media-link.share {
        box-shadow: 0 3px 6px rgba(0, 0, 0, .1607843137)
    }

    .articles-social-media-links .articles-social-media-link.facebook {
        background-color: #1877f2
    }

    .articles-social-media-links .articles-social-media-link.facebook i {
        color: #fff
    }

    .articles-social-media-links .articles-social-media-link.x-twitter {
        background-color: #000
    }

    .articles-social-media-links .articles-social-media-link.x-twitter i {
        color: #fff
    }

    .articles-social-media-links .articles-social-media-link.whatsapp {
        background-color: #25d366
    }

    .articles-social-media-links .articles-social-media-link.whatsapp i {
        color: #fff
    }
}

.articles-social-media-links .articles-social-media-link .media-button {
    font-size: 15px;
    font-weight: bold;
    direction: ltr;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 17px;
    height: -moz-fit-content;
    height: fit-content
}

.articles-social-media-links .articles-social-media-link .media-button .fa-a {
    font-size: 12px;
    font-weight: 900;
    line-height: 20px
}

.articles-social-media-links .articles-social-media-link .media-button h6 {
    margin: 0;
    font-weight: bold
}

.articles-social-media-links .articles-social-media-link .media-button p {
    margin: 0;
    line-height: 12px
}

.articles-social-media-links .articles-social-media-link .media-button .articles-a- {
    font-size: 19px;
    height: -moz-fit-content;
    height: fit-content
}

.articles-social-media-links .articles-social-media-link .articles-a {
    justify-content: space-between
}

@media screen and (max-width: 980px) {
    .sticky-container {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        inset-inline-end: 0;
        pointer-events: none
    }
}

@media screen and (max-width: 980px) {
    .sticky-container .stickyHeader {
        position: sticky !important;
        top: calc(var(--header-height) - 1px);
        inset-inline-start: 0;
        width: 100%;
        background-color: #fff;
        z-index: 5;
        padding-bottom: 1px;
        margin-top: 30px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        transition: padding .2s ease, margin .2s ease;
        padding-inline-end: var(--margin-end);
        pointer-events: initial
    }

    .sticky-container .stickyHeader .sticky-title {
        transition: transform .2s ease;
        transform-origin: right
    }

    .sticky-container .stickyHeader.sticking {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
        padding-top: 3px !important;
        padding-bottom: 3px !important
    }

    .sticky-container .stickyHeader.sticking .sticky-title {
        transform: scale(.8)
    }

    .sticky-container .stickyHeader.news-categories {
        padding-left: var(--margin-end);
        padding-right: var(--margin-start)
    }

    .sticky-container .stickyHeader.news-categories.sticking {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .sticky-container .stickyHeader.news-cast-header {
        justify-content: space-between
    }

    .sticky-container .stickyHeader.news-cast-header.sticking {
        padding-bottom: 8px !important
    }
}

.read-more {
    font-weight: 800;
    color: #b90000;
    display: flex;
    align-items: center;
    gap: 3px;
    margin-top: 15px;
    cursor: pointer;
    width: -moz-fit-content;
    width: fit-content
}

.read-more p {
    font-size: 19px;
    margin: 0
}

.read-more::after {
    display: block;
    content: "";
    font-family: "Font Awesome 6 Free";
    content: "";
    font-size: 13px;
    line-height: 1;
    padding-top: 3px
}

.date-format {
    direction: ltr
}

.nc-header {
    display: flex;
    flex-direction: column;
    gap: 19px
}

@media screen and (max-width: 750px) {
    .nc-header {
        gap: 10px
    }
}

.nc-header .header-top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width: 750px) {
    .nc-header .header-top {
        flex-direction: column;
        align-items: start;
        gap: 18px
    }
}

.nc-header .header-top h2 {
    font-size: 24px;
    font-weight: 800;
    margin: 0;
    padding-inline-start: 12px;
    border-inline-start: #b90000 8px solid
}

.nc-header .days-container {
    display: flex;
    gap: 11px
}

@media screen and (max-width: 450px) {
    .nc-header .days-container {
        width: 100%
    }
}

.nc-header .days-container .day {
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 1;
    border: #646464 solid 1px;
    border-radius: var(--newsbulletins-border-radius);
    opacity: .6;
    padding: 4px 8px;
    cursor: pointer
}

.nc-header .days-container .day.selected {
    opacity: 1;
    border-color: #b90000
}

.nc-header .days-container .day h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600
}

@media screen and (max-width: 750px) {
    .nc-header .days-container .day h4 {
        font-size: 13px
    }
}

.nc-header .days-container .day p, .nc-header .days-container .day h5 {
    margin: 0;
    font-weight: 600;
    font-size: 13px;
    direction: ltr
}

@media screen and (max-width: 750px) {
    .nc-header .days-container .day p, .nc-header .days-container .day h5 {
        font-size: 11px
    }
}

.nc-header .days-container .day img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
    height: auto
}

.nc-header .days-container.time-container {
    flex-wrap: wrap
}

@media screen and (max-width: 530px) {
    .nc-header .days-container.time-container {
        gap: 3px
    }

    .nc-header .days-container.time-container .day {
        padding: 4px 4px
    }
}

.nc-header .header-bottom {
    margin-bottom: 50px;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width: 750px) {
    .nc-header .header-bottom {
        margin-bottom: 20px;
        width: 100%
    }
}

.nc-header .header-bottom .dropdown {
    position: relative
}

.nc-header .header-bottom .dropdown.opened .dropdown-selected {
    border-radius: 0;
    border-top-left-radius: var(--newsbulletins-border-radius);
    border-top-right-radius: var(--newsbulletins-border-radius)
}

.nc-header .header-bottom .dropdown.opened .dropdown-selected i {
    transform: rotate(180deg)
}

.nc-header .header-bottom .dropdown.opened .dropdown-content {
    max-height: 200px;
    border-width: 1px;
    border-radius: 0;
    border-bottom-left-radius: var(--newsbulletins-border-radius);
    border-bottom-right-radius: var(--newsbulletins-border-radius)
}

.nc-header .header-bottom .dropdown.opened .dropdown-content .dropdown-selected i {
    transform: none
}

.nc-header .header-bottom .dropdown h5 {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1
}

.nc-header .header-bottom .dropdown img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
    height: auto
}

.nc-header .header-bottom .dropdown .dropdown-selected {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 15px 20px;
    border: #707070 solid 1px;
    border-radius: var(--newsbulletins-border-radius);
    transition: all .2s ease;
    cursor: pointer
}

@media screen and (max-width: 750px) {
    .nc-header .header-bottom .dropdown .dropdown-selected {
        padding: 10px 15px
    }
}

.nc-header .header-bottom .dropdown .dropdown-selected .dropdown-title {
    display: flex;
    align-items: center;
    gap: 10px
}

.nc-header .header-bottom .dropdown .dropdown-selected i {
    transition: transform .2s ease
}

.nc-header .header-bottom .dropdown .dropdown-content {
    position: absolute;
    left: 0;
    top: calc(100% - 1px);
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 1;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: all .2s ease;
    border: #707070 solid 0;
    border-radius: var(--newsbulletins-border-radius)
}

.nc-header .header-bottom .dropdown .dropdown-content .dropdown-selected {
    width: 100%;
    border: 0;
    transition: all .2s ease;
    border-bottom: rgba(0, 0, 0, .1) solid 1px
}

.nc-header .header-bottom .dropdown .dropdown-content .dropdown-selected h5 {
    direction: ltr
}

.nc-header .header-bottom .dropdown .dropdown-content .dropdown-selected .dropdown-title h5 {
    font-size: 11px
}

.nc-header .header-bottom .dropdown .dropdown-content .dropdown-selected:hover {
    color: #b90000
}

.nc-header .header-bottom .dropdown .dropdown-content .dropdown-selected.disabled {
    pointer-events: none;
    color: #808080;
    cursor: default
}

@keyframes customSlideLeftToRight {
    from {
        transform: translateX(-100%);
        opacity: 0
    }
    to {
        transform: translateX(0);
        opacity: 1
    }
}

.custom-animate-left-to-right {
    animation-name: customSlideLeftToRight;
    animation-duration: 1s
}

@keyframes customSlideRightToLeft {
    from {
        transform: translateX(100%);
        opacity: 0
    }
    to {
        transform: translateX(0);
        opacity: 1
    }
}

.custom-animate-right-to-left {
    animation-name: customSlideRightToLeft;
    animation-duration: 1s
}

@keyframes customRotate180 {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

.custom-animate-rotate-180 {
    animation-name: customRotate180;
    animation-duration: .5s;
    animation-fill-mode: forwards
}

@keyframes redFillGlowing {
    0% {
        fill: #c51017;
        color: #c51017;
        box-shadow: 0 0 3px #fff
    }
    50% {
        fill: rgba(197, 16, 23, .25);
        color: rgba(197, 16, 23, .25);
        box-shadow: 0 0 40px #fff
    }
    100% {
        fill: #c51017;
        color: #c51017;
        box-shadow: 0 0 3px #fff
    }
}

.red-fill-glowing {
    animation: redFillGlowing 1s ease-in-out infinite
}

@keyframes redBackgroundGlowing {
    0% {
        background-color: #c51017
    }
    50% {
        background-color: rgba(197, 16, 23, .5)
    }
    100% {
        background-color: #c51017
    }
}

@keyframes whiteBackgroundGlowing {
    0% {
        background-color: #fff
    }
    50% {
        background-color: rgba(255, 255, 255, .5)
    }
    100% {
        background-color: #fff
    }
}

.red-background-glowing {
    animation: redBackgroundGlowing 1s ease-in-out infinite
}

.red-background-glowing:hover {
    animation: whiteBackgroundGlowing 1s ease-in-out infinite
}

.red-background-glowing--no-hover {
    animation: redBackgroundGlowing 1s ease-in-out infinite
}

@keyframes Loader {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 100% 0
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%)
    }
    100% {
        transform: translateY(0%)
    }
}

@keyframes rotateMenu {
    0% {
        transform: rotateX(-90deg)
    }
    70% {
        transform: rotateX(20deg)
    }
    100% {
        transform: rotateX(0deg)
    }
}

@keyframes storiesLoadingBar {
    0% {
        transform: scaleX(0)
    }
    100% {
        transform: scaleX(1)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes opacity-loading {
    0% {
        opacity: 80%
    }
    50% {
        opacity: 0%
    }
    100% {
        opacity: 80%
    }
}

.articles.template-2 {
    padding: 20px var(--margin-start)
}

@media screen and (max-width: 900px) {
    .articles.template-2 {
        padding: 0
    }
}

.articles.template-2 .articles-wrapper {
    max-width: 1600px;
    margin: auto;
    grid-template-rows:auto 1fr auto;
    grid-template-columns:1fr 400px;
    -moz-column-gap: 150px;
    column-gap: 150px
}

@media screen and (max-width: 1400px) {
    .articles.template-2 .articles-wrapper {
        grid-template-columns:1fr 300px
    }
}

@media screen and (max-width: 1300px) {
    .articles.template-2 .articles-wrapper {
        -moz-column-gap: 100px;
        column-gap: 100px
    }
}

@media screen and (max-width: 1200px) {
    .articles.template-2 .articles-wrapper {
        -moz-column-gap: 50px;
        column-gap: 50px
    }
}

@media screen and (max-width: 900px) {
    .articles.template-2 .articles-wrapper {
        grid-template-columns:auto
    }
}

.articles.template-2 .articles-wrapper .articles-header {
    grid-column: span 1;
    max-height: unset;
    width: 80%
}

@media screen and (max-width: 1100px) {
    .articles.template-2 .articles-wrapper .articles-header {
        width: 100%
    }
}

@media screen and (max-width: 900px) {
    .articles.template-2 .articles-wrapper .articles-header {
        padding: 0
    }
}

.articles.template-2 .articles-wrapper .articles-header.have-video {
    width: 100%
}

.articles.template-2 .articles-wrapper .articles-header.have-video .video-player-container .video-js {
    width: 100%;
    aspect-ratio: 16/9;
    height: unset
}

.articles.template-2 .articles-wrapper .articles-header .articles-header-image img {
    max-height: unset
}

.articles.template-2 .articles-wrapper .articles-header .lc-breaking-swiper-container {
    margin: 0
}

.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper {
    overflow: hidden;
    position: relative;
    width: 100%;
    cursor: pointer;
    touch-action: pan-x pinch-zoom !important
}

.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-wrapper {
    touch-action: pan-x pinch-zoom !important
}

.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: #000
}

.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper.fullscreen .swiper-wrapper {
    height: 100%;
    touch-action: pan-x pinch-zoom !important
}

.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper.fullscreen .swiper-wrapper .lc-breaking-swiper-slide {
    height: 100%
}

.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper.fullscreen .swiper-wrapper .lc-breaking-swiper-slide img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper.fullscreen .swiper-wrapper .lc-breaking-swiper-slide .no-pan-transition {
    transition-duration: 0ms !important
}

.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper.fullscreen .full-screen-icon .fa-xmark {
    display: block
}

.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .full-screen-icon {
    position: absolute;
    top: 0;
    inset-inline-start: 10px;
    z-index: 1;
    color: #fff;
    font-size: 40px;
    height: -moz-fit-content;
    height: fit-content
}

.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .full-screen-icon .fa-xmark {
    display: none;
    padding-top: 10px;
    font-size: 37px
}

.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .lc-breaking-swiper-slide {
    width: 100% !important
}

.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .lc-breaking-swiper-slide img {
    width: 100%;
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    object-fit: cover
}

.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-pagination {
    top: unset;
    bottom: 24px
}

@media screen and (max-width: 670px) {
    .articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-pagination {
        bottom: 15px;
        text-align: left;
        padding-inline-end: 10px
    }
}

.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-pagination .swiper-pagination-bullet {
    background: #000;
    opacity: .66;
    border: 1px solid #707070;
    width: 11px;
    height: 11px;
    margin: 0 10px
}

@media screen and (max-width: 670px) {
    .articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-pagination .swiper-pagination-bullet {
        margin: 0 8.5px
    }
}

.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1
}

.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-button-prev, .articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-button-next {
    background-color: #fff;
    border: 1px solid #707070;
    width: 40px;
    height: 40px;
    bottom: 10px;
    top: unset
}

@media screen and (max-width: 670px) {
    .articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-button-prev, .articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-button-next {
        bottom: 11px
    }
}

.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-button-prev::after, .articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-button-next::after {
    color: #000;
    font-size: 15px;
    font-weight: bolder
}

.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-button-prev {
    inset-inline-start: 10.5px
}

.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-button-next {
    inset-inline-start: 54.5px
}

.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper #toggleFullscreen {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.articles.template-2 .articles-wrapper .bigger-screen-container {
    display: contents
}

.articles.template-2 .articles-wrapper .bigger-screen-container .container-wrapper {
    display: contents
}

.articles.template-2 .articles-wrapper .title-content-container {
    position: relative
}

@media screen and (max-width: 900px) {
    .articles.template-2 .articles-wrapper .title-content-container {
        display: contents
    }
}

.articles.template-2 .articles-wrapper .title-content-container .social-media-container {
    inset-inline-start: -60px
}

.articles.template-2 .articles-wrapper .articles-header-title {
    padding: 0
}

@media screen and (max-width: 900px) {
    .articles.template-2 .articles-wrapper .articles-header-title {
        grid-row: 1;
        padding: 0 var(--margin-start)
    }
}

.articles.template-2 .articles-wrapper .articles-content {
    padding: 0;
    padding-left: 10px;
    padding-right: 10px
}

.articles.template-2 .articles-content-left {
    grid-column: 2;
    grid-row: 1/span 2;
    padding: 0;
    padding-inline-end: 0
}

@media screen and (max-width: 900px) {
    .articles.template-2 .articles-content-left {
        grid-row: unset;
        grid-column: 1;
        padding: 0 var(--margin-start)
    }
}

.articles, .articles-2 {
    position: relative
}

.articles .articles-wrapper, .articles-2 .articles-wrapper {
    display: grid;
    grid-template-columns:1fr 300px;
    gap: 30px;
    grid-template-rows:auto auto 1fr;
    padding-bottom: 60px
}

@media screen and (max-width: 1600px) {
    .articles .articles-wrapper, .articles-2 .articles-wrapper {
        grid-template-columns:1fr calc(300px + var(--margin-start))
    }
}

@media screen and (max-width: 900px) {
    .articles .articles-wrapper, .articles-2 .articles-wrapper {
        padding-top: 20px
    }
}

@media screen and (max-width: 800px) {
    .articles .articles-wrapper, .articles-2 .articles-wrapper {
        grid-template-columns:auto;
        gap: 15px
    }
}

.articles .articles-wrapper .articles-header, .articles-2 .articles-wrapper .articles-header {
    position: relative;
    grid-column: span 2;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content
}

@media screen and (max-width: 800px) {
    .articles .articles-wrapper .articles-header, .articles-2 .articles-wrapper .articles-header {
        grid-column: span 1
    }
}

.articles .articles-wrapper .articles-header .articles-header-image, .articles-2 .articles-wrapper .articles-header .articles-header-image {
    position: relative
}

.articles .articles-wrapper .articles-header .articles-header-image img, .articles-2 .articles-wrapper .articles-header .articles-header-image img {
    width: 100%;
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: calc(100dvh - var(--header-height) - 120px)
}

.articles .articles-wrapper .articles-header .articles-header-image::after, .articles-2 .articles-wrapper .articles-header .articles-header-image::after {
    content: "";
    display: block;
    width: 30%;
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    height: 4px;
    background-color: #b90000
}

.articles .articles-wrapper .articles-header .articles-header-gradient-overlay, .articles-2 .articles-wrapper .articles-header .articles-header-gradient-overlay {
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 70%;
    background: #fff;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000 77%);
    opacity: 52%;
    z-index: 2
}

.articles .articles-wrapper .bigger-screen-container, .articles-2 .articles-wrapper .bigger-screen-container {
    width: 100%;
    padding: 0 var(--margin-start);
    grid-column: span 2
}

@media screen and (max-width: 1600px) {
    .articles .articles-wrapper .bigger-screen-container, .articles-2 .articles-wrapper .bigger-screen-container {
        display: contents
    }
}

.articles .articles-wrapper .bigger-screen-container .container-wrapper, .articles-2 .articles-wrapper .bigger-screen-container .container-wrapper {
    display: grid;
    grid-template-columns:1fr 300px;
    grid-template-rows:auto 1fr;
    max-width: 1600px;
    margin: auto;
    gap: 30px
}

@media screen and (max-width: 1600px) {
    .articles .articles-wrapper .bigger-screen-container .container-wrapper, .articles-2 .articles-wrapper .bigger-screen-container .container-wrapper {
        display: contents
    }
}

.articles .articles-wrapper .title-content-container, .articles-2 .articles-wrapper .title-content-container {
    width: 100%;
    position: relative
}

@media screen and (max-width: 800px) {
    .articles .articles-wrapper .title-content-container, .articles-2 .articles-wrapper .title-content-container {
        display: contents
    }
}

.articles .articles-wrapper .articles-header-title, .articles-2 .articles-wrapper .articles-header-title {
    align-self: start;
    padding-bottom: 10px
}

@media screen and (max-width: 1600px) {
    .articles .articles-wrapper .articles-header-title, .articles-2 .articles-wrapper .articles-header-title {
        padding-inline-start: var(--margin-start)
    }
}

@media screen and (max-width: 800px) {
    .articles .articles-wrapper .articles-header-title, .articles-2 .articles-wrapper .articles-header-title {
        grid-row: 1;
        padding-bottom: 0
    }
}

.articles .articles-wrapper .articles-header-title .articles-header-date, .articles-2 .articles-wrapper .articles-header-title .articles-header-date {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 17px;
    line-height: 1
}

.articles .articles-wrapper .articles-header-title .articles-header-date .black, .articles-2 .articles-wrapper .articles-header-title .articles-header-date .black {
    color: rgba(0, 0, 0, .6);
    padding-inline-start: 10px;
    margin-inline-start: 10px;
    border-inline-start: 1px solid rgba(0, 0, 0, .6);
    line-height: 1;
    direction: ltr
}

.articles .articles-wrapper .articles-header-title .articles-header-date .red, .articles-2 .articles-wrapper .articles-header-title .articles-header-date .red {
    color: #b90000;
    direction: ltr
}

@media screen and (max-width: 900px) {
    .articles .articles-wrapper .articles-header-title .articles-header-date, .articles-2 .articles-wrapper .articles-header-title .articles-header-date {
        font-size: 13px;
        margin-bottom: 12px
    }
}

.articles .articles-wrapper .articles-header-title .section-header, .articles-2 .articles-wrapper .articles-header-title .section-header {
    display: block
}

.articles .articles-wrapper .articles-header-title .section-header__title, .articles-2 .articles-wrapper .articles-header-title .section-header__title {
    padding: 0;
    margin: 0;
    width: 100%;
    margin-top: 10px;
    font-weight: 800;
    line-height: 1.4
}

.articles .articles-wrapper .articles-header-title .section-header__title .section-header-text, .articles-2 .articles-wrapper .articles-header-title .section-header__title .section-header-text {
    font-size: 35px;
    padding: 0
}

@media screen and (max-width: 900px) {
    .articles .articles-wrapper .articles-header-title .section-header__title .section-header-text, .articles-2 .articles-wrapper .articles-header-title .section-header__title .section-header-text {
        font-size: 23px
    }
}

.articles .articles-content, .articles-2 .articles-content {
    grid-column: 1;
    height: -moz-fit-content;
    height: fit-content
}

@media screen and (max-width: 1600px) {
    .articles .articles-content, .articles-2 .articles-content {
        padding-inline-start: var(--margin-start)
    }
}

@media screen and (max-width: 800px) {
    .articles .articles-content, .articles-2 .articles-content {
        grid-row: 3;
        padding: 0 var(--margin-start)
    }
}

.articles .articles-content .articles-content-wrapper, .articles-2 .articles-content .articles-content-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 50px
}

.articles .articles-content-left, .articles-2 .articles-content-left {
    grid-row: span 2
}

@media screen and (max-width: 1600px) {
    .articles .articles-content-left, .articles-2 .articles-content-left {
        padding-inline-end: var(--margin-start)
    }
}

@media screen and (max-width: 800px) {
    .articles .articles-content-left, .articles-2 .articles-content-left {
        padding: 0 var(--margin-start)
    }
}

.articles .articles-content-left .article-hashtag, .articles-2 .articles-content-left .article-hashtag {
    padding-top: 30px
}

.articles .articles-content-left .article-hashtag .article-hashtag-title, .articles-2 .articles-content-left .article-hashtag .article-hashtag-title {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    gap: 5px;
    font-size: 17px;
    background: #fff;
    padding: 15px 20px;
    border-radius: 10px;
    max-width: 600px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1607843137);
    border-radius: 8px;
    position: relative;
    transform-style: preserve-3d
}

.articles .articles-content-left .article-hashtag .article-hashtag-title p, .articles-2 .articles-content-left .article-hashtag .article-hashtag-title p {
    margin: 0
}

.articles .articles-content-left .article-hashtag .article-hashtag-title::after, .articles-2 .articles-content-left .article-hashtag .article-hashtag-title::after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-inline-end: 20px solid transparent;
    border-inline-start: 20px solid transparent;
    border-top: 20px solid #fff;
    bottom: -12px;
    position: absolute;
    inset-inline-start: 15%
}

.articles .articles-content-left .article-hashtag .article-hashtag-content, .articles-2 .articles-content-left .article-hashtag .article-hashtag-content {
    display: flex;
    margin-top: 29px;
    flex-direction: column;
    gap: 5px
}

.articles .articles-content-left .article-hashtag .article-hashtag-content .article-hashtag-report, .articles-2 .articles-content-left .article-hashtag .article-hashtag-content .article-hashtag-report {
    margin: 0;
    font-size: 17px;
    font-weight: 800;
    padding-bottom: 10px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 3.6em;
    line-height: 1.8em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.articles .articles-content-left .article-hashtag .article-hashtag-content .article-hashtag-separator, .articles-2 .articles-content-left .article-hashtag .article-hashtag-content .article-hashtag-separator {
    height: 0;
    width: 100%;
    border-bottom: solid 1px rgba(162, 162, 162, .36)
}

.articles .articles-content-left .article-hashtag .article-hashtag-al-mazid, .articles-2 .articles-content-left .article-hashtag .article-hashtag-al-mazid {
    color: #b90000;
    font-size: 19px;
    font-weight: 800;
    padding-top: 15px;
    border-top: 5px solid #c51017;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 20px
}

.articles .articles-main-content, .articles-2 .articles-main-content {
    width: 100%
}

.articles .articles-main-content .articles-article-writer, .articles-2 .articles-main-content .articles-article-writer {
    display: flex;
    gap: 15px;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 5px;
    margin-bottom: 5px
}

.articles .articles-main-content .articles-article-writer .articles-writer-image, .articles-2 .articles-main-content .articles-article-writer .articles-writer-image {
    width: 50px;
    height: 50px
}

.articles .articles-main-content .articles-article-writer .articles-writer-image img, .articles-2 .articles-main-content .articles-article-writer .articles-writer-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.articles .articles-main-content .articles-article-writer .articles-writer-details h2, .articles-2 .articles-main-content .articles-article-writer .articles-writer-details h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 7px
}

.articles .articles-main-content .articles-article-writer .articles-writer-details h5, .articles-2 .articles-main-content .articles-article-writer .articles-writer-details h5 {
    font-size: 16px;
    color: rgba(0, 0, 0, .7);
    margin: 0
}

.articles .articles-main-content .articles-report, .articles-2 .articles-main-content .articles-report {
    font-size: 19px;
    line-height: 2;
    padding-bottom: 20px;
    width: 100%;
    min-height: 200px
}

.articles .articles-main-content .articles-report p, .articles-2 .articles-main-content .articles-report p {
    margin-bottom: 0
}

.articles .articles-main-content .articles-report iframe, .articles-2 .articles-main-content .articles-report iframe {
    width: 100%
}

.articles .articles-main-content .articles-report a, .articles-2 .articles-main-content .articles-report a {
    display: inline-block;
    color: #0d6efd;
    text-decoration: underline
}

.articles .articles-main-content .articles-report .article-ad, .articles-2 .articles-main-content .articles-report .article-ad {
    padding: 20px 0
}

.articles .articles-main-content .articles-report .article-video, .articles-2 .articles-main-content .articles-report .article-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    width: 100%;
    overflow: hidden;
    z-index: 0
}

.articles .articles-main-content .articles-report .article-video iframe, .articles-2 .articles-main-content .articles-report .article-video iframe {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.articles .articles-main-content .articles-report img, .articles-2 .articles-main-content .articles-report img {
    width: 100%;
    height: auto
}

.articles .articles-main-content .articles-report .articles-horizontal-ad, .articles-2 .articles-main-content .articles-report .articles-horizontal-ad {
    width: 100%;
    height: 192px;
    background-color: #03e931;
    margin: 35px 0
}

.articles .articles-main-content .articles-report .download-pdf, .articles-2 .articles-main-content .articles-report .download-pdf {
    display: flex;
    align-items: center;
    gap: 13px;
    background-color: #b90000;
    width: -moz-fit-content;
    width: fit-content;
    padding: 8px 15px;
    border-radius: 15px;
    margin-top: 20px;
    border: #b90000 1px solid;
    transition: all .3s ease
}

.articles .articles-main-content .articles-report .download-pdf h3, .articles-2 .articles-main-content .articles-report .download-pdf h3 {
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    transition: all .3s ease
}

.articles .articles-main-content .articles-report .download-pdf i, .articles-2 .articles-main-content .articles-report .download-pdf i {
    color: #fff;
    transition: all .3s ease
}

.articles .articles-main-content .articles-report .download-pdf:hover, .articles-2 .articles-main-content .articles-report .download-pdf:hover {
    background-color: #fff
}

.articles .articles-main-content .articles-report .download-pdf:hover h3, .articles-2 .articles-main-content .articles-report .download-pdf:hover h3 {
    color: #000
}

.articles .articles-main-content .articles-report .download-pdf:hover i, .articles-2 .articles-main-content .articles-report .download-pdf:hover i {
    color: #000
}

.articles .articles-left-header h2, .articles-2 .articles-left-header h2 {
    font-size: 29px;
    font-weight: 800;
    margin-bottom: 19px
}

@media screen and (max-width: 900px) {
    .articles .articles-left-header h2, .articles-2 .articles-left-header h2 {
        font-size: 22px
    }
}

.articles .articles-most-red-item, .articles-2 .articles-most-red-item {
    margin-bottom: 27px;
    width: 100%
}

@media screen and (max-width: 650px) {
    .articles .articles-most-red-item, .articles-2 .articles-most-red-item {
        margin-bottom: 10px
    }
}

.articles .articles-most-red-item .articles-most-red-wrapper, .articles-2 .articles-most-red-item .articles-most-red-wrapper {
    display: flex;
    flex-direction: row-reverse;
    padding-bottom: 23px;
    border-bottom: solid 1px rgba(112, 112, 112, .21);
    position: relative
}

@media screen and (max-width: 650px) {
    .articles .articles-most-red-item .articles-most-red-wrapper, .articles-2 .articles-most-red-item .articles-most-red-wrapper {
        padding-bottom: 10px
    }
}

.articles .articles-most-red-item .articles-most-red-wrapper::after, .articles-2 .articles-most-red-item .articles-most-red-wrapper::after {
    content: "";
    display: block;
    position: absolute;
    height: 4px;
    width: 20px;
    background-color: #c51017;
    bottom: -3px;
    inset-inline-start: 0;
    transition: width .3s ease-in-out
}

.articles .articles-most-red-item .articles-most-red-wrapper:hover::after, .articles-2 .articles-most-red-item .articles-most-red-wrapper:hover::after {
    width: 100%
}

.articles .articles-most-red-item .articles-most-red-image-container, .articles-2 .articles-most-red-item .articles-most-red-image-container {
    width: 35.5%
}

.articles .articles-most-red-item .articles-most-red-image-container img, .articles-2 .articles-most-red-item .articles-most-red-image-container img {
    width: 100%;
    aspect-ratio: 16/9;
    height: auto
}

.articles .articles-most-red-item .articles-most-red-title-wrapper, .articles-2 .articles-most-red-item .articles-most-red-title-wrapper {
    width: 70.5%
}

.articles .articles-most-red-item .articles-most-red-title, .articles-2 .articles-most-red-item .articles-most-red-title {
    display: flex;
    gap: 8px;
    width: 100%
}

@media screen and (max-width: 650px) {
    .articles .articles-most-red-item .articles-most-red-title, .articles-2 .articles-most-red-item .articles-most-red-title {
        gap: 17px
    }
}

.articles .articles-most-red-item .articles-most-red-title h1, .articles-2 .articles-most-red-item .articles-most-red-title h1 {
    font-size: 30px;
    margin: 0;
    line-height: 34px;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width: 650px) {
    .articles .articles-most-red-item .articles-most-red-title h1, .articles-2 .articles-most-red-item .articles-most-red-title h1 {
        font-size: 32px;
        line-height: 36px
    }
}

.articles .articles-most-red-item .articles-most-red-title h2, .articles-2 .articles-most-red-item .articles-most-red-title h2 {
    font-size: 14px;
    margin: 0;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 3.6em;
    line-height: 1.8em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.live-coverage {
    background-color: #f3f3f3
}

.live-coverage .live-coverage-wrapper {
    max-width: 1600px;
    margin: auto
}

.live-coverage .lc-video-container {
    width: 100%;
    position: relative;
    aspect-ratio: 16/9;
    max-height: calc(100vh - var(--header-height));
    display: flex;
    flex-direction: column;
    gap: 10px
}

.live-coverage .lc-video-container .video-player-container {
    height: calc(100% - 100px)
}

.live-coverage .lc-video-container .video-player-container .video-js {
    height: 100%;
    aspect-ratio: 16/9
}

.live-coverage .lc-video-container.make-full-width {
    min-height: calc(100vh - var(--header-height))
}

.live-coverage .lc-video-container.make-full-width .video-player-container {
    height: 100%
}

.live-coverage .lc-video-container.make-full-width .video-player-container .video-js {
    aspect-ratio: unset;
    height: 100%
}

.live-coverage .lc-video-container iframe {
    flex: 1;
    width: 100%;
    height: 100%
}

.live-coverage .lc-video-container .live-big-ad {
    height: 90px;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

@media screen and (max-width: 730px) {
    .live-coverage .lc-video-container .live-big-ad {
        display: none
    }
}

.live-coverage .lc-video-container .live-small-ad {
    height: 50px;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    margin-top: 20px
}

@media screen and (min-width: 731px) {
    .live-coverage .lc-video-container .live-small-ad {
        display: none
    }
}

.live-coverage .lc-content {
    background-color: #f3f3f3
}

.live-coverage .lc-content .swiper img {
    width: 100%
}

.live-coverage .lc-content .swiper .lc-khabar-3ajel {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    background-color: #b90000;
    color: #fff;
    padding: 6px 19px;
    z-index: 1;
    font-size: 17px
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .swiper .lc-khabar-3ajel {
        font-size: 12px;
        padding: 5px 16px
    }
}

.live-coverage .lc-content .swiper .swiper-pagination {
    top: unset;
    bottom: 24px
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .swiper .swiper-pagination {
        bottom: 15px;
        text-align: left;
        padding-inline-end: 10px
    }
}

.live-coverage .lc-content .swiper .swiper-pagination .swiper-pagination-bullet {
    background: #000;
    opacity: .66;
    border: 1px solid #707070;
    width: 11px;
    height: 11px;
    margin: 0 10px
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .swiper .swiper-pagination .swiper-pagination-bullet {
        margin: 0 8.5px
    }
}

.live-coverage .lc-content .swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1
}

.live-coverage .lc-content .swiper .swiper-button-prev, .live-coverage .lc-content .swiper .swiper-button-next {
    background-color: #fff;
    border: 1px solid #707070;
    width: 30px;
    height: 30px;
    bottom: 18px;
    top: unset
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .swiper .swiper-button-prev, .live-coverage .lc-content .swiper .swiper-button-next {
        bottom: 11px
    }
}

.live-coverage .lc-content .swiper .swiper-button-prev::after, .live-coverage .lc-content .swiper .swiper-button-next::after {
    color: #000;
    font-size: 15px;
    font-weight: bolder
}

.live-coverage .lc-content .swiper .swiper-button-prev {
    inset-inline-start: 10.5px
}

.live-coverage .lc-content .swiper .swiper-button-next {
    inset-inline-start: 44.5px
}

.live-coverage .lc-content .lc-live-details .section-header {
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
    padding-top: 33px
}

@media screen and (min-width: 1600px) {
    .live-coverage .lc-content .lc-live-details .section-header {
        padding-inline-end: 0;
        padding-inline-start: 0
    }
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-live-details .section-header {
        padding-top: 15px
    }
}

.live-coverage .lc-content .lc-live-details .section-header__title {
    margin-inline-start: 0
}

.live-coverage .lc-content .lc-live-details .section-header-text {
    font-size: 51px;
    line-height: 51px
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-live-details .section-header-text {
        font-size: 25px;
        line-height: 25px
    }
}

.live-coverage .lc-content .lc-live-details .lc-detail-live-date {
    padding-inline-end: var(--margin-end);
    font-size: 17px;
    color: rgba(0, 0, 0, .63);
    direction: ltr;
    text-align: end;
    padding-inline-start: calc(var(--margin-end) + 27.5px);
    margin-bottom: 40px;
    margin-top: 8px
}

@media screen and (min-width: 1600px) {
    .live-coverage .lc-content .lc-live-details .lc-detail-live-date {
        padding-inline-end: 0;
        padding-inline-start: 27.5px
    }
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-live-details .lc-detail-live-date {
        font-size: 15px;
        margin-bottom: 10px
    }
}

.live-coverage .lc-content .lc-live-details .lc-live-details-videos {
    overflow-x: scroll
}

.live-coverage .lc-content .lc-live-details .lc-live-details-videos::-webkit-scrollbar {
    width: 0
}

.live-coverage .lc-content .lc-live-details .lc-live-details-videos .lc-live-details-videos-wrapper {
    display: flex;
    gap: 20px;
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (min-width: 1600px) {
    .live-coverage .lc-content .lc-live-details .lc-live-details-videos .lc-live-details-videos-wrapper {
        padding-inline-end: 0;
        padding-inline-start: 0
    }
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-live-details .lc-live-details-videos .lc-live-details-videos-wrapper {
        gap: 15px
    }
}

.live-coverage .lc-content .lc-live-details .lc-live-details-videos .lc-live-details-videos-wrapper .search-result-chapter {
    width: 256px
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-live-details .lc-live-details-videos .lc-live-details-videos-wrapper .search-result-chapter {
        width: 188px
    }
}

.live-coverage .lc-content .lc-no-video {
    display: none;
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
    margin-top: -7px;
    padding-top: 36px
}

@media screen and (min-width: 1600px) {
    .live-coverage .lc-content .lc-no-video {
        padding-inline-end: 0;
        padding-inline-start: 0
    }
}

@media screen and (max-width: 768px) {
    .live-coverage .lc-content .lc-no-video {
        padding: 0
    }
}

@media screen and (max-width: 768px) {
    .live-coverage .lc-content .lc-no-video .section-header {
        padding-top: 15px;
        padding-inline-start: var(--margin-start);
        padding-inline-end: var(--margin-end)
    }
}

.live-coverage .lc-content .lc-no-video .section-header__title {
    margin-inline-start: 0
}

.live-coverage .lc-content .lc-no-video .section-header-text {
    font-size: 41px;
    line-height: 51px
}

@media screen and (max-width: 768px) {
    .live-coverage .lc-content .lc-no-video .section-header-text {
        font-size: 25px;
        line-height: 25px
    }
}

.live-coverage .lc-content .lc-no-video .lc-detail-live-date {
    padding-inline-start: 20px;
    font-size: 17px;
    color: #1e1e1e;
    direction: ltr;
    text-align: end;
    margin-bottom: 40px
}

@media screen and (max-width: 768px) {
    .live-coverage .lc-content .lc-no-video .lc-detail-live-date {
        font-size: 15px;
        margin-bottom: 18px;
        padding-inline-start: calc(var(--margin-start) + 20px);
        margin-top: 2px
    }
}

.live-coverage .lc-content .lc-no-video .lc-no-video-container {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    .live-coverage .lc-content .lc-no-video .lc-no-video-container {
        flex-direction: column;
        gap: 27px
    }
}

.live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-swiper-container {
    width: 59.5%
}

@media screen and (max-width: 768px) {
    .live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-swiper-container {
        width: 100%
    }
}

.live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-swiper-container .lc-swiper-title {
    margin-top: 13px;
    font-size: 15.5px;
    font-weight: bold;
    color: rgba(0, 0, 0, .35)
}

@media screen and (max-width: 768px) {
    .live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-swiper-container .lc-swiper-title {
        padding-inline-start: var(--margin-start);
        padding-inline-end: var(--margin-end)
    }
}

.live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-left-section {
    overflow-x: scroll;
    width: 39%
}

.live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-left-section::-webkit-scrollbar {
    width: 12px
}

.live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-left-section::-webkit-scrollbar-thumb {
    background-color: transparent
}

@media screen and (max-width: 768px) {
    .live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-left-section {
        width: 100%
    }
}

.live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-left-section .lc-no-video-left-section-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 10px
}

@media screen and (max-width: 768px) {
    .live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-left-section .lc-no-video-left-section-wrapper {
        width: -moz-fit-content;
        width: fit-content;
        justify-content: unset;
        flex-wrap: nowrap;
        gap: 15px;
        padding-inline-start: var(--margin-start);
        padding-inline-end: var(--margin-end)
    }
}

.live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-left-section .lc-no-video-left-section-wrapper .search-result-chapter {
    width: 48%
}

@media screen and (max-width: 768px) {
    .live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-left-section .lc-no-video-left-section-wrapper .search-result-chapter {
        width: 188px
    }
}

.live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-left-section .lc-no-video-left-section-wrapper .search-result-chapter .search-result-chapter-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2
}

@media screen and (max-width: 1024px) {
    .live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-left-section .lc-no-video-left-section-wrapper .search-result-chapter .search-result-chapter-title {
        font-size: 12px
    }
}

.live-coverage .lc-content .lc-more-news {
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
    display: flex;
    justify-content: space-between;
    padding-top: 102px;
    padding-bottom: 100px
}

@media screen and (min-width: 1600px) {
    .live-coverage .lc-content .lc-more-news {
        padding-inline-end: 0;
        padding-inline-start: 0
    }
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-more-news {
        flex-direction: column;
        padding-top: 0
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right {
    width: 59.1%
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right {
        width: 100%;
        margin-top: 0
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .section-header__title {
    margin: 0
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .section-header__title .section-header-text {
    font-size: 37px
}

@media screen and (max-width: 1024px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .section-header__title .section-header-text {
        font-size: 24px
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header {
        flex-direction: column;
        align-items: unset;
        gap: 22px
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container {
    position: relative;
    width: 40%
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container {
        width: 100%
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .lc-right-header-dropdown {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .0509803922);
    border: 1px solid #dcdcdc;
    padding: 8px 0;
    padding-inline-end: 22px;
    padding-inline-start: 16px;
    cursor: pointer
}

@media screen and (max-width: 1024px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .lc-right-header-dropdown {
        padding-inline-end: 8px;
        padding-inline-start: 5px
    }
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .lc-right-header-dropdown {
        gap: unset;
        justify-content: space-between;
        padding-inline-end: 22px;
        padding-inline-start: 16px
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .lc-right-header-dropdown p {
    margin: 0;
    font-size: 17px
}

@media screen and (max-width: 1024px) and (min-width: 980px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .lc-right-header-dropdown p {
        font-size: 15px
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .lc-right-header-dropdown i {
    font-size: 25px;
    padding-top: 8px;
    display: flex;
    align-items: center;
    transition: transform .3s ease
}

@media screen and (max-width: 1024px) and (min-width: 980px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .lc-right-header-dropdown i {
        font-size: 20px;
        padding-top: 4
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .search-filters-dropdown-custom {
    inset-inline-start: 0;
    width: 370px
}

@media screen and (max-width: 1024px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .search-filters-dropdown-custom {
        top: 46px
    }
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .search-filters-dropdown-custom {
        width: 100%
    }
}

@media screen and (max-width: 669px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .search-filters-dropdown-custom {
        top: 51px
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content {
    margin-inline-start: 21px;
    border-inline-start: 1px dashed #a2a2a2;
    margin-top: 39px
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content {
        margin-inline-start: unset;
        margin-top: 20px
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul {
        gap: 10px
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .separator {
    display: flex;
    border-top: .5px rgba(0, 0, 0, .25) solid;
    width: 55%;
    margin-inline-start: 23px
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news {
    display: flex;
    align-items: start;
    width: 100%
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news .lc-time {
    display: inline-block;
    align-items: center;
    justify-content: end;
    font-size: 14px;
    color: #c51017;
    font-weight: bold;
    white-space: nowrap;
    margin-inline-end: 5px;
    position: relative;
    direction: ltr;
    text-align: end
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news .lc-time::after {
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #b90000;
    inset-inline-end: -34px;
    top: 50%;
    transform: translateY(-50%)
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news .lc-title {
    font-size: 15.5px;
    font-weight: bold;
    width: 100%;
    padding-inline-start: 25px
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking {
    flex-direction: column;
    align-items: start;
    gap: 21px;
    position: relative
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-upload-button {
    position: absolute;
    inset-inline-end: 20px;
    top: 5px;
    background-color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .0901960784);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-upload-button {
        inset-inline-end: 0
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-time {
    font-size: 20px;
    color: #c51017;
    font-weight: bold
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-time {
        font-size: 16px
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-time::after {
    width: 12px;
    height: 12px;
    inset-inline-start: -7px
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content {
    width: 100%;
    padding-top: 20px;
    padding-inline-end: 35px;
    padding-inline-start: 20px;
    padding-bottom: 24px;
    background-color: #fff;
    margin-inline-start: -20px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .0901960784)
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content {
        margin-inline-start: unset;
        padding: 15px 11px
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content .lc-breaking-big-title {
    font-size: 29px;
    font-weight: bold;
    margin-top: 14px
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content .lc-breaking-big-title {
        font-size: 20px
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content .lc-breaking-big-description {
    font-size: 17px;
    margin-top: 10px
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content .lc-breaking-big-description {
        font-size: 15px
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content .lc-twitter-container {
    width: 100%;
    max-width: 581px;
    height: -moz-fit-content;
    height: fit-content
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content .lc-twitter-container img {
    width: 100%;
    height: auto
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content-video {
    display: flex;
    gap: 10px
}

@media screen and (max-width: 1024px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content-video {
        flex-direction: column;
        align-items: center
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content-video .search-result-chapter {
    width: 208px
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content-video .search-result-chapter {
        width: 100%
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content-video .lc-breaking-video-about {
    width: calc(100% - 208px - 25px)
}

@media screen and (max-width: 1024px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content-video .lc-breaking-video-about {
        width: 100%
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content-video .lc-breaking-video-about .lc-breaking-video-title {
    font-size: 29px;
    font-weight: bold;
    line-height: 35px
}

@media screen and (max-width: 1024px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content-video .lc-breaking-video-about .lc-breaking-video-title {
        font-size: 20px
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content-video .lc-breaking-video-about .lc-breaking-video-description {
    font-size: 17px;
    margin-top: 10px
}

@media screen and (max-width: 1024px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content-video .lc-breaking-video-about .lc-breaking-video-description {
        font-size: 15px;
        margin-top: 5px
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-more-news-report h3 {
    font-weight: bold;
    font-size: 29px;
    margin-bottom: 40px
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-more-news-report h3 {
        font-size: 20px;
        margin-bottom: 10px
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-more-news-report .lc-report-paragraphs {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-more-news-report .lc-report-paragraphs p {
    font-size: 17px;
    margin: 0
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-more-news-report .lc-report-paragraphs p {
        font-size: 15px;
        margin-bottom: 10px
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left {
    width: 37%
}

@media screen and (max-width: 980px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-left {
        width: 100%;
        margin-top: 30px
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top {
    width: 100%;
    border-inline-start: #707070 solid 1px;
    height: -moz-fit-content;
    height: fit-content
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top h1 {
    border-inline-start: 8px solid #c51017;
    padding-inline-start: 20px;
    color: #000;
    font-weight: 800;
    font-size: 37px;
    margin-top: 50px
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top h1:first-child {
    margin-top: 0
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top h2, .live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top h3, .live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top h4, .live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top h5, .live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top h6 {
    font-size: 27px;
    font-weight: bold;
    color: #000;
    margin-bottom: 16px;
    padding-inline-start: 25px
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top p {
    font-size: 17px;
    color: #000;
    margin-top: 20px;
    padding-inline-start: 25px
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top ul {
    margin-top: 23px;
    padding: 0;
    padding-inline-start: 45px
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top ul li {
    position: relative;
    list-style: none
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top ul li::before {
    content: "";
    font-size: 30px;
    line-height: 20px;
    color: #b90000;
    position: absolute;
    inset-inline-start: -25px;
    width: 12px;
    height: 12px;
    background-color: #b90000;
    border-radius: 50%;
    margin-top: 7px;
    top: 0
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .section-header .section-header__title {
    margin: 0
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .section-header .section-header__title .section-header-text {
    font-size: 37px
}

@media screen and (max-width: 1024px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-left .section-header .section-header__title .section-header-text {
        font-size: 24px;
        line-height: 31px
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-what-we-know {
    margin-top: 50px
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-what-we-know .section-header {
    margin-bottom: 15px
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-what-we-know .section-header {
    margin-bottom: 15px
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-what-we-know .lc-what-we-know-sections {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-what-we-know .lc-what-we-know-sections .lc-what-we-know-section {
    margin-inline-start: 25px
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-what-we-know .lc-what-we-know-sections .lc-what-we-know-section h3 {
    font-weight: bold;
    font-size: 27px;
    margin-bottom: 16px
}

@media screen and (max-width: 1024px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-what-we-know .lc-what-we-know-sections .lc-what-we-know-section h3 {
        font-size: 20px
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-what-we-know .lc-what-we-know-sections .lc-what-we-know-section .lc-what-we-know-pargraphs {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-what-we-know .lc-what-we-know-sections .lc-what-we-know-section .lc-what-we-know-pargraphs p {
    margin: 0;
    font-size: 15.5px
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-bottom {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 31px
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-bottom .lc-in-numbers {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 40px;
    column-gap: 40px;
    row-gap: 23px
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-bottom .lc-in-numbers .lc-in-numbers-stat-wrapper {
    display: flex
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-bottom .lc-in-numbers .lc-in-numbers-stat-wrapper::before {
    content: "";
    display: block;
    width: 1px;
    background-color: #707070;
    margin-inline-end: 10px
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-bottom .lc-in-numbers .lc-in-numbers-stat-wrapper .lc-in-numbers-stat {
    display: flex;
    flex-direction: column
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-bottom .lc-in-numbers .lc-in-numbers-stat-wrapper .lc-in-numbers-stat h3 {
    margin: 0;
    font-size: 41px;
    font-weight: bold;
    color: #c51017;
    direction: ltr
}

@media screen and (max-width: 1024px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-bottom .lc-in-numbers .lc-in-numbers-stat-wrapper .lc-in-numbers-stat h3 {
        font-size: 32px
    }
}

.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-bottom .lc-in-numbers .lc-in-numbers-stat-wrapper .lc-in-numbers-stat p {
    margin: 0;
    font-size: 20px
}

@media screen and (max-width: 1024px) {
    .live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-bottom .lc-in-numbers .lc-in-numbers-stat-wrapper .lc-in-numbers-stat p {
        font-size: 16px
    }
}

.reports-archive {
    position: relative;
    background-color: #f0f0f0;
    padding-left: var(--margin-end);
    padding-right: var(--margin-start);
    background-color: #fff;
    padding-bottom: 40px
}

.reports-archive .loader-highlight {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 10;
    margin-top: 15px
}

.reports-archive .spinner-highlight {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.reports-archive .reports-archive-wrapper {
    max-width: 1600px;
    margin: auto;
    z-index: 1;
    position: relative
}

.reports-archive .reports-archive-wrapper .x-button {
    left: 0
}

.reports-archive .reports-archive-wrapper .section-header {
    padding-top: 20px
}

.reports-archive .reports-archive-wrapper .section-header .section-header__title {
    margin: 0
}

.reports-archive .reports-archive-wrapper .section-header .section-header__title .section-header-text {
    padding-inline-start: 12px;
    border-inline-start: #b90000 solid 8px;
    font-size: 41px;
    line-height: 1.2
}

@media screen and (max-width: 980px) {
    .reports-archive .reports-archive-wrapper .section-header .section-header__title .section-header-text {
        font-size: 30px
    }
}

.reports-archive .reports-archive-wrapper .takarir-search-bar {
    margin-top: 70px
}

.reports-archive .reports-archive-wrapper .reports-archive-content {
    margin-top: 40px
}

.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper-container {
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%
}

.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper-container::-webkit-scrollbar {
    width: .5em
}

.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper-container::-webkit-scrollbar-thumb {
    background-color: transparent
}

.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 80px
}

.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container {
    display: grid;
    height: -moz-fit-content;
    height: fit-content
}

.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section-header {
    font-size: 34px;
    margin-bottom: 20px
}

@media screen and (max-width: 980px) {
    .reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section-header {
        font-size: 25px
    }
}

.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section {
    display: flex;
    -moz-column-gap: 25px;
    column-gap: 25px;
    flex-wrap: wrap;
    row-gap: 45px
}

@media screen and (max-width: 980px) {
    .reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section {
        row-gap: 15px
    }
}

.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section .search-result-chapter {
    width: calc(25% - 19px)
}

@media screen and (max-width: 1150px) {
    .reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section .search-result-chapter {
        width: calc(33.33333% - 17px)
    }
}

@media screen and (max-width: 850px) {
    .reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section .search-result-chapter {
        width: calc(50% - 13px)
    }
}

@media screen and (max-width: 650px) {
    .reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section .search-result-chapter {
        width: 100%
    }
}

.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section .search-result-chapter .ra-chapter-date-wrapper {
    display: flex;
    gap: 25px
}

.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section .search-result-chapter .search-result-chapter-date {
    font-size: 14px;
    color: rgba(30, 30, 30, .41)
}

.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section .search-result-chapter .ra-hashtags {
    font-size: 13px;
    font-weight: 800;
    color: rgba(80, 80, 80, .48);
    direction: ltr;
    text-align: end
}

.reports-archive .reports-archive-wrapper .ra-al-mazid {
    color: #b90000;
    padding-top: 22px;
    border-top: #c51017 solid 5px;
    font-size: 19px;
    font-weight: 800;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    margin-top: 121px;
    padding-bottom: 72px
}

@media screen and (max-width: 1150px) {
    .reports-archive .reports-archive-wrapper .ra-al-mazid {
        margin-top: 70px;
        padding-bottom: 132px
    }
}

.writers {
    background-color: #f0f0f0;
    padding-inline-end: var(--margin-end);
    padding-inline-start: var(--margin-start)
}

.writers .writers-wrapper {
    max-width: 1600px;
    margin: auto;
    padding-top: 42px;
    padding-bottom: 253px
}

@media screen and (max-width: 500px) {
    .writers .writers-wrapper {
        padding-top: 33px
    }
}

.writers .writers-wrapper .section-header__title {
    margin: 0
}

.writers .writers-wrapper .section-header__title .section-header-text {
    font-size: 41px;
    font-weight: 800;
    line-height: 50px
}

@media screen and (max-width: 500px) {
    .writers .writers-wrapper .section-header__title .section-header-text {
        font-size: 30px;
        line-height: 33px
    }
}

.writers .writers-wrapper .writers-content {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    -moz-column-gap: 26px;
    column-gap: 26px;
    row-gap: 45px;
    margin-top: 45px
}

@media screen and (max-width: 1200px) {
    .writers .writers-wrapper .writers-content {
        grid-template-columns:auto auto
    }
}

@media screen and (max-width: 750px) {
    .writers .writers-wrapper .writers-content {
        grid-template-columns:auto
    }
}

.writers .writers-wrapper .writers-content .writers-writer {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .0196078431);
    border-radius: 7px;
    background-color: #fff;
    width: 100%;
    padding: 20px 24px;
    padding-bottom: 36px;
    position: relative;
    cursor: pointer;
    transition: background .5s ease
}

@media screen and (max-width: 500px) {
    .writers .writers-wrapper .writers-content .writers-writer {
        padding: 16px 20px;
        padding-bottom: 20px
    }
}

.writers .writers-wrapper .writers-content .writers-writer .writers-writer-details {
    display: flex;
    gap: 21px
}

.writers .writers-wrapper .writers-content .writers-writer .writers-writer-details .writers-writer-details-image {
    width: 105px;
    height: 105px;
    border-radius: 50%;
    border: #111 solid 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 105px;
    transition: border .3s ease-in-out
}

@media screen and (max-width: 500px) {
    .writers .writers-wrapper .writers-content .writers-writer .writers-writer-details .writers-writer-details-image {
        width: 84px;
        height: 84px;
        flex: 0 0 84px
    }
}

.writers .writers-wrapper .writers-content .writers-writer .writers-writer-details .writers-writer-details-image img {
    width: 95px;
    height: 95px;
    border-radius: 50%
}

@media screen and (max-width: 500px) {
    .writers .writers-wrapper .writers-content .writers-writer .writers-writer-details .writers-writer-details-image img {
        width: 76px;
        height: 75px
    }
}

.writers .writers-wrapper .writers-content .writers-writer .writers-writer-details .writers-writer-name h2 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 9px;
    line-height: 22px;
    margin-top: 12px;
    transition: color .3s ease-in-out
}

.writers .writers-wrapper .writers-content .writers-writer .writers-writer-details .writers-writer-name p {
    color: #a5a5a5;
    font-size: 16px;
    line-height: 20px;
    margin: 0
}

.writers .writers-wrapper .writers-content .writers-writer .writers-writer-social-media {
    display: flex;
    align-items: center;
    margin-inline-start: 20px;
    margin-top: 43px;
    gap: 27px
}

.writers .writers-wrapper .writers-content .writers-writer .writers-writer-social-media i {
    font-size: 19px;
    transition: color .3s ease-in-out
}

.writers .writers-wrapper .writers-content .writers-writer .writers-writer-social-media .fa-instagram {
    font-size: 24px
}

.writers .writers-wrapper .writers-content .writers-writer .writers-writer-articles-number {
    background-color: #000;
    position: absolute;
    inset-inline-end: 24px;
    bottom: -20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 92px;
    padding: 12px 0;
    border: solid #707070 1px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1607843137);
    transition: all .3s ease-in-out
}

@media screen and (max-width: 500px) {
    .writers .writers-wrapper .writers-content .writers-writer .writers-writer-articles-number {
        inset-inline-end: 16px;
        width: 73px
    }
}

.writers .writers-wrapper .writers-content .writers-writer .writers-writer-articles-number h6 {
    color: #fff;
    font-size: 29px;
    line-height: 31px;
    margin-bottom: 3px
}

@media screen and (max-width: 500px) {
    .writers .writers-wrapper .writers-content .writers-writer .writers-writer-articles-number h6 {
        font-size: 23px;
        line-height: 25px;
        margin-bottom: 0
    }
}

.writers .writers-wrapper .writers-content .writers-writer .writers-writer-articles-number p {
    font-size: 16px;
    color: #a5a5a5;
    line-height: 17px;
    margin-bottom: 13px
}

@media screen and (max-width: 500px) {
    .writers .writers-wrapper .writers-content .writers-writer .writers-writer-articles-number p {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 8px
    }
}

.writers .writers-wrapper .writers-content .writers-writer .writers-writer-articles-number i {
    color: #b90000;
    font-size: 19px
}

@media screen and (max-width: 500px) {
    .writers .writers-wrapper .writers-content .writers-writer .writers-writer-articles-number i {
        font-size: 14px
    }
}

.writers .writers-wrapper .writers-content .writers-writer:hover {
    background: url("");
    background-size: 130%;
    background-position: center
}

.writers .writers-wrapper .writers-content .writers-writer:hover .writers-writer-details .writers-writer-details-image {
    border: #b90000 solid 3px
}

.writers .writers-wrapper .writers-content .writers-writer:hover .writers-writer-details .writers-writer-name h2 {
    color: #fff
}

.writers .writers-wrapper .writers-content .writers-writer:hover .writers-writer-social-media i {
    color: #fff
}

.writers .writers-wrapper .writers-content .writers-writer:hover .writers-writer-articles-number {
    background-color: #fff;
    border: unset
}

.writers .writers-wrapper .writers-content .writers-writer:hover .writers-writer-articles-number h6 {
    color: #000
}

.writers .writers-wrapper .writers-content .loader {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 10;
    touch-action: none
}

.writers .writers-wrapper .writers-content .loader .spinner {
    position: absolute;
    top: 40%;
    inset-inline-end: 35%;
    transform: translate(-50%, 50%);
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #000;
    width: 90px;
    height: 90px;
    animation: spin 2s linear infinite
}

.writers .writers-wrapper .writers-content .writers-integrity-effort {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-top: 120px;
    grid-row: 2/span 2;
    grid-column: 1;
    height: -moz-fit-content;
    height: fit-content
}

@media screen and (max-width: 750px) {
    .writers .writers-wrapper .writers-content .writers-integrity-effort {
        grid-row: unset;
        grid-column: unset;
        margin-top: 100px
    }
}

.writers .writers-wrapper .writers-content .writers-integrity-effort .writers-integrity-effort-pcontainer p {
    font-size: 31px;
    font-weight: bold;
    margin-bottom: 5px
}

.writers .writers-wrapper .writers-content .writers-integrity-effort .writers-integrity-effort-pcontainer::before {
    position: absolute;
    content: "";
    display: block;
    top: -70px;
    inset-inline-start: 32%;
    height: 60px;
    width: 1px;
    background-color: #b90000;
    transform: rotate(25deg)
}

.writers .writers-wrapper .writers-content .writers-integrity-effort .writers-integrity-effort-pcontainer::after {
    position: absolute;
    content: "";
    display: block;
    bottom: -70px;
    inset-inline-end: 40%;
    height: 60px;
    width: 1px;
    background-color: #b90000;
    transform: rotate(25deg)
}

.writers-details {
    padding-inline-end: var(--margin-end);
    padding-inline-start: var(--margin-start);
    margin: auto;
    background-color: #f3f3f3
}

.writers-details .writers-details-wrapper {
    max-width: 1600px;
    margin: auto;
    padding-top: 30px
}

.writers-details .writers-details-wrapper .wd-header {
    display: grid;
    grid-template-columns:25% 60% 92px;
    justify-content: space-between;
    padding-bottom: 20px
}

@media screen and (max-width: 1300px) and (min-width: 1024px) {
    .writers-details .writers-details-wrapper .wd-header {
        grid-template-columns:33% 50% 92px
    }
}

@media screen and (max-width: 1024px) {
    .writers-details .writers-details-wrapper .wd-header {
        padding-bottom: 0;
        grid-template-columns:calc(100% - 92px) 92px;
        row-gap: 30px
    }
}

@media screen and (max-width: 580px) {
    .writers-details .writers-details-wrapper .wd-header {
        grid-template-columns:calc(100% - 80px - 12px) 80px 12px;
        row-gap: 30px
    }
}

.writers-details .writers-details-wrapper .wd-header .writers-writer-details {
    display: flex;
    gap: 21px
}

@media screen and (max-width: 580px) {
    .writers-details .writers-details-wrapper .wd-header .writers-writer-details {
        flex-direction: column;
        gap: 3px
    }
}

.writers-details .writers-details-wrapper .wd-header .writers-writer-details .writers-writer-details-image {
    width: 105px;
    height: 105px;
    border-radius: 50%;
    border: #111 solid 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 105px;
    transition: border .3s ease-in-out
}

.writers-details .writers-details-wrapper .wd-header .writers-writer-details .writers-writer-details-image img {
    width: 95px;
    height: 95px;
    border-radius: 50%
}

.writers-details .writers-details-wrapper .wd-header .writers-writer-details .writers-writer-name h2 {
    font-size: 27px;
    font-weight: 800;
    margin-bottom: 7px;
    line-height: 30px;
    margin-top: 12px;
    transition: color .3s ease-in-out
}

.writers-details .writers-details-wrapper .wd-header .writers-writer-details .writers-writer-name p {
    color: #a5a5a5;
    font-size: 16px;
    line-height: 20px;
    margin: 0
}

.writers-details .writers-details-wrapper .wd-header .writers-biography {
    margin-inline-end: 12.5%
}

@media screen and (max-width: 1300px) {
    .writers-details .writers-details-wrapper .wd-header .writers-biography {
        margin-inline-end: unset
    }
}

@media screen and (max-width: 1024px) {
    .writers-details .writers-details-wrapper .wd-header .writers-biography {
        grid-column: 1/span 2;
        grid-row: 2
    }
}

.writers-details .writers-details-wrapper .wd-header .writers-biography p {
    color: #5b5b5b;
    margin: 0;
    line-height: 28px
}

.writers-details .writers-details-wrapper .wd-header .writers-writer-social-media {
    display: flex;
    align-items: center;
    margin-inline-start: 20px;
    margin-top: 43px;
    gap: 27px
}

@media screen and (max-width: 980px) {
    .writers-details .writers-details-wrapper .wd-header .writers-writer-social-media {
        margin-top: 30px
    }
}

@media screen and (max-width: 580px) {
    .writers-details .writers-details-wrapper .wd-header .writers-writer-social-media {
        margin-inline-start: 0
    }
}

.writers-details .writers-details-wrapper .wd-header .writers-writer-social-media i {
    font-size: 19px;
    transition: color .3s ease-in-out
}

.writers-details .writers-details-wrapper .wd-header .writers-writer-social-media .fa-instagram {
    font-size: 24px
}

.writers-details .writers-details-wrapper .wd-header .writers-writer-articles-number {
    background-color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 92px;
    padding: 12px 0;
    border: solid #707070 1px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1607843137);
    transition: all .3s ease-in-out;
    height: -moz-fit-content;
    height: fit-content
}

@media screen and (max-width: 580px) {
    .writers-details .writers-details-wrapper .wd-header .writers-writer-articles-number {
        width: 62px;
        margin-inline-end: 18px
    }
}

.writers-details .writers-details-wrapper .wd-header .writers-writer-articles-number h6 {
    color: #fff;
    font-size: 29px;
    line-height: 31px;
    margin-bottom: 3px
}

@media screen and (max-width: 580px) {
    .writers-details .writers-details-wrapper .wd-header .writers-writer-articles-number h6 {
        font-size: 18px;
        line-height: 20px
    }
}

.writers-details .writers-details-wrapper .wd-header .writers-writer-articles-number p {
    font-size: 16px;
    color: #a5a5a5;
    line-height: 17px;
    margin-bottom: 13px
}

@media screen and (max-width: 580px) {
    .writers-details .writers-details-wrapper .wd-header .writers-writer-articles-number p {
        font-size: 10px;
        line-height: 11px;
        margin-bottom: 0
    }
}

.writers-details .writers-details-wrapper .wd-header .wd-x-container {
    display: none;
    font-size: 16px
}

@media screen and (max-width: 580px) {
    .writers-details .writers-details-wrapper .wd-header .wd-x-container {
        display: block
    }
}

.writers-details .writers-details-wrapper .wd-newest-articles {
    background-color: #fff;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .0901960784);
    padding-top: 30px;
    padding-inline-start: 23px;
    padding-inline-end: 84px;
    padding-bottom: 48px
}

@media screen and (max-width: 1350px) {
    .writers-details .writers-details-wrapper .wd-newest-articles {
        padding-inline-start: 23px
    }
}

@media screen and (max-width: 1024px) {
    .writers-details .writers-details-wrapper .wd-newest-articles {
        padding-inline-start: 100px;
        padding-inline-end: 100px
    }
}

@media screen and (max-width: 900px) {
    .writers-details .writers-details-wrapper .wd-newest-articles {
        padding-inline-end: 50px;
        padding-inline-start: 50px
    }
}

@media screen and (max-width: 800px) {
    .writers-details .writers-details-wrapper .wd-newest-articles {
        padding-inline-end: 50px;
        padding-inline-start: 50px;
        padding-top: 30px;
        padding-bottom: 20px
    }
}

@media screen and (max-width: 650px) {
    .writers-details .writers-details-wrapper .wd-newest-articles {
        padding-inline-end: 23px;
        padding-inline-start: 23px
    }
}

.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-header {
    margin-bottom: 35px
}

.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-header .section-header__title {
    margin: 0
}

.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-header .section-header__title .section-header-text {
    padding: 0;
    font-size: 31px
}

.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 1024px) {
    .writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content {
        flex-direction: column
    }
}

.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-right {
    width: 45%
}

@media screen and (max-width: 1024px) {
    .writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-right {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-right .highlight-content {
        padding: 0
    }
}

.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-right .highlight-title {
    margin-top: 15px;
    margin-bottom: 5px
}

.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-right .highlight-text {
    width: 100%;
    margin-bottom: 13px
}

@media screen and (max-width: 768px) {
    .writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-right .highlight-text {
        font-size: 15px
    }
}

.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-right .highlight-time {
    display: block
}

.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left {
    width: 51%;
    display: flex;
    flex-direction: column;
    gap: 32px
}

@media screen and (max-width: 1024px) {
    .writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left {
        width: 100%;
        flex-direction: row;
        gap: 10px
    }
}

@media screen and (max-width: 800px) {
    .writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left {
        flex-direction: column
    }
}

.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left .wd-newest-articles-article {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 1024px) {
    .writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left .wd-newest-articles-article {
        flex-direction: column-reverse;
        gap: 5px
    }
}

.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left .wd-newest-articles-article .wd-newest-articles-article-details {
    width: 49%
}

@media screen and (max-width: 1024px) {
    .writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left .wd-newest-articles-article .wd-newest-articles-article-details {
        width: 100%
    }
}

.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left .wd-newest-articles-article .wd-newest-articles-article-details h5 {
    font-size: 24px;
    line-height: 35px;
    font-weight: bold;
    margin: 0
}

@media screen and (max-width: 1350px) {
    .writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left .wd-newest-articles-article .wd-newest-articles-article-details h5 {
        font-size: 20px;
        line-height: 27px
    }
}

.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left .wd-newest-articles-article .wd-newest-articles-article-details p {
    font-size: 13px;
    line-height: 26px;
    color: rgba(0, 0, 0, .44);
    direction: ltr;
    text-align: end
}

.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left .wd-newest-articles-article .wd-newest-articles-article-image {
    width: 46%
}

@media screen and (max-width: 1024px) {
    .writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left .wd-newest-articles-article .wd-newest-articles-article-image {
        width: 100%
    }
}

.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left .wd-newest-articles-article .wd-newest-articles-article-image img {
    width: 100%;
    height: auto
}

.writers-details .writers-details-wrapper .wd-more-news {
    margin-top: 57px;
    padding-bottom: 134px
}

@media screen and (max-width: 850px) {
    .writers-details .writers-details-wrapper .wd-more-news {
        padding-bottom: 100px;
        flex-direction: column-reverse;
        gap: 49px
    }
}

.writers-details .writers-details-wrapper .wd-more-news .search-result-al-mazid {
    margin-top: 40px
}

@media screen and (max-width: 850px) {
    .writers-details .writers-details-wrapper .wd-more-news .search-result-al-mazid {
        margin-top: 30px
    }
}

.writers-details .writers-details-wrapper .wd-more-news .section-header .section-header__title {
    margin: 0
}

.writers-details .writers-details-wrapper .wd-more-news .section-header .section-header__title .section-header-text {
    font-size: 31px;
    line-height: 50px
}

.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .search-input {
    margin-top: 30px;
    padding-inline-end: 0;
    padding-inline-start: 0;
    border: 0
}

.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .search-input input {
    border: 0;
    outline: 0;
    box-shadow: none;
    width: 100%;
    padding: 12px 0;
    padding-inline-end: 40px;
    padding-inline-start: 22px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .0509803922);
    border: 1px solid #dcdcdc
}

.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .search-input i {
    position: absolute;
    inset-inline-end: 20px;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 27px;
    margin-top: 36px;
    justify-content: space-between
}

.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles .wd-writers-article {
    display: flex;
    gap: 20px;
    width: 48%
}

@media screen and (max-width: 1150px) {
    .writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles .wd-writers-article {
        flex-direction: column
    }
}

.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles .wd-writers-article .wd-writers-article-image {
    width: 158px;
    height: 100px
}

.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles .wd-writers-article .wd-writers-article-image img {
    width: 100%
}

.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles .wd-writers-article .wd-writers-article-details {
    width: calc(100% - 158px)
}

@media screen and (max-width: 1150px) {
    .writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles .wd-writers-article .wd-writers-article-details {
        width: 100%
    }
}

.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles .wd-writers-article .wd-writers-article-details h3 {
    font-size: 24px;
    font-weight: bold
}

@media screen and (max-width: 850px) {
    .writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles .wd-writers-article .wd-writers-article-details h3 {
        font-size: 20px
    }
}

.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles .wd-writers-article .wd-writers-article-details h5 {
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 10px
}

.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles .wd-writers-article .wd-writers-article-details p {
    font-size: 12px;
    color: rgba(0, 0, 0, .44);
    direction: ltr;
    text-align: end;
    margin: 0
}

.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-left {
    width: 42%
}

@media screen and (max-width: 1150px) {
    .writers-details .writers-details-wrapper .wd-more-news .wd-more-news-left {
        width: 48%
    }
}

@media screen and (max-width: 850px) {
    .writers-details .writers-details-wrapper .wd-more-news .wd-more-news-left {
        width: 100%
    }
}

.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-left .category-listing-videos-content {
    margin-top: 30px;
    overflow-x: scroll
}

.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-left .category-listing-videos-content::-webkit-scrollbar {
    display: none
}

@media screen and (max-width: 850px) {
    .writers-details .writers-details-wrapper .wd-more-news .wd-more-news-left .category-listing-videos-content {
        width: 100%
    }
}

.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-left .category-listing-videos-content .category-listing-videos-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px
}

@media screen and (max-width: 850px) {
    .writers-details .writers-details-wrapper .wd-more-news .wd-more-news-left .category-listing-videos-content .category-listing-videos-wrapper {
        flex-direction: row;
        flex-wrap: nowrap;
        width: -moz-fit-content;
        width: fit-content;
        gap: 20px
    }
}

.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-left .category-listing-videos-content .search-result-chapter {
    width: 48%
}

@media screen and (max-width: 850px) {
    .writers-details .writers-details-wrapper .wd-more-news .wd-more-news-left .category-listing-videos-content .search-result-chapter {
        width: 270px;
        height: auto
    }
}

.production-page {
    position: relative;
    background: url("") no-repeat center center fixed;
    background-size: cover;
    padding-bottom: 35px;
    position: relative;
    min-height: calc(100vh - var(--header-height))
}

.production-page * {
    direction: ltr
}

.production-page:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #1a1a1a;
    background: linear-gradient(0deg, #1a1a1a 0%, rgba(64, 64, 64, 0) 100%);
    z-index: 0
}

.production-page .production-page-container {
    padding-left: var(--margin-end);
    padding-right: var(--margin-start);
    position: relative;
    z-index: 1
}

.production-page .production-page-container .production-page-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 12.78px
}

@media screen and (max-width: 768px) {
    .production-page .production-page-container .production-page-wrapper {
        flex-direction: column
    }
}

.production-page .production-page-container .production-page-wrapper .production-page-column {
    display: flex;
    flex-direction: column;
    width: 50%
}

@media screen and (max-width: 768px) {
    .production-page .production-page-container .production-page-wrapper .production-page-column {
        width: 100%
    }
}

.production-page .production-page-container .production-page-wrapper .production-page-column .mobile-close-button {
    display: none;
    margin-top: 20px;
    color: #fff
}

.production-page .production-page-container .production-page-wrapper .production-page-column .mobile-close-button i {
    font-size: 12px;
    width: 12px;
    height: 12px
}

@media screen and (max-width: 768px) {
    .production-page .production-page-container .production-page-wrapper .production-page-column .mobile-close-button {
        display: block
    }
}

.production-page .production-page-container .production-page-wrapper .production-page-column .studiovision-logo {
    width: 246px;
    height: 42px;
    margin-top: 60px;
    margin-bottom: 60px
}

.production-page .production-page-container .production-page-wrapper .production-page-column .studiovision-logo img {
    width: 100%;
    height: 100%
}

@media screen and (max-width: 768px) {
    .production-page .production-page-container .production-page-wrapper .production-page-column .studiovision-logo {
        margin-top: 37px;
        margin-bottom: 37px
    }
}

.production-page .production-page-container .production-page-wrapper .production-page-column .production-page-header {
    color: #fff;
    margin-bottom: 100px
}

.production-page .production-page-container .production-page-wrapper .production-page-column .production-page-header .title {
    position: relative
}

.production-page .production-page-container .production-page-wrapper .production-page-column .production-page-header .title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 7px;
    background-color: #c51017
}

.production-page .production-page-container .production-page-wrapper .production-page-column .production-page-header .title .text {
    font-weight: 800;
    padding-left: 20px;
    white-space: nowrap;
    text-wrap: nowrap;
    margin-bottom: 0
}

@media screen and (max-width: 768px) {
    .production-page .production-page-container .production-page-wrapper .production-page-column .production-page-header .title .text {
        white-space: unset;
        text-wrap: unset
    }
}

.production-page .production-page-container .production-page-wrapper .production-page-column .production-page-header .content {
    padding-left: 20px;
    margin-top: 25px
}

.production-page .production-page-container .production-page-wrapper .production-page-column .info-box {
    background-color: #fff;
    padding-top: 35px;
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 50px
}

.production-page .production-page-container .production-page-wrapper .production-page-column .info-box .title {
    font-weight: 800;
    color: #b90000;
    font-size: 28px
}

.production-page .production-page-container .production-page-wrapper .production-page-column .info-box .content {
    font-weight: normal
}

.production-page .production-page-container .production-page-wrapper .production-page-column.flex-end {
    justify-content: flex-end
}

.advertise-page {
    padding-left: var(--margin-end);
    padding-right: var(--margin-start)
}

.advertise-page * {
    direction: ltr
}

.advertise-page .advertise-page-container {
    max-width: 1600px;
    margin: auto
}

.advertise-page .advertise-page-container .advertise-page-wrapper {
    display: flex;
    flex-direction: column
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-header {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px;
    margin-bottom: 30px
}

@media screen and (max-width: 768px) {
    .advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-header {
        margin-top: 50px
    }
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-header .title .text {
    font-size: 38px
}

@media screen and (max-width: 768px) {
    .advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-header .title .text {
        font-size: 30px
    }
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-header .subtitle {
    font-size: 14px;
    max-width: 600px;
    color: #000
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-header .subtitle .text {
    padding-left: 18px
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content {
    display: flex;
    gap: 50px;
    padding-top: 30px;
    margin-bottom: 38px
}

@media screen and (max-width: 768px) {
    .advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content {
        flex-direction: column
    }
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info {
    flex-basis: 25%
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info .info-header {
    padding-left: 18px;
    padding-right: 18px;
    margin-bottom: 25px
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info .info-header .title {
    display: flex;
    justify-content: space-between;
    font-weight: 800;
    color: #b90000
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info .info-header .title .dropdown-icon {
    display: none
}

@media screen and (max-width: 768px) {
    .advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info .info-header .title .dropdown-icon {
        display: inline-block
    }
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info .info-header .subtitle {
    font-weight: normal;
    font-size: 14px;
    line-height: 14px
}

@media screen and (max-width: 768px) {
    .advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info .info-header .subtitle {
        max-width: 70%
    }
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info .advertise-features {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 60px;
    list-style: none;
    background-color: #fff;
    padding-left: 18px;
    padding-top: 46px;
    padding-bottom: 38px;
    border-left: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7
}

@media screen and (max-width: 768px) {
    .advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info .advertise-features {
        height: 2px;
        padding: 0;
        overflow: hidden;
        border: 0
    }
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info .advertise-features::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 90px;
    background-color: #b90000
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info .advertise-features .feature {
    font-weight: 800
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container {
    flex-basis: calc(75% - 50px)
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 14px
}

@media screen and (max-width: 768px) {
    .advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form {
        padding-left: var(--margin-start)
    }
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-row {
    display: flex;
    gap: 20px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-row {
        flex-direction: column
    }
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-group {
    display: flex;
    flex-direction: column;
    flex-basis: calc(50% - 20px);
    gap: 10px;
    max-width: 310px
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-group.radio {
    flex-direction: row
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-group.radio .form-radio-option {
    display: flex;
    align-items: center;
    gap: 10px
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-group label {
    color: #1e1e1e
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-group input {
    border: 0;
    border-radius: none;
    outline: 0;
    height: 40px
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-group input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 1px solid #272727
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-group input[type=radio]:checked {
    border: 2px solid #c51017;
    background-color: #c51017
}

.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-group button[type=submit] {
    border: 0;
    margin-top: 20px;
    background: none;
    padding-top: 15px;
    border-top: 5px solid #c51017;
    width: -moz-fit-content;
    width: fit-content;
    color: #b90000;
    font-size: 19px;
    font-weight: 800;
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width: 768px) {
    .advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-group button[type=submit] {
        font-size: 13px;
        border-top: 3px solid #c51017;
        padding-top: 10px
    }
}

.careers-page {
    min-height: calc(100dvh - var(--header-height) - 300px);
    padding-inline-start: var(--margin-end);
    padding-inline-end: var(--margin-start);
    padding-top: 20px;
    margin-bottom: 50px
}

.careers-page * {
    direction: ltr
}

.careers-page .careers-page-container {
    max-width: 1600px;
    margin: auto
}

.careers-page .careers-page-container .careers-page-wrapper .careers-page-header {
    flex-direction: column;
    align-items: flex-start
}

.careers-page .careers-page-container .careers-page-wrapper .careers-page-header .title {
    line-height: 29px
}

@media screen and (max-width: 768px) {
    .careers-page .careers-page-container .careers-page-wrapper .careers-page-header .title .text {
        font-size: 30px
    }
}

.careers-page .careers-page-container .careers-page-wrapper .careers-page-header .subtitle {
    margin-top: 20px;
    font-size: 19px;
    font-weight: 800;
    color: #b90000
}

@media screen and (max-width: 768px) {
    .careers-page .careers-page-container .careers-page-wrapper .careers-page-header .subtitle {
        font-size: 15px
    }
}

.careers-page .careers-page-container .careers-page-wrapper .careers-page-header .subtitle .text {
    padding-top: 12px;
    border-top: 5px solid #c51017
}

@media screen and (max-width: 768px) {
    .careers-page .careers-page-container .careers-page-wrapper .careers-page-header .subtitle .text {
        padding-top: 7px;
        border-top: 3px solid #c51017
    }
}

.careers-page .careers-page-container .careers-page-wrapper .careers-page-content {
    margin-top: 40px;
    margin-bottom: 100px;
    position: relative
}

.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper {
    overflow-y: visible
}

.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .openings-swiper-wrapper .opening {
    background-color: #f7f7f7;
    padding: 20px;
    border: solid 1px transparent;
    transition: all .3s ease-in-out;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .openings-swiper-wrapper .opening:hover {
    border: solid #1e2131 1px
}

.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .openings-swiper-wrapper .opening:hover .apply-button .text {
    border-top: 5px solid #1e2131;
    color: #1e2131
}

.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .openings-swiper-wrapper .opening .title {
    color: #151515;
    font-size: 21px;
    font-weight: 800
}

.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .openings-swiper-wrapper .opening .content {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0
}

.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .openings-swiper-wrapper .opening .apply-button {
    color: #b90000;
    font-size: 19px;
    font-weight: 800
}

.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .openings-swiper-wrapper .opening .apply-button .text {
    padding-top: 14px;
    width: -moz-fit-content;
    width: fit-content;
    border-top: 5px solid #c51017;
    transition: all .3s ease-in-out
}

.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .openings-swiper-wrapper .opening .apply-button .text:hover {
    border-top: 5px solid #1e2131;
    color: #1e2131
}

.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .nav-buttons {
    position: absolute;
    bottom: -40px;
    left: 35px
}

.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .nav-buttons .openings-swiper-button-prev::after {
    font-family: "Font Awesome 6 Free";
    content: "";
    font-weight: 800;
    color: #0c0c0c;
    font-size: 20px
}

.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .nav-buttons .openings-swiper-button-next::after {
    font-family: "Font Awesome 6 Free";
    content: "";
    font-weight: 800;
    color: #0c0c0c;
    font-size: 20px
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content {
    flex-direction: row-reverse
}

@media screen and (max-width: 950px) {
    .contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content {
        flex-direction: column
    }
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info {
    flex-basis: unset
}

@media screen and (max-width: 768px) {
    .contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row {
        flex-direction: row
    }
}

@media screen and (max-width: 500px) {
    .contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row {
        flex-direction: column
    }
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row.uploaders {
    flex-direction: row
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .form-group {
    max-width: unset
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .form-group select {
    width: 100%
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload {
    width: 50%
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .uploaded-file-name {
    margin: 0;
    font-size: .9rem;
    color: #444;
    margin-top: 5px;
    padding-left: 5px;
    display: flex;
    align-items: center;
    gap: 6px
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .uploaded-file-name i {
    color: #d10000
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .label {
    cursor: pointer
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .label .upload-image-container {
    width: 122px;
    aspect-ratio: 14/16
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .label .upload-image-container.picture-upload-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .label .upload-image-container .remove-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    color: #c00;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
    font-size: 1.2rem
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .label .upload-image-container {
    position: relative
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .label .spinner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .6)
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .label .cv-upload-container {
    background-color: #a9a9a9;
    display: flex;
    justify-content: center;
    align-items: center
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .label .cv-upload-container img {
    width: 60px;
    height: auto
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .label .text {
    width: 100%;
    text-align: center;
    padding: 3px 0;
    background-color: #1e2251;
    color: #fff;
    transition: all .3s ease;
    border: 1px solid #1e2251
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .label .text:hover {
    color: #000;
    background-color: #fff;
    border: #000 solid 1px
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload input {
    display: none
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .career-input-group h4 {
    margin: 0
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .career-input-group .education-entry {
    margin-top: 10px
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .career-input-group .add-btn, .contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .career-input-group .remove-btn {
    margin-top: 10px;
    background-color: #1e2251;
    border: solid #1e2251 1px;
    color: #fff;
    transition: all .3s ease
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .career-input-group .add-btn:hover, .contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .career-input-group .remove-btn:hover {
    color: #000;
    background-color: #fff;
    border: #000 solid 1px
}

.flatpickr-calendar .numInput {
    text-align: end
}

.contact-page {
    min-height: calc(100dvh - var(--header-height));
    padding-left: var(--margin-end);
    padding-right: var(--margin-start)
}

.contact-page * {
    direction: ltr
}

.contact-page .contact-page-container {
    max-width: 1600px;
    margin: auto
}

.contact-page .contact-page-container .contact-page-wrapper {
    display: flex;
    flex-direction: column
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-header {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px;
    margin-bottom: 0;
    gap: 15px
}

@media screen and (max-width: 768px) {
    .contact-page .contact-page-container .contact-page-wrapper .contact-page-header {
        gap: 5px
    }
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-header .title .text {
    text-transform: lowercase;
    font-size: 38px
}

@media screen and (max-width: 768px) {
    .contact-page .contact-page-container .contact-page-wrapper .contact-page-header .title .text {
        font-size: 25px
    }
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-header .title .text::first-letter {
    text-transform: uppercase
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-header .subtitle {
    display: flex;
    align-items: center;
    gap: 15px
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-header .subtitle .icon {
    position: relative;
    border-radius: 50%;
    background-color: #db1519;
    width: 41px;
    height: 41px
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-header .subtitle .icon i {
    position: absolute;
    top: 2px;
    right: -2px;
    font-size: 32px
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-header .subtitle .number {
    font-size: 25px;
    font-weight: 800;
    color: #000
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-header .advertise-subtitle {
    width: 55%;
    padding-inline-start: 20px;
    margin-bottom: 0
}

@media screen and (max-width: 800px) {
    .contact-page .contact-page-container .contact-page-wrapper .contact-page-header .advertise-subtitle {
        width: 100%;
        font-size: 13px;
        padding-inline-start: 0
    }
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content {
    display: flex;
    gap: 50px;
    padding-top: 50px;
    margin-bottom: 38px
}

@media screen and (max-width: 768px) {
    .contact-page .contact-page-container .contact-page-wrapper .contact-page-content {
        flex-direction: column;
        padding-top: 20px
    }
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info {
    flex-basis: 400px
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info .info-header {
    margin-bottom: 15px
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info .info-header .title {
    display: flex;
    justify-content: space-between;
    font-weight: 800;
    color: #b90000
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info .info-header .title .dropdown-icon {
    display: none
}

@media screen and (max-width: 768px) {
    .contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info .info-header .title .dropdown-icon {
        display: inline-block
    }
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info .info-header .subtitle {
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5
}

@media screen and (max-width: 768px) {
    .contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info .info-header .subtitle {
        max-width: 70%
    }
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info .contact-features {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px;
    list-style: none;
    background-color: #fff;
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 20px
}

@media screen and (max-width: 768px) {
    .contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info .contact-features {
        height: 2px;
        padding: 0;
        overflow: hidden;
        border: 0
    }
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info .contact-features .feature {
    font-weight: 800
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container {
    flex-basis: calc(75% - 50px)
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 14px
}

@media screen and (max-width: 768px) {
    .contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form {
        padding-left: var(--margin-start)
    }
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row {
    display: flex;
    gap: 20px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row {
        flex-direction: column
    }
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .field-error {
    color: #e53935;
    font-size: .85rem;
    margin-top: 2px;
    display: block
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group {
    display: flex;
    flex-direction: column;
    flex-basis: calc(50% - 10px);
    gap: 10px;
    max-width: 310px
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group .fa-spinner {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 33px
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group p {
    display: none;
    margin: 0;
    margin-top: -10px;
    color: #c00;
    font-size: 12px
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group.is-invalid input, .contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group.is-invalid select {
    border: 2px solid #c00
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group.is-invalid p {
    display: block
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group.radio {
    flex-direction: row
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group.radio .form-radio-option {
    display: flex;
    align-items: center;
    gap: 10px
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group label {
    color: #1e1e1e
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group input, .contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group textarea {
    outline: 0;
    height: 40px
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group textarea {
    resize: none;
    height: 90px;
    width: 100%
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 1px solid #272727
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group input[type=radio]:checked {
    border: 2px solid #c51017;
    background-color: #c51017
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group button {
    border: 0;
    background: none;
    padding-top: 15px;
    border-top: 5px solid #c51017;
    width: -moz-fit-content;
    width: fit-content;
    color: #b90000;
    font-size: 19px;
    font-weight: 800;
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width: 768px) {
    .contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group button {
        font-size: 13px;
        border-top: 3px solid #c51017;
        padding-top: 10px
    }
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group select {
    height: 40px
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group select:focus-visible {
    outline: -webkit-focus-ring-color auto 0
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group .calendar-icon {
    position: absolute;
    inset-inline-end: 10px;
    top: 44px;
    color: #888;
    cursor: pointer;
    pointer-events: none
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form h5 {
    font-size: 18px;
    margin-bottom: 0
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .success {
    color: #2fa72f
}

.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .error {
    color: #b90000
}

.contact-page .department {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px
}

.contact-page .department .label-wrapper {
    width: calc(100% - 25px)
}

.contact-page .department-header {
    font-size: 1.1rem;
    margin-bottom: .25rem
}

.contact-page .department-desc {
    font-size: .9rem;
    margin-bottom: .5rem;
    color: #666
}

.contact-page .department-checkbox {
    display: flex;
    justify-content: space-between
}

.contact-page .department-checkbox input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    border: 2px solid #333;
    border-radius: 2px;
    outline: 0;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    transition: all .2s ease-in-out
}

.contact-page .department-checkbox input[type=radio]::after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 6px
}

.contact-page .department-checkbox input[type=radio]:checked {
    background-color: #333
}

.contact-page .department.advertise-feature .department-header {
    margin-bottom: 0;
    font-size: 15px
}

.contact-page .department.advertise-feature .department-desc {
    margin-bottom: 0;
    font-size: 12px
}

.about-page * {
    direction: ltr
}

.about-page .about-page-container .hero-section {
    position: relative;
    height: calc(100vh - 90px);
    background: url("") no-repeat center center;
    background-size: cover
}

.about-page .about-page-container .hero-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #1a1a1a;
    background: linear-gradient(0deg, #1a1a1a 0%, rgba(64, 64, 64, 0) 100%);
    z-index: 0
}

.about-page .about-page-container .hero-section .hero-section-content {
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: 15%;
    color: #fff;
    width: 100%;
    padding-left: var(--margin-end);
    padding-right: var(--margin-start)
}

@media screen and (max-width: 1150px) {
    .about-page .about-page-container .hero-section .hero-section-content {
        bottom: 10%
    }
}

.about-page .about-page-container .hero-section .hero-section-content::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 50%;
    width: 300px;
    height: 100%;
    background: #db1519;
    background: radial-gradient(circle, #db1519 0%, rgba(185, 0, 0, 0) 80%);
    opacity: 26%
}

@media screen and (max-width: 1150px) {
    .about-page .about-page-container .hero-section .hero-section-content::before {
        display: none
    }
}

.about-page .about-page-container .hero-section .hero-section-content .content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80px
}

@media screen and (max-width: 1150px) {
    .about-page .about-page-container .hero-section .hero-section-content .content-container {
        gap: 35px
    }
}

.about-page .about-page-container .hero-section .hero-section-content .content-container .title {
    font-size: 46px;
    font-weight: 800;
    text-align: center
}

@media screen and (max-width: 700px) {
    .about-page .about-page-container .hero-section .hero-section-content .content-container .title {
        font-size: 30px
    }
}

.about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list {
    display: flex;
    -moz-column-gap: 50px;
    column-gap: 50px;
    row-gap: 30px
}

@media screen and (max-width: 1150px) {
    .about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list {
        flex-direction: column;
        align-items: center
    }
}

@media screen and (max-width: 700px) {
    .about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list {
        -moz-column-gap: 33px;
        column-gap: 33px
    }
}

.about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .icon-list-first, .about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .icon-list-second {
    display: flex;
    -moz-column-gap: 50px;
    column-gap: 50px
}

@media screen and (max-width: 700px) {
    .about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .icon-list-first, .about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .icon-list-second {
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

.about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .item {
    max-width: 150px
}

.about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .item .icon {
    position: relative;
    border-radius: 50%;
    background-color: #db1519;
    width: 36px;
    height: 36px;
    margin-bottom: 24px
}

.about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .item .icon i {
    position: absolute;
    right: -5px;
    font-size: 30px
}

.about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .item .text {
    font-size: 19px;
    font-weight: bold;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width: 700px) {
    .about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .item .text {
        font-size: 12px
    }
}

.about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .separator {
    width: 1px;
    background-color: rgba(255, 255, 255, .18)
}

@media screen and (max-width: 1150px) {
    .about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .container-separator {
        display: none
    }
}

.about-page .about-page-container .quote-section {
    position: relative;
    background-color: #1a1a1a;
    margin-top: -1px;
    padding-top: 23px;
    height: 575px;
    padding-left: var(--margin-end);
    padding-right: var(--margin-start)
}

@media screen and (max-width: 1250px) {
    .about-page .about-page-container .quote-section {
        height: -moz-fit-content;
        height: fit-content
    }
}

.about-page .about-page-container .quote-section .quote-container {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 1250px) {
    .about-page .about-page-container .quote-section .quote-container {
        flex-direction: column;
        align-items: center;
        padding-bottom: 36px
    }
}

.about-page .about-page-container .quote-section .quote-container .ceo-image {
    width: 539px;
    height: 634px
}

@media screen and (max-width: 1250px) {
    .about-page .about-page-container .quote-section .quote-container .ceo-image {
        width: 374px;
        height: auto
    }
}

@media screen and (max-width: 420px) {
    .about-page .about-page-container .quote-section .quote-container .ceo-image {
        width: 100%
    }
}

.about-page .about-page-container .quote-section .quote-container .ceo-image img {
    width: 100%;
    height: auto
}

.about-page .about-page-container .quote-section .quote-container .quote {
    color: #fff;
    max-width: 600px;
    width: 50%;
    margin-top: 100px
}

@media screen and (max-width: 1250px) {
    .about-page .about-page-container .quote-section .quote-container .quote {
        margin-top: 70px
    }
}

@media screen and (max-width: 800px) {
    .about-page .about-page-container .quote-section .quote-container .quote {
        width: 100%
    }
}

.about-page .about-page-container .quote-section .quote-container .quote .text {
    position: relative;
    font-size: 38px;
    font-weight: 800
}

@media screen and (max-width: 1024px) {
    .about-page .about-page-container .quote-section .quote-container .quote .text {
        font-size: 20px
    }
}

.about-page .about-page-container .quote-section .quote-container .quote .text::before {
    content: "";
    position: absolute;
    left: 0;
    top: -50px;
    font-family: "Font Awesome 6 Free";
    font-weight: 800;
    transform: rotateY("180deg")
}

.about-page .about-page-container .quote-section .quote-container .quote .text::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -50px;
    font-family: "Font Awesome 6 Free";
    font-weight: 800
}

.about-page .about-page-container .quote-section .quote-container .quote .subtext {
    font-size: 25px;
    margin: 0;
    margin-top: 35px
}

@media screen and (max-width: 1024px) {
    .about-page .about-page-container .quote-section .quote-container .quote .subtext {
        font-size: 13px
    }
}

.about-page .about-page-container .mission-vision-section {
    padding-left: var(--margin-start);
    padding-right: var(--margin-end);
    padding-top: 150px;
    padding-bottom: 100px
}

@media screen and (max-width: 650px) {
    .about-page .about-page-container .mission-vision-section {
        padding-top: 45px;
        padding-bottom: 36px
    }
}

.about-page .about-page-container .mission-vision-section .mission-vision-container {
    display: flex;
    justify-content: space-between;
    gap: 50px
}

@media screen and (max-width: 650px) {
    .about-page .about-page-container .mission-vision-section .mission-vision-container {
        flex-direction: column;
        gap: 30px
    }
}

.about-page .about-page-container .mission-vision-section .mission-vision-container .mission-vision {
    max-width: 550px
}

@media screen and (max-width: 650px) {
    .about-page .about-page-container .mission-vision-section .mission-vision-container .mission-vision {
        max-width: 100%
    }
}

.about-page .about-page-container .mission-vision-section .mission-vision-container .mission-vision.vision {
    padding-top: 200px
}

@media screen and (max-width: 650px) {
    .about-page .about-page-container .mission-vision-section .mission-vision-container .mission-vision.vision {
        padding-top: unset
    }
}

.about-page .about-page-container .mission-vision-section .mission-vision-container .mission-vision .mission-vision-header {
    margin-bottom: 38px
}

@media screen and (max-width: 650px) {
    .about-page .about-page-container .mission-vision-section .mission-vision-container .mission-vision .mission-vision-header {
        margin-bottom: 11px
    }
}

.about-page .about-page-container .history-section {
    position: relative;
    background: url("") no-repeat center center;
    background-size: cover;
    padding-top: 90px;
    padding-bottom: 100px;
    padding-left: var(--margin-start);
    padding-right: var(--margin-end)
}

@media screen and (max-width: 850px) {
    .about-page .about-page-container .history-section {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.about-page .about-page-container .history-section::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7)
}

.about-page .about-page-container .history-section .history-header::-webkit-scrollbar {
    display: none
}

.about-page .about-page-container .history-section .history-header {
    width: 100%;
    overflow: scroll
}

.about-page .about-page-container .history-section .history-header .header-container {
    width: 100%;
    min-width: 1080px
}

@media screen and (max-width: 850px) {
    .about-page .about-page-container .history-section .history-header .header-container {
        min-width: 790px
    }
}

.about-page .about-page-container .history-section .history-header .header-container .tabs {
    position: relative;
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding-left: 0;
    z-index: 1
}

.about-page .about-page-container .history-section .history-header .header-container .tabs::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: rgba(255, 255, 255, .16)
}

.about-page .about-page-container .history-section .history-header .header-container .tabs .tab {
    font-size: 25px;
    color: #fff;
    opacity: .5;
    padding-top: 25px;
    padding-bottom: 25px;
    cursor: pointer
}

@media screen and (max-width: 850px) {
    .about-page .about-page-container .history-section .history-header .header-container .tabs .tab {
        font-size: 16px;
        padding-top: 0
    }
}

.about-page .about-page-container .history-section .history-header .header-container .tabs .tab.active {
    position: relative;
    font-weight: 800;
    opacity: 1
}

.about-page .about-page-container .history-section .history-header .header-container .tabs .tab.active::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #db1519
}

.about-page .about-page-container .history-section .history-content {
    margin-top: 100px
}

@media screen and (max-width: 850px) {
    .about-page .about-page-container .history-section .history-content {
        margin-top: 60px
    }
}

.about-page .about-page-container .history-section .history-content .content-container {
    width: 91%;
    margin: 0 auto
}

.about-page .about-page-container .history-section .history-content .content-container .content {
    position: relative;
    color: #fff;
    font-size: 19px;
    text-align: center;
    z-index: 1;
    display: none
}

.about-page .about-page-container .history-section .history-content .content-container .visible {
    display: block
}

.terms-page {
    padding-left: var(--margin-start);
    padding-right: var(--margin-end)
}

.terms-page.vod-terms {
    padding-top: 80px
}

@media screen and (max-width: 980px) {
    .terms-page.vod-terms {
        padding-top: 0;
        padding-bottom: 40px
    }
}

.terms-page.vod-terms .terms-header .text {
    font-size: 24px;
    color: #f00
}

.terms-page .terms-page-container {
    max-width: 1600px;
    margin: auto;
    padding: 20px 0
}

.terms-page .terms-page-container .terms-header {
    margin-bottom: 20px
}

.terms-page .terms-page-container .terms-content .privacy-policy {
    font-weight: bold;
    font-size: 15px
}

.terms-page .terms-page-container .terms-content .privacy-policy .title {
    padding-top: 15px;
    padding-bottom: 35px;
    color: #b90000
}

.category-listing-body {
    width: 100%;
    padding-left: var(--margin-start);
    padding-right: var(--margin-end)
}

.category-listing-body .category-listing-wrapper {
    max-width: 1600px;
    margin: auto
}

.category-listing-body .cl-x-button {
    display: none
}

@media screen and (max-width: 768px) {
    .category-listing-body .cl-x-button {
        display: block
    }
}

@media screen and (max-width: 600px) {
    .category-listing-body {
        overflow-x: hidden
    }
}

.category-listing-body p {
    margin: 0
}

.category-listing-body button {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.category-listing-body a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    cursor: pointer
}

.category-listing-body .category-listing-header {
    width: 100%;
    padding-bottom: 17px;
    border-bottom: #dcdcdc solid 1px
}

@media screen and (max-width: 768px) {
    .category-listing-body .category-listing-header {
        padding-bottom: 5px
    }
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-header {
        border: 0
    }
}

.category-listing-body .category-listing-header .category-listing-header-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px
}

@media screen and (min-width: 1600px) {
    .category-listing-body .category-listing-header .category-listing-header-wrapper {
        padding-inline-end: 0;
        padding-inline-start: 0
    }
}

@media screen and (max-width: 768px) {
    .category-listing-body .category-listing-header .category-listing-header-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        margin-top: 5px
    }
}

.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-right .section-header__title {
    margin: 0;
    padding: 0
}

.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-right .section-header__title .section-header-text {
    padding: 0
}

.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left {
    display: flex;
    gap: 26.5px;
    align-items: center;
    font-size: 17px;
    font-weight: bold;
    position: relative
}

@media screen and (max-width: 768px) {
    .category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left {
        gap: 15px;
        width: 100%;
        justify-content: space-between
    }
}

.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .lc-dropdown-container {
    position: relative;
    width: 200px
}

@media screen and (max-width: 768px) {
    .category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .lc-dropdown-container {
        width: 100%
    }
}

.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .lc-dropdown-container .lc-right-header-dropdown {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .0509803922);
    border: 1px solid #dcdcdc;
    padding: 8px 0;
    padding-inline-end: 22px;
    padding-inline-start: 16px;
    cursor: pointer
}

.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .lc-dropdown-container .lc-right-header-dropdown p {
    margin: 0;
    font-size: 17px
}

.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .lc-dropdown-container .lc-right-header-dropdown i {
    font-size: 25px;
    padding-top: 8px;
    display: flex;
    align-items: center;
    transition: transform .3s ease
}

.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .lc-dropdown-container .search-filters-dropdown-custom {
    inset-inline-start: 0
}

.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .category-listing-header-simple-titles {
    display: flex;
    align-items: center;
    gap: 26.5px
}

@media screen and (max-width: 768px) {
    .category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .category-listing-header-simple-titles {
        gap: 15px
    }
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .category-listing-header-simple-titles {
        gap: 20px
    }
}

.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .category-listing-header-title {
    cursor: pointer;
    padding: 5px 0;
    border-bottom: 3px solid #fff;
    transition: border-color .2s ease
}

.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .category-listing-header-title:hover {
    border-color: #b90000
}

.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .category-listing-header-title.selected-category {
    border-color: #b90000
}

.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .header-al-mawadi3-title {
    display: flex;
    align-items: center;
    border: #dcdcdc solid 1px;
    padding: 10px 20px;
    cursor: pointer;
    position: relative
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .header-al-mawadi3-title {
        width: 100%;
        justify-content: space-between
    }
}

.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .header-al-mawadi3-title h5 {
    margin-inline-end: 20px;
    margin-bottom: 0;
    font-size: 17px
}

.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .header-al-mawadi3-title .al-mawadi3-end {
    display: flex;
    align-items: center;
    gap: 10px
}

.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .header-al-mawadi3-title .al-mawadi3-end #cl-arrow {
    transition: transform .3s ease
}

.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .header-al-mawadi3-title .red-circle {
    display: flex;
    opacity: 0;
    align-items: center;
    background-color: #b90000;
    padding: 5px 11px;
    gap: 11px;
    border-radius: 17px;
    transition: opacity .3s ease-in-out
}

.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .header-al-mawadi3-title .red-circle p {
    margin: 0;
    font-size: 12px;
    color: #fff
}

.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .header-al-mawadi3-title .red-circle i {
    width: 9px;
    height: 13px;
    font-size: 12px;
    color: #fff
}

.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .header-al-mawadi3-title .show-red-circle {
    opacity: 1
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .al-mawadi3-dropdown {
        top: 110px
    }
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-content {
        -moz-column-gap: 7px;
        column-gap: 7px
    }
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-content .al-mawadi3-dropdown-item {
        flex-basis: 100%;
        gap: 5px
    }
}

.category-listing-body .category-listing-content {
    width: 100%;
    margin-top: 37px;
    display: flex;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-content {
        margin-top: 0
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper {
    padding-bottom: 100px;
    display: flex;
    width: 100%
}

@media screen and (min-width: 1600px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper {
        padding-inline-end: 0;
        padding-inline-start: 0
    }
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper {
        flex-direction: column;
        padding: 0
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right {
    flex: 1;
    border-inline-end: #dcdcdc solid 1px
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right {
        width: 100%;
        border: 0
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper {
    width: 100%;
    padding-inline-end: 44.74px
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper {
        padding-inline-end: 0
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .highlight .highlight-content {
    padding: 0
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .highlight .highlight-content .highlight-title {
    margin-top: 15px;
    margin-bottom: 8px
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .highlight .highlight-content {
        padding-inline-start: var(--margin-start);
        padding-inline-end: var(--margin-end)
    }
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .highlight .highlight-text {
        width: 100%
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .highlight .highlight-time {
    display: block;
    direction: ltr;
    text-align: end
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .adidas-ad-content {
    width: 100%;
    margin-top: 29.5px
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .adidas-ad-content {
        padding-inline-start: var(--margin-start);
        padding-inline-end: var(--margin-end)
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .adidas-ad-content img {
    width: 100%
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 42px
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news {
        padding-inline-start: var(--margin-start);
        padding-inline-end: var(--margin-end);
        margin-top: 20px
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width: 768px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header {
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 25px
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-right {
    display: flex;
    gap: 30px
}

@media screen and (max-width: 1124px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-right {
        gap: 15px
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-right .more-news-filter-buttons {
    padding-bottom: 10px;
    padding-top: 12px;
    border-bottom: 1px solid #d9d6d6
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-right .more-news-selected-filter {
    border-bottom: 3px solid #b90000;
    font-weight: bold
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-left {
    display: flex;
    gap: 10px;
    position: relative
}

@media screen and (max-width: 768px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-left {
        width: 100%;
        justify-content: space-between;
        gap: unset
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-left .more-news-filter-dropdown {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 0 21px;
    padding-top: 12px;
    padding-bottom: 10px;
    border: solid 1px #dcdcdc;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .0509803922)
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-left .more-news-filter-dropdown i {
    transition: transform .3s ease
}

@media screen and (max-width: 1124px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-left .more-news-filter-dropdown {
        padding-inline-end: 15px;
        padding-inline-start: 15px;
        gap: 15px
    }
}

@media screen and (max-width: 768px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-left .more-news-filter-dropdown {
        width: 48%;
        justify-content: space-between;
        gap: unset
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-left .al-mawadi3-dropdown {
    width: 100%;
    inset-inline-start: 0;
    top: 60px
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-left .al-mawadi3-dropdown .al-mawadi3-dropdown-content {
    flex-wrap: nowrap;
    flex-direction: column
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-left .search-filters-dropdown {
    position: absolute;
    top: 60px;
    inset-inline-start: 0;
    width: 100%;
    z-index: 1;
    background-color: #fff;
    padding-inline-start: 31px;
    padding-inline-end: 14px;
    max-height: 0;
    transition: max-height .5s ease;
    overflow: hidden
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content {
    display: none;
    flex-direction: column;
    gap: 25px
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item {
    display: flex;
    width: 100%;
    gap: 7%
}

@media screen and (max-width: 768px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item {
        flex-direction: column-reverse;
        gap: 20px
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item .more-news-item-description {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px
}

@media screen and (max-width: 768px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item .more-news-item-description {
        width: 100%
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item .more-news-item-description h3 {
    font-weight: bold;
    font-size: 24px
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item .more-news-item-description h5 {
    font-size: 15.5px;
    color: rgba(0, 0, 0, .8);
    line-height: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item .more-news-item-description p {
    font-size: 12px;
    color: rgba(0, 0, 0, .44);
    direction: ltr;
    text-align: end
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item:hover .more-news-item-image img {
    scale: 1.2
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item .more-news-item-image {
    width: 180px;
    height: -moz-fit-content;
    height: fit-content;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item .more-news-item-image {
        width: 50%
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item .more-news-item-image img {
    width: 100%;
    height: auto;
    transition: scale .3s ease-in-out
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .load-more-container {
    position: relative;
    display: inline-block;
    min-height: 50px;
    width: 100%
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .loader-highlight {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(255, 255, 255, .8);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 10
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .spinner-highlight {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-displayed-content {
    display: flex
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left {
    width: -moz-fit-content;
    width: fit-content;
    min-width: 200px;
    height: 100%
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper {
    padding-inline-start: 40.74px;
    display: flex;
    justify-content: space-between;
    height: 100%
}

@media screen and (max-width: 768px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper {
        padding-inline-start: 20px
    }
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper {
        padding: 0
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos {
    width: 0
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details {
    width: 100%
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details {
        padding-inline-start: var(--margin-start);
        padding-inline-end: var(--margin-end);
        width: 100%
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 23px
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-header h5 {
    width: 47%;
    padding-bottom: 14px;
    border-bottom: #d1d1d1 1px solid;
    font-size: 21px;
    margin: 0;
    cursor: pointer
}

@media screen and (max-width: 1145px) and (min-width: 1024px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-header h5 {
        font-size: 18px
    }
}

@media screen and (max-width: 854px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-header h5 {
        font-size: 18px
    }
}

@media screen and (max-width: 647px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-header h5 {
        font-size: 16px !important
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-header .category-listing-selected-sports {
    font-weight: 900;
    color: #b90000
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-ranking {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 26px
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-ranking .sports-details-team {
    display: flex;
    width: 100%;
    justify-content: space-between;
    cursor: pointer
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-ranking .sports-details-team p {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-ranking .sports-details-team .sports-details-team-name {
    display: flex;
    gap: 18px
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-ranking .sports-details-team .sports-details-team-name .cl-team-name {
    font-weight: unset
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-ranking .sports-details-team-selected {
    color: #b90000
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-scores {
    margin-bottom: 50px
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-score {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-score .sports-details-score-date {
    font-size: 10px;
    color: rgba(0, 0, 0, .44);
    margin-top: 20px;
    font-weight: bold;
    direction: ltr
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-score .category-listing-score-details {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 5px;
    padding-bottom: 7px;
    margin-bottom: 7px;
    border-bottom: rgba(112, 112, 112, .17) 1px solid
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-score .category-listing-score-details img {
    width: 35px;
    height: 35px
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-score .category-listing-score-details .category-listing-score {
    display: flex;
    align-items: center;
    gap: 10px
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-score .category-listing-score-details .category-listing-score p {
    font-weight: bold;
    font-size: 25px
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-score .category-listing-score-team-name {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-score .category-listing-score-team-name p {
    font-size: 10px;
    text-transform: uppercase;
    color: #818181
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .jami3-nata2ej {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 50px
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .category-listing-hidden-sport {
    display: none
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos {
        width: 100%;
        margin-top: 40px
    }
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .section-header {
        padding-inline-start: var(--margin-start);
        padding-inline-end: var(--margin-end)
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .section-header .section-header__title {
    margin: 0
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .category-listing-videos-content {
    margin-top: 20px;
    overflow-x: scroll
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .category-listing-videos-content::-webkit-scrollbar {
    display: none
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .category-listing-videos-content {
        width: 100vw
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .category-listing-videos-content .category-listing-videos-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .category-listing-videos-content .category-listing-videos-wrapper {
        flex-direction: row;
        width: -moz-fit-content;
        width: fit-content;
        padding-inline-start: var(--margin-start);
        padding-inline-end: var(--margin-end)
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .category-listing-videos-content .search-result-chapter {
    width: 100%
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .category-listing-videos-content .search-result-chapter {
        width: 270px;
        height: auto
    }
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .search-result-al-mazid {
        margin-inline-start: var(--margin-start);
        margin-top: 20px
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-google-ad {
    width: 100%;
    position: sticky;
    top: calc(var(--header-height) + 20px);
    height: -moz-min-content;
    height: min-content
}

@media screen and (max-width: 600px) {
    .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-google-ad {
        width: 100%;
        padding-inline-start: var(--margin-start);
        padding-inline-end: var(--margin-end);
        margin-top: 34px
    }
}

.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-google-ad img {
    width: 100%
}

.watch-page {
    padding: 0 var(--margin-start);
    background-color: #f0f0f0;
    min-height: 100dvh
}

.watch-page * {
    direction: ltr
}

.watch-page .x-button {
    left: unset;
    right: 23px
}

.watch-page .watch-container {
    padding-bottom: 50px;
    padding-top: 20px;
    max-width: 1600px;
    margin: auto
}

@media screen and (max-width: 650px) {
    .watch-page .watch-container .watch-header {
        padding-top: 10px
    }
}

.watch-page .watch-container .watch-header .section-header-text {
    font-size: 38px;
    line-height: 50px
}

@media screen and (max-width: 650px) {
    .watch-page .watch-container .watch-header .section-header-text {
        font-size: 20px
    }
}

.watch-page .watch-container .watch-content {
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-top: 50px;
    padding-bottom: 10px
}

@media screen and (max-width: 650px) {
    .watch-page .watch-container .watch-content {
        padding-top: 24px
    }
}

.watch-page .watch-container .watch-content::-webkit-scrollbar {
    display: none
}

.watch-page .watch-container .watch-content .watch-cards {
    display: flex;
    gap: 24px;
    border-bottom: 1px dashed #bbb;
    width: -moz-fit-content;
    width: fit-content
}

.watch-page .watch-container .watch-content .watch-cards * {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.watch-page .watch-container .watch-content .watch-cards .watch-card {
    display: flex;
    flex-direction: column;
    align-items: center
}

.watch-page .watch-container .watch-content .watch-cards .watch-card .watch-card-wrapper {
    background-color: #fff;
    width: -moz-max-content;
    width: max-content;
    height: 308px;
    max-width: 500px;
    min-width: 380px;
    padding: 15px 24px
}

.watch-page .watch-container .watch-content .watch-cards .watch-card__title {
    color: #b90000
}

.watch-page .watch-container .watch-content .watch-cards .watch-card__title h3 {
    font-weight: 800;
    font-size: 20px
}

.watch-page .watch-container .watch-content .watch-cards .watch-card__content {
    margin-top: 20px
}

.watch-page .watch-container .watch-content .watch-cards .watch-card__content table {
    width: 100%
}

.watch-page .watch-container .watch-content .watch-cards .watch-card::after {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background-color: #b90000;
    border-radius: 50%;
    margin-top: 45px;
    margin-bottom: -9px;
    position: relative;
    z-index: 3
}

.watch-page .watch-container .watch-swiper-nav .swiper-arrow {
    background-color: #fff;
    border: #000 1px solid;
    width: 40px;
    height: 25px
}

.form-pages {
    position: relative;
    height: 100vh;
    height: 830px;
    width: 100%
}

.form-pages * {
    direction: ltr
}

.form-pages .form-pages-background {
    position: absolute;
    width: 100%;
    height: 100%
}

.form-pages .form-pages-background .form-pages-wrapper {
    position: relative;
    height: 100%
}

.form-pages .form-pages-background .linear-gradient {
    position: absolute;
    top: 0;
    left: 0;
    height: 130%;
    width: 100%;
    z-index: -1;
    opacity: 1;
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px)
}

.form-pages .form-pages-background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    z-index: -2
}

.form-pages .form-pages-container {
    position: absolute;
    top: 0;
    padding-right: var(--margin-start);
    padding-left: var(--margin-end);
    width: 100%
}

.form-pages .form-pages-container .x-button {
    display: block;
    position: unset;
    margin: auto;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 20px
}

@media screen and (max-width: 980px) {
    .form-pages .form-pages-container .x-button {
        margin-top: 50px
    }
}

.form-pages .form-pages-container .form {
    background-color: #fff;
    width: 100%;
    max-width: 802px;
    padding: 0 82px;
    padding-top: 66px;
    padding-bottom: 39px;
    margin: auto;
    margin-top: 30px;
    display: flex;
    align-items: center;
    flex-direction: column
}

@media screen and (max-width: 980px) {
    .form-pages .form-pages-container .form {
        margin-top: 50px
    }
}

@media screen and (max-width: 650px) {
    .form-pages .form-pages-container .form {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media screen and (max-width: 550px) {
    .form-pages .form-pages-container .form {
        padding-top: 40px
    }
}

.form-pages .form-pages-container .form h1 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 40px
}

@media screen and (max-width: 550px) {
    .form-pages .form-pages-container .form h1 {
        font-size: 30px
    }
}

.form-pages .form-pages-container .form .signin-methods-container {
    width: 100%;
    border-bottom: rgba(112, 112, 112, .14) 1px solid
}

.form-pages .form-pages-container .form .signin-methods {
    display: flex;
    gap: 90px;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto
}

@media screen and (max-width: 500px) {
    .form-pages .form-pages-container .form .signin-methods {
        margin: none;
        width: 100%;
        justify-content: space-between;
        gap: unset
    }
}

.form-pages .form-pages-container .form .signin-methods .method {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 29px
}

@media screen and (max-width: 500px) {
    .form-pages .form-pages-container .form .signin-methods .method {
        width: 20px
    }
}

.form-pages .form-pages-container .form .signin-methods .method i {
    font-size: 25px;
    color: #000;
    opacity: .29
}

@media screen and (max-width: 500px) {
    .form-pages .form-pages-container .form .signin-methods .method i {
        font-size: 20px
    }
}

.form-pages .form-pages-container .form .signin-methods .method::after {
    content: "";
    display: block;
    height: 2px;
    width: 29px;
    background-color: #000;
    margin-top: 28px;
    margin-bottom: -1.5px;
    max-width: 0
}

@media screen and (max-width: 500px) {
    .form-pages .form-pages-container .form .signin-methods .method::after {
        width: 20px
    }
}

.form-pages .form-pages-container .form .signin-methods .active-method i {
    opacity: 1
}

.form-pages .form-pages-container .form .signin-methods .active-method::after {
    max-width: 29px
}

@media screen and (max-width: 500px) {
    .form-pages .form-pages-container .form .signin-methods .active-method::after {
        max-width: 20px
    }
}

.form-pages .form-pages-container .form .form-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 30px
}

.form-pages .form-pages-container .form .form-container .form-inputs {
    display: flex;
    gap: 20px;
    width: 100%
}

@media screen and (max-width: 550px) {
    .form-pages .form-pages-container .form .form-container .form-inputs {
        flex-direction: column;
        gap: 10px
    }
}

.form-pages .form-pages-container .form .form-container .form-inputs .input {
    width: 50%;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 550px) {
    .form-pages .form-pages-container .form .form-container .form-inputs .input {
        width: 100%
    }
}

.form-pages .form-pages-container .form .form-container .form-inputs .input label {
    font-weight: bold;
    font-size: 16px;
    line-height: 17px;
    margin-bottom: 14px
}

@media screen and (max-width: 550px) {
    .form-pages .form-pages-container .form .form-container .form-inputs .input label {
        margin-bottom: 5px;
        font-size: 14px
    }
}

.form-pages .form-pages-container .form .form-container .form-inputs .input input {
    background-color: rgba(238, 234, 234, .5);
    border: 0;
    height: 40px;
    outline: 0;
    margin-bottom: 9px
}

@media screen and (max-width: 550px) {
    .form-pages .form-pages-container .form .form-container .form-inputs .input input {
        margin-bottom: 5px;
        font-size: 14px
    }
}

.form-pages .form-pages-container .form .form-container .form-inputs .input a {
    font-size: 15px;
    color: rgba(0, 0, 0, .57)
}

@media screen and (max-width: 550px) {
    .form-pages .form-pages-container .form .form-container .form-inputs .input a {
        font-size: 13px
    }
}

.form-pages .form-pages-container .subscribe {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    margin-top: 60px
}

.form-pages .form-pages-container .subscribe h3 {
    color: #fff;
    font-weight: 800;
    font-size: 32px
}

@media screen and (max-width: 550px) {
    .form-pages .form-pages-container .subscribe h3 {
        font-size: 30px
    }
}

.form-pages .form-pages-container .subscribe .button {
    margin-top: 24px
}

.form-pages .form-pages-container .button {
    color: #b90000;
    padding: 0;
    padding-top: 18px;
    font-weight: 800;
    font-size: 19px;
    border: 0;
    background-color: unset;
    margin-top: 36px;
    border-top: #c51017 solid 5px
}

@media screen and (max-width: 550px) {
    .form-pages .form-pages-container .button {
        font-size: 15px;
        padding-top: 7px
    }
}

.form-pages .form-pages-container .payed-features {
    margin: auto;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    gap: 70px;
    margin-top: 96px
}

@media screen and (max-width: 1340px) {
    .form-pages .form-pages-container .payed-features {
        flex-direction: column;
        gap: 60px;
        margin-top: 50px
    }
}

.form-pages .form-pages-container .payed-features .separator {
    height: 141px;
    width: 1px;
    background-color: rgba(255, 255, 255, .26);
    position: absolute;
    right: -35px;
    top: 0
}

@media screen and (max-width: 1340px) {
    .form-pages .form-pages-container .payed-features .separator {
        width: 0
    }
}

.form-pages .form-pages-container .payed-features .feature-group {
    display: flex;
    gap: 70px
}

@media screen and (max-width: 980px) {
    .form-pages .form-pages-container .payed-features .feature-group {
        gap: 27px
    }
}

.form-pages .form-pages-container .payed-features .feature-group .feature-container {
    position: relative
}

.form-pages .form-pages-container .payed-features .feature-group .feature {
    width: 224px;
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media screen and (max-width: 980px) {
    .form-pages .form-pages-container .payed-features .feature-group .feature {
        align-items: center;
        width: 151px !important
    }
}

.form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon {
    width: 47px;
    height: 47px;
    border-radius: 50%;
    background-color: #db1519;
    position: relative
}

@media screen and (max-width: 980px) {
    .form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon {
        width: 28.73px;
        height: 28.73px
    }
}

.form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon i {
    color: #fff;
    font-size: 28px;
    position: absolute;
    font-size: 37px;
    top: 6px;
    right: -5px
}

@media screen and (max-width: 980px) {
    .form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon i {
        font-size: 23px;
        top: 3px
    }
}

.form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon img {
    position: absolute;
    height: auto
}

.form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon .phone {
    left: -2px;
    top: 10px;
    width: 18px
}

@media screen and (max-width: 980px) {
    .form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon .phone {
        width: 11px;
        top: 6px
    }
}

.form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon .laptop {
    right: -22px;
    width: 47px;
    top: 5px
}

@media screen and (max-width: 980px) {
    .form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon .laptop {
        width: 28px;
        right: -13px;
        top: 3px
    }
}

.form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon .live {
    left: -5px;
    width: 47px
}

@media screen and (max-width: 980px) {
    .form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon .live {
        width: 32px;
        right: -13px;
        top: 0
    }
}

.form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon .sliders {
    width: 47px;
    left: -5px
}

@media screen and (max-width: 980px) {
    .form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon .sliders {
        width: 30px
    }
}

.form-pages .form-pages-container .payed-features .feature-group .feature h4 {
    color: #fff;
    font-size: 26px;
    font-weight: bold
}

@media screen and (max-width: 980px) {
    .form-pages .form-pages-container .payed-features .feature-group .feature h4 {
        font-size: 14px;
        text-align: center
    }
}

.form-pages .form-pages-container .payed-features .feature-group .bigger-feature {
    width: 280px
}

.form-pages .form-pages-container .payed-plans {
    margin-top: 135px;
    width: 100%;
    overflow-x: scroll
}

.form-pages .form-pages-container .payed-plans::-webkit-scrollbar {
    width: 0;
    height: 0
}

@media screen and (max-width: 1340px) {
    .form-pages .form-pages-container .payed-plans {
        margin-top: 70px
    }
}

.form-pages .form-pages-container .payed-plans .payed-plans-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 0 22px;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.form-pages .form-pages-container .payed-plans .plan {
    background-color: #fff;
    width: 356px;
    height: 275px;
    padding-top: 22px
}

@media screen and (max-width: 980px) {
    .form-pages .form-pages-container .payed-plans .plan {
        width: 290px;
        height: 224px
    }
}

.form-pages .form-pages-container .payed-plans .plan .plan-header {
    display: flex;
    gap: 17px;
    align-items: center;
    padding-bottom: 21px;
    padding-left: 15px;
    border-bottom: rgba(129, 129, 129, .24) solid 1px
}

.form-pages .form-pages-container .payed-plans .plan .plan-header h3 {
    margin: 0;
    font-size: 27px;
    font-weight: bold
}

.form-pages .form-pages-container .payed-plans .plan .plan-header .round {
    position: relative;
    width: 35px;
    height: 35px
}

.form-pages .form-pages-container .payed-plans .plan .plan-header .round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 35px;
    left: 0;
    position: absolute;
    top: 0;
    width: 35px
}

.form-pages .form-pages-container .payed-plans .plan .plan-header .round label:after {
    border: 2px solid #fff;
    border-top: 0;
    border-right: 0;
    content: "";
    height: 8px;
    left: 8px;
    opacity: 0;
    position: absolute;
    top: 10px;
    transform: rotate(-45deg);
    width: 16px
}

.form-pages .form-pages-container .payed-plans .plan .plan-header .round input[type=checkbox] {
    visibility: hidden
}

.form-pages .form-pages-container .payed-plans .plan .plan-header .round input[type=checkbox]:checked + label {
    background-color: #b90000;
    border-color: #b90000
}

.form-pages .form-pages-container .payed-plans .plan .plan-header .round input[type=checkbox]:checked + label:after {
    opacity: 1
}

@media screen and (max-width: 980px) {
    .form-pages .form-pages-container .payed-plans .plan .plan-header {
        padding-bottom: 17px;
        padding-left: 20px
    }

    .form-pages .form-pages-container .payed-plans .plan .plan-header h3 {
        font-size: 21px
    }

    .form-pages .form-pages-container .payed-plans .plan .plan-header .round {
        width: 14px;
        height: 14px
    }

    .form-pages .form-pages-container .payed-plans .plan .plan-header .round label {
        height: 14px;
        width: 14px
    }

    .form-pages .form-pages-container .payed-plans .plan .plan-header .round label:after {
        height: 3px;
        left: 3px;
        top: 4px;
        width: 6px
    }
}

.form-pages .form-pages-container .payed-plans .plan .price-container {
    margin: 0 25px;
    margin-top: 23px
}

@media screen and (max-width: 980px) {
    .form-pages .form-pages-container .payed-plans .plan .price-container {
        margin: 0 20px;
        margin-top: 15px
    }
}

.form-pages .form-pages-container .payed-plans .plan .price-container h4 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 3px
}

@media screen and (max-width: 980px) {
    .form-pages .form-pages-container .payed-plans .plan .price-container h4 {
        font-size: 21px
    }
}

.form-pages .form-pages-container .payed-plans .plan .price-container p {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 17px
}

.form-pages .form-pages-container .payed-plans .plan .button {
    margin-top: 0;
    margin-left: 25px;
    padding-top: 13px
}

@media screen and (max-width: 980px) {
    .form-pages .form-pages-container .payed-plans .plan .button {
        font-size: 15px;
        padding-top: 6px;
        border-top: 3px solid #b90000
    }
}

.form-pages .form-pages-container .signup {
    background-color: #fff;
    max-width: 875px;
    margin: auto;
    margin-top: 65px
}

@media screen and (max-width: 700px) {
    .form-pages .form-pages-container .signup {
        margin-top: 20px
    }
}

.form-pages .form-pages-container .signup .signup-header {
    padding-top: 27px;
    background-color: #f6f4f4;
    padding-left: 33px;
    padding-right: 25px;
    padding-bottom: 16px;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 600px) {
    .form-pages .form-pages-container .signup .signup-header {
        flex-direction: column-reverse;
        gap: 45px;
        padding-top: 14px;
        padding-left: 13px;
        padding-bottom: 13px
    }
}

.form-pages .form-pages-container .signup .signup-header .signup-header-left {
    display: flex;
    gap: 16px
}

.form-pages .form-pages-container .signup .signup-header .signup-header-left .header-point {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: #707070 solid 2px;
    position: relative
}

.form-pages .form-pages-container .signup .signup-header .signup-header-left .header-point::after {
    position: absolute;
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    top: 9px;
    left: 9px;
    background-color: #b90000;
    border-radius: 50%
}

@media screen and (max-width: 600px) {
    .form-pages .form-pages-container .signup .signup-header .signup-header-left .header-point {
        width: 19px;
        height: 19px;
        margin-top: 1px
    }

    .form-pages .form-pages-container .signup .signup-header .signup-header-left .header-point::after {
        width: 7px;
        height: 7px;
        top: 3.5px;
        left: 3.5px
    }
}

.form-pages .form-pages-container .signup .signup-header .signup-header-left .plan-details {
    color: #2e2e2e
}

.form-pages .form-pages-container .signup .signup-header .signup-header-left .plan-details h1 {
    font-weight: bold;
    font-size: 27px;
    margin-bottom: 3px;
    line-height: 30px
}

.form-pages .form-pages-container .signup .signup-header .signup-header-left .plan-details h2 {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 19px
}

.form-pages .form-pages-container .signup .signup-header .signup-header-left .plan-details p {
    font-size: 14px;
    max-width: 269px;
    margin: 0;
    line-height: 17px
}

@media screen and (max-width: 600px) {
    .form-pages .form-pages-container .signup .signup-header .signup-header-left .plan-details {
        width: calc(100% - 16px - 19px)
    }

    .form-pages .form-pages-container .signup .signup-header .signup-header-left .plan-details h1 {
        font-size: 20px;
        line-height: 20px
    }

    .form-pages .form-pages-container .signup .signup-header .signup-header-left .plan-details h2 {
        font-size: 16px;
        margin-bottom: 7px
    }

    .form-pages .form-pages-container .signup .signup-header .signup-header-left .plan-details p {
        max-width: 100%
    }
}

.form-pages .form-pages-container .signup .signup-header .signup-header-right {
    display: flex;
    align-items: center;
    height: -moz-fit-content;
    height: fit-content
}

@media screen and (max-width: 600px) {
    .form-pages .form-pages-container .signup .signup-header .signup-header-right {
        margin-left: 35px
    }
}

.form-pages .form-pages-container .signup .signup-header .signup-header-right .image-container {
    width: 27px;
    margin-right: 20px
}

.form-pages .form-pages-container .signup .signup-header .signup-header-right .image-container img {
    width: 100%;
    height: auto
}

.form-pages .form-pages-container .signup .signup-header .signup-header-right h5 {
    margin: 0;
    font-size: 16px;
    color: #1e1e1e;
    margin-right: 34px
}

.form-pages .form-pages-container .signup .signup-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 33px;
    padding-right: 25px;
    margin-top: 46px;
    row-gap: 34px
}

@media screen and (max-width: 700px) {
    .form-pages .form-pages-container .signup .signup-form {
        margin-top: 13px;
        row-gap: 7px
    }
}

.form-pages .form-pages-container .signup .signup-form .form-input {
    display: flex;
    flex-direction: column;
    width: 32%;
    position: relative
}

@media screen and (max-width: 700px) {
    .form-pages .form-pages-container .signup .signup-form .form-input {
        width: 48%
    }
}

@media screen and (max-width: 550px) {
    .form-pages .form-pages-container .signup .signup-form .form-input {
        width: 100%
    }
}

.form-pages .form-pages-container .signup .signup-form .form-input label {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 14px;
    line-height: 17px
}

@media screen and (max-width: 700px) {
    .form-pages .form-pages-container .signup .signup-form .form-input label {
        font-size: 14px;
        line-height: 15px;
        margin-bottom: 6px
    }
}

.form-pages .form-pages-container .signup .signup-form .form-input input {
    border: 0;
    background-color: rgba(238, 234, 234, .5);
    height: 40px;
    width: 100%
}

.form-pages .form-pages-container .signup .signup-form .form-input input:focus {
    outline: 0
}

.form-pages .form-pages-container .signup .signup-form .form-input .with-padding {
    padding-right: 35px
}

.form-pages .form-pages-container .signup .signup-form .form-input i {
    position: absolute;
    bottom: 12px;
    right: 13px;
    color: #707070
}

.form-pages .form-pages-container .signup .signup-form .form-input .show-pass, .form-pages .form-pages-container .signup .signup-form .form-input .hide-pass {
    cursor: pointer
}

.form-pages .form-pages-container .signup .signup-form .form-input .hidden-icon {
    display: none
}

.form-pages .form-pages-container .signup .signup-form .form-input .gender-dropdown-container {
    position: relative;
    width: 100%
}

.form-pages .form-pages-container .signup .signup-form .form-input .gender-dropdown-container .gender-input {
    cursor: pointer
}

.form-pages .form-pages-container .signup .signup-form .form-input .gender-dropdown-container .gender-dropdown {
    position: absolute;
    top: 40;
    width: 100%;
    background-color: #f6f4f4;
    padding-left: 5px;
    max-height: 0;
    overflow-y: hidden;
    transition: max-height .3s ease;
    border: 0;
    z-index: 2
}

.form-pages .form-pages-container .signup .signup-form .form-input .gender-dropdown-container .gender-dropdown p {
    margin: 0;
    cursor: pointer
}

.form-pages .form-pages-container .signup .signup-form .form-input .gender-dropdown-container i {
    position: absolute;
    top: 14px;
    right: 18px;
    font-size: 12px;
    transition: transform .3s ease
}

.form-pages .form-pages-container .signup .start-watching {
    display: flex;
    justify-content: center
}

.form-pages .form-pages-container .signup .start-watching .button {
    margin: 0 auto;
    margin-top: 62px;
    margin-bottom: 33px
}

@media screen and (max-width: 700px) {
    .form-pages .form-pages-container .signup .start-watching .button {
        margin-bottom: 10px;
        margin-top: 20px;
        padding-top: 8px
    }
}

.form-pages .signup-bottom {
    position: absolute;
    bottom: 33px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    padding-right: var(--margin-start);
    padding-left: var(--margin-end)
}

@media screen and (max-width: 550px) {
    .form-pages .signup-bottom {
        flex-direction: column-reverse;
        bottom: 5px;
        row-gap: 20px
    }
}

.form-pages .signup-bottom .faq a {
    text-decoration: underline !important;
    font-size: 20px;
    font-weight: bold
}

@media screen and (max-width: 550px) {
    .form-pages .signup-bottom .faq a {
        font-size: 16px
    }
}

.form-pages .signup-bottom .contacts {
    display: flex;
    gap: 70px;
    align-items: center
}

@media screen and (max-width: 550px) {
    .form-pages .signup-bottom .contacts {
        justify-content: space-between;
        gap: unset;
        width: 100%
    }
}

.form-pages .signup-bottom .contacts .contact {
    display: flex;
    gap: 10px;
    align-items: center
}

.form-pages .signup-bottom .contacts .contact .contact-icon {
    background-color: #db1519;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: relative
}

.form-pages .signup-bottom .contacts .contact .contact-icon i {
    position: absolute;
    font-size: 25px;
    top: 4px;
    right: -1px
}

.form-pages .signup-bottom .contacts .contact p {
    margin: 0;
    font-size: 15px;
    font-weight: bold
}

@media screen and (max-width: 700px) {
    .form-pages .signup-container .x-button {
        margin-top: 15px
    }
}

.form-pages .feed-warning {
    margin: 0;
    position: absolute;
    bottom: 22px;
    right: 39px;
    color: rgba(255, 255, 255, .24);
    font-size: 12px
}

.form-pages .no-padding-container {
    padding: 0
}

:root {
    --newsbulletins-border-radius: 5px
}

.news-bulletins-page {
    padding: 0 var(--margin-start);
    padding-top: 20px
}

.news-bulletins-page .news-bulletins-wrapper {
    max-width: 1600px;
    margin: auto
}

.news-bulletins-page .news-bulletins-wrapper .newscast-error {
    min-height: calc(100vh - var(--header-height) - 403px);
    display: flex;
    justify-content: center;
    align-items: center
}

.news-bulletins-page .news-bulletins-wrapper .newscast-error h1 {
    width: -moz-fit-content;
    width: fit-content
}

.news-bulletins-page .news-bulletins-wrapper .loader {
    width: 100%;
    height: calc(100dvh - 190px - var(--header-height));
    display: flex;
    align-items: center;
    justify-content: center
}

.news-bulletins-page .news-bulletins-wrapper .loader i {
    font-size: 50px
}

.news-bulletins-page .news-bulletins-wrapper .newscast-chapters {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 2%;
    column-gap: 2%;
    row-gap: 10px
}

.news-bulletins-page .news-bulletins-wrapper .newscast-chapters .search-result-chapter {
    width: 32%;
    height: -moz-fit-content;
    height: fit-content
}

@media screen and (max-width: 750px) {
    .news-bulletins-page .news-bulletins-wrapper .newscast-chapters .search-result-chapter {
        width: 49%
    }
}

@media screen and (max-width: 750px) {
    .news-bulletins-page .news-bulletins-wrapper .newscast-chapters .search-result-chapter {
        width: 49%
    }
}

@media screen and (max-width: 450px) {
    .news-bulletins-page .news-bulletins-wrapper .newscast-chapters .search-result-chapter {
        width: 100%
    }
}

.news-bulletins-page .news-bulletins-wrapper .newscast-chapters .search-result-chapter .search-result-chapter-title {
    text-align: right
}

.newscast-video {
    padding: 20px var(--margin-start)
}

@media screen and (max-width: 980px) {
    .newscast-video {
        padding: 0;
        padding-bottom: 10px;
        padding-top: 10px
    }
}

.newscast-video .nc-header {
    max-width: 1600px;
    margin: auto
}

.newscast-video .nc-header .header-bottom {
    margin-bottom: 30px
}

.newscast-video .newscast-video-wrapper {
    max-width: 1600px;
    margin: auto;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 1100px) {
    .newscast-video .newscast-video-wrapper {
        flex-direction: column;
        align-items: center
    }
}

.newscast-video .newscast-video-wrapper .video-player-container .video-js {
    max-height: calc(100dvh - var(--header-height) - 200px);
    height: auto;
    aspect-ratio: 16/9
}

.newscast-video .newscast-video-wrapper .nc-google-ad {
    margin: auto;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width: 1100px) {
    .newscast-video .newscast-video-wrapper .nc-google-ad {
        display: none
    }
}

.newscast-video .newscast-video-wrapper .nc-google-ad #div-gpt-ad-1724752914841-0 {
    padding-inline-start: 10px
}

.vod-popup {
    width: 100vw;
    height: 100dvh;
    grid-template-columns:100%;
    background-color: rgba(35, 35, 35, .91);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    align-items: center;
    justify-content: center;
    padding-left: var(--margin-start);
    padding-right: var(--margin-end);
    overflow-y: scroll;
    display: grid;
    scrollbar-width: none;
    padding-top: 20px;
    padding-bottom: 20px
}

.vod-popup * {
    direction: ltr
}

.vod-popup input {
    background-color: transparent;
    font-weight: normal;
    color: #fff;
    border: 0;
    outline: 0;
    padding-block: 0;
    padding-inline: 0;
    width: 100%
}

.vod-popup::-webkit-scrollbar {
    display: none
}

.vod-popup .vod-popup-wrapper {
    height: -moz-max-content;
    height: max-content;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.vod-popup .vod-popup-wrapper .subscribe-wrapper {
    width: 100%;
    max-width: 760px
}

.vod-popup .vod-popup-wrapper .subscribe-wrapper.big-card {
    max-width: 798px
}

.vod-popup .vod-popup-wrapper .close-popup {
    direction: rtl;
    margin-bottom: 18px
}

.vod-popup .vod-popup-wrapper .close-popup i {
    font-size: 30px;
    cursor: pointer;
    color: #fff
}

.vod-popup .vod-popup-wrapper .popup-card {
    width: 100%;
    border: 1px solid #707070;
    border-radius: 11px;
    background-color: rgba(255, 255, 255, .88)
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card {
    display: flex;
    align-items: end;
    padding: 67px 0;
    padding-left: 51px;
    padding-right: 69px;
    justify-content: space-between
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card h1 {
    font-size: 46px;
    color: #000;
    font-weight: 800;
    width: 48%
}

@media screen and (max-width: 780px) {
    .vod-popup .vod-popup-wrapper .popup-card .delete-card h1 {
        width: 100%
    }
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .reset-pass-left {
    width: 60%
}

@media screen and (max-width: 780px) {
    .vod-popup .vod-popup-wrapper .popup-card .delete-card .reset-pass-left {
        width: 100%
    }
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .reset-pass-left h1 {
    width: 90%
}

@media screen and (max-width: 780px) {
    .vod-popup .vod-popup-wrapper .popup-card .delete-card .reset-pass-left h1 {
        width: 100%
    }
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .reset-pass-left p {
    font-size: 16px;
    font-weight: 400;
    color: #818181;
    margin-top: 14px
}

@media screen and (max-width: 780px) {
    .vod-popup .vod-popup-wrapper .popup-card .delete-card {
        flex-direction: column;
        gap: 30px
    }
}

@media screen and (max-width: 550px) {
    .vod-popup .vod-popup-wrapper .popup-card .delete-card {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 40px;
        padding-bottom: 40px
    }

    .vod-popup .vod-popup-wrapper .popup-card .delete-card h1 {
        font-size: 35px
    }
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-bottom: 10px;
    width: 48%
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons .delete-account-input {
    width: 100%;
    position: relative
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons .delete-account-input input {
    font-size: 16px;
    font-weight: 400;
    color: #818181;
    border: 1px solid #818181;
    border-radius: 7px;
    padding: 14px 20px;
    height: 51px;
    width: 100%
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons .delete-account-input p {
    font-size: 16px;
    font-weight: 400;
    color: #818181
}

@media screen and (max-width: 780px) {
    .vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons {
        width: 100%
    }
}

@media screen and (max-width: 550px) {
    .vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons {
        width: 100%
    }
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons button {
    width: 152px;
    text-align: center;
    padding-top: 14px;
    padding-bottom: 16px;
    border: 0;
    color: #fff;
    border-radius: 7px
}

@media screen and (max-width: 550px) {
    .vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons button {
        width: 50%
    }
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons .delete-account {
    width: calc(50% - 9px);
    background-color: #b90000
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons .delete-account:disabled {
    opacity: .5
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons .keep-account {
    width: calc(50% - 9px);
    background-color: #000
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card.payment-popup {
    align-items: center
}

@media screen and (max-width: 780px) {
    .vod-popup .vod-popup-wrapper .popup-card .delete-card.payment-popup {
        align-items: start
    }
}

@media screen and (max-width: 780px) {
    .vod-popup .vod-popup-wrapper .popup-card .delete-card.payment-popup .add-payment {
        width: 100%
    }
}

@media screen and (max-width: 400px) {
    .vod-popup .vod-popup-wrapper .popup-card .delete-card.payment-popup .add-payment .cards .payment-card i {
        font-size: 12px
    }
}

@media screen and (max-width: 400px) {
    .vod-popup .vod-popup-wrapper .popup-card .delete-card.payment-popup .add-payment .cards .payment-card p {
        font-size: 12px
    }
}

@media screen and (max-width: 400px) {
    .vod-popup .vod-popup-wrapper .popup-card .delete-card.payment-popup .add-payment .cards .payment-card img {
        width: 35px
    }
}

@media screen and (max-width: 400px) {
    .vod-popup .vod-popup-wrapper .popup-card .delete-card.payment-popup .add-payment .cards .payment-card img.paypal {
        width: 60px
    }
}

@media screen and (max-width: 420px) {
    .vod-popup .vod-popup-wrapper .popup-card .delete-card.payment-popup .add-payment .inputs input {
        font-size: 14px;
        padding: 13px 6px
    }
}

@media screen and (max-width: 420px) {
    .vod-popup .vod-popup-wrapper .popup-card .delete-card.payment-popup .add-payment .inputs .card-nbr {
        padding: 13px 13px
    }
}

@media screen and (max-width: 420px) {
    .vod-popup .vod-popup-wrapper .popup-card .delete-card.payment-popup .add-payment button {
        height: 45px;
        font-size: 15px
    }
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card.login-popup {
    align-items: start
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-form {
    width: 48%
}

@media screen and (max-width: 780px) {
    .vod-popup .vod-popup-wrapper .popup-card .delete-card .login-form {
        width: 100%
    }
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-form div[aria-label="Sign in with Apple"] {
    max-width: 100% !important
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-form .popup-input + .popup-input {
    margin-bottom: 4px
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-form .forgot-pass {
    margin-top: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #818181;
    cursor: pointer
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-form .login-error {
    color: #b90000;
    font-size: 12px;
    position: absolute
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-form .login-error i {
    color: #b90000
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-form .apple-loading-button {
    height: 50px;
    width: 100%;
    background-color: #000;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-form .apple-loading-button i {
    color: #fff;
    font-size: 30px
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-btn {
    border: 0;
    background-color: #000;
    display: flex;
    align-items: center;
    height: 51px;
    border-radius: 7px;
    width: 100%;
    justify-content: space-between;
    margin-top: 30px;
    padding: 0 20px;
    margin-bottom: 3px
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-btn p {
    font-size: 19px;
    color: #fff;
    margin: 0
}

@media screen and (max-width: 550px) {
    .vod-popup .vod-popup-wrapper .popup-card .delete-card .login-btn p {
        font-size: 16px
    }
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-btn i {
    font-size: 13px;
    color: #fff
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-btn.isLoading {
    justify-content: center
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-btn.isLoading i {
    font-size: 25px
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .facebook-login {
    width: 100%;
    height: 50px;
    background-color: #1877f2;
    border: 0;
    border-radius: 7px;
    display: flex;
    align-items: center;
    gap: 7px;
    justify-content: center;
    padding: 0 20px;
    margin-top: 3px;
    margin-bottom: 3px;
    cursor: pointer
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .facebook-login p {
    font-size: 19px;
    color: #fff;
    margin: 0
}

@media screen and (max-width: 550px) {
    .vod-popup .vod-popup-wrapper .popup-card .delete-card .facebook-login p {
        font-size: 16px
    }
}

.vod-popup .vod-popup-wrapper .popup-card .delete-card .facebook-login i {
    font-size: 20px;
    color: #fff
}

.vod-popup .vod-popup-wrapper .popup-card .go-subscribe {
    width: 100%;
    background-color: #fff;
    height: 54px;
    border-radius: 0 0 11px 11px;
    padding-left: 51px;
    padding-right: 69px;
    display: flex;
    align-items: center;
    justify-content: end
}

@media screen and (max-width: 550px) {
    .vod-popup .vod-popup-wrapper .popup-card .go-subscribe {
        padding-left: 20px;
        padding-right: 20px
    }
}

.vod-popup .vod-popup-wrapper .popup-card .go-subscribe.go-login {
    padding-left: 28px;
    padding-right: 28px
}

.vod-popup .vod-popup-wrapper .popup-card .go-subscribe.go-login .go-subscribe-wrapper {
    width: 48%
}

@media screen and (max-width: 750px) {
    .vod-popup .vod-popup-wrapper .popup-card .go-subscribe.go-login .go-subscribe-wrapper {
        width: 100%
    }
}

.vod-popup .vod-popup-wrapper .popup-card .go-subscribe .go-subscribe-wrapper {
    display: flex;
    align-items: center;
    gap: 13px;
    width: 48%
}

@media screen and (max-width: 780px) {
    .vod-popup .vod-popup-wrapper .popup-card .go-subscribe .go-subscribe-wrapper {
        width: 100%
    }
}

@media screen and (max-width: 550px) {
    .vod-popup .vod-popup-wrapper .popup-card .go-subscribe .go-subscribe-wrapper {
        gap: 8px
    }
}

.vod-popup .vod-popup-wrapper .popup-card .go-subscribe .go-subscribe-wrapper h5 {
    font-size: 16px;
    color: #000
}

.vod-popup .vod-popup-wrapper .popup-card .go-subscribe .go-subscribe-wrapper h6 {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    text-decoration: underline;
    cursor: pointer
}

.vod-popup .vod-popup-wrapper .popup-card .subscribe-loading {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center
}

.vod-popup .vod-popup-wrapper .popup-card .subscribe-loading i {
    font-size: 50px;
    color: #000
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe {
    display: grid;
    grid-template-columns:48% 48%;
    justify-content: space-between;
    padding: 28px;
    padding-bottom: 47px
}

@media screen and (max-width: 750px) {
    .vod-popup .vod-popup-wrapper .popup-card .episode-subscribe {
        grid-template-columns:100%;
        gap: 24px
    }
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe.verify-email {
    grid-template-columns:80%;
    gap: 0
}

@media screen and (max-width: 650px) {
    .vod-popup .vod-popup-wrapper .popup-card .episode-subscribe.verify-email {
        grid-template-columns:100%
    }
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe.verify-email h1 {
    font-size: 46px;
    font-weight: 800;
    margin-bottom: 5px;
    color: #000;
    max-width: 352px;
    margin-top: 34px
}

@media screen and (max-width: 650px) {
    .vod-popup .vod-popup-wrapper .popup-card .episode-subscribe.verify-email h1 {
        margin-top: 0;
        font-size: 30px
    }
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe.verify-email p {
    color: #818181;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 50px
}

@media screen and (max-width: 650px) {
    .vod-popup .vod-popup-wrapper .popup-card .episode-subscribe.verify-email p {
        margin-bottom: 35px;
        font-size: 12px
    }
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe.verify-email button {
    background-color: #000;
    border: 0;
    color: #fff;
    font-size: 19px;
    height: 51px;
    padding-left: 21px;
    text-align: start;
    border-radius: 7px
}

@media screen and (max-width: 650px) {
    .vod-popup .vod-popup-wrapper .popup-card .episode-subscribe.verify-email button {
        height: 40px;
        font-size: 13px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left {
    width: 100%
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left h1 {
    color: #000;
    font-size: 46px;
    font-weight: 800;
    margin-bottom: 34px
}

@media screen and (max-width: 550px) {
    .vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left h1 {
        font-size: 33px;
        margin-bottom: 20px
    }
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left h6 {
    margin: 0
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .error-message {
    color: #ff3b3b;
    font-size: 13px;
    margin-top: 10px
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .promo-code {
    display: flex;
    position: relative
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .promo-code input {
    width: 100%;
    background-color: rgba(255, 255, 255, .4);
    padding: 13px;
    border-radius: 4px;
    color: #000
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .promo-code button.apply-promo {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    color: #1e1e1e;
    border: 0;
    text-decoration: underline;
    padding: 13px 20px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .payment-methods {
    display: flex;
    justify-content: flex-start;
    height: 44px;
    margin-top: 23px
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .payment-methods .payment-method {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 25%;
    max-width: 25%;
    gap: 10px;
    cursor: pointer;
    border-radius: 4px
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .payment-methods .payment-method.chosen {
    background-color: #fff
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .payment-methods .payment-method i {
    color: rgba(0, 0, 0, .74)
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .payment-methods .payment-method .fa-apple-pay {
    font-size: 30px
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .payment-methods .payment-method img {
    height: 17px
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .consent {
    display: flex;
    position: relative;
    justify-content: flex-start;
    margin-top: 23px;
    gap: 10px;
    padding-left: 20px
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .consent input {
    width: 0;
    height: 0
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .consent input:checked + label span {
    background-color: #000
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .consent input:checked + label span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 0;
    border-left: 0;
    transform-origin: center;
    transform: translate(-50%, -50%) rotate(115deg);
    background-color: #000
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .consent label {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    width: 80%
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .consent label span {
    display: inline-block;
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 0;
    background-color: #fff;
    border-radius: 4px
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .consent.highlight-required label {
    color: #ff3b3b;
    transition: all .5s ease-in
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .image-container {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .image-container img {
    width: 100%;
    max-width: 239px;
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    object-fit: cover
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .image-container .lock {
    position: absolute;
    top: 10px;
    left: 7px;
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, .5);
    border: 1px solid rgba(112, 112, 112, .1);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .image-container .lock i {
    font-size: 15px
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .image-container p {
    position: absolute;
    bottom: 10px;
    right: 17px;
    font-size: 21px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    color: rgba(255, 255, 255, .6)
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left h3 {
    color: #242424;
    font-size: 25px;
    margin-top: 15px;
    margin-bottom: 8px
}

@media screen and (max-width: 550px) {
    .vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left h3 {
        font-size: 18px;
        margin-top: 9px;
        margin-bottom: 3px
    }
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left h6 {
    font-size: 15px;
    color: #242424
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-way h2 {
    color: #1e1e1e;
    font-size: 27px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 15px
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-way .popup-input input {
    padding-right: 65px
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-way .popup-input h6 {
    position: absolute;
    right: 19px;
    top: 50%;
    transform: translateY(-50%);
    text-decoration: underline;
    cursor: pointer;
    font-weight: 700;
    color: #1e1e1e;
    font-size: 15px
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-way .add-payment {
    margin-top: 35px;
    width: 100%
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left.justify-content {
    justify-content: space-between;
    display: flex;
    flex-direction: column
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .successful-payment-header {
    font-size: 46px;
    font-weight: 800;
    color: #000
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .user-subscription-infos {
    width: 100%;
    padding: 15px;
    background-color: #fff;
    border-radius: 4px
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .user-subscription-infos .user-infos p {
    color: rgba(30, 30, 30, .51);
    font-weight: 600;
    line-height: 20px;
    font-size: 15px
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .user-subscription-infos .card-infos {
    margin-top: 18px;
    padding-top: 18px;
    border-top: rgba(112, 112, 112, .14) solid 1px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .user-subscription-infos .card-infos .payment-card {
    display: flex;
    align-items: center;
    gap: 9px
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .user-subscription-infos .card-infos .payment-card i {
    color: #000;
    font-size: 15px
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .user-subscription-infos .card-infos .payment-card h6 {
    color: #000;
    font-size: 15px
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .user-subscription-infos .card-infos p {
    color: rgba(30, 30, 30, .51);
    font-size: 15px
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .print-receipt {
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 41px;
    align-items: center;
    background-color: #040404;
    border-radius: 4px;
    padding-left: 25px;
    padding-right: 15px
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-right {
    width: 100%
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-right .plan-card.no-header .monthly-price {
    margin-top: 0
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-right .plan-card .fa-spinner {
    color: #fff
}

.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-right .plan-card .monthly-price {
    margin-bottom: 37px
}

.vod-popup .vod-popup-wrapper .popup-card .subscribe-notice {
    color: #818181;
    width: 100%;
    padding-left: 28px;
    padding-right: 28px;
    padding-bottom: 17px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px
}

.vod-popup .vod-popup-wrapper .popup-card .subscribe-notice a {
    display: inline;
    font-weight: 400;
    text-decoration: underline
}

.vod-popup .vod-popup-wrapper .popup-card.lebanese-subscription .episode-subscribe .subscribe-card-left .payment-way {
    display: none
}

.vod-popup .vod-popup-wrapper .popup-card.lebanese-subscription .episode-subscribe .subscribe-card-right .plan-card .plan-header {
    display: none
}

.vod-popup .vod-popup-wrapper .popup-card.lebanese-subscription .episode-subscribe .subscribe-card-right .plan-card .monthly-price {
    margin-bottom: 0;
    margin-top: 0
}

.vod-popup .vod-popup-wrapper .popup-card.lebanese-subscription .episode-subscribe .subscribe-card-right .plan-card .monthly-price p {
    display: none
}

.vod-popup .vod-popup-wrapper .popup-card.lebanese-subscription .episode-subscribe .subscribe-card-right .plan-card .cost-entry-container {
    display: none
}

.vod-popup .vod-popup-wrapper .popup-card.lebanese-subscription .subscribe-notice {
    display: none
}

.vod-popup .vod-popup-wrapper .popup-card.receipt-card {
    padding: 2rem;
    background: #2a2a2a;
    color: #000
}

.vod-popup .vod-popup-wrapper .popup-card.receipt-card * {
    direction: ltr
}

.vod-popup .vod-popup-wrapper .popup-card.receipt-card .receipt-top {
    display: none
}

.vod-popup .vod-popup-wrapper .popup-card.receipt-card .receipt-header {
    display: none
}

.vod-popup .vod-popup-wrapper .popup-card.receipt-card .receipt-title {
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 2rem;
    color: #fff
}

.vod-popup .vod-popup-wrapper .popup-card.receipt-card .receipt-content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.vod-popup .vod-popup-wrapper .popup-card.receipt-card .receipt-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.vod-popup .vod-popup-wrapper .popup-card.receipt-card .receipt-label {
    color: #fff;
    font-weight: 500
}

.vod-popup .vod-popup-wrapper .popup-card.receipt-card .receipt-value {
    text-align: left;
    color: #fff
}

.vod-popup .vod-popup-wrapper .popup-card.receipt-card .subscription-date {
    color: #999;
    font-size: .9rem;
    margin-top: .25rem
}

.vod-popup .vod-popup-wrapper .popup-card.receipt-card .receipt-divider {
    border-top: 1px dotted rgba(255, 255, 255, .2);
    margin: .5rem 0
}

.vod-popup .vod-popup-wrapper .popup-card.receipt-card .receipt-note {
    direction: rtl;
    color: #999;
    font-size: .9rem;
    line-height: 1.5;
    margin-top: 1rem
}

.vod-popup .vod-popup-wrapper .popup-card.receipt-card .receipt-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 2rem
}

.vod-popup .vod-popup-wrapper .popup-card.receipt-card .print-button {
    display: flex;
    align-items: center;
    gap: .5rem;
    background: #c41230;
    color: #fff;
    border: 0;
    padding: .75rem 1.5rem;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem
}

.vod-popup .vod-popup-wrapper .popup-card.receipt-card .print-button:hover {
    background: #a30f28
}

.vod-popup .vod-popup-wrapper .popup-card.receipt-card .total .receipt-value, .vod-popup .vod-popup-wrapper .popup-card.receipt-card .total .receipt-label {
    font-weight: bold
}

.vod-popup .vod-popup-wrapper .plan-features {
    margin-top: 83px;
    display: grid;
    grid-template-columns:auto auto auto auto;
    gap: 93px
}

@media screen and (max-width: 910px) {
    .vod-popup .vod-popup-wrapper .plan-features {
        gap: 50px
    }
}

@media screen and (max-width: 800px) {
    .vod-popup .vod-popup-wrapper .plan-features {
        grid-template-columns:auto auto;
        gap: 60px;
        row-gap: 25px
    }
}

@media screen and (max-width: 450px) {
    .vod-popup .vod-popup-wrapper .plan-features {
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

.vod-popup .vod-popup-wrapper .plan-features .feature {
    width: 146px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px
}

.vod-popup .vod-popup-wrapper .plan-features .feature .feature-ref {
    height: 43px;
    width: -moz-fit-content;
    width: fit-content
}

.vod-popup .vod-popup-wrapper .plan-features .feature .feature-ref.make-red-bg {
    position: relative;
    background-color: #db1519;
    width: 43px;
    border-radius: 50%
}

.vod-popup .vod-popup-wrapper .plan-features .feature .feature-ref.make-red-bg i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff
}

.vod-popup .vod-popup-wrapper .plan-features .feature .feature-ref.make-red-bg .fa-xmark {
    left: -10px;
    font-size: 27px
}

.vod-popup .vod-popup-wrapper .plan-features .feature .feature-ref.make-red-bg .fa-rectangle-ad {
    right: -8px;
    font-size: 32px
}

.vod-popup .vod-popup-wrapper .plan-features .feature p {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    color: #fff
}

.vod-popup .vod-popup-wrapper .hidden-card {
    display: none
}

.popup-input {
    display: flex;
    margin-bottom: 20px;
    position: relative;
    border-radius: 4px
}

.popup-input.invalid {
    border: #e90005 1px solid
}

.popup-input.invalid input {
    color: #e90005;
    padding-right: 65px;
    border-radius: 4px
}

.popup-input.invalid .invalid-notice {
    display: flex
}

.popup-input.invalid .invalid-message-notice {
    display: flex
}


.popup-input .invalid-notice {
    display: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    gap: 5px;
    z-index: 2
}

.popup-input .invalid-notice.add-right-space {
    right: 53px
}

.popup-input .invalid-notice i {
    color: #e90005;
    font-size: 9px
}

.popup-input .invalid-notice p {
    color: #e90005;
    font-size: 12px;
    line-height: 1;
    margin: 0
}

.popup-input .invalid-message-notice {
    display: none;
    position: absolute;
    bottom: -15px
}

.popup-input .invalid-message-notice i {
    color: #e90005;
    font-size: 9px
}

.popup-input .invalid-message-notice p {
    color: #e90005;
    font-size: 12px;
    line-height: 1;
    margin: 0
}

.popup-input input {
    font-size: 15px;
    color: #000;
    height: 43px;
    padding-left: 17px;
    background-color: rgba(255, 255, 255, .44);
    border-radius: 4px
}

.popup-input input#signup-password {
    padding-right: 35px
}


.popup-input .account-dropdown-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 50%;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .44)
}

.popup-input .account-dropdown-container:first-child {
    border-right: #e2e2e2 1px solid
}

.popup-input .account-dropdown-container.invalid {
    border: #e90005 1px solid
}

.popup-input .account-dropdown-container.invalid input {
    color: #e90005;
    padding-right: 65px;
    border-radius: 4px
}

.popup-input .account-dropdown-container.invalid .invalid-notice {
    display: flex
}

.popup-input .account-dropdown-container.invalid .invalid-message-notice {
    display: flex
}



.popup-input .account-dropdown-container select {
    width: 92%;
    background-color: transparent;
    color: #000;
    border: 0;
    font-weight: normal;
    outline: 0;
    cursor: pointer;
    padding: 0 13px;
    height: 43px;
    border-radius: 4px
}

.popup-input .account-dropdown-container select:invalid {
    color: #808080
}

.popup-input .account-dropdown-container select:invalid option:not(:disabled) {
    color: #000
}

.popup-input .account-dropdown-container h5 {
    color: rgba(255, 255, 255, .51);
    font-size: 15px
}

.popup-input .account-dropdown-container i {
    color: rgba(255, 255, 255, .51);
    font-size: 12px
}

.popup-input .fa-eye, .popup-input .fa-eye-slash {
    cursor: pointer;
    color: #ababab;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px
}

.popup-input .hidden-icon {
    display: none
}

.add-payment {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 55%;
    gap: 10px;
    cursor: pointer
}

.add-payment .cards {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.add-payment .cards .payment-card {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 97px;
    height: 44px;
    border-radius: 4px;
    transition: background-color .3s ease-in-out
}

.add-payment .cards .payment-card.selected-card {
    background-color: #fff
}

.add-payment .cards .payment-card i {
    color: rgba(0, 0, 0, .74);
    font-size: 15px
}

.add-payment .cards .payment-card p {
    color: #1e1e1e;
    font-size: 15px
}

.add-payment .cards .payment-card img {
    width: 41px;
    height: auto
}

.add-payment .cards .payment-card img.paypal {
    width: 70px
}

.add-payment .inputs {
    display: flex;
    gap: 1px
}

.add-payment .inputs input {
    background-color: rgba(255, 255, 255, .44);
    width: 15%;
    padding: 13px 10px;
    text-align: center;
    font-size: 15px;
    color: #000;
    border-radius: 4px
}

.add-payment .inputs .card-nbr {
    width: 55%;
    padding: 13px 17.3px;
    text-align: start
}

.add-payment button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    border-radius: 7px;
    height: 51px;
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    margin-top: 4px;
    border: 0
}

.schedule-top-overlay {
    position: fixed;
    top: 0;
    inset-inline-end: 0;
    width: 100%;
    height: 200px;
    z-index: 5;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .0784313725);
    background: linear-gradient(180deg, #1a1a1a 0%, #404040 100%)
}

@media screen and (max-width: 1070px) {
    .schedule-top-overlay {
        height: 180px
    }
}

@media screen and (max-width: 980px) {
    .schedule-top-overlay {
        height: 150px
    }
}

@media screen and (max-width: 768px) {
    .schedule-top-overlay {
        height: 130px
    }
}

.schedule {
    background-color: #f0f0f0
}

.schedule .schedule-wrapper .schedule-header {
    position: fixed;
    padding-inline-end: var(--margin-end);
    padding-inline-start: var(--margin-start);
    z-index: 6;
    width: 100%
}

.schedule .schedule-wrapper .schedule-header .schedule-header-wrapper {
    max-width: 1600px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width: 880px) {
    .schedule .schedule-wrapper .schedule-header .schedule-header-wrapper {
        flex-direction: column;
        align-items: flex-start
    }
}

.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter {
    padding-top: 15px;
    padding-bottom: 20px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media screen and (max-width: 980px) {
    .schedule .schedule-wrapper .schedule-header .schedule-header-day-filter {
        width: calc(100vw - 20px);
        overflow-x: scroll;
        overflow-y: hidden
    }
}

@media screen and (max-width: 768px) {
    .schedule .schedule-wrapper .schedule-header .schedule-header-day-filter {
        padding-top: 10px
    }
}

.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter::-webkit-scrollbar {
    display: none
}

.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper {
    background-color: #393838;
    border: rgba(112, 112, 112, .4392156863) solid 1px;
    padding: 0 20px;
    height: 78px;
    border-radius: 5px;
    display: flex;
    gap: 14px;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width: 1070px) {
    .schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper {
        height: 60px
    }
}

@media screen and (max-width: 768px) {
    .schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper {
        height: 54px;
        padding: unset
    }
}

.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter {
    cursor: pointer
}

.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter .day-filter-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 95px;
    height: 100%;
    border-radius: 5px;
    position: relative;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 1070px) {
    .schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter .day-filter-wrapper {
        width: 90px
    }
}

.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter .day-filter-wrapper h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: rgba(255, 255, 255, .79);
    line-height: 20px;
    margin-bottom: 9px;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 1070px) {
    .schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter .day-filter-wrapper h3 {
        font-size: 16px;
        line-height: 17px
    }
}

.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter .day-filter-wrapper p {
    margin: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: rgba(255, 255, 255, .4);
    direction: ltr;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 1070px) {
    .schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter .day-filter-wrapper p {
        font-size: 9px;
        line-height: 10px
    }
}

.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter .day-filter-wrapper .red-line {
    transition: all .3s ease-in-out;
    width: 35px;
    height: 3px;
    background-color: #b90000;
    opacity: 0
}

@media screen and (max-width: 1070px) {
    .schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter .day-filter-wrapper .red-line {
        width: 25px
    }
}

.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter.selected-day-schedule .day-filter-wrapper {
    background-color: #fff;
    scale: 1.16
}

.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter.selected-day-schedule .day-filter-wrapper h3 {
    color: #000;
    font-size: 19px;
    margin-top: 5px
}

@media screen and (max-width: 1070px) {
    .schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter.selected-day-schedule .day-filter-wrapper h3 {
        font-size: 14px;
        line-height: 15px;
        margin-bottom: 6px
    }
}

.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter.selected-day-schedule .day-filter-wrapper p {
    color: rgba(0, 0, 0, .45);
    font-size: 11px;
    line-height: 12px;
    margin-bottom: 9px
}

@media screen and (max-width: 1070px) {
    .schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter.selected-day-schedule .day-filter-wrapper p {
        font-size: 7px;
        line-height: 8px;
        margin-bottom: 6px
    }
}

.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter.selected-day-schedule .day-filter-wrapper .red-line {
    opacity: 1
}

.schedule .schedule-wrapper .schedule-header .fakarat-dropdown {
    padding-top: 31px;
    padding-bottom: 99px;
    cursor: pointer
}

@media screen and (max-width: 880px) {
    .schedule .schedule-wrapper .schedule-header .fakarat-dropdown {
        padding-top: 0
    }
}

@media screen and (max-width: 650px) {
    .schedule .schedule-wrapper .schedule-header .fakarat-dropdown {
        width: 100%;
        padding-bottom: 30px
    }
}

.schedule .schedule-wrapper .schedule-header .fakarat-dropdown .fakarat-dropdown-wrapper {
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    border: rgba(112, 112, 112, .42) solid 1px;
    padding-inline-start: 16px;
    padding-inline-end: 21px
}

@media screen and (max-width: 880px) {
    .schedule .schedule-wrapper .schedule-header .fakarat-dropdown .fakarat-dropdown-wrapper {
        justify-content: start;
        gap: 25px
    }
}

@media screen and (max-width: 650px) {
    .schedule .schedule-wrapper .schedule-header .fakarat-dropdown .fakarat-dropdown-wrapper {
        width: 100%
    }
}

.schedule .schedule-wrapper .schedule-header .fakarat-dropdown .fakarat-dropdown-wrapper h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: #fff
}

@media screen and (max-width: 650px) {
    .schedule .schedule-wrapper .schedule-header .fakarat-dropdown .fakarat-dropdown-wrapper h4 {
        font-size: 12px
    }
}

.schedule .schedule-wrapper .schedule-header .fakarat-dropdown .fakarat-dropdown-wrapper i {
    font-size: 18px;
    color: #fff
}

@media screen and (max-width: 650px) {
    .schedule .schedule-wrapper .schedule-header .fakarat-dropdown .fakarat-dropdown-wrapper i {
        font-size: 13px
    }
}

.schedule .schedule-wrapper .schedule-content-container {
    padding-bottom: 63px;
    padding-top: calc(var(--header-height) + 80px)
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content-container {
        padding-top: calc(var(--header-height) + 40px)
    }
}

@media screen and (max-width: 980px) {
    .schedule .schedule-wrapper .schedule-content-container {
        padding-top: calc(var(--header-height) + 60px)
    }
}

@media screen and (max-width: 768px) {
    .schedule .schedule-wrapper .schedule-content-container {
        padding-top: calc(var(--header-height) + 40px)
    }
}

.schedule .schedule-wrapper .schedule-content-container .schedule-loader {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center
}

.schedule .schedule-wrapper .schedule-content {
    position: relative;
    max-width: 1600px;
    margin: auto
}

.schedule .schedule-wrapper .schedule-content .schedule-slider {
    position: absolute;
    top: 0;
    inset-inline-start: 193px;
    width: 1px
}

@media screen and (max-width: 1170px) {
    .schedule .schedule-wrapper .schedule-content .schedule-slider {
        inset-inline-start: 122px
    }
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-slider {
        inset-inline-start: 61px
    }
}

@media screen and (max-width: 450px) {
    .schedule .schedule-wrapper .schedule-content .schedule-slider {
        inset-inline-start: 51px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-slider.total-time {
    background-color: #bbb;
    height: 100%
}

.schedule .schedule-wrapper .schedule-content .schedule-slider.finished-time {
    background-color: #b90000;
    height: 500px
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-slider.finished-time {
        height: 250px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-slider.finished-time .time-reached {
    position: absolute;
    bottom: -2px;
    inset-inline-end: 0;
    display: flex;
    align-items: center;
    gap: 4px
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-slider.finished-time .time-reached {
        text-wrap: wrap;
        bottom: -15px;
        inset-inline-end: 100%;
        gap: 2px;
        align-items: unset
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-slider.finished-time .time-reached .arrow-container {
    width: 14px;
    height: 11px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-slider.finished-time .time-reached .arrow-container {
        width: 8px;
        height: 6px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-slider.finished-time .time-reached .arrow-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.schedule .schedule-wrapper .schedule-content .schedule-slider.finished-time .time-reached p {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    line-height: 16px;
    color: #9f9f9f;
    text-wrap: nowrap;
    direction: ltr
}

@media screen and (max-width: 1170px) {
    .schedule .schedule-wrapper .schedule-content .schedule-slider.finished-time .time-reached p {
        font-size: 10px;
        line-height: 10px
    }
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-slider.finished-time .time-reached p {
        text-wrap: wrap
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper {
    position: relative;
    z-index: 1
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container:last-child .schedule-day {
    padding-bottom: 0;
    border-bottom: 0
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-week-day {
    width: -moz-fit-content;
    width: fit-content;
    margin-inline-start: 60px;
    margin-top: 26px
}

@media screen and (max-width: 1170px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-week-day {
        margin-inline-start: 10px
    }
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-week-day {
        margin-inline-start: 74px;
        margin-top: 15px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-week-day h2 {
    color: #b90000;
    opacity: .79;
    margin-bottom: 10px;
    font-weight: 800;
    font-size: 31px
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-week-day h2 {
        font-size: 19px;
        margin-bottom: 5px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-week-day p {
    direction: ltr;
    color: #3e3e3e;
    font-size: 21px;
    line-height: 21px;
    font-weight: 400;
    opacity: .4
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-week-day p {
        font-size: 13px;
        text-align: end;
        line-height: 14px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day {
    padding-inline-start: 221px;
    padding-bottom: 74px;
    border-bottom: rgba(112, 112, 112, .33) 1px solid;
    margin-top: 87px
}

@media screen and (max-width: 1170px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day {
        padding-inline-start: 150px
    }
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day {
        padding-bottom: 20px;
        padding-inline-start: 74px;
        margin-top: 21px
    }
}

@media screen and (max-width: 450px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day {
        padding-inline-start: 64px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day:first-child {
    margin-top: 0
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program {
    display: flex;
    gap: 32px;
    margin-bottom: 29px;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program {
        gap: 10px;
        margin-bottom: 16px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program.cant-watch .program-image .program-time .point {
    background-color: #000
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program:last-child {
    margin: 0
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-image {
    aspect-ratio: 16/9;
    position: relative;
    width: 380px;
    height: 233px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 3px 34px rgba(0, 0, 0, .1607843137)
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-image {
        width: 206px;
        height: 126px;
        padding: 5px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-image .program-time {
    position: absolute;
    top: -5px;
    inset-inline-end: 399px;
    display: flex;
    flex-direction: row-reverse;
    gap: 13px;
    align-items: center
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-image .program-time {
        inset-inline-end: 214px;
        top: -2px;
        gap: 6px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-image .program-time .point {
    background-color: #b90000;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    display: block
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-image .program-time .point {
        width: 9px;
        height: 9px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-image .program-time h6 {
    margin: 0;
    font-weight: 700;
    font-size: 22px
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-image .program-time h6 {
        font-size: 10px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details h2 {
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 26px;
    font-weight: 800
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details h2 {
        font-size: 13px;
        margin-bottom: 5px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details p {
    font-size: 17px;
    font-weight: 500;
    color: rgba(83, 83, 83, .79);
    margin-bottom: 15px
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details p {
        font-size: 11px;
        margin-bottom: 10px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button {
    display: flex;
    gap: 15px;
    align-items: center;
    background-color: #fff;
    border-radius: 17px;
    height: 34px;
    padding-inline-start: 8px;
    padding-inline-end: 16px;
    cursor: pointer;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button {
        height: 18px;
        gap: 6px;
        padding-inline-start: 5px;
        padding-inline-end: 7px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button.live {
    background-color: #b90000;
    transition: all .3s ease-in-out
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button.live h3 {
    font-size: 15px;
    font-weight: 900;
    color: #fff;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button.live h3 {
        font-size: 9px
    }
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button.live svg {
        width: 17px;
        height: 11px;
        margin-bottom: 1px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button.live svg path {
    transition: all .3s ease-in-out
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button.live:hover {
    background-color: #fff
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button.live:hover h3 {
    color: #b90000
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button.live:hover svg path {
    fill: #b90000
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button i {
    color: #b90000;
    font-size: 20px
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button i {
        font-size: 10px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button h3 {
    font-weight: 700;
    font-size: 14px;
    margin: 0;
    color: #b90000
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button h3 {
        font-size: 9px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .notfiy-checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    color: #8a8a8a;
    margin: 0;
    display: flex;
    flex-direction: row-reverse;
    gap: 14px;
    align-items: center;
    justify-content: flex-end
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .notfiy-checkbox {
        font-size: 9px;
        gap: 4px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .notfiy-checkbox input {
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0;
    cursor: pointer
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .notfiy-checkbox input:checked ~ .custom-checkbox .inner-checkbox {
    background-color: #b90000
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .notfiy-checkbox .custom-checkbox {
    display: block;
    width: 34px;
    height: 34px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .031372549);
    padding: 6px
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .notfiy-checkbox .custom-checkbox {
        width: 18px;
        height: 18px;
        padding: 3px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .notfiy-checkbox .custom-checkbox .inner-checkbox {
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: #d2d2d2 solid 1px;
    position: relative
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .notfiy-checkbox .custom-checkbox .inner-checkbox {
        width: 12px;
        height: 12px
    }
}

.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .notfiy-checkbox .custom-checkbox .inner-checkbox::after {
    content: "";
    position: absolute;
    top: 50%;
    inset-inline-end: 50%;
    transform: translate(-50%, -60%) rotate(45deg);
    height: 10px;
    width: 5px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: translate(-50%, -60%) rotate(45deg);
    -ms-transform: translate(-50%, -60%) rotate(45deg)
}

@media screen and (max-width: 1100px) {
    .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .notfiy-checkbox .custom-checkbox .inner-checkbox::after {
        width: 3px;
        height: 6px
    }
}

.schedule .schedule-wrapper .schedule-google-ad {
    position: absolute;
    top: 0;
    inset-inline-end: var(--margin-end);
    height: 100%;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width: 780px) {
    .schedule .schedule-wrapper .schedule-google-ad {
        position: relative;
        inset-inline-end: unset;
        width: 100%;
        margin-top: 20px
    }
}

.schedule .schedule-wrapper .schedule-google-ad .google-ad {
    position: sticky;
    top: 120px
}

@media screen and (max-width: 780px) {
    .schedule .schedule-wrapper .schedule-google-ad .google-ad {
        margin-inline-start: calc(var(--margin-start) + 50px);
        width: -moz-fit-content;
        width: fit-content
    }
}

.section-404 {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    height: calc(100vh - 100px)
}

.section-404 h1 {
    font-weight: 700;
    font-size: 200px;
    color: #fff;
    line-height: 1;
    letter-spacing: -.03em;
    text-shadow: 4px 6px 7px rgba(0, 0, 0, .15);
    margin: 0
}

.section-404 a {
    background-color: #1b2250;
    color: #fff;
    padding: 5px 10px
}

.section-content {
    max-width: 1600px;
    margin: auto;
    padding-top: 20px
}

@media screen and (max-width: 980px) {
    .section-content {
        margin-top: 30px;
        border-top: rgba(0, 0, 0, .25) 1px solid
    }

    .section-content.first-section-content {
        margin-top: unset;
        border-top: unset
    }
}

.section-content.news-cast-section-content {
    padding-top: 0
}

.section-content.flex {
    display: flex
}

us-widget {
    direction: ltr
}

[v-cloak] {
    display: none !important
}

.button-with-icon {
    background: rgba(255, 255, 255, .78);
    border-radius: 17px;
    padding: 3px;
    padding-inline-end: 20px;
    height: 34px;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    position: relative
}

.button-with-icon.hidden {
    display: none
}

.button-with-icon .button-with-icon-wrapper {
    display: flex;
    gap: 14px;
    height: 100%;
    align-items: center
}

.button-with-icon .icon {
    height: 100%;
    aspect-ratio: 1/1;
    background-color: #b90000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.button-with-icon .icon i {
    font-size: 9px;
    height: -moz-fit-content;
    height: fit-content
}

.button-with-icon .text {
    height: 100%;
    display: flex;
    align-items: center
}

.button-with-icon .text h6 {
    text-transform: uppercase;
    font-size: 12px;
    color: #080b0c
}

.button-with-icon .account-card {
    cursor: default;
    position: absolute;
    top: 0;
    inset-inline-end: -5px;
    background-color: #191919;
    border-radius: 17px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-in-out
}

.button-with-icon .account-card.small-menu-card {
    inset-inline-start: -5px;
    inset-inline-end: unset
}

.button-with-icon .account-card.open {
    max-height: 230px
}

.button-with-icon .account-card .account-card-wrapper {
    padding: 13px;
    padding-bottom: 27px
}

.button-with-icon .account-card .account-card-wrapper .account-card-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px
}

.button-with-icon .account-card .account-card-wrapper .account-card-header .fa-circle-user {
    font-size: 30px
}

.button-with-icon .account-card .account-card-wrapper .account-card-header .fa-angle-down {
    font-size: 10px;
    color: #fff
}

.button-with-icon .account-card .account-card-wrapper .account-card-content {
    text-wrap: nowrap;
    display: flex;
    gap: 49px
}

.button-with-icon .account-card .account-card-wrapper .account-card-content p, .button-with-icon .account-card .account-card-wrapper .account-card-content h6 {
    font-weight: normal
}

.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-left {
    position: relative
}

.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-left .account-user {
    margin-bottom: 29px
}

.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-left .account-user h4 {
    font-size: 16px;
    margin-bottom: 7.5px
}

.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-left .account-user p {
    opacity: .49;
    font-size: 14px
}

.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-left .account-subscription h6 {
    font-size: 14px;
    margin-bottom: 4px
}

.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-left .account-subscription p {
    opacity: .49;
    font-size: 14px;
    padding-bottom: 4.5px;
    border-bottom: rgba(112, 112, 112, .5) solid 1px
}

.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-left::after {
    content: "";
    display: block;
    position: absolute;
    inset-inline-end: -24px;
    top: -5px;
    width: 1px;
    height: calc(100% + 10px);
    background-color: rgba(112, 112, 112, .3)
}

.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-right {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-inline-end: 8px;
    gap: 10px
}

.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-right a, .button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-right p {
    font-size: 14px;
    cursor: pointer
}

.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-right .logout-button {
    opacity: .58
}

.swiper-container {
    margin-bottom: 46px;
    position: relative
}

.swiper-container.continue-watching-container {
    margin-bottom: 20px
}

.swiper-container.trending-swiper {
    margin-top: 67px;
    margin-bottom: 109px
}

@media screen and (max-width: 700px) {
    .swiper-container.trending-swiper {
        margin-top: 49px;
        margin-bottom: 42px
    }
}

.swiper-container.classic-container {
    margin-bottom: 64px
}

@media screen and (max-width: 700px) {
    .swiper-container.classic-container {
        margin-bottom: 42px
    }
}

.swiper-container.football-container {
    margin-top: 99px;
    margin-bottom: 61px
}

@media screen and (max-width: 700px) {
    .swiper-container.football-container {
        margin-top: 60px
    }
}

.football-background {
    position: absolute;
    inset-inline-start: 0;
    top: -20px;
    background-color: #fb0101;
    border: 1px #707070 solid;
    opacity: .18;
    width: 100%;
    height: 125%
}

.swiper-header {
    display: flex;
    gap: 5px
}

.swiper-header h2 {
    font-size: 46px;
    text-wrap: nowrap
}

@media screen and (max-width: 700px) {
    .swiper-header h2 {
        font-size: 20px
    }
}

.swiper-header .just-in-header {
    width: 100%;
    display: grid;
    place-items: center;
    background-image: linear-gradient(to right, #707070 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 10px 1px;
    background-repeat: repeat-x;
    position: relative;
    height: 40px
}

@media screen and (max-width: 700px) {
    .swiper-header .just-in-header {
        font-size: 20px;
        height: 19px;
        border-bottom: solid rgba(255, 255, 255, .21) 2px;
        background-image: unset;
        background-position: unset;
        background-size: unset;
        background-repeat: unset
    }
}

.swiper-header .just-in-header .this-week-container {
    background-color: #141414;
    margin-bottom: -13px
}

@media screen and (max-width: 700px) {
    .swiper-header .just-in-header .this-week-container {
        margin-bottom: -3px
    }
}

.swiper-header .just-in-header .this-week-container h3 {
    opacity: .21;
    font-size: 37px;
    z-index: 2;
    padding-inline-end: 5px
}

@media screen and (max-width: 700px) {
    .swiper-header .just-in-header .this-week-container h3 {
        font-size: 20px
    }
}

.swiper-container .arrow-container {
    width: 100%;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    z-index: 3;
    height: calc(100% - 70px)
}

@media (pointer: coarse) {
    .swiper-container .arrow-container {
        display: none
    }
}

@media screen and (max-width: 700px) {
    .swiper-container .arrow-container {
        height: calc(100% - 37px)
    }
}

.swiper-container .arrow-container .arrow-container-wrapper {
    width: 100%;
    height: 100%;
    margin: auto;
    pointer-events: none;
    position: relative
}

.swiper-container .arrow-container .arrow-container-wrapper .vod-swiper-arrow {
    position: absolute;
    width: var(--margin-start);
    height: 100%;
    bottom: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .51);
    cursor: pointer;
    pointer-events: visible
}

.swiper-container .arrow-container .arrow-container-wrapper .vod-swiper-arrow i {
    font-size: 30px
}

@media screen and (max-width: 1024px) {
    .swiper-container .arrow-container .arrow-container-wrapper .vod-swiper-arrow i {
        font-size: 20px
    }
}

.swiper-container .arrow-container .arrow-container-wrapper .vod-swiper-arrow-next {
    inset-inline-end: 0
}

.swiper-container .arrow-container .arrow-container-wrapper .vod-swiper-arrow-prev {
    inset-inline-start: 0
}

.swiper-container .arrow-container .arrow-container-wrapper .vod-swiper-arrow.hidden {
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.vod-swiper {
    width: 100%;
    overflow-x: clip;
    height: -moz-fit-content;
    height: fit-content;
    padding-top: 11px;
    margin: auto;
    position: relative
}

@media (pointer: coarse) {
    .vod-swiper {
        overflow-x: scroll;
        overflow-y: hidden;
        scroll-behavior: smooth
    }
}

.vod-swiper .just-in-episode {
    position: absolute;
    bottom: 0;
    inset-inline-start: 0
}

.vod-swiper::-webkit-scrollbar {
    display: none
}

.vod-swiper .vod-swiper-wrapper {
    display: flex;
    gap: 21px;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    padding: 0 var(--margin-start)
}

@media screen and (max-width: 700px) {
    .vod-swiper .vod-swiper-wrapper {
        gap: 15px
    }
}

.vod-swiper .vod-swiper-wrapper.zaps-swiper {
    gap: 19px
}

@media screen and (max-width: 700px) {
    .vod-swiper .vod-swiper-wrapper.zaps-swiper {
        gap: 10px;
        padding-inline-start: 18px
    }
}

.vod-swiper .vod-swiper-wrapper.trending-wrapper {
    gap: 110px;
    z-index: 1
}

@media screen and (max-width: 700px) {
    .vod-swiper .vod-swiper-wrapper.trending-wrapper {
        gap: 70px
    }
}

.vod-swiper .vod-swiper-wrapper .vod-swiper-slide {
    width: -moz-fit-content;
    width: fit-content
}

.vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    cursor: pointer
}

.vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-card p {
    opacity: .42;
    font-size: 14px
}

@media screen and (max-width: 700px) {
    .vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-card p {
        font-size: 9px
    }
}

.vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-image {
    flex: 0 0 auto;
    width: 138px;
    height: 138px;
    padding: 5px;
    border-radius: 50%;
    border: #d10c10 solid 2px
}

@media screen and (max-width: 1130px) {
    .vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-image {
        width: 110px;
        height: 110px
    }
}

@media screen and (max-width: 890px) {
    .vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-image {
        width: 100px;
        height: 100px;
        padding: 3px
    }
}

@media screen and (max-width: 700px) {
    .vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-image {
        width: 75px;
        height: 75px
    }
}

.vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-image.watched {
    border-color: #565656
}

.vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-image.mtv-classic {
    width: 181px;
    aspect-ratio: 1/1;
    height: unset;
    border: 0
}

@media screen and (max-width: 700px) {
    .vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-image.mtv-classic {
        width: 108px
    }
}

.swiper-card {
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer
}

.swiper-card .image-container {
    width: 274px;
    aspect-ratio: 16/9;
    transition: scale .2s ease-in-out;
    position: relative
}

.swiper-card .image-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width: 700px) {
    .swiper-card .image-container {
        width: 192px
    }
}

.swiper-card .image-container.trending-image {
    inset-inline-start: 10px;
    width: 150px;
    aspect-ratio: 9/16
}

@media screen and (max-width: 1024px) {
    .swiper-card .image-container.trending-image {
        inset-inline-start: 40px
    }
}

@media screen and (max-width: 700px) {
    .swiper-card .image-container.trending-image {
        width: 131px;
        inset-inline-start: 20px
    }
}

.swiper-card .image-container.trending-image img {
    position: relative;
    z-index: 1
}

.swiper-card .image-container.football-image {
    width: 354px;
    height: 100%
}

@media screen and (max-width: 700px) {
    .swiper-card .image-container.football-image {
        width: 192px;
        height: 108px
    }
}

.swiper-card .image-container .hovered-card-detail {
    opacity: 0;
    transition: opacity .3s ease, max-height .3s ease;
    position: absolute;
    overflow: hidden;
    top: calc(100% - 3px);
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    background-color: #141414;
    box-shadow: 1px 5px 18px rgba(255, 255, 255, .1607843137);
    z-index: 3;
    max-height: 0
}

.swiper-card .image-container .hovered-card-detail .just-in-episode {
    position: static
}

.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper {
    padding: 0 27px;
    padding-inline-end: 17px;
    padding-top: 14px;
    padding-bottom: 22px
}

.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper h2 {
    font-size: 20px;
    margin-bottom: 10px;
    transition: -webkit-text-decoration .3s ease;
    transition: text-decoration .3s ease;
    transition: text-decoration .3s ease, -webkit-text-decoration .3s ease
}

.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper h2:hover {
    text-decoration: underline
}

.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper p {
    font-size: 10px;
    margin-bottom: 15px;
    line-height: 15px
}

.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper .heart-icon {
    position: absolute;
    bottom: 24px;
    inset-inline-end: 20px
}

.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper .heart-icon i {
    font-size: 27px
}

.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper .heart-icon .fa-heart-circle-check {
    display: none;
    color: #b90000
}

.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper .heart-icon.added-to-favorites .fa-heart-circle-check {
    display: block
}

.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper .heart-icon.added-to-favorites .fa-heart-circle-plus {
    display: none
}

.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper .button-with-icon {
    padding: 0;
    opacity: 1;
    height: 29px;
    gap: 10px;
    padding: 2px;
    padding-inline-end: 18px;
    border-radius: 33px
}

.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper .button-with-icon .text h6 {
    font-weight: bold;
    color: #db1519;
    font-size: 10px
}

.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper .button-with-icon .icon i {
    font-size: 8px
}

.swiper-card .image-container .show-rank {
    position: absolute;
    inset-inline-start: 15px;
    top: 15px;
    height: 34px;
    width: 34px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: conic-gradient(#f00 0deg 70deg, #fff 45deg 360deg);
    opacity: 0;
    transition: opacity .3s ease-in-out;
    box-shadow: 1px 5px 18px rgba(0, 0, 0, .16);
    padding: 2px
}

.swiper-card .image-container .show-rank h4 {
    color: #db1519;
    font-size: 22px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    display: grid;
    place-items: center
}

.swiper-card .image-container .trending-rank-red {
    font-size: 205px;
    position: absolute;
    inset-inline-start: -74px;
    bottom: -20px;
    z-index: 0;
    color: transparent;
    -webkit-text-stroke: 1px white;
    line-height: 1;
    font-family: "Roboto"
}

@media screen and (max-width: 700px) {
    .swiper-card .image-container .trending-rank-red {
        font-size: 150px;
        inset-inline-start: -54px;
        bottom: -4px
    }
}

.swiper-card .image-container .trending-rank-red.number-10 {
    inset-inline-start: -135px;
    transform: scaleX(.75);
    letter-spacing: -10px
}

@media screen and (max-width: 700px) {
    .swiper-card .image-container .trending-rank-red.number-10 {
        inset-inline-start: -90px
    }
}

.swiper-card .image-container .football-score {
    position: absolute;
    width: 33%;
    height: 100%;
    background: rgba(33, 9, 9, .63);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    top: 0;
    inset-inline-start: 0;
    transition: opacity .3s ease-in-out
}

.swiper-card .image-container .football-score .football-score-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 10px 0
}

.swiper-card .image-container .football-score .football-score-wrapper .team-logo {
    width: 59px
}

@media screen and (max-width: 700px) {
    .swiper-card .image-container .football-score .football-score-wrapper .team-logo {
        width: 32px;
        height: 30px
    }
}

.swiper-card .image-container .football-score .football-score-wrapper .score {
    display: flex;
    font-size: 23px
}

@media screen and (max-width: 700px) {
    .swiper-card .image-container .football-score .football-score-wrapper .score {
        font-size: 11px
    }
}

@media screen and (min-width: 701px) and (hover: hover) {
    .swiper-card .image-container:not(.trending-image):hover {
        scale: 1.15;
        z-index: 2
    }

    .swiper-card .image-container:not(.trending-image):hover .hovered-card-detail {
        opacity: 1;
        max-height: 2000px
    }

    .swiper-card .image-container:not(.trending-image):hover .show-rank {
        opacity: 1
    }

    .swiper-card .image-container:not(.trending-image):hover .initial-just-in {
        opacity: 0
    }

    .swiper-card .image-container:not(.trending-image):hover .football-score {
        opacity: 0
    }
}

.swiper-card .competition {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 13px;
    row-gap: 5px;
    margin-bottom: 18px
}

@media screen and (max-width: 820px) {
    .swiper-card .competition {
        font-size: 11px
    }
}

.swiper-card .competition span {
    color: rgba(255, 255, 255, .55);
    text-wrap: nowrap
}

.swiper-card .competition .point {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .55);
    margin-inline-start: 5px;
    margin-inline-end: 5px
}

@media screen and (max-width: 820px) {
    .swiper-card .competition .point {
        width: 4px;
        height: 4px;
        margin-inline-start: 4px;
        margin-inline-end: 4px
    }
}

.swiper-card .time-checkpoint {
    position: absolute;
    inset-inline-start: 0;
    bottom: 0;
    width: 100%;
    z-index: 1
}

.swiper-card .time-checkpoint .time {
    display: block;
    width: 100%;
    height: 3px;
    position: relative;
    background-color: rgba(255, 255, 255, .21)
}

.swiper-card .time-checkpoint .time .time-reached {
    position: absolute;
    top: 0;
    height: 3px;
    background-color: #db1519
}

.swiper-card .episode-title {
    margin-top: 5px;
    margin-bottom: 8px
}

.swiper-card .episode-title p {
    max-width: 274px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 700px) {
    .swiper-card .episode-title p {
        font-size: 13px;
        max-width: 192px;
        font-weight: 400
    }
}

.just-in-episode {
    display: flex;
    font-size: 14px;
    transition: .3s ease-in-out;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 10px
}

@media screen and (max-width: 700px) {
    .just-in-episode {
        font-size: 9px
    }
}

.just-in-episode.initial-just-in {
    margin-bottom: 0
}

.just-in-episode p {
    margin-bottom: 0 !important
}

.just-in-episode .episode {
    background-color: #db1519;
    padding: 3px 0;
    padding-inline-start: 10px;
    padding-inline-end: 6px;
    height: -moz-fit-content;
    height: fit-content
}

@media screen and (max-width: 700px) {
    .just-in-episode .episode {
        padding-inline-start: 7px;
        padding-inline-end: 7px
    }
}

.just-in-episode .date {
    background-color: #fff;
    padding: 3px 0;
    padding-inline-start: 10px;
    padding-inline-end: 10px;
    height: -moz-fit-content;
    height: fit-content
}

@media screen and (max-width: 700px) {
    .just-in-episode .date {
        padding-inline-start: 7px
    }
}

.just-in-episode .date p {
    color: #141414
}

.vod-dropdown-container {
    position: relative;
    z-index: 6
}

@media screen and (max-width: 550px) {
    .vod-dropdown-container {
        width: 100%
    }
}

.vod-dropdown-container.open .vod-dropdown i {
    transform: rotate(180deg)
}

.vod-dropdown-container.open .dropdown {
    max-height: 800px;
    opacity: 1;
    top: calc(100% - 1px)
}

.vod-dropdown-container.open.episode-dd .dropdown {
    max-height: 700px;
    opacity: 1;
    top: calc(100% - 2px)
}

.vod-dropdown-container .vod-dropdown {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 255px;
    gap: 28px;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 13px;
    border: rgba(112, 112, 112, .46) 1px solid;
    cursor: pointer
}

@media screen and (max-width: 550px) {
    .vod-dropdown-container .vod-dropdown {
        width: 100%
    }
}

.vod-dropdown-container .vod-dropdown h5 {
    font-size: 22px
}

.vod-dropdown-container .vod-dropdown h6 {
    font-size: 17px
}

.vod-dropdown-container .vod-dropdown i {
    font-size: 14px;
    transition: transform .3s ease
}

.vod-dropdown-container .dropdown {
    position: absolute;
    z-index: 2;
    background-color: #202020;
    width: 100%;
    border: rgba(112, 112, 112, .46) 1px solid;
    top: 100%;
    max-height: 0;
    opacity: 0;
    transition: max-height .3s ease-in-out, opacity .1s ease;
    overflow: hidden
}

.vod-dropdown-container .dropdown .dropdown-wrapper {
    padding: 10px 13px;
    display: flex;
    flex-direction: column
}

.vod-dropdown-container .dropdown .dropdown-wrapper .dropdown-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    position: relative
}

.vod-dropdown-container .dropdown .dropdown-wrapper .dropdown-filter:not(:first-child) {
    padding-top: 12px
}

.vod-dropdown-container .dropdown .dropdown-wrapper .dropdown-filter:not(:last-child) {
    padding-bottom: 12px
}

.vod-dropdown-container .dropdown .dropdown-wrapper .dropdown-filter p {
    font-size: 16px;
    font-weight: 300
}

.vod-dropdown-container .dropdown .dropdown-wrapper .dropdown-filter i {
    font-size: 14px
}

.vod-dropdown-container .dropdown .dropdown-wrapper .dropdown-filter:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(112, 112, 112, .46)
}

.vod-dropdown-container .dropdown .dropdown-wrapper .dropdown-filter:hover p {
    color: #c51017
}

.vod-dropdown-container .dropdown .dropdown-wrapper .dropdown-filter:hover i {
    color: #c51017
}

.vod-dropdown-container.episode-dd .vod-dropdown {
    border: #fff 1px solid;
    padding: 20px 27px
}

@media screen and (max-width: 1024px) {
    .vod-dropdown-container.episode-dd .vod-dropdown {
        padding: 13px 27px
    }
}

.vod-dropdown-container.episode-dd .dropdown {
    border: #fff 1px solid;
    top: calc(100% - 2px)
}

.vod-dropdown-container.episode-dd .dropdown .dropdown-wrapper {
    padding: 20px 27px
}

.vod-dropdown-container.episode-dd .dropdown .dropdown-wrapper .dropdown-filter:not(:last-child)::after {
    height: 1px
}

.horzontal-episode-card {
    width: 100%;
    display: grid;
    grid-template-columns:62% 35%;
    justify-content: space-between;
    align-items: end
}

.horzontal-episode-card:hover .image-container img {
    scale: 1.2
}

.horzontal-episode-card.make-vertical {
    display: flex;
    width: 565px;
    align-items: start;
    flex-direction: column;
    justify-content: unset;
    height: -moz-fit-content;
    height: fit-content
}

.horzontal-episode-card.make-vertical .image-container {
    width: 100%
}

.horzontal-episode-card.make-vertical .image-container::after {
    display: none
}

.horzontal-episode-card.make-vertical .card-detail h4 {
    margin-top: 21px;
    font-size: 24px;
    margin-bottom: 12px
}

.horzontal-episode-card.make-vertical .card-detail p {
    line-height: 28px;
    color: rgba(255, 255, 255, .47)
}

.horzontal-episode-card.make-vertical .card-detail .genre {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 16px
}

.horzontal-episode-card.make-vertical .card-detail .genre span {
    font-size: 16px
}

.horzontal-episode-card.make-vertical .card-detail .genre .point {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #fff
}

.horzontal-episode-card.make-vertical .card-detail.search-card-detail h4 {
    margin-top: 11px;
    font-size: 17px;
    margin-bottom: 8px
}

.horzontal-episode-card.make-vertical .card-detail.search-card-detail .genre {
    margin-bottom: 0;
    opacity: .46
}

.horzontal-episode-card.make-vertical .card-detail.search-card-detail .genre span {
    font-size: 12px
}

.horzontal-episode-card.make-vertical .card-detail.search-card-detail .genre .point {
    width: 7px;
    height: 7px;
    background-color: #fff
}

.horzontal-episode-card .image-container {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/9
}

.horzontal-episode-card .image-container .total-time {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    background-color: rgba(255, 255, 255, .21);
    bottom: 0
}

.horzontal-episode-card .image-container .time-reached {
    position: absolute;
    height: 6px;
    background-color: #db1519;
    bottom: 0;
    z-index: 1
}

.horzontal-episode-card .image-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: scale .3s ease-in-out
}

.horzontal-episode-card .image-container p {
    position: absolute;
    bottom: 10px;
    inset-inline-end: 13px;
    font-size: 33px;
    opacity: .8
}

.horzontal-episode-card .image-container .is-locked {
    position: absolute;
    bottom: 10px;
    inset-inline-start: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: rgba(255, 255, 255, .8);
    backdrop-filter: blur(30px) brightness(40%);
    -webkit-backdrop-filter: blur(30px) brightness(40%);
    border-radius: 50%
}

.horzontal-episode-card .image-container .is-locked.can-play i {
    color: #db1519
}

.horzontal-episode-card .image-container .is-locked i {
    color: #606060;
    font-size: 19px
}

.horzontal-episode-card .card-detail h3 {
    font-size: 33px;
    margin-bottom: 10px
}

.horzontal-episode-card .card-detail p {
    color: rgba(255, 255, 255, .71);
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.plan-card {
    width: 100%;
    padding: 30px 23px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 11px;
    box-shadow: 0 3px 23px rgba(0, 0, 0, .0509803922)
}

.plan-card .plan-header {
    background-color: rgba(210, 210, 210, .25);
    width: 290px;
    align-self: self-end;
    border-radius: 20px;
    border: rgba(141, 141, 141, .25) 1px solid;
    position: relative;
    padding: 3px
}

@media screen and (max-width: 850px) {
    .plan-card .plan-header {
        align-self: center;
        width: 260px
    }
}

.plan-card .plan-header.no-events {
    pointer-events: none
}

.plan-card .plan-header .plan-header-wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

.plan-card .plan-header .plan-header-wrapper h4 {
    text-align: center;
    width: 50%;
    color: #8f8f8f;
    font-size: 12px;
    font-weight: normal;
    transition: color .3s ease-in-out;
    cursor: pointer;
    padding: 7px 0;
    margin: 0
}

.plan-card .plan-header .plan-header-wrapper h4.selected-plan {
    color: #fff
}

.plan-card .plan-header .selected-plan-bg {
    position: absolute;
    z-index: 0;
    background-color: #000;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .1607843137);
    border-radius: 20px;
    width: 50%;
    height: calc(100% - 6px);
    top: 3px;
    inset-inline-start: 3px;
    transition: inset-inline-start .3s ease-in-out
}

.plan-card .plan-header .selected-plan-bg.second-selected {
    inset-inline-start: calc(50% - 3px)
}

.plan-card .monthly-price {
    width: 290px;
    align-self: flex-end;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 27px;
    margin-bottom: 3px
}

@media screen and (max-width: 850px) {
    .plan-card .monthly-price {
        align-self: center
    }
}

.plan-card .monthly-price .price-container {
    position: relative
}

.plan-card .monthly-price h1 {
    font-size: 68px;
    line-height: 74px;
    font-weight: 900;
    color: #000
}

.plan-card .monthly-price h1.discounted {
    text-decoration: line-through;
    opacity: .5
}

.plan-card .monthly-price span {
    font-size: 40px;
    font-weight: 900;
    color: #000;
    margin-top: 5px;
    text-decoration: none;
    opacity: 1;
    position: absolute;
    top: 0;
    right: -30px
}

.plan-card .monthly-price p {
    color: rgba(4, 4, 4, .51);
    font-weight: normal;
    font-size: 18px
}

.plan-card .monthly-price h6 {
    color: #000;
    position: absolute;
    inset-inline-start: -12px;
    font-size: 20px;
    top: 2px;
    font-weight: 900
}

.plan-card .cost-entry-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: rgba(112, 112, 112, .14) 1px solid;
    padding-top: 13px;
    margin-top: 13px
}

.plan-card .cost-entry-container p {
    color: #000;
    font-weight: normal;
    font-size: 15px
}

.plan-card .cost-entry-container.discount p {
    color: #4e8560
}

.plan-card .cost-entry-container.total p {
    font-weight: bold
}

.plan-card .subscribe {
    width: 100%;
    height: 56px;
    border: 0;
    background-color: #000;
    color: #fff;
    font-size: 22px;
    border-radius: 28px;
    margin-top: 50px
}

@media screen and (max-width: 550px) {
    .plan-card .subscribe {
        height: 46px;
        font-size: 16px
    }
}

.plan-card .subscribe p {
    margin-bottom: 0
}

.plan-card .subscribe .fa-spinner {
    color: #fff
}

.plan-card .subscribe:disabled {
    background-color: #707070;
    color: #fff;
    cursor: not-allowed
}

@media screen and (min-width: 729px) {
    .fixed-mobile-ad {
        display: none
    }
}

#div-gpt-ad-1721807700888-0 {
    width: 320px;
    height: 50px
}

.home-ad {
    background-color: #1e2131;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 32px;
    padding-bottom: 32px;
    min-height: 154px
}

@media screen and (max-width: 980px) {
    .home-ad {
        display: none
    }
}

@media screen and (min-width: 981px) {
    body.make-position-relative {
        position: relative
    }
}

.home {
    padding-bottom: var(--header-height);
    position: relative
}

.home .news-section {
    position: relative;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 30px;
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end)
}

@media screen and (max-width: 980px) {
    .home .news-section {
        color: #fff;
        padding-inline-end: 0;
        padding-inline-start: 0;
        padding-top: 0;
        padding-bottom: 0
    }
}

@media screen and (max-width: 980px) {
    .home .news-section .home-stories-section {
        height: 90px
    }
}

.home .news-section .stories-section {
    display: none;
    padding-bottom: 15px;
    overflow-x: scroll;
    gap: 12px;
    padding-inline-start: 10px;
    padding-inline-end: 10px;
    min-height: 85px
}

.home .news-section .stories-section::-webkit-scrollbar {
    display: none
}

@media screen and (max-width: 980px) {
    .home .news-section .stories-section {
        display: flex
    }
}

.home .news-section .stories-section .story {
    position: relative;
    border-radius: 50%;
    cursor: pointer
}

.home .news-section .stories-section .story .zaps-image {
    flex: 0 0 auto;
    padding: 3px;
    border-radius: 50%;
    border: #d10c10 solid 1px;
    width: 75px;
    height: 75px
}

.home .news-section .stories-section .story .zaps-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.home .news-section .stories-section .story .zaps-image.watched {
    border-color: #565656
}

.home .news-section .stories-section .story .story-img {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: conic-gradient(#c51017 360deg, #636363 0deg);
    width: 72px;
    height: 72px;
    padding: 2px;
    overflow: visible
}

.home .news-section .stories-section .story .story-img img {
    flex: 0 0 auto;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 3px;
    -o-object-fit: cover;
    object-fit: cover;
    background-color: #fff
}

.home .news-section .stories-section .story .story-text {
    position: absolute;
    top: 50%;
    inset-inline-end: 50%;
    transform: translate(-50%, -50%);
    font-size: 15px;
    font-weight: bold
}

.home .news-section .stories-section .story.live {
    border: 0;
    position: relative
}

.home .news-section .stories-section .story.live .story-img {
    width: 70px;
    height: 70px;
    background: none
}

.home .news-section .stories-section .story.live .story-img img {
    width: 100%;
    height: 100%
}

.home .news-section .stories-section .story.live .live-icon {
    position: absolute;
    top: 50%;
    inset-inline-end: 50%;
    transform: translate(-50%, -50%)
}

.home .news-section .stories-open {
    display: none;
    position: fixed;
    flex-direction: column;
    bottom: 50%;
    scale: 0;
    width: 100%;
    height: 0;
    z-index: 13;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .2s ease-in-out
}

@media screen and (max-width: 980px) {
    .home .news-section .stories-open {
        display: flex
    }
}

.home .news-section .stories-open::before {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    height: 170px;
    width: 100%;
    background: #000;
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%)
}

.home .news-section .stories-open::after {
    display: none;
    content: "";
    position: absolute;
    top: calc(100% - 216px);
    height: 216px;
    width: 100%;
    background: #000;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%)
}

.home .news-section .stories-open.stories-opened {
    height: 100dvh;
    bottom: 0;
    scale: 1
}

.home .news-section .stories-open.stories-opened::before {
    display: block
}

.home .news-section .stories-open.stories-opened::after {
    display: block
}

.home .news-section .stories-open .video-background {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.home .news-section .stories-open .video-background .vjs-loading-spinner {
    margin-top: 0;
    margin-left: 0
}

.home .news-section .stories-open .story-open-header {
    display: flex;
    justify-content: space-between;
    gap: 7px;
    align-items: center;
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 1
}

.home .news-section .stories-open .story-open-header .storyline-indicator {
    list-style: none;
    margin-top: -1px;
    margin-bottom: 0;
    padding-inline-end: 0;
    padding-inline-start: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

.home .news-section .stories-open .story-open-header .storyline-indicator .indicator-item {
    position: relative;
    flex: 1 0 auto;
    height: 2px;
    margin-inline-start: 5px;
    background-color: rgba(255, 255, 255, .3);
    overflow: hidden
}

.home .news-section .stories-open .story-open-header .storyline-indicator .indicator-item .indicator-bar {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    will-change: transform;
    transform: scaleX(0);
    transform-origin: right center
}

.home .news-section .stories-open .story-open-header .storyline-indicator .indicator-item.item-loaded .indicator-bar {
    transform: scaleX(1) !important
}

.home .news-section .stories-open .stories-slider {
    position: relative;
    height: 100%;
    overflow: hidden
}

.home .news-section .stories-open .stories-slider .story-details {
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    height: 100%
}

.home .news-section .stories-open .stories-slider .story-details * {
    touch-action: manipulation;
    -ms-touch-action: manipulation
}

.home .news-section .stories-open .stories-slider .story-details .story-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end)
}

.home .news-section .stories-open .stories-slider .story-details .story-header .header-content {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-direction: row-reverse
}

.home .news-section .stories-open .stories-slider .story-details .story-header .header-content .story-image img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 3px solid #c51017
}

.home .news-section .stories-open .stories-slider .story-details .story-header .header-content .story-title {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-underline-offset: 8px
}

.home .news-section .stories-open .stories-slider .story-details .story-header .close-button {
    z-index: 100
}

.home .news-section .stories-open .stories-slider .story-details .story-header .close-button i {
    font-size: 30px
}

.home .news-section .stories-open .stories-slider .story-details .story-content {
    z-index: 1
}

.home .news-section .stories-open .stories-slider .story-details .story-content .story-text {
    font-size: 21px;
    font-weight: bold;
    width: 75%;
    padding-bottom: 20px;
    padding-inline-start: 23px;
    z-index: 1
}

.home .news-section .stories-open .stories-slider .story-details .story-content .vod-button {
    display: flex;
    position: absolute;
    width: 100%;
    height: 75px;
    z-index: 10;
    bottom: 0;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 20px;
    background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .6));
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    font-size: 18px;
    font-weight: bold
}

.home .news-section .stories-open .stories-slider .story-details.story-open-active {
    display: flex
}

.home .news-section .stories-open .storyline-control {
    position: absolute;
    height: 100%;
    width: 50%;
    top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    z-index: 1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none
}

.home .news-section .stories-open .storyline-control-prev {
    inset-inline-start: 0
}

.home .news-section .stories-open .storyline-control-next {
    inset-inline-end: 0
}

.home .news-section .top-section {
    display: flex;
    height: 500px
}

@media screen and (max-width: 1024px) {
    .home .news-section .top-section {
        height: 280px
    }
}

@media screen and (min-width: 981px) {
    .home .news-section .top-section {
        padding-top: var(--header-height)
    }
}

.home .news-section .top-section .banner {
    position: relative;
    flex-basis: 75%
}

.home .news-section .top-section .banner:hover .red-line {
    transition: width .6s ease-in-out;
    transition-timing-function: cubic-bezier(1, 0, .84, .73);
    width: 100%
}

.home .news-section .top-section .banner .banner-img {
    width: 100%;
    height: 100%
}

@media screen and (max-width: 980px) {
    .home .news-section .top-section .banner .banner-img {
        aspect-ratio: 16/9
    }
}

.home .news-section .top-section .banner .banner-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.home .news-section .top-section .banner .red-line {
    width: 30%;
    height: 3px;
    background-color: #b90000;
    transition: none
}

.home .news-section .top-section .banner .banner-text {
    color: #fff;
    position: absolute;
    bottom: 0;
    padding: 20px;
    font-size: 40px;
    font-weight: 800;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8))
}

@media screen and (max-width: 1024px) {
    .home .news-section .top-section .banner .banner-text {
        font-size: 30px;
        max-width: 100%
    }
}

@media screen and (max-width: 980px) {
    .home .news-section .top-section .banner .banner-text {
        position: relative;
        font-size: 24px;
        background: none;
        padding-top: calc(var(--margin-text-picture) - 3px);
        padding-bottom: 5px;
        padding-inline-start: var(--margin-start)
    }

    .home .news-section .top-section .banner .banner-text::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        width: 4px;
        height: 100%;
        background-color: #c51017
    }
}

@media screen and (max-width: 980px) and (max-width: 980px) {
    .home .news-section .top-section .banner .banner-text::before {
        display: none
    }
}

.home .news-section .top-section .banner .banner-text .text {
    padding-inline-start: 17px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical
}

@media screen and (max-width: 980px) {
    .home .news-section .top-section .banner .banner-text .text {
        padding-inline-start: 0
    }

    .home .news-section .top-section .banner .banner-text .text a {
        color: #1e2131
    }
}

.home .news-section .top-section .news {
    position: relative;
    overflow: hidden;
    flex-basis: 45%
}

@media screen and (max-width: 980px) {
    .home .news-section .top-section .news {
        display: none
    }
}

.home .news-section .top-section .news .news-categories {
    display: flex;
    justify-content: space-between;
    padding-inline-start: 40px;
    gap: 16px;
    font-size: 19px;
    font-weight: bold;
    color: rgba(0, 0, 0, .4);
    width: calc(85% + 40px)
}

@media screen and (max-width: 980px) {
    .home .news-section .top-section .news .news-categories {
        gap: 25px
    }
}

.home .news-section .top-section .news .news-categories .categories {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 16px;
    font-size: 19px;
    font-weight: bold;
    color: #595959
}

.home .news-section .top-section .news .news-categories .categories .news-category {
    cursor: pointer;
    font-weight: bold
}

.home .news-section .top-section .news .news-categories .categories .more-categories {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border: 1px solid #ddd;
    padding-inline-start: 11px;
    padding-inline-end: 11px;
    cursor: pointer
}

.home .news-section .top-section .news .news-categories .categories .more-categories .fa-chevron-down {
    text-align: center;
    font-size: 11px;
    letter-spacing: .08px;
    color: #bfbfbf;
    opacity: 1
}

.home .news-section .top-section .news .news-categories .categories .more-categories .fa-sliders {
    text-align: center;
    font-size: 13px;
    letter-spacing: .09px;
    color: #bfbfbf;
    opacity: 1
}

.home .news-section .top-section .news .news-categories .categories .title {
    font-weight: 800
}

.home .news-section .top-section .news .news-categories .categories .news-categories-header-dropdown {
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    max-height: 0;
    height: 250px;
    padding: 0 20px;
    z-index: 5;
    background-color: rgba(255, 255, 255, .5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    overflow-y: hidden;
    transition: max-height .3s ease-in-out
}

.home .news-section .top-section .news .news-categories .categories .news-categories-header-dropdown.news-categories-header-dropdown-open {
    max-height: 180px
}

.home .news-section .top-section .news .news-categories .categories .news-categories-header-dropdown .search-filters {
    width: unset
}

.home .news-section .top-section .news .news-categories .categories .news-categories-header-dropdown .search-filters .search-filters-dropdown {
    width: 100%
}

.home .news-section .top-section .news .news-categories .categories .news-categories-header-dropdown .search-filters .search-filters-dropdown .search-filters-dropdown-item.active {
    color: #b90000
}

.home .news-section .top-section .news .news-categories .categories .news-categories-header-dropdown .search-filters .search-filters-dropdown .search-filters-dropdown-item p {
    text-wrap: nowrap
}

.home .news-section .top-section .news .news-categories .categories .news-categories-header-dropdown .news-category {
    padding-inline-start: 20px;
    padding-inline-end: 20px;
    font-weight: bold;
    color: #000;
    cursor: pointer
}

.home .news-section .top-section .news .news-categories .categories .news-categories-header-dropdown .news-category:hover {
    background-color: #f3f3f3
}

.home .news-section .top-section .news .news-categories .socials {
    display: flex;
    align-items: center;
    color: #1e2131;
    font-size: 20px;
    gap: 20px
}

.home .news-section .top-section .news .news-categories .socials .social {
    cursor: pointer;
    transition: color .2s ease-in-out
}

@media only screen and (min-width: 768px) {
    .home .news-section .top-section .news .news-categories .socials .social:hover {
        color: #b90000
    }
}

.home .news-section .top-section .news .homepage-news-swiper {
    height: 91.5%;
    margin-top: 20px
}

.home .news-section .top-section .news .homepage-news-swiper .loader {
    position: relative;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(255, 255, 255, .5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 10;
    touch-action: none
}

.home .news-section .top-section .news .homepage-news-swiper .loader .spinner {
    position: absolute;
    top: 40%;
    inset-inline-end: 35%;
    transform: translate(-50%, 50%);
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #000;
    width: 90px;
    height: 90px;
    animation: spin 2s linear infinite
}

.home .news-section .top-section .news .homepage-news-swiper .news-wrapper {
    padding-inline-start: 40px;
    height: auto;
    overflow-x: hidden;
    min-height: 1000px;
    flex-direction: column
}

.home .news-section .top-section .news .homepage-news-swiper .news-wrapper .swiper-slide {
    width: 85%
}

.home .news-section .top-section .news .homepage-news-swiper .news-wrapper .news-item {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    height: -moz-fit-content !important;
    height: fit-content !important;
    width: 100%;
    cursor: pointer;
    min-height: 44px
}

.home .news-section .top-section .news .homepage-news-swiper .news-wrapper .news-item::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: .5px;
    background: rgba(0, 0, 0, .25)
}

.home .news-section .top-section .news .homepage-news-swiper .news-wrapper .news-item .news-time {
    font-weight: bold;
    color: #c51017;
    text-align: end;
    padding-inline-end: 13px;
    display: block;
    text-wrap: nowrap
}

.home .news-section .top-section .news .homepage-news-swiper .news-wrapper .news-item .news-title {
    width: 100%;
    display: flex;
    color: #1e2131
}

.home .news-section .top-section .news .homepage-news-swiper .swiper-scrollbar {
    position: absolute;
    top: 0;
    inset-inline-start: calc(100% - 7px);
    width: 7px;
    background-color: rgba(112, 112, 112, .1)
}

.home .news-section .top-section .news .homepage-news-swiper .swiper-scrollbar .swiper-scrollbar-vertical .swiper-scrollbar-drag {
    width: 6px;
    height: 50px;
    background-color: #b90000;
    border-radius: 0
}

.home .news-section .top-section .news .mobile-view-more {
    display: none
}

.home .news-section .bottom-section {
    display: flex;
    padding-top: 50px
}

@media screen and (max-width: 980px) {
    .home .news-section .bottom-section {
        padding-left: var(--margin-start);
        padding-right: var(--margin-end);
        padding-top: 15px
    }
}

.home .news-section .bottom-section .news-gallery-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden
}

.home .news-section .bottom-section .news-gallery-wrapper::-webkit-scrollbar {
    display: none
}

.home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item {
    flex-basis: 16%;
    max-width: 256px;
    cursor: pointer;
    color: #111
}

@media screen and (max-width: 1500px) {
    .home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item {
        flex-basis: 20%
    }

    .home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item:last-child {
        display: none
    }
}

@media screen and (max-width: 1024px) {
    .home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item {
        min-width: 230px;
        flex-basis: 25%
    }

    .home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item:nth-child(5) {
        display: none
    }

    .home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item:nth-child(6) {
        display: none
    }
}

.home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item .news-gallery-img {
    position: relative;
    overflow: hidden
}

.home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item .news-gallery-img .has-video-icon {
    position: absolute;
    bottom: 0;
    inset-inline-end: 0
}

@media screen and (max-width: 980px) {
    .home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item .news-gallery-img .has-video-icon img {
        width: 29px
    }
}

.home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item .news-gallery-img .category-label {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    font-size: 12px;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    padding: 1px 10px;
    padding-bottom: 2px;
    opacity: .91;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    min-height: 21px
}

.home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item .news-gallery-text {
    font-weight: bold;
    -webkit-line-clamp: 3
}

.home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item .news-gallery-img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.home .mobile-all-news-section {
    display: none;
    padding-top: 70px;
    position: relative
}

@media screen and (max-width: 980px) {
    .home .mobile-all-news-section {
        display: flex;
        flex-direction: column
    }
}

.home .mobile-all-news-section .news-categories {
    display: flex;
    align-items: center;
    gap: 25px
}

@media screen and (max-width: 500px) {
    .home .mobile-all-news-section .news-categories {
        gap: 10px
    }
}

.home .mobile-all-news-section .news-categories .news-category-header {
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    color: #cbcbcb;
    margin: 0;
    padding-inline-start: 0;
    border-inline-start: solid 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 25px
}

.home .mobile-all-news-section .news-categories .news-category-header.selected {
    color: #1e2131;
    padding-inline-start: 10px;
    border-inline-start: solid 5px #b90000;
    font-weight: 800
}

.home .mobile-all-news-section .news-list {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end)
}

.home .mobile-all-news-section .news-list .news-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: bold
}

.home .mobile-all-news-section .news-list .news-item .news-item-details {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.home .mobile-all-news-section .news-list .news-item::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, .25);
    left: 0
}

.home .mobile-all-news-section .news-list .news-item .news-time {
    color: rgba(255, 255, 255, .9);
    font-weight: bold;
    line-height: 1;
    font-size: 11px;
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .6);
    opacity: .91;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    padding: 2px 4px
}

.home .mobile-all-news-section .news-list .news-item .news-title {
    font-size: 15.5px;
    font-weight: bold;
    line-height: 21px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 44px;
    line-height: 1.5em;
    color: #1e2131
}

.home .mobile-all-news-section .news-list .news-item .news-image {
    align-self: flex-start;
    justify-content: end;
    height: 56px;
    width: auto;
    aspect-ratio: 16/9;
    position: relative
}

.home .mobile-all-news-section .news-list .news-item .news-image img {
    height: 100%;
    width: auto;
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    object-fit: cover
}

.home .mobile-all-news-section .news-list .news-item .news-image .news-item-play-icon {
    position: absolute;
    width: 15px;
    height: 15px;
    bottom: 0;
    inset-inline-end: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #b90000
}

.home .mobile-all-news-section .news-list .news-item .news-image .news-item-play-icon img {
    width: 7px;
    -o-object-fit: contain;
    object-fit: contain;
    padding-inline-end: 1px
}

.home .mobile-all-news-section .news-list .news-item .thumbnail {
    position: relative
}

.home .mobile-all-news-section .news-list .news-item .thumbnail::before {
    font-family: "Font Awesome 6 Free";
    content: "";
    display: block;
    position: absolute;
    bottom: 5px;
    inset-inline-start: 5px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    color: #f00
}

.home .mobile-all-news-section .news-list .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    background: rgba(255, 255, 255, .5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 2;
    touch-action: none
}

.home .mobile-all-news-section .read-more {
    margin-inline-start: calc(var(--margin-start) + 111px)
}

.home .swiper-scrollbar.swiper-scrollbar-vertical {
    background: none
}

.home .swiper-scrollbar-drag {
    width: 6px !important;
    height: 50px !important;
    background-color: #b90000 !important;
    border-radius: 0 !important
}

.home .hashtags-section {
    position: relative;
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end)
}

.home .hashtags-section .section-content {
    padding-top: 0
}

@media screen and (max-width: 980px) {
    .home .hashtags-section {
        padding-inline-start: unset;
        padding-top: 23px;
        margin-top: 16.5px;
        border-top: 0;
        display: none
    }
}

.home .hashtags-section.hashtag-selected {
    background-color: #f3f3f3
}

.home .hashtags-section .hashtags-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100px;
    display: flex;
    overflow: hidden
}

@media screen and (max-width: 980px) {
    .home .hashtags-section .hashtags-container {
        flex-direction: column;
        align-items: flex-start;
        height: 130px
    }
}

.home .hashtags-section .hashtags-container .section-header .section-header__title {
    margin-top: 0;
    margin-inline-start: 0;
    padding-inline-end: 40px
}

@media screen and (max-width: 980px) {
    .home .hashtags-section .hashtags-container .section-header .section-header__title {
        margin-inline-start: var(--margin-start)
    }
}

.home .hashtags-section .hashtags-container .hashtags-wrapper {
    display: flex;
    justify-content: flex-start;
    margin: 0;
    height: 100%;
    width: 100%;
    gap: 20px;
    overflow: auto
}

.home .hashtags-section .hashtags-container .hashtags-wrapper::-webkit-scrollbar {
    display: none
}

@media screen and (max-width: 980px) {
    .home .hashtags-section .hashtags-container .hashtags-wrapper {
        margin-inline-start: 40px;
        padding-inline-end: 40px
    }
}

.home .hashtags-section .hashtags-container .hashtags-wrapper .hashtag {
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    cursor: pointer
}

.home .hashtags-section .hashtags-container .hashtags-wrapper .hashtag.hashtag-selected .hashtag-content {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    color: #b90000;
    font-weight: 800
}

.home .hashtags-section .hashtags-container .hashtags-wrapper .hashtag .hashtag-content {
    display: flex;
    gap: 10px;
    background: #fff;
    padding: 10px 20px;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    font-size: 17px;
    font-weight: bold;
    cursor: pointer;
    text-wrap: nowrap;
    white-space: nowrap;
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    opacity: 1
}

@media screen and (max-width: 980px) {
    .home .hashtags-section .hashtags-container .hashtags-wrapper .hashtag .hashtag-content {
        border-radius: unset;
        box-shadow: unset
    }
}

@media only screen and (min-width: 768px) {
    .home .hashtags-section .hashtags-container .hashtags-wrapper .hashtag .hashtag-content:hover {
        background-color: #1a1a1a;
        color: #fff
    }
}

.home .hashtags-section .hashtags-container .hashtags-wrapper .hashtag .hashtag-content .hashtag-count {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    font-weight: 500;
    border-radius: 50%;
    background: #b90000;
    color: #fff;
    z-index: 2
}

@media screen and (max-width: 980px) {
    .home .hashtags-section .hashtags-container .hashtags-wrapper .hashtag .hashtag-content .hashtag-count {
        position: absolute;
        top: -13px;
        inset-inline-end: 10px;
        font-weight: 500
    }
}

.home .hashtags-section .hashtag-details {
    display: flex;
    justify-content: space-between;
    max-height: 0;
    transition: max-height .6s ease-in-out;
    transition-timing-function: cubic-bezier(.18, .65, .85, .35)
}

@media screen and (max-width: 980px) {
    .home .hashtags-section .hashtag-details {
        position: fixed;
        z-index: 10;
        bottom: 0;
        height: calc(100vh - 50px);
        flex-direction: column;
        background-color: #fff;
        overflow-y: auto;
        padding: 0
    }
}

.home .hashtags-section .hashtag-details .loader {
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 10;
    touch-action: none
}

.home .hashtags-section .hashtag-details .loader .spinner {
    position: absolute;
    top: 40%;
    inset-inline-end: 35%;
    transform: translate(-50%, 50%);
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #000;
    width: 90px;
    height: 90px;
    animation: spin 2s linear infinite
}

.home .hashtags-section .hashtag-details.hashtag-details-open {
    max-height: 701px
}

@media screen and (max-width: 980px) {
    .home .hashtags-section .hashtag-details.hashtag-details-open {
        max-height: 100%
    }
}

.home .hashtags-section .hashtag-details.hashtag-details-open .tatawor {
    z-index: 1
}

.home .hashtags-section .hashtag-details .hashtag-details-mobile-header {
    display: none;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
    position: fixed;
    z-index: 1;
    background-color: #fff;
    width: 100%
}

@media screen and (max-width: 980px) {
    .home .hashtags-section .hashtag-details .hashtag-details-mobile-header {
        display: flex
    }
}

.home .hashtags-section .hashtag-details .hashtag-details-mobile-header .hashtag-title {
    display: flex;
    align-items: center
}

.home .hashtags-section .hashtag-details .hashtag-details-mobile-header .hashtag-title .count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    background-color: #b90000;
    border-radius: 50%
}

.home .hashtags-section .hashtag-details .hashtag-details-mobile-header .hashtag-title .count p {
    font-weight: 500;
    padding: 0;
    margin: 0
}

.home .hashtags-section .hashtag-details .hashtag-details-mobile-header .hashtag-title .title {
    font-size: 21px;
    font-weight: bold;
    color: #111;
    padding-inline-start: 16px
}

.home .hashtags-section .hashtag-details .hashtag-details-mobile-header .fa-xmark {
    font-size: 28px
}

.home .hashtags-section .hashtag-details .highlights {
    display: flex;
    justify-content: space-between;
    width: 40%;
    margin-top: 50px
}

@media screen and (max-width: 980px) {
    .home .hashtags-section .hashtag-details .highlights {
        width: 100%;
        flex-direction: column;
        margin-top: 61.5px
    }
}

.home .hashtags-section .hashtag-details .highlights .highlight {
    width: 63%
}

@media screen and (max-width: 980px) {
    .home .hashtags-section .hashtag-details .highlights .highlight {
        width: 100%
    }
}

.home .hashtags-section .hashtag-details .highlights .highlight .highlight-content .highlight-title {
    padding-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.home .hashtags-section .hashtag-details .highlights .highlight .highlight-content .highlight-text {
    font-size: 15.5px;
    width: 100%
}

.home .hashtags-section .hashtag-details .highlights .highlights-sm {
    display: flex;
    flex-direction: column;
    width: 35%
}

@media screen and (max-width: 980px) {
    .home .hashtags-section .hashtag-details .highlights .highlights-sm {
        flex-direction: row;
        width: 100%;
        gap: 7px
    }
}

.home .hashtags-section .hashtag-details .highlights .highlights-sm .highlight-sm {
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 980px) {
    .home .hashtags-section .hashtag-details .highlights .highlights-sm .highlight-sm {
        flex-basis: 50%
    }
}

.home .hashtags-section .hashtag-details .highlights .highlights-sm .highlight-sm .highlight-image img {
    width: 100%
}

@media screen and (max-width: 980px) {
    .home .hashtags-section .hashtag-details .highlights .highlights-sm .highlight-sm .highlight-content {
        padding-top: 10px
    }
}

.home .hashtags-section .hashtag-details .highlights .highlights-sm .highlight-sm .highlight-content .highlight-title {
    font-size: 14px;
    font-weight: 800
}

@media screen and (max-width: 980px) {
    .home .hashtags-section .hashtag-details .highlights .highlights-sm .highlight-sm .highlight-content .highlight-title {
        padding-inline-start: 5px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical
    }
}

.home .hashtags-section .hashtag-details .highlights .highlights-sm .highlight-sm .highlight-content .highlight-time {
    font-size: 10px;
    direction: ltr;
    text-align: end;
    color: #9c9c9c
}

@media screen and (max-width: 980px) {
    .home .hashtags-section .hashtag-details .highlights .highlights-sm .highlight-sm .highlight-content .highlight-time {
        padding-inline-start: 5px
    }
}

.home .hashtags-section .hashtag-details .takarir {
    width: 25%
}

@media screen and (max-width: 980px) {
    .home .hashtags-section .hashtag-details .takarir {
        width: 100%
    }
}

.home .hashtags-section .hashtag-details .takarir .takarir-header {
    font-size: 20px;
    font-weight: 800;
    color: #b90000;
    padding-bottom: 20px
}

@media screen and (max-width: 980px) {
    .home .hashtags-section .hashtag-details .takarir .takarir-header {
        padding-inline-start: 10.5px
    }
}

.home .hashtags-section .hashtag-details .takarir .takarir-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

@media screen and (max-width: 980px) {
    .home .hashtags-section .hashtag-details .takarir .takarir-list {
        padding-inline-start: 10px;
        padding-inline-end: 10px
    }
}

.home .hashtags-section .hashtag-details .takarir .takarir-list .takrir {
    flex-basis: 49%
}

.home .hashtags-section .hashtag-details .takarir .takarir-list .takrir .search-result-chapter-play {
    align-items: flex-end
}

.home .hashtags-section .hashtag-details .takarir .takarir-list .takrir .search-result-chapter-play .search-result-chapter-play-icon {
    width: 20px;
    height: 20px
}

.home .hashtags-section .hashtag-details .takarir .takarir-list .takrir .search-result-chapter-play .search-result-chapter-play-icon img {
    width: 9.53px;
    height: 11.42px
}

.home .hashtags-section .hashtag-details .tataworat {
    padding-top: 50px;
    width: 25%
}

@media screen and (max-width: 980px) {
    .home .hashtags-section .hashtag-details .tataworat {
        width: 100%;
        padding-inline-start: 35px
    }
}

.home .hashtags-section .hashtag-details .tataworat .tataworat-list-wrapper {
    display: flex;
    justify-content: flex-end
}

.home .hashtags-section .hashtag-details .tataworat .tataworat-list-wrapper .tataworat-list {
    display: flex;
    flex-direction: column;
    list-style: none;
    width: 90%;
    padding-inline-start: 0;
    padding-inline-end: 0;
    position: relative;
    gap: 10px
}

.home .hashtags-section .hashtag-details .tataworat .tataworat-list-wrapper .tataworat-list::before {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    inset-inline-start: -6.5px;
    width: 1px;
    height: 87%;
    background-color: #707070
}

.home .hashtags-section .hashtag-details .tataworat .tataworat-list-wrapper .tataworat-list .tatawor {
    position: relative;
    font-size: 15.5px;
    font-weight: bold;
    padding-inline-start: 10px;
    z-index: 0;
    min-height: 40px
}

.home .hashtags-section .hashtag-details .tataworat .tataworat-list-wrapper .tataworat-list .tatawor::marker {
    content: "";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 11px;
    z-index: 10;
    color: #b90000
}

.home .hashtags-section .hashtag-details .tataworat .tataworat-list-wrapper .tataworat-list .tatawor .tatawor-time {
    font-size: 10px;
    font-weight: bold;
    color: #989898;
    position: absolute;
    text-align: end;
    width: 45px;
    inset-inline-start: -60px;
    top: 0
}

.home .hashtags-section .hashtag-details .tataworat .more-tataworat {
    margin-inline-start: -20px
}

.home .hashtags-section .hashtag-details .tataworat .more-tataworat .text {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 19px;
    font-weight: 800;
    color: #b90000;
    padding-top: 40px
}

.home .hashtags-section .hashtag-details .tataworat .more-tataworat .text::before {
    content: "";
    position: absolute;
    top: 35px;
    width: 100%;
    height: 3px;
    background-color: #c51017
}

.home .hashtags-section .hashtag-details.isLoading {
    animation: opacity-loading 1s infinite
}

.home .reels-section {
    position: relative;
    width: 100%;
    background: #fff;
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end)
}

@media screen and (max-width: 980px) {
    .home .reels-section {
        display: none
    }
}

.home .reels-section .section-header .section-header__title {
    margin-inline-start: 0;
    color: #111
}

.home .reels-section .reels-title {
    position: relative;
    display: flex;
    align-items: center;
    height: -moz-fit-content;
    height: fit-content
}

.home .reels-section .reels-title::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 7px;
    height: 50px;
    background-color: #c51017;
    margin-inline-end: 10px
}

.home .reels-section .reels-title .text {
    display: flex;
    align-items: center;
    color: #111;
    padding-inline-start: 50px;
    font-size: 32px;
    font-weight: bolder
}

.home .reels-section .reels-account-options {
    display: none
}

.home .reels-section .reels-wrapper {
    display: flex;
    justify-content: space-between;
    height: -moz-fit-content;
    height: fit-content;
    padding-top: 17px;
    padding-bottom: 40px;
    flex-direction: row;
    gap: 40px
}

@media screen and (max-width: 980px) {
    .home .reels-section .reels-wrapper .reels-col:nth-child(2) {
        display: none
    }
}

.home .reels-section .reels-wrapper .reels-col {
    display: flex;
    width: 50%;
    min-height: 470px
}

.home .reels-section .reels-wrapper .reels-col:last-child {
    justify-content: flex-end
}

@media screen and (max-width: 980px) {
    .home .reels-section .reels-wrapper .reels-col {
        width: 100%
    }
}

.home .reels-section .reels-wrapper .reels-col .reels-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    overflow: unset;
    padding-top: 30px;
    padding-inline-end: 30px;
    flex: 1;
    word-break: break-word
}

@media screen and (max-width: 980px) {
    .home .reels-section .reels-wrapper .reels-col .reels-list {
        height: -moz-min-content;
        height: min-content
    }
}

@media screen and (max-width: 980px) {
    .home .reels-section .reels-wrapper .reels-col .reels-list {
        width: 100%;
        gap: 17px;
        padding-inline-end: 0
    }
}

.home .reels-section .reels-wrapper .reels-col .reels-list .reel {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

@media screen and (max-width: 980px) {
    .home .reels-section .reels-wrapper .reels-col .reels-list .reel {
        flex-direction: row-reverse;
        justify-content: flex-end
    }
}

.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title {
    position: relative;
    display: flex;
    font-size: 17px;
    padding-bottom: 20px;
    font-weight: bold;
    color: #1e2131
}

@media screen and (max-width: 1500px) {
    .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title {
        max-width: 200px
    }
}

@media screen and (max-width: 1200px) {
    .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title {
        padding-bottom: 0
    }
}

@media screen and (max-width: 980px) {
    .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title {
        max-width: unset
    }
}

.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title .text {
    position: relative;
    padding-inline-start: 25px;
    align-content: center;
    height: -moz-fit-content;
    height: fit-content;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 1200px) {
    .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title .text {
        padding-inline-start: 15px
    }
}

@media screen and (max-width: 980px) {
    .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title .text {
        font-weight: normal
    }
}

.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title .text::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-70%);
    inset-inline-start: 0;
    width: 10px;
    height: 10px;
    background-color: #c51017;
    margin-inline-end: 10px
}

@media screen and (max-width: 1200px) {
    .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title .text::before {
        width: 5px;
        height: 5px
    }
}

@media screen and (max-width: 980px) {
    .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title .text::before {
        display: none
    }
}

.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title .text .duration-mobile {
    display: none;
    font-size: 14px;
    color: #8b8888;
    margin: 0 10px
}

@media screen and (max-width: 980px) {
    .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title .text .duration-mobile {
        display: inline-block
    }
}

.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-thumbnail {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-thumbnail .image-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 67px;
    height: 67px;
    border-radius: 50%;
    background: conic-gradient(#c51017 0deg, #636363 0deg)
}

@media screen and (max-width: 980px) {
    .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-thumbnail .image-container {
        width: 55px;
        height: 55px
    }
}

.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-thumbnail .image-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    padding: 3px
}

.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-thumbnail .image-container .reel-loading-bar {
    position: absolute;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    overflow: unset
}

.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-thumbnail .image-container .reel-loading-bar .reel-loading-circle {
    transition: all 2s ease-in-out;
    stroke-dasharray: 360;
    stroke-dashoffset: 360
}

.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-thumbnail .duration {
    text-align: center;
    font-size: 14px;
    color: #555;
    margin: 0
}

@media screen and (max-width: 1200px) {
    .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-thumbnail .duration {
        display: none
    }
}

.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-indicator {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 30px;
    padding-inline-start: 7px
}

@media screen and (max-width: 980px) {
    .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-indicator {
        display: none
    }
}

.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-indicator .arrow {
    content: "";
    display: block;
    top: 20px;
    inset-inline-start: 5px;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-inset-inline-start: 13px solid #c51017
}

@media screen and (max-width: 980px) {
    .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-indicator .arrow {
        display: none
    }
}

.home .reels-section .reels-wrapper .reels-col .reels-list .reel-active {
    position: relative;
    opacity: 100%
}

.home .reels-section .reels-wrapper .reels-col .reels-list .reel-active::before {
    content: "";
    position: absolute;
    top: 20px;
    inset-inline-end: -20px;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-inset-inline-start: 13px solid #c51017
}

@media screen and (max-width: 980px) {
    .home .reels-section .reels-wrapper .reels-col .reels-list .reel-active::before {
        display: none
    }
}

.home .reels-section .reels-wrapper .reels-col .reels-list .reel-active .reel-thumbnail .image-container .reel-loading-bar .reel-loading-circle {
    stroke-dashoffset: 0
}

.home .reels-section .reels-wrapper .reels-col .reels-list .reel-active .duration {
    display: block
}

@media screen and (max-width: 980px) {
    .home .reels-section .reels-wrapper .reels-col .reels-list .reel-active .duration {
        display: none !important
    }
}

.home .reels-section .reels-wrapper .reels-col .reel-display {
    display: flex;
    flex-basis: 47%;
    flex-direction: column;
    cursor: pointer
}

@media screen and (max-width: 980px) {
    .home .reels-section .reels-wrapper .reels-col .reel-display {
        display: none
    }
}

.home .reels-section .reels-wrapper .reels-col .reel-display .account {
    color: #111;
    direction: ltr;
    padding-bottom: 10px
}

.home .reels-section .reels-wrapper .reels-col .reel-display .reel-display-image {
    position: relative;
    width: 100%;
    aspect-ratio: 9/16
}

.home .reels-section .reels-wrapper .reels-col .reel-display .reel-display-image .share-icon {
    bottom: unset;
    top: 13px
}

.home .reels-section .reels-wrapper .reels-col .reel-display .reel-display-image .vjs-control-bar {
    display: none
}

.home .reels-section .reels-wrapper .reels-col .reel-display .reel-display-image .video-js {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.home .reels-section .reels-wrapper .reels-col .reel-display .reel-display-image .video-js video {
    -o-object-fit: cover;
    object-fit: cover
}

.home .reels-section .reels-wrapper .reels-col .reel-display .reel-display-image .reel-mute-btn {
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    padding: 10px;
    color: #fff;
    font-size: 20px;
    cursor: pointer
}

.home .reels-section .reels-wrapper .reels-col .reel-display .reel-display-image .reel-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 50px;
    opacity: 60%
}

.home .reels-section .reels-wrapper .reels-col .reel-display .reel-display-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.home .reels-section .reels-wrapper .reels-col .reel-display .reel-display-image .is-video-icon {
    position: absolute;
    bottom: 0;
    inset-inline-end: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background-color: #c51017;
    color: #fff
}

.home .under-reels-add {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;
    background-color: rgba(0, 0, 0, .1);
    align-self: center
}

@media screen and (max-width: 728px) {
    .home .under-reels-add {
        display: none
    }
}

.home .under-reels-add.under-reels-ad-small {
    display: block
}

@media screen and (min-width: 729px) {
    .home .under-reels-add.under-reels-ad-small {
        display: none
    }
}

.home .under-reels-add #div-gpt-ad-1721808699304-0, .home .under-reels-add #div-gpt-ad-1721808669715-0 {
    margin-top: 15px
}

.home .news-cast-section {
    display: flex;
    flex-direction: column;
    padding-top: 50px;
    padding-bottom: 25px;
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
    margin: auto
}

@media screen and (max-width: 980px) {
    .home .news-cast-section {
        padding-bottom: 0;
        position: relative;
        padding-top: 0
    }
}

.home .news-cast-section .news-cast-news-times {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-direction: row
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .news-cast-news-times {
        display: none;
        gap: 7px
    }
}

.home .news-cast-section .news-cast-news-times.small-screen-news-time {
    display: none
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .news-cast-news-times.small-screen-news-time {
        display: flex
    }
}

.home .news-cast-section .news-cast-news-times .news-cast-news-time {
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    padding: 1.5px 10px;
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
    position: relative
}

@media screen and (max-width: 650px) {
    .home .news-cast-section .news-cast-news-times .news-cast-news-time {
        font-size: 13px;
        padding: 1px 8px
    }
}

@media screen and (max-width: 400px) {
    .home .news-cast-section .news-cast-news-times .news-cast-news-time {
        font-size: 10px;
        padding: 0 5px;
        font-weight: 300
    }
}

.home .news-cast-section .news-cast-news-times .news-cast-news-time.active {
    border: 1.5px solid #b90000;
    font-weight: bold;
    color: #b90000
}

.home .news-cast-section .news-cast-news-times .news-cast-news-time.active::after {
    content: "";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 13px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0%)
}

@media screen and (max-width: 650px) {
    .home .news-cast-section .news-cast-news-times .news-cast-news-time.active::after {
        top: 95%;
        font-size: 11px
    }
}

.home .news-cast-section .news-cast-header {
    display: flex;
    width: 100%;
    margin-bottom: 20px
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .news-cast-header {
        margin-bottom: 0
    }
}

.home .news-cast-section .news-cast-header .news-cast-title {
    position: relative;
    font-size: 41px;
    font-weight: 800;
    margin-inline-start: 0
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .news-cast-header .news-cast-title {
        font-size: 25px;
        margin-top: 0
    }
}

.home .news-cast-section .news-cast-header .news-cast-title::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 7px;
    height: 100%;
    background-color: #c51017;
    margin-inline-end: 10px
}

.home .news-cast-section .news-cast-header .news-cast-title .text {
    position: relative;
    padding-inline-start: 20px;
    transition: font-size .2s ease;
    margin: 0
}

.home .news-cast-section .news-cast {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    gap: 2%
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .news-cast {
        flex-direction: column-reverse;
        padding-top: 80px
    }
}

.home .news-cast-section .news-cast .chapters-header-mobile {
    display: none;
    justify-content: space-between;
    padding: 10.75px 15px;
    margin-top: 35px;
    background-color: #b90000;
    color: #fff
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .news-cast .chapters-header-mobile {
        display: flex
    }
}

.home .news-cast-section .news-cast .chapters-header-mobile .title .text {
    font-size: 15px;
    font-weight: 800
}

.home .news-cast-section .news-cast .chapters-header-mobile .archive {
    display: flex;
    align-items: center;
    gap: 9px
}

.home .news-cast-section .news-cast .chapters-header-mobile .archive .text {
    font-size: 11px;
    font-weight: normal
}

.home .news-cast-section .news-cast .chapters-header-mobile .archive .icon {
    font-size: 13px
}

.home .news-cast-section .news-cast .news-cast-news {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .news-cast .news-cast-news {
        width: 100%;
        margin-top: 0
    }
}

.home .news-cast-section .news-cast .news-cast-news .news-cast-news-header {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .news-cast .news-cast-news .news-cast-news-header {
        height: -moz-fit-content;
        height: fit-content
    }
}

.home .news-cast-section .news-cast .news-cast-news .news-cast-news-header .news-cast-news-title {
    font-size: 26px;
    font-weight: 800
}

@media screen and (max-width: 1024px) {
    .home .news-cast-section .news-cast .news-cast-news .news-cast-news-header .news-cast-news-title {
        font-size: 20px
    }
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .news-cast .news-cast-news .news-cast-news-header .news-cast-news-title {
        display: none
    }
}

.home .news-cast-section .news-cast .news-cast-news .news-cast-details {
    position: relative;
    display: flex;
    width: 100%;
    max-height: 85%;
    margin-top: 15px
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .news-cast .news-cast-news .news-cast-details {
        margin-top: 5px
    }
}

.home .news-cast-section .news-cast .news-cast-news .news-cast-details .image {
    height: 100%;
    width: 100%
}

.home .news-cast-section .news-cast .news-cast-news .news-cast-details .image img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.home .news-cast-section .news-cast .news-cast-news .news-cast-details .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 35px;
    background: #b90000;
    border-radius: 3px
}

.home .news-cast-section .news-cast .news-cast-news .news-cast-details .play-button img {
    width: auto;
    height: auto
}

.home .news-cast-section .news-cast .news-cast-news .news-cast-details .details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 1;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    background-color: rgba(0, 0, 0, .3);
    height: 90px;
    padding-inline-start: 25px;
    padding-inline-end: 25px;
    color: rgba(255, 255, 255, .68)
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .news-cast .news-cast-news .news-cast-details .details {
        height: 50px;
        padding-inline-start: 13px;
        padding-inline-end: 13px
    }
}

.home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .info {
    display: flex;
    font-size: 16px;
    gap: 5px;
    font-weight: bold;
    direction: ltr
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .info {
        flex-direction: column;
        gap: 0
    }
}

.home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .info .date {
    direction: ltr;
    text-align: end;
    color: rgba(255, 255, 255, .68);
    font-weight: normal
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .info .date {
        font-size: 12px
    }
}

.home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .info .time {
    font-weight: bold;
    text-align: center
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .info .time {
        display: none
    }
}

.home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .info .title-mobile {
    display: none;
    font-size: 19px;
    direction: ltr
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .info .title-mobile {
        display: block
    }
}

.home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .play-duration {
    display: flex;
    justify-content: space-between;
    gap: 15px
}

.home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .play-duration .duration {
    display: flex;
    align-items: center;
    font-weight: bold
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .play-duration .duration {
        font-size: 11px
    }
}

.home .news-cast-section .news-cast .news-cast-news .previous-newscasts {
    position: relative;
    display: none;
    align-self: flex-start;
    margin-top: 20px;
    padding-top: 20px;
    gap: 16px;
    font-size: 19px;
    color: #b90000;
    font-weight: 800;
    cursor: pointer
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .news-cast .news-cast-news .previous-newscasts {
        display: flex
    }
}

.home .news-cast-section .news-cast .news-cast-news .previous-newscasts::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 5px;
    background-color: #c51017;
    margin-inline-end: 10px
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .news-cast .news-cast-news .previous-newscasts {
        padding-top: 10px;
        gap: 5px;
        margin-top: 0
    }

    .home .news-cast-section .news-cast .news-cast-news .previous-newscasts .icon img {
        width: 12.5px
    }
}

.home .news-cast-section .more-buttons {
    display: flex;
    gap: 2%;
    width: 100%
}

.home .news-cast-section .more-buttons .previous-newscasts {
    position: relative;
    flex-basis: 60%;
    display: flex;
    align-self: flex-start;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer
}

.home .news-cast-section .more-buttons .previous-newscasts .content {
    position: relative;
    display: flex;
    gap: 16px;
    background-color: #1b2250;
    color: #fff;
    padding: 17px;
    width: 245px
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .more-buttons .previous-newscasts .content {
        width: -moz-fit-content;
        width: fit-content;
        padding: 2px 10px
    }
}

.home .news-cast-section .more-buttons .previous-newscasts .content::after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 13px;
    position: absolute;
    top: 50%;
    inset-inline-end: 20px;
    transform: translateY(-50%)
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .more-buttons .previous-newscasts .content::after {
        display: none
    }
}

.home .news-cast-section .more-buttons .previous-newscasts .content .text {
    text-wrap: nowrap;
    white-space: nowrap
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .more-buttons .previous-newscasts {
        display: none;
        padding-top: 10px;
        gap: 5px;
        margin-top: 0
    }

    .home .news-cast-section .more-buttons .previous-newscasts .icon img {
        width: 12.5px;
        color: #fff
    }
}

.home .news-cast-section .more-buttons .news-casts-archive {
    position: relative;
    display: flex;
    flex-basis: 40%;
    width: -moz-fit-content;
    width: fit-content;
    align-self: flex-start;
    gap: 16px;
    font-size: 15px;
    color: #fff9f9;
    font-weight: 800;
    cursor: pointer
}

.home .news-cast-section .more-buttons .news-casts-archive .content {
    background-color: #1b2250;
    width: 245px;
    position: relative;
    display: flex;
    gap: 16px;
    padding: 17px
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .more-buttons .news-casts-archive .content {
        width: -moz-fit-content;
        width: fit-content;
        padding: 5px 10px;
        margin-top: 15px
    }
}

.home .news-cast-section .more-buttons .news-casts-archive .content::after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 13px;
    position: absolute;
    top: 50%;
    inset-inline-end: 20px;
    transform: translateY(-50%)
}

@media screen and (max-width: 980px) {
    .home .news-cast-section .more-buttons .news-casts-archive .content::after {
        display: none
    }
}

.home .news-cast-section .more-buttons .news-casts-archive .content .text {
    text-wrap: nowrap;
    white-space: nowrap
}

.home .news-cast-section .more-buttons .news-casts-archive .icon i {
    color: #fff9f9
}

.home .highlights-stars-container {
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end)
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container {
        padding-inline-start: 0;
        padding-inline-end: 0;
        box-shadow: none
    }
}

.home .highlights-stars-container .section-content {
    display: flex;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content {
        flex-direction: column;
        background: #fff;
        padding: 0
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper {
    flex-basis: 90%
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .news-cast-section-content {
    padding-top: 0;
    margin-top: 0;
    border: 0
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .news-cast-section-content .news-cast-section {
    padding: 0;
    margin: 0;
    width: 100%
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper {
        width: 100%
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
    width: 100%
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section {
        padding: 0;
        box-shadow: none
    }

    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section.add-padding-top {
        padding-top: 80px
    }

    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section.add-padding-top .highlights-header .highlights-title .text {
        padding-top: 0
    }
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .around-highlight-horizontal {
        display: none
    }
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-header {
        padding-inline-start: 0;
        padding-top: 30px;
        padding-bottom: 15px
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-header .highlights-title {
    position: relative;
    font-size: 41px;
    font-weight: 800
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-header .highlights-title {
        font-size: 25px
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-header .highlights-title .text {
    padding-inline-start: 25px;
    color: #1e2131
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-header .highlights-title .text {
        padding-inline-start: 17px;
        margin-bottom: 0;
        padding-top: 7.5px
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-header .highlights-title::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 7px;
    height: 100%;
    background-color: #c51017
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row {
        flex-direction: column
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-basis: 62%
}

@media screen and (max-width: 1200px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight {
        flex-basis: 100%
    }
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight {
        width: 100%;
        padding: 0
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight::after {
    content: "";
    display: block;
    position: relative;
    bottom: 0;
    height: 1px;
    width: 100%;
    color: #707070;
    margin-bottom: 20px
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight::after {
        margin-bottom: 20px
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight {
    width: 100%
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight .highlight-image {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight .highlight-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight .highlight-content {
        padding-inline-start: var(--margin-start);
        padding-inline-end: var(--margin-end)
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight .highlight-content .highlight-title {
    font-size: 29px;
    padding-top: 25px;
    font-weight: bold;
    color: #1e2131
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight .highlight-content .highlight-title {
        font-size: 20px;
        padding-top: var(--margin-text-picture);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight .highlight-content .highlight-text {
    width: 85%;
    font-size: 15px
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight .highlight-content .highlight-text {
        width: 100%;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight .highlight-content .highlight-text .fa-ellipsis {
    background-color: #b2b2b2;
    color: #fff;
    height: 16px;
    font-size: 19px;
    padding-inline-start: 10px;
    padding-inline-end: 10px;
    border-radius: 10%;
    margin-top: 5px;
    margin-inline-start: 5px;
    position: absolute
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight .highlight-content .highlight-time {
    display: none;
    font-size: 10px;
    direction: ltr;
    text-align: end;
    color: #9c9c9c
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight .highlight-content .highlight-time {
        display: block;
        margin-top: 2px;
        margin-bottom: 0
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights {
    display: flex;
    flex-direction: column;
    flex-basis: 32%;
    gap: 30px
}

@media screen and (max-width: 1200px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights {
        display: none
    }
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights {
        display: flex;
        flex-direction: row;
        width: 100%;
        gap: 7px
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight {
        flex-basis: 50%;
        gap: var(--margin-text-picture)
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight .highlight-image {
    aspect-ratio: 16/9;
    width: 100%
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight .highlight-image {
        width: 100%
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight .highlight-image img {
    width: 100%
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight .highlight-content {
        padding-inline-start: var(--margin-start)
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight .highlight-content .highlight-title {
    font-size: 20px;
    font-weight: 800;
    color: #1e2131
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight .highlight-content .highlight-title {
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical
    }
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight .highlight-content .highlight-text {
        display: none
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight .highlight-content .highlight-time {
    display: none;
    font-size: 10px;
    direction: ltr;
    text-align: end;
    color: #9c9c9c
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight .highlight-content .highlight-time {
        display: block;
        margin: 0;
        margin-top: 2px
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-basis: 62%;
    padding-top: 20px;
    margin-top: 20px
}

@media screen and (max-width: 1200px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal {
        flex-basis: 100%
    }
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal {
        flex-direction: column-reverse;
        width: 100%;
        gap: var(--margin-text-picture);
        padding-top: 0;
        margin-top: 15px
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    inset-inline-start: 0;
    border-top: 1px solid rgba(112, 112, 112, .3)
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal::before {
        display: none !important
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-image {
    width: 100%;
    aspect-ratio: 16/9
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-content {
        font-size: 20px;
        font-weight: bold;
        padding-inline-start: var(--margin-start);
        padding-top: 0
    }

    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-content .highlight-title {
        font-size: 20px !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-content .highlight-title {
    font-weight: bold;
    color: #1e2131;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-content .highlight-time {
    display: none;
    font-size: 10px;
    font-weight: normal;
    direction: ltr;
    text-align: end;
    color: #9c9c9c
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-content .highlight-time {
        display: block;
        margin-bottom: 0;
        margin-top: 2px
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 1px;
    width: 100%;
    color: #707070
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-basis: 32%;
    padding-top: 20px;
    margin-top: 20px
}

@media screen and (max-width: 1200px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container {
        display: none
    }
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 7px;
        padding-top: 0;
        margin-top: 15px
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    inset-inline-start: 0;
    border-top: 1px solid rgba(112, 112, 112, .3)
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container::before {
        display: none !important
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm {
    flex-basis: 100%;
    width: 50%
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm:nth-child(2) {
    display: none
}

@media screen and (max-width: 1200px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm {
        display: none
    }
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm {
        display: flex;
        flex-direction: column;
        flex-basis: 50%
    }

    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm:nth-child(2) {
        display: flex
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm .highlight-image {
    width: 100%;
    aspect-ratio: 16/9
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm .highlight-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm .highlight-content {
    padding-top: 10px
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm .highlight-content {
        font-size: 14px;
        padding-top: var(--margin-text-picture);
        padding-inline-start: var(--margin-start)
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm .highlight-content .highlight-title {
    font-weight: 800;
    color: #1e2131;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm .highlight-content .highlight-time {
    display: none;
    font-size: 10px;
    direction: ltr;
    text-align: end;
    color: #9c9c9c
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm .highlight-content .highlight-time {
        display: block;
        margin-bottom: 0
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal {
    gap: 30px
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal {
        gap: var(--margin-text-picture)
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-content {
    flex-basis: 70%
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-content .highlight-title {
    font-size: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-image {
    aspect-ratio: 16/9
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-image {
        max-width: unset;
        width: 100%
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-image img {
    width: 100%
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 40px;
    gap: 30px
}

@media screen and (max-width: 1200px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg {
        flex-direction: column-reverse;
        gap: 20px
    }
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg {
        display: none;
        flex-direction: column-reverse;
        padding-inline-end: 15px
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg .highlight-content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    flex-basis: 45%
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg .highlight-content {
        gap: 10px;
        padding-inline-start: var(--margin-start)
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg .highlight-content .highlight-title {
    font-size: 29px;
    font-weight: bold;
    width: 70%
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg .highlight-content .highlight-title {
        font-size: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg .highlight-content .highlight-text {
    font-size: 17px;
    width: 90%
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg .highlight-content .highlight-text {
        font-size: 15px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg .highlight-image {
    flex-basis: 55%
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg .highlight-image {
        padding-top: 20px
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg .highlight-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-full-section {
    margin-top: 27px;
    padding-top: 30px
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-full-section {
        display: none
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-full-section .highlight .highlight-image {
    width: 100%;
    aspect-ratio: 16/9
}

.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-full-section .highlight .highlight-image img {
    width: 100%
}

.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-full-section .highlight .highlight-content {
    color: #000;
    padding-bottom: 30px;
    padding-top: 20px
}

.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-full-section .highlight .highlight-content .highlight-title {
    max-width: 80%;
    font-size: 29px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last {
    width: 100%
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last {
        display: none
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    padding-bottom: 30px
}

@media screen and (max-width: 1200px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight {
        flex-direction: column;
        padding-inline-end: 15px
    }

    .home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-image {
        width: 100% !important;
        aspect-ratio: 16/9
    }

    .home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-content {
        width: 100% !important
    }
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight {
        flex-direction: column
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-image {
    width: 40%;
    aspect-ratio: 16/9
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-image {
        width: 100%
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 70%;
    padding-top: 0
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-content {
        width: 100%
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-content .highlight-title {
    font-size: 29px;
    font-weight: bold
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-content .highlight-title {
        font-size: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-content .highlight-text {
    font-size: 17px;
    width: 100%
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-content .highlight-text {
        font-size: 15px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .more-highlights {
    color: #fff;
    font-size: 19px;
    font-weight: 800;
    position: relative;
    padding: 28px;
    padding-inline-start: 0;
    margin-inline-end: 28px;
    padding-bottom: 30px;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .more-highlights {
        margin-inline-start: var(--margin-start);
        margin-top: 0;
        padding-top: 10px;
        margin: auto
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .more-highlights .more-highlights-text {
    position: relative
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .more-highlights .more-highlights-text .text {
    padding: 17px;
    width: 245px;
    letter-spacing: -1.5px;
    background-color: #1b2250;
    margin-bottom: 0;
    font-size: 15px;
    cursor: pointer
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .more-highlights .more-highlights-text .text {
        width: -moz-fit-content;
        width: fit-content;
        padding: 2px 8px;
        margin-inline-end: var(--margin-start);
        font-size: 16px;
        letter-spacing: 0
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .more-highlights .more-highlights-text .text::after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 13px;
    position: absolute;
    top: 50%;
    inset-inline-end: 20px;
    transform: translateY(-50%)
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .more-highlights .more-highlights-text .text::after {
        display: none
    }
}

@media screen and (min-width: 981px) {
    .home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section {
        display: none
    }
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section .hashtags-wrapper {
    position: relative
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section .hashtags-wrapper .text {
    margin-bottom: 0
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section .hashtags-wrapper .hashtags-articles-container {
    padding: 0 var(--margin-start);
    padding-top: 85px
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section .hashtags-wrapper .hashtags-articles-container .hashtag-article {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px rgba(0, 0, 0, .25) solid
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section .hashtags-wrapper .hashtags-articles-container .hashtag-article:last-child {
    margin: 0;
    padding: 0;
    border: 0
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section .hashtags-wrapper .hashtags-articles-container .hashtag-article p {
    color: #1e2131;
    font-weight: 800;
    font-size: var(--bs-body-font-size);
    margin-bottom: 0;
    line-height: 1.2
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section .hashtags-wrapper .hashtags-articles-container .hashtag-videos {
    width: 100%;
    padding-top: 30px
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section .hashtags-wrapper .hashtags-articles-container .hashtag-videos::-webkit-scrollbar {
    display: none
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section .hashtags-wrapper .hashtags-articles-container .hashtag-videos .hashtag-videos-wrapper {
    display: flex;
    gap: 20px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section .hashtags-wrapper .hashtags-articles-container .hashtag-videos .hashtag-videos-wrapper .search-result-chapter {
    width: 230px;
    flex: 0 0 auto
}

.home .highlights-stars-container .section-content .stars-section {
    position: sticky;
    display: flex;
    flex-direction: column;
    padding-inline-start: 33px;
    width: 333px;
    top: calc(var(--header-height) + 20px);
    height: -moz-min-content;
    height: min-content;
    font-weight: 800;
    gap: 20px
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .stars-section {
        flex-direction: column;
        gap: unset;
        padding-inline-end: var(--margin-end);
        padding-inline-start: var(--margin-start);
        width: 100%;
        top: calc(var(--header-height) + 20px);
        height: -moz-min-content;
        height: min-content;
        background-color: #fff;
        border-top: rgba(0, 0, 0, .25) 1px solid;
        margin-top: 30px
    }
}

.home .highlights-stars-container .section-content .stars-section .stars-header .stars-title {
    margin-inline-start: 0;
    margin-top: 0
}

.home .highlights-stars-container .section-content .stars-section .stars-header .stars-title .text {
    font-size: 41px;
    margin-bottom: 0
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .stars-section .stars-header .stars-title .text {
        font-size: 25px
    }
}

.home .highlights-stars-container .section-content .stars-section .stars-header .stars-title .text::before {
    height: 100%;
    width: 7px
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .stars-section .stars-news {
        padding-inline-start: 0;
        padding-top: 80px
    }
}

.home .highlights-stars-container .section-content .stars-section .stars-news .star-news {
    color: #1e2131
}

.home .highlights-stars-container .section-content .stars-section .stars-news .stars-separator {
    margin-top: 10px;
    margin-bottom: 7px
}

.home .highlights-stars-container .section-content .stars-section .stars-news .stars-separator:last-child {
    display: none
}

.home .highlights-stars-container .section-content .stars-section .stars-news .separator {
    margin-bottom: 10px
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .stars-section .stars-news .separator {
        display: none
    }
}

.home .highlights-stars-container .section-content .stars-section .all-news {
    color: #b90000;
    cursor: pointer
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .stars-section .all-news {
        display: none
    }
}

.home .highlights-stars-container .section-content .stars-section .mobile {
    display: none;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    padding-top: 35px
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .stars-section .mobile {
        display: block
    }

    .home .highlights-stars-container .section-content .stars-section .mobile::before {
        content: "";
        display: block;
        position: absolute;
        top: 20px;
        inset-inline-start: 0;
        width: 100%;
        height: 3px;
        background-color: #c51017
    }
}

.home .highlights-stars-container .section-content .stars-section .stars-section-google-ad {
    background-color: rgba(0, 0, 0, .1);
    overflow: hidden
}

@media screen and (max-width: 980px) {
    .home .highlights-stars-container .section-content .stars-section .stars-section-google-ad {
        display: none
    }
}

.home .economy-section {
    background: #fff;
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
    padding-top: 30px
}

@media screen and (max-width: 980px) {
    .home .economy-section {
        flex-direction: column;
        padding-inline-start: 0;
        padding-inline-end: 0;
        padding-top: unset
    }
}

@media screen and (max-width: 980px) {
    .home .economy-section .main-economy-news {
        display: flex;
        flex-direction: column-reverse
    }
}

.home .economy-section .section-content {
    display: flex;
    justify-content: space-between;
    gap: 80px
}

@media screen and (max-width: 980px) {
    .home .economy-section .section-content {
        flex-direction: column;
        gap: 0;
        padding-top: 30px;
        position: relative
    }
}

.home .economy-section .section-content .economy-news {
    width: 60%
}

@media screen and (max-width: 980px) {
    .home .economy-section .section-content .economy-news {
        width: 100%;
        padding-top: 50px
    }
}

.home .economy-section .section-content .economy-news .economy-header {
    position: relative;
    font-size: 41px;
    font-weight: bold
}

.home .economy-section .section-content .economy-news .economy-title {
    padding-inline-start: 20px;
    font-weight: 800
}

.home .economy-section .section-content .economy-news .economy-title .text {
    color: #1e2131
}

@media screen and (max-width: 980px) {
    .home .economy-section .section-content .economy-news .economy-title .text {
        font-size: 25px
    }
}

.home .economy-section .section-content .economy-news .economy-header-line {
    width: 100%;
    margin-bottom: 0;
    margin-inline-start: 25px
}

@media screen and (max-width: 980px) {
    .home .economy-section .section-content .economy-news .economy-header-line {
        display: none
    }
}

.home .economy-section .section-content .economy-news .economy-news-title {
    font-size: 29px;
    font-weight: bold;
    color: #1e2131;
    padding: 30px 0
}

@media screen and (max-width: 980px) {
    .home .economy-section .section-content .economy-news .economy-news-title {
        font-size: 20px;
        padding-inline-start: 0;
        padding-bottom: 20px;
        padding-top: var(--margin-text-picture);
        padding-inline-start: var(--margin-start);
        padding-inline-end: var(--margin-end)
    }
}

.home .economy-section .section-content .economy-news .economy-news-image {
    width: 100%
}

@media screen and (max-width: 980px) {
    .home .economy-section .section-content .economy-news .economy-news-image {
        margin-inline-start: 0
    }
}

.home .economy-section .section-content .economy-news .economy-news-image img {
    width: 100%;
    aspect-ratio: 16/9
}

.home .economy-section .section-content .economy-news .economy-news-details {
    width: 100%;
    padding-inline-start: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
    color: #111
}

@media screen and (max-width: 980px) {
    .home .economy-section .section-content .economy-news .economy-news-details {
        display: none
    }
}

.home .economy-section .section-content .economy-stats {
    display: flex;
    flex-direction: column;
    color: #111;
    margin-top: 24px;
    width: 35%
}

@media screen and (max-width: 980px) {
    .home .economy-section .section-content .economy-stats {
        padding-top: 0;
        margin-top: 0;
        width: 100%
    }
}

.home .economy-section .section-content .economy-stats .stats-container {
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 980px) {
    .home .economy-section .section-content .economy-stats .stats-container {
        flex-direction: row;
        gap: 10px;
        padding-bottom: 0
    }
}

.home .economy-section .section-content .economy-stats .stats-container .stat {
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 20px
}

@media screen and (max-width: 980px) {
    .home .economy-section .section-content .economy-stats .stats-container .stat {
        justify-content: flex-end;
        width: 50%
    }
}

.home .economy-section .section-content .economy-stats .stats-container .stat .stat-title {
    font-weight: 800;
    font-size: 20px;
    color: #1e2131;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 980px) {
    .home .economy-section .section-content .economy-stats .stats-container .stat .stat-title {
        font-size: 17px;
        padding-inline-start: 2px;
        padding-bottom: unset;
        padding-top: 5px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical
    }
}

.home .economy-section .section-content .economy-stats .stats-container .stat .stat-image {
    width: 100%
}

.home .economy-section .section-content .economy-stats .stats-container .stat .stat-image img {
    width: 100%;
    aspect-ratio: 16/9
}

@media screen and (max-width: 980px) {
    .home .economy-section .section-content .economy-stats .all-economy-news {
        padding: 0 var(--margin-start);
        padding-bottom: 30px
    }
}

.home .basketball-section {
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end)
}

@media screen and (max-width: 980px) {
    .home .basketball-section {
        padding-inline-start: 0;
        padding-inline-end: 0
    }
}

.home .basketball-section .basketball-wrapper {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 1024px) {
    .home .basketball-section .basketball-wrapper {
        flex-wrap: wrap
    }
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper {
        flex-direction: column
    }
}

.home .basketball-section .basketball-wrapper .basketball-scores {
    flex-basis: 54%
}

@media screen and (max-width: 1024px) {
    .home .basketball-section .basketball-wrapper .basketball-scores {
        flex-basis: 100%
    }
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-scores {
        width: 100%;
        padding-inline-start: var(--margin-start);
        padding-inline-end: var(--margin-end)
    }
}

.home .basketball-section .basketball-wrapper .basketball-scores .basketball-scores-header .basketball-scores-title {
    position: relative;
    font-size: 41px;
    font-weight: bold;
    padding-top: 40px;
    padding-bottom: 40px
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-scores .basketball-scores-header .basketball-scores-title {
        font-size: 25px;
        padding-bottom: 30px
    }
}

.home .basketball-section .basketball-wrapper .basketball-scores .basketball-scores-header .basketball-scores-title::before {
    content: "";
    display: none;
    position: absolute;
    top: 50px;
    width: 7px;
    height: 50px;
    background: #c51017
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-scores .basketball-scores-header .basketball-scores-title::before {
        display: block;
        top: 35px
    }
}

.home .basketball-section .basketball-wrapper .basketball-scores .basketball-scores-header .basketball-scores-title .basketball-scores-text {
    font-weight: 800;
    color: #1e2131
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-scores .basketball-scores-header .basketball-scores-title .basketball-scores-text {
        padding-inline-start: 30px
    }
}

.home .basketball-section .basketball-wrapper .basketball-scores .basketball-options {
    display: none;
    padding-inline-start: 5px;
    gap: 20px
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-scores .basketball-options {
        display: flex
    }
}

.home .basketball-section .basketball-wrapper .basketball-scores .basketball-options .basketball-option {
    flex-basis: 50%;
    color: #1e2131
}

.home .basketball-section .basketball-wrapper .basketball-scores .basketball-options .basketball-option label {
    width: 100%;
    font-size: 20px;
    font-weight: 800;
    transition: all .3s ease-in-out
}

.home .basketball-section .basketball-wrapper .basketball-scores .basketball-options .basketball-option label p {
    margin-bottom: 12px
}

.home .basketball-section .basketball-wrapper .basketball-scores .basketball-options .basketball-option label::after {
    content: "";
    display: block;
    position: relative;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #707070;
    margin-bottom: 20px;
    transition: all .3s ease-in-out
}

.home .basketball-section .basketball-wrapper .basketball-scores .basketball-options .basketball-option input[type=radio] {
    display: none;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    border: 2px solid rgba(255, 255, 255, .5);
    outline: 0;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.home .basketball-section .basketball-wrapper .basketball-scores .basketball-options .basketball-option input[type=radio]:checked + label {
    color: #b90000
}

.home .basketball-section .basketball-wrapper .basketball-scores .basketball-options .basketball-option input[type=radio]:checked + label::after {
    background: #b90000
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores {
    width: 100%
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .latest {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .team1 {
    display: flex;
    align-items: center
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .team1 {
        flex-direction: column
    }
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .team1 .team-logo {
        width: 57px;
        height: 57px
    }
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .team1 .team-logo img {
    width: 100%;
    height: 100%
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .team1 .team-name {
    font-weight: 500;
    color: #818181;
    font-size: 15px
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .score-date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 35%
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .score-date .score {
    font-size: 52px;
    font-weight: bold
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .score-date .score {
        font-size: 32px
    }
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .score-date .date {
    color: #c1c1c1;
    font-size: 19px;
    font-weight: bold;
    direction: ltr;
    text-wrap: nowrap;
    white-space: nowrap
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .score-date .date {
        font-size: 13px
    }
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .team2 {
    display: flex;
    align-items: center
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .team2 {
        flex-direction: column-reverse
    }
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .team2 .team-logo {
        width: 57px;
        height: 57px
    }
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .team2 .team-logo img {
    width: 100%;
    height: 100%
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .team2 .team-name {
    font-weight: 500;
    color: #818181;
    font-size: 15px
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games {
    display: flex;
    flex-direction: column;
    padding-inline-end: 20px;
    padding-inline-start: 20px;
    padding-top: 20px
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games hr {
        margin-inline-start: 0 !important;
        margin-inline-end: 0 !important
    }
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game {
    display: flex;
    align-items: center
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game {
        align-items: flex-start
    }
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .team1 {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-basis: 27.5%;
    justify-content: flex-start
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .team1 {
        gap: 10px;
        flex-basis: 40%
    }
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .team1 .team-logo {
    width: 23px;
    height: 23px
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .team1 .team-logo img {
    width: 100%;
    height: 100%
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .team1 .team-name {
    font-size: 15px;
    color: #818181
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 45%
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date {
        display: none
    }
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date .team1-score {
    font-weight: bold
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date .date {
    color: #c1c1c1;
    font-weight: 200;
    font-size: 12px;
    direction: ltr;
    font-weight: 500
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date .date {
        font-size: 10px
    }
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date .team2-score {
    font-weight: bold
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date-mobile {
    display: none
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date-mobile {
        display: flex;
        position: relative;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: -moz-fit-content;
        width: fit-content;
        height: 100%;
        text-align: center;
        flex-basis: 20%
    }
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date-mobile .score {
    height: -moz-fit-content;
    height: fit-content;
    font-weight: bold;
    color: #000
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date-mobile .score.empty {
    padding-top: 0
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date-mobile .date-container {
    position: relative;
    display: flex;
    justify-content: center;
    height: 25px
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date-mobile .date-container .date {
    position: absolute;
    top: 10%;
    color: #c1c1c1;
    font-weight: 500;
    font-size: 12px;
    direction: ltr;
    text-wrap: nowrap;
    white-space: nowrap
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .team2 {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-basis: 27.5%;
    justify-content: flex-end
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .team2 {
        gap: 10px;
        flex-basis: 40%
    }
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .team2 .team-name {
    font-size: 15px;
    color: #818181
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .team2 .team-logo {
    width: 23px;
    height: 23px
}

.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .team2 .team-logo img {
    width: 100%;
    height: 100%
}

.home .basketball-section .basketball-wrapper .basketball-ranks {
    display: flex;
    flex-direction: column;
    flex-basis: 15%;
    height: 370px
}

@media screen and (max-width: 1024px) {
    .home .basketball-section .basketball-wrapper .basketball-ranks {
        flex-basis: 75%
    }
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-ranks {
        display: none;
        width: 100%
    }
}

.home .basketball-section .basketball-wrapper .basketball-ranks .rank-header {
    color: #b90000;
    font-size: 28px;
    padding-top: 50px;
    padding-bottom: 50px;
    font-weight: 800
}

.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper {
    position: relative;
    overflow: hidden
}

.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper * {
    font-weight: bold
}

.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper .swiper-wrapper .rank {
    display: flex;
    justify-content: space-between;
    height: 30px !important;
    width: 91%;
    padding-inline-start: 15px
}

.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper .swiper-wrapper .rank .position {
    font-weight: 800
}

.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper .swiper-wrapper .rank .team-score {
    display: flex;
    gap: 17px
}

@media screen and (max-width: 1024px) {
    .home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper .swiper-wrapper .rank .team-score {
        gap: 90px
    }
}

.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper .swiper-wrapper .rank .team-score .team {
    font-weight: 500
}

.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper .swiper-wrapper .rank .team-score .score {
    font-weight: 800
}

.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper .basketball-swiper-scrollbar {
    position: absolute;
    inset-inline-start: 3px;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #000
}

.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper .basketball-swiper-scrollbar .swiper-scrollbar-drag {
    top: 0 !important;
    background: #000 !important;
    inset-inline-start: -1.75px
}

.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper .basketball-swiper-scrollbar .swiper-scrollbar-vertical {
    background: rgba(0, 0, 0, .5) !important
}

.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper .basketball-swiper-scrollbar .swiper-scrollbar-vertical .swiper-scrollbar-drag {
    width: 6px;
    height: 50px;
    background-color: #000;
    border-radius: 0
}

.home .basketball-section .basketball-wrapper .basketball-news {
    flex-basis: 15%;
    padding-top: 50px
}

@media screen and (max-width: 1024px) {
    .home .basketball-section .basketball-wrapper .basketball-news {
        flex-basis: 20%
    }
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-news {
        display: flex;
        gap: 2px;
        width: 100%
    }
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-news .news {
        padding-bottom: 30px;
        flex-basis: 50%
    }
}

.home .basketball-section .basketball-wrapper .basketball-news .news .news-image img {
    width: 100%
}

.home .basketball-section .basketball-wrapper .basketball-news .news .news-content {
    font-size: 15.5px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 13px;
    color: #1e2131
}

@media screen and (max-width: 980px) {
    .home .basketball-section .basketball-wrapper .basketball-news .news .news-content {
        padding-inline-start: 7px
    }
}

.home .basketball-section .all-news {
    display: flex;
    color: #b90000;
    font-size: 19px;
    cursor: pointer;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: -15px;
    padding-bottom: 50px;
    padding-inline-start: 20px
}

.home .basketball-section .all-news .all-news-wrapper {
    position: relative;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    gap: 20px;
    background-color: #1b2250;
    color: #fff;
    padding: 17px;
    font-size: 15px;
    width: 245px
}

@media screen and (max-width: 980px) {
    .home .basketball-section .all-news .all-news-wrapper {
        width: -moz-fit-content;
        width: fit-content;
        padding: 5px 10px;
        font-size: 16px
    }
}

.home .basketball-section .all-news .all-news-wrapper::after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 13px;
    position: absolute;
    top: 50%;
    inset-inline-end: 20px;
    transform: translateY(-50%)
}

@media screen and (max-width: 980px) {
    .home .basketball-section .all-news .all-news-wrapper::after {
        display: none
    }
}

@media screen and (max-width: 980px) {
    .home .basketball-section .all-news .all-news-wrapper {
        gap: 13px
    }
}

.home .basketball-section .all-news .all-news-wrapper .fa-basketball {
    margin-top: 20px
}

.home .basketball-section .all-news .all-news-wrapper .text {
    font-weight: 800
}

.home .vod-popup-ad-container {
    position: absolute;
    height: calc(100% - 20px);
    top: 0;
    inset-inline-start: 25px;
    pointer-events: none
}

.home .vod-popup-ad {
    position: sticky;
    top: calc(100% - 210px);
    width: 300px;
    height: 190px;
    z-index: 10;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, .62745098);
    transition: all .3s ease-in-out
}

.home .vod-popup-ad.vod-popup-close:not(.popup-opened-permanently) {
    box-shadow: none;
    width: 70px;
    height: 70px;
    cursor: pointer;
    top: calc(100% - 75px)
}

.home .vod-popup-ad.vod-popup-close:not(.popup-opened-permanently) .popup-image {
    height: 66px;
    width: 66px;
    border: 2px solid #b90000;
    border-radius: 50%;
    background-color: #1b2250
}

.home .vod-popup-ad.vod-popup-close:not(.popup-opened-permanently) .popup-image img {
    display: none;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 3px;
    -o-object-fit: contain;
    object-fit: contain
}

.home .vod-popup-ad.vod-popup-close:not(.popup-opened-permanently) .popup-image .logo {
    display: block
}

.home .vod-popup-ad.vod-popup-close:not(.popup-opened-permanently) .popup-image .fa-xmark {
    display: none
}

.home .vod-popup-ad.vod-popup-close:not(.popup-opened-permanently) .popup-button {
    max-height: 0;
    max-width: 0;
    z-index: -1
}

@media screen and (max-width: 980px) {
    .home .vod-popup-ad {
        display: none
    }
}

.home .vod-popup-ad .vod-popup-ad-swiper {
    width: 300px;
    height: -moz-fit-content;
    height: fit-content
}

.home .vod-popup-ad .popup-image {
    position: relative;
    width: 300px;
    aspect-ratio: 16/8;
    overflow: hidden;
    transition: all .3s ease-in-out
}

.home .vod-popup-ad .popup-image img {
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out;
    -o-object-fit: cover;
    object-fit: cover
}

.home .vod-popup-ad .popup-image .logo {
    display: none
}

.home .vod-popup-ad .popup-image .fa-xmark {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    color: #fff;
    font-size: 19px;
    padding: 15px;
    cursor: pointer;
    z-index: 2
}

.home .vod-popup-ad .popup-button {
    width: 100%;
    max-width: 320px;
    max-height: 60px;
    transition: all .3s ease-in-out;
    overflow: hidden
}

.home .vod-popup-ad .popup-button .button {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
    gap: 30px;
    width: 100%;
    background-color: #b90000;
    padding: 12px
}

.home .vod-popup-ad .popup-button .button .vod-icon {
    display: flex;
    align-items: center;
    padding-inline-end: 30px
}

.home .vod-popup-ad .popup-button .button .vod-icon i {
    color: #fff;
    font-size: 19px
}

.home .vod-popup-ad .popup-button .button .text {
    text-align: center;
    font-weight: 800;
    font-size: 18px;
    color: #fff
}

.home .scroll-to-top {
    position: fixed;
    bottom: 20px;
    inset-inline-end: 30px;
    z-index: 99;
    cursor: pointer;
    font-size: 18px;
    color: #1b2250
}

@media screen and (max-width: 980px) {
    .home .scroll-to-top {
        display: none
    }
}

@media screen and (max-width: 980px) {
    .home .news-section .top-section {
        flex-direction: column;
        height: -moz-fit-content;
        height: fit-content
    }

    .home .news-section .top-section .banner {
        width: 100%
    }

    .home .news-section .top-section .news {
        width: 100%
    }

    .home .news-section .top-section .news .homepage-news-swiper {
        position: relative;
        height: -moz-fit-content;
        height: fit-content
    }

    .home .news-section .top-section .news .homepage-news-swiper .news-wrapper {
        width: 100%;
        overflow: hidden;
        padding-inline-start: 0
    }

    .home .news-section .top-section .news .homepage-news-swiper .news-wrapper .news-item {
        height: 70px !important
    }

    .swiper-scrollbar.swiper-scrollbar-vertical {
        display: none
    }
}