@font-face {
    font-weight: 400;
    font-family: Visuelt Pro;
    font-style: normal;
    font-display: swap;
    src: local("Visuelt Pro"), url(fonts/VisueltPro-Regular-Bb02bh6V.uhxpiv4z) format("woff2")
}
@font-face {
    font-weight: 700;
    font-family: Visuelt Pro;
    font-style: normal;
    font-display: swap;
    src: local("Visuelt Pro"), url(fonts/VisueltPro-Bold-DLeS-Em8.uhxpiv4z) format("woff2")
}
@font-face {
    font-weight: 400;
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    src: local("Roboto"), url(fonts/Roboto-Regular-56L6iL-I.uhxpiv4z) format("woff2")
}
@font-face {
    font-weight: 400;
    font-family: OpenSans;
    font-style: normal;
    font-display: swap;
    src: local("OpenSans"), url(fonts/OpenSans-Regular-N6ipOEWl.uhxpiv4z) format("woff2")
}
@font-face {
    font-weight: 500;
    font-family: OpenSans;
    font-style: normal;
    font-display: swap;
    src: local("OpenSans"), url(fonts/OpenSans-Medium-CC5f2jpZ.uhxpiv4z) format("woff2")
}
@font-face {
    font-weight: 600;
    font-family: OpenSans;
    font-style: normal;
    font-display: swap;
    src: local("OpenSans"), url(fonts/OpenSans-SemiBold-Dwk-yFVb.uhxpiv4z) format("woff2")
}
@font-face {
    font-weight: 700;
    font-family: OpenSans;
    font-style: normal;
    font-display: swap;
    src: local("OpenSans"), url(fonts/OpenSans-Bold-BcFC6EUS.uhxpiv4z) format("woff2")
}
@font-face {
    font-weight: 800;
    font-family: OpenSans;
    font-style: normal;
    font-display: swap;
    src: local("OpenSans"), url(fonts/OpenSans-ExtraBold-BsjBC3I5.uhxpiv4z) format("woff2")
}
.pw9zh252 {
    position: relative;
    margin-bottom: 60px;
    padding: 20px 27px;
    background: var(--bg-dark-rgb);
    border-radius: 12px
}
@media (max-width: 576px) {
    .pw9zh252 {
        margin-bottom: 44px;
        padding: 20px 12px;
        border-radius: 8px
    }
}
.fvvodj2p {
    margin-bottom: 16px;
    font-size: 14px
}
@media (max-width: 576px) {
    .fvvodj2p {
        display: none
    }
}
.zr35mr2e {
    display: flex;
    margin-bottom: 20px
}
@media (max-width: 576px) {
    .zr35mr2e {
        margin-bottom: 12px
    }
}
img {
height: auto;

}
.mboewv51 {
    position: relative;
    margin-right: 40px;
    padding-right: 40px
}
.mboewv51:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 44px;
    background-color: currentcolor;
    content: ""
}
@media (max-width: 576px) {
    .mboewv51 {
        margin-right: 32px;
        padding-right: 0
    }

    .mboewv51:after {
        display: none
    }
}
.cfnvg5oi {
    position: relative;
    width: 64px;
    height: 64px;
    margin-right: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50px
}
@media (max-width: 576px) {
    .cfnvg5oi {
        width: 44px;
        height: 44px;
        margin-right: 16px
    }
}
.zhk2pr88 {
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    .zhk2pr88 {
        font-size: 14px
    }
}
.i104ch3f {
    line-height: 140%
}
@media (max-width: 576px) {
    .i104ch3f {
        font-size: 14px
    }
}
.p81unfzn {
    position: relative;
    display: flex;
    align-items: center
}
.p81unfzn:after {
    position: absolute;
    top: 0;
    left: 47px;
    content: url(../images/author_check-D9qGitKu.hmgxchd0)
}
@media (max-width: 576px) {
    .p81unfzn:after {
        left: 30px
    }
}
.lfx6lkhv {
    display: flex;
    gap: 12px;
    align-items: center
}
@media (max-width: 576px) {
    .lfx6lkhv {
        gap: 8px
    }
}
.wun9dyl6 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--color-light);
    border: 1px solid currentcolor;
    border-radius: 40px
}
.wun9dyl6 svg *[fill] {
    fill: currentcolor
}
.zns5gz88l2e4 { display: inline-block; color: rgb(103, 56, 111); border: 4px solid #93bd68; margin: -17px; padding-right: 12px; }
.wun9dyl6:hover {
    border-color: var(--color-accent)
}
.wun9dyl6:hover svg *[fill] {
    fill: var(--color-accent)
}
@media (max-width: 576px) {
    .wun9dyl6 {
        width: 32px;
        height: 32px;
        border: none
    }
}
.wun9dyl6 svg {
    width: 100%;
    height: 100%
}
.brm6icqx {
    margin-bottom: 16px
}
@media (max-width: 576px) {
    .brm6icqx {
        margin-bottom: 8px
    }
}
.gzhf63ie {
    display: flex;
    align-items: center;
    justify-content: space-between
}
@media (max-width: 375px) {
    .gzhf63ie {
        flex-direction: column;
        align-items: flex-start
    }
}
.vwp6fdsa {
    font-size: 14px
}
.ko1gx0fq {
    margin-left: 8px;
    font-weight: 700;
    font-size: 16px
}
@media (max-width: 576px) {
    .ko1gx0fq {
        margin-left: 0;
        font-size: 14px
    }
}
.cjhxle1o {
    width: 110px
}
@media (max-width: 576px) {
    .cjhxle1o {
        width: 74px
    }
}
@media (max-width: 375px) {
    .cjhxle1o {
        margin: 12px auto 0
    }
}
.mkjmh7im {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
 object-fit: cover;
}
.mwusvxvi {
    position: relative;
    color: #fff;
    display: flex;
    gap: 32px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 24px;
    padding: 90px 0;
    background-color: var(--bg-dark);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px
}
@media (max-width: 768px) {
    .mwusvxvi {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px;
        padding: 40px 12px;
        background-position: center
    }
}
.bweazvvu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 230px;
    padding: 32px;
    background: var(--bg-dark-rgb);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}
.bweazvvu:first-of-type {
    max-width: 800px;
    border-radius: 0 10px 10px 0
}
.bweazvvu:last-of-type {
    border-radius: 10px 0 0 10px
}
@media (max-width: 768px) {
    .bweazvvu {
        width: 100%;
        min-height: auto;
        padding: 16px 8px;
        border-radius: 8px !important
    }
}
.bweazvvu .y0zjqoth {
    display: block;
    width: 278px;
    text-align: center;
    border-radius: 8px;
    animation: pulsate 1.5s ease-in-out infinite
}
.lg88j9pd {
    margin-bottom: 12px;
    line-height: normal
}
.ks3defu7hof { border: 4px dotted #479989; display: grid; color: rgb(100, 122, 100); padding: 31px 8px; margin: -16px; width: 29%; }
@media (max-width: 1352px) {
    .lg88j9pd {
        font-size: 36px
    }
}
@media (max-width: 768px) {
    .lg88j9pd {
        margin-bottom: 8px;
        font-size: 24px
    }
}
.lg88j9pd span {
    color: var(--color-accent)
}
.otz6f5mk {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}
.d40c2i9g {
    position: absolute;
    top: -36px;
    right: 16px
}
@media (max-width: 768px) {
    .d40c2i9g {
        display: none
    }
}
.d40c2i9g svg path[fill] {
    fill: var(--bg-dark)
}
.o7mso978 {
    margin-bottom: 10px;
    color: var(--color-accent);
    font-weight: 800;
    font-size: 48px;
    line-height: 132%
}
@media (max-width: 1352px) {
    .o7mso978 {
        font-size: 36px
    }
}
.ovenlri1 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 20px
}
@media (max-width: 1352px) {
    .ovenlri1 {
        font-size: 16px
    }
}
.nfxsjose {
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-bottom: 24px;
    border-radius: 20px;
    overflow: hidden;
    background-size: contain;
    background-position: center
}
@media (max-width: 1352px) {
    .nfxsjose {
        background-size: cover
    }
}
@media (max-width: 1024px) {
    .nfxsjose {
        background: none !important
    }
}
.f83xu7pd {
    padding: 50px 65px;
    display: flex;
    justify-content: center;
    background-size: cover
}
@media (max-width: 768px) {
    .f83xu7pd {
        display: block;
        padding: 24px 12px;
        text-align: center
    }
}
.r6dkcoub {
    max-width: 820px;
    width: 100%;
    margin-right: 60px;
    position: relative
}
@media (max-width: 1024px) {
    .r6dkcoub {
        margin-right: 20px
    }
}
@media (max-width: 768px) {
    .r6dkcoub {
        margin-bottom: 16px;
        margin-right: 0;
        max-width: 100%
    }
}
.r6dkcoub .y0zjqoth {
    display: block;
    min-width: 100%;
    text-align: center;
    border-radius: 20px;
    overflow: hidden;
    position: relative
}
.r6dkcoub .y0zjqoth:after {
    content: "";
    display: block;
    position: absolute;
    box-shadow: inset 0 0 20px 20px #fff6, 0 0 20px 20px #fff6;
    border-radius: 50%;
    width: 500px;
    height: 500px;
    transform: translate(-50%, 10%);
    left: 50%;
    animation-name: ripple;
    animation-duration: 2s;
    animation-iteration-count: infinite
}
@media (max-width: 768px) {
    .r6dkcoub .y0zjqoth {
        border-radius: 14px
    }
}
.ph4p1hi8 {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 52px;
    line-height: 67px;
    color: #fff
}
@media (max-width: 1352px) {
    .ph4p1hi8 {
        font-size: 36px;
        line-height: 112%
    }
}
@media (max-width: 768px) {
    .ph4p1hi8 {
        margin-bottom: 2px;
        font-size: 28px;
        line-height: 112%;
        text-align: left
    }
}
.ph4p1hi8 span {
    color: var(--color-accent)
}
.m3chzsao {
    margin-bottom: 24px;
    max-width: 700px;
    width: 100%;
    font-size: 16px;
    line-height: 152%;
    color: #fff
}
.j8oofs75oq { color: rgb(192, 204, 188); display: grid; width: 41px; padding: 40px 2px; }
@media (max-width: 1024px) {
    .m3chzsao {
        margin-bottom: 16px;
        line-height: 140%;
        text-align: left
    }
}
.nexy8p5t {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    min-width: 373px
}
@media (max-width: 768px) {
    .nexy8p5t {
        min-width: 100%;
        padding: 12px;
        align-items: center
    }
}
.mrpuex9r {
    position: relative;
    font-weight: 900;
    font-size: 48px;
    line-height: 132%;
    color: var(--bg-dark);
    background: var(--bg-dark);
    border-radius: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    padding: 16px 20px;
    gap: 10px;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}
@media (max-width: 1024px) {
    .mrpuex9r {
        min-width: 100%;
        margin-bottom: 0;
        padding-left: 36px;
        font-size: 32px
    }
}
.mrpuex9r:before {
    display: inline-block;
    content: "";
    width: 48px;
    height: 48px;
    position: relative;
    background-image: url(../images/ic_gift-BiXhOhKb.bhl8hubf);
    background-size: 100% 100%;
    flex-shrink: 0
}
@media (max-width: 1024px) {
    .mrpuex9r:before {
        width: 32px;
        height: 32px
    }
}
.aiqn79vu {
    position: relative;
    margin-bottom: 12px;
    margin-top: -40px;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #fff;
    background-color: var(--bg-dark);
    border-radius: 20px;
    text-align: center;
    z-index: 1;
    padding: 48px 20px 8px
}
@media (max-width: 1024px) {
    .aiqn79vu {
        min-width: 100%;
        font-size: 16px
    }
}
.w8paxm78 {
    margin-top: 24px;
    width: 300px;
    height: 300px;
    flex-shrink: 0;
    position: relative
}
@media (max-width: 1024px) {
    .w8paxm78 {
        width: 200px;
        height: 200px;
        margin-top: 0
    }
}
.s293asal {
    position: relative;
    margin-bottom: 24px;
    border-radius: 20px;
    overflow: hidden;
    background: var(--color-svg-banner)
}
@media (max-width: 768px) {
    .s293asal {
        border-radius: 12px
    }
}
.vvaqn11n {
    position: relative;
    padding: 50px 65px;
    display: flex;
    justify-content: space-between;
    background-size: cover
}
@media (max-width: 768px) {
    .vvaqn11n {
        display: block;
        padding: 24px 12px;
        text-align: center
    }
}
.uwp2sclo {
    max-width: 820px;
    width: 100%;
    margin-right: 60px;
    position: relative
}
@media (max-width: 1024px) {
    .uwp2sclo {
        margin-right: 20px
    }
}
@media (max-width: 768px) {
    .uwp2sclo {
        margin-bottom: 16px;
        margin-right: 0;
        max-width: 100%
    }
}
.uwp2sclo .y0zjqoth {
    display: block;
    width: 278px;
    text-align: center;
    border-radius: 8px
}
.hzhfw5kv {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 34px;
    line-height: 45px;
    color: var(--color-light);
}
@media (max-width: 1352px) {
    .hzhfw5kv {
        font-size: 36px;
        line-height: 112%
    }
}
@media (max-width: 768px) {
 .hzhfw5kv {
    position: relative;
    z-index: 1;
    margin-bottom: 2px;
    font-size: 28px;
    line-height: 112%;
    text-align: left;
    color: #fff; 
}

.hzhfw5kv::before {
    content: "";
    position: absolute;
    inset: -8px -12px; 
    z-index: -1;
    
    background: rgba(0, 0, 0, 0.4); 
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    
    border-radius: 8px;
}
}
.hzhfw5kv span {
    color: var(--color-accent)
}
.us68msyn {
    margin-bottom: 24px;
    max-width: 700px;
    width: 100%;
    font-size: 16px;
    line-height: 152%;
    color: var(--color-light);
}
.w5zr7iaaw { color: rgb(245, 132, 64); padding: 31px 33px; margin: -18px; width: 91%; border: 4px dashed #450389; }
@media (max-width: 1024px) {
    .us68msyn {
        margin-bottom: 16px;
        line-height: 140%;
        text-align: left
    }
}
.ea8lsjrt {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    padding: 18px 28px 24px;
    border-radius: 12px;
    min-width: 373px
}
@media (max-width: 768px) {
    .ea8lsjrt {
        padding: 12px;
        min-width: 100%;
        width: 100%;
        align-items: center
    }
}
.steilaou {
    width: 64px;
    height: 64px;
    position: absolute;
    top: -20px;
    right: -16px
}
@media (max-width: 1024px) {
    .steilaou {
        width: 48px;
        height: 48px;
        top: -8px;
        right: -8px
    }
}
.steilaou svg {
    width: 100%;
    height: 100%
}
.steilaou svg path[fill] {
    fill: var(--bg-dark)
}
.riwlrq72 {
    position: relative;
    margin-bottom: 4px;
    padding-left: 60px;
    font-weight: 800;
    font-size: 48px;
    line-height: 132%;
    color: var(--color-accent)
}
@media (max-width: 1024px) {
    .riwlrq72 {
        margin-bottom: 0;
        padding-left: 36px;
        font-size: 32px
    }
}
.riwlrq72:before {
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    top: calc(50% - 24px);
    left: 0;
    background-image: url(../images/ic_gift-BiXhOhKb.bhl8hubf);
    background-size: 100% 100%
}
@media (max-width: 1024px) {
    .riwlrq72:before {
        top: calc(50% - 16px);
        width: 32px;
        height: 32px
    }
}
.s2tlksjj {
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #fff
}
@media (max-width: 1024px) {
    .s2tlksjj {
        font-size: 16px
    }
}
.yhr0qyks {
    margin-top: 24px;
    width: 300px;
    height: 300px;
    flex-shrink: 0;
    position: relative
}
@media (max-width: 1024px) {
    .yhr0qyks {
        width: 200px;
        height: 200px;
        margin-top: 0
    }
}
.cvo8hhqe {
    margin: 0 auto 36px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(200px, 315px));
    gap: 60px 20px
}
.pm5yek69 {
    background-color: var(--bg-dark-rgb);
    border-radius: 16px;
    padding: 120px 20px 20px;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: visible;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 315px;
    gap: 4px
}
.rntati1e {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%);
    background-color: transparent
}
.komtx9x9 {
    width: auto;
    height: 120px
}
.asevea2v {
    font-size: 18px;
    font-weight: 700;
    margin: 0
}
.wra1uik63 { margin: 14px; padding: 40px 8px; width: 6px; color: rgb(88, 19, 236); display: grid; }
.dxbniyec {
    font-size: 14px;
    line-height: 1.4;
    min-height: 40px;
    margin: 0
}
.rja74sfw {
    display: flex;
    justify-content: center;
    gap: 10px
}
.fbf80z0e {
    padding: 6px 16px;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    width: 40%;
    text-decoration: none
}
.n9rdpd36 {
    background-color: var(--bg-dark-rgb);
    color: var(--color-light);
    border: 1px solid var(--color-accent)
}
.n9rdpd36:hover {
    background: var(--bg-dark-rgb);
    filter: brightness(1.2)
}
.n9rdpd36:active {
    filter: brightness(.8)
}
.ysx96s1q {
    background-color: var(--color-accent);
    color: var(--color-light);
}
.ysx96s1q:hover {
    filter: brightness(1.2)
}
.ysx96s1q:active {
    filter: contrast(200%) saturate(50%)
}
.x1re1kkn {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 16px
}
@media (max-width: 1024px) {
    .x1re1kkn {
        flex-direction: column;
        align-items: center
    }
}
.r1h57llw {
    margin-bottom: 16px
}
.a9fo8jr2 {
    display: flex;
    flex-direction: column;
    gap: 8px
}
.bc1d0kds79i { padding: 2px 43px; margin: 17px; }
.fhmhyoxx {
    display: flex;
    gap: 12px
}
.xlpujz2u {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-top: 3px;
    font-weight: 600;
    font-size: 14px;
    border: 1px solid currentcolor;
    border-radius: 20px
}
.d55pi80w {
    width: 400px;
    min-width: 400px;
    -o-object-fit: cover;
    object-fit: cover
}
@media (max-width: 576px) {
    .d55pi80w {
        min-width: auto
    }
}
.airvfhlh {
    position: fixed;
    z-index: 2;
    bottom: 0;
    width: 75%;
    max-width: 750px;
    left: 50%;
    transform: translate(-50%);
    height: 0;
    background: var(--bg-dark);
    transition: height, .4s;
    border-radius: 12px;
    border: 2px solid var(--color-border-button, #fff);
    box-shadow: 0 0 16px 10px #00000026
}
.airvfhlh.sadi6kr7 {
    height: -moz-fit-content;
    height: fit-content;
    bottom: 28px
}
@media (max-width: 1024px) {
    .airvfhlh.sadi6kr7 {
        bottom: 0;
        height: unset;
        width: 100%;
        border-radius: 12px 12px 0 0
    }
}
.airvfhlh.mg88fsz1 {
    display: none
}
.k0w4czql {
    position: relative;
    align-items: center
}
.rnp5z9gi {
    display: flex;
    position: relative;
    overflow: hidden;
    justify-content: space-between;
    align-items: center;
    height: 100%
}
@media (max-width: 1024px) {
    .rnp5z9gi {
        display: grid;
        gap: 12px;
        background: var(--bg-dark);
        border-radius: 6px;
        margin: 16px;
        padding: 12px;
        justify-content: start;
        grid-template-columns: auto 1fr;
        grid-template-areas: "img text" "button button"
    }
}
.jtqb9gbp {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}
.vs766os5 {
    height: 60px;
    min-width: 10%;
    margin-left: 24px;
    margin-right: 2px;
    flex-shrink: 3;
    z-index: 2
}
@media (max-width: 1024px) {
    .vs766os5 {
        max-width: 100px;
        margin: 0;
        border-width: 2px;
        grid-area: img
    }
}
.anyf2oso {
    display: flex;
    height: auto;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;
    margin: 10px;
    padding: 20px 8px;
    gap: 25px;
    color: #fff;
    background: var(--bg-dark);
    border-radius: 6px;
    position: relative;
    overflow: hidden
}
@media (max-width: 1024px) {
    .anyf2oso {
        display: contents
    }
}
.anyf2oso svg *[fill] {
    fill: currentcolor
}
.anyf2oso svg *[stroke] {
    stroke: currentcolor
}
.rxu9zjc73 { padding: 5px 14px; color: rgb(228, 127, 95); margin: 5px; width: 74px; }
.ansqnkf5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px
}
@media (max-width: 1024px) {
    .ansqnkf5 {
        align-items: start;
        grid-area: text
    }
}
.g9dpqzu5 {
    flex: 1;
    font-weight: 800;
    line-height: 110%;
    text-align: center;
    color: var(--color-accent);
    font-size: 32px
}
@media (max-width: 1024px) {
    .g9dpqzu5 {
        font-size: 18px;
        text-align: start
    }
}
.wwj88nwn {
    flex: 1;
    font-weight: 700;
    line-height: 110%;
    text-align: center;
    font-size: 16px;
 color: var(--color-light);
}
@media (max-width: 1024px) {
    .wwj88nwn {
        font-size: 14px;
        text-align: start
    }
}
.t20sdons {
    position: absolute;
    right: 35%;
    overflow: visible;
    z-index: 1
}
@media (max-width: 1024px) {
    .t20sdons {
        right: -8%
    }
}
.haygpogu {
    width: 278px;
    flex-shrink: 0;
    z-index: 2;
    height: -moz-fit-content;
    height: fit-content;
    padding: 17px 0;
    color: var(--color-light);
    font-weight: 800;
    font-size: 17px;
    text-decoration: none;
    text-align: center;
    background-color: var(--color-accent);
    border-radius: 8px;
    line-height: 18px;
    display: block;
    justify-self: center
}
.haygpogu:hover {
    filter: brightness(1.2)
}
.haygpogu:active {
    filter: contrast(200%) saturate(50%)
}
@media (max-width: 576px) {
    .haygpogu {
        height: 40px;
        font-size: 14px;
        padding: 11px 0
    }
}
.haygpogu {
    animation: pulsate 1.5s ease-in-out infinite
}
@media (max-width: 1024px) {
    .haygpogu {
        grid-area: button;
        min-width: 100%
    }
}
.cpqntqkp {
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 3;
    cursor: pointer;
    width: 10px;
    height: 10px;
    color: #fff
}
@media (max-width: 1024px) {
    .cpqntqkp {
        width: 8px;
        height: 8px;
        top: -8px;
        right: 8px
    }
}
.jlzo88xq {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00000080;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000
}
.m077mstn {
    background: var(--bg-dark);
    background-image: url(../images/first-dQ5M03m0.hmgxchd0);
    background-size: cover;
    border-radius: 8px;
    border: var(--color-border-button, #fff) solid 2px;
    padding: 24px
}
.y60ko1qx {
    display: flex;
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    gap: 16px;
    -webkit-backdrop-filter: blur(8px) opacity(80%);
    backdrop-filter: blur(8px) opacity(80%);
    padding: 24px;
    border-radius: 8px;
    border: var(--color-border-button, #fff) solid 2px
}
.fmysji006fa { width: 71vw; padding: 18px 25px; border: 1px dotted #17836f; color: rgb(23, 114, 122); }
.qlsvr9xt {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center
}
.g3bocd9i {
    font-weight: 800;
    line-height: 110%;
    color: var(--color-accent);
    font-size: 40px
}
.t2jwacr2 {
    font-weight: 700;
    line-height: 140%;
    color: #fff;
    font-size: 16px
}
.kwnjxycd {
    max-height: 60px;
    max-width: 160px
}
.wfbc6rjb {
    width: 278px;
    height: -moz-fit-content;
    height: fit-content;
    padding: 17px 0;
    color: var(--color-light);
    font-weight: 800;
    font-size: 17px;
    text-decoration: none;
    text-align: center;
    background-color: var(--color-accent);
    border-radius: 8px;
    line-height: 18px;
    display: block;
    justify-self: center
}
.wfbc6rjb:hover {
    filter: brightness(1.2)
}
.wfbc6rjb:active {
    filter: contrast(200%) saturate(50%)
}
@media (max-width: 576px) {
    .wfbc6rjb {
        height: 40px;
        font-size: 14px;
        padding: 11px 0
    }
}
.wfbc6rjb {
    animation: pulsate 1.5s ease-in-out infinite
}
.mzxehsre {
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 3;
    cursor: pointer;
    width: 10px;
    height: 10px;
    color: #fff
}
.ikyppn2s {
    width: 100%;
    margin-bottom: 60px
}
@media (max-width: 576px) {
    .ikyppn2s {
        margin-bottom: 44px
    }
}
.l0fejl82 {
    position: relative;
    max-width: 650px;
    margin: 0 auto 32px;
    text-align: center
}
@media (max-width: 576px) {
    .l0fejl82 {
        margin-bottom: 22px
    }
}
.l0fejl82:after {
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 100px;
    height: 5px;
    background-color: var(--color-light);
    border-radius: 5px;
    transform: translate(-50%);
    content: ""
}
.dtodo8zej { margin: 5px; border: 1px dashed #d2bfaf; }
@media (max-width: 576px) {
    .l0fejl82:after {
        height: 4px;
        border-radius: 4px
    }
}
.ikyppn2s .y0zjqoth {
    width: 100%;
    animation: pulsate 1.5s ease-in-out infinite
}
@keyframes pulsate {
    0% {
        font-size: 17px
    }

    50% {
        font-size: 20px
    }

    to {
        font-size: 17px
    }
}
@media (max-width: 576px) {
    @keyframes pulsate {
        0% {
            font-size: 14px
        }

        50% {
            font-size: 16px
        }

        to {
            font-size: 14px
        }
    }
}
@media (min-width: 576px) {
    .ikyppn2s .y0zjqoth {
        width: 278px
    }
}
.hbkca9a8 {
    width: 100%;
    margin-bottom: 60px
}
@media (max-width: 576px) {
    .hbkca9a8 {
        margin-bottom: 44px
    }
}
.arnlepmc {
    position: relative;
    max-width: 650px;
    margin: 0 auto 32px;
    text-align: center
}
@media (max-width: 576px) {
    .arnlepmc {
        margin-bottom: 22px
    }
}
.hbkca9a8 .y0zjqoth {
    width: 440px;
    height: 60px;
    border-radius: 20px;
    text-align: center;
    align-content: center;
    font-weight: 900;
    font-size: 22px;
    overflow: hidden;
    position: relative
}
.hbkca9a8 .y0zjqoth:after {
    content: "";
    display: block;
    position: absolute;
    box-shadow: inset 0 0 20px 20px #fff6, 0 0 20px 20px #fff6;
    border-radius: 50%;
    width: 500px;
    height: 500px;
    transform: translate(-50%, 10%);
    left: 50%;
    animation-name: ripple;
    animation-duration: 2s;
    animation-iteration-count: infinite
}
@keyframes ripple {
    to {
        transform: translate(-50%, -30%);
        width: 800px;
        height: 800px
    }
}
@media (max-width: 768px) {
    .hbkca9a8 .y0zjqoth {
        width: 100%;
        border-radius: 14px
    }
}
.hbkca9a8>.n55hbkjo {
    padding: 20px;
    background: var(--bg-dark-rgb);
    border-radius: 20px;
    border: 2px solid var(--color-accent)
}
@media (max-width: 576px) {
    .hbkca9a8>.n55hbkjo {
        padding: 12px
    }
}
.hbkca9a8>.n55hbkjo table {
    border-color: var(--color-accent);
    border-collapse: separate;
    -webkit-border-vertical-spacing: 4px;
    -webkit-border-horizontal-spacing: 0
}
.hbkca9a8>.n55hbkjo table thead tr th {
    background: none !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    opacity: .8;
    border: none !important;
    font-weight: 700;
    color: var(--color-light);
}
.hbkca9a8>.n55hbkjo table tbody tr {
    background: var(--bg, rgba(202, 202, 202, .2))
}
.hbkca9a8>.n55hbkjo table tbody tr th,
.hbkca9a8>.n55hbkjo table tbody tr td {
    border: none !important;
    font-weight: 700;
    color: var(--color-light);
}
.vwwvw3kj { margin: 15px; }
.hbkca9a8>.n55hbkjo table tbody tr th {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    font-weight: 400
}
.hbkca9a8>.n55hbkjo table tbody tr td:first-child {
    width: 30%;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}
.hbkca9a8>.n55hbkjo table tbody tr td:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}
.hbkca9a8 ul {
    list-style: none;
    padding: 0 0 0 24px
}
.hbkca9a8 ul svg {
    position: absolute;
    height: 1em;
    width: 1em;
    transform: translate(-24px) translateY(25%);
    background-size: cover
}
.orordfqw {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px
}
@media (max-width: 576px) {
    .orordfqw {
        gap: 12px
    }
}
.htzbwun3 {
    width: 100%;
    padding: 24px 20px;
    border: 2px solid var(--color-accent);
    border-radius: 8px;
    cursor: pointer
}
@media (max-width: 576px) {
    .htzbwun3 {
        padding: 12px
    }
}
.kisehex3 {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.pvvdaxoh {
    margin: 0 16px 0 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    .pvvdaxoh {
        font-size: 16px
    }
}
.hvn6hv34 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 2px solid var(--color-accent);
    border-radius: 24px;
    flex-shrink: 0
}
@media (max-width: 576px) {
    .hvn6hv34 {
        width: 20px;
        min-width: 20px;
        height: 20px
    }
}
.kisehex3 svg {
    width: 16px;
    height: 16px;
    transition: .3s
}
@media (max-width: 576px) {
    .kisehex3 svg {
        width: 12px;
        height: 12px
    }
}
.kisehex3 svg path {
    fill: var(--color-accent)
}
.p5li7nnb {
    margin-top: 12px;
    line-height: 140%
}
.htzbwun3.mvguxt7z .p5li7nnb {
    display: block
}
.y7tp1kqt {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px
}
.dm86w48bzc { padding: 41px 46px; display: grid; width: 51%; margin: -16px; border: 4px solid #4e2424; color: rgb(183, 9, 117); }
@media (max-width: 576px) {
    .y7tp1kqt {
        gap: 12px
    }
}
.fqojprfl {
    width: 100%;
    padding: 24px 20px;
    border: 2px solid var(--color-accent);
    background: var(--bg-dark-rgb);
    border-radius: 8px;
    cursor: pointer
}
.fqojprfl.mvguxt7z>.wqov9h90:after {
    content: "";
    width: calc(100% - 32px);
    height: 2px;
    position: absolute;
    background: linear-gradient(to left, #69696900, #696969);
    top: calc(100% + 10px)
}
@media (max-width: 576px) {
    .fqojprfl {
        padding: 12px
    }
}
.wqov9h90 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}
.ju3ln72f {
    margin: 0 16px 0 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    .ju3ln72f {
        font-size: 16px
    }
}
.pjfofdxc {
    width: 24px;
    height: 24px;
    background-color: var(--bg-dark-rgb);
    border-radius: 4px;
    flex-shrink: 0
}
@media (max-width: 576px) {
    .pjfofdxc {
        width: 20px;
        min-width: 20px;
        height: 20px
    }
}
.tabre7kd {
    margin-top: 20px;
    line-height: 140%
}
.fqojprfl.mvguxt7z .tabre7kd {
    display: block
}
.adgrocc1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    width: 100%
}
@media (max-width: 1024px) {
    .adgrocc1 {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px
    }
}
@media (max-width: 576px) {
    .adgrocc1 {
        grid-template-columns: repeat(1, 1fr)
    }
}
.wh9okofh {
    display: flex;
    flex: 1;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    color: #fff;
    text-decoration: none;
    background-color: var(--bg-dark);
    border-radius: 12px
}
@media (max-width: 576px) {
    .wh9okofh {
        padding: 12px
    }
}
.axwx5s1j {
    margin-bottom: 6px;
    font-weight: 700;
    line-height: normal
}
.hbcj2l6q {
    font-size: 14px;
    font-weight: 400
}
.cull9w79 {
    width: 48px;
    height: 48px
}
@media (max-width: 576px) {
    .cull9w79 {
        width: 40px;
        height: 40px
    }
}
.x1zvwnpb {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    align-items: center;
    background: var(--color-border-button, #fff);
    border-radius: 40px;
    justify-content: space-between;
    width: 100%;
    padding: 24px
}
.oc0pdkexth { border: 1px dashed #d303ae; display: inline-block; padding-left: 49px; padding-right: 18px; width: 42%; color: rgb(116, 213, 110); }
.x1zvwnpb>a {
    position: relative
}
.x1zvwnpb>a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, transparent 0%, #aaa 50%, #aaa 50%, transparent 100%)
}
.x1zvwnpb>a:last-child:after {
    display: none
}
@media (max-width: 1024px) {
    .x1zvwnpb {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        padding: 6px
    }

    .x1zvwnpb>a:after {
        content: "";
        width: 100%;
        height: 1px;
        top: unset;
        background: linear-gradient(to right, transparent 0%, #aaa 50%, #aaa 50%, transparent 100%)
    }

    .x1zvwnpb>a:last-child:after {
        display: none
    }
}
@media (max-width: 576px) {
    .x1zvwnpb {
        grid-template-columns: repeat(1, 1fr)
    }
}
.wp6jqeid {
    flex: 1;
    text-decoration: none;
    padding: 4px
}
@media (max-width: 576px) {
    .wp6jqeid {
        padding: 2px
    }
}
.j0rz6t0m {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    padding: 8px 12px;
    border-radius: 40px
}
@media (max-width: 576px) {
    .j0rz6t0m {
        padding: 10px 14px
    }
}
.ejowpxnc {
    display: flex;
    flex-direction: column;
    gap: 8px
}
.g6gkosvf {
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #fff
}
@media (max-width: 1024px) {
    .g6gkosvf {
        font-size: 16px
    }
}
.s9divzxe {
    font-size: 14px;
    font-weight: 400
}
.cb4so6s6 {
    width: 56px;
    height: 56px
}
@media (max-width: 1024px) {
    .cb4so6s6 {
        width: 40px;
        height: 40px
    }
}
.kkx3lh30 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    width: 100%
}
@media (max-width: 1024px) {
    .kkx3lh30 {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px
    }
}
@media (max-width: 576px) {
    .kkx3lh30 {
        grid-template-columns: repeat(1, 1fr)
    }
}
.o9jg8jom {
    flex: 1;
    text-decoration: none;
    background: var(--color-border-button, #fff);
    padding: 4px;
    border-radius: 12px
}
@media (max-width: 576px) {
    .o9jg8jom {
        padding: 2px
    }
}
.aicrkc5m {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    padding: 8px 12px;
    border-radius: 12px;
    background-color: var(--bg-dark)
}
@media (max-width: 576px) {
    .aicrkc5m {
        padding: 10px 14px
    }
}
.h8fnhoct {
    display: flex;
    flex-direction: column;
    gap: 8px
}
.jk6dutaz { display: inline-block; border: 5px solid #994004; color: rgb(53, 12, 216); width: 40vw; margin: 7px; padding: 2px 21px; }
.kwfruuad {
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #fff
}
@media (max-width: 1024px) {
    .kwfruuad {
        font-size: 16px
    }
}
.ts81bw2c {
    width: 56px;
    height: 56px
}
@media (max-width: 1024px) {
    .ts81bw2c {
        width: 40px;
        height: 40px
    }
}
.yskj3iaa {
    overflow: auto;
    margin-bottom: 60px
}
.ockjnf2h {
    display: flex;
    flex-wrap: nowrap;
    min-width: -moz-max-content;
    min-width: max-content;
    gap: 20px;
    justify-content: center
}
.man98l52 {
    width: 200px;
    text-align: center;
    font-family: sans-serif;
    flex: 0 0 auto
}
.qfkzuljg {
    position: relative;
    overflow: hidden
}
.ctyuvn8x {
    display: flex;
    transition: filter .3s ease;
    height: 200px;
    width: 200px
}
.ctyuvn8x img {
    -o-object-fit: cover;
    object-fit: cover;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    aspect-ratio: 1/1
}
.qfkzuljg:hover .ctyuvn8x img {
    filter: blur(4px)
}
.qfkzuljg:hover .cf4sxfwg,
.qfkzuljg:hover .db6ttebn {
    opacity: 1
}
.cf4sxfwg,
.db6ttebn {
    opacity: 0;
    transition: opacity .3s ease
}
.cf4sxfwg {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    background-color: var(--color-accent);
    color: var(--color-light);
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 20px;
    text-decoration: none;
    z-index: 2
}
.cf4sxfwg:hover {
    filter: brightness(1.2)
}
.qev8zkogg { margin: 15px; }
.cf4sxfwg:active {
    filter: contrast(200%) saturate(50%)
}
.db6ttebn {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translate(-50%);
    color: var(--color-accent);
    font-weight: 700;
    text-decoration: none;
    border-bottom: 2px solid var(--color-accent);
    z-index: 2
}
.sf24wl3v {
    padding: 12px;
    background: var(--bg-dark-rgb);
    text-align: left;
    height: 80px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow: hidden
}
.yzzzushg {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-light);
    line-height: 1.4
}
.syz1sdr9 {
    font-size: 12px;
    color: var(--color-light);
    opacity: .6
}
.sj7f0aae {
    margin-left: 4px
}
.cihb6mbh {
    display: flex;
    width: 100%;
    align-items: flex-start;
    border-radius: 16px;
    font-family: sans-serif;
    color: var(--color-light);
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-bottom: 60px
}
.ccsxqbk9 {
    display: flex;
    border-radius: 16px;
    overflow: hidden;
    height: 210px
}
.dr01ghb6 {
    position: relative;
    width: 210px;
    aspect-ratio: 1/1
}
.yhny2nqj {
    position: absolute;
    display: flex;
    left: 50%;
    transform: translate(-50%);
    background: #000000b3;
    padding: 4px 10px;
    border-radius: 0 0 12px 12px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    width: 80%;
    justify-content: center;
    align-items: center;
    gap: 1.5px
}
.yhny2nqj img {
    width: 20px;
    height: 20px
}
.ufexhwxpzlu { width: 86px; padding-right: 12px; }
.z6p6boht {
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    height: 100%
}
.qa3hsmjh {
    width: 210px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    background: var(--bg, rgba(202, 202, 202, .2))
}
.to1lk09i {
    font-size: 16px;
    font-weight: 700;
    display: block
}
.z9sqmkl5 {
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
    list-style: none;
    padding: 0 0 0 24px
}
.z9sqmkl5 svg {
    position: absolute;
    height: 1em;
    width: 1em;
    transform: translate(-24px) translateY(25%);
    background-size: cover
}
.z9sqmkl5>li {
    margin: 0
}
.rhugljqe {
    display: flex;
    justify-content: space-between;
    gap: 10px
}
.v8oa13lp,
.cl4ucrcj {
    padding: 6px 16px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    transition: background .3s ease;
    text-align: center;
    width: 50%
}
.v8oa13lp {
    background-color: transparent;
    border: 2px solid var(--color-text-header-footer, #fff);
    color: var(--color-text-button, #011c39)
}
.v8oa13lp:hover {
    background: var(--bg-dark-rgb);
    filter: brightness(1.2)
}
.v8oa13lp:active {
    filter: brightness(.8)
}
.v8oa13lp:hover {
    background-color: var(--bg-dark)
}
.cl4ucrcj {
    background-color: var(--color-accent);
    color: var(--color-text-button, #011c39);
    border: none
}
.iey0rvelptm5 { display: grid; color: rgb(241, 126, 35); padding: 33px 15px; margin: 5px; width: 5%; }
.cl4ucrcj:hover {
    filter: brightness(1.2)
}
.cl4ucrcj:active {
    filter: contrast(200%) saturate(50%)
}
.zwhnx9o3 {
    position: relative;
    display: flex;
    margin: 0 auto;
    overflow: hidden;
    min-width: -moz-fit-content;
    min-width: fit-content;
    height: -moz-fit-content;
    height: fit-content
}
.f7ku0s13 {
    width: 220px;
    height: auto;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}
.vm5979xi {
    overflow: hidden;
    position: absolute
}
.tg29s56o {
    padding: 35px 6px 0 7px;
    max-height: 370px
}
.vbjwot8x {
    padding: 60px 10px 0 8px;
    max-height: 423px;
    border-radius: 30px
}
.bemhfdby {
    padding: 60px 9px 0 8px;
    max-height: 423px
}
.mg9bap5g {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    background: transparent;
    border-radius: unset
}
.othia5uu {
    position: absolute;
    color: #000;
    transform: translate(-50%);
    font-weight: 400
}
.h2aujshd {
    bottom: 46px;
    left: 50%;
    font-size: 10px;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif
}
.kwx86uco {
    bottom: 392px;
    left: 30%;
    font-size: 10px;
    font-family: Roboto, Open Sans, sans-serif
}
.w2bqsstl {
    bottom: 394px;
    left: 30%;
    font-size: 10px;
    font-family: Roboto, Open Sans, sans-serif
}
.ddevj9sb {
    width: 100%;
    margin-bottom: 50px;
    padding: 32px 0 52px;
    background-size: cover;
    background-color: var(--bg-dark)
}
.ywomq06xap { width: 38vw; padding: 4px 31px; display: grid; margin: 6px; color: rgb(35, 205, 17); border: 5px dotted #0b1852; }
@media (max-width: 576px) {
    .ddevj9sb {
        margin-bottom: 36px;
        padding: 24px 0
    }
}
.eger4wuq {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}
@media (max-width: 1352px) {
    .eger4wuq {
        padding-right: 16px;
        padding-left: 16px
    }
}
.eger4wuq {
    max-width: 1320px
}
.vcyj5r8l {
    display: flex;
    gap: 24px;
    width: 100%;
    margin-bottom: 32px;
    position: relative
}
@media (max-width: 576px) {
    .vcyj5r8l {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 16px;
        border-radius: 32px
    }
}
.x9kiajii {
    padding: 14px 16px;
    border-radius: 12px;
    flex: 1;
    position: relative;
    border: var(--color-accent) 2px solid;
    background: var(--bg-dark)
}
@media (max-width: 576px) {
    .x9kiajii {
        padding: 14px 8px
    }
}
.x3d58iyk {
    width: 100%;
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    .x3d58iyk {
        margin-bottom: 14px;
        font-size: 16px
    }
}
.x3d58iyk:after {
    content: "";
    width: calc(100% - 32px);
    height: 2px;
    position: absolute;
    background: linear-gradient(to left, #69696900, #696969);
    top: 54px;
    left: 16px
}
@media (max-width: 576px) {
    .x3d58iyk:after {
        top: 40px;
        left: 8px
    }
}
.buei0iks {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%
}
@media (max-width: 576px) {
    .buei0iks {
        gap: 8px
    }
}
.cjl2bvby>svg {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 8px
}
.py2d2qw2 {
    display: flex;
    gap: 24px;
    width: 100%;
    margin-bottom: 32px
}
@media (max-width: 576px) {
    .py2d2qw2 {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 16px
    }
}
.edi4f021 {
    flex: 1;
    padding: 14px 16px;
    background: var(--bg-dark-rgb);
    border-radius: 12px
}
@media (max-width: 576px) {
    .edi4f021 {
        padding: 14px 8px
    }
}
.svbk2s7p {
    width: 100%;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    .svbk2s7p {
        margin-bottom: 8px;
        font-size: 16px
    }
}
.l5h0gw4t {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%
}
@media (max-width: 576px) {
    .l5h0gw4t {
        gap: 8px
    }
}
.nw1fyehj .dn8yr61c:before {
    content: url(../images/pros_icon-DaiNv6qt.hmgxchd0)
}
@media (max-width: 576px) {
    .nw1fyehj .dn8yr61c:before {
        content: url(../images/pros_mobile_icon-z7q_1C0F.hmgxchd0)
    }
}
.ozdqm26q .dn8yr61c:before {
    content: url(../images/cons_icon-CHCe5LH2.hmgxchd0)
}
@media (max-width: 576px) {
    .ozdqm26q .dn8yr61c:before {
        content: url(../images/cons_mobile_icon-B4anRsyf.hmgxchd0)
    }
}
.dn8yr61c:before {
    position: relative;
    top: 5px;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    content: ""
}
.w13agbnnma6a { padding-right: 12px; border: 5px solid #a6a384; width: 20px; margin: -12px; display: grid; padding-left: 45px; color: rgb(63, 1, 40); }
@media (max-width: 576px) {
    .dn8yr61c:before {
        top: 3px;
        margin-right: 6px
    }
}
.bv30501f {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 60px;
    position: relative;
    background: url(../images/mockup-background-j1AQSfBH.hmgxchd0) no-repeat
}
@media (min-width: 1024px) {
    .bv30501f:nth-of-type(2n) {
        flex-direction: row-reverse;
        background-position-x: 0
    }

    .bv30501f:nth-of-type(odd) {
        flex-direction: row;
        background-position-x: 100%
    }

    .bv30501f:nth-of-type(odd)+h3 {
        margin-left: 40%
    }

    .wp0hng6r {
        width: 60%
    }
}
@media (max-width: 1024px) {
    .bv30501f {
        flex-direction: column;
        background-position: 50% 100%
    }
}
.iozddt3g {
    margin-bottom: 14px;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: break-word
}
.knaq8f5s {
    display: flex;
    flex-direction: column;
    gap: 15px
}
.va6t85c1 {
    display: flex;
    gap: 12px;
    position: relative
}
.va6t85c1>svg {
    position: absolute;
    left: 6px
}
.va6t85c1>svg:first-child {
    top: -11px;
    height: 50%
}
.va6t85c1>svg:last-child {
    top: calc(50% + 12px);
    height: 50%
}
.va6t85c1:first-of-type>svg:first-child {
    display: none
}
.va6t85c1:last-of-type>svg:last-child {
    display: none
}
.jjxh8m7y {
    padding-left: 40px
}
.k5o5n8if {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
    width: 28px;
    min-width: 28px;
    height: 28px;
    font-weight: 600;
    font-size: 16px
}
.k5o5n8if>svg {
    position: absolute
}
.k5o5n8if>.yawabf4k {
    display: none
}
.ove9uq0x {
    width: 400px;
    min-width: 400px;
    -o-object-fit: cover;
    object-fit: cover
}
@media (max-width: 576px) {
    .ove9uq0x {
        min-width: auto
    }
}
.y9jp56on {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    margin-bottom: 16px
}
.mh1o5y1s5 { margin: -6px; padding: 48px 9px; width: 32px; border: 3px dashed #d06c0c; }
@media (max-width: 576px) {
    .y9jp56on {
        gap: 16px
    }
}
.h050gylq {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px;
    background-color: var(--bg-dark-rgb);
    border-radius: 12px
}
@media (max-width: 1024px) {
    .h050gylq {
        flex-direction: column;
        align-items: flex-start
    }
}
@media (max-width: 576px) {
    .h050gylq {
        padding: 20px 12px;
        border-radius: 8px
    }
}
.h050gylq:before,
.h050gylq:after {
    position: absolute;
    left: 42px;
    width: 4px;
    height: 50%;
    background: #d2d2d2;
    content: ""
}
@media (max-width: 1024px) {

    .h050gylq:before,
    .h050gylq:after {
        right: 42px;
        left: auto
    }
}
@media (max-width: 576px) {

    .h050gylq:before,
    .h050gylq:after {
        right: 30px
    }
}
.h050gylq:before {
    top: 0
}
@media (max-width: 1024px) {
    .h050gylq:before {
        height: 20px
    }
}
.h050gylq:after {
    bottom: -20px;
    height: calc(50% + 20px)
}
@media (max-width: 1024px) {
    .h050gylq:after {
        height: 100%
    }
}
.h050gylq:first-of-type:before {
    display: none
}
.h050gylq:last-of-type:after {
    display: none
}
.xaukyodi {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    min-width: 48px;
    height: 48px;
    margin-right: 24px;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    background: var(--color-accent);
    border-radius: 48px
}
@media (max-width: 1024px) {
    .xaukyodi {
        position: absolute;
        top: 20px;
        right: 20px;
        margin-right: 0
    }
}
@media (max-width: 576px) {
    .xaukyodi {
        right: 12px;
        width: 40px;
        min-width: 40px;
        height: 40px
    }
}
.tong6jvl {
    flex: 1;
    margin-right: 36px
}
@media (max-width: 1024px) {
    .tong6jvl {
        width: calc(100% - 60px);
        margin-right: 0;
        margin-bottom: 16px
    }
}
.qi09ctyl {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
.gndxsy8d {
    width: 337px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px
}
@media (max-width: 1024px) {
    .gndxsy8d {
        width: calc(100% - 60px);
        max-width: 264px
    }
}
.v005t3r9 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    margin-bottom: 16px
}
@media (max-width: 576px) {
    .v005t3r9 {
        gap: 16px
    }
}
.lysp2jk9 {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px;
    background-color: var(--bg-dark-rgb);
    border-radius: 12px
}
@media (max-width: 1024px) {
    .lysp2jk9 {
        flex-direction: column;
        align-items: flex-start
    }
}
@media (max-width: 576px) {
    .lysp2jk9 {
        padding: 20px 12px;
        border-radius: 8px
    }
}
.lysp2jk9>svg {
    position: absolute;
    left: 35px
}
@media (max-width: 1024px) {
    .lysp2jk9>svg {
        left: unset;
        right: 35px
    }
}
@media (max-width: 576px) {
    .lysp2jk9>svg {
        display: none
    }
}
.lysp2jk9>svg:first-child {
    top: 0;
    height: calc(50% - 20px)
}
.bz0i9stbtc { margin: -15px; width: 37px; padding: 36px 1px; }
.lysp2jk9>svg:last-child {
    top: calc(50% + 20px);
    height: 50%
}
.lysp2jk9:first-of-type>svg:first-child {
    display: none
}
.lysp2jk9:last-of-type>svg:last-child {
    display: none
}
.vcle0gk4 {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    min-width: 48px;
    height: 48px;
    margin-right: 24px;
    color: #fff;
    font-weight: 700;
    font-size: 24px
}
.vcle0gk4>svg {
    position: absolute
}
.vcle0gk4>.wjzr42k2 {
    display: none
}
@media (max-width: 576px) {
    .vcle0gk4>.yawabf4k {
        display: none
    }

    .vcle0gk4>.wjzr42k2 {
        display: unset
    }
}
@media (max-width: 1024px) {
    .vcle0gk4 {
        position: absolute;
        top: 50%;
        right: 20px;
        margin-right: 0;
        transform: translateY(-50%)
    }
}
@media (max-width: 576px) {
    .vcle0gk4 {
        left: 12px;
        width: 28px;
        min-width: 28px;
        height: 28px;
        font-size: 16px;
        background-size: 170%;
        top: unset;
        transform: unset
    }
}
.m3kq4u51 {
    flex: 1;
    margin-right: 36px
}
@media (max-width: 1024px) {
    .m3kq4u51 {
        width: calc(100% - 60px);
        margin-right: 0;
        margin-bottom: 16px
    }
}
.m769u43j {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    .m769u43j {
        margin-left: 40px
    }
}
.rbp73n4h {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 337px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px
}
@media (max-width: 576px) {
    .rbp73n4h {
        max-width: 100%
    }
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    transition: color .2s
}
html {
    scroll-behavior: smooth
}
body {
    color: var(--color-light);
    font-size: 16px;
    font-family: Open Sans, sans-serif;
    line-height: 152%;
    background-color: var(--bg-dark)
}
main {
    flex: 1
}
img {
    max-width: 100%;
    border-radius: 8px
}
.s5y6dwdkuci { border: 3px dashed #d23d9c; margin: -7px; padding-left: 41px; }
button {
    font-size: 16px
}
a {
    color: var(--color-accent);
    font-weight: 700;
    cursor: pointer
}
p {
    font-size: 16px;
    margin: 16px 0
}
@media (max-width: 576px) {
    p {
        margin: 12px 0
    }
}
@media (max-width: 576px) {
    p {
        line-height: 140%
    }
}
ul,
ol {
    padding-left: 20px;
    margin: 16px 0
}
@media (max-width: 576px) {

    ul,
    ol {
        margin: 12px 0
    }
}
@media (max-width: 576px) {

    ul,
    ol {
        line-height: 140%
    }
}
ul {
    list-style-image: url(../images/ui_marker-BLTok8-d.hmgxchd0)
}
li:not(:last-of-type) {
    margin-bottom: 8px
}
h1 {
    font-weight: 700;
    font-size: 50px;
    line-height: normal;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    h1 {
        font-size: 28px
    }
}
h2 {
    margin: 32px 0 16px;
    color: var(--color-text);
    font-weight: 700;
    font-size: 36px;
    line-height: 112%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    h2 {
        margin-bottom: 16px;
        font-size: 20px;
        line-height: 140%
    }
}
h3 {
    margin: 32px 0 16px;
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    h3 {
        font-size: 16px
    }
}
h4 {
    margin: 32px 0 16px;
    color: var(--color-text, #2b2b2d);
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    h4 {
        font-size: 14px
    }
}
h5 {
    margin: 32px 0 16px;
    color: var(--color-text, #2b2b2d);
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    h5 {
        font-size: 14px
    }
}
.n55hbkjo {
    width: 100%;
    overflow: auto;
    border: 1px solid var(--bg-dark);
    border-radius: 10px;
    box-shadow: 2px 4px 18px var(--bg-dark-rgb);
    margin: 16px 0
}
@media (max-width: 576px) {
    .n55hbkjo {
        margin: 12px 0
    }
}
@media (max-width: 576px) {
    .n55hbkjo {
        width: auto
    }
}
table {
    width: 100%;
    border-collapse: collapse
}
@media (max-width: 576px) {
    table {
        font-size: 14px;
        border-width: 6px
    }
}
table th {
    font-weight: 700;
    text-align: left
}
.oj7ezwxf { display: none; width: 23vw; color: rgb(184, 44, 97); padding: 28px 15px; border: 3px dashed #5ff629; margin: -17px; }
table th,
table td {
    padding: 16px;
    border: 1px solid var(--color-accent);
}
table th:first-child,
table td:first-child {
    border-left: none
}
table th:last-child,
table td:last-child {
    border-right: none
}
@media (max-width: 576px) {

    table th,
    table td {
        padding: 8px 12px
    }
}
table thead th {
    color: var(--color-text);
    background: var(--bg-dark);
    border-color: var(--color-accent)
}
table tr:first-of-type th,
table tr:first-of-type td {
    border-top: none
}
table tr:last-of-type th,
table tr:last-of-type td {
    border-bottom: none
}
table p {
    margin: 0
}
@media (max-width: 576px) {
    table p {
        font-size: 14px;
  display: block;
    overflow-x: auto;
width: 100%;
max-width: 576px;
    }
}
.v4vnutuh {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 36px
}
@media (max-width: 576px) {
    .v4vnutuh {
        margin-bottom: 24px
    }
}
.gdsb2enq {
    position: relative;
    display: block;
    color: #b9b1b9;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    border-bottom: none
}
.gdsb2enq:not(:first-child) {
    padding-left: 8px
}
.gdsb2enq:not(:last-child) {
    padding-right: 8px
}
.jq2zgtijw9vi { display: block; color: rgb(137, 150, 120); padding-right: 42px; border: 5px solid #34b431; padding-left: 47px; }
.gdsb2enq:not(:last-child):after {
    position: relative;
    top: 1px;
    left: 8px;
    content: url(../images/bc_arrow-tNUjn8ZS.hmgxchd0)
}
.zplb1cf9 {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}
.g9f3fje8 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}
@media (max-width: 1352px) {
    .g9f3fje8 {
        padding-right: 16px;
        padding-left: 16px
    }
}
.y0zjqoth {
    height: -moz-fit-content;
    height: fit-content;
    padding: 17px 10px;
    color: var(--color-text-button, #011c39);
    font-weight: 800;
    font-size: 17px;
    text-decoration: none;
    text-align: center;
    background-color: var(--color-accent);
    border-radius: 8px;
    line-height: 18px;
    display: block;
    justify-self: center
}
.y0zjqoth:hover {
    filter: brightness(1.2)
}
.y0zjqoth:active {
    filter: contrast(200%) saturate(50%)
}
@media (max-width: 576px) {
    .y0zjqoth {
        height: 40px;
        font-size: 14px;
        padding: 11px 0
    }
}
.grm15g7w {
    display: none !important
}
.pewizt22 {
    padding: 80px 0;
    position: relative
}
@media (max-width: 1024px) {
    .pewizt22 {
        padding: 32px 0
    }
}
.pewizt22:before {
    content: "";
    display: block;
    position: absolute;
    background: var(--bg-dark-rgb);
    border-radius: 120px;
    width: 100vw;
    height: 100%;
    margin-top: -80px;
    left: 50%;
    transform: translate(-50%);
    z-index: -1
}
@media (max-width: 1024px) {
    .pewizt22:before {
        border-radius: 32px;
        margin-top: -32px
    }
}
.kqgcp3z3 {
    padding: 50px 0;
    color: var(--color-light);
    background: var(--bg-dark);
    border-top: 2px solid var(--bg-dark);
   text-align: center;
}
@media (max-width: 576px) {
    .kqgcp3z3 {
        padding: 40px 0
    }
}
.m1oje7ev .kqgcp3z3 {
    border-top: 2px solid var(--bg-dark)
}
.lx30wpc0 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}
@media (max-width: 1352px) {
    .lx30wpc0 {
        padding-right: 16px;
        padding-left: 16px
    }
}
.lx30wpc0 {
    max-width: 1320px
}
.tks374z0 {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 52px;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    position: relative;

}
.vsu0k34mnttv { padding: 17px 15px; width: 43vw; }
@media (max-width: 1024px) {
    .tks374z0 {
        gap: 8px 12px;
        margin-bottom: 32px;
        padding: 0
    }
}
.rojp0ok6 {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    text-decoration: none
}
.a1zj7x5l {
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: -5px
}
@media (max-width: 1024px) {
    .a1zj7x5l {
        border-left: 1px solid gray;
        padding-left: 8px;
        justify-content: center;
        position: unset
    }
}
.spsq4ewf {
    padding: 5px 10px;
    margin: 0;
    border: 1px solid var(--color-border-button, #fff);
    border-radius: 5px;
    color: var(--color-text-button, #011c39);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700
}
.spsq4ewf>img {
    width: 25px;
    height: 13px
}
.spsq4ewf>svg {
    margin-left: 10px;
    transition: transform .3s ease
}
@media (max-width: 1024px) {
    .spsq4ewf {
        border: none
    }
}
.caibmip8 {
    list-style-type: none;
    list-style-image: none;
    padding: 10px;
    position: absolute;
    background: var(--color-accent);
    border: 1px solid var(--color-border-button, #fff);
    border-radius: 5%;
    max-height: 200px;
    overflow-y: auto;
    margin: 42px 0 5px;
    width: 9em
}
@media (max-width: 1024px) {
    .caibmip8 {
        margin: 35px 0 5px
    }
}
.h8yxufjz {
    position: relative
}
.h8yxufjz:not(:last-of-type) {
    margin-bottom: 10px
}
.bjdy3a52 {
    display: inline-block;
    width: 90%
}
.bjdy3a52>* {
    vertical-align: middle
}
.tg1qv6zf {
    color: var(--color-text-button, #011c39);
    text-decoration: none;
    font-weight: 700;
    outline: none;
    display: flex;
    align-items: center
}
.inybnukd { color: rgb(67, 134, 246); margin: 14px; border: 4px dashed #c5d857; padding: 32px 49px; width: 90px; }
.xqzcgjsw {
    border-radius: 0;
    width: 25px;
    margin-right: 5px
}
.rktuykrl {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px
}
@media (max-width: 1024px) {
    .rktuykrl {
        gap: 8px 20px;
        margin-bottom: 32px
    }
}
.mpn21vnv {
    display: flex;
    max-height: 44px;
    border-bottom: none
}
@media (max-width: 768px) {
    .mpn21vnv {
        max-height: 30px
    }
}
.abygxg7e {
    width: 100px;
    height: 100%
}
@media (max-width: 768px) {
    .abygxg7e {
        max-height: 30px
    }
}
.jytq8110 {
    display: flex;
    align-items: center;
    justify-content: center
}
@media (max-width: 576px) {
    .jytq8110 {
        width: 100%;
        margin-bottom: 16px
    }
}
.jytq8110 img {
    width: 176px
}
.exg872pd {
    margin-bottom: 12px;
    color: var(--color-text);
    line-height: 160%;
    text-align: center
}
@media (max-width: 576px) {
    .exg872pd {
        font-size: 14px
    }
}
.vj9arsba {
    padding: 50px 0;
    color: #fff;
    background: var(--bg-dark);
    border-top: 2px solid var(--bg-dark)
}
@media (max-width: 576px) {
    .vj9arsba {
        padding: 40px 0
    }
}
.m1oje7ev .vj9arsba {
    border-top: 2px solid var(--bg-dark)
}
.hye70u9h {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}
.ds1ywfy8 { margin: 11px; color: rgb(158, 249, 89); }
@media (max-width: 1352px) {
    .hye70u9h {
        padding-right: 16px;
        padding-left: 16px
    }
}
.hye70u9h {
    max-width: 1320px
}
.ugfh0fsk {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 52px;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    position: relative;
    padding-right: 75px
}
@media (max-width: 1024px) {
    .ugfh0fsk {
        gap: 8px 12px;
        margin-bottom: 32px;
        padding: 0
    }
}
.hspulplz {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    text-decoration: none
}
.hr3mw1dz {
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: -5px
}
@media (max-width: 1024px) {
    .hr3mw1dz {
        border-left: 1px solid gray;
        padding-left: 8px;
        justify-content: center;
        position: unset
    }
}
.l31k67vu {
    margin-left: 10px
}
.jhl2fe2g {
    padding: 5px 10px;
    margin: 0;
    border: 1px solid var(--color-border-button, #fff);
    border-radius: 5px;
    color: var(--color-text-button, #011c39);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700
}
@media (max-width: 1024px) {
    .jhl2fe2g {
        border: none
    }
}
.vn8izxra {
    list-style-type: none;
    list-style-image: none;
    padding: 10px;
    position: absolute;
    background: var(--color-accent);
    border: 1px solid var(--color-border-button, #fff);
    border-radius: 5%;
    max-height: 200px;
    overflow-y: auto;
    margin: 42px 0 5px;
    width: 9em
}
@media (max-width: 1024px) {
    .vn8izxra {
        margin: 35px 0 5px
    }
}
.h0z24zk0 {
    position: relative
}
.h0z24zk0:not(:last-of-type) {
    margin-bottom: 10px
}
.hiw1vlcn {
    display: inline-block;
    width: 90%
}
.hiw1vlcn>* {
    vertical-align: middle
}
.g0rb5hcd { padding: 17px 32px; border: 4px solid #db5e68; display: grid; color: rgb(47, 252, 162); }
.z0damp0c {
    color: var(--color-text-button, #011c39);
    text-decoration: none;
    font-weight: 700;
    outline: none;
    display: flex;
    align-items: center
}
.n153l73c {
    border-radius: 0;
    width: 25px;
    margin-right: 5px
}
.c6g0i3zl {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    justify-content: center;
    margin-bottom: 64px;
    position: relative
}
@media (max-width: 1024px) {
    .c6g0i3zl {
        gap: 8px 20px;
        margin-bottom: 32px
    }
}
.c6g0i3zl:after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    background: linear-gradient(to left, #69696900, #696969, #69696900);
    top: calc(100% + 32px)
}
.lkx7src2 {
    display: flex;
    max-height: 44px;
    border-bottom: none
}
@media (max-width: 768px) {
    .lkx7src2 {
        max-height: 30px
    }
}
.t376szkq {
    height: 30px
}
.cngd96za {
    display: flex;
    align-items: center;
    justify-content: center
}
@media (max-width: 576px) {
    .cngd96za {
        width: 100%;
        margin-bottom: 16px
    }
}
.cngd96za img {
    width: 176px
}
.ecvmkubx {
    margin-bottom: 12px;
    color: var(--color-text-header-footer, #fff);
    line-height: 160%;
    text-align: center
}
@media (max-width: 576px) {
    .ecvmkubx {
        font-size: 14px
    }
}
.ow4xooy2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: #0006;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center
}
.ij6u6hkl {
    background: var(--bg-dark);
    color: #fff;
    padding: 30px;
    border-radius: 10px;
    width: 50%;
    position: relative;
    border: 1px solid #aaa
}
@media (max-width: 576px) {
    .ij6u6hkl {
        width: 90%
    }
}
.ij6u6hkl h2 {
    margin-top: 0
}
.ij6u6hkl input,
.ij6u6hkl textarea {
    width: 100%;
    padding: 12px;
    margin-bottom: 15px;
    border: 1px solid #aaa;
    border-radius: 5px;
    color: #fff;
    background: var(--bg-dark);
    resize: none;
    font-family: Open Sans, serif;
    caret-color: #fff
}
.ij6u6hkl input:focus,
.ij6u6hkl textarea:focus {
    border-color: #fff;
    outline: none
}
.lg5jiwg34 { display: block; padding-left: 2px; margin: 18px; color: rgb(54, 152, 12); }
.ij6u6hkl button[type=submit] {
    width: 100%;
    background-color: var(--color-accent);
    color: #fff;
    border: none;
    padding: 12px;
    border-radius: 5px;
    font-weight: 700;
    cursor: pointer
}
.ij6u6hkl h3 {
    margin-top: 0
}
.evci0gsy {
    position: absolute;
    right: 30px;
    top: 25px;
    font-size: 35px;
    color: #fff;
    background: none;
    border: none;
    cursor: pointer
}
@media (max-width: 576px) {
    .evci0gsy {
        font-size: 30px
    }
}
.jak4i3sc {
    position: relative;
    width: 100%;
    height: 68px;
    background-color: var(--bg-dark)
}
@media (max-width: 1024px) {
    .jak4i3sc {
        height: 60px
    }
}
.ks4iwu5k {
    display: flex;
    align-items: center;
    max-width: 176px;
    height: 100%;
    margin-right: 32px;
    padding: 5px 0
}
.ks4iwu5k img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}
@media (max-width: 1024px) {
    .ks4iwu5k {
        order: 0
    }
}
@media (max-width: 576px) {
    .ks4iwu5k {
        max-width: 110px;
        margin-right: 10px
    }
}
@media (max-width: 375px) {
    .ks4iwu5k {
        max-width: 95px
    }
}
.kunzigns {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}
@media (max-width: 1352px) {
    .kunzigns {
        padding-right: 16px;
        padding-left: 16px
    }
}
.kunzigns {
    max-width: 1320px
}
.jak4i3sc nav {
    flex: 1
}
.ez1mw1vf {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    margin-right: 16px
}
@media (max-width: 1024px) {
    .ez1mw1vf {
        display: none
    }

    .ez1mw1vf.sadi6kr7 {
        display: flex;
        flex: none;
        order: 3;
        margin-right: 0;
        margin-left: 0;
        position: fixed;
        top: 68px;
        right: 0;
        z-index: 10;
        width: 90%;
        max-width: unset;
        height: auto;
        min-height: 100%;
        padding: 16px;
        background: var(--bg-dark);
        border-radius: 8px 0 0 8px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}
.b7ip2u3e {
    display: flex;
    gap: 26px;
    align-items: center
}
@media (max-width: 1024px) {
    .b7ip2u3e {
        display: none
    }

    .ez1mw1vf.sadi6kr7 .b7ip2u3e {
        display: flex;
        flex-direction: column;
        gap: 20px
    }
}
.hnwj8lcx {
    position: relative;
    display: flex;
    height: 100%
}
@media (max-width: 1024px) {
    .hnwj8lcx {
        flex-direction: column;
        width: 100%
    }

    .hnwj8lcx.sadi6kr7>.rmyh9rhs {
        display: block
    }
}
.p7p86t4y {
    display: flex;
    gap: 8px;
    align-items: center;
    height: 100%;
    color: var(--color-text-header-footer, #fff);
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    text-decoration: none
}
.p7p86t4y svg *[fill] {
    fill: currentcolor
}
.p7p86t4y svg *[stroke] {
    stroke: currentcolor
}
.l7igr5v4i9 { display: inline-block; padding: 29px 25px; margin: 4px; color: rgb(109, 158, 134); border: 2px solid #711e1c; width: 75vw; }
.p7p86t4y a {

    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    text-decoration: none
}
.hnwj8lcx:hover>.rmyh9rhs {
    display: block
}
.hnwj8lcx:hover>.p7p86t4y,
.hnwj8lcx:hover>.p7p86t4y>a {
    color: var(--color-accent)
}
.hnwj8lcx:hover>.p7p86t4y svg {
    rotate: 180deg
}
.hb14i98x {
    z-index: 1;
    display: flex
}
@media (max-width: 1024px) {
    .hb14i98x {
        padding: 0;
        display: none;
        width: 90%;
        height: auto;
        background: var(--bg-dark);
        border-radius: 8px 0 0 8px;
        max-width: -moz-fit-content;
        max-width: fit-content;
        order: -1;
        margin: 16px 0
    }
}
@media (max-width: 1024px) and (max-width: 576px) {
    .hb14i98x {
        margin: 12px 0
    }
}
@media (max-width: 1024px) {
    .ez1mw1vf.sadi6kr7 .hb14i98x {
        display: flex
    }
}
.f2bg2pdr {
    padding: 5px 10px;
    margin: 0;
    border: 1px solid var(--color-border-button, #fff);
    border-radius: 5px;
    color: var(--color-text-button, #011c39);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700
}
.f2bg2pdr>svg {
    margin-left: 10px;
    transition: transform .3s ease
}
.itfopvys {
    list-style-type: none;
    list-style-image: none;
    padding: 10px;
    position: absolute;
    background: var(--color-accent);
    border: 1px solid var(--color-border-button, #fff);
    border-radius: 5%;
    max-height: 200px;
    overflow-y: auto;
    margin: 42px 0 5px;
    width: 6em
}
.aiqdxsdc {
    position: relative
}
.aiqdxsdc:not(:last-of-type) {
    margin-bottom: 10px
}
.aiqdxsdc>svg {
    position: absolute;
    display: inline-block;
    top: 40%
}
.gw7l0amq {
    display: inline-block;
    width: 90%
}
.gw7l0amq>* {
    vertical-align: middle
}
.mrakefqc {
    color: var(--color-text-button, #011c39);
    text-decoration: none;
    font-weight: 700;
    outline: none;
    display: flex;
    align-items: center
}
.kwlrvx02upt { margin: -11px; padding: 40px 44px; width: 87vw; color: rgb(178, 227, 53); display: none; border: 1px solid #854b64; }
.m3pikhuu {
    border-radius: 0;
    width: 25px;
    margin-right: 5px
}
.rmyh9rhs {
    position: absolute;
    top: 20px;
    left: 0;
    display: none;
    min-width: 218px
}
@media (max-width: 1024px) {
    .rmyh9rhs {
        position: static;
        width: 100%;
        padding-top: 12px;
        transform: translate(0)
    }
}
.bibofxkt {
    padding: 6px 0;
    background-color: var(--bg-dark);
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 8px
}
@media (max-width: 1024px) {
    .bibofxkt {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0;
        border: none
    }
}
.avyho665 {
    position: relative
}
.avyho665:hover>.rmyh9rhs {
    display: block
}
.avyho665:hover>.otbi4i1j,
.avyho665:hover>.otbi4i1j>a {
    color: var(--color-accent)
}
@media (max-width: 1024px) {
    .avyho665:hover>.otbi4i1j svg {
        rotate: 180deg
    }
}
.otbi4i1j {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    padding: 6px 12px;
    color: #fff
}
.otbi4i1j svg *[fill] {
    fill: currentcolor
}
.otbi4i1j svg *[stroke] {
    stroke: currentcolor
}
.otbi4i1j a {
    color: #fff;
    font-size: 14px;
    text-decoration: none
}
@media (min-width: 1024px) {
    .otbi4i1j svg {
        rotate: -90deg
    }
}
@media (max-width: 1024px) {
    .otbi4i1j {
        justify-content: flex-start;
        padding: 0;
        font-weight: 400
    }
}
@media (max-width: 1024px) {
    .avyho665.sadi6kr7>.rmyh9rhs {
        display: block
    }
}
.avyho665 .rmyh9rhs {
    top: 0;
    right: calc(-100% - 4px);
    left: auto
}
@media (max-width: 1024px) {
    .avyho665 .rmyh9rhs {
        padding-top: 0;
        border: none
    }
}
.avyho665 .bibofxkt {
    margin-left: 8px
}
@media (max-width: 1024px) {
    .avyho665 .bibofxkt {
        display: block;
        background-color: transparent
    }
}
@media (max-width: 1024px) {
    .avyho665 .rmyh9rhs .avyho665 .otbi4i1j {
        font-size: 14px
    }
}
.ikdlprgb {
    display: flex;
    gap: 16px;
    align-items: center
}
.awdrod45 { color: rgb(103, 79, 186); padding: 35px 44px; border: 5px dotted #c4bf28; display: flex; }
.zj48lprc {
    display: none;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: transparent;
    border-radius: 4px;
    cursor: pointer
}
@media (max-width: 1024px) {
    .zj48lprc {
        display: flex
    }
}
@media (max-width: 576px) {
    .zj48lprc {
        width: 28px;
        height: 28px
    }
}
@media (max-width: 1024px) {
    .ikdlprgb {
        flex: 1;
        gap: 8px;
        justify-content: flex-end;
        order: 2;
        margin-right: 8px
    }
}
.xxt9jfkw {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 28px;
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    text-decoration: none;
    border-radius: 8px
}
@media (max-width: 576px) {
    .xxt9jfkw {
        height: 28px;
        padding: 0 6px;
        font-size: 12px
    }
}
@media (max-width: 375px) {
    .xxt9jfkw {
        font-size: 9px
    }
}
.dhwdrasr {
    color: var(--color-accent);
    border: 2px solid var(--color-accent);
}
.dhwdrasr:hover {

    filter: brightness(1.2)
}
.dhwdrasr:active {
    filter: brightness(.8)
}
.l32dt8ip {
    color: var(--color-text-button, #011c39);
    background-color: var(--color-accent)
}
.l32dt8ip:hover {
    filter: brightness(1.2)
}
.l32dt8ip:active {
    filter: contrast(200%) saturate(50%)
}
.uveo9l7g {
    position: relative;
    width: 100%;
    height: 93px;
    background-color: var(--bg-dark);
    border-bottom-right-radius: 60px;
    border-bottom-left-radius: 60px
}
@media (max-width: 1024px) {
    .uveo9l7g {
        height: 60px;
        border-bottom-right-radius: 28px;
        border-bottom-left-radius: 28px
    }
}
.a17ulvyd {
    display: flex;
    align-items: center;
    max-width: 176px;
    height: 100%;
    margin-right: 32px;
    padding: 5px 0
}
.a17ulvyd img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}
@media (max-width: 1024px) {
    .a17ulvyd {
        order: 1
    }
}
@media (max-width: 576px) {
    .a17ulvyd {
        max-width: 110px;
        margin-right: 10px
    }
}
@media (max-width: 375px) {
    .a17ulvyd {
        max-width: 95px
    }
}
.qpwijpab {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}
@media (max-width: 1352px) {
    .qpwijpab {
        padding-right: 16px;
        padding-left: 16px
    }
}
.qpwijpab {
    max-width: 1320px
}
.dgnecc43 {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    justify-content: center
}
.itvm330f { color: rgb(127, 121, 88); padding-left: 35px; border: 5px dashed #443207; display: flex; }
@media (max-width: 1024px) {
    .dgnecc43 {
        display: none
    }

    .dgnecc43.sadi6kr7 {
        display: flex;
        flex: none;
        order: 3;
        margin-right: 0;
        margin-left: 0;
        position: fixed;
        top: 68px;
        right: 0;
        z-index: 10;
        width: 100%;
        max-width: unset;
        height: auto;
        min-height: 100%;
        padding: 16px;
        background: var(--bg-dark);
        border-radius: 8px 0 0 8px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}
.bw73j6c6 {
    gap: 26px;
    display: flex;
    align-items: center;
    justify-content: center
}
@media (max-width: 1024px) {
    .bw73j6c6 {
        display: none
    }

    .dgnecc43.sadi6kr7 .bw73j6c6 {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 24px
    }
}
.friw2mnd {
    position: relative;
    display: flex;
    height: 100%
}
@media (max-width: 1024px) {
    .friw2mnd {
        flex-direction: column;
        width: 100%
    }

    .friw2mnd.sadi6kr7>.g3lvu9uo {
        display: block
    }
}
.pp4q9zwz {
    display: flex;
    gap: 8px;
    align-items: center;
    height: 100%;
    color: var(--color-text-header-footer, #fff);
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    text-decoration: none
}
.pp4q9zwz svg *[fill] {
    fill: currentcolor
}
.pp4q9zwz svg *[stroke] {
    stroke: currentcolor
}
.pp4q9zwz a {
    color: var(--color-text-header-footer, #fff);
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    text-decoration: none
}
.friw2mnd:hover>.g3lvu9uo {
    display: block
}
.friw2mnd:hover>.pp4q9zwz,
.friw2mnd:hover>.pp4q9zwz>a {
    color: var(--color-accent)
}
.friw2mnd:hover>.pp4q9zwz svg {
    rotate: 180deg
}
.klpacu4g {
    z-index: 1;
    display: flex;
    order: 1;
    position: absolute;
    right: 0
}
@media (max-width: 1024px) {
    .klpacu4g {
        display: none
    }

    .dgnecc43.sadi6kr7 .klpacu4g {
        padding: 0;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        order: unset;
        position: unset
    }
}
.klpacu4g svg {
    margin-left: auto
}
@media (max-width: 1024px) {
    .klpacu4g svg {
        margin-left: 8px
    }
}
.bdrktk0j {
    margin: 0;
    border-radius: 5px;
    color: var(--color-text-button, #011c39);
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: 700;
    width: 4em
}
@media (max-width: 1024px) {
    .bdrktk0j {
        width: 100%
    }
}
.uqsakoyf {
    position: absolute;
    list-style-type: none;
    list-style-image: none;
    padding: 10px;
    background: var(--bg-dark);
    border-radius: 5%;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid var(--color-border-button, #fff);
    margin: 42px 0 5px;
    width: 6em;
    left: -14px
}
@media (max-width: 1024px) {
    .uqsakoyf {
        position: unset;
        padding: 0;
        margin: 12px 0 0;
        width: 100%;
        border: 0;
        border-bottom: 1px solid var(--color-border-button, #fff)
    }
}
.cn4xsgfd {
    position: relative
}
.l1sw5a0y50 { margin: -5px; padding-right: 1px; }
.cn4xsgfd:not(:last-of-type) {
    margin-bottom: 10px
}
.dpvpi3fv {
    position: absolute;
    display: inline-block;
    top: 40%;
    right: 0
}
.u4zubv75 {
    display: inline-block
}
.u4zubv75>* {
    vertical-align: middle
}
.xgabwn50 {
    color: var(--color-text-button, #011c39);
    text-decoration: none;
    font-weight: 700;
    outline: none;
    display: flex;
    align-items: center
}
.dyapko1r {
    border-radius: 0;
    width: 25px;
    margin-right: 5px
}
.g3lvu9uo {
    position: absolute;
    top: 20px;
    left: 0;
    display: none;
    min-width: 218px
}
@media (max-width: 1024px) {
    .g3lvu9uo {
        position: static;
        width: 100%;
        padding-top: 12px;
        transform: translate(0)
    }
}
.a2vvvf0m {
    padding: 6px 0;
    background-color: var(--bg-dark);
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 8px
}
@media (max-width: 1024px) {
    .a2vvvf0m {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0;
        border: none
    }
}
.upaec004 {
    position: relative
}
.upaec004:hover>.g3lvu9uo {
    display: block
}
.upaec004:hover>.vube4t96,
.upaec004:hover>.vube4t96>a {
    color: var(--color-accent)
}
@media (max-width: 1024px) {
    .upaec004:hover>.vube4t96 svg {
        rotate: 180deg
    }
}
.vube4t96 {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    padding: 6px 12px;
    color: #fff
}
.vube4t96 svg *[fill] {
    fill: currentcolor
}
.nea9j9yyh9g { width: 29vw; border: 3px dashed #54b8a0; margin: -2px; color: rgb(124, 21, 80); padding: 8px 9px; display: block; }
.vube4t96 svg *[stroke] {
    stroke: currentcolor
}
.vube4t96 a {
    color: #fff;
    font-size: 14px;
    text-decoration: none
}
@media (min-width: 1024px) {
    .vube4t96 svg {
        rotate: -90deg
    }
}
@media (max-width: 1024px) {
    .vube4t96 {
        justify-content: flex-start;
        padding: 0;
        font-weight: 400
    }
}
@media (max-width: 1024px) {
    .upaec004.sadi6kr7>.g3lvu9uo {
        display: block
    }
}
.upaec004 .g3lvu9uo {
    top: 0;
    right: calc(-100% - 4px);
    left: auto
}
@media (max-width: 1024px) {
    .upaec004 .g3lvu9uo {
        padding-top: 0;
        border: none
    }
}
.upaec004 .a2vvvf0m {
    margin-left: 8px
}
@media (max-width: 1024px) {
    .upaec004 .a2vvvf0m {
        display: block;
        background-color: transparent
    }
}
@media (max-width: 1024px) {
    .upaec004 .g3lvu9uo .upaec004 .vube4t96 {
        font-size: 14px
    }
}
.h3ohkt8l {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-left: 24px
}
.wxw511qn {
    display: none;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: transparent;
    border-radius: 4px;
    cursor: pointer
}
@media (max-width: 1024px) {
    .wxw511qn {
        display: flex
    }
}
@media (max-width: 576px) {
    .wxw511qn {
        width: 28px;
        height: 28px
    }
}
@media (max-width: 1024px) {
    .h3ohkt8l {
        flex: 1;
        gap: 8px;
        justify-content: flex-end;
        order: 2;
        margin-right: 8px
    }
}
.bghonwqf {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 28px;
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    text-decoration: none;
    border-radius: 12px
}
@media (max-width: 576px) {
    .bghonwqf {
        height: 28px;
        padding: 0 6px;
        font-size: 12px;
        border-radius: 8px
    }
}
@media (max-width: 375px) {
    .bghonwqf {
        font-size: 9px
    }
}
.qab3qxgw {
    color: var(--color-text-header-footer, #fff);
    border: 2px solid var(--color-accent)
}
.qab3qxgw:hover {
    background: var(--bg-dark-rgb);
    filter: brightness(1.2)
}
.qab3qxgw:active {
    filter: brightness(.8)
}
.nh93m109 {
    color: var(--color-text-button, #011c39);
    background-color: var(--color-accent)
}
.nh93m109:hover {
    filter: brightness(1.2)
}
.nh93m109:active {
    filter: contrast(200%) saturate(50%)
}
.jl7zoli9cqwd { width: 3px; padding-right: 41px; padding-left: 12px; border: 4px dotted #0d1f7e; }
.nwy7pwft {
    width: 100%;
    margin-bottom: 40px;
}
.oyporx7b {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 10px;
    padding-top: 30px;
}
.oyporx7b h2 {
    color: var(--color-accent);
}
.iergeje3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    padding-top: 20px;
}
.aal6l8de {
    width: 100%;
    height: auto;
    max-width: 220px;
    min-height: 220px;
    position: relative;
    background-color: inherit;
    border-radius: 10px;
}
.aal6l8de img {
    height: auto;
    max-width: 220px;
    border-radius: 10px;
}
.aal6l8de .hmgxchd0 {
    position: absolute;
    top: 45%;
    left: 40%;
    width: 60px;
    height: 60px;
    opacity: 0;
}
.aal6l8de:hover .hmgxchd0 {
    opacity: 1; 
}
.aal6l8de:hover img {
    opacity: 0.3;
}
@media screen and (max-width: 695px) {
    .iergeje3 {
        justify-content: center;
        gap:10px;
    }
    .aal6l8de {
        max-width: 120px;
        min-height: 190px;
    }
    .aal6l8de img {
       
    }
}
.aal6l8de {
max-width:inherit;
text-align: center;
}
.aeigtfq9 { display: flex; padding: 13px 25px; }
.o2hsxsjj {
 flex-basis: 49%; 
}
.kngw5sxu {
 flex-basis: 32.3333%; 
}
.ebx0v8wg {
 flex-basis: 24%; 
}
.qcg1wjm1 {
 flex-basis: 19%; 
}
.aiwn8043 {
 flex-basis: 15.6666%; 
}
.zc12v7p2 {
 flex-basis: 13.2857%; 
}
.zr65njp6 {
overflow: hidden;
}
.orordfqw {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 10px;
    padding-top: 30px;
}
.ecbnip95 h2 {
    margin-bottom: 1.875rem;
    font-size: 1.875rem;
    font-weight: 700;
}
summary.ufbrx9bx {
    margin-bottom: 1.25rem;
    font-size: 1.125rem;
    line-height: 2rem;
    border: 1px solid var(--color-light);
    padding: 1rem;
}
.even00lk {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 2rem;
    border: 0px dotted var(--color-light);
    padding: 0 1rem;
}
.v8sasosg {
width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}
.v8sasosg .ns1913wa {
max-width: 1440px;
    margin: 0 auto;
    padding: 0 10px;
    padding-top: 30px;
}
.v8sasosg .v6v3uius {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
.y6zqmjc2wlg6 { display: inline-block; width: 53px; }
.v8sasosg .v6v3uius .djcxxd6o  {
list-style:none;
}
.v8sasosg .v6v3uius .djcxxd6o a {
    display: flex;
    align-items: center;
    font-weight: 500;
    text-decoration: none;
    padding: 3px 10px;
    line-height: normal;
    white-space: nowrap;
    border: 1px solid var(--color-accent);
    color: var(--color-light);
    border-radius: 15px;
}
.v8sasosg + section.mwusvxvi {
margin-top:0px;
}
.doxqboqb {
display: flex;
    justify-content: center;
    gap: 20px;
}

        .mnin38xh {
          width: 100%;
height: 700px;
display: flex;
justify-content: center;
align-items: center;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin: 40px 0;
border-radius: 20px;

        }
.zeu13epk {
            display: flex;
            flex-direction: column;
            gap: 15px;
            z-index: 5;
        }
.qwtrsb99 {
            padding: 18px 45px;
            font-size: 1.2rem;
            font-weight: bold;
            text-transform: uppercase;
            cursor: pointer;
            border: none;
            border-radius: 5px;
            transition: 0.3s;
        }
.l02snvun {
            background-color: #00bcd4;
            color: #fff;
        }
.tgx9qxmi {
            background-color: #ff9800;
            color: #fff;
        }
.qwtrsb99:hover {
            opacity: 0.85;
            transform: translateY(-2px);
        }
iframe[full-frame] {
            width: 100%;
            height: 100%;
            border: none;
        }

.d14es43n {
    margin-top: 20px;
    font-size: 13px;
    opacity: 0.5;
}

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

    .clbqyeyi {
        width: 100%;
    }

    .r8657wqg img {
        height: 26px;
    }
}
.jm3210s7xii { width: 46%; display: grid; border: 3px dashed #f8f05c; padding-right: 33px; }
.r378ngsf {
    border-top: 2px solid var(--color-accent);
}
.zd3e0ygf {
      width: 100%;
      background: var(--bg);
      border-top: 1px solid rgba(255,255,255,0.06);
      padding: 32px 20px 24px;
      color: var(--color-text);
    }
.m11p9m25 {
      max-width: 860px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .clbqyeyi {
      width: 100%;
      height: 1px;
      background: rgba(255,255,255,0.05);
    }

    .ugal6egn {
      font-size: 12px;
      line-height: 1.7;
      color: var(--color-text);
      text-align: center;
    }

    .uc76q9z8 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      border: 2px solid #ef4444;
color: red;

      font-size: 10px;
      font-weight: 700;
      letter-spacing: -0.5px;
      margin-right: 4px;
      vertical-align: middle;
      flex-shrink: 0;
    }

    .eg7bmfrz {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 6px 12px;
      font-size: 12px;
      color: var(--color-text);
      text-align: center;
    }
.eg7bmfrz div {
display: flex;
gap: 10px;
}
.eg7bmfrz span {
      color:var( --color-light);
      font-weight: 600;
      display: block;
      width: 100%;
      margin-bottom: 5px;
font-size: 14px;
    }
.eg7bmfrz a {
     color:var( --color-light);
      text-decoration: none;
      transition: color 0.2s;
      white-space: nowrap;
font-size: 14px;

    }
.eg7bmfrz a:hover { color: #c5cad6; }
.hz3ex1yv { color: rgb(144, 94, 163); padding-left: 34px; padding-right: 44px; }
.d1gd1r90 {
      color: rgba(255,255,255,0.18);
      font-size: 14px;
      line-height: 1;
    }

    .fhfbt3mc {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 12px;
    }
.vllan4k7 {
      display: flex;
      align-items: center;
      gap: 8px;
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.07);
      border-radius: 8px;
      padding: 7px 12px;
      text-decoration: none;
      color: #8a94a6;
      font-size: 11px;
      font-weight: 500;
      transition: background 0.2s, border-color 0.2s, color 0.2s;
      white-space: nowrap;
width: 130px;
min-height: 65px;
display: flex;
justify-content: center;
    }
.vllan4k7:hover {
      background: rgba(255,255,255,0.08);
      border-color: rgba(255,255,255,0.14);
      color: #c5cad6;
    }

    .vllan4k7 svg {
      flex-shrink: 0;
    }

    .x23lsft3 {
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
.dv5r2qu2 {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: linear-gradient(135deg, #1a6faf 0%, #0d4f82 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 9px;
      font-weight: 800;
      color: #fff;
      letter-spacing: -0.5px;
      flex-shrink: 0;
    }

    .g1msti4f {
      display: inline-flex;
      align-items: center;
      gap: 7px;
    }
.se6ds11e {
      width: 28px;
      height: 28px;
      border-radius: 4px;
      background: #f4a10d;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .y1w6945p {
      display: inline-flex;
      align-items: center;
      gap: 7px;
    }
.am9n8me6 {
      width: 28px;
      height: 28px;
      border-radius: 4px;
      background: #27a844;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .y2swhxbh {
      font-size: 11px;
      color: var(--color-text);
      text-align: center;
    }
.y2swhxbh a {
      color: var(--color-text);
      text-decoration: underline;
      text-underline-offset: 2px;
    }
.y2swhxbh a:hover { color: #9aa0b0; }
.vy7idpir { margin: -10px; }

    .bruya5jw {
      font-size: 11px;
   color: var(--color-text);
      text-align: center;
    }

    @media (max-width: 480px) {
      .fhfbt3mc { gap: 8px; }
      .vllan4k7 { font-size: 10px; padding: 6px 10px; }
    }
.ohjfr45m {
max-width: 100%;
    height: auto;
}
.kq6wk5an div {
    font-size: 32px;
    font-weight: 700;
    color: black;
    margin-bottom: 8px;
    margin-top: 0;

}
blockquote {
    margin: 20px 0;
    padding: 15px 20px;
    border-left: 4px solid var(--accent);
    background-color: var(--bg);
    color: var(--text);
    font-style: italic;
    line-height: 1.6;
margin-left: 25px;
}
blockquote p {
    margin: 0;
}
blockquote cite {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: var(--menu);
    opacity: 0.7;
    font-style: normal;
}
.py2d2qw2 {
   max-width: 1000px;
width: 100%;
    margin: 10px auto;
padding: 10px;
justify-content: center;
}
.pn1cuj9s {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.po1fe7m0 {
    padding: 24px;
    border-radius: 16px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.po1fe7m0:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.dzf78rkc {
    background: rgba(40, 167, 69, 0.12); 
    border: 1px solid rgba(40, 167, 69, 0.25);
}
.ahke0xqo {
    background: rgba(220, 53, 69, 0.12); 
    border: 1px solid rgba(220, 53, 69, 0.25);
}

.ev5lxx1k {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
}
.rkadl202hu { padding-right: 42px; border: 3px dashed #0d36db; padding-left: 1px; }

.j0ztll6d {
    list-style: none !important;
    padding: 0;
    margin: 0;
}
.j0ztll6d li {
 list-style: none !important;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    line-height: 1.5;
}

.dzf78rkc li::before,
.ahke0xqo li::before {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px;
    font-weight: bold;
}
.dzf78rkc li::before {
    content: "✔";
    color: #28a745;
}
.ahke0xqo li::before {
    content: "✖";
    color: #dc3545;
}

@media (max-width: 768px) {
    .pn1cuj9s {
        grid-template-columns: 1fr;
    }
}
@media(max-width:768px) {
table {
    display: block;
    overflow-x: auto;
}
    .blq9afz9 {
    float: inherit;
    display: block;
}
}
img {
height: auto;

}
.ar4ht0rt {
    background: var(--bg);
    padding: 20px;
    border-radius: 12px;
    display: block;
margin: 0 auto;
max-width: 1000px;
    width: 100%;
}
.nghlvk0m {
    display: flex;
    align-items: center;
    gap: 18px;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 12px;
margin-bottom: 20px;
}
.i6gdcrar {
max-width: 120px;
margin-left: 20px;
}
.vohoxq508k1 { display: none; padding: 12px 42px; width: 41%; border: 3px solid #b4515c; margin: -4px; }
.i6gdcrar img {
    width: 220px;
height:auto;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--accent);
}
.djwbimi0 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.v13ljc2h {
    display: flex;
    align-items: center;
    gap: 8px;
}
.tq3yyz1x {
    font-size: 18px;
    font-weight: 600;
    color: #000;
}
.j9s6i93g {
    background: var(--accent);
    color: var(--bg);
    font-size: 12px;
    font-weight: 700;
    padding: 3px 7px;
    border-radius: 50px;
}
.pra3w35o {
    font-size: 14px;
    color: #65666b;
    opacity: 0.8;
}
.pra3w35o time {
    margin-left: 5px;
    color: var(--accent);
}

@media (max-width: 1025px) {
    .nghlvk0m {
        flex-direction: column;
        text-align: center;
    }

    .i6gdcrar img {
        width: 75px;
        height: 75px;
    }
}
@media (max-width: 768px) {
  #header-menu {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    z-index: 999;
    align-items: center;
    justify-content: center;
  }

  #header-menu[is-open] {
    display: flex;
  }

  #header-menu .b7ip2u3e {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
  }

  #header-menu .hnwj8lcx a {
    font-size: 1.25rem;
    color: #fff;
  }
}