html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    font-family: 'Manrope', sans-serif !important;
}
body {
    line-height:1;
}
* {
    -webkit-tap-highlight-color: transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

ul, ol {
    list-style:none;
}

input, select {
    vertical-align:middle;
}
 /* #buddypress {
    padding-top: 110px;
} */ 

*,
*::after,
*::before{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
a{
    color: inherit;
    text-decoration: none;
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
html,body{
    color: #353B4D;
    font-family: 'Manrope', sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    scroll-behavior: smooth;
    background: #F6F6F6;
}
.body{
    min-width: 320px;
}
.body.no-scroll{
    overflow: hidden;
}
.container{
    max-width: 1312px;
    padding: 0 16px;
    margin: 0 auto;
}
.btn,
.btn-2,
.btn-3,
.btn-4,
.btn-5,
.btn-6,
.btn-7,
.btn-8,
button{
    background-color: transparent;
    cursor: pointer;
    border: none;
    outline: none;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #FFF;
    text-align: center;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
}
.btn{
    padding: 16px 32px;
    border-radius: 16px;
    background: #293890;
    min-height: 50px;
}
.btn:hover{
    color: #293890;
    background-color: #EBEEF5;
}
.btn:hover svg path[fill]{
    fill: #293890;;
}
.btn:hover svg path[stroke]{
    stroke: #293890;
}
.btn-2{
    padding: 9px;
    border-radius: 8px;
    background: #EBEEF5;
    color: #293890;
    min-height: 42px;
}
.btn-2:hover{
    color: #fff;
    background-color: #293890;
}
.btn-2:hover svg path[fill]{
    fill: #fff;;
}
.btn-2:hover svg path[stroke]{
    stroke: #fff;
}
.btn-3{
    padding: 14px;
    border-radius: 12px;
    background: #F7941D;
    min-height: 50px;
    color: #353B4D;
}
.btn-3:hover{
    background-color: #EBEEF5;
}
.btn-4{
    padding: 14px;
    border-radius: 12px;
    background: #fff;
    min-height: 50px;
    color: #353B4D;
}
.btn-4:hover{
    background-color: #F7941D;
}
.btn-5{
    padding: 13px 27px;
    border-radius: 12px;
    border: 1px solid #C0C5D4;
    min-height: 52px;
    gap: 8px;
    color: #C0C5D4;
}
.btn-5:hover{
    background-color: #F6F6F6;
    border-color: #F6F6F6;
    color: #293890;
}
.btn svg path,
.btn-2 svg path,
.btn-5 svg path{
    transition: all .2s ease;
}
.btn-5:hover svg path[fill]{
    fill: #293890;
}
.btn-5:hover svg path[stroke]{
    stroke: #293890;
}
.btn-6{
    padding: 13px 27px;
    border-radius: 12px;
    border: 1px solid #293890;
    min-height: 52px;
    gap: 8px;
    color: #293890;
}
.btn-6:hover{
    background-color: #293890;
    color: #F6F6F6;
}
.btn-6 svg path{
    transition: all .2s ease;
}
.btn-6:hover svg path[fill]{
    fill: #F6F6F6;
}
.btn-6:hover svg path[stroke]{
    stroke: #F6F6F6;
}
.btn-7{
    padding: 9px;
    border-radius: 8px;
    border: 1px solid #C0C5D4;
    min-height: 44px;
    gap: 8px;
    color: #8D8D96;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    background-color: #F6F6F6;
}
.btn-7:hover{
    background-color: #C0C5D4;
}
.btn-8{
    padding: 9px 34px;
    border-radius: 8px;
    min-height: 44px;
    gap: 8px;
    color: #353B4D;
    background-color: #DDD;
}
.btn-8:hover{
    background-color: #293890;
    color: #fff;
}
label{
    color: #8D8D96;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
}
textarea,
textarea::placeholder,
input,
input::placeholder{
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    color: #8D8D96;
}
textarea,
input{
    color: #353B4D;
    border: none;
    outline: none;
    background-color: transparent;
    width: 100%;
    padding: 13px 20px;
    height: 44px;
    border-radius: 16px;
    background: #EBEEF5;
}
textarea{
    resize: none;
    height: 149px;
}
p > a:not(:hover){
    text-decoration: underline;
}
@media (max-width: 1280px) {
    .container{
        max-width: 1024px;
    }
}
@media (max-width: 1024px) {
    .container{
        max-width: 768px;
    }
}
@media (max-width: 768px) {
    .container{
        max-width: 480px;
    }
}
p > a:not(:hover){
    text-decoration: underline;
}
p > a{
    color: #293890;
}
strong{
    font-weight: 700;
}
.title-h1{
    font-weight: 700;
    font-size: 58px;
    line-height: 64px;
}
h2{
    font-weight: 700;
    font-size: 52px;
    line-height: 62px;
}
h3{
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
}
h1,
h4{
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
}
h5{
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
}
.title{
    font-weight: 700;
    font-size: 62px;
    line-height: 74px;
}
main.main{
    overflow: hidden;
    /*padding-top: 108px;*/
}
.breadcrumbs{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
}
.breadcrumbs li{
    display: flex;
    align-items: center;
    gap: 8px;
}
.userpopup__close::before,
.breadcrumbs li:not(:first-of-type)::before{
    content: '';
    display: inline-block;
    width: 5px;
    min-width: 5px;
    height: 7px;
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='7' viewBox='0 0 5 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.784656 6.62366L0.000656307 5.84666L2.57666 3.31266L0.000656307 0.778656L0.784656 0.00165594L4.09566 3.31266L0.784656 6.62366Z' fill='%23646F8B'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.breadcrumbs li a{
    color: #646F8B;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    display: flex;
    align-items: center;
    max-width: max-content;
    transition: all .2s ease;
}
.breadcrumbs li a:hover,
.breadcrumbs li:last-of-type a{
    color: #353B4D;
}
@media (max-width: 768px) {
    .title-h1 {
        font-size: 28px;
        line-height: 36px;
    }
    h2 {
        font-size: 40px;
        line-height: 46px;
    }
}
@media (max-width: 480px) {
    h5 {
        font-size: 20px;
        line-height: 26px;
    }
    h2 {
        font-size: 36px;
        line-height: 42px;
    }
    h1, h4 {
        font-size: 22px;
        line-height: 30px;
    }
}
/* header */
.header{
  /*  position: fixed;  */
    top: 16px;
    left: 0;
    right: 0;
    z-index: 100;
}
.header__inner{
    padding: 15px 16px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(34, 38, 47, 0.08);
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.header__logo{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 140px;
}
.header__content-inner{
    display: flex;
    align-items: center;
    gap: 4px;
}
.header__menu > ul > li > a{
    display: flex;
    align-items: center;
    max-width: max-content;
    transition: all .2s ease;
    padding: 10px 12px;
    color: #353B4D;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px; /* 128.571% */
}
.header__menu > ul > li > a:hover{
    color: #F7941D;
}
.header__bg{
    position: fixed;
    inset: 0;
    z-index: -1;
    background: rgba(53, 59, 77, 0.40);
    backdrop-filter: blur(3px);
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
}
.header__menu-box{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    top: calc(100% + 2px);
    border-radius: 16px;
    background: #FFF;
    box-shadow: 2px 2px 8px 0 rgba(81, 88, 103, 0.20);
    overflow: auto;
    max-height: 60vh;
    padding: 32px;
    display: flex;
    align-items: start;
    gap: 24px;
    justify-content: space-between;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
}
.header__menu-block{
    width: 100%;
    max-width: 330px;
}
.header__menu-list{
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 20px;
}
.header__menu-list li a{
    display: flex;
    align-items: center;
    padding: 12px 20px;
    border-radius: 12px;
    min-height: 68px;
    background: #F6F6F6;
    gap: 20px;
    max-width: 100%;
    width: 100%;
    font-weight: 700;
    transition: all .2s ease;
}
.header__menu-list li a:hover{
    background-color: #CAE7E9;
}
.header__menu-list li a img{
    width: 30px;
    height: auto;
    min-width: 30px;
}
.header__menu-block:first-of-type .header__menu-list li a{
    background-color: #CAE7E9;
}
.header__menu-block:first-of-type .header__menu-list li a:hover{
    background-color: #F6F6F6;
}
.menu-item-has-children > a{
    gap: 4px;
    position: relative;
    z-index: 1;
}
.menu-item-has-children > a span{
    display: inline-block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.24563 10.5554L12.5321 6.13514C12.7996 5.85932 12.6374 5.33203 12.2852 5.33203H3.71223C3.35996 5.33203 3.19782 5.85932 3.4653 6.13514L7.75176 10.5554C7.89383 10.702 8.10357 10.702 8.24563 10.5554Z' fill='%23353B4D'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: background-image .2s ease;
}
.menu-item-has-children > a:hover span{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.24563 10.5554L12.5321 6.13514C12.7996 5.85932 12.6374 5.33203 12.2852 5.33203H3.71223C3.35996 5.33203 3.19782 5.85932 3.4653 6.13514L7.75176 10.5554C7.89383 10.702 8.10357 10.702 8.24563 10.5554Z' fill='%23F7941D'/%3E%3C/svg%3E");
}
.menu-item-has-children > a::before{
    content: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: -30px;
    right: 0;
    z-index: -1;
}
.menu-item-has-children:hover > a::before{
    content: '';
}
.header__menu > ul{
    display: flex;
    align-items: center;
    gap: 4px;
}
.header__check{
    padding: 8px 20px;
    color: #F7941D;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px; /* 128.571% */
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 4px;
}
.header__check::before{
    display: inline-block;
    content: '';
    width: 24px;
    min-width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.4361 2.05601C10.7678 2.20198 10.4419 2.40217 9.62322 3.16541C8.94653 3.79518 8.89223 3.83689 8.58312 3.95367C8.39515 4.02457 8.19465 4.04542 7.41353 4.07879C6.37343 4.12049 6.14787 4.1622 5.67168 4.39159C5.10359 4.66685 4.66082 5.10895 4.37678 5.6845C4.14703 6.14745 4.10526 6.38101 4.06349 7.42368C4.03008 8.2036 4.00919 8.40379 3.93818 8.59147C3.82122 8.9001 3.78363 8.95015 3.12364 9.65916C2.48037 10.3432 2.27987 10.6434 2.11278 11.1481C2.01671 11.4359 2 11.5485 2 12.0031C2 12.4577 2.01671 12.5703 2.11278 12.8581C2.27987 13.3627 2.48037 13.663 3.12364 14.347C3.78363 15.056 3.82122 15.1061 3.93818 15.4147C4.00919 15.6024 4.03008 15.8026 4.06349 16.5825C4.10526 17.6252 4.14703 17.8587 4.37678 18.3217C4.66082 18.8972 5.10359 19.3393 5.67168 19.6146C6.14787 19.844 6.37343 19.8857 7.41353 19.9274C8.19465 19.9608 8.39515 19.9816 8.58312 20.0525C8.89223 20.1693 8.94236 20.2068 9.65246 20.8658C9.99916 21.1869 10.4002 21.5206 10.5464 21.6082C11.482 22.1629 12.7143 22.1253 13.604 21.5164C13.7084 21.4413 14.076 21.1244 14.4185 20.8032C15.3083 19.9774 15.2999 19.9816 16.5948 19.9274C17.3425 19.8982 17.5973 19.8732 17.848 19.8023C18.8045 19.5312 19.5397 18.7971 19.8112 17.842C19.8822 17.5918 19.9073 17.3374 19.9365 16.5825C19.9699 15.8026 19.9908 15.6024 20.0618 15.4147C20.1788 15.1061 20.2164 15.056 20.8764 14.347C21.5196 13.663 21.7201 13.3627 21.8872 12.8581C21.9833 12.5703 22 12.4577 22 12.0031C22 11.5485 21.9833 11.4359 21.8872 11.1481C21.7201 10.6434 21.5196 10.3432 20.8764 9.65916C20.2164 8.95015 20.1788 8.9001 20.0618 8.59147C19.9908 8.40379 19.9699 8.2036 19.9365 7.42368C19.8947 6.38101 19.853 6.14745 19.6232 5.6845C19.3434 5.10895 18.9048 4.67103 18.3283 4.39159C17.8647 4.1622 17.6307 4.12049 16.5948 4.07879C15.2999 4.02457 15.3083 4.02874 14.4185 3.20294C14.076 2.8818 13.7084 2.56483 13.604 2.48976C12.9942 2.07269 12.142 1.90169 11.4361 2.05601ZM16.0434 8.77915C16.3066 8.97517 16.411 9.30048 16.2982 9.57575C16.2147 9.77594 11.1019 15.2103 10.9307 15.2812C10.7469 15.3563 10.5631 15.3563 10.3918 15.2729C10.2206 15.1937 7.78112 12.5953 7.70175 12.4076C7.63074 12.2366 7.66416 11.9447 7.76859 11.8029C7.96491 11.536 8.2949 11.4359 8.57477 11.5527C8.67502 11.5944 9.04261 11.9614 9.6817 12.6412C10.2122 13.2084 10.655 13.6714 10.6675 13.6714C10.6842 13.6714 11.7243 12.5703 12.9858 11.2273C14.2556 9.87187 15.3333 8.75412 15.4043 8.72076C15.5714 8.64569 15.9056 8.67488 16.0434 8.77915Z' fill='%23F7941D'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .2s ease;
}
.header__check:hover{
    color: #293890;
}
.header__check:hover::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.4361 2.05601C10.7678 2.20198 10.4419 2.40217 9.62322 3.16541C8.94653 3.79518 8.89223 3.83689 8.58312 3.95367C8.39515 4.02457 8.19465 4.04542 7.41353 4.07879C6.37343 4.12049 6.14787 4.1622 5.67168 4.39159C5.10359 4.66685 4.66082 5.10895 4.37678 5.6845C4.14703 6.14745 4.10526 6.38101 4.06349 7.42368C4.03008 8.2036 4.00919 8.40379 3.93818 8.59147C3.82122 8.9001 3.78363 8.95015 3.12364 9.65916C2.48037 10.3432 2.27987 10.6434 2.11278 11.1481C2.01671 11.4359 2 11.5485 2 12.0031C2 12.4577 2.01671 12.5703 2.11278 12.8581C2.27987 13.3627 2.48037 13.663 3.12364 14.347C3.78363 15.056 3.82122 15.1061 3.93818 15.4147C4.00919 15.6024 4.03008 15.8026 4.06349 16.5825C4.10526 17.6252 4.14703 17.8587 4.37678 18.3217C4.66082 18.8972 5.10359 19.3393 5.67168 19.6146C6.14787 19.844 6.37343 19.8857 7.41353 19.9274C8.19465 19.9608 8.39515 19.9816 8.58312 20.0525C8.89223 20.1693 8.94236 20.2068 9.65246 20.8658C9.99916 21.1869 10.4002 21.5206 10.5464 21.6082C11.482 22.1629 12.7143 22.1253 13.604 21.5164C13.7084 21.4413 14.076 21.1244 14.4185 20.8032C15.3083 19.9774 15.2999 19.9816 16.5948 19.9274C17.3425 19.8982 17.5973 19.8732 17.848 19.8023C18.8045 19.5312 19.5397 18.7971 19.8112 17.842C19.8822 17.5918 19.9073 17.3374 19.9365 16.5825C19.9699 15.8026 19.9908 15.6024 20.0618 15.4147C20.1788 15.1061 20.2164 15.056 20.8764 14.347C21.5196 13.663 21.7201 13.3627 21.8872 12.8581C21.9833 12.5703 22 12.4577 22 12.0031C22 11.5485 21.9833 11.4359 21.8872 11.1481C21.7201 10.6434 21.5196 10.3432 20.8764 9.65916C20.2164 8.95015 20.1788 8.9001 20.0618 8.59147C19.9908 8.40379 19.9699 8.2036 19.9365 7.42368C19.8947 6.38101 19.853 6.14745 19.6232 5.6845C19.3434 5.10895 18.9048 4.67103 18.3283 4.39159C17.8647 4.1622 17.6307 4.12049 16.5948 4.07879C15.2999 4.02457 15.3083 4.02874 14.4185 3.20294C14.076 2.8818 13.7084 2.56483 13.604 2.48976C12.9942 2.07269 12.142 1.90169 11.4361 2.05601ZM16.0434 8.77915C16.3066 8.97517 16.411 9.30048 16.2982 9.57575C16.2147 9.77594 11.1019 15.2103 10.9307 15.2812C10.7469 15.3563 10.5631 15.3563 10.3918 15.2729C10.2206 15.1937 7.78112 12.5953 7.70175 12.4076C7.63074 12.2366 7.66416 11.9447 7.76859 11.8029C7.96491 11.536 8.2949 11.4359 8.57477 11.5527C8.67502 11.5944 9.04261 11.9614 9.6817 12.6412C10.2122 13.2084 10.655 13.6714 10.6675 13.6714C10.6842 13.6714 11.7243 12.5703 12.9858 11.2273C14.2556 9.87187 15.3333 8.75412 15.4043 8.72076C15.5714 8.64569 15.9056 8.67488 16.0434 8.77915Z' fill='%23293890'/%3E%3C/svg%3E");
}
.header.header-menu-show .header__bg,
.menu-item-has-children:hover .header__menu-box{
    opacity: 1;
    pointer-events: all;
}
.header__content-close{
    display: none;
}
.header__block{
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}
.header__user,
.header__auth{
    min-width: 220px;
    width: 100%;
}
.header__auth,
.header__user{
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.header__auth{
    padding: 0;
}
.header__register,
.header__login{
    gap: 4px;
    font-size: 14px;
    line-height: 18px;
    padding: 9px 20px;
    min-height: 42px;
    border-radius: 8px;
}
.header__user-image{
    width: 24px;
    height: 24px;
    min-width: 24px;
    overflow: hidden;
    border-radius: 50%;
}
.header__user-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.header__user-name{
    color: #293890;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
}
/*.header__user{
    display: none;
}*/
.header__search {
    position: absolute;
    left: -262%;
    width: 278%;
    z-index: 20;
    display: none;
}
.header__search.active{
    display: inline-block;
}
.header__search-input{
    padding: 10px 48px;
    border-radius: 8px;
    background: #EBEEF5;
}
.header__search::before,
.header__search-close{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 9px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 6.11942L18 18M6 17.8806L18 6' stroke='%23646F8B' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.header__search::before{
    right: initial;
    left: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.5 3C11.2239 3 12.8772 3.68482 14.0962 4.90381C15.3152 6.12279 16 7.77609 16 9.5C16 11.11 15.41 12.59 14.44 13.73L14.71 14H15.5L20.5 19L19 20.5L14 15.5V14.71L13.73 14.44C12.59 15.41 11.11 16 9.5 16C7.77609 16 6.12279 15.3152 4.90381 14.0962C3.68482 12.8772 3 11.2239 3 9.5C3 7.77609 3.68482 6.12279 4.90381 4.90381C6.12279 3.68482 7.77609 3 9.5 3ZM9.5 5C7 5 5 7 5 9.5C5 12 7 14 9.5 14C12 14 14 12 14 9.5C14 7 12 5 9.5 5Z' fill='%23293890'/%3E%3C/svg%3E");
}
.header__content-close,
.header__burger{
    display: none;
}
@media (max-width: 1280px) {
    .header__check{
        max-width: 160px;
    }
    .header__search {
        left: -199%;
        width: 215%;
    }
}
@media (max-width: 1024px) {
    .header__content{
        position: fixed;
        inset: 0;
        z-index: 123;
        overflow: hidden;
        background: rgba(53, 59, 77, 0.40);
        backdrop-filter: blur(3px);
        opacity: 0;
        transition: all .3s ease;
        pointer-events: none;
    }
    .header__content-inner{
        flex-direction: column;
        padding: 32px;
        align-items: start;
        max-width: 500px;
        margin-left: auto;
        background-color: #EBEEF5;
        height: 100%;
        overflow: auto;
        transform: translateX(100%);
        transition: all .2s ease;
    }
    .header__content.active{
        opacity: 1;
        pointer-events: all;
    }
    .header__content.active .header__content-inner{
        transform: translateX(0);
    }
    .header__menu > ul{
        flex-direction: column;
        align-items: start;
    }
    .header__block{
        margin-left: auto;
    }
    .header__check {
        max-width: 100%;
        padding: 8px 10px;
    }
    .header__content-close,
    .header__burger{
        display: flex;
        width: 32px;
        height: 32px;
        min-width: 32px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='27' viewBox='0 0 33 27' fill='none'%3E%3Cpath d='M0 1.5C0 0.671573 0.671573 0 1.5 0H31.5C32.3284 0 33 0.671573 33 1.5C33 2.32843 32.3284 3 31.5 3H1.5C0.671573 3 0 2.32843 0 1.5Z' fill='%23293890'/%3E%3Cpath d='M0 13.5C0 12.6716 0.671573 12 1.5 12H31.5C32.3284 12 33 12.6716 33 13.5C33 14.3284 32.3284 15 31.5 15H1.5C0.671573 15 0 14.3284 0 13.5Z' fill='%23293890'/%3E%3Cpath d='M0 25.5C0 24.6716 0.671573 24 1.5 24H31.5C32.3284 24 33 24.6716 33 25.5C33 26.3284 32.3284 27 31.5 27H1.5C0.671573 27 0 26.3284 0 25.5Z' fill='%23293890'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .header__content-close{
        min-height: 32px;
        margin-left: auto;
        margin-bottom: -30px;
        top: 20px;
        right: 20px;
        z-index: 10;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M0.43934 0.43934C1.02513 -0.146447 1.97487 -0.146447 2.56066 0.43934L23.7739 21.6525C24.3596 22.2383 24.3596 23.1881 23.7739 23.7739C23.1881 24.3596 22.2383 24.3596 21.6525 23.7739L0.43934 2.56066C-0.146446 1.97487 -0.146447 1.02513 0.43934 0.43934Z' fill='%23293890'/%3E%3Cpath d='M0.439566 23.7753C-0.14622 23.1895 -0.14622 22.2397 0.439566 21.654L21.6528 0.440754C22.2386 -0.145032 23.1883 -0.145032 23.7741 0.440754C24.3599 1.02654 24.3599 1.97629 23.7741 2.56207L2.56089 23.7753C1.9751 24.3611 1.02535 24.3611 0.439566 23.7753Z' fill='%23293890'/%3E%3C/svg%3E");
        background-size: 24px;
    }
    .menu-item-has-children > a::before{
        content: none !important;
    }
    .header__menu-box{
        position: initial;
        flex-direction: column;
        opacity: 1;
        pointer-events: all;
        overflow: hidden;
        max-height: none;
        padding: 20px;
        margin-top: 10px;
        display: none;
    }
    .header__menu-block,
    .menu-item,
    .header__menu{
        max-width: 100%;
        width: 100%;
    }
    .menu-item-has-children.active > a{
        color: #F7941D;
    }
    .menu-item-has-children.active .header__menu-box{
        display: flex;
    }
    .menu-item-has-children.active > a span{
        transform: rotate(180deg);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.24563 10.5554L12.5321 6.13514C12.7996 5.85932 12.6374 5.33203 12.2852 5.33203H3.71223C3.35996 5.33203 3.19782 5.85932 3.4653 6.13514L7.75176 10.5554C7.89383 10.702 8.10357 10.702 8.24563 10.5554Z' fill='%23F7941D'/%3E%3C/svg%3E");
    }
    .header__search {
        left: -86%;
        width: 102%;
    }
}
@media (max-width: 768px) {
    .header__content-inner{
        padding: 32px 20px;
    }
    .header__register{
        background-color: #fff;
    }
    .header__user,
    .header__auth{
        gap: 10px;
        margin-top: 10px;
    }
    .header__user{
        max-width: max-content;
    }
}
/* infopage */
.infopage__inner{
    position: relative;
}
.infopage__content{
    margin-top: 40px;
    display: flex;
    align-items: start;
    gap: 50px;
    justify-content: space-between;
}
.infopage__select{
    width: 100%;
    max-width: 382px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.infopage__select-btn{
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    gap: 20px;
    color: #353B4D;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px; /* 133.333% */
    border-radius: 16px;
    background: #EBEEF5;
}
.infopage__select-btn:hover{
    color: #fff;
    background-color: #293890;
}
.infopage__select-btn::after{
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    transition: all .2s ease;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.1314 16.3346L19.9283 14.5377L18.1672 12.7766L16.3704 14.5735L5.79687 4L4 5.79687L14.5735 16.3704L12.773 18.1709L14.534 19.932L16.3346 18.1314L18.0956 19.8925L19.8925 18.0956L18.1314 16.3346Z' fill='%23293890'/%3E%3Cpath d='M12.773 18.1709L11.0119 16.4098L9.21506 18.2067L10.9761 19.9678L12.773 18.1709Z' fill='%23293890'/%3E%3Cpath d='M9.21148 18.2031L7.45043 16.4421L5.65356 18.2389L7.41462 20L9.21148 18.2031Z' fill='%23293890'/%3E%3Cpath d='M20 7.41462L18.2389 5.65356L16.4421 7.45043L18.2031 9.21148L20 7.41462Z' fill='%23293890'/%3E%3Cpath d='M19.9678 10.9761L18.2067 9.21506L16.4098 11.0119L18.1709 12.773L19.9678 10.9761Z' fill='%23293890'/%3E%3C/svg%3E");
}
.infopage__box{
    width: 100%;
    max-width: 848px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.infopage__select-btn:hover::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.1314 16.3346L19.9283 14.5377L18.1672 12.7766L16.3704 14.5735L5.79687 4L4 5.79687L14.5735 16.3704L12.773 18.1709L14.534 19.932L16.3346 18.1314L18.0956 19.8925L19.8925 18.0956L18.1314 16.3346Z' fill='white'/%3E%3Cpath d='M12.773 18.1709L11.0119 16.4098L9.21506 18.2067L10.9761 19.9678L12.773 18.1709Z' fill='white'/%3E%3Cpath d='M9.21148 18.2031L7.45043 16.4421L5.65356 18.2389L7.41462 20L9.21148 18.2031Z' fill='white'/%3E%3Cpath d='M20 7.41462L18.2389 5.65356L16.4421 7.45043L18.2031 9.21148L20 7.41462Z' fill='white'/%3E%3Cpath d='M19.9678 10.9761L18.2067 9.21506L16.4098 11.0119L18.1709 12.773L19.9678 10.9761Z' fill='white'/%3E%3C/svg%3E");
}
.infopage__block{
    border-radius: 16px;
    background: #FFF;
    padding: 32px;
}
.infopage__block:first-of-type{
    background-color: #EBEEF5;
}
.infopage__block h5{
    margin-bottom: 10px;
}
.infopage__block h5:last-child{
    margin: 20px 0 0;
}
.infopage__block h4{
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}
.infopage__block ul li{
    padding-left: 24px;
    position: relative;
}
.infopage__block li::before{
    content: '';
    position: absolute;
    top: 9px;
    left: 10px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #353B4D;
}
.infopage__edit{
    position: absolute;
    top: 22px;
    right: 0;
    text-align: right;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px; /* 133.333% */
}
@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
    .infopage__content{
        flex-direction: column;
    }
    .infopage__select{
        max-width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 768px) {
    .infopage__select{
        grid-template-columns: 1fr;
    }
    .infopage__content{
        gap: 40px;
    }
    .infopage__edit{
        position: initial;
    }
}
@media (max-width: 480px) {
    .infopage__select-btn{
        font-size: 16px;
        line-height: normal;
    }
    .infopage__block{
        padding: 24px;
    }
}
/* footer */
.footer-reset{
    margin-top: 0 !important;
}
.footer{
    margin-top: 100px;
    padding: 40px 0;
    border-radius: 40px 40px 0 0;
    background: #353B4D;
}
.footer__top{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 40px;
}
.footer__start{
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
}
.footer__logo{
    display: flex;
    align-content: center;
    width: 100%;
    max-width: 140px;
}
.footer__info{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.footer__info-link{
    display: flex;
    align-items: center;
    gap: 8px;
    color: #C0C5D4;
}
.footer__info-link a svg rect,
.footer__info-link a svg path{
    transition: all .2s ease;
}
.footer__info-link a:hover svg rect{
    fill: #F7941D;
}
.footer__info-link a:hover svg path{
    fill: #fff;
}
.footer__box{
    display: grid;
    grid-template-columns: 1fr 0.8fr 0.9fr;
    gap: 24px;
    width: 100%;
    max-width: 653px;
}
.footer__menu{
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.footer__menu li a{
    display: flex;
    align-items: center;
    max-width: max-content;
    transition: all .2s ease;
    color: #C0C5D4;
}
.footer__menu li a:hover{
    color: #F7941D;
}
.footer__name{
    color: #F6F6F6;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
}
.footer__block:last-of-type .footer__menu li a{
    text-decoration: underline;
}
.footer__bottom{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    margin-top: 36px;
}
.footer__copy{
    color: #C0C5D4;
}
.footer__end,
.footer__tel{
    width: 100%;
    max-width: 220px;
}
.footer__end{
    display: flex;
    flex-direction: column;
    gap: 7px;
}
@media (max-width: 1280px) {
    .footer__end, .footer__tel {
        width: 100%;
        max-width: 170px;
    }
}
@media (max-width: 1024px) {
    .footer__top{
        display: grid;
        grid-template-columns: 0.4fr 1fr;
    }
    .footer__start{
        grid-row: span 2;
    }
    .footer__box {
        grid-template-columns: 1fr 0.7fr;
        gap: 50px 20px;
    }
    .footer__end{
        flex-direction: row;
        max-width: 100%;
    }
    .footer__btn{
        width: 100%;
    }
}
@media (max-width: 768px) {
    .footer{
        margin-top: 80px;
    }
    .footer__top{
        grid-template-columns: 1fr;
    }
    .footer__start {
        grid-row: auto;
        gap: 40px;
    }
}
@media (max-width: 480px) {
    .footer__box{
        grid-template-columns: 1fr;
    }
    .footer__bottom{
        flex-direction: column-reverse;
        margin-top: 30px;
    }
}
/* contact */
.contact__content{
    margin-top: 20px;
    padding: 40px;
    border-radius: 40px;
    background: #EBEEF5;
    display: flex;
    align-items: start;
    gap: 40px;
    justify-content: space-between;
}
.contact__block{
    width: 100%;
    max-width: 514px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.contact__item{
    padding: 32px;
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 36px;
    background: #F6F6F6;
}
.contact__item-icon{
    display: flex;
    align-items: start;
    width: 64px;
    height: 80px;
    min-width: 64px;
    position: relative;
    z-index: 1;
}
.contact__item-icon img{
    width: 100%;
}
.contact__item-icon img:not(:first-child){
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.4;
    filter: blur(8px);
    z-index: -1;
}
.contact__item-title{
    margin-bottom: 20px;
}
.contact__item-descr a{
    transition: all .2s ease;
}
.contact__item-descr a:hover{
    color: #F7941D;
}
.contact__form{
    border-radius: 36px;
    background: #F6F6F6;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    max-width: 646px;
}
.contact__form-bottom,
.contact__form-box{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.contact__form-block{
    display: flex;
    gap: 20px;
}
.contact__form-input{
    height: 50px;
    padding: 14px 32px;
}
.contact__form-radios{
    display: flex;
    gap: 10px 20px;
    flex-wrap: wrap;
}
.custom-select-checkbox label span,
.form-checkbox{
    padding-left: 24px;
    position: relative;
    cursor: pointer;
}
.form-checkbox input{
    display: none;
}
.custom-select-checkbox label span::before,
.form-checkbox span::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    min-width: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='3.5' fill='%23EBEEF5' stroke='%238D8D96'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.custom-select-checkbox label span::before{
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='3.5' stroke='%23353B4D'/%3E%3C/svg%3E%0A");
}
.custom-select-checkbox label input:checked + span::before,
.form-checkbox input:checked + span::before{
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='3.5' fill='%23293890' stroke='%23293890'/%3E%3Cpath d='M13 4.80571L6.14286 11.6629L3 8.52L3.80571 7.71429L6.14286 10.0457L12.1943 4L13 4.80571Z' fill='white'/%3E%3C/svg%3E%0A");
}
.contact__form-info{
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.contact__form-info--descr{
    color: #65666E;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
}
.g-recaptcha div,
.g-recaptcha{
    display: flex;
    align-items: center;
}
.contact__only{
    color: #65666E;
    position: relative;
}
.contact__only::after{
    content: '';
    position: absolute;
    width: 168px;
    height: 69.314px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='168' height='70' viewBox='0 0 168 70' fill='none'%3E%3Cpath d='M158.218 24.7673C159.143 28.1114 159.997 31.2187 160.858 34.3213C161.1 35.1993 161.315 36.0902 161.623 36.9469C162.334 38.9525 164.153 40.002 165.816 39.4227C167.587 38.8066 168.391 37.066 167.817 34.9352C166.403 29.7028 164.958 24.4782 163.521 19.2531C163.239 18.229 162.945 17.2044 162.635 16.1865C161.907 13.7977 160.602 12.7779 158.184 13.0582C151.476 13.8348 144.779 14.7008 138.079 15.5575C136.956 15.7007 135.935 16.151 135.302 17.1782C134.236 18.9138 135.294 21.178 137.345 21.4493C138.172 21.5596 139.038 21.4438 139.883 21.3625C144.253 20.9382 148.622 20.4935 152.955 20.0597C153.237 20.5133 152.922 20.7243 152.777 20.9432C146.479 30.4125 139.178 38.9489 129.977 45.6305C121.254 51.9628 111.82 56.6234 100.952 57.5799C97.1755 57.9117 93.4461 57.7009 89.8671 56.3144C88.1046 55.6315 87.9673 55.9838 89.1111 54.1479C92.8358 48.1653 95.7352 41.8234 97.1763 34.87C98.8984 26.5629 98.4141 18.3833 95.5611 10.4188C94.531 7.5423 92.9525 4.91912 90.5782 2.92903C85.4679 -1.35368 78.0716 -0.887962 73.2489 3.9855C69.0872 8.18674 67.1241 13.5129 66.0715 19.1647C64.2308 29.0322 65.6878 38.4781 70.1877 47.4011C71.6555 50.3144 73.7204 52.7998 75.8718 55.2116C76.3552 55.7527 76.8736 56.2158 75.7963 56.8099C69.9121 60.0488 63.7744 62.349 56.9992 62.5601C52.3419 62.7077 47.8101 62.0209 43.4114 60.5483C37.5092 58.5731 31.8443 56.0149 26.5904 52.6378C19.6344 48.1654 15.1658 41.5277 11.7939 34.107C9.30718 28.6365 6.9798 23.0733 5.76198 17.1093C5.34178 15.0448 4.02883 14.1009 2.41507 14.381C0.760042 14.6682 -0.080021 15.9271 0.00600444 18.0304C0.167009 21.9601 1.69449 25.5216 2.90296 29.1659C5.134 35.8897 8.0233 42.2726 12.23 47.9874C16.3699 53.6113 21.4844 58.0333 27.7003 61.1165C32.2767 63.3857 36.8692 65.6345 41.7639 67.1478C55.0617 71.2597 67.6608 69.4341 79.6356 62.3744C80.156 62.0671 80.7046 61.796 81.179 61.4278C82.0767 60.7296 82.8872 60.7398 83.9336 61.2385C93.2287 65.691 102.73 65.2476 112.304 62.187C129.058 56.8338 142.13 46.3217 152.687 32.3018C154.503 29.89 156.261 27.4346 158.221 24.7658L158.218 24.7673ZM76.5729 45.1534C72.2553 37.7368 70.8371 27.3316 72.9277 18.9366C73.7959 15.4522 74.9981 12.1206 77.417 9.39392C80.8634 5.50777 85.4923 5.92324 88.1579 10.3747C88.7761 11.405 89.3092 12.5292 89.6597 13.6823C93.7749 27.2969 90.6823 39.6187 82.9532 51.1042C82.4473 51.8564 82.1069 51.6686 81.556 51.2038C79.4888 49.4642 77.9392 47.2986 76.577 45.1544L76.5729 45.1534Z' fill='%23293890'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: calc(100% + 11px);
    right: 0;
}
@media (max-width: 1280px) {
    .contact__form-info{
        grid-template-columns: 1fr;
    }
}
@media (max-width: 1024px) {
    .contact__content{
        flex-direction: column;
    }
    .contact__block{
        max-width: 100%;
    }
    .contact__only{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .contact__only::after{
        transform: rotate(180deg) scaleX(-1);
        position: initial;
    }
}
@media (max-width: 768px) {
    .contact__content{
        border-radius: 24px;
        padding: 20px;
    }
    .contact__item {
        padding: 20px;
        border-radius: 18px;
    }
    .contact__item-title {
        margin-bottom: 20px;
        font-size: 22px;
        line-height: normal;
    }
    .contact__form {
        border-radius: 18px;
        padding: 30px;
    }
}
@media (max-width: 480px) {
    .contact__item{
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }
    .contact__item-title{
        margin-top: 10px;
    }
    .contact__item:first-of-type .contact__item-descr br{
        display: none;
    }
    .contact__form{
        gap: 30px;
        padding: 20px;
    }
    .contact__form-block{
        flex-direction: column;
    }
    .g-recaptcha {
        transform-origin: left top;
        -webkit-transform-origin: left top;
        transform: scale(0.70);
        -webkit-transform: scale(0.70);
        width: 220px;
    }
    .contact__form-info{
        gap: 0;
    }
}


/* activity */
.activity__banner{
    margin-top: 40px;
    border-radius: 40px;
    background: #EBEEF5;
    overflow: hidden;
    padding: 60px 50px;
    position: relative;
    z-index: 1;
}
.activity__banner::before{
    content: '';
    position: absolute;
    z-index: -1;
    top: -60px;
    right: 0;
    width: 563px;
    height: 563px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='563' height='563' viewBox='0 0 563 563' fill='none'%3E%3Cpath d='M89.6125 563L34.4319 430.278C35.0587 430.045 93.2124 409.01 155.906 386.426C137.522 377.963 118.761 369.366 100.52 361.047C72.2488 348.161 55.3597 320.409 57.9835 291.162C60.6073 261.915 82.1978 237.164 112.367 228.836L221.018 198.845L0 136.214L44.354 0L508.876 131.647C541.123 140.781 563.116 168.578 563 200.01C562.874 231.451 540.666 259.086 508.347 268.005L341.606 314.025C342.922 314.651 344.194 315.269 345.438 315.869C356.551 321.242 364.951 325.415 371.094 328.612C375.42 330.869 378.751 332.696 381.563 334.37C421.421 358.137 419.863 394.413 418.439 404.971C414.651 432.965 393.58 456.006 365.077 464.182C345.635 470.593 186.81 527.825 89.6214 562.991L89.6125 563ZM358.092 465.856C358.092 465.856 358.038 465.865 358.011 465.874C358.038 465.874 358.065 465.865 358.092 465.856ZM358.172 465.838C358.172 465.838 358.136 465.838 358.119 465.847C358.136 465.847 358.154 465.847 358.172 465.838Z' fill='%23CAE7E9'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.activity__banner-title{
    max-width: 578px;
}
.activity__banner-content{
    margin-top: 20px;
    max-width: 448px;
}
.activity__block{
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.activity__item{
    padding: 32px;
    border-radius: 40px;
    background: #CAE7E9;
    display: flex;
    flex-direction: column;
    gap: 11px;
    align-items: start;
}
.activity__item-icon{
    display: flex;
    align-items: center;
    width: 64px;
    height: 80px;
    min-width: 64px;
    position: relative;
    z-index: 1;
}
.activity__item-icon img{
    width: 100%;
}
.activity__item-icon img:not(:first-child){
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.4;
    filter: blur(8px);
    z-index: -1;
}
.activity__item:first-of-type {
    background-color: #293890;
}
.activity__item-content{
    margin-top: auto;
}
.activity__item-title{
    font-size: 52px;
    font-weight: 700;
    line-height: 62px; /* 119.231% */
    margin-bottom: 20px;
}
.activity__item:first-of-type {
    color: #fff;
}
.activity__middle{
    margin-top: 40px;
    padding: 60px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 40px;
    background: #EBEEF5;
}
.activity__middle::before{
    content: '';
    position: absolute;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1063' height='861' viewBox='0 0 1063 861' fill='none'%3E%3Cpath d='M199.068 38.8672C244.007 12.3112 296.227 -4.90344 352.085 1.24899C408.685 7.4832 462.55 36.9941 511.302 91.7636C543.055 127.437 566.348 163.339 581.984 198.988C632.105 200.888 673.382 215.104 703.715 242.89C740.635 276.71 753.228 323.187 753.768 367.085C754.817 452.549 711.12 549.399 665.854 605.988L664.748 607.371L663.536 608.664C642.175 631.439 617.664 665.784 608.279 695.573C603.678 710.18 604.172 719.096 605.672 723.749C606.569 726.532 608.982 732.134 622.056 737.946C640.108 745.971 671.343 748.826 716.238 747.044C737.635 746.194 760.275 744.423 783.822 742.472C807.046 740.547 831.345 738.43 854.654 737.086C899.413 734.505 949.076 734.013 987.844 747.538C1008.31 754.679 1029.11 766.834 1043.79 787.687C1058.75 808.944 1063.75 834.122 1061.81 860.327L972.059 853.681C972.836 843.184 970.538 839.984 970.186 839.483C969.55 838.58 967.032 835.597 958.197 832.515C938.355 825.592 905.454 824.307 859.835 826.937C837.955 828.199 815.111 830.188 791.255 832.165C767.723 834.115 743.348 836.039 719.81 836.974C675.539 838.731 626.097 837.574 587.335 820.988L585.497 820.186C552.907 805.699 529.975 782.271 520.012 751.36C510.651 722.32 514.769 692.878 522.438 668.531C537.339 621.231 571.049 576.026 596.575 548.505C632.008 503.545 664.499 427.226 663.774 368.19C663.423 339.56 655.478 320.756 642.922 309.255C635.676 302.618 624.204 295.943 606.009 292.087C612.663 376.422 577.047 448.81 527.48 498.725C497.114 529.305 460.756 552.393 423.858 565.506C387.548 578.41 346.866 582.911 310.191 570.454C268.224 556.199 237.364 525.527 223.145 486.466C209.053 447.756 212.3 403.868 231.757 363.263C266.69 290.359 351.168 230.214 485.157 207.137C474.685 189.389 461.189 170.827 444.076 151.603C406.898 109.835 372.308 94.0208 342.231 90.708C311.413 87.3135 278.734 96.3297 244.855 116.35C175.698 157.217 113.857 236.807 78.4297 299.746L0 255.6C39.1232 186.094 110.591 91.152 199.068 38.8672ZM515.685 293.413C389.529 311.357 331.875 362.595 312.92 402.153C302.673 423.539 302.839 442.285 307.715 455.68C312.463 468.723 322.618 479.624 339.138 485.235C350.673 489.153 369.572 489.283 393.721 480.701C417.282 472.328 442.263 456.814 463.618 435.309C498.801 399.879 522.054 350.801 515.685 293.413Z' fill='%23F6F6F6'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1062.211px;
    height: 860.327px;
    top: 43px;
    left: -260px;
}
.activity__bottom-contact-inner,
.activity__bottom-content,
.activity__middle-inner{
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
}
.activity__bottom-content{
    padding: 60px 0 40px;
}
.activity__bottom-contact{
    border-radius: 40px;
    padding: 40px;
    background: #EBEEF5;
}
.activity__bottom-contact-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}
.activity__bottom-name{
    max-width: 538px;
    width: 100%;
}
.activity__bottom-btn{
    width: 100%;
    max-width: 220px;
}

/*  */
@media (max-width: 1280px) {
    .activity__item-title {
        font-size: 38px;
        line-height: 40px;
    }
    .activity__banner::before {
        right: -60px;
    }
}
@media (max-width: 1024px) {
    .activity__block{
        grid-template-columns: 1fr 1fr;
    }
    .activity__item:first-of-type{
        grid-column: span 2;
    }
}
@media (max-width: 768px) {
    .activity__banner::before {
        right: -90px;
        width: 403px;
        height: 463px;
    }
    .activity__banner{
        border-radius: 24px;
        margin-top: 30px;
        padding: 32px;
    }
    .activity__block{
        grid-template-columns: 1fr;
    }
    .activity__item:first-of-type{
        grid-column: auto;
    }
    .activity__item-title {
        font-size: 32px;
        line-height: 36px;
    }
    .activity__bottom-contact-inner{
        flex-direction: column;
    }
    .activity__item{
        border-radius: 24px;
    }
    .activity__bottom-contact{
        border-radius: 24px;
        padding: 32px;
    }
    .activity__middle::before {
        left: -370px;
    }
    .activity__middle{
        border-radius: 24px;
    }
}
@media (max-width: 480px) {

}

/* userpopup */
.userpopup{
    position: fixed;
    inset: 0;
    overflow: auto;
    z-index: 123;
    background-color: #F6F6F6;
    transition: all .2s ease;
}
.userpopup__inner{
    padding: 110px 0;
    position: relative;
}
.userpopup__top{
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: start;
    top: 40px;
    left: 0;
}
.userpopup__logo{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 140px;
}
.userpopup__logo img{
    width: 100%;
}
.userpopup__close{
    color: #646F8B;
    font-size: 14px;
    gap: 8px;
    font-weight: 500;
    transition: all .2s ease;
    line-height: 18px; /* 128.571% */
}
.userpopup__close::before{
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='7' viewBox='0 0 5 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.31105 6.62366L4.09505 5.84666L1.51905 3.31266L4.09505 0.778656L3.31105 0.00165594L4.65512e-05 3.31266L3.31105 6.62366Z' fill='%23646F8B'/%3E%3C/svg%3E%0A");
}
.userpopup__close:hover{
    color: #293890;
}
.userpopup__content{
    width: 100%;
    max-width: 500px;
    border-radius: 24px;
    padding: 40px 80px;
    background: #FFF;
    box-shadow: 2px 2px 8px 0 rgba(81, 88, 103, 0.20);
    margin: 2% auto;
}
.userpopup__title{
    text-align: center;
}
.userpopup__box{
    margin-top: 20px;
}
.userpopup__block + .userpopup__block{
    margin-top: 12px;
}
.userpopup__input input{
    border-radius: 8px;
    background: #F6F6F6;
    height: 44px;
    padding: 10px 20px;
}
.userpopup__input{
    margin-top: 3px;
    position: relative;
}
.show-pass{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    width: 24px;
    transition: none;
    height: 24px;
    min-width: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 9C11.2044 9 10.4413 9.31607 9.87868 9.87868C9.31607 10.4413 9 11.2044 9 12C9 12.7956 9.31607 13.5587 9.87868 14.1213C10.4413 14.6839 11.2044 15 12 15C12.7956 15 13.5587 14.6839 14.1213 14.1213C14.6839 13.5587 15 12.7956 15 12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7956 9 12 9ZM12 17C10.6739 17 9.40215 16.4732 8.46447 15.5355C7.52678 14.5979 7 13.3261 7 12C7 10.6739 7.52678 9.40215 8.46447 8.46447C9.40215 7.52678 10.6739 7 12 7C13.3261 7 14.5979 7.52678 15.5355 8.46447C16.4732 9.40215 17 10.6739 17 12C17 13.3261 16.4732 14.5979 15.5355 15.5355C14.5979 16.4732 13.3261 17 12 17ZM12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5Z' fill='%23C0C5D4'/%3E%3C/svg%3E");
}
.show-pass.active{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 9C11.2044 9 10.4413 9.31607 9.87868 9.87868C9.31607 10.4413 9 11.2044 9 12C9 12.7956 9.31607 13.5587 9.87868 14.1213C10.4413 14.6839 11.2044 15 12 15C12.7956 15 13.5587 14.6839 14.1213 14.1213C14.6839 13.5587 15 12.7956 15 12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7956 9 12 9ZM12 17C10.6739 17 9.40215 16.4732 8.46447 15.5355C7.52678 14.5979 7 13.3261 7 12C7 10.6739 7.52678 9.40215 8.46447 8.46447C9.40215 7.52678 10.6739 7 12 7C13.3261 7 14.5979 7.52678 15.5355 8.46447C16.4732 9.40215 17 10.6739 17 12C17 13.3261 16.4732 14.5979 15.5355 15.5355C14.5979 16.4732 13.3261 17 12 17ZM12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5Z' fill='%23293890'/%3E%3C/svg%3E");
}
.userpopup__info{
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.userpopup__agreed .form-checkbox span::before,
.userpopup__info .form-checkbox span::before{
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='3.5' stroke='%238D8D96'/%3E%3C/svg%3E%0A");
}
.userpopup__agreed-descr,
.userpopup__info .form-checkbox span{
    font-size: 12px;
    line-height: 18px;
    color: #65666E;
    font-weight: 400;
}
.userpopup__forgot{
    color: #8D8D96;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}
.userpopup__forgot:hover{
    color: #293890;
}
.userpopup__forgot:not(:hover){
    text-decoration: underline;
}
.userpopup__google,
.userpopup__btn{
    border-radius: 8px;
    width: 100%;
    margin-top: 20px;
}
.userpopup__bottom{
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.userpopup__login,
.userpopup__register,
.userpopup__bottom-text{
    color: #515B72;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
}
.userpopup__login,
.userpopup__register{
    color: #293890;
}
.userpopup__login:not(:hover),
.userpopup__register:not(:hover){
    text-decoration: underline;
}
.userpopup::before{
    content: '';
    position: absolute;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3Csvg width='493' height='442' viewBox='0 0 493 442' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_126_19591)'%3E%3Cpath d='M85.9516 540L33.0253 412.7C33.6265 412.477 89.4044 392.301 149.537 370.639C131.904 362.522 113.909 354.277 96.4132 346.297C69.2972 333.938 53.0981 307.32 55.6147 279.268C58.1313 251.216 78.8398 227.475 107.777 219.487L211.989 190.722L0 130.65L42.542 0L488.087 126.269C519.016 135.03 540.111 161.691 540 191.839C539.879 221.995 518.578 248.501 487.58 257.056L327.65 301.196C328.913 301.797 330.132 302.39 331.326 302.965C341.985 308.119 350.042 312.121 355.934 315.188C360.083 317.352 363.278 319.104 365.975 320.71C404.205 343.506 402.711 378.301 401.345 388.427C397.712 415.277 377.502 437.377 350.162 445.219C331.515 451.369 179.178 506.262 85.9602 539.991L85.9516 540ZM343.463 446.825C343.463 446.825 343.411 446.833 343.385 446.842C343.411 446.842 343.437 446.833 343.463 446.825ZM343.54 446.808C343.54 446.808 343.506 446.808 343.489 446.816C343.506 446.816 343.523 446.816 343.54 446.808Z' fill='%23EBEEF5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_126_19591'%3E%3Crect width='493' height='442' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 493px;
    height: 442px;
    bottom: 0;
    right: 0;
}
.userpopup__descr{
    margin-top: 3px;
    color: #65666E;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px; /* 150% */
}
.userpopup__agreed{
    margin: 20px 0;
    display: flex;
    align-items: center;
}
.custom-select{
    position: relative;
}
.custom-select.active .custom-select-selected::after{
    transform: translateY(-50%) rotate(180deg);
}
.custom-select:not(.custom-select-checkbox) .custom-select-selected{
    overflow: hidden;
    padding: 12px 45px 12px 19px;
    border-radius: 8px;
    height: 44px;
    display: flex;
    cursor: pointer;
    align-items: center;
    background-color: #F6F6F6;
    border: 1px solid #C0C5D4;
    color: #353B4D;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 100%;
    overflow: hidden;
    text-wrap: nowrap;
}
.custom-select:not(.custom-select-checkbox) .custom-select-selected::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='35' y='1.5299e-06' width='35' height='35' rx='8' transform='rotate(90 35 1.5299e-06)' fill='%23DDDDDD'/%3E%3Cpath d='M11.5 15.3921L13.3625 13.5L17.5 17.8302L21.6375 13.5L23.5 15.3921L17.5 21.5L11.5 15.3921Z' fill='%23353B4D'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    min-width: 35px;
}
.custom-select-content{
    position: absolute;
    top: calc(100% + 3px);
    left: 0;
    right: 0;
    z-index: 10;
    border-radius: 8px;
    overflow: auto;
    max-height: 198px;
    background: #F6F6F6;
    box-shadow: 2px 2px 8px 0 rgba(81, 88, 103, 0.20);
}
.custom-select-content label input{
    display: none;
}
.custom-select-content label span{
    color: #353B4D;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 12px;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
    min-height: 32px;
    display: flex;
    align-items: center;
}
.custom-select:not(.custom-select-checkbox) .custom-select-content label span:hover,
.custom-select:not(.custom-select-checkbox) .custom-select-content label input:checked + span{
    background-color: #CAE7E9;
}
.userpopup__select{
    margin-top: 3px;
}
.custom-select:not(.active) .custom-select-content{
    display: none;
}

.custom-select-checkbox .custom-select-selected{
    padding: 9px 40px 9px 19px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 8px;
    height: 42px;
    display: flex;
    cursor: pointer;
    align-items: center;
    background-color: #fff;
    border: 1px solid transparent;
    color: #353B4D;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px; /* 128.571% */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 100%;
    overflow: hidden;
    text-wrap: nowrap;
}
.custom-select-checkbox .custom-select-selected::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.24563 10.5554L12.5321 6.13514C12.7996 5.85932 12.6374 5.33203 12.2852 5.33203H3.71223C3.35996 5.33203 3.19782 5.85932 3.4653 6.13514L7.75176 10.5554C7.89383 10.702 8.10357 10.702 8.24563 10.5554Z' fill='%23353B4D'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    min-width: 16px;
}
.custom-select-checkbox .custom-select-content{
    background-color: #fff;
}
.custom-select-checkbox.active .custom-select-selected{
    border-color: #293890;
}
.custom-select-checkbox .custom-select-content label span{
    padding-left: 24px;
    min-height: auto;
    padding-top: 0;
    padding-bottom: 0;
}
.custom-select-checkbox .custom-select-content{
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 8px;
    max-height: max-content;
}
.custom-select-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 0;
}
.custom-select-show,
.custom-select-reset{
    color: #C0C5D4;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
}
.custom-select-reset:hover,
.custom-select-show{
    color: #293890;
}
.custom-select-show:hover{
    text-decoration: underline;
}


.userpopup__agreed .form-checkbox input {
    display: inline-block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
}
.userpopup__name{
    text-align: center;
    margin-top: 20px;
}
.userpopup__content-reset{
    margin: 7% auto;
    max-width: 632px;
    padding: 40px 146px;
}
.userpopup-activate{
    position: initial;
}
.userpopup-activate .userpopup__inner{
    padding: 0;
}
.userpopup-activate .userpopup__content{
    margin: 3% auto;
    max-width: 844px;
}
.userpopup__step{
    max-width: 414px;
    margin: 40px auto;
    display: flex;
    align-items: start;
    justify-content: space-between;
}
.userpopup__step-item{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.userpopup__step-item span{
    border-radius: 100px;
    border: 1.5px solid #DDD;
    background-color: #fff;
    width: 32px;
    height: 32px;
    min-width: 32px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #353B4D;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
}
.userpopup__step-text{
    color: #353B4D;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
}
.userpopup__step-item:not(:first-child):not(:last-child){
    align-items: center;
}
.userpopup__step-item:not(:first-child):not(:last-child) .userpopup__step-text{
    text-align: center;
}
.userpopup__step-item:first-child .userpopup__step-text{
    text-align: left;
}
.userpopup__step-item:last-child{
    align-items: end;
}
.userpopup__step-item.active span{
    font-size: 0;
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect x='0.5' y='0.5' width='31' height='31' rx='15.5' fill='%234BB5D8'/%3E%3Crect x='0.5' y='0.5' width='31' height='31' rx='15.5' stroke='%23E2E8F0'/%3E%3Cpath d='M23 11.1566L13.4 21L9 16.4884L10.128 15.3318L13.4 18.6786L21.872 10L23 11.1566Z' fill='white'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.userpopup__step-item.active + .userpopup__step-item span{
    border-color: #4BB5D8;
    box-shadow: 0 1px 2px 0 rgba(34, 38, 47, 0.08);
}
.userpopup__step-item{
    position: relative;
    z-index: 2;
    width: 100%;
}
.userpopup__step-item::after{
    content: '';
    position: absolute;
    top: 12px;
    z-index: -1;
    height: 8px;
    background-color: #DDD;
    width: 144%;
}
.userpopup__step-item.active::after,
.userpopup__step-item.active + .userpopup__step-item::after{
    background-color: #4BB5D8;
}
.userpopup__step-item:nth-of-type(2){
    z-index: 5;
}
.userpopup__step-item:nth-of-type(2)::after{
    content: none;
}
.userpopup__message{
    max-width: 456px;
    width: 100%;
    margin: 40px auto 0;
}
.userpopup__message h4,
.userpopup__message h3{
    color: #353B4D;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 133.333% */
}
.userpopup__message h4{
    font-size: 16px;
    line-height: 22px;
}
.userpopup__message p{
    text-align: center;
}
.userpopup-activate .userpopup__content{
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.userpopup-activate .userpopup__content::before{
    content: '';
    position: absolute;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='290' height='290' viewBox='0 0 290 290' fill='none'%3E%3Cpath d='M46.1592 290L17.7358 221.635C18.0587 221.515 48.0135 210.68 80.307 199.047C70.8371 194.688 61.1735 190.26 51.7775 185.975C37.2152 179.337 28.5157 165.042 29.8672 149.977C31.2187 134.912 42.3399 122.163 57.8801 117.873L113.846 102.425L0 70.1637L22.8467 0L262.121 67.8112C278.731 72.5161 290.06 86.8339 290 103.024C289.935 119.22 278.496 133.454 261.849 138.049L175.96 161.753C176.638 162.076 177.293 162.394 177.935 162.704C183.659 165.471 187.986 167.621 191.15 169.267C193.378 170.43 195.094 171.371 196.542 172.233C217.073 184.475 216.271 203.161 215.537 208.6C213.586 223.019 202.732 234.888 188.05 239.099C178.036 242.402 96.2254 271.881 46.1638 289.995L46.1592 290ZM184.452 239.962C184.452 239.962 184.425 239.966 184.411 239.971C184.425 239.971 184.439 239.966 184.452 239.962ZM184.494 239.952C184.494 239.952 184.475 239.952 184.466 239.957C184.475 239.957 184.485 239.957 184.494 239.952Z' fill='%23F6F6F6'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 290px;
    height: 290px;
    right: -75px;
    bottom: -6px;
}
.userpopup__key-name{
    color: #353B4D;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px; /* 133.333% */
    margin-bottom: 20px;
}
.userpopup-activate .userpopup__box{
    max-width: 414px;
    width: 100%;
    margin: 40px auto 0;
}
.userpopup-activate .userpopup__input input{
    border: 1px solid #C0C5D4;
    background: #F6F6F6;
}
.userpopup:not(.userpopup-activate){
    opacity: 0;
    pointer-events: none;
}
.userpopup.active{
    opacity: 1;
    pointer-events: all;
}
@media (max-width: 1280px) {

}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    .userpopup__inner {
        padding: 120px 0 60px;
    }
    .userpopup__content,
    .userpopup-activate .userpopup__content{
        padding: 40px;
    }
}
@media (max-width: 480px) {
    .userpopup__step-text {
        font-size: 12px;
    }
}

/* certificate */
.certificate__content{
    margin-top: 40px;
    display: flex;
    align-items: start;
    gap: 16px;
}
.certificate__left{
    width: 100%;
    max-width: 740px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 32px;
    border-radius: 36px;
    background-color: #EBEEF5;
}
.certificate__block{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.certificate__block ul{
    max-width: 465px;
}
.certificate__block ul li + li{
    margin-top: 10px;
}
.certificate__block ul li{
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
}
.certificate__block ul li::before{
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.7511 10.8578V8.57342H16.5023V10.8578H3V13.1422H16.5023V15.4312H18.7511V13.1422H21V10.8578H18.7511Z' fill='%23293890'/%3E%3Cpath d='M16.5023 15.4312H14.2534V17.7156H16.5023V15.4312Z' fill='%23293890'/%3E%3Cpath d='M14.2489 17.7156H12V20H14.2489V17.7156Z' fill='%23293890'/%3E%3Cpath d='M14.2489 4H12V6.28439H14.2489V4Z' fill='%23293890'/%3E%3Cpath d='M16.5023 6.28439H14.2534V8.56878H16.5023V6.28439Z' fill='%23293890'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.certificate__image{
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    border-radius: 32px;
}
.certificate__image img{
    width: 100%;
    height: auto;
}
.certificate__bottom{
    padding: 32px;
    border-radius: 32px;
    border: 1px solid #C0C5D4;
    background: #F6F6F6;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.certificate__bottom-title{
    color: #fff;
    border-radius: 16px;
    background: #293890;
    padding: 16px 32px;
}
.certificate__bottom-more{
    color: #353B4D;
    font-size: 22px;
    font-weight: 700;
    line-height: 130%; /* 28.6px */
    display: flex;
    align-items: center;
    gap: 16px;
}
.certificate__bottom-more::after{
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    min-width: 36px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M28.5018 16.7153V13.146H25.0036V16.7153H4V20.2847H25.0036V23.8613H28.5018V20.2847H32V16.7153H28.5018Z' fill='%23293890'/%3E%3Cpath d='M25.0036 23.8613H21.5053V27.4306H25.0036V23.8613Z' fill='%23293890'/%3E%3Cpath d='M21.4982 27.4306H18V31H21.4982V27.4306Z' fill='%23293890'/%3E%3Cpath d='M21.4982 6H18V9.56936H21.4982V6Z' fill='%23293890'/%3E%3Cpath d='M25.0036 9.56936H21.5053V13.1387H25.0036V9.56936Z' fill='%23293890'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.certificate__right{
    width: 100%;
    max-width: 524px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.certificate__form{
    padding: 32px;
    border-radius: 36px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #293890;
}
.certificate__form-title{
    color: #fff;
}
.certificate__form-content{
    display: flex;
    align-items: center;
    gap: 8px;
}
.certificate__form-input {
    padding: 10px 40px;
    height: 54px;
}
.certificate__form-info{
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.certificate__check-btn,
.certificate__form-btn {
    height: 54px;
    padding: 16px 35px;
    color: #fff;
}
.certificate__check-btn:hover,
.certificate__form-btn:hover{
    color: #293890 !important;
}
.certificate__form-descr{
    color: #fff;
}
.certificate__check{
    padding: 32px;
    border-radius: 36px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #CAE7E9;
}

@media (max-width: 1280px) {
    .certificate__right {
        max-width: 354px;
    }
    .certificate__form-content{
        flex-direction: column;
    }
}
@media (max-width: 1024px) {
    .certificate__content{
        flex-direction: column;
        gap: 20px;
    }
    .certificate__right{
        max-width: 100%;
    }
    .certificate__form-content {
        flex-direction: row;
    }
}
@media (max-width: 768px) {
    .certificate__form,
    .certificate__check,
    .certificate__bottom,
    .certificate__image,
    .certificate__left{
        border-radius: 24px;
    }
    .certificate__form-content {
        flex-direction: column;
    }
}
@media (max-width: 480px) {
    .certificate__check-btn, .certificate__form-btn {
        width: 100%;
    }
}





/* hero */
.hero {
    padding-top: 25px;
}

.hero__slider{
    overflow: hidden;
    position: relative;
}
.hero__slide{
    overflow: hidden;
    border-radius: 40px;
    background: #EBEEF5;
    min-height: 492px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
.hero__slide::before{
    content: '';
    position: absolute;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='789' height='789' viewBox='0 0 789 789' fill='none'%3E%3Cpath d='M125.585 789L48.2536 603.001C49.1321 602.674 130.63 573.195 218.49 541.545C192.726 529.685 166.434 517.638 140.87 505.979C101.251 487.92 77.5822 449.028 81.2593 408.041C84.9363 367.054 115.194 332.366 157.474 320.695L309.739 278.666L0 190.894L62.1586 0L713.149 184.493C758.34 197.294 789.163 236.248 788.999 280.298C788.824 324.36 757.7 363.088 712.409 375.588L478.733 440.081C480.578 440.959 482.36 441.825 484.105 442.666C499.679 450.196 511.45 456.044 520.059 460.524C526.121 463.687 530.789 466.247 534.73 468.593C590.589 501.9 588.405 552.739 586.41 567.535C581.101 606.766 551.572 639.056 511.626 650.514C484.381 659.5 261.799 739.705 125.597 788.987L125.585 789ZM501.837 652.861C501.837 652.861 501.762 652.873 501.724 652.886C501.762 652.886 501.8 652.873 501.837 652.861ZM501.95 652.836C501.95 652.836 501.9 652.836 501.875 652.848C501.9 652.848 501.925 652.848 501.95 652.836Z' fill='%23CAE7E9'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 789px;
    height: 789px;
    top: -44px;
    right: -101px;
}
.hero__slide-content{
    width: 100%;
    max-width: 578px;
    display: flex;
    flex-direction: column;
    padding: 60px 38px 60px 60px;
    height: auto;
}
.hero__slide-descr{
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 394px;
}
.hero__slide-btn{
    margin-top: auto;
    max-width: 198px;
}
.hero__slide-image{
    margin-right: 94px;
    display: flex;
    align-items: end;
    justify-content: center;
    width: 100%;
    max-width: 510px;
}
.hero__slide-image img{
    width: 100%;
    height: auto;
}
.hero__slide-btn:hover{
    background-color: #fff;
}
.hero__inner{
    position: relative;
    overflow: hidden;
}
.hero__slide-pagination {
    margin-top: 20px;
    position: absolute;
    bottom: 20px !important;
    z-index: 10;
}
.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{
    justify-content: center;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.swiper-pagination-bullet {
    width: 60px;
    height: 10px;
    background: #F6F6F6;
    border-radius: 20px;
    opacity: 1;
    margin: 0 !important;
    position: relative;
    overflow: hidden;
}
.swiper-pagination-bullet .progress {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #CAE7E9;
    border-radius: 20px;
}
.swiper-pagination-bullet-active .progress {
    width: 100%;
    transition: width 5s linear;
}
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) .progress {
    width: 0;
    transition: none;
}
@media (max-width: 1280px) {
    .hero__slide-image{
        margin: 0;
    }
    .hero__slide::before {
        width: 529px;
        height: 549px;
        top: -44px;
        right: -101px;
    }
}
@media (max-width: 1024px) {
    .hero__slide{
        flex-direction: column;;
    }
    .hero__slide::before {
        width: 749px;
        height: 749px;
        top: 36px;
        right: -301px;
    }
    .hero__slide-image {
        margin: 0 auto;
        max-width: 360px;
    }
}
@media (max-width: 768px) {
    .hero__slide{
        border-radius: 24px;
    }
    .hero__slide-content{
        padding: 32px;
    }
}
@media (max-width: 480px) {
    .hero__slide::before {
        width: 749px;
        height: 749px;
        top: -4px;
        right: -511px;
    }
}
/* about */
.about{
    margin: 100px 0;
}
.about__block{
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 16px;
}
.about__item{
    position: relative;
    padding: 80px 32px 32px;
    border-radius: 32px;
    background: #CAE7E9;
}
.about__item-icon{
    display: flex;
    align-items: start;
    width: 64px;
    height: 80px;
    min-width: 64px;
    position: absolute;
    top: -32px;
    left: 32px;
    z-index: 1;
}
.about__item-icon img{
    width: 100%;
}
.about__item-icon img:not(:first-child){
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.4;
    filter: blur(8px);
    z-index: -1;
}
.about__item-descr{
    margin-top: 16px;
}
@media (max-width: 1280px) {
    .about__block {
        grid-template-columns: repeat(3, 1fr);
    }
    .about__block > span{
        display: none;
    }
}
@media (max-width: 1024px) {
    .about__block {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .about__block{
        grid-template-columns: 1fr;
    }
}
@media (max-width: 480px) {
    .about__item {
        padding: 50px 32px 32px;
        border-radius: 24px;
    }
}
/* courses */
.courses{
    overflow: hidden;
    padding: 60px 0 100px;
    border-radius: 40px;
    background: #EBEEF5;
}
.courses__inner{
    position: relative;
    z-index: 1;
}
.courses__inner::before{
    content: '';
    position: absolute;
    top: -273px;
    right: -253px;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='916' height='1761' viewBox='0 0 916 1761' fill='none'%3E%3Cpath d='M836.605 414.799C892.727 458.617 867.945 548.409 797.292 557.237L419.236 604.476L872.943 849.185C945.649 888.399 918.458 998.672 835.856 999.591L272.293 1005.86L614.955 1213.73C676.598 1251.13 661.204 1344.58 590.824 1360.23L302.244 1424.39L447.469 1568.85C494.24 1615.38 467.761 1695.34 402.465 1704.75L17.125 1760.31L0 1641.54L306.028 1597.42L165.801 1457.92C120.983 1413.33 143.148 1336.83 204.858 1323.11L467.594 1264.69L90.3135 1035.82C21.5163 994.086 50.4559 888.323 130.917 887.428L679.739 881.32L252.165 650.707C183.619 613.736 202.943 510.569 280.223 500.913L686.836 450.106L231.491 94.584L305.341 0L836.605 414.799Z' fill='%23F6F6F6'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 915.087px;
    height: 1760.313px;
    transform: rotate(-17.729deg);
}
.courses__filter{
    margin-top: 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.courses__filter-item input{
    display: none;
}
.courses__filter-item span{
    display: flex;
    padding: 11px 19px;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    border: 1px solid #C0C5D4;
    background-color: #fff;
    transition: all .2s ease;
    cursor: pointer;
    color: #353B4D;
    font-size: 14px;
    line-height: 18px; /* 128.571% */
}
.courses__filter-item input:checked + span,
.courses__filter-item span:hover{
    background-color: #293890;
    border-color: #293890;
    color: #fff;
}
.courses__block{
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.product__item{
    display: flex;
    flex-direction: column;
    border-radius: 28px;
    border: 1px solid #DDD;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(34, 38, 47, 0.08);
    overflow: hidden;
    min-height: 550px;
}
.product__item-start {
    background-color: #EBEEF5;
    height: 217px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 213px;
}
.product__item-top{
    display: flex;
    align-self: center;
    gap: 8px;
    width: 100%;
}
.product__item-top img{
    width: auto;
    height: 18px;
}
.product__item-name{
    font-size: 16px;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    max-width: 100%;
}
.product__item-left{
    height: auto;
    padding: 16px 0 16px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}
.product__item-image{
    display: flex;
    align-items: center;
}
.product__item-image img{
    width: 100%;
}
.product__item-time,
.product__item-type{
    border-radius: 50px;
    background: #293890;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: max-content;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px; /* 128.571% */
}
.product__item-time::before,
.product__item-type::before{
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    display: inline-block;
    min-width: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2 3.44189C2 1.97295 3.33205 0.852312 4.80543 1.01587C5.85569 1.13247 7.02871 1.23069 8 1.23069C8.97129 1.23069 10.1443 1.13247 11.1946 1.01587C12.668 0.852312 14 1.97295 14 3.44189V13.809C14 14.7709 12.9072 15.3346 12.1118 14.783L8.68816 12.4085C8.27497 12.1219 7.72503 12.1219 7.31185 12.4085L3.88816 14.783C3.09282 15.3346 2 14.7709 2 13.809V3.44189Z' fill='white'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.course__banner-type[data-type="webinar"],
.product__item-type[data-type="webinar"]{
    background-color: #CAE7E9;
    color: #293890;
}
.course__banner-type[data-type="webinar"]::before,
.product__item-type[data-type="webinar"]::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M16 11.3333V6C16 4.52724 14.8061 3.33333 13.3333 3.33333L8.88889 3.33333C8.3119 3.33333 7.75048 3.14619 7.28889 2.8L6.93333 2.53333C6.47174 2.18714 5.91032 2 5.33333 2L2.66667 2C1.19391 2 -6.43764e-08 3.19391 0 4.66667L2.91409e-07 11.3333C3.55786e-07 12.8061 1.19391 14 2.66667 14H13.3333C14.8061 14 16 12.8061 16 11.3333Z' fill='%23293890'/%3E%3C/svg%3E");
}
.product__item-content{
    padding: 16px 20px 40px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.product__item-title{
    min-height: 71px;
}
.product__item-title h3{
    font-size: 18px;
    font-weight: 700;
    line-height: 24px; /* 133.333% */
}
.product__item-title:hover h3{
    color: #293890;
}
.product__item-middle{
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 16px;
}
.product__item-time{
    background-color: #EBEEF5;
    color: #353B4D;
}
.product__item-time::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_80_1336)'%3E%3Cpath d='M8 0C3.6 0 0 3.6 0 8C0 12.4 3.6 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0ZM8.4 8.8H4V7.6H7.2V4H8.4V8.8Z' fill='%23646F8B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_80_1336'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.product__item-btn{
    margin-top: auto;
}
.product__item-list{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.product__item-list li{
    border-radius: 100px;
    border: 1px solid #646F8B;
    padding: 5px 11px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
}
.product__item-count,
.product__item-stars{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 0;
}
.product__item-stars--descr{
    color: #8D8D96;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px; /* 128.571% */
}
.product__item-stars--icons{
    display: flex;
    align-items: center;
    gap: 4px;
}
.course__access-count::before,
.product__item-btn::after,
.product__item-count::before,
.star{
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    min-width: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M1.01512 5.84924L3.10739 5.44019C3.80102 5.30458 4.40487 4.88731 4.77124 4.29042L6.4235 1.59856C6.91337 0.80048 8.08663 0.800479 8.57649 1.59856L10.2288 4.29042C10.5951 4.88731 11.199 5.30458 11.8926 5.44019L13.9849 5.84924C14.9747 6.04274 15.3429 7.24944 14.626 7.95021L12.8699 9.66683C12.2677 10.2555 12.0061 11.1037 12.1739 11.9236L12.4983 13.5092C12.7054 14.5213 11.6436 15.3264 10.706 14.8682L8.61713 13.8472C7.91317 13.5032 7.08682 13.5032 6.38287 13.8472L4.29395 14.8682C3.35642 15.3264 2.29461 14.5213 2.50168 13.5092L2.82611 11.9236C2.99386 11.1037 2.73227 10.2555 2.1301 9.66683L0.373988 7.95021C-0.342901 7.24944 0.0253323 6.04274 1.01512 5.84924Z' fill='%238D8D96'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.star.filled{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M1.01512 5.84924L3.10739 5.44019C3.80102 5.30458 4.40487 4.88731 4.77124 4.29042L6.4235 1.59856C6.91337 0.80048 8.08663 0.800479 8.57649 1.59856L10.2288 4.29042C10.5951 4.88731 11.199 5.30458 11.8926 5.44019L13.9849 5.84924C14.9747 6.04274 15.3429 7.24944 14.626 7.95021L12.8699 9.66683C12.2677 10.2555 12.0061 11.1037 12.1739 11.9236L12.4983 13.5092C12.7054 14.5213 11.6436 15.3264 10.706 14.8682L8.61713 13.8472C7.91317 13.5032 7.08682 13.5032 6.38287 13.8472L4.29395 14.8682C3.35642 15.3264 2.29461 14.5213 2.50168 13.5092L2.82611 11.9236C2.99386 11.1037 2.73227 10.2555 2.1301 9.66683L0.373988 7.95021C-0.342901 7.24944 0.0253323 6.04274 1.01512 5.84924Z' fill='%23FECB00'/%3E%3C/svg%3E");
}
.product__item-info{
    display: flex;
    align-items: center;
    gap: 16px;
}
.course__access-count::before,
.product__item-count::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0607 3.64138C11.0607 5.65251 9.4666 7.28276 7.50006 7.28276C5.53353 7.28276 3.93943 5.65251 3.93943 3.64138C3.93943 1.63031 5.53353 0 7.50006 0C9.4666 0 11.0607 1.63031 11.0607 3.64138ZM7.50006 16C9.61746 16 11.5826 15.3329 13.2053 14.1929C13.922 13.6894 14.2282 12.7303 13.8116 11.9498C12.9478 10.332 11.1678 9.32414 7.49995 9.32414C3.83224 9.32414 2.05226 10.3318 1.18841 11.9498C0.771711 12.7303 1.07798 13.6893 1.79469 14.1928C3.41742 15.3328 5.38256 16 7.50006 16Z' fill='%23646F8B'/%3E%3C/svg%3E");
}
.product__item-count{
    color: #8D8D96;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
}
.product__item-btn{
    color: #353B4D;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
    display: flex;
    align-content: center;
    gap: 12px;
    max-width: max-content;
}
.product__item-btn::after{
    width: 22px;
    height: 22px;
    min-width: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='15' viewBox='0 0 22 15' fill='none'%3E%3Cpath d='M21.7071 8.07039C22.0976 7.67986 22.0976 7.0467 21.7071 6.65617L15.3431 0.292213C14.9526 -0.0983109 14.3195 -0.0983109 13.9289 0.292213C13.5384 0.682738 13.5384 1.3159 13.9289 1.70643L19.5858 7.36328L13.9289 13.0201C13.5384 13.4107 13.5384 14.0438 13.9289 14.4343C14.3195 14.8249 14.9526 14.8249 15.3431 14.4343L21.7071 8.07039ZM0 7.36328V8.36328H21V7.36328V6.36328H0V7.36328Z' fill='%23353B4D'/%3E%3C/svg%3E");
    transition: all .2s ease;
}
.product__item-btn:hover{
    color: #293890;
}
.product__item-btn:hover::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='15' viewBox='0 0 22 15' fill='none'%3E%3Cpath d='M21.7071 8.07039C22.0976 7.67986 22.0976 7.0467 21.7071 6.65617L15.3431 0.292213C14.9526 -0.0983109 14.3195 -0.0983109 13.9289 0.292213C13.5384 0.682738 13.5384 1.3159 13.9289 1.70643L19.5858 7.36328L13.9289 13.0201C13.5384 13.4107 13.5384 14.0438 13.9289 14.4343C14.3195 14.8249 14.9526 14.8249 15.3431 14.4343L21.7071 8.07039ZM0 7.36328V8.36328H21V7.36328V6.36328H0V7.36328Z' fill='%23293890'/%3E%3C/svg%3E");
}
.product__item .product__item-start{
    position: relative;
    z-index: 1;
}
/*.product__item .product__item-start::before{
    content: '';
    position: absolute;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='299' height='299' viewBox='0 0 299 299' fill='none'%3E%3Cpath d='M47.5917 299L18.2862 228.514C18.6191 228.39 49.5036 217.218 82.7992 205.224C73.0355 200.73 63.072 196.164 53.3843 191.746C38.3701 184.903 29.4006 170.164 30.7941 154.632C32.1875 139.099 43.6539 125.954 59.6763 121.531L117.379 105.604L0 72.3412L23.5557 0L270.255 69.9157C287.381 74.7666 299.062 89.5288 299 106.222C298.933 122.92 287.139 137.596 269.975 142.333L181.421 166.773C182.12 167.106 182.796 167.434 183.457 167.753C189.359 170.606 193.82 172.823 197.082 174.52C199.379 175.719 201.148 176.689 202.642 177.579C223.81 190.201 222.982 209.466 222.226 215.074C220.214 229.94 209.024 242.177 193.886 246.519C183.561 249.924 99.2116 280.319 47.5965 298.995L47.5917 299ZM190.177 247.409C190.177 247.409 190.148 247.413 190.134 247.418C190.148 247.418 190.162 247.413 190.177 247.409ZM190.219 247.399C190.219 247.399 190.2 247.399 190.191 247.404C190.2 247.404 190.21 247.404 190.219 247.399Z' fill='%23F6F6F6' fill-opacity='0.4'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 299px;
    height: 299px;
    top: -29px;
    left: 31px;
}*/
.product__item[data-product-type="3"] .product__item-name,
.product__item[data-product-type="2"] .product__item-name{
    color: #fff;
}

.product__item[data-product-type="1"] .product__item-start{
    background-color: #CAE7E9;
}
.product__item[data-product-type="2"] .product__item-start{
    background-color: #76A0B6;
}
.product__item[data-product-type="3"] .product__item-start{
    background-color: #B784B5;
}
.product__item[data-product-type="3"] .product__item-start::before,
.product__item[data-product-type="2"] .product__item-start::before{
    content: none;
}
.courses__btn{
    margin: 40px auto 0;
    max-width: 214px;
}


.load_more_btn{
   margin: 0 auto !important;
    max-width: 320px;
    padding-top: 15px !important;

}

.courses__btn:hover{
    background-color: #fff;
}
@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
    .courses__block{
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 768px) {
    .courses{
        border-radius: 24px;
    }
    .courses__block{
        grid-template-columns: 1fr;
    }
}
@media (max-width: 480px) {
    .product__item-start {
        grid-template-columns: 1fr 163px;
    }
}
/* events */
.events{
    margin: 100px 0;
}
.events__block{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 40px;
}
.events__item{
    display: flex;
    align-items: stretch;
    gap: 20px;
    padding: 32px;
    border-radius: 32px;
    cursor: pointer;
    background: #CAE7E9;
}
.events__item-title{
    transition: all .2s ease;
}
.events__item:hover .events__item-title{
    color: #293890;
}
.events__item-info{
    padding: 24px;
    max-height: max-content;
    border-radius: 24px;
    background-color: #293890;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    max-width: 273px;
}
.events__item-time,
.events__item-date{
    display: flex;
    align-items: center;
    gap: 8px;
    color: #FFF;
}
.events__item-date span{
    font-size: 40px;
    font-weight: 700;
    line-height: 48px; /* 120% */
}
.events__item-date::before{
    content: '';
    background-image: url('../img/icon/bookmark.svg');
    width: 32px;
    height: 32px;
    min-width: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.events__item-content{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.events__item-type{
    display: flex;
    align-items: center;
    gap: 8px;
}
.events__item-type--title{
    font-size: 14px;
    font-weight: 700;
    line-height: 18px; /* 128.571% */
}
.events__item-type--block{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.events__item-type--block p{
    font-size: 14px;
    line-height: 18px; /* 128.571% */
    padding: 6px 12px;
    display: flex;
    align-items: center;
    border-radius: 100px;
    background: #FFF;
}
.events__btn{
    margin: 40px auto 0;
    max-width: 225px;
}
@media (max-width: 1280px) {

}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    .events__item{
        flex-direction: column;
        border-radius: 24px;
    }
    .events__item-info{
        border-radius: 18px;
    }
}
@media (max-width: 480px) {
    .events__item-type{
        flex-direction: column;
        align-items: start;
    }
}
/* whywe */
.whywe{
    margin: 100px 0 140px;
}
.whywe__inner{
    position: relative;
}
.whywe__plane{
    position: absolute;
    z-index: 10;
    bottom: -240px;
    width: 100%;
    max-width: 191px;
    display: flex;
    align-items: center;
    left: 376px;
}
.whywe__plane img{
    width: 100%;
}
.whywe__block{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 40px;
    gap: 16px;
}
.whywe__item{
    position: relative;
    z-index: 1;
    padding: 86px 32px 32px;
    border-radius: 32px;
    background: #EBEEF5;
    overflow: hidden;
}
.whywe__item-icon{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 106px;
    height: 106px;
}
.whywe__item-icon *{
    width: 100%;
    height: auto;
}
.whywe__item-descr{
    margin-top: 20px;
}
.whywe__item:nth-of-type(3n - 1){
    margin-top: 40px;
    margin-bottom: -40px;
}
@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
    .whywe__block{
        grid-template-columns: 1fr 1fr;
    }
    .whywe__item:nth-of-type(3n - 1) {
        margin-top: 0;
        margin-bottom: 0;
    }
}
@media (max-width: 768px) {
    .whywe__block{
        grid-template-columns: 1fr;
    }
    .whywe__plane {
        left: 76px;
    }
}
@media (max-width: 480px) {
    .whywe {
        margin: 100px 0 100px;
    }
    .whywe__plane {
        left: 16px;
        max-width: 130px;
        bottom: -170px;
    }
    .whywe__item-icon {
        width: 76px;
        height: 76px;
    }
    .whywe__item {
        padding: 60px 32px 32px;
        border-radius: 24px;
    }
}
/* faq */
.faq{
    padding: 100px 0 114px;
    overflow: hidden;
    border-radius: 40px;
    background: #EBEEF5;
}
.faq__inner{
    position: relative;
    z-index: 1;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 40px;
    min-height: 500px;
}
.faq__inner::before {
    content: '';
    z-index: -1;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='960' height='1191' viewBox='0 0 960 1191' fill='none'%3E%3Cpath d='M873.162 22.2068C898.992 4.02805 929.29 -1.80718 960 0.467384L951.139 120.07C946.057 119.694 943.349 120.117 942.176 120.425C941.497 121.298 940.028 123.575 938.324 128.459C931.446 148.177 929.824 182.547 932.73 232.967C934.112 256.938 936.291 281.969 938.478 308.356C940.628 334.311 942.769 361.397 943.809 387.606C945.779 437.223 944.618 494.904 924.413 540.359C907.439 578.546 879.553 606.199 842.226 618.231C807.39 629.461 772.557 624.389 744.584 615.576C690.538 598.548 639.532 560.443 608.598 531.813C559.392 493.154 475.878 458.338 413.763 460.21C384.241 461.101 367.26 469.811 357.452 481.645C353.641 486.244 349.578 492.918 346.251 502.494C411.737 500.583 470.289 520.747 517.88 552.224C569.443 586.329 608.989 634.175 632.642 684.062C655.662 732.617 667.051 790.936 649.313 843.164C632.599 892.374 596.501 928.793 550.427 945.567C504.821 962.17 453.523 958.196 406.527 935.675C324.96 896.587 259.045 804.989 231.379 663.628C216.266 673.513 200.594 685.485 184.43 699.874C139.857 739.553 123.984 775.496 120.665 805.633C117.237 836.758 126.243 870.565 147.574 906.665C191.338 980.732 277.359 1047.84 346.021 1086.49L287.176 1191C209.76 1147.42 103.282 1067.48 44.3047 967.67C14.265 916.831 -5.6613 856.99 1.44045 792.506C8.65123 727.033 42.7703 665.404 104.672 610.299C142.832 576.329 181.389 550.861 219.788 533.22C222.698 482.28 237.151 438.84 265.095 405.123C303.878 358.326 358.922 341.879 410.148 340.334C508.063 337.382 618.787 386.972 683.653 438.257L685.176 439.47L687.02 440.944L688.743 442.56C713.336 465.628 749.882 491.501 780.631 501.189C795.621 505.911 803.094 504.837 805.421 504.086C806.226 503.827 806.954 503.48 808.021 502.458C809.239 501.293 811.849 498.301 814.805 491.651C822.587 474.144 825.923 441.876 823.958 392.363C823.03 369.007 821.095 344.233 818.942 318.257C816.826 292.713 814.476 265.743 812.984 239.868C810.144 190.596 809.397 133.893 825.07 88.9612C833.412 65.0482 847.87 40.007 873.162 22.2068ZM451.705 652.251C421.438 632.232 385.625 620.498 345.831 622.536C366.616 751.966 419.99 809.134 458.367 827.525C479.744 837.769 497.529 837.192 509.39 832.874C520.784 828.726 530.539 819.904 535.738 804.598C539.911 792.311 539.531 767.653 524.258 735.437C509.615 704.554 484.339 673.836 451.705 652.251Z' fill='%23FBF970'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(90deg);
    width: 960px;
    height: 1191px;
    bottom: -784px;
    left: -91px;
}
.faq__image{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 622.979px;
    position: absolute;
    bottom: -156px;
    left: 18px;
}
.faq__image img{
    width: 100%;
    height: auto;
}
.faq__block{
    width: 100%;
    max-width: 524px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.faq__item{
    border-radius: 32px;
    background: #F6F6F6;
    border: 1px solid transparent;
}
.faq__item-title{
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    padding: 32px;
    transition: color .2s ease;
    user-select: none;
}
.faq__item-title::after{
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M27.1972 24.5019L29.8925 21.8066L27.2509 19.165L24.5556 21.8603L8.6953 6L6 8.6953L21.8603 24.5556L19.1595 27.2564L21.8011 29.8979L24.5019 27.1972L27.1434 29.8387L29.8387 27.1434L27.1972 24.5019Z' fill='%23293890'/%3E%3Cpath d='M19.1595 27.2564L16.5179 24.6148L13.8226 27.3101L16.4642 29.9517L19.1595 27.2564Z' fill='%23293890'/%3E%3Cpath d='M13.8172 27.3047L11.1756 24.6631L8.48034 27.3584L11.1219 30L13.8172 27.3047Z' fill='%23293890'/%3E%3Cpath d='M30 11.1219L27.3584 8.48034L24.6631 11.1756L27.3047 13.8172L30 11.1219Z' fill='%23293890'/%3E%3Cpath d='M29.9517 16.4642L27.3101 13.8226L24.6148 16.5179L27.2564 19.1595L29.9517 16.4642Z' fill='%23293890'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    min-width: 36px;
}
.faq__item-descr{
    display: none;
    padding: 0 32px 32px;
}
.faq__item.active .faq__item-descr{
    display: inline-block;
}
.faq__item.active .faq__item-title{
    padding-bottom: 16px;
}
.faq__item.active .faq__item-title::after{
    transform: rotate(-45deg);
}
.faq__item.active{
    border-color: #293890;
}
.faq__item-title:hover{
    color: #293890;
}
@media (max-width: 1280px) {
    .faq__image {
        max-width: 560px;
        left: -62px;
    }
}
@media (max-width: 1024px) {
    .faq__inner{
        flex-direction: column;
    }
    .faq__image{
        position: initial;
        margin: 0 auto;
        max-width: 440px;
    }
    .faq__content{
        width: 100%;
    }
    .faq__block{
        max-width: 100%;
    }
}
@media (max-width: 768px) {

}
@media (max-width: 480px) {
    .faq__inner::before {
        width: 540px;
        height: 1061px;
        bottom: -664px;
        left: -51px;
    }
}
/* stats */
.stats{
    padding: 100px 0;
    overflow: hidden;
}
.stats__inner{
    position: relative;
    z-index: 1;
}
.stats__inner::before {
    content: '';
    z-index: -1;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='960' height='1191' viewBox='0 0 960 1191' fill='none'%3E%3Cpath d='M873.162 22.2068C898.992 4.02805 929.29 -1.80718 960 0.467384L951.139 120.07C946.057 119.694 943.349 120.117 942.176 120.425C941.497 121.298 940.028 123.575 938.324 128.459C931.446 148.177 929.824 182.547 932.73 232.967C934.112 256.938 936.291 281.969 938.478 308.356C940.628 334.311 942.769 361.397 943.809 387.606C945.779 437.223 944.618 494.904 924.413 540.359C907.439 578.546 879.553 606.199 842.226 618.231C807.39 629.461 772.557 624.389 744.584 615.576C690.538 598.548 639.532 560.443 608.598 531.813C559.392 493.154 475.878 458.338 413.763 460.21C384.241 461.101 367.26 469.811 357.452 481.645C353.641 486.244 349.578 492.918 346.251 502.494C411.737 500.583 470.289 520.747 517.88 552.224C569.443 586.329 608.989 634.175 632.642 684.063C655.662 732.617 667.051 790.936 649.313 843.164C632.599 892.374 596.501 928.793 550.427 945.567C504.821 962.17 453.523 958.196 406.527 935.675C324.96 896.587 259.045 804.989 231.379 663.628C216.266 673.513 200.594 685.485 184.43 699.874C139.857 739.553 123.984 775.496 120.665 805.633C117.237 836.758 126.243 870.565 147.574 906.665C191.338 980.732 277.359 1047.84 346.021 1086.49L287.176 1191C209.76 1147.42 103.282 1067.48 44.3047 967.67C14.265 916.831 -5.6613 856.99 1.44045 792.506C8.65123 727.033 42.7703 665.404 104.672 610.299C142.832 576.329 181.389 550.861 219.788 533.22C222.698 482.28 237.151 438.84 265.095 405.123C303.878 358.326 358.921 341.879 410.148 340.334C508.063 337.382 618.787 386.972 683.653 438.257L685.176 439.47L687.02 440.944L688.743 442.56C713.336 465.628 749.882 491.501 780.631 501.189C795.621 505.911 803.094 504.837 805.421 504.086C806.226 503.827 806.954 503.48 808.021 502.458C809.239 501.293 811.849 498.3 814.805 491.651C822.587 474.144 825.923 441.876 823.958 392.363C823.03 369.007 821.095 344.233 818.942 318.257C816.826 292.713 814.476 265.743 812.984 239.868C810.144 190.596 809.397 133.893 825.07 88.9612C833.412 65.0482 847.87 40.007 873.162 22.2068ZM451.705 652.251C421.438 632.232 385.625 620.498 345.831 622.536C366.616 751.966 419.99 809.134 458.367 827.525C479.744 837.769 497.529 837.192 509.39 832.874C520.784 828.726 530.539 819.904 535.738 804.598C539.911 792.311 539.531 767.653 524.258 735.437C509.615 704.554 484.339 673.836 451.705 652.251Z' fill='%23EBEEF5'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(90deg);
    width: 960px;
    height: 1191px;
    top: -622px;
    left: -91px;
}
.stats__block{
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.stats__item{
    padding: 32px;
    border-radius: 32px;
    background: #293890;
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: #F6F6F6;
}
.stats__item span{
    color: #FFF;
    font-size: 62px;
    line-height: 74px; /* 119.355% */
}
@media (max-width: 1280px) {
    .stats__item span {
        font-size: 54px;
        line-height: 68px;
    }
}
@media (max-width: 1024px) {
    .stats__block{
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 768px) {

}
@media (max-width: 480px) {
    .stats__inner::before {
        width: 540px;
        height: 1061px;
        top: -610px;
        left: -51px;
    }
    .stats__block{
        grid-template-columns: 1fr;
    }
}




/* catalog */
.catalog__top{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}
.catalog__search{
    width: 100%;
    position: relative;
    max-width: 522px;
    display: flex;
    border-radius: 8px;
}
.catalog__search-btn{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    border-radius: 8px;
}
.catalog__search-btn:hover{
    background-color: #fff;
}
.catalog__search-input{
    padding-right: 50px;
    height: 42px;
}
.catalog__sort{
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.catalog__sort-title{
    font-size: 16px;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
}
.catalog__sort-form{
    margin: 0;
}
.catalog__filter{
    margin-top: 20px;
    padding: 16px 20px;
    border-radius: 16px;
    background: #EBEEF5;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}
.catalog__filter-block{
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 996px;
}
.catalog__filter-select{
    width: 100%;
}
.catalog__filter-reset{
    padding: 9px 10px;
    margin-left: auto;
    gap: 4px;
    color: #646F8B;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
}
.catalog__filter-reset::after{
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z' fill='%23646F8B'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    min-width: 24px;
    transition: all .2s ease;
}
.catalog__filter-reset:hover{
    color: #293890;
}
.catalog__filter-reset:hover::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z' fill='%23293890'/%3E%3C/svg%3E");
}
.page-inner{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
}
.page-prev,
.page-next{
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.9784 24.8L17.1384 20.96L20.9784 17.12L22.1784 18.312L19.4424 20.96L22.1784 23.608L20.9784 24.8Z' fill='%23353B4D'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .2s ease;
}
.page-prev:hover,
.page-next:hover{
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.9784 24.8L17.1384 20.96L20.9784 17.12L22.1784 18.312L19.4424 20.96L22.1784 23.608L20.9784 24.8Z' fill='%23293890'/%3E%3C/svg%3E%0A");
}
.page-next{
    transform: rotate(180deg);
}
.page-item{
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
    background: #DDD;
    transition: all .2s ease;
}
span.page-item{
    background-color: transparent;
}
.page-item:not(span):hover,
.page-item.active{
    background-color: #293890;
    color: #FFF;
}
.courses__pages{
    margin-top: 20px;
}
@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
    .catalog__search {
        max-width: 372px;
    }
}
@media (max-width: 768px) {
    .catalog__sort,
    .catalog__top{
        flex-direction: column;
        align-items: start;
    }
    .catalog__filter-block{
        flex-direction: column;
    }
    .catalog__sort{
        gap: 12px;
    }
}
@media (max-width: 480px) {

}
/* course */
.course__content{
    margin-top: 20px;
    display: flex;
    gap: 16px;
    align-items: start;
    justify-content: space-between;
}
.course__left{
    width: 100%;
    max-width: 848px;
}
.course__banner{
    overflow: hidden;
    position: relative;
    background-color: #EBEEF5;
    border-radius: 24px;
    display: grid;
    grid-template-columns: 1fr 416px;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
.course__banner::before{
    content: '';
    z-index: -1;
    position: absolute;
    top: -29px;
    left: 31px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='545' height='545' viewBox='0 0 545 545' fill='none'%3E%3Cpath d='M86.7474 545L33.3311 416.521C33.9379 416.296 90.2322 395.933 150.922 374.071C133.125 365.879 114.964 357.557 97.3059 349.504C69.9389 337.03 53.5897 310.165 56.1297 281.854C58.6696 253.542 79.5698 229.581 108.775 221.519L213.952 192.488L0 131.859L42.9359 0L492.606 127.438C523.822 136.28 545.112 163.188 545 193.615C544.878 224.051 523.38 250.802 492.095 259.436L330.684 303.985C331.958 304.591 333.189 305.19 334.394 305.77C345.152 310.972 353.283 315.011 359.23 318.106C363.417 320.29 366.642 322.059 369.364 323.68C407.948 346.687 406.439 381.803 405.061 392.024C401.394 419.122 380.997 441.427 353.405 449.341C334.585 455.548 180.837 510.949 86.7561 544.991L86.7474 545ZM346.643 450.962C346.643 450.962 346.591 450.971 346.565 450.979C346.591 450.979 346.617 450.971 346.643 450.962ZM346.721 450.945C346.721 450.945 346.686 450.945 346.669 450.953C346.686 450.953 346.704 450.953 346.721 450.945Z' fill='%23F6F6F6' fill-opacity='0.4'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 545px;
    height: 545px;
}
.course__banner-left{
    padding: 40px 14px 40px 40px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}
.course__banner-top{
    display: flex;
    align-items: center;
    gap: 20px;
}
.course__banner-top img{
    width: auto;
    height: 36px;
}
.course__banner-name{
    font-weight: 700;
    font-size: 32px;
    line-height: 48px; /* 150% */
}
.course__banner-info{
    display: flex;
    align-items: center;
    gap: 8px;
}
.course__banner-time,
.course__banner-type{
    padding: 8px 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    border-radius: 50px;
    background-color: #fff;
}
.course__banner-time::before,
.course__banner-type::before{
    content: '';
    width: 20px;
    height: 20px;
    min-width: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2.70898 4.30236C2.70898 2.46618 4.32779 1.06539 6.11836 1.26984C7.39472 1.41558 8.82026 1.53836 10.0007 1.53836C11.181 1.53836 12.6066 1.41558 13.8829 1.26984C15.6735 1.06539 17.2923 2.46618 17.2923 4.30236V17.2612C17.2923 18.4636 15.9642 19.1683 14.9977 18.4788L10.837 15.5106C10.3348 15.1524 9.66649 15.1524 9.16435 15.5106L5.00362 18.4788C4.03707 19.1683 2.70898 18.4636 2.70898 17.2612V4.30236Z' fill='white'/%3E%3C/svg%3E");
}
.course__banner-type{
    background-color: #293890;
    color: #fff;
}
.course__banner-time::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_80_264)'%3E%3Cpath d='M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM10.5 11H5V9.5H9V5H10.5V11Z' fill='%23646F8B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_80_264'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.course__banner-image{
    display: flex;
    align-items: end;
    justify-content: center;
}
.course__banner-image img{
    width: 100%;
}
.course__banner[data-product-type="1"]{
    background-color: #CAE7E9;
}
.course__banner[data-product-type="2"]{
    background-color: #76A0B6;
}
.course__banner[data-product-type="3"]{
    background-color: #B784B5;
}
.course__banner[data-product-type="3"]::before,
.course__banner[data-product-type="2"]::before{
    content: none;
}


.course__bottom{
    margin-top: 20px;
    padding: 40px 60px;
    border-radius: 24px;
    background-color: #fff;
}



.course__right{
    width: 100%;
    max-width: 416px;
}
.course__share,
.course__access{
    padding: 24px;
    border-radius: 24px;
    background-color: #fff;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
}
.course__access-title{
    font-size: 16px;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
}
.course__access-type{
    margin-top: 20px;
    color: #293890;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.course__access-type[data-course-access="key"]::after{
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.2741 6.98852C11.267 7.6401 11.4548 8.31977 11.8802 8.9144C12.0837 9.19914 12.0088 9.33227 11.7839 9.54231C9.05204 12.0894 6.33282 14.6484 3.60255 17.197C3.14014 17.6289 2.89394 18.1178 3.04387 18.7272C3.29559 19.7486 4.52658 20.213 5.46955 19.6354C5.68339 19.5045 5.78913 19.523 5.95011 19.6857C6.27127 20.0111 6.61058 20.3218 6.95147 20.6294C7.49516 21.1183 8.25427 21.1227 8.74982 20.6472C9.23117 20.1857 9.22249 19.4853 8.71668 18.9875C8.38131 18.6577 8.03963 18.3315 7.68217 18.0224C7.50147 17.8663 7.48805 17.7547 7.68691 17.6208C7.73977 17.5853 7.78949 17.5402 7.82579 17.4906C8.02306 17.2155 8.18561 17.2813 8.39236 17.501C8.6788 17.8057 8.9968 18.0845 9.30929 18.367C9.86876 18.8736 10.6397 18.8884 11.1392 18.4092C11.6316 17.9366 11.6095 17.2355 11.0777 16.7222C10.7383 16.3953 10.3974 16.0699 10.0431 15.757C9.89322 15.6247 9.89874 15.5448 10.0431 15.4102C11.4249 14.1248 12.8018 12.8357 14.1717 11.5399C14.3295 11.3913 14.4337 11.4127 14.6049 11.5118C16.0411 12.3379 17.523 12.3934 18.9726 11.5924C20.3953 10.8055 21.0597 9.58151 20.9958 8.03355C20.9563 7.08689 20.5634 6.26299 19.8634 5.57887C19.3442 5.07226 18.8258 4.56194 18.271 4.09083C16.9469 2.96592 15.4279 2.70485 13.7748 3.33645C12.2266 3.92812 11.2662 5.34369 11.2749 6.98852L11.2741 6.98852ZM16.7402 9.28567C16.6021 9.29011 16.367 9.2302 16.1941 9.07415C15.6378 8.57123 15.076 8.07127 14.5568 7.53581C14.1733 7.14014 14.2411 6.53738 14.6452 6.16684C15.0397 5.80445 15.6623 5.74454 16.075 6.09362C16.6479 6.57879 17.1931 7.09502 17.7163 7.62752C18.0288 7.9448 18.0414 8.34714 17.8363 8.73024C17.6374 9.10299 17.2957 9.28419 16.7402 9.28567Z' fill='%23293890'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.course__access-descr{
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
}
.course__access-btn{
    margin-top: 20px;
}
.course__access-info{
    padding-top: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.course__access-stars{
    display: flex;
    align-items: center;
    gap: 8px;
}
.course__access-stars--icons{
    display: flex;
    align-items: center;
    gap: 4px;
}
.course__access-stars--descr{
    color: #515B72;
    font-weight: 700;
}
.course__access-count{
    display: flex;
    align-items: center;
    gap: 8px;
    color: #515B72;
    font-weight: 500;
}
.course__access-block{
    margin-top: 20px;
}
.course__access-item{
    padding: 10px 0;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #DDD;
}
.course__access-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 6px;
    width: 32px;
    height: 32px;
    min-width: 32px;
    background-color: #CAE7E9;
}
.course__access-icon img{
    width: 100%;
}
.course__access-name{
    display: flex;
    align-items: center;
    gap: 8px;
    color: #515B72;
}
.course__share{
    margin-top: 20px;
}
.course__share-block{
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.course__share-block a{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 40px;
    height: 40px;
}
.course__share-block a svg{
    width: 100%;
    height: auto;
}
.course__share-block a svg rect{
    transition: all .2s ease;
}
.course__share-block a:hover svg rect{
    fill: #293890;
}
.course__share-support{
    width: 100%;
    margin-top: 40px;
}
.course__upcoming{
    margin-top: 60px;
}
.course__upcoming-block{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.course__upcoming-item{
    gap: 16px;
    border-radius: 24px;
    padding: 24px;
    flex-direction: column;
}
.course__upcoming-item .events__item-info{
    flex-direction: row;
    padding: 12px;
    border-radius: 16px;
    max-width: 100%;
    justify-content: space-between;
}
.course__upcoming-item .events__item-date span {
    font-size: 28px;
    line-height: 36px;
}
.course__upcoming-item .events__item-time{
    gap: 4px;
    font-size: 14px;
    flex-direction: column;
    align-items: start;
    text-align: left;
    max-width: fit-content;
}
.course__upcoming-item .events__item-title{
    font-size: 22px;
    line-height: 28px;
}
.course__upcoming-item .events__item-type--title{
    max-width: 50px;
}
.course__bottom{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.course__select{
    position: relative;
}
.course__select::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #EBEEF5;
    height: 2px;
}
.course__select-inner{
    padding-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 36px;
}
.course__select-btn{
    z-index: 2;
    color: #8D8D96;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
    position: relative;
}
.course__select-btn::after{
    content: '';
    position: absolute;
    bottom: -18px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: transparent;
}
.course__select-btn.active,
.course__select-btn:hover{
    color: #293890;
}
.course__select-btn.active::after{
    background-color: #293890;
}

.course__result-content{
    margin-top: 20px;
}
.course__result-content ul li{
    display: flex;
    font-weight: 500;
    align-items: center;
    gap: 20px;
}
.course__result-content ul li + li{
    margin-top: 20px;
}
.course__result-content ul li::before{
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='28' height='28' rx='8' fill='%23CAE7E9'/%3E%3Cpath d='M10.3001 21.792C10.3001 21.636 10.2701 21.558 10.2101 21.558L9.79609 21.756C9.79609 21.672 9.74809 21.612 9.65209 21.576L9.50809 21.558C9.41209 21.558 9.29209 21.6 9.14809 21.684C9.12409 21.624 9.09409 21.564 9.05809 21.504C9.02209 21.444 8.99209 21.39 8.96809 21.342C8.81209 21.042 8.65609 20.712 8.50009 20.352C8.35609 19.98 8.21809 19.626 8.08609 19.29C7.96609 18.954 7.87009 18.69 7.79809 18.498C7.75009 18.342 7.69609 18.108 7.63609 17.796C7.57609 17.484 7.51609 17.088 7.45609 16.608C7.58809 16.692 7.69009 16.734 7.76209 16.734C7.84609 16.734 7.92409 16.608 7.99609 16.356C8.03209 16.404 8.09809 16.428 8.19409 16.428C8.26609 16.428 8.32009 16.404 8.35609 16.356L8.64409 15.924L8.96809 16.032H8.98609C9.01009 16.032 9.03409 16.02 9.05809 15.996C9.08209 15.972 9.11809 15.948 9.16609 15.924C9.26209 15.864 9.33409 15.834 9.38209 15.834L9.43609 15.852C9.73609 15.996 9.92809 16.26 10.0121 16.644C10.2281 17.556 10.4441 18.012 10.6601 18.012C10.8761 18.012 11.1281 17.784 11.4161 17.328C11.5601 17.1 11.7041 16.836 11.8481 16.536C12.0041 16.236 12.1601 15.9 12.3161 15.528C12.3401 15.672 12.3641 15.744 12.3881 15.744C12.4481 15.744 12.5501 15.594 12.6941 15.294C12.8501 14.994 13.0961 14.58 13.4321 14.052C13.6241 13.728 13.8641 13.362 14.1521 12.954C14.4521 12.546 14.7701 12.126 15.1061 11.694C15.4421 11.262 15.7661 10.854 16.0781 10.47C16.4021 10.086 16.6901 9.756 16.9421 9.48C17.1941 9.204 17.3801 9.024 17.5001 8.94C17.9561 8.628 18.3161 8.328 18.5801 8.04C18.5681 8.124 18.5501 8.202 18.5261 8.274C18.5141 8.334 18.5081 8.376 18.5081 8.4C18.5081 8.448 18.5321 8.472 18.5801 8.472L19.0841 8.22V8.292C19.0841 8.388 19.1081 8.436 19.1561 8.436C19.1921 8.436 19.2641 8.382 19.3721 8.274C19.4801 8.166 19.5401 8.088 19.5521 8.04L19.5161 8.292L20.1281 7.932L19.9841 8.256C20.1761 8.124 20.3141 8.058 20.3981 8.058C20.4461 8.058 20.4821 8.088 20.5061 8.148C20.5301 8.196 20.5421 8.244 20.5421 8.292C20.5421 8.364 20.5121 8.448 20.4521 8.544C20.3921 8.64 20.3141 8.754 20.2181 8.886C20.1461 8.982 20.0261 9.126 19.8581 9.318C19.7021 9.498 19.4621 9.768 19.1381 10.128C18.8141 10.476 18.3821 10.962 17.8421 11.586C17.6981 11.742 17.4761 12.018 17.1761 12.414C16.8761 12.798 16.5341 13.248 16.1501 13.764C15.7781 14.268 15.4061 14.778 15.0341 15.294C14.6621 15.81 14.3321 16.278 14.0441 16.698C13.7561 17.106 13.5521 17.412 13.4321 17.616L12.3161 19.506C12.0761 19.914 11.8781 20.25 11.7221 20.514C11.5661 20.766 11.4461 20.94 11.3621 21.036C11.1821 21.252 10.9841 21.444 10.7681 21.612L10.6061 21.522L10.4621 21.612L10.3001 21.792Z' fill='%23293890'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 28px;
    min-width: 28px;
}
.course__speakers{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.course__speakers-item{
    display: flex;
    align-items: start;
    gap: 12px;
    padding: 24px;
    border-radius: 16px;
    background: #F6F6F6;
    box-shadow: 0 1px 2px 0 rgba(34, 38, 47, 0.08);
}
.course__speakers-image{
    width: 80px;
    overflow: hidden;
    border-radius: 50%;
    height: 80px;
    min-width: 80px;
}
.course__speakers-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.course__speakers-name{
    font-size: 16px;
    line-height: 22px; /* 137.5% */
}
.course__speakers-descr{
    margin-top: 12px;
    font-weight: 500;
}
.course__banner[data-product-type="3"] .course__banner-name,
.course__banner[data-product-type="2"] .course__banner-name{
    color: #fff;
}
.course__programm{
    padding: 24px;
    margin-top: 20px;
    border-radius: 16px;
    background: #F6F6F6;
    box-shadow: 0 1px 2px 0 rgba(34, 38, 47, 0.08);
}
.course__programm-title{
    font-size: 16px;
    line-height: 22px; /* 137.5% */
    display: flex;
    align-items: center;
    gap: 20px;
}
.course__programm-title::before{
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    min-width: 32px;
    background-image: url('../img/course/folder.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.course__programm-info{
    margin-top: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.course__programm-file,
.course__programm-downloads{
    display: flex;
    align-items: center;
    gap: 4px;
    border-radius: 50px;
    background-color: #fff;
    padding: 4px 12px;
}
.course__programm-file::before,
.course__programm-downloads::before{
    content: '';
    display: inline-block;
    width: 14px;
    min-width: 14px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.course__programm-downloads::before{
    background-image: url('../img/course/arrow.png');
    width: 11px;
    min-width: 11px;
}
.course__programm-file::before{
    background-image: url('../img/course/pdf.png');
}
.course__programm-btn{
    margin-top: 32px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
    transition: all .2s ease;
}
.course__programm-btn::after{
    content: '';
    display: inline-block;
    width: 22px;
    min-width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='15' viewBox='0 0 22 15' fill='none'%3E%3Cpath d='M21.7071 8.07039C22.0976 7.67986 22.0976 7.0467 21.7071 6.65617L15.3431 0.292213C14.9526 -0.0983109 14.3195 -0.0983109 13.9289 0.292213C13.5384 0.682738 13.5384 1.3159 13.9289 1.70643L19.5858 7.36328L13.9289 13.0201C13.5384 13.4107 13.5384 14.0438 13.9289 14.4343C14.3195 14.8249 14.9526 14.8249 15.3431 14.4343L21.7071 8.07039ZM0 7.36328V8.36328H21V7.36328V6.36328H0V7.36328Z' fill='%23353B4D'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .2s ease;
}
.course__programm-btn:hover{
    color: #293890;
}
.course__programm-btn:hover::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='15' viewBox='0 0 22 15' fill='none'%3E%3Cpath d='M21.7071 8.07039C22.0976 7.67986 22.0976 7.0467 21.7071 6.65617L15.3431 0.292213C14.9526 -0.0983109 14.3195 -0.0983109 13.9289 0.292213C13.5384 0.682738 13.5384 1.3159 13.9289 1.70643L19.5858 7.36328L13.9289 13.0201C13.5384 13.4107 13.5384 14.0438 13.9289 14.4343C14.3195 14.8249 14.9526 14.8249 15.3431 14.4343L21.7071 8.07039ZM0 7.36328V8.36328H21V7.36328V6.36328H0V7.36328Z' fill='%23293890'/%3E%3C/svg%3E");
}
.course__structure{
    margin-top: 20px;
    border-radius: 16px;
    background: #F6F6F6;
    overflow: hidden;
    box-shadow: 0 1px 2px 0 rgba(34, 38, 47, 0.08);
}
.course__structure-item{
    padding: 20px 24px;
    border-bottom: 1px solid #DDD;
    background: #F6F6F6;
}
.course__structure-item:last-of-type{
    border: none;
}
.course__structure-name,
.course__structure-bottom,
.course__structure-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.course__structure-bottom{
    padding: 8px 0;
    margin-top: 16px;
}
.course__structure-title::after{
    content: '';
    display: inline-block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.0015 11.0009V8.00261H18.003V11.0009H0V13.9991H18.003V17.0035H21.0015V13.9991H24V11.0009H21.0015Z' fill='%23A7A7A7'/%3E%3Cpath d='M18.003 17.0035H15.0046V20.0017H18.003V17.0035Z' fill='%23A7A7A7'/%3E%3Cpath d='M14.9985 20.0017H12V23H14.9985V20.0017Z' fill='%23A7A7A7'/%3E%3Cpath d='M14.9985 2H12V4.99826H14.9985V2Z' fill='%23A7A7A7'/%3E%3Cpath d='M18.003 4.99826H15.0046V7.99652H18.003V4.99826Z' fill='%23A7A7A7'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .2s ease;
}
.course__structure-name::before{
    content: '';
    display: inline-block;
    width: 32px;
    min-width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect width='32' height='32' rx='6' fill='white'/%3E%3Cpath d='M25.5 11.125C25.25 10.25 24.625 9.625 23.75 9.375C22.25 9 15.875 9 15.875 9C15.875 9 9.62501 9 8.00001 9.375C7.12501 9.625 6.5 10.25 6.25 11.125C6 12.75 6 16 6 16C6 16 6 19.25 6.375 20.875C6.625 21.75 7.25 22.375 8.125 22.625C9.625 23 16 23 16 23C16 23 22.25 23 23.875 22.625C24.75 22.375 25.375 21.75 25.625 20.875C26 19.25 26 16 26 16C26 16 26 12.75 25.5 11.125ZM14 19V13L19.25 16L14 19Z' fill='%23A7A7A7'/%3E%3C/svg%3E");
}
.course__structure-time{
    font-weight: 500;
}
.course__structure-title h5{
    transition: all .2s ease;
}
.course__structure-title:hover h5{
    color: #293890;
}
.course__structure-title:hover::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.0015 11.0009V8.00261H18.003V11.0009H0V13.9991H18.003V17.0035H21.0015V13.9991H24V11.0009H21.0015Z' fill='%23293890'/%3E%3Cpath d='M18.003 17.0035H15.0046V20.0017H18.003V17.0035Z' fill='%23293890'/%3E%3Cpath d='M14.9985 20.0017H12V23H14.9985V20.0017Z' fill='%23293890'/%3E%3Cpath d='M14.9985 2H12V4.99826H14.9985V2Z' fill='%23293890'/%3E%3Cpath d='M18.003 4.99826H15.0046V7.99652H18.003V4.99826Z' fill='%23293890'/%3E%3C/svg%3E");
}
.course__reviews{
    margin-top: 20px;
}
.course__reviews-top{
    padding: 42px;
    border-radius: 16px;
    background: #F6F6F6;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 20px;
}
.course__reviews-start{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.course__reviews-count{
    color: #293890;
    text-align: center;
    font-size: 62px;
    font-weight: 700;
    line-height: 74px; /* 119.355% */
}
.course__reviews-stars--icons{
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: space-between;
}
.course__reviews-descr{
    text-align: center;
    color: #515B72;
}
.course__reviews-info{
    width: 100%;
    max-width: 413px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.course__reviews-item{
    display: flex;
    align-items: center;
    gap: 32px;
    justify-content: space-between;
}
.course__reviews-num{
    width: 31px;
    min-width: 31px;
    color: #353B4D;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}
.course__reviews-num::after{
    content: '';
    display: inline-block;
    width: 14px;
    min-width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M0.947443 5.50286L2.90023 5.12303C3.54762 4.99711 4.11121 4.60964 4.45315 4.05539L5.99527 1.55581C6.45248 0.814732 7.54752 0.81473 8.00473 1.55581L9.54685 4.05539C9.88879 4.60964 10.4524 4.99711 11.0998 5.12303L13.0526 5.50286C13.9764 5.68255 14.32 6.80305 13.6509 7.45377L12.0119 9.04777C11.4499 9.59436 11.2057 10.382 11.3623 11.1433L11.6651 12.6157C11.8584 13.5555 10.8673 14.3031 9.99231 13.8776L8.04265 12.9296C7.38563 12.6101 6.61437 12.6101 5.95734 12.9296L4.00769 13.8776C3.13266 14.3031 2.14163 13.5555 2.3349 12.6157L2.6377 11.1433C2.79427 10.382 2.55012 9.59436 1.98809 9.04777L0.349056 7.45377C-0.320041 6.80305 0.0236435 5.68255 0.947443 5.50286Z' fill='%23FECB00'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.course__reviews-procent{
    color: #8D8D96;
    text-align: right;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    width: 40px;
    min-width: 40px;
}
.course__reviews-line{
    width: 100%;
    position: relative;
    overflow: auto;
    border-radius: 50px;
    background: #DDD;
    height: 8px;
}
.course__reviews-line span{
    display: block;
    background: #F7941D;
    position: absolute;
    inset: 0;
}
.course__reviews-block{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.course__reviews-user{
    border-radius: 16px;
    padding: 23px;
    border: 1px solid #DDD;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.user__reviews-start,
.user__reviews-top{
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 20px;
}
.user__reviews-date{
    color: #646F8B;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
}
.user__reviews-info{
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
    background: #CAE7E9;
    width: 44px;
    height: 44px;
    min-width: 44px;
    justify-content: center;
    text-align: center;
    color: #293890;
    font-size: 16px;
    font-weight: 700;
}
.user__reviews-info img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.user__reviews-stars--icons{
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
}
.user__reviews-content{
    color: #515B72;
}
.course__reviews-bottom{
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}
@media (max-width: 1280px) {
    .course__content{
        flex-direction: column;
    }
    .course__right,
    .course__left{
        max-width: 100%;
    }
    .course__upcoming-item .events__item-info{
        max-width: 310px;
    }
    .course__upcoming-item .events__item-type--title {
        max-width: none;
    }
}
@media (max-width: 1024px) {
    .course__banner-name {
        font-weight: 700;
        font-size: 26px;
        line-height: 36px;
    }
    .course__reviews-item{
        gap: 12px;
    }
    .course__content{
        gap: 20px;
    }
}
@media (max-width: 768px) {
    .course__banner{
        grid-template-columns: 1fr;
    }
    .course__banner-left{
        padding: 32px 32px 0;
        gap: 24px;
    }
    .course__banner-top{
        flex-wrap: wrap;
    }
    .course__bottom{
        padding: 32px;
    }
    .course__select-inner{
        overflow-y: hidden;
        overflow-x: auto;
    }
    .course__select-btn::after {
        bottom: -16px;
    }
    .course__select-btn{
        text-wrap: nowrap;
    }
    .course__reviews-bottom{
        flex-direction: column;
    }
    .course__reviews-top {
        align-items: center;
        padding: 32px;
        flex-direction: column;
    }
    .course__reviews-start{
        gap: 10px;
    }
    .course__reviews-count {
        line-height: 62px;
    }
}
@media (max-width: 480px) {
    .course__speakers-item{
        flex-direction: column;
        gap: 20px;
    }
    .course__structure-bottom,
    .course__programm-title{
        flex-direction: column;
        align-items: start;
    }
    .course__structure-time {
        margin-left: auto;
    }
    .user__reviews-top{
        flex-direction: column;
    }
}
/* support */
.support{
    opacity: 0;
    pointer-events: none;
    position: fixed;
    inset: 0;
    z-index: 999;
    background: rgba(53, 59, 77, 0.40);
    backdrop-filter: blur(3px);
    overflow: hidden;
    transition: all .2s ease;
}
.support.active{
    opacity: 1;
    pointer-events: all;
}
.support__inner{
    overflow: auto;
    transition: all .3s ease;
    height: 100%;
    margin-left: auto;
    padding: 60px 80px 40px;
    width: 100%;
    max-width: 500px;
    border-radius: 24px 0 0 24px;
    background: #FFF;
    box-shadow: 2px 2px 8px 0 rgba(81, 88, 103, 0.20);
    transform: translateX(100%);
}
.support.active{
    opacity: 1;
    pointer-events: all;
}
.support.active .support__inner{
    transform: translateX(0);
}
.support__close{
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 8px;
    background: #F6F6F6;
    width: 42px;
    height: 42px;
}
.support__close:hover{
    background-color: #293890;
}
.support__close svg path{
    transition: all .2s ease;
}
.support__close:hover svg path{
    stroke: #fff;
}
.support__title{
    text-align: center;
}
.support__descr{
    margin-top: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
}
.support__form{
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 20px;
}
.support__input textarea,
.support__input input{
    height: auto;
    min-height: 44px;
    border-radius: 8px;
    background: #F6F6F6;
    padding: 13px 20px;
}
.support__input textarea{
    height: 116px;
}
.support__form-btn{
    margin-top: 8px;
    width: 100%;
}
#course-name {
    width: 100%;
    height: auto;
    min-height: 40px;
    resize: none;
    overflow: hidden;
    line-height: 1.5;
    padding: 10px;
    box-sizing: border-box;
}
@media (max-width: 480px) {
    .support__inner {
        padding: 70px 40px 40px;
        max-width: 100%;
        border-radius: 0;
    }
}
/* calendar */
.calendar__name{
    margin-top: 20px;
}
.calendar__slider-content{
    display: flex;
    gap: 16px;
    align-items: center;
    margin: 20px -60px 0;
}

.slider-prev,
.slider-next{
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='8' transform='matrix(1 0 0 -1 0 40)' fill='%23DDDDDD'/%3E%3Cpath d='M21.7982 14.6294C22.1816 14.2743 22.7738 14.2743 23.1573 14.6294L23.2088 14.6772C23.6358 15.0726 23.6361 15.7478 23.2096 16.1437L19.8449 19.2671C19.4186 19.6627 19.4186 20.3373 19.8449 20.7329L23.2096 23.8563C23.6361 24.2522 23.6358 24.9274 23.2088 25.3228L23.1573 25.3706C22.7738 25.7257 22.1816 25.7257 21.7982 25.3706L16.7921 20.7336C16.3648 20.3379 16.3648 19.6621 16.7921 19.2664L21.7982 14.6294Z' fill='%238D8D96'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    min-width: 40px;
}
.slider-next{
    transform: rotate(180deg);
}
.slider-next.swiper-button-disabled,
.slider-prev.swiper-button-disabled{
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='8' transform='matrix(1 0 0 -1 0 40)' fill='%23EBEEF5'/%3E%3Cpath d='M21.7982 14.6294C22.1816 14.2743 22.7738 14.2743 23.1573 14.6294L23.2088 14.6772C23.6358 15.0726 23.6361 15.7478 23.2096 16.1437L19.8449 19.2671C19.4186 19.6627 19.4186 20.3373 19.8449 20.7329L23.2096 23.8563C23.6361 24.2522 23.6358 24.9274 23.2088 25.3228L23.1573 25.3706C22.7738 25.7257 22.1816 25.7257 21.7982 25.3706L16.7921 20.7336C16.3648 20.3379 16.3648 19.6621 16.7921 19.2664L21.7982 14.6294Z' fill='%238D8D96'/%3E%3C/svg%3E%0A");
}
.slider-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{
    width: 100%;
    gap: 0;
    background-color: #EBEEF5;
    overflow: hidden;
    border-radius: 10px;
    flex-wrap: nowrap;
    display: flex;
    height: 4px;
}
.slider-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet{
    width: 100%;
    background-color: transparent;
    overflow: hidden;
}
.slider-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #293890;
    border-radius: 10px;
}
.slider-next:not(.swiper-button-disabled):hover,
.slider-prev:not(.swiper-button-disabled):hover{
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='8' transform='matrix(1 0 0 -1 0 40)' fill='%23293890'/%3E%3Cpath d='M21.7982 14.6294C22.1816 14.2743 22.7738 14.2743 23.1573 14.6294L23.2088 14.6772C23.6358 15.0726 23.6361 15.7478 23.2096 16.1437L19.8449 19.2671C19.4186 19.6627 19.4186 20.3373 19.8449 20.7329L23.2096 23.8563C23.6361 24.2522 23.6358 24.9274 23.2088 25.3228L23.1573 25.3706C22.7738 25.7257 22.1816 25.7257 21.7982 25.3706L16.7921 20.7336C16.3648 20.3379 16.3648 19.6621 16.7921 19.2664L21.7982 14.6294Z' fill='white'/%3E%3C/svg%3E%0A");
}



.calendar__slider{
    width: 100%;
    overflow: hidden;
}
.calendar__slide{
    flex-direction: column;
}
.calendar__slide{
    gap: 16px;
    border-radius: 24px;
    padding: 24px;
    flex-direction: column;
}
.calendar__slide .events__item-info{
    flex-direction: row;
    padding: 12px;
    border-radius: 16px;
    max-width: 100%;
    justify-content: space-between;
}
.calendar__slide .events__item-time{
    gap: 4px;
    font-size: 14px;
    flex-direction: column;
    align-items: start;
    text-align: left;
    max-width: max-content;
}
.calendar__slide .events__item-title{
    font-size: 22px;
    line-height: 28px;
}
.calendar__slider-pagination{
    margin-top: 20px;
}
.calendar__filters{
    margin-top: 40px;
    border-radius: 24px;
    background: #EBEEF5;
}
.calendar__filters-title{
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    justify-content: space-between;
    transition: all .2s ease;
    color: #353B4D;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.6px;
}
.calendar__filters-title::after{
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.62942 10.2018C6.27428 9.81838 6.27428 9.22615 6.62942 8.84273L6.67716 8.79119C7.07264 8.36422 7.74776 8.36386 8.1437 8.7904L11.2671 12.1551C11.6627 12.5814 12.3373 12.5814 12.7329 12.1551L15.8563 8.7904C16.2522 8.36386 16.9274 8.36422 17.3228 8.79119L17.3706 8.84273C17.7257 9.22615 17.7257 9.81838 17.3706 10.2018L12.7336 15.2079C12.3379 15.6352 11.6621 15.6352 11.2664 15.2079L6.62942 10.2018Z' fill='%23646F8B'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: background-image .2s ease;
}
.calendar__filters-content{
    padding: 0 20px 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.calendar__filters-title:hover{
    color: #293890;
}
.calendar__filters.active .calendar__filters-title::after{
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.62942 10.2018C6.27428 9.81838 6.27428 9.22615 6.62942 8.84273L6.67716 8.79119C7.07264 8.36422 7.74776 8.36386 8.1437 8.7904L11.2671 12.1551C11.6627 12.5814 12.3373 12.5814 12.7329 12.1551L15.8563 8.7904C16.2522 8.36386 16.9274 8.36422 17.3228 8.79119L17.3706 8.84273C17.7257 9.22615 17.7257 9.81838 17.3706 10.2018L12.7336 15.2079C12.3379 15.6352 11.6621 15.6352 11.2664 15.2079L6.62942 10.2018Z' fill='%23293890'/%3E%3C/svg%3E");
}
.calendar__filters:not(.active) .calendar__filters-content{
    display: none;
}


.calendar__grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-template-rows: auto;
    grid-auto-rows: 185px;
    gap: 2px;
    margin-top: 40px;
    width: 100%;
}
.calendar__day {
    min-height: 185px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
    transition: border .2s ease;
    padding: 11px;
    border-radius: 8px;
    border: 1px solid #E8E8E8;
    background: #F8F8F8;
    background-color: #fff;
}
.calendar__day--other {
    background: #F8F8F8;
}
.calendar__day.expanded {
    margin-bottom: -160px;
    max-height: max-content;
    position: relative;
    z-index: 5;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.extra-events { display: none; }
.calendar__day.expanded .extra-events { display: block; }
.event-btn {
    display: block;
    width: 100%;
    margin-bottom: 4px;
    padding: 4px 4px 4px 14px;
    border-radius: 4px;
    border-left: 3px solid #8D8D96;
    font-size: 13px;
    color: #353B4D;
    line-height: normal;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    background-color: #EBEEF5;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 100%;
    overflow: hidden;
    text-wrap: nowrap;
}
.event-btn.blue { border-color: #293890; }
.event-btn.cyan { border-color: #4BB5D8; }
.event-btn.orange { border-color: #F7941D; }
.event-btn:hover{
    background-color: #C0C5D4;
}
.calendar__weekday{
    padding: 11px;
    border-radius: 8px;
    border: 1px solid #C5C5C5;
    background: #EBEEF5;
    display: flex;
    align-items: center;
    color: #353B4D;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.day-num{
    color: #353B4D;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 4px;
    background: transparent;
    transition: all .2s ease;
    line-height: normal;
}
.calendar__day--other .day-num{
    color: #8F8F8F;
}
.calendar__content{
    margin-top: 85px;
}
.calendar__top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.calendar__nav{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    padding: 8px 16px;
    min-width: 318px;
    border-radius: 8px;
    background: #FFF;
}
.calendar__current-date{
    color: #353B4D;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%; /* 26px */
}
.show-all-btn{
    height: auto;
    margin-top: 4px;
    gap: 5px;
    text-align: left;
    justify-content: space-between;
    width: 100%;
    min-height: auto;
    color: #868686;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: color .2s ease;
}
.show-all-btn:hover{
    color: #293890;
}
.calendar__day.expanded,
.calendar__day:not(.calendar__day--other):hover{
    border-color: #293890;
}
.calendar__day.expanded .day-num,
.calendar__day:not(.calendar__day--other):hover .day-num{
    background-color: #293890;
    color: #fff;
}
.day-content{
    max-height: 310px;
    overflow: auto;
    min-height: 90px;
    margin-top: auto;
}
.calendar__view{
    padding: 4px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 7px;
    background-color: #fff;
}
.calendar__view-btn{
    padding: 4px 16px;
    border-radius: 8px;
    background: #FFF;
    gap: 12px;
    color: #353B4D;
    font-size: 14px;
    min-height: 40px;
    font-weight: 700;
    line-height: 130%; /* 18.2px */
}
.calendar__view-btn:hover,
.calendar__view-btn.active{
    background-color: #F6F6F6;
    color: #293890;
}
.calendar__view-btn img{
    width: 32px;
    height: auto;
    min-width: 32px;
}

@media (max-width: 1280px) {
    .calendar__slide .events__item-info{
        flex-direction: column;
    }
}
@media (max-width: 1024px) {
    .events__item-date span {
        font-size: 32px;
        line-height: 38px;
    }
    .calendar__slide .events__item-info {
        flex-direction: row;
    }
    .calendar__grid {
        grid-auto-rows: 130px;
    }
    .day-content,
    .calendar__day{
        min-height: auto;
        gap: 0;
    }
    .show-all-btn{
        font-size: 10px;
    }
}
@media (max-width: 768px) {
    .calendar__content{
        margin-top: 60px;
    }
    .calendar__top{
        flex-direction: column;
    }
    .calendar__day,
    .calendar__weekday {
        padding: 6px;
        font-size: 12px;
    }
    .day-num {
        font-size: 10px;
        width: 20px;
        height: 20px;
        min-width: 20px;
    }
    .calendar__grid {
        grid-auto-rows: 70px;
    }
    .show-all-btn {
        font-size: 7px;
        flex-direction: column;
        text-align: center;
        gap: 2px;
    }
    .calendar__day.expanded {
        margin-bottom: -160px;
        margin-right: -100px;
        max-height: max-content;
        position: relative;
        z-index: 5;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    }
    .event-btn{
        font-size: 12px;
    }
    .calendar__day.expanded .day-content{
        margin-top: 10px;
    }
    .calendar__day.expanded .show-all-btn{
        font-size: 10px;
    }
    .calendar__day:nth-of-type(7n).expanded,
    .calendar__day:nth-of-type(7n - 1).expanded {
        margin-bottom: -160px;
        margin-right: 0;
        margin-left: -100px;
    }
}
@media (max-width: 480px) {

}


/* event */
.event{
    position: fixed;
    inset: 0;
    z-index: 999;
    overflow: auto;
    background:  rgba(53, 59, 77, 0.40);
    backdrop-filter: blur(3px);
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
}
.event.active{
    opacity: 1;
    pointer-events: all;
}
.event__inner{
    margin: 10% auto;
    width: 100%;
    padding: 20px;
    border-radius: 32px;
    background: #FFF;
    position: relative;
    box-shadow: 2px 2px 8px 0 rgba(81, 88, 103, 0.20);
}
.event__close{
    position: absolute;
    top: -11px;
    right: -11px;
    width: 42px;
    height: 42px;
    min-width: 42px;
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='42' height='42' rx='8' fill='%23CAE7E9'/%3E%3Cpath d='M15 15.1194L27 27M15 26.8806L27 15' stroke='%23646F8B' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.event__close:hover{
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='42' height='42' rx='8' fill='%23293890'/%3E%3Cpath d='M15 15.1194L27 27M15 26.8806L27 15' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.event__inner{
    display: flex;
    align-items: start;
    gap: 16px;
}
.event__result{
    width: 100%;
    max-width: 611px;
    overflow: auto;
    border-radius: 16px;
    background: #F6F6F6;
}
.event__box{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.event__name{
    display: flex;
    align-items: center;
    gap: 12px;
}
.event__name img{
    border-radius: 6px;
    background: #CAE7E9;
    width: 32px;
    height: auto;
    min-width: 32px;
}
.event__speacer{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.event__speacer-item{
    display: flex;
    align-items: start;
    gap: 20px;
    padding: 20px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(34, 38, 47, 0.08);
}
.event__speacer-image{
    width: 80px;
    overflow: hidden;
    border-radius: 50%;
    height: 80px;
    min-width: 80px;
}
.event__speacer-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.event__speacer-name{
    font-size: 16px;
    line-height: 22px; /* 137.5% */
}
.event__speacer-descr{
    margin-top: 12px;
    font-weight: 500;
}



.event__left{
    width: 100%;
    max-width: 613px;
}
.event__info .events__item{
    padding: 20px;
    gap: 16px;
    border-radius: 16px 16px 0 0;
    background: #CAE7E9;
    cursor: initial;
}
.event__info .events__item-info {
    padding: 12px;
    border-radius: 16px;
    background-color: #249BBC;
    max-width: 186px;
}
.event__info .events__item-date span {
    font-size: 28px;
    line-height: 36px;
}
.event__info .events__item-title {
    color: #353B4D !important;
    font-size: 22px;
    line-height: 28px; /* 127.273% */
}
.event__info .events__item-time{
    flex-direction: column;
    align-items: start;
}
.event__banner{
    border-radius: 0 0 16px 16px;
    background: #76A0B6;
}
.course__banner-left {
    padding: 20px 0 20px 20px;
}
.course__banner-name {
    font-size: 23px;
    line-height: 32px;
}
.course__banner-top img {
    height: 26px;
}
.course__banner {
    grid-template-columns: 1fr 313px;
}
.event__btn{
    margin-top: 20px;
}
.event__block{
    padding: 20px;
}
.event__speacer,
.event__content{
    margin-top: 20px;
}
@media (max-width: 1024px) {
    .event__inner{
        flex-direction: column;
    }
    .event__result,
    .event__left{
        max-width: 100%;;
    }
}
@media (max-width: 768px) {
    .course__banner {
        grid-template-columns: 1fr;
    }
    .course__banner-left {
        padding: 20px;
    }
    .event__speacer-item{
        flex-direction: column;
    }
}