@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");


body {
    position: relative;
    width: 100%;
    height: 100%;
    font-family: Inter;
}

html, body {
    height: 100%;
    width: 100%;
}

.back_white {
    background-color: white;
}

.tab-select-orange::before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 5px;
    background-color: #FF5B00;
}


.tab-select-blue::before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 5px;
    background-color: #3371FF;
}

.header__select {
    color: rgba(255, 255, 255, 0.5019607843);
    background-color: transparent;
    background: url("../public/images/header_select_arrow.svg") no-repeat center;
    background-position: 25px 10px;
    appearance: none;
    width: 40px;
}

.header__select:focus {
    outline: none;
    border: none;
}

.header__select:focus-within {
    outline: none;
    border: none;
}

.gradient__block-1 {
    background: linear-gradient(90deg, #57A2F1 0.03%, #6061F5 20.03%, #DB64A1 40.03%, #EE7B3C 60.03%, #EFAE3D 80.03%, #ED7458 100.03%);
}

.triangle {
    background: #212B5F;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
}

.triangle-right {
    background: #212B5F;
    clip-path: polygon(0 0, 0% 100%, 100% 0%);
}

.triangle-right-orange {
    background: #FF5B00;
    clip-path: polygon(0 0, 0% 100%, 100% 0%);
}

.triangle-right-blue {
    background: #3371FF;
    clip-path: polygon(0 0, 0% 100%, 100% 0%);
}

@media (max-width: 600px) {
    .triangle-right {
        clip-path: polygon(0 0, 0% 81%, 228% 0%);
    }

    .triangle-right-orange {
        clip-path: polygon(0 0, 0% 81%, 228% 0%);
    }

    .triangle-right-blue {
        clip-path: polygon(0 0, 0% 81%, 228% 0%);
    }

}

.popup__join_checkbox input[type=checkbox] {
    border: 1px solid #6A6F8C;
    width: 16px;
    height: 16px;
}

.checkbox {
    position: relative;
    width: fit-content;
    position: relative;
    height: 16px;
    display: flex;
}

.insidepage h1 {
    font-family: Inter;
    text-align: center;
    font-size: 25px;
    font-weight: 400;
    margin-top: 40px;
    margin-bottom: 20px;
}

.input1 {
    background: white;
}

.caps {
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.caps_only {
    text-transform: uppercase;
}

.checkbox-label {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 19.8px;
}

.checkbox-new {
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
    /* border-radius: 20px; */
    user-select: none;
    -webkit-user-select: none;
}

.checkbox-new_checked {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.checkbox-input:not(:checked) + .checkbox-new > .checkbox-new_checked {
    display: none;
}

.checkbox-input:checked {
    background: var(--yellow-color);
    border: 30px solid #6A6F8C;
}

.panel_admin_records input[type=checkbox]:checked {
    border: 1px solid transparent;
}

.checkbox-input:checked + .checkbox-new {
    color: #6A6F8C;
}

.checkbox-input {
    appearance: none;
    position: relative;
    width: 20px;
    height: 20px;
    border: 2px solid #FFFFFF;
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
}

/* Скрываем модалку по умолчанию (если не задано в inline-стилях) */
#header__modal_platform {
    visibility: hidden;
    transition: 0.4s;
}

#header__modal_platform2:hover {
    visibility: visible;
}

/* Скрываем модалку по умолчанию (если не задано в inline-стилях) */
#header__modal_platform2 {
    visibility: hidden;
    transition: 0.4s;
}

.nav_item:hover #header__modal_platform {
    color: #FF5B00;
}

.nav_item:hover > svg {
    fill: #FF5B00 !important;
}

.nav_item svg {
    transition: 0.2s transform;
}

.nav_item:hover svg {
    transform: rotateZ(180deg);
}

.nav_item:hover svg path {
    fill: #FF5B00 !important;
}

.nav_item:hover {
    color: #FF5B00 !important;
}

.nav_item {
    display: flex;
    gap: 10px;
    align-items: center;
    position: relative;
    height: 5px;
}

.nav_item::before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: -30px;
    height: 5px;
    background-color: #FF5B00;
    display: none;
}

.nav_item:hover::before {
    display: block;
}


.row3 {
    padding-top: 20px;
    max-width: 500px;
    margin: 0 auto;
}

.b-checkbox label{
    color: white;
    font-size:12px;
}
.row2 {
    display: flex;
    padding-top: 30px;
    margin: 0 auto;
    max-width: 1100px;
}


.b-btn22 {
    max-width: 625px;
    width: 49%;
    display: var(--b-btn-display, inline-block);
    padding: var(--b-btn-padding, 0.484375rem 1.125rem);
    font-family: var(--b-btn-font-family, var(--root-font-1));
    font-size: var(--b-btn-font-size, 0.9375rem);
    font-weight: var(--b-btn-font-weight, 700);
    line-height: var(--b-btn-line-height, var(--root-line-height));
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: white;
    background-color: #2a62fb;
    box-shadow: var(--b-btn-box-shadow, none);
    transition: color 0.12s ease-in-out, background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out;
    text-transform: uppercase;
}

.b-btn22:hover {
    background-color: #fa5482;
    color: white;
    text-decoration: none;
}

.cookies__text {
    max-height: 80px;
    margin-top: 20px;
    width: 100%;
    overflow-y: auto;
    color: white;
    text-align: justify;
    font-size: 9px;
}

@media (max-width: 575px) {
    .cookies__text {
        margin-top: 0px;
    }

    .c22 {
        width: 100px;
    }

    .c23 {
        width: 90px;
    }

    .row2 {
        padding-top: 10px;
    }

    .b-btn22 {
        font-size: 10px;
        vertical-align: middle;
        width: auto;
    }
}

.cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 226px;
    width: 100%;
    z-index: 1000;
    background-color: #20183B;
}

.cookies__wrapper {
    margin: 0 auto;
    max-width: 1240px;
    padding: 20px;
}

/*# sourceMappingURL=output.css.map */