@font-face {
    font-weight: 400;
    font-family: Visuelt Pro;
    font-style: normal;
    font-display: swap;
    src: local("Visuelt Pro"), url(fonts/VisueltPro-Regular-Bb02bh6V.sug5oxvm) 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.sug5oxvm) 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.sug5oxvm) format("woff2")
}
@font-face {
    font-weight: 400;
    font-family: OpenSans;
    font-style: normal;
    font-display: swap;
    src: local("OpenSans"), url(fonts/OpenSans-Regular-N6ipOEWl.sug5oxvm) format("woff2")
}
@font-face {
    font-weight: 500;
    font-family: OpenSans;
    font-style: normal;
    font-display: swap;
    src: local("OpenSans"), url(fonts/OpenSans-Medium-CC5f2jpZ.sug5oxvm) 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.sug5oxvm) format("woff2")
}
@font-face {
    font-weight: 700;
    font-family: OpenSans;
    font-style: normal;
    font-display: swap;
    src: local("OpenSans"), url(fonts/OpenSans-Bold-BcFC6EUS.sug5oxvm) format("woff2")
}
@font-face {
    font-weight: 800;
    font-family: OpenSans;
    font-style: normal;
    font-display: swap;
    src: local("OpenSans"), url(fonts/OpenSans-ExtraBold-BsjBC3I5.sug5oxvm) format("woff2")
}
.jbdeeah5 {
    position: relative;
    margin-bottom: 60px;
    padding: 20px 27px;
    background: var(--bg-dark-rgb);
    border-radius: 12px
}
@media (max-width: 576px) {
    .jbdeeah5 {
        margin-bottom: 44px;
        padding: 20px 12px;
        border-radius: 8px
    }
}
.wy68dzd9 {
    margin-bottom: 16px;
    font-size: 14px
}
@media (max-width: 576px) {
    .wy68dzd9 {
        display: none
    }
}
.lgxmyc7c {
    display: flex;
    margin-bottom: 20px
}
@media (max-width: 576px) {
    .lgxmyc7c {
        margin-bottom: 12px
    }
}
img {
height: auto;

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

    .hp63i7w3:after {
        display: none
    }
}
.mq6h5djg {
    position: relative;
    width: 64px;
    height: 64px;
    margin-right: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50px
}
@media (max-width: 576px) {
    .mq6h5djg {
        width: 44px;
        height: 44px;
        margin-right: 16px
    }
}
.x2df8itc {
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    .x2df8itc {
        font-size: 14px
    }
}
.c28xftww {
    line-height: 140%
}
@media (max-width: 576px) {
    .c28xftww {
        font-size: 14px
    }
}
.gqtxkght {
    position: relative;
    display: flex;
    align-items: center
}
.gqtxkght:after {
    position: absolute;
    top: 0;
    left: 47px;
    content: url(../images/author_check-D9qGitKu.oyau2ndp)
}
@media (max-width: 576px) {
    .gqtxkght:after {
        left: 30px
    }
}
.vycbg53v {
    display: flex;
    gap: 12px;
    align-items: center
}
@media (max-width: 576px) {
    .vycbg53v {
        gap: 8px
    }
}
.pcj40mh1 {
    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
}
.pcj40mh1 svg *[fill] {
    fill: currentcolor
}
.pcj40mh1:hover {
    border-color: var(--color-accent)
}
.impmf30z { padding-left: 27px; padding-right: 6px; color: rgb(128, 179, 8); }
.pcj40mh1:hover svg *[fill] {
    fill: var(--color-accent)
}
@media (max-width: 576px) {
    .pcj40mh1 {
        width: 32px;
        height: 32px;
        border: none
    }
}
.pcj40mh1 svg {
    width: 100%;
    height: 100%
}
.m67bgxq7 {
    margin-bottom: 16px
}
@media (max-width: 576px) {
    .m67bgxq7 {
        margin-bottom: 8px
    }
}
.uji1s9ok {
    display: flex;
    align-items: center;
    justify-content: space-between
}
@media (max-width: 375px) {
    .uji1s9ok {
        flex-direction: column;
        align-items: flex-start
    }
}
.abvph197 {
    font-size: 14px
}
.hobe11b9 {
    margin-left: 8px;
    font-weight: 700;
    font-size: 16px
}
@media (max-width: 576px) {
    .hobe11b9 {
        margin-left: 0;
        font-size: 14px
    }
}
.vqj84gnm {
    width: 110px
}
@media (max-width: 576px) {
    .vqj84gnm {
        width: 74px
    }
}
@media (max-width: 375px) {
    .vqj84gnm {
        margin: 12px auto 0
    }
}
.znqrs2or {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
 object-fit: cover;
}
.zlx6cy33 {
    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) {
    .zlx6cy33 {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px;
        padding: 40px 12px;
        background-position: center
    }
}
.hx2bgamv {
    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)
}
.hx2bgamv:first-of-type {
    max-width: 800px;
    border-radius: 0 10px 10px 0
}
.hx2bgamv:last-of-type {
    border-radius: 10px 0 0 10px
}
.ptljj6gln { margin: 13px; padding-left: 7px; display: inline-block; }
@media (max-width: 768px) {
    .hx2bgamv {
        width: 100%;
        min-height: auto;
        padding: 16px 8px;
        border-radius: 8px !important
    }
}
.hx2bgamv .owz3kah7 {
    display: block;
    width: 278px;
    text-align: center;
    border-radius: 8px;
    animation: pulsate 1.5s ease-in-out infinite
}
.z5el5lsp {
    margin-bottom: 12px;
    line-height: normal
}
@media (max-width: 1352px) {
    .z5el5lsp {
        font-size: 36px
    }
}
@media (max-width: 768px) {
    .z5el5lsp {
        margin-bottom: 8px;
        font-size: 24px
    }
}
.z5el5lsp span {
    color: var(--color-accent)
}
.pbph5vic {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}
.ouvl08b9 {
    position: absolute;
    top: -36px;
    right: 16px
}
@media (max-width: 768px) {
    .ouvl08b9 {
        display: none
    }
}
.ouvl08b9 svg path[fill] {
    fill: var(--bg-dark)
}
.eyjouosa {
    margin-bottom: 10px;
    color: var(--color-accent);
    font-weight: 800;
    font-size: 48px;
    line-height: 132%
}
@media (max-width: 1352px) {
    .eyjouosa {
        font-size: 36px
    }
}
.qermtvur {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 20px
}
@media (max-width: 1352px) {
    .qermtvur {
        font-size: 16px
    }
}
.fgy08lvr {
    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) {
    .fgy08lvr {
        background-size: cover
    }
}
@media (max-width: 1024px) {
    .fgy08lvr {
        background: none !important
    }
}
.hh94ni38 {
    padding: 50px 65px;
    display: flex;
    justify-content: center;
    background-size: cover
}
@media (max-width: 768px) {
    .hh94ni38 {
        display: block;
        padding: 24px 12px;
        text-align: center
    }
}
.q51f95re {
    max-width: 820px;
    width: 100%;
    margin-right: 60px;
    position: relative
}
.m7s7h7n35c9 { width: 85%; border: 5px dashed #2ad7f9; margin: 8px; display: none; padding: 42px 2px; }
@media (max-width: 1024px) {
    .q51f95re {
        margin-right: 20px
    }
}
@media (max-width: 768px) {
    .q51f95re {
        margin-bottom: 16px;
        margin-right: 0;
        max-width: 100%
    }
}
.q51f95re .owz3kah7 {
    display: block;
    min-width: 100%;
    text-align: center;
    border-radius: 20px;
    overflow: hidden;
    position: relative
}
.q51f95re .owz3kah7: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) {
    .q51f95re .owz3kah7 {
        border-radius: 14px
    }
}
.gofa5z22 {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 52px;
    line-height: 67px;
    color: #fff
}
@media (max-width: 1352px) {
    .gofa5z22 {
        font-size: 36px;
        line-height: 112%
    }
}
@media (max-width: 768px) {
    .gofa5z22 {
        margin-bottom: 2px;
        font-size: 28px;
        line-height: 112%;
        text-align: left
    }
}
.gofa5z22 span {
    color: var(--color-accent)
}
.gdxnme53 {
    margin-bottom: 24px;
    max-width: 700px;
    width: 100%;
    font-size: 16px;
    line-height: 152%;
    color: #fff
}
@media (max-width: 1024px) {
    .gdxnme53 {
        margin-bottom: 16px;
        line-height: 140%;
        text-align: left
    }
}
.ufyysq0k {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    min-width: 373px
}
@media (max-width: 768px) {
    .ufyysq0k {
        min-width: 100%;
        padding: 12px;
        align-items: center
    }
}
.mcv7pejh {
    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) {
    .mcv7pejh {
        min-width: 100%;
        margin-bottom: 0;
        padding-left: 36px;
        font-size: 32px
    }
}
.mcv7pejh:before {
    display: inline-block;
    content: "";
    width: 48px;
    height: 48px;
    position: relative;
    background-image: url(../images/ic_gift-BiXhOhKb.aldueiwd);
    background-size: 100% 100%;
    flex-shrink: 0
}
@media (max-width: 1024px) {
    .mcv7pejh:before {
        width: 32px;
        height: 32px
    }
}
.c6qoi4d3 {
    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) {
    .c6qoi4d3 {
        min-width: 100%;
        font-size: 16px
    }
}
.zo8djqk3 {
    margin-top: 24px;
    width: 300px;
    height: 300px;
    flex-shrink: 0;
    position: relative
}
@media (max-width: 1024px) {
    .zo8djqk3 {
        width: 200px;
        height: 200px;
        margin-top: 0
    }
}
.ipm9n9kf {
    position: relative;
    margin-bottom: 24px;
    border-radius: 20px;
    overflow: hidden;
    background: var(--color-svg-banner)
}
@media (max-width: 768px) {
    .ipm9n9kf {
        border-radius: 12px
    }
}
.fw00tia4 {
    position: relative;
    padding: 50px 65px;
    display: flex;
    justify-content: space-between;
    background-size: cover
}
@media (max-width: 768px) {
    .fw00tia4 {
        display: block;
        padding: 24px 12px;
        text-align: center
    }
}
.gyshp8kp {
    max-width: 820px;
    width: 100%;
    margin-right: 60px;
    position: relative
}
.kth1wm1qkz { margin: 13px; color: rgb(254, 50, 187); padding: 3px 32px; display: inline-block; width: 22%; border: 2px dashed #fcd311; }
@media (max-width: 1024px) {
    .gyshp8kp {
        margin-right: 20px
    }
}
@media (max-width: 768px) {
    .gyshp8kp {
        margin-bottom: 16px;
        margin-right: 0;
        max-width: 100%
    }
}
.gyshp8kp .owz3kah7 {
    display: block;
    width: 278px;
    text-align: center;
    border-radius: 8px
}
.djtadz4z {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 34px;
    line-height: 45px;
    color: var(--color-light);
}
@media (max-width: 1352px) {
    .djtadz4z {
        font-size: 36px;
        line-height: 112%
    }
}
@media (max-width: 768px) {
 .djtadz4z {
    position: relative;
    z-index: 1;
    margin-bottom: 2px;
    font-size: 28px;
    line-height: 112%;
    text-align: left;
    color: #fff; 
}

.djtadz4z::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;
}
}
.djtadz4z span {
    color: var(--color-accent)
}
.tm7bqos6 {
    margin-bottom: 24px;
    max-width: 700px;
    width: 100%;
    font-size: 16px;
    line-height: 152%;
    color: var(--color-light);
}
@media (max-width: 1024px) {
    .tm7bqos6 {
        margin-bottom: 16px;
        line-height: 140%;
        text-align: left
    }
}
.lv4v86rh {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    padding: 18px 28px 24px;
    border-radius: 12px;
    min-width: 373px
}
@media (max-width: 768px) {
    .lv4v86rh {
        padding: 12px;
        min-width: 100%;
        width: 100%;
        align-items: center
    }
}
.b464tk67 {
    width: 64px;
    height: 64px;
    position: absolute;
    top: -20px;
    right: -16px
}
@media (max-width: 1024px) {
    .b464tk67 {
        width: 48px;
        height: 48px;
        top: -8px;
        right: -8px
    }
}
.b464tk67 svg {
    width: 100%;
    height: 100%
}
.b464tk67 svg path[fill] {
    fill: var(--bg-dark)
}
.rbb0mz05 {
    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) {
    .rbb0mz05 {
        margin-bottom: 0;
        padding-left: 36px;
        font-size: 32px
    }
}
.rbb0mz05:before {
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    top: calc(50% - 24px);
    left: 0;
    background-image: url(../images/ic_gift-BiXhOhKb.aldueiwd);
    background-size: 100% 100%
}
@media (max-width: 1024px) {
    .rbb0mz05:before {
        top: calc(50% - 16px);
        width: 32px;
        height: 32px
    }
}
.tfl45ftf {
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #fff
}
.en593p6n { width: 22%; padding: 41px 27px; color: rgb(249, 28, 16); border: 2px dashed #403ef2; margin: 9px; }
@media (max-width: 1024px) {
    .tfl45ftf {
        font-size: 16px
    }
}
.k6kex6jt {
    margin-top: 24px;
    width: 300px;
    height: 300px;
    flex-shrink: 0;
    position: relative
}
@media (max-width: 1024px) {
    .k6kex6jt {
        width: 200px;
        height: 200px;
        margin-top: 0
    }
}
.gppbrtwt {
    margin: 0 auto 36px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(200px, 315px));
    gap: 60px 20px
}
.e4gg040d {
    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
}
.hz2ccjrq {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%);
    background-color: transparent
}
.tieli9po {
    width: auto;
    height: 120px
}
.qtugzz0l {
    font-size: 18px;
    font-weight: 700;
    margin: 0
}
.twmf99wy {
    font-size: 14px;
    line-height: 1.4;
    min-height: 40px;
    margin: 0
}
.j33x1gw8 {
    display: flex;
    justify-content: center;
    gap: 10px
}
.w77j6rq0 {
    padding: 6px 16px;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    width: 40%;
    text-decoration: none
}
.d5qmvcfl {
    background-color: var(--bg-dark-rgb);
    color: var(--color-light);
    border: 1px solid var(--color-accent)
}
.d5qmvcfl:hover {
    background: var(--bg-dark-rgb);
    filter: brightness(1.2)
}
.d5qmvcfl:active {
    filter: brightness(.8)
}
.x6x8mqlp {
    background-color: var(--color-accent);
    color: var(--color-light);
}
.x6x8mqlp:hover {
    filter: brightness(1.2)
}
.q8bfq59t { color: rgb(28, 134, 105); margin: -16px; display: block; width: 75vw; padding: 2px 13px; border: 2px solid #aa75af; }
.x6x8mqlp:active {
    filter: contrast(200%) saturate(50%)
}
.z4zsnlb1 {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 16px
}
@media (max-width: 1024px) {
    .z4zsnlb1 {
        flex-direction: column;
        align-items: center
    }
}
.dc7pbq59 {
    margin-bottom: 16px
}
.kd9wm47l {
    display: flex;
    flex-direction: column;
    gap: 8px
}
.xaofhrde {
    display: flex;
    gap: 12px
}
.sk21rl86 {
    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
}
.fcbhohkk {
    width: 400px;
    min-width: 400px;
    -o-object-fit: cover;
    object-fit: cover
}
@media (max-width: 576px) {
    .fcbhohkk {
        min-width: auto
    }
}
.hyun7bpu {
    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
}
.hyun7bpu.mtoip81h {
    height: -moz-fit-content;
    height: fit-content;
    bottom: 28px
}
@media (max-width: 1024px) {
    .hyun7bpu.mtoip81h {
        bottom: 0;
        height: unset;
        width: 100%;
        border-radius: 12px 12px 0 0
    }
}
.hyun7bpu.mbtlwc0z {
    display: none
}
.c8f0fyn0hm8o { padding-right: 26px; }
.qn60be3b {
    position: relative;
    align-items: center
}
.iz188143 {
    display: flex;
    position: relative;
    overflow: hidden;
    justify-content: space-between;
    align-items: center;
    height: 100%
}
@media (max-width: 1024px) {
    .iz188143 {
        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"
    }
}
.efqnf5zj {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}
.j0hquxox {
    height: 60px;
    min-width: 10%;
    margin-left: 24px;
    margin-right: 2px;
    flex-shrink: 3;
    z-index: 2
}
@media (max-width: 1024px) {
    .j0hquxox {
        max-width: 100px;
        margin: 0;
        border-width: 2px;
        grid-area: img
    }
}
.gnl8c051 {
    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) {
    .gnl8c051 {
        display: contents
    }
}
.gnl8c051 svg *[fill] {
    fill: currentcolor
}
.gnl8c051 svg *[stroke] {
    stroke: currentcolor
}
.tnt90p8s {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px
}
@media (max-width: 1024px) {
    .tnt90p8s {
        align-items: start;
        grid-area: text
    }
}
.tr0ph9e3 {
    flex: 1;
    font-weight: 800;
    line-height: 110%;
    text-align: center;
    color: var(--color-accent);
    font-size: 32px
}
@media (max-width: 1024px) {
    .tr0ph9e3 {
        font-size: 18px;
        text-align: start
    }
}
.z2sm3qzz {
    flex: 1;
    font-weight: 700;
    line-height: 110%;
    text-align: center;
    font-size: 16px;
 color: var(--color-light);
}
@media (max-width: 1024px) {
    .z2sm3qzz {
        font-size: 14px;
        text-align: start
    }
}
.h5zts5bf {
    position: absolute;
    right: 35%;
    overflow: visible;
    z-index: 1
}
@media (max-width: 1024px) {
    .h5zts5bf {
        right: -8%
    }
}
.rsc47dlf {
    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
}
.yhbbqqqu7p { width: 12px; padding: 1px 46px; margin: -18px; border: 4px solid #81caf6; }
.rsc47dlf:hover {
    filter: brightness(1.2)
}
.rsc47dlf:active {
    filter: contrast(200%) saturate(50%)
}
@media (max-width: 576px) {
    .rsc47dlf {
        height: 40px;
        font-size: 14px;
        padding: 11px 0
    }
}
.rsc47dlf {
    animation: pulsate 1.5s ease-in-out infinite
}
@media (max-width: 1024px) {
    .rsc47dlf {
        grid-area: button;
        min-width: 100%
    }
}
.wfrqgfad {
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 3;
    cursor: pointer;
    width: 10px;
    height: 10px;
    color: #fff
}
@media (max-width: 1024px) {
    .wfrqgfad {
        width: 8px;
        height: 8px;
        top: -8px;
        right: 8px
    }
}
.o33ssxq7 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00000080;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000
}
.gsr22qy6 {
    background: var(--bg-dark);
    background-image: url(../images/first-dQ5M03m0.oyau2ndp);
    background-size: cover;
    border-radius: 8px;
    border: var(--color-border-button, #fff) solid 2px;
    padding: 24px
}
.ouh8iyqc {
    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
}
.ulf19zk0 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center
}
.kdnk90yq {
    font-weight: 800;
    line-height: 110%;
    color: var(--color-accent);
    font-size: 40px
}
.gnd6a40k {
    font-weight: 700;
    line-height: 140%;
    color: #fff;
    font-size: 16px
}
.pgg23vi7 {
    max-height: 60px;
    max-width: 160px
}
.b79sttbc {
    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
}
.b79sttbc:hover {
    filter: brightness(1.2)
}
.sfmjonk7ox7 { padding: 31px 9px; width: 20%; }
.b79sttbc:active {
    filter: contrast(200%) saturate(50%)
}
@media (max-width: 576px) {
    .b79sttbc {
        height: 40px;
        font-size: 14px;
        padding: 11px 0
    }
}
.b79sttbc {
    animation: pulsate 1.5s ease-in-out infinite
}
.zvugkvtq {
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 3;
    cursor: pointer;
    width: 10px;
    height: 10px;
    color: #fff
}
.f628prdx {
    width: 100%;
    margin-bottom: 60px
}
@media (max-width: 576px) {
    .f628prdx {
        margin-bottom: 44px
    }
}
.idod3u7f {
    position: relative;
    margin: 0 auto 32px;
}
@media (max-width: 576px) {
    .idod3u7f {
        margin-bottom: 22px
    }
}
.idod3u7f:after {
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 100px;
    height: 5px;
    background-color: var(--color-light);
    border-radius: 5px;
    transform: translate(-50%);
    content: ""
}
@media (max-width: 576px) {
    .idod3u7f:after {
        height: 4px;
        border-radius: 4px
    }
}
.f628prdx .owz3kah7 {
    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) {
    .f628prdx .owz3kah7 {
        width: 278px
    }
}
.iy1wn4ez {
    width: 100%;
    margin-bottom: 60px
}
@media (max-width: 576px) {
    .iy1wn4ez {
        margin-bottom: 44px
    }
}
.y2ety1qh {
    position: relative;
    max-width: 650px;
    margin: 0 auto 32px;
    text-align: center
}
@media (max-width: 576px) {
    .y2ety1qh {
        margin-bottom: 22px
    }
}
.iy1wn4ez .owz3kah7 {
    width: 440px;
    height: 60px;
    border-radius: 20px;
    text-align: center;
    align-content: center;
    font-weight: 900;
    font-size: 22px;
    overflow: hidden;
    position: relative
}
.iy1wn4ez .owz3kah7: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
}
.wa88wrq9c { color: rgb(127, 82, 120); width: 89vw; padding-left: 4px; border: 1px dotted #769c33; }
@keyframes ripple {
    to {
        transform: translate(-50%, -30%);
        width: 800px;
        height: 800px
    }
}
@media (max-width: 768px) {
    .iy1wn4ez .owz3kah7 {
        width: 100%;
        border-radius: 14px
    }
}
.iy1wn4ez>.ev94gv93 {
    padding: 20px;
    background: var(--bg-dark-rgb);
    border-radius: 20px;
    border: 2px solid var(--color-accent)
}
@media (max-width: 576px) {
    .iy1wn4ez>.ev94gv93 {
        padding: 12px
    }
}
.iy1wn4ez>.ev94gv93 table {
    border-color: var(--color-accent);
    border-collapse: separate;
    -webkit-border-vertical-spacing: 4px;
    -webkit-border-horizontal-spacing: 0
}
.iy1wn4ez>.ev94gv93 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);
}
.iy1wn4ez>.ev94gv93 table tbody tr {
    background: var(--bg, rgba(202, 202, 202, .2))
}
.iy1wn4ez>.ev94gv93 table tbody tr th,
.iy1wn4ez>.ev94gv93 table tbody tr td {
    border: none !important;
    font-weight: 700;
    color: var(--color-light);
}
.iy1wn4ez>.ev94gv93 table tbody tr th {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    font-weight: 400
}
.iy1wn4ez>.ev94gv93 table tbody tr td:first-child {
    width: 30%;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}
.iy1wn4ez>.ev94gv93 table tbody tr td:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}
.iy1wn4ez ul {
    list-style: none;
    padding: 0 0 0 24px
}
.iy1wn4ez ul svg {
    position: absolute;
    height: 1em;
    width: 1em;
    transform: translate(-24px) translateY(25%);
    background-size: cover
}
.nhvq70pk {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px
}
@media (max-width: 576px) {
    .nhvq70pk {
        gap: 12px
    }
}
.ku41q7aa {
    width: 100%;
    padding: 24px 20px;
    border: 2px solid var(--color-accent);
    border-radius: 8px;
    cursor: pointer
}
@media (max-width: 576px) {
    .ku41q7aa {
        padding: 12px
    }
}
.pt60esyq {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.tm3kaazzs { padding-left: 25px; border: 5px dashed #117ed8; color: rgb(90, 63, 42); display: grid; width: 8vw; margin: 6px; padding-right: 30px; }
.xi2d21sk {
    margin: 0 16px 0 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    .xi2d21sk {
        font-size: 16px
    }
}
.tq7yxl2m {
    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) {
    .tq7yxl2m {
        width: 20px;
        min-width: 20px;
        height: 20px
    }
}
.pt60esyq svg {
    width: 16px;
    height: 16px;
    transition: .3s
}
@media (max-width: 576px) {
    .pt60esyq svg {
        width: 12px;
        height: 12px
    }
}
.pt60esyq svg path {
    fill: var(--color-accent)
}
.p5id0f89 {
    margin-top: 12px;
    line-height: 140%
}
.ku41q7aa.dapxuc7k .p5id0f89 {
    display: block
}
.is93oxmc {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px
}
@media (max-width: 576px) {
    .is93oxmc {
        gap: 12px
    }
}
.dr58qrk8 {
    width: 100%;
    padding: 24px 20px;
    border: 2px solid var(--color-accent);
    background: var(--bg-dark-rgb);
    border-radius: 8px;
    cursor: pointer
}
.dr58qrk8.dapxuc7k>.a3svxbrh: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) {
    .dr58qrk8 {
        padding: 12px
    }
}
.a3svxbrh {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}
.m3wi63ns {
    margin: 0 16px 0 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
.gns4b5uy2v7 { display: none; border: 2px dotted #f5e396; padding: 40px 15px; margin: 16px; color: rgb(209, 173, 93); width: 18%; }
@media (max-width: 576px) {
    .m3wi63ns {
        font-size: 16px
    }
}
.eytgzmnh {
    width: 24px;
    height: 24px;
    background-color: var(--bg-dark-rgb);
    border-radius: 4px;
    flex-shrink: 0
}
@media (max-width: 576px) {
    .eytgzmnh {
        width: 20px;
        min-width: 20px;
        height: 20px
    }
}
.p4m827qw {
    margin-top: 20px;
    line-height: 140%
}
.dr58qrk8.dapxuc7k .p4m827qw {
    display: block
}
.y5z96cev {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    width: 100%
}
@media (max-width: 1024px) {
    .y5z96cev {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px
    }
}
@media (max-width: 576px) {
    .y5z96cev {
        grid-template-columns: repeat(1, 1fr)
    }
}
.uwaxmujq {
    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) {
    .uwaxmujq {
        padding: 12px
    }
}
.x2p711sc {
    margin-bottom: 6px;
    font-weight: 700;
    line-height: normal
}
.ci1nahac {
    font-size: 14px;
    font-weight: 400
}
.gyfcsmcc {
    width: 48px;
    height: 48px
}
@media (max-width: 576px) {
    .gyfcsmcc {
        width: 40px;
        height: 40px
    }
}
.f40enrrl {
    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
}
.f40enrrl>a {
    position: relative
}
.f40enrrl>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%)
}
.f40enrrl>a:last-child:after {
    display: none
}
@media (max-width: 1024px) {
    .f40enrrl {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        padding: 6px
    }

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

    .f40enrrl>a:last-child:after {
        display: none
    }
}
@media (max-width: 576px) {
    .f40enrrl {
        grid-template-columns: repeat(1, 1fr)
    }
}
.dvihjpa0 {
    flex: 1;
    text-decoration: none;
    padding: 4px
}
@media (max-width: 576px) {
    .dvihjpa0 {
        padding: 2px
    }
}
.hj9e6wx9 {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    padding: 8px 12px;
    border-radius: 40px
}
@media (max-width: 576px) {
    .hj9e6wx9 {
        padding: 10px 14px
    }
}
.f18d3jyq {
    display: flex;
    flex-direction: column;
    gap: 8px
}
.u6og6d1e { padding: 17px 49px; }
.o8u3tcaq {
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #fff
}
@media (max-width: 1024px) {
    .o8u3tcaq {
        font-size: 16px
    }
}
.hzagg5vy {
    font-size: 14px;
    font-weight: 400
}
.rafem5d8 {
    width: 56px;
    height: 56px
}
@media (max-width: 1024px) {
    .rafem5d8 {
        width: 40px;
        height: 40px
    }
}
.f8nq7ghc {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    width: 100%
}
@media (max-width: 1024px) {
    .f8nq7ghc {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px
    }
}
@media (max-width: 576px) {
    .f8nq7ghc {
        grid-template-columns: repeat(1, 1fr)
    }
}
.phm4i1br {
    flex: 1;
    text-decoration: none;
    background: var(--color-border-button, #fff);
    padding: 4px;
    border-radius: 12px
}
@media (max-width: 576px) {
    .phm4i1br {
        padding: 2px
    }
}
.g1u2x02q {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    padding: 8px 12px;
    border-radius: 12px;
    background-color: var(--bg-dark)
}
@media (max-width: 576px) {
    .g1u2x02q {
        padding: 10px 14px
    }
}
.qd0gprba {
    display: flex;
    flex-direction: column;
    gap: 8px
}
.r43ru8y9 {
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #fff
}
@media (max-width: 1024px) {
    .r43ru8y9 {
        font-size: 16px
    }
}
.w17f1xyq {
    width: 56px;
    height: 56px
}
@media (max-width: 1024px) {
    .w17f1xyq {
        width: 40px;
        height: 40px
    }
}
.y56kbql4 {
    overflow: auto;
    margin-bottom: 60px
}
.jfmdgztw {
    display: flex;
    flex-wrap: nowrap;
    min-width: -moz-max-content;
    min-width: max-content;
    gap: 20px;
    justify-content: center
}
.rk76kydk {
    width: 200px;
    text-align: center;
    font-family: sans-serif;
    flex: 0 0 auto
}
.mexym84ep4 { margin: -19px; }
.lpkb5zry {
    position: relative;
    overflow: hidden
}
.vcpdltxg {
    display: flex;
    transition: filter .3s ease;
    height: 200px;
    width: 200px
}
.vcpdltxg img {
    -o-object-fit: cover;
    object-fit: cover;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    aspect-ratio: 1/1
}
.lpkb5zry:hover .vcpdltxg img {
    filter: blur(4px)
}
.lpkb5zry:hover .vuw3xxne,
.lpkb5zry:hover .zyev9rr7 {
    opacity: 1
}
.vuw3xxne,
.zyev9rr7 {
    opacity: 0;
    transition: opacity .3s ease
}
.vuw3xxne {
    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
}
.vuw3xxne:hover {
    filter: brightness(1.2)
}
.vuw3xxne:active {
    filter: contrast(200%) saturate(50%)
}
.zyev9rr7 {
    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
}
.nb51ab2z {
    padding: 12px;
    background: var(--bg-dark-rgb);
    text-align: left;
    height: 80px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow: hidden
}
.ytr1m6jx {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-light);
    line-height: 1.4
}
.bzbaudoo {
    font-size: 12px;
    color: var(--color-light);
    opacity: .6
}
.jk4sppkzm38w { display: flex; padding: 26px 41px; }
.xodh4lrg {
    margin-left: 4px
}
.mag4cyag {
    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
}
.mo5b9l04 {
    display: flex;
    border-radius: 16px;
    overflow: hidden;
    height: 210px
}
.wpvdakla {
    position: relative;
    width: 210px;
    aspect-ratio: 1/1
}
.doe4iqjh {
    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
}
.doe4iqjh img {
    width: 20px;
    height: 20px
}
.ag3yubu1 {
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    height: 100%
}
.cp7dtptq {
    width: 210px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    background: var(--bg, rgba(202, 202, 202, .2))
}
.rntv9vtd {
    font-size: 16px;
    font-weight: 700;
    display: block
}
.xtejoopd {
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
    list-style: none;
    padding: 0 0 0 24px
}
.xtejoopd svg {
    position: absolute;
    height: 1em;
    width: 1em;
    transform: translate(-24px) translateY(25%);
    background-size: cover
}
.gukdz9dtj4cv { color: rgb(2, 16, 10); padding: 6px 22px; margin: 4px; width: 47vw; }
.xtejoopd>li {
    margin: 0
}
.n938fxkz {
    display: flex;
    justify-content: space-between;
    gap: 10px
}
.k1gethlp,
.usr9dnht {
    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%
}
.k1gethlp {
    background-color: transparent;
    border: 2px solid var(--color-text-header-footer, #fff);
    color: var(--color-text-button, #011c39)
}
.k1gethlp:hover {
    background: var(--bg-dark-rgb);
    filter: brightness(1.2)
}
.k1gethlp:active {
    filter: brightness(.8)
}
.k1gethlp:hover {
    background-color: var(--bg-dark)
}
.usr9dnht {
    background-color: var(--color-accent);
    color: var(--color-text-button, #011c39);
    border: none
}
.usr9dnht:hover {
    filter: brightness(1.2)
}
.usr9dnht:active {
    filter: contrast(200%) saturate(50%)
}
.htprmika {
    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
}
.qn74nl8p {
    width: 220px;
    height: auto;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}
.pnylne1a {
    overflow: hidden;
    position: absolute
}
.e66rbpo1 {
    padding: 35px 6px 0 7px;
    max-height: 370px
}
.x8hpbxz7lewt { margin: -8px; padding: 14px 23px; border: 5px dashed #d9919c; color: rgb(127, 129, 26); display: grid; }
.c00qfn9i {
    padding: 60px 10px 0 8px;
    max-height: 423px;
    border-radius: 30px
}
.cfsrhg2m {
    padding: 60px 9px 0 8px;
    max-height: 423px
}
.vffeap2t {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    background: transparent;
    border-radius: unset
}
.vx9jlknr {
    position: absolute;
    color: #000;
    transform: translate(-50%);
    font-weight: 400
}
.u70ec1n6 {
    bottom: 46px;
    left: 50%;
    font-size: 10px;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif
}
.nj087m92 {
    bottom: 392px;
    left: 30%;
    font-size: 10px;
    font-family: Roboto, Open Sans, sans-serif
}
.lf9brpmn {
    bottom: 394px;
    left: 30%;
    font-size: 10px;
    font-family: Roboto, Open Sans, sans-serif
}
.buirnk7y {
    width: 100%;
    margin-bottom: 50px;
    padding: 32px 0 52px;
    background-size: cover;
    background-color: var(--bg-dark)
}
@media (max-width: 576px) {
    .buirnk7y {
        margin-bottom: 36px;
        padding: 24px 0
    }
}
.bfyzf0d3 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}
@media (max-width: 1352px) {
    .bfyzf0d3 {
        padding-right: 16px;
        padding-left: 16px
    }
}
.bfyzf0d3 {
    max-width: 1320px
}
.qlimpnsw {
    display: flex;
    gap: 24px;
    width: 100%;
    margin-bottom: 32px;
    position: relative
}
@media (max-width: 576px) {
    .qlimpnsw {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 16px;
        border-radius: 32px
    }
}
.fdatyf2r {
    padding: 14px 16px;
    border-radius: 12px;
    flex: 1;
    position: relative;
    border: var(--color-accent) 2px solid;
    background: var(--bg-dark)
}
@media (max-width: 576px) {
    .fdatyf2r {
        padding: 14px 8px
    }
}
.rryuxgu4 {
    width: 100%;
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    .rryuxgu4 {
        margin-bottom: 14px;
        font-size: 16px
    }
}
.rryuxgu4: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) {
    .rryuxgu4:after {
        top: 40px;
        left: 8px
    }
}
.f58jumcr {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%
}
.cfaouffy { color: rgb(207, 21, 116); padding: 18px 16px; }
@media (max-width: 576px) {
    .f58jumcr {
        gap: 8px
    }
}
.d37bjbhx>svg {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 8px
}
.a7onjv2n {
    display: flex;
    gap: 24px;
    width: 100%;
    margin-bottom: 32px
}
@media (max-width: 576px) {
    .a7onjv2n {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 16px
    }
}
.jyoqnua0 {
    flex: 1;
    padding: 14px 16px;
    background: var(--bg-dark-rgb);
    border-radius: 12px
}
@media (max-width: 576px) {
    .jyoqnua0 {
        padding: 14px 8px
    }
}
.qqml773p {
    width: 100%;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    .qqml773p {
        margin-bottom: 8px;
        font-size: 16px
    }
}
.ao16fjym {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%
}
@media (max-width: 576px) {
    .ao16fjym {
        gap: 8px
    }
}
.hm2djm7o .p3gu63pr:before {
    content: url(../images/pros_icon-DaiNv6qt.oyau2ndp)
}
@media (max-width: 576px) {
    .hm2djm7o .p3gu63pr:before {
        content: url(../images/pros_mobile_icon-z7q_1C0F.oyau2ndp)
    }
}
.dj0s6cm4 .p3gu63pr:before {
    content: url(../images/cons_icon-CHCe5LH2.oyau2ndp)
}
@media (max-width: 576px) {
    .dj0s6cm4 .p3gu63pr:before {
        content: url(../images/cons_mobile_icon-B4anRsyf.oyau2ndp)
    }
}
.p3gu63pr:before {
    position: relative;
    top: 5px;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    content: ""
}
@media (max-width: 576px) {
    .p3gu63pr:before {
        top: 3px;
        margin-right: 6px
    }
}
.ymxtffgv {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 60px;
    position: relative;
    background: url(../images/mockup-background-j1AQSfBH.oyau2ndp) no-repeat
}
@media (min-width: 1024px) {
    .ymxtffgv:nth-of-type(2n) {
        flex-direction: row-reverse;
        background-position-x: 0
    }

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

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

    .ylknf8ye {
        width: 60%
    }
}
@media (max-width: 1024px) {
    .ymxtffgv {
        flex-direction: column;
        background-position: 50% 100%
    }
}
.anp3kemv {
    margin-bottom: 14px;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: break-word
}
.hpggdfbx {
    display: flex;
    flex-direction: column;
    gap: 15px
}
.r5r6rwjr {
    display: flex;
    gap: 12px;
    position: relative
}
.r5r6rwjr>svg {
    position: absolute;
    left: 6px
}
.xicnnanuw { margin: 1px; display: block; color: rgb(29, 246, 204); border: 3px solid #53b51f; }
.r5r6rwjr>svg:first-child {
    top: -11px;
    height: 50%
}
.r5r6rwjr>svg:last-child {
    top: calc(50% + 12px);
    height: 50%
}
.r5r6rwjr:first-of-type>svg:first-child {
    display: none
}
.r5r6rwjr:last-of-type>svg:last-child {
    display: none
}
.g2ldqfm6 {
    padding-left: 40px
}
.ub89088d {
    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
}
.ub89088d>svg {
    position: absolute
}
.ub89088d>.yyfck7w4 {
    display: none
}
.tamk8ops {
    width: 400px;
    min-width: 400px;
    -o-object-fit: cover;
    object-fit: cover
}
@media (max-width: 576px) {
    .tamk8ops {
        min-width: auto
    }
}
.ti86lpza {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    margin-bottom: 16px
}
.z82r6na9l { color: rgb(42, 41, 164); }
@media (max-width: 576px) {
    .ti86lpza {
        gap: 16px
    }
}
.zm2dt5xq {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px;
    background-color: var(--bg-dark-rgb);
    border-radius: 12px
}
@media (max-width: 1024px) {
    .zm2dt5xq {
        flex-direction: column;
        align-items: flex-start
    }
}
@media (max-width: 576px) {
    .zm2dt5xq {
        padding: 20px 12px;
        border-radius: 8px
    }
}
.zm2dt5xq:before,
.zm2dt5xq:after {
    position: absolute;
    left: 42px;
    width: 4px;
    height: 50%;
    background: #d2d2d2;
    content: ""
}
@media (max-width: 1024px) {

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

    .zm2dt5xq:before,
    .zm2dt5xq:after {
        right: 30px
    }
}
.zm2dt5xq:before {
    top: 0
}
@media (max-width: 1024px) {
    .zm2dt5xq:before {
        height: 20px
    }
}
.zm2dt5xq:after {
    bottom: -20px;
    height: calc(50% + 20px)
}
@media (max-width: 1024px) {
    .zm2dt5xq:after {
        height: 100%
    }
}
.zm2dt5xq:first-of-type:before {
    display: none
}
.zm2dt5xq:last-of-type:after {
    display: none
}
.kmutns2s {
    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) {
    .kmutns2s {
        position: absolute;
        top: 20px;
        right: 20px;
        margin-right: 0
    }
}
@media (max-width: 576px) {
    .kmutns2s {
        right: 12px;
        width: 40px;
        min-width: 40px;
        height: 40px
    }
}
.ogirxoaf {
    flex: 1;
    margin-right: 36px
}
@media (max-width: 1024px) {
    .ogirxoaf {
        width: calc(100% - 60px);
        margin-right: 0;
        margin-bottom: 16px
    }
}
.jijjh66t {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
.maxusmam {
    width: 337px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px
}
@media (max-width: 1024px) {
    .maxusmam {
        width: calc(100% - 60px);
        max-width: 264px
    }
}
.pgpmj2sf {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    margin-bottom: 16px
}
@media (max-width: 576px) {
    .pgpmj2sf {
        gap: 16px
    }
}
.mwh6xvkb {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px;
    background-color: var(--bg-dark-rgb);
    border-radius: 12px
}
@media (max-width: 1024px) {
    .mwh6xvkb {
        flex-direction: column;
        align-items: flex-start
    }
}
@media (max-width: 576px) {
    .mwh6xvkb {
        padding: 20px 12px;
        border-radius: 8px
    }
}
.mwh6xvkb>svg {
    position: absolute;
    left: 35px
}
.yb20bd4ffce { width: 45%; border: 1px dashed #219f13; margin: -19px; display: flex; padding-right: 46px; color: rgb(15, 195, 127); padding-left: 16px; }
@media (max-width: 1024px) {
    .mwh6xvkb>svg {
        left: unset;
        right: 35px
    }
}
@media (max-width: 576px) {
    .mwh6xvkb>svg {
        display: none
    }
}
.mwh6xvkb>svg:first-child {
    top: 0;
    height: calc(50% - 20px)
}
.mwh6xvkb>svg:last-child {
    top: calc(50% + 20px);
    height: 50%
}
.mwh6xvkb:first-of-type>svg:first-child {
    display: none
}
.mwh6xvkb:last-of-type>svg:last-child {
    display: none
}
.idbi6rps {
    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
}
.idbi6rps>svg {
    position: absolute
}
.idbi6rps>.q5kufelz {
    display: none
}
@media (max-width: 576px) {
    .idbi6rps>.yyfck7w4 {
        display: none
    }

    .idbi6rps>.q5kufelz {
        display: unset
    }
}
@media (max-width: 1024px) {
    .idbi6rps {
        position: absolute;
        top: 50%;
        right: 20px;
        margin-right: 0;
        transform: translateY(-50%)
    }
}
@media (max-width: 576px) {
    .idbi6rps {
        left: 12px;
        width: 28px;
        min-width: 28px;
        height: 28px;
        font-size: 16px;
        background-size: 170%;
        top: unset;
        transform: unset
    }
}
.qhv1txic {
    flex: 1;
    margin-right: 36px
}
@media (max-width: 1024px) {
    .qhv1txic {
        width: calc(100% - 60px);
        margin-right: 0;
        margin-bottom: 16px
    }
}
.ybz39n1m {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    .ybz39n1m {
        margin-left: 40px
    }
}
.v430d5m7 {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 337px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px
}
@media (max-width: 576px) {
    .v430d5m7 {
        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
}
.bz2o7cbeb { width: 15%; color: rgb(134, 229, 96); margin: 7px; padding: 15px 46px; border: 2px dashed #ea8404; }
img {
    max-width: 100%;
    border-radius: 8px
}
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.oyau2ndp)
}
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
}
.t4oppyp5 { display: none; color: rgb(209, 70, 78); border: 3px dashed #7e1d2a; margin: -17px; padding: 31px 5px; }
@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
    }
}
.ev94gv93 {
    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) {
    .ev94gv93 {
        margin: 12px 0
    }
}
@media (max-width: 576px) {
    .ev94gv93 {
        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
}
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;
    }
}
.qqwvxb3l {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 36px
}
@media (max-width: 576px) {
    .qqwvxb3l {
        margin-bottom: 24px
    }
}
.erfir8ae {
    position: relative;
    display: block;
    color: #b9b1b9;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    border-bottom: none
}
.rz0o27h2 { padding-right: 7px; width: 63px; }
.erfir8ae:not(:first-child) {
    padding-left: 8px
}
.erfir8ae:not(:last-child) {
    padding-right: 8px
}
.erfir8ae:not(:last-child):after {
    position: relative;
    top: 1px;
    left: 8px;
    content: url(../images/bc_arrow-tNUjn8ZS.oyau2ndp)
}
.a53bau4o {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}
.pr6ey0d7 {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto
}
@media (max-width: 1352px) {
    .pr6ey0d7 {
        padding-right: 16px;
        padding-left: 16px
    }
}
.owz3kah7 {
    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
}
.owz3kah7:hover {
    filter: brightness(1.2)
}
.owz3kah7:active {
    filter: contrast(200%) saturate(50%)
}
@media (max-width: 576px) {
    .owz3kah7 {
        height: 40px;
        font-size: 14px;
        padding: 11px 0
    }
}
.mmoxsqnp {
    display: none !important
}
.u938dvz2 {
    padding: 80px 0;
    position: relative
}
.qhz7pkk6 { padding-right: 11px; display: inline-block; padding-left: 25px; }
@media (max-width: 1024px) {
    .u938dvz2 {
        padding: 32px 0
    }
}
.u938dvz2: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) {
    .u938dvz2:before {
        border-radius: 32px;
        margin-top: -32px
    }
}
.gdasidm8 {
    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) {
    .gdasidm8 {
        padding: 40px 0
    }
}
.izcar0yw .gdasidm8 {
    border-top: 2px solid var(--bg-dark)
}
.w847wjmu {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}
@media (max-width: 1352px) {
    .w847wjmu {
        padding-right: 16px;
        padding-left: 16px
    }
}
.w847wjmu {
    max-width: 1320px
}
.gv9oef91 {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 52px;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    position: relative;

}
@media (max-width: 1024px) {
    .gv9oef91 {
        gap: 8px 12px;
        margin-bottom: 32px;
        padding: 0
    }
}
.w9cwd4v4 {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    text-decoration: none
}
.vdhcet9a {
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: -5px
}
@media (max-width: 1024px) {
    .vdhcet9a {
        border-left: 1px solid gray;
        padding-left: 8px;
        justify-content: center;
        position: unset
    }
}
.r6foaxhm {
    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
}
.r6foaxhm>img {
    width: 25px;
    height: 13px
}
.ksd21nv8sklg { padding-right: 11px; }
.r6foaxhm>svg {
    margin-left: 10px;
    transition: transform .3s ease
}
@media (max-width: 1024px) {
    .r6foaxhm {
        border: none
    }
}
.yhxuwh2a {
    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) {
    .yhxuwh2a {
        margin: 35px 0 5px
    }
}
.g0fuxy96 {
    position: relative
}
.g0fuxy96:not(:last-of-type) {
    margin-bottom: 10px
}
.zwb02vaa {
    display: inline-block;
    width: 90%
}
.zwb02vaa>* {
    vertical-align: middle
}
.ecq807wd {
    color: var(--color-text-button, #011c39);
    text-decoration: none;
    font-weight: 700;
    outline: none;
    display: flex;
    align-items: center
}
.au55a3r4 {
    border-radius: 0;
    width: 25px;
    margin-right: 5px
}
.s5e9xdpb {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px
}
@media (max-width: 1024px) {
    .s5e9xdpb {
        gap: 8px 20px;
        margin-bottom: 32px
    }
}
.e6evjfv0 {
    display: flex;
    max-height: 44px;
    border-bottom: none
}
.ylfndmysi { padding-left: 14px; border: 5px dotted #1f33c5; }
@media (max-width: 768px) {
    .e6evjfv0 {
        max-height: 30px
    }
}
.quwegv7d {
    width: 100px;
    height: 100%
}
@media (max-width: 768px) {
    .quwegv7d {
        max-height: 30px
    }
}
.qh4hilva {
    display: flex;
    align-items: center;
    justify-content: center
}
@media (max-width: 576px) {
    .qh4hilva {
        width: 100%;
        margin-bottom: 16px
    }
}
.qh4hilva img {
    width: 176px
}
.ylrz4bft {
    margin-bottom: 12px;
    color: var(--color-text);
    line-height: 160%;
    text-align: center
}
@media (max-width: 576px) {
    .ylrz4bft {
        font-size: 14px
    }
}
.m9ww14em {
    padding: 50px 0;
    color: #fff;
    background: var(--bg-dark);
    border-top: 2px solid var(--bg-dark)
}
@media (max-width: 576px) {
    .m9ww14em {
        padding: 40px 0
    }
}
.izcar0yw .m9ww14em {
    border-top: 2px solid var(--bg-dark)
}
.m3ejkz14 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}
@media (max-width: 1352px) {
    .m3ejkz14 {
        padding-right: 16px;
        padding-left: 16px
    }
}
.m3ejkz14 {
    max-width: 1320px
}
.wo9ie2yb {
    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) {
    .wo9ie2yb {
        gap: 8px 12px;
        margin-bottom: 32px;
        padding: 0
    }
}
.exxkc8kw {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    text-decoration: none
}
.beeqtk69rd3 { padding: 23px 39px; margin: 9px; }
.wcpk3ob3 {
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: -5px
}
@media (max-width: 1024px) {
    .wcpk3ob3 {
        border-left: 1px solid gray;
        padding-left: 8px;
        justify-content: center;
        position: unset
    }
}
.yxi5sqpp {
    margin-left: 10px
}
.o7u6e30b {
    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) {
    .o7u6e30b {
        border: none
    }
}
.yow7f8ei {
    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) {
    .yow7f8ei {
        margin: 35px 0 5px
    }
}
.e4mmo0hf {
    position: relative
}
.e4mmo0hf:not(:last-of-type) {
    margin-bottom: 10px
}
.fjhccrvf {
    display: inline-block;
    width: 90%
}
.fjhccrvf>* {
    vertical-align: middle
}
.r17jul0i {
    color: var(--color-text-button, #011c39);
    text-decoration: none;
    font-weight: 700;
    outline: none;
    display: flex;
    align-items: center
}
.xgkac3jk {
    border-radius: 0;
    width: 25px;
    margin-right: 5px
}
.wbpejuu3 {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    justify-content: center;
    margin-bottom: 64px;
    position: relative
}
@media (max-width: 1024px) {
    .wbpejuu3 {
        gap: 8px 20px;
        margin-bottom: 32px
    }
}
.wbpejuu3:after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    background: linear-gradient(to left, #69696900, #696969, #69696900);
    top: calc(100% + 32px)
}
.rz20g9ie {
    display: flex;
    max-height: 44px;
    border-bottom: none
}
@media (max-width: 768px) {
    .rz20g9ie {
        max-height: 30px
    }
}
.shfvfoo7 {
    height: 30px
}
.ubtgo2h7bt9 { display: grid; padding: 29px 17px; color: rgb(144, 73, 127); border: 4px solid #0b261f; margin: 1px; width: 71px; }
.aadk443b {
    display: flex;
    align-items: center;
    justify-content: center
}
@media (max-width: 576px) {
    .aadk443b {
        width: 100%;
        margin-bottom: 16px
    }
}
.aadk443b img {
    width: 176px
}
.jnahnor8 {
    margin-bottom: 12px;
    color: var(--color-text-header-footer, #fff);
    line-height: 160%;
    text-align: center
}
@media (max-width: 576px) {
    .jnahnor8 {
        font-size: 14px
    }
}
.f5lsruzf {
    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
}
.lg158y9q {
    background: var(--bg-dark);
    color: #fff;
    padding: 30px;
    border-radius: 10px;
    width: 50%;
    position: relative;
    border: 1px solid #aaa
}
@media (max-width: 576px) {
    .lg158y9q {
        width: 90%
    }
}
.lg158y9q h2 {
    margin-top: 0
}
.lg158y9q input,
.lg158y9q 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
}
.lg158y9q input:focus,
.lg158y9q textarea:focus {
    border-color: #fff;
    outline: none
}
.lg158y9q button[type=submit] {
    width: 100%;
    background-color: var(--color-accent);
    color: #fff;
    border: none;
    padding: 12px;
    border-radius: 5px;
    font-weight: 700;
    cursor: pointer
}
.lg158y9q h3 {
    margin-top: 0
}
.oy6hfdg8 {
    position: absolute;
    right: 30px;
    top: 25px;
    font-size: 35px;
    color: #fff;
    background: none;
    border: none;
    cursor: pointer
}
.y37zxpbdiw6z { margin: -15px; border: 1px solid #e392db; color: rgb(154, 223, 146); padding: 13px 50px; display: none; width: 72px; }
@media (max-width: 576px) {
    .oy6hfdg8 {
        font-size: 30px
    }
}
.oa1qso9u {
    position: relative;
    width: 100%;
    height: 68px;
    background-color: var(--bg-dark)
}
@media (max-width: 1024px) {
    .oa1qso9u {
        height: 60px
    }
}
.elbjsjws {
    display: flex;
    align-items: center;
    max-width: 176px;
    height: 100%;
    margin-right: 32px;
    padding: 5px 0
}
.elbjsjws img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}
@media (max-width: 1024px) {
    .elbjsjws {
        order: 0
    }
}
@media (max-width: 576px) {
    .elbjsjws {
        max-width: 110px;
        margin-right: 10px
    }
}
@media (max-width: 375px) {
    .elbjsjws {
        max-width: 95px
    }
}
.f2668tr1 {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}
@media (max-width: 1352px) {
    .f2668tr1 {
        padding-right: 16px;
        padding-left: 16px
    }
}
.f2668tr1 {
    max-width: 1320px
}
.oa1qso9u nav {
    flex: 1
}
.lr2lpwmc {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    margin-right: 16px
}
@media (max-width: 1024px) {
    .lr2lpwmc {
        display: none
    }

    .lr2lpwmc.mtoip81h {
        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
    }
}
.cx5inmyj {
    display: flex;
    gap: 26px;
    align-items: center
}
@media (max-width: 1024px) {
    .cx5inmyj {
        display: none
    }

    .lr2lpwmc.mtoip81h .cx5inmyj {
        display: flex;
        flex-direction: column;
        gap: 20px
    }
}
.blx63ien {
    position: relative;
    display: flex;
    height: 100%
}
@media (max-width: 1024px) {
    .blx63ien {
        flex-direction: column;
        width: 100%
    }

    .blx63ien.mtoip81h>.dhmcqb1v {
        display: block
    }
}
.om2evrtm {
    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
}
.om2evrtm svg *[fill] {
    fill: currentcolor
}
.om2evrtm svg *[stroke] {
    stroke: currentcolor
}
.om2evrtm a {

    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    text-decoration: none
}
.x7t4669uz132 { border: 1px dotted #35fa47; width: 82vw; display: inline-block; color: rgb(40, 247, 67); padding: 3px 48px; margin: 1px; }
.blx63ien:hover>.dhmcqb1v {
    display: block
}
.blx63ien:hover>.om2evrtm,
.blx63ien:hover>.om2evrtm>a {
    color: var(--color-accent)
}
.blx63ien:hover>.om2evrtm svg {
    rotate: 180deg
}
.xlja1seu {
    z-index: 1;
    display: flex
}
@media (max-width: 1024px) {
    .xlja1seu {
        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) {
    .xlja1seu {
        margin: 12px 0
    }
}
@media (max-width: 1024px) {
    .lr2lpwmc.mtoip81h .xlja1seu {
        display: flex
    }
}
.s83cqipr {
    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
}
.s83cqipr>svg {
    margin-left: 10px;
    transition: transform .3s ease
}
.gdk903c1 {
    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
}
.j7n17no8 {
    position: relative
}
.j7n17no8:not(:last-of-type) {
    margin-bottom: 10px
}
.j7n17no8>svg {
    position: absolute;
    display: inline-block;
    top: 40%
}
.ft7atxp5 {
    display: inline-block;
    width: 90%
}
.ft7atxp5>* {
    vertical-align: middle
}
.o5vpozbt {
    color: var(--color-text-button, #011c39);
    text-decoration: none;
    font-weight: 700;
    outline: none;
    display: flex;
    align-items: center
}
.inwc3vdku9u5 { padding-left: 15px; width: 95vw; }
.j47t36gl {
    border-radius: 0;
    width: 25px;
    margin-right: 5px
}
.dhmcqb1v {
    position: absolute;
    top: 20px;
    left: 0;
    display: none;
    min-width: 218px
}
@media (max-width: 1024px) {
    .dhmcqb1v {
        position: static;
        width: 100%;
        padding-top: 12px;
        transform: translate(0)
    }
}
.d336bodz {
    padding: 6px 0;
    background-color: var(--bg-dark);
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 8px
}
@media (max-width: 1024px) {
    .d336bodz {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0;
        border: none
    }
}
.a9t6mdbp {
    position: relative
}
.a9t6mdbp:hover>.dhmcqb1v {
    display: block
}
.a9t6mdbp:hover>.m1ri3k2x,
.a9t6mdbp:hover>.m1ri3k2x>a {
    color: var(--color-accent)
}
@media (max-width: 1024px) {
    .a9t6mdbp:hover>.m1ri3k2x svg {
        rotate: 180deg
    }
}
.m1ri3k2x {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    padding: 6px 12px;
    color: #fff
}
.m1ri3k2x svg *[fill] {
    fill: currentcolor
}
.m1ri3k2x svg *[stroke] {
    stroke: currentcolor
}
.m1ri3k2x a {
    color: #fff;
    font-size: 14px;
    text-decoration: none
}
@media (min-width: 1024px) {
    .m1ri3k2x svg {
        rotate: -90deg
    }
}
@media (max-width: 1024px) {
    .m1ri3k2x {
        justify-content: flex-start;
        padding: 0;
        font-weight: 400
    }
}
@media (max-width: 1024px) {
    .a9t6mdbp.mtoip81h>.dhmcqb1v {
        display: block
    }
}
.a9t6mdbp .dhmcqb1v {
    top: 0;
    right: calc(-100% - 4px);
    left: auto
}
.gki9oio0 { width: 34px; padding: 37px 3px; margin: -1px; display: grid; color: rgb(81, 34, 13); }
@media (max-width: 1024px) {
    .a9t6mdbp .dhmcqb1v {
        padding-top: 0;
        border: none
    }
}
.a9t6mdbp .d336bodz {
    margin-left: 8px
}
@media (max-width: 1024px) {
    .a9t6mdbp .d336bodz {
        display: block;
        background-color: transparent
    }
}
@media (max-width: 1024px) {
    .a9t6mdbp .dhmcqb1v .a9t6mdbp .m1ri3k2x {
        font-size: 14px
    }
}
.ayitl1h4 {
    display: flex;
    gap: 16px;
    align-items: center
}
.wui2z2pn {
    display: none;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: transparent;
    border-radius: 4px;
    cursor: pointer
}
@media (max-width: 1024px) {
    .wui2z2pn {
        display: flex
    }
}
@media (max-width: 576px) {
    .wui2z2pn {
        width: 28px;
        height: 28px
    }
}
@media (max-width: 1024px) {
    .ayitl1h4 {
        flex: 1;
        gap: 8px;
        justify-content: flex-end;
        order: 2;
        margin-right: 8px
    }
}
.qfihrj60 {
    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) {
    .qfihrj60 {
        height: 28px;
        padding: 0 6px;
        font-size: 12px
    }
}
@media (max-width: 375px) {
    .qfihrj60 {
        font-size: 9px
    }
}
.sta8dkh2 {
    color: var(--color-accent);
    border: 2px solid var(--color-accent);
}
.sta8dkh2:hover {

    filter: brightness(1.2)
}
.sta8dkh2:active {
    filter: brightness(.8)
}
.xnzit90y {
    color: var(--color-text-button, #011c39);
    background-color: var(--color-accent)
}
.xnzit90y:hover {
    filter: brightness(1.2)
}
.xnzit90y:active {
    filter: contrast(200%) saturate(50%)
}
.ekomh9215j { padding: 22px 33px; color: rgb(138, 223, 184); display: grid; width: 79px; border: 1px solid #b40f5f; margin: -12px; }
.l20676ej {
    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) {
    .l20676ej {
        height: 60px;
        border-bottom-right-radius: 28px;
        border-bottom-left-radius: 28px
    }
}
.hkfn2p4x {
    display: flex;
    align-items: center;
    max-width: 176px;
    height: 100%;
    margin-right: 32px;
    padding: 5px 0
}
.hkfn2p4x img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}
@media (max-width: 1024px) {
    .hkfn2p4x {
        order: 1
    }
}
@media (max-width: 576px) {
    .hkfn2p4x {
        max-width: 110px;
        margin-right: 10px
    }
}
@media (max-width: 375px) {
    .hkfn2p4x {
        max-width: 95px
    }
}
.xcw81ykt {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}
@media (max-width: 1352px) {
    .xcw81ykt {
        padding-right: 16px;
        padding-left: 16px
    }
}
.xcw81ykt {
    max-width: 1320px
}
.shfe7rke {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    justify-content: center
}
@media (max-width: 1024px) {
    .shfe7rke {
        display: none
    }

    .shfe7rke.mtoip81h {
        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
    }
}
.uap370ze {
    gap: 26px;
    display: flex;
    align-items: center;
    justify-content: center
}
@media (max-width: 1024px) {
    .uap370ze {
        display: none
    }

    .shfe7rke.mtoip81h .uap370ze {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 24px
    }
}
.egum4r4e {
    position: relative;
    display: flex;
    height: 100%
}
@media (max-width: 1024px) {
    .egum4r4e {
        flex-direction: column;
        width: 100%
    }

    .egum4r4e.mtoip81h>.t715yuvz {
        display: block
    }
}
.rd1ypkeg {
    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
}
.rd1ypkeg svg *[fill] {
    fill: currentcolor
}
.rd1ypkeg svg *[stroke] {
    stroke: currentcolor
}
.rd1ypkeg a {
    color: var(--color-text-header-footer, #fff);
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    text-decoration: none
}
.uqmsi7wl { border: 4px dotted #4ace48; display: grid; margin: -11px; padding: 48px 37px; width: 96px; }
.egum4r4e:hover>.t715yuvz {
    display: block
}
.egum4r4e:hover>.rd1ypkeg,
.egum4r4e:hover>.rd1ypkeg>a {
    color: var(--color-accent)
}
.egum4r4e:hover>.rd1ypkeg svg {
    rotate: 180deg
}
.cs3p3ryf {
    z-index: 1;
    display: flex;
    order: 1;
    position: absolute;
    right: 0
}
@media (max-width: 1024px) {
    .cs3p3ryf {
        display: none
    }

    .shfe7rke.mtoip81h .cs3p3ryf {
        padding: 0;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        order: unset;
        position: unset
    }
}
.cs3p3ryf svg {
    margin-left: auto
}
@media (max-width: 1024px) {
    .cs3p3ryf svg {
        margin-left: 8px
    }
}
.b3bcve5e {
    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) {
    .b3bcve5e {
        width: 100%
    }
}
.ynngm20k {
    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) {
    .ynngm20k {
        position: unset;
        padding: 0;
        margin: 12px 0 0;
        width: 100%;
        border: 0;
        border-bottom: 1px solid var(--color-border-button, #fff)
    }
}
.fupbhsi3 {
    position: relative
}
.fupbhsi3:not(:last-of-type) {
    margin-bottom: 10px
}
.cua5yd5j {
    position: absolute;
    display: inline-block;
    top: 40%;
    right: 0
}
.b5uhh8mb {
    display: inline-block
}
.b5uhh8mb>* {
    vertical-align: middle
}
.n36kobdk {
    color: var(--color-text-button, #011c39);
    text-decoration: none;
    font-weight: 700;
    outline: none;
    display: flex;
    align-items: center
}
.g2wkhek3 {
    border-radius: 0;
    width: 25px;
    margin-right: 5px
}
.rmdvuw0oaqji { border: 4px dotted #f5e4b0; }
.t715yuvz {
    position: absolute;
    top: 20px;
    left: 0;
    display: none;
    min-width: 218px
}
@media (max-width: 1024px) {
    .t715yuvz {
        position: static;
        width: 100%;
        padding-top: 12px;
        transform: translate(0)
    }
}
.ab5xf8mv {
    padding: 6px 0;
    background-color: var(--bg-dark);
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 8px
}
@media (max-width: 1024px) {
    .ab5xf8mv {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0;
        border: none
    }
}
.ujedy28q {
    position: relative
}
.ujedy28q:hover>.t715yuvz {
    display: block
}
.ujedy28q:hover>.njnzruzk,
.ujedy28q:hover>.njnzruzk>a {
    color: var(--color-accent)
}
@media (max-width: 1024px) {
    .ujedy28q:hover>.njnzruzk svg {
        rotate: 180deg
    }
}
.njnzruzk {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    padding: 6px 12px;
    color: #fff
}
.njnzruzk svg *[fill] {
    fill: currentcolor
}
.njnzruzk svg *[stroke] {
    stroke: currentcolor
}
.njnzruzk a {
    color: #fff;
    font-size: 14px;
    text-decoration: none
}
@media (min-width: 1024px) {
    .njnzruzk svg {
        rotate: -90deg
    }
}
@media (max-width: 1024px) {
    .njnzruzk {
        justify-content: flex-start;
        padding: 0;
        font-weight: 400
    }
}
@media (max-width: 1024px) {
    .ujedy28q.mtoip81h>.t715yuvz {
        display: block
    }
}
.ujedy28q .t715yuvz {
    top: 0;
    right: calc(-100% - 4px);
    left: auto
}
@media (max-width: 1024px) {
    .ujedy28q .t715yuvz {
        padding-top: 0;
        border: none
    }
}
.ujedy28q .ab5xf8mv {
    margin-left: 8px
}
@media (max-width: 1024px) {
    .ujedy28q .ab5xf8mv {
        display: block;
        background-color: transparent
    }
}
@media (max-width: 1024px) {
    .ujedy28q .t715yuvz .ujedy28q .njnzruzk {
        font-size: 14px
    }
}
.jgc1iae8 {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-left: 24px
}
.d70x39rb {
    display: none;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: transparent;
    border-radius: 4px;
    cursor: pointer
}
.i9eejt81z0q { padding: 6px 39px; display: flex; margin: 10px; }
@media (max-width: 1024px) {
    .d70x39rb {
        display: flex
    }
}
@media (max-width: 576px) {
    .d70x39rb {
        width: 28px;
        height: 28px
    }
}
@media (max-width: 1024px) {
    .jgc1iae8 {
        flex: 1;
        gap: 8px;
        justify-content: flex-end;
        order: 2;
        margin-right: 8px
    }
}
.bfadt92j {
    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) {
    .bfadt92j {
        height: 28px;
        padding: 0 6px;
        font-size: 12px;
        border-radius: 8px
    }
}
@media (max-width: 375px) {
    .bfadt92j {
        font-size: 9px
    }
}
.y7tlki35 {
    color: var(--color-text-header-footer, #fff);
    border: 2px solid var(--color-accent)
}
.y7tlki35:hover {
    background: var(--bg-dark-rgb);
    filter: brightness(1.2)
}
.y7tlki35:active {
    filter: brightness(.8)
}
.wmmsunld {
    color: var(--color-text-button, #011c39);
    background-color: var(--color-accent)
}
.wmmsunld:hover {
    filter: brightness(1.2)
}
.wmmsunld:active {
    filter: contrast(200%) saturate(50%)
}
.eoizgcai {
    width: 100%;
    margin-bottom: 40px;
}
.b1ozuqd5 {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 10px;
    padding-top: 30px;
}
.b1ozuqd5 h2 {
    color: var(--color-accent);
}
.ispns8cv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    padding-top: 20px;
}
.hv84b6lxeg { padding: 21px 29px; display: none; margin: 16px; border: 2px solid #8a1693; width: 94px; }
.aeaxdpw1 {
    width: 100%;
    height: auto;
    max-width: 220px;
    min-height: 220px;
    position: relative;
    background-color: inherit;
    border-radius: 10px;
}
.aeaxdpw1 img {
    height: auto;
    max-width: 220px;
    border-radius: 10px;
}
.aeaxdpw1 .oyau2ndp {
    position: absolute;
    top: 45%;
    left: 40%;
    width: 60px;
    height: 60px;
    opacity: 0;
}
.aeaxdpw1:hover .oyau2ndp {
    opacity: 1; 
}
.aeaxdpw1:hover img {
    opacity: 0.3;
}
@media screen and (max-width: 695px) {
    .ispns8cv {
        justify-content: center;
        gap:10px;
    }
    .aeaxdpw1 {
        max-width: 120px;
        min-height: 190px;
    }
    .aeaxdpw1 img {
       
    }
}
.aeaxdpw1 {
max-width:inherit;
text-align: center;
}
.skl4a24y {
 flex-basis: 49%; 
}
.j0kor4kw {
 flex-basis: 32.3333%; 
}
.ysie7hus {
 flex-basis: 24%; 
}
.li7tndqk {
 flex-basis: 19%; 
}
.p1qbgae4 {
 flex-basis: 15.6666%; 
}
.phu8gp77 {
 flex-basis: 13.2857%; 
}
.guuefg6g {
overflow: hidden;
}
.nhvq70pk {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 10px;
    padding-top: 30px;
}
.eufc64r1 h2 {
    margin-bottom: 1.875rem;
    font-size: 1.875rem;
    font-weight: 700;
}
.cy2nrvzxn5 { display: none; }
summary.t9zbscw5 {
    margin-bottom: 1.25rem;
    font-size: 1.125rem;
    line-height: 2rem;
    border: 1px solid var(--color-light);
    padding: 1rem;
}
.vkrnzb3y {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 2rem;
    border: 0px dotted var(--color-light);
    padding: 0 1rem;
}
.c099clt7 {
width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}
.c099clt7 .nfks46ks {
max-width: 1440px;
    margin: 0 auto;
    padding: 0 10px;
    padding-top: 30px;
}
.c099clt7 .bvqo7lu8 {
    display: flex;
 flex-wrap: wrap;
max-width: 1000px;
    gap: 8px;

    list-style: none;
    margin: 0;
    padding: 0;
}
.c099clt7 .bvqo7lu8 .lrjiiwwe  {
list-style:none;
}
.c099clt7 .bvqo7lu8 .lrjiiwwe 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;
}
.c099clt7 + section.zlx6cy33 {
margin-top:0px;
}
.qpw2i091 {
display: flex;
    justify-content: center;
    gap: 20px;
}

        .ozbrz5pr {
          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;

        }
.r2hv4r93 {
            display: flex;
            flex-direction: column;
            gap: 15px;
            z-index: 5;
        }
.fgrcpwjm {
            padding: 18px 45px;
            font-size: 1.2rem;
            font-weight: bold;
            text-transform: uppercase;
            cursor: pointer;
            border: none;
            border-radius: 5px;
            transition: 0.3s;
        }
.fg4enn7y3jw { display: block; width: 21vw; padding: 40px 42px; border: 3px dashed #adc5cc; color: rgb(32, 61, 95); }
.ue02me8s {
            background-color: #00bcd4;
            color: #fff;
        }
.l97rx82u {
            background-color: #ff9800;
            color: #fff;
        }
.fgrcpwjm:hover {
            opacity: 0.85;
            transform: translateY(-2px);
        }
iframe[full-frame] {
            width: 100%;
            height: 100%;
            border: none;
        }

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

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

    .x2y8yfr1 {
        width: 100%;
    }

    .gabjehck img {
        height: 26px;
    }
}
.asaqezdl {
    border-top: 2px solid var(--color-accent);
}
.ktzqgeji {
      width: 100%;
      background: var(--bg);
      border-top: 1px solid rgba(255,255,255,0.06);
      padding: 32px 20px 24px;
      color: var(--color-text);
    }
.eygkg81j {
      max-width: 860px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

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

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

    .dflmrwpc {
      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;
    }

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

    }
.qm1gtdxg a:hover { color: #c5cad6; }
.gyqr5zq2 {
      color: rgba(255,255,255,0.18);
      font-size: 14px;
      line-height: 1;
    }

    .uu7h384w {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 12px;
    }
.klubejsn {
      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;
    }
.klubejsn:hover {
      background: rgba(255,255,255,0.08);
      border-color: rgba(255,255,255,0.14);
      color: #c5cad6;
    }

    .klubejsn svg {
      flex-shrink: 0;
    }

    .whzle30h {
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
.li9efinn {
      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;
    }

    .kpahnuc3 {
      display: inline-flex;
      align-items: center;
      gap: 7px;
    }
.ffu2vha6d { border: 5px solid #ce1273; }
.h6hrhuli {
      width: 28px;
      height: 28px;
      border-radius: 4px;
      background: #f4a10d;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

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

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

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

    @media (max-width: 480px) {
      .uu7h384w { gap: 8px; }
      .klubejsn { font-size: 10px; padding: 6px 10px; }
    }
.hlc4h6o9 {
max-width: 100%;
    height: auto;
}
.qq215ntg 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;
}
.a7onjv2n {
   max-width: 1000px;
width: 100%;
    margin: 10px auto;
padding: 10px;
justify-content: center;
}
.w5jf7sqq2g9 { display: flex; width: 7vw; color: rgb(232, 164, 93); border: 5px dotted #8cd4de; padding: 12px 10px; margin: -12px; }
.cbbqnbeo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.oq0u73nq {
    padding: 24px;
    border-radius: 16px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

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

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

.dc2fz8t6 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
}

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

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

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

}
.a7xaxfyzn { width: 21px; padding: 30px 27px; }
.l38ycrdt {
    background: var(--bg);
    padding: 20px;
    border-radius: 12px;
    display: block;
margin: 0 auto;
max-width: 1000px;
    width: 100%;
}
.l4nbbzz2 {
    display: flex;
flex-direction: column;
    align-items: center;
    gap: 18px;
    background-color: var(--bg);
    padding: 20px;
    border-radius: 12px;
margin-bottom: 20px;
}
.xx5fw01n {

margin-left: 20px;
}
.xx5fw01n img {
    width: 220px;
height:auto;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--accent);
}
.du5tiu9z {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.kwwvec5e {
    display: flex;
    align-items: center;
    gap: 8px;
}
.mcvsccci {
    font-size: 18px;
    font-weight: 600;
     color: var(--color-light);
}
.a571ersf {
    background: var(--accent);
    color: var(--bg);
    font-size: 12px;
    font-weight: 700;
    padding: 3px 7px;
    border-radius: 50px;
}
.p130qe5i {
    font-size: 14px;
    color: var(--color-light);
    opacity: 0.8;
}
.p130qe5i p {
 color: var(--color-light);
}
.p130qe5i time {
    margin-left: 5px;
    color: var(--accent);
}

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

    .xx5fw01n 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 .cx5inmyj {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
  }

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