@charset "UTF-8";

@keyframes plyr-progress {
    to {
        background-position: 25px 0;
        background-position: var(--plyr-progress-loading-size, 25px) 0
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plyr-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: 1.7;
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
    z-index: 0
}

.plyr audio,
.plyr iframe,
.plyr video {
    display: block;
    height: 100%;
    width: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr:focus {
    outline: 0
}

.plyr--full-ui {
    box-sizing: border-box
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
    box-sizing: inherit
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
    touch-action: manipulation
}

.plyr__badge {
    background: #4a5464;
    background: var(--plyr-badge-background, #4a5464);
    border-radius: 2px;
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: #fff;
    color: var(--plyr-badge-text-color, #fff);
    font-size: 9px;
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%
}

.plyr__captions span:empty {
    display: none
}

@media (min-width:480px) {
    .plyr__captions {
        font-size: 15px;
        font-size: var(--plyr-font-size-base, 15px);
        padding: 20px;
        padding: calc(var(--plyr-control-spacing, 10px)*2)
    }
}

@media (min-width:768px) {
    .plyr__captions {
        font-size: 18px;
        font-size: var(--plyr-font-size-large, 18px)
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform: translateY(-40px);
    transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}

.plyr__caption {
    background: #000c;
    background: var(--plyr-captions-background, #000c);
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    color: var(--plyr-captions-text-color, #fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

.plyr__caption div {
    display: inline
}

.plyr__control {
    background: #0000;
    border: 0;
    border-radius: 4px;
    border-radius: var(--plyr-control-radius, 4px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7);
    position: relative;
    transition: all .3s ease
}

.plyr__control svg {
    fill: currentColor;
    display: block;
    height: 18px;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    width: 18px;
    width: var(--plyr-control-icon-size, 18px)
}

.plyr__control:focus {
    outline: 0
}

.plyr__control:focus-visible {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

a.plyr__control {
    text-decoration: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
    display: none
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0
}

.plyr__controls .plyr__controls__item {
    margin-left: 2.5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/ 4)
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: 2.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)/ 4)
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 5px;
    padding: 0 calc(var(--plyr-control-spacing, 10px)/ 2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__menu {
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    transition: transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: #ffffffe6;
    background: var(--plyr-menu-background, #ffffffe6);
    border-radius: 8px;
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    box-shadow: 0 1px 2px #00000026;
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px #00000026);
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

.plyr__menu__container>div {
    overflow: hidden;
    transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}

.plyr__menu__container:after {
    border: 4px solid #0000;
    border-top-color: #ffffffe6;
    border: var(--plyr-menu-arrow-size, 4px) solid #0000;
    border-top-color: var(--plyr-menu-background, #ffffffe6);
    content: "";
    height: 0;
    position: absolute;
    right: 14px;
    right: calc(var(--plyr-control-icon-size, 18px)/ 2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/ 2);
    top: 100%;
    width: 0
}

.plyr__menu__container [role=menu] {
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    align-items: center;
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    display: flex;
    font-size: 13px;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding: 4.66667px 10.5px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.plyr__menu__container .plyr__control>span {
    align-items: inherit;
    display: flex;
    width: 100%
}

.plyr__menu__container .plyr__control:after {
    border: 4px solid #0000;
    border: var(--plyr-menu-item-arrow-size, 4px) solid #0000;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right: 28px;
    padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}

.plyr__menu__container .plyr__control--forward:after {
    border-left-color: #728197;
    border-left-color: var(--plyr-menu-arrow-color, #728197);
    right: 6.5px;
    right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color: initial
}

.plyr__menu__container .plyr__control--back {
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    margin: 7px;
    margin: calc(var(--plyr-control-spacing, 10px)*.7);
    margin-bottom: 3.5px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
    padding-left: 28px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
    position: relative;
    width: calc(100% - 14px);
    width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}

.plyr__menu__container .plyr__control--back:after {
    border-right-color: #728197;
    border-right-color: var(--plyr-menu-arrow-color, #728197);
    left: 6.5px;
    left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back:before {
    background: #dcdfe5;
    background: var(--plyr-menu-back-border-color, #dcdfe5);
    box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: 3.5px;
    margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
    border-right-color: initial
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: 7px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    background: #0000001a;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
    transition: all .3s ease;
    width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease, opacity .3s ease;
    width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: #00b2ff;
    background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
    background: #23282f1a
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: -5px;
    margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);
    overflow: hidden;
    padding-left: 24.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
    pointer-events: none
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    background: #0000;
    border: 0;
    border-radius: 26px;
    border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
    color: #00b2ff;
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    display: block;
    height: 19px;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: #0000;
    background-image: linear-gradient(90deg, currentColor 0, #0000 0);
    background-image: linear-gradient(to right, currentColor var(--value, 0), #0000 var(--value, 0));
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: -4px;
    margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/ 2*-1);
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: #0000;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px)
}

.plyr--full-ui input[type=range]::-ms-track {
    color: #0000
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
    background: #0000;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: #0000;
    background: currentColor;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: 0;
    position: relative;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr--full-ui input[type=range]:focus {
    outline: 0
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

.plyr__poster {
    background-color: #000;
    background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
    display: none
}

.plyr__time {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__time+.plyr__time:before {
    content: "⁄";
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px)
}

@media (max-width:767px) {
    .plyr__time+.plyr__time {
        display: none
    }
}

.plyr__tooltip {
    background: #fff;
    background: var(--plyr-tooltip-background, #fff);
    border-radius: 5px;
    border-radius: var(--plyr-tooltip-radius, 5px);
    bottom: 100%;
    box-shadow: 0 1px 2px #00000026;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
    color: #4a5464;
    color: var(--plyr-tooltip-color, #4a5464);
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/ 2*2);
    opacity: 0;
    padding: 5px 7.5px;
    padding: calc(var(--plyr-control-spacing, 10px)/ 2) calc(var(--plyr-control-spacing, 10px)/ 2*1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip:before {
    border-left: 4px solid #0000;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
    border-right: 4px solid #0000;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
    border-top: 4px solid #fff;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
    left: 16px;
    left: calc(var(--plyr-control-icon-size, 18px)/ 2 + var(--plyr-control-spacing, 10px)*.7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
    left: auto;
    right: 16px;
    right: calc(var(--plyr-control-icon-size, 18px)/ 2 + var(--plyr-control-spacing, 10px)*.7);
    transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0) scale(1)
}

.plyr__progress {
    left: 6.5px;
    left: calc(var(--plyr-range-thumb-height, 13px)*.5);
    margin-right: 13px;
    margin-right: var(--plyr-range-thumb-height, 13px);
    position: relative
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
    margin-left: -6.5px;
    margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    margin-right: -6.5px;
    margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    width: calc(100% + 13px);
    width: calc(100% + var(--plyr-range-thumb-height, 13px))
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    left: 0;
    max-width: 120px;
    overflow-wrap: break-word
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: #0000;
    border: 0;
    border-radius: 100px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: -2.5px;
    margin-top: calc((var(--plyr-range-track-height, 5px)/ 2)*-1);
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: #0000
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -moz-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    -ms-transition: width .2s ease;
    transition: width .2s ease
}

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, #23282f99 25%, #0000 0, #0000 50%, #23282f99 0, #23282f99 75%, #0000 0, #0000);
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, #23282f99) 25%, #0000 25%, #0000 50%, var(--plyr-progress-loading-background, #23282f99) 50%, var(--plyr-progress-loading-background, #23282f99) 75%, #0000 75%, #0000);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
    color: #0000
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: #ffffff40;
    background-color: var(--plyr-video-progress-buffered-background, #ffffff40)
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-progress-buffered-background, #c1c8d199)
}

.plyr__progress__marker {
    background-color: #fff;
    background-color: var(--plyr-progress-marker-background, #fff);
    border-radius: 1px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    width: var(--plyr-progress-marker-width, 3px);
    z-index: 3
}

.plyr__volume {
    align-items: center;
    display: flex;
    position: relative
}

.plyr__volume input[type=range] {
    margin-left: 5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/ 2);
    margin-right: 5px;
    margin-right: calc(var(--plyr-control-spacing, 10px)/ 2);
    max-width: 90px;
    min-width: 60px;
    position: relative;
    z-index: 2
}

.plyr--audio {
    display: block
}

.plyr--audio .plyr__controls {
    background: #fff;
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: #4a5464;
    color: var(--plyr-audio-control-color, #4a5464);
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px)
}

.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background: #00b2ff;
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: #fff;
    color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}

.plyr--audio .plyr__progress__buffer {
    color: #c1c8d199;
    color: var(--plyr-audio-progress-buffered-background, #c1c8d199)
}

.plyr--video {
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: #000;
    background: var(--plyr-video-background, var(--plyr-video-background, #000));
    border-radius: inherit;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 16/9
}

@supports not (aspect-ratio:16/9) {

    .plyr__video-embed,
    .plyr__video-wrapper--fixed-ratio {
        height: 0;
        padding-bottom: 56.25%;
        position: relative
    }
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
    background: linear-gradient(#0000, #000000bf);
    background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: 5px;
    padding: calc(var(--plyr-control-spacing, 10px)/ 2);
    padding-top: 20px;
    padding-top: calc(var(--plyr-control-spacing, 10px)*2);
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    z-index: 3
}

@media (min-width:480px) {
    .plyr--video .plyr__controls {
        padding: 10px;
        padding: var(--plyr-control-spacing, 10px);
        padding-top: 35px;
        padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%)
}

.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: #00b2ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: #fff;
    color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
    background: #00b2ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    border: 0;
    border-radius: 100%;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: 15px;
    padding: calc(var(--plyr-control-spacing, 10px)*1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    z-index: 2
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    opacity: 1
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}

.plyr--video .plyr__progress__buffer {
    color: #ffffff40;
    color: var(--plyr-video-progress-buffered-background, #ffffff40)
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media (min-width:1024px) {
    .plyr:fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

@media (min-width:1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.plyr__ads>div,
.plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.plyr__ads:after {
    background: #23282f;
    border-radius: 2px;
    bottom: 10px;
    bottom: var(--plyr-control-spacing, 10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3
}

.plyr__ads:empty:after {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: #fff;
    background-color: var(--plyr-tooltip-background, #fff);
    border-radius: 8px;
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    box-shadow: 0 1px 2px #00000026;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/ 2*2);
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    transform: translateY(10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0) scale(1)
}

.plyr__preview-thumb:before {
    border-left: 4px solid #0000;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
    border-right: 4px solid #0000;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
    border-top: 4px solid #fff;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: calc(50% + var(--preview-arrow-offset));
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: 7px;
    border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr__preview-thumb__image-container:after {
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px #00000026;
    content: "";
    pointer-events: none
}

.plyr__preview-thumb__image-container img {
    max-height: none;
    max-width: none
}

.plyr__preview-thumb__time-container {
    background: linear-gradient(#0000, #000000bf);
    background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
    border-bottom-left-radius: 7px;
    border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    border-bottom-right-radius: 7px;
    border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    bottom: 0;
    left: 0;
    line-height: 1.1;
    padding: 20px 6px 6px;
    position: absolute;
    right: 0;
    z-index: 3
}

.plyr__preview-thumb__time-container span {
    color: #fff;
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    transition: none !important
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.plyr [hidden] {
    display: none !important
}

/*!
 * Bootstrap v5.1.3 (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: #808080;
    --bs-gray-dark: #222;
    --bs-gray-100: #f0f0f0;
    --bs-gray-200: #e5e5e5;
    --bs-gray-300: #ddd;
    --bs-gray-400: #ccc;
    --bs-gray-500: #b3b3b3;
    --bs-gray-600: #808080;
    --bs-gray-700: #4d4d4d;
    --bs-gray-800: #222;
    --bs-gray-900: #15191c;
    --bs-primary: #d22630;
    --bs-secondary: #00a3e0;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f0f0f0;
    --bs-dark: #4d4d4d;
    --bs-primary-rgb: 210, 38, 48;
    --bs-secondary-rgb: 0, 163, 224;
    --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: 240, 240, 240;
    --bs-dark-rgb: 77, 77, 77;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 21, 25, 28;
    --bs-body-color-rgb: 21, 25, 28;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, PingFang TC, PingFang HK, miui, Noto Sans, sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #15191c;
    --bs-body-bg: #fff
}

.btns {
    --btn-spacing: 8px;
    display: flex;
    flex-wrap: wrap;
    margin: calc(-1 * var(--btn-spacing)/ 2)
}

.btns>.btn {
    margin: calc(var(--btn-spacing)/ 2)
}

.btns--center {
    justify-content: center
}

.btn {
    --btn-padding-x: 20px;
    --btn-padding-y: 14px;
    padding: 0;
    color: inherit;
    background-color: transparent;
    border: none;
    outline: 0;
    appearance: none;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    padding: var(--btn-padding-y) var(--btn-padding-x);
    border-radius: 0;
    transition: all 220ms cubic-bezier(.4, 0, .2, 1);
    transition-property: color, background-color, border-color
}

.btn__icon,
.btn__label {
    padding: var(--btn-padding-y) var(--btn-padding-x);
    margin: calc(-1 * var(--btn-padding-y)) calc(-1 * var(--btn-padding-x))
}

.btn__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: .75em;
    padding-right: .75em;
    font-family: ds;
    font-size: 16px;
    line-height: 1
}

.btn__icon.is-download:before {
    content: "\e636"
}

.btn__icon.is-link:before {
    content: "\e637"
}

.btn__icon.is-mail:before {
    content: "\e638"
}

.btn__icon~.btn__label {
    margin-left: var(--btn-padding-x);
    background-color: rgba(255, 255, 255, .16)
}

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

.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover {
    color: #fff;
    background-color: #b32029;
    border-color: #a81e26
}

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

.btn-secondary {
    color: #fff;
    background-color: #00a3e0;
    border-color: #00a3e0
}

.btn-secondary:active,
.btn-secondary:active:focus,
.btn-secondary:active:hover,
.btn-secondary:focus,
.btn-secondary:hover {
    color: #fff;
    background-color: #008bbe;
    border-color: #0082b3
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #15191c;
    background-color: #00a3e0;
    border-color: #00a3e0
}

.btn-outline-primary {
    color: #d22630;
    border: 1px solid #d22630
}

.btn-outline-primary:active,
.btn-outline-primary:active:focus,
.btn-outline-primary:active:hover,
.btn-outline-primary:focus,
.btn-outline-primary:hover {
    color: #fff;
    background-color: #d22630;
    border-color: #d22630
}

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

.btn-black {
    color: #fff;
    background-color: #15191c;
    border-color: #15191c
}

.btn-black:active,
.btn-black:active:focus,
.btn-black:active:hover,
.btn-black:focus,
.btn-black:hover {
    color: #fff;
    background-color: #121518;
    border-color: #111416
}

.btn-black.disabled,
.btn-black:disabled {
    color: #fff;
    background-color: #15191c;
    border-color: #15191c
}

.btn-white {
    color: #15191c;
    background-color: #fff;
    border-color: #fff
}

.btn-white:active,
.btn-white:active:focus,
.btn-white:active:hover,
.btn-white:focus,
.btn-white:hover {
    color: #fff;
    background-color: #15191c;
    border-color: #fff
}

.btn-white.disabled,
.btn-white:disabled {
    color: #15191c;
    background-color: #fff;
    border-color: #fff
}

span.btn {
    pointer-events: none
}

.btn--block {
    justify-content: center;
    display: flex
}

.btn--sm {
    --btn-padding-x: 16px;
    --btn-padding-y: 10px
}

.btn--wide {
    --btn-padding-x: 90px
}

.btn--outline {
    border: 1px solid
}

.btn--outline:focus,
.btn--outline:hover {
    color: #fff !important;
    background-color: #15191c;
    border-color: #15191c
}

.btn--loading {
    position: relative;
    pointer-events: none
}

.btn--loading>* {
    opacity: .32
}

.btn--loading:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 3px solid;
    border-left-color: transparent;
    border-radius: 20px;
    animation: rotate 1s linear both infinite
}

@keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

.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-2x1 {
    --bs-aspect-ratio: 50%
}

.ratio-1x2 {
    --bs-aspect-ratio: 200%
}

.ratio-3x2 {
    --bs-aspect-ratio: 66.6666666667%
}

.ratio-2x3 {
    --bs-aspect-ratio: 150%
}

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

.ratio-3x4 {
    --bs-aspect-ratio: 133.3333333333%
}

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

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

.ratio-a4 {
    --bs-aspect-ratio: 141.4285714286%
}

.bs5-grid {
    display: grid;
    grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
    grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
    gap: var(--bs-gap, 24px)
}

.bs5-grid .g-col-1 {
    grid-column: auto/span 1
}

.bs5-grid .g-col-2 {
    grid-column: auto/span 2
}

.bs5-grid .g-col-3 {
    grid-column: auto/span 3
}

.bs5-grid .g-col-4 {
    grid-column: auto/span 4
}

.bs5-grid .g-col-5 {
    grid-column: auto/span 5
}

.bs5-grid .g-col-6 {
    grid-column: auto/span 6
}

.bs5-grid .g-col-7 {
    grid-column: auto/span 7
}

.bs5-grid .g-col-8 {
    grid-column: auto/span 8
}

.bs5-grid .g-col-9 {
    grid-column: auto/span 9
}

.bs5-grid .g-col-10 {
    grid-column: auto/span 10
}

.bs5-grid .g-col-11 {
    grid-column: auto/span 11
}

.bs5-grid .g-col-12 {
    grid-column: auto/span 12
}

.bs5-grid .g-start-1 {
    grid-column-start: 1
}

.bs5-grid .g-start-2 {
    grid-column-start: 2
}

.bs5-grid .g-start-3 {
    grid-column-start: 3
}

.bs5-grid .g-start-4 {
    grid-column-start: 4
}

.bs5-grid .g-start-5 {
    grid-column-start: 5
}

.bs5-grid .g-start-6 {
    grid-column-start: 6
}

.bs5-grid .g-start-7 {
    grid-column-start: 7
}

.bs5-grid .g-start-8 {
    grid-column-start: 8
}

.bs5-grid .g-start-9 {
    grid-column-start: 9
}

.bs5-grid .g-start-10 {
    grid-column-start: 10
}

.bs5-grid .g-start-11 {
    grid-column-start: 11
}

@media (min-width:576px) {
    .bs5-grid .g-col-sm-1 {
        grid-column: auto/span 1
    }

    .bs5-grid .g-col-sm-2 {
        grid-column: auto/span 2
    }

    .bs5-grid .g-col-sm-3 {
        grid-column: auto/span 3
    }

    .bs5-grid .g-col-sm-4 {
        grid-column: auto/span 4
    }

    .bs5-grid .g-col-sm-5 {
        grid-column: auto/span 5
    }

    .bs5-grid .g-col-sm-6 {
        grid-column: auto/span 6
    }

    .bs5-grid .g-col-sm-7 {
        grid-column: auto/span 7
    }

    .bs5-grid .g-col-sm-8 {
        grid-column: auto/span 8
    }

    .bs5-grid .g-col-sm-9 {
        grid-column: auto/span 9
    }

    .bs5-grid .g-col-sm-10 {
        grid-column: auto/span 10
    }

    .bs5-grid .g-col-sm-11 {
        grid-column: auto/span 11
    }

    .bs5-grid .g-col-sm-12 {
        grid-column: auto/span 12
    }

    .bs5-grid .g-start-sm-1 {
        grid-column-start: 1
    }

    .bs5-grid .g-start-sm-2 {
        grid-column-start: 2
    }

    .bs5-grid .g-start-sm-3 {
        grid-column-start: 3
    }

    .bs5-grid .g-start-sm-4 {
        grid-column-start: 4
    }

    .bs5-grid .g-start-sm-5 {
        grid-column-start: 5
    }

    .bs5-grid .g-start-sm-6 {
        grid-column-start: 6
    }

    .bs5-grid .g-start-sm-7 {
        grid-column-start: 7
    }

    .bs5-grid .g-start-sm-8 {
        grid-column-start: 8
    }

    .bs5-grid .g-start-sm-9 {
        grid-column-start: 9
    }

    .bs5-grid .g-start-sm-10 {
        grid-column-start: 10
    }

    .bs5-grid .g-start-sm-11 {
        grid-column-start: 11
    }
}

@media (min-width:768px) {
    .bs5-grid .g-col-md-1 {
        grid-column: auto/span 1
    }

    .bs5-grid .g-col-md-2 {
        grid-column: auto/span 2
    }

    .bs5-grid .g-col-md-3 {
        grid-column: auto/span 3
    }

    .bs5-grid .g-col-md-4 {
        grid-column: auto/span 4
    }

    .bs5-grid .g-col-md-5 {
        grid-column: auto/span 5
    }

    .bs5-grid .g-col-md-6 {
        grid-column: auto/span 6
    }

    .bs5-grid .g-col-md-7 {
        grid-column: auto/span 7
    }

    .bs5-grid .g-col-md-8 {
        grid-column: auto/span 8
    }

    .bs5-grid .g-col-md-9 {
        grid-column: auto/span 9
    }

    .bs5-grid .g-col-md-10 {
        grid-column: auto/span 10
    }

    .bs5-grid .g-col-md-11 {
        grid-column: auto/span 11
    }

    .bs5-grid .g-col-md-12 {
        grid-column: auto/span 12
    }

    .bs5-grid .g-start-md-1 {
        grid-column-start: 1
    }

    .bs5-grid .g-start-md-2 {
        grid-column-start: 2
    }

    .bs5-grid .g-start-md-3 {
        grid-column-start: 3
    }

    .bs5-grid .g-start-md-4 {
        grid-column-start: 4
    }

    .bs5-grid .g-start-md-5 {
        grid-column-start: 5
    }

    .bs5-grid .g-start-md-6 {
        grid-column-start: 6
    }

    .bs5-grid .g-start-md-7 {
        grid-column-start: 7
    }

    .bs5-grid .g-start-md-8 {
        grid-column-start: 8
    }

    .bs5-grid .g-start-md-9 {
        grid-column-start: 9
    }

    .bs5-grid .g-start-md-10 {
        grid-column-start: 10
    }

    .bs5-grid .g-start-md-11 {
        grid-column-start: 11
    }
}

@media (min-width:992px) {
    .bs5-grid .g-col-lg-1 {
        grid-column: auto/span 1
    }

    .bs5-grid .g-col-lg-2 {
        grid-column: auto/span 2
    }

    .bs5-grid .g-col-lg-3 {
        grid-column: auto/span 3
    }

    .bs5-grid .g-col-lg-4 {
        grid-column: auto/span 4
    }

    .bs5-grid .g-col-lg-5 {
        grid-column: auto/span 5
    }

    .bs5-grid .g-col-lg-6 {
        grid-column: auto/span 6
    }

    .bs5-grid .g-col-lg-7 {
        grid-column: auto/span 7
    }

    .bs5-grid .g-col-lg-8 {
        grid-column: auto/span 8
    }

    .bs5-grid .g-col-lg-9 {
        grid-column: auto/span 9
    }

    .bs5-grid .g-col-lg-10 {
        grid-column: auto/span 10
    }

    .bs5-grid .g-col-lg-11 {
        grid-column: auto/span 11
    }

    .bs5-grid .g-col-lg-12 {
        grid-column: auto/span 12
    }

    .bs5-grid .g-start-lg-1 {
        grid-column-start: 1
    }

    .bs5-grid .g-start-lg-2 {
        grid-column-start: 2
    }

    .bs5-grid .g-start-lg-3 {
        grid-column-start: 3
    }

    .bs5-grid .g-start-lg-4 {
        grid-column-start: 4
    }

    .bs5-grid .g-start-lg-5 {
        grid-column-start: 5
    }

    .bs5-grid .g-start-lg-6 {
        grid-column-start: 6
    }

    .bs5-grid .g-start-lg-7 {
        grid-column-start: 7
    }

    .bs5-grid .g-start-lg-8 {
        grid-column-start: 8
    }

    .bs5-grid .g-start-lg-9 {
        grid-column-start: 9
    }

    .bs5-grid .g-start-lg-10 {
        grid-column-start: 10
    }

    .bs5-grid .g-start-lg-11 {
        grid-column-start: 11
    }
}

@media (min-width:1200px) {
    .bs5-grid .g-col-xl-1 {
        grid-column: auto/span 1
    }

    .bs5-grid .g-col-xl-2 {
        grid-column: auto/span 2
    }

    .bs5-grid .g-col-xl-3 {
        grid-column: auto/span 3
    }

    .bs5-grid .g-col-xl-4 {
        grid-column: auto/span 4
    }

    .bs5-grid .g-col-xl-5 {
        grid-column: auto/span 5
    }

    .bs5-grid .g-col-xl-6 {
        grid-column: auto/span 6
    }

    .bs5-grid .g-col-xl-7 {
        grid-column: auto/span 7
    }

    .bs5-grid .g-col-xl-8 {
        grid-column: auto/span 8
    }

    .bs5-grid .g-col-xl-9 {
        grid-column: auto/span 9
    }

    .bs5-grid .g-col-xl-10 {
        grid-column: auto/span 10
    }

    .bs5-grid .g-col-xl-11 {
        grid-column: auto/span 11
    }

    .bs5-grid .g-col-xl-12 {
        grid-column: auto/span 12
    }

    .bs5-grid .g-start-xl-1 {
        grid-column-start: 1
    }

    .bs5-grid .g-start-xl-2 {
        grid-column-start: 2
    }

    .bs5-grid .g-start-xl-3 {
        grid-column-start: 3
    }

    .bs5-grid .g-start-xl-4 {
        grid-column-start: 4
    }

    .bs5-grid .g-start-xl-5 {
        grid-column-start: 5
    }

    .bs5-grid .g-start-xl-6 {
        grid-column-start: 6
    }

    .bs5-grid .g-start-xl-7 {
        grid-column-start: 7
    }

    .bs5-grid .g-start-xl-8 {
        grid-column-start: 8
    }

    .bs5-grid .g-start-xl-9 {
        grid-column-start: 9
    }

    .bs5-grid .g-start-xl-10 {
        grid-column-start: 10
    }

    .bs5-grid .g-start-xl-11 {
        grid-column-start: 11
    }
}

@media (min-width:1400px) {
    .bs5-grid .g-col-xxl-1 {
        grid-column: auto/span 1
    }

    .bs5-grid .g-col-xxl-2 {
        grid-column: auto/span 2
    }

    .bs5-grid .g-col-xxl-3 {
        grid-column: auto/span 3
    }

    .bs5-grid .g-col-xxl-4 {
        grid-column: auto/span 4
    }

    .bs5-grid .g-col-xxl-5 {
        grid-column: auto/span 5
    }

    .bs5-grid .g-col-xxl-6 {
        grid-column: auto/span 6
    }

    .bs5-grid .g-col-xxl-7 {
        grid-column: auto/span 7
    }

    .bs5-grid .g-col-xxl-8 {
        grid-column: auto/span 8
    }

    .bs5-grid .g-col-xxl-9 {
        grid-column: auto/span 9
    }

    .bs5-grid .g-col-xxl-10 {
        grid-column: auto/span 10
    }

    .bs5-grid .g-col-xxl-11 {
        grid-column: auto/span 11
    }

    .bs5-grid .g-col-xxl-12 {
        grid-column: auto/span 12
    }

    .bs5-grid .g-start-xxl-1 {
        grid-column-start: 1
    }

    .bs5-grid .g-start-xxl-2 {
        grid-column-start: 2
    }

    .bs5-grid .g-start-xxl-3 {
        grid-column-start: 3
    }

    .bs5-grid .g-start-xxl-4 {
        grid-column-start: 4
    }

    .bs5-grid .g-start-xxl-5 {
        grid-column-start: 5
    }

    .bs5-grid .g-start-xxl-6 {
        grid-column-start: 6
    }

    .bs5-grid .g-start-xxl-7 {
        grid-column-start: 7
    }

    .bs5-grid .g-start-xxl-8 {
        grid-column-start: 8
    }

    .bs5-grid .g-start-xxl-9 {
        grid-column-start: 9
    }

    .bs5-grid .g-start-xxl-10 {
        grid-column-start: 10
    }

    .bs5-grid .g-start-xxl-11 {
        grid-column-start: 11
    }
}

.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: 4px
}

.g-1,
.gy-1 {
    --bs-gutter-y: 4px
}

.g-2,
.gx-2 {
    --bs-gutter-x: 8px
}

.g-2,
.gy-2 {
    --bs-gutter-y: 8px
}

.g-3,
.gx-3 {
    --bs-gutter-x: 12px
}

.g-3,
.gy-3 {
    --bs-gutter-y: 12px
}

.g-4,
.gx-4 {
    --bs-gutter-x: 16px
}

.g-4,
.gy-4 {
    --bs-gutter-y: 16px
}

.g-5,
.gx-5 {
    --bs-gutter-x: 20px
}

.g-5,
.gy-5 {
    --bs-gutter-y: 20px
}

.g-6,
.gx-6 {
    --bs-gutter-x: 24px
}

.g-6,
.gy-6 {
    --bs-gutter-y: 24px
}

.g-7,
.gx-7 {
    --bs-gutter-x: 28px
}

.g-7,
.gy-7 {
    --bs-gutter-y: 28px
}

.g-8,
.gx-8 {
    --bs-gutter-x: 32px
}

.g-8,
.gy-8 {
    --bs-gutter-y: 32px
}

.g-9,
.gx-9 {
    --bs-gutter-x: 36px
}

.g-9,
.gy-9 {
    --bs-gutter-y: 36px
}

.g-10,
.gx-10 {
    --bs-gutter-x: 40px
}

.g-10,
.gy-10 {
    --bs-gutter-y: 40px
}

.g-13,
.gx-13 {
    --bs-gutter-x: 52px
}

.g-13,
.gy-13 {
    --bs-gutter-y: 52px
}

.g-15,
.gx-15 {
    --bs-gutter-x: 60px
}

.g-15,
.gy-15 {
    --bs-gutter-y: 60px
}

.g-18,
.gx-18 {
    --bs-gutter-x: 72px
}

.g-18,
.gy-18 {
    --bs-gutter-y: 72px
}

.g-20,
.gx-20 {
    --bs-gutter-x: 80px
}

.g-20,
.gy-20 {
    --bs-gutter-y: 80px
}

@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: 4px
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 4px
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 8px
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 8px
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 12px
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 12px
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 16px
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 16px
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 20px
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 20px
    }

    .g-sm-6,
    .gx-sm-6 {
        --bs-gutter-x: 24px
    }

    .g-sm-6,
    .gy-sm-6 {
        --bs-gutter-y: 24px
    }

    .g-sm-7,
    .gx-sm-7 {
        --bs-gutter-x: 28px
    }

    .g-sm-7,
    .gy-sm-7 {
        --bs-gutter-y: 28px
    }

    .g-sm-8,
    .gx-sm-8 {
        --bs-gutter-x: 32px
    }

    .g-sm-8,
    .gy-sm-8 {
        --bs-gutter-y: 32px
    }

    .g-sm-9,
    .gx-sm-9 {
        --bs-gutter-x: 36px
    }

    .g-sm-9,
    .gy-sm-9 {
        --bs-gutter-y: 36px
    }

    .g-sm-10,
    .gx-sm-10 {
        --bs-gutter-x: 40px
    }

    .g-sm-10,
    .gy-sm-10 {
        --bs-gutter-y: 40px
    }

    .g-sm-13,
    .gx-sm-13 {
        --bs-gutter-x: 52px
    }

    .g-sm-13,
    .gy-sm-13 {
        --bs-gutter-y: 52px
    }

    .g-sm-15,
    .gx-sm-15 {
        --bs-gutter-x: 60px
    }

    .g-sm-15,
    .gy-sm-15 {
        --bs-gutter-y: 60px
    }

    .g-sm-18,
    .gx-sm-18 {
        --bs-gutter-x: 72px
    }

    .g-sm-18,
    .gy-sm-18 {
        --bs-gutter-y: 72px
    }

    .g-sm-20,
    .gx-sm-20 {
        --bs-gutter-x: 80px
    }

    .g-sm-20,
    .gy-sm-20 {
        --bs-gutter-y: 80px
    }
}

@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: 4px
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 4px
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 8px
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 8px
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 12px
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 12px
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 16px
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 16px
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 20px
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 20px
    }

    .g-md-6,
    .gx-md-6 {
        --bs-gutter-x: 24px
    }

    .g-md-6,
    .gy-md-6 {
        --bs-gutter-y: 24px
    }

    .g-md-7,
    .gx-md-7 {
        --bs-gutter-x: 28px
    }

    .g-md-7,
    .gy-md-7 {
        --bs-gutter-y: 28px
    }

    .g-md-8,
    .gx-md-8 {
        --bs-gutter-x: 32px
    }

    .g-md-8,
    .gy-md-8 {
        --bs-gutter-y: 32px
    }

    .g-md-9,
    .gx-md-9 {
        --bs-gutter-x: 36px
    }

    .g-md-9,
    .gy-md-9 {
        --bs-gutter-y: 36px
    }

    .g-md-10,
    .gx-md-10 {
        --bs-gutter-x: 40px
    }

    .g-md-10,
    .gy-md-10 {
        --bs-gutter-y: 40px
    }

    .g-md-13,
    .gx-md-13 {
        --bs-gutter-x: 52px
    }

    .g-md-13,
    .gy-md-13 {
        --bs-gutter-y: 52px
    }

    .g-md-15,
    .gx-md-15 {
        --bs-gutter-x: 60px
    }

    .g-md-15,
    .gy-md-15 {
        --bs-gutter-y: 60px
    }

    .g-md-18,
    .gx-md-18 {
        --bs-gutter-x: 72px
    }

    .g-md-18,
    .gy-md-18 {
        --bs-gutter-y: 72px
    }

    .g-md-20,
    .gx-md-20 {
        --bs-gutter-x: 80px
    }

    .g-md-20,
    .gy-md-20 {
        --bs-gutter-y: 80px
    }
}

@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: 4px
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 4px
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 8px
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 8px
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 12px
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 12px
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 16px
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 16px
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 20px
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 20px
    }

    .g-lg-6,
    .gx-lg-6 {
        --bs-gutter-x: 24px
    }

    .g-lg-6,
    .gy-lg-6 {
        --bs-gutter-y: 24px
    }

    .g-lg-7,
    .gx-lg-7 {
        --bs-gutter-x: 28px
    }

    .g-lg-7,
    .gy-lg-7 {
        --bs-gutter-y: 28px
    }

    .g-lg-8,
    .gx-lg-8 {
        --bs-gutter-x: 32px
    }

    .g-lg-8,
    .gy-lg-8 {
        --bs-gutter-y: 32px
    }

    .g-lg-9,
    .gx-lg-9 {
        --bs-gutter-x: 36px
    }

    .g-lg-9,
    .gy-lg-9 {
        --bs-gutter-y: 36px
    }

    .g-lg-10,
    .gx-lg-10 {
        --bs-gutter-x: 40px
    }

    .g-lg-10,
    .gy-lg-10 {
        --bs-gutter-y: 40px
    }

    .g-lg-13,
    .gx-lg-13 {
        --bs-gutter-x: 52px
    }

    .g-lg-13,
    .gy-lg-13 {
        --bs-gutter-y: 52px
    }

    .g-lg-15,
    .gx-lg-15 {
        --bs-gutter-x: 60px
    }

    .g-lg-15,
    .gy-lg-15 {
        --bs-gutter-y: 60px
    }

    .g-lg-18,
    .gx-lg-18 {
        --bs-gutter-x: 72px
    }

    .g-lg-18,
    .gy-lg-18 {
        --bs-gutter-y: 72px
    }

    .g-lg-20,
    .gx-lg-20 {
        --bs-gutter-x: 80px
    }

    .g-lg-20,
    .gy-lg-20 {
        --bs-gutter-y: 80px
    }
}

@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: 4px
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 4px
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 8px
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 8px
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 12px
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 12px
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 16px
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 16px
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 20px
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 20px
    }

    .g-xl-6,
    .gx-xl-6 {
        --bs-gutter-x: 24px
    }

    .g-xl-6,
    .gy-xl-6 {
        --bs-gutter-y: 24px
    }

    .g-xl-7,
    .gx-xl-7 {
        --bs-gutter-x: 28px
    }

    .g-xl-7,
    .gy-xl-7 {
        --bs-gutter-y: 28px
    }

    .g-xl-8,
    .gx-xl-8 {
        --bs-gutter-x: 32px
    }

    .g-xl-8,
    .gy-xl-8 {
        --bs-gutter-y: 32px
    }

    .g-xl-9,
    .gx-xl-9 {
        --bs-gutter-x: 36px
    }

    .g-xl-9,
    .gy-xl-9 {
        --bs-gutter-y: 36px
    }

    .g-xl-10,
    .gx-xl-10 {
        --bs-gutter-x: 40px
    }

    .g-xl-10,
    .gy-xl-10 {
        --bs-gutter-y: 40px
    }

    .g-xl-13,
    .gx-xl-13 {
        --bs-gutter-x: 52px
    }

    .g-xl-13,
    .gy-xl-13 {
        --bs-gutter-y: 52px
    }

    .g-xl-15,
    .gx-xl-15 {
        --bs-gutter-x: 60px
    }

    .g-xl-15,
    .gy-xl-15 {
        --bs-gutter-y: 60px
    }

    .g-xl-18,
    .gx-xl-18 {
        --bs-gutter-x: 72px
    }

    .g-xl-18,
    .gy-xl-18 {
        --bs-gutter-y: 72px
    }

    .g-xl-20,
    .gx-xl-20 {
        --bs-gutter-x: 80px
    }

    .g-xl-20,
    .gy-xl-20 {
        --bs-gutter-y: 80px
    }
}

@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: 4px
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 4px
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 8px
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 8px
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 12px
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 12px
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 16px
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 16px
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 20px
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 20px
    }

    .g-xxl-6,
    .gx-xxl-6 {
        --bs-gutter-x: 24px
    }

    .g-xxl-6,
    .gy-xxl-6 {
        --bs-gutter-y: 24px
    }

    .g-xxl-7,
    .gx-xxl-7 {
        --bs-gutter-x: 28px
    }

    .g-xxl-7,
    .gy-xxl-7 {
        --bs-gutter-y: 28px
    }

    .g-xxl-8,
    .gx-xxl-8 {
        --bs-gutter-x: 32px
    }

    .g-xxl-8,
    .gy-xxl-8 {
        --bs-gutter-y: 32px
    }

    .g-xxl-9,
    .gx-xxl-9 {
        --bs-gutter-x: 36px
    }

    .g-xxl-9,
    .gy-xxl-9 {
        --bs-gutter-y: 36px
    }

    .g-xxl-10,
    .gx-xxl-10 {
        --bs-gutter-x: 40px
    }

    .g-xxl-10,
    .gy-xxl-10 {
        --bs-gutter-y: 40px
    }

    .g-xxl-13,
    .gx-xxl-13 {
        --bs-gutter-x: 52px
    }

    .g-xxl-13,
    .gy-xxl-13 {
        --bs-gutter-y: 52px
    }

    .g-xxl-15,
    .gx-xxl-15 {
        --bs-gutter-x: 60px
    }

    .g-xxl-15,
    .gy-xxl-15 {
        --bs-gutter-y: 60px
    }

    .g-xxl-18,
    .gx-xxl-18 {
        --bs-gutter-x: 72px
    }

    .g-xxl-18,
    .gy-xxl-18 {
        --bs-gutter-y: 72px
    }

    .g-xxl-20,
    .gx-xxl-20 {
        --bs-gutter-x: 80px
    }

    .g-xxl-20,
    .gy-xxl-20 {
        --bs-gutter-y: 80px
    }
}

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

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

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

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

.bottom-0 {
    bottom: 0 !important
}

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

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

.start-0 {
    left: 0 !important
}

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

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

.end-0 {
    right: 0 !important
}

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

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

.border {
    border: 1px solid #e5e5e5 !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: 1px solid #e5e5e5 !important
}

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

.border-end {
    border-right: 1px solid #e5e5e5 !important
}

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

.border-bottom {
    border-bottom: 1px solid #e5e5e5 !important
}

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

.border-start {
    border-left: 1px solid #e5e5e5 !important
}

.border-start-0 {
    border-left: 0 !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
}

.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-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: 4px !important
}

.gap-2 {
    gap: 8px !important
}

.gap-3 {
    gap: 12px !important
}

.gap-4 {
    gap: 16px !important
}

.gap-5 {
    gap: 20px !important
}

.gap-6 {
    gap: 24px !important
}

.gap-7 {
    gap: 28px !important
}

.gap-8 {
    gap: 32px !important
}

.gap-9 {
    gap: 36px !important
}

.gap-10 {
    gap: 40px !important
}

.gap-13 {
    gap: 52px !important
}

.gap-15 {
    gap: 60px !important
}

.gap-18 {
    gap: 72px !important
}

.gap-20 {
    gap: 80px !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-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
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: 4px !important
}

.m-2 {
    margin: 8px !important
}

.m-3 {
    margin: 12px !important
}

.m-4 {
    margin: 16px !important
}

.m-5 {
    margin: 20px !important
}

.m-6 {
    margin: 24px !important
}

.m-7 {
    margin: 28px !important
}

.m-8 {
    margin: 32px !important
}

.m-9 {
    margin: 36px !important
}

.m-10 {
    margin: 40px !important
}

.m-13 {
    margin: 52px !important
}

.m-15 {
    margin: 60px !important
}

.m-18 {
    margin: 72px !important
}

.m-20 {
    margin: 80px !important
}

.m-auto {
    margin: auto !important
}

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

.mx-1 {
    margin-right: 4px !important;
    margin-left: 4px !important
}

.mx-2 {
    margin-right: 8px !important;
    margin-left: 8px !important
}

.mx-3 {
    margin-right: 12px !important;
    margin-left: 12px !important
}

.mx-4 {
    margin-right: 16px !important;
    margin-left: 16px !important
}

.mx-5 {
    margin-right: 20px !important;
    margin-left: 20px !important
}

.mx-6 {
    margin-right: 24px !important;
    margin-left: 24px !important
}

.mx-7 {
    margin-right: 28px !important;
    margin-left: 28px !important
}

.mx-8 {
    margin-right: 32px !important;
    margin-left: 32px !important
}

.mx-9 {
    margin-right: 36px !important;
    margin-left: 36px !important
}

.mx-10 {
    margin-right: 40px !important;
    margin-left: 40px !important
}

.mx-13 {
    margin-right: 52px !important;
    margin-left: 52px !important
}

.mx-15 {
    margin-right: 60px !important;
    margin-left: 60px !important
}

.mx-18 {
    margin-right: 72px !important;
    margin-left: 72px !important
}

.mx-20 {
    margin-right: 80px !important;
    margin-left: 80px !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: 4px !important;
    margin-bottom: 4px !important
}

.my-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.my-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important
}

.my-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.my-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.my-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.my-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important
}

.my-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important
}

.my-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important
}

.my-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.my-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important
}

.my-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important
}

.my-18 {
    margin-top: 72px !important;
    margin-bottom: 72px !important
}

.my-20 {
    margin-top: 80px !important;
    margin-bottom: 80px !important
}

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

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

.mt-1 {
    margin-top: 4px !important
}

.mt-2 {
    margin-top: 8px !important
}

.mt-3 {
    margin-top: 12px !important
}

.mt-4 {
    margin-top: 16px !important
}

.mt-5 {
    margin-top: 20px !important
}

.mt-6 {
    margin-top: 24px !important
}

.mt-7 {
    margin-top: 28px !important
}

.mt-8 {
    margin-top: 32px !important
}

.mt-9 {
    margin-top: 36px !important
}

.mt-10 {
    margin-top: 40px !important
}

.mt-13 {
    margin-top: 52px !important
}

.mt-15 {
    margin-top: 60px !important
}

.mt-18 {
    margin-top: 72px !important
}

.mt-20 {
    margin-top: 80px !important
}

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

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

.me-1 {
    margin-right: 4px !important
}

.me-2 {
    margin-right: 8px !important
}

.me-3 {
    margin-right: 12px !important
}

.me-4 {
    margin-right: 16px !important
}

.me-5 {
    margin-right: 20px !important
}

.me-6 {
    margin-right: 24px !important
}

.me-7 {
    margin-right: 28px !important
}

.me-8 {
    margin-right: 32px !important
}

.me-9 {
    margin-right: 36px !important
}

.me-10 {
    margin-right: 40px !important
}

.me-13 {
    margin-right: 52px !important
}

.me-15 {
    margin-right: 60px !important
}

.me-18 {
    margin-right: 72px !important
}

.me-20 {
    margin-right: 80px !important
}

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

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

.mb-1 {
    margin-bottom: 4px !important
}

.mb-2 {
    margin-bottom: 8px !important
}

.mb-3 {
    margin-bottom: 12px !important
}

.mb-4 {
    margin-bottom: 16px !important
}

.mb-5 {
    margin-bottom: 20px !important
}

.mb-6 {
    margin-bottom: 24px !important
}

.mb-7 {
    margin-bottom: 28px !important
}

.mb-8 {
    margin-bottom: 32px !important
}

.mb-9 {
    margin-bottom: 36px !important
}

.mb-10 {
    margin-bottom: 40px !important
}

.mb-13 {
    margin-bottom: 52px !important
}

.mb-15 {
    margin-bottom: 60px !important
}

.mb-18 {
    margin-bottom: 72px !important
}

.mb-20 {
    margin-bottom: 80px !important
}

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

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

.ms-1 {
    margin-left: 4px !important
}

.ms-2 {
    margin-left: 8px !important
}

.ms-3 {
    margin-left: 12px !important
}

.ms-4 {
    margin-left: 16px !important
}

.ms-5 {
    margin-left: 20px !important
}

.ms-6 {
    margin-left: 24px !important
}

.ms-7 {
    margin-left: 28px !important
}

.ms-8 {
    margin-left: 32px !important
}

.ms-9 {
    margin-left: 36px !important
}

.ms-10 {
    margin-left: 40px !important
}

.ms-13 {
    margin-left: 52px !important
}

.ms-15 {
    margin-left: 60px !important
}

.ms-18 {
    margin-left: 72px !important
}

.ms-20 {
    margin-left: 80px !important
}

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

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: 4px !important
}

.p-2 {
    padding: 8px !important
}

.p-3 {
    padding: 12px !important
}

.p-4 {
    padding: 16px !important
}

.p-5 {
    padding: 20px !important
}

.p-6 {
    padding: 24px !important
}

.p-7 {
    padding: 28px !important
}

.p-8 {
    padding: 32px !important
}

.p-9 {
    padding: 36px !important
}

.p-10 {
    padding: 40px !important
}

.p-13 {
    padding: 52px !important
}

.p-15 {
    padding: 60px !important
}

.p-18 {
    padding: 72px !important
}

.p-20 {
    padding: 80px !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.py-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.py-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.py-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

.py-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.py-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.py-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.py-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important
}

.py-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

.py-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important
}

.py-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.py-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important
}

.py-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.py-18 {
    padding-top: 72px !important;
    padding-bottom: 72px !important
}

.py-20 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

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

.pt-1 {
    padding-top: 4px !important
}

.pt-2 {
    padding-top: 8px !important
}

.pt-3 {
    padding-top: 12px !important
}

.pt-4 {
    padding-top: 16px !important
}

.pt-5 {
    padding-top: 20px !important
}

.pt-6 {
    padding-top: 24px !important
}

.pt-7 {
    padding-top: 28px !important
}

.pt-8 {
    padding-top: 32px !important
}

.pt-9 {
    padding-top: 36px !important
}

.pt-10 {
    padding-top: 40px !important
}

.pt-13 {
    padding-top: 52px !important
}

.pt-15 {
    padding-top: 60px !important
}

.pt-18 {
    padding-top: 72px !important
}

.pt-20 {
    padding-top: 80px !important
}

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

.pe-1 {
    padding-right: 4px !important
}

.pe-2 {
    padding-right: 8px !important
}

.pe-3 {
    padding-right: 12px !important
}

.pe-4 {
    padding-right: 16px !important
}

.pe-5 {
    padding-right: 20px !important
}

.pe-6 {
    padding-right: 24px !important
}

.pe-7 {
    padding-right: 28px !important
}

.pe-8 {
    padding-right: 32px !important
}

.pe-9 {
    padding-right: 36px !important
}

.pe-10 {
    padding-right: 40px !important
}

.pe-13 {
    padding-right: 52px !important
}

.pe-15 {
    padding-right: 60px !important
}

.pe-18 {
    padding-right: 72px !important
}

.pe-20 {
    padding-right: 80px !important
}

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

.pb-1 {
    padding-bottom: 4px !important
}

.pb-2 {
    padding-bottom: 8px !important
}

.pb-3 {
    padding-bottom: 12px !important
}

.pb-4 {
    padding-bottom: 16px !important
}

.pb-5 {
    padding-bottom: 20px !important
}

.pb-6 {
    padding-bottom: 24px !important
}

.pb-7 {
    padding-bottom: 28px !important
}

.pb-8 {
    padding-bottom: 32px !important
}

.pb-9 {
    padding-bottom: 36px !important
}

.pb-10 {
    padding-bottom: 40px !important
}

.pb-13 {
    padding-bottom: 52px !important
}

.pb-15 {
    padding-bottom: 60px !important
}

.pb-18 {
    padding-bottom: 72px !important
}

.pb-20 {
    padding-bottom: 80px !important
}

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

.ps-1 {
    padding-left: 4px !important
}

.ps-2 {
    padding-left: 8px !important
}

.ps-3 {
    padding-left: 12px !important
}

.ps-4 {
    padding-left: 16px !important
}

.ps-5 {
    padding-left: 20px !important
}

.ps-6 {
    padding-left: 24px !important
}

.ps-7 {
    padding-left: 28px !important
}

.ps-8 {
    padding-left: 32px !important
}

.ps-9 {
    padding-left: 36px !important
}

.ps-10 {
    padding-left: 40px !important
}

.ps-13 {
    padding-left: 52px !important
}

.ps-15 {
    padding-left: 60px !important
}

.ps-18 {
    padding-left: 72px !important
}

.ps-20 {
    padding-left: 80px !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-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: grey !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(21, 25, 28, .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
}

.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-bg-rgb), var(--bs-bg-opacity)) !important
}

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

.rounded {
    border-radius: 10px !important
}

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

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

.rounded-2 {
    border-radius: 10px !important
}

.rounded-3 {
    border-radius: 20px !important
}

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

.rounded-pill {
    border-radius: 50rem !important
}

@media (min-width:576px) {
    .d-sm-inline {
        display: inline !important
    }

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

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

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

    .d-sm-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-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
    }

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

@media (min-width:768px) {
    .d-md-inline {
        display: inline !important
    }

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

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

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

    .d-md-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-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
    }

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

@media (min-width:992px) {
    .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-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
    }

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

@media (min-width:1200px) {
    .d-xl-inline {
        display: inline !important
    }

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

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

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

    .d-xl-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-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
    }

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

@media (min-width:1400px) {
    .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-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
    }

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

@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
    }
}

.ds-logo-2024 {
    --logo-height: 38px;
    position: absolute;
    top: 0;
    left: 12px;
    margin: 0;
    transform-origin: left top;
    transition: transform .5s ease
}

@media (min-width:768px) {
    .ds-logo-2024 {
        --logo-height: 80px;
        top: 24px;
        left: 24px
    }

    .min-header .ds-logo-2024 {
        transform: scale(.62) translateY(-16px)
    }
}

@media (min-width:992px) {
    .ds-logo-2024 {
        --logo-height: 150px;
        left: 60px;
        top: 40px
    }

    .min-header .ds-logo-2024 {
        transform: scale(.5) translateY(-55%)
    }
}

.ds-logo-2024,
.ds-logo-2024 a {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-height: 50px
}

.ds-logo-2024 .sr-only {
    position: absolute;
    width: 0;
    height: 0;
    font: 0/0 a;
    overflow: hidden
}

.ds-logo-2024 img,
.ds-logo-2024 svg {
    display: block;
    height: var(--logo-height);
    transition: all .2s ease
}

.ds-logo-2024 #ds-logo-text {
    fill: #d19b28
}

#ds-logo-graphic {
    fill: #d19b28
}

:root {
    --ds-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='200' height='200' style='enable-background:new 0 0 200 200'%3E%3Cpath d='M0 0v200h200V0H0zm99.6 98.79L52.42 51.61 99.6 4.44v94.35zm-.81.81H4.84l47.18-47.18L98.79 99.6zm0 .8-47.18 47.18L4.44 100.4h94.35zm.81.81v93.95l-47.18-46.77 47.18-47.18zm.8 0 47.18 47.18-47.18 46.77v-93.95zm.81-.81h93.95l-47.18 47.18-46.77-47.18zm0-.8 47.18-47.18 47.18 47.18h-94.36zm-.81-.81V4.84l47.18 46.77-47.18 47.18zm.81-94.76a95.34 95.34 0 0 1 66.13 27.82L147.99 51.2 101.21 4.03zm-49.6 46.78L32.26 31.45A95.32 95.32 0 0 1 98.39 3.63L51.61 50.81zm-.8.8L3.63 98.79a95.34 95.34 0 0 1 27.82-66.13l19.36 18.95zm0 96.78-19.35 19.35a95.3 95.3 0 0 1-27.82-66.13l47.17 46.78zm.8.4 47.18 47.18a95.34 95.34 0 0 1-66.13-27.82l18.95-19.36zm96.78 0 19.35 19.35a95.3 95.3 0 0 1-66.13 27.82l46.78-47.17zm.4-.4 47.18-47.18a95.34 95.34 0 0 1-27.82 66.13l-19.36-18.95zm0-96.78 19.35-19.35a95.3 95.3 0 0 1 27.82 66.13l-47.17-46.78zm19.36-20.56a94.74 94.74 0 0 0-58.47-27.42h86.29l-27.82 27.42zm-136.3 0L4.44 3.63h86.29a93.83 93.83 0 0 0-58.88 27.42zm-.8.8A94.77 94.77 0 0 0 3.63 90.32V4.03l27.42 27.82zM3.23 109.68a99.22 99.22 0 0 0 27.42 58.47L3.23 195.56v-85.88zm28.62 59.27a94.74 94.74 0 0 0 58.47 27.42H4.03l27.82-27.42zm136.3 0 27.42 27.42h-86.29a94.81 94.81 0 0 0 58.87-27.42zm.8-.8a94.74 94.74 0 0 0 27.42-58.47v86.29l-27.42-27.82zm27.42-77.83a99.22 99.22 0 0 0-27.42-58.47l27.42-27.42v85.89z' /%3E%3C/svg%3E")
}

html {
    scroll-padding-block-start: 200px
}

html.scrollbar-width--0 {
    scroll-behavior: smooth
}

.section-container {
    --section-container-y: 30px;
    --section-container-x: 15px;
    --bg: #fff;
    --on: #101820;
    position: relative;
    z-index: 1;
    padding: var(--section-container-y) var(--section-container-x);
    color: var(--on);
    background-color: var(--bg);
}

@media (min-width:768px) {
    .section-container {
        --section-container-y: 40px;
        --section-container-x: 20px
    }
}

@media (min-width:992px) {
    .section-container {
        --section-container-x: 25px
    }
}

@media (min-width:1200px) {
    .section-container {
        --section-container-y: 50px;
        --section-container-x: 9.375vw;
        position: relative;
        top: 0;
    }
}

.section-container-title2 {
    font-size: 4.7vw;
    font-weight: 100;
    position: absolute;
    top: -1.6vw;
    left: 0;
    right: 0;
    letter-spacing: 1.55vw;
    color: #eeeeee;
    text-align: center;
    white-space: nowrap;
}
.section-container-title {
    font-size: .38rem;
    font-weight: 700;
    margin-bottom: .2rem;
    display: flex;
    align-items: center;
}
#area-four{ padding-top: 5vw;}
.section-container-title.text-center {
    justify-content: center
}

.section-container-desc {
    margin-bottom: .4rem;
    font-size: .22rem;
    text-align: center;
    padding-left: 2.45rem;
    padding-right: 2.45rem;
    opacity: .8
}

@media (max-width:1024px) {
    .section-container-desc {
        padding: 0
    }
}

.section-container-link {
    font-size: .24rem;
    line-height: 1;
    font-weight: 400;
    margin-left: auto;
    display: flex;
    align-items: center
}

.section-container-link i {
    font-size: .16rem;
    width: .24rem;
    text-align: center
}

.section-container-bg {
    position: absolute;
    inset: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1
}

.section-container--banner {
    --bg: #000;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

@media (min-width:768px) {
    .section-container--banner {
        --section-container-y: 60px;
        --section-container-x: 20px
    }
}

@media (min-width:1200px) {
    .section-container--banner {
        --section-container-y: 100px;
        background-color: #000
    }
}

.section-container--banner .section-container-desc,
.section-container--banner .section-container-title {
    text-shadow: 0 4px 12px rgba(0, 0, 0, .5), 0 2px 2px rgba(0, 0, 0, .5);
    -webkit-font-smoothing: subpixel-antialiased
}

.section-container--banner .section-container-title {
    margin-top: 0
}

.section-container--banner .section-container-desc {
    opacity: 1
}

.item-grid-layout {
    --rows: 1;
    --gap: 4px;
    display: grid;
    grid-template-columns: repeat(var(--rows, 1), 1fr);
    grid-auto-flow: dense;
    gap: var(--gap)
}

@media (min-width:576px) {
    .item-grid-layout {
        --rows: 2
    }
}

@media (min-width:768px) {
    .item-grid-layout {
        --rows: 3
    }
}

@media (min-width:992px) {
    .item-grid-layout {
        --rows: 4;
        --gap: 20px
    }
}

@media (max-width:767.98px) {
    .item-grid-layout--row2\:down-md {
        --rows: 2
    }
}

.item-grid-layout .item-block {
    display: grid;
    grid-template-columns: 100%
}

.item-grid-layout .item-block .pic {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    aspect-ratio: 1
}

.item-grid-layout .item-block .pic img {
    position: static;
    width: 100%;
    height: 100%;
    /* max-width: 100%; */
    /* max-height: 100%; */
    object-fit: cover;
    /* transition: all 220ms cubic-bezier(.4, 0, .2, 1); */
    /* transition-property: transform */
}

@media (prefers-reduced-motion:reduce) {
    .item-grid-layout .item-block .pic img {
        transition: none
    }
}

.item-grid-layout .item-block .pic--padding {
    --pic-padding: 12px;
    padding: var(--pic-padding)
}

@media (min-width:768px) {
    .item-grid-layout .item-block .pic--padding {
        --pic-padding: 20px
    }
}

.item-grid-layout .item-block .pic--bg-logo::before {
    filter: var(--logo-invert, invert(1));
    content: "";
    position: absolute;
    inset: 0;
    background: var(--ds-logo) repeat left top/50% 50%;
    opacity: var(--logo-opacity, .16)
}

.item-grid-layout .item-block .pic-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(16, 24, 0, .3);
    color: #fff;
    z-index: 2;
    display: flex;
    padding: .3rem;
    pointer-events: none
}

.item-grid-layout .item-block .pic-mask-title {
    width: 100%;
    font-weight: 600;
    text-align: center;
    margin-top: auto;
    font-size: .2rem
}

@media (max-width:767.98px) {
    .item-grid-layout .item-block:has(.grid-item-intro-box) {
        grid-template-columns: repeat(2, 1fr)
    }
}

.item-grid-layout .item-block:hover .pic--hover img,
.item-grid-layout .item-block:hover .pic--padding img {
    transform: scale(1.1)
}

.item-grid-layout .grid-item {
    position: relative;
    width: auto;
    padding: 0;
    margin: 0;
    background-color: #f6f6f6;
}

.item-grid-layout .grid-item-block {
    width: auto;
    padding: 0;
    margin: 0;
    aspect-ratio: 1
}

.item-grid-layout .grid-item-long {
    width: auto;
    padding: 0;
    margin: 0;
    aspect-ratio: 2
}

@media (min-width:768px) {
    .item-grid-layout .grid-item-long {
        aspect-ratio: 1/2
    }
}

.item-grid-layout .grid-item-wide {
    aspect-ratio: 2
}

@media (min-width:768px) {
    .item-grid-layout .grid-item-wide {
        grid-column: span 2
    }
}

@media (min-width:768px) {
    .item-grid-layout .grid-item-wide .item-block {
        grid-template-columns: repeat(2, 1fr)
    }
}

.colourway-primary {
    background-color: #d22630;
    color: var(--on-primary, #fff)
}

.colourway-primary a.item-block {
    background-color: #d22630;
    transition: background-color .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .colourway-primary a.item-block {
        transition: none
    }
}

.colourway-primary a.item-block:hover {
    background-color: #a71e26
}

.colourway-secondary {
    background-color: #00a3e0;
    color: var(--on-secondary, #fff)
}

.colourway-secondary a.item-block {
    background-color: #00a3e0;
    transition: background-color .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .colourway-secondary a.item-block {
        transition: none
    }
}

.colourway-secondary a.item-block:hover {
    background-color: #007ead
}

.colourway-1 {
    background-color: #f0f0f0;
    color: #101820
}

.colourway-1 a.item-block {
    background-color: #f0f0f0;
    transition: background-color .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .colourway-1 a.item-block {
        transition: none
    }
}

.colourway-1 a.item-block:hover {
    background-color: #d7d7d7
}

.colourway-2 {
    background-color: #00bfbf;
    color: #fff
}

.colourway-2 a.item-block {
    background-color: #00bfbf;
    transition: background-color .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .colourway-2 a.item-block {
        transition: none
    }
}

.colourway-2 a.item-block:hover {
    background-color: #008c8c
}

.colourway-3 {
    background-color: #ab4ec5;
    color: #fff
}

.colourway-3 a.item-block {
    background-color: #ab4ec5;
    transition: background-color .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .colourway-3 a.item-block {
        transition: none
    }
}

.colourway-3 a.item-block:hover {
    background-color: #9037a9
}

.colourway-4 {
    background-color: #ac4fc6;
    color: #fff
}

.colourway-4 a.item-block {
    background-color: #ac4fc6;
    transition: background-color .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .colourway-4 a.item-block {
        transition: none
    }
}

.colourway-4 a.item-block:hover {
    background-color: #9137ab
}

.colourway-5 {
    background-color: #8a83d6;
    color: #fff
}

.colourway-5 a.item-block {
    background-color: #8a83d6;
    transition: background-color .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .colourway-5 a.item-block {
        transition: none
    }
}

.colourway-5 a.item-block:hover {
    background-color: #665dc9
}

.colourway-6 {
    background-color: #ff671f;
    color: #fff
}

.colourway-6 a.item-block {
    background-color: #ff671f;
    transition: background-color .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .colourway-6 a.item-block {
        transition: none
    }
}

.colourway-6 a.item-block:hover {
    background-color: #eb4c00
}

.colourway-1 {
    --logo-invert: invert(0);
    --logo-opacity: 0.08
}

.bg-light .colourway-1 {
    background-color: #e5e5e5
}

.bg-light .colourway-1 a.item-block {
    background-color: #e5e5e5
}

.bg-light .colourway-1 a.item-block:hover {
    background-color: #ccc
}

.icon-video-play {
    --size: 0.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    font: calc(var(--size)/ 4)/var(--size) ds;
    color: var(--on-primary, #fff);
    background-color: #d22630
}

.icon-video-play:after {
    content: "\e639"
}

.icon-video-play:hover {
    opacity: .8
}

.table-new {
    --table-padding-y: 1em;
    --table-padding-x: 1.5em;
    --table-border: 1px solid #ddd;
    width: 100%;
    min-width: 1000px;
    font-size: 14px;
    border-collapse: collapse
}

@media (min-width:992px) {
    .table-new {
        font-size: max(1.25vw, 20px)
    }

    .table-new tr>:first-child {
        padding-left: 0
    }

    .table-new tr>:last-child {
        padding-right: 0
    }
}

.table-new td,
.table-new th {
    padding: var(--table-padding-y) var(--table-padding-x);
    border-top: var(--table-border);
    border-bottom: var(--table-border);
    vertical-align: top
}

.list-filter-bar {
    display: flex;
    flex-wrap: wrap
}

.list-filter-bar__search-bar {
    align-self: center;
    margin-left: auto
}

@media (max-width:575.98px) {
    .list-filter-bar__search-bar {
        width: 100%;
        max-width: none !important;
        margin-bottom: 12px;
        order: -1
    }
}

.search-bar {
    position: relative;
    min-width: 320px;
    max-height: 46px
}

.search-bar .i-search {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1
}

.search-bar input {
    font-size: 16px;
    line-height: 1.14;
    width: 100%;
    height: 46px;
    padding: 5px 20px 5px 46px;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    outline: 0 !important;
    box-shadow: none !important
}

.base-intro {
    --base-intro-padding-y: 40px;
    --base-intro-spacing: 40px;
    padding-top: var(--base-intro-padding-y);
    padding-bottom: var(--base-intro-padding-y)
}

@media (min-width:992px) {
    .base-intro {
        --base-intro-padding-y: 60px;
        --base-intro-spacing: 140px
    }
}

.base-intro__row {
    display: flex
}

@media (max-width:991.98px) {
    .base-intro__row {
        flex-direction: column
    }
}

@media (max-width:991.98px) {
    .base-intro__row .base-intro__line {
        margin-top: var(--base-intro-spacing);
        margin-bottom: var(--base-intro-spacing)
    }
}

@media (min-width:992px) {
    .base-intro__row .base-intro__line {
        margin-left: var(--base-intro-spacing);
        margin-right: var(--base-intro-spacing)
    }
}

.base-intro__line {
    background-color: currentColor;
    opacity: .2;
    flex-shrink: 0
}

@media (max-width:991.98px) {
    .base-intro__line {
        height: 2px
    }
}

@media (min-width:992px) {
    .base-intro__line {
        width: 2px
    }
}

.base-intro__img img {
    max-width: 100%
}

@media (min-width:992px) {
    .base-intro__img img {
        max-width: 320px
    }
}

.base-intro__text {
    display: grid;
    gap: 8px;
    align-content: center;
    flex: 1;
    width: 100%
}

.base-intro__text>* {
    margin-top: 0;
    margin-bottom: 0
}

@media (min-width:992px) {
    .base-intro .container {
        padding-left: 0;
        padding-right: 0
    }
}

.sub-categories-item {
    padding: .32rem;
    transition: all .2s
}

.sub-categories-item.active {
    background-color: #00a3e0;
    color: #fff
}

.sub-categories-item.active .sub-categories-title i {
    transform: rotate(90deg)
}

.sub-categories-item.active .sub-categories-content {
    grid-template-rows: 1fr
}

.sub-categories-item:not(:last-child) {
    border-bottom: 1px solid rgba(16, 24, 32, .1)
}

.sub-categories-title {
    display: flex;
    font-size: .24rem;
    font-weight: 600;
    cursor: pointer
}

.sub-categories-title .i {
    font-size: .24rem;
    margin-left: auto;
    transform: rotate(-90deg);
    transition: transform .2s
}

.sub-categories-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: .25s grid-template-rows;
    overflow: hidden
}

.sub-categories-content>div:first-child {
    padding-top: 8px
}

.sub-categories-content>* {
    min-height: 0
}

.content-banner-info {
    width: 100%;
    flex: 1
}

.content-banner-info h1 {
    font-size: clamp(36px, 3.5vw, 50px)
}

.content-banner-info .info-type {
    font-size: 16px;
    font-weight: 600
}

.content-banner-info .info-type::after {
    content: "";
    display: block;
    margin-top: .04rem;
    width: 100%;
    background-color: rgba(16, 24, 32, .4);
    height: 2px
}

.content-banner-info .info-list {
    font-size: 16px;
    line-height: 28px;
    font-weight: 700
}

.content-banner-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.content-banner-tags .tag {
    padding: 2px 16px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    background-color: #d22630
}

.content-banner-pic {
    width: 468px;
    margin-left: 24px
}

@media (max-width:991.98px) {
    .content-banner-pic {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 24px
    }
}

.content-banner-pic .pic-wrap {
    position: relative;
    height: 0;
    padding-bottom: 100%
}

.content-banner-pic .pic-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--ds-logo) repeat left top/50% 50%;
    opacity: var(--logo-opacity, .16)
}

.content-banner-pic .pic-wrap .pic {
    position: absolute;
    inset: 0;
    padding: 32px
}

.content-banner-pic .pic-wrap .pic img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.new-tool-bar {
    z-index: 1;
    background-color: #d22630;
    color: #fff
}

.new-tool-bar .share-box a::after {
    background-color: transparent !important
}

.new-tool-bar .share-box a:hover::after {
    background-color: #d22630 !important
}

.new-tool-bar .share-box a:nth-of-type(2):hover::after,
.new-tool-bar .share-box a:nth-of-type(5):hover::after,
.new-tool-bar .share-box a:nth-of-type(6):hover::after {
    background-color: #d22630 !important
}

.new-tool-bar .share-box a:nth-of-type(2)::after,
.new-tool-bar .share-box a:nth-of-type(5)::after,
.new-tool-bar .share-box a:nth-of-type(6)::after {
    background-color: rgba(255, 255, 255, .2) !important
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center
}

.pagination .page-link {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    height: 32px;
    padding: 0 4px;
    margin: 0 2px
}

.pagination .page-link.active {
    background-color: #d22630;
    color: #fff;
    border-radius: 4px
}

.pagination .page-link.disabled {
    opacity: .32;
    pointer-events: none
}

.pagination .page-link__first,
.pagination .page-link__last,
.pagination .page-link__next,
.pagination .page-link__prev {
    font-size: 0;
    width: 32px;
    height: 32px;
    text-indent: -999em;
    overflow: hidden;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center
}

.pagination .page-link__first {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M13.9142 12L18.7071 7.20712L17.2929 5.79291L11.0858 12L17.2929 18.2071L18.7071 16.7929L13.9142 12ZM7 18V6.00001H9V18H7Z'%3E%3C/path%3E%3C/svg%3E")
}

.pagination .page-link__last {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M10.0858 12L5.29289 16.7929L6.70711 18.2071L12.9142 12L6.70711 5.79291L5.29289 7.20712L10.0858 12ZM17 6.00002L17 18H15L15 6.00002L17 6.00002Z'%3E%3C/path%3E%3C/svg%3E")
}

.pagination .page-link__prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z'%3E%3C/path%3E%3C/svg%3E")
}

.pagination .page-link__next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E")
}

.input-container--has-clear {
    position: relative
}

.input-container--has-clear .input-clear {
    position: absolute;
    background: #fff;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer
}

.input-container--has-clear input:placeholder-shown~.input-clear {
    display: none
}

:root {
    --plyr-color-main: #d22630
}

.work-review {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 730px;
    padding: 50px 0;
    margin: auto;
    font-size: 16px;
    line-height: 1.75;
    color: #101820
}

.work-review-section {
    display: grid;
    gap: 20px
}

.work-review-section__title {
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.25em
}

.work-review-section__subtitle {
    font-size: 1.1875em;
    font-weight: 700;
    line-height: 1.25em
}

.work-review-section__title~.work-review-section__subtitle {
    margin-top: -10px
}

.work-review-section__content {
    font-size: 1em
}

.work-review-file img {
    display: block;
    width: 100%;
    max-height: 770px;
    background-color: #f0f0f0;
    object-fit: contain
}

.work-review-file video {
    display: block;
    width: 100%;
    object-fit: contain
}

.work-review-file__caption,
.work-review-file__content {
    display: grid;
    gap: 8px
}

.work-review-file__content {
    color: #fff;
    background-color: var(--primary, #d22630);
    padding: 15px 30px;
    font-size: .875em;
    line-height: 1.25
}

.work-review-file__caption {
    font-weight: 700
}

.work-review-file__caption p {
    margin: 0
}

.work-review [data-fancybox] {
    display: block;
    cursor: zoom-in
}

.work-review .plyr__control {
    border-radius: 0
}

.work-review .plyr__control--overlaid {
    padding: 20px
}

.work-review .plyr__control--overlaid svg {
    width: 24px;
    height: 24px
}

.work-review hr {
    margin: 0;
    border-top: 1px solid rgba(16, 24, 32, .1)
}

.work-review .swiper-pagination-fraction {
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    width: auto;
    padding: 9px 16px;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    background: rgba(0, 0, 0, .35)
}

.machine-translated-link {
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    color: #b1b3b3;
    font-weight: 400;
    white-space: nowrap
}

.machine-translated-link a {
    color: var(--primary, #d22630);
    text-decoration: underline
}

.work-review-file__content .machine-translated-link {
    color: rgba(255, 255, 255, .7)
}

.work-review-file__content .machine-translated-link a {
    color: #fff
}

.fancybox-show-info .fancybox-infobar {
    display: block !important;
    color: #fff
}

.fancybox-show-info .fancybox-button--play,
.fancybox-show-info .fancybox-button--thumbs {
    display: none
}

.typography--h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 38px
}

.typography--h4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 34px
}

.typography--body1 {
    font-size: 16px;
    line-height: 22px
}

.typography--body2 {
    font-size: 20px;
    line-height: 26px
}

.typography--caption {
    font-size: 12px;
    line-height: 18px
}

.ellipsis-2,
.ellipsis-3,
.ellipsis-4,
.ellipsis-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ellipsis-2 {
    -webkit-line-clamp: 2
}

.ellipsis-3 {
    -webkit-line-clamp: 3
}

.ellipsis-4 {
    -webkit-line-clamp: 4
}

.ellipsis-5 {
    -webkit-line-clamp: 5
}

.ellipsis-1 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1
}

.ellipsis-1 br {
    display: none
}

@media (max-width:575.98px) {
    .ellipsis-1\:only-xs {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-line-clamp: 1
    }

    .ellipsis-1\:only-xs br {
        display: none
    }
}

.grid-container-title {
    padding-left: .5%;
    padding-right: .5%;
    font-size: .38rem;
    font-weight: 700;
    text-align: left;
    color: inherit;
    margin: 0 0 .4rem 0
}

.grid-item-intro-box {
    position: relative;
    display: grid;
    gap: 16px;
    align-content: center;
    padding: 5%;
    font-size: 12px;
    aspect-ratio: 1
}

@media (min-width:768px) {
    .grid-item-intro-box {
        font-size: 13px
    }
}

@media (min-width:992px) {
    .grid-item-intro-box {
        font-size: .16rem
    }
}

.grid-item-intro-box:has(.grid-item__tags) {
    padding-top: calc(10% + 48px)
}

.grid-item__tags {
    position: absolute;
    top: 10%;
    left: 10%;
    display: inline-flex;
    max-width: 80%;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 2px;
    font-weight: 700
}

.grid-item__tags::after {
    content: "";
    position: absolute;
    top: 110%;
    width: 100%;
    height: 0;
    border-bottom: 1.5px solid;
    opacity: .4
}

.grid-item__title {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0
}

@media (min-width:768px) {
    .grid-item__title {
        font-size: 14px
    }
}

@media (min-width:992px) {
    .grid-item__title {
        font-size: .19rem
    }
}

.grid-item__label {
    display: inline-flex;
    padding: 2px 8px;
    font-size: 12px;
    line-height: 20px;
    color: var(--label-color, inherit);
    background-color: rgba(0, 0, 0, .2)
}

/* .swiper-container-kv {
    background-color: #d22630
} */

.swiper-container-kv picture {
    background: #000
}

.swiper-container-kv img {
    /* opacity: .6; */
    object-fit: cover
}

@media (max-width:767px) {
    .swiper-container-kv .actions {
        display: grid;
        gap: 12px
    }
}

@media (min-width:768px) {
    .swiper-container-kv .actions {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin: -12px
    }

    .swiper-container-kv .actions>.btn {
        margin: 12px;
        width: 240px;
        font-size: 20px;
        letter-spacing: 10px;
    }
}

.swiper-slide-kv:after {
    content: none
}

.swiper-slide-kv-info h2,
.swiper-slide-kv-info__desc {
    text-shadow: 0 4px 12px rgba(0, 0, 0, .5), 0 2px 2px rgba(0, 0, 0, .5)
}

.swiper-slide-kv-info__desc {
    margin-top: 40px;
    font-size: 16px;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto
}

@media (min-width:768px) {
    .swiper-slide-kv-info__desc {
        font-size: 20px
    }
}

@media (min-width:992px) {
    .swiper-slide-kv-info__desc {
        font-size: 20px
    }
}

.swiper-slide-kv-info__desc p {
    margin-bottom: 1em
}

.swiper-slide-kv-info__desc a {
    text-decoration: underline
}

.swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 10px;
    color: var(--swiper-pagination-color);
    background-color: currentColor;
    border-radius: 0;
    opacity: .6
}

.swiper-pagination-bullet-active {
    color: var(--swiper-pagination-active-color);
    background-color: transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 8px solid;
    opacity: 1
}

.swiper-container--video {
    --swiper-btn-top: calc(50% - 60px)
}

.swiper-container--video .swiper-pagination {
    position: relative;
    margin-top: 50px
}

.bg-black .swiper-container--video {
    --swiper-pagination-color: #d22630;
    --swiper-pagination-active-color: var(--on-primary, #fff)
}

.swiper-slide__video {
    position: relative;
    max-width: max(1010px, 63.76vw);
    /* padding: 0 20px; */
    margin: auto
}

.swiper-slide__video h3{ border-bottom: 1px solid #747579; padding-bottom: 20px; margin-bottom: 20px;}

.swiper-slide__video .position-relative {
    background-color: #000
}

.swiper-slide__video img {
    display: block;
    width: 100%;
    height: auto;
    opacity: .6;
    /* aspect-ratio: 4/3; */
    object-fit: cover
}

.swiper-slide__video__info {
    position: absolute;
    inset: 20px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: .3rem
}

.swiper-slide__video__info h3 {
    margin: 0;
    font-size: .38rem;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    order: 1
}

.swiper-slide__caption {
    padding: 1em 1.5em;
    font-size: .875em;
    line-height: 1.5em;
    color: var(--swiper-caption-color, var(--on-primary, #fff));
    background-color: var(--swiper-caption-bg, #d22630)
}

.swiper-slide__caption:empty {
    display: none
}

.swiper-next,
.swiper-prev {
    position: absolute;
    top: var(--swiper-btn-top, calc(50% - 20px));
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    font: 20px/40px ds;
    color: var(--swiper-navigation-color, var(--on-primary, #fff));
    background-color: var(--swiper-navigation-bg, #d22630);
    cursor: pointer
}

.swiper-prev {
    left: 0
}

.swiper-prev:before {
    content: "\e6fb"
}

.swiper-next {
    right: 0
}

.swiper-next:before {
    content: "\e6fc"
}

.content-banner-group {
    display: flow-root
}

.select-wrap-tit .toggle-menu li {
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    min-height: 46px
}

@media (min-width:768px) {
    .select-wrap-tit .btn-toggle {
        display: flex;
        align-items: center;
        line-height: 1.2
    }

    .select-wrap-tit .toggle-menu {
        min-width: 100%;
        width: auto
    }

    .select-item .dropdown-menu {
        white-space: nowrap
    }
}

@media (max-width:767px) {
    .select-wrap-tit .select-mob {
        display: flex;
        align-items: center;
        overflow: hidden
    }

    .select-wrap-tit .select-mob select {
        margin-right: 10px;
        text-overflow: ellipsis
    }

    .swiper-slide-kv-info__logo{height: auto !important;}
    .swiper-slide-kv-info__logo img{width: 100% !important; height: auto !important; object-fit: cover !important;}
    .swiper-slide__video h3,.swiper-slide__video p{ padding-left: 10px; padding-right: 10px;}
    .section-container-title2{ top: -1.3vw;}
    .table-responsive{border: none;}
    .news-area{padding: 0 0 30px !important;}
    .item-grid-layout{--rows:1 !important;}
}

.select-wrap-tit .select-item-group {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 10px;
    align-items: center
}

.select-wrap-tit .select-item-group .select-item {
    display: block;
    width: fit-content
}

.news-area{ background-color: #fff; padding: 80px; box-shadow: 0 0 10px rgba(0, 0, 0, .1); overflow: hidden; margin-bottom: -130px; }
.news-title{ font-size: 26px; color: #000; margin-bottom: 20px;}
.news-item__img{ width: 100%; height: 340px; overflow: hidden; position: relative; }
.news-item__img img{ width: 100%; height: 100%; object-fit: cover; transition: all .5s ease-in-out; }
.news-item__img i{ display: inline-block; background-color: #d22730; font-size: 16px; color: #fff; line-height: 35px; padding: 0 15px; position: absolute; top: 0; left: 0; z-index: 2; }
.news-item__title{ font-size: 20px; color: #000; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .3s ease-in-out; }
.news-item__desc p{ font-size: 14px; color: #777; margin-bottom: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.news-item:hover .news-item__title{ color: #d22730; }
.news-item:hover .news-item__img img{ transform: scale(1.3); }
.load-more{ display: inline-block; font-size: 14px; color: #454242 !important; text-align: center; margin-top: 5px; background-color: #e5e5e5; padding: 10px 25px; transition: all .3s ease-in-out; }
.load-more:hover{ background-color: #d22730; color: #fff !important; }
.news-list ul{ padding-left: 0;}
.news-list ul li{ list-style: none; border-top: 1px solid #e5e5e5; padding: 20px 0; }
.news-list ul li .news-list_title{ font-size: 18px; color: #000; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .3s ease-in-out; }
.news-list ul li .news-list_time{ font-size: 14px; color: #777; margin-bottom: 8px; }
.news-list ul li .news-list_time svg{ position: relative; top: 2px; margin-right: 5px;}
.news-list ul li:hover .news-list_title{ color: #d22730; }

.footer-logo{ border-bottom: 1px solid #3a312f; padding-bottom: 20px; margin-bottom: 20px; }
.footer-link ul{ padding-left: 0;}
.footer-link ul li{ list-style: none; margin-bottom: 15px; }
.footer-link ul li a{ font-size: 16px; color: #fff; }
.footer-link ul li a svg{ position: relative; top: 2px; margin-right: 5px;}
.footer-link ul li a:hover{ color: #d22730; }
.footer-mess ul{ padding-left: 0;}
.footer-mess ul li{ list-style: none; margin-bottom: 30px; font-size: 16px; color: #fff; line-height: 30px; }
.footer-mess ul li:last-child{ margin-bottom: 0; }

.dropdown-menu{ top: 98% !important; left: 50%; margin-left: -80px;}
.dropdown-menu ul{ padding-left: 0;}
.dropdown-menu ul li::marker{ content: none; }
.dropdown-menu ul li a{display: block; height: 50px !important; line-height: 50px; text-align: center; border-bottom: 1px solid #e5e5e5; color: #000; transition: all .3s ease-in-out; }
.dropdown-menu ul li:last-child a{ border-bottom: none; }
.dropdown-menu ul li a:hover{ background-color: #d22730; color: #fff; }
.on_active{ display: block !important;}

.img-overflow{ width: 100%; height: 100%; border: 1px solid #e5e5e5; box-shadow: 0 0 10px rgba(0, 0, 0, .1); overflow: hidden; }

.pagination ul{ margin-top: 50px;}
.pagination ul li {
  display: inline-block;
  margin: 0 4px;
}
.pagination ul li a,.pagination ul li span {
  display: inline-block;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  font-size: 16px;
  /* border-radius: 100%; */
  color: #d22630;
  -webkit-box-shadow: 0 0px 12px 0.8px rgba(0, 166, 81, 0.1);
          box-shadow: 0 0px 12px 0.8px rgba(0, 166, 81, 0.1);
}
.pagination ul li a:hover {
  background-color: #d22630;
  color: #fff;
}
.pagination ul li a.active,.pagination ul li.active span {
  background-color: #d22630;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pagination ul li a.active:hover {
  background-color: #333;
}
.pagination ul li a.prev,
.pagination ul li a.next {
  background-color: #f6f6f6;
  color: #d22630;
  font-size: 17px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pagination ul li a.prev:hover,
.pagination ul li a.next:hover {
  background-color: #d22630;
  color: #fff;
}

.banner-title{max-width: 100% !important; color: #000; text-align: center; font-weight: bold; font-size: 40px !important; margin-bottom: 20px; }
.sub_menu{ text-align: center; white-space: nowrap;}
.sub_menu a{ display: inline-block; text-align: center; line-height: 15px; padding-bottom: 20px; font-size: 14px; color: #000; margin: 0 10px; }
.sub_menu a svg{ display: none;}
.sub_menu_active{ font-weight: bold; position: relative; top: 15px; }
.sub_menu_active svg{display: inline-block !important;}
.time-label{ font-size: 14px; color: #777; text-align: center;}

.textcolor1{ color: #333; font-size: 16px;}
.textcolor2{ color: #999; font-size: 14px;}

@media screen and (max-width: 767px) {
    .sub_menu{ overflow-x: scroll; overflow-y: hidden;}
    .sub_menu::-webkit-scrollbar{ display: none;}
}