/*** ЦВЕТА ***/
:root {
    --p-color-1: #000;
    --p-color-2: #0054FF;
    --p-color-3: #FFF;
    --p-color-4: #0F2B7A;
    --p-color-5: rgba(15, 43, 122, 0.50);
    --p-color-6: rgba(0, 0, 0, 0.08);
    --p-color-7: #747474;
    --p-color-8: #10C44C;
    --p-color-9: #DD2C00;
}

@media ( max-width: 1240px ) {
    :root {
        --btd-main-flow: 1140px;
        --btd-main-flow-indent-min: 30px;
    }
}

@media ( max-width: 991px ) {
    :root {
        --btd-main-flow: 96vw;
        --btd-main-flow-indent-min: 10px;
    }
}


* {
    scrollbar-width: thin;
    scrollbar-color: #1b1b24 #e4e4e4;
}
*::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}
textarea::-webkit-scrollbar {
    height: 3px;
    width: 3px;
}
*::-webkit-scrollbar-track {
    background: #e4e4e4;
}
*::-webkit-scrollbar-thumb {
    background-color: #1b1b24;
    border: none;
}

@media ( max-width: 768px ) {
    *::-webkit-scrollbar {
        height: 3px;
        width: 3px;
    }
}

.f1, .f1:focus {
    color: var(--p-color-1);
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.f2, .f2:focus {
    color: var(--p-color-1);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.f3, .f3:focus {
    color: var(--p-color-3);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.f4, .f4:focus {
    color: var(--p-color-3);
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.f5, .f5:focus {
    color: var(--p-color-5);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.f6, .f6:focus {
    color: var(--p-color-7);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.f7, .f7:focus {
    color: var(--p-color-2);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.f8, .f8:focus {
    color: var(--p-color-1);
    font-family: Montserrat;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.f9, .f9:focus {
    color: var(--p-color-7);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 300;
    line-height: 0.875rem;
}
.f10, .f10:focus {
    color: var(--p-color-7);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.875rem;
}
.f11, .f11:focus {
    color: var(--p-color-1);
    font-family: Montserrat;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.f12, .f12:focus {
    color: var(--p-color-3);
    font-family: Montserrat;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.5rem;
}
.f13, .f13:focus {
    color: var(--p-color-1);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.125rem;
}
.f14, .f14:focus {
    color: var(--p-color-2);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.125rem;
    text-decoration-line: underline;
}
.f15, .f15:focus {
    color: var(--p-color-1);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem;
}
.f16, .f16:focus {
    color: var(--p-color-7);
    font-family: Montserrat;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.5rem;
}
.f17, .f17:focus {
    color: var(--p-color-2);
    font-family: Montserrat;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.125rem;
}
.f18, .f18:focus {
    color: var(--p-color-1);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 0.875rem;
}
.f19, .f19:focus {
    color: #747474;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px; /* 116.667% */
}
.f20, .f20:focus {
    color: #747474;
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.875rem; /* 116.667% */
}
.f21, .f21:focus {
    color: #747474;
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.875rem; /* 116.667% */
}
.f22, .f22:focus {
    color: #747474;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 116.667% */
}
.f23, .f23:focus {
    color: #747474;
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 125% */
}
.f24, .f24:focus {
    color: #000;
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}