@font-face {
    font-family: 'Manrope';
    src: local('Manrope Medium'), 
         local('Manrope-Medium'),
         url('../fonts/Manrope-Medium.ttf') format('truetype');
    font-display: swap;
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: local('Manrope Semibold'), 
         local('Manrope-Semibold'),
         url('../fonts/Manrope-SemiBold.ttf') format('truetype');
    font-display: swap;
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'RFDewi';
    src: local('RFDewiExpanded Bold'), 
         local('RFDewiExpanded-Bold'),
         url('../fonts/RFDewiExpanded-Bold.ttf') format('truetype');
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}

:root {
    /*colors*/
    --accent-color: #EB591F;
    --font-color: #173A51;
    --font-color-light: #173A5199;
    --back-color: linear-gradient(180deg, rgb(90 145 202) 0%, rgb(114 172 234) 100%);
    --back-color2: linear-gradient(180deg, rgb(111 172 233) 0%, rgb(90 149 204) 100%);
    --back-color3: #5492ca;
    --gray-color: #F2F5F7;
    --white-color: #FFFFFF;
    --max: linear-gradient(42deg,rgba(68, 204, 255, 1) 0%, rgba(85, 51, 238, 1) 51%, rgba(153, 51, 221, 1) 100%);
    --transparent: rgba(255, 255, 255, 0.15);
    /*MOBILE*/
    /*paddings*/
    --smb: 50px; /*section-margin-bottom*/
    --cpv: 0 20px; /*container-padding-value*/
    --stmb: 20px; /*section-title-margin-bottom*/
    /*font-sizes*/
    --title-top: 20px;
    --title-second: 18px;
    --title-third: 16px;
    --small-title: 16px;
    --low-text: 14px;
    --small-text: 12px;
    --small-btn: 9px;
    --phone-size: 14px;

    /*DESCTOP*/
    /*paddings*/
    --smbd: 100px; /*section-margin-bottom-desctop*/
    --cmwd: 1600px; /*container-max-width-desctop*/
    --cpvd: 0 30px; /*container-padding-value-desctop*/
    --stmbd: 60px; /*section-title-margin-bottom-desctop*/
    /*font-sizes*/
    --title-top-desc: 48px;
    --title-second-desc: 40px;
    --title-third-desc: 32px;
    --small-title-desc: 20px;
    --low-text-desc: 14px;
    --small-text-desc: 12px;
    --small-btn-desc: 12px;
    --phone-size: 16px;
}

body, html { height: 100%; width: 100%; margin: 0; }
body { font-family: Manrope; font-weight: 500; font-size: 14px; line-height: 1.5; color: var(--font-color); -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body.lock {height: 100vh; max-height: 100vh; overflow: hidden;}
body.lock::before { content: ""; width: 100vw; height: 100vh; top: 0; left: 0; position: fixed; background-color: rgb(177 177 177 / 15%); z-index: 91; backdrop-filter: blur(3px); }

/* a,p,span,strong */
a{text-decoration: none !important;color: var(--font-color);}
p > a{color: var(--accent-color);text-decoration: underline !important;cursor: pointer;}
p,span,li,strong{margin: 0;color: var(--font-color);}
a.simplePhoneLink:hover {color: var(--accent-color);}
picture img {object-fit: cover;}
input {font-size: 14px; font-family: Manrope;}
input:focus, input:focus-visible, input:focus-within {outline: none;}
@media(min-width: 1024px){input {font-size: 16px;}}

/* btns */
button { background-color: transparent; outline: none; border: none; padding: 0; margin: 0;}
.btn { text-align: center;box-sizing: border-box; text-transform: uppercase;outline: none; border: none; background-color: var(--gray-color); padding: 16px 18px; border-radius: 40px; font-size: 11px; font-family: 'RFDewi'; min-width: 135px; cursor: pointer; color: var(--font-color); transition: 0.1s ease; }
.btn:hover {color: var(--accent-color);}
.btn:focus {box-shadow: 1px 2px #8785854d inset;}
.btn.btn--arrow > span {width: 100%;text-align: center;}
.btn.btn--arrow {display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 10px;width: 100%;padding:5px 5px 5px 16px;}
.btn.btn--white {background-color: var(--white-color);}
.btn.btn--arrow span {width: 100%;text-align: center;}
.btn.btn--arrow:hover span {color:var(--accent-color);}
.btn.btn--arrow:hover .arrow {background-color:var(--accent-color);}
.btn.btn--arrow:hover .arrow.arrow-orange {background-color:var(--font-color);}
.btn.btn--arrow:hover path {fill:var(--white-color);}
.btn.btn--opacity {color: var(--white-color);background-color: #FFFFFF26;}
.btn.btn--opacity:hover {background-color: #FFFFFF4D;}


/* Классы влияющие на видимость */
@media(max-width: 1024px){.desctop{display: none !important;}}
@media(min-width: 1024px){.mobile{display: none !important;}}

/* coopolicy */
.coopolicy__visible {box-shadow: 0px 0px 5px #b6b6b6; z-index: 999;display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: fit-content;gap: 30px;background-color:var(--white-color);color: white;border-radius: 20px;padding: 10px 15px;position: fixed;bottom: 20px;left: 50%;transform: translatex(-50%);width: fit-content; box-sizing: border-box; max-width: 80%;}
.coopolicy, .coopolicy p{font-size: 14px;margin: 0;}
.coopolicy__title, .coopolicy__agreed {font-weight: 900;}
.coopolicy__info {display: flex;flex-direction: column;gap: 5px;}
.coopolicy__agreed {color: var(--font-color);cursor: pointer;}
.coopolicy__agreed:hover, .coopolicy__subtitle:hover{color: var(--accent-color);}
.coopolicy__subtitle{cursor: pointer;text-decoration: underline;opacity:0.8}
.coopolicy__hidden {padding: 30px;border: 1px gray solid;border-radius: 30px;background-color: white;max-width: 360px;position: fixed;bottom: 100px;left: 50%;transform: translate(-50%, 150%);box-sizing: border-box;width: 360px;}
.coopolicy__hidden.active {z-index: 999;transform: translate(-50%, 0%);}
.coopolicy__close {padding: 5px 10px;background-color: #ebebeb;width: fit-content;border-radius: 50%;cursor: pointer;position: absolute;top: 14px;right: 14px;}
.coopolicy__close:hover {background-color: var(--font-color);}
.coopolicy__close span {transform: rotate(45deg);display: block;}
.coopolicy__inner {display: flex;flex-direction: column;gap: 11px;}
.coopolicy__hidden .coopolicy__agreed {background-color: var(--font-color);color: black;text-align: center;padding: 5px;border-radius: 20px;margin-top: 10px;}
.coopolicy__hidden .coopolicy__agreed:hover{background-color: var(--accent-color);}
.coopolicy > * {transition: transform 0.5s ease;}
.closed.coopolicy{display: none;visibility:hidden;opacity:0;z-index:-1;}
.coopolicy__text a:hover {color: var(--accent-color);}
.coopolicy__text a {text-decoration: underline;color: var(--accent-color);font-weight: 600;}
.coopolicy .btn { margin-left: auto; font-size: var(--small-btn); padding: 10px 20px; width: fit-content; min-width: fit-content; }
.coopolicy .coopolicy__title { font-family: RFDewi; text-transform: uppercase; font-size: var(--small-text); display: flex; flex-direction: column; }
.coopolicy__subtitle { white-space: nowrap; font-size: var(--small-btn); }
@media(min-width: 550px){.coopolicy__title { white-space: nowrap; }}
.b24-widget-button-inner-block { background: var(--accent-color) !important; }

/* Прокрутка */
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track { background: var(--font-color-gray); border-radius: 8px; }
::-webkit-scrollbar-thumb { background: rgba(60, 143, 206, 1); border-radius: 8px; transition: all 0.3s; }
::-webkit-scrollbar-thumb:hover { background: rgba(60, 143, 206, 1); }