/*cufyyf*/
@charset "UTF-8";

:root {
    --icv7: #F1F1F1;
    --cdhc: #fff;
    --mhoi: #0C0C1A;
    --bhp4: #0C0C1A;
    --vgqe: #EA3256;
    --bayo: #FFF;
    --wdoe: #0C0C1A;
    --ovkd: #F1F1F1;
    --jemw: #38383C;
    --bjb5: #0C0C1A;
    --zgg8: #EA3256;
    --epq4: #EA3256;
    --gael: #EA3256;
    --wckh: #0C0C1A;
    --wnpg: #0C0C1A;
    --iqil: #E3E3E3;
    --vic9: #EA3256;
    --ndmm: #F1F1F1;
    --xjlz: #EA3256;
    --zjgv: #0C0C1A;
    --vvhz: #0C0C1A;
    --ffan: #FFE100;
    --sqhr: #0C0C1A;
    --rlas: #F8F8F9;
    --xgsr: #EBEBEB;
    --pohb: #F1F1F1;
    --gdct: var(--bjb5);
    --glhn: #38383C;
    --iurm: #1E1450;
    --woeh: #F1F1F1;
    --tphs: #0C0C1A;
    --ccks: #0C0C1A;
    --vyq9: #E3E3E3;
    --omec: #0C0C1A;
    --fdjw: #0C0C1A;
    --xhuz: #0C0C1A;
    --appu: #F1F1F1;
    --bbxb: #000;
    --uwge: #fff;
    --tdbj: #EA3256;
    --tkap: #EA3256;
    --nhrf: #0C0C1A;
    --ctvv: #F1F1F1;
    --dptp: #fff;
    --wkww: #fec630;
    --pmoo: #717171;
}


@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url('ugl/jqusxx.woff2') format('woff2'),
        url('ugl/sjodhl.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url('ugl/jjjdyh.woff2') format('woff2'),
        url('ugl/ufactm.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url('ugl/dfwtrc.woff2') format('woff2'),
        url('ugl/pdvams.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url('ugl/pyffmv.woff2') format('woff2'),
        url('ugl/wiwjfg.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url('ugl/wyzxdm.woff2') format('woff2'),
        url('ugl/cunnws.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url('ugl/dspbge.woff2') format('woff2'),
        url('ugl/lcprpf.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url('ugl/rwzhfn.woff2') format('woff2'),
        url('ugl/qwkfil.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url('ugl/wsthvs.woff2') format('woff2'),
        url('ugl/hveiii.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url('ugl/jjkuoc.woff2') format('woff2'),
        url('ugl/sdcbab.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url('ugl/uzowbl.woff2') format('woff2'),
        url('ugl/gewitf.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}


* {
    padding: 0;
    margin: 0;
    border: 0
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:root {
    --axec: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --hvxd: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

:active,
:focus {
    outline: 0
}

a:active,
a:focus {
    outline: 0
}

aside,
footer,
header,
nav {
    display: block
}

:where(.ols) {
    margin-bottom: 0;
}

body,
html {
    min-height: 100%;
    width: 100%;
    font-size: 16px;
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body::-webkit-scrollbar {
    width: 10px
}

body::-webkit-scrollbar-track {
    background: var(--wckh)
}

body::-webkit-scrollbar-thumb {
    background: var(--gael);
    border-radius: 10px
}

.bz8 {
    position: fixed;
    bottom: 100px;
    right: 15px;
    z-index: 55;
    opacity: 10
}

.scroll-top__button {
    border: none;
    width: 44px;
    height: 44px;
    border-radius: 8px;

    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: var(--ffan);
    color: var(--bjb5);
    text-shadow: 1px 1px 2px #000;
    font-size: 20px
}

.scroll-top__button svg {
    fill: var(--sqhr)
}

button,
input,
textarea {
    font-family: inherit
}

input::-ms-clear {
    display: none
}

button {
    cursor: pointer
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

a,
a:visited {
    text-decoration: none
}

a {
    color: var(--zgg8)
}

p a {
    color: var(--accent-base, #EA3256);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

@media (hover: hover) {
    .btn:hover {
        transform: scale(.96);
    }

    a:hover {
        text-decoration: none;
        opacity: .8;
    }
}

ul li {
    list-style: none
}

img {
    vertical-align: top;
    height: auto
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: 400;
    margin: 0 0 1rem 0;
    color: var(--bjb5);
    font-family: var(--hvxd);
    font-size: 1.875rem;
    font-style: normal;
    line-height: 2.25rem;
    text-transform: uppercase
}

h1 {
    font-size: 2.25rem;
    line-height: 2.75rem
}

*+.twj:not(h1) {
    margin-top: 28px;
}


.xz1 {
    text-align: left
}

.kme {
    text-align: center
}

.by5 {
    text-align: right
}

.rlv img {
    max-width: 4.25rem;
    max-height: 4.25rem;
    width: 100%;
    object-fit: contain
}

.item {
    padding: 16px;

    border-radius: 8px;
    background: var(--card-bg, #F8F8F9);
    box-shadow: 0 6px 12px 0 rgba(11, 0, 5, 0.08);
}

@media (max-width: 768px) {
    .rlv {
        display: flex;
        gap: .3125rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.rlv {
    margin-top: .625rem;
    position: sticky;
    bottom: 0;
    padding: .25rem .75rem 0 .25rem;
    background: #fff;
    display: none;
    justify-content: space-between;
    align-items: center;
    gap: .125rem
}

.pav {
    color: var(--jemw);
    font-size: 100px;
    text-align: center;
    margin: 95px 0 19px 0;
    line-height: 75px;
}

.qr9 {
    color: var(--jemw);
    font-size: 35px;
    text-align: center;
    margin: 0 0 20px 0
}

.ehm {
    margin: auto
}

.page:not(.home) .xnp {
    margin-top: 52px;
}

.ssd {
    margin-top: 100px;
    width: 100%;
    z-index: 20;
    position: absolute;
}


.ad1 {
    display: flex;
    align-items: center;
    gap: 4px
}

.qys {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: .5rem 0;
    color: var(--dptp);
}

.ad1 {
    text-align: left;
    color: var(--jemw)
}

.aww {
    text-align: left;
    color: var(--accent-base, #0BF);

}

.wzs {
    color: var(--dptp);
    display: flex;
    align-items: center;
    gap: 9px;
}

body:not(:has(.ual.brc)) .ssd {
    margin-top: 65px;
}

body:not(:has(.ual.brc)) .wzs,
body:not(:has(.ual.brc)) .iim {
    color: #000000;
}

body:not(:has(.ual.brc)) .iim.aww {
    color: var(--accent-base, #0BF);
}

.iim {
    display: flex;
    gap: 10px;
}

.mwf .crw {
    margin-top: 0;
}

.crw table thead tr:first-child td:first-child,
.crw table tbody tr:first-child th:first-child {
    min-width: 10rem;
    border-radius: 8px 0 0 0
}

.crw table thead td,
.crw table th {
    color: var(--bjb5);
    text-align: center;
    font-weight: 700;
    background: var(--tdbj);
}

[class*=" icon-font__"]:before,
[class^=icon-font__]:before {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.jfv:before {
    content: "\e901";
    color: #fff
}

.ebv:before {
    content: "\e902";
    color: #fff
}

.zwm:before {
    content: "\e903";
    color: #fff
}

.ge6:before {
    content: "\e904";
    color: #fff
}

.iq9:before {
    content: "\e905";
    color: #fff
}

.ryt {
    align-items: center
}

.qfg {
    align-items: start
}

.xbj {
    align-items: end
}

.cgm {
    order: 2
}

.axg {
    order: 1
}

.ual:not(:first-child),
.ual.brc {
    margin-top: 48px;
}

.ual.brc {
    color: #F1F1F1;
    background-color: #0c0c1a;
    padding-top: 2.50rem;
    padding-bottom: 2.50rem;
}

.ual.brc .twj {
    color: #F1F1F1;
}

.page:not(.home) .ual.brc {
    padding-top: 96px;
    margin-top: -49px;
}

@media (max-width: 1000px) {
    .page:not(.home) .ual.brc {
        padding-top: 68px;
        margin-top: -52px;
    }


}

.qjc ul {
    display: none
}

.qjc.active ul {
    display: flex
}

.qjc>ul>li {
    position: relative;
    padding: .5rem .75rem;
    border-radius: .5rem;
    border: 1px solid var(--appu, #F1F1F1);
    overflow: hidden;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    background-color: var(--xhuz);
    width: fit-content;
    margin-bottom: 10px
}

.qjc>ul>li>a {
    color: var(--jemw, #e3e3e3);
}

.qjc>ul>li::after {
    position: absolute;
    content: "";
    top: 0;
    left: -300%;
    height: 100%;
    width: 5rem;
    background: rgba(190, 173, 228, .4);
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg)
}

.qjc>ul>li::before {
    content: none
}

.qjc>ul>li:hover {
    -webkit-box-shadow: 0 0 8px 1px var(--ctvv, #0C0C1A);
    box-shadow: 0 0 8px 1px var(--ctvv, #0C0C1A)
}

.qjc>ul>li:hover::after {
    -webkit-animation: identifier .35s linear;
    animation: identifier .35s linear
}

.qnx .edu:last-child::after {
    content: none
}

@media (max-width: 576px) {
    .ual {
        margin-top: 48px;
        margin-bottom: 48px;
    }
}

.ual.brc {
    margin-top: 24px;
    margin: 0 40px;
    border-radius: 8px;

}

@media (max-width: 1590px) {
    .ual.brc {
        margin: 0 12px;
    }
}


.ual:last-child {
    border-bottom: none;
}

.ygt {
    border-bottom: none;
    padding-bottom: 0
}

.ual ol:not([class]),
ol.gu3 {
    margin-bottom: 1rem;
    margin-top: 1rem;
    color: var(--jemw, #e3e3e3);
    counter-reset: MyCounter;
    list-style: none
}

.ual ol:not([class]) li,
ol.gu3 li {
    position: relative;
    counter-increment: MyCounter;
    padding-bottom: 1rem;
    padding-left: 2.125rem
}

.ual ol:not([class]) li:last-child,
ol.gu3 li:last-child {
    padding-bottom: 0
}

.ual ol:not([class]) li::before,
ol.gu3 li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(MyCounter);
    width: 1.5rem;
    height: 1.5rem;
    color: var(--nhrf, #0C0C1A);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: .625rem;
    color: var(--text-main, #0C0C1A);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
}

.ual ol:not([class]) li::after,
ol.gu3 li::after {
    position: absolute;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="20" viewBox="0 0 22 20" fill="none"><rect x="0.5" y="0.5" width="19" height="19" rx="9.5" stroke="%2300BBFF"/><rect x="2" width="20" height="20" rx="10" fill="%2300BBFF"/></svg>');
    top: 2px;
    left: 0;
    width: 22px;
    height: 20px;
    z-index: -1;
}

.ual *+ul:not([class]),
*+ul.gu3 {
    margin-top: 1rem;
}

.ual ul:not([class]),
ul.gu3 {
    color: var(--jemw, #e3e3e3);
    counter-reset: Counter;
    display: flex;
    flex-direction: column
}

.ual ul:not([class]) li,
ul.gu3 li {
    position: relative;
    counter-increment: Counter;
    padding-bottom: 1rem;
    padding-left: 26px
}

.ual ul:not([class]) li:last-child,
ul.gu3 li:last-child {
    padding-bottom: 0
}

.ual ul:not([class]) li::before,
ul.gu3 li::before {
    position: absolute;
    top: 3.7px;
    left: 3.5px;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none"><rect x="0.707107" y="7.23389" width="9.23007" height="9.23007" rx="1.5" transform="rotate(-45 0.707107 7.23389)" stroke="%2300BBFF"/><rect x="2.4668" y="7.23926" width="10.2301" height="10.2301" rx="2" transform="rotate(-45 2.4668 7.23926)" fill="%2300BBFF"/></svg>');

    margin-right: .625rem
}

.de1 {
    margin-left: auto;
    margin-right: auto;
}

.de1>*,
.vwn>* {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1490px) {

    .de1,
    .hcv,
    .qys {
        padding-left: 16px;
        padding-right: 16px;
    }

}

.btn {
    position: relative;
    display: block;
    max-width: 11.875rem;
    padding: .6875rem 1.25rem;
    gap: .625rem;
    border-radius: .5rem;
    color: #1e1e28;
    font-family: var(--axec);
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    text-align: center;
    cursor: pointer
}

.btn:hover {
    transform: scale(.96)
}

.btn--primary {
    background: var(--xjlz);
    color: var(--zjgv)
}

.ygf {
    border-radius: var(--button-radius, 8px);
    background: var(--secondary-button-bg, #0C0C1A);
    color: var(--secondary-button-color, #FFF);

}

.gd4 {
    background: #fff
}

.gd1 {
    display: block;
    width: 100%;
    max-width: unset;
    padding: 1.1rem 2rem;
}

.ieq {
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
}

.rrr {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .25rem
}

.rrr svg {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem
}

*+.aw7 {
    margin-top: 20px;
}

.rpe {
    margin: 1.5rem 0
}

*+.zv0 {
    margin-top: 16px;
}

.zv0 {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.zv0>p {
    font-family: var(--axec);
    font-weight: 400
}

.zv0 h1.pkk {
    color: var(--bjb5);
    font-family: var(--hvxd);
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.75rem;
    text-transform: uppercase
}

.zv0.de1 {
    margin-top: 2.75rem;
    background-color: var(--iurm)
}

.ha0 {
    border-radius: 8px
}

.ha0 .mwf {
    padding: 16px
}

@media (max-width: 576px) {
    .zv0 h1.pkk {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    .rpe {
        margin: 1.5rem 0
    }
}

.pkk {
    grid-column: 1/-1;
    color: var(--dptp);
    font-family: var(--hvxd);
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem;
    text-transform: uppercase
}

@media (max-width: 576px) {
    .pkk {
        font-size: 1.5rem;
        line-height: 1.75rem
    }
}

@media (max-width: 1000px) {
    .mwf {
        max-width: 100%;
        grid-column: 1/-1;
    }

    .zv0:not(.ha0) .mwf {
        display: contents;
    }

    .zv0 {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .zv0:not(.ha0) h2.twj {
        order: -5;
    }

    .zv0:not(.ha0)>img {
        order: -1;
        margin-bottom: 16px;
    }

    .rpe {
        order: 1
    }

    .ual.brc {
        margin: 0;
        border-radius: 0;
    }

    .ual.brc:first-child .zv0:not(.ha0)>img {
        order: 30;
        margin-top: 16px;
        margin-bottom: 0;
    }

    .ual.brc:first-child {
        display: flex;
        flex-direction: column;
    }

    .ual.brc:first-child .zv0 {
        display: contents;
    }

    .ual.brc:first-child .zv0:not(.ha0) h2.twj,
    .ual.brc:first-child .zv0:not(.ha0) h1.twj {
        order: unset;
    }

    .aw7 {
        width: 100%;
    }

    .ual.brc:first-child .aw7,
    .ual.brc:first-child .xee {
        width: 100%;
        margin-bottom: 16px;
    }

    .ual.brc:first-child .mwf p:not([class]) {
        order: 1;
    }

    .ssd {
        margin-top: 80px;
    }

}


.mwf p:not(:last-of-type) {
    margin-bottom: 1.0625rem;
}


.mwf p:last-child {
    margin-bottom: 0
}

.zv0 img {
    object-fit: contain;
    width: 100%;
    border-radius: 8px
}

@media (max-width: 1000px) {
    .zv0 img {
        max-width: 100%;
        width: 100%;
        grid-column: 1/-1;
    }

    .qys {
        padding: 0;
    }
}


@media (max-width: 576px) {
    .xee {
        padding: 1.25rem
    }
}

.pzb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pzb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.aq1 {
    position: relative;
    gap: .9375rem;
    -ms-flex: 1;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width: 768px) {
    .aq1 {
        max-width: 100%;
        padding-right: 0
    }

    body:not(:has(.ual.brc)) .ssd {
        margin-top: 125px;
    }
}

.ps8 {
    color: var(--bjb5);
    font-family: var(--hvxd);
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 16px;
}

.zam {
    position: relative;
    color: var(--bjb5);
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
    padding-bottom: 1.25rem
}

.zam::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, right top, left top, color-stop(-7.11%, rgba(126, 172, 47, 0)), color-stop(50.12%, #7eac2f), color-stop(107.93%, rgba(126, 172, 47, 0)));
    background: linear-gradient(270deg, rgba(126, 172, 47, 0) -7.11%, #7eac2f 50.12%, rgba(126, 172, 47, 0) 107.93%)
}

.zam span {
    color: #a7dc4c;
    font-weight: 700
}

.nr5 {
    display: flex;
    align-items: flex-start;
    gap: 1.875rem
}

@media (max-width: 768px) {
    .nr5 {
        flex-direction: column
    }

    .ssd {
        margin-top: 136px;
    }
}

.bf6 {
    min-width: 17.3125rem
}

.frc {
    display: flex;
    flex-direction: column;
    gap: .625rem
}

@media (max-width: 768px) {
    .frc {
        width: 100%;
        align-self: center
    }
}

.sfm {
    width: 100%;
    height: 3.25rem;
    gap: .25rem;
    display: flex;
    justify-content: space-between;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, .3);
    padding: .125rem
}

.frc input {
    max-width: 11.875rem;
    color: #a7dc4c;
    background-color: transparent;
    font-family: Montserrat;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1rem;
    padding: 1rem 1.25rem
}

.frc .btn {
    padding: 1rem 2rem
}

.kgp {
    padding: .75rem 1.25rem;
    min-width: 5.25rem;
    min-height: 2.375rem;
    height: 100%;
    border-radius: 3px;
    background: #185a8a;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    color: var(--bjb5);
    font-family: "TT Firs Neue";
    font-size: .875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1rem;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.kgp:hover {
    -webkit-transform: scale(.97);
    -ms-transform: scale(.97);
    transform: scale(.97)
}

.kgp.copied {
    background-color: #10ec10
}

.kgp svg {
    width: 1.25rem;
    height: 1.25rem
}

.kgp svg use {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.kgp:hover use {
    scale: 1.02
}

@media (max-width: 576px) {
    .xee {
        width: 100%
    }
}

@media (max-width: 1380px) {
    .aq1 {
        flex-direction: column
    }
}

.zjv {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 1.5rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: .625rem;
    gap: 1.375rem;
    overflow: hidden
}

@media (max-width: 768px) {
    .zjv {
        width: 100%;
        flex-direction: column;
        gap: .3125rem
    }
}

.xi0 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.xi0 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.oct {
    position: relative;
    gap: .5rem;
    -ms-flex: 1;
    flex: 1;
    max-width: 15.375rem;
    display: flex;
    flex-direction: column
}

@media (max-width: 768px) {
    .oct {
        max-width: 100%;
        padding-right: 0
    }
}

@media (max-width: 390px) {
    .oct {
        max-width: 95%;
        margin: 0 auto
    }
}

.ewn {
    color: var(--bjb5);
    font-family: Montserrat;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left
}

@media (max-width: 390px) {
    .ewn {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        text-align: center
    }
}

.nq4 {
    color: var(--bjb5);
    font-family: Montserrat;
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media (max-width: 576px) {
    .nq4 {
        font-size: .875rem
    }
}

@media (max-width: 390px) {
    .nq4 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        text-align: center
    }
}

.nq4 span {
    color: #a7dc4c;
    font-weight: 700
}

.mcu {
    color: var(--bjb5);
    font-family: Montserrat;
    font-size: .875rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5rem
}

@media (max-width: 390px) {
    .mcu {
        order: 2;
        text-align: center
    }
}

.zjv>svg {
    position: relative;
    width: 3.125rem;
    height: 2.5rem;
    align-self: center
}

@media (max-width: 390px) {
    .zjv>svg {
        -webkit-transform: translate(-90%, -20%) scaleX(-1) rotate(90deg);
        -ms-transform: translate(-90%, -20%) scaleX(-1) rotate(90deg);
        transform: translate(-90%, -20%) scaleX(-1) rotate(90deg)
    }
}

.cnd {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .625rem;
    max-width: 16.625rem
}

@media (max-width: 768px) {
    .cnd {
        max-width: 100%;
        width: 100%
    }
}

.pf6 {
    width: 100%;
    height: 3.25rem;
    gap: .25rem;
    display: flex;
    justify-content: space-between;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, .3);
    padding: .125rem
}

.cnd input {
    max-width: 10.625rem;
    color: #a7dc4c;
    background-color: transparent;
    font-family: Montserrat;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1rem;
    padding: 1rem .3125rem 1rem 1.25rem
}

.cnd .btn {
    padding: 1rem 2rem
}

.ojx {
    padding: .75rem .625rem;
    min-width: 5.375rem;
    min-height: 2.375rem;
    height: 100%;
    border-radius: 3px;
    background: #093056;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    color: var(--bjb5);
    font-family: "TT Firs Neue";
    font-size: .875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1rem;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.ojx:hover {
    -webkit-transform: scale(.97);
    -ms-transform: scale(.97);
    transform: scale(.97)
}

.ojx.copied {
    background-color: #10ec10
}

.ojx svg {
    width: 1.25rem;
    height: 1.25rem
}

.ojx svg use {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.ojx:hover use {
    scale: 1.02
}

@media (max-width: 576px) {
    .zjv {
        width: 100%
    }
}

@media (max-width: 1380px) {
    .oct {
        flex-direction: column
    }
}

.acu {
    position: relative;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.625rem 1.875rem 1.875rem 1.875rem;
    border-radius: .625rem;
    background: var(--bg-sports, linear-gradient(102deg, rgba(4, 14, 40, .6) 0, rgba(4, 14, 40, .18) 100%), #185a8a);
    gap: .625rem;
    overflow: hidden
}

@media (max-width: 768px) {
    .acu {
        flex-direction: column;
        align-items: center
    }
}

@media (max-width: 576px) {
    .acu {
        padding: 1.375rem 1.25rem 1.25rem 1.25rem
    }
}

.kpz {
    gap: 1.5rem;
    -ms-flex: 1;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width: 768px) {
    .kpz {
        max-width: 100%;
        padding-right: 0
    }
}

.ry9 {
    color: var(--bjb5);
    font-family: Montserrat;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center
}

.jne {
    display: flex;
    justify-content: center
}

.js8 {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding-right: 1.375rem;
    padding-left: 1.375rem;
    border-right: 1px solid rgba(227, 227, 227, .3)
}

.js8:last-child {
    border-right: none;
    padding-right: 0
}

.js8:first-child {
    padding-left: 0
}

@media (max-width: 576px) {
    .js8 {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.shs {
    text-align: center;
    color: var(--bjb5);
    font-family: Montserrat;
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: 600;
    line-height: 25.554px;
    letter-spacing: -.17px
}

@media (max-width: 576px) {
    .shs {
        font-size: .875rem
    }
}

.uwu::after {
    content: " ★ ★ ★ ★ ★"
}

@media (max-width: 576px) {
    .uwu::after {
        content: " ★ ";
        font-size: 1.0625rem
    }
}

.irw {
    color: #dfdfdf;
    text-align: center;
    font-family: Montserrat;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 25.554px;
    letter-spacing: -.14px
}

@media (max-width: 576px) {
    .irw {
        font-size: .75rem
    }
}

.nxx {
    position: relative;
    display: flex;
    gap: 1.125rem;
    padding-bottom: 1.25rem
}

@media (max-width: 768px) {
    .nxx {
        flex-direction: column
    }
}

.nxx::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, right top, left top, color-stop(-7.11%, rgba(126, 172, 47, 0)), color-stop(50.12%, #7eac2f), color-stop(107.93%, rgba(126, 172, 47, 0)));
    background: linear-gradient(270deg, rgba(126, 172, 47, 0) -7.11%, #7eac2f 50.12%, rgba(126, 172, 47, 0) 107.93%)
}

.nxx .btn {
    padding-top: .875rem;
    padding-bottom: .875rem
}

.iqz {
    color: var(--bjb5);
    text-align: center;
    font-family: Montserrat;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media (max-width: 576px) {
    .iqz {
        font-size: .875rem
    }
}

.iqz span {
    color: #a7dc4c;
    font-weight: 700
}

.fhi {
    display: flex;
    flex-direction: column;
    gap: .625rem
}

.cs9 {
    width: 100%;
    height: 3.25rem;
    gap: .25rem;
    display: flex;
    justify-content: space-between;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, .3);
    padding: .125rem
}

.fhi input {
    max-width: 11.875rem;
    color: #a7dc4c;
    background-color: transparent;
    font-family: Montserrat;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1rem;
    padding: 1rem 1.25rem
}

.fhi .btn {
    padding: 1rem 2rem
}

.dgw {
    padding: .75rem 1.25rem;
    min-width: 5.25rem;
    min-height: 2.375rem;
    height: 100%;
    border-radius: 3px;
    background: #093056;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    color: var(--bjb5);
    font-family: "TT Firs Neue";
    font-size: .875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1rem;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.dgw:hover {
    -webkit-transform: scale(.97);
    -ms-transform: scale(.97);
    transform: scale(.97)
}

.dgw.copied {
    background-color: #10ec10
}

.dgw svg {
    width: 1.25rem;
    height: 1.25rem
}

.dgw svg use {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.dgw:hover use {
    scale: 1.02
}

@media (max-width: 576px) {
    .acu {
        width: 100%
    }
}

@media (max-width: 1380px) {
    .kpz {
        flex-direction: column
    }
}

.ql1 {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0
}

.rpl {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3)
}

.hzy {
    width: 100%;
    max-width: 72.25rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 2;
    overflow: hidden;
    padding: 1.25rem;
    border-radius: .75rem;
    background: #fff;
    overflow: auto;
    max-height: 100vh
}

.hzy .btn {
    margin-top: 20px;
}

.ewp,
.kj8 {
    width: 85%;
    position: relative;
    display: flex;
    gap: .5rem;
    margin-bottom: .75rem;
    align-items: center;
    color: var(--text-white-bg, #58586c);
    font-family: var(--hvxd);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: uppercase;
    margin-top: 0
}

.ewp svg,
.kj8 svg {
    display: inline-block;
    max-width: 2.5rem;
    max-height: 2.5rem;
    cursor: pointer
}

.ewp svg:first-child,
.kj8 svg:first-child {
    border-radius: 8px;
    background: rgba(255, 255, 255, .05)
}

.ewp svg:last-child,
.kj8 svg:last-child {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.ae6 {
    color: var(--bjb5);
    font-family: var(--axec);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem
}

.ae6 span {
    color: var(--tkap, #00719a)
}

.lic .btn,
.kjn .btn {
    margin-top: 1rem
}

.vzt,
.ckl {
    padding-top: .75rem;
    padding-bottom: .75rem;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.vzt p,
.ckl p {
    margin-bottom: .625rem;
    color: var(--text-white-bg, #58586c);
}

.vzt p:last-child,
.ckl p:last-child {
    margin-bottom: 0
}

.ig4,
.ksv {
    counter-reset: MyCounter
}

.ig4 .ixl,
.ksv .dzj {
    position: relative;
    counter-increment: MyCounter;
    color: var(--text-white-bg, #58586c);
    padding-bottom: 1rem;
    padding-left: 2.125rem
}

.ig4 .ixl:last-child,
.ksv .dzj:last-child {
    padding-bottom: 0
}

.ig4 .ixl:last-child::after,
.ksv .dzj:last-child::after {
    display: none
}

.ig4 .ixl::before,
.ksv .dzj::before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(MyCounter);
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: 1px solid var(--tdbj);
    color: var(--tdbj);
    font-weight: 700;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: .625rem
}

.ig4 .ixl::after,
.ksv .dzj::after {
    position: absolute;
    content: "";
    top: 1.5rem;
    left: .75rem;
    width: .0625rem;
    height: calc(100% - 1.5rem);
    background: var(--tdbj)
}

.ig4 .ixl span,
.ksv .dzj span {
    color: var(--text-white-bg, #58586c);
    font-weight: 700
}

.zy4 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.ql1 .js-cross {
    position: absolute;
    top: .625rem;
    right: .625rem;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer
}

.ql1.open {
    display: block
}

.icy {
    display: flex;
    gap: 8px;
    flex-direction: column;
    max-width: 352px;
    width: 100%;
}

.icy .btn {
    min-width: 100%;
    display: flex;
    padding: 12px 48px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: var(--button-radius, 8px);

}

.crw {
    overflow-x: auto;
    margin-bottom: 1.0625rem;
    margin-top: 1rem;
    border-radius: 8px;
    background: var(--card-bg, #F8F8F9);
    box-shadow: 0 6px 12px 0 rgba(11, 0, 5, 0.08);
    padding: 16px;
}

.crw table {
    width: 100%;
    border-spacing: 0;
    height: auto;
    border-radius: 10px;
    overflow: auto;
    border-radius: 8px
}

.crw table a {
    text-decoration-line: underline
}


@media (max-width: 768px) {
    .crw table {
        width: 48rem
    }

    .zy4 {
        grid-template-columns: 1fr;
    }
}

.crw table {
    background-color: var(--rlas);
    border-collapse: separate !important;
}

.crw table thead td,
.crw table thead th {
    color: var(--gdct);
    text-align: center;
    font-weight: 700;
    background: var(--pohb)
}

.crw table td,
.crw table th {
    border: 1px solid var(--xgsr);
    padding: .75rem;
    text-align: center;
    color: var(--glhn);
}

.crw.jnc table thead>tr>th:nth-child(1) {
    border-bottom: none;
    padding-top: 1.5625rem;
    padding-bottom: 0;
    line-height: normal
}

.crw.jnc table tbody tr:nth-child(1) td {
    background: var(--tdbj)
}

.crw.jnc table tbody tr:nth-child(1) td:nth-child(1) {
    border-top: none;
    color: transparent
}

.crw.jnc {
    max-width: 75rem;
    margin: 1.75rem auto
}

@media (max-width: 576px) {
    .crw.jnc {}
}

@media (max-width: 1380px) {
    .crw.jnc {}
}

.crw.jnc table tbody tr:nth-child(1) td {
    color: var(--bjb5);
    text-align: center;
    background: var(--tdbj)
}

.crw table {
    border: none !important;
    border-collapse: collapse;
}

.crw table td,
.crw table th {
    border: 1px solid var(--xgsr);
}

.crw table tr:first-child th {
    border-top: none;
}

.crw table tr:last-child td {
    border-bottom: none;
}

.crw table tr td:first-child,
.crw table tr th:first-child {
    border-left: none;
}

.crw table tr td:last-child,
.crw table tr th:last-child {
    border-right: none;
}

.crw table tbody tr:first-child td {
    border-top: none !important;
}

.crw table thead th,
.crw table thead td {
    border-bottom: 1px solid var(--xgsr);
}

.xfr {
    margin-top: 1.25rem;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 1.25rem;

}

.za6 {
    display: inline-block;
    flex: 1 1 auto
}

.kz4 {
    max-width: 18.125rem;
    flex: 1 1 auto
}

@media (max-width: 576px) {
    .kz4 {
        max-width: 100%
    }
}

.kz4 p {
    margin-bottom: .5rem;
    color: var(--jemw);
}

.kz4 p:last-child {
    margin-bottom: 0
}

.kz4 p span {
    color: var(--jemw, #e3e3e3);
    font-weight: 700;
}

.imj {
    max-width: 18.125rem;
}

.ebn .imj li {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ebn .imj {
    gap: 16px
}

*+.luu {
    margin-top: 10px;
}

.nj7 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

@media (max-width: 576px) {
    .imj {
        max-width: 100%
    }
}

.imj {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.imj .zf2 {
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: .25rem .75rem;
    border-radius: .5rem;
    border: 1px solid rgba(255, 255, 255, .1);
    color: var(--jemw, #e3e3e3);
    font-family: var(--axec);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

.imj .zf2 img {
    width: 24px;
    height: 24px
}

.qnx {
    max-width: 36.25rem;
    flex: 1 1 auto
}

@media (max-width: 576px) {
    .qnx {
        max-width: 100%
    }
}

.qnx .uxk {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding-bottom: .75rem;
    border-bottom: 2px solid rgba(255, 255, 255, .1)
}

@media (max-width: 576px) {
    .qnx .uxk {
        flex-direction: column
    }
}

.qnx .edu {
    color: var(--jemw, #e3e3e3);
}

.qnx .edu .yq0 {
    margin-top: .75rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: .5rem
}

.qnx .edu .yq0 .zf2 {
    width: 2.25rem;
    height: 1.5rem
}

.qnx .edu .yq0 .zf2 img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.qnx .edu {
    position: relative
}

.qnx .edu::after {
    position: absolute;
    content: "";
    top: 0;
    right: -.625rem;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, .1)
}

.qnx p {
    padding-bottom: .75rem;
    padding-top: .75rem;
    font-weight: 700;
    border-bottom: 2px solid rgba(255, 255, 255, .1)
}

.qnx p span {
    color: var(--jemw, #e3e3e3);
}

.qnx .pcr {
    position: relative;
    display: flex;
    justify-content: space-between
}

.qnx .pcr::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, .1)
}

.qnx .pcr p {
    padding-bottom: 0;
    border-bottom: none
}

.ezp {
    max-width: 22.6875rem;
    flex: 1 1 auto
}

@media (max-width: 576px) {
    .ezp {
        max-width: 100%
    }
}

.ezp .yq0 {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.ezp .yq0 .zf2 {
    padding: .25rem .75rem;
    border-radius: .5rem;
    border: 1px solid rgba(255, 255, 255, .1);
    color: var(--jemw, #e3e3e3);
    font-family: var(--axec);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

.mja {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0
}

.mja .xc9 {
    display: flex;
    gap: 4px;
    align-items: center
}

.yq0 {
    color: var(--jemw, #e3e3e3);
    margin-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 5px
}

.yq0 span {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px
}

.yq0 img {
    max-height: 45px;
    width: auto
}

.xgo.sz8 .kpy {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px
}

.xgo.sz8+.xgo.sz8 {
    margin-top: 8px
}

*+.xgo {
    margin-top: 8px
}

.qdt {
    padding: .25rem .75rem;
    border-radius: .5rem;
    border: 1px solid rgba(255, 255, 255, .1);
    color: var(--jemw, #e3e3e3);
    font-family: var(--axec);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    width: fit-content;
    display: flex;
    gap: 4px
}

.za6 span {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px
}

.kw7:not(:last-child) {
    margin-bottom: 8px
}

.yq0.imj {
    margin-top: 5px
}

.ebn {
    min-width: 16.1875rem;
    max-width: 36.25rem;
}

.xgo.sz8 {
    padding-top: 12px;
    border-top: 2px solid rgba(255, 255, 255, .1)
}

.kfm {
    max-width: 16.1875rem;
    flex: 1 1 auto
}

@media (max-width: 576px) {
    .kfm {
        max-width: 100%
    }
}

.kfm .yq0 {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem
}

.kfm .yq0 .zf2 {
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: .25rem .75rem;
    border-radius: .5rem;
    border: 1px solid rgba(255, 255, 255, .1);
    color: var(--jemw, #e3e3e3);
    font-family: var(--axec);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

.kfm .yq0 .zf2 img {
    width: 24px;
    height: 24px
}

.sqa {
    max-width: 16.1875rem;
    flex: 1 1 auto
}

@media (max-width: 576px) {
    .sqa {
        max-width: 100%
    }
}

.sqa .vdd {
    width: 11.25rem;
    margin-bottom: .5rem
}

.sqa .vdd img {
    width: 100%;
    object-fit: contain;
    height: auto
}

.sqa span {
    color: var(--jemw, #e3e3e3);
}

.cju {
    max-width: 16.1875rem;
    flex: 1 1 auto
}

.vdd img {
    max-height: 60px;
    width: auto
}

@media (max-width: 576px) {
    .cju {
        max-width: 100%
    }
}

.cju .wfn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem
}

@media (max-width: 576px) {
    .cju .wfn {
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: .5rem;
        flex-wrap: wrap
    }
}

.ygo {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: 0 .4rem;
    border-radius: .5rem;
    border: 1px solid rgba(255, 255, 255, .1);
    width: fit-content
}

.ygo a {
    color: var(--jemw, #e3e3e3);
    font-family: var(--axec);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    display: inline-block;
    padding: .25rem .75rem;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.ygo::after {
    position: absolute;
    content: "";
    top: 0;
    left: -300%;
    height: 100%;
    width: 5rem;
    background: rgba(190, 173, 228, .4);
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg)
}

.ygo:hover {
    -webkit-box-shadow: 0 0 8px 1px var(--ctvv, #0C0C1A);
    box-shadow: 0 0 8px 1px var(--ctvv, #0C0C1A);
    cursor: pointer
}

.ygo:hover::after {
    -webkit-animation: identifier .35s linear;
    animation: identifier .35s linear
}

*+.xr3 {
    margin-top: 16px
}

.za6:has(.tun) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 24px
}

.za6:has(.tun) .bxy {
    grid-column: 1 / -1
}

.za6:has(.tun) .xgo {
    grid-column: 1 / -1
}

.za6 .tun:first-of-type {
    grid-column: 1
}

.za6 .tun:la {
    grid-column: 2;
    border-left: 2px solid rgba(255, 255, 255, .1);
    padding-left: 10px
}

.tun img {
    max-height: 24px;
    width: auto
}

@-webkit-keyframes identifier {
    0% {
        left: -100%
    }

    100% {
        left: 100%
    }
}

@keyframes identifier {
    0% {
        left: -100%
    }

    100% {
        left: 100%
    }
}

p.bxy {
    margin-top: 0;
    margin-bottom: 1rem;
    color: var(--jemw);
    font-family: var(--hvxd);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: uppercase;
    padding: 0;
    border: none;
    margin: 0 0 1rem 0
}

*+.ky8 {
    margin-top: 16px;
}

.ky8 {
    position: relative;
    counter-reset: myCounter;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(348px, 1fr));
}


.ky8 .sdc {
    position: relative;
    padding: .75rem;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.ky8 .sdc .btn {
    min-width: 100%;
    margin-top: 20px;
    width: 100%;
}

.crc::after {
    content: '';
    background: var(--accent-base, #0BF);
    height: 1px;
    position: relative;
    width: 100%;
}

.crc {
    color: var(--accent-base, #0BF);
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    display: flex;
    align-items: center;
    gap: 12px;
}


.ihx {
    color: var(--text-main, #0C0C1A);
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
}

.ky8 .jg6 {
    max-width: 35.625rem
}

@media (max-width: 1380px) {
    .ky8 .jg6 {
        max-width: 100%
    }
}

.ky8 .jg6 p {
    margin-bottom: .625rem;
    color: var(--jemw, #e3e3e3);
}

.ky8 .jg6 .btn {
    margin-top: .75rem;
    margin-bottom: .3125rem;
    padding: .75rem 1.25rem;
    max-width: 17.5rem
}

@media (max-width: 576px) {
    .ky8 .jg6 .btn {
        max-width: unset
    }
}

.ky8 .sdc img {
    max-width: 575px;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: .5rem;
    object-fit: cover;
    margin-top: 16px;
}

@media (max-width: 768px) {
    .ky8 .sdc img {
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .ky8 .sdc img {
        width: 100%;
        flex: none
    }
}

.hidden,
.uo9 {
    display: none
}

.no-scroll {
    overflow: hidden
}

.title {
    color: var(--bjb5);
    font-family: var(--hvxd);
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem;
    text-transform: uppercase;
    margin-bottom: 1.5rem
}

@media (max-width: 576px) {
    .title {
        font-size: 1.5rem;
        line-height: 1.75rem;
        margin-bottom: 1rem
    }
}

body {
    background-color: var(--ovkd);
    font-family: var(--axec);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    color: #38383C;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

main {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.vwn {
    position: sticky;
    top: 0;
    padding-top: .625rem;
    padding-bottom: .625rem;
    width: 100%;
    z-index: 99;
    background: var(--icv7);
}

.hcv {
    display: flex;
    gap: 24px;
}

@media (max-width: 1380px) {
    .hcv {
        position: relative;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .hcv {
        gap: 1rem;

    }
}

.tre {
    display: flex;
    align-items: flex-start;
    width: fit-content;
    order: -2;
}

@media (max-width: 576px) {
    .tre {}
}

.pgc {
    flex: 1 0 auto;
    display: flex;
    max-width: 50%;
    align-items: center;
}

.gji {
    position: relative;
    display: none;
    max-width: 95%;
    width: 100%;
    margin: 10rem auto 0 auto;
    align-items: flex-start;
    gap: 1rem;
    padding: .75rem;
    border-radius: .75rem;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(48, 30, 110, .95)), to(rgba(48, 30, 110, .95)));
    background: linear-gradient(0deg, rgba(48, 30, 110, .95) 0, rgba(48, 30, 110, .95) 100%);
    overflow: hidden;
    align-items: center;
}

.lys {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover
}

.gji::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.50);
    z-index: 1;
    margin-left: -11px;

}

.egm {
    position: relative;
    width: 6rem;
    z-index: 2;
}

.egm img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin-bottom: -14px;
}

.tdd {
    position: relative;
    z-index: 2;
}

.xum {
    color: var(--dptp);
    font-family: var(--hvxd);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: uppercase;
    margin-bottom: .25rem
}

.xgp {
    color: var(--dptp, #fff);
    font-family: var(--axec);
    margin-bottom: 1rem
}

.fc7 {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.75rem
}

@media (max-width: 1380px) {
    .fc7 {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-left: 16px;
        border-top: 1px solid rgba(255, 255, 255, 0.10);
        padding-top: 24px;
    }
}

.pgc .eed {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--dptp);
    font-family: var(--axec);
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem
}

.pgc .eed a {
    color: var(--bjb5);
    -webkit-transition: color .2s ease 0s;
    transition: color .2s ease 0s;
    width: 100%;
    color: var(--text-main, #0C0C1A);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

.eed.prefix-header__nav-item--has-children:hover>.prefix-header__nav-link {
    color: var(--accent-base, #EA3256);
}

.prefix-header__nav-link.tu4 {
    color: #02bbff;
    font-size: 16px;
}

.pgc .eed a:hover {
    color: var(--accent-base, #EA3256);
}

.prefix-sub-menu__link {
    width: 100%;
    cursor: pointer;
}

.plv {
    color: var(--bhp4);
    background-color: var(--vgqe)
}

.fiz {
    color: var(--bayo);
    background-color: var(--wdoe)
}

.prefix-header__nav-link {
    display: flex;
    align-items: center;
    gap: .25rem;
    color: var(--cdhc)
}

div.prefix-header__nav-link {
    color: var(--mhoi)
}

.prefix-header__nav-link img {
    max-width: 24px;
    height: 24px;
    object-fit: contain
}

.pgc .eed span {
    color: #c3bfbf;
    cursor: default;
    line-height: 12px;

}

.pgc .prefix-header__nav-item-arrow {
    cursor: pointer;
}

.pgc .eed .onj {
    display: flex;
    align-items: center;
    gap: .625rem;
    font-size: 1rem;
    line-height: 1rem;
    margin-bottom: .625rem
}

.pgc .eed .onj:last-child {
    margin-bottom: 0
}

.pgc .eed .onj img {
    width: 2rem;
    height: 2rem
}

@media (max-width: 768px) {
    .pgc .eed .onj img {
        width: 1.375rem;
        height: 1.375rem
    }
}

.pgc .eed.nv1 {
    position: relative;
    padding-right: 1.375rem
}

.pgc .eed.nv1>a,
.pgc .eed.nv1>span {
    display: inline-block
}

.pgc .eed.nv1>a::after,
.pgc .eed.nv1>span::after {
    position: absolute;
    top: .375rem;
    right: .5rem;
    content: "";
    display: inline-block;
    width: .5rem;
    height: .5rem;
    margin-bottom: 1px;
    background-image: url(../img/arrow.svg);
    cursor: pointer;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

@media (max-width: 1380px) {

    .pgc .eed.active>a,
    .pgc .eed.active>span {
        color: var(--accent-base, #0BF)
    }

    .pgc .eed.active>a path,
    .pgc .eed.active>span path {
        stroke: var(--accent-base, #0BF)
    }
}

.pgc .eed.active>a::after,
.pgc .eed.active>span::after {
    top: .75rem;
    transform: rotate(180deg)
}


@media (max-width: 1380px) {
    .pgc .eed.active {
        border-radius: .75rem
    }

}

@media (max-width: 1380px) {
    .pgc .eed {
        width: -webkit-fill-available;
        margin-right: .625rem;
    }

    .pwt.prefix-sub-menu__item--has-children .twb {
        right: 0;
        top: 0;
    }

    .pgc .eed:last-child .eed .prefix-header__nav-link {
        padding-bottom: 0
    }

    .pgc .eed .prefix-header__nav-item-arrow {
        margin-left: auto
    }
}

@media (min-width: 1380px) {

    .pgc .eed:hover a::after,
    .pgc .eed:hover span::after {
        transform: rotate(180deg)
    }

    .pwt.prefix-sub-menu__item--has-children:hover .prefix-sub-menu__item-arrow {
        transform: rotate(-90deg)
    }
}

@media (max-width: 1380px) {
    .pgc {
        background: var(--icv7);
        position: absolute;
        bottom: 0;
        right: 50%;
        -webkit-transform: translate(50%, calc(100% + .625rem));
        -ms-transform: translate(50%, calc(100% + .625rem));
        transform: translate(50%, calc(100% + .625rem));
        height: calc(100vh - var(--height));
        height: calc(100svh - var(--height));
        max-width: 100vw;
        width: 100vw;
        display: none;
        z-index: 5;
        padding-top: 1.25rem;
        padding-bottom: 3rem;
        overflow-y: auto
    }

    .pgc .fc7,
    .pgc .twb {
        flex-direction: column;
        gap: 0;
        padding: 0;
    }

    .pgc .eed .prefix-header__nav-link {
        padding: 12px 16px;
    }

    .pgc .twb {
        gap: 0
    }

    .pgc .gji {
        display: flex
    }
}

.pwt.prefix-sub-menu__item--has-children {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 12px 0 0;
}

.pwt.prefix-sub-menu__item--has-children .twb {
    right: -100%;
    top: -100%;
    display: none;
    border-radius: 0 8px 8px 0;
    box-shadow: none;
    border-left: 1px solid #EBEBEB;
}

@media (min-width: 1381px) {
    .eed.prefix-header__nav-item--has-children .pwt.prefix-sub-menu__item--has-children:hover .twb {
        display: flex;
        flex-direction: column;
    }
}

.psx {
    position: relative;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    cursor: pointer;
    z-index: 8;
    color: #0C0C1A;
    background: #F8F8F9;
    border-radius: 8px;

}

.psx.active .zv8 {
    background: #F8F8F9;

}

.psx.active .zv8 svg {
    transform: rotate(-180deg)
}

.psx.active .lll {
    display: flex;
    flex-direction: column
}

@media (max-width: 1380px) {
    .psx {
        margin-left: auto;
    }


}

@media (max-width: 768px) {
    .psx {
        margin-left: 0;
    }
}

.zv8 {
    display: flex;
    align-items: center;
    gap: .375rem;
    border-radius: .375rem;
    background: rgba(255, 255, 255, .1);
    padding: .3125rem;
    order: 5;
}

.zv8 img {
    width: 1.5rem;
    height: 1.5rem
}

.zv8 p {
    text-transform: uppercase
}

.zv8 span {
    color: var(--dptp);
}

.zv8 svg {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    width: 12px;
    height: 12px;
}

.lll {
    padding: 2px;
    border-radius: .625rem;
    display: none;
    flex-direction: column;
    gap: .125rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
    background: #fff;
    position: absolute;
    right: 0;
    top: 2.6875rem;
    z-index: 99
}

.lll::after {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 8 4' fill='none'%3E%3Cpath d='M4 0L0 4H8L4 0Z' fill='white'/%3E%3C/svg%3E");
    top: -15px;
    right: 1.25rem
}

.lll .mkl {
    width: 100%;
    text-wrap: nowrap;
    white-space: nowrap;
    border-radius: 10px;
    padding: 8px 16px;
    position: relative;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.ngg::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    content: ""
}

.lll .mkl:hover {
    background: rgba(190, 173, 228, .3)
}

.lll .mkl.dq3 {
    display: none
}

.lll .mkl img {
    width: 1.5625rem;
    height: 1.5625rem;
    margin-right: .625rem
}

.lll .fyn {
    color: var(--text-white-bg, #58586c);
}

.vee {
    display: flex;
    justify-content: flex-end;
    align-self: flex-start;
    gap: .5rem;
    flex-wrap: wrap;
    margin-left: auto;

}

.vee .btn--primary {
    min-width: 11.25rem
}

.vee .ygf {
    min-width: 10.25rem
}

@media (max-width: 1671px) {
    .vee {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
}

@media (max-width: 1380px) {
    .vee {
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-right: 0;
        margin-left: auto;
        gap: .5rem;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .vee {
        margin-left: 0;
    }

    .tre {
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .vee {
        align-self: center;
        justify-content: center;
        margin: 0;
        width: 100%;
        max-width: unset
    }

    .vee .btn {
        min-width: unset;
        max-width: unset;
        width: 48%
    }
}

.pfn {
    display: none;
    position: relative;
    width: 1.25rem;
    height: 1rem;
    margin-top: .625rem;
    cursor: pointer;
    transition: filter .3s ease 0s, -webkit-filter .3s ease 0s;
    background: transparent;
    box-shadow: none;
    margin: 0;
    width: 42px;
    height: 42px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 10px;
    justify-content: center;
}

@media (max-width: 1380px) {
    .pfn {
        display: flex;
        order: -4;
    }

    .vwn.burger-active .pfn {
        align-items: center;
    }
}

.burger-active .pfn span:nth-child(1) {
    transform: translate(0, 6px) rotate(45deg);
    width: 30px
}

.burger-active .pfn span:nth-child(2) {
    opacity: 0
}

.burger-active .pfn span:nth-child(3) {
    transform: translate(0, -6px) rotate(-45deg);
    width: 30px
}

.pfn span {
    width: 100%;
    height: 2px;
    background-color: #000
}

.pfn span:last-child {
    width: 12px;
}

@media (max-width: 1380px) {
    .vwn.burger-active .pgc {
        display: block;
    }
}

.vwn.burger-active .pfn::before {
    transform: rotate(45deg);
    top: 6px;
    right: 5px
}

.vwn.burger-active .pfn::after {
    transform: rotate(-45deg);
    bottom: 8px;
    right: 5px
}

.vrq {
    margin-top: 1rem
}

.mpw {
    color: var(--bjb5);
    font-family: var(--hvxd);
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.75rem;
    text-transform: uppercase
}

@media (max-width: 576px) {
    .mpw {
        font-size: 1.75rem
    }
}

.df0 img {
    max-width: 100%;
    border-radius: .625rem;
    width: 100%;
    overflow: hidden;
    object-fit: cover
}

@media (max-width: 1380px) {
    .df0 img {}
}

.vrq {
    margin-top: 1.25rem;
    display: grid;
    grid-template-columns: minmax(0, 371px) minmax(0, 371px) minmax(0, 410px);
    gap: 1.5rem;
    align-items: start;
}

@media (max-width: 1380px) {
    .bxd {
        max-width: 100%
    }
}

.bxd.open {
    background: #fff
}

.bxd.open .cog {
    display: block
}

.bxd.open .af1 {
    display: none
}

.af1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.cog {
    display: none
}

.cog .apy {
    color: var(--text-white-bg, #58586c);
    font-family: var(--hvxd);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: uppercase;

}

.cog .apy img {
    max-width: 2.5rem;
    max-height: 2.5rem;
    cursor: pointer
}

.cog .gjw p {
    color: var(--text-white-bg, #58586c);
}

.cog .btn {
    margin-top: 1rem
}

.apy {
    position: relative;
    display: flex;
    gap: .5rem;
    margin-bottom: .75rem;
    align-items: center;
    color: var(--bjb5);
    font-family: var(--hvxd);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: uppercase;
    padding-right: 24px;
}

.apy img {
    display: inline-block;
    max-width: 1.5625rem;
    max-height: 1.5625rem
}

.apy svg:last-child {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    cursor: pointer
}

.ccn {
    color: var(--bjb5);
    font-family: var(--axec);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
    padding-bottom: 12px;
}

.ccn span {
    color: var(--tkap, #00719a)
}

.gjw {
    padding-top: .75rem;
    padding-bottom: .75rem;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.gjw p {
    margin-bottom: .625rem;
    color: var(--jemw, #e3e3e3);
}

.gjw p:last-child {
    margin-bottom: 0
}

.pg8 {
    display: flex;
    flex-direction: column;
    min-height: 225px;
}

@media (max-width: 1380px) {
    .pg8 {
        max-width: 100%
    }
}

.dqa {
    position: relative;
    display: flex;
    gap: .5rem;
    margin-bottom: .75rem;
    align-items: center;
    color: var(--bjb5);
    font-family: var(--hvxd);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: uppercase
}

.pts {
    display: inline-block;
    max-width: 32px;
    min-width: 32px;
    max-height: 32px;
    min-height: 32px;
    padding: 4px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .05);
    display: flex;
    align-items: center;
    justify-content: center;
}

.itr {
    flex: 1 1 auto
}

.itr p {
    margin-bottom: .625rem;
    color: var(--jemw, #e3e3e3);
}

.itr p:last-child {
    margin-bottom: 0
}

.pg8 .btn {
    margin-top: 2.9375rem;
    padding: 12px 16px;
}

@media (max-width: 1380px) {
    .lel {
        max-width: 100%
    }
}

@media (max-width: 980px) {
    .vrq {
        grid-template-columns: 1fr 1fr;
    }

    .lel {
        grid-column: 1/-1;
    }
}

@media (max-width: 575px) {
    .vrq {
        grid-template-columns: 1fr;
    }
}

.lel p {
    margin-bottom: .625rem;
}

.lel p:last-child {
    margin-bottom: 0
}

.vrq .btn {
    padding-top: .8125rem;
    padding-bottom: .8125rem
}

* .qre {
    margin-top: 16px
}

.vrq+.qre {
    margin-top: 40px
}

.qre {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
    gap: .75rem;
}

@media (max-width: 768px) {
    .qre {
        display: inline-block;
        text-wrap: nowrap;
        white-space: nowrap;
        width: 100%
    }
}

.pvl {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    min-width: 215px;
}

@media (max-width: 1024px) {
    .qre {
        overflow-x: auto;
        scrollbar-width: thin;
        grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
    }

    .pvl {
        min-width: 290px;
    }

}

@media (max-width: 768px) {
    .pvl {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: .75rem
    }

    .pvl:last-child {
        margin-right: 0
    }
}

.li2 {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    max-width: 60%
}

.vvk {
    color: var(--bjb5);
    font-family: var(--axec);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem
}

.ena {
    color: var(--jemw, #e3e3e3);
}

.qj6 {
    padding: .25rem .5rem;
    border-radius: .25rem;
    background: var(--tdbj);
    color: var(--bjb5);
    font-family: var(--axec);
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem
}

*+.fq1 {
    margin-top: 16px
}

.qre+.fq1 {
    margin-top: 40px
}

.fq1 {
    overflow: hidden;
    text-wrap: nowrap;
    white-space: nowrap
}

.ood {
    display: inline-block;
    min-width: 100%;
    animation: marquee 16s linear infinite
}

.ood img {
    display: inline-block;
    margin-right: 5rem;
    max-width: 180px
}

@media (max-width: 576px) {
    .ood img {
        margin-right: 2.5rem
    }
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(calc(-100% - .1875rem));
        transform: translateX(calc(-100% - .1875rem))
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(calc(-100% - .1875rem));
        transform: translateX(calc(-100% - .1875rem))
    }
}

*+.xgr {
    margin-top: 16px
}

.xgr {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
    border-radius: 8px;
    background: var(--card-bg, #F8F8F9);
    box-shadow: 0 6px 12px 0 rgba(11, 0, 5, 0.08);
}

.jbu {
    position: relative;
    color: var(--fdjw);
    font-family: var(--hvxd);
    font-size: 1.625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0
}

.jbu::after {
    position: absolute;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 0C8.55229 0 9 0.447715 9 1V7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H9V15C9 15.5523 8.55229 16 8 16C7.44772 16 7 15.5523 7 15V9H1C0.447715 9 2.41411e-08 8.55229 0 8C-2.41411e-08 7.44772 0.447715 7 1 7H7V1C7 0.447715 7.44772 0 8 0Z" fill="%230C0C1A"/></svg>');
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    border-radius: 4px;
    background: var(--line-color, #EBEBEB);
    padding: 4px;
    height: 28px;
    width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 576px) {
    .jbu {
        font-size: 1.25rem
    }
}

.xgr.active .jbu::after {
    -webkit-transform: translateY(-50%) scaleY(-1);
    -ms-transform: translateY(-50%) scaleY(-1);
    transform: translateY(-50%) scaleY(-1);
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><rect x="2" y="11" width="2" height="16" rx="1" transform="rotate(-90 2 11)" fill="%230C0C1A"/></svg>');
}

.xgr.active .wmu {
    display: grid;
}

.ual .xgr>ul {
    display: none;
}

.ual .xgr.active>ul {
    display: flex;
    margin: 0;
    list-style: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.xgr ul:not([class]) li::before {
    content: none;
}

.wmu {
    display: none;
    gap: .625rem;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px 20px;
}

@media (max-width: 1000px) {
    .wmu {
        grid-template-columns: 1fr 1fr;
    }


}

@media (max-width: 576px) {
    .wmu {
        grid-template-columns: 1fr;
    }

    .xgr.active>ul {
        flex-direction: column;
    }
}

.emo,
.xgr ul:not([class]) li {
    position: relative;
    border-radius: .5rem;
    overflow: hidden;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    border-radius: 8px;
    background: var(--site-bg, #F1F1F1);
    cursor: pointer;
    padding: 0;
    list-style: none;
    width: fit-content;
    color: var(--text-main, #0C0C1A);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    width: 100%;
}

.xgr ul:not([class]) li::before {
    background: transparent;
}

@keyframes identifier {
    0% {
        left: -100%
    }

    100% {
        left: 100%
    }
}

.emo a,
.xgr a {
    display: inline-block;
    padding: .5rem .75rem;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    color: #0c0c0c;
}

.emo a:hover,
.xgr a:hover {
    color: var(--link-color-hover, #EA3256);

}

.emo a:hover path,
.xgr a:hover path {
    fill: var(--link-color-hover, #EA3256);
}

.az3 {
    margin-bottom: 1.25rem;
    color: var(--jemw, #e3e3e3);
}

*+.lvs {
    margin-top: 16px
}

.lvs {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.flj {
    display: flex;
    flex-direction: column;
}

.wm5 {
    padding-bottom: .75rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--jemw);
    font-family: var(--hvxd);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: uppercase
}

.oed {
    min-width: 3.75rem;
    height: 3.75rem;
    border-radius: .5rem;
    background: rgba(255, 255, 255, .2);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center
}

.oed svg,
.oed img {
    max-width: 2.75rem;
    max-height: 2.75rem
}

.hhn {
    flex: 1 1 auto;
    margin-bottom: 1rem;
    margin-top: .75rem;
    color: var(--jemw, #e3e3e3);
}

.flj .btn {
    padding: .75rem 1.25rem
}

.flj .btn {
    margin-top: 16px;
}

.aou {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.875rem
}

.aou .aa5 {
    -ms-flex: 1;
    flex: 1;
    padding: .75rem;
    color: #676185;
    font-family: var(--hvxd);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: uppercase;
    border-bottom: 2px solid var(--tdbj);
    background: 0 0
}

.aou button:first-child {
    position: relative
}

.aou button:first-child.active::after {
    transform: none;
    top: -1px
}

.aou button:first-child::after {
    position: absolute;
    content: "";
    top: 1px;
    right: -2.875rem;
    width: 2.9375rem;
    height: calc(100% + 1px);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    background: linear-gradient(to top right, transparent calc(50% - 1px), var(--tdbj), transparent calc(50% + 2px))
}

.aa5.active:last-child::after {
    background: transparent;
}

.lht {
    margin-top: 1.5rem
}

.nnl.active {
    display: block
}

.vla {
    width: 100%;
    margin-bottom: 1rem;
    margin-top: 1rem;
    object-fit: contain;
    height: auto
}

.wxf {
    margin-bottom: 1rem;
    color: var(--jemw, #e3e3e3);
}

.nnl.btn {
    margin-top: .3125rem;
    margin-bottom: .3125rem;
    padding: .75rem 1.25rem;
    max-width: 17.5rem
}

.aou button.active {
    color: var(--bjb5);
    border-top: 2px solid var(--tdbj);
    border-bottom: none;
    margin-right: 46px;
    margin-left: 45px
}

.aou {
    gap: 0
}

.aa5.active+.aa5 {
    border-bottom: 2px solid var(--tdbj);
    border-top: none
}

.aa5.active+.aa5:last-child {
    border-top: none;
    border-bottom: 2px solid var(--tdbj)
}

.aa5.active::after {
    position: absolute;
    content: "";
    top: 1px;
    right: -2.875rem;
    width: 2.9375rem;
    height: calc(100% + 1px);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    background: linear-gradient(to top right, transparent calc(50% - 1px), var(--tdbj), transparent calc(50% + 2px))
}

.aa5.active::before {
    position: absolute;
    content: "";
    top: -1px;
    left: -2.875rem;
    width: 2.9375rem;
    height: calc(100% + 1px);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    background: linear-gradient(to top right, transparent calc(50% - 1px), var(--tdbj), transparent calc(50% + 2px))
}

.aa5.active::after {
    transform: none;
    top: -1px
}

.aou button.active {
    position: relative
}

.aou button:first-child::after {
    content: none
}

.aou .aa5.active:first-child::after {
    content: ''
}

.aou {
    overflow-x: auto;
    scrollbar-width: thin;
    justify-content: flex-start
}

.aa5.active:first-child::before {
    content: none
}

.aa5 {
    white-space: nowrap
}

.aou button.active:first-child {
    margin-left: 0
}

.vfn {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.nnl {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease, opacity 0.3s ease
}

.nnl.active {
    height: auto;
    overflow: visible
}

@media (max-width: 576px) {
    .nnl.btn {
        max-width: 100%
    }
}

.svs[data-open] {
    border-top: 1px solid var(--accent-base, #0BF);
    border-bottom: 1px solid var(--accent-base, #0BF);
}

*+.svs {
    margin-top: 24px;
}

.svs {
    position: relative;
    padding: 24px 16px;
    background: var(--woeh);
    border-top: 1px solid var(--line-color, #EBEBEB);
    border-bottom: 1px solid var(--line-color, #EBEBEB);
}

.svs+.svs {
    border-top: 0;
    margin-top: 0;
}

.svs+.svs[data-open] {
    border-top: 1px solid var(--accent-base, #0BF);
}

.svs[data-open]+.svs[data-open] {
    border-top: 0;
}

.grm {
    padding: 1rem 0 0 0;
    width: 95%;
    display: none;
}

.grm p {
    margin-bottom: .9375rem;
    color: var(--jemw, #e3e3e3);
}

.grm p:last-child {
    margin-bottom: 0
}

.svs .kg4 {
    color: var(--ccks);
    font-family: var(--axec);
    cursor: pointer;
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    text-transform: math-auto;
}

.svs .kg4 h3 {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-transform: math-auto
}

.svs .kg4::marker {
    content: "";
    width: 0;
}

.svs {
    list-style: none;
}

.svs .kg4::after {
    position: absolute;
    right: 1.5625rem;
    top: 1.25rem;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M15 12.5L10 7.5L5 12.5" stroke="%230C0C1A" stroke-width="2" stroke-linecap="round"/></svg>');
    height: 28px;
    width: 28px;
    padding: 4px;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    border-radius: 20px;
    background: var(--line-color, #EBEBEB);
}


.svs[data-open] .grm {
    display: block;
}

.svs[data-open] .kg4:after {
    transform: rotate(180deg)
}


.lgj {
    padding: 40px 0;
    background-color: var(--wnpg);
    margin-bottom: 0;
}

.owd {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 32px 80px;
    flex-wrap: wrap;
}

.bdi {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(0, 187, 255, 0.12);
}

.ia8 .btn {
    display: flex;
    gap: 8px;
    padding: 12px 48px;
    max-width: fit-content;
    width: 100%
}

.lgj>* {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1380px) {
    .lgj>* {
        width: 95%
    }
}

@media (max-width: 768px) {
    .owd {
        flex-direction: column
    }

    .bdi {
        flex-direction: column;
        gap: 24px;
        padding-bottom: 24px;
    }

    .lgj {
        padding: 32px 0;
    }

}

@media (max-width: 576px) {
    .owd {
        gap: 1.5rem
    }

    .lgj>* {
        width: 92%
    }
}

.kzp {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 386px;
}

@media (max-width: 576px) {
    .kzp {
        order: 2;
    }
}

@media (max-width: 576px) {
    .kzp img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.vwp {
    color: var(--ndmm);
}

@media (max-width: 576px) {
    .vwp {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
}

.jcq {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 24px 32px;
    width: 100%;
    grid-auto-flow: column;
    grid-template-rows: repeat(4, 1fr);
}

.jpl {
    width: 100%;
    flex: 1 0 0;
}

@media (max-width: 768px) {
    .jcq {
        display: flex;
        flex-direction: column;
        -ms-flex-align: center
    }
}

@media (max-width: 576px) {
    .jcq {
        order: 2;
        align-items: flex-start
    }
}

.sas {
    width: 17.5rem;
    padding: .625rem 0;
    color: var(--iqil)
}

span.sas {
    color: var(--vic9)
}

@media (max-width: 1380px) {
    .sas {
        width: 12.5rem
    }
}

@media (max-width: 1000px) {
    .sas {
        width: 9.375rem
    }
}

@media (max-width: 800px) {
    .sas {
        width: 8.125rem
    }
}

.sas a {
    color: var(--iqil);
    transition: all .3s ease 0s
}

.sas a:hover {
    color: var(--vic9)
}

.sas span {
    color: var(--iqil);
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.ia8 {
    gap: 0.5rem;
    display: flex;
    align-items: center;
}

@media (max-width: 576px) {
    .ia8 {
        flex-direction: column;
        width: 100%;
    }

    .ia8 .btn {
        width: 100%;
        justify-content: center;
        max-width: 100%;
    }

    .fre img {
        height: 44px;
        width: auto;
    }

    .fre {
        margin-right: auto;
    }
}

.afh {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap
}

@media (max-width: 576px) {
    .afh {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

.afh img {
    max-height: 2.5rem;
    max-width: 12.5rem;
    height: auto;
    width: auto
}

.xsi {
    display: flex;
    border-radius: 8px;
    background: var(--card-bg, #F8F8F9);
    box-shadow: 0 6px 12px 0 rgba(11, 0, 5, 0.08);
    overflow-x: scroll;
    scrollbar-width: none;
    cursor: grab;
}

.xsi.active {
    cursor: grabbing;
}

.xsi::-webkit-scrollbar {
    display: none;
}

.okr {
    display: flex;
    align-items: flex-start;
    align-items: center;
    gap: .5rem;
    box-shadow: none;
    border-radius: 0;
    padding: 16px;
    min-width: 295px;
    position: relative;


    user-select: none;
}

.okr:not(:first-child)::after {
    background: var(--line-color, #EBEBEB);
    width: 1px;
    height: 70px;
    content: '';
    position: absolute;
    left: 0px;
}

@media (max-width: 768px) {
    .okr {
        width: 100%
    }

}

.wtr {
    min-width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: .25rem
}

.wtr img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
    max-width: 70px;
}

.coq {
    display: flex;
    flex-direction: column;
    gap: .5rem
}


.px5 {
    overflow: hidden;
    white-space: normal;
    color: var(--text-main, #0C0C1A);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    display: flex;
    gap: 16px;
}

.oa3 {
    color: var(--text-secondary, #38383C);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    width: 100%;
}

.lc2 {
    min-width: 20%;
    align-self: center;
    text-wrap: wrap;
    white-space: wrap;
    color: var(--dptp);
    font-family: var(--axec);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: right;
    flex-shrink: 0
}

.lc2 {
    border-radius: 4px;
    background: var(--accent-base, #0BF);
    padding: 2px 4px;
    color: var(--site-bg, #F1F1F1);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
}

.no4 {
    display: grid;
    gap: .75rem;
    margin-bottom: 1.5rem;
    grid-template-columns: repeat(6, 1fr);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
    gap: 1rem;
    justify-content: center;
}

.ykp {
    grid-template-columns: repeat(7, 1fr);
}

.vwt,
.zqd {
    grid-template-columns: repeat(6, 1fr);
}

.br5,
.gwn {
    grid-template-columns: repeat(5, 1fr);
}

.tbm,
.bca {
    grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 980px) {
    .no4 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 576px) {
    .no4 {
        gap: .5rem;
        grid-template-columns: 1fr 1fr;
    }

}

.trh {
    position: relative;
    border-radius: .5rem;
    overflow: hidden;
    padding: 8px;
}

.trh:hover .cv3 {
    left: 0;
}

.trh .btn {
    min-width: 100%;
}

.deo {
    color: var(--site-bg, #F1F1F1);
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: auto;
}

.trh img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.cv3 {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(30, 20, 80, .87)), to(rgba(30, 20, 80, .87)));
    background: rgba(0, 0, 0, 0.50);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    padding: 8px;
}

.cv3 svg {
    width: 3.5625rem;
    height: 3.5625rem;
    cursor: pointer
}

.ydv {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    min-width: fit-content;
}

.uy6 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.uy6 .twj {
    margin-bottom: 0;
}

.wga {
    position: relative;
    overflow: hidden;

    border-radius: .5rem;
}

*+.ss0 {
    margin-top: 16px
}

.ss0 {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(348px, 1fr));
}

.gv3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden
}

.fbd+.uhk {
    margin-top: 16px;
}

@media (max-width: 1024px) {
    .ss0 {
        grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
    }

    .trh .btn {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .gv3 {
        width: 100%
    }


}

.gv3 img {
    width: 100%;
    object-fit: cover;
    height: 148px;
    border-radius: 8px;
}

.uau {
    position: relative;

    border-radius: 8px;
    overflow: hidden
}

.uau::before {
    content: '';
    width: 100%;
    top: 0;
    position: absolute;
    left: 0;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%);
}

.pzu {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: var(--accent-base, #0BF);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    z-index: 1;
    width: 80%;
    position: absolute;
    top: 26px;
    left: 50%;
    transform: translate(-50%, 0%);
    gap: 12px;
}

.pzu::before,
.pzu::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--accent-base, #0BF);
}

.paa {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--line-color, #EBEBEB);
    background: var(--site-bg, #F1F1F1);
    max-width: 293px;
    color: var(--text-main, #0C0C1A);
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    padding: 10px 16px;
}

.pzu img {
    width: 1.5rem;
    height: 1.5rem
}

.fcp {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
}

.fcp.active .copy {
    display: none;
}

.copy {
    display: flex;
}

.dri {
    color: var(--text-main, #0C0C1A);
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 6px;
    margin-top: 16px;
}

.dri svg {
    min-width: 1.5rem;
    max-width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
}

.uhk {
    color: var(--text-secondary, #38383C);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 16px;
}

.gv3 .btn {
    display: block;
    width: 100%;
    min-width: 100%;
    padding: 12px 2rem;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.gv3 .fj2 {
    max-width: 48px;
    width: 48px;
    min-width: 48px;
    height: 48px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
}

.ofj {
    margin: 1.5rem auto 0 auto
}

.aw7 {
    display: flex;
    gap: 1.5rem;
    border-radius: 8px;
    background: var(--accent-base, #0BF);
    padding: 20px;
}

.bdy {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    height: 100%;
    justify-content: center;
    color: var(--text-main, #0C0C1A);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

.bdy span {
    color: var(--text-main, #0C0C1A);
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
}

.bdy:not(:first-child) {
    padding-left: 12px;
    border-left: 1px solid rgba(241, 241, 241, 0.40);
}

.rzf {
    --szmo: calc(var(--rating, 4.5) / 5 * 100%);
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
}

.rzf::after {
    content: "★★★★★";
    display: block;
    background: linear-gradient(90deg, var(--wkww) var(--szmo), var(--pmoo) var(--szmo));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.kl8 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    width: 100%;
}

.aw7>img {
    max-width: 24.6875rem;
    flex: 1 1 auto;
    object-fit: contain
}

@media (max-width: 1195px) {
    .kl8 {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .bdy:not(:first-child) {
        padding-left: 0;
        border-left: 0;
    }

    .aw7 {
        align-items: center;
    }
}

@media (max-width: 768px) {
    .aw7 {
        flex-direction: column;
    }

    .kl8 {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
    }

    .bdy {
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .bdy:not(:first-child) {
        padding-top: 12px;
        border-top: 1px solid rgba(241, 241, 241, 0.40);
    }

    .icy {
        max-width: 100%
    }
}

@media (max-width: 576px) {
    .aw7>img {
        min-width: unset;
        flex: 1 1 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .aw7>img {
        max-width: 50%;
        max-height: 200px
    }
}

.qar {
    padding: 1.5rem 0
}

.gi9 {
    margin-bottom: 1.25rem;
    color: var(--bjb5);
    font-family: var(--hvxd);
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.75rem;
    text-transform: uppercase
}

@media (max-width: 576px) {
    .gi9 {
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}


.jns {
    color: var(--dptp);
    font-family: var(--hvxd);
    font-size: 1.625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem;
    text-transform: uppercase;
    margin-bottom: 1.25rem
}

@media (max-width: 1024px) {
    .vs3 {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: thin;
        display: flex;
    }
}

.lv8 {
    position: relative;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 18rem;
    padding-bottom: .625rem;
    border-radius: .75rem;
    background: var(--epq4);
    overflow: hidden
}

@media (max-width: 768px) {
    .lv8 {
        width: 100%
    }
}

.lv8>img {
    width: 100%;
    object-fit: cover;
    height: 11.25rem
}

.bo6 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .25rem .5rem;
    border-radius: .5rem;
    background: rgba(255, 255, 255, .05);
    color: var(--jemw, #e3e3e3);
}

.bo6 svg {
    width: 1.5rem;
    height: 1.5rem
}

.kmd {
    padding: 1rem
}

.zs5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .75rem;
    margin-bottom: .75rem;
    margin-top: .5rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    color: var(--bjb5);
    font-family: var(--hvxd);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: uppercase
}

.zs5 svg {
    min-width: 1.5rem;
    max-width: 1.5rem;
    height: 1.5rem;
    cursor: pointer
}

.kuh {
    width: 96%;
    color: var(--jemw, #e3e3e3);
    font-family: var(--axec);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

.lv8 .btn {
    display: block;
    max-width: unset;
    width: 90%;
    margin: .625rem auto;
    padding: 1rem 2rem
}

.vs3 .btn {
    margin: 1.5rem auto 0 auto
}

.dyq {
    padding: 1.5rem 0
}

.bkb {
    margin-bottom: 1.25rem;
    color: var(--bjb5);
    font-family: var(--hvxd);
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.75rem;
    text-transform: uppercase
}

@media (max-width: 576px) {
    .bkb {
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}

.dgx {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    margin-bottom: 1.25rem
}

@media (max-width: 1380px) {
    .dgx {
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.wsi {
    max-width: 41rem
}

@media (max-width: 1380px) {
    .wsi {
        max-width: 100%;
        display: flex;
        flex-direction: column
    }
}

.wsi>p {
    margin-bottom: 1.0625rem;
    color: var(--jemw, #e3e3e3);
}

.wsi>p:last-child {
    margin-bottom: 0
}

.azb {
    overflow-x: auto
}

.azb table {
    width: 100%;
    border-spacing: 0;
    height: auto;
    border-radius: 10px;
    overflow: auto
}

@media (max-width: 768px) {
    .azb table {
        width: 48rem
    }
}

.azb table td {
    border: 1px solid var(--epq4);
    padding: .75rem;
    text-align: center;
    color: var(--jemw, #e3e3e3);
}

.azb table tr:first-child td {
    color: var(--bjb5);
    text-align: center;
    font-weight: 700;
    background: var(--tdbj)
}

.azb table tr:first-child td:first-child {
    width: 10rem;
    border-radius: 8px 0 0 0
}

.azb table tr:first-child td:nth-child(2) {
    width: 32.5rem
}

.azb table tr:first-child td:last-child {
    width: 32.5rem;
    border-radius: 0 12px 0 0
}

.azb table tr:last-child td:first-child {
    border-radius: 0 0 0 12px
}

.azb table tr:last-child td:last-child {
    border-radius: 0 0 12px 0
}

.dyq {
    display: inline-block;
    padding: 1rem;
    margin-bottom: .625rem;
    width: fit-content
}

@media (max-width: 1000px) {
    .dyq {
        order: -1;
        width: 100%
    }
}

.bkb {
    margin-bottom: .25rem;
    color: var(--bjb5);
    font-family: var(--hvxd);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: uppercase
}

.rt6 {
    color: var(--jemw);
}

.dyq .btn {
    margin-top: 1rem;
    padding: 12px;
}

.dyq img {
    max-width: 32.5rem;
    object-fit: contain
}

@media (max-width: 1380px) {
    .dyq img {
        max-width: 100%;
        width: 100%
    }
}

.ytv {
    position: sticky;
    bottom: 0;
    background: var(--button-bg, #0BF);
    display: none;
    justify-content: flex-end;
    align-items: center;
    gap: .625rem;
    z-index: 88;
}

.ytv img {
    width: 66px;
    height: 66px;
}

.erw {
    display: flex;
    gap: 16px;
    padding: 12px 12px 12px 0;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.tua {
    color: var(--button-color, #0C0C1A);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
}

.qtu {
    color: var(--button-color, #0C0C1A);
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
    margin-top: 2px;
}

.qtu span {
    color: var(--button-color, #0C0C1A);

    font-weight: 600
}

@media (max-width: 768px) {
    .ytv {
        display: flex;
        gap: .75rem;
        flex: 1 1 auto;
        justify-content: space-between
    }
}

.uao {
    display: flex;
    gap: 15px
}

.nax img {
    max-width: 30px;
    max-height: 30px
}

.kgr {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
}

.kgr img {
    width: 100%;
    min-width: 374px;
    border-radius: 8px;
}

.tgg {
    position: relative;
    max-width: 100%;
    margin-top: 16px
}

.nld img {
    width: 100%;
    height: auto;
    min-width: 100%
}

*+.xp6 {
    margin-top: 20px;
}

.xp6 {
    overflow: hidden;
}

.kgr {
    overflow-x: auto;
}

@media (max-width: 1000px) {
    .nld img {
        min-width: 192px
    }

    .xp6 {
        overflow: scroll;
        width: 100%;
    }

    .kgr img {
        width: 100%;
        min-width: 230px;
    }
}

@media (min-width: 1000px) {
    .kgr {
        scrollbar-width: none
    }

}

.wm5 {
    font-family: var(--hvxd)
}

.tre img,
.kzp img {
    height: 44px;
    width: auto;
}

*+.zy4 {
    margin-top: 20px;
}

.zy4 {
    gap: 24px;
}

.gws {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #e3e3e3
}

.hv2 {
    margin-top: 0;
}

.wk6 {
    display: flex;
    justify-content: center;
    gap: 50px
}

.ncz {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    display: flex;
    padding: 8px 8px 8px 40px;
    align-items: flex-start;
    gap: 8px;
    border-radius: 8px;
    background: rgba(0, 188, 122, 0.08);
    color: var(--text-secondary, #38383C);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.ik8 {
    background: rgba(255, 31, 53, 0.08);
}

.ml4::before {
    position: absolute;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M4.23529 0.529412C4.23529 0.237026 4.47232 0 4.76471 0C5.05709 0 5.29412 0.237026 5.29412 0.529412V9C5.29412 9.29239 5.05709 9.52941 4.76471 9.52941C4.47232 9.52941 4.23529 9.29239 4.23529 9V0.529412Z" fill="%23F1F1F1"/><path d="M0.529412 5.29412C0.237026 5.29412 1.27806e-08 5.05709 0 4.76471C-1.27806e-08 4.47232 0.237026 4.23529 0.529412 4.23529L9 4.23529C9.29239 4.23529 9.52941 4.47232 9.52941 4.76471C9.52941 5.05709 9.29239 5.29412 9 5.29412L0.529412 5.29412Z" fill="%23F1F1F1"/></svg>');
    width: 18px;
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
    background: #00BC6B;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ik8::before {
    position: absolute;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M0.529412 5.29412C0.237026 5.29412 1.27806e-08 5.05709 0 4.76471C-1.27806e-08 4.47232 0.237026 4.23529 0.529412 4.23529L9 4.23529C9.29239 4.23529 9.52941 4.47232 9.52941 4.76471C9.52941 5.05709 9.29239 5.29412 9 5.29412L0.529412 5.29412Z" fill="%23F1F1F1"/></svg>');
    width: 18px;
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
    background: #FE1D21;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ncz svg {
    min-width: 20px;
    min-height: 20px;
    max-width: 20px;
    max-height: 20px;
    width: 100%
}

@media (max-width: 768px) {
    .wk6 {
        display: flex;
        justify-content: center;
        gap: 35px;
        flex-direction: column
    }

    .mqr {
        width: 100%
    }

    .ncz svg {
        min-width: 20px;
        min-height: 20px;
        max-width: 20px;
        max-height: 20px;
        width: 100%
    }

    .tre img,
    .kzp img {
        height: 33px;

    }
}

h2 {
    margin-bottom: 1rem
}

.de1 h2:first-child {
    margin-top: 0
}

.gqz.jbu {
    margin: 0
}

.jtg {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    align-content: center;
    gap: 12px 20px;
    align-self: stretch;
    flex-wrap: wrap;
}

.dlm img {
    max-width: 80px;
    width: 100%;
    height: auto
}

@media (max-width: 768px) {
    .jtg {
        gap: 30px;
        padding: 35px 0 0 0
    }

    .dlm img {
        max-width: 60px
    }
}

.opz,
.cgw {
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: 250ms
}

@media (min-width: 1381px) {

    .pgc .eed:hover .opz path,
    .pwt.prefix-sub-menu__item--has-children:hover .cgw path {
        stroke: var(--vgqe);
    }


    .pgc .eed:hover>a,
    .pwt.prefix-sub-menu__item--has-children:hover>a {
        color: var(--vgqe);
    }
}

.eed {
    position: relative
}

div.prefix-sub-menu__link.zak {
    color: #02bbff;
    font-size: 16px;
}

.prefix-sub-menu__link {
    display: flex;
    align-items: center;
}

@media (min-width: 1381px) {
    .prefix-header__nav-item--has-children:hover .prefix-header__nav-item-arrow svg {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
        padding-top: 0
    }
}

@media (max-width: 1380px) {
    .twb {
        position: relative;
        width: 100%;
    }

    .pwt.prefix-sub-menu__item--has-children.active .prefix-sub-menu__item-arrow {
        transform: rotate(180deg);
    }

    .pwt.prefix-sub-menu__item--has-children.active .twb {
        display: flex;
        position: relative;
        left: 0;
        top: 0;
        padding: 0 16px;
        border-left: 0;
    }

    .pwt.prefix-sub-menu__item--has-children.active .prefix-sub-menu__item-arrow path {
        stroke: var(--accent-base, #0BF);
    }

    .pwt.prefix-sub-menu__item--has-children.active>.prefix-sub-menu__link {
        color: var(--accent-base, #0BF);
    }

    .prefix-sub-menu__link.zak {
        color: var(--accent-base, #0BF);
    }

    .twb {

        min-width: auto !important;
    }
}


.jp4 p {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}


.mq2 {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 15px;
    justify-content: center;
}

.mq2.active .copy {
    display: none;
}

.copied {
    display: none
}

.ml5 {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    justify-content: center;
}


.mer {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    margin-top: 23px
}

*+.xee {
    margin-top: 16px;
}

.xee {
    border-radius: 8px;
    padding: 20px;
    background: var(--accent-base, #0BF);
    overflow: hidden;
}

.ahd {
    max-width: 671px;
    width: 100%;
    padding-right: 64px;
}

.xee:has(img) {
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.xee:has(img)::before {
    position: absolute;
    left: 447px;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="194" height="277" viewBox="0 0 194 277" fill="none"><path d="M0 0H194V277H0L194 138.5L0 0Z" fill="%2300BBFF"/></svg>');
}

.xee img {
    width: 640.5px;
    height: 271px;
    object-fit: cover;
}

.jp4 {
    text-align: center;
    color: var(--text-main, #0C0C1A);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 8px;
}


.ps8 {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
}

.wnu {
    display: flex;
    gap: 5px
}

.vwp {
    color: var(--ndmm)
}

@media (max-width: 1385px) {
    .xee img {
        width: 445.5px;
    }

    .xee:has(img)::before {
        left: 252px;
    }
}

@media (max-width: 1172px) {
    .xee:has(img) {
        flex-direction: column;
    }

    .ahd {
        padding: 16px;
    }

    .xee:has(img)::before {
        content: none;
    }

    .xee img {
        width: 100%;
        height: 215px;
    }
}

@media (max-width: 768px) {
    .jtg {
        gap: 30px;
        padding: 35px 0 0 0
    }

    .dlm img {
        max-width: 60px
    }

    .mq2 {
        flex-wrap: wrap;
    }


}

@media (max-width: 360px) {
    .xee:has(img)::before {
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="82" viewBox="0 0 328 82" fill="none"><path d="M328 0V82L-1.54972e-06 82V0L164 82L328 0Z" fill="%2300BBFF"/></svg>');
        position: absolute;
        left: 50%;
        top: 135px;
        transform: translateX(-50%);
        width: 328px;
        pointer-events: none;
    }
}

.twb {
    display: none;
    position: absolute;
    background-color: var(--icv7);
    top: 20px;
    border-radius: .375rem;
    width: 100%;
    min-width: max-content;
    border-radius: 8px;
    box-shadow: 0 6px 12px 0 rgba(11, 0, 5, 0.08);
}


.prefix-sub-menu__link {
    padding: 8px 12px;
}

.eed {
    position: relative
}

@media (max-width: 1380px) {
    .twb {
        position: relative;
        width: 100%;
        box-shadow: none;
        top: 0;
    }

    .eed.prefix-header__nav-item--has-children {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }

    .pwt.prefix-sub-menu__item--has-children.active>.zak {
        width: fit-content;
    }

    div.prefix-sub-menu__link.zak {
        color: var(--accent-base, #0BF);
        font-size: 16px;
    }

    .eed.prefix-header__nav-item--has-children a {
        width: fit-content;
    }

    .twb {
        display: none;
    }

    .prefix-header__nav-item--has-children.active>.twb {
        display: flex;
        flex-direction: column;
        position: relative;
        left: 0;
        top: 0;
        padding: 0 16px;
    }

    .pgc .eed span {
        margin-left: auto;
    }

    .pwt.prefix-sub-menu__item--has-children {
        padding: 0;
    }

    .pwt.prefix-sub-menu__item--has-children.active {
        display: flex;
        flex-wrap: wrap;
    }

    .prefix-header__nav-item--has-children.active .twb .prefix-sub-menu__link {
        padding: 12px 16px;
    }

    .prefix-header__nav-item--has-children.active .prefix-header__nav-item-arrow svg {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
        padding-top: 0
    }
}

@media (min-width: 1381px) {
    .pgc .eed:hover>.twb {
        display: flex;
        gap: 10px;
        flex-direction: column
    }

    .prefix-header__nav-item--has-children:hover .prefix-header__nav-item-arrow svg {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
        padding-top: 0
    }
}

.icp {
    display: grid;
    grid-template-columns: 420px auto;
    gap: 20px 24px
}

.rnr {
    position: relative;
    padding: 1rem;
    border-radius: .75rem;
    background: var(--dptp);
    color: var(--bjb5)
}

.rnr::placeholder {
    color: #e3e3e3
}

.zwj {
    resize: none;
    width: 100%;
    height: 100%
}

.zwj {
    grid-row: 1 / span 3;
    grid-column: 2
}

.cmu {
    width: 100%;
    min-width: 100%;
    background: var(--wdoe);
    color: var(--dptp);
}

.md9 {
    color: var(--bjb5)
}

.md9 {
    display: none
}

.md9.ry6 {
    display: flex
}

.md9.error {
    display: flex;
    color: #b25656
}

@media (max-width: 850px) {
    .icp {
        grid-template-columns: 1fr
    }

    .zwj {
        grid-row: 3;
        grid-column: 1
    }
}

.gga {
    margin-top: 24px
}

.cln {
    position: relative;
    padding: 1rem;
    border-radius: .75rem;
    background: var(--woeh);
    color: var(--bjb5);
    margin-top: 16px
}

.nh7 {
    font-size: 24px;
    margin: 0 0 16px 0
}

.olo {
    margin: 10px 0;
    display: block
}

.iyo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    flex-direction: column-reverse;
    border-radius: 8px;
    background: var(--card-bg, #F8F8F9);
    box-shadow: 0 6px 12px 0 rgba(11, 0, 5, 0.08);
}

.azi {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(226px, 1fr));
    gap: 1rem;
    justify-content: center;
    margin-top: 62px;
}

.iyo img {
    width: 64px;
    height: 64px;
    margin-top: -50px;
    border-radius: 50%;
    object-fit: cover;
}

.dwv {
    color: var(--text-main, #0C0C1A);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    text-align: center;
    margin-top: 8px;
}


@media (max-width: 1023px) {
    .azi {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 650px) {
    .azi {
        gap: 48px 12px;
    }
}

.xwb {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(226px, 1fr));
    gap: 1rem;
    justify-content: center;
}

@media (max-width: 650px) {
    .xwb {
        gap: 16px;
        grid-template-columns: 1fr 1fr
    }
}

.goh {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    flex: 1;
    cursor: pointer;
}

.pnj {
    text-align: center;
}

.goh:hover,
.goh:hover .jin {
    color: var(--link-color-hover, #0BF);
}


.jin {
    color: var(--text-main, #0C0C1A);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

.goh img {
    height: 32px;
    width: 56px;
    z-index: 2;
    padding: 0 12px;
    background: #f8f8f9;
}

.yvl {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.yvl::after {
    content: '';
    background: var(--accent-base, #0BF);
    height: 1px;
    position: absolute;
    width: 100%;

}

.nbh time {
    color: var(--bjb5)
}

.page._active {
    overflow: hidden;
}

.popup-bg {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    z-index: 900
}

.popup-bg.active {
    display: flex;
    max-width: 100%;
}

.popup {
    width: 1243px;
    padding: 16px;
    background: var(--text-main, #0C0C1A);
}

.popup .popup__cross {
    cursor: pointer
}

.jlw {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 12px;
}

.jlw .gld {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: #0C0C1A
}

.jlw .slots-popup__title {
    flex: 1 1;
    margin-top: 0;
    margin-bottom: 0;
    color: var(--site-bg, #F1F1F1);
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
}

.jlw .lnz {
    display: flex;
    justify-content: center;
    flex: 1 1
}

.jlw .lf9 {
    width: auto;
    padding: 10px 12.5px
}

.jlw .vg6 {
    display: flex;
    justify-content: flex-end;
    flex: 1 1
}

.jlw .hcm {
    min-height: 630px;
    background-color: #12192B;
    aspect-ratio: 16 / 9
}

.jlw .slots-popup__content-button {
    display: flex;
    justify-content: center;
}

.jlw .slots-popup__iframe {
    width: 100%;
    height: 100%
}

@media (max-width: 1412px) {
    .popup {
        margin: 0 20px
    }

    .jlw .hcm {
        min-height: 540px
    }
}

@media (max-width: 1200px) {
    .popup {
        margin: 0
    }
}

@media (max-width: 760px) {
    .jlw .hcm {
        flex: 1;
        max-width: 100%;
    }

    .gji {
        max-width: 100%;
    }

    .mhn {
        width: 100%
    }

    .slots-popup__iframe {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        z-index: 2
    }

    .jlw .slots-popup__title {
        order: 1
    }

    .jlw .lnz {
        order: 3;
        flex: 1 1 100%;
        margin-top: 8px
    }

    .jlw .vg6 {
        flex: 0 0 32px;
        order: 2
    }

    .jlw .slots-popup__content-button {
        width: 100%;
    }

    .jlw .slots-popup__content-button .btn {
        width: 100%;
        min-width: 100%;
    }
}

.jp4 p {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.bua {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--line-color, #EBEBEB);
    background: var(--site-bg, #F1F1F1);
    max-width: 293px;
    color: var(--text-main, #0C0C1A);
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    padding: 10.5px 16px;
}

.tfj {
    position: relative;
    display: block;
    width: 48px;
    height: 48px;
    max-width: 48px;
    gap: .625rem;
    border-radius: .5rem;
    padding: 16px;
    color: #1e1e28;
    font-family: var(--axec);
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    text-align: center;
    cursor: pointer;
    background: var(--zjgv);
    color: var(--zjgv)
}

.mq2 {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 15px
}

.mq2.active .copy {
    display: none;
}

.copied {
    display: none
}

.ml5 {
    display: flex;
    gap: 10px;
    margin-top: 20px
}

.xt7 {
    width: 100%;
    max-width: 345px;
    padding: 16px;
    background: var(--zjgv);
    color: var(--bayo);
}

.mer {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    margin-top: 23px
}


.wnu {
    display: flex;
    gap: 5px
}

@media (max-width: 650px) {
    .bua {
        max-width: 100%;
        flex: 1;
    }
}

.xbs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.xbs .btn {
    display: flex;
    gap: 5px;
    align-items: center;
}

.xbs .btn img {
    max-width: 24px;
}

.xbs.by5 {
    justify-content: flex-end;
}

.xbs.kme {
    justify-content: center;
}

.xbs.xz1 {
    justify-content: flex-start;
}

@media (max-width: 565px) {
    .xbs .btn {
        min-width: 100%;
        width: 100%;
        justify-content: center;
    }
}

.afa {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}


.afa img {
    display: block;
    height: auto;
    max-height: 50px;
    width: auto;
    object-fit: scale-down;
}


.xxs.kme {
    margin: 0 auto
}

.xxs.by5 {
    margin-left: auto
}

.dxi {
    position: relative;
    width: 100%;
    height: auto;
}

.yl2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tm9 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: 0 0;
    border: none;
    border-radius: 50%;
    background: #212121;
    height: 65px;
    width: 65px;
    opacity: .8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vxp {
    fill: #212121;
    fill-opacity: .8
}

.hyk {
    fill: var(--dptp)
}

.tm9:focus {
    outline: 0
}

.tm9:focus,
.tm9:hover {
    background: var(--ovkd);
    opacity: 1
}

.tm9:hover {
    cursor: pointer
}

.byn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

.xxs img {
    width: 100%;
    height: auto;
}

.jse {
    width: 100%;
}

.dxi.open .tm9 {
    display: none;
}

*+.ibi {
    margin-top: 16px;
}

.ibi {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.ibi .twj {
    margin-bottom: 0;
}

.oey {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: transparent;
    color: var(--text-main, #0C0C1A);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding: 6px 0;
    min-width: fit-content;
}

*+.xi2 {
    margin-top: 20px;
}

.xi2 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
    gap: 1rem;
    justify-content: center;
}

.tgu img {
    border: 4px solid #F1F1F1;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.kuw {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}


.tgu {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--text-main, #0C0C1A);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    gap: 8px;
    flex: 1 0 0;
}

.ppy {
    text-align: center;
    max-width: 73px;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
}

.xi2 .btn {
    margin-top: 16px;
    width: 100%;
    min-width: 100%;
    padding: 12px;
    color: var(--button-color, #0C0C1A);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.be4 {
    color: var(--text-main, #0C0C1A);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 16px;
}

@media (max-width: 560px) {
    .xi2 {
        grid-template-columns: 1fr;
    }

    .ibi {
        margin-bottom: 16px;
    }
}

.ols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.ols.oy6 {
    grid-template-columns: 1fr 1fr;
}

.ols.ejr {
    grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 1024px) {
    .ols.oy6 {
        grid-template-columns: 1fr;
    }

    .ols.ejr {
        grid-template-columns: 1fr;
    }

    .xat {
        display: contents;
    }

    body .ols.oy6.cby {
        flex-direction: column;
        gap: 0;
    }

    .xat .xbs {
        order: 30;
        margin-top: 0;
    }
}

@media (max-width: 565px) {
    .xat .xbs .btn {
        min-width: 100%;
        width: 100%;
        justify-content: center;
    }
}

.brc .nbh,
.brc .nbh time {
    color: var(--line-color, #EBEBEB);
    position: relative;

}

.brc .nbh {
    padding-left: 28px;
}

.brc .nbh::before {
    top: 2px;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20" fill="none"><path d="M0.759766 7.33887H16.8014" stroke="%23EBEBEB" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.7734 10.8535H12.7824" stroke="%23EBEBEB" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.78125 10.8535H8.79025" stroke="%23EBEBEB" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.77734 10.8535H4.78634" stroke="%23EBEBEB" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.7734 14.3516H12.7824" stroke="%23EBEBEB" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.78125 14.3516H8.79025" stroke="%23EBEBEB" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.77734 14.3516H4.78634" stroke="%23EBEBEB" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.416 0.674805V3.6367" stroke="%23EBEBEB" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.14648 0.674805V3.6367" stroke="%23EBEBEB" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.5902 2.0957H4.96965C2.32663 2.0957 0.675781 3.56804 0.675781 6.27443V14.4191C0.675781 17.168 2.32663 18.6744 4.96965 18.6744H12.5819C15.2332 18.6744 16.8758 17.1936 16.8758 14.4872V6.27443C16.8841 3.56804 15.2416 2.0957 12.5902 2.0957Z" stroke="%23EBEBEB" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    left: 0;
    position: absolute;
}