.pc {
    display: block !important;
}

.pc-flex {
    display: flex !important;
}

.pctablet {
    display: block !important;
}

.pctablet-flex {
    display: flex !important;
}

.tablet {
    display: none !important;
}

.tablet-flex {
    display: none !important;
}

.mobile {
    display: none !important;
}

.mobile-flex {
    display: none !important;
}

@media (max-width: 1024px) {
    .pc {
        display: none !important;
    }

    .pc-flex {
        display: none !important;
    }

    .pctablet {
        display: flex !important;
    }

    .pctablet-flex {
        display: none !important;
    }

    .tablet {
        display: block !important;
    }

    .tablet-flex {
        display: flex !important;
    }

    .mobile {
        display: none !important;
    }

    .mobile-flex {
        display: none !important;
    }
}

@media (max-width: 568px) {
    .pc {
        display: none !important;
    }

    .pc-flex {
        display: none !important;
    }

    .pctablet {
        display: none !important;
    }

    .pctablet-flex {
        display: none !important;
    }

    .tablet {
        display: none !important;
    }

    .tablet-flex {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }

    .mobile-flex {
        display: flex !important;
    }
}

@font-face {
    font-family: "TT Interphases Pro Trl";
    src: url(/assets/fonts/TT_Interphases_Pro_Medium.woff);
    font-weight: 400;
    font-style: normal;
}

.none {
    display: none !important;
}

iframe {
    max-width: 100%;
}

* {
    box-sizing: border-box;
    font-family: "Mulish", sans-serif;
}

html {
    scroll-behavior: smooth;
}
body {
    /*overflow-x: hidden;*/
    position: relative;
}
@media (max-width: 568px) {
    html {
        overflow-x: hidden;
    }
    body {
        overflow-x: hidden;
    }
}

h1, h2, h3, h4 {
    margin: 0;
}

h1 {

}

h2 {

}

h3 {

}

h4 {

}

a {
    text-decoration: none;
    cursor: pointer;
}
a:hover {

}

p {
    margin-bottom: 0;
}

img {
    max-width: 100%;
}

/* header */

header {
    position: relative;
    z-index: 2;
}

/* header .top-new */

header .top-news {
    padding: 4px 40px;
    background: #f6f6f6;
}
@media (max-width: 1368px) {
    header .top-news {
        padding: 4px 20px;
    }
}
@media (max-width: 1024px) {
    header .top-news {
        padding: 6px 20px;
    }
}
@media (max-width: 568px) {
    header .top-news {
        padding: 8px 12px;
    }
}

header .top-news .container {
    display: flex;
    align-items: center;
    gap: 4px;
}
@media (max-width: 1368px) {
    header .top-news .container {
        padding: 0;
    }
}

header .top-news .data {
    border-radius: 12px 12px 12px 0;
    width: 148px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #b52b3a;

    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #fff;
}
@media (max-width: 1024px) {
    header .top-news .data {
        border-radius: 8px 8px 8px 0;
        padding: 8px 12px;
        width: 101px;
        height: 34px;

        font-size: 12px;
        line-height: 100%;
    }
}
@media (max-width: 568px) {
    header .top-news .data {
        padding: 4px 8px;
        width: 100px;
        height: 26px;
    }
}

header .top-news .img {
    border-radius: 12px 0 12px 12px;
    width: 160px;
    height: 44px;
}

@media (max-width: 1024px) {
    header .top-news .img {
        display: none;
    }
}

header .top-news .img img {
    width: 100%;
    height: 100%;
    border-radius: 12px 0 12px 12px;
    object-fit: cover;
}

header .top-news .txt {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;
}
@media (max-width: 1024px) {
    header .top-news .txt {
        font-size: 12px;
        line-height: 150%;
    }
}
@media (max-width: 568px) {
    header .top-news .txt {
        font-weight: 450;
        font-size: 12px;
        line-height: 130%;
    }
}

header .top-news a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-left: 20px;
    width: calc(100% - (144px + 160px + 4px + 20px));
}
@media (max-width: 1024px) {
    header .top-news a {
        width: calc(100% - (101px + 4px + 20px));
    }
}
@media (max-width: 568px) {
    header .top-news a {
        width: calc(100% - (100px + 4px));
        margin-left: 12px;
    }
}

header .top-news a span {
    display: flex;
    align-items: center;
    gap: 0;
    transition: .3s ease;

    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #0042be;
}
@media (max-width: 1024px) {
    header .top-news a span {

    }
}
@media (max-width: 568px) {
    header .top-news a span {
        display: none;
    }
}
header .top-news a span:hover {
    gap: 4px;
}

/* header .menu-head */

header .menu-head {

}

header .menu-head .container {
    height: 76px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header .menu-head .left {
    display: flex;
    align-items: center;
    gap: 32px;
}

header .menu-head .left .logo {

}
@media (max-width: 1024px) {
    header .menu-head .left .logo {
        display: flex;
        gap: 16px;
        align-items: center;
    }
}

header .menu-head .left .menu {
    display: flex;
    align-items: center;
    gap: 24px;
    list-style: none;
}
@media (max-width: 1024px) {
    header .menu-head .left .menu {
        position: fixed;
        top: 76px;
        left: -100vw;
        width: 100%;
        height: 100%;
        background: #fff;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 4px 20px;
        transition: .5s ease;
    }
    header .menu-head .left .menu.active {
        left: 0;
    }
    html:has(header .menu-head .left .menu.active) {
        overflow: hidden;
    }
    header .menu-head .left .menu .search {
        margin-bottom: 24px;
        border: 1px solid #d9d9d9;
        border-radius: 10px;
        padding: 4px 12px;
        padding-right: 24px;
        height: 52px;
        display: flex;
        align-items: center;
        gap: 4px;
        width: 100%;
    }
    header .menu-head .left .menu .search input {
        border: none;
        outline: none;
        box-shadow: none;
        width: calc(100% - 50px);

        font-family: "Mulish", sans-serif;
        font-weight: 450;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: -0.01em;

    }
    header .menu-head .left .menu .search input:placeholder {
        color: #808080;
    }
    header .menu-head .left .menu .bottom {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    header .menu-head .left .menu .bottom .right {
        width: 49px;
        height: 44px;
    }
    header .menu-head .left .menu .bottom .right a {
        width: 49px;
        height: 44px;
    }
    header .menu-head .left .menu .bottom .social  {
        display: flex;
        gap: 8px;
    }
    header .menu-head .left .menu .bottom .social a {
        border-radius: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        background: #eeeeef;
    }
}
@media (max-width: 568px) {
    header .menu-head .left .menu {
        padding: 4px 12px;
    }
    header .menu-head .left .menu .search {
        /*width: calc(100% - 24px);*/
    }
    header .menu-head .left .menu .bottom {
        /*width: calc(100% - 24px);*/
    }
}

header .menu-head .left .menu li {
    list-style: none;
    position: relative;
}
@media (max-width: 568px) {
    header .menu-head .left .menu li {
        width: 100%;
    }
    header .menu-head .left .menu li:has(svg) {
        border-top: 1px solid #d9d9d9;
        /*padding: 16px 0px 16px 0px;*/
        margin-top: 12px;
        width: 100%;
    }
}



header .menu-head .left .menu a {
    display: flex;
    align-items: center;
    gap: 4px;

    font-weight: 450;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.01em;
    text-align: center;
    color: #000;

    position: relative;
}
@media (max-width: 1280px) {
    header .menu-head .left .menu a {
        font-size: 15px;
    }
}
@media (max-width: 1024px) {
    header .menu-head .left .menu a {
        font-weight: 500;
        font-size: 15px;
        width: 100%;
        justify-content: space-between;
    }
}
@media (max-width: 568px) {
    header .menu-head .left .menu a {
        /*width: calc(100% - 24px);*/
    }
}

@media (min-width: 1025px) {
    header .menu-head .left .menu a:hover {
        border-bottom: 1px solid #000;
    }
}

header .menu-head .left .menu a:has(svg):hover {
    border-bottom: none;
}
@media (max-width: 568px) {
    header .menu-head .left .menu a:has(svg) {
        padding: 16px 0px;
    }
}

header .menu-head .left .menu li a:has(svg) svg {
    transition: .3s ease;
}
@media (min-width: 1024px) {
    header .menu-head .left .menu li:has(svg):hover a svg {
        rotate: -180deg;
    }
}
@media (max-width: 1024px) {
    header .menu-head .left .menu a#accord.active svg {
        rotate: -180deg;
    }
}

header .menu-head .left .menu li ul {
    position: absolute;
    left: -16px;
    top: 30px;
    border: 1px solid #f6f6f6;
    border-radius: 16px;
    padding: 12px;
    background: #fff;
    max-height: 0px;
    /*overflow: hidden;*/
    pointer-events: none;
    opacity: 0;
    transition: .5s ease;
}
@media (max-width: 1024px) {
    header .menu-head .left .menu li ul {
        position: initial;
        width: 100%;
        border: none;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    header .menu-head .left .menu li ul.active {
        pointer-events: all;
        opacity: 1;
        max-height: 500px;
    }
}
@media (min-width: 1025px) {
    header .menu-head .left .menu li:has(ul):hover ul {
        pointer-events: all;
        opacity: 1;
        max-height: 500px;
    }

}

header .menu-head .left .menu li ul:after {
    content: '';
    width: 65px;
    height: 50px;
    /*background: #1a55c4;*/
    position: absolute;
    top: -50px;
}


header .menu-head .left .menu li ul a {
    border-radius: 10px;
    padding: 12px;
    transition: .3s ease;
    width: max-content;
}
@media (max-width: 568px) {
    header .menu-head .left .menu li ul a {
        padding: 0;
        font-weight: 500;
        font-size: 15px;
        line-height: 115%;
        color: #666;
    }
}

header .menu-head .left .menu li ul a:hover {
    background: #f6f6f6;
    border: none;
}

header .menu-head .right {
    display: flex;
    align-items: center;
    gap: 8px;
}


header .menu-head .right a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 8px;
    height: 44px;
    gap: 8px;
    border-radius: 10px;
    border: 1px solid #D9D9D9;

    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: #000;

    transition: .3s ease;
}
@media (max-width: 1280px) {
    header .menu-head .right a {
        font-size: 15px;
    }
}
@media (max-width: 1024px) {
    header .menu-head .right a:nth-child(2) {
        display: none;
    }
    header .menu-head .right a span {
        display: none;
    }
}
header .menu-head .right a:hover {
    border: 1px solid #000;
}

header .menu-head .right a:has(svg) {
    padding: 10px 16px;
}
@media (max-width: 1024px) {
    header .menu-head .right a:has(svg) {
        padding: 0;
        width: 44px;
    }
    header .menu-head .right a#burger {
        display: flex !important;
    }
    header .menu-head .right a#burger #burger-2 {
        display: none;
    }
    header .menu-head .right a#burger.active #burger-1 {
        display: none;
    }
    header .menu-head .right a#burger.active #burger-2 {
        display: flex;
    }
}

header .menu-head .right .search-btn {
    padding: 10px;
}
@media (max-width: 1024px) {
    header .menu-head .right .search-btn {
        display: none;
    }
}

/* header bottom */

header > .bottom {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}
@media (max-width: 568px) {
    header > .bottom {
        flex-direction: column;
    }
}

body:has(.page-main) header > .bottom {
    display: none;
}

body:has(.error-page) header > .bottom {
    display: none;
}

header > .bottom .logo {
    padding: 0 22px;
}
@media (max-width: 1024px) {
    header > .bottom .logo {
        display: none;
    }
}

header > .bottom .logo svg {

}

header > .bottom .translate {
    margin: 0 !important;
    width: 100%;
}
@media (max-width: 1024px) {
    header > .bottom .translate {
        width: calc(50% - 8px);
    }
}
@media (max-width: 568px) {
    header > .bottom .translate {
        width: 100%;
    }
}

header > .bottom .translate .left {
    width: 100%;
}
@media (max-width: 1024px) {
    header > .bottom .translate .left .top {
        padding: 12px 12px 0px 20px;
    }
    header > .bottom .translate .left .top p  {
        font-size: 20px;
    }
    header > .bottom .translate .left > p  {
        padding: 16px 20px;
    }
}
@media (max-width: 568px) {
    header > .bottom .translate .left .top p {
        font-size: 16px;
    }
    header > .bottom .translate .left .top p svg {
        width: 14px;
        height: 20px;
    }
    header > .bottom .translate .left .top .reload {
        width: 28px;
        height: 28px;
        padding: 6px;
        border-radius: 10px;
    }
}

header > .bottom .right {
    border-radius: 28px 28px 0 28px;
    padding: 0px 0px 0px 20px;
    width: 440px;
    height: 130px;
    display: flex;
    align-items: center;
    gap: 24px;
    flex-shrink: 0;
    background: #eeeeef;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIzIiBoZWlnaHQ9IjEzMCIgdmlld0JveD0iMCAwIDEyMyAxMzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF84ODBfMTAyMjcpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNTUuOTk1IDYyLjEyOTlDMTY4LjUgNTIuOTg5MSAxNzcuMDg0IDYxLjY1MzggMTc5LjgxMyA2Ny4xMjg3QzE4NS4wMjMgNTQuOTg4OCAxNzEuNjI2IDQ2LjQxOTEgMTU1Ljk5NSA0OS4yNzU2QzE0MC4zNjUgNTIuMTMyMSAxMTMuNTcxIDc3LjEyNjQgMTQyLjU5OCAxMDEuNDA3QzE1NC44NjUgMTExLjY2OCAxNjYuNjAxIDExNC40MDQgMTc3LjU4IDExMS40NDdWMTI1LjY4N0wxNzcuNzU1IDE0MS4yNTJDMTU5LjQ0NyAxMzcuMTE5IDEzMy40NjYgMTQyLjU3OSAxMzIuOTIyIDE2Ny4xMDZDMTMyLjE3OCAyMDAuNjcgMTU1Ljk5NSAyMDMuNTI2IDE2OS4zOTMgMjAzLjUyNkMxODAuMTEgMjAzLjUyNiAxODIuMjk0IDE5MC42NzIgMTgyLjA0NiAxODQuMjQ1QzE3OS41NjUgMTg3LjMzOSAxNzIuOTY1IDE5My41MjggMTY2LjQxNiAxOTMuNTI4QzE0Mi41OTggMTkzLjUyOCAxNDIuNTk4IDE1Mi44MjMgMTc3LjU4IDE1Ny4xMDhDMjA1LjU2NSAxNjAuNTM2IDIwMi42MzggMTg1LjE5NyAxOTcuNjc2IDE5Ny4wOTlDMjM0LjU5MyAyMDQuNTI2IDIzNi4zNzkgMjMyLjA5MSAyMzIuNjU4IDI0NC45NDVDMjI0LjQ3MSAyMzEuMzc3IDIwNC4zNzUgMjIwLjY2NSAxNzQuNjAzIDIyMC42NjVDMTUwLjc4NSAyMjAuNjY1IDEzMy45MTUgMjExLjE0MyAxMjguNDU2IDIwNi4zODNDMTI5LjY0NyAyMjYuMzc4IDEyMS4wMTMgMjQxLjM3NSAxMTYuNTQ4IDI0Ni4zNzNDMTA3LjAyMSAyMzguMzc1IDEwMy42NDcgMjE2LjM4IDEwMy4xNSAyMDYuMzgzQzkyLjczMDMgMjE0LjIzOCA4Mi4zMTAxIDIyMS4zNzkgNDkuNTYxNCAyMjAuNjY1QzIzLjM2MjQgMjIwLjA5NCA2LjM5MjIgMjM2LjYxNCAxLjE4MTk2IDI0NC45NDVDLTUuOTYzMjggMjEzLjUyNCAyMS4wMjk4IDIwMC40MzIgMzUuNDE5NSAxOTcuODEzQzIyLjc2NjUgMTg1LjY3MyAzNC42NzUzIDE0OC41MzkgNjIuOTU4NSAxNTcuMTA4QzkxLjI0MTcgMTY1LjY3OCA4MC4wNzczIDE5Mi44MTQgNjYuNjc5OSAxOTMuNTI4QzU1Ljk2MjEgMTk0LjEgNTEuNzk0IDE4Ny41NzcgNTEuMDQ5NyAxODQuMjQ1QzUxLjA0OTcgMjAwLjI0MSA1OC45ODg5IDIwMy43NjQgNjIuOTU4NSAyMDMuNTI2QzEwMi43MjUgMjAzLjUyNiAxMDEuOTQ3IDE3Ny4xNzQgMTAxLjY5MyAxNjguNTc5QzEwMS42NzYgMTY4LjAwNCAxMDEuNjYyIDE2Ny41MDkgMTAxLjY2MiAxNjcuMTA2QzEwMS42NjIgMTYwLjY3OSA4OS4wMDg4IDEzNy4xMTMgNjIuOTU4NSAxMzkuOTY5VjExMi44MzNDNzcuODQ0NCAxMTQuMjYxIDk3Ljk0MDMgMTA0Ljk3NyAxMDEuNjYyIDg0LjI2NzZDMTA1LjM4MyA2My41NTggODYuMDMxNiA0Ni40MTkxIDY2LjY3OTkgNDcuODQ3NEM1MS4xOTg2IDQ4Ljk4OTkgNTAuODAxNiA2MS42NTM3IDUyLjUzODMgNjcuODQyOEM1Ny4wMDQxIDYyLjM2NzggNjguMzE3NCA1My45ODg4IDc3Ljg0NDQgNjQuMjcyMkM4OS43NTMxIDc3LjEyNjQgNzcuMTAwMSA5OS4yNjQyIDU0LjAyNjkgOTYuNDA3N0MyNi4wNDE0IDkwLjEyMzQgMjkuOTYxNiA2Ni4xNzY1IDM1LjQxOTggNTQuOTg4NkM2LjI0MzQ0IDU0Ljk4ODYgLTAuMDU4Mjc0OCAyMy4wOTExIDAuNDM3OTIxIDcuMTQyMzdDNS4xNTE3OSAxNy4xNDAxIDIxLjU3NTkgMzUuODUwMSA0OS41NjE0IDMwLjcwODRDNzcuNTQ2OSAyNS41NjY3IDk4LjQzNjcgMzkuMDM5OCAxMDUuMzgzIDQ2LjQxOTFDOTkuNDI5IDMzLjg1MDUgMTA1LjM4MyAxNi40MjYgMTE2LjU0OCA1QzEzMC42OSAxNC45OTc3IDEzMC4xOTMgMzYuNjU5NCAxMjkuMjAxIDQ2LjQxOTFDMTQ2LjUxIDMwLjM2NDcgMTYyLjQ3OCAzMC42MTg0IDE3OC44MzggMzAuODc4MkMxODMuNTgyIDMwLjk1MzYgMTg4LjM1OCAzMS4wMjk1IDE5My4yMSAzMC43MDg0QzIxMC40NzggMjkuNTY1OCAyMjYuNzAzIDE0LjUyMTYgMjMyLjY1OCA3LjE0MjM3QzIzOS4yMDggMzcuOTkyNSAyMTMuMDU4IDUxLjg5NCAxOTkuMTY1IDU0Ljk4ODZDMjExLjA3MyA5Mi44MzcxIDE3OS44MTMgOTcuODM1OSAxNjYuNDE2IDk2LjQwNzdDMTUzLjAxOCA5NC45Nzk0IDE0MC4zNjUgNzMuNTU1OCAxNTUuOTk1IDYyLjEyOTlaTTExNi43MDIgNjcuODY5OEMxMTcuNDkzIDg2LjQ4ODcgMTI4LjkxMyAxMjQuMDYyIDE2OC4yNzEgMTI1LjQwMkMxNTEuMDgxIDEyOC43NTQgMTE2LjcwMiAxNDQuNjE3IDExNi43MDIgMTgxLjI1OUMxMTYuNzAyIDE2Ni45MjMgMTA3LjMzNyAxMzUuNjggNjkuODc1NyAxMjUuNDAyQzg1LjQ4NDYgMTIzLjcyNyAxMTYuNzAyIDEwOS44NzQgMTE2LjcwMiA2Ny44Njk4WiIgZmlsbD0iI0U0RTRFNCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzg4MF8xMDIyNyI+CjxyZWN0IHdpZHRoPSIxMjMiIGhlaWdodD0iMTMwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=');
    background-repeat: no-repeat;
    background-position: right bottom;
}
@media (max-width: 1024px) {
    header > .bottom .right {
        width: calc(50% - 8px);
        padding: 16px 0px 16px 10px;
        height: 110px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIzIiBoZWlnaHQ9IjEwOCIgdmlld0JveD0iMCAwIDEyMyAxMDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF85ODdfMTc4MTApIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNDYuMjQyIDQ3Ljg0MDNDMTU1LjYxOCA0MC45ODU5IDE2Mi4wNTUgNDcuNDgzMyAxNjQuMTAyIDUxLjU4ODhDMTY4LjAwOSA0Mi40ODUzIDE1Ny45NjIgMzYuMDU5MiAxNDYuMjQyIDM4LjIwMTJDMTM0LjUyMSA0MC4zNDMyIDExNC40MjggNTkuMDg1OCAxMzYuMTk1IDc3LjI5MjlDMTQ1LjM5NCA4NC45ODczIDE1NC4xOTUgODcuMDM5MSAxNjIuNDI3IDg0LjgyMjNWOTUuNUwxNjIuNTU5IDEwNy4xNzJDMTQ4LjgzIDEwNC4wNzMgMTI5LjM0OCAxMDguMTY3IDEyOC45NCAxMjYuNTU5QzEyOC4zODIgMTUxLjcyOCAxNDYuMjQyIDE1My44NyAxNTYuMjg4IDE1My44N0MxNjQuMzI1IDE1My44NyAxNjUuOTYyIDE0NC4yMzEgMTY1Ljc3NiAxMzkuNDExQzE2My45MTYgMTQxLjczMiAxNTguOTY3IDE0Ni4zNzMgMTU0LjA1NiAxNDYuMzczQzEzNi4xOTYgMTQ2LjM3MyAxMzYuMTk1IDExNS44NDkgMTYyLjQyNyAxMTkuMDYyQzE4My40MTMgMTIxLjYzMyAxODEuMjE4IDE0MC4xMjUgMTc3LjQ5NyAxNDkuMDVDMjA1LjE4IDE1NC42MiAyMDYuNTIgMTc1LjI5IDIwMy43MjkgMTg0LjkyOUMxOTcuNTkgMTc0Ljc1NCAxODIuNTIgMTY2LjcyMiAxNjAuMTk1IDE2Ni43MjJDMTQyLjMzNSAxNjYuNzIyIDEyOS42ODQgMTU5LjU4MiAxMjUuNTkxIDE1Ni4wMTJDMTI2LjQ4NCAxNzEuMDA2IDEyMC4wMSAxODIuMjUxIDExNi42NjEgMTg2QzEwOS41MTcgMTgwLjAwMiAxMDYuOTg3IDE2My41MDkgMTA2LjYxNSAxNTYuMDEyQzk4LjgwMDggMTYxLjkwMiA5MC45ODcgMTY3LjI1NyA2Ni40Mjk1IDE2Ni43MjJDNDYuNzgzNiAxNjYuMjkzIDM0LjA1OCAxNzguNjgxIDMwLjE1MSAxODQuOTI5QzI0Ljc5MjkgMTYxLjM2NyA0NS4wMzQ0IDE1MS41NDkgNTUuODI0OSAxNDkuNTg2QzQ2LjMzNjcgMTQwLjQ4MiA1NS4yNjY4IDExMi42MzYgNzYuNDc1NyAxMTkuMDYyQzk3LjY4NDYgMTI1LjQ4OCA4OS4zMTI2IDE0NS44MzcgNzkuMjY2MyAxNDYuMzczQzcxLjIyOTIgMTQ2LjgwMSA2OC4xMDM3IDE0MS45MSA2Ny41NDU2IDEzOS40MTFDNjcuNTQ1NiAxNTEuNDA2IDczLjQ5OSAxNTQuMDQ4IDc2LjQ3NTcgMTUzLjg3QzEwNi4yOTUgMTUzLjg3IDEwNS43MTIgMTM0LjEwOSAxMDUuNTIyIDEyNy42NjRDMTA1LjUwOSAxMjcuMjMzIDEwNS40OTggMTI2Ljg2MSAxMDUuNDk4IDEyNi41NTlDMTA1LjQ5OCAxMjEuNzQgOTYuMDEwMiAxMDQuMDY4IDc2LjQ3NTcgMTA2LjIxVjg1Ljg2MDlDODcuNjM4MiA4Ni45MzE5IDEwMi43MDggNzkuOTcwNCAxMDUuNDk4IDY0LjQ0MDhDMTA4LjI4OSA0OC45MTEyIDkzLjc3NzYgMzYuMDU5MiA3OS4yNjYzIDM3LjEzMDJDNjcuNjU3MiAzNy45ODcgNjcuMzU5NiA0Ny40ODMyIDY4LjY2MTggNTIuMTI0M0M3Mi4wMTA2IDQ4LjAxODcgODAuNDk0MiA0MS43MzU1IDg3LjYzODIgNDkuNDQ2N0M5Ni41NjgzIDU5LjA4NTggODcuMDgwMSA3NS42ODY0IDY5Ljc3ODEgNzMuNTQ0NEM0OC43OTI1IDY4LjgzMTkgNTEuNzMyMSA1MC44NzQ4IDU1LjgyNTEgNDIuNDg1MkMzMy45NDY1IDQyLjQ4NTIgMjkuMjIwOSAxOC41NjYxIDI5LjU5MyA2LjYwNjUxQzMzLjEyNzggMTQuMTAzNSA0NS40NDM5IDI4LjEzMzcgNjYuNDI5NSAyNC4yNzgxQzg3LjQxNTIgMjAuNDIyNSAxMDMuMDggMzAuNTI1NiAxMDguMjg5IDM2LjA1OTJDMTAzLjgyNCAyNi42MzQzIDEwOC4yODkgMTMuNTY4IDExNi42NjEgNUMxMjcuMjY2IDEyLjQ5NyAxMjYuODkzIDI4Ljc0MDYgMTI2LjE0OSAzNi4wNTkyQzEzOS4xMjkgMjQuMDIwNCAxNTEuMTAzIDI0LjIxMDYgMTYzLjM3MSAyNC40MDU0QzE2Ni45MjggMjQuNDYyIDE3MC41MSAyNC41MTg5IDE3NC4xNDggMjQuMjc4MUMxODcuMDk3IDIzLjQyMTMgMTk5LjI2NCAxMi4xNCAyMDMuNzI5IDYuNjA2NTFDMjA4LjY0MSAyOS43NDAyIDE4OS4wMzIgNDAuMTY0NyAxNzguNjEzIDQyLjQ4NTJDMTg3LjU0MyA3MC44NjY5IDE2NC4xMDIgNzQuNjE1NCAxNTQuMDU2IDczLjU0NDRDMTQ0LjAwOSA3Mi40NzM0IDEzNC41MjEgNTYuNDA4MyAxNDYuMjQyIDQ3Ljg0MDNaTTExNi43NzcgNTIuMTQ0NUMxMTcuMzcgNjYuMTA2NCAxMjUuOTMzIDk0LjI4MTUgMTU1LjQ0NyA5NS4yODY3QzE0Mi41NTcgOTcuNzk5OSAxMTYuNzc3IDEwOS42OTUgMTE2Ljc3NyAxMzcuMTcyQzExNi43NzcgMTI2LjQyMiAxMDkuNzU0IDEwMi45OTQgODEuNjYyOSA5NS4yODY3QzkzLjM2NzYgOTQuMDMwMiAxMTYuNzc3IDgzLjY0MjUgMTE2Ljc3NyA1Mi4xNDQ1WiIgZmlsbD0iI0U0RTRFNCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzk4N18xNzgxMCI+CjxyZWN0IHdpZHRoPSIxMjMiIGhlaWdodD0iMTA4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=');
    }
}
@media (max-width: 568px) {
    header > .bottom .right {
        width: 100%;
        height: auto;
        border-radius: 16px 16px 0 16px;
        padding: 20px 12px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzkiIGhlaWdodD0iNTgiIHZpZXdCb3g9IjAgMCA3OSA1OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwNDVfMTI0MTgpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04MC42MzYzIDM1LjMzMzlDODYuNjE4OSAzMC45NjA1IDkwLjcyNjEgMzUuMTA2MSA5Mi4wMzE4IDM3LjcyNTZDOTQuNTI0NiAzMS45MTcyIDg4LjExNDYgMjcuODE3IDgwLjYzNjMgMjkuMTgzN0M3My4xNTgxIDMwLjU1MDQgNjAuMzM4IDQyLjUwOSA3NC4yMjYzIDU0LjEyNTlDODAuMDk1NiA1OS4wMzUzIDg1LjcxMDUgNjAuMzQ0NCA5MC45NjM0IDU4LjkzVjY1Ljc0MjhMOTEuMDQ3MyA3My4xOUM4Mi4yODc5IDcxLjIxMjcgNjkuODU3MSA3My44MjQ4IDY5LjU5NjkgODUuNTU5OEM2OS4yNDA4IDEwMS42MTggODAuNjM2MyAxMDIuOTg1IDg3LjA0NjIgMTAyLjk4NUM5Mi4xNzQyIDEwMi45ODUgOTMuMjE4OCA5Ni44MzUgOTMuMTAwMSA5My43NkM5MS45MTMxIDk1LjI0MDYgODguNzU1NiA5OC4yMDE3IDg1LjYyMTggOTguMjAxN0M3NC4yMjY0IDk4LjIwMTcgNzQuMjI2MyA3OC43MjYzIDkwLjk2MzQgODAuNzc2NEMxMDQuMzUzIDgyLjQxNjQgMTAyLjk1MiA5NC4yMTU1IDEwMC41NzggOTkuOTEwMUMxMTguMjQxIDEwMy40NjMgMTE5LjA5NiAxMTYuNjUyIDExNy4zMTYgMTIyLjgwMkMxMTMuMzk4IDExNi4zMSAxMDMuNzgzIDExMS4xODUgODkuNTM5IDExMS4xODVDNzguMTQzNSAxMTEuMTg1IDcwLjA3MTcgMTA2LjYzIDY3LjQ2MDIgMTA0LjM1MkM2OC4wMyAxMTMuOTE5IDYzLjg5OTEgMTIxLjA5NCA2MS43NjI1IDEyMy40ODZDNTcuMjA0MyAxMTkuNjU5IDU1LjU4OTkgMTA5LjEzNSA1NS4zNTI1IDEwNC4zNTJDNTAuMzY3IDEwOC4xMSA0NS4zODE0IDExMS41MjcgMjkuNzEyNyAxMTEuMTg1QzE3LjE3NzggMTEwLjkxMiA5LjA1ODM2IDExOC44MTYgNi41NjU1MSAxMjIuODAyQzMuMTQ2ODYgMTA3Ljc2OSAxNi4wNjE4IDEwMS41MDUgMjIuOTQ2NSAxMDAuMjUyQzE2Ljg5MjcgOTQuNDQzMyAyMi41OTA0IDc2LjY3NjMgMzYuMTIyNiA4MC43NzY0QzQ5LjY1NDggODQuODc2NSA0NC4zMTMxIDk3Ljg2IDM3LjkwMzEgOTguMjAxN0MzMi43NzUyIDk4LjQ3NTEgMzAuNzgxIDk1LjM1NDQgMzAuNDI0OCA5My43NkMzMC40MjQ4IDEwMS40MTMgMzQuMjIzNCAxMDMuMDk5IDM2LjEyMjYgMTAyLjk4NUM1NS4xNDg4IDEwMi45ODUgNTQuNzc2NyA5MC4zNzcxIDU0LjY1NTQgODYuMjY0NUM1NC42NDczIDg1Ljk4OTUgNTQuNjQwMyA4NS43NTI1IDU0LjY0MDMgODUuNTU5OEM1NC42NDAzIDgyLjQ4NDggNDguNTg2NCA3MS4yMDk1IDM2LjEyMjYgNzIuNTc2MlY1OS41OTI3QzQzLjI0NDggNjAuMjc2IDUyLjg1OTcgNTUuODM0MiA1NC42NDAzIDQ1LjkyNTdDNTYuNDIwOCAzNi4wMTcyIDQ3LjE2MiAyNy44MTcgMzcuOTAzMSAyOC41MDA0QzMwLjQ5NjEgMjkuMDQ3MSAzMC4zMDYxIDM1LjEwNjEgMzEuMTM3MSAzOC4wNjcyQzMzLjI3MzcgMzUuNDQ3NyAzOC42ODY2IDMxLjQzODggNDMuMjQ0OCAzNi4zNTg5QzQ4Ljk0MjUgNDIuNTA5IDQyLjg4ODcgNTMuMTAwOSAzMS44NDkzIDUxLjczNDJDMTguNDU5NiA0OC43Mjc0IDIwLjMzNTIgMzcuMjcgMjIuOTQ2NyAzMS45MTcxQzguOTg3MTkgMzEuOTE3MSA1Ljk3MjEyIDE2LjY1NTcgNi4yMDk1MiA5LjAyNTAyQzguNDY0ODggMTMuODA4NCAxNi4zMjMgMjIuNzYwMyAyOS43MTI3IDIwLjMwMDJDNDMuMTAyNSAxNy44NDAyIDUzLjA5NzIgMjQuMjg2NCA1Ni40MjA4IDI3LjgxN0M1My41NzIgMjEuODAzNiA1Ni40MjA5IDEzLjQ2NjggNjEuNzYyNSA4QzY4LjUyODcgMTIuNzgzNCA2OC4yOTEyIDIzLjE0NzUgNjcuODE2MyAyNy44MTdDNzYuMDk4MiAyMC4xMzU4IDgzLjczOCAyMC4yNTcyIDkxLjU2NTMgMjAuMzgxNUM5My44MzQ5IDIwLjQxNzUgOTYuMTIwMyAyMC40NTM4IDk4LjQ0MTcgMjAuMzAwMkMxMDYuNzAzIDE5Ljc1MzYgMTE0LjQ2NyAxMi41NTU2IDExNy4zMTYgOS4wMjUwMkMxMjAuNDQ5IDIzLjc4NTMgMTA3LjkzOCAzMC40MzY1IDEwMS4yOTEgMzEuOTE3MUMxMDYuOTg4IDUwLjAyNTggOTIuMDMxOCA1Mi40MTc1IDg1LjYyMTggNTEuNzM0MkM3OS4yMTE5IDUxLjA1MDggNzMuMTU4IDQwLjgwMDcgODAuNjM2MyAzNS4zMzM5Wk02MS44MzY1IDM4LjA4MDJDNjIuMjE0NiA0Ni45ODg0IDY3LjY3ODYgNjQuOTY1MyA4Ni41MDk2IDY1LjYwNjdDNzguMjg1MiA2Ny4yMTAyIDYxLjgzNjUgNzQuOCA2MS44MzY1IDkyLjMzMTVDNjEuODM2NSA4NS40NzIyIDU3LjM1NTYgNzAuNTI0MSAzOS40MzIyIDY1LjYwNjdDNDYuOTAwMyA2NC44MDUgNjEuODM2NSA1OC4xNzcyIDYxLjgzNjUgMzguMDgwMloiIGZpbGw9IiNFNEU0RTQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMDQ1XzEyNDE4Ij4KPHJlY3Qgd2lkdGg9Ijc5IiBoZWlnaHQ9IjU4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=');
    }
}

header > .bottom .right img {

}
@media (max-width: 568px) {
    header > .bottom .right img {
        display: none;
    }
}

header > .bottom .right p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 1024px) {
    header > .bottom .right p {
        font-size: 20px;
    }
}
@media (max-width: 568px) {
    header > .bottom .right p {
        font-size: 16px;
    }
    header > .bottom .right p br {
        display: none;
    }
}

/* footer */

footer {
    margin-top: 120px;
    border-radius: 40px 40px 0 0;
    padding: 40px 40px 10px 40px;
    /*height: 462px;*/
    background: #eeeeef;
}
@media (max-width: 1024px) {
    footer {
        margin-top: 100px;
        padding: 20px 20px 10px 20px;
    }
}
@media (max-width: 568px) {
    footer {
        margin-top: 80px;
        border-radius: 32px 32px 0 0;
        padding: 32px 12px 12px 12px;
    }
}

footer .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 100px;
    align-self: stretch;
    padding: 0;
}
@media (max-width: 1024px) {
    footer .container {
        gap: 60px;
    }
}

footer .top {
    display: flex;
    gap: 214px;
    align-self: stretch;
    flex-wrap: wrap;
}
@media (max-width: 1024px) {
    footer .top {
        flex-direction: column;
        gap: 40px;
    }
}

footer .top .logo-col {
    display: flex;
    width: 130px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-top: 22px;
}
@media (max-width: 1024px) {
    footer .top .logo-col {
        flex-direction: row;
        gap: 24px;
        padding: 0;
        width: auto;
        justify-content: flex-start;
    }
}
@media (max-width: 568px) {
    footer .top .logo-col {
        width: 55vw;
    }
}

footer .top .logo-col img {
    width: 100%;
}

footer .top .menu-col {
    display: flex;
    /*gap: 185px;*/
    flex: 1 0 0;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    footer .top .menu-col {
        gap: 32px;
    }
}
@media (max-width: 568px) {
    footer .top .menu-col {
        gap: 0;
    }
}

footer .top .menu-col nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
@media (max-width: 568px) {
    footer .top .menu-col nav {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: .3s ease;

    }
    footer .top .menu-col .col_1.active nav {
        max-height: 500px;
        opacity: 1;
        margin-bottom: 40px;
    }
    footer .top .menu-col .col_2.active nav {
        max-height: 500px;
        opacity: 1;
        margin-bottom: 30px;
    }
    footer .top .menu-col .col_2 ~ a {
        margin: 32px 0;
        font-size: 14px;
    }
}

footer .top .menu-col nav li {
    list-style: none;
    line-height: 1;
}

footer .top .menu-col nav li a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    color: #000;
    transition: .3s ease;
}
@media (max-width: 568px) {
    footer .top .menu-col nav li a {
        font-size: 14px;
    }
}
footer .top .menu-col nav li a:hover {
    border-bottom: 1px solid #000;
}

footer .top .menu-col .col_1 {
    display: flex;
    width: 175px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
@media (max-width: 568px) {
    footer .top .menu-col .col_1 {
        width: 100%;
        gap: 0px;
        padding: 12px 0;
        border-top: 1px solid #d9d9d9;
        transition: .3s ease;
    }
    footer .top .menu-col .col_1.active {
        gap: 28px;
    }
}

footer .top .menu-col .col_1 > a {
    display: flex;
    align-items: center;
    color: #0042be;
}
@media (max-width: 568px) {
    footer .top .menu-col .col_1 > a {
        font-size: 14px;
    }
}

footer .top .menu-col .col_2 {
    display: flex;
    flex-direction: column;
}
@media (max-width: 568px) {
    footer .top .menu-col .col_2 {
        width: 100%;
        gap: 0px;
        padding: 12px 0;
        border-top: 1px solid #d9d9d9;
        transition: .3s ease;
    }
    footer .top .menu-col .col_2.active {
        gap: 28px;
    }
}

footer .top .menu-col .col_3 {
    display: flex;
    width: 230px;
    flex-direction: column;
    justify-content: space-between;
}
@media (max-width: 568px) {
    footer .top .menu-col .col_3 {
        width: 100%;
        gap: 40px;
        padding-top: 12px;
        border-top: 1px solid #d9d9d9;
    }
}

footer .top .menu-col .col_3 .contacts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

footer .top .menu-col .col_3 .contacts span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #808080;
}

footer .top .menu-col span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #808080;

    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

footer .top .menu-col span svg {
    transition: .3s ease;
}

footer .top .menu-col .active span svg {
    rotate: -180deg;
}

footer .top .menu-col .col_3 .contacts .contacts-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

footer .top .menu-col .col_3 .contacts .contacts-list p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 115%;
    color: #000;
}

footer .top .menu-col .col_3 .contacts .contacts-list div {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 7px;
}

footer .top .menu-col .col_3 .contacts .contacts-list div a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 115%;
    color: #000;
}

footer .top .menu-col .col_3 .contacts .contacts-list > a {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-decoration: underline;
    color: #000;
}
footer .top .menu-col .col_3 .contacts .contacts-list > a:hover {
    color: #0042BE;
}

footer .top .menu-col .col_3 .social {
    display: flex;
    align-items: center;
    gap: 8px;
}

footer .top .menu-col .col_3 .social a {
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #d6ddea;
}

footer .copyright {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: calc(214px - 30px);
}
@media (max-width: 1024px) {
    footer .copyright {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }
}

footer .copyright > p {
    width: 160px;

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #808080;
}

footer .copyright > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*gap: 185px;*/
    flex: 1 0 0;
    flex-wrap: wrap;
}
@media (max-width: 1024px) {
    footer .copyright > div {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }
}

footer .copyright > div > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

footer .copyright .null {
    width: 175px;
}
@media (max-width: 1024px) {
    footer .copyright .null {
        display: none;
    }
}

footer .copyright > div > div a {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 140%;
    text-decoration: underline;
    color: #808080;
}
footer .copyright > div > div a:hover {
    color: #000;
}

footer .copyright > div > p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: rgba(0, 0, 0, 0.7);
    width: 110px;
    text-align: right;
}
@media (max-width: 1024px) {
    footer .copyright > div > p {
        text-align: left;
    }
}

footer .copyright > div > p a {
    color: #0042be;
}

/* content */

.content:not(.page-main) {
    margin-top: 40px;
}

.content.error-page {
    margin-top: 0px;
}

.content:not(.page-main):has(.breadcrumb) {
    margin-top: 32px;
}

.page-main section {
    margin-top: 120px;
}
@media (max-width: 1024px) {
    .page-main section {
        margin-top: 100px;
    }
}
@media (max-width: 568px) {
    .page-main section {
        margin-top: 80px;
    }
}

section:has(.title-block) {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (max-width: 568px) {
    section:has(.title-block) {
        gap: 20px;
    }
}

section > .title-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

section > .title-block h2 {
    display: flex;
    align-items: center;
    gap: 8px;

    font-weight: 500;
    font-size: 50px;
    line-height: 115%;
    letter-spacing: -0.02em;
    color: #000;
}
@media (max-width: 1024px) {
    section > .title-block h2 {
        font-size: 40px;
    }
}
@media (max-width: 568px) {
    section > .title-block h2 {
        font-size: 25px;
        gap: 0;
    }
    section > .title-block h2 svg {
        scale: .7;
    }
}

section > .title-block a {
    display: flex;
    align-items: center;
    gap: 0;
    transition: .3s ease;

    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #0042be;
}
@media (max-width: 568px) {
    section > .title-block a * {
        /*display: none;*/
    }
    section > .title-block a:has(h2) {
        gap: 4px;
    }
}
section > .title-block a:hover {
    gap: 4px;
}

/**/

.container {
    max-width: 1360px;
    padding: 0;
}
@media (max-width: 1368px) {
    .container {
        padding: 0 20px;
    }
}
@media (max-width: 1024px) {
    .container {
        padding: 0 20px;
    }
}
@media (max-width: 568px) {
    .container {
        padding: 0 12px;
    }
}

/**/

.carousel-par {
    position: relative;
    display: contents;
}

/**/

.filter .swiper-wrapper {
    height: auto;
}

/**/

.button {
    border-radius: 10px;
    padding: 14px 20px;
    display: flex;
    width: fit-content;

    /*font-weight: 500;*/
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    transition: .3s ease;
}
@media (max-width: 568px) {
    .button {
        font-size: 14px;
    }
}

.button.blue-button {
    background: #0042be;
    color: #fff !important;
}
.button.blue-button:hover {
    background: #002f88;
}

/**/

.shadow {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: ;
    background: rgba(0, 0, 0, 0.35);
}
@media (max-width: 1024px) {
    .shadow {
        display: block;
    }
}

/* breadcrumb */

.breadcrumb {
    display: flex;
    padding: 0px 24px;
    align-items: center;
    gap: 4px;
    margin: 0;
}
@media (max-width: 1024px) {
    .breadcrumb {
        display: none;
    }
    .page-about .breadcrumb,
    .page-links .breadcrumb,
    .page-video .breadcrumb,
    .page-photo .breadcrumb,
    .artist-detail-page .breadcrumb,
    .audio-album-page .breadcrumb,
    .page-dictionary .breadcrumb,
    .page-wiki .breadcrumb,
    .page-directions .breadcrumb {
        display: flex;
    }
}
.artist-detail-page .breadcrumb,
.audio-album-page .breadcrumb {
    position: absolute;
    top: 0;
}
@media (max-width: 1024px) {
    .artist-detail-page .breadcrumb,
    .audio-album-page .breadcrumb {
        top: 33px;
    }
}
@media (max-width: 568px) {
    .artist-detail-page .breadcrumb,
    .audio-album-page .breadcrumb {
        top: 13px;
    }
}

.breadcrumb a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: rgba(63, 63, 63, 0.3) !important;
    background: none !important;
}

.breadcrumb a:last-child {
    pointer-events: none;
}

.breadcrumb span {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: rgba(63, 63, 63, 0.3);
}

/**/


.title-block .arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    user-select: none;
}
@media (max-width: 1024px) {
    .title-block .arrow {
        display: none;
    }
}

.title-block .arrow div {
    border: 1px solid #d9d9d9;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    transition: .3s ease;
}
.title-block .arrow div:hover  {
    border: 1px solid #666;
}

/* filter */

.filter {
    position: relative;
    /*padding: 32px 0px;*/
    /*margin-top: 16px;*/
    /*margin-bottom: calc(-120px + 32px);*/

    /*height: 52px;*/
    /*box-sizing: content-box;*/
}

@media (max-width: 1024px) {
    .filter {
        padding: 24px;
        /*margin-bottom: calc(-100px + 32px);*/
    }
}
@media (max-width: 568px) {
    .filter {
        padding: 16px;
        /*margin-bottom: calc(-80px + 32px);*/
        box-sizing: border-box;
    }
}

.filter .swiper-slide {
    width: fit-content;
    border-radius: 10px;
    transition: .3s ease;
}

.filter .swiper-slide p {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;
    cursor: pointer;
    transition: .3s ease;
}
@media (max-width: 568px) {
    .filter .swiper-slide p {
        height: 44px;
    }
}

.filter .swiper-slide-active,
.filter .swiper-slide:hover {
    background: #0042be;
    color: #ffffff;
}
.filter .swiper-slide-active p,
.filter .swiper-slide:hover p {
    color: #ffffff !important;
    border: 1px solid #0042be !important;
}

.filter .arrow {
    position: absolute;
    top: calc(50% - 24px);
    right: -20px;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    /*opacity: 0;*/
    transition: .3s ease;
}
@media (max-width: 1024px) {
    .filter .arrow {
        display: none;
    }
}
.filter .arrow {
    width: calc(100% + 40px);
}
@media (max-width: 568px) {
    .filter .arrow {
        display: none;
    }
}

.filter .arrow:hover {
    opacity: 1;
}

.filter:hover ~ .arrow {
    opacity: 1;
}

.filter .arrow div {
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #f6f6f6;
    pointer-events: all;
}

.filter .arrow div[aria-disabled="true"] {
    opacity: 0;
    pointer-events: none;
}

/* top-hero */

.top-hero {
    display: flex;
    /*align-items: flex-start;*/
    gap: 16px;
}
@media (max-width: 1024px) {
    .top-hero {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}
@media (max-width: 568px) {
    .top-hero {
        gap: 8px;
    }
}

.top-hero > .left {
    border-radius: 32px 32px 32px 0;
    padding: 40px;
    width: 100vw;
    max-width: 443px;
    height: 504px;
    height: auto;
    background: #f6f6f6;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 32px;
}
@media (max-width: 1024px) {
    .top-hero > .left {
        padding: 32px;
        padding-top: 82px;
        min-height: auto;
        height: auto;
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 568px) {
    .top-hero > .left {
        border-radius: 24px 24px 24px 0;
        padding: 20px;
    }
}
.page-photo-album .top-hero > .left {
    justify-content: space-between;
}

.top-hero > .left h1 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 115%;
    letter-spacing: -0.02em;
    color: #000;
}
@media (max-width: 1024px) {
    .top-hero > .left h1 {
        font-size: 40px;
    }
}
@media (max-width: 568px) {
    .top-hero > .left h1 {
        font-size: 25px;
    }
}

.top-hero .left .left-down > span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}

.top-hero .left .left-down > p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.8);
}
.top-hero .left .left-down > p:empty {
    display: none;
}
@media (max-width: 1024px) {
    .top-hero .left p {

    }
}
@media (max-width: 568px) {
    .top-hero .left p {

    }
}

.top-hero .right {

}
@media (max-width: 1024px) {
    .top-hero .right {
        width: 100%;
    }
}

.top-hero .right > img {
    border-radius: 32px 0px 32px 32px;
    width: 905px;
    height: 504px;
    object-fit: cover;
}
.page-photo .top-hero .right > img {
    border-radius: 32px;
}
@media (max-width: 1024px) {
    .top-hero .right > img {
        height: 100%;
        width: 100%;
        aspect-ratio: 728/412;
    }
}
@media (max-width: 568px) {
    .top-hero .right > img {
        border-radius: 24px 0 24px 24px;
        /*height: 244px;*/
        aspect-ratio: 366/244;
    }
    .page-photo .top-hero .right > img {
        border-radius: 24px;
    }
}


/* top-hero-detail */

.top-hero-detail {
    border-radius: 32px 0 32px 32px;
    padding: 44px;
    height: 504px;
    background: #f6f6f6;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .top-hero-detail {
        width: calc(100% - 40px);
        height: auto;
        flex-direction: column-reverse;
        gap: 32px;
        padding: 0;
    }
}

.top-hero-detail .left {
    height: 100%;
    padding: 0;
    width: 362px;
}
@media (max-width: 1024px) {
    .top-hero-detail .left {
        width: 100%;
        padding: 32px;
    }
}
@media (max-width: 568px) {
    .top-hero-detail .left {
        padding: 20px;
    }
}

.top-hero-detail .left a {
    background: #0042be;
    /*color: #fff !important;*/
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1024px) {
    .top-hero-detail .left a {
        width: 100%;
        height: 52px;
    }
}

.top-hero-detail .right {

}

.top-hero-detail .right img {
    width: 852px;
    height: 100%;
    border-radius: 32px 0 32px 32px;
    aspect-ratio: 852/416;
    object-fit: cover;
}
@media (max-width: 1024px) {
    .top-hero-detail .right img {
        width: 100%;
        border-radius: 32px 0 32px 32px;
        aspect-ratio: 728/412;
    }
}

/* main-slider */

.main-slider {
    margin-top: 0 !important;
    border-radius: 40px 40px 40px 0;
    padding: 44px;
    background: #0042be;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 32px;
}
@media (max-width: 1368px) {
    .main-slider {
        width: calc(100% - 40px);
    }
}
@media (max-width: 1024px) {
    .main-slider {
        flex-direction: column;
        gap: 32px;
        width: calc(100% - 40px);
        padding: 32px;
    }
}
@media (max-width: 568px) {
    .main-slider {
        gap: 32px;
        width: calc(100% - 24px);
        padding: 20px;
    }
}

.main-slider .left {
    width: 310px;
}
@media (max-width: 1024px) {
    .main-slider .left {
        width: 230px;
    }
}
@media (max-width: 568px) {
    .main-slider .left {
        width: 132px;
    }
}

.main-slider .left img {
    width: 100%;
}

.main-slider .main-swiper {
    width: 855px;
    margin: 0;
    border-radius: 24px 24px 24px 0;
}
@media (max-width: 1024px) {
    .main-slider .main-swiper {
        width: 100%;
    }
}

.main-slider .main-swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border: 1px solid #3c6fcd;
    border-radius: 24px 24px 24px 0;
    padding: 44px;
    width: 855px;
    height: 365px;
    background: #1a55c4;
}
@media (max-width: 1024px) {
    .main-slider .main-swiper .swiper-slide {
        width: 100%;
        height: 358px;
        padding: 32px;
    }
}
@media (max-width: 568px) {
    .main-slider .main-swiper .swiper-slide {
        height: 385px;
        padding: 20px;
        padding-bottom: 84px;
    }
}

.main-slider .main-swiper .swiper-slide .title {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #fff;
}
@media (max-width: 1024px) {
    .main-slider .main-swiper .swiper-slide .title {

    }
}
@media (max-width: 568px) {
    .main-slider .main-swiper .swiper-slide .title {
        font-size: 18px;
        line-height: 121%;
    }
    .main-slider .main-swiper .swiper-slide .title svg {
        width: 18px;
        height: 21px;
    }
}

.main-slider .main-swiper .swiper-slide .author {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
@media (max-width: 568px) {
    .main-slider .main-swiper .swiper-slide .author {
        flex-direction: column;
        gap: 12px;
    }
}

.main-slider .main-swiper .swiper-slide .author img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}
@media (max-width: 568px) {
    .main-slider .main-swiper .swiper-slide .author img {
        width: 40px;
        height: 40px;
    }
}

.main-slider .main-swiper .swiper-slide .author .info {
    max-width: 300px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.main-slider .main-swiper .swiper-slide .author .info .name {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #fff;
}
@media (max-width: 568px) {
    .main-slider .main-swiper .swiper-slide .author .info .name {
        font-size: 16px;
        line-height: 110%;
    }
}

.main-slider .main-swiper .swiper-slide .author .info span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 568px) {
    .main-slider .main-swiper .swiper-slide .author .info span {
        font-size: 12px;
        line-height: 130%;
    }
}

.main-slider .main-swiper .arrow {
    display: flex;
    align-items: center;
    gap: 16px;
    position: absolute;
    right: 44px;
    bottom: 52px;
    z-index: 1;
}
@media (max-width: 568px) {
    .main-slider .main-swiper .arrow {
        /*position: initial;*/
        margin-top: 24px;
        gap: 12px;
        right: auto;
        left: 20px;
        bottom: 20px;
    }
}

.main-slider .main-swiper .arrow div {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background: #1a55c4;
}
@media (max-width: 568px) {
    .main-slider .main-swiper .arrow div {
        width: 44px;
        height: 44px;
        border-radius: 10px;
    }
}

.main-slider .main-swiper .arrow div[aria-disabled="true"] {
    opacity: 0.5;
    pointer-events: none;
}

/* translate */

.translate {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 16px !important;
    align-items: flex-start;
}
@media (max-width: 1024px) {
    .translate {
        flex-direction: column;
    }
}

.translate .left {
    width: 442px;
    border: 1px solid #d9d9d9;
    border-radius: 0 28px 28px 28px;
}
@media (max-width: 1024px) {
    .translate .left {
        width: 100%;
    }
}

.translate .left .top {
    display: flex;
    padding: 16px 16px 16px 32px;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 568px) {
    .translate .left .top {
        padding: 12px 12px 0px 20px;
    }
}

.translate .left .top p {
    display: flex;
    align-items: center;
    gap: 4px;

    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .translate .left .top p {
        font-size: 20px;
    }
    .translate .left .top p svg {
        width: 18px;
        height: 26px;
    }
}

.translate .left .top .reload {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 16px;
    background: #eeeeef;
    cursor: pointer;
}

.translate .left > p {
    padding: 16px 32px;

    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}
@media (max-width: 568px) {
    .translate .left > p {
        padding: 16px 20px;
    }
}

.translate .form {
    width: calc(100% - (442px + 16px));
    border-radius: 28px 28px 0 28px;
    background: #f6f6f6;
}
@media (max-width: 1024px) {
    .translate .form {
        width: 100%;
        border-radius: 24px 24px 0 24px;
    }
}

.translate .form .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 28px 28px 0px 0px;
    background: #eeeeef;
}
@media (max-width: 568px) {
    .translate .form .top {
        border-radius: 24px 24px 0px 0px;
    }
}

.translate .form .top div {
    display: flex;
    align-items: center;
    padding: 20px 20px 20px 32px;
    width: calc(50% - 22px);

    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .translate .form .top div {
        padding: 20px;
    }
}

.translate .form .top svg {

}
@media (max-width: 568px) {
    .translate .form .top svg {
        /*width: 32px;*/
        /*height: 32px;*/
    }
}

.translate .form .input-block {
    border-radius: 0px 0px 28px 28px ;
    padding: 0 32px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
@media (max-width: 568px) {
    .translate .form .input-block {
        padding: 0 20px;
        border-radius: 0px 0px 24px 24px ;
        flex-direction: column;
    }
}

.translate .form textarea {
    width: 50%;
    padding: 20px 0px;
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent;

    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .translate .form textarea {
        width: 100%;

        font-weight: 450;
        font-size: 16px;
    }
}

.translate .form textarea::-webkit-resizer {
    display: none;
}

.translate .form textarea:nth-child(1) {
    border-right: 1px solid #eeeeef;
}
@media (max-width: 568px) {
    .translate .form textarea:nth-child(1) {
        border: none;
    }
}

.translate .form textarea::placeholder {
    color: #b3b3b3;
}

/* main-book-list */

.main-book-list {

}

.main-book-list .title-block {

}

.main-book-list .list-block {
    display: flex;
    gap: 32px;
    position: relative;
}
@media (max-width: 568px) {
    .main-book-list .list-block {
        flex-wrap: wrap;
    }
}
@media (max-width: 1024px) {
    .main-book-list .list-block {
        gap: 20px;
    }
}

.main-book-list .list-block .info {
    border-radius: 28px 28px 28px 0;
    padding: 32px;
    min-width: 316px;
    width: 316px;
    background: #f6f6f6;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}
@media (max-width: 1024px) {
    .main-book-list .list-block .info {
        width: 100%;
    }
}
@media (max-width: 568px) {
    .main-book-list .list-block .info {
        width: 100%;
        padding: 20px;
    }
}

.main-book-list .list-block .info h5 {
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
    margin: 0;
}
@media (max-width: 568px) {
    .main-book-list .list-block .info h5 {
        font-size: 16px;
        line-height: 150%;
    }
}

.main-book-list .list-block .info p {
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}
@media (max-width: 568px) {
    .main-book-list .list-block .info p {

    }
}

.main-book-list .list-block .book-carousel {

}
@media (max-width: 568px) {
    .main-book-list .list-block .book-carousel {
        margin: 0 -12px;
        padding: 0 12px;
    }
}

.main-book-list .list-block .book-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media (max-width: 568px) {
    .main-book-list .list-block .book-item {
        gap: 8px;
    }
}

.main-book-list .list-block .book-item img {
    border-radius: 4px;
    aspect-ratio: 200/300;
    object-fit: cover;
    width: 100%;
    transition: .3s ease;
}
.main-book-list .list-block .book-item:hover img {
    filter: brightness(0.7);
}

.main-book-list .list-block .book-item div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.main-book-list .list-block .book-item div span {
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}
@media (max-width: 568px) {
    .main-book-list .list-block .book-item div span {
        font-size: 12px;
        line-height: 130%;
    }
}

.main-book-list .list-block .book-item div p {
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .main-book-list .list-block .book-item div p {
        font-size: 14px;
        line-height: 115%;
    }
}

.main-book-list .list-block .arrow {
    position: absolute;
    top: calc(50% - 44px);
    right: -20px;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    width: calc(100% - (316px - 8px));
    pointer-events: none;
    opacity: 0;
    transition: .3s ease;
}
.page-library-detail .main-book-list .list-block .arrow {
    width: calc(100% + 40px);
}
@media (max-width: 568px) {
    .main-book-list .list-block .arrow {
        display: none;
    }
}

.main-book-list .list-block .arrow:hover {
    opacity: 1;
}

.main-book-list .list-block .book-carousel:hover ~ .arrow {
    opacity: 1;
}

.main-book-list .list-block .arrow div {
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #f6f6f6;
    pointer-events: all;
}

.main-book-list .list-block .arrow div[aria-disabled="true"] {
    opacity: 0;
    pointer-events: none;
}


/* main-audio */

.main-audio {
    display: flex;
    /*align-items: flex-start;*/
    gap: 16px;
}
@media (max-width: 1024px) {
    .main-audio {
        flex-direction: column;
    }
}

.main-audio .left {
    border-radius: 0 32px 32px 32px;
    width: calc(100% - (443px + 16px));
    background: #f6f6f6;
    padding: 40px 40px 32px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkyIiBoZWlnaHQ9IjE0OCIgdmlld0JveD0iMCAwIDI5MiAxNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTQuNjYxIDcwLjEwODlDMjEwLjI2NCA1OC44OTE1IDIyMC45NzYgNjkuNTI0NiAyMjQuMzgyIDc2LjI0MzRDMjMwLjg4MyA2MS4zNDU0IDIxNC4xNjUgNTAuODI4OSAxOTQuNjYxIDU0LjMzNDNDMTc1LjE1NyA1Ny44Mzk3IDE0MS43MjEgODguNTEyMyAxNzcuOTQzIDExOC4zMDlDMTkzLjI1MSAxMzAuOTAxIDIwNy44OTUgMTM0LjI1OCAyMjEuNTk1IDEzMC42MzFWMTQ4LjEwNUwyMjEuODE0IDE2Ny4yMDZDMTk4Ljk2OSAxNjIuMTM1IDE2Ni41NDcgMTY4LjgzNSAxNjUuODY5IDE5OC45MzRDMTY0Ljk0IDI0MC4xMjMgMTk0LjY2MSAyNDMuNjI4IDIxMS4zNzkgMjQzLjYyOEMyMjQuNzUzIDI0My42MjggMjI3LjQ3OCAyMjcuODU0IDIyNy4xNjggMjE5Ljk2NkMyMjQuMDcyIDIyMy43NjQgMjE1LjgzNyAyMzEuMzU5IDIwNy42NjQgMjMxLjM1OUMxNzcuOTQzIDIzMS4zNTkgMTc3Ljk0MyAxODEuNDA2IDIyMS41OTUgMTg2LjY2NUMyNTYuNTE4IDE5MC44NzEgMjUyLjg2NCAyMjEuMTM1IDI0Ni42NzIgMjM1Ljc0MUMyOTIuNzQgMjQ0Ljg1NSAyOTQuOTY5IDI3OC42ODIgMjkwLjMyNSAyOTQuNDU3QzI4MC4xMDkgMjc3LjgwNiAyNTUuMDMxIDI2NC42NjEgMjE3Ljg4IDI2NC42NjFDMTg4LjE1OSAyNjQuNjYxIDE2Ny4xMDcgMjUyLjk3NiAxNjAuMjk2IDI0Ny4xMzNDMTYxLjc4MiAyNzEuNjcxIDE1MS4wMDggMjkwLjA3NSAxNDUuNDM2IDI5Ni4yMUMxMzMuNTQ3IDI4Ni4zOTQgMTI5LjMzNyAyNTkuNDAyIDEyOC43MTggMjQ3LjEzM0MxMTUuNzE1IDI1Ni43NzMgMTAyLjcxMiAyNjUuNTM3IDYxLjg0NTkgMjY0LjY2MUMyOS4xNTMxIDI2My45NiA3Ljk3NjU5IDI4NC4yMzMgMS40NzQ5MiAyOTQuNDU3Qy03LjQ0MTM1IDI1NS44OTcgMjYuMjQyNCAyMzkuODMgNDQuMTk4NyAyMzYuNjE3QzI4LjQwOTUgMjIxLjcxOSA0My4yNyAxNzYuMTQ4IDc4LjU2MzYgMTg2LjY2NUMxMTMuODU3IDE5Ny4xODEgOTkuOTI1NSAyMzAuNDgzIDgzLjIwNzQgMjMxLjM1OUM2OS44MzMgMjMyLjA2IDY0LjYzMTkgMjI0LjA1NiA2My43MDMxIDIxOS45NjZDNjMuNzAzMSAyMzkuNTk3IDczLjYxMDEgMjQzLjkyIDc4LjU2MzYgMjQzLjYyOEMxMjguMTg2IDI0My42MjggMTI3LjIxNiAyMTEuMjkgMTI2Ljg5OSAyMDAuNzQxQzEyNi44NzggMjAwLjAzNiAxMjYuODYgMTk5LjQyOCAxMjYuODYgMTk4LjkzNEMxMjYuODYgMTkxLjA0NiAxMTEuMDcxIDE2Mi4xMjcgNzguNTYzNiAxNjUuNjMyVjEzMi4zM0M5Ny4xMzkxIDEzNC4wODMgMTIyLjIxNiAxMjIuNjkgMTI2Ljg2IDk3LjI3NTlDMTMxLjUwNCA3MS44NjE1IDEwNy4zNTYgNTAuODI4OSA4My4yMDc0IDUyLjU4MTZDNjMuODg4OSA1My45ODM4IDYzLjM5MzUgNjkuNTI0NSA2NS41NjA3IDc3LjExOTdDNzEuMTMzMyA3MC40MDA5IDg1LjI1MDggNjAuMTE4MyA5Ny4xMzkxIDcyLjczNzlDMTEyIDg4LjUxMjMgOTYuMjEwNCAxMTUuNjc5IDY3LjQxODIgMTEyLjE3NEMzMi40OTYyIDEwNC40NjIgMzcuMzg3OSA3NS4wNzQ4IDQ0LjE5OTEgNjEuMzQ1MkM3Ljc5MDk2IDYxLjM0NTIgLTAuMDcyNzE5MiAyMi4yMDExIDAuNTQ2NDY1IDIuNjI5MDhDNi40Mjg3MiAxNC44OTgxIDI2LjkyMzggMzcuODU4NyA2MS44NDU5IDMxLjU0ODlDOTYuNzY3OSAyNS4yMzkyIDEyMi44MzUgNDEuNzczMSAxMzEuNTA0IDUwLjgyODlDMTI0LjA3NCAzNS40MDQ4IDEzMS41MDQgMTQuMDIxOCAxNDUuNDM2IDBDMTYzLjA4MyAxMi4yNjkgMTYyLjQ2MyAzOC44NTE5IDE2MS4yMjUgNTAuODI4OUMxODIuODI1IDMxLjEyNzIgMjAyLjc1MSAzMS40Mzg0IDIyMy4xNjUgMzEuNzU3M0MyMjkuMDg1IDMxLjg0OTggMjM1LjA0NSAzMS45NDI5IDI0MS4xIDMxLjU0ODlDMjYyLjY0NyAzMC4xNDY4IDI4Mi44OTUgMTEuNjg0OCAyOTAuMzI1IDIuNjI5MDhDMjk4LjQ5OCA0MC40ODc4IDI2NS44NjcgNTcuNTQ3NiAyNDguNTMgNjEuMzQ1MkMyNjMuMzkxIDEwNy43OTIgMjI0LjM4MiAxMTMuOTI3IDIwNy42NjQgMTEyLjE3NEMxOTAuOTQ2IDExMC40MjEgMTc1LjE1NyA4NC4xMzA2IDE5NC42NjEgNzAuMTA4OVpNMTQ1LjYyOSA3Ny4xNTI4QzE0Ni42MTUgMTAwLjAwMiAxNjAuODY2IDE0Ni4xMTEgMjA5Ljk3OSAxNDcuNzU2QzE4OC41MjkgMTUxLjg2OSAxNDUuNjI5IDE3MS4zMzYgMTQ1LjYyOSAyMTYuMzAyQzE0NS42MjkgMTk4LjcwOSAxMzMuOTQyIDE2MC4zNjggODcuMTk1NCAxNDcuNzU2QzEwNi42NzMgMTQ1LjY5OSAxNDUuNjI5IDEyOC43IDE0NS42MjkgNzcuMTUyOFoiIGZpbGw9IiNFRUVFRUYiIC8+Cjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-position: left 2px bottom;
}
@media (max-width: 1024px) {
    .main-audio .left {
        width: 100%;
        padding: 32px;
        flex-direction: column;
        gap: 40px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTY3IiBoZWlnaHQ9IjMzOSIgdmlld0JveD0iMCAwIDE2NyAzMzkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMjIuNTYgODAuMTU3MUMyNDAuNCA2Ny4zMzE5IDI1Mi42NDcgNzkuNDg5MSAyNTYuNTQxIDg3LjE3MDhDMjYzLjk3NCA3MC4xMzc2IDI0NC44NiA1OC4xMTM4IDIyMi41NiA2Mi4xMjE2QzIwMC4yNjEgNjYuMTI5NSAxNjIuMDMyIDEwMS4xOTggMjAzLjQ0NiAxMzUuMjY1QzIyMC45NDggMTQ5LjY2MiAyMzcuNjkxIDE1My41MDEgMjUzLjM1NSAxNDkuMzUzVjE2OS4zMzJMMjUzLjYwNSAxOTEuMTcxQzIyNy40ODUgMTg1LjM3MiAxOTAuNDE3IDE5My4wMzIgMTg5LjY0MSAyMjcuNDQ1QzE4OC41OCAyNzQuNTM4IDIyMi41NiAyNzguNTQ1IDI0MS42NzQgMjc4LjU0NUMyNTYuOTY1IDI3OC41NDUgMjYwLjA4IDI2MC41MSAyNTkuNzI2IDI1MS40OTJDMjU2LjE4NyAyNTUuODM0IDI0Ni43NzEgMjY0LjUxOCAyMzcuNDI3IDI2NC41MThDMjAzLjQ0NiAyNjQuNTE4IDIwMy40NDYgMjA3LjQwNiAyNTMuMzU1IDIxMy40MThDMjkzLjI4MiAyMTguMjI3IDI4OS4xMDUgMjUyLjgyOCAyODIuMDI2IDI2OS41MjhDMzM0LjY5NiAyNzkuOTQ4IDMzNy4yNDUgMzE4LjYyNCAzMzEuOTM1IDMzNi42NTlDMzIwLjI1NCAzMTcuNjIyIDI5MS41ODMgMzAyLjU5MiAyNDkuMTA3IDMwMi41OTJDMjE1LjEyNyAzMDIuNTkyIDE5MS4wNTcgMjg5LjIzMyAxODMuMjcgMjgyLjU1M0MxODQuOTY5IDMxMC42MDggMTcyLjY1MSAzMzEuNjQ5IDE2Ni4yOCAzMzguNjYzQzE1Mi42ODggMzI3LjQ0MSAxNDcuODc0IDI5Ni41ODEgMTQ3LjE2NiAyODIuNTUzQzEzMi4yOTkgMjkzLjU3NSAxMTcuNDMzIDMwMy41OTQgNzAuNzA5OCAzMDIuNTkyQzMzLjMzMTQgMzAxLjc5MSA5LjExOTgyIDMyNC45NyAxLjY4NjMxIDMzNi42NTlDLTguNTA3ODcgMjkyLjU3MyAzMC4wMDM1IDI3NC4yMDQgNTAuNTMzNCAyNzAuNTNDMzIuNDgxMiAyNTMuNDk2IDQ5LjQ3MTUgMjAxLjM5NCA4OS44MjM1IDIxMy40MThDMTMwLjE3NSAyMjUuNDQxIDExNC4yNDcgMjYzLjUxNiA5NS4xMzI5IDI2NC41MThDNzkuODQxNyAyNjUuMzE5IDczLjg5NTEgMjU2LjE2OCA3Mi44MzMyIDI1MS40OTJDNzIuODMzMiAyNzMuOTM2IDg0LjE2MDEgMjc4Ljg3OSA4OS44MjM1IDI3OC41NDVDMTQ2LjU1OCAyNzguNTQ1IDE0NS40NDkgMjQxLjU3MiAxNDUuMDg3IDIyOS41MTJDMTQ1LjA2MyAyMjguNzA1IDE0NS4wNDIgMjI4LjAxIDE0NS4wNDIgMjI3LjQ0NUMxNDUuMDQyIDIxOC40MjggMTI2Ljk5IDE4NS4zNjMgODkuODIzNSAxODkuMzcxVjE1MS4yOTZDMTExLjA2MSAxNTMuMyAxMzkuNzMyIDE0MC4yNzUgMTQ1LjA0MiAxMTEuMjE4QzE1MC4zNTEgODIuMTYwOSAxMjIuNzQyIDU4LjExMzggOTUuMTMyOSA2MC4xMTc3QzczLjA0NTYgNjEuNzIwOCA3Mi40NzkyIDc5LjQ4OSA3NC45NTcgODguMTcyNkM4MS4zMjgzIDgwLjQ5MDkgOTcuNDY5MSA2OC43MzQ2IDExMS4wNjEgODMuMTYyOEMxMjguMDUyIDEwMS4xOTggMTA5Ljk5OSAxMzIuMjU5IDc3LjA4MDggMTI4LjI1MUMzNy4xNTM2IDExOS40MzQgNDIuNzQ2NSA4NS44MzQ3IDUwLjUzMzggNzAuMTM3M0M4LjkwNzU4IDcwLjEzNzMgLTAuMDgzMTQxMyAyNS4zODMgMC42MjQ3ODYgMy4wMDU4OEM3LjM1MDExIDE3LjAzMzMgMzAuNzgyNiA0My4yODQ3IDcwLjcwOTggMzYuMDcwNkMxMTAuNjM3IDI4Ljg1NjUgMTQwLjQ0MSA0Ny43NjAyIDE1MC4zNTEgNTguMTEzOEMxNDEuODU2IDQwLjQ3OTEgMTUwLjM1MiAxNi4wMzE0IDE2Ni4yOCAwQzE4Ni40NTYgMTQuMDI3NSAxODUuNzQ4IDQ0LjQyMDMgMTg0LjMzMiA1OC4xMTM4QzIwOS4wMjggMzUuNTg4NCAyMzEuODA5IDM1Ljk0NDMgMjU1LjE1IDM2LjMwODlDMjYxLjkxOCAzNi40MTQ2IDI2OC43MzMgMzYuNTIxMSAyNzUuNjU1IDM2LjA3MDZDMzAwLjI5MSAzNC40Njc1IDMyMy40NCAxMy4zNTk1IDMzMS45MzUgMy4wMDU4OEMzNDEuMjggNDYuMjkwNiAzMDMuOTcyIDY1Ljc5NTUgMjg0LjE1IDcwLjEzNzNDMzAxLjE0IDEyMy4yNDEgMjU2LjU0MSAxMzAuMjU1IDIzNy40MjcgMTI4LjI1MUMyMTguMzEzIDEyNi4yNDcgMjAwLjI2MSA5Ni4xODg0IDIyMi41NiA4MC4xNTcxWk0xNjYuNSA4OC4yMTA2QzE2Ny42MjggMTE0LjMzNCAxODMuOTIxIDE2Ny4wNTIgMjQwLjA3NCAxNjguOTMzQzIxNS41NDkgMTczLjYzNSAxNjYuNSAxOTUuODkyIDE2Ni41IDI0Ny4zMDNDMTY2LjUgMjI3LjE4OCAxNTMuMTM5IDE4My4zNTMgOTkuNjkyMyAxNjguOTMzQzEyMS45NjIgMTY2LjU4MSAxNjYuNSAxNDcuMTQ1IDE2Ni41IDg4LjIxMDZaIiBmaWxsPSIjRUVFRUVGIiAvPgo8L3N2Zz4=');
        background-position: right center;
    }
}
@media (max-width: 568px) {
    .main-audio .left {
        border-radius: 0 24px 24px 24px;
        padding: 20px;
        gap: 40px;
    }
}

.main-audio .left .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 346px;
    width: 42%;
}
@media (max-width: 1024px) {
    .main-audio .left .info {
        width: 100%;
        gap: 32px;
    }
}

.main-audio .left .info h2 {
    font-weight: 500;
    font-size: 50px;
    line-height: 115%;
    letter-spacing: -0.02em;
    color: #000;
}
@media (max-width: 1024px) {
    .main-audio .left .info h2 {
        font-size: 40px;
    }
}

.main-audio .left .info p {
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}

.main-audio .left .info a.button {
    margin-top: 12px;
}

@media (max-width: 1024px) {
    .main-audio .left > a.button {
        width: 100%;
        height: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 568px) {
    .main-audio .left > a.button {
        height: 44px;
    }
}

.main-audio .left .audio-tab {
    width: calc(100% - (346px + 12px));
    width: calc(100% - (42% + 12px));
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
@media (max-width: 1024px) {
    .main-audio .left .audio-tab {
        width: 100%;
    }
}

.main-audio .left .audio-tab .nav {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
@media (max-width: 568px) {
    .main-audio .left .audio-tab .nav {
        gap: 8px;
    }
}

.main-audio .left .audio-tab .nav .nav-link  {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 13px 16px;

    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: #000;

    transition: .3s ease;
}
@media (max-width: 568px) {
    .main-audio .left .audio-tab .nav .nav-link {
        border-radius: 8px;
        padding: 7px 12px;
        font-size: 12px;
        letter-spacing: -0.01em;
    }
    .main-audio .left .audio-tab .nav .nav-link span {
        display: none;
    }
}

.main-audio .left .audio-tab .nav .nav-link.active,
.main-audio .left .audio-tab .nav .nav-link:hover {
    border: 1px solid #808080;
    background: transparent;
}

.main-audio .left .audio-tab .tab-content {
    width: 100%;
}

.main-audio .left .audio-tab .tab-content .tab-pane {

}

.main-audio .left .audio-tab .tab-content .list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.main-audio .left .audio-tab .tab-content .list .item {
    display: flex;
    width: 100%;
    padding: 12px;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-radius: 20px;
    transition: .3s ease;
}

.main-audio .left .audio-tab .tab-content .list .item:hover {
    background: #eeeeef;
}

.main-audio .left .audio-tab .tab-content .list .item .img {
    border-radius: 12px;
    width: 56px;
    height: 56px;
}

.main-audio .left .audio-tab .tab-content .list .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.main-audio .left .audio-tab .tab-content .list .item .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}

.main-audio .left .audio-tab .tab-content .list .item .info p {
    font-weight: 450;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #000;
}

.main-audio .left .audio-tab .tab-content .list .item .info span {
    font-weight: 450;
    font-size: 12px;
    line-height: 115%;
    color: #999;
}

.main-audio .right {
    border-radius: 32px 32px 0 32px;
    padding: 32px;
    width: 444px;
    /*height: 444px;*/
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: #0042be;
}
@media (max-width: 1024px) {
    .main-audio .right {
        width: 100%;
        flex-direction: row;
        height: auto;
    }
}
@media (max-width: 568px) {
    .main-audio .right {
        flex-direction: column;
        border-radius: 24px 24px 0 24px;
        padding: 20px;
    }
}

.main-audio .right .logo {
    border-radius: 16px;
    width: 120px;
    height: 120px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}
@media (max-width: 1024px) {
    .main-audio .right .logo {
        aspect-ratio: 1;
        width: 160px;
        height: 160px;
    }
}
@media (max-width: 568px) {
    .main-audio .right .logo {
        border-radius: 7px;
        width: 72px;
        height: 72px;
    }
}

.main-audio .right .logo img {
    width: 100%;
}

.main-audio .right .info {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.main-audio .right .info .title {
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #fff;
}
@media (max-width: 568px) {
    .main-audio .right .info .title {
        font-size: 20px;
    }
}

.main-audio .right .info .txt {
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 0.8);
}

.main-audio .right .info a {
    display: flex;
    align-items: center;
    gap: 0;

    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #fff;

    transition: .3s ease;
}
.main-audio .right .info a:hover {
    gap: 4px;
}

/* main-blog */

.main-blog {

}

.main-blog .title-block {

}

.main-blog .blog-tab {
    display: flex;
    align-items: flex-start;
    gap: 32px;
}
@media (max-width: 1024px) {
    .main-blog .blog-tab {
        flex-direction: column;
    }
}

.main-blog .blog-tab .nav {
    width: 316px;
    min-width: 316px;
    max-height: 350px;
    position:relative;
}
@media (max-width: 1024px) {
    .main-blog .blog-tab .nav {
        flex-direction: row !important;
        width: 100%;
        gap: 12px;
    }
}
@media (max-width: 568px) {
    .main-blog .blog-tab .nav {
        gap: 8px;
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    .main-blog .blog-tab .nav::-webkit-scrollbar {
        display: none;
    }
}

.main-blog .blog-tab .nav .arrow {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    pointer-events: none;
}
@media (max-width: 1024px) {
    .main-blog .blog-tab .nav .arrow {
        display: none;
    }
}

.main-blog .blog-tab .nav .arrow div {
    pointer-events: all;
}

.main-blog .blog-tab .nav .arrow div[aria-disabled="true"] {
    opacity: 0;
    pointer-events: none;
}

.main-blog .blog-tab .nav .nav-link {
    border-radius: 16px;
    padding: 24px 40px;

    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
    text-align: left;
    transition: .3s ease;
}
@media (max-width: 1024px) {
    .main-blog .blog-tab .nav .nav-link {
        border: 1px solid #d9d9d9;
        border-radius: 10px;
        padding: 14px 16px;
        height: 44px;
        display: flex;
        align-items: center;

        width: fit-content;

        font-size: 16px;
        line-height: 100%;
        text-align: center;
    }
}
@media (max-width: 568px) {
    .main-blog .blog-tab .nav .nav-link {
        border-radius: 8px;
        padding: 7px 12px;
        font-size: 12px;
        letter-spacing: -0.01em;
        min-width: fit-content;
    }
}

.main-blog .blog-tab .nav .nav-link.active,
.main-blog .blog-tab .nav .nav-link:hover {
    background: #f6f6f6;
}
@media (max-width: 1024px) {
    .main-blog .blog-tab .nav .nav-link.active {
        background: transparent;
        border: 1px solid #808080;
    }
}

.main-blog .blog-tab .tab-content {

}

.main-blog .blog-tab .tab-content {
    width: 100%;
}

.main-blog .blog-tab .tab-content .tab-pane {

}

.main-blog .blog-tab .tab-content .list {
    display: flex;
    /* align-items: center; */
    gap: 32px;
}
@media (max-width: 1024px) {
    .main-blog .blog-tab .tab-content .list {
        overflow-x: auto;
        gap: 20px;
    }
    .main-blog .blog-tab .tab-content .list::-webkit-scrollbar {
        display: none;
    }
}

.main-blog .blog-tab .tab-content .list .item {
    display: flex;
    width: 316px;
    width: calc(100%/3 - (32px*2/3));
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
@media (max-width: 1024px) {
    .main-blog .blog-tab .tab-content .list .item {

    }
}
@media (max-width: 940px) {
    .main-blog .blog-tab .tab-content .list .item {
        width: 316px;
        min-width: 316px;
    }
}

.main-blog .blog-tab .tab-content .list .item .img {
    border-radius: 32px;
    position: relative;
}

.main-blog .blog-tab .tab-content .list .item .img:after {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 32px;
    background: rgb(0 0 0 / 25%);
}

.main-blog .blog-tab .tab-content .list .item .img img {
    border-radius: 32px;
    aspect-ratio: 316/200;
    object-fit: cover;
}
@media (max-width: 568px) {
    .main-blog .blog-tab .tab-content .list .item .img img {
        border-radius: 24px;
    }
}

.main-blog .blog-tab .tab-content .list .item .img .meta {
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    left: 16px;
    bottom: 16px;
    z-index: 1;
}

.main-blog .blog-tab .tab-content .list .item .img .meta div {
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    height: 32px;
    padding: 0 8px;
    align-items: center;
    gap: 4px;

    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #fff;
}

.main-blog .blog-tab .tab-content .list .item .img .meta .like {

}

.main-blog .blog-tab .tab-content .list .item .img .meta .flame {

}

.main-blog .blog-tab .tab-content .list .item .img .meta .plus {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 568px) {
    .main-blog .blog-tab .tab-content .list .item .img .meta .plus {
        border-radius: 32px;
        width: 32px;
        height: 32px;
        padding: 2px;
    }
}

.main-blog .blog-tab .tab-content .list .item .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.main-blog .blog-tab .tab-content .list .item .info a {
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 568px) {
    .main-blog .blog-tab .tab-content .list .item .info a {
        font-size: 16px;
        line-height: 110%;
    }
}

.main-blog .blog-tab .tab-content .list .item:hover .info a {
    text-decoration: underline;
    /*text-decoration-skip-ink: none;*/
}

.main-blog .blog-tab .tab-content .list .item .info p {
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 568px) {
    .main-blog .blog-tab .tab-content .list .item .info p {

    }
}

.main-blog .blog-tab .tab-content .list .item .info .data-view {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 4px;
}

.main-blog .blog-tab .tab-content .list .item .info .data-view span {
    display: flex;
    align-items: center;
    gap: 5px;

    font-weight: 450;
    font-size: 15px;
    line-height: 115%;
    color: #999;
}

/* main-photo */

.main-photo {

}

.main-photo .title-block {

}

.main-photo .photo-tab {
    display: flex;
    align-items: flex-start;
    gap: 32px;
}
@media (max-width: 1024px) {
    .main-photo .photo-tab {
        flex-direction: column;
    }
}
@media (max-width: 568px) {
    .main-photo .photo-tab {
        gap: 20px;
    }
}

.main-photo .photo-tab .nav {
    width: calc(50% - 16px);
}
@media (max-width: 1024px) {
    .main-photo .photo-tab .nav {
        width: 100%;
        flex-direction: row !important;
        gap: 12px;
    }
}
@media (max-width: 568px) {
    .main-photo .photo-tab .nav {
        gap: 8px;
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    .main-photo .photo-tab .nav::-webkit-scrollbar {
        display: none;
    }
}

.main-photo .photo-tab .nav .nav-link {
    display: flex;
    padding: 20px;
    border-radius: 32px;
    align-items: flex-start;
    gap: 24px;
    transition: .3s ease;
}
@media (max-width: 1024px) {
    .main-photo .photo-tab .nav .nav-link {
        border: 1px solid #d9d9d9;
        border-radius: 10px;
        padding: 14px 16px;
        height: 44px;
        display: flex;
        align-items: center;

        font-size: 16px;
        line-height: 100%;
        text-align: center;
    }
}
@media (max-width: 568px) {
    .main-photo .photo-tab .nav .nav-link {
        border-radius: 8px;
        padding: 7px 12px;
        font-size: 12px;
        letter-spacing: -0.01em;
        min-width: fit-content;
    }
}

.main-photo .photo-tab .nav .nav-link:hover,
.main-photo .photo-tab .nav .nav-link.active {
    background: #f6f6f6;
}
@media (max-width: 1024px) {
    .main-photo .photo-tab .nav .nav-link.active {
        background: transparent;
        border: 1px solid #808080;
    }
}

.main-photo .photo-tab .nav .nav-link .img {
    width: 224px;
}
@media (max-width: 1024px) {
    .main-photo .photo-tab .nav .nav-link .img {
        display: none;
    }
}

.main-photo .photo-tab .nav .nav-link .img img {
    border-radius: 16px;
    align-self: 224/128;
    object-fit: cover;
}

.main-photo .photo-tab .nav .nav-link .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
}

.main-photo .photo-tab .nav .nav-link .info .title {
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 1024px) {
    .main-photo .photo-tab .nav .nav-link .info .title {
        font-size: 16px;
        line-height: 100%;
        text-align: center;
    }
}
@media (max-width: 568px) {
    .main-photo .photo-tab .nav .nav-link .info .title {
        font-size: 12px;
    }
}

.main-photo .photo-tab .nav .nav-link .info span {
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}
@media (max-width: 1024px) {
    .main-photo .photo-tab .nav .nav-link .info span {
        display: none;
    }
}

.main-photo .photo-tab .nav .nav-link .info .txt {
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
    text-align: left;
}
@media (max-width: 1024px) {
    .main-photo .photo-tab .nav .nav-link .info .txt {
        display: none;
    }
}

.main-photo .photo-tab .tab-content {
    width: calc(50% - 16px);
}
@media (max-width: 1024px) {
    .main-photo .photo-tab .tab-content {
        width: 100%;
    }
}

.main-photo .photo-tab .tab-content .tab-pane {
    border: 1px solid #d9d9d9;
    border-radius: 32px;
    padding: 32px 0;

    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    box-shadow: 0 0 0 #ffffff;
}
@media (max-width: 568px) {
    .main-photo .photo-tab .tab-content .tab-pane {
        border-radius: 24px;
        padding: 20px 0;
    }
}

.main-photo .photo-tab .tab-content .tab-pane.active {
    display: flex;
}

.main-photo .photo-tab .tab-content .tab-pane .title {
    padding: 0 32px;

    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .main-photo .photo-tab .tab-content .tab-pane .title {
        padding: 0 20px;
        font-size: 20px;
    }
}

.main-photo .photo-tab .tab-content .tab-pane .photo-carousel {
    width: 100%;
}

.main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    padding: 0 32px;
}
@media (max-width: 568px) {
    .main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-slide {
        padding: 0 20px;
        gap: 24px;
    }
}

.main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-slide img {
    border-radius: 24px;
    aspect-ratio: 600/330;
    object-fit: cover;
}
@media (max-width: 1024px) {
    .main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-slide img {
        border-radius: 32px;
        aspect-ratio: 664/330;
    }
}
@media (max-width: 568px) {
    .main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-slide img {
        border-radius: 24px;
        aspect-ratio: 326/220;
    }
}

.main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-slide .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-top: calc(70px - 52px);
}
@media (max-width: 568px) {
    .main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-slide .info {
        margin-top: 50px;
    }
}

.main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-slide .name {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
    min-height: 46px;
}
@media (max-width: 568px) {
    .main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-slide .name {
        font-size: 16px;
        line-height: 110%;
    }
}

.main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-slide .txt {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}
@media (max-width: 568px) {
    .main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-slide .txt {

    }
}

.main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-slide a.button {

}
@media (max-width: 1024px) {
    .main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-slide a.button {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 52px;
    }
}

.main-photo .photo-tab .tab-content .tab-pane .photo-carousel .arrow {
    position: absolute;
    top: calc(27% - 0px);
    right: 10px;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    width: calc(100% - 20px);
    pointer-events: none;
    /*opacity: 0;*/
    transition: .3s ease;
}
@media (max-width: 1024px) {
    .main-photo .photo-tab .tab-content .tab-pane .photo-carousel .arrow {
        opacity: 1;
        pointer-events: all;
        top: 30%;
    }
}
@media (max-width: 568px) {
    .main-photo .photo-tab .tab-content .tab-pane .photo-carousel .arrow {
        display: none;
    }
}

.main-photo .photo-tab .tab-content .tab-pane .photo-carousel .arrow:hover {
    opacity: 1;
}

.main-photo .photo-tab .tab-content .tab-pane .photo-carousel:hover .arrow {
    opacity: 1;
}

.main-photo .photo-tab .tab-content .tab-pane .photo-carousel .arrow div {
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #f6f6f6;
    pointer-events: all;
}

.main-photo .photo-tab .tab-content .tab-pane .photo-carousel .arrow div[aria-disabled="true"] {
    opacity: 0;
    pointer-events: none;
}

.main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-counter-photos {
    position: absolute;
    top: 64%;
    bottom: 0;
    height: 22px;
    left: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 1024px) {
    .main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-counter-photos {
        top: 65%;
    }
}
@media (max-width: 568px) {
    .main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-counter-photos {
        top: 52%;
        left: 20px;
    }
}

.main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    top: 64%;
    bottom: 0;
    height: 22px;
    margin-top: 12px;
}
@media (max-width: 1024px) {
    .main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-pagination {
        top: 65%;
    }
}
@media (max-width: 568px) {
    .main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-pagination {
        top: 52%;
    }
}

.main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #EEEEEF;
    opacity: 1;
    margin: 0;
}

.main-photo .photo-tab .tab-content .tab-pane .photo-carousel .swiper-pagination .swiper-pagination-bullet-active {
    background: #D9D9D9;
}

/* main-video */

.main-video {

}

.main-video .title-block {

}

.main-video .list-video {
    display: flex;
    /*align-items: center;*/
    gap: 32px;
}
@media (max-width: 1024px) {
    .main-video .list-video {
        flex-direction: column;
    }
}
@media (max-width: 568px) {
    .main-video .list-video {
        gap: 24px;
    }
}

.main-video .list-video > .info {
    border-radius: 28px 28px 28px 0;
    padding: 28px;
    width: 316px;
    min-width: 316px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    background: #f6f6f6;
}
@media (max-width: 1024px) {
    .main-video .list-video > .info {
        width: 100%;
    }
}
@media (max-width: 568px) {
    .main-video .list-video > .info {
        border-radius: 24px 24px 24px 0;
        padding: 20px;
    }
}

.main-video .list-video .info h5 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
    margin: 0;
}
@media (max-width: 568px) {
    .main-video .list-video .info h5 {
        font-size: 16px;
        line-height: 150%;
    }
}

.main-video .list-video .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}

.main-video .list-video .list {
    display: flex;
    align-items: flex-start;
    gap: 32px;
}
@media (max-width: 1024px) {
    .main-video .list-video .list {
        overflow-x: auto;
        gap: 20px;
    }
    .main-video .list-video .list::-webkit-scrollbar {
        display: none;
    }
}

.main-video .list-video > .list .item {
    display: flex;
    width: 316px;
    width: calc(100%/3 - (32px*2/3));
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
@media (max-width: 960px) {
    .main-video .list-video > .list .item {
        width: 316px;
        min-width: 316px;
    }
}

.main-video .list-video .list .item .img {
    border-radius: 32px;
    position: relative;
}

.main-video .list-video .list .item .img img {
    border-radius: 32px;
    aspect-ratio: 316 / 200;
    object-fit: cover;
}

.main-video .list-video .list .item .img span {
    position: absolute;
    right: 16px;
    bottom: 16px;
    border-radius: 20px;
    padding: 4px 8px;
    background: #fff;
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #000;
}

.main-video .list-video .list .item .info {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.main-video .list-video .list .item .info .name {
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 568px) {
    .main-video .list-video .list .item .info .name {
        font-size: 16px;
        line-height: 110%;
    }
}
.main-video .list-video > .list .item:hover .name {
    text-decoration: underline;
}

.main-video .list-video .list .item .info .meta {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 4px;
}

.main-video .list-video .list .item .info .meta span {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 450;
    font-size: 15px;
    line-height: 115%;
    color: #999;
}

/* video-item*/

.video-item {
    display: flex;
    /*width: 316px;*/
    /*width: calc(100%/3 - (32px*2/3));*/
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
@media (max-width: 960px) {
    .video-item {
        /*width: 316px;*/
        /*min-width: 316px;*/
    }
}

.video-item .img {
    border-radius: 32px;
    position: relative;
}

.video-item .img img {
    border-radius: 32px;
    aspect-ratio: 316 / 200;
    object-fit: cover;
}

.video-item .img span {
    position: absolute;
    right: 16px;
    bottom: 16px;
    border-radius: 20px;
    padding: 4px 8px;
    background: #fff;
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #000;
}

.video-item .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.video-item .info .name {
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 568px) {
    .video-item .info .name {
        font-size: 16px;
        line-height: 110%;
    }
}
.video-item:hover .info .name {
    text-decoration: underline;
}

.video-item .info .meta {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 4px;
}

.video-item .info .meta span {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 450;
    font-size: 15px;
    line-height: 115%;
    color: #999;
}


/* block-quest */

.block-quest {
    display: flex;
    padding: 40px;
    align-items: flex-start;
    gap: 40px;
    border-radius: 32px 32px 0px 32px;
    background: #0042BE;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwOCIgdmlld0JveD0iMCAwIDIwMCAyMDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNTEuMTgyIDUzLjk5OEMxNzUuNTA3IDU4LjQwODIgMTg3LjU1NCA4Ni41MTk2IDE5MS45NzkgOTkuNjQzNkMxOTQuNDAzIDkzLjk1ODUgMTk3LjA5MyA4OS4wMDg4IDIwMCA4NC42NTYyVjE0OS44QzE5NS44NDIgMTQ0LjQ2MiAxOTIuNTYgMTM5LjIwOCAxOTAuMjMgMTM0LjYzN0MyMDQuMTU5IDE2NS4xNTQgMTk5Ljc1NyAxOTAuMDU1IDE4OS43OTUgMjA4SDE2Ny42OTFDMTc3LjAzNiAxOTYuODgxIDE4Mi40ODggMTgxLjYyMiAxNzguMjAyIDE2NC42NTdDMTcwLjkyNCAxMzUuODQ2IDEzNS42MTEgMTI1LjM3MSAxMTEuMTggMTM4LjczN0M5MS42MzQ3IDE0OS40MzEgOTguNTM4NiAxNjUuOTI5IDEwNC40MzQgMTcyLjg0MkMxMDcuMDU2IDE2My4xNSAxMTYuOTE3IDE0NS42NDkgMTM1LjM4NCAxNTMuMTc2QzE1OC4wMDcgMTYyLjM5NyAxNTUuMDUxIDE5Ny4xMjcgMTI0Ljk4NyAyMDhIOTcuOTk1MUM3OC45NDcyIDIwMS4zMDEgNzQuMTIzMSAxNzkuNjQyIDc0LjU0NjkgMTY2LjUzOEMzNi40NTA0IDE4My45MjYgOS41Mjc3NSAxNDYuNzIyIDAuODI4MTI1IDEyNS45NDZDMTIuODQzMSAxMzUuOTc1IDQ1LjI1NDMgMTUwLjIxMiA3OC43ODIyIDEyNi45MzJDMTEyLjMxIDEwMy42NTEgMTQ3LjQ4MyAxMDguNTAyIDE2MC44NzkgMTEzLjgzOEMxNDUuNzM4IDEwMS4yNDcgMTQzLjMwMSA3NS4zMjM1IDE1MS4xODIgNTMuOTk4WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4xIi8+Cjwvc3ZnPgo=');
    background-repeat: no-repeat;
    background-position: right bottom;
}
@media (max-width: 1368px) {
    .block-quest {
        width: calc(100% - 40px);
    }
}
@media (max-width: 1024px) {
    .block-quest {
        flex-direction: column;
        gap: 48px;
        width: calc(100% - 40px);
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEyIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDIxMiAyNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNjkuNTI4IDIyNy4yNjFDMTg3LjgzMiAyMjQuNzA4IDE5OC40MDIgMjMxLjE2OSAyMDMuMDg1IDI0MC4wMDNIMTQ2LjA4NEMxNTEuMDIxIDIzMy41OCAxNTguNjU3IDIyOC43NzcgMTY5LjUyOCAyMjcuMjYxWk0xNTAuMzU0IDBDMTc0LjY3OSA0LjQxMDExIDE4Ni43MjYgMzIuNTIyNiAxOTEuMTUgNDUuNjQ2NUMxOTYuNjQ1IDMyLjc2MzIgMjAzLjQ5NSAyMy42NTI4IDIxMS4xNzIgMTYuNzI1NlY1NS43NDAyQzIwNy4xMTEgNjUuOTY0IDIwNi4wMDIgNzcuNjc0MyAyMTEuMTcyIDg3Ljc1ODhWMTA4LjgwOEMyMDEuMDUxIDk5LjU3MzYgMTkzLjY0OCA4OC45Njk5IDE4OS40MDIgODAuNjM5NkMyMTQuMDIxIDEzNC41NzggMTgxLjM3NyAxNzAuOTcxIDE2MS45NzggMTgyLjQyNUMxODEuMzg4IDE3OS4yIDE5Ny43NTMgMTgxLjQyNSAyMTEuMTcyIDE4Ni40NjVWMjA0LjI5M0MxOTguNTEzIDE5Ny41MDIgMTc5LjM3OSAxOTMuNDQ2IDE1OS40ODMgMjA1LjI1M0wxNDMuNTc4IDE3MC40MDZDMTYzLjg1MiAxNjMuMzY5IDE4NC42NTIgMTM5LjQ3MSAxNzcuMzc0IDExMC42NkMxNzAuMDk2IDgxLjg0OTMgMTM0Ljc4MyA3MS4zNzM2IDExMC4zNTIgODQuNzQwMkM5MC44MDY2IDk1LjQzMzggOTcuNzEwNSAxMTEuOTMyIDEwMy42MDUgMTE4Ljg0NUMxMDYuMjI4IDEwOS4xNTMgMTE2LjA4OSA5MS42NTE2IDEzNC41NTYgOTkuMTc4N0MxNTcuNjM5IDEwOC41ODggMTU0LjA5MiAxNDQuNTU1IDEyMi4yOSAxNTQuNjM4QzgyLjA2NTIgMTYzLjI0NiA3My4xNDg4IDEzMC4xNTkgNzMuNzE4OCAxMTIuNTRDMzUuNjIyMiAxMjkuOTI4IDguNjk5NzQgOTIuNzI0OSAwIDcxLjk0OTJDMTIuMDE1MSA4MS45NzggNDQuNDI2MiA5Ni4yMTQgNzcuOTU0MSA3Mi45MzM2QzExMS40ODIgNDkuNjUzMiAxNDYuNjU1IDU0LjUwNTEgMTYwLjA1MSA1OS44NDA4QzE0NC45MSA0Ny4yNDk5IDE0Mi40NzMgMjEuMzI1NiAxNTAuMzU0IDBaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjEiLz4KPC9zdmc+Cg==');
    }
}
@media (max-width: 568px) {
    .block-quest {
        border-radius: 24px 24px 0 24px;
        padding: 20px;
        gap: 40px;
        width: calc(100% - 24px);
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM5IiBoZWlnaHQ9IjE4MyIgdmlld0JveD0iMCAwIDEzOSAxODMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMTAuNjY1IDE0OC4zNTFDMTM4LjA1MSAxNDQuNTMxIDEzOC45MTggMTcxLjYyMSAxMjcuNzcxIDE3Ny40MzJDMTE4Ljg1NSAxODIuMDggMTEyLjgwNyAxNzguMjMzIDExMC44OTcgMTc1LjcyOUMxMTIuMTk4IDE3OC41NzkgMTEzLjU4OSAxODAuODE2IDExNS4wMDQgMTgyLjU1N0g5Mi43NDlDODcuNjA1OCAxNjkuOTkzIDkxLjE2MDUgMTUxLjA3MSAxMTAuNjY1IDE0OC4zNTFaTTEzOC44MDggMTgyLjU1N0gxMzcuMTM5QzEzNy43MTUgMTgyLjE4NiAxMzguMjcxIDE4MS44MTMgMTM4LjgwOCAxODEuNDM4VjE4Mi41NTdaTTk4LjE0ODQgMEMxMTQuMDI3IDIuODc4OTEgMTIxLjg5MSAyMS4yMjg3IDEyNC43NzkgMjkuNzk1OUMxMjguNTkzIDIwLjg1MzYgMTMzLjQwOCAxNC42OTU4IDEzOC44MDggMTAuMDc1MlYzNC4xODY1QzEzNS4xNTEgNDEuODg3NCAxMzMuOTA4IDUxLjMwNTIgMTM4LjgwOCA1OC45NTIxVjcxLjg4MjhDMTMxLjcwOCA2NS42NjI0IDEyNi41NDIgNTguMzM2MSAxMjMuNjM5IDUyLjYzODdDMTM5LjcwOSA4Ny44NDgyIDExOC40IDExMS42MDUgMTA1LjczNiAxMTkuMDgyQzExOC44NzMgMTE2Ljg5OSAxMjkuODcyIDExOC41NDQgMTM4LjgwOCAxMjIuMDkzVjEzMy44ODlDMTMwLjU3MSAxMjkuMTQ5IDExNy42MDggMTI1Ljk3MyAxMDQuMTA4IDEzMy45ODRMOTMuNzI1NiAxMTEuMjM2QzEwNi45NiAxMDYuNjQyIDEyMC41MzggOTEuMDQzNCAxMTUuNzg3IDcyLjIzNjNDMTExLjAzNiA1My40MjkyIDg3Ljk4NDMgNDYuNTkxIDcyLjAzNjEgNTUuMzE2NEM1OS4yNzggNjIuMjk2NyA2My43ODM4IDczLjA2NTYgNjcuNjMxOCA3Ny41NzgxQzY5LjM0MzkgNzEuMjUxNSA3NS43ODEgNTkuODI4NCA4Ny44MzUgNjQuNzQxMkMxMDIuOTAzIDcwLjg4MzIgMTAwLjU4OSA5NC4zNjE1IDc5LjgyOTEgMTAwLjk0M0M1My41NzE0IDEwNi41NjMgNDcuNzUxMSA4NC45NjU1IDQ4LjEyMyA3My40NjM5QzIzLjI1NDMgODQuODE0MiA1LjY3ODgxIDYwLjUyNzYgMCA0Ni45NjU4QzcuODQyOSA1My41MTI0IDI5LjAwMTEgNjIuODA2NiA1MC44ODc3IDQ3LjYwOTRDNzIuNzc0MSAzMi40MTI1IDk1LjczNDEgMzUuNTc5NSAxMDQuNDc5IDM5LjA2MjVDOTQuNTk0OSAzMC44NDM1IDkzLjAwNCAxMy45MjA4IDk4LjE0ODQgMFoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMSIvPgo8L3N2Zz4K');
    }
}

.block-quest .left {
    width: calc(50% - 16px);
}
@media (max-width: 1024px) {
    .block-quest .left {
        width: 100%;
    }
}

.block-quest .left h4 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #fff;
}
@media (max-width: 568px) {
    .block-quest .left h4 {
        font-size: 20px;
    }
}

.block-quest .right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    max-width: 416px;
    gap: 24px 40px;
    flex-shrink: 0;
    flex-wrap: wrap;
}
@media (max-width: 568px) {
    .block-quest .right {
        gap: 16px;
        width: 100%;
    }
}

.block-quest .right .answer {
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 10px;
    padding: 14px 16px;
    cursor: pointer;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #fff;
    text-align: center;

    transition: .3s ease;
}
@media (max-width: 568px) {
    .block-quest .right .answer {
        font-size: 14px;
        height: 44px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.block-quest .right .answer:hover {
    background: #fff;
    color: #0042be;
}

/* wiki-block */

.wiki-block {

}

.wiki-block .title-block {

}

.wiki-block .wiki-tab {
    display: flex;
    align-items: flex-start;
    gap: 32px;
}
@media (max-width: 1024px) {
    .wiki-block .wiki-tab {
        flex-direction: column-reverse;
        gap: 20px;
    }
}

.wiki-block .wiki-tab .nav {
    width: 320px;
    min-width: 320px;
    max-height: 350px;
}
@media (max-width: 1024px) {
    .wiki-block .wiki-tab .nav {
        width: 100%;
        flex-direction: row !important;
        gap: 12px;
    }
}
@media (max-width: 568px) {
    .wiki-block .wiki-tab .nav {
        gap: 8px;
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    .wiki-block .wiki-tab .nav::-webkit-scrollbar {
        display: none;
    }
}

.wiki-block .wiki-tab .nav .arrow {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    pointer-events: none;
}
@media (max-width: 1024px) {
    .wiki-block .wiki-tab .nav .arrow {
        display: none;
    }
}

.wiki-block .wiki-tab .nav .arrow div {
    pointer-events: all;
}

.wiki-block .wiki-tab .nav .arrow div[aria-disabled="true"] {
    opacity: 0;
    pointer-events: none;
}

.wiki-block .wiki-tab .nav .nav-link {
    border-radius: 20px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 16px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
    text-align: left;
    width: 100%;
}
@media (max-width: 1024px) {
    .wiki-block .wiki-tab .nav .nav-link {
        border: 1px solid #d9d9d9;
        border-radius: 10px;
        padding: 14px 16px;
        height: 44px;
        display: flex;
        align-items: center;
        width: fit-content;

        font-size: 16px;
        line-height: 100%;
        text-align: center;
    }
}
@media (max-width: 568px) {
    .wiki-block .wiki-tab .nav .nav-link {
        border-radius: 8px;
        padding: 7px 12px;
        font-size: 12px;
        height: 32px;
        letter-spacing: -0.01em;
        min-width: fit-content;
    }
}


.wiki-block .wiki-tab .nav .nav-link.active,
.wiki-block .wiki-tab .nav .nav-link:hover {
    background: #f6f6f6;
}
.wiki-block .wiki-tab .nav .swiper-slide-active {
    /*border: 1px solid #b52b3a;*/
}
@media (max-width: 1024px) {
    .wiki-block .wiki-tab .nav .nav-link.active{
        background: transparent;
        border: 1px solid #808080;
    }
}

.wiki-block .wiki-tab .nav .nav-link img {
    border-radius: 12px;
    aspect-ratio: 1;
    object-fit: cover;
    width: 56px;
}
@media (max-width: 1024px) {
    .wiki-block .wiki-tab .nav .nav-link img {
        display: none;
    }
}

.wiki-block .wiki-tab .tab-content {
    width: calc(100% - (320px + 32px));
}
@media (max-width: 1024px) {
    .wiki-block .wiki-tab .tab-content {
        width: 100%;
    }
}

.wiki-block .wiki-tab .tab-content .tab-pane {
    border: 1px solid #d9d9d9;
    border-radius: 32px 32px 32px 0;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}
@media (max-width: 568px) {
    .wiki-block .wiki-tab .tab-content .tab-pane {
        border-radius: 24px 24px 24px 0;
        padding: 20px;
        gap: 24px;
    }
}

.wiki-block .wiki-tab .tab-content .tab-pane.active {
    display: flex;
}

.wiki-block .wiki-tab .tab-content .tab-pane .top {
    display: flex;
    align-items: center;
    gap: 25px;
}

.wiki-block .wiki-tab .tab-content .tab-pane .top img {
    border-radius: 15px;
    width: 145px;
    height: 75px;
    object-fit: contain;
}
@media (max-width: 1024px) {
    .wiki-block .wiki-tab .tab-content .tab-pane .top img {
        border-radius: 12px;
        width: 120px;
        height: 60px;
    }
}
@media (max-width: 568px) {
    .wiki-block .wiki-tab .tab-content .tab-pane .top img {
        border-radius: 8px;
        width: 80px;
        height: 40px;
    }
}

.wiki-block .wiki-tab .tab-content .tab-pane .top p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .wiki-block .wiki-tab .tab-content .tab-pane .top p {
        font-size: 16px;
        line-height: 110%;
        gap: 12px;
    }
}

.wiki-block .wiki-tab .tab-content .tab-pane .info {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #000;

    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 568px) {
    .wiki-block .wiki-tab .tab-content .tab-pane .info {
        font-size: 15px;

        -webkit-line-clamp: 8;
    }
}

.wiki-block .wiki-tab .tab-content .tab-pane a.button {
    height: 52px;
    align-items: center;
}
@media (max-width: 1024px) {
    .wiki-block .wiki-tab .tab-content .tab-pane a.button {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 52px;
    }
}
@media (max-width: 568px) {
    .wiki-block .wiki-tab .tab-content .tab-pane a.button {
        height: 44px;
    }
}

/* banner-forum */

.banner-forum {
    border-radius: 32px 32px 0 32px;
    padding: 40px;
    background: #f6f6f6;
    display: flex;
    gap: 32px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDMyIiBoZWlnaHQ9IjM2MCIgdmlld0JveD0iMCAwIDQzMiAzNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF83NjBfMjY3MSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM1OC40MDEgMjA3Ljg3NEMzNzIuOTQzIDE4Mi40MzYgMzk0LjUzNCAxOTAuNDAzIDQwMy41MTEgMTk3LjU2N0M0MDMuMDk4IDE3Mi43ODYgMzczLjI1IDE2OC43ODIgMzQ4LjQxNCAxODUuOTkzQzMyMy41NzkgMjAzLjIwMyAyOTYuNjE4IDI2Ni45MTggMzY1LjcyNyAyODUuMzE2QzM5NC45MzIgMjkzLjA5MSA0MTcuMzcxIDI4OC40NzcgNDM0LjA3OSAyNzQuNzcyTDQ0NS4xNDEgMjk5LjAxTDQ1Ny41MzggMzI1LjM2OEM0MjIuNjM4IDMzMi43OTYgMzgxLjkwOCAzNjIuNjE1IDQwMC4wMjIgNDA0Ljc5NkM0MjQuODExIDQ2Mi41MTcgNDY4LjI1NiA0NDguNTYzIDQ5MS40NDYgNDM3Ljk3OUM1MDkuOTk3IDQyOS41MTIgNTAzLjc5IDQwNS45MDYgNDk4LjM2NyAzOTUuMTYyQzQ5Ni40NzcgNDAyLjM4OSA0ODkuODYyIDQxOC4xMzggNDc4LjUyNSA0MjMuMzEzQzQzNy4yOTkgNDQyLjEyOSA0MDUuNjc0IDM3Mi44NCA0NjkuNTU0IDM1Mi40OTdDNTIwLjY1NyAzMzYuMjIyIDUzNC43NSAzODAuNTE0IDUzNS40MDggNDA0LjY5NEM2MDUuMDc5IDM4OC4xNzEgNjI5LjU4NyA0MzMuNjgyIDYzMy4xMzIgNDU4LjUwM0M2MDguNDE5IDQ0MS44NzUgNTY1LjMxMiA0MzkuNTE3IDUxMy43OCA0NjMuMDM4QzQ3Mi41NTQgNDgxLjg1NCA0MzUuOTU0IDQ3OC45NzQgNDIyLjgwOCA0NzUuMTgyQzQ0MC40MDQgNTA4LjI3OCA0MzcuMTExIDU0MC42MjcgNDMzLjI2NSA1NTIuNjY0QzQxMC41NiA1NDYuNTc2IDM4Ny42MzEgNTExLjgwMSAzNzkuMDA1IDQ5NS4xNzRDMzY3LjA3MiA1MTYuNzc4IDM1NC41ODQgNTM3LjE2NiAyOTcuMzQzIDU2MS44MjNDMjUxLjU1MSA1ODEuNTQ4IDIzNS4wMTIgNjIzLjA3NiAyMzIuNDY2IDY0MS4zNzRDMTk1LjY4NiA1OTMuNTMzIDIzMi4yMzcgNTQ5LjkyMSAyNTUuMTExIDUzNC4wOTZDMjIzLjc3NyA1MjMuNDI3IDIxNS41MzkgNDUwLjgwNyAyNzEuMTUzIDQ0My4wNUMzMjYuNzY3IDQzNS4yOTMgMzI4LjUyNiA0OTAuMzA2IDMwNS44OTEgNTAyLjEwNkMyODcuNzgzIDUxMS41NDYgMjc1LjUwMSA1MDMuNzM2IDI3MS42MjQgNDk4LjY1MUMyODQuMDUyIDUyNS44ODEgMzAwLjUzMSA1MjUuNjA2IDMwNy4yMTcgNTIyLjA2NEMzNzYuMDQ5IDQ5MC42NDggMzU0LjIyOSA0NDYuNDA2IDM0Ny4xMTIgNDMxLjk3NEwzNDcuMTEyIDQzMS45NzRDMzQ2LjYzNiA0MzEuMDA5IDM0Ni4yMjYgNDMwLjE3OCAzNDUuOTEzIDQyOS40OTJDMzQwLjkyIDQxOC41NTIgMzAwLjcwOSAzODguNDMzIDI1Ny44MzggNDEzLjg3NkwyMzYuNzU0IDM2Ny42ODNDMjYzLjYzIDM1OC4zNTQgMjkxLjIwMiAzMjYuNjc1IDI4MS41NTQgMjg4LjQ4MkMyNzEuOTA1IDI1MC4yOSAyMjUuMDkzIDIzNi40MDMgMTkyLjcwNyAyNTQuMTIzQzE2Ni43OTggMjY4LjI5OCAxNzUuOTQ5IDI5MC4xNjkgMTgzLjc2NCAyOTkuMzMyQzE4Ny4yNCAyODYuNDg0IDIwMC4zMTMgMjYzLjI4MyAyMjQuNzkzIDI3My4yNjJDMjU1LjM5MiAyODUuNzM0IDI1MC42OTEgMzMzLjQxNCAyMDguNTM0IDM0Ni43OEMxNTUuMjExIDM1OC4xOTIgMTQzLjM5MSAzMTQuMzMyIDE0NC4xNDYgMjkwLjk3NUM5My42NDQ1IDMxNC4wMjUgNTcuOTU0NiAyNjQuNzA3IDQ2LjQyMjUgMjM3LjE2NkM2Mi4zNDkzIDI1MC40NiAxMDUuMzE1IDI2OS4zMzQgMTQ5Ljc2IDIzOC40NzJDMTk0LjIwNiAyMDcuNjExIDI0MC44MzIgMjE0LjA0MiAyNTguNTkgMjIxLjExNUMyMzguNTE4IDIwNC40MjQgMjM1LjI4NyAxNzAuMDYgMjQ1LjczNSAxNDEuNzlDMjc3Ljk4MSAxNDcuNjM2IDI5My45NTEgMTg0LjkwMiAyOTkuODE2IDIwMi4yOTlDMzE3LjMwNCAxNjEuMjk1IDM0NS4xNCAxNDkuMTEyIDM3My42NTkgMTM2LjYzQzM4MS45MjkgMTMzLjAxMSAzOTAuMjU2IDEyOS4zNjYgMzk4LjQwNSAxMjQuOTg3QzQyNy40MDYgMTA5LjQgNDQzLjgwMyA3MC45NzI2IDQ0OC4zNzYgNTMuNzA3M0M0ODMuNjgyIDEwMS4wNDcgNDQ5LjIxOSAxNDUuMzY5IDQyNy41NzUgMTYxLjYxM0M0NzcuNTk0IDIxNi42MzIgNDI3LjM2OSAyNDkuODM4IDQwMy4wNjkgMjU3Ljk5MUMzNzguNzcgMjY2LjE0NCAzNDAuMjI0IDIzOS42NzIgMzU4LjQwMSAyMDcuODc0Wk0yOTcuNDk5IDI0OC42ODZDMzEzLjMzMyAyNzkuNzU2IDM2Mi4yOTIgMzM0LjY5MiA0MzEuNDU5IDMwNS44OEM0MDQuMzA5IDMyNS4xNjUgMzU3LjEyNiAzNzkuMzI4IDM4NS41OTUgNDQxLjcwMkMzNzQuNDU2IDQxNy4yOTcgMzMzLjk3MiAzNzEuNTE0IDI2MS4xNDUgMzgzLjYxNEMyODYuODYgMzY4LjQzMSAzMzAuMTMzIDMyMC4xODggMjk3LjQ5OSAyNDguNjg2WiIgZmlsbD0iI0VFRUVFRiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzc2MF8yNjcxIj4KPHJlY3Qgd2lkdGg9IjQzMiIgaGVpZ2h0PSIzNjAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==');
    background-repeat: no-repeat;
    background-position: right bottom;
}
@media (max-width: 1024px) {
    .banner-forum {
        width: calc(100% - 40px);
        flex-direction: column;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU5IiBoZWlnaHQ9IjMxOCIgdmlld0JveD0iMCAwIDI1OSAzMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzI2LjMzOCAxMzAuMTA5QzMzOC42MTEgMTA4LjY0IDM1Ni44MzIgMTE1LjM2NCAzNjQuNDA4IDEyMS40MUMzNjQuMDU5IDEwMC40OTYgMzM4Ljg2OSA5Ny4xMTc0IDMxNy45MSAxMTEuNjQyQzI5Ni45NSAxMjYuMTY3IDI3NC4xOTcgMTc5LjkzOSAzMzIuNTIgMTk1LjQ2NkMzNTcuMTY4IDIwMi4wMjggMzc2LjEwNiAxOTguMTM0IDM5MC4yMDYgMTg2LjU2N0wzOTkuNTQyIDIwNy4wMjNMNDEwLjAwNCAyMjkuMjY3QzM4MC41NSAyMzUuNTM2IDM0Ni4xNzYgMjYwLjcwMiAzNjEuNDY0IDI5Ni4zQzM4Mi4zODQgMzQ1LjAxNCA0MTkuMDUgMzMzLjIzOCA0MzguNjIgMzI0LjMwNUM0NTQuMjc3IDMxNy4xNTkgNDQ5LjAzOCAyOTcuMjM3IDQ0NC40NjIgMjg4LjE3QzQ0Mi44NjYgMjk0LjI2OSA0MzcuMjg0IDMwNy41NjEgNDI3LjcxNiAzMTEuOTI4QzM5Mi45MjQgMzI3LjgwNyAzNjYuMjM0IDI2OS4zMzEgNDIwLjE0NSAyNTIuMTYzQzQ2My4yNzQgMjM4LjQyOCA0NzUuMTY3IDI3NS44MDggNDc1LjcyMyAyOTYuMjE1QzUzNC41MjEgMjgyLjI3IDU1NS4yMDQgMzIwLjY3OSA1NTguMTk2IDM0MS42MjdDNTM3LjM0IDMyNy41OTMgNTAwLjk2IDMyNS42MDMgNDU3LjQ2OSAzNDUuNDUzQzQyMi42NzcgMzYxLjMzMyAzOTEuNzg5IDM1OC45MDMgMzgwLjY5NCAzNTUuNzAzQzM5NS41NDQgMzgzLjYzNCAzOTIuNzY1IDQxMC45MzQgMzg5LjUxOSA0MjEuMDkzQzM3MC4zNTggNDE1Ljk1NSAzNTEuMDA3IDM4Ni42MDcgMzQzLjcyNyAzNzIuNTc1QzMzMy42NTUgMzkwLjgwNyAzMjMuMTE2IDQwOC4wMTQgMjc0LjgwOCA0MjguODIzQzIzNi4xNjIgNDQ1LjQ3IDIyMi4yMDQgNDgwLjUxNyAyMjAuMDU2IDQ5NS45NkMxODkuMDE1IDQ1NS41ODQgMjE5Ljg2MiA0MTguNzc5IDIzOS4xNjYgNDA1LjQyM0MyMTIuNzIyIDM5Ni40MTkgMjA1Ljc3IDMzNS4xMzIgMjUyLjcwNSAzMjguNTg1QzI5OS42NCAzMjIuMDM4IDMwMS4xMjUgMzY4LjQ2NyAyODIuMDIyIDM3OC40MjVDMjY2Ljc0IDM4Ni4zOTIgMjU2LjM3NSAzNzkuODAxIDI1My4xMDIgMzc1LjUwOUMyNjMuNTkxIDM5OC40OSAyNzcuNDk4IDM5OC4yNTcgMjgzLjE0MSAzOTUuMjY5QzM0MS4yMzEgMzY4Ljc1NSAzMjIuODE3IDMzMS40MTcgMzE2LjgxMSAzMTkuMjM4QzMxNi40MDkgMzE4LjQyMyAzMTYuMDYzIDMxNy43MjEgMzE1Ljc5OSAzMTcuMTQzQzMxMS41ODUgMzA3LjkxIDI3Ny42NDkgMjgyLjQ5MSAyNDEuNDY4IDMwMy45NjNMMjIzLjY3NCAyNjQuOTc5QzI0Ni4zNTYgMjU3LjEwNiAyNjkuNjI1IDIzMC4zNyAyNjEuNDgzIDE5OC4xMzhDMjUzLjM0IDE2NS45MDUgMjEzLjgzMyAxNTQuMTg2IDE4Ni41MDEgMTY5LjE0QzE2NC42MzUgMTgxLjEwNCAxNzIuMzU4IDE5OS41NjEgMTc4Ljk1MyAyMDcuMjk0QzE4MS44ODcgMTk2LjQ1MiAxOTIuOTIgMTc2Ljg3MSAyMTMuNTc5IDE4NS4yOTJDMjM5LjQwNCAxOTUuODE5IDIzNS40MzYgMjM2LjA1OCAxOTkuODU4IDI0Ny4zMzhDMTU0Ljg1NiAyNTYuOTY5IDE0NC44ODEgMjE5Ljk1MyAxNDUuNTE4IDIwMC4yNDJDMTAyLjg5NyAyMTkuNjk1IDcyLjc3NyAxNzguMDcyIDYzLjA0NDQgMTU0LjgzQzc2LjQ4NTggMTY2LjA0OSAxMTIuNzQ2IDE4MS45NzggMTUwLjI1NiAxNTUuOTMyQzE4Ny43NjYgMTI5Ljg4NyAyMjcuMTE2IDEzNS4zMTQgMjQyLjEwMiAxNDEuMjg0QzIyNS4xNjMgMTI3LjE5NyAyMjIuNDM2IDk4LjE5NTQgMjMxLjI1MyA3NC4zMzczQzI1OC40NjcgNzkuMjcxMSAyNzEuOTQ1IDExMC43MjEgMjc2Ljg5NSAxMjUuNDA0QzI5MS42NTQgOTAuNzk4OSAzMTUuMTQ2IDgwLjUxNyAzMzkuMjE1IDY5Ljk4MjhDMzQ2LjE5NCA2Ni45MjgyIDM1My4yMjIgNjMuODUyNCAzNjAuMDk5IDYwLjE1NjJDMzg0LjU3NCA0Ny4wMDE4IDM5OC40MTIgMTQuNTcxMiA0MDIuMjcyIDAuMDAwMTc5MTM1QzQzMi4wNjggMzkuOTUyMyA0MDIuOTg0IDc3LjM1ODEgMzg0LjcxNyA5MS4wNjdDNDI2LjkzIDEzNy41IDM4NC41NDMgMTY1LjUyNCAzNjQuMDM1IDE3Mi40MDRDMzQzLjUyOCAxNzkuMjg1IDMxMC45OTcgMTU2Ljk0NCAzMjYuMzM4IDEzMC4xMDlaTTI3NC45NDEgMTY0LjU1MkMyODguMzAzIDE5MC43NzMgMzI5LjYyMiAyMzcuMTM2IDM4Ny45OTYgMjEyLjgyMUMzNjUuMDgzIDIyOS4wOTYgMzI1LjI2MyAyNzQuODA3IDM0OS4yODkgMzI3LjQ0N0MzMzkuODg4IDMwNi44NTEgMzA1LjcyMiAyNjguMjEyIDI0NC4yNiAyNzguNDI0QzI2NS45NjIgMjY1LjYxIDMwMi40ODIgMjI0Ljg5NSAyNzQuOTQxIDE2NC41NTJaIiBmaWxsPSIjRUVFRUVGIi8+Cjwvc3ZnPgo=');
    }
}
@media (max-width: 568px) {
    .banner-forum {
        width: calc(100% - 24px);
        gap: 24px;
        padding: 20px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYyIiBoZWlnaHQ9IjMxNSIgdmlld0JveD0iMCAwIDI2MiAzMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzI2LjMzOCAxMTcuMDgxQzMzOC42MTEgOTUuNjEyNyAzNTYuODMyIDEwMi4zMzcgMzY0LjQwOCAxMDguMzgzQzM2NC4wNTkgODcuNDY4NiAzMzguODY5IDg0LjA5IDMxNy45MSA5OC42MTQ4QzI5Ni45NSAxMTMuMTQgMjc0LjE5NyAxNjYuOTExIDMzMi41MiAxODIuNDM4QzM1Ny4xNjggMTg5IDM3Ni4xMDYgMTg1LjEwNiAzOTAuMjA2IDE3My41MzlMMzk5LjU0MiAxOTMuOTk2TDQxMC4wMDQgMjE2LjI0QzM4MC41NSAyMjIuNTA5IDM0Ni4xNzYgMjQ3LjY3NSAzNjEuNDY0IDI4My4yNzNDMzgyLjM4NCAzMzEuOTg3IDQxOS4wNSAzMjAuMjEgNDM4LjYyIDMxMS4yNzhDNDU0LjI3NyAzMDQuMTMyIDQ0OS4wMzggMjg0LjIxIDQ0NC40NjIgMjc1LjE0MkM0NDIuODY2IDI4MS4yNDIgNDM3LjI4NCAyOTQuNTMzIDQyNy43MTYgMjk4LjlDMzkyLjkyNCAzMTQuNzggMzY2LjIzNCAyNTYuMzA0IDQyMC4xNDUgMjM5LjEzNUM0NjMuMjc0IDIyNS40MDEgNDc1LjE2NyAyNjIuNzgxIDQ3NS43MjMgMjgzLjE4N0M1MzQuNTIxIDI2OS4yNDMgNTU1LjIwNCAzMDcuNjUyIDU1OC4xOTYgMzI4LjU5OUM1MzcuMzQgMzE0LjU2NiA1MDAuOTYgMzEyLjU3NiA0NTcuNDY5IDMzMi40MjZDNDIyLjY3NyAzNDguMzA2IDM5MS43ODkgMzQ1Ljg3NSAzODAuNjk0IDM0Mi42NzVDMzk1LjU0NCAzNzAuNjA3IDM5Mi43NjUgMzk3LjkwNyAzODkuNTE5IDQwOC4wNjZDMzcwLjM1OCA0MDIuOTI4IDM1MS4wMDcgMzczLjU3OSAzNDMuNzI3IDM1OS41NDhDMzMzLjY1NSAzNzcuNzggMzIzLjExNiAzOTQuOTg3IDI3NC44MDggNDE1Ljc5NkMyMzYuMTYyIDQzMi40NDMgMjIyLjIwNCA0NjcuNDkgMjIwLjA1NiA0ODIuOTMzQzE4OS4wMTUgNDQyLjU1NyAyMTkuODYyIDQwNS43NTEgMjM5LjE2NiAzOTIuMzk1QzIxMi43MjIgMzgzLjM5MSAyMDUuNzcgMzIyLjEwNCAyNTIuNzA1IDMxNS41NThDMjk5LjY0IDMwOS4wMTEgMzAxLjEyNSAzNTUuNDM5IDI4Mi4wMjIgMzY1LjM5OEMyNjYuNzQgMzczLjM2NCAyNTYuMzc1IDM2Ni43NzMgMjUzLjEwMiAzNjIuNDgyQzI2My41OTEgMzg1LjQ2MiAyNzcuNDk4IDM4NS4yMyAyODMuMTQxIDM4Mi4yNDFDMzQxLjIzMSAzNTUuNzI4IDMyMi44MTcgMzE4LjM5IDMxNi44MTEgMzA2LjIxQzMxNi40MDkgMzA1LjM5NiAzMTYuMDYzIDMwNC42OTQgMzE1Ljc5OSAzMDQuMTE1QzMxMS41ODUgMjk0Ljg4MiAyNzcuNjQ5IDI2OS40NjQgMjQxLjQ2OCAyOTAuOTM2TDIyMy42NzQgMjUxLjk1MkMyNDYuMzU2IDI0NC4wNzggMjY5LjYyNSAyMTcuMzQzIDI2MS40ODMgMTg1LjExQzI1My4zNCAxNTIuODc4IDIxMy44MzMgMTQxLjE1OSAxODYuNTAxIDE1Ni4xMTNDMTY0LjYzNSAxNjguMDc2IDE3Mi4zNTggMTg2LjUzNCAxNzguOTUzIDE5NC4yNjdDMTgxLjg4NyAxODMuNDI0IDE5Mi45MiAxNjMuODQ0IDIxMy41NzkgMTcyLjI2NUMyMzkuNDA0IDE4Mi43OTEgMjM1LjQzNiAyMjMuMDMxIDE5OS44NTggMjM0LjMxMUMxNTQuODU2IDI0My45NDIgMTQ0Ljg4MSAyMDYuOTI2IDE0NS41MTggMTg3LjIxNEMxMDIuODk3IDIwNi42NjcgNzIuNzc3IDE2NS4wNDUgNjMuMDQ0NCAxNDEuODAyQzc2LjQ4NTggMTUzLjAyMiAxMTIuNzQ2IDE2OC45NSAxNTAuMjU2IDE0Mi45MDVDMTg3Ljc2NiAxMTYuODU5IDIyNy4xMTYgMTIyLjI4NyAyNDIuMTAyIDEyOC4yNTZDMjI1LjE2MyAxMTQuMTcgMjIyLjQzNiA4NS4xNjgxIDIzMS4yNTMgNjEuMzA5OUMyNTguNDY3IDY2LjI0MzcgMjcxLjk0NSA5Ny42OTM4IDI3Ni44OTUgMTEyLjM3NkMyOTEuNjU0IDc3Ljc3MTYgMzE1LjE0NiA2Ny40ODk3IDMzOS4yMTUgNTYuOTU1NEMzNDYuMTk0IDUzLjkwMDkgMzUzLjIyMiA1MC44MjUxIDM2MC4wOTkgNDcuMTI4OUMzODQuNTc0IDMzLjk3NDUgMzk4LjQxMiAxLjU0MzgzIDQwMi4yNzIgLTEzLjAyNzJDNDMyLjA2OCAyNi45MjQ5IDQwMi45ODQgNjQuMzMwOCAzODQuNzE3IDc4LjAzOTdDNDI2LjkzIDEyNC40NzMgMzg0LjU0MyAxNTIuNDk2IDM2NC4wMzUgMTU5LjM3N0MzNDMuNTI4IDE2Ni4yNTggMzEwLjk5NyAxNDMuOTE3IDMyNi4zMzggMTE3LjA4MVpNMjc0Ljk0MSAxNTEuNTI1QzI4OC4zMDMgMTc3Ljc0NiAzMjkuNjIyIDIyNC4xMDkgMzg3Ljk5NiAxOTkuNzkzQzM2NS4wODMgMjE2LjA2OSAzMjUuMjYzIDI2MS43OCAzNDkuMjg5IDMxNC40MTlDMzM5Ljg4OCAyOTMuODI0IDMwNS43MjIgMjU1LjE4NSAyNDQuMjYgMjY1LjM5N0MyNjUuOTYyIDI1Mi41ODMgMzAyLjQ4MiAyMTEuODY4IDI3NC45NDEgMTUxLjUyNVoiIGZpbGw9IiNFRUVFRUYiLz4KPC9zdmc+Cg==');
    }
}

.banner-forum .left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    max-width: 392px;
}
@media (max-width: 1024px) {
    .banner-forum .left {
        max-width: 100%;
    }
}

.banner-forum .left h2 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 115%;
    letter-spacing: -0.02em;
    color: #000;
}
@media (max-width: 1024px) {
    .banner-forum .left h2 {
        font-size: 40px;
    }
}
@media (max-width: 568px) {
    .banner-forum .left h2 {
        font-size: 25px;
    }
}

.banner-forum .left p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}

.banner-forum .left a.button {
    margin-top: 12px;
}

.banner-forum .img {

}
@media (max-width: 1024px) {
    .banner-forum .img {
        display: none;
    }
}

.banner-forum .img img {
    max-height: 280px;
}

.banner-forum .right {
    display: flex;
    width: 253px;
    padding-top: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-left: calc(148px - 32px);
}
@media (max-width: 1024px) {
    .banner-forum .right {
        margin: 0;
        width: 100%;
    }
}
@media (max-width: 568px) {
    .banner-forum .right {
        gap: 4px;
    }
}

.banner-forum .right p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .banner-forum .right p {
        font-size: 14px;
        line-height: 140%;
    }
}

.banner-forum .right span {
    display: flex;
    align-items: flex-start;
    gap: 4px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #999;
}
@media (max-width: 568px) {
    .banner-forum .right span {
        display: flex;
        align-items: center;
        font-size: 14px;
        line-height: 140%;
    }
}

@media (max-width: 1024px) {
    .banner-forum > a {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 52px;
    }
}

/* cards-block */

.cards-block {

}

.cards-block .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
}
@media (max-width: 1024px) {
    .cards-block .grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

.cards-block .grid .item {
    border-radius: 32px;
    padding: 40px 40px 0px 40px;
    background: #f6f6f6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 44px;
}
@media (max-width: 1024px) {
    .cards-block .grid .item {
        flex-direction: row;
        align-items: flex-start;
        padding: 32px 32px 0px 32px;
    }
}
@media (max-width: 568px) {
    .cards-block .grid .item {
        flex-direction: column;
        align-items: center;
        border-radius: 24px;
        padding: 20px 20px 0px 20px;
        gap: 40px;
    }
}

.cards-block .grid .item:first-child {
    background: #0042be;
    color: #ffffff;
}

.cards-block .grid .item .info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
@media (max-width: 1024px) {
    .cards-block .grid .item .info {
        align-items: flex-start;
    }
}
@media (max-width: 569px) {
    .cards-block .grid .item .info {
        /*align-items: center;*/
    }
}

.cards-block .grid .item .title {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
    text-align: center;
}
@media (max-width: 568px) {
    .cards-block .grid .item .title {
        font-size: 20px;
    }
}

.cards-block .grid .item:first-child .title {
    color: #ffffff;
}

.cards-block .grid .item .txt {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-align: center;
    color: #4c4c4c;

    max-width: 300px;
}
@media (max-width: 1024px) {
    .cards-block .grid .item .txt {
        text-align: left;
        max-width: 360px;
    }
}
@media (max-width: 568px) {
    .cards-block .grid .item .txt {
        /*text-align: center;*/
    }
}

.cards-block .grid .item:first-child .txt {
    color: #ffffff;
}

.cards-block .grid .item img {
    max-width: 240px;
}
@media (max-width: 568px) {
    .cards-block .grid .item img {
        max-width: 160px;
    }
}

/* main-about */

.main-about {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
@media (max-width: 568px) {
    .main-about {
        gap: 20px;
    }
}

.main-about > h2 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 115%;
    letter-spacing: -0.02em;
    text-align: center;
    color: #000;
    max-width: 1128px;
}
@media (max-width: 1024px) {
    .main-about > h2 {
        font-size: 40px;
    }
}
@media (max-width: 568px) {
    .main-about > h2 {
        font-size: 25px;
    }
}

.main-about .about-slider {
    max-width: 1128px;
    border-radius: 32px;
    background: #0042be;
}
@media (max-width: 1024px) {
    .main-about .about-slider {
        width: 100%;
        flex-direction: column;
        gap: 16px;
        background: transparent;
    }
}

.main-about .about-slider .arrow {
    display: flex;
    align-items: center;
    gap: 16px;
    position: absolute;
    left: 44px;
    bottom: 52px;
    z-index: 1;
}
@media (max-width: 568px) {
    .main-about .about-slider .arrow {
        position: initial;
        margin-top: 24px;
        gap: 12px;
    }
}

.main-about .about-slider .arrow div {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background: #1a55c4;
    transition: .3s ease;
}
@media (max-width: 568px) {
    .main-about .about-slider .arrow div {
        width: 44px;
        height: 44px;
        border-radius: 10px;
    }
}
.main-about .about-slider .arrow div:hover {
    border: 1px solid rgb(255, 255, 255);
    background: #FFFFFF;
}
.main-about .about-slider .arrow div path {
    transition: .3s ease;
}
.main-about .about-slider .arrow div:hover path {
    fill: #1a55c4;
}

.main-about .main-swiper .arrow div[aria-disabled="true"] {
    opacity: 0.5;
    pointer-events: none;
}

.main-about .about-slider .swiper-slide {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .main-about .about-slider .swiper-slide {
        background: #f6f6f6;
        border-radius: 32px;
        flex-direction: column;
        gap: 0px;
        padding: 0;
    }
    .main-about .about-slider .swiper-slide:first-child {
        background: #0042be;
    }
}

.main-about .about-slider .swiper-slide .left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    padding: 40px 0;
    max-width: 400px;
}
@media (max-width: 1024px) {
    .main-about .about-slider .swiper-slide .left {
        padding: 32px;
        max-width: 100%;
    }
}
@media (max-width: 568px) {
    .main-about .about-slider .swiper-slide .left {
        padding: 20px;
        gap: 24px;
    }
}

.main-about .about-slider .swiper-slide .left h5 {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #fff;
    margin: 0;
}
@media (max-width: 1024px) {
    .main-about .about-slider .swiper-slide .left h5 {
        color: #000;
    }
    .main-about .about-slider .swiper-slide:first-child .left h5 {
        color: #ffffff;
    }
    .main-about .about-slider .swiper-slide:not(:first-child) .left h5 path {
        fill: #b52b3a;
    }
}
@media (max-width: 568px) {
    .main-about .about-slider .swiper-slide .left h5 {
        font-size: 20px;
    }
    .main-about .about-slider .swiper-slide .left h5 svg {
        scale: .7;
    }
}

.main-about .about-slider .swiper-slide .left p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 1024px) {
    .main-about .about-slider .swiper-slide .left p {
        color: #4c4c4c;
    }
    .main-about .about-slider .swiper-slide:first-child .left p {
        color: #ffffff;
    }
}

.main-about .about-slider .swiper-slide .left ul {
    padding: 0;
}

.main-about .about-slider .swiper-slide .left li {
    list-style: none;

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 1024px) {
    .main-about .about-slider .swiper-slide .left li {
        color: #4c4c4c;
    }
    .main-about .about-slider .swiper-slide:first-child .left li {
        color: rgba(255, 255, 255, 0.8);
    }
}

.main-about .about-slider .swiper-slide .img {
    width: 544px;
}
@media (max-width: 1024px) {
    .main-about .about-slider .swiper-slide .img {
        width: 100%;
    }
}

.main-about .about-slider .swiper-slide .img img {
    width: 100%;
    aspect-ratio: 544/525;
    object-fit: cover;
    border-radius: 32px;
}
@media (max-width: 1024px) {
    .main-about .about-slider .swiper-slide .img img {
        aspect-ratio: 728/340;
    }
}
@media (max-width: 568px) {
    .main-about .about-slider .swiper-slide .img img {
        border-radius: 24px;
        aspect-ratio: 366/220;
    }
}

.main-about .about-slider {
    width: 100%;
    max-width: 1128px;
    border-radius: 32px;
    background: #0042be;
    position: relative;
    overflow: hidden;
}

.main-about .about-slider .swiper-wrapper {
    display: block;
    position: relative;
}

.main-about .about-slider.pc .swiper-wrapper {
    position: relative;
}

.main-about .about-slider.pc .swiper-slide {
    width: 100%;
    position: absolute !important;
    top: 0;
    left: 0;
    justify-content: space-between;/
    opacity: 1;
    transition: opacity 0.5s ease;
    pointer-events: none;
}
.main-about .about-slider.pc .swiper-slide:first-child {
    position: relative !important;
}
.main-about .about-slider.pc .swiper-slide.active {
    position: relative;
    pointer-events: auto;
}

.main-about .about-slider.pc .swiper-slide .left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    padding: 40px;
    max-width: 400px;
    background: #0042be;
}

.main-about .about-slider.pc .swiper-slide .img {
    width: 544px;
    overflow: hidden;
}

.main-about .about-slider.pc .swiper-slide .img img {
    width: 100%;
    aspect-ratio: 544/525;
    object-fit: cover;
    border-radius: 32px;
}


.main-about .about-slider .arrow {
    display: flex;
    align-items: center;
    gap: 16px;
    position: absolute;
    left: 44px;
    bottom: 52px;
    z-index: 1;
}

.main-about .about-slider .arrow div {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background: #1a55c4;
    transition: .3s ease;
    cursor: pointer;
}

.main-about .about-slider .arrow div:hover {
    border: 1px solid rgb(255, 255, 255);
    background: #FFFFFF;
}

.main-about .about-slider .arrow div:hover path {
    fill: #1a55c4;
}
.main-about .about-slider .arrow div.disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}


/* Остальные стили оставляем как были */
.main-about .about-slider .swiper-slide .left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    padding: 40px;
    max-width: 400px;
}

.main-about .about-slider .swiper-slide .img {
    width: 544px;
}

.main-about .about-slider .swiper-slide .img img {
    width: 100%;
    aspect-ratio: 544/525;
    object-fit: cover;
    border-radius: 32px;
}

@media (max-width: 1024px) {
    .main-about .about-slider {
        width: 100%;
        flex-direction: column;
        gap: 16px;
        background: transparent;
    }

    .main-about .about-slider .swiper-slide {
        background: #f6f6f6;
        border-radius: 32px;
        flex-direction: column;
        gap: 0px;
        padding: 0;
    }

    .main-about .about-slider .swiper-slide .left {
        padding: 32px;
        max-width: 100%;
    }

    .main-about .about-slider .swiper-slide .img {
        width: 100%;
    }

    .main-about .about-slider .swiper-slide .img img {
        aspect-ratio: 728/340;
    }
}

@media (max-width: 568px) {
    .main-about .about-slider .arrow {
        position: initial;
        margin-top: 24px;
        gap: 12px;
    }

    .main-about .about-slider .arrow div {
        width: 44px;
        height: 44px;
        border-radius: 10px;
    }

    .main-about .about-slider .swiper-slide .left {
        padding: 20px;
        gap: 24px;
    }

    .main-about .about-slider .swiper-slide .img img {
        border-radius: 24px;
        aspect-ratio: 366/220;
    }
}


/* partner-block */

.partner-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.partner-block h2 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 115%;
    letter-spacing: -0.02em;
    color: #000;
}
@media (max-width: 1024px) {
    .partner-block h2 {
        font-size: 40px;
    }
}
@media (max-width: 568px) {
    .partner-block h2 {
        font-size: 25px;
    }
}

.partner-block .partner-line {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    overflow: hidden;
    max-width: 100%;
}
@media (max-width: 568px) {
    .partner-block .partner-line {
        gap: 12px;
    }
}

.partner-block .partner-line .item {
    border-radius: 32px;
    aspect-ratio: 318/190;
    width: 318px;
    height: 190px;
    background: #f6f6f6;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}
@media (max-width: 1024px) {
    .partner-block .partner-line .item {
        width: 280px;
        height: 160px;
    }
}
@media (max-width: 569px) {
    .partner-block .partner-line .item {
        border-radius: 24px;
        width: 250px;
        height: 160px;
    }
}

.partner-block .partner-line .item img {

}

.running-line{
    width:100%;
    overflow:hidden;
}
.running-line__wrapper{
    /*padding:10px 0;*/
    /*max-height:44px;*/
    width:100%;
}
.running-line__list{
    display: flex;
    list-style: none;
    width:100%;
    /*justify-content: space-between;*/
    align-items: center;
    padding:0;
    margin-bottom:0px;
    position: relative;
}
.running-line__list:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 12.5%, rgba(255, 255, 255, 0.00) 88%, #FFF 100%);
    pointer-events: none;
}
.running-line__item{
    padding:0px 8px;
}
.running-line__item .item {

}
.running-line__item-content{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    /*height:24px;*/
    cursor: pointer;
}

/* form-donat */

.form-donat {
    display: flex;
    padding: 40px;
    border-radius: 32px 32px 0 32px;
    align-items: flex-start;
    gap: 310px;
    background-color: #f6f6f6;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDMyIiBoZWlnaHQ9IjI5NiIgdmlld0JveD0iMCAwIDQzMiAyOTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF85ODdfMjYxMzIpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTEuNTk0IDI1MS4wMDhDMTYzLjQ2IDI0NS4wNDggMTU1Ljc1MyAyNjYuMzg3IDE1NS40MTYgMjc3LjgwMkMxMzcuMjIgMjYxLjEzNyAxNTMuMDk3IDIzNi4yNjQgMTgxLjYwNyAyMjkuMTI3QzIxMC4xMTcgMjIxLjk5IDI3NC42MDUgMjQzLjk2NSAyNDQuNjQ0IDMwNy41OEMyMzEuOTgyIDMzNC40NjUgMjE0LjM2OCAzNDguMTMyIDE5My42MDQgMzUxLjUyOEwyMDQuNjY3IDM3NS43NjdMMjE2LjQ2NiA0MDIuMzk3QzI0NC4wNDkgMzgxLjMwNyAyOTEuOTkyIDM3MC42NTUgMzExLjk2MyA0MTEuOTg4QzMzOS4yOTEgNDY4LjU1IDMwMS40NDkgNDkxLjY5NyAyNzguOTE0IDUwMS45ODJDMjYwLjg4NyA1MTAuMjEgMjQ3LjIyNyA0OTAuMDA2IDI0Mi42NTEgNDc4Ljg3NUMyNDkuMjI5IDQ4Mi4yMzggMjY1LjEzNyA0ODcuNzA3IDI3Ni4xNTQgNDgyLjY3OEMzMTYuMjE2IDQ2NC4zOTMgMjg0LjU5MSAzOTUuMTA0IDIyOS4wOCA0MjkuMjUzQzE4NC42NyA0NTYuNTczIDIwOC43NTQgNDk2LjMwNCAyMjYuMzQ4IDUxMi43NTVDMTcwLjAyMiA1NTMuNzM5IDE4OC40MzMgNjAyLjAzMyAyMDQuNjggNjIxLjA1NkMyMDcuOTEgNTkxLjY3NSAyMzMuMzg5IDU1OC4wMTMgMjgzLjQ2NyA1MzUuMTU3QzMyMy41MjggNTE2Ljg3MiAzNDQuNTA4IDQ4Ny43MTIgMzQ5Ljk5IDQ3NS40MTdDMzYzLjUyMiA1MTAuMzY5IDM4OS42OTUgNTI5LjI2OCA0MDEuMDkxIDUzNC4zNDlDNDEwLjkwMSA1MTMuNDIgMzk5LjQ4OCA0NzMuMzg5IDM5Mi41NTUgNDU1Ljk5QzQxNi4xODUgNDYxLjM2MiA0MzkuMjYxIDQ2NS41MTggNDkzLjc5IDQzOS4xNjFDNTM3LjQxNCA0MTguMDc1IDU3OC43OTMgNDMzLjE2OCA1OTQuMDMgNDQzLjM1QzU4MS42MzYgMzg0LjM3OCA1MjYuMDYxIDM4Mi44MTUgNDk5LjgyMyAzODkuNDA1QzUxMS42NzQgMzU5LjAyNiA0NjIuNzkyIDMwNC45NTcgNDIxLjg3NyAzNDEuMjU3QzM4MC45NjEgMzc3LjU1OCA0MjAuODIzIDQxNS4xOCA0NDMuOTEzIDQwNi4xMUM0NjIuMzg1IDM5OC44NTUgNDY0LjMyOCAzODQuNTUyIDQ2Mi45OTEgMzc4LjMwOEM0NzUuNDE5IDQwNS41MzcgNDY0LjgwMiA0MTcuNjI5IDQ1Ny45NCA0MjAuMjcyQzM5MS4wNTIgNDUwLjggMzcxLjg4NyA0MDUuMzQ3IDM2NS42MzUgMzkwLjUyTDM2NS42MzQgMzkwLjUxOEMzNjUuMjE3IDM4OS41MjggMzY0Ljg1NyAzODguNjc0IDM2NC41NDQgMzg3Ljk4OUMzNTkuNTUgMzc3LjA0OCAzNjIuNTI0IDMyNy4yMiA0MDguNTYxIDMxMi4wODNMMzg3LjQ3OCAyNjUuODlDMzYzLjU0OSAyNzkuNzQ5IDMyMi41MzQgMjc5LjM3NCAzMDAuMTg0IDI0Ni45NzlDMjc3LjgzNSAyMTQuNTgzIDI5Ny4wNjkgMTcwLjU1MiAzMzAuNzI5IDE1OC4xMjdDMzU3LjY1NyAxNDguMTg3IDM2OC4xNjQgMTY5LjQzOSAzNzAuMDUxIDE4MS4zMDdDMzU4LjI4NiAxNzUuNDE2IDMzMi43NDYgMTY5LjgzOCAzMjQuNzExIDE5NC42NTdDMzE0LjY2NyAyMjUuNjggMzUzLjE0OSAyNTMuNjUgMzg5Ljc0IDIzMS4wNzRDNDMxLjkzIDE5OC44OTIgNDA2LjczMSAxNjEuMTM4IDM4OC44NTggMTQ2LjI4NEM0MzcuOTM0IDEyMy44ODUgNDIzLjc1MSA2NC43NTA2IDQxMC41MjYgMzcuOTgzQzQxMC4zNjQgNTguNjIwMyAzOTcuMjc1IDEwMy4wNzggMzQ2LjIwNyAxMTUuODExQzI5NS4xNCAxMjguNTQzIDI3MC40NyAxNjcuNTE1IDI2NC41MTkgMTg1LjQwOUMyNjQuNzcgMTU5LjQ0MyAyNDEuMjE2IDEzNC4zNTQgMjEzLjU2IDEyMy40NzVDMTk3LjU0MSAxNTEuMzUgMjE1LjIwNiAxODcuODQyIDIyNC40NTcgMjAzLjY5NEMxODIuODY5IDE4OS42NTQgMTU2LjIwOCAyMDIuMzQ1IDEyOC44OTIgMjE1LjM0NkMxMjAuOTcxIDIxOS4xMTYgMTEyLjk5NiAyMjIuOTEzIDEwNC41ODUgMjI2LjA5MUM3NC42NTI4IDIzNy40MDMgMzUuNjcyNCAyMjQuMjUxIDE5LjkyMzggMjE2LjI2MUMzMi44NzUyIDI3My44MDMgODcuNjYwMiAyNzcuMzkxIDExMy40MzQgMjcxLjk5M0MxMjIuODA5IDM0NS41NjIgMTc5LjI3MyAzMzAuMDczIDIwMC42OTggMzE3LjM1NkMyMjIuMTIzIDMwNC42NCAyMjYuNzYyIDI1OC40NTggMTkxLjU5NCAyNTEuMDA4Wk0yNjAuNDcgMjMyLjU4N0MyNzMuNjA3IDI2NC44ODggMjgzLjU4OSAzMzcuNjEzIDIxOC40MjkgMzcwLjExMUMyNDkuOTQ2IDM2Mi42MTkgMzIwLjA5OCAzNjMuMjI5IDM0OC41NjYgNDI1LjYwMkMzMzcuNDI4IDQwMS4xOTggMzI4LjkwNyAzNDAuODI2IDM4My45MzMgMjk0LjU3MkMzNTYuMzc3IDMwMy43MDIgMjkzLjEwNSAzMDQuMDg4IDI2MC40NyAyMzIuNTg3WiIgZmlsbD0iI0VFRUVFRiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzk4N18yNjEzMiI+CjxyZWN0IHdpZHRoPSI0MzIiIGhlaWdodD0iMjk2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=');
    background-repeat: no-repeat;
    background-position: left bottom;
}
.page-events .form-donat {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDMyIiBoZWlnaHQ9IjI4MiIgdmlld0JveD0iMCAwIDQzMiAyODIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMTcxXzEzODIxKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkxLjU5NCAzMDQuMDA4QzE2My40NiAyOTguMDQ4IDE1NS43NTMgMzE5LjM4NyAxNTUuNDE2IDMzMC44MDJDMTM3LjIyIDMxNC4xMzcgMTUzLjA5NyAyODkuMjY0IDE4MS42MDcgMjgyLjEyN0MyMTAuMTE3IDI3NC45OSAyNzQuNjA1IDI5Ni45NjUgMjQ0LjY0NCAzNjAuNThDMjMxLjk4MiAzODcuNDY1IDIxNC4zNjggNDAxLjEzMiAxOTMuNjA0IDQwNC41MjhMMjA0LjY2NyA0MjguNzY3TDIxNi40NjYgNDU1LjM5N0MyNDQuMDQ5IDQzNC4zMDcgMjkxLjk5MiA0MjMuNjU1IDMxMS45NjMgNDY0Ljk4OEMzMzkuMjkxIDUyMS41NSAzMDEuNDQ5IDU0NC42OTcgMjc4LjkxNCA1NTQuOTgyQzI2MC44ODcgNTYzLjIxIDI0Ny4yMjcgNTQzLjAwNiAyNDIuNjUxIDUzMS44NzVDMjQ5LjIyOSA1MzUuMjM4IDI2NS4xMzcgNTQwLjcwNyAyNzYuMTU0IDUzNS42NzhDMzE2LjIxNiA1MTcuMzkzIDI4NC41OTEgNDQ4LjEwNCAyMjkuMDggNDgyLjI1M0MxODQuNjcgNTA5LjU3MyAyMDguNzU0IDU0OS4zMDQgMjI2LjM0OCA1NjUuNzU1QzE3MC4wMjIgNjA2LjczOSAxODguNDMzIDY1NS4wMzMgMjA0LjY4IDY3NC4wNTZDMjA3LjkxIDY0NC42NzUgMjMzLjM4OSA2MTEuMDEzIDI4My40NjcgNTg4LjE1N0MzMjMuNTI4IDU2OS44NzIgMzQ0LjUwOCA1NDAuNzEyIDM0OS45OSA1MjguNDE3QzM2My41MjIgNTYzLjM2OSAzODkuNjk1IDU4Mi4yNjggNDAxLjA5MSA1ODcuMzQ5QzQxMC45MDEgNTY2LjQyIDM5OS40ODggNTI2LjM4OSAzOTIuNTU1IDUwOC45OUM0MTYuMTg1IDUxNC4zNjIgNDM5LjI2MSA1MTguNTE4IDQ5My43OSA0OTIuMTYxQzUzNy40MTQgNDcxLjA3NSA1NzguNzkzIDQ4Ni4xNjggNTk0LjAzIDQ5Ni4zNUM1ODEuNjM2IDQzNy4zNzggNTI2LjA2MSA0MzUuODE1IDQ5OS44MjMgNDQyLjQwNUM1MTEuNjc0IDQxMi4wMjYgNDYyLjc5MiAzNTcuOTU3IDQyMS44NzcgMzk0LjI1N0MzODAuOTYxIDQzMC41NTggNDIwLjgyMyA0NjguMTggNDQzLjkxMyA0NTkuMTFDNDYyLjM4NSA0NTEuODU1IDQ2NC4zMjggNDM3LjU1MiA0NjIuOTkxIDQzMS4zMDhDNDc1LjQxOSA0NTguNTM3IDQ2NC44MDIgNDcwLjYyOSA0NTcuOTQgNDczLjI3MkMzOTEuMDUyIDUwMy44IDM3MS44ODcgNDU4LjM0NyAzNjUuNjM1IDQ0My41MkwzNjUuNjM0IDQ0My41MThDMzY1LjIxNyA0NDIuNTI4IDM2NC44NTcgNDQxLjY3NCAzNjQuNTQ0IDQ0MC45ODlDMzU5LjU1IDQzMC4wNDggMzYyLjUyNCAzODAuMjIgNDA4LjU2MSAzNjUuMDgzTDM4Ny40NzggMzE4Ljg5QzM2My41NDkgMzMyLjc0OSAzMjIuNTM0IDMzMi4zNzQgMzAwLjE4NCAyOTkuOTc5QzI3Ny44MzUgMjY3LjU4MyAyOTcuMDY5IDIyMy41NTIgMzMwLjcyOSAyMTEuMTI3QzM1Ny42NTcgMjAxLjE4NyAzNjguMTY0IDIyMi40MzkgMzcwLjA1MSAyMzQuMzA3QzM1OC4yODYgMjI4LjQxNiAzMzIuNzQ2IDIyMi44MzggMzI0LjcxMSAyNDcuNjU3QzMxNC42NjcgMjc4LjY4IDM1My4xNDkgMzA2LjY1IDM4OS43NCAyODQuMDc0QzQzMS45MyAyNTEuODkyIDQwNi43MzEgMjE0LjEzOCAzODguODU4IDE5OS4yODRDNDM3LjkzNCAxNzYuODg1IDQyMy43NTEgMTE3Ljc1MSA0MTAuNTI2IDkwLjk4M0M0MTAuMzY0IDExMS42MiAzOTcuMjc1IDE1Ni4wNzggMzQ2LjIwNyAxNjguODExQzI5NS4xNCAxODEuNTQzIDI3MC40NyAyMjAuNTE1IDI2NC41MTkgMjM4LjQwOUMyNjQuNzcgMjEyLjQ0MyAyNDEuMjE2IDE4Ny4zNTQgMjEzLjU2IDE3Ni40NzVDMTk3LjU0MSAyMDQuMzUgMjE1LjIwNiAyNDAuODQyIDIyNC40NTcgMjU2LjY5NEMxODIuODY5IDI0Mi42NTQgMTU2LjIwOCAyNTUuMzQ1IDEyOC44OTIgMjY4LjM0NkMxMjAuOTcxIDI3Mi4xMTYgMTEyLjk5NiAyNzUuOTEzIDEwNC41ODUgMjc5LjA5MUM3NC42NTI4IDI5MC40MDMgMzUuNjcyNCAyNzcuMjUxIDE5LjkyMzggMjY5LjI2MUMzMi44NzUyIDMyNi44MDMgODcuNjYwMiAzMzAuMzkxIDExMy40MzQgMzI0Ljk5M0MxMjIuODA5IDM5OC41NjIgMTc5LjI3MyAzODMuMDczIDIwMC42OTggMzcwLjM1NkMyMjIuMTIzIDM1Ny42NCAyMjYuNzYyIDMxMS40NTggMTkxLjU5NCAzMDQuMDA4Wk0yNjAuNDcgMjg1LjU4N0MyNzMuNjA3IDMxNy44ODggMjgzLjU4OSAzOTAuNjEzIDIxOC40MjkgNDIzLjExMUMyNDkuOTQ2IDQxNS42MTkgMzIwLjA5OCA0MTYuMjI5IDM0OC41NjYgNDc4LjYwMkMzMzcuNDI4IDQ1NC4xOTggMzI4LjkwNyAzOTMuODI2IDM4My45MzMgMzQ3LjU3MkMzNTYuMzc3IDM1Ni43MDIgMjkzLjEwNSAzNTcuMDg4IDI2MC40NyAyODUuNTg3WiIgZmlsbD0iI0VFRUVFRiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzExNzFfMTM4MjEiPgo8cmVjdCB3aWR0aD0iNDMyIiBoZWlnaHQ9IjI4MiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K');
    background-position: left 170px bottom;
}
@media (max-width: 1368px) {
    .form-donat {
        width: calc(100% - 40px);
    }
}
@media (max-width: 1024px) {
    .form-donat {
        flex-direction: column;
        gap: 40px;
        width: calc(100% - 40px);
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI4MCIgdmlld0JveD0iMCAwIDMyMCAyODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMjUyXzI0ODA2KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQ2LjM3MyAyNDQuODM5QzEyNi4wNTQgMjQwLjUzNSAxMjAuNDg4IDI1NS45NDYgMTIwLjI0NSAyNjQuMTlDMTA3LjEwMyAyNTIuMTU0IDExOC41NyAyMzQuMTkxIDEzOS4xNiAyMjkuMDM2QzE1OS43NTEgMjIzLjg4MiAyMDYuMzI2IDIzOS43NTMgMTg0LjY4NyAyODUuNjk3QzE3NS41NDIgMzA1LjExNCAxNjIuODIxIDMxNC45ODQgMTQ3LjgyNSAzMTcuNDM3TDE1NS44MTUgMzM0Ljk0M0wxNjQuMzM2IDM1NC4xNzZDMTg0LjI1NyAzMzguOTQ0IDIxOC44ODMgMzMxLjI1MSAyMzMuMzA2IDM2MS4xMDJDMjUzLjA0NCA0MDEuOTUzIDIyNS43MTMgNDE4LjY3IDIwOS40MzggNDI2LjA5OEMxOTYuNDE4IDQzMi4wNDEgMTg2LjU1MyA0MTcuNDQ5IDE4My4yNDggNDA5LjQxQzE4Ny45OTggNDExLjgzOSAxOTkuNDg4IDQxNS43ODggMjA3LjQ0NSA0MTIuMTU3QzIzNi4zNzggMzk4Ljk1MSAyMTMuNTM4IDM0OC45MDkgMTczLjQ0NiAzNzMuNTcyQzE0MS4zNzMgMzkzLjMwMyAxNTguNzY3IDQyMS45OTggMTcxLjQ3MyA0MzMuODc5QzEzMC43OTMgNDYzLjQ3OCAxNDQuMDkxIDQ5OC4zNTcgMTU1LjgyNCA1MTIuMDk3QzE1OC4xNTcgNDkwLjg3NiAxNzYuNTU5IDQ2Ni41NjUgMjEyLjcyNiA0NTAuMDU4QzI0MS42NTkgNDM2Ljg1MiAyNTYuODExIDQxNS43OTIgMjYwLjc3IDQwNi45MTNDMjcwLjU0MyA0MzIuMTU1IDI4OS40NDYgNDQ1LjgwNSAyOTcuNjc2IDQ0OS40NzRDMzA0Ljc2MiA0MzQuMzU5IDI5Ni41MTkgNDA1LjQ0OCAyOTEuNTEyIDM5Mi44ODJDMzA4LjU3OCAzOTYuNzYyIDMyNS4yNDQgMzk5Ljc2MyAzNjQuNjI2IDM4MC43MjhDMzk2LjEzMiAzNjUuNDk5IDQyNi4wMTcgMzc2LjM5OSA0MzcuMDIyIDM4My43NTNDNDI4LjA3MSAzNDEuMTYyIDM4Ny45MzMgMzQwLjAzMyAzNjguOTgzIDM0NC43OTNDMzc3LjU0MiAzMjIuODUyIDM0Mi4yMzkgMjgzLjgwMiAzMTIuNjg4IDMxMC4wMTlDMjgzLjEzOCAzMzYuMjM3IDMxMS45MjggMzYzLjQwOCAzMjguNjA0IDM1Ni44NThDMzQxLjk0NCAzNTEuNjE3IDM0My4zNDggMzQxLjI4OCAzNDIuMzgyIDMzNi43NzhDMzUxLjM1OCAzNTYuNDQ0IDM0My42OSAzNjUuMTc3IDMzOC43MzQgMzY3LjA4NUMyOTAuNDI2IDM4OS4xMzQgMjc2LjU4NSAzNTYuMzA2IDI3Mi4wNyAzNDUuNTk4QzI3MS43NjggMzQ0Ljg4MiAyNzEuNTA3IDM0NC4yNjUgMjcxLjI4MSAzNDMuNzdDMjY3LjY3NSAzMzUuODY4IDI2OS44MjMgMjk5Ljg4MSAzMDMuMDcyIDI4OC45NDlMMjg3Ljg0NSAyNTUuNTg3QzI3MC41NjMgMjY1LjU5NyAyNDAuOTQxIDI2NS4zMjYgMjI0LjggMjQxLjkyOUMyMDguNjU4IDIxOC41MzMgMjIyLjU1IDE4Ni43MzIgMjQ2Ljg2IDE3Ny43NTlDMjY2LjMwOCAxNzAuNTggMjczLjg5NiAxODUuOTI4IDI3NS4yNTkgMTk0LjVDMjY2Ljc2MiAxOTAuMjQ1IDI0OC4zMTcgMTg2LjIxNyAyNDIuNTEzIDIwNC4xNDFDMjM1LjI1OSAyMjYuNTQ3IDI2My4wNTIgMjQ2Ljc0OCAyODkuNDc5IDIzMC40NDNDMzE5Ljk0OSAyMDcuMiAzMDEuNzUgMTc5LjkzNCAyODguODQyIDE2OS4yMDZDMzI0LjI4NSAxNTMuMDI5IDMxNC4wNDIgMTEwLjMyIDMwNC40OSA5MC45ODc5QzMwNC4zNzQgMTA1Ljg5MyAyOTQuOTIgMTM4LjAwMSAyNTguMDM4IDE0Ny4xOTdDMjIxLjE1NiAxNTYuMzkyIDIwMy4zNCAxODQuNTM5IDE5OS4wNDEgMTk3LjQ2MkMxOTkuMjIyIDE3OC43MDkgMTgyLjIxMiAxNjAuNTg5IDE2Mi4yMzggMTUyLjczMkMxNTAuNjY4IDE3Mi44NjQgMTYzLjQyNiAxOTkuMjIgMTcwLjEwOCAyMTAuNjY4QzE0MC4wNzIgMjAwLjUyOCAxMjAuODE2IDIwOS42OTQgMTAxLjA4OCAyMTkuMDg0Qzk1LjM2OCAyMjEuODA3IDg5LjYwNzkgMjI0LjU0OCA4My41MzM2IDIyNi44NDRDNjEuOTE1NyAyMzUuMDEzIDMzLjc2MzIgMjI1LjUxNSAyMi4zODkyIDIxOS43NDRDMzEuNzQzIDI2MS4zMDIgNzEuMzEgMjYzLjg5NCA4OS45MjQyIDI1OS45OTVDOTYuNjk0OSAzMTMuMTI5IDEzNy40NzUgMzAxLjk0MiAxNTIuOTQ5IDI5Mi43NTdDMTY4LjQyMiAyODMuNTczIDE3MS43NzIgMjUwLjIyIDE0Ni4zNzMgMjQ0LjgzOVpNMTk2LjExNyAyMzEuNTM1QzIwNS42MDUgMjU0Ljg2MyAyMTIuODE0IDMwNy4zODcgMTY1Ljc1NCAzMzAuODU4QzE4OC41MTcgMzI1LjQ0NyAyMzkuMTgxIDMyNS44ODggMjU5Ljc0MiAzNzAuOTM1QzI1MS42OTcgMzUzLjMxIDI0NS41NDQgMzA5LjcwOCAyODUuMjg1IDI3Ni4zMDJDMjY1LjM4MyAyODIuODk2IDIxOS42ODcgMjgzLjE3NSAxOTYuMTE3IDIzMS41MzVaIiBmaWxsPSIjRUVFRUVGIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTI1Ml8yNDgwNiI+CjxyZWN0IHdpZHRoPSIzMjAiIGhlaWdodD0iMjgwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=');
        background-position: right bottom;
    }
    .page-events .form-donat {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI4MCIgdmlld0JveD0iMCAwIDMyMCAyODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMjUyXzI0ODA2KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQ2LjM3MyAyNDQuODM5QzEyNi4wNTQgMjQwLjUzNSAxMjAuNDg4IDI1NS45NDYgMTIwLjI0NSAyNjQuMTlDMTA3LjEwMyAyNTIuMTU0IDExOC41NyAyMzQuMTkxIDEzOS4xNiAyMjkuMDM2QzE1OS43NTEgMjIzLjg4MiAyMDYuMzI2IDIzOS43NTMgMTg0LjY4NyAyODUuNjk3QzE3NS41NDIgMzA1LjExNCAxNjIuODIxIDMxNC45ODQgMTQ3LjgyNSAzMTcuNDM3TDE1NS44MTUgMzM0Ljk0M0wxNjQuMzM2IDM1NC4xNzZDMTg0LjI1NyAzMzguOTQ0IDIxOC44ODMgMzMxLjI1MSAyMzMuMzA2IDM2MS4xMDJDMjUzLjA0NCA0MDEuOTUzIDIyNS43MTMgNDE4LjY3IDIwOS40MzggNDI2LjA5OEMxOTYuNDE4IDQzMi4wNDEgMTg2LjU1MyA0MTcuNDQ5IDE4My4yNDggNDA5LjQxQzE4Ny45OTggNDExLjgzOSAxOTkuNDg4IDQxNS43ODggMjA3LjQ0NSA0MTIuMTU3QzIzNi4zNzggMzk4Ljk1MSAyMTMuNTM4IDM0OC45MDkgMTczLjQ0NiAzNzMuNTcyQzE0MS4zNzMgMzkzLjMwMyAxNTguNzY3IDQyMS45OTggMTcxLjQ3MyA0MzMuODc5QzEzMC43OTMgNDYzLjQ3OCAxNDQuMDkxIDQ5OC4zNTcgMTU1LjgyNCA1MTIuMDk3QzE1OC4xNTcgNDkwLjg3NiAxNzYuNTU5IDQ2Ni41NjUgMjEyLjcyNiA0NTAuMDU4QzI0MS42NTkgNDM2Ljg1MiAyNTYuODExIDQxNS43OTIgMjYwLjc3IDQwNi45MTNDMjcwLjU0MyA0MzIuMTU1IDI4OS40NDYgNDQ1LjgwNSAyOTcuNjc2IDQ0OS40NzRDMzA0Ljc2MiA0MzQuMzU5IDI5Ni41MTkgNDA1LjQ0OCAyOTEuNTEyIDM5Mi44ODJDMzA4LjU3OCAzOTYuNzYyIDMyNS4yNDQgMzk5Ljc2MyAzNjQuNjI2IDM4MC43MjhDMzk2LjEzMiAzNjUuNDk5IDQyNi4wMTcgMzc2LjM5OSA0MzcuMDIyIDM4My43NTNDNDI4LjA3MSAzNDEuMTYyIDM4Ny45MzMgMzQwLjAzMyAzNjguOTgzIDM0NC43OTNDMzc3LjU0MiAzMjIuODUyIDM0Mi4yMzkgMjgzLjgwMiAzMTIuNjg4IDMxMC4wMTlDMjgzLjEzOCAzMzYuMjM3IDMxMS45MjggMzYzLjQwOCAzMjguNjA0IDM1Ni44NThDMzQxLjk0NCAzNTEuNjE3IDM0My4zNDggMzQxLjI4OCAzNDIuMzgyIDMzNi43NzhDMzUxLjM1OCAzNTYuNDQ0IDM0My42OSAzNjUuMTc3IDMzOC43MzQgMzY3LjA4NUMyOTAuNDI2IDM4OS4xMzQgMjc2LjU4NSAzNTYuMzA2IDI3Mi4wNyAzNDUuNTk4QzI3MS43NjggMzQ0Ljg4MiAyNzEuNTA3IDM0NC4yNjUgMjcxLjI4MSAzNDMuNzdDMjY3LjY3NSAzMzUuODY4IDI2OS44MjMgMjk5Ljg4MSAzMDMuMDcyIDI4OC45NDlMMjg3Ljg0NSAyNTUuNTg3QzI3MC41NjMgMjY1LjU5NyAyNDAuOTQxIDI2NS4zMjYgMjI0LjggMjQxLjkyOUMyMDguNjU4IDIxOC41MzMgMjIyLjU1IDE4Ni43MzIgMjQ2Ljg2IDE3Ny43NTlDMjY2LjMwOCAxNzAuNTggMjczLjg5NiAxODUuOTI4IDI3NS4yNTkgMTk0LjVDMjY2Ljc2MiAxOTAuMjQ1IDI0OC4zMTcgMTg2LjIxNyAyNDIuNTEzIDIwNC4xNDFDMjM1LjI1OSAyMjYuNTQ3IDI2My4wNTIgMjQ2Ljc0OCAyODkuNDc5IDIzMC40NDNDMzE5Ljk0OSAyMDcuMiAzMDEuNzUgMTc5LjkzNCAyODguODQyIDE2OS4yMDZDMzI0LjI4NSAxNTMuMDI5IDMxNC4wNDIgMTEwLjMyIDMwNC40OSA5MC45ODc5QzMwNC4zNzQgMTA1Ljg5MyAyOTQuOTIgMTM4LjAwMSAyNTguMDM4IDE0Ny4xOTdDMjIxLjE1NiAxNTYuMzkyIDIwMy4zNCAxODQuNTM5IDE5OS4wNDEgMTk3LjQ2MkMxOTkuMjIyIDE3OC43MDkgMTgyLjIxMiAxNjAuNTg5IDE2Mi4yMzggMTUyLjczMkMxNTAuNjY4IDE3Mi44NjQgMTYzLjQyNiAxOTkuMjIgMTcwLjEwOCAyMTAuNjY4QzE0MC4wNzIgMjAwLjUyOCAxMjAuODE2IDIwOS42OTQgMTAxLjA4OCAyMTkuMDg0Qzk1LjM2OCAyMjEuODA3IDg5LjYwNzkgMjI0LjU0OCA4My41MzM2IDIyNi44NDRDNjEuOTE1NyAyMzUuMDEzIDMzLjc2MzIgMjI1LjUxNSAyMi4zODkyIDIxOS43NDRDMzEuNzQzIDI2MS4zMDIgNzEuMzEgMjYzLjg5NCA4OS45MjQyIDI1OS45OTVDOTYuNjk0OSAzMTMuMTI5IDEzNy40NzUgMzAxLjk0MiAxNTIuOTQ5IDI5Mi43NTdDMTY4LjQyMiAyODMuNTczIDE3MS43NzIgMjUwLjIyIDE0Ni4zNzMgMjQ0LjgzOVpNMTk2LjExNyAyMzEuNTM1QzIwNS42MDUgMjU0Ljg2MyAyMTIuODE0IDMwNy4zODcgMTY1Ljc1NCAzMzAuODU4QzE4OC41MTcgMzI1LjQ0NyAyMzkuMTgxIDMyNS44ODggMjU5Ljc0MiAzNzAuOTM1QzI1MS42OTcgMzUzLjMxIDI0NS41NDQgMzA5LjcwOCAyODUuMjg1IDI3Ni4zMDJDMjY1LjM4MyAyODIuODk2IDIxOS42ODcgMjgzLjE3NSAxOTYuMTE3IDIzMS41MzVaIiBmaWxsPSIjRUVFRUVGIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTI1Ml8yNDgwNiI+CjxyZWN0IHdpZHRoPSIzMjAiIGhlaWdodD0iMjgwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=');
        background-position: right bottom;
    }
}
@media (max-width: 568px) {
    .form-donat {
        gap: 32px;
        width: calc(100% - 25px);
        border-radius: 24px 24px 0 24px;
        padding: 20px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI4MCIgdmlld0JveD0iMCAwIDMyMCAyODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMjU0XzI5MDUxKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQ2LjM3MyAyNDQuODM5QzEyNi4wNTQgMjQwLjUzNSAxMjAuNDg4IDI1NS45NDYgMTIwLjI0NSAyNjQuMTlDMTA3LjEwMyAyNTIuMTU0IDExOC41NyAyMzQuMTkxIDEzOS4xNiAyMjkuMDM2QzE1OS43NTEgMjIzLjg4MiAyMDYuMzI2IDIzOS43NTMgMTg0LjY4NyAyODUuNjk3QzE3NS41NDIgMzA1LjExNCAxNjIuODIxIDMxNC45ODQgMTQ3LjgyNSAzMTcuNDM3TDE1NS44MTUgMzM0Ljk0M0wxNjQuMzM2IDM1NC4xNzZDMTg0LjI1NyAzMzguOTQ0IDIxOC44ODMgMzMxLjI1MSAyMzMuMzA2IDM2MS4xMDJDMjUzLjA0NCA0MDEuOTUzIDIyNS43MTMgNDE4LjY3IDIwOS40MzggNDI2LjA5OEMxOTYuNDE4IDQzMi4wNDEgMTg2LjU1MyA0MTcuNDQ5IDE4My4yNDggNDA5LjQxQzE4Ny45OTggNDExLjgzOSAxOTkuNDg4IDQxNS43ODggMjA3LjQ0NSA0MTIuMTU3QzIzNi4zNzggMzk4Ljk1MSAyMTMuNTM4IDM0OC45MDkgMTczLjQ0NiAzNzMuNTcyQzE0MS4zNzMgMzkzLjMwMyAxNTguNzY3IDQyMS45OTggMTcxLjQ3MyA0MzMuODc5QzEzMC43OTMgNDYzLjQ3OCAxNDQuMDkxIDQ5OC4zNTcgMTU1LjgyNCA1MTIuMDk3QzE1OC4xNTcgNDkwLjg3NiAxNzYuNTU5IDQ2Ni41NjUgMjEyLjcyNiA0NTAuMDU4QzI0MS42NTkgNDM2Ljg1MiAyNTYuODExIDQxNS43OTIgMjYwLjc3IDQwNi45MTNDMjcwLjU0MyA0MzIuMTU1IDI4OS40NDYgNDQ1LjgwNSAyOTcuNjc2IDQ0OS40NzRDMzA0Ljc2MiA0MzQuMzU5IDI5Ni41MTkgNDA1LjQ0OCAyOTEuNTEyIDM5Mi44ODJDMzA4LjU3OCAzOTYuNzYyIDMyNS4yNDQgMzk5Ljc2MyAzNjQuNjI2IDM4MC43MjhDMzk2LjEzMiAzNjUuNDk5IDQyNi4wMTcgMzc2LjM5OSA0MzcuMDIyIDM4My43NTNDNDI4LjA3MSAzNDEuMTYyIDM4Ny45MzMgMzQwLjAzMyAzNjguOTgzIDM0NC43OTNDMzc3LjU0MiAzMjIuODUyIDM0Mi4yMzkgMjgzLjgwMiAzMTIuNjg4IDMxMC4wMTlDMjgzLjEzOCAzMzYuMjM3IDMxMS45MjggMzYzLjQwOCAzMjguNjA0IDM1Ni44NThDMzQxLjk0NCAzNTEuNjE3IDM0My4zNDggMzQxLjI4OCAzNDIuMzgyIDMzNi43NzhDMzUxLjM1OCAzNTYuNDQ0IDM0My42OSAzNjUuMTc3IDMzOC43MzQgMzY3LjA4NUMyOTAuNDI2IDM4OS4xMzQgMjc2LjU4NSAzNTYuMzA2IDI3Mi4wNyAzNDUuNTk4QzI3MS43NjggMzQ0Ljg4MiAyNzEuNTA3IDM0NC4yNjUgMjcxLjI4MSAzNDMuNzdDMjY3LjY3NSAzMzUuODY4IDI2OS44MjMgMjk5Ljg4MSAzMDMuMDcyIDI4OC45NDlMMjg3Ljg0NSAyNTUuNTg3QzI3MC41NjMgMjY1LjU5NyAyNDAuOTQxIDI2NS4zMjYgMjI0LjggMjQxLjkyOUMyMDguNjU4IDIxOC41MzMgMjIyLjU1IDE4Ni43MzIgMjQ2Ljg2IDE3Ny43NTlDMjY2LjMwOCAxNzAuNTggMjczLjg5NiAxODUuOTI4IDI3NS4yNTkgMTk0LjVDMjY2Ljc2MiAxOTAuMjQ1IDI0OC4zMTcgMTg2LjIxNyAyNDIuNTEzIDIwNC4xNDFDMjM1LjI1OSAyMjYuNTQ3IDI2My4wNTIgMjQ2Ljc0OCAyODkuNDc5IDIzMC40NDNDMzE5Ljk0OSAyMDcuMiAzMDEuNzUgMTc5LjkzNCAyODguODQyIDE2OS4yMDZDMzI0LjI4NSAxNTMuMDI5IDMxNC4wNDIgMTEwLjMyIDMwNC40OSA5MC45ODc5QzMwNC4zNzQgMTA1Ljg5MyAyOTQuOTIgMTM4LjAwMSAyNTguMDM4IDE0Ny4xOTdDMjIxLjE1NiAxNTYuMzkyIDIwMy4zNCAxODQuNTM5IDE5OS4wNDEgMTk3LjQ2MkMxOTkuMjIyIDE3OC43MDkgMTgyLjIxMiAxNjAuNTg5IDE2Mi4yMzggMTUyLjczMkMxNTAuNjY4IDE3Mi44NjQgMTYzLjQyNiAxOTkuMjIgMTcwLjEwOCAyMTAuNjY4QzE0MC4wNzIgMjAwLjUyOCAxMjAuODE2IDIwOS42OTQgMTAxLjA4OCAyMTkuMDg0Qzk1LjM2OCAyMjEuODA3IDg5LjYwNzkgMjI0LjU0OCA4My41MzM2IDIyNi44NDRDNjEuOTE1NyAyMzUuMDEzIDMzLjc2MzIgMjI1LjUxNSAyMi4zODkyIDIxOS43NDRDMzEuNzQzIDI2MS4zMDIgNzEuMzEgMjYzLjg5NCA4OS45MjQyIDI1OS45OTVDOTYuNjk0OSAzMTMuMTI5IDEzNy40NzUgMzAxLjk0MiAxNTIuOTQ5IDI5Mi43NTdDMTY4LjQyMiAyODMuNTczIDE3MS43NzIgMjUwLjIyIDE0Ni4zNzMgMjQ0LjgzOVpNMTk2LjExNyAyMzEuNTM1QzIwNS42MDUgMjU0Ljg2MyAyMTIuODE0IDMwNy4zODcgMTY1Ljc1NCAzMzAuODU4QzE4OC41MTcgMzI1LjQ0NyAyMzkuMTgxIDMyNS44ODggMjU5Ljc0MiAzNzAuOTM1QzI1MS42OTcgMzUzLjMxIDI0NS41NDQgMzA5LjcwOCAyODUuMjg1IDI3Ni4zMDJDMjY1LjM4MyAyODIuODk2IDIxOS42ODcgMjgzLjE3NSAxOTYuMTE3IDIzMS41MzVaIiBmaWxsPSIjRUVFRUVGIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTI1NF8yOTA1MSI+CjxyZWN0IHdpZHRoPSIzMjAiIGhlaWdodD0iMjgwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=');
    }
    .page-events .form-donat {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI4MCIgdmlld0JveD0iMCAwIDMyMCAyODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMjU0XzI5MDUxKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQ2LjM3MyAyNDQuODM5QzEyNi4wNTQgMjQwLjUzNSAxMjAuNDg4IDI1NS45NDYgMTIwLjI0NSAyNjQuMTlDMTA3LjEwMyAyNTIuMTU0IDExOC41NyAyMzQuMTkxIDEzOS4xNiAyMjkuMDM2QzE1OS43NTEgMjIzLjg4MiAyMDYuMzI2IDIzOS43NTMgMTg0LjY4NyAyODUuNjk3QzE3NS41NDIgMzA1LjExNCAxNjIuODIxIDMxNC45ODQgMTQ3LjgyNSAzMTcuNDM3TDE1NS44MTUgMzM0Ljk0M0wxNjQuMzM2IDM1NC4xNzZDMTg0LjI1NyAzMzguOTQ0IDIxOC44ODMgMzMxLjI1MSAyMzMuMzA2IDM2MS4xMDJDMjUzLjA0NCA0MDEuOTUzIDIyNS43MTMgNDE4LjY3IDIwOS40MzggNDI2LjA5OEMxOTYuNDE4IDQzMi4wNDEgMTg2LjU1MyA0MTcuNDQ5IDE4My4yNDggNDA5LjQxQzE4Ny45OTggNDExLjgzOSAxOTkuNDg4IDQxNS43ODggMjA3LjQ0NSA0MTIuMTU3QzIzNi4zNzggMzk4Ljk1MSAyMTMuNTM4IDM0OC45MDkgMTczLjQ0NiAzNzMuNTcyQzE0MS4zNzMgMzkzLjMwMyAxNTguNzY3IDQyMS45OTggMTcxLjQ3MyA0MzMuODc5QzEzMC43OTMgNDYzLjQ3OCAxNDQuMDkxIDQ5OC4zNTcgMTU1LjgyNCA1MTIuMDk3QzE1OC4xNTcgNDkwLjg3NiAxNzYuNTU5IDQ2Ni41NjUgMjEyLjcyNiA0NTAuMDU4QzI0MS42NTkgNDM2Ljg1MiAyNTYuODExIDQxNS43OTIgMjYwLjc3IDQwNi45MTNDMjcwLjU0MyA0MzIuMTU1IDI4OS40NDYgNDQ1LjgwNSAyOTcuNjc2IDQ0OS40NzRDMzA0Ljc2MiA0MzQuMzU5IDI5Ni41MTkgNDA1LjQ0OCAyOTEuNTEyIDM5Mi44ODJDMzA4LjU3OCAzOTYuNzYyIDMyNS4yNDQgMzk5Ljc2MyAzNjQuNjI2IDM4MC43MjhDMzk2LjEzMiAzNjUuNDk5IDQyNi4wMTcgMzc2LjM5OSA0MzcuMDIyIDM4My43NTNDNDI4LjA3MSAzNDEuMTYyIDM4Ny45MzMgMzQwLjAzMyAzNjguOTgzIDM0NC43OTNDMzc3LjU0MiAzMjIuODUyIDM0Mi4yMzkgMjgzLjgwMiAzMTIuNjg4IDMxMC4wMTlDMjgzLjEzOCAzMzYuMjM3IDMxMS45MjggMzYzLjQwOCAzMjguNjA0IDM1Ni44NThDMzQxLjk0NCAzNTEuNjE3IDM0My4zNDggMzQxLjI4OCAzNDIuMzgyIDMzNi43NzhDMzUxLjM1OCAzNTYuNDQ0IDM0My42OSAzNjUuMTc3IDMzOC43MzQgMzY3LjA4NUMyOTAuNDI2IDM4OS4xMzQgMjc2LjU4NSAzNTYuMzA2IDI3Mi4wNyAzNDUuNTk4QzI3MS43NjggMzQ0Ljg4MiAyNzEuNTA3IDM0NC4yNjUgMjcxLjI4MSAzNDMuNzdDMjY3LjY3NSAzMzUuODY4IDI2OS44MjMgMjk5Ljg4MSAzMDMuMDcyIDI4OC45NDlMMjg3Ljg0NSAyNTUuNTg3QzI3MC41NjMgMjY1LjU5NyAyNDAuOTQxIDI2NS4zMjYgMjI0LjggMjQxLjkyOUMyMDguNjU4IDIxOC41MzMgMjIyLjU1IDE4Ni43MzIgMjQ2Ljg2IDE3Ny43NTlDMjY2LjMwOCAxNzAuNTggMjczLjg5NiAxODUuOTI4IDI3NS4yNTkgMTk0LjVDMjY2Ljc2MiAxOTAuMjQ1IDI0OC4zMTcgMTg2LjIxNyAyNDIuNTEzIDIwNC4xNDFDMjM1LjI1OSAyMjYuNTQ3IDI2My4wNTIgMjQ2Ljc0OCAyODkuNDc5IDIzMC40NDNDMzE5Ljk0OSAyMDcuMiAzMDEuNzUgMTc5LjkzNCAyODguODQyIDE2OS4yMDZDMzI0LjI4NSAxNTMuMDI5IDMxNC4wNDIgMTEwLjMyIDMwNC40OSA5MC45ODc5QzMwNC4zNzQgMTA1Ljg5MyAyOTQuOTIgMTM4LjAwMSAyNTguMDM4IDE0Ny4xOTdDMjIxLjE1NiAxNTYuMzkyIDIwMy4zNCAxODQuNTM5IDE5OS4wNDEgMTk3LjQ2MkMxOTkuMjIyIDE3OC43MDkgMTgyLjIxMiAxNjAuNTg5IDE2Mi4yMzggMTUyLjczMkMxNTAuNjY4IDE3Mi44NjQgMTYzLjQyNiAxOTkuMjIgMTcwLjEwOCAyMTAuNjY4QzE0MC4wNzIgMjAwLjUyOCAxMjAuODE2IDIwOS42OTQgMTAxLjA4OCAyMTkuMDg0Qzk1LjM2OCAyMjEuODA3IDg5LjYwNzkgMjI0LjU0OCA4My41MzM2IDIyNi44NDRDNjEuOTE1NyAyMzUuMDEzIDMzLjc2MzIgMjI1LjUxNSAyMi4zODkyIDIxOS43NDRDMzEuNzQzIDI2MS4zMDIgNzEuMzEgMjYzLjg5NCA4OS45MjQyIDI1OS45OTVDOTYuNjk0OSAzMTMuMTI5IDEzNy40NzUgMzAxLjk0MiAxNTIuOTQ5IDI5Mi43NTdDMTY4LjQyMiAyODMuNTczIDE3MS43NzIgMjUwLjIyIDE0Ni4zNzMgMjQ0LjgzOVpNMTk2LjExNyAyMzEuNTM1QzIwNS42MDUgMjU0Ljg2MyAyMTIuODE0IDMwNy4zODcgMTY1Ljc1NCAzMzAuODU4QzE4OC41MTcgMzI1LjQ0NyAyMzkuMTgxIDMyNS44ODggMjU5Ljc0MiAzNzAuOTM1QzI1MS42OTcgMzUzLjMxIDI0NS41NDQgMzA5LjcwOCAyODUuMjg1IDI3Ni4zMDJDMjY1LjM4MyAyODIuODk2IDIxOS42ODcgMjgzLjE3NSAxOTYuMTE3IDIzMS41MzVaIiBmaWxsPSIjRUVFRUVGIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTI1NF8yOTA1MSI+CjxyZWN0IHdpZHRoPSIzMjAiIGhlaWdodD0iMjgwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=');
    }
}

.form-donat .left {
    display: flex;
    width: 346px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
@media (max-width: 1024px) {
    .form-donat .left {
        width: 100%;
    }
}

.form-donat .left h5 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
    margin: 0;
}
@media (max-width: 568px) {
    .form-donat .left h5 {
        font-size: 25px;
    }
}

.form-donat .left p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}

.form-donat .form-tab {
    display: flex;
    width: 405px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
@media (max-width: 1024px) {
    .form-donat .form-tab {
        width: 100%;
    }
}

.form-donat .form-tab .nav {
    display: flex;
    align-items: center;
    gap: 12px;
}
@media (max-width: 568px) {
    .form-donat .form-tab .nav {
        gap: 8px;
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    .form-donat .form-tab .nav::-webkit-scrollbar {
        display: none;
    }
}

.form-donat .form-tab .nav .nav-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;
    opacity: .5;
}
@media (max-width: 568px) {
    .form-donat .form-tab .nav .nav-link {
        font-size: 16px;
        line-height: 110%;
    }
}

.form-donat .form-tab .nav .nav-link svg {
    display: none;
}

.form-donat .form-tab .nav .nav-link.active {
    opacity: 1;
    background: transparent;
}

.form-donat .form-tab .nav .nav-link.active svg {
    display: block;
}

.form-donat .form-tab .tab-content {
    width: 100%;
}

.form-donat .form-tab .tab-content .tab-pane {

}

.form-donat form {
    display: flex;
    width: 405px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
@media (max-width: 1024px) {
    .form-donat form {
        width: 100%;
    }
}

.form-donat form .input-list {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    flex-wrap: wrap;
    width: 100%;
}
.page-events .form-donat form .input-list {
    flex-direction: column;
    gap: 20px;
}

.form-donat form .input-list input {
    border: 1px solid #d9d9d9;
    outline: none;
    box-shadow: none;
    border-radius: 10px;
    padding: 4px 12px;
    background: #fff;
    width: 100%;
    height: 52px;
    display: flex;
    align-items: center;
}

.content:not(.page-events) .form-donat form .input-list input:not(:last-child) {
    width: calc(50% - 2px);
}
@media (max-width: 568px) {
    .form-donat form .input-list input:not(:last-child) {
        width: 100%;
    }
}

.form-donat form .radio-list {
    display: flex;
    align-items: flex-start;
    gap: 4px;
}

.form-donat .radio-list label {
    border-radius: 32px;
    padding: 14px 12px;
    display: flex;
    align-items: center;
    height: 32px;
    background: #fff;

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #000;

    cursor: pointer;
    transition: .3s ease;
}

.form-donat form .radio-list input {
    display: none;
}

.form-donat form .radio-list label:has(:checked) {
    background: #0042be;
    color: #ffffff;
}

.form-donat form .agree {
    display: flex;
    align-items: center;
    gap: 8px;

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #4c4c4c;
}

.form-donat form .agree input {
    display: none;
}

.form-donat form .agree .check {
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    width: 20px;
    height: 20px;
    background: #fff;
    position: relative;
}

.form-donat form .agree:has(:checked) .check {
    border: 1px solid #0042be;
    background: #0042be;
}

.form-donat form .agree:has(:checked) .check:after {
    content: '';
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.55383 9.23372C4.65731 9.27398 4.76443 9.29412 4.87521 9.29412C4.98598 9.29412 5.09311 9.27398 5.19659 9.23372C5.30007 9.19409 5.40023 9.12761 5.49707 9.03429L13.0013 1.80332L11.7784 0.625L4.917 7.23662L2.01463 4.43991L0.75 5.6585L4.25334 9.03429C4.35019 9.12761 4.45035 9.19409 4.55383 9.23372Z' fill='white' /%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
}

.form-donat form input[type=submit] {
    border-radius: 10px;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    background: #0042be;
    border: none;
    outline: none;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #fff;

    transition: .3s ease;
}
@media (max-width: 1024px) {
    .form-donat form input[type=submit] {
        width: 100%;
        height: 52px;
    }
}
.form-donat form input[type=submit]:hover {
    background: #002f88;
}

.form-donat form .success-message {
    border: 1px solid #d9d9d9;
    border-radius: 24px;
    padding: 32px;
    background: rgba(255, 255, 255, 0.5);
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media (max-width: 568px) {
    .form-donat form .success-message {
        padding: 24px;
    }
}
.form-donat form .success-message h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
}
.form-donat form .success-message {
    font-weight: 450;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}

/* page-statute */

.page-statute {

}
@media (max-width: 568px) {
    .page-statute {
        overflow-x: hidden;
    }
}

.page-statute .container {
    display: flex;
    align-items: flex-start;
    gap: 70px;
}

.page-statute .left {
    width: 100vw;
    max-width: 274px;
    transition: .3s ease;

    position: sticky;
    top: 20px;
}
@media (max-width: 1024px) {
    .page-statute .left {
        position: fixed;
        bottom: 0;
        left: 0;
        max-width: 100%;
        height: 100%;
        display: flex;
        align-items: flex-end;
        z-index: 9;
        opacity: 0;
        pointer-events: none;
    }
    .page-statute .left.active {
        opacity: 1;
        pointer-events: all;
    }
}

.page-statute .left .list {
    border-radius: 0 40px 40px 40px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    background: #f6f6f6;

    height: 100%;
    max-height: calc(100dvh - 40px);
    overflow-y: auto;
}
.page-statute .left .list::-webkit-scrollbar {
    display: none;
}
@media (max-width: 1024px) {
    .page-statute .left .list {
        border-radius: 32px 32px 0 0;
        padding: 20px;
        padding-top: 84px;
        width: 100%;
        height: max-content;
        max-height: 0dvh;
        background: #fff;
        position: relative;
        z-index: 2;

        transition: .5s ease;
    }
    .page-statute .left.active .list {
        max-height: 70dvh;
    }
}
@media (max-width: 568px) {
    .page-statute .left .list {
        border-radius: 24px 24px 0 0;
        padding: 12px;
        padding-top: 56px;
        gap: 12px;

        transition: .3s ease;
    }
}

.page-statute .left .list .close {
    display: none;
}
@media (max-width: 1024px) {
    .page-statute .left .list .close {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #d9d9d9;
        border-radius: 10px;
        width: 44px;
        height: 44px;
        padding: 10px;

        position: absolute;
        right: 20px;
        top: 20px;
    }
}
@media (max-width: 568px) {
    .page-statute .left .list .close {
        right: 12px;
        top: 12px;
    }
}

.page-statute .left .list nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
@media (max-width: 568px) {
    .page-statute .left .list nav {
        overflow-y: auto;
        margin-top: 12px;
    }
}

.page-statute .left a {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: rgba(0, 0, 0, 0.3);
}

.page-statute .left a.active {
    color: #0042be;
}

.page-statute .left a.button {
    display: none;
}
@media (max-width: 1024px) {
    .page-statute .left a.button {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 52px;

        font-family: "Mulish", sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 150%;
        color: #fff;
    }
}
@media (max-width: 568px) {
    .page-statute .left a.button {
        height: 44px;

        font-family: "Mulish", sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 140%;
        color: #fff;
    }
}

.page-statute .right {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
@media (max-width: 1024px) {
    .page-statute .right {
        gap: 32px;
    }
}
@media (max-width: 568px) {
    .page-statute .right {

    }
}

.page-statute:has(.left.active) .right {
    pointer-events: none;
}

body:has(.page-statute .left.active) {
    overflow: hidden;
}

.page-statute .right h1 {
    font-weight: 500;
    font-size: 40px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 1024px) {
    .page-statute .right h1 {
        font-size: 30px;
    }
}
@media (max-width: 568px) {
    .page-statute .right h1 {
        font-size: 25px;
    }
}

.page-statute .right .chapter {
    display: flex;
    flex-direction: column;
    gap: 28px;
}
@media (max-width: 568px) {
    .page-statute .right .chapter {
        gap: 12px;
    }
}

.page-statute .right .chapter h2 {
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #1b1b1b;
}
@media (max-width: 1024px) {
    .page-statute .right .chapter h2 {
        font-size: 20px;
    }
}
@media (max-width: 568px) {
    .page-statute .right .chapter h2 {

    }
}

.page-statute .right .chapter .text {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.page-statute .right .chapter .text p {
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: rgba(0, 0, 0, 0.6);
}

.page-statute .left-open {
    display: none;
}
@media (max-width: 1024px) {
    .page-statute .left-open {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        background: #ffffff;
    }
    .page-statute .left-open a {
        width: 100%;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 52px;
        background: #0042be;

        font-family: "Mulish", sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 150%;
        color: #fff;
    }
}
@media (max-width: 568px) {
    .page-statute .left-open {
        padding: 12px 12px 16px 12px;
    }
    .page-statute .left-open a {
        height: 44px;
        font-size: 14px;
    }
}

/* page-directions */

.page-directions {
    display: flex;
    flex-direction: column;
    gap: 120px;
}
@media (max-width: 1024px) {
    .page-directions {
        gap: 100px;
    }
}
@media (max-width: 568px) {
    .page-directions {

    }
}

.page-directions .top-hero {

}

.page-directions .directions-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
@media (max-width: 1024px) {
    .page-directions .directions-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 568px) {
    .page-directions .directions-list {
        grid-template-columns: 1fr;
    }
}

.page-directions .directions-list .item {
    display: flex;
    gap: 32px;
    padding: 32px;
    border: 1px solid #d9d9d9;
    border-radius: 40px;
}
@media (max-width: 1024px) {
    .page-directions .directions-list .item {
        flex-direction: column;
        border-radius: 32px;
        padding: 20px;
        gap: 24px;
    }
}
@media (max-width: 568px) {
    .page-directions .directions-list .item {

    }
}

.page-directions .directions-list .item .left {
    border-radius: 24px;
    width: 400px;
    padding-left: 32px;
    padding-top: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: #f6f6f6;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE5MCIgdmlld0JveD0iMCAwIDE3MiAxOTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMjQxXzIxNzgyKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzQuNDg0NyAxMTIuNTAyQzg0Ljc2NTkgOTQuNDg4OSAxMDAuMDQ4IDEwMC4xNDEgMTA2LjQwNCAxMDUuMjE5QzEwNi4xMDIgODcuNjY0OSA4NC45Nzc1IDg0LjgxNzggNjcuNDA4OCA5Ni45OTkyQzQ5Ljg0MDEgMTA5LjE4MSAzMC43ODUgMTU0LjMwMiA3OS42OTg0IDE2Ny4zNjFDMTAwLjM3IDE3Mi44OCAxMTYuMjQ3IDE2OS42MiAxMjguMDY1IDE1OS45MThMMTM1LjkwNCAxNzcuMDkxTDE0NC42ODYgMTk1Ljc2NkMxMTkuOTkxIDIwMS4wMTUgOTEuMTc5MiAyMjIuMTIxIDEwNC4wMTQgMjUyLjAwN0MxMjEuNTc5IDI5Mi45MDMgMTUyLjMxOSAyODMuMDM1IDE2OC43MjUgMjc1LjU0N0MxODEuODUxIDI2OS41NTYgMTc3LjQ0OSAyNTIuODMzIDE3My42MDcgMjQ1LjIyQzE3Mi4yNzIgMjUwLjMzOSAxNjcuNTk3IDI2MS40OTIgMTU5LjU3NiAyNjUuMTUzQzEzMC40MDkgMjc4LjQ2NSAxMDguMDAyIDIyOS4zNzMgMTUzLjIgMjE0Ljk4OEMxODkuMzU5IDIwMy40NzkgMTk5LjM0OSAyMzQuODU5IDE5OS44MjQgMjUxLjk4N0MyNDkuMTIyIDI0MC4zMDkgMjY2LjQ4MyAyNzIuNTU2IDI2OS4wMDIgMjkwLjEzOUMyNTEuNTA2IDI3OC4zNTEgMjIxIDI3Ni42NjUgMTg0LjU0IDI5My4zMDVDMTU1LjM3MyAzMDYuNjE4IDEyOS40NzEgMzA0LjU2NCAxMjAuMTY2IDMwMS44NzNDMTMyLjYzMSAzMjUuMzIzIDEzMC4zMTMgMzQ4LjIzNiAxMjcuNTk2IDM1Ni43NjFDMTExLjUyNiAzNTIuNDM5IDk1LjI4NjggMzI3Ljc5OCA4OS4xNzU3IDMxNi4wMTdDODAuNzM5MSAzMzEuMzE2IDcxLjkwOTMgMzQ1Ljc1MyAzMS40MTEyIDM2My4xOTZDLTAuOTg3MzQ1IDM3Ny4xNTEgLTEyLjY3NTggNDA2LjU2IC0xNC40NzAzIDQxOS41MjFDLTQwLjUxNyAzODUuNjE4IC0xNC42NjczIDM1NC43NDEgMS41MTMzMyAzNDMuNTRDLTIwLjY2NDcgMzM1Ljk3IC0yNi41MjIyIDI4NC41MjggMTIuODMxNSAyNzkuMDU0QzUyLjE4NTEgMjczLjU4MSA1My40NTA3IDMxMi41NSAzNy40MzcxIDMyMC44OTlDMjQuNjI2MiAzMjcuNTc5IDE1LjkzMTYgMzIyLjA0MiAxMy4xODU2IDMxOC40MzlDMjEuOTkxMSAzMzcuNzMyIDMzLjY1MjkgMzM3LjU0MyAzOC4zODMxIDMzNS4wMzdDODcuMDgxOCAzMTIuODEgNzEuNjIzOSAyODEuNDYzIDY2LjU4MTUgMjcxLjIzOEM2Ni4yNDQ0IDI3MC41NTQgNjUuOTUzOCAyNjkuOTY1IDY1LjczMjEgMjY5LjQ3OUM2Mi4xOTQyIDI2MS43MjggMzMuNzI2NiAyNDAuMzc4IDMuMzk3MDMgMjU4LjM4NEwtMTEuNTQwOCAyMjUuNjU1QzcuNDc1MDUgMjE5LjA1NyAyNi45NzQ4IDE5Ni42MjggMjAuMTMyMyAxNjkuNTcxQzEzLjI4OTcgMTQyLjUxNCAtMTkuODQzMyAxMzIuNjYgLTQyLjc1NTcgMTQ1LjE5OUMtNjEuMDg1NiAxNTUuMjMgLTU0LjYwMDggMTcwLjcyNSAtNDkuMDY3MSAxNzcuMjE5Qy00Ni42MTIgMTY4LjEyIC0zNy4zNjk4IDE1MS42OTEgLTIwLjA0MjEgMTU4Ljc2OEMxLjYxNzUgMTY3LjYxNSAtMS42OTE1NiAyMDEuMzg3IC0zMS41MiAyMTAuODM4Qy02OS4yNTExIDIxOC45MDEgLTc3LjYzMjUgMTg3LjgyOCAtNzcuMTA2NyAxNzEuMjg0Qy0xMTIuODM3IDE4Ny41OTIgLTEzOC4xMTMgMTUyLjY0NCAtMTQ2LjI4NCAxMzMuMTMyQy0xMzUuMDA4IDE0Mi41NTUgLTEwNC41OTUgMTU1Ljk0IC03My4xNTQgMTM0LjA5NkMtNDEuNzEyNSAxMTIuMjUzIC04LjcxMzgxIDExNi44MjYgMy44NTUzNCAxMjEuODQzQy0xMC4zNTUyIDExMC4wMTMgLTEyLjY1NDggODUuNjY5NyAtNS4yNzIzIDY1LjY0OUMxNy41NDk2IDY5LjgwMjQgMjguODY1OCA5Ni4yMDUzIDMzLjAyMjkgMTA4LjUzMUM0NS4zODMzIDc5LjQ5MzEgNjUuMDc3NSA3MC44NzQgODUuMjU1IDYyLjA0MzNDOTEuMTA1OCA1OS40ODI3IDk2Ljk5NzIgNTYuOTA0MyAxMDIuNzYyIDUzLjgwNTJDMTIzLjI4IDQyLjc3NTUgMTM0Ljg2OSAxNS41NjIxIDEzOC4wOTkgMy4zMzQwN0MxNjMuMTAyIDM2Ljg4MDMgMTM4LjczMSA2OC4yNjI2IDEyMy40MiA3OS43NjA0QzE1OC44MzggMTE4Ljc1MiAxMjMuMzA3IDE0Mi4yNTMgMTA2LjExNCAxNDguMDE5Qzg4LjkyMTQgMTUzLjc4NSA2MS42MzMxIDEzNS4wMTkgNzQuNDg0NyAxMTIuNTAyWk0zMS40MDEgMTQxLjM4OEM0Mi42MTggMTYzLjQwMiA3Ny4yODYyIDIwMi4zMzQgMTI2LjIyMyAxODEuOTUyQzEwNy4wMTcgMTk1LjYwMiA3My42NDc5IDIzMy45NSA5My44MTgzIDI3OC4xNDNDODUuOTI2NCAyNjAuODUyIDU3LjI1OTMgMjI4LjQwNiA1LjcyNTYzIDIzNi45NDlDMjMuOTE4MyAyMjYuMjA0IDU0LjUyMyAxOTIuMDQ4IDMxLjQwMSAxNDEuMzg4WiIgZmlsbD0iI0VFRUVFRiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzEyNDFfMjE3ODIiPgo8cmVjdCB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE5MCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K');
    background-repeat: no-repeat;
    background-position: left bottom;
}
.page-directions .directions-list .item:nth-child(2n) .left {
    background: #0042be;
}
@media (max-width: 1024px) {
    .page-directions .directions-list .item .left {
        padding-left: 20px;
        padding-top: 20px;
        width: 100%;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMjQxXzIxNzg4KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzQuNDg0NyAxMTIuNTAyQzg0Ljc2NTkgOTQuNDg4OSAxMDAuMDQ4IDEwMC4xNDEgMTA2LjQwNCAxMDUuMjE5QzEwNi4xMDIgODcuNjY0OSA4NC45Nzc1IDg0LjgxNzggNjcuNDA4OCA5Ni45OTkyQzQ5Ljg0MDEgMTA5LjE4MSAzMC43ODUgMTU0LjMwMiA3OS42OTg0IDE2Ny4zNjFDMTAwLjM3IDE3Mi44OCAxMTYuMjQ3IDE2OS42MiAxMjguMDY1IDE1OS45MThMMTM1LjkwNCAxNzcuMDkxTDE0NC42ODYgMTk1Ljc2NkMxMTkuOTkxIDIwMS4wMTUgOTEuMTc5MiAyMjIuMTIxIDEwNC4wMTQgMjUyLjAwN0MxMjEuNTc5IDI5Mi45MDMgMTUyLjMxOSAyODMuMDM1IDE2OC43MjUgMjc1LjU0N0MxODEuODUxIDI2OS41NTYgMTc3LjQ0OSAyNTIuODMzIDE3My42MDcgMjQ1LjIyQzE3Mi4yNzIgMjUwLjMzOSAxNjcuNTk3IDI2MS40OTIgMTU5LjU3NiAyNjUuMTUzQzEzMC40MDkgMjc4LjQ2NSAxMDguMDAyIDIyOS4zNzMgMTUzLjIgMjE0Ljk4OEMxODkuMzU5IDIwMy40NzkgMTk5LjM0OSAyMzQuODU5IDE5OS44MjQgMjUxLjk4N0MyNDkuMTIyIDI0MC4zMDkgMjY2LjQ4MyAyNzIuNTU2IDI2OS4wMDIgMjkwLjEzOUMyNTEuNTA2IDI3OC4zNTEgMjIxIDI3Ni42NjUgMTg0LjU0IDI5My4zMDVDMTU1LjM3MyAzMDYuNjE4IDEyOS40NzEgMzA0LjU2NCAxMjAuMTY2IDMwMS44NzNDMTMyLjYzMSAzMjUuMzIzIDEzMC4zMTMgMzQ4LjIzNiAxMjcuNTk2IDM1Ni43NjFDMTExLjUyNiAzNTIuNDM5IDk1LjI4NjggMzI3Ljc5OCA4OS4xNzU3IDMxNi4wMTdDODAuNzM5IDMzMS4zMTYgNzEuOTA5MyAzNDUuNzUzIDMxLjQxMTEgMzYzLjE5NkMtMC45ODczNTIgMzc3LjE1MSAtMTIuNjc1OCA0MDYuNTYgLTE0LjQ3MDMgNDE5LjUyMUMtNDAuNTE3IDM4NS42MTggLTE0LjY2NzMgMzU0Ljc0MSAxLjUxMzMyIDM0My41NEMtMjAuNjY0NyAzMzUuOTcgLTI2LjUyMjIgMjg0LjUyOCAxMi44MzE1IDI3OS4wNTRDNTIuMTg1MSAyNzMuNTgxIDUzLjQ1MDcgMzEyLjU1IDM3LjQzNzEgMzIwLjg5OUMyNC42MjYyIDMyNy41NzkgMTUuOTMxNiAzMjIuMDQyIDEzLjE4NTYgMzE4LjQzOUMyMS45OTExIDMzNy43MzIgMzMuNjUyOSAzMzcuNTQzIDM4LjM4MzEgMzM1LjAzN0M4Ny4wODE4IDMxMi44MSA3MS42MjM5IDI4MS40NjMgNjYuNTgxNSAyNzEuMjM4QzY2LjI0NDQgMjcwLjU1NCA2NS45NTM4IDI2OS45NjUgNjUuNzMyMSAyNjkuNDc5QzYyLjE5NDIgMjYxLjcyOCAzMy43MjY2IDI0MC4zNzggMy4zOTcwMiAyNTguMzg0TC0xMS41NDA4IDIyNS42NTVDNy40NzUwNCAyMTkuMDU3IDI2Ljk3NDggMTk2LjYyOCAyMC4xMzIzIDE2OS41NzFDMTMuMjg5NyAxNDIuNTE0IC0xOS44NDMzIDEzMi42NiAtNDIuNzU1NyAxNDUuMTk5Qy02MS4wODU3IDE1NS4yMyAtNTQuNjAwOCAxNzAuNzI1IC00OS4wNjcxIDE3Ny4yMTlDLTQ2LjYxMiAxNjguMTIgLTM3LjM2OTggMTUxLjY5MSAtMjAuMDQyMSAxNTguNzY4QzEuNjE3NDkgMTY3LjYxNSAtMS42OTE1NiAyMDEuMzg3IC0zMS41MiAyMTAuODM4Qy02OS4yNTEyIDIxOC45MDEgLTc3LjYzMjUgMTg3LjgyOCAtNzcuMTA2OCAxNzEuMjg0Qy0xMTIuODM3IDE4Ny41OTIgLTEzOC4xMTMgMTUyLjY0NCAtMTQ2LjI4NCAxMzMuMTMyQy0xMzUuMDA4IDE0Mi41NTUgLTEwNC41OTYgMTU1Ljk0IC03My4xNTQgMTM0LjA5NkMtNDEuNzEyNSAxMTIuMjUzIC04LjcxMzgxIDExNi44MjYgMy44NTUzNCAxMjEuODQzQy0xMC4zNTUyIDExMC4wMTMgLTEyLjY1NDggODUuNjY5NyAtNS4yNzIzIDY1LjY0OUMxNy41NDk2IDY5LjgwMjQgMjguODY1OCA5Ni4yMDUzIDMzLjAyMjkgMTA4LjUzMUM0NS4zODMzIDc5LjQ5MzEgNjUuMDc3NSA3MC44NzQgODUuMjU1IDYyLjA0MzNDOTEuMTA1OCA1OS40ODI3IDk2Ljk5NzIgNTYuOTA0MyAxMDIuNzYyIDUzLjgwNTJDMTIzLjI4IDQyLjc3NTUgMTM0Ljg2OSAxNS41NjIxIDEzOC4wOTkgMy4zMzQwN0MxNjMuMTAyIDM2Ljg4MDMgMTM4LjczMSA2OC4yNjI2IDEyMy40MiA3OS43NjA0QzE1OC44MzggMTE4Ljc1MiAxMjMuMzA3IDE0Mi4yNTMgMTA2LjExNCAxNDguMDE5Qzg4LjkyMTQgMTUzLjc4NSA2MS42MzMxIDEzNS4wMTkgNzQuNDg0NyAxMTIuNTAyWk0zMS40MDEgMTQxLjM4OEM0Mi42MTggMTYzLjQwMiA3Ny4yODYyIDIwMi4zMzQgMTI2LjIyMyAxODEuOTUyQzEwNy4wMTcgMTk1LjYwMiA3My42NDc5IDIzMy45NSA5My44MTgzIDI3OC4xNDNDODUuOTI2NCAyNjAuODUyIDU3LjI1OTMgMjI4LjQwNiA1LjcyNTYyIDIzNi45NDlDMjMuOTE4MyAyMjYuMjA0IDU0LjUyMyAxOTIuMDQ4IDMxLjQwMSAxNDEuMzg4WiIgZmlsbD0iI0VFRUVFRiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzEyNDFfMjE3ODgiPgo8cmVjdCB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K');
    }
}
@media (max-width: 568px) {
    .page-directions .directions-list .item .left {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMjQxXzIxODAzKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzQuNDg0NyAxMTIuNTAyQzg0Ljc2NTkgOTQuNDg4OSAxMDAuMDQ4IDEwMC4xNDEgMTA2LjQwNCAxMDUuMjE5QzEwNi4xMDIgODcuNjY0OSA4NC45Nzc1IDg0LjgxNzggNjcuNDA4OCA5Ni45OTkyQzQ5Ljg0MDEgMTA5LjE4MSAzMC43ODUgMTU0LjMwMiA3OS42OTg0IDE2Ny4zNjFDMTAwLjM3IDE3Mi44OCAxMTYuMjQ3IDE2OS42MiAxMjguMDY1IDE1OS45MThMMTM1LjkwNCAxNzcuMDkxTDE0NC42ODYgMTk1Ljc2NkMxMTkuOTkxIDIwMS4wMTUgOTEuMTc5MiAyMjIuMTIxIDEwNC4wMTQgMjUyLjAwN0MxMjEuNTc5IDI5Mi45MDMgMTUyLjMxOSAyODMuMDM1IDE2OC43MjUgMjc1LjU0N0MxODEuODUxIDI2OS41NTYgMTc3LjQ0OSAyNTIuODMzIDE3My42MDcgMjQ1LjIyQzE3Mi4yNzIgMjUwLjMzOSAxNjcuNTk3IDI2MS40OTIgMTU5LjU3NiAyNjUuMTUzQzEzMC40MDkgMjc4LjQ2NSAxMDguMDAyIDIyOS4zNzMgMTUzLjIgMjE0Ljk4OEMxODkuMzU5IDIwMy40NzkgMTk5LjM0OSAyMzQuODU5IDE5OS44MjQgMjUxLjk4N0MyNDkuMTIyIDI0MC4zMDkgMjY2LjQ4MyAyNzIuNTU2IDI2OS4wMDIgMjkwLjEzOUMyNTEuNTA2IDI3OC4zNTEgMjIxIDI3Ni42NjUgMTg0LjU0IDI5My4zMDVDMTU1LjM3MyAzMDYuNjE4IDEyOS40NzEgMzA0LjU2NCAxMjAuMTY2IDMwMS44NzNDMTMyLjYzMSAzMjUuMzIzIDEzMC4zMTMgMzQ4LjIzNiAxMjcuNTk2IDM1Ni43NjFDMTExLjUyNiAzNTIuNDM5IDk1LjI4NjggMzI3Ljc5OCA4OS4xNzU3IDMxNi4wMTdDODAuNzM5IDMzMS4zMTYgNzEuOTA5MyAzNDUuNzUzIDMxLjQxMTEgMzYzLjE5NkMtMC45ODczNTIgMzc3LjE1MSAtMTIuNjc1OCA0MDYuNTYgLTE0LjQ3MDMgNDE5LjUyMUMtNDAuNTE3IDM4NS42MTggLTE0LjY2NzMgMzU0Ljc0MSAxLjUxMzMyIDM0My41NEMtMjAuNjY0NyAzMzUuOTcgLTI2LjUyMjIgMjg0LjUyOCAxMi44MzE1IDI3OS4wNTRDNTIuMTg1MSAyNzMuNTgxIDUzLjQ1MDcgMzEyLjU1IDM3LjQzNzEgMzIwLjg5OUMyNC42MjYyIDMyNy41NzkgMTUuOTMxNiAzMjIuMDQyIDEzLjE4NTYgMzE4LjQzOUMyMS45OTExIDMzNy43MzIgMzMuNjUyOSAzMzcuNTQzIDM4LjM4MzEgMzM1LjAzN0M4Ny4wODE4IDMxMi44MSA3MS42MjM5IDI4MS40NjMgNjYuNTgxNSAyNzEuMjM4QzY2LjI0NDQgMjcwLjU1NCA2NS45NTM4IDI2OS45NjUgNjUuNzMyMSAyNjkuNDc5QzYyLjE5NDIgMjYxLjcyOCAzMy43MjY2IDI0MC4zNzggMy4zOTcwMiAyNTguMzg0TC0xMS41NDA4IDIyNS42NTVDNy40NzUwNCAyMTkuMDU3IDI2Ljk3NDggMTk2LjYyOCAyMC4xMzIzIDE2OS41NzFDMTMuMjg5NyAxNDIuNTE0IC0xOS44NDMzIDEzMi42NiAtNDIuNzU1NyAxNDUuMTk5Qy02MS4wODU3IDE1NS4yMyAtNTQuNjAwOCAxNzAuNzI1IC00OS4wNjcxIDE3Ny4yMTlDLTQ2LjYxMiAxNjguMTIgLTM3LjM2OTggMTUxLjY5MSAtMjAuMDQyMSAxNTguNzY4QzEuNjE3NDkgMTY3LjYxNSAtMS42OTE1NiAyMDEuMzg3IC0zMS41MiAyMTAuODM4Qy02OS4yNTEyIDIxOC45MDEgLTc3LjYzMjUgMTg3LjgyOCAtNzcuMTA2OCAxNzEuMjg0Qy0xMTIuODM3IDE4Ny41OTIgLTEzOC4xMTMgMTUyLjY0NCAtMTQ2LjI4NCAxMzMuMTMyQy0xMzUuMDA4IDE0Mi41NTUgLTEwNC41OTYgMTU1Ljk0IC03My4xNTQgMTM0LjA5NkMtNDEuNzEyNSAxMTIuMjUzIC04LjcxMzgxIDExNi44MjYgMy44NTUzNCAxMjEuODQzQy0xMC4zNTUyIDExMC4wMTMgLTEyLjY1NDggODUuNjY5NyAtNS4yNzIzIDY1LjY0OUMxNy41NDk2IDY5LjgwMjQgMjguODY1OCA5Ni4yMDUzIDMzLjAyMjkgMTA4LjUzMUM0NS4zODMzIDc5LjQ5MzEgNjUuMDc3NSA3MC44NzQgODUuMjU1IDYyLjA0MzNDOTEuMTA1OCA1OS40ODI3IDk2Ljk5NzIgNTYuOTA0MyAxMDIuNzYyIDUzLjgwNTJDMTIzLjI4IDQyLjc3NTUgMTM0Ljg2OSAxNS41NjIxIDEzOC4wOTkgMy4zMzQwN0MxNjMuMTAyIDM2Ljg4MDMgMTM4LjczMSA2OC4yNjI2IDEyMy40MiA3OS43NjA0QzE1OC44MzggMTE4Ljc1MiAxMjMuMzA3IDE0Mi4yNTMgMTA2LjExNCAxNDguMDE5Qzg4LjkyMTQgMTUzLjc4NSA2MS42MzMxIDEzNS4wMTkgNzQuNDg0NyAxMTIuNTAyWk0zMS40MDEgMTQxLjM4OEM0Mi42MTggMTYzLjQwMiA3Ny4yODYyIDIwMi4zMzQgMTI2LjIyMyAxODEuOTUyQzEwNy4wMTcgMTk1LjYwMiA3My42NDc5IDIzMy45NSA5My44MTgzIDI3OC4xNDNDODUuOTI2NCAyNjAuODUyIDU3LjI1OTMgMjI4LjQwNiA1LjcyNTYyIDIzNi45NDlDMjMuOTE4MyAyMjYuMjA0IDU0LjUyMyAxOTIuMDQ4IDMxLjQwMSAxNDEuMzg4WiIgZmlsbD0iI0VFRUVFRiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzEyNDFfMjE4MDMiPgo8cmVjdCB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K');
    }
}

.page-directions .directions-list .item .left p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
    text-align: left;
    width: 70%;
}
.page-directions .directions-list .item:nth-child(2n) .left p {
    color: #ffffff;
}
@media (max-width: 1024px) {
    .page-directions .directions-list .item .left p {
        font-size: 16px;
    }
}

.page-directions .directions-list .item .left img {
    max-width: 172px;
    margin-left: auto;
}
@media (max-width: 1024px) {
    .page-directions .directions-list .item .left img {
        max-width: 140px;
    }
}

.page-directions .directions-list .item .right {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    gap: 32px;
    width: calc(100% - 400px - 32px);
}
@media (max-width: 1024px) {
    .page-directions .directions-list .item .right {
        width: 100%;
        flex-direction: column;
        gap: 20px;
        height: 100%;
    }
}

.page-directions .directions-list .item .right .info {
    display: flex;
    height: 300px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
@media (max-width: 1024px) {
    .page-directions .directions-list .item .right .info {
        height: auto;
        gap: 20px;
    }
}

.page-directions .directions-list .item .right .info .text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    max-width: 550px;
}
@media (max-width: 1024px) {
    .page-directions .directions-list .item .right .info .text {
        gap: 24px;
    }
}

.page-directions .directions-list .item .right .info .text h2 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 1024px) {
    .page-directions .directions-list .item .right .info .text h2 {
        font-size: 20px;
    }
}

.page-directions .directions-list .item .right .info .text p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.8);
}

.page-directions .directions-list .item .right .info .meta {
    display: flex;
    align-items: center;
    gap: 10px;
}

.page-directions .directions-list .item .right .info .meta span {
    border-radius: 32px;
    padding: 6px 8px;
    height: 30px;
    display: flex;
    align-items: center;
    background: #f6f6f6;

    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.5);
}

.page-directions .directions-list .item .right > a {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #0042be;

    min-width: 170px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    transition: .3s ease;
}
.page-directions .directions-list .item .right > a:hover {
    gap: 6px;
}

.page-directions .directions-list ~ .link {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;

    border-bottom: 1px solid #d9d9d9;
    padding: 15px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -40px;
}
@media (max-width: 568px) {
    .page-directions .directions-list ~ .link {
        font-size: 16px;
        padding: 12px 0px;
        margin-top: -20px;
    }
}

.page-directions .directions-list ~ .link div {
    border: 1px solid #dad9d9;
    border-radius: 64px;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
}
@media (max-width: 568px) {
    .page-directions .directions-list ~ .link div {
        width: 44px;
        height: 44px;
    }
}
.page-directions .directions-list ~ .link:hover div {
    border: 1px solid #000;
    /*background: #000;*/
}

.page-directions .directions-list ~ .link div path {
    transition: .3s ease;
}
.page-directions .directions-list ~ .link:hover div path {
    /*fill: #fff;*/
}


/* page-library */

.page-library {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 44px;
}

.page-library .library-banner {
    border-radius: 32px 32px 32px 0;
    padding:44px 116px 44px 44px;
    display: flex;
    justify-content: space-between;
    height: 504px;
    background-color: #f6f6f6;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQ4IiBoZWlnaHQ9IjUwNCIgdmlld0JveD0iMCAwIDU0OCA1MDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEwNC4wOTEgNDU2LjYwNkM3NC4zMDkxIDQ4OC43NjEgMjIuOTU0NSA0NzAuMDA0IDEgNDU2LjYwNkMzNC40MDkxIDQxNy4wNDggMTE1LjM1NSAzMzcuMzU5IDE3MS44NjQgMzM1LjA2NEMyMjguMzczIDMzMi43NjkgMjY0LjEzNiAzNTguMzUyIDI3NC45NTUgMzcxLjQzQzI4OC42MzYgMzU2LjQzNyAzMzAuMzE4IDMyOC4xNzMgMzg3LjU5MSAzMzUuMDY0QzQ0NC44NjQgMzQxLjk1NCA1MTcuNzI3IDQwNi44NCA1NDcgNDM4LjQyMkM1MDMuNDczIDQ3Mi44NzMgNDYyLjA0NSA0NTcuODgxIDQ0Ni43NzMgNDQ2LjA3OUM0MzMuNDA5IDUwMS41ODYgMzgwLjkwOSA1MTEuMTU1IDM1NC4xODIgNDkzLjkyOEMzMzIuOCA0ODAuMTQ3IDMzMS4yNzMgNDU2LjI4NiAzMzMuMTgyIDQ0Ni4wNzlDMzk5LjA0NSA0NTIuNzc5IDM2Mi43NzMgNDAwLjE0MiAzNDYuNTQ1IDM5NS4zNTdDMzMwLjMxOCAzOTAuNTcyIDI3MS4xMzYgNDA2Ljg0MSAzMTAuMjczIDQ4NS4zMTZDMzQxLjU4MiA1NDguMDk2IDQxNC4zMTggNTM4LjI3MSA0NDYuNzczIDUyNS41MTFDNDQwLjA5MSA1NzkuMTA0IDM5MC40NTUgNjAzLjAyOSAzNTggNjA2Ljg1N0MzMzIuMDM2IDYwOS45MiAzMDMuMjczIDU4My4yNTEgMjkyLjEzNiA1NjkuNTM0QzI4Ny4zNjQgNTk4LjI0NCAyOTIuNjE4IDYwMi4wNzggMzAyLjYzNiA2MTUuNDdDMzExLjIyNyA2MjYuOTU1IDMzOS44NjQgNjM0LjkzIDM1NC4xODIgNjM3LjQ4MkwyODYuNDA5IDcxNUgyNzYuODY0TDIxMC4wNDUgNjM3LjQ4MkMyMTcuMDQ1IDYzOC43NTggMjM1LjQzNiA2MzYuMTQyIDI1MyA2MTUuNDdDMjcwLjU2NCA1OTQuNzk5IDI2Ny4zMTggNTc2LjIzMyAyNjMuNSA1NjkuNTM0QzI1NS41NDUgNTg1LjQ4NCAyMjcuMDM2IDYxNS4yNzkgMTc2LjYzNiA2MDYuODU3QzEyNi4yMzYgNTk4LjQzNSAxMTMuNjM2IDU0OS4xMTcgMTEzLjYzNiA1MjUuNTExQzE2Ni4xMzYgNTY1LjcwNiAyMTguNjM2IDUzNS4wODEgMjQ2LjMxOCA0ODUuMzE2QzI3NCA0MzUuNTUxIDIzMiAzNzMuMzQ1IDE5My44MTggNDA2Ljg0MUMxNTQuODczIDQ1Mi43NzggMTk4LjU5MSA0NTIuMTQgMjI1LjMxOCA0NDYuMDc5QzIyNC4wNDUgNDU5Ljc5NiAyMTQuMjQ1IDQ5MC44NjcgMTg1LjIyNyA1MDUuNDE0QzEzNi4zNTUgNTIzLjAyMyAxMTAuNzczIDQ4MC4yMTIgMTA0LjA5MSA0NTYuNjA2WiIgZmlsbD0iI0VFRUVFRSIgLz4KICA8cGF0aCBkPSJNMTA0LjA5MSAxODUuNjgxQzc0LjMwOTEgMTUzLjg2MyAyMi45NTQ1IDE3Mi40MjQgMSAxODUuNjgxQzM0LjQwOTEgMjI0LjgyNCAxMTUuMzU1IDMwMy42NzYgMTcxLjg2NCAzMDUuOTQ3QzIyOC4zNzMgMzA4LjIxOCAyNjQuMTM2IDI4Mi45MDQgMjc0Ljk1NSAyNjkuOTYyQzI4OC42MzYgMjg0Ljc5OCAzMzAuMzE4IDMxMi43NjUgMzg3LjU5MSAzMDUuOTQ3QzQ0NC44NjQgMjk5LjEyOSA1MTcuNzI3IDIzNC45MjUgNTQ3IDIwMy42NzVDNTAzLjQ3MyAxNjkuNTg1IDQ2Mi4wNDUgMTg0LjQxOSA0NDYuNzczIDE5Ni4wOThDNDMzLjQwOSAxNDEuMTczIDM4MC45MDkgMTMxLjcwNSAzNTQuMTgyIDE0OC43NTFDMzMyLjggMTYyLjM4NyAzMzEuMjczIDE4NS45OTcgMzMzLjE4MiAxOTYuMDk4QzM5OS4wNDUgMTg5LjQ2OCAzNjIuNzczIDI0MS41NTMgMzQ2LjU0NSAyNDYuMjg3QzMzMC4zMTggMjUxLjAyMiAyNzEuMTM2IDIzNC45MjQgMzEwLjI3MyAxNTcuMjcyQzM0MS41ODIgOTUuMTUxMyA0MTQuMzE4IDEwNC44NzMgNDQ2Ljc3MyAxMTcuNUM0NDAuMDkxIDY0LjQ2OTUgMzkwLjQ1NSA0MC43OTUzIDM1OCAzNy4wMDc0QzMzMi4wMzYgMzMuOTc3MSAzMDMuMjczIDYwLjM2NiAyOTIuMTM2IDczLjkzOTJDMjg3LjM2NCA0NS41MzAxIDI5Mi42MTggNDEuNzM2OCAzMDIuNjM2IDI4LjQ4NDdDMzExLjIyNyAxNy4xMjExIDMzOS44NjQgOS4yMjk2OCAzNTQuMTgyIDYuNzA0NDRMMjg2LjQwOSAtNzBIMjc2Ljg2NEwyMTAuMDQ1IDYuNzA0NDRDMjE3LjA0NSA1LjQ0MTggMjM1LjQzNiA4LjAzMDE4IDI1MyAyOC40ODQ3QzI3MC41NjQgNDguOTM5MiAyNjcuMzE4IDY3LjMxMDQgMjYzLjUgNzMuOTM5MkMyNTUuNTQ1IDU4LjE1NjQgMjI3LjAzNiAyOC42NzQxIDE3Ni42MzYgMzcuMDA3NEMxMjYuMjM2IDQ1LjM0MDcgMTEzLjYzNiA5NC4xNDEyIDExMy42MzYgMTE3LjVDMTY2LjEzNiA3Ny43MjcgMjE4LjYzNiAxMDguMDMgMjQ2LjMxOCAxNTcuMjcyQzI3NCAyMDYuNTE1IDIzMiAyNjguMDY4IDE5My44MTggMjM0LjkyNEMxNTQuODczIDE4OS40NjkgMTk4LjU5MSAxOTAuMTAxIDIyNS4zMTggMTk2LjA5OEMyMjQuMDQ1IDE4Mi41MjUgMjE0LjI0NSAxNTEuNzggMTg1LjIyNyAxMzcuMzg2QzEzNi4zNTUgMTE5Ljk2MiAxMTAuNzczIDE2Mi4zMjMgMTA0LjA5MSAxODUuNjgxWiIgZmlsbD0iI0VFRUVFRSIgLz4KPC9zdmc+');
    background-repeat: no-repeat;
    background-position: center right 116px;
}
@media (max-width: 1024px) {
    .page-library .library-banner {
        border-radius: 0 32px 32px 32px;
        flex-direction: column-reverse;
        height: auto;
        width: calc(100% - 40px);
        padding: 32px;
        gap: 32px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzI4IiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDcyOCA1MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTIwMy40MjcgMzc2LjQxOEMxNzUuMjgxIDQwNi43MzEgMTI2Ljc0OCAzODkuMDQ4IDEwNiAzNzYuNDE4QzEzNy41NzMgMzM5LjEyOCAyMTQuMDcxIDI2NC4wMDcgMjY3LjQ3NiAyNjEuODQ0QzMyMC44OCAyNTkuNjggMzU0LjY3OCAyODMuNzk3IDM2NC45MDIgMjk2LjEyNkMzNzcuODMyIDI4MS45OTIgNDE3LjIyNCAyNTUuMzQ4IDQ3MS4zNSAyNjEuODQ0QzUyNS40NzYgMjY4LjMzOSA1OTQuMzM2IDMyOS41MDUgNjIyIDM1OS4yNzZDNTgwLjg2NCAzOTEuNzUzIDU0MS43MTMgMzc3LjYyIDUyNy4yOCAzNjYuNDk0QzUxNC42NSA0MTguODIgNDY1LjAzNSA0MjcuODQgNDM5Ljc3NiA0MTEuNjAxQzQxOS41NjkgMzk4LjYxIDQxOC4xMjYgMzc2LjExNyA0MTkuOTMgMzY2LjQ5NEM0ODIuMTc1IDM3Mi44MSA0NDcuODk1IDMyMy4xOTEgNDMyLjU1OSAzMTguNjhDNDE3LjIyNCAzMTQuMTY5IDM2MS4yOTQgMzI5LjUwNiAzOTguMjggNDAzLjQ4M0M0MjcuODY5IDQ2Mi42NjQgNDk2LjYwOCA0NTMuNDAyIDUyNy4yOCA0NDEuMzczQzUyMC45NjUgNDkxLjg5NCA0NzQuMDU2IDUxNC40NDggNDQzLjM4NSA1MTguMDU2QzQxOC44NDggNTIwLjk0MyAzOTEuNjY0IDQ5NS44MDMgMzgxLjE0IDQ4Mi44NzJDMzc2LjYyOSA1MDkuOTM3IDM4MS41OTUgNTEzLjU1MSAzOTEuMDYzIDUyNi4xNzZDMzk5LjE4MiA1MzcuMDAyIDQyNi4yNDUgNTQ0LjUyIDQzOS43NzYgNTQ2LjkyNUwzNzUuNzI3IDYyMEgzNjYuNzA2TDMwMy41NTkgNTQ2LjkyNUMzMTAuMTc1IDU0OC4xMjggMzI3LjU1NSA1NDUuNjYyIDM0NC4xNTQgNTI2LjE3NkMzNjAuNzUyIDUwNi42ODkgMzU3LjY4NSA0ODkuMTg4IDM1NC4wNzcgNDgyLjg3MkMzNDYuNTU5IDQ5Ny45MDggMzE5LjYxNyA1MjUuOTk1IDI3MS45ODYgNTE4LjA1NkMyMjQuMzU1IDUxMC4xMTggMjEyLjQ0OCA0NjMuNjI2IDIxMi40NDggNDQxLjM3M0MyNjIuMDYzIDQ3OS4yNjQgMzExLjY3OCA0NTAuMzk1IDMzNy44MzkgNDAzLjQ4M0MzNjQgMzU2LjU3MSAzMjQuMzA4IDI5Ny45MzEgMjg4LjIyNCAzMjkuNTA2QzI1MS40MTggMzcyLjgxIDI5Mi43MzQgMzcyLjIwOCAzMTcuOTkzIDM2Ni40OTRDMzE2Ljc5IDM3OS40MjUgMzA3LjUyOSA0MDguNzE1IDI4MC4xMDUgNDIyLjQyOEMyMzMuOTE3IDQzOS4wMjggMjA5Ljc0MSAzOTguNjcxIDIwMy40MjcgMzc2LjQxOFoiIGZpbGw9IiNFRUVFRUUiIC8+CiAgPHBhdGggZD0iTTIwMy40MjcgMTIxLjAyNUMxNzUuMjgxIDkxLjAzMDQgMTI2Ljc0OCAxMDguNTI3IDEwNiAxMjEuMDI1QzEzNy41NzMgMTU3LjkyMyAyMTQuMDcxIDIzMi4yNTUgMjY3LjQ3NiAyMzQuMzk2QzMyMC44OCAyMzYuNTM3IDM1NC42NzggMjEyLjY3NCAzNjQuOTAyIDIwMC40NzRDMzc3LjgzMiAyMTQuNDYgNDE3LjIyNCAyNDAuODI0IDQ3MS4zNSAyMzQuMzk2QzUyNS40NzYgMjI3Ljk2OSA1OTQuMzM2IDE2Ny40NDUgNjIyIDEzNy45ODZDNTgwLjg2NCAxMDUuODUgNTQxLjcxMyAxMTkuODM1IDUyNy4yOCAxMzAuODQ0QzUxNC42NSA3OS4wNjc2IDQ2NS4wMzUgNzAuMTQyNCA0MzkuNzc2IDg2LjIxMDdDNDE5LjU2OSA5OS4wNjU0IDQxOC4xMjYgMTIxLjMyMiA0MTkuOTMgMTMwLjg0NEM0ODIuMTc1IDEyNC41OTQgNDQ3Ljg5NSAxNzMuNjkzIDQzMi41NTkgMTc4LjE1NkM0MTcuMjI0IDE4Mi42MiAzNjEuMjk0IDE2Ny40NDQgMzk4LjI4IDk0LjI0NDFDNDI3Ljg2OSAzNS42ODQgNDk2LjYwOCA0NC44NDg5IDUyNy4yOCA1Ni43NTEzQzUyMC45NjUgNi43NjEwNSA0NzQuMDU2IC0xNS41NTYgNDQzLjM4NSAtMTkuMTI2OEM0MTguODQ4IC0yMS45ODM0IDM5MS42NjQgMi44OTI3NSAzODEuMTQgMTUuNjg3OUMzNzYuNjI5IC0xMS4wOTI2IDM4MS41OTUgLTE0LjY2ODUgMzkxLjA2MyAtMjcuMTYwOUMzOTkuMTgyIC0zNy44NzMxIDQyNi4yNDUgLTQ1LjMxMjIgNDM5Ljc3NiAtNDcuNjkyN0wzNzUuNzI3IC0xMjBIMzY2LjcwNkwzMDMuNTU5IC00Ny42OTI3QzMxMC4xNzUgLTQ4Ljg4MjkgMzI3LjU1NSAtNDYuNDQyOSAzNDQuMTU0IC0yNy4xNjA5QzM2MC43NTIgLTcuODc4OTcgMzU3LjY4NSA5LjQzOTEgMzU0LjA3NyAxNS42ODc5QzM0Ni41NTkgMC44MDk4MyAzMTkuNjE3IC0yNi45ODI0IDI3MS45ODYgLTE5LjEyNjhDMjI0LjM1NSAtMTEuMjcxMiAyMTIuNDQ4IDM0LjczMTggMjEyLjQ0OCA1Ni43NTEzQzI2Mi4wNjMgMTkuMjU4NiAzMTEuNjc4IDQ3LjgyNDUgMzM3LjgzOSA5NC4yNDQxQzM2NCAxNDAuNjY0IDMyNC4zMDggMTk4LjY4OCAyODguMjI0IDE2Ny40NDRDMjUxLjQxOCAxMjQuNTk1IDI5Mi43MzQgMTI1LjE5IDMxNy45OTMgMTMwLjg0NEMzMTYuNzkgMTE4LjA0OSAzMDcuNTI5IDg5LjA2NjUgMjgwLjEwNSA3NS40OTc3QzIzMy45MTcgNTkuMDcyMyAyMDkuNzQxIDk5LjAwNSAyMDMuNDI3IDEyMS4wMjVaIiBmaWxsPSIjRUVFRUVFIiAvPgo8L3N2Zz4=');
        background-position: center;
    }
}
@media (max-width: 568px) {
    .page-library .library-banner {
        border-radius: 24px 0 24px 24px;
        width: calc(100% - 24px);
        padding: 20px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzY2IiBoZWlnaHQ9IjM0MCIgdmlld0JveD0iMCAwIDM2NiAzNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEwNC43MjkgMjMxLjUwMUM5MS4wMzY0IDI0Ni4yNDcgNjcuNDI1OCAyMzcuNjQ1IDU3LjMzMiAyMzEuNTAxQzcyLjY5MjEgMjEzLjM2IDEwOS45MDcgMTc2LjgxNCAxMzUuODg4IDE3NS43NjJDMTYxLjg2OCAxNzQuNzA5IDE3OC4zMTEgMTg2LjQ0MiAxODMuMjg0IDE5Mi40MzlDMTg5LjU3NSAxODUuNTY0IDIwOC43MzggMTcyLjYwMiAyMzUuMDcgMTc1Ljc2MkMyNjEuNDAxIDE3OC45MjIgMjk0LjkwMSAyMDguNjc4IDMwOC4zNTkgMjIzLjE2MUMyODguMzQ3IDIzOC45NjEgMjY5LjMwMSAyMzIuMDg2IDI2Mi4yNzkgMjI2LjY3M0MyNTYuMTM1IDI1Mi4xMjkgMjMxLjk5OCAyNTYuNTE3IDIxOS43MSAyNDguNjE3QzIwOS44NzkgMjQyLjI5NyAyMDkuMTc3IDIzMS4zNTQgMjEwLjA1NSAyMjYuNjczQzI0MC4zMzYgMjI5Ljc0NiAyMjMuNjU5IDIwNS42MDYgMjE2LjE5OSAyMDMuNDEyQzIwOC43MzggMjAxLjIxOCAxODEuNTI5IDIwOC42NzkgMTk5LjUyMiAyNDQuNjY3QzIxMy45MTcgMjczLjQ1OCAyNDcuMzU4IDI2OC45NTIgMjYyLjI3OSAyNjMuMTAxQzI1OS4yMDcgMjg3LjY3OCAyMzYuMzg2IDI5OC42NSAyMjEuNDY1IDMwMC40MDZDMjA5LjUyOCAzMDEuODEgMTk2LjMwNCAyODkuNTggMTkxLjE4NCAyODMuMjg5QzE4OC45OSAyOTYuNDU2IDE5MS40MDUgMjk4LjIxNCAxOTYuMDExIDMwNC4zNTZDMTk5Ljk2MSAzMDkuNjIyIDIxMy4xMjcgMzEzLjI4IDIxOS43MSAzMTQuNDVMMTg4LjU1MSAzNTBIMTg0LjE2MkwxNTMuNDQyIDMxNC40NUMxNTYuNjYgMzE1LjAzNSAxNjUuMTE2IDMxMy44MzYgMTczLjE5MSAzMDQuMzU2QzE4MS4yNjYgMjk0Ljg3NiAxNzkuNzc0IDI4Ni4zNjIgMTc4LjAxOCAyODMuMjg5QzE3NC4zNjEgMjkwLjYwNCAxNjEuMjU0IDMwNC4yNjggMTM4LjA4MiAzMDAuNDA2QzExNC45MSAyOTYuNTQ0IDEwOS4xMTcgMjczLjkyNiAxMDkuMTE3IDI2My4xMDFDMTMzLjI1NSAyODEuNTM0IDE1Ny4zOTIgMjY3LjQ4OSAxNzAuMTE5IDI0NC42NjdDMTgyLjg0NiAyMjEuODQ1IDE2My41MzYgMTkzLjMxOCAxNDUuOTgxIDIwOC42NzlDMTI4LjA3NiAyMjkuNzQ1IDE0OC4xNzYgMjI5LjQ1MyAxNjAuNDY0IDIyNi42NzNDMTU5Ljg3OSAyMzIuOTY0IDE1NS4zNzMgMjQ3LjIxMyAxNDIuMDMyIDI1My44ODRDMTE5LjU2MiAyNjEuOTU5IDEwNy44MDEgMjQyLjMyNyAxMDQuNzI5IDIzMS41MDFaIiBmaWxsPSIjRUVFRUVFIiAvPgogIDxwYXRoIGQ9Ik0xMDQuNzI5IDEwNy4yNTVDOTEuMDM2NCA5Mi42NjM0IDY3LjQyNTggMTAxLjE3NSA1Ny4zMzIgMTA3LjI1NUM3Mi42OTIxIDEyNS4yMDYgMTA5LjkwNyAxNjEuMzY3IDEzNS44ODggMTYyLjQwOUMxNjEuODY4IDE2My40NSAxNzguMzExIDE1MS44NDEgMTgzLjI4NCAxNDUuOTA2QzE4OS41NzUgMTUyLjcxIDIwOC43MzggMTY1LjUzNiAyMzUuMDcgMTYyLjQwOUMyNjEuNDAxIDE1OS4yODIgMjk0LjkwMSAxMjkuODM4IDMwOC4zNTkgMTE1LjUwN0MyODguMzQ3IDk5Ljg3MzIgMjY5LjMwMSAxMDYuNjc2IDI2Mi4yNzkgMTEyLjAzMkMyNTYuMTM1IDg2Ljg0MzcgMjMxLjk5OCA4Mi41MDE3IDIxOS43MSA5MC4zMTg3QzIwOS44NzkgOTYuNTcyMyAyMDkuMTc3IDEwNy40IDIxMC4wNTUgMTEyLjAzMkMyNDAuMzM2IDEwOC45OTIgMjIzLjY1OSAxMzIuODc4IDIxNi4xOTkgMTM1LjA0OUMyMDguNzM4IDEzNy4yMiAxODEuNTI5IDEyOS44MzggMTk5LjUyMiA5NC4yMjY4QzIxMy45MTcgNjUuNzM4MiAyNDcuMzU4IDcwLjE5NjggMjYyLjI3OSA3NS45ODcxQzI1OS4yMDcgNTEuNjY3NSAyMzYuMzg2IDQwLjgxMDYgMjIxLjQ2NSAzOS4wNzM1QzIwOS41MjggMzcuNjgzOCAxOTYuMzA0IDQ5Ljc4NTcgMTkxLjE4NCA1Ni4wMTAzQzE4OC45OSA0Mi45ODIgMTkxLjQwNSA0MS4yNDI0IDE5Ni4wMTEgMzUuMTY1QzE5OS45NjEgMjkuOTUzNiAyMTMuMTI3IDI2LjMzNDYgMjE5LjcxIDI1LjE3NjZMMTg4LjU1MSAtMTBIMTg0LjE2MkwxNTMuNDQyIDI1LjE3NjZDMTU2LjY2IDI0LjU5NzUgMTY1LjExNiAyNS43ODQ1IDE3My4xOTEgMzUuMTY1QzE4MS4yNjYgNDQuNTQ1NCAxNzkuNzc0IDUyLjk3MDQgMTc4LjAxOCA1Ni4wMTAzQzE3NC4zNjEgNDguNzcyNCAxNjEuMjU0IDM1LjI1MTggMTM4LjA4MiAzOS4wNzM1QzExNC45MSA0Mi44OTUxIDEwOS4xMTcgNjUuMjc0OSAxMDkuMTE3IDc1Ljk4NzFDMTMzLjI1NSA1Ny43NDc0IDE1Ny4zOTIgNzEuNjQ0NCAxNzAuMTE5IDk0LjIyNjhDMTgyLjg0NiAxMTYuODA5IDE2My41MzYgMTQ1LjAzNyAxNDUuOTgxIDEyOS44MzhDMTI4LjA3NiAxMDguOTkyIDE0OC4xNzYgMTA5LjI4MiAxNjAuNDY0IDExMi4wMzJDMTU5Ljg3OSAxMDUuODA4IDE1NS4zNzMgOTEuNzA4IDE0Mi4wMzIgODUuMTA3QzExOS41NjIgNzcuMTE2MyAxMDcuODAxIDk2LjU0MyAxMDQuNzI5IDEwNy4yNTVaIiBmaWxsPSIjRUVFRUVFIiAvPgo8L3N2Zz4=');
    }
}

.page-library .library-banner .left {
    display: flex;
    width: 388px;
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 72px;
}
@media (max-width: 1024px) {
    .page-library .library-banner .left {
        width: 100%;
        gap: 24px;
    }
}
@media (max-width: 568px) {
    .page-library .library-banner .left {
        gap: 20px;
    }
}

.page-library .library-banner .left h1 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 115%;
    letter-spacing: -0.02em;
    color: #000;
}
@media (max-width: 1024px) {
    .page-library .library-banner .left h1 {
        font-size: 40px;
    }
}
@media (max-width: 568px) {
    .page-library .library-banner .left h1 {
        font-size: 25px;
    }
}

.page-library .library-banner .left p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.8);
}

.page-library .library-banner .left a {
    border-radius: 10px;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;

    font-family: "Mulish", sans-serif;
    /*font-weight: 500;*/
    font-size: 16px;
    line-height: 150%;
    color: #fff;
}
@media (max-width: 1024px) {
    .page-library .library-banner .left a {
        width: 100%;
    }
}


.page-library .library-banner .right {
    width: 548px;
}
@media (max-width: 1024px) {
    .page-library .library-banner .right {
        width: 100%;
        height: 500px;
    }
}
@media (max-width: 568px) {
    .page-library .library-banner .right {
        width: 100%;
        height: 320px;
    }
}

.page-library .library-banner .right .library-swiper {
    height: 100%;
}

.page-library .library-banner .right .library-swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.page-library .library-banner .right .library-swiper .swiper-slide span {
    border-radius: 8px 8px 0 0;
    padding: 4px 16px;
    width: 107px;
    height: 26px;
    background: #b52b3a;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #fff;
}

.page-library .library-banner .right .library-swiper .swiper-slide img {
    /*height: 100%;*/
    max-width: 200px;
}
@media (max-width: 568px) {
    .page-library .library-banner .right .library-swiper .swiper-slide img {
        max-width: 132px;
    }
}

.page-library .library-banner .right .library-swiper .arrow {

}

.page-library .library-banner .right .library-swiper .arrow {
    display: flex;
    align-items: center;
    gap: 16px;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 100%;
    justify-content: space-between;
    pointer-events: none;
}
@media (max-width: 568px) {
    .page-library .library-banner .right .library-swiper .arrow {

    }
}

.page-library .library-banner .right .library-swiper .arrow div {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 44px;
    width: 44px;
    height: 44px;
    background: #fff;
    pointer-events: all;
}

.page-library .library-banner .right .library-swiper .arrow div[aria-disabled="true"] {
    opacity: 0.5;
    pointer-events: none;
}

.page-library .library-catalog {
    display: flex;
    align-items: flex-start;
    gap: 32px;
}
@media (max-width: 1024px) {
    .page-library .library-catalog {
        flex-direction: column;
    }
}

.page-library .library-catalog .filter {
    width: 100%;
    max-width: 316px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
@media (max-width: 1024px) {
    html:has(.filter.active) {
        overflow: hidden;
    }
    .page-library .library-catalog .filter {
        position: fixed;
        left: -100vw;
        top: 0;
        z-index: 9;
        background: #fff;
        width: 100%;
        height: 100%;
        max-width: 100%;
        padding: 20px;
        transition: .5s ease;
    }
    .page-library .library-catalog .filter.active {
        left: 0;
    }
}

.page-library .library-catalog .filter .top {
    display: none;
}
@media (max-width: 1024px) {
    .page-library .library-catalog .filter .top {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .page-library .library-catalog .filter .top p {
        font-family: "Mulish", sans-serif;
        font-weight: 500;
        font-size: 20px;
        line-height: 115%;
        letter-spacing: -0.01em;
        color: #000;
    }
    .page-library .library-catalog .filter .top .close {
        width: 44px;
        height: 44px;
        border: 1px solid #d9d9d9;
        border-radius: 10px;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.page-library .library-catalog .filter .search-filter {
    border: 1px solid #b3b3b3;
    border-radius: 10px;
    padding: 4px 12px;
    height: 52px;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: .3s ease;
}
.page-library .library-catalog .filter .search-filter:has(input:placeholder-shown) {
    border: 1px solid #d9d9d9;
}
.page-library .library-catalog .filter .search-filter:hover {
    border: 1px solid #b3b3b3 !important;
}

.page-library .library-catalog .filter .search-filter input {
    border: none;
    outline: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}

.page-library .library-catalog .filter .search-filter input::placeholder {
    color: #808080;
}

.page-library .library-catalog .filter .accordion {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
@media (max-width: 1024px) {
    .page-library .library-catalog .filter .accordion {
        height: calc(100dvh - 300px);
        overflow-y: auto;
        gap: 0;
    }
}
@media (max-width: 568px) {
    .page-library .library-catalog .filter .accordion {
        height: calc(100dvh - 270px);
    }
}

.page-library .library-catalog .filter .accordion .accordion-item {
    border-radius: 0;
    border: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media (max-width: 1024px) {
    .page-library .library-catalog .filter .accordion .accordion-item {
        gap: 0;
        /*padding: 0px 0px 20px;*/
    }
}

.page-library .library-catalog .filter .accordion .accordion-item .accordion-header {

}

.page-library .library-catalog .filter .accordion .accordion-item .accordion-header button {
    border-radius: 0;
    box-shadow: none;
    background: none;
    border: none;
    padding: 0;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 1024px) {
    .page-library .library-catalog .filter .accordion .accordion-item .accordion-header button {
        padding: 20px 0px;
        border-top: 1px solid #dad9d9;
    }
}

.page-library .library-catalog .filter .accordion .accordion-item .accordion-header button:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.4274 10.5401C15.0246 11.4575 13.4661 12.8913 12.7258 14.9924L11.9943 15L11.2882 15C10.527 12.9278 8.96559 11.4908 7.56398 10.5628C6.86526 10.1002 6.21513 9.77021 5.74205 9.55683C5.50591 9.45032 5.31501 9.37338 5.18571 9.32391C5.1211 9.29919 5.07197 9.28137 5.04038 9.27019L5.00646 9.25838L5 9.25619C5 9.25619 5.00047 9.25634 5.26277 8.62976C5.52506 8.00317 5.52565 8.00336 5.52565 8.00336L5.52812 8.00418L5.53305 8.00582L5.54839 8.011C5.56103 8.01531 5.57844 8.02133 5.60035 8.02909C5.64419 8.0446 5.7061 8.06711 5.78398 8.09691C5.93967 8.15647 6.15959 8.24531 6.42672 8.36579C6.9602 8.60642 7.68652 8.97531 8.46733 9.49225C9.67341 10.2908 11.0309 11.4572 11.9946 13.066C12.9492 11.4321 14.3143 10.2607 15.5311 9.46482C16.3163 8.95127 17.0484 8.58831 17.5865 8.35278C17.8559 8.23484 18.0779 8.14833 18.2352 8.09048C18.3139 8.06154 18.3765 8.03973 18.4209 8.0247C18.4431 8.01719 18.4607 8.01136 18.4735 8.00719L18.4891 8.00217L18.4942 8.00057L18.496 8C18.496 8 18.4973 7.99958 18.7484 8.62976C18.9995 9.25993 19 9.25978 19 9.25978L18.9937 9.26181L18.9598 9.27311C18.9281 9.28383 18.8788 9.30098 18.8139 9.32485C18.684 9.37263 18.4921 9.4472 18.2549 9.55103C17.7796 9.75905 17.1271 10.0824 16.4274 10.5401Z' fill='black' /%3e%3c/svg%3e");
    margin-left: 4px;
}

.page-library .library-catalog .filter .accordion .accordion-item .accordion-collapse {

}
@media (max-width: 1024px) {
    .page-library .library-catalog .filter .accordion .accordion-item .accordion-collapse {
        padding-bottom: 20px;
    }
}

.page-library .library-catalog .filter .accordion .accordion-item .accordion-body {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.page-library .library-catalog .filter .accordion .accordion-item .checkbox {
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
    cursor: pointer;
}
.page-library .library-catalog .filter .accordion .accordion-item .checkbox:has(:checked) {
    color: #000;
}

.page-library .library-catalog .filter .accordion .accordion-item .checkbox .check {
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    width: 20px;
    height: 20px;
    transition: .3s ease;
}
.page-library .library-catalog .filter .accordion .accordion-item .checkbox:hover .check {
    border: 1px solid #b3b3b3;
}

.page-library .library-catalog .filter .accordion .accordion-item .checkbox:has(:checked) .check {
    background: #0042be;
    border: 1px solid #0042be;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.55383 9.23372C4.65731 9.27398 4.76443 9.29412 4.87521 9.29412C4.98598 9.29412 5.09311 9.27398 5.19659 9.23372C5.30007 9.19409 5.40023 9.12761 5.49707 9.03429L13.0013 1.80332L11.7784 0.625L4.917 7.23662L2.01463 4.43991L0.75 5.6585L4.25334 9.03429C4.35019 9.12761 4.45035 9.19409 4.55383 9.23372Z' fill='white' /%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
}

.page-library .library-catalog .filter .accordion .accordion-item .checkbox input {
    display: none;
}

.page-library .library-catalog .filter .filter-btn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
@media (max-width: 1024px) {
    .page-library .library-catalog .filter .filter-btn {
        flex-direction: row;
        position: fixed;
        bottom: 16px;
        width: calc(100% - 32px);
    }
}

.page-library .library-catalog .filter .filter-btn .show-filter {
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    width: 100%;
    /*background: #0042be;*/

    font-family: "Mulish", sans-serif;
    /*font-weight: 500;*/
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    border:none;
}

.page-library .library-catalog .filter .filter-btn .cancel-filter {
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    width: 100%;

    font-family: "Mulish", sans-serif;
    /*font-weight: 500;*/
    font-size: 16px;
    line-height: 150%;
    color: #000;
}

.page-library .library-catalog .catalog {
    width: calc(100% - 316px - 32px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}
@media (max-width: 1024px) {
    .page-library .library-catalog .catalog {
        width: 100%;
    }
}

.page-library .library-catalog .catalog .top {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.page-library .library-catalog .catalog .top .filter-open {
    display: none;
}
@media (max-width: 1024px) {
    .page-library .library-catalog .catalog .top .filter-open {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;

        border: 1px solid #d9d9d9;
        border-radius: 10px;
        padding: 14px 16px;
        width: 180px;
        height: 52px;

        font-family: "Mulish", sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 150%;
        color: #000;

        position: relative;
    }
    .page-library .library-catalog .catalog .top .filter-open span {
        position: absolute;
        top: -6px;
        right: -6px;
        border-radius: 20px;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #0042be;
        font-weight: 500;
        font-size: 12px;
        line-height: 100%;
        letter-spacing: -0.01em;
        color: #fff;
    }
    .page-library .library-catalog .catalog .top .filter-open span:empty {
        display: none;
    }
}
@media (max-width: 568px) {
    .page-library .library-catalog .catalog .top .filter-open {
        font-size: 14px;
        width: 126px;
        height: 44px;
        /*padding: 0;*/
    }
}

.select-box {
    position: relative;
    display: block;
    width: 250px;
    min-width: 250px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 4px 12px;
    height: 52px;

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #000;
    transition: .3s ease;
}
@media (max-width: 1024px) {
    .select-box {
        width: calc(100% - 124px - 20px);
        min-width: inherit;
    }
}
@media (max-width: 568px) {
    .select-box {
        height: 44px;
        padding: 4px 12px;
        font-size: 14px;
        width: calc(100% - 124px - 20px);
    }
}
.select-box:hover {
    border: 1px solid #b3b3b3;
}

.select-box__current {
    position: relative;
    /*box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);*/
    cursor: pointer;
    outline: none;
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    gap: 1px;
    height: 100%;
}
.select-box__current:focus + .select-box__list {
    opacity: 1;
    -webkit-animation-name: none;
    animation-name: none;
}
.select-box__current:focus + .select-box__list .select-box__option {
    cursor: pointer;
}
.select-box__current:focus .select-box__icon {
    transform: rotate(180deg);
}
.select-box__icon {
    position: absolute;
    /*top: 50%;*/
    right: 0px;
    /*transform: translateY(-50%);*/
    width: 20px;
    transition: 0.2s ease;
}
.select-box__value {
    display: flex;
}
.select-box__input {
    display: none;
}
.select-box__input:checked + .select-box__input-text {
    display: block;
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .select-box__input:checked + .select-box__input-text {
        font-size: 14px;
    }
}
.select-box__input-text {
    display: none;
    width: 100%;
    margin: 0;
    /*padding: 15px;*/
    background-color: #fff;
}
.select-box__list {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0;
    list-style: none;
    opacity: 0;
    -webkit-animation-name: HideList;
    animation-name: HideList;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
    border: 1px solid #eeeeef;
    border-radius: 10px;
    margin-top: 10px;
}
.select-box__list li {
    /*border-radius: 6px;*/
}
.select-box__option {
    display: block;
    padding: 10px;
    background-color: #fff;
}
.select-box__list li:first-child .select-box__option {
    /*border-radius: 6px 6px 0 0;*/
}
.select-box__list li:first-child .select-box__option {
    /*border-radius: 0 0 6px 6px ;*/
}
.select-box__option:hover, .select-box__option:focus {
    background: #f5f6f7;
}

@-webkit-keyframes HideList {
    from {
        transform: scaleY(1);
    }
    to {
        transform: scaleY(0);
    }
}

@keyframes HideList {
    from {
        transform: scaleY(1);
    }
    to {
        transform: scaleY(0);
    }
}


.page-library .library-catalog .catalog .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 56px 32px;
}
@media (max-width: 1024px) {
    .page-library .library-catalog .catalog .grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 56px 20px;
    }
}
@media (max-width: 568px) {
    .page-library .library-catalog .catalog .grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 44px 12px;
    }
}

.page-library .library-catalog .catalog .grid .book-item {

}

.page-library .library-catalog .catalog .grid .book-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media (max-width: 568px) {
    .page-library .library-catalog .catalog .grid .book-item {
        gap: 8px;
    }
}

.page-library .library-catalog .catalog .grid .book-item img {
    border-radius: 4px;
    aspect-ratio: 200/300;
    object-fit: cover;
    width: 100%;
    transition: .3s ease;
}
.page-library .library-catalog .catalog .grid .book-item:hover img {
    filter: brightness(0.7);
}

.page-library .library-catalog .catalog .grid .book-item div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.page-library .library-catalog .catalog .grid .book-item div span {
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}
@media (max-width: 568px) {
    .page-library .library-catalog .catalog .grid .book-item div span {
        font-size: 12px;
        line-height: 130%;
    }
}

.page-library .library-catalog .catalog .grid .book-item div p {
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .page-library .library-catalog .catalog .grid .book-item div p {
        font-size: 14px;
        line-height: 115%;
    }
}

.page-library .library-catalog .catalog .week-book {
    width: 100%;
    border-radius: 0 32px 32px 32px;
    padding: 48px;
    padding-bottom: 0;
    display: flex;
    align-items: flex-start;
    gap: 84px;
    background-color: #f6f6f6;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcwIiBoZWlnaHQ9IjIzMCIgdmlld0JveD0iMCAwIDE3MCAyMzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEyOTRfMjY1ODIpIj4KICAgIDxwYXRoIGQ9Ik0zNDguNzY4IDIyOC45MUg0LjAwMzkxQzIwLjQ0OCAyMDQuOTkyIDUwLjcyIDIwNC42MTggNjMuODAwNSAyMDcuNDJDNDIuNzg2IDE4MS4yMDIgNTAuODkwOSAxMzMuNzMxIDk0LjMxIDEzMC44MzZDMTUwLjYyNSAxMjcuMDgyIDExNy42OSAxODguMDk4IDExOC42MjUgMTgwLjYyM0MxMTkuNTU5IDE3My4xNDkgMTEyLjI4NiAxNTYuMzIgOTUuNDY3OCAxNjguNDY2Qzc4LjY1MDEgMTgwLjYxMiA5My42OTg3IDIwOC4zNTQgMTA0LjkxMSAyMTEuMTU3QzExNi4xMjIgMjEzLjk2IDE2MS45MDQgMjE5LjU2NSAxNjAuOTcgMTcxLjkxNUMxNjAuMjIyIDEzMy43OTUgMTMzLjg3NSAxMTkuMjgzIDEyMC43OTQgMTE2Ljc5MkMxMzUuNzQzIDk2LjYxMjkgMTU0LjQzIDEwMC45MSAxNjEuOTA0IDEwNS41ODFDMTYxLjE1NyA4My45MDYyIDE3MS41NTkgMjYuMTYyNSAxNzYuODUzIDBDMTgxLjUyNSAyNS4yMjY3IDE5MC44NjggNzYuNjE1OSAxOTIuNzM3IDEwNS41ODFDMjE0LjQxMyA5NS4xMTYyIDIyNi42ODQgMTA4LjY5NSAyMzAuMTEgMTE2Ljc5MkMyMTUuNDcyIDEyMi4zOTggMTg2Ljk0NCAxNDEuMjcyIDE4OS45MzQgMTcxLjkxN0MxOTMuNjcxIDIxMC4yMjUgMjIxLjcwMSAyMTQuODk2IDI0NC4xMjQgMjA5LjI5QzI2Ni41NDggMjAzLjY4NCAyNjEuODc3IDE2OS4xMTQgMjQxLjMyMSAxNjcuMjQ2QzIyNC44NzcgMTY1Ljc1MSAyMjMuODgxIDE4MC4zMjYgMjI1LjQzOCAxODcuODAxQzIwNy42ODYgMTgwLjMyNiAyMDguNjIgMTM2LjQxMyAyNDguNzk2IDEzNi40MTNDMzA0LjEwOCAxMzguNjU2IDI5Ni43NTggMTg0LjY4NiAyODYuMTY5IDIwNy40MkMzMTcuNTYyIDE5OS4xOTggMzQwLjk4MiAyMTguMzIxIDM0OC43NjggMjI4LjkxWiIgZmlsbD0iI0VFRUVFRSIgLz4KICAgIDxwYXRoIGQ9Ik0zNDguNzY4IDI1Ni4wMDRINC4wMDM5MUMxNC40NjgzIDI3Ny42NzkgNDYuMzU5OCAyODEuMjMgNjAuOTk3NSAyODAuMjk2QzUyLjU4ODYgMjg3Ljc3MSA0NC4xNzk3IDM1Ni45MTEgMTAxLjE3MyAzNTAuMzdDMTQ2Ljc2OCAzNDUuMTM4IDEzNS43NDMgMzEyLjA2MyAxMjQuNTMxIDI5Ni4xOEMxMjUuMTU0IDMwNi4xNDYgMTIxLjM1NSAzMjMuNDYyIDEwMS4xNzMgMzEyLjk5OEM3NS45NDY2IDI5OS45MTcgOTguMzcwMyAyNTYuMDA0IDEyNC41MzEgMjcyLjgyMkMxODQuMzI4IDMwNy45NTEgMTQ1LjA4NiAzNTAuMzcgMTE3Ljk5MSAzNjcuMTg4QzEzMS40NDUgMzgzLjYzMiAxNTEuMDA0IDM4MC4yNjkgMTU5LjEwMSAzNzYuNTMxQzE2MC41OTYgNDE5Ljg4NCAxNzAuMzEzIDQ2Ni4yMjYgMTc0Ljk4NSA0ODMuOTc4QzE4My4yMDcgNDY2Ljc4NyAxODcuNzU0IDQwNS4xODQgMTg4Ljk5OSAzNzYuNTMxQzIwOS4xODEgMzg2Ljk5NiAyMjQuMTkyIDM3NC42NjMgMjI5LjE3NSAzNjcuMTg4QzE3Mi4xODIgMzUyLjIzOSAxODkuOTM0IDI3MC4wMTkgMjI5LjE3NSAyNzIuODIyQzI2OC40MTcgMjc1LjYyNSAyNjEuODc3IDMxMy45MzIgMjQ0LjEyNCAzMTguNjAzQzIyOS45MjMgMzIyLjM0MSAyMjUuNzQ5IDMwNS4yMTIgMjI1LjQzOCAyOTYuMThDMjA5LjU1NSAzMDYuNDU3IDIwMS4xNDYgMzQ3LjU2NyAyMzQuNzgxIDM1MC4zN0MzMDYuNTM3IDM0OS42MjMgMjk3LjY5MiAzMDMuMzQzIDI4NC4zIDI4MC4yOTZDMzE2LjQ0MSAyOTAuMDEzIDM0MC42NzEgMjY4LjE1IDM0OC43NjggMjU2LjAwNFoiIGZpbGw9IiNFRUVFRUUiIC8+CiAgICA8cGF0aCBkPSJNMzQ4Ljc2OCAyMjguOTFINC4wMDM5MUMyMC40NDggMjA0Ljk5MiA1MC43MiAyMDQuNjE4IDYzLjgwMDUgMjA3LjQyQzQyLjc4NiAxODEuMjAyIDUwLjg5MDkgMTMzLjczMSA5NC4zMSAxMzAuODM2QzE1MC42MjUgMTI3LjA4MiAxMTcuNjkgMTg4LjA5OCAxMTguNjI1IDE4MC42MjNDMTE5LjU1OSAxNzMuMTQ5IDExMi4yODYgMTU2LjMyIDk1LjQ2NzggMTY4LjQ2NkM3OC42NTAxIDE4MC42MTIgOTMuNjk4NyAyMDguMzU0IDEwNC45MTEgMjExLjE1N0MxMTYuMTIyIDIxMy45NiAxNjEuOTA0IDIxOS41NjUgMTYwLjk3IDE3MS45MTVDMTYwLjIyMiAxMzMuNzk1IDEzMy44NzUgMTE5LjI4MyAxMjAuNzk0IDExNi43OTJDMTM1Ljc0MyA5Ni42MTI5IDE1NC40MyAxMDAuOTEgMTYxLjkwNCAxMDUuNTgxQzE2MS4xNTcgODMuOTA2MiAxNzEuNTU5IDI2LjE2MjUgMTc2Ljg1MyAwQzE4MS41MjUgMjUuMjI2NyAxOTAuODY4IDc2LjYxNTkgMTkyLjczNyAxMDUuNTgxQzIxNC40MTMgOTUuMTE2MiAyMjYuNjg0IDEwOC42OTUgMjMwLjExIDExNi43OTJDMjE1LjQ3MiAxMjIuMzk4IDE4Ni45NDQgMTQxLjI3MiAxODkuOTM0IDE3MS45MTdDMTkzLjY3MSAyMTAuMjI1IDIyMS43MDEgMjE0Ljg5NiAyNDQuMTI0IDIwOS4yOUMyNjYuNTQ4IDIwMy42ODQgMjYxLjg3NyAxNjkuMTE0IDI0MS4zMjEgMTY3LjI0NkMyMjQuODc3IDE2NS43NTEgMjIzLjg4MSAxODAuMzI2IDIyNS40MzggMTg3LjgwMUMyMDcuNjg2IDE4MC4zMjYgMjA4LjYyIDEzNi40MTMgMjQ4Ljc5NiAxMzYuNDEzQzMwNC4xMDggMTM4LjY1NiAyOTYuNzU4IDE4NC42ODYgMjg2LjE2OSAyMDcuNDJDMzE3LjU2MiAxOTkuMTk4IDM0MC45ODIgMjE4LjMyMSAzNDguNzY4IDIyOC45MVoiIHN0cm9rZT0iI0VFRUVFRSIgc3Ryb2tlLXdpZHRoPSIyLjUzODUzIiAvPgogICAgPHBhdGggZD0iTTM0OC43NjggMjU2LjAwNEg0LjAwMzkxQzE0LjQ2ODMgMjc3LjY3OSA0Ni4zNTk4IDI4MS4yMyA2MC45OTc1IDI4MC4yOTZDNTIuNTg4NiAyODcuNzcxIDQ0LjE3OTcgMzU2LjkxMSAxMDEuMTczIDM1MC4zN0MxNDYuNzY4IDM0NS4xMzggMTM1Ljc0MyAzMTIuMDYzIDEyNC41MzEgMjk2LjE4QzEyNS4xNTQgMzA2LjE0NiAxMjEuMzU1IDMyMy40NjIgMTAxLjE3MyAzMTIuOTk4Qzc1Ljk0NjYgMjk5LjkxNyA5OC4zNzAzIDI1Ni4wMDQgMTI0LjUzMSAyNzIuODIyQzE4NC4zMjggMzA3Ljk1MSAxNDUuMDg2IDM1MC4zNyAxMTcuOTkxIDM2Ny4xODhDMTMxLjQ0NSAzODMuNjMyIDE1MS4wMDQgMzgwLjI2OSAxNTkuMTAxIDM3Ni41MzFDMTYwLjU5NiA0MTkuODg0IDE3MC4zMTMgNDY2LjIyNiAxNzQuOTg1IDQ4My45NzhDMTgzLjIwNyA0NjYuNzg3IDE4Ny43NTQgNDA1LjE4NCAxODguOTk5IDM3Ni41MzFDMjA5LjE4MSAzODYuOTk2IDIyNC4xOTIgMzc0LjY2MyAyMjkuMTc1IDM2Ny4xODhDMTcyLjE4MiAzNTIuMjM5IDE4OS45MzQgMjcwLjAxOSAyMjkuMTc1IDI3Mi44MjJDMjY4LjQxNyAyNzUuNjI1IDI2MS44NzcgMzEzLjkzMiAyNDQuMTI0IDMxOC42MDNDMjI5LjkyMyAzMjIuMzQxIDIyNS43NDkgMzA1LjIxMiAyMjUuNDM4IDI5Ni4xOEMyMDkuNTU1IDMwNi40NTcgMjAxLjE0NiAzNDcuNTY3IDIzNC43ODEgMzUwLjM3QzMwNi41MzcgMzQ5LjYyMyAyOTcuNjkyIDMwMy4zNDMgMjg0LjMgMjgwLjI5NkMzMTYuNDQxIDI5MC4wMTMgMzQwLjY3MSAyNjguMTUgMzQ4Ljc2OCAyNTYuMDA0WiIgc3Ryb2tlPSIjRUVFRUVFIiBzdHJva2Utd2lkdGg9IjIuNTM4NTMiIC8+CiAgPC9nPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwMF8xMjk0XzI2NTgyIj4KICAgICAgPHJlY3Qgd2lkdGg9IjE3MCIgaGVpZ2h0PSIyMzAiIGZpbGw9IndoaXRlIiAvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+Cjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-position: right bottom;
}
@media (max-width: 1024px) {
    .page-library .library-catalog .catalog .week-book {
        padding: 32px;
        padding-bottom: 0;
        gap: 48px;
    }
}
@media (max-width: 568px) {
    .page-library .library-catalog .catalog .week-book {
        border-radius: 0 24px 24px 24px;
        flex-direction: column;
        align-items: center;
        padding: 20px;
        gap: 20px;
    }
}
.page-library .library-catalog .catalog .week-book .img {
    width: 240px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (max-width: 1024px) {
    .page-library .library-catalog .catalog .week-book .img {

    }
}
@media (max-width: 568px) {
    .page-library .library-catalog .catalog .week-book .img {
        width: 132px;
    }
}
.page-library .library-catalog .catalog .week-book .img:before {
    content: 'Книга недели';
    /*position: absolute;*/
    border-radius: 8px 8px 0 0;
    padding: 4px 16px;
    width: 113px;
    height: 26px;
    background: #b52b3a;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #fff;
}
@media (max-width: 568px) {
    .page-library .library-catalog .catalog .week-book .img:before {
        padding: 4px 8px;
    }
}
.page-library .library-catalog .catalog .week-book .img img {
    width: 100%;
}
.page-library .library-catalog .catalog .week-book .detail {
    display: flex;
    flex-direction: column;
    padding-top: 26px;
}
@media (max-width: 568px) {
    .page-library .library-catalog .catalog .week-book .detail {
        padding-top: 0;
    }
}
.page-library .library-catalog .catalog .week-book .detail .author {
    font-weight: 450;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
    margin-bottom: 8px;
}
@media (max-width: 568px) {
    .page-library .library-catalog .catalog .week-book .detail .author {
        font-size: 12px;
    }
}
.page-library .library-catalog .catalog .week-book .detail .name {
    font-weight: 600;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    margin-bottom: 20px;
}
@media (max-width: 568px) {
    .page-library .library-catalog .catalog .week-book .detail .name {
        font-size: 16px;
        margin-bottom: 12px;
    }
}
.page-library .library-catalog .catalog .week-book .detail .text {
    display: flex;
    flex-direction: column;
    max-width: 450px;
    font-weight: 450;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.7);
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 32px;
}
@media (max-width: 568px) {
    .page-library .library-catalog .catalog .week-book .detail .text {
        font-size: 12px;
        margin-bottom: 24px;
        -webkit-line-clamp: 3;
    }
}
.page-library .library-catalog .catalog .week-book .detail .btns {
    display: flex;
    gap: 8px;
}
.page-library .library-catalog .catalog .week-book .detail .btns a {
    border: 1px solid;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 52px;
    font-weight: 500;
    line-height: 150%;
    transition: .3s ease;
}
@media (max-width: 568px) {
    .page-library .library-catalog .catalog .week-book .detail .btns a {
        font-size: 14px;
        height: 44px;
        width: calc((100% - 8px)/2);
    }
}
.page-library .library-catalog .catalog .week-book .detail .btns a:not(.download) {
    border: 1px solid #dad9d9;
    background: #f6f6f6;
    color: #000000;
}
.page-library .library-catalog .catalog .week-book .detail .btns a:not(.download):hover {
    border: 1px solid #0042be;
    background: #0042be;
    color: #fff;
}
.page-library .library-catalog .catalog .week-book .detail .btns a.download {
    border: 1px solid #0042be;
    background: #0042be;
    color: #fff;
}
.page-library .library-catalog .catalog .week-book .detail .btns a.download:hover {
    border: 1px solid #dad9d9;
    background: #dad9d9;
    color: #000000;
}

.page-library .library-catalog .catalog .pagination {
    display: flex;
    width: 351px;
    margin: auto;
    margin-top: 40px;
    flex-direction: column;
    align-items: flex-end;
    gap: 32px;
}
@media (max-width: 568px) {
    .page-library .library-catalog .catalog .pagination {
        width: 100%;
    }
}

.page-library .library-catalog .catalog .pagination > a {
    width: 351px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;
}
@media (max-width: 568px) {
    .page-library .library-catalog .catalog .pagination > a {
        width: 100%;
    }
}

.page-library .library-catalog .catalog .pagination .list {
    display: flex;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    justify-content: center;
}

.page-library .library-catalog .catalog .pagination .list a {
    border-radius: 8px;
    padding: 12px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 150%;
    color: #999;
}

.page-library .library-catalog .catalog .pagination .list a.active {
    color: #000;
}

.libraryModal {

}

.libraryModal .modal-dialog {
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
}

.libraryModal .modal-content {
    height: 100dvh;
    align-items: center;
    justify-content: center;
}

.libraryModal .modal-content .close {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 12px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 24px;
    top: 24px;
    background: #ffffff;
    z-index: 9;
}
@media (max-width: 568px) {
    .libraryModal .modal-content .close {
        right: 12px;
        top: 12px;
    }
}

.libraryModal .modal-body {
    padding: 0px 40px;
    width: 663px;
    /*height: 568px;*/
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    flex: none;
}
@media (max-width: 768px) {
    .libraryModal .modal-body {
        width: 100%;
    }
}
@media (max-width: 568px) {
    .libraryModal .modal-body {
        padding: 12px;
        gap: 20px;
    }
}

.libraryModal .modal-body .title {
    display: flex;
    align-items: center;
    gap: 8px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 768px) {
    .libraryModal .modal-body .title {
        font-size: 40px;
    }
}
@media (max-width: 568px) {
    .libraryModal .modal-body .title {
        font-size: 25px;
    }
}

.libraryModal .modal-body > p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}

.libraryModal .modal-body form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
}

.libraryModal .modal-body form .input-block {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
}
@media (max-width: 568px) {
    .libraryModal .modal-body form .input-block {
        flex-direction: column;
    }
}

.libraryModal .modal-body form .input-block input {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 4px 12px;
    width: calc(50% - 2px);
    height: 52px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;
}
.libraryModal .modal-body form .input-block:not(:has(:nth-child(2))) input {
    width: 100%;
}
@media (max-width: 568px) {
    .libraryModal .modal-body form .input-block input {
        width: 100%;
    }
}

.libraryModal .modal-body form .input-block input::placeholder {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}

.libraryModal .modal-body form textarea {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 12px;
    width: 100%;
    height: 104px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;
}
.page-wiki ~ .libraryModal .modal-body form textarea {
    height: 235px;
}
@media (max-width: 568px) {
    .page-wiki ~ .libraryModal .modal-body form textarea {
        height: 220px;
    }
}

.libraryModal .modal-body form .textarea::placeholder {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}

.libraryModal .modal-body form .checkbox {
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #4c4c4c;
    margin: 12px 0;
}

.libraryModal .modal-body form .checkbox .check {
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    width: 20px;
    height: 20px;
}

.libraryModal .modal-body form .checkbox:has(:checked) .check {
    background: #0042be;
    border: 1px solid #0042be;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.55383 9.23372C4.65731 9.27398 4.76443 9.29412 4.87521 9.29412C4.98598 9.29412 5.09311 9.27398 5.19659 9.23372C5.30007 9.19409 5.40023 9.12761 5.49707 9.03429L13.0013 1.80332L11.7784 0.625L4.917 7.23662L2.01463 4.43991L0.75 5.6585L4.25334 9.03429C4.35019 9.12761 4.45035 9.19409 4.55383 9.23372Z' fill='white' /%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
}

.libraryModal .modal-body form .checkbox input {
    display: none;
}

.libraryModal .modal-body form input[type=submit] {
    border-radius: 10px;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 52px;
    background: #eeeeef;
    border: none;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #d9d9d9;
}

.libraryModal .modal-body span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}

/* page-library-detail */

.page-library-detail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 120px;
}

.page-library-detail .detail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.page-library-detail .book {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}
@media (max-width: 1024px) {
    .page-library-detail .book {
        flex-direction: column;
        gap: calc(56px - 32px);
    }
}

.page-library-detail .book:has(.reviews) {
    margin-top: 72px;
}

.page-library-detail .book .left {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    width: 100%;
}
@media (max-width: 1024px) {
    .page-library-detail .book .left {
        flex-direction: column;
        gap: 0;
    }
    .page-library-detail .book .left:has(.img img) {
        background: #f6f6f6;
        width: calc(100% + 24px);
        margin: 0 -12px;
        padding: 0 12px;
    }
}

.page-library-detail .book .left > .img {
    display: flex;
    width: 100vw;
    max-width: 328px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
@media (max-width: 1024px) {
    .page-library-detail .book .left > .img:has(img) {
        max-width: 100vw;
        background: #f6f6f6;
        padding: 32px;
        padding-top: 74px;
        gap: 24px;
        align-items: center;
        position: relative;
        left: -12px;
    }
}

.page-library-detail .book .left .img > a {
    display: none;
}
@media (max-width: 1024px) {
    .page-library-detail .book .left .img > a {
        display: flex;
        align-items: center;
        gap: 4px;
        position: absolute;
        top: 32px;
        left: 32px;

        font-family: "Mulish", sans-serif;
        font-weight: 500;
        font-size: 12px;
        line-height: 150%;
        letter-spacing: -0.01em;
        color: rgba(63, 63, 63, 0.3);
    }
}
@media (max-width: 568px) {
    .page-library-detail .book .left .img > a {
        left: 12px;
        top: 12px;
        
    }
}

.page-library-detail .book .left .img img {
    border-radius: 4px;
    padding: 8px 24px;
    width: 100%;
}
@media (max-width: 1024px) {
    .page-library-detail .book .left .img img {
        max-width: 230px;
    }
}

.page-library-detail .book .left .img .button-block {
    display: flex;
    padding: 0 34px;
    align-items: center;
    justify-content: center;
    gap: 16px;
    align-self: stretch;
}

.page-library-detail .book .left .img .button-block a {

    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 122px;
    height: 44px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;
}
.page-library-detail .book .left .img .button-block a {
    border: 1px solid #d9d9d9;
    transition: .3s ease;
}
.page-library-detail .book .left .img .button-block a.active {
    border: 1px solid #808080;
}
.page-library-detail .book .left .img .button-block a:hover {
    border: 1px solid #808080;
}

.page-library-detail .book .left .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding-top: 8px;
    width: 100%;
}
@media (max-width: 1024px) {
    .page-library-detail .book .left:has(.img img) .info {
        border-radius: 32px 32px 0 0;
        background: #fff;
        width: calc(100% + 24px);
        margin: 0 -12px;
        padding: 32px 12px;
    }
}

.page-library-detail .book .left .info .author {
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: rgba(24, 24, 24, 0.5);
    margin-bottom: -12px;
}
@media (max-width: 568px) {
    .page-library-detail .book .left .info .author {
        font-size: 16px;
        line-height: 110%;
    }
}

.page-library-detail .book .left .info h1 {
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
    margin-bottom: 16px;
}
@media (max-width: 1024px) {
    .page-library-detail .book .left .info h1 {
        margin-bottom: 8px;
    }
}
@media (max-width: 568px) {
    .page-library-detail .book .left .info h1 {
        font-size: 20px;
    }
}

.page-library-detail .book .left .info .button-block {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.page-library-detail .book .left .info .button-block a {
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 158px;
    height: 52px;
    padding: 0;
    gap: 8px;

    font-family: "Mulish", sans-serif;
    /*font-weight: 500;*/
    font-size: 16px;
    line-height: 100%;
    color: #fff;
}
@media (max-width: 1024px) {
    .page-library-detail .book .left .info .button-block a {
        width: calc(50% - 4px);
    }
}
@media (max-width: 568px) {
    .page-library-detail .book .left .info .button-block a {
        height: 44px;
        font-size: 14px;
    }
}

.page-library-detail .book .left .info .button-block a:nth-child(1) {
    /*background: #0042be;*/
    /*color: #fff;*/
}

.page-library-detail .book .left .info .button-block a:nth-child(2) {

}
.page-library-detail .book .left .info .button-block .share-block a{
    border: 1px solid #d9d9d9;
    color: #000;
}
.page-library-detail .book .left .info .button-block a:nth-child(2):hover {
    border: 1px solid #666;
}
.page-library-detail .book .left .info .button-block .share-block a:hover{
    border: 1px solid #666;
}
.page-library-detail .book .left .info .like-block {
    display: flex;
    align-items: center;
    gap: 20px;
}

.page-library-detail .book .left .info .like-block .list {
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 4px;
}
@media (max-width: 568px) {
    .page-library-detail .book .left .info .like-block .list {
        padding: 8px 0px;
        gap: 2px;
    }
}

.page-library-detail .book .left .info .like-block .list div {
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 4px;
}

.page-library-detail .book .left .info .like-block .list div img {

}

.page-library-detail .book .left .info .like-block .list div span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #4c4c4c;
}

.page-library-detail .book .left .info .like-block .list > svg {

}
.page-library-detail .book .left .info .like-block .list > svg:last-child {
    display: none;
}

.page-library-detail .book .left .info .like-block > div:nth-child(2) {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 0.8);
}

.page-library-detail .book .left .info .description {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
@media (max-width: 1024px) {
    .page-library-detail .book .left .info .description {
        gap: 20px;
    }
}

.page-library-detail .book .left .info .description strong {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;
}

.page-library-detail .book .left .info .description .txt {

}
.page-library-detail .book .left .info .description .txt p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}

.page-library-detail .book .left .info .description .more {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #4c4c4c;
    /*margin-top: -8px;*/
}
@media (max-width: 568px) {
    .page-library-detail .book .left .info .description .more {
        margin-top: -6px;
    }
}

.page-library-detail .book .left .info .meta {
    display: flex;
    align-items: center;
    gap: 10px;

}

.page-library-detail .book .left .info .meta span {
    border-radius: 32px;
    padding: 6px 8px;
    background: #f6f6f6;

    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.5);
}

.page-library-detail .book .left .info .characteristic {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.page-library-detail .book .left .info .characteristic p {
    display: flex;
    align-items: center;
    gap: 8px;

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    color: #000;
}

.page-library-detail .book .left .info .characteristic p span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}

.page-library-detail .book .right {
    width: 100vw;
    max-width: 328px;
}
@media (max-width: 1024px) {
    .page-library-detail .book .right {
        max-width: 100%;
    }
}

.page-library-detail .book .right > div {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    background: #f6f6f6;
    border-radius: 28px 28px 28px 0;
}

.page-library-detail .book .right > div p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    text-align: center;
    color: #000;
}

.page-library-detail .book .right > div p a {
    text-decoration: underline;
    color: #000;
}

.page-library-detail .book .right > div > div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;

}

.page-library-detail .book .right > div > div img {
    width: 28px;
    height: 28px;
    aspect-ratio: 1/1;
}

.page-library-detail .reviews {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.page-library-detail .reviews > p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}

.page-library-detail .reviews .list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.page-library-detail .reviews .list .item {
    border-radius: 32px;
    padding: 24px;
    background: #f6f6f6;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
@media (max-width: 568px) {
    .page-library-detail .reviews .list .item {
        padding: 20px;
    }
}

.page-library-detail .reviews .list .item .top {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.page-library-detail .reviews .list .item .top .img {
    border-radius: 56px;
    width: 44px;
    height: 44px;
    background: #d9d9d9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-library-detail .reviews .list .item .top .img img {

}

.page-library-detail .reviews .list .item .top .img span {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: -0.01em;
    color: #999;
}

.page-library-detail .reviews .list .item .top .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}

.page-library-detail .reviews .list .item .top .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #000;
}

.page-library-detail .reviews .list .item .top .info span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 115%;
    color: #999;
}

.page-library-detail .reviews .list .item .meta {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 8px;
    align-self: stretch;
    flex-wrap: wrap;
}

.page-library-detail .reviews .list .item .meta span {
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 4px;
    border-radius: 17px;
    height: 32px;
    background: rgba(255, 255, 255, 0.8);

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    color: #4c4c4c;
}

.page-library-detail .reviews .list .item .text {

}

.page-library-detail .reviews .list .item .text p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.7);
}

.page-library-detail .reviews > a {
    display: flex;
    align-items: center;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #0042be;
}

/* page-directions-detail */

.page-directions-detail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 120px;
}
@media (max-width: 1024px) {
    .page-directions-detail {
        gap: 100px;
    }
}
@media (max-width: 568px) {
    .page-directions-detail {
        gap: 80px;
    }
}

.page-directions-detail .top-hero {

}

.page-directions-detail .top-hero .left {
    justify-content: space-between;
}

.page-directions-detail .who-block {

}

.page-directions-detail .who-block .who-tab {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 40px;
    margin-top: -84px;
}
@media (max-width: 1024px) {
    .page-directions-detail .who-block .who-tab {
        align-items: flex-start;
        margin-top: 0;
    }
}
@media (max-width: 568px) {
    .page-directions-detail .who-block .who-tab {
        gap: 20px;
    }
}

.page-directions-detail .who-block .who-tab .nav {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

@media (max-width: 568px) {
    .page-directions-detail .who-block .who-tab .nav {
        gap: 8px;
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    .page-directions-detail .who-block .who-tab .nav::-webkit-scrollbar {
        display: none;
    }
}

.page-directions-detail .who-block .who-tab .nav .nav-link  {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 13px 16px;

    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: #000;
}
@media (max-width: 568px) {
    .page-directions-detail .who-block .who-tab .nav .nav-link {
        border-radius: 8px;
        padding: 7px 12px;
        font-size: 12px;
        letter-spacing: -0.01em;
        min-width: max-content;
    }
}

.page-directions-detail .who-block .who-tab .nav .nav-link.active {
    border: 1px solid #808080;
    background: transparent;
}

.page-directions-detail .who-block .who-tab .tab-content {
    width: 100%;
}

.page-directions-detail .who-block .who-tab .tab-content .list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
}
@media (max-width: 1024px) {
    .page-directions-detail .who-block .who-tab .tab-content .list {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}

.page-directions-detail .who-block .who-tab .tab-content .list .item {
    border-radius: 32px;
    padding: 28px 40px 40px 40px;
    background: #f6f6f6;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 58px;
}
.page-directions-detail .who-block .who-tab .tab-content .list .item:nth-child(1) {
    background: #0042be;
}
@media (max-width: 1024px) {
    .page-directions-detail .who-block .who-tab .tab-content .list .item {
        flex-direction: row;
        gap: 40px;
    }
}
@media (max-width: 568px) {
    .page-directions-detail .who-block .who-tab .tab-content .list .item {
        gap: 32px;
        padding: 20px;
    }
    .page-directions-detail .who-block .who-tab .tab-content .list .item svg {
        max-width: 40px;
        height: auto;
    }
}

.page-directions-detail .who-block .who-tab .tab-content .list .item path {

}

.page-directions-detail .who-block .who-tab .tab-content .list .item p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    text-align: center;
    color: #000;
}
.page-directions-detail .who-block .who-tab .tab-content .list .item:nth-child(1) p {
    color: #ffffff;
}
@media (max-width: 1024px) {
    .page-directions-detail .who-block .who-tab .tab-content .list .item p {
        text-align: left;
    }
}
@media (max-width: 568px) {
    .page-directions-detail .who-block .who-tab .tab-content .list .item p {
        font-size: 20px;
    }
}

.page-directions-detail .mini-slider {
    border-radius: 0 32px 32px 32px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    background: #f6f6f6;
}
@media (max-width: 1024px) {
    .page-directions-detail .mini-slider {
        width: calc(100% - 40px);
    }
}
@media (max-width: 568px) {
    .page-directions-detail .mini-slider {
        width: calc(100% - 24px);
        border-radius: 0 24px 24px 24px;
        padding: 20px;
    }
}

.page-directions-detail .mini-slider .mini-swiper {
    width: 100%;
}
@media (max-width: 568px) {
    .page-directions-detail .mini-slider .mini-swiper {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}

.page-directions-detail .mini-slider .swiper-slide {
    display: flex;
    align-items: center;
    gap: 182px;
    align-self: stretch;
    background: #f6f6f6;
}
@media (max-width: 1024px) {
    .page-directions-detail .mini-slider .swiper-slide {
        gap: 24px;
    }
}
@media (max-width: 568px) {
    .page-directions-detail .mini-slider .swiper-slide {
        flex-direction: column;
    }
}

.page-directions-detail .mini-slider .swiper-slide .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    max-width: 560px;
}
@media (max-width: 1024px) {
    .page-directions-detail .mini-slider .swiper-slide .info {
        max-width: 390px;
    }
}

.page-directions-detail .mini-slider .swiper-slide .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 115%;
    letter-spacing: -0.02em;
    color: #000;
}
@media (max-width: 1024px) {
    .page-directions-detail .mini-slider .swiper-slide .info p {
        font-size: 40px;
    }
}
@media (max-width: 568px) {
    .page-directions-detail .mini-slider .swiper-slide .info p {
        font-size: 20px;
    }
}

.page-directions-detail .mini-slider .swiper-slide .info span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}

.page-directions-detail .mini-slider .swiper-slide .img {

}
@media (max-width: 1024px) {
    .page-directions-detail .mini-slider .swiper-slide .img {

    }
}

.page-directions-detail .mini-slider .swiper-slide .img img {

}
@media (max-width: 568px) {
    .page-directions-detail .mini-slider .swiper-slide .img img {
        max-width: 234px;
    }
}

.page-directions-detail .mini-slider .swiper-pagination {
    position: initial;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 20px;
}

.page-directions-detail .mini-slider .swiper-pagination .swiper-pagination-bullet {
    border: 1px solid rgba(0, 0, 0, 0.6);
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0;
    background: transparent;

    opacity: 0.6;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 115%;
    text-align: center;
    color: #000;
}
@media (max-width: 568px) {
    .page-directions-detail .mini-slider .swiper-pagination .swiper-pagination-bullet {
        width: 36px;
        height: 36px;
    }
}

.page-directions-detail .mini-slider .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

.teacher {

}

.teacher .title-block {

}

.teacher .item {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    border-radius: 32px;
    background: #f6f6f6;
}
@media (max-width: 1024px) {
    .teacher .item {

    }
}
@media (max-width: 568px) {
    .teacher .item {
        border-radius: 24px;
        padding: 20px;
        gap: 20px;
    }
}

.teacher .item .img {
    border-radius: 20px;
}
@media (max-width: 568px) {
    .teacher .item .img {
        border-radius: 16px;
    }
}

.teacher .item .img img {
    border-radius: 20px;
    aspect-ratio: 1;
    object-fit: cover;
}
@media (max-width: 568px) {
    .teacher .item .img img {
        border-radius: 16px;
    }
}

.teacher .item .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.teacher .item .info a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}

.teacher .item .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.7);
}

.page-directions-detail .block-quest {
    align-items: center;
}

.page-directions-detail .timing {

}

.page-directions-detail .timing .timing-tab {
    display: flex;
    align-items: flex-start;
    gap: 32px;
}
@media (max-width: 1024px) {
    .page-directions-detail .timing .timing-tab {
        flex-direction: column;
    }
}

.page-directions-detail .timing .timing-tab .nav {
    width: 316px;
    min-width: 316px;
    max-height: 240px;
}
@media (max-width: 1024px) {
    .page-directions-detail .timing .timing-tab .nav {
        flex-direction: row !important;
        width: 100%;
        gap: 12px;
    }
}
@media (max-width: 568px) {
    .page-directions-detail .timing .timing-tab .nav {
        gap: 8px;
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    .page-directions-detail .timing .timing-tab .nav::-webkit-scrollbar {
        display: none;
    }
}

.page-directions-detail .timing .timing-tab .nav .arrow {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    pointer-events: none;
}
@media (max-width: 1024px) {
    .page-directions-detail .timing .timing-tab .nav .arrow {
        display: none;
    }
}

.page-directions-detail .timing .timing-tab .nav .arrow div {
    pointer-events: all;
}

.page-directions-detail .timing .timing-tab .nav .arrow div[aria-disabled="true"] {
    opacity: 0;
    pointer-events: none;
}

.page-directions-detail .timing .timing-tab .nav .nav-link {
    border-radius: 16px;
    padding: 22px 20px 22px 40px;
    max-height: 72px;

    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
    text-align: left;
    transition: .3s ease;
}
@media (max-width: 1024px) {
    .page-directions-detail .timing .timing-tab .nav .nav-link {
        border: 1px solid #d9d9d9;
        border-radius: 10px;
        padding: 14px 16px;
        height: 44px;
        display: flex;
        align-items: center;

        width: fit-content;

        font-size: 16px;
        line-height: 100%;
        text-align: center;
    }
}
@media (max-width: 568px) {
    .page-directions-detail .timing .timing-tab .nav .nav-link {
        border-radius: 8px;
        padding: 7px 12px;
        font-size: 12px;
        letter-spacing: -0.01em;
        min-width: fit-content;
    }
}

.page-directions-detail .timing .timing-tab .nav .nav-link.active,
.page-directions-detail .timing .timing-tab .nav .nav-link:hover {
    background: #f6f6f6;
}
@media (max-width: 1024px) {
    .page-directions-detail .timing .timing-tab .nav .nav-link.active {
        background: transparent;
        border: 1px solid #808080;
    }
}

.page-directions-detail .timing .tab-content {
    width: calc(100% - 316px - 32px);
}
@media (max-width: 1024px) {
    .page-directions-detail .timing .tab-content {
        width: 100%;
    }
}

.page-directions-detail .timing .list {

}

.page-directions-detail .timing .list .item {
    display: flex;
    height: 250px;
    padding: 24px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border: 1px solid #d9d9d9;
    border-radius: 32px;
}

.page-directions-detail .timing .list .item .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.page-directions-detail .timing .list .item .info a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}

.page-directions-detail .timing .list .item .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}

.page-directions-detail .timing .list .item .info .age {
    margin-top: 2px;
    border-radius: 32px;
    padding: 6px 8px;
    height: 30px;
    background: #f6f6f6;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.5);
}

.page-directions-detail .timing .list .item .address {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}

.page-directions-detail .photo-block {

}

.page-directions-detail .photo-block .photo-tab {
    gap: 32px;
}
@media (max-width: 1024px) {
    .page-directions-detail .photo-block .photo-tab {
        flex-direction: column-reverse;
    }
}
@media (max-width: 568px) {
    .page-directions-detail .photo-block .photo-tab {
        gap: 20px;
    }
}

.page-directions-detail .photo-block .photo-tab .tab-content {
    width: calc(100% - 430px - 32px);
}
@media (max-width: 1024px) {
    .page-directions-detail .photo-block .photo-tab .tab-content {
        width: 100%;
    }
}

.page-directions-detail .photo-block .photo-tab .tab-content div {

}

.page-directions-detail .photo-block .photo-tab .tab-content .tab-pane {
    position: relative;
    /*border-radius: 32px;*/
}

.page-directions-detail .photo-block .photo-tab .tab-content .photo-carousel {
    position: relative;
    /*border-radius: 32px;*/
}
@media (min-width: 1024px) {
    .page-directions-detail .photo-block .photo-tab .tab-content .tab-pane {
        position: relative;
        border-radius: 32px;
    }

    .page-directions-detail .photo-block .photo-tab .tab-content .photo-carousel {
        position: relative;
        border-radius: 32px;
    }
}

.page-directions-detail .photo-block .photo-tab .tab-content div img {
    border-radius: 32px;
    aspect-ratio: 896/488;
    object-fit: cover;
}
@media (max-width: 1024px) {
    .page-directions-detail .photo-block .photo-tab .tab-content div img {
        aspect-ratio: 652/488;
    }
}
@media (max-width: 568px) {
    .page-directions-detail .photo-block .photo-tab .tab-content div img {
        aspect-ratio: 316/220;
    }
}

.page-directions-detail .photo-block .photo-tab .nav {

}
@media (max-width: 1024px) {
    .page-directions-detail .photo-block .photo-tab .nav {
        width: 100%;
        flex-direction: row !important;
        gap: 12px;
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    .page-directions-detail .photo-block .photo-tab .nav::-webkit-scrollbar {
        display: none;
    }
}

.page-directions-detail .photo-block .photo-tab .nav .nav-link {
    display: flex;
    padding: 12px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 20px;
    transition: .3s ease;
}
@media (max-width: 1024px) {
    .page-directions-detail .photo-block .photo-tab .nav .nav-link {
        border: 1px solid #d9d9d9;
        border-radius: 10px;
        padding: 0px 16px;
        height: 44px;
        display: flex;
        align-items: center;
        font-size: 16px;
        line-height: 100%;
        text-align: center;
        min-width: fit-content;
    }
}
@media (max-width: 568px) {
    .page-directions-detail .photo-block .photo-tab .nav .nav-link {
        font-size: 12px;
        padding: 0px 12px;
        height: 32px;
    }
}

.page-directions-detail .photo-block .photo-tab .nav .nav-link.active,
.page-directions-detail .photo-block .photo-tab .nav .nav-link:hover {
    background: #f6f6f6;
}
@media (max-width: 1024px) {
    .page-directions-detail .photo-block .photo-tab .nav .nav-link.active {
        background: transparent;
        border: 1px solid #808080;
    }
}

.page-directions-detail .photo-block .photo-tab .nav .nav-link .img {

}
@media (max-width: 1024px) {
    .page-directions-detail .photo-block .photo-tab .nav .nav-link .img {
        display: none;
    }
}

.page-directions-detail .photo-block .photo-tab .nav .nav-link .img img {

}

.page-directions-detail .photo-block .photo-tab .nav .nav-link .info {

}

.page-directions-detail .photo-block .photo-tab .nav .nav-link .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 1024px) {
    .page-directions-detail .photo-block .photo-tab .nav .nav-link .info p {
        font-size: 16px;
        line-height: 100%;
        text-align: center;
    }
}
@media (max-width: 568px) {
    .page-directions-detail .photo-block .photo-tab .nav .nav-link .info p {
        font-size: 12px;
    }
}

.page-directions-detail .photo-tab .tab-content .tab-pane .arrow {
    position: absolute;
    top: calc(50% - 22px);
    left: -22px;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    width: calc(100% + 44px);
    pointer-events: none;
    /*opacity: 0;*/
    transition: .3s ease;
}
@media (max-width: 1024px) {
    .page-directions-detail .photo-tab .tab-content .tab-pane .arrow {
        opacity: 1;
        pointer-events: all;
        top: 30%;
        display: none;
    }
}
@media (max-width: 568px) {
    .page-directions-detail .photo-tab .tab-content .tab-pane .arrow {
        display: none;
    }
}

.page-directions-detail .photo-tab .tab-content .tab-pane .arrow:hover {
    opacity: 1;
}

.page-directions-detail .photo-tab .tab-content .tab-pane .photo-carousel:hover .arrow {
    opacity: 1;
}

.page-directions-detail .photo-tab .tab-content .tab-pane .arrow div {
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #f6f6f6;
    pointer-events: all;
}

.page-directions-detail .photo-tab .tab-content .tab-pane .arrow div[aria-disabled="true"] {
    opacity: 0;
    pointer-events: none;
}

.page-directions-detail .event-list {

}

.page-directions-detail .event-list .list-block {

}

.page-directions-detail .event-list .event-carousel {

}

.page-directions-detail .event-list .item {
    height: 100%;
}

.page-directions-detail .event-list .item .img {
    border-radius: 32px;
    aspect-ratio: 316/200;
    object-fit: cover;
    display: flex;
    height: 100%;
    max-height: 200px;
}
@media (max-width: 568px) {
    .page-directions-detail .event-list .item .img {
        border-radius: 24px;
    }
}

.page-directions-detail .event-list .item .img img {
    width: 100%;
    aspect-ratio: 316 / 200;
    object-fit: cover;
    border-radius: 32px;
}

.page-directions-detail .event-list .item .info {
    border-radius: 32px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    background: #f6f6f6;
    height: calc(100% - 200px);
}

.page-directions-detail .event-list .item .info .data-view {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 15px;
    line-height: 115%;
    color: #999;
}
.page-directions-detail .event-list .item .info .data-view:empty {
    display: none;
}

.page-directions-detail .event-list .item .info a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
    transition: .3s ease;
}
.page-directions-detail .event-list .item:hover .info a {
    text-decoration: underline;
}

.page-directions-detail .event-list .item .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.03em;
    color: #4c4c4c;
    margin-top: -4px;
}

.page-directions-detail .event-list .item .info .meta {
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 1;
    margin-top: auto;
    margin-bottom: 0;
    padding-top: 12px;
}

.page-directions-detail .event-list .item .info .meta div {
    border-radius: 17px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.7);
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 4px;

    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #000;
}

.page-directions-detail .event-list .item .info .meta .like {

}

.page-directions-detail .event-list .item .info .meta .flame {

}

.page-directions-detail .event-list .item .info .meta .plus {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 568px) {
    .page-directions-detail .event-list .item .info .meta .plus {
        border-radius: 32px;
        width: 32px;
        height: 32px;
        padding: 2px;
    }
}

.page-directions-detail .event-list .arrow{

}

.page-directions-detail .form-block {

}

/* page-history */

.page-history {

}

.page-history .top-hero {

}

.page-history .timeline {

}

.page-history .timeline .top {
    position: relative;
    padding: 32px 0px;
    margin-top: 16px;
}
@media (max-width: 1024px) {
    .page-history .timeline .top {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100dvh;
        display: flex;
        align-items: flex-end;
        transition: .5s ease;
        overflow: hidden;
        pointer-events: none;
        opacity: 0;
    }
    .page-history .timeline .top.active {
        opacity: 1;
        pointer-events: all;
    }
    body:has(.timeline .top.active) {
        overflow: hidden;
    }
}

.page-history .timeline .top .timeline-data {

}
@media (max-width: 1024px) {
    .page-history .timeline .top .timeline-data {
        border-radius: 32px 32px 0 0;
        padding: 20px;
        width: 100%;
        background: #fff;
        margin: 0;
        height: fit-content;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 20px;
        position: relative;
        bottom: -40vh;
        transition: .3s ease;
    }
    .page-history .timeline .top.active .timeline-data {
        bottom: 0;
    }
}

.page-history .timeline .top .timeline-data .close {
    display: none;
}
@media (max-width: 1024px) {
    .page-history .timeline .top .timeline-data .close {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #d9d9d9;
        border-radius: 10px;
        width: 44px;
        height: 44px;
    }
}

.page-history .timeline .top .timeline-data > a {
    display: none;
}
@media (max-width: 1024px) {
    .page-history .timeline .top .timeline-data > a {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        height: 52px;
        margin-top: 20px;
        width: 100%;
    }
}

.page-history .timeline .top .swiper-wrapper {

}
@media (max-width: 1024px) {
    .page-history .timeline .top .swiper-wrapper {
        display: flex;
        align-items: center;
        align-content: center;
        gap: 16px;
        align-self: stretch;
        flex-wrap: wrap;
        height: auto;
    }
}

.page-history .timeline .top .swiper {
    height: 44px;
}

.page-history .timeline .top .swiper-slide {
    width: 71px;
    border-radius: 10px;
    height: 44px;
    transition: .3s ease;
}

.page-history .timeline .top .swiper-slide a {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    width: 71px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;

}

.page-history .timeline .top .swiper-slide-active a {
    border: 1px solid #808080;
}

.page-history .timeline .top .swiper-slide:hover a {
    border: 1px solid #808080;
}

.page-history .timeline .top .arrow {
    position: absolute;
    top: calc(50% - 24px);
    right: -20px;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    /*opacity: 0;*/
    transition: .3s ease;
}
@media (max-width: 1024px) {
    .page-history .timeline .top .arrow {
        display: none;
    }
}
.page-history .timeline .top .arrow {
    width: calc(100% + 40px);
}
@media (max-width: 568px) {
    .page-history .timeline .top .arrow {
        display: none;
    }
}

.page-history .timeline .top .arrow:hover {
    opacity: 1;
}

.page-history .timeline .top:hover ~ .arrow {
    opacity: 1;
}

.page-history .timeline .top .arrow div {
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #f6f6f6;
    pointer-events: all;
}

.page-history .timeline .top .arrow div[aria-disabled="true"] {
    opacity: 0;
    pointer-events: none;
}

.page-history .timeline .timeline-list {
    display: flex;
    flex-direction: column;
    gap: 140px;
    position: relative;
    margin-top: 40px;
}

.page-history .timeline .timeline-list:after {
    content: '';
    background-color: #0042be;
    height: calc(100% - 40px);
    left: 50%;
    position: absolute;
    top: 120px;
    transform: translateX(-50%);
    width: 1px;
    z-index: -1;
}
@media (max-width: 1024px) {
    .page-history .timeline .timeline-list:after {
        display: none;
    }
}

.page-history .timeline .timeline-list:before {
    background: url("/assets/img/tekmet-svg.svg") no-repeat center;
    border-radius: 1px;
    content: "";
    width: 24px;
    height: 24px;
    left: 50%;
    position: absolute;
    bottom: -80px;
    transform: translateX(-50%);
}
@media (max-width: 1024px) {
    .page-history .timeline .timeline-list:before {
        display: none;
    }
}

.page-history .timeline .timeline-list .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-top: 40px;
}
@media (max-width: 1024px) {
    .page-history .timeline .timeline-list .item {
        flex-direction: column-reverse;
        gap: 32px;
        padding-top: 0;
    }
}

.page-history .timeline .timeline-list .item:after {
    background: url("/assets/img/tekmet-svg.svg") no-repeat center;
    border-radius: 1px;
    content: "";
    width: 24px;
    height: 24px;
    left: 50%;
    position: absolute;
    top: 116px;
    transform: translateX(-50%);
}
@media (max-width: 1024px) {
    .page-history .timeline .timeline-list .item:after {
        display: none;
    }
}

.page-history .timeline .timeline-list .item .img {
    max-width: 645px;
    width: 100%;
}

.page-history .timeline .timeline-list .item .img .card-slider {
    width: 470px;
}
@media (max-width: 568px) {
    .page-history .timeline .timeline-list .item .img .card-slider {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .page-history .timeline .timeline-list .item .img .card-slider .swiper-wrapper {

    }
}

.page-history .timeline .timeline-list .item .img .card-slider .arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 32px;
}
@media (max-width: 1024px) {
    .page-history .timeline .timeline-list .item .img .card-slider .arrow {
        /*display: none;*/
    }
}

.page-history .timeline .timeline-list .item .img .card-slider .arrow div {
    border: 1px solid #d9d9d9;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    user-select: none;
    transition: .3s ease;
}
.page-history .timeline .timeline-list .item .img .card-slider .arrow div:hover {
    border: 1px solid #666;
}

.page-history .timeline .timeline-list .item .img .swiper-slide {
    border-radius: 32px;
    padding: 8px;
    width: 470px !important;
    height: 368px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    background: #f6f6f6;
    /*rotate: -5deg;;*/
}
@media (max-width: 1024px) {
    .page-history .timeline .timeline-list {
        gap: 100px;
    }
}
@media (max-width: 568px) {
    .page-history .timeline .timeline-list {
        gap: 80px;

    }
    .page-history .timeline .timeline-list .item .img .swiper-slide {
        width: 316px !important;
        height: 280px;
    }
}

.page-history .timeline .timeline-list .item .img .swiper-slide-active{
    /*rotate: 5deg;*/
}
.page-history .timeline .timeline-list .item .img .swiper-slide::-webkit-scrollbar {
    display: none;
}

.page-history .timeline .timeline-list .item .img .swiper-slide img {
    border-radius: 24px;
    width: 454px;
    height: 300px;
    object-fit: cover;
}
@media (max-width: 568px) {
    .page-history .timeline .timeline-list .item .img .swiper-slide img {
        width: 300px;
        height: 200px;
    }
}

.page-history .timeline .timeline-list .item .img .swiper-slide p {
    padding: 10px;

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: rgba(0, 0, 0, 0.6);
}

.page-history .timeline .timeline-list .item .img {

}

.page-history .timeline .timeline-list .item .img {

}

.page-history .timeline .timeline-list .item .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    max-width: 560px;
}
@media (max-width: 1024px) {
    .page-history .timeline .timeline-list .item .info {
        max-width: 100%;
    }
}

.page-history .timeline .timeline-list .item .info .data {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.5);
}

.page-history .timeline .timeline-list .item .info .title {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
    margin-bottom: 10px;
}
@media (max-width: 1024px) {
    .page-history .timeline .timeline-list .item .info .title {
        font-size: 30px;
    }
}

.page-history .timeline .timeline-list .item .info .txt {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.6);
    max-width: 442px;
}
@media (max-width: 1024px) {
    .page-history .timeline .timeline-list .item .info .txt {
        max-width: 100%;
    }
}

.page-history .timeline-open {
    display: none;
}
@media (max-width: 1024px) {
    .page-history .timeline-open {
        position: fixed;
        z-index: 1;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #ffffff;

        display: flex;
        padding: 20px;
        align-items: flex-start;
        gap: 16px;
    }
    .page-history .timeline-open a {
        height: 52px;
        width: calc(50% - 8px);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .page-history  .timeline-open div {
        border: 1px solid #d9d9d9;
        border-radius: 10px;
        padding: 0px 16px;
        width: calc(50% - 8px);
        height: 52px;
        display: flex;
        align-items: center;

        font-family: "Mulish", sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 150%;
        color: #000;
    }
}
@media (max-width: 568px) {
    .page-history .timeline-open a {
        height: 44px;
        font-size: 14px;
    }
    .page-history  .timeline-open div {
        padding: 0px 10px;
        height: 44px;
        font-size: 14px;
    }
}

/* page-events */

.page-events {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.page-events .top-hero {
    border-radius: 32px 32px 32px 0;
    padding: 44px;
    background: #f6f6f6;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .page-events .top-hero {
        flex-direction: column;
        gap: 20px;
    }
}
@media (max-width: 568px) {
    .page-events .top-hero {
        border-radius: 24px 24px 24px 0;
        padding: 20px;
    }
}

.page-events .top-hero .left {
    justify-content: space-between;
    height: 406px;
}
@media (max-width: 1024px) {
    .page-events .top-hero .left {
        height: auto;
        gap: 44px;
    }
}
@media (max-width: 568px) {
    .page-events .top-hero .left {

    }
}

.page-events .top-hero .left .top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 64px;
}
@media (max-width: 1024px) {
    .page-events .top-hero .left .top {
        gap: 32px;
    }
}

.page-events .top-hero .left .top .breadcrumb {
    padding: 0;
}
@media (max-width: 1024px) {
    .page-events .top-hero .left .top .breadcrumb {
        display: flex;
    }
}

.page-events .top-hero .left .top h1 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 115%;
    letter-spacing: -0.02em;
    color: #000;
}
@media (max-width: 1024px) {
    .page-events .top-hero .left .top h1 {
        font-size: 40px;
    }
}
@media (max-width: 568px) {
    .page-events .top-hero .left .top h1 {
        font-size: 25px;
    }
}

.page-events .top-hero .left {
    width: 100vw;
    max-width: 504px;
    padding: 0;
}
@media (max-width: 568px) {
    .page-events .top-hero .left {
        max-width: 100%;
    }
}

.page-events .top-hero .left .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.page-events .top-hero .left .info span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}
@media (max-width: 1024px) {
    .page-events .top-hero .left .info span {
        font-size: 15px;
    }
}
@media (max-width: 568px) {
    .page-events .top-hero .left .info span {
        font-size: 12px;
    }
}

.page-events .top-hero .left .info h2 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .page-events .top-hero .left .info h2 {
        font-size: 18px;
    }
}

.page-events .top-hero .left .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
    margin-top: -4px;
}

.page-events .top-hero .right {

}

.page-events .top-hero .right img {
    width: 100%;
    height: auto;
    aspect-ratio: 620/416;
    border-radius: 24px 0 24px 24px;
}
@media (max-width: 1024px) {
    .page-events .top-hero .right img {
        aspect-ratio: 672/412;
    }
}
@media (max-width: 568px) {
    .page-events .top-hero .right img {
        border-radius: 16px 0 16px 16px;
        aspect-ratio: 326/189;
    }
}

.page-events .data-filter {
    position: relative;
}

.page-events .data-filter .events-data {

}

.page-events .data-filter .arrow {
    position: absolute;
    top: calc(50% - 24px);
    right: -20px;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    /*opacity: 0;*/
    transition: .3s ease;
}
@media (max-width: 1024px) {
    .page-events .data-filter .arrow {
        display: none;
    }
}

.page-events .data-filter .arrow {
    width: calc(100% + 40px);
}
@media (max-width: 568px) {
    .page-events .data-filter .arrow {
        display: none;
    }
}

.page-events .data-filter .arrow:hover {
    opacity: 1;
}

.page-events .data-filter:hover ~ .arrow {
    opacity: 1;
}

.page-events .data-filter .events-prev,
.page-events .data-filter .events-next,
.page-events .data-filter .arrow div {
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #f6f6f6;
    pointer-events: all;
}
@media (max-width: 568px) {
    .page-events .data-filter .events-prev,
    .page-events .data-filter .events-next,
    .page-events .data-filter .arrow div {
        display: none !important;
    }
}

.page-events .data-filter .arrow div[aria-disabled="true"] {
    opacity: 0;
    pointer-events: none;
}

.page-events .data-filter .swiper-slide {
    width: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.page-events .data-filter .swiper-slide p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #000;
}

.page-events .data-filter .swiper-slide span {
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.01em;
    text-transform: lowercase;
    text-align: center;
    color: #999;
}
.page-events .data-filter .swiper-slide span[title="сб"],
.page-events .data-filter .swiper-slide span[title="вс"] {
    color: #b52b3d;
}

.page-events .event-list {

}

.page-events .event-list .list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(316px, 1fr));
    gap: 40px 32px;
}

.page-events .event-list .item {

}

.page-events .event-list .item .img {
    display: flex;
    border-radius: 32px;
    width: 100%;
    aspect-ratio: 316/200;
    object-fit: cover;
}
.page-events .event-list .item .img:has(.none-img) {
    padding: 40px;
    background: #0042be;
}
@media (max-width: 568px) {
    .page-events .event-list .item .img {
        border-radius: 24px;
    }
}

.page-events .event-list .item .img img:not(.none-img) {
    width: 100%;
    aspect-ratio: 316/200;
    object-fit: cover;
    border-radius: 32px;
}
.page-events .event-list .item .img img.none-img {

}

.page-events .event-list .item .info {
    border-radius: 32px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    background: #f6f6f6;
}

.page-events .event-list .item .info .data-view {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 15px;
    line-height: 115%;
    color: #999;
}

.page-events .event-list .item .info a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
.page-events .event-list .item:hover .info a {
    text-decoration: underline;
}

.page-events .event-list .item .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.03em;
    color: #4c4c4c;
    margin-top: -4px;
}

.page-events .event-list .item .info .meta {
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 1;
    margin-top: 12px;
}

.page-events .event-list .item .info .meta div {
    border-radius: 17px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.7);
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 4px;

    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #000;
}

.page-events .event-list .item .info .meta .like {

}

.page-events .event-list .item .info .meta .flame {

}

.page-events .event-list .item .info .meta .plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 2px;
}
@media (max-width: 568px) {
    .page-events .event-list .item .info .meta .plus {
        border-radius: 32px;
        width: 32px;
        height: 32px;
        padding: 2px;
    }
}

.page-events .event-list .list .block-quest {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 4;
    grid-row-end: 5;

    height: 164px;
    display: flex;
    align-items: center;
}
@media (max-width: 1024px) {
    .page-events .event-list .list .block-quest {
        grid-column-end: 3;
        flex-direction: column;
        height: auto;
        width: 100%;
        align-items: flex-start;
    }
}
@media (max-width: 568px) {
    .page-events .event-list .list .block-quest {
        grid-column-end: 2;
    }
}

.page-events .event-list .list .block-quest .left {
    width: calc(100% - 416px - 16px);
}
@media (max-width: 1024px) {
    .page-events .event-list .list .block-quest .left {
        width: 100%;
    }
}

.page-events .event-list  {

}

.page-events .event-list .pagination {
    display: flex;
    width: 351px;
    margin: auto;
    margin-top: 40px;
    flex-direction: column;
    align-items: flex-end;
    gap: 32px;
}

.page-events .event-list .pagination > a {
    width: 351px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;

}

.page-events .event-list .pagination .list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    align-self: stretch;
}

.page-events .event-list .pagination .list a {
    border-radius: 8px;
    padding: 12px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 150%;
    color: #999;
}

.page-events .event-list .pagination .list a.active {
    color: #000;
}

.page-events .form-block {
    margin-top: 80px;
    gap: 200px;
}
@media (max-width: 1024px) {
    .page-events .form-block {
        /*display: none;*/
        gap: 40px;
    }
}
@media (max-width: 568px) {
    .page-events .form-block {
        padding: 20px;
        gap: 32px;
        margin-top: 40px;
    }
}

.page-events .form-block .left {
    width: 100%;
    max-width: 520px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.page-events .form-block .left a {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 14px 16px;
    height: 52px;
    display: flex;
    align-items: center;
    gap: 8px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;
}

.page-events .form-block {

}

/* page-events-detail */

.page-events-detail {
    display: flex;
    flex-direction: column;
    gap: 72px;
}
@media (max-width: 1024px) {
    .page-events-detail {
        gap: 64px;
    }
}
@media (max-width: 568px) {
    .page-events-detail {
        gap: 56px;
        margin-top: 8px !important;
    }
}

.page-events-detail .top-hero {

}
@media (max-width: 1024px) {
    .page-events-detail .top-hero {
        flex-direction: column-reverse;
    }
}

.page-events-detail .top-hero .left {
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .page-events-detail .top-hero .left {
        border-radius: 32px 32px 32px 0;
        padding: 32px;
    }
}
@media (max-width: 568px) {
    .page-events-detail .top-hero .left {
        border-radius: 24px 24px 24px 0;
        padding: 20px;
    }
}

.page-events-detail .top-hero .left .top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.page-events-detail .top-hero .left .top .breadcrumb {
    padding: 0;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    box-orient: vertical;
}
@media (max-width: 1024px) {
    .page-events-detail .top-hero .left .top .breadcrumb > *:not([title="События"]) {
        display: none;
    }
    .page-events-detail .top-hero .left .top .breadcrumb > a[title="События"] {
        display: flex;
        align-items: center;
        gap: 4px;
    }
    .page-events-detail .top-hero .left .top .breadcrumb > a[title="События"]:before {
        content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguNDU5OTQgMTIuNDI3NEM3LjU0MjUyIDExLjAyNDYgNi4xMDg3NSA5LjQ2NjE0IDQuMDA3NjQgOC43MjU3Nkw0IDcuOTk0MzFMNCA3LjI4ODE2QzYuMDcyMjQgNi41MjcwMyA3LjUwOTIzIDQuOTY1NTkgOC40MzcxOSAzLjU2Mzk4QzguODk5NzkgMi44NjUyNiA5LjIyOTc5IDIuMjE1MTMgOS40NDMxNyAxLjc0MjA1QzkuNTQ5NjggMS41MDU5IDkuNjI2NjIgMS4zMTUwMSA5LjY3NjA5IDEuMTg1NzFDOS43MDA4MSAxLjEyMTA5IDkuNzE4NjMgMS4wNzE5NyA5LjcyOTgxIDEuMDQwMzhMOS43NDE2MiAxLjAwNjQ2TDkuNzQzODEgMUM5Ljc0MzgxIDEgOS43NDM2NSAxLjAwMDQ3IDEwLjM3MDIgMS4yNjI3N0MxMC45OTY4IDEuNTI1MDYgMTAuOTk2NiAxLjUyNTY1IDEwLjk5NjYgMS41MjU2NUwxMC45OTU4IDEuNTI4MTJMMTAuOTk0MiAxLjUzMzA1TDEwLjk4OSAxLjU0ODM5QzEwLjk4NDcgMS41NjEwMyAxMC45Nzg3IDEuNTc4NDQgMTAuOTcwOSAxLjYwMDM1QzEwLjk1NTQgMS42NDQxOSAxMC45MzI5IDEuNzA2MSAxMC45MDMxIDEuNzgzOThDMTAuODQzNSAxLjkzOTY3IDEwLjc1NDcgMi4xNTk1OSAxMC42MzQyIDIuNDI2NzJDMTAuMzkzNiAyLjk2MDIgMTAuMDI0NyAzLjY4NjUyIDkuNTA3NzUgNC40NjczM0M4LjcwOTI0IDUuNjczNCA3LjU0Mjc2IDcuMDMwOTEgNS45MzQwMiA3Ljk5NDU1QzcuNTY3ODkgOC45NDkyMiA4LjczOTM0IDEwLjMxNDMgOS41MzUxNyAxMS41MzExQzEwLjA0ODcgMTIuMzE2MyAxMC40MTE3IDEzLjA0ODQgMTAuNjQ3MiAxMy41ODY1QzEwLjc2NTIgMTMuODU1OSAxMC44NTE3IDE0LjA3NzkgMTAuOTA5NSAxNC4yMzUyQzEwLjkzODUgMTQuMzEzOSAxMC45NjAzIDE0LjM3NjUgMTAuOTc1MyAxNC40MjA5QzEwLjk4MjggMTQuNDQzMSAxMC45ODg2IDE0LjQ2MDcgMTAuOTkyOCAxNC40NzM1TDEwLjk5NzggMTQuNDg5MUwxMC45OTk0IDE0LjQ5NDJMMTEgMTQuNDk2QzExIDE0LjQ5NiAxMS4wMDA0IDE0LjQ5NzMgMTAuMzcwMiAxNC43NDg0QzkuNzQwMDcgMTQuOTk5NSA5Ljc0MDIyIDE1IDkuNzQwMjIgMTVMOS43MzgxOSAxNC45OTM3TDkuNzI2ODkgMTQuOTU5OEM5LjcxNjE3IDE0LjkyODEgOS42OTkwMiAxNC44Nzg4IDkuNjc1MTUgMTQuODEzOUM5LjYyNzM3IDE0LjY4NCA5LjU1MjggMTQuNDkyMSA5LjQ0ODk3IDE0LjI1NDlDOS4yNDA5NSAxMy43Nzk2IDguOTE3NTcgMTMuMTI3MSA4LjQ1OTk0IDEyLjQyNzRaIiBmaWxsPSIjQjNCM0IzIiAvPgo8L3N2Zz4=');
    }
}

.page-events-detail .top-hero .left .top .people {
    border-radius: 32px;
    padding: 6px 8px;
    height: 30px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: fit-content;
}

.page-events-detail .top-hero .left .top .people div {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #fff;

    border-radius: 1px;
    background: #b52b3a;
    padding: 0px 4px;
    padding-right: 10px;
    height: 16px;
    display: flex;
    align-items: center;

    position: relative;
}

.page-events-detail .top-hero .left .top .people div:after {
    content: "";
    background: #ffffff;
    width: 10px;
    height: 10px;
    position: absolute;
    right: -6px;
    rotate: 45deg;
}

.page-events-detail .top-hero .left .top .people span {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.5);
}

.page-events-detail .top-hero .left .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.page-events-detail .top-hero .left .info span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}

.page-events-detail .top-hero .left .info h1 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .page-events-detail .top-hero .left .info h1 {
        font-size: 25px;
    }
}

.page-events-detail .top-hero .left .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.8);
}

.page-events-detail .top-hero .left .info a {
    margin-top: 16px;
}
@media (max-width: 1024px) {
    .page-events-detail .top-hero .left .info a {
        height: 52px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 568px) {
    .page-events-detail .top-hero .left .info a {
        height: 44px;
    }
}

.page-events-detail .top-hero .right {

}

.page-events-detail .description {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 64px;
}
@media (max-width: 1024px) {
    .page-events-detail .description {
        flex-direction: column-reverse;
    }
}

.page-events-detail .description .left {
    border-radius: 28px 28px 28px 0;
    padding: 32px;
    width: 328px;
    background: #f6f6f6;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;

    position: sticky;
    top: 20px;
}
@media (max-width: 1024px) {
    .page-events-detail .description .left {
        width: 100%;
        border-radius: 24px 24px 24px 0;
        padding: 20px;
    }
}

.page-events-detail .description .left p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    text-align: center;
    color: #000;
}

.page-events-detail .description .left .list-like {
    display: flex;
    width: 241px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
@media (max-width: 1024px) {
    .page-events-detail .description .left .list-like {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        gap: 24px 72px;
    }
}
@media (max-width: 568px) {
    .page-events-detail .description .left .list-like {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

.page-events-detail .description .left .list-like .item {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    width: 100%;
}

.page-events-detail .description .left .list-like .icon {
    border-radius: 48px;
    width: 40px;
    height: 40px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(24, 24, 24, 0.05);
    cursor:pointer;
    transition: background .5s ease;
}
.page-events-detail .description .left .list-like .icon:hover{
    background: rgba(24, 24, 24, 0.1);
}
.page-events-detail .description .left .list-like .line {
    height: 4px;
    background: #e4e4e4;
    position: relative;
    width: 100%;
}

.page-events-detail .description .left .list-like .line .progress {
    height: 4px;
    background: #bbb;
    position: absolute;
    top: 0;
    left: 0;
}

.page-events-detail .description .left .list-like span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    color: #4c4c4c;
}

.page-events-detail .description .right {
    width: 905px;
    padding-right: calc(905px - 786px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 72px;
}
@media (max-width: 1024px) {
    .page-events-detail .description .right {
        width: 100%;
        padding-right: 0;
        gap: 56px;
    }
}
@media (max-width: 568px) {
    .page-events-detail .description .right {
        gap: 64px;
    }
}

.page-events-detail .description .right h2 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .page-events-detail .description .right h2 {
        font-size: 20px;
    }
}

.page-events-detail .description .right .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.page-events-detail .description .right .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}

.page-events-detail .description .right .program {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.page-events-detail .description .right .program .grid {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
    height: calc(142px * 3 + 16px * 2);
}
@media (max-width: 568px) {
    .page-events-detail .description .right .program .grid {
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 0;

        border: 1px solid #d9d9d9;
        border-radius: 24px;
        padding: 20px;
    }
}

.page-events-detail .description .right .program .item {
    border: 1px solid #d9d9d9;
    border-radius: 32px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: calc(50% - 8px);
    height: 142px;
}
@media (max-width: 568px) {
    .page-events-detail .description .right .program .item {
        width: 100%;
        border: none;
        padding: 20px 20px 20px 0px;
        display: flex;
        align-items: flex-start;
        flex-direction: row;
        gap: 32px;
        height: auto;
    }
}

.page-events-detail .description .right .program .item p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .page-events-detail .description .right .program .item p {
        font-size: 20px;
    }
}

.page-events-detail .description .right .program .item span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.7);
}

.page-events-detail .description .right .address {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.page-events-detail .description .right .address iframe {
    border-radius: 32px;
    background: #f6f6f6;
    height: 180px;
    width: 100%;
}

.page-events-detail {

}

.page-events-detail .event-list {
    margin-top: 48px;
}
@media (max-width: 568px) {
    .page-events-detail .event-list {
        margin-top: 24px;
    }
}

.page-events-detail .event-list .item {

}

.page-events-detail .event-list .item .img {
    border-radius: 32px;
    aspect-ratio: 316/200;
    object-fit: cover;
}
@media (max-width: 568px) {
    .page-events-detail .event-list .item .img {
        border-radius: 24px;
    }
}

.page-events-detail .event-list .item .img img {
    border-radius:32px;
    width: 100%;
    aspect-ratio: 316/200;
    object-fit: cover;
}
@media (max-width: 568px) {
    .page-events-detail .event-list .item .img img {
        border-radius: 24px;
    }
}
.page-events-detail .event-list .item .info {
    border-radius: 32px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    background: #f6f6f6;
}

.page-events-detail .event-list .item .info .data-view {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 15px;
    line-height: 115%;
    color: #999;
}

.page-events-detail .event-list .item .info a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}

.page-events-detail .event-list .item .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.03em;
    color: #4c4c4c;
    margin-top: -4px;
}

.page-events-detail .event-list .item .info .meta {
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 1;
    margin-top: 12px;
}

.page-events-detail .event-list .item .info .meta div {
    border-radius: 17px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.7);
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 4px;

    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #000;
    transition: background .3s ease;
    cursor:pointer;
}
.page-events-detail .event-list .item .info .meta div:hover{
    background: rgba(255, 255, 255, 0.3);
}
.page-events-detail .event-list .item .info .meta .like {

}

.page-events-detail .event-list .item .info .meta .flame {

}
.page-events-detail .event-list .item .info .meta .flame:hover{

}

.page-events-detail .event-list .item .info .meta .plus {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 568px) {
    .page-events-detail .event-list .item .info .meta .plus {
        border-radius: 32px;
        width: 32px;
        height: 32px;
        padding: 2px;
    }
}

/* page-articles */

.page-articles {

}

.page-articles .articles-filter {
    margin-bottom: 32px;
}

.page-articles .articles-filter .top {
    padding: 32px 0px;
    position: relative;
}

.page-articles .articles-filter .top .swiper {
    max-height: 52px;
}

.page-articles .articles-filter .top .swiper-slide {
    width: fit-content;
    border-radius: 10px;
    padding: 14px 16px;
    border: 1px solid #d9d9d9;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;
}
@media (max-width: 568px) {
    .page-articles .articles-filter .top .swiper-slide {
        padding: 14px 16px;
        height: 44px;
    }
}

.page-articles .articles-filter .top .swiper-slide-active {
    background: #0042be;
    color: #ffffff;
}

.page-articles .articles-filter .top .swiper-slide-active span {
    color: #ffffff;
}

.page-articles .articles-filter .top .swiper-slide-active img {
    color: #ffffff;
    filter: invert(1);
}

.page-articles .articles-filter .top .arrow {
    position: absolute;
    top: calc(50% - 24px);
    right: -20px;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    /*opacity: 0;*/
    transition: .3s ease;
}
@media (max-width: 1024px) {
    .page-articles .articles-filter .top .arrow {
        display: none;
    }
}
.page-articles .articles-filter .top .arrow {
    width: calc(100% + 40px);
}
@media (max-width: 568px) {
    .page-articles .articles-filter .top .arrow {
        display: none;
    }
}

.page-articles .articles-filter .top .arrow:hover {
    opacity: 1;
}

.page-articles .articles-filter .top:hover ~ .arrow {
    opacity: 1;
}

.page-articles .articles-filter .top .arrow div {
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #f6f6f6;
    pointer-events: all;
}

.page-articles .articles-filter .top .arrow div[aria-disabled="true"] {
    opacity: 0;
    pointer-events: none;
}


.page-articles .articles-filter .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-articles .articles-filter .bottom .left {
    display: flex;
    align-items: center;
    gap: 16px;
}
@media (max-width: 1024px) {
    .page-articles .articles-filter .bottom .left {
        display: none;
    }
}

.page-articles .articles-filter .bottom .left .radio-list label {
    border: 1px solid #dad9d9;
    border-radius: 32px;
    padding: 10px 16px;
    height: 44px;
    cursor: pointer;
    transition: .3s ease;
}

.page-articles .articles-filter .bottom .left .radio-list label p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: rgba(0, 0, 0, 0.5);
}

.page-articles .articles-filter .bottom .left .radio-list label p span {
    color: #000;
}

.page-articles .articles-filter .bottom .left .radio-list input {
    display: none;
}

.page-articles .articles-filter .bottom .left .radio-list label:has(:checked) {
    border: 1px solid #666;
}

.page-articles .articles-filter .bottom .filter-open {
    display: none;
}
@media (max-width: 1024px) {
    .page-articles .articles-filter .bottom .filter-open {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;

        border: 1px solid #d9d9d9;
        border-radius: 10px;
        padding: 14px 16px;
        width: 180px;
        height: 52px;

        font-family: "Mulish", sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 150%;
        color: #000;
    }
}
@media (max-width: 568px) {
    .page-articles .articles-filter .bottom .filter-open {
        font-size: 14px;
        width: 126px;
        height: 44px;
        padding: 0;
    }
}

.page-articles .articles-filter .bottom .right {

}

.page-articles .top-hero {
    border-radius: 32px 32px 32px 0;
    padding: 40px;
    background: #f6f6f6;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .page-articles .top-hero {
        flex-direction: row;
        width: calc(100% - 40px);
        padding: 32px;
    }
}
@media (max-width: 568px) {
    .page-articles .top-hero {
        flex-direction: column-reverse;
        width: calc(100% - 24px);
        padding: 20px;
        gap: 20px;
    }
}

.page-articles .top-hero .left {
    padding: 0;
    width: calc(50% - 16px);
    justify-content: space-between;
    padding-right: 82px;
    min-height: 365px;
}
@media (max-width: 1024px) {
    .page-articles .top-hero .left {
        padding-right: 0;
    }
}
@media (max-width: 568px) {
    .page-articles .top-hero .left {
        width: 100%;
        height: auto;
        gap: 24px;
        min-height: auto;
    }
}

.page-articles .top-hero .left .top {
    display: flex;
    padding: 6px 8px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 32px;
    height: 30px;
    background: #fff;
    width: fit-content;
}

.page-articles .top-hero .left .top span {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.5);
}

.page-articles .top-hero .left .info {

}

.page-articles .top-hero .left .info {
    border-radius: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    background: #f6f6f6;
}

.page-articles .top-hero .left .info .data-view {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 15px;
    line-height: 115%;
    color: #999;
}

.page-articles .top-hero .left .info a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 1024px) {
    .page-articles .top-hero .left .info a {
        font-size: 30px;
    }
}
@media (max-width: 568px) {
    .page-articles .top-hero .left .info a {
        font-size: 20px;
    }
}
.page-articles .top-hero .left .info a:hover {
    text-decoration: underline;
}

.page-articles .top-hero .left .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.03em;
    color: #4c4c4c;
    margin-top: -4px;
}

.page-articles .top-hero .left .info .meta {
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 1;
    margin-top: 12px;
}

.page-articles .top-hero .left .info .meta div {
    border-radius: 17px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.7);
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 4px;

    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #000;
}

.page-articles .top-hero .left .info .meta .like {

}

.page-articles .top-hero .left .info .meta .flame {

}

.page-articles .top-hero .left .info .meta .plus {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 568px) {
    .page-articles .top-hero .left .info .meta .plus {
        border-radius: 32px;
        width: 32px;
        height: 32px;
        padding: 2px;
    }
}

.page-articles .top-hero .right {
    padding: 0;
    width: calc(50% - 16px) ;
}

.page-articles .top-hero .right {
    border-radius: 24px 0 24px 24px;
    padding-left: 32px;
    padding-top: 32px;
    background: #eeebe8;
    display: flex;
    flex-direction: column;
}
@media (max-width: 1024px) {
    .page-articles .top-hero .right {
        aspect-ratio: 322/380;
        justify-content: space-between;
    }
}
@media (max-width: 568px) {
    .page-articles .top-hero .right {
        aspect-ratio: initial;
        width: 100%;
        padding-left: 20px;
        padding-top: 20px;
    }
}

.page-articles .top-hero .right img {
    max-width: 392px;
    height: auto;
    margin: 0 0 0 auto;
    border-radius: 0;
    border-radius: 0 0 32px 0;

    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 392 301"><path d="M0 301V63.0605C29.5227 63.0605 85.9546 15.4765 87.7119 0H392V301H62.2471H0Z" fill="white"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 392 301"><path d="M0 301V63.0605C29.5227 63.0605 85.9546 15.4765 87.7119 0H392V301H62.2471H0Z" fill="white"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    }

}
@media (max-width: 1024px) {
    .page-articles .top-hero .right img {
        height: 70%;
    }
}
@media (max-width: 568px) {
    .page-articles .top-hero .right img {
        width: 140px;
        height: 180px;
        aspect-ratio: inherit;
        object-position: left;
    }
}

.page-articles .top-hero .right span {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
    margin-bottom: -14px;
}
@media (max-width: 1024px) {
    .page-articles .top-hero .right span {
        margin-bottom: 46px;
    }
}

.page-articles .event-list {
    margin-top: 56px;
}

.page-articles .event-list .list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(316px, 1fr));
    gap: 56px 32px;
}

.page-articles .event-list .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
@media (max-width: 1024px) {
    .page-articles .event-list .item {
        width: 100%;
    }
}
@media (max-width: 940px) {
    .page-articles .event-list .item {
       /* width: 316px;
        min-width: 316px;*/
    }
}
@media (max-width: 568px) {
    .page-articles .event-list .item {

    }
}

.page-articles .event-list .item .img {
    border-radius: 32px;
    position: relative;
    aspect-ratio: 316/200;
    width: 100%;
    overflow: hidden;
}

.page-articles .event-list .item .img:after {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 32px;
    background: rgb(0 0 0 / 25%);
}

.page-articles .event-list .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 568px) {
    .page-articles .event-list .item .img img {
        border-radius: 24px;
    }
}

.page-articles .event-list .item .img .meta {
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    padding:0 16px;
    box-sizing: border-box;
    bottom: 16px;
    z-index: 1;
    flex-wrap: wrap;
}

.page-articles .event-list .item .img .meta div {
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.20);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    display: flex;
    padding: 0 8px;
    height: 32px;
    align-items: center;
    gap: 4px;

    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #fff;
}

.page-articles .event-list .item .img .meta .like {

}

.page-articles .event-list .item .img .meta .like img {
    max-height: 16px;
}

.page-articles .event-list .item .img .meta .flame {

}

.page-articles .event-list .item .img .meta .plus {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 568px) {
    .page-articles .event-list .item .img .meta .plus {
        border-radius: 32px;
        width: 32px;
        height: 32px;
        padding: 2px;
    }
}

.page-articles .event-list .item .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.page-articles .event-list .item .info a {
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 568px) {
    .page-articles .event-list .item .info a {
        font-size: 16px;
        line-height: 110%;
    }
}

.page-articles .event-list .item:hover .info a {
    text-decoration: underline;
    /*text-decoration-skip-ink: none;*/
}

.page-articles .event-list .item .info p {
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 568px) {
    .page-articles .event-list .item .info p {

    }
}

.page-articles .event-list .item .info .data-view {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 4px;
}

.page-articles .event-list .item .info .data-view span {
    display: flex;
    align-items: center;
    gap: 5px;

    font-weight: 450;
    font-size: 15px;
    line-height: 115%;
    color: #999;
}

.page-articles .event-list .pagination {
    display: flex;
    width: 351px;
    margin: auto;
    margin-top: 40px;
    flex-direction: column;
    align-items: flex-end;
    gap: 32px;
}

.page-articles .event-list .pagination > a {
    width: 351px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;

}

.page-articles .event-list .pagination .list {
    display: flex;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    justify-content: center;
}

.page-articles .event-list .pagination .list a {
    border-radius: 8px;
    padding: 12px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 150%;
    color: #999;
}

.page-articles .event-list .pagination .list a.active {
    color: #000;
}

/* page-articles-detail */

.page-articles-detail {
    display: flex;
    flex-direction: column;
    gap: 72px;
}

.page-articles-detail .detail {
    margin-top: 32px;
    display: flex;
    justify-content: space-between;
    gap: 20px;

    position: relative;
    z-index: 1;
}

.page-articles-detail .detail .left {
    padding-left: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    width: 100vw;
    max-width: 1010px;
}
@media (max-width: 1024px) {
    .page-articles-detail .detail .left {
        padding-left: 0;
        max-width: 100%;
    }
}

.page-articles-detail .detail .right {
    max-width: 328px;
}
@media (max-width: 1024px) {
    .page-articles-detail .detail .right {
        display: none;
    }
}

.page-articles-detail .detail .right > div {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;


    position: sticky;
    top: 40px;
}

.page-articles-detail .detail .right .img {
    border-radius: 56px;
    width: 44px;
    height: 44px;
    background: #f6f6f6;
}

.page-articles-detail .detail .right .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}

.page-articles-detail .detail .right .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #000;
}

.page-articles-detail .detail .right .info span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 115%;
    color: #999;
}

.page-articles-detail .detail .breadcrumb {
    padding-left: 0;
}



.page-articles-detail .detail .top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    max-width: 990px;
}

.page-articles-detail .detail .top .data-view {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 4px;
}

.page-articles-detail .detail .top .data-view span {
    display: flex;
    align-items: center;
    gap: 5px;

    font-weight: 450;
    font-size: 15px;
    line-height: 115%;
    color: #999;
}

.page-articles-detail .detail .top h1 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .page-articles-detail .detail .top h1 {
        font-size: 25px;
    }
}

.page-articles-detail .detail .top .description {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;
}

.page-articles-detail .detail .meta-like {
    display: flex;
    padding: 12px 0px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;

    max-width: 990px;
}
@media (max-width: 568px) {
    .page-articles-detail .detail .meta-like {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }
}

.page-articles-detail .detail .meta-like .meta {
    display: flex;
    align-items: center;
    gap: 10px;
}
.page-articles-detail .detail .meta-like .meta svg:last-child {
    display: none;
}

.page-articles-detail .detail .meta-like .meta span {
    border-radius: 32px;
    padding: 6px 8px;
    background: #f6f6f6;

    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.5);
}

.page-articles-detail .detail .meta-like .like-block {
    display: flex;
    align-items: center;
    gap: 20px;
}

.page-articles-detail .detail .meta-like .like-block .list {
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 4px;
}
@media (max-width: 568px) {
    .page-articles-detail .detail .meta-like .like-block .list {
        padding: 8px 0px;
        gap: 2px;
    }
}

.page-articles-detail .detail .meta-like .like-block .list div {
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 4px;
}

.page-articles-detail .detail .meta-like .like-block .list div img {

}

.page-articles-detail .detail .meta-like .like-block .list div span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #4c4c4c;
}

.page-articles-detail .detail .meta-like .like-block .list > svg {

}

.page-articles-detail .detail .meta-like .like-block > div:nth-child(2) {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 0.8);
}


.page-articles-detail .detail .info {
    width: 100%;
    max-width: 990px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}
@media (max-width: 568px) {
    .page-articles-detail .detail .info {
        gap: 24px;
    }
}

.page-articles-detail .detail .info .grey {
    border-radius: 32px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    background: #f6f6f6;
}
@media (max-width: 568px) {
    .page-articles-detail .detail .info .grey {
        padding: 20px;
    }
}

.page-articles-detail .detail .info .grey p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .page-articles-detail .detail .info .grey p {
        font-size: 16px;
    }
}

.page-articles-detail .detail .info .grey ol {
    margin: 0;
    padding-left: 1em;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.page-articles-detail .detail .info .grey ol li {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.7);
}

.page-articles-detail .detail .info .grey ol li a {
    color: #0042be;
}

.page-articles-detail .detail .info .text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.page-articles-detail .detail .info .text p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}

.page-articles-detail .detail .info .text strong {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;
}

.page-articles-detail .detail .info .text blockquote {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;

    border-left: 2px solid #0042be;
    padding: 0px 0px 0px 12px;
}

.page-articles-detail .detail .info .img {
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.page-articles-detail .detail .info .img img {
    border-radius: 32px;
    width: 100%;
    height: 480px;
    object-fit: cover;
}
@media (max-width: 1024px) {
    .page-articles-detail .detail .info .img img {
        height: 412px;
    }
}
@media (max-width: 568px) {
    .page-articles-detail .detail .info .img img {
        height: 220px;
    }
}

.page-articles-detail .detail .info .img span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.6);
}

.page-articles-detail .detail .info .slider {
    width: 100%;

}

.page-articles-detail .detail .info .slider .title {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .page-articles-detail .detail .info .slider .title {
        font-size: 20px;
    }
}

.page-articles-detail .detail .info .slider .img-carousel {
    width: 100%;
    border: 1px solid #dad9d9;
    border-radius: 32px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}
@media (max-width: 568px) {
    .page-articles-detail .detail .info .slider .img-carousel {
        border-radius: 24px;
        padding: 20px;
    }
}

.page-articles-detail .detail .info .slider .swiper-slide {
    border-radius: 32px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 12px;
    width: 100% !important;
}

.page-articles-detail .detail .info .slider .swiper-slide img {
    border-radius: 32px;
    width: 100%;
    height: 480px;
    object-fit: cover;
}
@media (max-width: 1024px) {
    .page-articles-detail .detail .info .slider .swiper-slide img {
        height: 412px;
    }
}
@media (max-width: 568px) {
    .page-articles-detail .detail .info .slider .swiper-slide img {
        height: 220px;
    }
}

.page-articles-detail .detail .info .slider .swiper-slide span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.6);
}

.page-articles-detail .detail .info .slider .img-carousel .arrow {
    position: absolute;
    top: calc(50% - 14px);
    right: 10px;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    width: calc(100% - 20px);
    pointer-events: none;
    /*opacity: 0;*/
    transition: .3s ease;
}
@media (max-width: 1024px) {
    .page-articles-detail .detail .info .slider .img-carousel .arrow {
        opacity: 1;
        /*pointer-events: all;*/
    }
}
@media (max-width: 568px) {
    .page-articles-detail .detail .info .slider .img-carousel .arrow {
        display: none;
    }
}

.page-articles-detail .detail .info .slider .img-carousel .arrow:hover {
    opacity: 1;
}

.page-articles-detail .detail .info .slider .img-carousel:hover .arrow {
    opacity: 1;
}

.page-articles-detail .detail .info .slider .img-carousel .arrow div {
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #f6f6f6;
    pointer-events: all;
}

.page-articles-detail .detail .info .slider .img-carousel .arrow div[aria-disabled="true"] {
    opacity: 0;
    pointer-events: none;
}

.page-articles-detail .detail .info .slider .img-carousel .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    /*height: 22px;*/
    position: initial;
    margin-top: -8px;
}

.page-articles-detail .detail .info .slider .img-carousel .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #EEEEEF;
    opacity: 1;
    margin: 0;
}

.page-articles-detail .detail .info .slider .img-carousel .swiper-pagination .swiper-pagination-bullet-active {
    background: #4C4C4C;
}

.page-articles-detail .question {
    padding-left: 24px;
}
@media (max-width: 568px) {
    .page-articles-detail .question {
        padding-left: 12px;
    }
}

.page-articles-detail .question > div {
    max-width: 990px;
}

.page-articles-detail .question > div {
    display: flex;
    padding: 32px;
    padding-right: 48px;
    /*flex-direction: column;*/
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    align-self: stretch;
    background: #f6f6f6;
    border-radius: 28px 28px 28px 0;
}
@media (max-width: 1024px) {
    .page-articles-detail .question > div {
        flex-direction: column;
    }
}

.page-articles-detail .question > div p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    text-align: center;
    color: #000;
}

.page-articles-detail .question > div p a {
    text-decoration: underline;
    color: #000;
}

.page-articles-detail .question > div > div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 48px;

}

.page-articles-detail .question > div > div img {
    width: 28px;
    height: 28px;
    aspect-ratio: 1/1;
}

.page-articles-detail .blue-link {
    padding-left: 24px;
}
@media (max-width: 1024px) {
    .page-articles-detail .blue-link {
        padding-left: 12px;
    }
}

.page-articles-detail .blue-link .item {
    border-radius: 32px 32px 0 32px;
    padding: 40px;
    background-color: #0042be;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYxIiBoZWlnaHQ9IjM2MiIgdmlld0JveD0iMCAwIDM2MSAzNjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkyLjU3MSA5Ni4zMTA4QzIwMS40NzggODAuNzI5OCAyMTQuNzAyIDg1LjYxIDIyMC4yIDg5Ljk5NzdDMjE5Ljk0NyA3NC44MTkyIDIwMS42NjUgNzIuMzY3MiAxODYuNDU0IDgyLjkwODdDMTcxLjI0MiA5My40NTAxIDE1NC43MjkgMTMyLjQ3NSAxOTcuMDU3IDE0My43NDRDMjE0Ljk0NiAxNDguNTA2IDIyOC42OSAxNDUuNjggMjM4LjkyMyAxMzcuMjg2TDI0NS42OTkgMTUyLjEzMkwyNTMuMjkyIDE2OC4yNzZDMjMxLjkxNSAxNzIuODI2IDIwNi45NjggMTkxLjA5IDIxOC4wNjMgMjE2LjkyNUMyMzMuMjQ2IDI1Mi4yOCAyNTkuODU3IDI0My43MzMgMjc0LjA2IDIzNy4yNUMyODUuNDIzIDIzMi4wNjQgMjgxLjYyMSAyMTcuNjA1IDI3OC4yOTkgMjExLjAyNEMyNzcuMTQyIDIxNS40NTEgMjczLjA5IDIyNS4wOTggMjY2LjE0NiAyMjguMjY3QzI0MC44OTUgMjM5Ljc5MiAyMjEuNTI1IDE5Ny4zNTIgMjYwLjY1MSAxODQuODkyQzI5MS45NTIgMTc0LjkyNCAzMDAuNTg0IDIwMi4wNTMgMzAwLjk4NyAyMTYuODYzQzM0My42NiAyMDYuNzQzIDM1OC42NzIgMjM0LjYxOCAzNjAuODQzIDI0OS44MjFDMzQ1LjcwNiAyMzkuNjM2IDMxOS4zMDMgMjM4LjE5MiAyODcuNzQgMjUyLjU5OEMyNjIuNDg5IDI2NC4xMjMgMjQwLjA3MiAyNjIuMzU5IDIzMi4wMTkgMjYwLjAzN0MyNDIuNzk3IDI4MC4zMDggMjQwLjc4IDMwMC4xMjIgMjM4LjQyNCAzMDcuNDk1QzIyNC41MTggMzAzLjc2NSAyMTAuNDc0IDI4Mi40NjYgMjA1LjE5IDI3Mi4yODJDMTk3Ljg4MSAyODUuNTE0IDE5MC4yMzIgMjk4LjAwMiAxNTUuMTczIDMxMy4xMDRDMTI3LjEyNSAzMjUuMTg2IDExNi45OTUgMzUwLjYyMiAxMTUuNDM2IDM2MS44MjlDOTIuOTA3OCAzMzIuNTI2IDExNS4yOTUgMzA1LjgxNSAxMjkuMzA1IDI5Ni4xMjJDMTEwLjExMyAyODkuNTg3IDEwNS4wNjggMjQ1LjEwNyAxMzkuMTMxIDI0MC4zNTZDMTczLjE5NSAyMzUuNjA1IDE3NC4yNzIgMjY5LjMgMTYwLjQwOCAyNzYuNTI4QzE0OS4zMTcgMjgyLjMxIDE0MS43OTQgMjc3LjUyNiAxMzkuNDE5IDI3NC40MTJDMTQ3LjAzMSAyOTEuMDkgMTU3LjEyNSAyOTAuOTIxIDE2MS4yMiAyODguNzUyQzIwMy4zOCAyNjkuNTEgMTkwLjAxNSAyNDIuNDEyIDE4NS42NTYgMjMzLjU3MkMxODUuMzY0IDIzMi45ODEgMTg1LjExMyAyMzIuNDcyIDE4NC45MjIgMjMyLjA1MkMxODEuODYzIDIyNS4zNTEgMTU3LjIzNCAyMDYuOTAzIDEzMC45NzUgMjIyLjQ4N0wxMTguMDYyIDE5NC4xOTRDMTM0LjUyMyAxODguNDggMTUxLjQxMSAxNjkuMDc2IDE0NS41MDEgMTQ1LjY4M0MxMzkuNTkyIDEyMi4yOSAxMTAuOTIgMTEzLjc4NSA5MS4wODI5IDEyNC42MzhDNzUuMjEzNSAxMzMuMzIxIDgwLjgxODkgMTQ2LjcxNiA4NS42MDUzIDE1Mi4zMjlDODcuNzM0NSAxNDQuNDYgOTUuNzQxNCAxMzAuMjQ5IDExMC43MzUgMTM2LjM2MUMxMjkuNDc4IDE0NCAxMjYuNTk4IDE3My4yMDQgMTAwLjc3NyAxODEuMzkxQzY4LjExNjQgMTg4LjM4IDYwLjg3NjggMTYxLjUxNiA2MS4zMzk2IDE0Ny4yMUMzMC40MDcyIDE2MS4zMjggOC41NDcyMSAxMzEuMTIxIDEuNDgzNzYgMTE0LjI1MkMxMS4yMzg5IDEyMi4zOTUgMzcuNTU1MSAxMzMuOTU1IDY0Ljc3ODIgMTE1LjA1MkM5Mi4wMDEyIDk2LjE0OTcgMTIwLjU2IDEwMC4wODkgMTMxLjQzNiAxMDQuNDIxQzExOS4xNDIgOTQuMTk4IDExNy4xNjMgNzMuMTQ5NiAxMjMuNTYyIDU1LjgzNDRDMTQzLjMxMyA1OS40MTUyIDE1My4wOTUgODIuMjQwMiAxNTYuNjg3IDkyLjg5NjFDMTY3LjM5OSA2Ny43ODE2IDE4NC40NDggNjAuMzE5NCAyMDEuOTE2IDUyLjY3NDFDMjA2Ljk4MSA1MC40NTczIDIxMi4wODEgNDguMjI1IDIxNy4wNzMgNDUuNTQyNUMyMzQuODM2IDM1Ljk5NTYgMjQ0Ljg3OSAxMi40NTg5IDI0Ny42OCAxLjg4Mzg2QzI2OS4zMDUgMzAuODc5MyAyNDguMTk3IDU4LjAyNjggMjM0Ljk0IDY3Ljk3NjFDMjY1LjU3NiAxMDEuNjc1IDIzNC44MTMgMTIyLjAxNCAyMTkuOTMgMTI3LjAwN0MyMDUuMDQ2IDEzMi4wMDEgMTgxLjQzNyAxMTUuNzg3IDE5Mi41NzEgOTYuMzEwOFpNMTU1LjI3MSAxMjEuMzFDMTY0Ljk2OSAxNDAuMzQgMTk0Ljk1NiAxNzMuOTg4IDIzNy4zMjEgMTU2LjM0MUMyMjAuNjkyIDE2OC4xNTMgMTkxLjc5MyAyMDEuMzI4IDIwOS4yMjkgMjM5LjUzMkMyMDIuNDA3IDIyNC41ODQgMTc3LjYxMSAxOTYuNTQyIDEzMy4wMDQgMjAzLjk1M0MxNDguNzU1IDE5NC42NTMgMTc1LjI1OSAxNjUuMTA0IDE1NS4yNzEgMTIxLjMxWiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4xIi8+Cjwvc3ZnPgo=');
    background-repeat: no-repeat;
    background-position: right 170px top 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    max-width: 990px;
}
@media (max-width: 1024px) {
    .page-articles-detail .blue-link .item {
        background-position: right top 32px;
    }
}
@media (max-width: 568px) {
    .page-articles-detail .blue-link .item {
        border-radius: 24px 24px 0 24px;
        padding: 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 60px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjg3IiBoZWlnaHQ9IjM2MiIgdmlld0JveD0iMCAwIDI4NyAzNjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkyLjU3MSA5Ni4zMTA4QzIwMS40NzggODAuNzI5OCAyMTQuNzAyIDg1LjYxIDIyMC4yIDg5Ljk5NzdDMjE5Ljk0NyA3NC44MTkyIDIwMS42NjUgNzIuMzY3MiAxODYuNDU0IDgyLjkwODdDMTcxLjI0MiA5My40NTAxIDE1NC43MjkgMTMyLjQ3NSAxOTcuMDU3IDE0My43NDRDMjE0Ljk0NiAxNDguNTA2IDIyOC42OSAxNDUuNjggMjM4LjkyMyAxMzcuMjg2TDI0NS42OTkgMTUyLjEzMkwyNTMuMjkyIDE2OC4yNzZDMjMxLjkxNSAxNzIuODI2IDIwNi45NjggMTkxLjA5IDIxOC4wNjMgMjE2LjkyNUMyMzMuMjQ2IDI1Mi4yOCAyNTkuODU3IDI0My43MzMgMjc0LjA2IDIzNy4yNUMyODUuNDIzIDIzMi4wNjQgMjgxLjYyMSAyMTcuNjA1IDI3OC4yOTkgMjExLjAyNEMyNzcuMTQyIDIxNS40NTEgMjczLjA5IDIyNS4wOTggMjY2LjE0NiAyMjguMjY3QzI0MC44OTUgMjM5Ljc5MiAyMjEuNTI1IDE5Ny4zNTIgMjYwLjY1MSAxODQuODkyQzI5MS45NTIgMTc0LjkyNCAzMDAuNTg0IDIwMi4wNTMgMzAwLjk4NyAyMTYuODYzQzM0My42NiAyMDYuNzQzIDM1OC42NzIgMjM0LjYxOCAzNjAuODQzIDI0OS44MjFDMzQ1LjcwNiAyMzkuNjM2IDMxOS4zMDMgMjM4LjE5MiAyODcuNzQgMjUyLjU5OEMyNjIuNDg5IDI2NC4xMjMgMjQwLjA3MiAyNjIuMzU5IDIzMi4wMTkgMjYwLjAzN0MyNDIuNzk3IDI4MC4zMDggMjQwLjc4IDMwMC4xMjIgMjM4LjQyNCAzMDcuNDk1QzIyNC41MTggMzAzLjc2NSAyMTAuNDc0IDI4Mi40NjYgMjA1LjE5IDI3Mi4yODJDMTk3Ljg4MSAyODUuNTE0IDE5MC4yMzIgMjk4LjAwMiAxNTUuMTczIDMxMy4xMDRDMTI3LjEyNSAzMjUuMTg2IDExNi45OTUgMzUwLjYyMiAxMTUuNDM2IDM2MS44MjlDOTIuOTA3OCAzMzIuNTI2IDExNS4yOTUgMzA1LjgxNSAxMjkuMzA1IDI5Ni4xMjJDMTEwLjExMyAyODkuNTg3IDEwNS4wNjggMjQ1LjEwNyAxMzkuMTMxIDI0MC4zNTZDMTczLjE5NSAyMzUuNjA1IDE3NC4yNzIgMjY5LjMgMTYwLjQwOCAyNzYuNTI4QzE0OS4zMTcgMjgyLjMxIDE0MS43OTQgMjc3LjUyNiAxMzkuNDE5IDI3NC40MTJDMTQ3LjAzMSAyOTEuMDkgMTU3LjEyNSAyOTAuOTIxIDE2MS4yMiAyODguNzUyQzIwMy4zOCAyNjkuNTEgMTkwLjAxNSAyNDIuNDEyIDE4NS42NTYgMjMzLjU3MkMxODUuMzY0IDIzMi45ODEgMTg1LjExMyAyMzIuNDcyIDE4NC45MjIgMjMyLjA1MkMxODEuODYzIDIyNS4zNTEgMTU3LjIzNCAyMDYuOTAzIDEzMC45NzUgMjIyLjQ4N0wxMTguMDYyIDE5NC4xOTRDMTM0LjUyMyAxODguNDggMTUxLjQxMSAxNjkuMDc2IDE0NS41MDEgMTQ1LjY4M0MxMzkuNTkyIDEyMi4yOSAxMTAuOTIgMTEzLjc4NSA5MS4wODI5IDEyNC42MzhDNzUuMjEzNSAxMzMuMzIxIDgwLjgxODkgMTQ2LjcxNiA4NS42MDUzIDE1Mi4zMjlDODcuNzM0NSAxNDQuNDYgOTUuNzQxNCAxMzAuMjQ5IDExMC43MzUgMTM2LjM2MUMxMjkuNDc4IDE0NCAxMjYuNTk4IDE3My4yMDQgMTAwLjc3NyAxODEuMzkxQzY4LjExNjQgMTg4LjM4IDYwLjg3NjggMTYxLjUxNiA2MS4zMzk2IDE0Ny4yMUMzMC40MDcyIDE2MS4zMjggOC41NDcyMSAxMzEuMTIxIDEuNDgzNzYgMTE0LjI1MkMxMS4yMzg5IDEyMi4zOTUgMzcuNTU1MSAxMzMuOTU1IDY0Ljc3ODIgMTE1LjA1MkM5Mi4wMDEyIDk2LjE0OTcgMTIwLjU2IDEwMC4wODkgMTMxLjQzNiAxMDQuNDIxQzExOS4xNDIgOTQuMTk4IDExNy4xNjMgNzMuMTQ5NiAxMjMuNTYyIDU1LjgzNDRDMTQzLjMxMyA1OS40MTUyIDE1My4wOTUgODIuMjQwMiAxNTYuNjg3IDkyLjg5NjFDMTY3LjM5OSA2Ny43ODE2IDE4NC40NDggNjAuMzE5NCAyMDEuOTE2IDUyLjY3NDFDMjA2Ljk4MSA1MC40NTczIDIxMi4wODEgNDguMjI1IDIxNy4wNzMgNDUuNTQyNUMyMzQuODM2IDM1Ljk5NTYgMjQ0Ljg3OSAxMi40NTg5IDI0Ny42OCAxLjg4Mzg2QzI2OS4zMDUgMzAuODc5MyAyNDguMTk3IDU4LjAyNjggMjM0Ljk0IDY3Ljk3NjFDMjY1LjU3NiAxMDEuNjc1IDIzNC44MTMgMTIyLjAxNCAyMTkuOTMgMTI3LjAwN0MyMDUuMDQ2IDEzMi4wMDEgMTgxLjQzNyAxMTUuNzg3IDE5Mi41NzEgOTYuMzEwOFpNMTU1LjI3MSAxMjEuMzFDMTY0Ljk2OSAxNDAuMzQgMTk0Ljk1NiAxNzMuOTg4IDIzNy4zMjEgMTU2LjM0MUMyMjAuNjkyIDE2OC4xNTMgMTkxLjc5MyAyMDEuMzI4IDIwOS4yMjkgMjM5LjUzMkMyMDIuNDA3IDIyNC41ODQgMTc3LjYxMSAxOTYuNTQyIDEzMy4wMDQgMjAzLjk1M0MxNDguNzU1IDE5NC42NTMgMTc1LjI1OSAxNjUuMTA0IDE1NS4yNzEgMTIxLjMxWiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4xIi8+Cjwvc3ZnPgo=');
        background-position: right top 76px;
    }
}

.page-articles-detail .blue-link .item .left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.page-articles-detail .blue-link .item .left .top {
    display: flex;
    align-items: center;
    gap: 4px;
}

.page-articles-detail .blue-link .item .left .top span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 15px;
    line-height: 115%;
    color: rgba(255, 255, 255, 0.5);
}

.page-articles-detail .blue-link .item .left h3 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #fff;
}
@media (max-width: 568px) {
    .page-articles-detail .blue-link .item .left h3 {
        font-size: 20px;
    }
}

.page-articles-detail .blue-link .item .left .data-view {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 4px;
}

.page-articles-detail .blue-link .item .left .data-view span {
    display: flex;
    align-items: center;
    gap: 5px;

    font-weight: 450;
    font-size: 15px;
    line-height: 115%;
    color: rgba(255, 255, 255, 0.5);
}

.page-articles-detail .blue-link .item > a {
    display: flex;
    align-items: center;
    gap: 2px;
    transition: .3s ease;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
}
.page-articles-detail .blue-link .item > a:hover {
    gap: 6px;
}

.page-articles-detail .blue-link {

}

.page-articles-detail .reviews {
    padding-left: 24px;
}
@media (max-width: 1024px) {
    .page-articles-detail .reviews {
        padding-left: 12px;
    }
}

.page-articles-detail .reviews  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.page-articles-detail .reviews  > p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}

.page-articles-detail .reviews  .list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;

    max-width: 990px;
}

.page-articles-detail .reviews  .list .item {
    border-radius: 32px;
    padding: 24px;
    background: #f6f6f6;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
@media (max-width: 568px) {
    .page-articles-detail .reviews  .list .item {
        padding: 20px;
    }
}

.page-articles-detail .reviews  .list .item .top {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.page-articles-detail .reviews  .list .item .top .img {
    border-radius: 56px;
    width: 44px;
    height: 44px;
    background: #d9d9d9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-articles-detail .reviews  .list .item .top .img img {

}

.page-articles-detail .reviews  .list .item .top .img span {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: -0.01em;
    color: #999;
}

.page-articles-detail .reviews  .list .item .top .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}

.page-articles-detail .reviews  .list .item .top .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #000;
}

.page-articles-detail .reviews  .list .item .top .info span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 115%;
    color: #999;
}

.page-articles-detail .reviews  .list .item .meta {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 8px;
    align-self: stretch;
    flex-wrap: wrap;
}

.page-articles-detail .reviews  .list .item .meta span {
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 4px;
    border-radius: 17px;
    height: 32px;
    background: rgba(255, 255, 255, 0.8);

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    color: #4c4c4c;
}

.page-articles-detail .reviews  .list .item .text {

}

.page-articles-detail .reviews  .list .item .text p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.7);
}

.page-articles-detail .reviews  > a {
    display: flex;
    align-items: center;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #0042be;
}


.page-articles-detail .event-list {
    margin-top: calc(120px - 32px);
}
@media (max-width: 1024px) {
    .page-articles-detail .event-list {
        margin-top: calc(100px - 32px);
    }
}
@media (max-width: 568px) {
    .page-articles-detail .event-list {
        margin-top: 0;
    }
}

.page-articles-detail .event-list .item {

}

.page-articles-detail .event-list .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
@media (max-width: 1024px) {
    .page-articles-detail .event-list .item {
        width: 100%;
    }
}
@media (max-width: 940px) {
    .page-articles-detail .event-list .item {
        /* width: 316px;
         min-width: 316px;*/
    }
}
@media (max-width: 568px) {
    .page-articles-detail .event-list .item {

    }
}

.page-articles-detail .event-list .item .img {
    border-radius: 32px;
    aspect-ratio: 316/200;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.page-articles-detail .event-list .item .img:after {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 32px;
    background: rgb(0 0 0 / 25%);
}

.page-articles-detail .event-list .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 568px) {
    .page-articles-detail .event-list .item .img img {
        border-radius: 24px;
    }
}

.page-articles-detail .event-list .item .img .meta {
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    left: 16px;
    bottom: 16px;
    z-index: 1;
}

.page-articles-detail .event-list .item .img .meta div {
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.20);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    display: flex;
    padding: 0 8px;
    height: 32px;
    align-items: center;
    gap: 4px;

    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #fff;
}
.page-articles-detail .event-list .item .img .meta div img {
    max-height: 16px;
}

.page-articles-detail .event-list .item .img .meta .like {

}

.page-articles-detail .event-list .item .img .meta .flame {

}

.page-articles-detail .event-list .item .img .meta .plus {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 568px) {
    .page-articles-detail .event-list .item .img .meta .plus {
        border-radius: 32px;
        width: 32px;
        height: 32px;
        padding: 2px;
    }
}

.page-articles-detail .event-list .item .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.page-articles-detail .event-list .item .info a {
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 568px) {
    .page-articles-detail .event-list .item .info a {
        font-size: 16px;
        line-height: 110%;
    }
}

.page-articles-detail .event-list .item:hover .info a {
    text-decoration: underline;
    /*text-decoration-skip-ink: none;*/
}

.page-articles-detail .event-list .item .info p {
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 568px) {
    .page-articles-detail .event-list .item .info p {

    }
}

.page-articles-detail .event-list .item .info .data-view {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 4px;
}

.page-articles-detail .event-list .item .info .data-view span {
    display: flex;
    align-items: center;
    gap: 5px;

    font-weight: 450;
    font-size: 15px;
    line-height: 115%;
    color: #999;
}

/* page-video */

.page-video {

}

.page-video .top-hero {
    align-items: normal;
}

.page-video .top-hero .left {
    background: #e3eaf7;
}

.page-video .top-hero .right {
    background: #f6f6f6;
    border-radius: 32px 0 32px 32px;
    padding: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
@media (max-width: 568px) {
    .page-video .top-hero .right {
        justify-content: flex-start;
        overflow-x: auto;
        background: #ffffff;
        padding: 0;
        gap: 12px;
    }
    .page-video .top-hero .right::-webkit-scrollbar {
        display: none;
    }
}

.page-video .top-hero .right .item {
    border-radius: 28px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 220px;
    height: 220px;
    padding: 20px;
    position: relative;
}
.page-video .top-hero .right .item:nth-child(2) {
    border-radius: 32px;
    width: 280px;
    height: 280px;
}
@media (max-width: 568px) {
    .page-video .top-hero .right .item, .page-video .top-hero .right .item:nth-child(2) {
        border-radius: 32px;
        width: 280px;
        height: 220px;
        aspect-ratio: 280/220;
        background: #f6f6f6;
    }
}

.page-video .top-hero .right .item .top {

}

.page-video .top-hero .right .item .top p {
    display: flex;
    justify-content: space-between;
    align-items: center;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 115%;
    color: #000;
}
.page-video .top-hero .right .item:nth-child(2) .top p {
    font-size: 20px;
}
@media (max-width: 568px) {
    .page-video .top-hero .right .item .top p,
    .page-video .top-hero .right .item:nth-child(2) .top p {
        font-size: 16px;
        line-height: 150%;
    }
}

.page-video .top-hero .right .item img {
    max-width: fit-content;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.page-video .top-hero .right .item:nth-child(2) img {
    margin-bottom: 0;
}
@media (max-width: 568px) {
    .page-video .top-hero .right .item img {
        max-height: 150px;
    }
}

.page-video .top-hero .right .item span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}
@media (max-width: 568px) {
    .page-video .top-hero .right .item span {

    }
}

.page-video .filter {
    position: relative;
    padding: 32px 0px;
    margin-top: 16px;
    /*margin-bottom: calc(-120px + 32px);*/
}
.page-video .filter.filter_2 {
    margin-top: 0;
    padding-top: 0;
}
@media (max-width: 1024px) {
    .page-video .filter {
        padding: 24px;
        /*margin-bottom: calc(-100px + 32px);*/
    }
}
@media (max-width: 568px) {
    .page-video .filter {
        padding: 16px;
        /*margin-bottom: calc(-80px + 32px);*/
        margin-top: 60px;
    }
}

.page-video .filter .swiper-wrapper {
    max-height: 52px;
}

.page-video .filter .swiper-slide {
    width: fit-content;
    border-radius: 10px;
}

.page-video .filter .swiper-slide p {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;
}
@media (max-width: 568px) {
    .page-video .filter .swiper-slide p {
        height: 44px;
    }
}

.page-video .filter .swiper-slide-active {
    background: #0042be;
    color: #ffffff;
}
.page-video .filter .swiper-slide-active p {
    color: #ffffff;
    border: 1px solid #0042be;
}

.page-video .filter .arrow {
    position: absolute;
    top: calc(50% - 24px);
    right: -20px;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    /*opacity: 0;*/
    transition: .3s ease;
}
@media (max-width: 1024px) {
    .page-video .filter .arrow {
        display: none;
    }
}
.page-video .filter .arrow {
    width: calc(100% + 40px);
}
@media (max-width: 568px) {
    .page-video .filter .arrow {
        display: none;
    }
}

.page-video .filter .arrow:hover {
    opacity: 1;
}

.page-video .filter:hover ~ .arrow {
    opacity: 1;
}

.page-video .filter .arrow div {
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #f6f6f6;
    pointer-events: all;
}

.page-video .filter .arrow div[aria-disabled="true"] {
    opacity: 0;
    pointer-events: none;
}

.page-video .list-video-2 {
    margin-top: calc(68px - 32px);
}
@media (max-width: 568px) {
    .page-video .list-video-2 {
        /*margin-top: calc(40px - 32px);*/
    }
}

.page-video .list-video-2 .video-carousel {
    height: 640px;
}
@media (max-width: 568px) {
    .page-video .list-video-2 .video-carousel {
        margin: 0 -12px;
        padding: 0 12px;
    }
}
@media (mim-width: 569px) {

}

.page-video .list-video-2 .swiper-slide {
    /*height: calc((100% - 30px) / 2) !important;*/
}

.page-video .main-video {
    margin-top: 32px;
}
@media (max-width: 1024px) {
    .page-video .main-video {
        margin-top: 32px;
    }
}
@media (max-width: 568px) {
    .page-video .main-video {
        margin-top: 32px;
    }
}

.page-video .main-video .list-video .list {
    flex-wrap: wrap;
}
@media (max-width: 1024px) {
    .page-video .main-video .list-video .list {

    }
    .page-video .main-video .list-video > .list .item {
        width: calc(100%/2 - (20px*1/2));
    }
}
@media (max-width: 568px) {
    .page-video .main-video .list-video > .list .item {
        width: 100%;
    }
}

.page-video .main-video .list-video > .info {
    padding: 0;
}

.page-video .main-video .list-video > .info h4 {
    padding: 40px 40px 0 40px;
}

.page-video .main-video .list-video > .info .list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    /*padding: 40px 0;*/
}

.page-video .main-video .list-video > .info .list .item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 32px 40px;
    border-top: 1px solid #eeeeef;
}
@media (max-width: 1024px) {
    .page-video .main-video .list-video > .info .list .item {
        padding: 20px 40px;
    }
}

.page-video .main-video .list-video > .info .list a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
.page-video .main-video .list-video > .info .list a:hover {
    text-decoration: underline;
}

.page-video .main-video .list-video > .info .meta {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 4px;
}

.page-video .main-video .list-video > .info .meta span {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 450;
    font-size: 15px;
    line-height: 115%;
    color: #999;
}

/* page-video-cat */

.page-video-cat {

}

.page-video-cat .filter_1 {
    /*margin-bottom: -70px;*/
}
@media (max-width: 1024px) {
    .page-video-cat .filter_1 {
        /*margin-bottom: -50px;*/
    }   
}
@media (max-width: 568px) {
    .page-video-cat .filter_1 {
        /*margin-bottom: -30px;*/
    }
}

.page-video-cat {

}

.page-video-cat {

}

.page-video-cat .list-video .list {
    gap: 56px 32px;
}
@media (max-width: 1024px) {
    .page-video-cat .list-video .list {
        gap: 56px 20px;
    }
}

.page-video-cat .list-video .list .item {
    width: calc(100% / 4 - (32px * 3 / 4));
}

/* filter */

.filter {

}

.filter .radio-list {
    display: flex;
    align-items: center;
    gap: 16px;
    overflow-x: auto;
}
.filter_2 .radio-list {
    flex-wrap: wrap;
}
@media (max-width: 1024px) {
    .filter_2 .radio-list {
        flex-wrap: nowrap;
    }
}
@media (max-width: 568px) {
    .filter .radio-list {
        /*padding: 0 12px;*/
    }
}
.filter .radio-list::-webkit-scrollbar {
    display: none;
}

.filter .radio-list label {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: rgba(0, 0, 0, 0.5);

    border: 1px solid #dad9d9;
    border-radius: 32px;
    padding: 0px 16px;
    width: fit-content;
    min-width: max-content;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;
    transition: .3s ease;
}

.filter .radio-list label:has(:checked),
.filter .radio-list label:hover {
    border: 1px solid #666;
    background: transparent;
    color: rgba(0, 0, 0, 0.5);
}

.filter .radio-list label span {
    color: #000;
}

.filter .radio-list label input {
    display: none;
}

/* page-video-detail */

.page-video-detail .top-hero {

}
@media (max-width: 1024px) {
    .page-video-detail .top-hero {
        flex-direction: column-reverse;
    }
}

.page-video-detail .top-hero .left {
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .page-video-detail .top-hero .left {
        border-radius: 32px 32px 32px 0;
        padding: 32px;
    }
}
@media (max-width: 568px) {
    .page-video-detail .top-hero .left {
        border-radius: 24px 24px 24px 0;
        padding: 20px;
    }
}

.page-video-detail .top-hero .left .top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.page-video-detail .top-hero .left .top .breadcrumb {
    padding: 0;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    box-orient: vertical;
}

.page-video-detail .top-hero .left .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.page-video-detail .top-hero .left .info span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}

.page-video-detail .top-hero .left .info h1 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}

.page-video-detail .top-hero .left .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.8);
}

.page-video-detail .top-hero .left .info a {
    margin-top: 16px;
}
@media (max-width: 1024px) {
    .page-video-detail .top-hero .left .info a {
        height: 52px;
        /*width: 100%;*/
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 568px) {
    .page-video-detail .top-hero .left .info a {
        width: 100%;
    }
}

.page-video-detail .top-hero .right {
    position: relative;
}

.page-video-detail .top-hero .right img {
    border-radius: 32px;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.45) 100%), url(<path-to-image>) lightgray 50% / cover no-repeat;
}
@media (max-width: 568px) {
    .page-video-detail .top-hero .right img {
        height: 244px;
    }
}

.page-video-detail .top-hero .right .play-btn {
    position: absolute;
    left: 40px;
    bottom: 40px;

    display: flex;
    border-radius: 10px;
    padding: 14px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.2);
    cursor: pointer;
    transition: .3s ease;
}
@media (max-width: 568px) {
    .page-video-detail .top-hero .right .play-btn {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 56px;
        height: 40px;
    }
}
.page-video-detail .top-hero .right .play-btn:hover {
    background: rgba(255, 255, 255, 0.4);
}

.page-video-detail .top-hero .right .play-btn span {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
}
@media (max-width: 568px) {
    .page-video-detail .top-hero .right .play-btn span {
        display: none;
    }
}

.page-video-detail .description {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    margin-top: 40px;
}

.page-video-detail .description .text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;

    max-width: 990px;
}

.page-video-detail .description .text strong {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;
}

.page-video-detail .description .text p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}

.page-video-detail .description .meta-like {
    max-width: 990px;
}

.page-video-detail .description .meta-like {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;

}
@media (max-width: 568px) {
    .page-video-detail .description .meta-like {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }
}

.page-video-detail .description .meta-like .meta {
    display: flex;
    align-items: center;
    gap: 10px;
}

.page-video-detail .description .meta-like .meta span {
    border-radius: 32px;
    padding: 6px 8px;
    background: #f6f6f6;

    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.5);
}

.page-video-detail .description .meta-like .like-block {
    display: flex;
    align-items: center;
    gap: 20px;
}

.page-video-detail .description .meta-like .like-block .list {
    display: flex;
    align-items: center;
    gap: 4px;
}
@media (max-width: 568px) {
    .page-video-detail .description .meta-like .like-block .list {
        gap: 2px;
    }
}

.page-video-detail .description .meta-like .like-block .list div {
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 4px;
}

.page-video-detail .description .meta-like .like-block .list div img {

}

.page-video-detail .description .meta-like .like-block .list div span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #4c4c4c;
}

.page-video-detail .description .meta-like .like-block .list > svg {

}

.page-video-detail .description .meta-like .like-block > div:nth-child(2) {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 0.8);
}

.page-video-detail .description .characteristic {

}

.page-video-detail .description .characteristic {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.page-video-detail .description .characteristic p {
    display: flex;
    align-items: center;
    gap: 8px;

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    color: #000;
}

.page-video-detail .description .characteristic p span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}

.page-video-detail .question {
    margin-top: 72px;
}
@media (max-width: 1024px) {
    .page-video-detail .question {
        margin-top: 64px;
    }
}
@media (max-width: 568px) {
    .page-video-detail .question {
        margin-top: 56px;
    }
}

.page-video-detail .question > div {
    display: flex;
    padding: 32px;
    padding-right: 48px;
    /*flex-direction: column;*/
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    align-self: stretch;
    background: #f6f6f6;
    border-radius: 28px 28px 28px 0;
    max-width: 990px;
}
@media (max-width: 1024px) {
    .page-video-detail .question > div {
        flex-direction: column;
    }
}

.page-video-detail .question > div p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    text-align: center;
    color: #000;
}

.page-video-detail .question > div p a {
    text-decoration: underline;
    color: #000;
}

.page-video-detail .question > div > div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
}

.page-video-detail .question > div > div a {
    padding: 8px 16px;
    border-radius: 10px;
    transition: .3s ease;

}
.page-video-detail .question > div > div a.active {
    background: #FFFFFF;
}
.page-video-detail .question > div > div img {
    width: 28px;
    height: 28px;
    aspect-ratio: 1/1;
    transition: .3s ease;
}
.page-video-detail .question > div > div a:hover img {
    scale: 1.1;
}

.page-video-detail .reviews {
    margin-top: 72px;
}
@media (max-width: 1024px) {
    .page-video-detail .reviews {
        margin-top: 64px;
    }
}
@media (max-width: 568px) {
    .page-video-detail .reviews {
        margin-top: 58px;
    }
}

.page-video-detail .reviews  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.page-video-detail .reviews  > p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}

.page-video-detail .reviews  .list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;

    max-width: 990px;
}

.page-video-detail .reviews  .list .item {
    border-radius: 32px;
    padding: 24px;
    background: #f6f6f6;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
@media (max-width: 568px) {
    .page-video-detail .reviews  .list .item {
        padding: 20px;
    }
}

.page-video-detail .reviews  .list .item .top {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.page-video-detail .reviews  .list .item .top .img {
    border-radius: 56px;
    width: 44px;
    height: 44px;
    background: #d9d9d9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-video-detail .reviews  .list .item .top .img img {

}

.page-video-detail .reviews  .list .item .top .img span {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: -0.01em;
    color: #999;
}

.page-video-detail .reviews  .list .item .top .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}

.page-video-detail .reviews  .list .item .top .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #000;
}

.page-video-detail .reviews  .list .item .top .info span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 115%;
    color: #999;
}

.page-video-detail .reviews  .list .item .meta {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 8px;
    align-self: stretch;
    flex-wrap: wrap;
}

.page-video-detail .reviews  .list .item .meta span {
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 4px;
    border-radius: 17px;
    height: 32px;
    background: rgba(255, 255, 255, 0.8);

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    color: #4c4c4c;
}

.page-video-detail .reviews  .list .item .text {

}

.page-video-detail .reviews  .list .item .text p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.7);
}

.page-video-detail .reviews  > a {
    display: flex;
    align-items: center;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #0042be;
}

.page-video-detail .video-other {
    margin-top: 120px;
}
@media (max-width: 1024px) {
    .page-video-detail .video-other {
        margin-top: 100px;
    }
}
@media (max-width: 568px) {
    .page-video-detail .video-other {
        margin-top: 80px;
    }
}

/* page-photo */

.page-photo {

}
@media (max-width: 568px) {
    .page-photo {
        margin-top: 8px !important;
    }
}

.page-photo .top-hero {

}

.page-photo .top-hero > .left {
    justify-content: space-between;
}

.page-photo .filter {

}

.page-photo .filter {
    position: relative;
    padding: 32px 0px;
    margin-top: 16px;
    /*margin-bottom: calc(-120px + 32px);*/

    /*height: 52px;*/
    /*box-sizing: content-box;*/
}

@media (max-width: 1024px) {
    .page-photo .filter {
        padding: 24px;
        /*margin-bottom: calc(-100px + 32px);*/
    }
}
@media (max-width: 568px) {
    .page-photo .filter {
        padding: 32px 16px;
        /*margin-bottom: calc(-80px + 32px);*/
        box-sizing: border-box;
        width: 100%;
    }
}

.page-photo .filter .swiper-slide {
    width: fit-content;
    border-radius: 10px;
}

.page-photo .filter .swiper-slide p {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;
}
@media (max-width: 568px) {
    .page-photo .filter .swiper-slide p {
        height: 44px;
    }
}

.page-photo .filter .swiper-slide-active,
.page-photo .filter .swiper-slide:hover {
    background: #0042be;
    color: #ffffff;
}
.page-photo .filter .swiper-slide-active p {
    color: #ffffff;
    border: 1px solid #0042be;
}

.page-photo .filter .arrow {
    position: absolute;
    top: calc(50% - 24px);
    right: -20px;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    /*opacity: 0;*/
    transition: .3s ease;
}
@media (max-width: 1024px) {
    .page-photo .filter .arrow {
        display: none;
    }
}
.page-photo .filter .arrow {
    width: calc(100% + 40px);
}
@media (max-width: 568px) {
    .page-photo .filter .arrow {
        display: none;
    }
}

.page-photo .filter .arrow:hover {
    opacity: 1;
}

.page-photo .filter:hover ~ .arrow {
    opacity: 1;
}

.page-photo .filter .arrow div {
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #f6f6f6;
    pointer-events: all;
}

.page-photo .filter .arrow div[aria-disabled="true"] {
    opacity: 0;
    pointer-events: none;
}

.page-photo .photo-group-block .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 56px 32px;
}
@media (max-width: 1024px) {
    .page-photo .photo-group-block .grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 56px 20px;
    }
}
@media (max-width: 568px) {
    .page-photo .photo-group-block .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }
}

.page-photo .photo-group-block .grid .photo-group {
    display: flex;

    flex-direction: column;
    gap: 12px;
}

.page-photo .photo-group-block .grid .photo-group .img {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4px;

    /*aspect-ratio: 316/300;*/
    /*max-height: 300px;*/
    border-radius: 32px;
    overflow: hidden;
}

.page-photo .photo-group-block .grid .photo-group .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.page-photo .photo-group-block .grid .photo-group .img img:nth-child(1) {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 3;

    height: 306px;
}

.page-photo .photo-group-block .grid .photo-group .img img:nth-child(2) {
    /*aspect-ratio: 1;*/
    height: calc(306px/2 - 2px);
}

.page-photo .photo-group-block .grid .photo-group .img img:nth-child(3) {
    /*aspect-ratio: 1;*/
    height: calc(306px/2 - 2px);
}

.page-photo .photo-group-block .grid .photo-group p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;

    padding: 0px 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.page-photo .photo-group-block .grid .photo-group:hover p {
    text-decoration: underline;
}

.page-photo .photo-group-block .grid .photo-group span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 15px;
    line-height: 115%;
    color: #999;

    padding: 0px 8px;
}

.page-photo .photo-group-block .link {
    display: flex;
    padding: 15px 0px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #D9D9D9;
    margin-top: 12px;
}

.page-photo .photo-group-block .link p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .page-photo .photo-group-block .link p {
        font-size: 16px;
    }
}

.page-photo .photo-group-block .link a {
    border: 1px solid #dad9d9;
    border-radius: 64px;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
}
@media (max-width: 568px) {
    .page-photo .photo-group-block .link a {
        width: 44px;
        height: 44px;
    }
}
.page-photo .photo-group-block .link a:hover {
    border: 1px solid #666;
}

.page-photo .photo-grid {
    margin-top: 120px;
}
@media (max-width: 1024px) {
    .page-photo .photo-grid {
        margin-top: 100px;
    }
}
@media (max-width: 568px) {
    .page-photo .photo-grid {
        margin-top: 80px;
    }
}

.page-photo .photo-grid .photo-tab {

}

.page-photo .photo-grid .photo-tab {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-photo .photo-grid .photo-tab .nav {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

@media (max-width: 568px) {
    .page-photo .photo-grid .photo-tab .nav {
        gap: 8px;
        overflow-x: auto;
        flex-wrap: nowrap;
        margin: 0 -12px;
        padding: 0 12px;
    }
    .page-photo .photo-grid .photo-tab .nav::-webkit-scrollbar {
        display: none;
    }
}

.page-photo .photo-grid .photo-tab .nav .nav-link  {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 13px 16px;

    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: #000;
    transition: .3s ease;
}
@media (max-width: 568px) {
    .page-photo .photo-grid .photo-tab .nav .nav-link {
        border-radius: 8px;
        padding: 8px 12px;
        font-size: 14px;
        letter-spacing: -0.01em;
        min-width: max-content;
    }
}

.page-photo .photo-grid .photo-tab .nav .nav-link.active,
.page-photo .photo-grid .photo-tab .nav .nav-link:hover {
    border: 1px solid #808080;
    background: transparent;
}

.page-photo .photo-grid .photo-tab .tab-content {
    width: 100%;
}

.page-photo .photo-grid .grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}
@media (max-width: 1024px) {
    .page-photo .photo-grid .grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 568px) {
    .page-photo .photo-grid .grid {
        display: flex;
        overflow-x: auto;
        margin: 0 -12px;
        padding: 0 12px;
    }
    .page-photo .photo-grid .grid::-webkit-scrollbar {
        display: none;
    }
}


.page-photo .photo-grid .grid .img {
    border-radius: 16px;
    overflow: hidden;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
@media (max-width: 1024px) {
    .page-photo .photo-grid .grid .img {

    }
}
@media (max-width: 568px) {
    .page-photo .photo-grid .grid .img {
        width: 230px;
        min-width: 230px;
        height: 140px;
    }
}

.page-photo .photo-grid .grid .img img {
    object-position: center;
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: .3s ease;
}
.page-photo .photo-grid .grid .img:hover img {
    /*height: 150px;*/
    scale: 1.2;
}

.page-photo .photo-grid .grid .img:has(span) {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.page-photo .photo-grid .grid .img span {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #fff;

    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* page-photo-album */

.page-photo-album {

}

.page-photo-album .title-block {
    display: flex;
    padding-bottom: 12px;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid #d9d9d9;
}
@media (max-width: 1024px) {
    .page-photo-album .title-block {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}

.page-photo-album .title-block h2 {
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .page-photo-album .title-block h2 {
        font-size: 20px;
    }
}

.page-photo-album .title-block .info {
    display: flex;
    align-items: center;
    gap: 15px;
}

.page-photo-album .title-block .info span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 15px;
    line-height: 115%;
    color: #999;
}

.page-photo-album {

}

.page-photo-album .photo-grid {
    margin-top: 72px;
}
.page-photo-album .filter + .photo-grid {
    margin-top: 0;
}
@media (max-width: 1024px) {
    .page-photo-album .photo-grid {
        margin-top: 64px;
    }
}
@media (max-width: 568px) {
    .page-photo-album .photo-grid {
        margin-top: 58px;
    }
}

.page-photo .pagination {
    display: flex;
    width: 351px;
    margin: auto;
    margin-top: 64px;
    flex-direction: column;
    align-items: flex-end;
    gap: 32px;
}

.page-photo .pagination > a {
    width: 351px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;

}

.page-photo .pagination .list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    align-self: stretch;
}

.page-photo .pagination .list a {
    border-radius: 8px;
    padding: 12px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 150%;
    color: #999;
}

.page-photo .pagination .list a.active {
    color: #000;
}

/* page-photo-project */

.page-photo-project {
    gap: 64px;
}

.page-photo-project .detail .left {
    max-width: 100%;
}

.page-photo-project .filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: -32px;

    position: relative;
    z-index: 1;
}
@media (max-width: 568px) {
    .page-photo-project .filter {
        gap: 12px;
    }
}

.page-photo-project .filter > a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
@media (max-width: 568px) {
    .page-photo-project .filter > a {
        width: 44px;
        height: 44px;
        padding: 0;
    }
    .page-photo-project .filter > a span {
        display: none;
    }
}

.page-photo-project .filter .select-box {

}
@media (max-width: 1024px) {
    .page-photo-project .filter .select-box {
        width: calc(100% - 220px - 20px);
    }
}
@media (max-width: 568px) {
    .page-photo-project .filter .select-box {
        width: calc(100% - 44px - 12px);
    }
}

.page-photo-project .photo-project-grid {

}

.page-photo-project .photo-project-grid .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 56px 32px;
}
@media (max-width: 1024px) {
    .page-photo-project .photo-project-grid .grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 56px 20px;
    }
}
@media (max-width: 568px) {
    .page-photo-project .photo-project-grid .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }
}

.page-photo-project .photo-project-grid .grid .img {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.page-photo-project .photo-project-grid .grid .img img {
    width: 100%;
    height: 306px;
    object-fit: cover;
    object-position: center;
    border-radius: 32px;
}

.page-photo-project .photo-project-grid .grid .img p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;

    padding: 0px 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.page-photo-project .photo-project-grid .grid .img:hover p {
    text-decoration: underline;
}

.page-photo-project .photo-project-grid .grid .img span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 15px;
    line-height: 115%;
    color: #999;

    padding: 0px 8px;
}

.page-photo-project .pagination {
    margin-top: 0;
}

.page-photo-project .modal {
    overflow: hidden;
}

.page-photo-project .modal-body {
    width: 100%;
}

.page-photo-project .modal-body .title {

}

.page-photo-project .modal-body .top {

}
.page-photo-project .modal-body .top {
    display: flex;
    padding: 40px 0px 20px 0;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    overflow-x: auto;
}
.page-photo-project .modal-body .top::-webkit-scrollbar {
    display: none;
}

.page-photo-project .modal-body .top a {
    border-radius: 10px;
    padding: 12px 8px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
.page-photo-project .modal-body .top a.active {
    background: #efefef;
}

.page-photo-project .modal-body .list {
    display: flex;
    flex-direction: column;
    /*flex-wrap: wrap;*/
    gap: 32px;

    max-height: calc(100dvh - 280px);
    width: 100%;
    overflow-y: auto;
    padding-right: 20px;
}

.page-photo-project .modal-body .list .letter {

}

.page-photo-project .modal-body .list .letter p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.02em;
    color: #0042be;

    border-bottom: 1px solid #d9d9d9;
    padding: 10px;
}

.page-photo-project .modal-body .list .letter ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    padding: 0;
    list-style: none;
}

.page-photo-project .modal-body .list .letter ul li {
    padding: 8px;
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}

.page-photo-project .modal-body .list .letter ul li a {
    color: #4c4c4c;
}

/* page-photo-detail */

.page-photo-detail {
    gap: 32px;
}

.page-photo-detail .filter {
    padding: 0;
    margin: 0;
}

.page-photo-detail .select-box {
    width: 291px;
}
@media (max-width: 568px) {
    .page-photo-detail .select-box {
        width: 100%;
    }
}

.page-photo-detail .photo-grid {
    margin-top: 0;
}

@media (max-width: 568px) {
    .page-photo-detail .photo-grid .grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .page-photo-detail .photo-grid .grid .img {
        min-width: auto;
        width: auto;
        height: 124px;
    }
}

/* page-news */

.page-news {

}

.page-news .articles-filter {
    margin-top: 32px;
}

.page-news .articles-filter .bottom {

}
@media (max-width: 1024px) {
    .page-news .articles-filter .bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
}

.page-news .articles-filter .bottom .left {

}
@media (max-width: 1024px) {
    .page-news .articles-filter .bottom .left {
        display: flex;
        overflow-x: auto;
    }
    .page-news .articles-filter .bottom .left .radio-list {
        display: flex;
        overflow-x: auto;
        display: flex;
        align-items: center;
        gap: 16px;
    }
    .page-news .articles-filter .bottom .left .radio-list::-webkit-scrollbar {
        display: none;
    }
    .page-news .articles-filter .bottom .left .radio-list label {
        min-width: fit-content;
    }
}

.page-news .articles-filter .select-box-data {
    display: flex;
    align-items: center;
    gap: 16px;
}
@media (max-width: 1024px) {
    .page-news .articles-filter .select-box-data {
        width: 100%;
    }
    .page-news .articles-filter .select-box-data .select-box {
        width: calc(100% - 150px - 20px);
        min-width: calc(100% - 150px - 20px);
    }
}
@media (max-width: 568px) {
    .page-news .articles-filter .select-box-data .select-box {
        width: calc(100% - 44px - 20px);
        min-width: calc(100% - 44px - 20px);
    }
}

.page-news .articles-filter .select-box-data > a {
    display: flex;
    align-items: center;
    gap: 4px;
}
@media (max-width: 568px) {
    .page-news .articles-filter .select-box-data > a {
        height: 44px;
    }
}

.page-news .news-list {
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.page-news .news-list .list {

}
.page-news .news-list .list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 56px 32px;
}
@media (max-width: 1024px) {
    .page-news .news-list .list {
        grid-template-columns: repeat(2, 1fr);
        gap: 56px 20px;
    }
}
@media (max-width: 568px) {
    .page-news .news-list .list {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }
}


.news-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.page-news .news-list .news-item:nth-child(1) {
    flex-direction: row;
    max-height: 360px;

    grid-column-start: 1;
    grid-column-end: 5;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 56px 32px;
}
@media (max-width: 1024px) {
    .page-news .news-list .news-item:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 3;

        display: flex;
        flex-direction: column;
        gap: 20px;

        max-height: fit-content;
    }
}
@media (max-width: 568px) {
    .page-news .news-list .news-item:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 2;
    }
}
.page-news .news-list .news-item:nth-child(10) {
    flex-direction: row;

    grid-column-start: 1;
    grid-column-end: 4;

    /*display: grid;*/
    grid-template-columns: repeat(2, 1fr);
    gap: 56px 32px;
}
@media (max-width: 1024px) {
    .page-news .news-list .news-item:nth-child(10) {
        grid-column-start: 1;
        grid-column-end: 3;

        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}
@media (max-width: 568px) {
    .page-news .news-list .news-item:nth-child(10) {
        grid-column-start: 1;
        grid-column-end: 2;
    }
}
.page-news .news-list .news-item:nth-child(17) {
    flex-direction: row;

    grid-column-start: 2;
    grid-column-end: 5;

    /*display: grid;*/
    grid-template-columns: repeat(2, 1fr);
    gap: 56px 32px;
}
@media (max-width: 1024px) {
    .page-news .news-list .news-item:nth-child(17) {
        grid-column-start: 1;
        grid-column-end: 3;

        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}
@media (max-width: 568px) {
    .page-news .news-list .news-item:nth-child(17) {
        grid-column-start: 1;
        grid-column-end: 2;
    }
}

.news-item .img {
    border-radius: 32px;
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.page-news .news-list .news-item:nth-child(1) .img {
    height: 100%;
    grid-column-start: 1;
    grid-column-end: 3;
}
@media (max-width: 1024px) {
    .page-news .news-list .news-item:nth-child(1) .img {
        grid-column-start: 1;
        grid-column-end: 2;

        height: 360px;
    }
}
.page-news .news-list .news-item:nth-child(10) .img {
    height: 100%;
    width: 60%;
    max-height: 360px;
}
@media (max-width: 1024px) {
    .page-news .news-list .news-item:nth-child(10) .img {
        height: 360px;
        width: 100%;
    }
}
.page-news .news-list .news-item:nth-child(17) .img {
    height: 100%;
    width: 60%;
    max-height: 360px;
}
@media (max-width: 1024px) {
    .page-news .news-list .news-item:nth-child(17) .img {
        height: 360px;
        width: 100%;
    }
}

.news-item .img img {
    border-radius: 32px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.news-item .info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.page-news .news-list .news-item:nth-child(1) .info {
    grid-column-start: 3;
    grid-column-end: 5;

    flex-direction: column-reverse;
    justify-content: flex-end;
    gap: 32px;

    padding-top: 22px;
    max-width: 550px;
}
@media (max-width: 1024px) {
    .page-news .news-list .news-item:nth-child(1) .info {
        padding-top: 0;
    }
}
.page-news .news-list .news-item:nth-child(10) .info {
    flex-direction: column-reverse;
    justify-content: flex-end;
    gap: 24px;

    padding-top: 28px;
    width: 40%;
}
@media (max-width: 1024px) {
    .page-news .news-list .news-item:nth-child(10) .info {
        width: 100%;
        padding-top: 0;
    }
}
.page-news .news-list .news-item:nth-child(17) .info {
    flex-direction: column-reverse;
    justify-content: flex-end;
    gap: 24px;

    padding-top: 28px;
    width: 40%;
}
@media (max-width: 1024px) {
    .page-news .news-list .news-item:nth-child(17) .info {
        width: 100%;
        padding-top: 0;
    }
}

.news-item .info .txt {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.page-news .news-list .news-item:nth-child(1) .info .txt {
    gap: 20px;
}
.page-news .news-list .news-item:nth-child(10) .info .txt {
    gap: 16px;
}
.page-news .news-list .news-item:nth-child(17) .info .txt {
    gap: 16px;
}

.news-item .info .txt a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: .3s ease;
}
.news-item:hover .info .txt a {
    text-decoration: underline;
}
.page-news .news-list .news-item:nth-child(1) .info .txt a {
    font-size: 40px;

    -webkit-line-clamp: 3;
}
@media (max-width: 1024px) {
    .page-news .news-list .news-item:nth-child(1) .info .txt a {
        font-size: 30px;
    }
}
@media (max-width: 568px) {
    .page-news .news-list .news-item:nth-child(1) .info .txt a {
        font-size: 25px;
        /*-webkit-line-clamp: 2;*/
    }
}
.page-news .news-list .news-item:nth-child(10) .info .txt a {
    font-size: 30px;

    -webkit-line-clamp: 5;
}
@media (max-width: 568px) {
    .page-news .news-list .news-item:nth-child(10) .info .txt a {
        font-size: 25px;
        /*-webkit-line-clamp: 2;*/
    }
}
.page-news .news-list .news-item:nth-child(17) .info .txt a {
    font-size: 30px;

    -webkit-line-clamp: 5;
}
@media (max-width: 568px) {
    .page-news .news-list .news-item:nth-child(17) .info .txt a {
        font-size: 25px;
        /*-webkit-line-clamp: 2;*/
    }
}

.news-item .info .txt p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.page-news .news-list .news-item:nth-child(1) .info .txt p {
    -webkit-line-clamp: 3;
}
.page-news .news-list .news-item:nth-child(10) .info .txt p {
    -webkit-line-clamp: 3;
}
.page-news .news-list .news-item:nth-child(17) .info .txt p {
    -webkit-line-clamp: 3;
}

.news-item .info .data-view {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 4px;
}

.news-item .info .data-view span {
    display: flex;
    align-items: center;
    gap: 5px;

    font-weight: 450;
    font-size: 15px;
    line-height: 115%;
    color: #999;
}

.page-news .pagination {

}
.page-news .pagination {
    display: flex;
    width: 351px;
    margin: auto;

    flex-direction: column;
    align-items: flex-end;
    gap: 32px;
}

.page-news .pagination > a {
    width: 351px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;

}

.page-news .pagination .list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    align-self: stretch;
}

.page-news .pagination .list a {
    border-radius: 8px;
    padding: 12px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 150%;
    color: #999;
}

.page-news .pagination .list a.active {
    color: #000;
}

/**/

.author-share {
    display: flex;
    gap: 16px;
    padding: 16px 0px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #D9D9D9;
    margin-top: 14px;
}
@media (max-width: 568px) {
    .author-share {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
}

.author-share .author {

}

.author-share .author p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.7);
}

.author-share .author p a {
    color: #0042be;
    text-decoration: none;
}

.author-share .share {
    display: flex;
    align-items: center;
    gap: 12px;
}

.author-share .share a {
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #eeeeef;
}

/* page-dictionary */

.page-dictionary {

}

.page-dictionary .top-hero {
    align-items: initial;
}

.page-dictionary .top-hero .left {
    background: #e3eaf7;
}

@media (max-width: 568px) {
    .page-dictionary .top-hero .left > a {
        width: 100%;
        justify-content: center;
    }
}


.page-dictionary .top-hero .right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 0 32px 32px 32px;
    background: #f6f6f6;
    padding: 40px;
    width: 100%;
}
@media (max-width: 1024px) {
    .page-dictionary .top-hero .right {
        padding: 32px;
    }
}
@media (max-width: 568px) {
    .page-dictionary .top-hero .right {
        padding: 20px;
    }
}

.page-dictionary .top-hero .right .top {
    display: flex;
    align-items: center;
    gap: 8px;

}

.page-dictionary .top-hero .right .top div {
    border: 1px solid #dad9d9;
    border-radius: 10px;
    padding: 14px 16px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #000;
}

.page-dictionary .top-hero .right .input-block {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: space-between;
}
@media (max-width: 568px) {
    .page-dictionary .top-hero .right .input-block {
        flex-direction: column;
    }
}

.page-dictionary .top-hero .right .input-block .input {
    display: flex;
    height: 52px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 4px 12px;
    align-items: center;
    gap: 4px;
    background: #fff;
    width: 100%;
}

.page-dictionary .top-hero .right .input-block .input input {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    border: none;
    outline: none;
    width: 100%;
}

.page-dictionary .top-hero .right .input-block .input input::placeholder {
    color: #808080;
}

.page-dictionary .top-hero .right .input-block > a {

}
@media (max-width: 568px) {
    .page-dictionary .top-hero .right .input-block > a {
        width: 100%;
        justify-content: center;
    }
}

.page-dictionary .top-hero .right .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px 44px;
    margin-bottom: 0;
    margin-top: auto;

    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 1024px) {
    .page-dictionary .top-hero .right .grid {
        margin-top: 30px;
    }
}
@media (max-width: 568px) {
    .page-dictionary .top-hero .right .grid {
        margin-top: 28px;
        gap: 12px;
    }
}

.page-dictionary .top-hero .right .grid .item {
    border-radius: 20px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 16px;
    width: 239px;
    transition: .3s ease;
}
@media (max-width: 568px) {
    .page-dictionary .top-hero .right .grid .item {
        width: fit-content;
        border: 1px solid #dad9d9;
        border-radius: 10px;
        padding: 0px 12px;
        height: 32px;
        display: flex;
        align-items: center;
    }
}

.page-dictionary .top-hero .right .grid .item.active {
    background: #eeeeef;
}
@media (max-width: 568px) {
    .page-dictionary .top-hero .right .grid .item.active {
        background: transparent;
        border: 1px solid #000;
    }
}
.page-dictionary .top-hero .right .grid .item:hover {
    background: #eeeeef;
}

.page-dictionary .top-hero .right .grid .item img {
    border-radius: 12px;
    width: 56px;
    height: 56px;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 568px) {
    .page-dictionary .top-hero .right .grid .item img {
        display: none;
    }
}

.page-dictionary .top-hero .right .grid .item .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}

.page-dictionary .top-hero .right .grid .item .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #000;
}
@media (max-width: 568px) {
    .page-dictionary .top-hero .right .grid .item .info p {
        font-weight: 500;
        font-size: 14px;
        line-height: 115%;
    }
}

.page-dictionary .top-hero .right .grid .item .info span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 115%;
    color: #999;
}
@media (max-width: 568px) {
    .page-dictionary .top-hero .right .grid .item .info span {
        display: none;
    }
}

.page-dictionary .dictionary-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.page-dictionary .dictionary-list .top {
    display: flex;
    padding: 40px 0px 20px 0;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    overflow-x: auto;
}
.page-dictionary .dictionary-list .top::-webkit-scrollbar {
    display: none;
}

.page-dictionary .dictionary-list .top a {
    border-radius: 10px;
    padding: 12px 8px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
    transition: .3s ease;
}
.page-dictionary .dictionary-list .top a.active {
    background: #efefef;
}
.page-dictionary .dictionary-list .top a:hover {
    background: #efefef;
}

.page-dictionary .dictionary-list .title {
    border-bottom: 1px solid #d9d9d9;
    padding: 10px;
}

.page-dictionary .dictionary-list .title p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 115%;
    letter-spacing: -0.02em;
    color: #0042be;
}
@media (max-width: 568px) {
    .page-dictionary .dictionary-list .title p {
        font-size: 25px;
    }
}

.page-dictionary .dictionary-list > .list {
    padding: 0;
    list-style: none;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px 16px;

    display: grid;
    /*grid-template-columns: repeat(6, 1fr);*/
    grid-template-columns: repeat(auto-fill, minmax(212px, 1fr));

    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*max-height: 1280px;*/
}
@media (max-width: 568px) {
    .page-dictionary .dictionary-list > .list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.page-dictionary .dictionary-list > .list li {
    /*width: 212px;*/
}

.page-dictionary .dictionary-list > .list a {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;

    border-radius: 8px;
    padding: 8px;
    width: fit-content;
    display: flex;
}
.page-dictionary .dictionary-list > .list a:hover {
    background: #f6f6f6;
}

.page-dictionary .dictionary-list .pagination {
    display: flex;
    width: 351px;
    margin: auto;
    margin-top: 40px;
    flex-direction: column;
    align-items: flex-end;
    gap: 32px;
}

.page-dictionary .dictionary-list .pagination > a {
    width: 351px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;

}

.page-dictionary .dictionary-list .pagination .list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    align-self: stretch;
}

.page-dictionary .dictionary-list .pagination .list a {
    border-radius: 8px;
    padding: 12px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 150%;
    color: #999;
}

.page-dictionary .dictionary-list .pagination .list a.active {
    color: #000;
}

.page-dictionary .modal .modal-body form .input-block input {
    width: 100%;
}

/* page-dictionary-detail */

.page-dictionary-detail {

}

.page-dictionary-detail section {
    display: flex;
    align-items: flex-start;
    gap: 219px;
}
@media (max-width: 1024px) {
    .page-dictionary-detail section {
        flex-direction: column;
        gap: 40px;
    }
}
@media (max-width: 568px) {
    .page-dictionary-detail section {
        gap: 28px;
    }
}

.page-dictionary-detail .left {

}

.page-dictionary-detail .left a.back {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #0042be;

    display: flex;
    align-items: center;
    padding-left: 20px;
    height: 32px;
}
@media (max-width: 1024px) {
    .page-dictionary-detail .left a.back {
        padding-left: 0;
    }
}

.page-dictionary-detail .right {
    width: 663px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}
@media (max-width: 1024px) {
    .page-dictionary-detail .right {
        width: 100%;
    }
}
@media (max-width: 568px) {
    .page-dictionary-detail .right {
        gap: 32px;
    }
}

.page-dictionary-detail .right h1 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 1024px) {
    .page-dictionary-detail .right h1 {
        font-size: 40px;
    }
}
@media (max-width: 568px) {
    .page-dictionary-detail .right h1 {
        font-size: 25px;
    }
}

.page-dictionary-detail .right .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.page-dictionary-detail .right .info .grey {
    border-radius: 32px;
    padding: 24px;;
    background: #f6f6f6;
}
@media (max-width: 568px) {
    .page-dictionary-detail .right .info .grey {
        padding: 20px;
    }
}

.page-dictionary-detail .right .info .grey p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.7);
}

.page-dictionary-detail .right .info .grey p strong {
    font-weight: 500;
    color: #000;
}

.page-dictionary-detail .right .nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0;
    width: 100%;
}

.page-dictionary-detail .right .nav-link a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;

    display: flex;
    align-items: center;
    gap: 16px;
}
@media (max-width: 568px) {
    .page-dictionary-detail .right .nav-link a {
        font-size: 14px;
    }
}

.page-dictionary-detail .right .nav-link a div {
    border: 1px solid #dad9d9;
    border-radius: 16px;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
}
@media (max-width: 568px) {
    .page-dictionary-detail .right .nav-link a div {
        width: 44px;
        height: 44px;
    }
}
.page-dictionary-detail .right .nav-link a:hover div {
    border: 1px solid #666;
}

/* page-search */

.page-search {

}

.page-search .title-block {
    padding-left: 20px;
    margin-top: 32px;
}
@media (max-width: 1024px) {
    .page-search .title-block {
        padding-left: 0;
        margin-bottom: 16px;
    }
}
@media (max-width: 568px) {
    .page-search .title-block {
        margin-bottom: 12px;
    }
}

.page-search .title-block h1 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 115%;
    letter-spacing: -0.02em;
    color: #000;
}
@media (max-width: 568px) {
    .page-search .title-block h1 {
        font-size: 25px;
    }
}

.page-search .title-block h1 span {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.3);
}

.page-search .filter {
    padding: 32px 20px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 32px;
    margin-top: 0;
}

.page-search .search-result {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 72px;
}
.page-search .search-result:has(.empty) {
    padding-left: 20px;
    align-items: flex-start;
    margin-top: 32px;
}

.page-search .search-result .result-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
    width: 100%;
}

.page-search .search-result .result-group .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    width: 100%;
}

.page-search .search-result .result-group h2 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.02em;
    color: #000;
}
@media (max-width: 568px) {
    .page-search .search-result .result-group h2 {
        font-size: 20px;
    }
}

.page-search .search-result .result-group h2 span {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.3);
}

.page-search .search-result .result-group .title a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #0042be;

    display: flex;
    align-items: center;
}

.page-search .search-result .result-group .list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0px 64px;
    width: 100%;
}
@media (max-width: 1024px) {
    .page-search .search-result .result-group .list {
        grid-template-columns: repeat(1, 1fr);
    }
}

.page-search .search-result .result-group .list:has(.search-item svg) {
    gap: 12px 32px;
}

.page-search .search-result .result-group .list .search-item {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
    border-radius: 20px;
    padding: 12px;
}

.page-search .search-result .result-group .list .search-item:has(svg) {
    border-radius: 24px;
    padding: 20px;
    background: #f6f6f6;
}

.page-search .search-result .result-group .list .search-item .img {
    border-radius: 12px;
    width: 48px;
    height: 48px;
}
.page-search .search-result .result-group .list .search-item .img:has(img[src=""]) {
    background: #eeeeef;
}

.page-search .search-result .result-group .list .search-item:has(svg) .img {
    border-radius: 68px;
    width: 72px;
    height: 72px;
    background: #e3eaf7;
}

.page-search .search-result .result-group .list .search-item img {
    border-radius: 12px;
    width: 48px;
    height: 48px;
    object-fit: cover;
    object-position: center;
}

.page-search .search-result .result-group .list .search-item img[src=""] {
    opacity: 0;
}

.page-search .search-result .result-group .list .search-item:has(svg) img {
    border-radius: 68px;
    width: 72px;
    height: 72px;

    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M27 14.8413C26.9875 16.7157 26.522 19.5474 24.8826 21.9317C23.302 24.2307 20.6722 26.046 16.5074 26.2294V29.5691H20.6809V31.0004H11.3191V29.5691H15.1031V26.2294C10.9453 26.0452 8.39549 24.2262 6.90342 21.914C5.36038 19.5229 5.0003 16.6905 5 14.8367H6.40426C6.40454 16.5477 6.74393 19.0627 8.07638 21.1275C9.37756 23.1439 11.6775 24.8158 15.8062 24.8158C19.9372 24.8157 22.3364 23.1404 23.7325 21.1098C25.1568 19.0382 25.5845 16.5225 25.5957 14.832L27 14.8413Z' fill='%230042BE' fill-opacity='0.3' /%3e%3cpath d='M20.8123 15.259V7.33745C20.8123 4.62785 18.6573 2.43131 15.9989 2.43131C13.3406 2.43135 11.1856 4.62788 11.1855 7.33745V15.259C11.1855 17.9686 13.3405 20.166 15.9989 20.1661V21.5974L15.6789 21.589C12.4995 21.4247 9.95044 18.8259 9.78948 15.5852L9.78125 15.259V7.33745C9.78129 3.83739 12.565 1.00005 15.9989 1L16.3189 1.00839C19.6042 1.17809 22.2165 3.94672 22.2166 7.33745V15.259L22.2084 15.5852C22.042 18.9339 19.3257 21.5974 15.9989 21.5974V20.1661C18.6573 20.1661 20.8123 17.9687 20.8123 15.259Z' fill='%230042BE' fill-opacity='0.3' /%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
}


.page-search .search-result .result-group .list .search-item .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}

.page-search .search-result .result-group .list .search-item .info:has(.left) {
    flex-direction: row;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}

.page-search .search-result .result-group .list .search-item .info .left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}

.page-search .search-result .result-group .list .search-item .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.page-search .search-result .result-group .list .search-item .info span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.page-search .search-result .empty p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}

/* page-wiki */

.page-wiki {

}

.page-wiki .top-hero {
    align-items: initial;
}

.page-wiki .top-hero .left {
    background: #e3eaf7;
    justify-content: space-between;
}
@media (max-width: 568px) {
    .page-wiki .top-hero .left > a {
        width: 100%;
        justify-content: center;
    }
}
.page-wiki .top-hero .left p a {
    text-decoration: underline;
}

.page-wiki .top-hero .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 56px;
    border-radius: 0 32px 32px 32px;
    background: #f6f6f6;
    padding: 40px;
    width: calc(100% - 443px - 16px);
}
@media (max-width: 1024px) {
    .page-wiki .top-hero .right {
        padding: 32px;
        width: 100%;
    }
}
@media (max-width: 568px) {
    .page-wiki .top-hero .right {
        padding: 20px;
    }
}

.page-wiki .top-hero .right .input-block {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: space-between;
}
@media (max-width: 568px) {
    .page-wiki .top-hero .right .input-block {
        flex-direction: column;
    }
}

.page-wiki .top-hero .right .input-block .input {
    display: flex;
    height: 52px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 4px 12px;
    align-items: center;
    gap: 4px;
    background: #fff;
    width: 100%;
}

.page-wiki .top-hero .right .input-block .input input {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    border: none;
    outline: none;

}

.page-wiki .top-hero .right .input-block .input input::placeholder {
    color: #808080;
}

.page-wiki .top-hero .right .input-block > a {

}
@media (max-width: 568px) {
    .page-wiki .top-hero .right .input-block > button {
        width: 100%;
        justify-content: center;
    }
}

.page-wiki .top-hero .right .swiper {
    width: 100%;
}

.page-wiki .top-hero .right .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

.page-wiki .top-hero .right .swiper-slide .title {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}

.page-wiki .top-hero .right .swiper-slide .info {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 568px) {
    .page-wiki .top-hero .right .swiper-slide .info {
        height: 120px;
    }
}


.page-wiki .top-hero .right .swiper-slide .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #000;
}

.page-wiki .top-hero .right .swiper-slide .info p a {
    font-weight: 450;
    color: #0042be;
}

.page-wiki .top-hero .right .swiper-slide > a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;

    border: 1px solid #dad9d9;
    border-radius: 10px;
    padding: 14px 20px;
    transition: .3s ease;
}
.page-wiki .top-hero .right .swiper-slide > a:hover {
    border: 1px solid #666;
}

.page-wiki .top-hero .right .arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    position: absolute;
    right: 0;
    z-index: 1;
    bottom: 0;
}
@media (max-width: 1024px) {
    .page-wiki .top-hero .right  .arrow {
        /*display: none;*/
    }
}

.page-wiki .top-hero .right .arrow div {
    border: 1.00px solid #dad9d9;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    background: #f6f6f6;
    transition: .3s ease;
}
.page-wiki .top-hero .right .arrow div:hover {
    border: 1px solid #666;
}

.page-wiki .wiki-cat {

}

.page-wiki .wiki-cat .grid {

}

.page-wiki .wiki-cat .grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px 44px;
    margin-bottom: 0;
    margin-top: 32px;

    /*display: flex;*/
    flex-wrap: wrap;
}
@media (max-width: 1024px) {
    .page-wiki .wiki-cat .grid {
        margin-top: 30px;
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 568px) {
    .page-wiki .wiki-cat .grid {
        display: flex;
        margin-top: 28px;
        gap: 12px;
        grid-template-columns: repeat(2, 1fr);
    }
}

.page-wiki .wiki-cat .grid .item {
    border-radius: 20px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 16px;
    /*width: 239px;*/
    transition: .3s ease;
}
@media (max-width: 568px) {
    .page-wiki .wiki-cat .grid .item {
        width: fit-content;
        border: 1px solid #dad9d9;
        border-radius: 10px;
        padding: 0px 12px;
        height: 32px;
        display: flex;
        align-items: center;
    }
}

.page-wiki .wiki-cat .grid .item.active {
    background: #eeeeef;
}
@media (max-width: 568px) {
    .page-wiki .wiki-cat .grid .item.active {
        background: transparent;
        border: 1px solid #000;
    }
}
.page-wiki .wiki-cat .grid .item:hover {
    background: #eeeeef;
}

.page-wiki .wiki-cat .grid .item img {
    border-radius: 12px;
    width: 56px;
    height: 56px;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 568px) {
    .page-wiki .wiki-cat .grid .item img {
        display: none;
    }
}

.page-wiki .wiki-cat .grid .item .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}

.page-wiki .wiki-cat .grid .item .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #000;
}
@media (max-width: 568px) {
    .page-wiki .wiki-cat .grid .item .info p {
        font-weight: 500;
        font-size: 14px;
        line-height: 115%;
    }
}

.page-wiki .wiki-cat .grid .item .info span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 115%;
    color: #999;
}
@media (max-width: 568px) {
    .page-wiki .wiki-cat .grid .item .info span {
        display: none;
    }
}

.page-wiki .filter .radio-list {
    overflow-x: initial;
}

.page-wiki .filter .swiper-slide-active {
    background: initial;
}

.page-wiki .filter {

}

.page-wiki .wiki-list {
    margin-top: 12px;
}

.page-wiki .wiki-list .list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 32px 96px;
}
@media (max-width: 1024px) {
    .page-wiki .wiki-list .list {
        gap: 30px 20px;
    }
}

.page-wiki .wiki-list .list .letter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}

.page-wiki .wiki-list .list .letter p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.02em;
    color: #0042be;
    text-transform: uppercase;

    border-bottom: 1px solid #d9d9d9;
    padding: 10px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 43px;
}

.page-wiki .wiki-list .list .letter ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.page-wiki .wiki-list .list .letter ul li {

}

.page-wiki .wiki-list .list .letter ul li a {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;

    border-radius: 8px;
    padding: 8px;
    width: fit-content;
    display: flex;
}

.page-wiki .wiki-list .list .letter ul li a:hover {
    background: #f6f6f6;
}

.page-wiki {

}

.page-wiki .pagination {
    display: flex;
    width: 351px;
    margin: auto;
    margin-top: 40px;
    flex-direction: column;
    align-items: flex-end;
    gap: 32px;
}

.page-wiki .pagination > a {
    width: 351px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;

}

.page-wiki .pagination .list {
    display: flex;
    align-items: center;
    gap: 4px;
    align-self: stretch;
}

.page-wiki .pagination .list a {
    border-radius: 8px;
    padding: 12px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 150%;
    color: #999;
}

.page-wiki .pagination .list a.active {
    color: #000;
}

/* page-test_games */

.page-test_games {

}

.page-test_games .top-hero {
    align-items: initial;
}

.page-test_games .top-hero .left {
    background: #e3eaf7;
}

.page-test_games .top-hero .right {
    display: flex;
    border-radius: 32px 32px 32px 0;
    background: #f6f6f6;
    padding: 32px;
    width: calc(100% - 443px - 16px);
    align-items: flex-start;
    gap: 40px;
    flex: 1 0 0;
}
@media (max-width: 1024px) {
    .page-test_games .top-hero .right {
        padding: 32px;
        width: 100%;
    }
}
@media (max-width: 568px) {
    .page-test_games .top-hero .right {
        padding: 20px;
        flex-direction: column;
    }
}

.page-test_games .top-hero .right .img {
    border-radius: 24px 0 24px 24px;
    width: 322px;
    height: 100%;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .page-test_games .top-hero .right .img {
        border-radius: 24px 0 24px 24px;
        width: 240px;
        height: 348px;
    }
}
@media (max-width: 568px) {
    .page-test_games .top-hero .right .img {
        border-radius: 20px 0 20px 20px;
        width: 100%;
        height: 100%;
        aspect-ratio: 326/320;
    }
}

.page-test_games .top-hero .right .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.page-test_games .top-hero .right .info {
    width: calc(100% - 322px - 40px);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .page-test_games .top-hero .right .info {
        width: calc(100% - 240px - 40px);
    }
}
@media (max-width: 568px) {
    .page-test_games .top-hero .right .info {
        width: 100%;
    }
}

.page-test_games .top-hero .right .info .top {

}

.page-test_games .top-hero .right .info .top span {
    border-radius: 32px;
    padding: 6px 8px;
    background: #fff;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.5);
}

.page-test_games .top-hero .right .info .txt {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-test_games .top-hero .right .info .txt h3 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .page-test_games .top-hero .right .info .txt h3 {
        font-size: 20px;
    }
}

.page-test_games .top-hero .right .info .txt p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.8);
}

.page-test_games .top-hero .right .info > a {

}

.page-test_games .filter {

}

.page-test_games .filter .swiper-slide-active {
    background: initial;
}

.page-test_games .test_games-filter .top {
    display: flex;
    padding: 32px 0px;
    gap: 16px;
}
.page-test_games:has(.filter_1) .test_games-filter .top {
    padding-bottom: 0;
}

.page-test_games .test_games-filter .top a {
    border: 1px solid #dad9d9;
    border-radius: 10px;
    padding: 14px 16px;
    min-width: 110px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;
}
@media (max-width: 568px) {
    .page-test_games .test_games-filter .top a {
        min-width: 74px;
        height: 44px;
    }
}

.page-test_games .test_games-filter .top a.active {
    color: #fff;
    border: 1px solid #0042be;
    background: #0042be;
}

.page-test_games .test_games-filter .bottom {

}

.page-test_games .test_games-list {

}

.page-test_games .test_games-list .list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(316px, 1fr));
    gap: 40px 32px;
}
@media (max-width: 568px) {
    .page-test_games .test_games-list .list {
        gap: 20px;
    }
}

.page-test_games .test_games-list .list .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /*gap: 16px;*/
}

.page-test_games .test_games-list .list .item .img {
    border-radius: 32px;
    position: relative;
}
@media (max-width: 568px) {
    .page-test_games .test_games-list .list .item .img {
        width: 100%;
    }
}

.page-test_games .test_games-list .list .item .img:after {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 32px;
    background: rgb(0 0 0 / 5%);
}

.page-test_games .test_games-list .list .item .img > img {
    border-radius: 32px;
    aspect-ratio: 316/200;
    object-fit: cover;
}
@media (max-width: 568px) {
    .page-test_games .test_games-list .list .item .img > img {
        border-radius: 24px;
        aspect-ratio: auto;
        width: 100%;
        height: 200px;
    }
}

.page-test_games .test_games-list .list .item .img .people {
    display: flex;
    align-items: center;
    gap: 4px;
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 1;
    padding: 8px;
    border-radius: 17px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.2);

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #fff;
}

.page-test_games .test_games-list .list .item .img .meta {
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    left: 16px;
    bottom: 16px;
    z-index: 1;
}

.page-test_games .test_games-list .list .item .img .meta div {
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    padding: 0 8px;
    height: 32px;
    align-items: center;
    gap: 4px;

    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #fff;
}

.page-test_games .test_games-list .list .item .img .meta .like {

}

.page-test_games .test_games-list .list .item .img .meta .flame {

}

.page-test_games .test_games-list .list .item .img .meta .plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 2px;
}
@media (max-width: 568px) {
    .page-test_games .test_games-list .list .item .img .meta .plus {
        border-radius: 32px;
        width: 32px;
        height: 32px;
        padding: 2px;
    }
}

.page-test_games .test_games-list .list .item .info {
    border-radius: 32px;
    padding: 20px;
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: #F6F6F6;
}
.page-test_games:has(.filter_1) .test_games-list .list .item .info {
    justify-content: space-between;
}

@media (max-width: 568px) {
    .page-test_games .test_games-list .list .item .info {
        height: 180px;
    }
}

.page-test_games .test_games-list .list .item .info a:not(.link) {
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;

    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 568px) {
    .page-test_games .test_games-list .list .item .info a:not(.link) {
        /*font-size: 16px;*/
        /*line-height: 110%;*/
    }
}
.page-test_games .test_games-list .list .item:hover .info a:not(.link) {
    text-decoration: underline;
}

.page-test_games .test_games-list .list .item .info p {
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;

    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.page-test_games .test_games-list .list .item .info .link {
    border: 1px solid #dad9d9;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 136px;
    height: 52px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;
}
@media (max-width: 568px) {
    .page-test_games .test_games-list .list .item .info .link {
        font-size: 14px;
        width: 124px;
        height: 44px;
    }
}

.page-test_games .test_games-list .pagination {

}

.page-test_games .test_games-list .pagination {
    display: flex;
    width: 351px;
    margin: auto;
    margin-top: 40px;
    flex-direction: column;
    align-items: flex-end;
    gap: 32px;
}

.page-test_games .test_games-list .pagination > a {
    width: 351px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;

}

.page-test_games .test_games-list .pagination .list {
    display: flex;
    align-items: center;
    gap: 4px;
    align-self: stretch;
}

.page-test_games .test_games-list .pagination .list a {
    border-radius: 8px;
    padding: 12px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 150%;
    color: #999;
}

.page-test_games .test_games-list .pagination .list a.active {
    color: #000;
}


.page-test_games .block-quest {
    background: #f6f6f6;
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 4;
}
@media (max-width: 1024px) {
    .page-test_games .block-quest {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 7;
        width: 100%;
    }
}
@media (max-width: 568px) {
    .page-test_games .block-quest {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 13;
        width: 100%;
    }
}

.page-test_games .block-quest .left h4 {
    color: #000;
}

.page-test_games .block-quest .right .answer {
    color: #000;
    border: 1px solid #dad9d9;
}

/* test-detail */

.test-detail {

}

.test-detail .test-question > div {
    margin-top: 12px;
    display: flex;
    gap: 44px;

}
.test-detail .test-question:not(.test-question-finish) > div {
    border-radius: 32px;
    padding: 44px;
    background: #f6f6f6;
}
@media (max-width: 1024px) {
    .test-detail .test-question > div {
        flex-direction: column;
        gap: 20px;
    }
    .test-detail .test-question:not(.test-question-finish) > div {
        padding: 32px;
    }
}
@media (max-width: 568px) {
    .test-detail .test-question > div {
        gap: 32px;
    }
    .test-detail .test-question:not(.test-question-finish) > div {
        padding: 20px;
    }
}

.test-detail .test-question > div > .img {
    border-radius: 24px;
    width: 504px;
    min-width: 504px;
    min-height: 518px;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .test-detail .test-question > div > .img {
        min-height:  360px;
        height: 360px;
        width: 100%;
        min-width: 100%;
    }
}
@media (max-width: 568px) {
    .test-detail .test-question > div > .img {
        border-radius: 20px;
        min-height: 220px;
        height: 220px;
    }
}

.test-detail .test-question > div > .img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 1024px) {
    .test-detail .test-question .img img {

    }
}

.test-detail .test-question .info {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 12px;
}
.test-detail .test-question .info:has(.quote) {
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .test-detail .test-question .info {

    }
}
@media (max-width: 568px) {
    .test-detail .test-question .info {

    }
}

.test-detail .test-question .info .top {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.test-detail .test-question .info .top .step {
    display: flex;
}

.test-detail .test-question .info .top .step span {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #b3b3b3;
}
@media (max-width: 568px) {
    .test-detail .test-question .info .top .step span {
        font-size: 16px;
    }
}

.test-detail .test-question .info .top .step span:nth-child(1) {
    font-weight: 500;
    color: #000;
}

.test-detail .test-question .info .top h2 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
    padding-right: 10%;
}
@media (max-width: 568px) {
    .test-detail .test-question .info .top h2 {
        padding-right: 0;
        font-size: 20px;
    }
}

.test-detail .test-question .info .answer-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 24px 40px;
    flex-shrink: 0;
    flex-wrap: wrap;
}
@media (max-width: 568px) {
    .test-detail .test-question .info .answer-list {
        gap: 16px;
        width: 100%;
        grid-template-columns: 1fr;
    }
}

.test-detail .test-question .info .answer-list .answer {
    border: 1px solid #dad9d9;
    border-radius: 10px;
    padding: 14px 16px;
    height: 52px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #000;
}
.test-detail .test-question .info .answer-list .answer-suc {
    color: #0042be;
    border: 1px solid #0042be;
}
.test-detail .test-question .info .answer-list .answer-err {
    color: #b52b3a;
    border: 1px solid #b52b3a;
}
@media (max-width: 568px) {
    .test-detail .test-question .info .answer-list .answer {
        font-size: 14px;
        height: 44px;
        display: flex;
        /*justify-content: center;*/
        align-items: center;
    }
}

.test-detail .test-question .info .text {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.test-detail .test-question .info .text p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.6);
}

.test-detail .test-question .info .text ol {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-left: 20px;
}

.test-detail .test-question .info .text ol li {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.6);
}

.test-detail .test-question .info .quote {
    display: flex;
    flex-direction: column;;
    gap: 44px;
}

.test-detail .test-question .info .quote p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .test-detail .test-question .info .quote p {
        font-size: 16px;
    }
}

.test-detail .test-question .info .quote .author {
    display: flex;
    align-items: center;
    gap: 16px;
}
@media (max-width: 568px) {
    .test-detail .test-question .info .quote .author {
        flex-direction: column;
        align-items: flex-start;
    }
}

.test-detail .test-question .info .quote .author .img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background: #ffffff;
}
@media (max-width: 568px) {
    .test-detail .test-question .info .quote .author .img {
        width: 40px;
        height: 40px;
    }
}

.test-detail .test-question .info .quote .author .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.test-detail .test-question .info .quote .author div {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 320px;
}

.test-detail .test-question .info .quote .author p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}

.test-detail .test-question .info .quote .author span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: rgba(0, 0, 0, 0.6);
}

.test-detail .test-question .info .result {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 10px;
    padding: 16px;
    background: #fff;
    width: fit-content;
    margin-top: -8px;
}
@media (max-width: 568px) {
    .test-detail .test-question .info .result {
        padding: 12px;
        width: 100%;
    }
}

.test-detail .test-question .info .result p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .test-detail .test-question .info .result p {
        font-size: 14px;
    }
}

.test-detail .test-question .info .information {
    margin-top: -28px;
}

.test-detail .test-question .info .information span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.6);
}

.test-detail .test-question .info > a {
    margin-top: -8px;
    height: 52px;
    align-items: center;
}
@media (max-width: 568px) {
    .test-detail .test-question .info > a {
        width: 100%;
        justify-content: center;
        height: 44px;
    }
}

/* test_games-list */

.test-detail .test_games-list {
    margin-top: 120px;
}
@media (max-width: 1024px) {
    .test-detail .test_games-list {
        margin-top: 100px;
    }
}
@media (max-width: 568px) {
    .test-detail .test_games-list {
        margin-top: 80px;
    }
}

.test_games-list .list-block .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /*gap: 16px;*/
}

.test_games-list .list-block .item .img {
    border-radius: 32px;
    position: relative;
}

.test_games-list .list-block .item .img:after {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 32px;
    background: rgb(0 0 0 / 5%);
}

.test_games-list .list-block .item .img img {
    border-radius: 32px;
    aspect-ratio: 316/200;
    object-fit: cover;
}
@media (max-width: 568px) {
    .test_games-list .list-block .item .img img {
        border-radius: 24px;
    }
}

.test_games-list .list-block .item .img .people {
    display: flex;
    align-items: center;
    gap: 4px;
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 1;
    padding: 8px;
    border-radius: 17px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.2);

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #fff;
}

.test_games-list .list-block .item .img .meta {
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    left: 16px;
    bottom: 16px;
    z-index: 1;
}

.test_games-list .list-block .item .img .meta div {
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 4px;

    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #fff;
}

.test_games-list .list-block .item .img .meta .like {

}

.test_games-list .list-block .item .img .meta .flame {

}

.test_games-list .list-block .item .img .meta .plus {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 568px) {
    .test_games-list .list-block .item .img .meta .plus {
        border-radius: 32px;
        width: 32px;
        height: 32px;
        padding: 2px;
    }
}

.test_games-list .list-block .item .info {
    border-radius: 32px;
    padding: 20px;
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: #F6F6F6;
}
.test_games-list .list-block .item .info:has(.link) {
    justify-content: space-between;
}

@media (max-width: 568px) {
    .test_games-list .list-block .item .info {
        height: 180px;
    }
}

.test_games-list .list-block .item .info a:not(.link) {
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;

    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 568px) {
    .test_games-list .list-block .item .info a:not(.link) {
        /*font-size: 16px;*/
        /*line-height: 110%;*/
    }
}
.test_games-list .list-block .item:hover .info a:not(.link) {
    text-decoration: underline;
}

.test_games-list .list-block .item .info p {
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;

    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.test_games-list .list-block .item .info .link {
    border: 1px solid #dad9d9;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 136px;
    height: 52px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;
}
@media (max-width: 568px) {
    .test_games-list .list-block .item .info .link {
        font-size: 14px;
        width: 124px;
        height: 44px;
    }
}

.test-question-finish .left {
    border-radius: 32px;
    padding: 44px;
    background: #f6f6f6;
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}
@media (max-width: 1024px) {
    .test-question-finish .left {
        width: 100%;
        padding: 32px;
    }
}
@media (max-width: 568px) {
    .test-question-finish .left {
        padding: 20px;
    }
}

.test-question-finish .left span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
}

.test-question-finish .left strong {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 1024px) {
    .test-question-finish .left strong {
        font-size: 40px;
    }
}
@media (max-width: 568px) {
    .test-question-finish .left strong {
        font-size: 25px;
    }
}

.test-question-finish .left .result {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 10px;
    padding: 16px;
    background: #fff;
    width: fit-content;
}
@media (max-width: 568px) {
    .test-question-finish .left .result {
        padding: 12px;
        width: 100%;
    }
}

.test-question-finish .left .result img {
    width: 28px;
    height: 28px;
}

.test-question-finish .left .result p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .test-question-finish .left .result p {
        font-size: 14px;
    }
}

.test-question-finish .left > p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.6);
    margin-top: -20px;
}

.test-question-finish .left > a {

}

.test-question-finish .right {
    width: 40%;
}
@media (max-width: 1024px) {
    .test-question-finish .right {
        width: 100%;
    }
}

.test-question-finish .right h3 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;

    margin-bottom: 16px;
}
@media (max-width: 568px) {
    .test-question-finish .right h3 {
        font-size: 20px;
    }
}

.test-question-finish .right .swiper-wrapper {
    max-height: 434px;
}

.test-question-finish .right .swiper-slide {
    /*max-height: 140px;*/
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 24px;
}
@media (max-width: 1024px) {
    .test-question-finish .right .swiper-slide {
        padding: 20px 0px;
    }
}
@media (max-width: 568px) {
    .test-question-finish .right .swiper-slide {
        gap: 16px;
    }
}

.test-question-finish .right .swiper-slide img {
    border-radius: 16px;
    width: 140px;
    height: 100px;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 568px) {
    .test-question-finish .right .swiper-slide img {
        border-radius: 12px;
        width: 96px;
        height: 69px;
    }
}

.test-question-finish .right .swiper-slide p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .test-question-finish .right .swiper-slide p {
        font-size: 15px;
    }
}

.test-question-finish .right .arrow {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    pointer-events: none;
}
@media (max-width: 1024px) {
    .test-question-finish .right .arrow {
        display: none;
    }
}

.test-question-finish .right .arrow div {
    pointer-events: all;
}

.test-question-finish .right .arrow div[aria-disabled="true"] {
    opacity: 0;
    pointer-events: none;
}

.question-finish-slider:not(.swiper) {
    display: none;
}
@media (max-width: 1024px) {
    .question-finish-slider.swiper {
        display: none;
    }
    .question-finish-slider:not(.swiper) {
        display: block;
    }
}

/* page-links */

.page-links {

}

.page-links .top-hero {

}

.page-links .links-filter {
    margin-bottom: 64px;
}
@media (max-width: 1024px) {
    .page-links .links-filter {
        margin-bottom: 48px;
    }
}
@media (max-width: 568px) {
    .page-links .links-filter {
        margin-bottom: 40px;
    }
}

.page-links .links-filter .top {
    padding: 32px 0px;
    position: relative;
}

.page-links .links-filter .top .swiper {
    max-height: 52px;
}

.page-links .links-filter .top .swiper-slide {
    width: fit-content;
    border-radius: 10px;
    padding: 14px 16px;
    border: 1px solid #d9d9d9;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;
}
@media (max-width: 568px) {
    .page-links .links-filter .top .swiper-slide {
        padding: 14px 16px;
        height: 44px;
    }
}

.page-links .links-filter .top .swiper-slide-active {
    background: #0042be;
    color: #ffffff;
}

.page-links .links-filter .top .swiper-slide-active span {
    color: #ffffff;
}

.page-links .links-filter .top .swiper-slide-active img {
    color: #ffffff;
    filter: invert(1);
}

.page-links .links-filter .top .arrow {
    position: absolute;
    top: calc(50% - 24px);
    right: -20px;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    /*opacity: 0;*/
    transition: .3s ease;
}
@media (max-width: 1024px) {
    .page-links .links-filter .top .arrow {
        display: none;
    }
}
.page-links .links-filter .top .arrow {
    width: calc(100% + 40px);
}
@media (max-width: 568px) {
    .page-links .links-filter .top .arrow {
        display: none;
    }
}

.page-links .links-filter .top .arrow:hover {
    opacity: 1;
}

.page-links .links-filter .top:hover ~ .arrow {
    opacity: 1;
}

.page-links .links-filter .top .arrow div {
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #f6f6f6;
    pointer-events: all;
}

.page-links .links-filter .top .arrow div[aria-disabled="true"] {
    opacity: 0;
    pointer-events: none;
}


.page-links .links-filter .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-links .links-filter .bottom .left {
    display: flex;
    align-items: center;
    gap: 16px;
}
@media (max-width: 1024px) {
    .page-links .links-filter .bottom .left {
        display: none;
    }
}

.page-links .links-filter .bottom .left .radio-list label {
    border: 1px solid #dad9d9;
    border-radius: 32px;
    padding: 10px 16px;
    height: 44px;
    cursor: pointer;
    transition: .3s ease;
}

.page-links .links-filter .bottom .left .radio-list label p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: rgba(0, 0, 0, 0.5);
}

.page-links .links-filter .bottom .left .radio-list label p span {
    color: #000;
}

.page-links .links-filter .bottom .left .radio-list input {
    display: none;
}

.page-links .links-filter .bottom .left .radio-list label:has(:checked) {
    border: 1px solid #666;
}

.page-links .links-filter .bottom .filter-open {
    display: none;
}
@media (max-width: 1024px) {
    .page-links .links-filter .bottom .filter-open {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;

        border: 1px solid #d9d9d9;
        border-radius: 10px;
        padding: 14px 16px;
        width: 180px;
        height: 52px;

        font-family: "Mulish", sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 150%;
        color: #000;
    }
}
@media (max-width: 568px) {
    .page-links .links-filter .bottom .filter-open {
        font-size: 14px;
        width: 126px;
        height: 44px;
        padding: 0;
    }
}

.page-links .links-list {

}

.page-links .links-list .list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(316px, 1fr));
    gap: 24px 64px;
}
@media (max-width: 568px) {
    .page-links .links-list .list {
        gap: 20px;
    }
}

.page-links .links-list .list .item {
    display: flex;
    padding-top: 24px;
    flex-direction: column;
    gap: 8px;
    border-top: 1px solid #D9D9D9;
}

.page-links .links-list .list .item .title {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}

.page-links .links-list .list .item .text {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}

.page-links .links-list .list .item a {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #0042be;
}

.page-links .links-list .pagination {
    display: flex;
    width: 351px;
    margin: auto;
    margin-top: 40px;
    flex-direction: column;
    align-items: flex-end;
    gap: 32px;
}

.page-links .links-list .pagination > a {
    width: 351px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;

}

.page-links .links-list .pagination .list {
    display: flex;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    justify-content: center;
}

.page-links .links-list .pagination .list a {
    border-radius: 8px;
    padding: 12px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 150%;
    color: #999;
}

.page-links .links-list .pagination .list a.active {
    color: #000;
}

/* artist-page */

.artist-page {

}

.artist-filter {

}

.artist-filter .top {
    display: flex;
    margin: 0 -12px;

    padding: 40px 12px 20px 12px;
    /*padding: 0 12px;*/
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    overflow-x: auto;
}
.artist-filter .top::-webkit-scrollbar {
    display: none;
}

.artist-filter .top a {
    border-radius: 10px;
    padding: 12px 8px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
.artist-filter .top a:first-child {
    display: none;
}
.artist-filter .top a.active {
    background: #efefef;
}

.artist-filter .bottom .left .radio-list  {
    display: flex;
    overflow-x: auto;
    display: flex;
    align-items: center;
    gap: 16px;
}
@media (max-width: 568px) {
    .artist-filter .bottom .left .radio-list {
        margin: 0 -12px;
        padding: 0 12px;
    }
}
.artist-filter .bottom .left .radio-list::-webkit-scrollbar {
    display: none;
}

.artist-filter .bottom .left .radio-list label {
    border: 1px solid #dad9d9;
    border-radius: 32px;
    padding: 10px 16px;
    height: 44px;
    cursor: pointer;
    transition: .3s ease;
}

.artist-filter .bottom .left .radio-list label p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: rgba(0, 0, 0, 0.5);
    width: max-content;
}

.artist-filter .bottom .left .radio-list label p span {
    color: #000;
}

.artist-filter .bottom .left .radio-list input {
    display: none;
}

.artist-filter .bottom .left .radio-list label:has(:checked) {
    border: 1px solid #666;
}

.artist-filter .bottom .left .radio-list label:hover {
    border: 1px solid #666;
}

.artist-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.artist-list .title {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 115%;
    letter-spacing: -0.02em;
    color: #0042be;

    margin-top: 64px;
}
@media (max-width: 568px) {
    .artist-list .title {
        font-size: 25px;
    }
}

.artist-list .list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(326px, 1fr));
    gap: 16px 32px;
}
@media (max-width: 568px) {
    .artist-list .list {
        gap: 12px;
    }
}

.artist-list .pagination {

}
.artist-list .pagination {
    display: flex;
    width: 351px;
    margin: auto;
    margin-top: 40px;
    flex-direction: column;
    align-items: flex-end;
    gap: 32px;
}

.artist-list .pagination > a {
    width: 351px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;

}

.artist-list .pagination .list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    align-self: stretch;
}

.artist-list .pagination .list a {
    border-radius: 8px;
    padding: 12px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 150%;
    color: #999;
}

.artist-list .pagination .list a.active {
    color: #000;
}

/* artist-item */

.artist-item {
    position: relative;
    display: flex;
    padding: 20px;
    padding-right: 52px;
    align-items: center;
    gap: 16px;
    border-radius: 24px;
    background: #f6f6f6;
}

.artist-item:after {
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    right: 20px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5401 7.57265C13.4575 8.97542 14.8913 10.5339 16.9924 11.2742L17 12.0057L17 12.7118C14.9278 13.473 13.4908 15.0344 12.5628 16.436C12.1002 17.1347 11.7702 17.7849 11.5568 18.2579C11.4503 18.4941 11.3734 18.685 11.3239 18.8143C11.2992 18.8789 11.2814 18.928 11.2702 18.9596L11.2584 18.9935L11.2562 19C11.2562 19 11.2563 18.9995 10.6298 18.7372C10.0032 18.4749 10.0034 18.4744 10.0034 18.4744L10.0042 18.4719L10.0058 18.467L10.011 18.4516C10.0153 18.439 10.0213 18.4216 10.0291 18.3996C10.0446 18.3558 10.0671 18.2939 10.0969 18.216C10.1565 18.0603 10.2453 17.8404 10.3658 17.5733C10.6064 17.0398 10.9753 16.3135 11.4923 15.5327C12.2908 14.3266 13.4572 12.9691 15.066 12.0054C13.4321 11.0508 12.2607 9.68574 11.4648 8.46889C10.9513 7.68366 10.5883 6.95163 10.3528 6.41354C10.2348 6.14408 10.1483 5.92206 10.0905 5.76477C10.0615 5.68608 10.0397 5.62348 10.0247 5.57911C10.0172 5.55693 10.0114 5.53929 10.0072 5.52646L10.0022 5.51087L10.0006 5.50584L10 5.50403C10 5.50403 9.99958 5.50269 10.6298 5.25159C11.2599 5.00049 11.2598 5 11.2598 5L11.2618 5.00629L11.2731 5.04023C11.2838 5.0719 11.301 5.12123 11.3249 5.18614C11.3726 5.31604 11.4472 5.50788 11.551 5.7451C11.759 6.22036 12.0824 6.87292 12.5401 7.57265Z' fill='%230042BE' /%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
}

.artist-item .img {
    border-radius: 68px;
    width: 72px;
    height: 72px;
    overflow: hidden;
    background-color: #e3eaf7;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M27 14.8413C26.9875 16.7157 26.522 19.5474 24.8826 21.9317C23.302 24.2307 20.6722 26.046 16.5074 26.2294V29.5691H20.6809V31.0004H11.3191V29.5691H15.1031V26.2294C10.9453 26.0452 8.39549 24.2262 6.90342 21.914C5.36038 19.5229 5.0003 16.6905 5 14.8367H6.40426C6.40454 16.5477 6.74393 19.0627 8.07638 21.1275C9.37756 23.1439 11.6775 24.8158 15.8062 24.8158C19.9372 24.8157 22.3364 23.1404 23.7325 21.1098C25.1568 19.0382 25.5845 16.5225 25.5957 14.832L27 14.8413Z' fill='%230042BE' fill-opacity='0.3' /%3e%3cpath d='M20.8084 15.259V7.33745C20.8084 4.62785 18.6534 2.43131 15.995 2.43131C13.3367 2.43135 11.1816 4.62788 11.1816 7.33745V15.259C11.1816 17.9686 13.3366 20.166 15.995 20.1661V21.5974L15.675 21.589C12.4956 21.4247 9.94654 18.8259 9.78557 15.5852L9.77734 15.259V7.33745C9.77739 3.83739 12.5611 1.00005 15.995 1L16.315 1.00839C19.6003 1.17809 22.2126 3.94672 22.2127 7.33745V15.259L22.2045 15.5852C22.0381 18.9339 19.3218 21.5974 15.995 21.5974V20.1661C18.6534 20.1661 20.8084 17.9687 20.8084 15.259Z' fill='%230042BE' fill-opacity='0.3' /%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
}

.artist-item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.artist-item .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}

.artist-item .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;
}
.artist-item:hover .info p {
    text-decoration: underline;
}

.artist-item .info span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 14px;
    line-height: 115%;
    color: #999;
}

/* artist-detail-page */

.artist-detail-page {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 64px;
}
@media (max-width: 568px) {
    .artist-detail-page {
        gap: 56px;
    }
}

.artist-detail-page .artist-info {
    display: flex;
    gap: 32px;
    padding-top: calc(64px - 18px);
    position: relative;
}
@media (max-width: 1024px) {
    .artist-detail-page .artist-info {
        flex-direction: column;
        background: #f6f6f6;
        padding-top: calc(74px - 64px);
    }
}
@media (max-width: 568px) {
    .artist-detail-page .artist-info {
        padding-top: calc(54px - 32px);
    }
}

.artist-detail-page .artist-info > .img {
    border-radius: 32px;
    width: 316px;
    height: 320px;
    overflow: hidden;
}
.artist-detail-page.audio-album-page .artist-info > .img {
    width: 420px;
    height: 420px;
}
@media (max-width: 1024px) {
    .artist-detail-page .artist-info > .img {
        width: 100vw;
        height: auto;
        background: #f6f6f6;
        padding: 64px 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0px;
        margin: 0 -20px;
        margin-bottom: -32px;
    }
    .artist-detail-page.audio-album-page .artist-info > .img {
        width: 100vw;
        height: auto;
    }
}
@media (max-width: 568px) {
    .artist-detail-page .artist-info > .img {
        padding: 32px;
        margin: 0 -16px;
        margin-bottom: -32px;
    }
}

.artist-detail-page .artist-info > .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 1024px) {
    .artist-detail-page .artist-info > .img img {
        border-radius: 32px;
        width: 280px;
        height: 280px;
    }
}

.artist-detail-page .artist-info .right {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
    width: calc(100% - 316px - 32px);
    position: relative;
}
.artist-detail-page.audio-album-page .artist-info .right {
    width: calc(100% - 420px - 32px);
}
@media (max-width: 1024px) {
    .artist-detail-page .artist-info .right {
        width: calc(100% + 24px) !important;
        background: #ffffff;
        margin: 0 -12px;
        border-radius: 32px 32px 0 0;
        padding: 32px 12px 0px;
    }
    .artist-detail-page.audio-album-page .artist-info .right {
        width: 100%;
    }
}

.artist-detail-page .artist-info .right > .info {
    display: flex;
    padding-top: 16px;
    flex-direction: column;
    gap: 32px;
    max-width: 672px;
}
@media (max-width: 1024px) {
    .artist-detail-page .artist-info .right > .info {
        padding-top: 0;
        width: 100%;
        max-width: 100%;
    }
}

.artist-detail-page .artist-info .right > .info .name {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
@media (max-width: 568px) {
    .artist-detail-page .artist-info .right > .info .name {
        gap: 8px;
    }
}

.artist-detail-page .artist-info .right > .info .name h1 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .artist-detail-page .artist-info .right > .info .name h1 {
        font-size: 20px;
    }
}

.artist-detail-page .artist-info .right > .info .name span {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: rgba(24, 24, 24, 0.5);
}
@media (max-width: 568px) {
    .artist-detail-page .artist-info .right > .info .name span {
        font-size: 15px;
    }
}

.artist-detail-page .artist-info .right > .info .play-down {
    display: flex;
    align-items: center;
    gap: 8px;
}
@media (max-width: 1024px) {
    .artist-detail-page .artist-info .right > .info .play-down {
        width: 100%;
    }
}

.artist-detail-page .artist-info .right > .info .play-down .play {
    font-family: "Mulish", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #fff;

    border: 1px solid #0042be;
    border-radius: 10px;
    width: 140px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #0042be;
    transition: .3s ease;
}
.artist-detail-page .artist-info .right > .info .play-down .play:hover {
    border: 1px solid #002f88;
    background: #002f88;
}

.artist-detail-page .artist-info .right > .info .play-down .down {
    font-family: "Mulish", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #000;

    border: 1px solid #dad9d9;
    border-radius: 10px;
    min-width: 140px;
    width: fit-content;
    padding: 0 19px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
}
.artist-detail-page .artist-info .right > .info .play-down .down:hover {
    border: 1px solid #666;
}
@media (max-width: 1024px) {
    .artist-detail-page .artist-info .right > .info .play-down > a {
        width: calc(50% - 4px) !important;
    }
}
@media (max-width: 1024px) {
    .artist-detail-page .artist-info .right > .info .play-down > a {
        height: 44px !important;
        font-size: 14px !important;
    }
}

.artist-detail-page .artist-info .right > .info .description {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.artist-detail-page .artist-info .right > .info .description strong {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;
}

.artist-detail-page .artist-info .right > .info .description p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.artist-detail-page .artist-info .right > .info .description a {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 0.8);
}

.artist-detail-page .artist-info .right > .info .meta {
    display: flex;
    align-items: center;
    gap: 10px;
}

.artist-detail-page .artist-info .right > .info .meta span {
    border-radius: 32px;
    padding: 6px 8px;
    background: #f6f6f6;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #999;
}

.artist-detail-page .artist-info .right > .info .like-block {
    display: flex;
    align-items: center;
    gap: 20px;
}

.artist-detail-page .artist-info .right > .info .like-block .list {
    display: flex;
    align-items: center;
    gap: 4px;
}
@media (max-width: 568px) {
    .artist-detail-page .artist-info .right > .info .like-block .list {
        padding: 8px 0px;
        gap: 2px;
    }
}

.artist-detail-page .artist-info .right > .info .like-block .list div {
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 4px;
}

.artist-detail-page .artist-info .right > .info .like-block .list div img {

}

.artist-detail-page .artist-info .right > .info .like-block .list div span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #4c4c4c;
}

.artist-detail-page .artist-info .right > .info .like-block .list > svg {

}

.artist-detail-page .artist-info .right > .info .like-block > div:nth-child(2) {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 0.8);
}


.artist-detail-page .artist-info .right > .info .characteristic {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.artist-detail-page .artist-info .right > .info .characteristic p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #000;

    display: flex;
    align-items: center;
    gap: 8px;
}

.artist-detail-page .artist-info .right > .info .characteristic p span {
    color: #999;
}

.artist-detail-page .artist-info .right > .info .other-album {
    margin-top: 40px;
}
@media (max-width: 1024px) {
    .artist-detail-page .artist-info .right > .info .other-album {
        margin-top: 32px;
    }
}
@media (max-width: 568px) {
    .artist-detail-page .artist-info .right > .info .other-album {
        margin-top: 34px;
    }
}

.artist-detail-page .artist-info .right > .info .other-album {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
@media (max-width: 568px) {
    .artist-detail-page .artist-info .right > .info .other-album {
        gap: 20px;
    }
}

.artist-detail-page .artist-info .right > .info .other-album h3 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .artist-detail-page .artist-info .right > .info .other-album h3 {
        font-size: 20px;
    }
}

.artist-detail-page .artist-info .right > .info .other-album .list {
    display: flex;
    /*justify-content: space-between;*/
    gap: 32px;
    overflow-x: auto;
}
.artist-detail-page .artist-info .right > .info .other-album .list::-webkit-scrollbar {
    display: none;
}

.artist-detail-page .artist-info .right > .info .other-album .list .album-item {
    min-width: 200px;
}

.artist-detail-page .artist-info .right > .info .text-song {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 40px;
}
@media (max-width: 1024px) {
    .artist-detail-page .artist-info .right > .info .text-song {
        margin-top: 32px;
    }
}
@media (max-width: 568px) {
    .artist-detail-page .artist-info .right > .info .text-song {
        margin-top: 24px;
    }
}

.artist-detail-page .artist-info .right > .info .text-song h3 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
    margin-bottom: 16px;
}
@media (max-width: 568px) {
    .artist-detail-page .artist-info .right > .info .text-song h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }
}

.artist-detail-page .artist-info .right > .info .text-song .txt {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.artist-detail-page .artist-info .right > .info .text-song .text p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}

.artist-detail-page .artist-info .right > .info .text-song a {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 0.8);
}

.artist-detail-page .artist-info .right > .info .question {
    margin-top: 40px;
}
@media (max-width: 1024px) {
    .artist-detail-page .artist-info .right > .info .question {
        margin-top: 32px;
    }
}
@media (max-width: 568px) {
    .artist-detail-page .artist-info .right > .info .question {
        margin-top: 24px;
    }
}

.artist-detail-page .artist-info .right > .info .question > div {
    max-width: 990px;
}

.artist-detail-page .artist-info .right > .info .question > div {
    display: flex;
    padding: 32px;
    padding-right: 48px;
    /*flex-direction: column;*/
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    align-self: stretch;
    background: #f6f6f6;
    border-radius: 28px 28px 28px 0;
}
@media (max-width: 1024px) {
    .artist-detail-page .artist-info .right > .info .question > div {
        /*flex-direction: column;*/
    }
}
@media (max-width: 568px) {
    .artist-detail-page .artist-info .right > .info .question > div {
        flex-direction: column;
    }
}

.artist-detail-page .artist-info .right > .info .question > div p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    text-align: center;
    color: #000;
}

.artist-detail-page .artist-info .right > .info .question > div p a {
    text-decoration: underline;
    color: #000;
}

.artist-detail-page .artist-info .right > .info .question > div > div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 48px;

}

.artist-detail-page .artist-info .right > .info .question > div > div img {
    width: 28px;
    height: 28px;
    aspect-ratio: 1/1;
}

.artist-detail-page .artist-info .right > .info .reviews {
    margin-top: 40px;
}
@media (max-width: 1024px) {
    .artist-detail-page .artist-info .right > .info .reviews {
        margin-top: 32px;
    }
}
@media (max-width: 568px) {
    .artist-detail-page .artist-info .right > .info .reviews {
        margin-top: 24px;
    }
}

.artist-detail-page .artist-info .right .share {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #4c4c4c;

    width: 143px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    cursor: pointer;
}
@media (max-width: 1024px) {
    .artist-detail-page .artist-info .right .share {
        position: absolute;
        right: 0px;
    }
}
@media (max-width: 568px) {
    .artist-detail-page .artist-info .right .share {
        width: 40px;
        height: 44px;
    }
    .artist-detail-page .artist-info .right .share span {
        display: none;
    }
}

.artist-detail-page .artist-info .right .share:hover span {
    text-decoration: underline;
}

/* playlist-block */

.playlist-block {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.playlist-block .top {
    display: flex;
    padding: 0px 24px 20px 0px;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid #D9D9D9;
    position: relative;
    z-index: 1;
}
@media (max-width: 568px) {
    .playlist-block .top {
        padding-right: 0;
    }
}

.playlist-block .top .select-box {
    width: 282px;
}
@media (max-width: 568px) {
    .playlist-block .top .select-box {
        width: 100%;
    }
}

.playlist-block .top .time {

}
@media (max-width: 568px) {
    .playlist-block .top .time {
        display: none;
    }
}

.playlist-block .playlist {

}
@media (max-width: 568px) {
    .playlist-block .playlist {
        margin: 0 -16px;
    }
}

.playlist-block .more {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #0042be;

    display: flex;
    align-items: center;
    padding-left: 12px;
}

/* playlist-item */

.playlist-item * {
    transition: .3s ease;
}

.playlist-item {
    display: flex;
    padding: 12px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border-radius: 20px;
    align-self: stretch;
    transition: .3s ease;
    cursor: pointer;
}
.playlist-item:hover {
    background: #F6F6F6;
}

.playlist-item .left {
    display: flex;
    align-items: center;
    gap: 24px;
}

.playlist-item .left .num {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 115%;
    text-align: center;
    color: #999;
    min-width: 20px;
}
@media (max-width: 568px) {
    .playlist-item .left .num {
        display: none;
    }
}

.playlist-item .left .info {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
}

.playlist-item .left .info .img {
    border-radius: 12px;
    width: 48px;
    min-width: 48px;
    height: 48px;

    overflow: hidden;
    background-color: #e3eaf7;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M27 14.8413C26.9875 16.7157 26.522 19.5474 24.8826 21.9317C23.302 24.2307 20.6722 26.046 16.5074 26.2294V29.5691H20.6809V31.0004H11.3191V29.5691H15.1031V26.2294C10.9453 26.0452 8.39549 24.2262 6.90342 21.914C5.36038 19.5229 5.0003 16.6905 5 14.8367H6.40426C6.40454 16.5477 6.74393 19.0627 8.07638 21.1275C9.37756 23.1439 11.6775 24.8158 15.8062 24.8158C19.9372 24.8157 22.3364 23.1404 23.7325 21.1098C25.1568 19.0382 25.5845 16.5225 25.5957 14.832L27 14.8413Z' fill='%230042BE' fill-opacity='0.3' /%3e%3cpath d='M20.8084 15.259V7.33745C20.8084 4.62785 18.6534 2.43131 15.995 2.43131C13.3367 2.43135 11.1816 4.62788 11.1816 7.33745V15.259C11.1816 17.9686 13.3366 20.166 15.995 20.1661V21.5974L15.675 21.589C12.4956 21.4247 9.94654 18.8259 9.78557 15.5852L9.77734 15.259V7.33745C9.77739 3.83739 12.5611 1.00005 15.995 1L16.315 1.00839C19.6003 1.17809 22.2126 3.94672 22.2127 7.33745V15.259L22.2045 15.5852C22.0381 18.9339 19.3218 21.5974 15.995 21.5974V20.1661C18.6534 20.1661 20.8084 17.9687 20.8084 15.259Z' fill='%230042BE' fill-opacity='0.3' /%3e%3c/svg%3e");
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE1IiBoZWlnaHQ9IjQ3IiB2aWV3Qm94PSIwIDAgMTE1IDQ3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Ik0xMDAuNjggNDYuMjAxMlYzNi4yMTIxQzEwMC42OCAzNi4xMjE5IDEwMC43NSAzNi4wNDg4IDEwMC44NCAzNi4wNDg4SDExMi4wMjdDMTEzLjUxMiAzNi4wNDg4IDExMy44ODQgMzcuMDExNiAxMTMuODg0IDM3LjQ5M1Y0Ni4yMDEyQzExMy44ODQgNDYuMjkxNCAxMTMuODExIDQ2LjM2NDUgMTEzLjcyIDQ2LjM2NDVMMTA2Ljc3NiA0Ni4zNjQ1QzEwNi42ODYgNDYuMzY0NSAxMDYuNjEzIDQ2LjI5MTQgMTA2LjYxMyA0Ni4yMDEyVjQ0LjA1MkMxMDYuNjEzIDQzLjk2MTggMTA2LjY4NiA0My44ODg3IDEwNi43NzYgNDMuODg4N0wxMDguMzU2IDQzLjg4ODdDMTA4LjQ0NiA0My44ODg3IDEwOC41MiA0My44MTU2IDEwOC41MiA0My43MjU1VjM4Ljg5NDJDMTA4LjUyIDM4LjgwNCAxMDguNDQ2IDM4LjczMDkgMTA4LjM1NiAzOC43MzA5SDEwNi4wMDFDMTA1LjkxMSAzOC43MzA5IDEwNS44MzggMzguODA0IDEwNS44MzggMzguODk0MlY0Ni4yMDEyQzEwNS44MzggNDYuMjkxNCAxMDUuNzY0IDQ2LjM2NDUgMTA1LjY3NCA0Ni4zNjQ1SDEwMC44NDNDMTAwLjc1MyA0Ni4zNjQ1IDEwMC42OCA0Ni4yOTE0IDEwMC42OCA0Ni4yMDEyWiIgZmlsbD0iIzAwNDJCRSIgZmlsbC1vcGFjaXR5PSIwLjUiIC8+CiAgPHBhdGggZD0iTTk0LjI4NTIgMzUuMDYwN1YzMi42NzExQzk0LjI4NTIgMzIuNTgwOSA5NC4zNTgzIDMyLjUwNzggOTQuNDQ4NCAzMi41MDc4SDk5LjI3OTdDOTkuMzY5OSAzMi41MDc4IDk5LjQ0MyAzMi41ODA5IDk5LjQ0MyAzMi42NzExVjM1LjA2MDdDOTkuNDQzIDM1LjE1MDkgOTkuMzY5OSAzNS4yMjQgOTkuMjc5NyAzNS4yMjRIOTQuNDQ4NEM5NC4zNTgzIDM1LjIyNCA5NC4yODUyIDM1LjE1MDkgOTQuMjg1MiAzNS4wNjA3WiIgZmlsbD0iIzAwNDJCRSIgZmlsbC1vcGFjaXR5PSIwLjUiIC8+CiAgPHBhdGggZD0iTTk0LjI4NTIgNDYuMjAxMlYzNi4yMTIxQzk0LjI4NTIgMzYuMTIxOSA5NC4zNTgzIDM2LjA0ODggOTQuNDQ4NCAzNi4wNDg4SDk5LjI3OTdDOTkuMzY5OSAzNi4wNDg4IDk5LjQ0MyAzNi4xMjE5IDk5LjQ0MyAzNi4yMTIxVjQ2LjIwMTJDOTkuNDQzIDQ2LjI5MTQgOTkuMzY5OSA0Ni4zNjQ1IDk5LjI3OTcgNDYuMzY0NUg5NC40NDg0Qzk0LjM1ODMgNDYuMzY0NSA5NC4yODUyIDQ2LjI5MTQgOTQuMjg1MiA0Ni4yMDEyWiIgZmlsbD0iIzAwNDJCRSIgZmlsbC1vcGFjaXR5PSIwLjUiIC8+CiAgPHBhdGggZD0iTTczLjIzNjkgMzkuMTQzNVYzOS44MDU1QzczLjIzNjkgMzkuODk1NyA3My4zMSAzOS45Njg4IDczLjQwMDIgMzkuOTY4OEg3Ny41Njk1Qzc4LjM5NDcgMzkuOTY4OCA3OC42MDEgMzkuMjgxMSA3OC42MDEgMzguOTM3MlYzNy4yODY3Qzc4LjYwMSAzNi4yOTY0IDc3LjUwMDcgMzYuMDQ4OCA3Ni45NTA1IDM2LjA0ODhINjYuNjM0OUM2NS4zMTQ1IDM2LjA0ODggNjQuOTg0NCAzNi44NzQxIDY0Ljk4NDQgMzcuMjg2N1YzOS45Njg4QzY0Ljk4NDQgNDAuNzk0IDY1LjgwOTYgNDEuMTM3OSA2Ni4yMjIzIDQxLjIwNjdMNjguMzg4NSA0MS42MTkzTDcwLjU1NDggNDIuMDMxOUM3MS4wNDA2IDQyLjE0NCA3Mi4yNDA4IDQyLjM2NTggNzIuODI0MyA0Mi42NTA4QzczLjMxNDUgNDIuODkwNCA3My4yMzY5IDQzLjE3NDYgNzMuMjM2OSA0My40NzYxQzczLjIzNjkgNDQuMTM2MyA3Mi42ODY3IDQ0LjMwMTMgNzIuNDExNiA0NC4zMDEzSDcxLjE3MzhDNzAuNTEzNiA0NC4zMDEzIDcwLjM0ODUgNDMuODg4NyA3MC4zNDg1IDQzLjY4MjRWNDIuODE0MUM3MC4zNDg1IDQyLjcyMzkgNzAuMjc1NCA0Mi42NTA4IDcwLjE4NTIgNDIuNjUwOEg2NS4xNDc2QzY1LjA1NzUgNDIuNjUwOCA2NC45ODQ0IDQyLjcyMzUgNjQuOTg0NCA0Mi44MTM2VjQ1LjUzOTJDNjQuOTg0NCA0Ni4xOTk0IDY1LjgwOTYgNDYuMzY0NSA2Ni4yMjIzIDQ2LjM2NDVINzcuMzYzMkM3OC4xODg0IDQ2LjM2NDUgNzguNjAxIDQ1Ljk1MTkgNzguNjAxIDQ1LjUzOTJWNDIuNjUwOEM3OC42MDEgNDEuNjY0NiA3Ny4yOTQ0IDQxLjQ2MTUgNzYuNzQ0MiA0MS4zODI3Qzc1LjkxOTQgNDEuMjYwOSA3Mi44NjIxIDQwLjgwMzUgNzEuOTk5IDQwLjU4NzdDNzEuMTczOCA0MC4zODE0IDcwLjM0ODUgMzkuNzYyNSA3MC4zNDg1IDM5LjE0MzVDNzAuMzQ4NSAzOC42NDg0IDcwLjYyMzYgMzguNTI0NiA3MC43NjExIDM4LjUyNDZINzIuODI0M0M3My4xNTQ0IDM4LjUyNDYgNzMuMjM2OSAzOC45MzcyIDczLjIzNjkgMzkuMTQzNVoiIGZpbGw9IiMwMDQyQkUiIGZpbGwtb3BhY2l0eT0iMC41IiAvPgogIDxwYXRoIGQ9Ik01MC41NDY5IDQ1LjEyNjZWMzYuMjEyMUM1MC41NDY5IDM2LjEyMTkgNTAuNjIgMzYuMDQ4OCA1MC43MTAxIDM2LjA0ODhINTUuMzM1MUM1NS40MjUzIDM2LjA0ODggNTUuNDk4NCAzNi4xMjA5IDU1LjQ5ODQgMzYuMjExVjQzLjI2OThDNTUuNDk4NCA0My45MyA1Ni4wNDg2IDQ0LjA5NSA1Ni4zMjM2IDQ0LjA5NUg1Ny45NzQxQzU4LjQ2OTMgNDQuMDk1IDU4LjU5MzEgNDMuNTQ0OSA1OC41OTMxIDQzLjI2OThWMzYuMjEyMUM1OC41OTMxIDM2LjEyMTkgNTguNjY2MiAzNi4wNDg4IDU4Ljc1NjQgMzYuMDQ4OEg2My41ODc2QzYzLjY3NzggMzYuMDQ4OCA2My43NTA5IDM2LjEyMDEgNjMuNzUwOSAzNi4yMTAzVjQ1LjEyNjZDNjMuNzUwOSA0Ni4xMTY5IDYyLjkyNTcgNDYuMzY0NSA2Mi41MTMgNDYuMzY0NUg1MS43ODQ4QzUwLjc5NDUgNDYuMzY0NSA1MC41NDY5IDQ1LjUzOTIgNTAuNTQ2OSA0NS4xMjY2WiIgZmlsbD0iIzAwNDJCRSIgZmlsbC1vcGFjaXR5PSIwLjUiIC8+CiAgPHBhdGggZD0iTTE0LjY1MjMgNDYuMjAyVjMyLjQ5OTJDMTQuNjUyMyAzMi40MDkgMTQuNzI1NCAzMi4zMzU5IDE0LjgxNTYgMzIuMzM1OUgxOS44NTMyQzE5Ljk0MzQgMzIuMzM1OSAyMC4wMTY1IDMyLjQwOSAyMC4wMTY1IDMyLjQ5OTJWNDYuMjAyQzIwLjAxNjUgNDYuMjkyMSAxOS45NDM0IDQ2LjM2NTIgMTkuODUzMiA0Ni4zNjUySDE0LjgxNTZDMTQuNzI1NCA0Ni4zNjUyIDE0LjY1MjMgNDYuMjkyMSAxNC42NTIzIDQ2LjIwMloiIGZpbGw9IiMwMDQyQkUiIGZpbGwtb3BhY2l0eT0iMC41IiAvPgogIDxwYXRoIGQ9Ik02LjE4OTM5IDQyLjUzMDZWNDAuNTAxNkM2LjE4OTM5IDQwLjMyMTMgNi4zMzU1MiA0MC4xNzUxIDYuNTE1ODYgNDAuMTc1MUg3LjYzMzU4QzcuOTYzNjggNDAuMTc1MSA4LjA0NjIxIDM5LjkgOC4wNDYyMSAzOS43NjI1VjM5LjM0OThDOC4wNDYyMSAzOC44NTQ3IDcuNzcxMTIgMzguNzMwOSA3LjYzMzU4IDM4LjczMDlINS45ODMwOEM1LjQ4NzkzIDM4LjczMDkgNS4zNjQxNCAzOS4yODExIDUuMzY0MTQgMzkuNTU2MVY0My43MjU1QzUuMzY0MTQgNDMuODE1NiA1LjQzNzI0IDQzLjg4ODcgNS41Mjc0MSA0My44ODg3SDEzLjI0NzFDMTMuMzM3MiA0My44ODg3IDEzLjQxMDMgNDMuOTYxOCAxMy40MTAzIDQ0LjA1MlY0Ni4yMDEyQzEzLjQxMDMgNDYuMjkxNCAxMy4zNCA0Ni4zNjQ1IDEzLjI0OTggNDYuMzY0NUgxLjAzMTU2QzAuMjA2MzEzIDQ2LjM2NDUgMCA0NS41MzkyIDAgNDUuMTI2NlYzNy4wODA0QzAgMzYuMjU1MSAwLjY4NzcxIDM2LjA0ODggMS4wMzE1NiAzNi4wNDg4SDEyLjM3ODhDMTMuMjA0IDM2LjA0ODggMTMuNDEwMyAzNi43MzY1IDEzLjQxMDMgMzcuMDgwNFY0MS42MTkzQzEzLjQxMDMgNDIuNjA5NiAxMi43MjI2IDQyLjg1NzIgMTIuMzc4OCA0Mi44NTcySDYuNTE1OTNDNi4zMzU1OSA0Mi44NTcyIDYuMTg5MzkgNDIuNzExIDYuMTg5MzkgNDIuNTMwNloiIGZpbGw9IiMwMDQyQkUiIGZpbGwtb3BhY2l0eT0iMC41IiAvPgogIDxwYXRoIGQ9Ik0yMS4yNSA0Ni4yMDEyVjM2LjIxMjFDMjEuMjUgMzYuMTIxOSAyMS4zMjMxIDM2LjA0ODggMjEuNDEzMyAzNi4wNDg4SDMzLjQyMjVDMzQuMDQxNCAzNi4wNDg4IDM0LjY2MDMgMzYuNjEyOCAzNC42NjAzIDM3LjQ5M1Y0MC4xNzUxQzM0LjY2MDMgNDAuNTE4OSAzNC40NTQgNDEuMjA2NyAzMy40MjI1IDQxLjIwNjdDMzMuODM1MSA0MS4yMDY3IDM0LjY2MDMgNDEuNTM2OCAzNC42NjAzIDQyLjAzMTlWNDUuNTM5MkMzNC42NjAzIDQ1LjgxNDMgMzQuNDEyOCA0Ni4zNjQ1IDMzLjQyMjUgNDYuMzY0NUgyNy42MDE3QzI3LjUxMTYgNDYuMzY0NSAyNy40Mzk0IDQ2LjI5MTQgMjcuNDM5NCA0Ni4yMDEyVjQ0LjA1MkMyNy40Mzk0IDQzLjk2MTggMjcuNTEyMiA0My44ODg3IDI3LjYwMjQgNDMuODg4N0gyOC44ODM2QzI5LjI5NjIgNDMuODg4NyAyOS41MDI1IDQzLjY4MjQgMjkuNTAyNSA0My4yNjk4QzI5LjUwMjUgNDIuODU3MiAyOS4yOTYyIDQyLjY1MDggMjguODgzNiA0Mi42NTA4SDI3LjYwMjdDMjcuNTEyNSA0Mi42NTA4IDI3LjQzOTQgNDIuNTc3NyAyNy40Mzk0IDQyLjQ4NzZWNDAuNTQ0N0MyNy40Mzk0IDQwLjQ1NDUgMjcuNTEyMiA0MC4zODE0IDI3LjYwMjQgNDAuMzgxNEgyOC42NzczQzI5LjExMDQgNDAuMzgxNCAyOS41MDI1IDQwLjM4MTQgMjkuNTAyNSAzOS43NjI1VjM5LjM0OThDMjkuNTAyNSAzOC43MzA5IDI4Ljk2OTggMzguNzMwOSAyOC42NzczIDM4LjczMDlIMjcuNDM5NEMyNi43NzkyIDM4LjczMDkgMjYuNjE0MSAzOS4xNDM1IDI2LjYxNDEgMzkuMzQ5OFY0Ni4yMDEyQzI2LjYxNDEgNDYuMjkxNCAyNi41NDEgNDYuMzY0NSAyNi40NTA5IDQ2LjM2NDVIMjEuNDEzM0MyMS4zMjMxIDQ2LjM2NDUgMjEuMjUgNDYuMjkxNCAyMS4yNSA0Ni4yMDEyWiIgZmlsbD0iIzAwNDJCRSIgZmlsbC1vcGFjaXR5PSIwLjUiIC8+CiAgPHBhdGggZD0iTTM1Ljg5ODQgNDYuMjAxMlYzNi4yMTIxQzM1Ljg5ODQgMzYuMTIxOSAzNS45NzE1IDM2LjA0ODggMzYuMDYxNyAzNi4wNDg4SDQ4LjA3MDlDNDguNjg5OCAzNi4wNDg4IDQ5LjMwODggMzYuNjEyOCA0OS4zMDg4IDM3LjQ5M1Y0MC4xNzUxQzQ5LjMwODggNDAuNTE4OSA0OS4xMDI1IDQxLjIwNjcgNDguMDcwOSA0MS4yMDY3QzQ4LjQ4MzUgNDEuMjA2NyA0OS4zMDg4IDQxLjUzNjggNDkuMzA4OCA0Mi4wMzE5QzQ5LjMwODggNDIuNTAxNyA0OS4zMDcxIDQ1LjExNCA0OS4zMDcgNDYuMjAyNEM0OS4zMDY5IDQ2LjI5MjYgNDkuMjMzOCA0Ni4zNjQ1IDQ5LjE0MzYgNDYuMzY0NUw0OC4wNzA5IDQ2LjM2NDVINDQuMzE0MUM0NC4yMjQgNDYuMzY0NSA0NC4xNTEgNDYuMjkxNCA0NC4xNTEgNDYuMjAxMlY0My4yNjk4QzQ0LjE1MSA0Mi44NTcyIDQzLjk0NDYgNDIuNjUwOCA0My41MzIgNDIuNjUwOEg0Mi40NTc0QzQyLjM2NzIgNDIuNjUwOCA0Mi4yOTQxIDQyLjU3NzcgNDIuMjk0MSA0Mi40ODc2VjQwLjU0NDdDNDIuMjk0MSA0MC40NTQ1IDQyLjM2NzEgNDAuMzgxNCA0Mi40NTcyIDQwLjM4MTRINDMuMzI1N0M0My43NTg4IDQwLjM4MTQgNDQuMTUxIDQwLjM4MTQgNDQuMTUxIDM5Ljc2MjVWMzkuMzQ5OEM0NC4xNTEgMzguNzMwOSA0My42MTgyIDM4LjczMDkgNDMuMzI1NyAzOC43MzA5SDQyLjA4NzhDNDEuNDI3NiAzOC43MzA5IDQxLjI2MjYgMzkuMTQzNSA0MS4yNjI2IDM5LjM0OThWNDYuMjAxMkM0MS4yNjI2IDQ2LjI5MTQgNDEuMTg5NSA0Ni4zNjQ1IDQxLjA5OTMgNDYuMzY0NUgzNi4wNjE3QzM1Ljk3MTUgNDYuMzY0NSAzNS44OTg0IDQ2LjI5MTQgMzUuODk4NCA0Ni4yMDEyWiIgZmlsbD0iIzAwNDJCRSIgZmlsbC1vcGFjaXR5PSIwLjUiIC8+CiAgPHBhdGggZD0iTTc5LjgzOTggNDQuNzE0VjM3LjI4NjdDNzkuODM5OCAzNi4yOTY0IDgwLjY2NTEgMzYuMDQ4OCA4MS40OTAzIDM2LjA0ODhIOTEuNTk5N0M5Mi41Nzk3IDM2LjA0ODggOTIuOTY3IDM2Ljg1NyA5My4wNDE2IDM3LjI3MzdDOTMuMDQzMiAzNy4yODI1IDkzLjA0MzkgMzcuMjkwOCA5My4wNDM5IDM3LjI5OThWNDQuNzE0QzkzLjA0MzkgNDUuODYwNCA5Mi4wOTU5IDQ2LjI4OTEgOTEuNjEwOSA0Ni4zNjI4QzkxLjYwMzMgNDYuMzY0IDkxLjU5NTggNDYuMzY0NSA5MS41ODgxIDQ2LjM2NDVIODcuMDE3OEM4Ni45Mjc2IDQ2LjM2NDUgODYuODU0NSA0Ni4yOTE0IDg2Ljg1NDUgNDYuMjAxMlY0NC4yNTgzQzg2Ljg1NDUgNDQuMTY4MSA4Ni45Mjc2IDQ0LjA5NSA4Ny4wMTc4IDQ0LjA5NUg4Ny41MTY1Qzg3LjYwNjYgNDQuMDk1IDg3LjY3OTcgNDQuMDIxOSA4Ny42Nzk3IDQzLjkzMThWMzkuMjM3MUM4Ny42Nzk3IDM5LjE0NyA4Ny42MDY2IDM5LjA3MzkgODcuNTE2NSAzOS4wNzM5SDg1LjE2MDlDODUuMDcwOCAzOS4wNzM5IDg0Ljk5NzcgMzkuMTQ3IDg0Ljk5NzcgMzkuMjM3MVY0My45MzE4Qzg0Ljk5NzcgNDQuMDIxOSA4NS4wNzA4IDQ0LjA5NSA4NS4xNjA5IDQ0LjA5NUg4NS44NjZDODUuOTU2MSA0NC4wOTUgODYuMDI5MiA0NC4xNjgxIDg2LjAyOTIgNDQuMjU4M1Y0Ni4yMDEyQzg2LjAyOTIgNDYuMjkxNCA4NS45NTY5IDQ2LjM2NDUgODUuODY2NyA0Ni4zNjQ1SDgxLjQ5MDNDODAuMTY5OSA0Ni4zNjQ1IDc5LjgzOTggNDUuMjY0MSA3OS44Mzk4IDQ0LjcxNFoiIGZpbGw9IiMwMDQyQkUiIGZpbGwtb3BhY2l0eT0iMC41IiAvPgogIDxwYXRoIGQ9Ik0xOC40Mzk5IDIxLjUzMzdMMC4xMDU0NjkgMzMuMzA2N0M2LjIxNjk1IDIyLjYxNDkgMjYuMDg1MyAwLjk5MTA5IDU2LjY2NjYgMC4wMzAwMzE3Qzg3LjI0OCAtMC45MzEwMjYgMTA3LjY3NiAyMS40MTM2IDExNC4wNjcgMzIuNzA2TDc5LjA3NTQgMTQuNjg2MkM3OS4xNzEyIDEzLjkxNzMgNzguMzk2MyAxMy4xNjQ1IDc3Ljk5NjkgMTIuODg0MkM3NS4wNDEgMTEuMjQyNCA2OC42OTc4IDcuNzE4NTIgNjYuOTcyMyA2Ljc1NzQ2QzY1LjI0NjcgNS43OTY0MSA2My40NTcxIDYuMzU3MDIgNjIuNzc4MSA2Ljc1NzQ2TDQ4LjYzNzggMTYuNjA4M0M0Ny42NzkxIDE3LjA4ODggNDcuMTk5OCAxNi4xMjc4IDQ3LjY3OTEgMTUuNjQ3M0w1Mi4yMzI4IDEyLjE2MzRDNTEuNDMzOSAxMS40MDI2IDQ5LjQwNDcgOS42NDA2NCA0Ny42NzkxIDguNjc5NThDNDUuNTIyMiA3LjQ3ODI2IDQ0LjIwNCA3LjgzODY1IDQyLjUyNjMgOC4zMTkxOEM0MS4xODQyIDguNzAzNjEgMjcuNTg3MiAxNy4yODkxIDIwLjk1NjQgMjEuNTMzN0gxOC40Mzk5WiIgZmlsbD0iIzAwNDJCRSIgZmlsbC1vcGFjaXR5PSIwLjUiIC8+Cjwvc3ZnPg==');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.playlist-item:hover .left .info .img:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='32' height='32' rx='16' fill='white' fill-opacity='0.2'/%3e%3cpath d='M13 22L23 16L13 10V22Z' fill='white'/%3e%3c/svg%3e ");
    background-position: center;
    background-repeat: no-repeat;
}
.playlist-item:has(.is-play) .left .info .img:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTEiIHk9IjE2IiB3aWR0aD0iMiIgaGVpZ2h0PSI4IiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB4PSIxNSIgeT0iOCIgd2lkdGg9IjIiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjE5IiB5PSIxMiIgd2lkdGg9IjIiIGhlaWdodD0iMTIiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');
    background-position: center;
    background-repeat: no-repeat;
}
.playlist-item:has(.is-play):hover .left .info .img:before {

    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.5 19H6V5H10.5V19Z' fill='white' /%3e%3cpath d='M18 19H13.5V5H18V19Z' fill='white' /%3e%3c/svg%3e");
}

.playlist-item .left .info .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.playlist-item:hover .left .info .img img {

}

.playlist-item .left .info .img img[src=""]{
    display: none;
}
.playlist-item .left .info > div:nth-child(2) {

}

.playlist-item .left .info > div:nth-child(2) p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.playlist-item .left .info > div:nth-child(2) span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}

.playlist-item .right {
    display: flex;
    align-items: center;
    gap: 24px;
}
@media (max-width: 568px) {
    .playlist-item .right {
        gap: 8px;
    }
}

.playlist-item .right .checkbox {
    cursor: pointer;
}
.playlist-item .right .checkbox {
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}

.playlist-item .right .checkbox .check {
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    width: 20px;
    height: 20px;
}

.playlist-item .right .checkbox:has(:checked) .check {
    background: #0042be;
    border: 1px solid #0042be;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.55383 9.23372C4.65731 9.27398 4.76443 9.29412 4.87521 9.29412C4.98598 9.29412 5.09311 9.27398 5.19659 9.23372C5.30007 9.19409 5.40023 9.12761 5.49707 9.03429L13.0013 1.80332L11.7784 0.625L4.917 7.23662L2.01463 4.43991L0.75 5.6585L4.25334 9.03429C4.35019 9.12761 4.45035 9.19409 4.55383 9.23372Z' fill='white' /%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
}

.playlist-item .right .checkbox input {
    display: none;
}

.playlist-item .right .time-down {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.playlist-item .right .time-down .time {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 115%;
    text-align: center;
    color: #999;
}
.playlist-item:hover .right .time-down .time {
    opacity: 0;
    pointer-events: none;
}
@media (max-width: 1024px) {
    .playlist-item .right .time-down .time {
        opacity: 0;
        pointer-events: none;
    }
}

.playlist-item .right .time-down a {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}
.playlist-item:hover .right .time-down a {
    pointer-events: all;
    opacity: 1;
}
@media (max-width: 1024px) {
    .playlist-item .right .time-down a {
        pointer-events: all;
        opacity: 1;
    }
}

/* page-audio-2 */

.page-audio-2 {

}

.page-audio-2 .album-top {
    margin-bottom: 32px;
}

.page-audio-2 .album-top .breadcrumb {
    padding-left: 0;
}

.page-audio-2 .album-top .top {
    display: flex;
    width: 100%;
    max-width: 708px;
    flex-direction: column;
    gap: 20px;
}

.page-audio-2 .album-top .top .data-view {
    display: flex;
    align-items: center;
    gap: 15px;
}

.page-audio-2 .album-top .top .data-view span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 15px;
    line-height: 115%;
    color: #999;
}

.page-audio-2 .album-top .top h1 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .page-audio-2 .album-top .top h1 {
        font-size: 25px;
    }
}

.page-audio-2 .album-top .top p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;
}

.page-audio-2 .block-2 {
    display: flex;
    gap: 32px;
    margin-bottom: 56px;
}
@media (max-width: 1024px) {
    .page-audio-2 .block-2 {
        flex-direction: column;
    }
}

.page-audio-2 .block-2 > .left {
    border-radius: 32px 0 32px 32px;
    width: calc(100% - 432px - 32px);
    background: #f6f6f6;
    overflow: hidden;
    display: flex;
    /*gap: 40px;*/
}
@media (max-width: 1024px) {
    .page-audio-2 .block-2 > .left {
        width: 100%;
    }
}
@media (max-width: 568px) {
    .page-audio-2 .block-2 > .left {
        flex-direction: column;
        border-radius: 24px;
    }
}

.page-audio-2 .block-2 > .left > .img {
    width: 380px;
    min-width: 380px;
    height: 416px;
    position: relative;
}
@media (max-width: 1024px) {
    .page-audio-2 .block-2 > .left > .img {
        width: 40%;
        min-width: 292px;
    }
}
@media (max-width: 568px) {
    .page-audio-2 .block-2 > .left > .img {
        width: 100%;
        height: 240px;
    }
}

.page-audio-2 .block-2 > .left > .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: relative;
}

.page-audio-2 .block-2 > .left > .img span {
    position: absolute;
    z-index: 1;
    top: 16px;
    left: 16px;
    border-radius: 17px;
    padding: 8px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.2);
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #fff;
}

.page-audio-2 .block-2 > .left > .img div {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: absolute;
    z-index: 1;
    left: 32px;
    bottom: 32px;
}
@media (max-width: 1024px) {
    .page-audio-2 .block-2 > .left > .img div {
        left: 16px;
        bottom: 16px;
    }
}

.page-audio-2 .block-2 > .left > .img div a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #fff;

    display: flex;
    align-items: center;
    gap: 4px;
}

.page-audio-2 .block-2 > .left .img div p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 14px;
    line-height: 115%;
    color: #fff;
}

.page-audio-2 .block-2 > .left .audio-tab {

}

.page-audio-2 .block-2 > .left .audio-tab {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 28px 40px;
}
@media (max-width: 1024px) {
    .page-audio-2 .block-2 > .left .audio-tab {
        width: 100%;
        padding: 28px;
    }
}
@media (max-width: 568px) {
    .page-audio-2 .block-2 > .left .audio-tab {
        padding: 28px 20px;
    }
}

.page-audio-2 .block-2 > .left .audio-tab .nav {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
@media (max-width: 568px) {
    .page-audio-2 .block-2 > .left .audio-tab .nav {

    }
}

.page-audio-2 .block-2 > .left .audio-tab .nav .nav-link  {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;

    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: #000;
    transition: .3s ease;
}
@media (max-width: 568px) {
    .page-audio-2 .block-2 > .left .audio-tab .nav .nav-link {
        width: 36px;
        height: 36px;
        font-size: 15px;
        letter-spacing: -0.01em;
    }
    .page-audio-2 .block-2 > .left .audio-tab .nav .nav-link span {
        display: none;
    }
}

.page-audio-2 .block-2 > .left .audio-tab .nav .nav-link.active {
    border: 1px solid #808080;
    background: transparent;
}

.page-audio-2 .block-2 > .left .audio-tab .nav .nav-link:hover {
    border: 1px solid #808080;
    background: transparent;
}

.page-audio-2 .block-2 > .left .audio-tab .tab-content {
    width: 100%;
}

.page-audio-2 .block-2 > .left .audio-tab .tab-content .tab-pane {

}

.page-audio-2 .block-2 > .left .audio-tab .tab-content .list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media (max-width: 1024px) {
    .page-audio-2 .block-2 > .left .audio-tab .tab-content .list .audio-item {
        padding-left: 0;
        padding-right: 0;
    }
}

.page-audio-2 .block-2 .right {
    border-radius: 32px;
    width: 432px;
    padding: 28px;
    background: #f6f6f6;
    display: flex;
    flex-direction: column;
    gap: 48px;
}
@media (max-width: 1024px) {
    .page-audio-2 .block-2 .right {
        width: 100%;
    }
}
@media (max-width: 568px) {
    .page-audio-2 .block-2 .right {
        padding: 20px;
        gap: 40px;
    }
}

.page-audio-2 .block-2 .right .search-block {
    display: flex;
    align-items: center;
    gap: 8px;
}

.page-audio-2 .block-2 .right .search-filter {
    border: 1px solid #b3b3b3;
    border-radius: 10px;
    padding: 4px 12px;
    height: 52px;
    display: flex;
    align-items: center;
    gap: 4px;
    background: #fff;
    width: calc(100% - 52px - 8px);
}
.page-audio-2 .block-2 .right .search-filter:has(input:placeholder-shown) {
    border: 1px solid #dad9d9;
}
.page-audio-2 .block-2 .right .search-filter:hover {
    border: 1px solid #b3b3b3 !important;
}

.page-audio-2 .block-2 .right .search-filter input {
    border: none;
    outline: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}

.page-audio-2 .block-2 .right .search-filter input::placeholder {
    color: #808080;
}

.page-audio-2 .block-2 .right .search-block input[type=submit] {
    border-radius: 10px;
    width: 52px;
    height: 52px;
    border: none;
    outline: none;
    background-color: #0042be;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5401 7.57265C13.4575 8.97542 14.8913 10.5339 16.9924 11.2742L17 12.0057L17 12.7118C14.9278 13.473 13.4908 15.0344 12.5628 16.436C12.1002 17.1347 11.7702 17.7849 11.5568 18.2579C11.4503 18.4941 11.3734 18.685 11.3239 18.8143C11.2992 18.8789 11.2814 18.928 11.2702 18.9596L11.2584 18.9935L11.2562 19C11.2562 19 11.2563 18.9995 10.6298 18.7372C10.0032 18.4749 10.0034 18.4744 10.0034 18.4744L10.0042 18.4719L10.0058 18.467L10.011 18.4516C10.0153 18.439 10.0213 18.4216 10.0291 18.3996C10.0446 18.3558 10.0671 18.2939 10.0969 18.216C10.1565 18.0603 10.2453 17.8404 10.3658 17.5733C10.6064 17.0398 10.9753 16.3135 11.4923 15.5327C12.2908 14.3266 13.4572 12.9691 15.066 12.0054C13.4321 11.0508 12.2607 9.68574 11.4648 8.46889C10.9513 7.68366 10.5883 6.95163 10.3528 6.41354C10.2348 6.14408 10.1483 5.92206 10.0905 5.76477C10.0615 5.68608 10.0397 5.62348 10.0247 5.57911C10.0172 5.55693 10.0114 5.53929 10.0072 5.52646L10.0022 5.51087L10.0006 5.50584L10 5.50403C10 5.50403 9.99958 5.50269 10.6298 5.25159C11.2599 5.00049 11.2598 5 11.2598 5L11.2618 5.00629L11.2731 5.04023C11.2838 5.0719 11.301 5.12123 11.3249 5.18614C11.3726 5.31604 11.4472 5.50788 11.551 5.7451C11.759 6.22036 12.0824 6.87292 12.5401 7.57265Z' fill='white' /%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    transition: .3s ease;
}
.page-audio-2 .block-2 .right .search-block input[type=submit]:hover {
    background-color: #002f88;
}

.page-audio-2 .block-2 .right .list {

}

.page-audio-2 .block-2 .right .list {
    display: flex;
    flex-direction: column;
}

.page-audio-2 .block-2 .right .list h4 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;

    margin-bottom: 20px;
}

@media (max-width: 1024px) {
    .page-audio-2 .block-2 .right .list .audio-item {
        padding-left: 0;
        padding-right: 0;
    }
}

.page-audio-2 section:has(.select-box) {
    margin-bottom: 32px;
}

.page-audio-2 section:has(.select-box) .select-box {

}

/**/

.audio-item {
    display: flex;
    padding: 12px;
    align-items: center;
    gap: 24px;
    width: 100%;
    cursor: pointer;
}

.audio-item .left {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
}

.audio-item .left .img {
    border-radius: 12px;
    width: 48px;
    height: 48px;
    overflow: hidden;
}

.audio-item .left .img:has(img[src=""]),
.audio-item .left .img:not(:has(img)) {
    background-color: #e3eaf7;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M27 14.8413C26.9875 16.7157 26.522 19.5474 24.8826 21.9317C23.302 24.2307 20.6722 26.046 16.5074 26.2294V29.5691H20.6809V31.0004H11.3191V29.5691H15.1031V26.2294C10.9453 26.0452 8.39549 24.2262 6.90342 21.914C5.36038 19.5229 5.0003 16.6905 5 14.8367H6.40426C6.40454 16.5477 6.74393 19.0627 8.07638 21.1275C9.37756 23.1439 11.6775 24.8158 15.8062 24.8158C19.9372 24.8157 22.3364 23.1404 23.7325 21.1098C25.1568 19.0382 25.5845 16.5225 25.5957 14.832L27 14.8413Z' fill='%230042BE' fill-opacity='0.3' /%3e%3cpath d='M20.8084 15.259V7.33745C20.8084 4.62785 18.6534 2.43131 15.995 2.43131C13.3367 2.43135 11.1816 4.62788 11.1816 7.33745V15.259C11.1816 17.9686 13.3366 20.166 15.995 20.1661V21.5974L15.675 21.589C12.4956 21.4247 9.94654 18.8259 9.78557 15.5852L9.77734 15.259V7.33745C9.77739 3.83739 12.5611 1.00005 15.995 1L16.315 1.00839C19.6003 1.17809 22.2126 3.94672 22.2127 7.33745V15.259L22.2045 15.5852C22.0381 18.9339 19.3218 21.5974 15.995 21.5974V20.1661C18.6534 20.1661 20.8084 17.9687 20.8084 15.259Z' fill='%230042BE' fill-opacity='0.3' /%3e%3c/svg%3e");
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE1IiBoZWlnaHQ9IjQ3IiB2aWV3Qm94PSIwIDAgMTE1IDQ3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Ik0xMDAuNjggNDYuMjAxMlYzNi4yMTIxQzEwMC42OCAzNi4xMjE5IDEwMC43NSAzNi4wNDg4IDEwMC44NCAzNi4wNDg4SDExMi4wMjdDMTEzLjUxMiAzNi4wNDg4IDExMy44ODQgMzcuMDExNiAxMTMuODg0IDM3LjQ5M1Y0Ni4yMDEyQzExMy44ODQgNDYuMjkxNCAxMTMuODExIDQ2LjM2NDUgMTEzLjcyIDQ2LjM2NDVMMTA2Ljc3NiA0Ni4zNjQ1QzEwNi42ODYgNDYuMzY0NSAxMDYuNjEzIDQ2LjI5MTQgMTA2LjYxMyA0Ni4yMDEyVjQ0LjA1MkMxMDYuNjEzIDQzLjk2MTggMTA2LjY4NiA0My44ODg3IDEwNi43NzYgNDMuODg4N0wxMDguMzU2IDQzLjg4ODdDMTA4LjQ0NiA0My44ODg3IDEwOC41MiA0My44MTU2IDEwOC41MiA0My43MjU1VjM4Ljg5NDJDMTA4LjUyIDM4LjgwNCAxMDguNDQ2IDM4LjczMDkgMTA4LjM1NiAzOC43MzA5SDEwNi4wMDFDMTA1LjkxMSAzOC43MzA5IDEwNS44MzggMzguODA0IDEwNS44MzggMzguODk0MlY0Ni4yMDEyQzEwNS44MzggNDYuMjkxNCAxMDUuNzY0IDQ2LjM2NDUgMTA1LjY3NCA0Ni4zNjQ1SDEwMC44NDNDMTAwLjc1MyA0Ni4zNjQ1IDEwMC42OCA0Ni4yOTE0IDEwMC42OCA0Ni4yMDEyWiIgZmlsbD0iIzAwNDJCRSIgZmlsbC1vcGFjaXR5PSIwLjUiIC8+CiAgPHBhdGggZD0iTTk0LjI4NTIgMzUuMDYwN1YzMi42NzExQzk0LjI4NTIgMzIuNTgwOSA5NC4zNTgzIDMyLjUwNzggOTQuNDQ4NCAzMi41MDc4SDk5LjI3OTdDOTkuMzY5OSAzMi41MDc4IDk5LjQ0MyAzMi41ODA5IDk5LjQ0MyAzMi42NzExVjM1LjA2MDdDOTkuNDQzIDM1LjE1MDkgOTkuMzY5OSAzNS4yMjQgOTkuMjc5NyAzNS4yMjRIOTQuNDQ4NEM5NC4zNTgzIDM1LjIyNCA5NC4yODUyIDM1LjE1MDkgOTQuMjg1MiAzNS4wNjA3WiIgZmlsbD0iIzAwNDJCRSIgZmlsbC1vcGFjaXR5PSIwLjUiIC8+CiAgPHBhdGggZD0iTTk0LjI4NTIgNDYuMjAxMlYzNi4yMTIxQzk0LjI4NTIgMzYuMTIxOSA5NC4zNTgzIDM2LjA0ODggOTQuNDQ4NCAzNi4wNDg4SDk5LjI3OTdDOTkuMzY5OSAzNi4wNDg4IDk5LjQ0MyAzNi4xMjE5IDk5LjQ0MyAzNi4yMTIxVjQ2LjIwMTJDOTkuNDQzIDQ2LjI5MTQgOTkuMzY5OSA0Ni4zNjQ1IDk5LjI3OTcgNDYuMzY0NUg5NC40NDg0Qzk0LjM1ODMgNDYuMzY0NSA5NC4yODUyIDQ2LjI5MTQgOTQuMjg1MiA0Ni4yMDEyWiIgZmlsbD0iIzAwNDJCRSIgZmlsbC1vcGFjaXR5PSIwLjUiIC8+CiAgPHBhdGggZD0iTTczLjIzNjkgMzkuMTQzNVYzOS44MDU1QzczLjIzNjkgMzkuODk1NyA3My4zMSAzOS45Njg4IDczLjQwMDIgMzkuOTY4OEg3Ny41Njk1Qzc4LjM5NDcgMzkuOTY4OCA3OC42MDEgMzkuMjgxMSA3OC42MDEgMzguOTM3MlYzNy4yODY3Qzc4LjYwMSAzNi4yOTY0IDc3LjUwMDcgMzYuMDQ4OCA3Ni45NTA1IDM2LjA0ODhINjYuNjM0OUM2NS4zMTQ1IDM2LjA0ODggNjQuOTg0NCAzNi44NzQxIDY0Ljk4NDQgMzcuMjg2N1YzOS45Njg4QzY0Ljk4NDQgNDAuNzk0IDY1LjgwOTYgNDEuMTM3OSA2Ni4yMjIzIDQxLjIwNjdMNjguMzg4NSA0MS42MTkzTDcwLjU1NDggNDIuMDMxOUM3MS4wNDA2IDQyLjE0NCA3Mi4yNDA4IDQyLjM2NTggNzIuODI0MyA0Mi42NTA4QzczLjMxNDUgNDIuODkwNCA3My4yMzY5IDQzLjE3NDYgNzMuMjM2OSA0My40NzYxQzczLjIzNjkgNDQuMTM2MyA3Mi42ODY3IDQ0LjMwMTMgNzIuNDExNiA0NC4zMDEzSDcxLjE3MzhDNzAuNTEzNiA0NC4zMDEzIDcwLjM0ODUgNDMuODg4NyA3MC4zNDg1IDQzLjY4MjRWNDIuODE0MUM3MC4zNDg1IDQyLjcyMzkgNzAuMjc1NCA0Mi42NTA4IDcwLjE4NTIgNDIuNjUwOEg2NS4xNDc2QzY1LjA1NzUgNDIuNjUwOCA2NC45ODQ0IDQyLjcyMzUgNjQuOTg0NCA0Mi44MTM2VjQ1LjUzOTJDNjQuOTg0NCA0Ni4xOTk0IDY1LjgwOTYgNDYuMzY0NSA2Ni4yMjIzIDQ2LjM2NDVINzcuMzYzMkM3OC4xODg0IDQ2LjM2NDUgNzguNjAxIDQ1Ljk1MTkgNzguNjAxIDQ1LjUzOTJWNDIuNjUwOEM3OC42MDEgNDEuNjY0NiA3Ny4yOTQ0IDQxLjQ2MTUgNzYuNzQ0MiA0MS4zODI3Qzc1LjkxOTQgNDEuMjYwOSA3Mi44NjIxIDQwLjgwMzUgNzEuOTk5IDQwLjU4NzdDNzEuMTczOCA0MC4zODE0IDcwLjM0ODUgMzkuNzYyNSA3MC4zNDg1IDM5LjE0MzVDNzAuMzQ4NSAzOC42NDg0IDcwLjYyMzYgMzguNTI0NiA3MC43NjExIDM4LjUyNDZINzIuODI0M0M3My4xNTQ0IDM4LjUyNDYgNzMuMjM2OSAzOC45MzcyIDczLjIzNjkgMzkuMTQzNVoiIGZpbGw9IiMwMDQyQkUiIGZpbGwtb3BhY2l0eT0iMC41IiAvPgogIDxwYXRoIGQ9Ik01MC41NDY5IDQ1LjEyNjZWMzYuMjEyMUM1MC41NDY5IDM2LjEyMTkgNTAuNjIgMzYuMDQ4OCA1MC43MTAxIDM2LjA0ODhINTUuMzM1MUM1NS40MjUzIDM2LjA0ODggNTUuNDk4NCAzNi4xMjA5IDU1LjQ5ODQgMzYuMjExVjQzLjI2OThDNTUuNDk4NCA0My45MyA1Ni4wNDg2IDQ0LjA5NSA1Ni4zMjM2IDQ0LjA5NUg1Ny45NzQxQzU4LjQ2OTMgNDQuMDk1IDU4LjU5MzEgNDMuNTQ0OSA1OC41OTMxIDQzLjI2OThWMzYuMjEyMUM1OC41OTMxIDM2LjEyMTkgNTguNjY2MiAzNi4wNDg4IDU4Ljc1NjQgMzYuMDQ4OEg2My41ODc2QzYzLjY3NzggMzYuMDQ4OCA2My43NTA5IDM2LjEyMDEgNjMuNzUwOSAzNi4yMTAzVjQ1LjEyNjZDNjMuNzUwOSA0Ni4xMTY5IDYyLjkyNTcgNDYuMzY0NSA2Mi41MTMgNDYuMzY0NUg1MS43ODQ4QzUwLjc5NDUgNDYuMzY0NSA1MC41NDY5IDQ1LjUzOTIgNTAuNTQ2OSA0NS4xMjY2WiIgZmlsbD0iIzAwNDJCRSIgZmlsbC1vcGFjaXR5PSIwLjUiIC8+CiAgPHBhdGggZD0iTTE0LjY1MjMgNDYuMjAyVjMyLjQ5OTJDMTQuNjUyMyAzMi40MDkgMTQuNzI1NCAzMi4zMzU5IDE0LjgxNTYgMzIuMzM1OUgxOS44NTMyQzE5Ljk0MzQgMzIuMzM1OSAyMC4wMTY1IDMyLjQwOSAyMC4wMTY1IDMyLjQ5OTJWNDYuMjAyQzIwLjAxNjUgNDYuMjkyMSAxOS45NDM0IDQ2LjM2NTIgMTkuODUzMiA0Ni4zNjUySDE0LjgxNTZDMTQuNzI1NCA0Ni4zNjUyIDE0LjY1MjMgNDYuMjkyMSAxNC42NTIzIDQ2LjIwMloiIGZpbGw9IiMwMDQyQkUiIGZpbGwtb3BhY2l0eT0iMC41IiAvPgogIDxwYXRoIGQ9Ik02LjE4OTM5IDQyLjUzMDZWNDAuNTAxNkM2LjE4OTM5IDQwLjMyMTMgNi4zMzU1MiA0MC4xNzUxIDYuNTE1ODYgNDAuMTc1MUg3LjYzMzU4QzcuOTYzNjggNDAuMTc1MSA4LjA0NjIxIDM5LjkgOC4wNDYyMSAzOS43NjI1VjM5LjM0OThDOC4wNDYyMSAzOC44NTQ3IDcuNzcxMTIgMzguNzMwOSA3LjYzMzU4IDM4LjczMDlINS45ODMwOEM1LjQ4NzkzIDM4LjczMDkgNS4zNjQxNCAzOS4yODExIDUuMzY0MTQgMzkuNTU2MVY0My43MjU1QzUuMzY0MTQgNDMuODE1NiA1LjQzNzI0IDQzLjg4ODcgNS41Mjc0MSA0My44ODg3SDEzLjI0NzFDMTMuMzM3MiA0My44ODg3IDEzLjQxMDMgNDMuOTYxOCAxMy40MTAzIDQ0LjA1MlY0Ni4yMDEyQzEzLjQxMDMgNDYuMjkxNCAxMy4zNCA0Ni4zNjQ1IDEzLjI0OTggNDYuMzY0NUgxLjAzMTU2QzAuMjA2MzEzIDQ2LjM2NDUgMCA0NS41MzkyIDAgNDUuMTI2NlYzNy4wODA0QzAgMzYuMjU1MSAwLjY4NzcxIDM2LjA0ODggMS4wMzE1NiAzNi4wNDg4SDEyLjM3ODhDMTMuMjA0IDM2LjA0ODggMTMuNDEwMyAzNi43MzY1IDEzLjQxMDMgMzcuMDgwNFY0MS42MTkzQzEzLjQxMDMgNDIuNjA5NiAxMi43MjI2IDQyLjg1NzIgMTIuMzc4OCA0Mi44NTcySDYuNTE1OTNDNi4zMzU1OSA0Mi44NTcyIDYuMTg5MzkgNDIuNzExIDYuMTg5MzkgNDIuNTMwNloiIGZpbGw9IiMwMDQyQkUiIGZpbGwtb3BhY2l0eT0iMC41IiAvPgogIDxwYXRoIGQ9Ik0yMS4yNSA0Ni4yMDEyVjM2LjIxMjFDMjEuMjUgMzYuMTIxOSAyMS4zMjMxIDM2LjA0ODggMjEuNDEzMyAzNi4wNDg4SDMzLjQyMjVDMzQuMDQxNCAzNi4wNDg4IDM0LjY2MDMgMzYuNjEyOCAzNC42NjAzIDM3LjQ5M1Y0MC4xNzUxQzM0LjY2MDMgNDAuNTE4OSAzNC40NTQgNDEuMjA2NyAzMy40MjI1IDQxLjIwNjdDMzMuODM1MSA0MS4yMDY3IDM0LjY2MDMgNDEuNTM2OCAzNC42NjAzIDQyLjAzMTlWNDUuNTM5MkMzNC42NjAzIDQ1LjgxNDMgMzQuNDEyOCA0Ni4zNjQ1IDMzLjQyMjUgNDYuMzY0NUgyNy42MDE3QzI3LjUxMTYgNDYuMzY0NSAyNy40Mzk0IDQ2LjI5MTQgMjcuNDM5NCA0Ni4yMDEyVjQ0LjA1MkMyNy40Mzk0IDQzLjk2MTggMjcuNTEyMiA0My44ODg3IDI3LjYwMjQgNDMuODg4N0gyOC44ODM2QzI5LjI5NjIgNDMuODg4NyAyOS41MDI1IDQzLjY4MjQgMjkuNTAyNSA0My4yNjk4QzI5LjUwMjUgNDIuODU3MiAyOS4yOTYyIDQyLjY1MDggMjguODgzNiA0Mi42NTA4SDI3LjYwMjdDMjcuNTEyNSA0Mi42NTA4IDI3LjQzOTQgNDIuNTc3NyAyNy40Mzk0IDQyLjQ4NzZWNDAuNTQ0N0MyNy40Mzk0IDQwLjQ1NDUgMjcuNTEyMiA0MC4zODE0IDI3LjYwMjQgNDAuMzgxNEgyOC42NzczQzI5LjExMDQgNDAuMzgxNCAyOS41MDI1IDQwLjM4MTQgMjkuNTAyNSAzOS43NjI1VjM5LjM0OThDMjkuNTAyNSAzOC43MzA5IDI4Ljk2OTggMzguNzMwOSAyOC42NzczIDM4LjczMDlIMjcuNDM5NEMyNi43NzkyIDM4LjczMDkgMjYuNjE0MSAzOS4xNDM1IDI2LjYxNDEgMzkuMzQ5OFY0Ni4yMDEyQzI2LjYxNDEgNDYuMjkxNCAyNi41NDEgNDYuMzY0NSAyNi40NTA5IDQ2LjM2NDVIMjEuNDEzM0MyMS4zMjMxIDQ2LjM2NDUgMjEuMjUgNDYuMjkxNCAyMS4yNSA0Ni4yMDEyWiIgZmlsbD0iIzAwNDJCRSIgZmlsbC1vcGFjaXR5PSIwLjUiIC8+CiAgPHBhdGggZD0iTTM1Ljg5ODQgNDYuMjAxMlYzNi4yMTIxQzM1Ljg5ODQgMzYuMTIxOSAzNS45NzE1IDM2LjA0ODggMzYuMDYxNyAzNi4wNDg4SDQ4LjA3MDlDNDguNjg5OCAzNi4wNDg4IDQ5LjMwODggMzYuNjEyOCA0OS4zMDg4IDM3LjQ5M1Y0MC4xNzUxQzQ5LjMwODggNDAuNTE4OSA0OS4xMDI1IDQxLjIwNjcgNDguMDcwOSA0MS4yMDY3QzQ4LjQ4MzUgNDEuMjA2NyA0OS4zMDg4IDQxLjUzNjggNDkuMzA4OCA0Mi4wMzE5QzQ5LjMwODggNDIuNTAxNyA0OS4zMDcxIDQ1LjExNCA0OS4zMDcgNDYuMjAyNEM0OS4zMDY5IDQ2LjI5MjYgNDkuMjMzOCA0Ni4zNjQ1IDQ5LjE0MzYgNDYuMzY0NUw0OC4wNzA5IDQ2LjM2NDVINDQuMzE0MUM0NC4yMjQgNDYuMzY0NSA0NC4xNTEgNDYuMjkxNCA0NC4xNTEgNDYuMjAxMlY0My4yNjk4QzQ0LjE1MSA0Mi44NTcyIDQzLjk0NDYgNDIuNjUwOCA0My41MzIgNDIuNjUwOEg0Mi40NTc0QzQyLjM2NzIgNDIuNjUwOCA0Mi4yOTQxIDQyLjU3NzcgNDIuMjk0MSA0Mi40ODc2VjQwLjU0NDdDNDIuMjk0MSA0MC40NTQ1IDQyLjM2NzEgNDAuMzgxNCA0Mi40NTcyIDQwLjM4MTRINDMuMzI1N0M0My43NTg4IDQwLjM4MTQgNDQuMTUxIDQwLjM4MTQgNDQuMTUxIDM5Ljc2MjVWMzkuMzQ5OEM0NC4xNTEgMzguNzMwOSA0My42MTgyIDM4LjczMDkgNDMuMzI1NyAzOC43MzA5SDQyLjA4NzhDNDEuNDI3NiAzOC43MzA5IDQxLjI2MjYgMzkuMTQzNSA0MS4yNjI2IDM5LjM0OThWNDYuMjAxMkM0MS4yNjI2IDQ2LjI5MTQgNDEuMTg5NSA0Ni4zNjQ1IDQxLjA5OTMgNDYuMzY0NUgzNi4wNjE3QzM1Ljk3MTUgNDYuMzY0NSAzNS44OTg0IDQ2LjI5MTQgMzUuODk4NCA0Ni4yMDEyWiIgZmlsbD0iIzAwNDJCRSIgZmlsbC1vcGFjaXR5PSIwLjUiIC8+CiAgPHBhdGggZD0iTTc5LjgzOTggNDQuNzE0VjM3LjI4NjdDNzkuODM5OCAzNi4yOTY0IDgwLjY2NTEgMzYuMDQ4OCA4MS40OTAzIDM2LjA0ODhIOTEuNTk5N0M5Mi41Nzk3IDM2LjA0ODggOTIuOTY3IDM2Ljg1NyA5My4wNDE2IDM3LjI3MzdDOTMuMDQzMiAzNy4yODI1IDkzLjA0MzkgMzcuMjkwOCA5My4wNDM5IDM3LjI5OThWNDQuNzE0QzkzLjA0MzkgNDUuODYwNCA5Mi4wOTU5IDQ2LjI4OTEgOTEuNjEwOSA0Ni4zNjI4QzkxLjYwMzMgNDYuMzY0IDkxLjU5NTggNDYuMzY0NSA5MS41ODgxIDQ2LjM2NDVIODcuMDE3OEM4Ni45Mjc2IDQ2LjM2NDUgODYuODU0NSA0Ni4yOTE0IDg2Ljg1NDUgNDYuMjAxMlY0NC4yNTgzQzg2Ljg1NDUgNDQuMTY4MSA4Ni45Mjc2IDQ0LjA5NSA4Ny4wMTc4IDQ0LjA5NUg4Ny41MTY1Qzg3LjYwNjYgNDQuMDk1IDg3LjY3OTcgNDQuMDIxOSA4Ny42Nzk3IDQzLjkzMThWMzkuMjM3MUM4Ny42Nzk3IDM5LjE0NyA4Ny42MDY2IDM5LjA3MzkgODcuNTE2NSAzOS4wNzM5SDg1LjE2MDlDODUuMDcwOCAzOS4wNzM5IDg0Ljk5NzcgMzkuMTQ3IDg0Ljk5NzcgMzkuMjM3MVY0My45MzE4Qzg0Ljk5NzcgNDQuMDIxOSA4NS4wNzA4IDQ0LjA5NSA4NS4xNjA5IDQ0LjA5NUg4NS44NjZDODUuOTU2MSA0NC4wOTUgODYuMDI5MiA0NC4xNjgxIDg2LjAyOTIgNDQuMjU4M1Y0Ni4yMDEyQzg2LjAyOTIgNDYuMjkxNCA4NS45NTY5IDQ2LjM2NDUgODUuODY2NyA0Ni4zNjQ1SDgxLjQ5MDNDODAuMTY5OSA0Ni4zNjQ1IDc5LjgzOTggNDUuMjY0MSA3OS44Mzk4IDQ0LjcxNFoiIGZpbGw9IiMwMDQyQkUiIGZpbGwtb3BhY2l0eT0iMC41IiAvPgogIDxwYXRoIGQ9Ik0xOC40Mzk5IDIxLjUzMzdMMC4xMDU0NjkgMzMuMzA2N0M2LjIxNjk1IDIyLjYxNDkgMjYuMDg1MyAwLjk5MTA5IDU2LjY2NjYgMC4wMzAwMzE3Qzg3LjI0OCAtMC45MzEwMjYgMTA3LjY3NiAyMS40MTM2IDExNC4wNjcgMzIuNzA2TDc5LjA3NTQgMTQuNjg2MkM3OS4xNzEyIDEzLjkxNzMgNzguMzk2MyAxMy4xNjQ1IDc3Ljk5NjkgMTIuODg0MkM3NS4wNDEgMTEuMjQyNCA2OC42OTc4IDcuNzE4NTIgNjYuOTcyMyA2Ljc1NzQ2QzY1LjI0NjcgNS43OTY0MSA2My40NTcxIDYuMzU3MDIgNjIuNzc4MSA2Ljc1NzQ2TDQ4LjYzNzggMTYuNjA4M0M0Ny42NzkxIDE3LjA4ODggNDcuMTk5OCAxNi4xMjc4IDQ3LjY3OTEgMTUuNjQ3M0w1Mi4yMzI4IDEyLjE2MzRDNTEuNDMzOSAxMS40MDI2IDQ5LjQwNDcgOS42NDA2NCA0Ny42NzkxIDguNjc5NThDNDUuNTIyMiA3LjQ3ODI2IDQ0LjIwNCA3LjgzODY1IDQyLjUyNjMgOC4zMTkxOEM0MS4xODQyIDguNzAzNjEgMjcuNTg3MiAxNy4yODkxIDIwLjk1NjQgMjEuNTMzN0gxOC40Mzk5WiIgZmlsbD0iIzAwNDJCRSIgZmlsbC1vcGFjaXR5PSIwLjUiIC8+Cjwvc3ZnPg==');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}

.audio-item .left .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.audio-item .left .img img[src=""]{
    display: none;
}

.audio-item .left .info {
    display: flex;
    flex-direction: column;
}

.audio-item .left .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.audio-item:hover .left .info p {
    text-decoration: underline;
}

.audio-item .left .info span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.audio-item .time {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-align: center;
    color: #999;
}

.page-audio-2 .album-list {

}

.page-audio-2 .album-list .grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 40px 32px;
}
@media (max-width: 1024px) {
    .page-audio-2 .album-list .grid {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 40px 20px;
    }
}
@media (max-width: 568px) {
    .page-audio-2 .album-list .grid {
        gap: 28px 12px;
    }
}

.page-audio-2 .album-list .pagination {

}
.page-audio-2 .album-list .pagination {
    display: flex;
    width: 351px;
    margin: auto;
    margin-top: 40px;
    flex-direction: column;
    align-items: flex-end;
    gap: 32px;
}

.page-audio-2 .album-list .pagination > a {
    width: 351px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;

}

.page-audio-2 .album-list .pagination .list {
    display: flex;
    align-items: center;
    gap: 4px;
    align-self: stretch;
}

.page-audio-2 .album-list .pagination .list a {
    border-radius: 8px;
    padding: 12px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 150%;
    color: #999;
}

.page-audio-2 .album-list .pagination .list a.active {
    color: #000;
}

/* audio-album-list */

.audio-album-list {
    margin-top: calc(120px - 64px);
}
@media (max-width: 1024px) {
    .audio-album-list {
        margin-top: calc(100px - 64px);
    }
}
@media (max-width: 1024px) {
    .audio-album-list {
        margin-top: calc(80px - 56px);
    }
}

.album-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.album-item .img {
    border-radius: 24px;
    display: flex;
    /*width: 200px;*/
    /*height: 200px;*/
    max-width: 200px;
    aspect-ratio: 1;
    overflow: hidden;
}

.album-item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.album-item .info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.album-item .info a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 1024px) {
    .album-item .info a {
        font-size: 14px;
    }
}
.album-item:hover .info a {
    text-decoration: underline;
}

.album-item .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}
@media (max-width: 1024px) {
    .album-item .info p {
        font-size: 12px;
    }
}

/*  */

.reviews {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.reviews > p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}

.reviews .list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.reviews .list .item {
    border-radius: 32px;
    padding: 24px;
    background: #f6f6f6;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
@media (max-width: 568px) {
    .reviews .list .item {
        padding: 20px;
    }
}

.reviews .list .item .top {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.reviews .list .item .top .img {
    border-radius: 56px;
    width: 44px;
    height: 44px;
    background: #d9d9d9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reviews .list .item .top .img img {

}

.reviews .list .item .top .img span {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: -0.01em;
    color: #999;
}

.reviews .list .item .top .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}

.reviews .list .item .top .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #000;
}

.reviews .list .item .top .info span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 115%;
    color: #999;
}

.reviews .list .item .meta {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 8px;
    align-self: stretch;
    flex-wrap: wrap;
}

.reviews .list .item .meta span {
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 4px;
    border-radius: 17px;
    height: 32px;
    background: rgba(255, 255, 255, 0.8);

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    color: #4c4c4c;
}

.reviews .list .item .text {

}

.reviews .list .item .text p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.7);
}

.reviews > a {
    display: flex;
    align-items: center;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #0042be;
}
.reviews > a:hover {
    text-decoration: underline;
}

/* audio-3-carousel */

.audio-3-carousel {
    height: calc(72px*4);
}

.audio-3-carousel .playlist-item {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 72px !important;
}
@media (max-width: 568px) {
    .audio-3-carousel .playlist-item {
        padding-left: 0;
    }
}

/* page-audio */

.page-audio {

}

.page-audio .block-1 {
    display: flex;
    align-items: initial;
    gap: 22px;
    /*margin-bottom: 56px;*/
}
@media (max-width: 1024px) {
    .page-audio .block-1 {
        flex-direction: column;
    }
}

.page-audio .block-1 > .left {
    width: 444px;
    border-radius: 32px 32px 32px 0;
    padding: 40px;
    background: #e3eaf7;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .page-audio .block-1 > .left {
        width: 100%;
        padding-top: 82px;
    }
}
@media (max-width: 568px) {
    .page-audio .block-1 > .left {
        padding: 20px;
        padding-top: 70px;
        gap: 20px;
    }
}

.page-audio .block-1 > .left p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(76, 76, 76, 0.8);
}

.page-audio .block-1 > .center {
    width: 100%;
    max-width: 444px;
    border-radius: 32px;
    padding: 32px;
    background-color: #f6f6f6;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg0IiBoZWlnaHQ9IjM3NCIgdmlld0JveD0iMCAwIDE4NCAzNzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yMDgyXzEyMTQxOCkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIzMS40ODMgODUuMTIzN0MyNDkuMTY3IDcyLjQxMDcgMjYxLjMwNyA4NC40NjE2IDI2NS4xNjcgOTIuMDc2MkMyNzIuNTM1IDc1LjE5MTggMjUzLjU4OCA2My4yNzMgMjMxLjQ4MyA2Ny4yNDU5QzIwOS4zNzggNzEuMjE4NyAxNzEuNDg0IDEwNS45ODEgMjEyLjUzNiAxMzkuNzVDMjI5Ljg4NSAxNTQuMDIxIDI0Ni40ODIgMTU3LjgyNiAyNjIuMDA5IDE1My43MTVWMTczLjUxOUwyNjIuMjU3IDE5NS4xNjdDMjM2LjM2NSAxODkuNDE5IDE5OS42MjEgMTk3LjAxMyAxOTguODUyIDIzMS4xMjVDMTk3Ljc5OSAyNzcuODA2IDIzMS40ODMgMjgxLjc3OSAyNTAuNDMgMjgxLjc3OUMyNjUuNTg3IDI4MS43NzkgMjY4LjY3NSAyNjMuOTAxIDI2OC4zMjQgMjU0Ljk2MkMyNjQuODE2IDI1OS4yNjYgMjU1LjQ4MyAyNjcuODc0IDI0Ni4yMiAyNjcuODc0QzIxMi41MzYgMjY3Ljg3NCAyMTIuNTM2IDIxMS4yNjEgMjYyLjAwOSAyMTcuMjJDMzAxLjU4NyAyMjEuOTg4IDI5Ny40NDcgMjU2LjI4NiAyOTAuNDI5IDI3Mi44NEMzNDIuNjM5IDI4My4xNjkgMzQ1LjE2NSAzMjEuNTA3IDMzOS45MDIgMzM5LjM4NUMzMjguMzI0IDMyMC41MTQgMjk5LjkwMyAzMDUuNjE2IDI1Ny43OTggMzA1LjYxNkMyMjQuMTE1IDMwNS42MTYgMjAwLjI1NSAyOTIuMzczIDE5Mi41MzYgMjg1Ljc1MkMxOTQuMjIgMzEzLjU2MSAxODIuMDEgMzM0LjQxOSAxNzUuNjk0IDM0MS4zNzFDMTYyLjIyMSAzMzAuMjQ3IDE1Ny40NDkgMjk5LjY1NiAxNTYuNzQ3IDI4NS43NTJDMTQyLjAxMSAyOTYuNjc3IDEyNy4yNzQgMzA2LjYwOSA4MC45NTkyIDMwNS42MTZDNDMuOTA3NCAzMDQuODIxIDE5LjkwNzMgMzI3Ljc5NyAxMi41Mzg4IDMzOS4zODVDMi40MzM2NSAyOTUuNjg0IDQwLjYwODUgMjc3LjQ3NSA2MC45NTkxIDI3My44MzNDNDMuMDY0NiAyNTYuOTQ5IDU5LjkwNjUgMjA1LjMwMiA5OS45MDU5IDIxNy4yMkMxMzkuOTA1IDIyOS4xMzkgMTI0LjExNiAyNjYuODgxIDEwNS4xNjkgMjY3Ljg3NEM5MC4wMTEzIDI2OC42NjggODQuMTE2NyAyNTkuNTk3IDgzLjA2NCAyNTQuOTYyQzgzLjA2NCAyNzcuMjEgOTQuMjkyIDI4Mi4xMSA5OS45MDU5IDI4MS43NzlDMTU2LjE0NSAyODEuNzc5IDE1NS4wNDUgMjQ1LjEyOSAxNTQuNjg3IDIzMy4xNzRWMjMzLjE3M1YyMzMuMTczQzE1NC42NjMgMjMyLjM3NCAxNTQuNjQyIDIzMS42ODUgMTU0LjY0MiAyMzEuMTI1QzE1NC42NDIgMjIyLjE4NiAxMzYuNzQ3IDE4OS40MSA5OS45MDU5IDE5My4zODNWMTU1LjY0MUMxMjAuOTU4IDE1Ny42MjggMTQ5LjM3OSAxNDQuNzE2IDE1NC42NDIgMTE1LjkxM0MxNTkuOTA1IDg3LjExIDEzMi41MzcgNjMuMjczIDEwNS4xNjkgNjUuMjU5NEM4My4yNzQ2IDY2Ljg0ODYgODIuNzEzMiA4NC40NjE1IDg1LjE2OTMgOTMuMDY5M0M5MS40ODUgODUuNDU0NyAxMDcuNDg1IDczLjgwMSAxMjAuOTU4IDg4LjEwMzJDMTM3LjggMTA1Ljk4MSAxMTkuOTA2IDEzNi43NyA4Ny4yNzQ1IDEzMi43OThDNDcuNjk2MiAxMjQuMDU3IDUzLjI0MDIgOTAuNzUxOCA2MC45NTk1IDc1LjE5MTVDMTkuNjk2OSA3NS4xOTE1IDEwLjc4NDggMzAuODI4MyAxMS40ODY1IDguNjQ2NjFDMTguMTUzMSAyMi41NTE1IDQxLjM4MDggNDguNTczNiA4MC45NTkyIDQxLjQyMjVDMTIwLjUzOCAzNC4yNzE0IDE1MC4wODEgNTMuMDA5OSAxNTkuOTA1IDYzLjI3M0MxNTEuNDg0IDQ1Ljc5MjUgMTU5LjkwNSAyMS41NTgzIDE3NS42OTQgNS42NjY5OUMxOTUuNjk0IDE5LjU3MTkgMTk0Ljk5MiA0OS42OTkyIDE5My41ODkgNjMuMjczQzIxOC4wNjkgNDAuOTQ0NSAyNDAuNjUxIDQxLjI5NzIgMjYzLjc4OCA0MS42NTg3QzI3MC40OTYgNDEuNzYzNSAyNzcuMjUyIDQxLjg2OSAyODQuMTE0IDQxLjQyMjVDMzA4LjUzNCAzOS44MzMzIDMzMS40ODEgMTguOTA5OCAzMzkuOTAyIDguNjQ2NjFDMzQ5LjE2NSA1MS41NTMyIDMxMi4xODMgNzAuODg3NiAyOTIuNTM1IDc1LjE5MTVDMzA5LjM3NiAxMjcuODMyIDI2NS4xNjcgMTM0Ljc4NCAyNDYuMjIgMTMyLjc5OEMyMjcuMjczIDEzMC44MTEgMjA5LjM3OCAxMDEuMDE1IDIzMS40ODMgODUuMTIzN1pNMTc1LjkxMyA5My4xMDYzQzE3Ny4wMzEgMTE5LjAwMiAxOTMuMTgxIDE3MS4yNTkgMjQ4Ljg0MyAxNzMuMTIzQzIyNC41MzMgMTc3Ljc4NCAxNzUuOTEzIDE5OS44NDcgMTc1LjkxMyAyNTAuODA5QzE3NS45MTMgMjMwLjg3IDE2Mi42NjggMTg3LjQxNyAxMDkuNjg5IDE3My4xMjNDMTMxLjc2MyAxNzAuNzkyIDE3NS45MTMgMTUxLjUyNiAxNzUuOTEzIDkzLjEwNjNaIiBmaWxsPSIjRUVFRUVGIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjA4Ml8xMjE0MTgiPgo8cmVjdCB3aWR0aD0iMTg0IiBoZWlnaHQ9IjM3NCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K');
    background-repeat: no-repeat;
    background-position: right center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
@media (max-width: 1024px) {
    .page-audio .block-1 > .center {
        max-width: 100%;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjMwNCIgdmlld0JveD0iMCAwIDE1MCAzMDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yNDk2XzEyMDQwNCkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE4OC4xNTYgNjkuMTg5NkMyMDIuNTMgNTguODU2IDIxMi4zOTggNjguNjUxNCAyMTUuNTM1IDc0Ljg0MDhDMjIxLjUyNSA2MS4xMTY2IDIwNi4xMjQgNTEuNDI4NiAxODguMTU2IDU0LjY1NzlDMTcwLjE4OSA1Ny44ODcyIDEzOS4zODcgODYuMTQzMSAxNzIuNzU1IDExMy41OTJDMTg2Ljg1NyAxMjUuMTkyIDIwMC4zNDcgMTI4LjI4NSAyMTIuOTY4IDEyNC45NDNWMTQxLjA0TDIxMy4xNyAxNTguNjM3QzE5Mi4xMjQgMTUzLjk2NSAxNjIuMjU4IDE2MC4xMzcgMTYxLjYzMiAxODcuODY1QzE2MC43NzcgMjI1LjgwOCAxODguMTU2IDIyOS4wMzggMjAzLjU1NyAyMjkuMDM4QzIxNS44NzcgMjI5LjAzOCAyMTguMzg3IDIxNC41MDYgMjE4LjEwMiAyMDcuMjRDMjE1LjI1IDIxMC43MzggMjA3LjY2NCAyMTcuNzM1IDIwMC4xMzUgMjE3LjczNUMxNzIuNzU1IDIxNy43MzUgMTcyLjc1NSAxNzEuNzE4IDIxMi45NjggMTc2LjU2MkMyNDUuMTM5IDE4MC40MzcgMjQxLjc3NCAyMDguMzE2IDIzNi4wNyAyMjEuNzcyQzI3OC41MDggMjMwLjE2OCAyODAuNTYxIDI2MS4zMyAyNzYuMjgzIDI3NS44NjJDMjY2Ljg3MSAyNjAuNTIzIDI0My43NyAyNDguNDEzIDIwOS41NDYgMjQ4LjQxM0MxODIuMTY3IDI0OC40MTMgMTYyLjc3MyAyMzcuNjQ5IDE1Ni40OTkgMjMyLjI2N0MxNTcuODY4IDI1NC44NzIgMTQ3Ljk0MyAyNzEuODI1IDE0Mi44MDkgMjc3LjQ3NkMxMzEuODU3IDI2OC40MzQgMTI3Ljk3OSAyNDMuNTY5IDEyNy40MDggMjMyLjI2N0MxMTUuNDMgMjQxLjE0NyAxMDMuNDUxIDI0OS4yMiA2NS44MDUyIDI0OC40MTNDMzUuNjg4MyAyNDcuNzY3IDE2LjE4MDIgMjY2LjQ0MyAxMC4xOTA3IDI3NS44NjJDMS45NzY5NyAyNDAuMzQgMzMuMDA2OCAyMjUuNTM5IDQ5LjU0ODQgMjIyLjU3OUMzNS4wMDMyIDIwOC44NTUgNDguNjkyOSAxNjYuODc0IDgxLjIwNTcgMTc2LjU2MkMxMTMuNzE5IDE4Ni4yNSAxMDAuODg1IDIxNi45MjggODUuNDgzNyAyMTcuNzM1QzczLjE2MzEgMjE4LjM4MSA2OC4zNzE3IDIxMS4wMDggNjcuNTE2MSAyMDcuMjRDNjcuNTE2MSAyMjUuMzI0IDc2LjY0MjUgMjI5LjMwNyA4MS4yMDU3IDIyOS4wMzhDMTI2LjkxOSAyMjkuMDM4IDEyNi4wMjUgMTk5LjI0NyAxMjUuNzMzIDE4OS41M0MxMjUuNzE0IDE4OC44OCAxMjUuNjk3IDE4OC4zMiAxMjUuNjk3IDE4Ny44NjVDMTI1LjY5NyAxODAuNTk5IDExMS4xNTIgMTUzLjk1NyA4MS4yMDU3IDE1Ny4xODdWMTI2LjUwOUM5OC4zMTc4IDEyOC4xMjMgMTIxLjQxOSAxMTcuNjI4IDEyNS42OTcgOTQuMjE2MkMxMjkuOTc1IDcwLjgwNDIgMTA3LjcyOSA1MS40Mjg2IDg1LjQ4MzcgNTMuMDQzM0M2Ny42ODcyIDU0LjMzNSA2Ny4yMzA5IDY4LjY1MTMgNjkuMjI3MyA3NS42NDhDNzQuMzYwOSA2OS40NTg2IDg3LjM2NjEgNTkuOTg2MiA5OC4zMTc4IDcxLjYxMTVDMTEyLjAwNyA4Ni4xNDMxIDk3LjQ2MjIgMTExLjE3IDcwLjkzODUgMTA3Ljk0MUMzOC43Njc5IDEwMC44MzYgNDMuMjc0MiA3My43NjQzIDQ5LjU0ODggNjEuMTE2NEMxNi4wMDkyIDYxLjExNjQgOC43NjUwNCAyNS4wNTY0IDkuMzM1NDQgNy4wMjY0M0MxNC43NTQzIDE4LjMyODggMzMuNjM0NiAzOS40ODA0IDY1LjgwNTIgMzMuNjY3OEM5Ny45NzU4IDI3Ljg1NTEgMTIxLjk5IDQzLjA4NjQgMTI5Ljk3NSA1MS40Mjg2QzEyMy4xMyAzNy4yMTk5IDEyOS45NzUgMTcuNTIxNSAxNDIuODA5IDQuNjA0NDlDMTU5LjA2NiAxNS45MDY5IDE1OC40OTUgNDAuMzk1NCAxNTcuMzU0IDUxLjQyODZDMTc3LjI1MyAzMy4yNzkyIDE5NS42MDggMzMuNTY2IDIxNC40MTQgMzMuODU5N0MyMTkuODY4IDMzLjk0NDkgMjI1LjM1OSAzNC4wMzA3IDIzMC45MzYgMzMuNjY3OEMyNTAuNzg2IDMyLjM3NjEgMjY5LjQzOCAxNS4zNjg3IDI3Ni4yODMgNy4wMjY0M0MyODMuODEyIDQxLjkwMjQgMjUzLjc1MiA1Ny42MTggMjM3Ljc4MSA2MS4xMTY0QzI1MS40NzEgMTAzLjkwNCAyMTUuNTM1IDEwOS41NTUgMjAwLjEzNSAxMDcuOTQxQzE4NC43MzQgMTA2LjMyNiAxNzAuMTg4IDgyLjEwNjYgMTg4LjE1NiA2OS4xODk2Wk0xNDIuOTg3IDc1LjY3NUMxNDMuODk1IDk2LjcyMzcgMTU3LjAyMyAxMzkuMiAyMDIuMjY3IDE0MC43MTVDMTgyLjUwNyAxNDQuNTA0IDE0Mi45ODcgMTYyLjQzOCAxNDIuOTg3IDIwMy44NjFDMTQyLjk4NyAxODcuNjU0IDEzMi4yMjEgMTUyLjMzNCA4OS4xNTcyIDE0MC43MTVDMTA3LjEgMTM4LjgyMSAxNDIuOTg3IDEyMy4xNjEgMTQyLjk4NyA3NS42NzVaIiBmaWxsPSIjRUVFRUVGIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjQ5Nl8xMjA0MDQiPgo8cmVjdCB3aWR0aD0iMTUwIiBoZWlnaHQ9IjMwNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K');
    }
}
@media (max-width: 568px) {
    .page-audio .block-1 > .center {
        padding: 25px 20px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ4IiBoZWlnaHQ9IjMwNCIgdmlld0JveD0iMCAwIDE0OCAzMDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yNDk2XzEyMDY1NykiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE4Ny4xNTYgNjkuMTg5NkMyMDEuNTMgNTguODU2IDIxMS4zOTggNjguNjUxNCAyMTQuNTM1IDc0Ljg0MDhDMjIwLjUyNSA2MS4xMTY2IDIwNS4xMjQgNTEuNDI4NiAxODcuMTU2IDU0LjY1NzlDMTY5LjE4OSA1Ny44ODcyIDEzOC4zODcgODYuMTQzMSAxNzEuNzU1IDExMy41OTJDMTg1Ljg1NyAxMjUuMTkyIDE5OS4zNDcgMTI4LjI4NSAyMTEuOTY4IDEyNC45NDNWMTQxLjA0TDIxMi4xNyAxNTguNjM3QzE5MS4xMjQgMTUzLjk2NSAxNjEuMjU4IDE2MC4xMzcgMTYwLjYzMiAxODcuODY1QzE1OS43NzcgMjI1LjgwOCAxODcuMTU2IDIyOS4wMzggMjAyLjU1NyAyMjkuMDM4QzIxNC44NzcgMjI5LjAzOCAyMTcuMzg3IDIxNC41MDYgMjE3LjEwMiAyMDcuMjRDMjE0LjI1IDIxMC43MzggMjA2LjY2NCAyMTcuNzM1IDE5OS4xMzUgMjE3LjczNUMxNzEuNzU1IDIxNy43MzUgMTcxLjc1NSAxNzEuNzE4IDIxMS45NjggMTc2LjU2MkMyNDQuMTM5IDE4MC40MzcgMjQwLjc3NCAyMDguMzE2IDIzNS4wNyAyMjEuNzcyQzI3Ny41MDggMjMwLjE2OCAyNzkuNTYxIDI2MS4zMyAyNzUuMjgzIDI3NS44NjJDMjY1Ljg3MSAyNjAuNTIzIDI0Mi43NyAyNDguNDEzIDIwOC41NDYgMjQ4LjQxM0MxODEuMTY3IDI0OC40MTMgMTYxLjc3MyAyMzcuNjQ5IDE1NS40OTkgMjMyLjI2N0MxNTYuODY4IDI1NC44NzIgMTQ2Ljk0MyAyNzEuODI1IDE0MS44MDkgMjc3LjQ3NkMxMzAuODU3IDI2OC40MzQgMTI2Ljk3OSAyNDMuNTY5IDEyNi40MDggMjMyLjI2N0MxMTQuNDMgMjQxLjE0NyAxMDIuNDUxIDI0OS4yMiA2NC44MDUyIDI0OC40MTNDMzQuNjg4MyAyNDcuNzY3IDE1LjE4MDIgMjY2LjQ0MyA5LjE5MDc1IDI3NS44NjJDMC45NzY5NjYgMjQwLjM0IDMyLjAwNjggMjI1LjUzOSA0OC41NDg0IDIyMi41NzlDMzQuMDAzMiAyMDguODU1IDQ3LjY5MjkgMTY2Ljg3NCA4MC4yMDU3IDE3Ni41NjJDMTEyLjcxOSAxODYuMjUgOTkuODg0NiAyMTYuOTI4IDg0LjQ4MzcgMjE3LjczNUM3Mi4xNjMxIDIxOC4zODEgNjcuMzcxNyAyMTEuMDA4IDY2LjUxNjEgMjA3LjI0QzY2LjUxNjEgMjI1LjMyNCA3NS42NDI1IDIyOS4zMDcgODAuMjA1NyAyMjkuMDM4QzEyNS45MTkgMjI5LjAzOCAxMjUuMDI1IDE5OS4yNDcgMTI0LjczMyAxODkuNTNDMTI0LjcxNCAxODguODggMTI0LjY5NyAxODguMzIgMTI0LjY5NyAxODcuODY1QzEyNC42OTcgMTgwLjU5OSAxMTAuMTUyIDE1My45NTcgODAuMjA1NyAxNTcuMTg3VjEyNi41MDlDOTcuMzE3OCAxMjguMTIzIDEyMC40MTkgMTE3LjYyOCAxMjQuNjk3IDk0LjIxNjJDMTI4Ljk3NSA3MC44MDQyIDEwNi43MjkgNTEuNDI4NiA4NC40ODM3IDUzLjA0MzNDNjYuNjg3MiA1NC4zMzUgNjYuMjMwOSA2OC42NTEzIDY4LjIyNzMgNzUuNjQ4QzczLjM2MDkgNjkuNDU4NiA4Ni4zNjYxIDU5Ljk4NjIgOTcuMzE3OCA3MS42MTE1QzExMS4wMDcgODYuMTQzMSA5Ni40NjIyIDExMS4xNyA2OS45Mzg1IDEwNy45NDFDMzcuNzY3OSAxMDAuODM2IDQyLjI3NDIgNzMuNzY0MyA0OC41NDg4IDYxLjExNjRDMTUuMDA5MiA2MS4xMTY0IDcuNzY1MDQgMjUuMDU2NCA4LjMzNTQ0IDcuMDI2NDNDMTMuNzU0MyAxOC4zMjg4IDMyLjYzNDYgMzkuNDgwNCA2NC44MDUyIDMzLjY2NzhDOTYuOTc1OCAyNy44NTUxIDEyMC45OSA0My4wODY0IDEyOC45NzUgNTEuNDI4NkMxMjIuMTMgMzcuMjE5OSAxMjguOTc1IDE3LjUyMTUgMTQxLjgwOSA0LjYwNDQ5QzE1OC4wNjYgMTUuOTA2OSAxNTcuNDk1IDQwLjM5NTQgMTU2LjM1NCA1MS40Mjg2QzE3Ni4yNTMgMzMuMjc5MiAxOTQuNjA4IDMzLjU2NiAyMTMuNDE0IDMzLjg1OTdDMjE4Ljg2OCAzMy45NDQ5IDIyNC4zNTkgMzQuMDMwNyAyMjkuOTM2IDMzLjY2NzhDMjQ5Ljc4NiAzMi4zNzYxIDI2OC40MzggMTUuMzY4NyAyNzUuMjgzIDcuMDI2NDNDMjgyLjgxMiA0MS45MDI0IDI1Mi43NTIgNTcuNjE4IDIzNi43ODEgNjEuMTE2NEMyNTAuNDcxIDEwMy45MDQgMjE0LjUzNSAxMDkuNTU1IDE5OS4xMzUgMTA3Ljk0MUMxODMuNzM0IDEwNi4zMjYgMTY5LjE4OCA4Mi4xMDY2IDE4Ny4xNTYgNjkuMTg5NlpNMTQxLjk4NyA3NS42NzVDMTQyLjg5NSA5Ni43MjM3IDE1Ni4wMjMgMTM5LjIgMjAxLjI2NyAxNDAuNzE1QzE4MS41MDcgMTQ0LjUwNCAxNDEuOTg3IDE2Mi40MzggMTQxLjk4NyAyMDMuODYxQzE0MS45ODcgMTg3LjY1NCAxMzEuMjIxIDE1Mi4zMzQgODguMTU3MiAxNDAuNzE1QzEwNi4xIDEzOC44MjEgMTQxLjk4NyAxMjMuMTYxIDE0MS45ODcgNzUuNjc1WiIgZmlsbD0iI0VFRUVFRiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI0OTZfMTIwNjU3Ij4KPHJlY3Qgd2lkdGg9IjE0OCIgaGVpZ2h0PSIzMDQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==');
        background-position: right bottom;
    }
}

.page-audio .block-1 > .center h4 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}
@media (max-width: 568px) {
    .page-audio .block-1 > .center h4 {
        font-size: 18px;
    }
}

.page-audio .block-1 > .center h4 a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #0042be;

    display: flex;
    align-items: center;
    gap: 0;
    transition: .3s ease;
}
.page-audio .block-1 > .center h4 a:hover {
    gap: 4px;
}

.page-audio .block-1 > .center .list {
    display: flex;
    flex-direction: column;
    width: 100%;
}
@media (max-width: 1024px) {
    .page-audio .block-1 > .center .list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0px 20px;
    }
}
@media (max-width: 568px) {
    .page-audio .block-1 > .center .list {
        display: flex;
        gap: 0px ;
    }
}

.page-audio .block-1 > .center .list .item {
    border-radius: 20px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.page-audio .block-1 > .center .list .item .img {
    border-radius: 68px;
    width: 72px;
    height: 72px;
    overflow: hidden;
}

.page-audio .block-1 > .center .list .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.page-audio .block-1 > .center .list .item .info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 0 0;
}

.page-audio .block-1 > .center .list .item .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #000;
}
.page-audio .block-1 > .center .list .item:hover .info p {
    text-decoration: underline;
}

.page-audio .block-1 > .center .list .item .info span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}

.page-audio .block-1 > .right {
    border-radius: 32px;
    width: 444px;
    padding: 28px;
    background: #f6f6f6;
    display: flex;
    flex-direction: column;
    gap: 48px;
}
@media (max-width: 1024px) {
    .page-audio .block-1 > .right {
        width: 100%;
    }
}
@media (max-width: 568px) {
    .page-audio .block-1 > .right {
        padding: 20px;
        gap: 40px;
    }
}

.page-audio .block-1 > .right .search-block {
    display: flex;
    align-items: center;
    gap: 8px;
}

.page-audio .block-1 > .right .search-filter {
    border: 1px solid #b3b3b3;
    border-radius: 10px;
    padding: 4px 12px;
    height: 52px;
    display: flex;
    align-items: center;
    gap: 4px;
    background: #fff;
    width: calc(100% - 52px - 8px);
    transition: .3s ease;
}
.page-audio .block-1 > .right .search-filter:has(input:placeholder-shown) {
    border: 1px solid #dad9d9;
}
.page-audio .block-1 > .right .search-filter:hover {
    border: 1px solid #b3b3b3 !important;
}

.page-audio .block-1 > .right .search-filter input {
    border: none;
    outline: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}

.page-audio .block-1 > .right .search-filter input::placeholder {
    color: #808080;
}

.page-audio .block-1 > .right .search-block input[type=submit] {
    border-radius: 10px;
    width: 52px;
    height: 52px;
    border: none;
    outline: none;
    background-color: #0042be;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5401 7.57265C13.4575 8.97542 14.8913 10.5339 16.9924 11.2742L17 12.0057L17 12.7118C14.9278 13.473 13.4908 15.0344 12.5628 16.436C12.1002 17.1347 11.7702 17.7849 11.5568 18.2579C11.4503 18.4941 11.3734 18.685 11.3239 18.8143C11.2992 18.8789 11.2814 18.928 11.2702 18.9596L11.2584 18.9935L11.2562 19C11.2562 19 11.2563 18.9995 10.6298 18.7372C10.0032 18.4749 10.0034 18.4744 10.0034 18.4744L10.0042 18.4719L10.0058 18.467L10.011 18.4516C10.0153 18.439 10.0213 18.4216 10.0291 18.3996C10.0446 18.3558 10.0671 18.2939 10.0969 18.216C10.1565 18.0603 10.2453 17.8404 10.3658 17.5733C10.6064 17.0398 10.9753 16.3135 11.4923 15.5327C12.2908 14.3266 13.4572 12.9691 15.066 12.0054C13.4321 11.0508 12.2607 9.68574 11.4648 8.46889C10.9513 7.68366 10.5883 6.95163 10.3528 6.41354C10.2348 6.14408 10.1483 5.92206 10.0905 5.76477C10.0615 5.68608 10.0397 5.62348 10.0247 5.57911C10.0172 5.55693 10.0114 5.53929 10.0072 5.52646L10.0022 5.51087L10.0006 5.50584L10 5.50403C10 5.50403 9.99958 5.50269 10.6298 5.25159C11.2599 5.00049 11.2598 5 11.2598 5L11.2618 5.00629L11.2731 5.04023C11.2838 5.0719 11.301 5.12123 11.3249 5.18614C11.3726 5.31604 11.4472 5.50788 11.551 5.7451C11.759 6.22036 12.0824 6.87292 12.5401 7.57265Z' fill='white' /%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    transition: .3s ease;
}
.page-audio .block-1 > .right .search-block input[type=submit]:hover {
    background-color: #002f88;
}

.page-audio .block-1 > .right .list {

}

.page-audio .block-1 > .right .list {
    display: flex;
    flex-direction: column;
}

.page-audio .block-1 > .right .list h4 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;

    margin-bottom: 20px;
}

@media (max-width: 1024px) {
    .page-audio .block-1 > .right .list .audio-item {
        padding-left: 0;
        padding-right: 0;
    }
}

.page-audio .filter_1 {
    margin-top: 0;
}

.page-audio .filter-1 {

}

.page-audio .block-2 {
    display: flex;
    gap: 22px;
    margin-bottom: 56px;
}
@media (max-width: 1024px) {
    .page-audio .block-2 {
        flex-direction: column;
    }
}

.page-audio .block-2 > .left {
    width: 444px;
    bordth: 444px;
    border-radius: 32px;
    background: #f6f6f6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 32px;
    padding: 32px;
    overflow: hidden;
    position: relative;
}
@media (max-width: 1024px) {
    .page-audio .block-2 > .left {
        width: 100%;
    }
}

.page-audio .block-2 > .left .top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.page-audio .block-2 > .left .top h2 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    text-align: center;
    color: #000;
}

.page-audio .block-2 > .left .top p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-align: center;
    color: #4c4c4c;
}

.page-audio .block-2 > .left .logo {
    position: relative;
    z-index: 1;
}

.page-audio .block-2 > .left a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #0042be;

    display: flex;
    align-items: center;
    gap: 0;
    transition: .3s ease;
}
.page-audio .block-2 > .left a:hover {
    gap: 4px;
}

.page-audio .block-2 > .left > svg {
    position: absolute;
    z-index: 0;
    margin-top: 70px;
}

.page-audio .block-2 > .right {
    border-radius: 32px 0 32px 32px;
    width: calc(100% - 444px - 22px);
    background: #f6f6f6;
    overflow: hidden;
    display: flex;
    /*gap: 40px;*/
}
@media (max-width: 1024px) {
    .page-audio .block-2 > .right {
        width: 100%;
    }
}
@media (max-width: 568px) {
    .page-audio .block-2 > .right {
        flex-direction: column;
        border-radius: 24px;
    }
}

.page-audio .block-2 > .right > .img {
    width: 380px;
    min-width: 380px;
    height: 416px;
    position: relative;
}
@media (max-width: 1024px) {
    .page-audio .block-2 > .right > .img {
        width: 40%;
        min-width: 292px;
    }
}
@media (max-width: 568px) {
    .page-audio .block-2 > .right > .img {
        width: 100%;
        height: 240px;
    }
}

.page-audio .block-2 > .right > .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: relative;
}

.page-audio .block-2 > .right > .img span {
    position: absolute;
    z-index: 1;
    top: 16px;
    left: 16px;
    border-radius: 17px;
    padding: 8px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.2);
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #fff;
}

.page-audio .block-2 > .right > .img div {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: absolute;
    z-index: 1;
    left: 32px;
    bottom: 32px;
}
@media (max-width: 1024px) {
    .page-audio .block-2 > .right > .img div {
        left: 16px;
        bottom: 16px;
    }
}

.page-audio .block-2 > .right > .img div a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #fff;

    display: flex;
    align-items: center;
    gap: 4px;
    transition: .3s ease;
}
.page-audio .block-2 > .right > .img div a:hover {
    gap: 8px;
}

.page-audio .block-2 > .right .img div p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 14px;
    line-height: 115%;
    color: #fff;
}

.page-audio .block-2 > .right .audio-tab {

}

.page-audio .block-2 > .right .audio-tab {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 28px 40px;
}
@media (max-width: 1024px) {
    .page-audio .block-2 > .right .audio-tab {
        width: 100%;
        padding: 28px;
    }
}
@media (max-width: 568px) {
    .page-audio .block-2 > .right .audio-tab {
        padding: 28px 20px;
    }
}

.page-audio .block-2 > .right .audio-tab .nav {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
@media (max-width: 568px) {
    .page-audio .block-2 > .right .audio-tab .nav {

    }
}

.page-audio .block-2 > .right .audio-tab .nav .nav-link  {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;

    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: #000;
    transition: .3s ease;
}
@media (max-width: 568px) {
    .page-audio .block-2 > .right .audio-tab .nav .nav-link {
        width: 36px;
        height: 36px;
        font-size: 15px;
        letter-spacing: -0.01em;
    }
    .page-audio .block-2 > .right .audio-tab .nav .nav-link span {
        display: none;
    }
}

.page-audio .block-2 > .right .audio-tab .nav .nav-link.active,
.page-audio .block-2 > .right .audio-tab .nav .nav-link:hover {
    border: 1px solid #808080;
    background: transparent;
}

.page-audio .block-2 > .right .audio-tab .tab-content {
    width: 100%;
}

.page-audio .block-2 > .right .audio-tab .tab-content .tab-pane {

}

.page-audio .block-2 > .right .audio-tab .tab-content .list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media (max-width: 1024px) {
    .page-audio .block-2 > .right .audio-tab .tab-content .list .audio-item {
        padding-left: 0;
        padding-right: 0;
    }
}

.page-audio .audio-list {

}

.page-audio .audio-list .list {

}

/* page-text */

.page-text {

}

.page-text section {
    display: flex;
    flex-direction: column;
    gap: 48px;
}
@media (max-width: 1024px) {
    .page-text section {
        gap: 24px;
    }
}

.page-text .txt {
    display: flex;
    width: 100%;
    max-width: 1130px;
    flex-direction: column;
    gap: 48px;
}
@media (max-width: 568px) {
    .page-text .txt {
        gap: 24px;
    }
}

.page-text section h1 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .page-text section h1 {
        font-size: 25px;
    }
}

.page-text section .text {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 12px;
}

.page-text section .text h2 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #1b1b1b;
    margin-bottom: 8px;
}
@media (max-width: 568px) {
    .page-text section .text h2 {
        font-size: 16px;
    }
}

.page-text section .text p {
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: rgba(0, 0, 0, 0.6);
}

.page-text section .text p a {
    text-decoration: underline;
    color: #0042be;
}

/* page-about */

.page-about {
    display: flex;
    flex-direction: column;
    gap: 120px;
}
@media (max-width: 1024px) {
    .page-about {
        gap: 100px;
    }
}
@media (max-width: 568px) {
    .page-about {
        gap: 80px;
    }
}

.page-about .block-2 {

}

.page-about .block-2 .grid {
    display: grid;
    grid-template-columns: 443px 1fr;
    gap: 16px;
}
@media (max-width: 1024px) {
    .page-about .block-2 .grid {
        display: flex;
        flex-direction: column;
    }
}

.page-about .block-2 .grid > .item {

    background: #f6f6f6;
}

.page-about .block-2 .grid > .item h3 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 1024px) {
    .page-about .block-2 .grid > .item h3 {
        font-size: 30px;
    }
}
@media (max-width: 568px) {
    .page-about .block-2 .grid > .item h3 {
        font-size: 25px;
    }
}

.page-about .block-2 .grid .item-1 {
    grid-row-start: 1;
    grid-row-end: 3;

    display: flex;
    flex-direction: column;
    border-radius: 30px;
}
@media (max-width: 1024px) {
    .page-about .block-2 .grid .item-1 {
        flex-direction: row;
    }
}
@media (max-width: 568px) {
    .page-about .block-2 .grid .item-1 {
        flex-direction: column-reverse;
    }
}

.page-about .block-2 .grid .item-1 .img {
    border-radius: 32px;
    width: 100%;
    height: 330px;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .page-about .block-2 .grid .item-1 .img {
        border-radius: 32px;
        min-width: 256px;
        width: 256px;
        height: 218px;
    }
}
@media (max-width: 568px) {
    .page-about .block-2 .grid .item-1 .img {
        border-radius: 24px;
        width: 100%;
        height: 220px;
    }
}

.page-about .block-2 .grid .item-1 .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.page-about .block-2 .grid .item-1 .info {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 40px;
}
@media (max-width: 1024px) {
    .page-about .block-2 .grid .item-1 .info {
        padding: 32px;
    }
}
@media (max-width: 568px) {
    .page-about .block-2 .grid .item-1 .info {
        padding: 20px;
        gap: 20px;
    }
}

.page-about .block-2 .grid .item-1 .info h3 {

}

.page-about .block-2 .grid .item-1 .info p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.8);
}

.page-about .block-2 .grid .item-2 {
    border-radius: 32px 32px 32px 0;
    padding: 40px;
    max-width: calc(1360px - 443px - 16px);
    display: flex;
    flex-direction: column;
    gap: 32px;
    flex-shrink: 0;
    position: relative;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjcwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI3MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzM3LjA4MyAtNjYuMDk1OEMzNjEuMDE2IC03Mi44Mjg1IDM2OS4zMzMgLTU1LjE2MjMgMzcwLjUgLTQ1LjQ4NzZDMzg0Ljk5NiAtNjAuNzIyIDM2OS4zMjUgLTgwLjkwNCAzNDQuMDYzIC04NS4yNzI2QzMxOC44MDEgLTg5LjY0MTEgMjY0LjU4MiAtNjcuMTQ3NyAyOTUuNDMzIC0xNC44OTc5QzMwOC40NzEgNy4xODMyOSAzMjQuNzg4IDE3Ljc0NDggMzQzLjA0OCAxOS4zOTY3TDMzNS4zMTYgNDAuNjM5NkwzMjcuMTMgNjMuOTU3NkMzMDEuNjAxIDQ3LjY4MzUgMjU5LjIyMyA0MS40ODMyIDI0NS4wOCA3Ny43NzM3QzIyNS43MjYgMTI3LjQzNSAyNjAuMzA2IDE0NC44NDcgMjgwLjYzIDE1Mi4yNDRDMjk2Ljg4OSAxNTguMTYyIDMwNy4xODEgMTQwLjE5MSAzMTAuMjk0IDEzMC40NjZDMzA0Ljg1IDEzMy43MTIgMjkxLjQ3OCAxMzkuMzAyIDI4MS41NDIgMTM1LjY4NUMyNDUuNDEyIDEyMi41MzUgMjY3LjUxNCA2MS44MDg3IDMxOC4yNTUgODcuNTE1OUMzNTguODQ3IDEwOC4wODIgMzQxLjAxNSAxNDMuMjU2IDMyNy4wMjUgMTU4LjI3MkMzNzguOTk2IDE4OS43MzYgMzY2LjczOCAyMzEuODQ1IDM1NC4xMTMgMjQ4Ljk2N0MzNDkuMDYgMjI0LjIwNSAzMjQuMzkxIDE5Ny4xMjggMjc5LjIyNyAxODAuNjlDMjQzLjA5NiAxNjcuNTM5IDIyMi42NzQgMTQ0LjAxOSAyMTYuOTc5IDEzMy45MDNDMjA3LjkyOCAxNjQuMzkxIDE4Ni42ODggMTgxLjk5NyAxNzcuMTk5IDE4Ni45ODlDMTY3LjA4OSAxNjkuNzk2IDE3My45MTQgMTM1LjEyIDE3OC41OSAxMTkuOTMxQzE1OC41MTcgMTI1Ljg5NiAxMzguODMyIDEzMC43OTcgODkuNTQgMTExLjY0OUM1MC4xMDY1IDk2LjMzMTUgMTUuMzkyNCAxMTEuNjA3IDIuOTY0NTkgMTIxLjE2QzkuMTg2ODUgNzAuMzM4MiA1Ny4yNDQzIDY1LjcxMDQgODAuNDk1MyA2OS43NDkyQzY3Ljg5MjYgNDQuNjUxNyAxMDYuMTIyIC00LjE3MjE5IDE0NC4zNzQgMjQuMjI4NkMxODIuNjI3IDUyLjYyOTQgMTUwLjk1NSA4Ni45NDkxIDEzMC4yNDQgODAuNjE3MkMxMTMuNjc1IDc1LjU1MTcgMTEwLjg5MyA2My41MiAxMTEuNTc0IDU4LjEzNzNDMTAyLjg4OCA4Mi4wMDE2IDExMy4wMTkgOTEuNjQxIDExOS4xNyA5My40Nzc2QzE3OS40OTUgMTE1LjQzNCAxOTIuNjI0IDc1LjY5MTkgMTk2LjkwNyA2Mi43MjgyQzE5Ny4xOTMgNjEuODYxNCAxOTcuNDQgNjEuMTE0NCAxOTcuNjU4IDYwLjUxMzVDMjAxLjE0OCA1MC45MjUyIDE5NC43NSA4Ljc4MTcyIDE1My42ODEgLTEuMzQwMjlMMTY4LjQxNiAtNDEuODI0M0MxOTAuMjIyIC0zMS40NzQ0IDIyNS43NDggLTM0LjIyODQgMjQyLjYzOSAtNjMuMDY5NEMyNTkuNTI5IC05MS45MTAzIDIzOS40NzkgLTEyOC4xNjQgMjA5LjM0NyAtMTM2LjcxOEMxODUuMjQyIC0xNDMuNTYxIDE3Ny43NjMgLTEyNC44ODggMTc3LjAzNyAtMTE0LjY5NkMxODYuNzg1IC0xMjAuMzk4IDIwOC40OTcgLTEyNi42NTIgMjE3LjM2NSAtMTA2LjA1QzIyOC40NTEgLTgwLjI5ODQgMTk3LjIzNiAtNTQuMjU4MSAxNjMuNzg1IC03MS4yNTkzQzEyNC43NDMgLTk2LjA4NjUgMTQzLjY5MyAtMTI5LjY0NyAxNTguMDQ4IC0xNDMuMzI0QzExMy43ODggLTE1OS40MzQgMTIxLjU0OCAtMjEwLjUgMTMwLjk2MSAtMjM0LjAxOUMxMzIuNjgzIC0yMTYuNTAxIDE0Ny40MzkgLTE3OS41MiAxOTIuNjg1IC0xNzEuNzM5QzIzNy45MzEgLTE2My45NTggMjYyLjMwNSAtMTMyLjMyMyAyNjguODM2IC0xMTcuNDc5QzI2Ni42MjggLTEzOS41MTcgMjg1LjEyMiAtMTYyLjIyNSAzMDguMjYyIC0xNzMuMTA2QzMyNC4yODcgLTE1MC4zODMgMzExLjc3MiAtMTE4LjM0MSAzMDQuOTY3IC0xMDQuMzI5QzMzOS45NDMgLTExOC43MjIgMzY0LjAyOCAtMTA5LjUyNyAzODguNzA1IC0xMDAuMTA3QzM5NS44NiAtOTcuMzc1IDQwMy4wNjUgLTk0LjYyNDQgNDEwLjYgLTkyLjQyNDRDNDM3LjQxNSAtODQuNTk0OCA0NzAuMTk4IC05OC4wNzk3IDQ4My4yMzggLTEwNS44MDFDNDc2LjQyMyAtNTYuMTYwNSA0MjkuMjA1IC00OS44NTk2IDQwNi40NDkgLTUyLjkxNDJDNDAzLjk2MyAxMC4xMjU3IDM1My44MjYgMC4zMjMxNjUgMzM0LjI3OCAtOS4yMDQ3OUMzMTQuNzMgLTE4LjczMjggMzA3LjE2OCAtNTcuNjggMzM3LjA4MyAtNjYuMDk1OFpNMjc0LjM1OSAtNzkuMjI4MUMyNjUuNDQ4IC01MS4wMTQ5IDI2Mi4zNzEgMTEuMzQ0MyAzMjEuMzQ5IDM1LjA3NTVDMjkzLjQ1MyAzMC41ODQzIDIzMi42ODYgMzUuMjY4IDIxMi43OSA4OS45MzI4QzIyMC41NzQgNjguNTQ0NiAyMjMuMzMyIDE2Ljc2NDEgMTcyLjA4NCAtMTkuMjUyNkMxOTYuNjcyIC0xMy4xMzQyIDI1MS41NTEgLTE2LjU2MzYgMjc0LjM1OSAtNzkuMjI4MVoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==');
    background-repeat: no-repeat;
    background-position: right top;
}
@media (max-width: 1024px) {
    .page-about .block-2 .grid .item-2 {
        max-width: 100%;
        padding: 32px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAxIiBoZWlnaHQ9IjE5OSIgdmlld0JveD0iMCAwIDIwMSAxOTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjI0LjY4NiAtOS44NTQxNkMyNDAuNDUzIC0xMy44NTc2IDI0NS41OTcgLTIuMTYyOTcgMjQ2LjE5OSA0LjE4NDc2QzI1NS45MzUgLTUuNTM3NTIgMjQ2LjAyMyAtMTkuMDAwOCAyMjkuNTcyIC0yMi4yODA5QzIxMy4xMjIgLTI1LjU2MSAxNzcuMjggLTExLjc1NTMgMTk2LjU4NiAyMi45Mzc1QzIwNC43NDQgMzcuNTk4OSAyMTUuMjQgNDQuNzgwMiAyMjcuMTU3IDQ2LjE2NjJMMjIxLjc0NCA1OS45MzE5TDIxNS45OTkgNzUuMDQ3MkMxOTkuNTczIDYzLjk3NTEgMTcxLjk1OCA1OS4yMTA1IDE2Mi4wOTkgODIuNzExNEMxNDguNjA5IDExNC44NzEgMTcwLjkzNyAxMjYuODM5IDE4NC4xMDYgMTMyLjAxN0MxOTQuNjQyIDEzNi4xNiAyMDEuNjc1IDEyNC41NzggMjAzLjg3NCAxMTguMjY4QzIwMC4yNTkgMTIwLjMwMSAxOTEuNDE5IDEyMy43MzMgMTg0Ljk4IDEyMS4yMDJDMTYxLjU2NyAxMTEuOTk1IDE3Ny4wNCA3Mi42NDQxIDIwOS44IDkwLjMwODFDMjM2LjAwNyAxMDQuNDM5IDIyMy43NTUgMTI3LjE0OSAyMTQuMzUzIDEzNi43MzdDMjQ3LjgyIDE1OC4xODYgMjM5LjA5OCAxODUuNTI1IDIzMC41NTMgMTk2LjUxM0MyMjcuNjYzIDE4MC4yMzIgMjExLjk4IDE2Mi4xMDggMTgyLjcxMyAxNTAuNkMxNTkuMyAxNDEuMzk0IDE0Ni4zMzUgMTI1LjY2OCAxNDIuNzc5IDExOC45NTZDMTM2LjM0OSAxMzguNzQ2IDEyMi4xNjEgMTQ5LjkwNyAxMTUuODcxIDE1My4wMTNDMTA5LjU0NiAxNDEuNTk4IDExNC41OSAxMTkuMDMxIDExNy45MDMgMTA5LjE3NEMxMDQuNjczIDExMi43NCA5MS43MTUzIDExNS42MTYgNTkuNzkzOCAxMDIuMjY3QzM0LjI1NjYgOTEuNTg3OSAxMS4yOTQ2IDEwMC45OTkgMy4wMDU3NSAxMDcuMDM5QzcuOTI2MDYgNzMuOTAwOSAzOS40Mzc4IDcxLjY3OCA1NC41Nzg3IDc0LjcwODhDNDYuNzU1MiA1OC4wODE3IDcyLjU3NzggMjYuNzg1NiA5Ny4xMjM1IDQ2LjAwMjZDMTIxLjY2OSA2NS4yMTk2IDEwMC4zNzkgODcuMTM4MiA4Ni45MzczIDgyLjY0OTlDNzYuMTg0MiA3OS4wNTk0IDc0LjU2NjMgNzEuMTQyOSA3NS4xMDE0IDY3LjYzMzVDNjkuMDIwNyA4My4wOTc4IDc1LjQ4NTkgODkuNTcyNCA3OS40Nzg2IDkwLjg3NjZDMTE4LjU3IDEwNi4yNDggMTI3LjgyMyA4MC40NzIgMTMwLjg0MSA3Mi4wNjQxQzEzMS4wNDMgNzEuNTAyIDEzMS4yMTYgNzEuMDE3NSAxMzEuMzcgNzAuNjI4MUMxMzMuODEzIDY0LjQxNDggMTMwLjMzMyAzNi43NDE3IDEwMy42MzkgMjkuNDMzN0wxMTMuOTU0IDMuMTk5NjlDMTI4LjA0NCAxMC4zMzQ0IDE1MS4zMjggOS4xMjc0MyAxNjIuODU5IC05LjQ1NDhDMTc0LjM5IC0yOC4wMzcgMTYxLjg4MiAtNTIuMDg2MSAxNDIuMzE1IC01OC4xODU1QzEyNi42NjIgLTYzLjA2NSAxMjEuNDU4IC01MC45NzU5IDEyMC44MTMgLTQ0LjMyMTRDMTI3LjI4NCAtNDcuODg4IDE0MS41OSAtNTEuNjE1MyAxNDcuMDQ3IC0zNy45OTE1QzE1My44NjcgLTIwLjk2MTcgMTMzLjAxMyAtNC40NTEwNiAxMTEuNDE4IC0xNi4xMzEyQzg2LjI5NjEgLTMzLjAyMzkgOTkuMjUyNiAtNTQuNjU5IDEwOC44NzEgLTYzLjM2NUM4MC4xODk5IC03NC42NDI4IDg2LjEyMDQgLTEwNy45MTUgOTIuNjcwOCAtMTIzLjE0MkM5My41MDQyIC0xMTEuNjU0IDEwMi41MzcgLTg3LjIxODEgMTMyLjAwMiAtODEuMzcxM0MxNjEuNDY3IC03NS41MjQ1IDE3Ni44ODEgLTU0LjQyNDkgMTgwLjkwNSAtNDQuNjA1OUMxNzkuODI5IC01OS4wNTggMTkyLjMwNiAtNzMuNjAxNCAyMDcuNjI1IC04MC4zMzE5QzIxNy43MjYgLTY1LjIwMDMgMjA5LjAwNCAtNDQuNDUxIDIwNC4zMTggLTM1LjM5OTVDMjI3LjQzNyAtNDQuMjI5MSAyNDMuMDM3IC0zNy44MTE4IDI1OS4wMiAtMzEuMjM2OUMyNjMuNjU1IC0yOS4zMzA0IDI2OC4zMjIgLTI3LjQxMDcgMjczLjIxMyAtMjUuODQ1NkMyOTAuNjIyIC0yMC4yNzU2IDMxMi4yOTEgLTI4LjU0NzYgMzIwLjk1IC0zMy4zNzk4QzMxNS42NjEgLTEuMDI0MTEgMjg0LjY3MSAyLjMwNzI5IDI2OS44MzcgLTAuMDcxNDczOUMyNjcuMTU2IDQxLjEyMTMgMjM0LjUyNiAzMy44NzA2IDIyMS44OTkgMjcuMzExM0MyMDkuMjcyIDIwLjc1MiAyMDQuOTc4IC00Ljg0OTkxIDIyNC42ODYgLTkuODU0MTZaTTE4My44NzkgLTE5LjQ5MzhDMTc3LjU3OCAtMS4xODg2NCAxNzQuNTIyIDM5LjU0OSAyMTIuNzAyIDU2LjA1ODNDMTk0LjUzMSA1Mi42NTM5IDE1NC43MDUgNTQuNzAwOCAxNDAuNzc2IDkwLjEyNDFDMTQ2LjIyNiA3Ni4yNjQ0IDE0OC44OTYgNDIuNDQwOSAxMTUuOTc3IDE4LjAyNDlDMTMxLjk1OCAyMi40MzgzIDE2Ny45MTIgMjEuMTEzNCAxODMuODc5IC0xOS40OTM4WiIgZmlsbD0iI0VFRUVFRSIvPgo8L3N2Zz4K');
    }
}
@media (max-width: 568px) {
    .page-about .block-2 .grid .item-2 {
        padding: 20px;
        background-image: none;
    }
}

.page-about .block-2 .grid .item-2 h3 {

}

.page-about .block-2 .grid .item-2 .values-swiper {
    width: 100%;
    display: flex;
    gap: 32px;
    align-items: flex-end;
    justify-content: space-between;
    padding-top: 40px;
}
@media (max-width: 1024px) {
    .page-about .block-2 .grid .item-2 .values-swiper {
        flex-direction: column;
        align-items: flex-start;
    }
}

.page-about .block-2 .grid .item-2 .swiper-pagination {
    position: absolute;
    left: 0;
    width: fit-content;
    top: 0;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 115%;
    color: rgba(11, 11, 11, 0.35);
}

.page-about .block-2 .grid .item-2 .values-swiper .swiper-wrapper {
    width: 100%;
    max-width: 478px;
}

.page-about .block-2 .grid .item-2 .values-swiper .swiper-slide:not(.swiper-slide-visible) {
    opacity: 0 !important;
    pointer-events: none;
}

.page-about .block-2 .grid .item-2 .values-swiper .item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 478px;
}
@media (max-width: 1024px) {
    .page-about .block-2 .grid .item-2 .values-swiper .item {
        max-width: 100%;
    }
}

.page-about .block-2 .grid .item-2 .values-swiper .item strong {

}

.page-about .block-2 .grid .item-2 .values-swiper .item p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.8);
}

.page-about .block-2 .grid .item-2 .arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    background: #f6f6f6;
    /*position: relative;*/
    z-index: 1;
}
@media (max-width: 1024px) {
    .page-about .block-2 .grid .item-2 .arrow {
        /*display: none;*/
    }
}
.page-about .block-2 .grid .item-2 .arrow:after {
    content: '';
    background: #f6f6f6;
    position: absolute;
    z-index: -1;
    top: 0;
    height: 100%;
    width: 400px;
}
@media (max-width: 1024px) {
    .page-about .block-2 .grid .item-2 .arrow:after {
        display: none;
    }
}

.page-about .block-2 .grid .item-2 .arrow div {
    border: 1px solid #d9d9d9;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    transition: .3s ease;
}
@media (max-width: 568px) {
    .page-about .block-2 .grid .item-2 .arrow div {
        width: 44px;
        height: 44px
    }
}
.page-about .block-2 .grid .item-2 .arrow div:hover {
    border: 1px solid #666;
}

.page-about .block-2 .grid .item-3 {
    border-radius: 32px 0 32px 32px;
    position: relative;
}

.page-about .block-2 .grid .item-3 .left {
   padding-left: 0;
}

.page-about .block-2 .grid .item-3 .left h3 {
    position: absolute;
    left: 40px;
    top: 40px;
}
@media (max-width: 1024px) {
    .page-about .block-2 .grid .item-3 .left h3 {
        left: 32px;
        top: 32px;
    }
}
@media (max-width: 568px) {
    .page-about .block-2 .grid .item-3 .left h3 {
        position: initial;
        padding: 20px;
    }
}

.page-about .block-2 .grid .item-3 .left p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.8);

    padding-bottom: 40px;
}
@media (max-width: 1024px) {
    .page-about .block-2 .grid .item-3 .left p {
        padding-bottom: 32px;
    }
}
@media (max-width: 568px) {
    .page-about .block-2 .grid .item-3 .left p {
        padding: 0 20px;
    }
}

.page-about .block-2 .grid .item-3 .img {

}

.page-about .block-2 .grid .item-3 .img img {

}

.page-about .block-2 .grid .item-3 .task-tab {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    /*padding: 28px 40px;*/
}
@media (max-width: 1024px) {
    .page-about .block-2 .grid .item-3 .task-tab {
        width: 100%;
        /*padding: 28px;*/
    }
}
@media (max-width: 568px) {
    .page-about .block-2 .grid .item-3 .task-tab {
        /*padding: 28px 20px;*/
    }
}

.page-about .block-2 .grid .item-3 .task-tab .nav {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;

    position: absolute;
    left: 40px;
    top: 45%;
}
@media (max-width: 1024px) {
    .page-about .block-2 .grid .item-3 .task-tab .nav {
        left: 32px;
    }
}
@media (max-width: 568px) {
    .page-about .block-2 .grid .item-3 .task-tab .nav {
        position: initial;
        padding: 0 20px;
    }
}

.page-about .block-2 .grid .item-3 .task-tab .nav .nav-link  {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;

    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: #000;
    transition: .3s ease;
}
@media (max-width: 568px) {
    .page-about .block-2 .grid .item-3 .task-tab .nav .nav-link {
        width: 36px;
        height: 36px;
        font-size: 15px;
        letter-spacing: -0.01em;
    }
    .page-about .block-2 .grid .item-3 .task-tab .nav .nav-link span {
        display: none;
    }
}

.page-about .block-2 .grid .item-3 .task-tab .nav .nav-link.active {
    border: 1px solid #808080;
    background: transparent;
}

.page-about .block-2 .grid .item-3 .task-tab .nav .nav-link:hover {
    border: 1px solid #808080;
    background: transparent;
}

.page-about .block-2 .grid .item-3 .task-tab .tab-content {
    width: 100%;
}

.page-about .block-2 .grid .item-3 .task-tab .tab-content .tab-pane {
    padding-left: 40px;
}
@media (max-width: 1024px) {
    .page-about .block-2 .grid .item-3 .task-tab .tab-content .tab-pane {
        padding-left: 32px;
    }
}
@media (max-width: 568px) {
    .page-about .block-2 .grid .item-3 .task-tab .tab-content .tab-pane {
        padding-left: 0px;
    }
}

.page-about .block-2 .grid .item-3 .task-tab .tab-content .tab-pane.active {
    display: flex;
    align-items: flex-end;
    gap: 40px;
}
@media (max-width: 568px) {
    .page-about .block-2 .grid .item-3 .task-tab .tab-content .tab-pane.active {
        flex-direction: column;
    }
}

.page-about .block-2 .grid .item-3 .task-tab .tab-content .tab-pane .img {
    border-radius: 32px 0 32px 32px;
    width: 100%;
    max-width: 432px;
    min-width: 432px;
    height: 100%;
    max-height:315px;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .page-about .block-2 .grid .item-3 .task-tab .tab-content .tab-pane .img {
        border-radius: 32px 0 32px 32px;
        width: 256px;
        min-width: 256px;
        height: 268px;
    }
}
@media (max-width: 568px) {
    .page-about .block-2 .grid .item-3 .task-tab .tab-content .tab-pane .img {
        border-radius: 24px 0 24px 24px;
        width: 100%;
        height: 220px;
    }
}

.page-about .block-2 .grid .item-3 .task-tab .tab-content .tab-pane .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.page-about {

}

.page-about .directions-list {

}

.page-about .about-history {

}

.page-about .about-history .tab-content .tab-pane {
    padding: 0 !important;
    border: none;
}

.page-about .about-history .swiper {
    width: 100%;
}
@media (max-width: 568px) {
    .page-about .about-history .swiper {
        width: 100vw;
    }
}

.page-about .about-history .tab-content .swiper {
    min-height: 523px;
}
@media (max-width: 1024px) {
    .page-about .about-history .tab-content .swiper {
        min-height: auto;
    }
}

@media (min-width: 1024px) {
    .page-about .about-history .tab-content .swiper .swiper-slide {
        width: 38% !important;
        transition: .3s ease;
    }
    .page-about .about-history .tab-content .swiper .swiper-slide-active {
        width: calc(62% - 32px) !important;
    }
    .page-about .about-history .tab-content .swiper .swiper-slide-active ~ .swiper-slide {

    }
    .page-about .about-history .tab-content .swiper .swiper-slide-prev {
        width: calc(62% - 32px) !important;
    }
    .page-about .about-history .tab-content .swiper .swiper-slide-prev:nth-child(1) {
        width: calc(52% - 39px) !important;
    }
}

.page-about .about-history .swiper .item {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.page-about .about-history .swiper .item .img {
    border-radius: 32px;
    aspect-ratio: 664/432;
    overflow: hidden;
    /*width: 664px;*/
    /*height: 432px;*/
}

.page-about .about-history .swiper .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.page-about .about-history .swiper .item .info {
    gap: 8px !important;
}
@media (min-width: 1024px) {
    .page-about .about-history .swiper .item .info {
        /*display: none !important;*/
        opacity: 0;
        pointer-events: none;
    }
}

.page-about .about-history .swiper .swiper-slide-active .item .info {
    display: flex !important;
    opacity: 1;
    pointer-events: all;
}

.page-about .about-history .swiper .item span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.6);
}

.page-about .about-history .swiper .item p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
    max-width: 410px;
}

.page-about .about-history .tab-content .swiper .arrow {

}
.page-about .about-history .tab-content .swiper .arrow  {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    position: absolute;
    z-index: 1;
    width: fit-content;
    right: 0;
    bottom: 0;
    user-select: none;
}
@media (max-width: 1024px) {
    .page-about .about-history .tab-content .swiper .arrow  {
        display: none;
    }
}

.page-about .about-history .tab-content .swiper .arrow div {
    border: 1px solid #d9d9d9;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    transition: .3s ease;
}
@media (max-width: 568px) {
    .page-about .about-history .tab-content .swiper .arrow div {
        width: 44px;
        height: 44px
    }
}
.page-about .about-history .tab-content .swiper .arrow div:hover {
    border: 1px solid #666;
}

.page-about .about-history {

}

.page-about .about-history .wiki-tab .nav {
    width: 200px;
    min-width: 200px;
    max-height: 390px;
    position: relative;
}
@media (max-width: 1024px) {
    .page-about .about-history .wiki-tab .nav {
        width: 100%;
    }
}

.page-about .wiki-block .wiki-tab .tab-content {
    width: calc(100% - (200px + 32px));
}
@media (max-width: 1024px) {
    .page-about .wiki-block .wiki-tab .tab-content {
        width: 100%;
    }
}

.page-about .about-history .nav .swiper-wrapper {
    max-height: 350px;
}

.page-about .about-history .wiki-tab .nav .nav-link {
    text-align: center;
    justify-content: center;
}

@media (max-width: 1024px) {
    .page-about .about-history .wiki-tab {
        flex-direction: column;
    }
}

.page-about .about-achievements .wiki-tab .tab-content .tab-pane .top {
    flex-direction: column;
    align-items: flex-start;
}

.page-about .about-achievements .wiki-tab {
    align-items: initial;
}
@media (max-width: 1024px) {
    .page-about .about-achievements .wiki-tab {
        flex-direction: column;
    }
}

.page-about .about-achievements .wiki-tab .tab-content .tab-pane {
    padding: 0 !important;
    border: none;
}

.page-about .about-achievements .wiki-tab .nav {
    width: 384px;
    min-width: 384px;
    max-height: 100%;
    position: relative;
}
@media (max-width: 1024px) {
    .page-about .about-achievements .wiki-tab .nav {
        width: 100%;
    }
}

.page-about .about-achievements .wiki-tab .nav .swiper-wrapper {
    max-height: calc(80px*6);
}

.page-about .about-achievements .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}
@media (max-width: 1024px) {
    .page-about .about-achievements .grid {
        gap: 20px;
    }
}
@media (max-width: 568px) {
    .page-about .about-achievements .grid {
        display: flex;
        overflow-x: auto;
        gap: 12px;
        width: 100vw;
        margin: 0 -12px;
        padding: 0 12px;
    }
    .page-about .about-achievements .grid::-webkit-scrollbar {
        display: none;
    }
}

.page-about .about-achievements .grid .item {
    border-radius: 0 32px 32px 32px;
    padding: 40px;
    height: 244px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-shrink: 0;
    background: #f6f6f6;
}
@media (max-width: 1024px) {
    .page-about .about-achievements .grid .item {

    }
}
@media (max-width: 568px) {
    .page-about .about-achievements .grid .item {
        padding: 20px;
        height: 200px;
        width: 316px;
    }
}

.page-about .about-achievements .grid .item span {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 115%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #000;

    display: flex;
    align-items: center;
}
@media (max-width: 1024px) {
    .page-about .about-achievements .grid .item span {
        font-size: 40px;
    }
    .page-about .about-achievements .grid .item span svg {

    }
}
@media (max-width: 568px) {
    .page-about .about-achievements .grid .item span {
        font-size: 25px;
    }
    .page-about .about-achievements .grid .item span svg {
        width: 16px;
        height: 16px;
    }
}

.page-about .about-achievements .grid .item p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.7);
}

.page-about .about-achievements .grid .item.img {
    border-radius: 32px 32px 0 32px;
    padding: 0;
    overflow: hidden;
}

.page-about .about-achievements .grid .item.img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.page-about .about-history {

}

.page-about .about-project {

}

.page-about .wiki-block .wiki-tab .tab-content .tab-pane {
    height: 100%;
}
@media (max-width: 1024px) {
    .page-about .wiki-block .wiki-tab .tab-content .tab-pane {
        padding: 32px;
    }
}
@media (max-width: 568px) {
    .page-about .wiki-block .wiki-tab .tab-content .tab-pane {
        padding: 20px;
    }
}

.page-about .wiki-block .wiki-tab .tab-content .tab-pane .top {
    flex-direction: column;
    align-items: flex-start;
}

.page-about .wiki-block .wiki-tab .tab-content .tab-pane .top img {
    border-radius: 20px;
    width: 360px;
    height: 206px;
}

.page-about .wiki-block .wiki-tab .tab-content .tab-pane .top p {
    max-width: 615px;
}

.page-about .wiki-block .wiki-tab .tab-content .tab-pane .info {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-about .wiki-block .wiki-tab .tab-content .tab-pane .info p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.page-about .wiki-block .wiki-tab .tab-content .tab-pane .info > a {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 0.8);
}

.page-about .about-project .wiki-tab .nav .nav-link img {
    border-radius: 12px;
    width: 88px;
    height: 88px;
}

.page-about {

}

.page-about .wiki-block .wiki-tab {
    align-items: initial;
}

.page-about .about-project .wiki-tab .nav {
    width: 432px;
    min-width: 432px;
    max-height: 100%;
    position: relative;
}
@media (max-width: 1024px) {
    .page-about .about-project .wiki-tab .nav {
        max-width: 100%;
        width: 100%;
    }
}

.page-about .wiki-block .wiki-tab .nav .swiper {
    /*height: 100%;*/
    margin: 0;
}

.page-about .about-project .wiki-tab .nav .swiper-wrapper {
    max-height: calc(110px*5);
}

.page-about .wiki-block .wiki-tab .nav .nav-link {
    width: 100%;
}
@media (max-width: 1024px) {
    .page-about .wiki-block .wiki-tab .nav .nav-link {
        width: fit-content;
    }
}
@media (max-width: 568px) {
    .page-about .wiki-block .wiki-tab .nav .nav-link {

    }
}

.page-about .about-7 {
    background: #0042be;
    padding-top: 90px;
    padding-bottom: 90px;
}
@media (max-width: 1024px) {
    .page-about .about-7 {
        padding-top: 0;
        padding-bottom: 32px;
        width: calc(100% - 40px);
        margin: auto;
        border-radius: 32px;
    }
}

.page-about .about-7 > div {
    display: flex;
    align-items: center;
    gap: 65px;
}
@media (max-width: 1024px) {
    .page-about .about-7 > div {
        flex-direction: column;
        gap: 32px;
        padding: 0;
    }
}

.page-about .about-7 .img {
    border-radius: 32px;
    width: 468px;
    min-width: 468px;
    height: 500px;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .page-about .about-7 .img {
        width: 100%;
        height: 100%;
        min-width: 100%;
        aspect-ratio: 768/500;
    }
}

.page-about .about-7 .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 1024px) {
    .page-about .about-7 .img img {
        object-position: 0% 20%;
    }
}

.page-about .about-7 .quote {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
@media (max-width: 1024px) {
    .page-about .about-7 .quote {
        width: 100%;
        padding: 0 32px;
    }
}
@media (max-width: 568px) {
    .page-about .about-7 .quote {
        flex-direction: column;
        padding: 0 20px;
    }
}

.page-about .about-7 .quote svg {
    min-width: 44px;
}
@media (max-width: 568px) {
    .page-about .about-7 .quote svg {
        min-width: 32px;
        width: 32px;
        height: 32px;
    }
}

.page-about .about-7 .quote .text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.page-about .about-7 .quote .text .txt {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #fff;

    max-width: 655px;
}
@media (max-width: 1024px) {
    .page-about .about-7 .quote .text .txt {
        max-width: 100%;
        font-size: 20px;
    }
}
@media (max-width: 568px) {
    .page-about .about-7 .quote .text .txt {
        font-size: 16px;
    }
}

.page-about .about-7 .quote .text .name {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #fff;
}
@media (max-width: 568px) {
    .page-about .about-7 .quote .text .name {
        font-size: 14px;
    }
}

.page-about .about-7 .quote .text span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 0.5);

    max-width: 430px;
}
@media (max-width: 1024px) {
    .page-about .about-7 .quote .text span {
        max-width: 520px;
    }
}
@media (max-width: 568px) {
    .page-about .about-7 .quote .text span {
        font-size: 12px;
    }
}

.page-about .teacher {

}

.page-about .about-doc {

}

.page-about .about-doc .item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;

    border: 1px solid #d9d9d9;
    border-radius: 32px;
    padding: 32px;
    height: 240px;
}
@media (max-width: 568px) {
    .page-about .about-doc .item {
        padding: 20px;
        height: 200px;
    }
}

.page-about .about-doc .item > a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .page-about .about-doc .item > a {
        font-size: 18px;
    }
}

.page-about .about-doc .item .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.page-about .about-doc .item .info span {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #999;
}
@media (max-width: 568px) {
    .page-about .about-doc .item .info span {
        font-size: 16px;
    }
}

.page-about .about-doc .item .info a svg path {
    fill: #999;
    transition: .3s ease;
}

.page-about .about-doc .item .info a:hover svg path {
    fill: #0042be;
}

/**/

.pagination a {
    transition: .3s ease;
}

.pagination .list a.active {
    font-weight: 500;
}

.pagination .list a:hover {
    color: #4c4c4c !important;
}
.pagination .list a:hover path {
    fill: #0042be;
}

.pagination > a {
    font-weight: 700 !important;
}

.pagination > a:hover {
    border: 1px solid #666 !important;
}

/**/

.cookie {
    position: fixed;
    z-index: 9;
    bottom: 0;
    left: 0;
    padding: 12px;
    height: 68px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    background: #f6f6f6;
}
@media (max-width: 568px) {
    .cookie {
        height: 56px;
        padding: 0 12px;
    }
}

.cookie p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}
@media (max-width: 568px) {
    .cookie p {
        font-size: 12px;
        line-height: 130%;
    }
}

.cookie a {
    border: 1px solid #dad9d9;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 44px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;
    transition: .3s ease;
}
.cookie a:hover {
    border: 1px solid #808080;
}
@media (max-width: 568px) {
    .cookie a {
        width: 92px;
        min-width: 92px;
        height: 32px;
    }
}

/* error-page */

.error-page {

}

.error-page .container > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 40px 40px 40px 0;
    padding: 44px;
    background: #f6f6f6;
}
@media (max-width: 1024px) {
    .error-page .container > div {
        flex-direction: column;
        gap: 32px;
        border-radius: 32px 32px 32px 0;
        padding: 32px;
    }
}
@media (max-width: 568px) {
    .error-page .container > div {
        border-radius: 24px 24px 24px 0;
        padding: 20px;
        gap: 20px;
    }
}

.error-page .left {
    width: calc(100% - 900px - 65px);
    min-width: 230px;
}
@media (max-width: 568px) {
    .error-page .left {
        width: 100%;
        max-width: 132px;
        min-width: 132px;
    }
}

.error-page .left img {
    width: 100%;
}

.error-page .right {
    width: 100%;
    max-width: 900px;
    display: flex;
    padding: 44px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    border-radius: 24px 24px 24px 0;
    background: #eeeeef;
}
@media (max-width: 568px) {
    .error-page .right {
        border-radius: 20px 20px 20px 0;
        padding: 20px;
        gap: 24px;
    }
}

.error-page .right h1 {
    display: flex;
    align-items: center;
    gap: 16px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #181818;
}
@media (max-width: 568px) {
    .error-page .right h1 {
        font-size: 18px;
        line-height: 120%;
        gap: 8px;
    }
    .error-page .right h1 svg {
        width: 20px;
        height: 28px;
    }
}

.error-page .right p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 568px) {
    .error-page .right p {
        font-size: 14px;
    }
}

.error-page .right a {
    border: 1px solid #dad9d9;
    border-radius: 10px;
    padding: 14px 16px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;
    transition: .3s ease;
}
@media (max-width: 568px) {
    .error-page .right a {
       font-size: 14px;
    }
}
.error-page .right a:hover {
    border: 1px solid #808080;
}

/**/

.ReviewModal {

}

.ReviewModal .modal-dialog {
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
}

.ReviewModal .modal-content {
    height: 100dvh;
    align-items: center;
    justify-content: center;
}

.ReviewModal .modal-content .close {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 12px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 24px;
    top: 24px;
    background: #ffffff;
    z-index: 9;
}
@media (max-width: 568px) {
    .ReviewModal .modal-content .close {
        right: 12px;
        top: 12px;
    }
}

.ReviewModal .modal-body {
    padding: 0px 20px;
    width: 663px;
    /*height: 568px;*/
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    flex: none;
}
@media (max-width: 768px) {
    .ReviewModal .modal-body {
        width: 100%;
    }
}
@media (max-width: 568px) {
    .ReviewModal .modal-body {
        padding: 12px;
        gap: 20px;
    }
}

.ReviewModal .modal-body .title {
    display: flex;
    align-items: center;
    gap: 8px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 768px) {
    .ReviewModal .modal-body .title {
        font-size: 40px;
    }
}
@media (max-width: 568px) {
    .ReviewModal .modal-body .title {
        font-size: 25px;
    }
    .ReviewModal .modal-body .title svg {
        width: 28px;
        height: 42px;
    }
}

.ReviewModal .modal-body .subtitle {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ReviewModal .modal-body .subtitle span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}
@media (max-width: 568px) {
    .ReviewModal .modal-body .subtitle span {
        font-size: 12px;
        line-height: 130%;
    }
}

.ReviewModal .modal-body .subtitle p {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000;
}
@media (max-width: 568px) {
    .ReviewModal .modal-body .subtitle p {
        font-size: 14px;
        line-height: 115%;
    }
}

.ReviewModal .modal-body > p {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
}

.ReviewModal .modal-body form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
}

.ReviewModal .modal-body form .input-block {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
}
@media (max-width: 568px) {
    .ReviewModal .modal-body form .input-block {
        flex-direction: column;
    }
}
#EventModal.ReviewModal .modal-body form .input-block {
    flex-direction: column;
}

.ReviewModal .modal-body form .input-block input {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 4px 12px;
    width: calc(50% - 2px);
    height: 52px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;
}
.ReviewModal .modal-body form .input-block:not(:has(:nth-child(2))) input {
    width: 100%;
}
@media (max-width: 568px) {
    .ReviewModal .modal-body form .input-block input {
        width: 100%;
    }
}
#EventModal.ReviewModal .modal-body form .input-block input {
    width: 100%;
}

.ReviewModal .modal-body form .input-block input::placeholder {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}

.ReviewModal .modal-body form textarea {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 12px;
    width: 100%;
    height: 204px;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;
}

.ReviewModal .modal-body form .textarea::placeholder {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}

.ReviewModal .modal-body form .radio-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.ReviewModal .modal-body form .checkbox {
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 130%;
    color: #4c4c4c;

    cursor: pointer;
}
.content:not(.page-events-detail) ~ .ReviewModal .modal-body form .checkbox {
    background: #F6F6F6;
    border: 1px solid #F6F6F6;
    border-radius: 16px;
    padding: 8px;
    transition: .3s ease;
}
.content:not(.page-events-detail) ~ .ReviewModal .modal-body form .checkbox:hover {
    background: #0042be;
    color: #FFFFFF;
}

.ReviewModal .modal-body form .checkbox .check {
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    width: 20px;
    height: 20px;
}

.content.page-events-detail .ReviewModal .modal-body form .checkbox:has(:checked) .check {
    background: #0042be;
    border: 1px solid #0042be;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.55383 9.23372C4.65731 9.27398 4.76443 9.29412 4.87521 9.29412C4.98598 9.29412 5.09311 9.27398 5.19659 9.23372C5.30007 9.19409 5.40023 9.12761 5.49707 9.03429L13.0013 1.80332L11.7784 0.625L4.917 7.23662L2.01463 4.43991L0.75 5.6585L4.25334 9.03429C4.35019 9.12761 4.45035 9.19409 4.55383 9.23372Z' fill='white' /%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
}

.content:not(.page-events-detail) .ReviewModal .modal-body form .checkbox:has(:checked) {
    background: #0042be;
    border: 1px solid #0042be;
    color: #ffffff;
}

.ReviewModal .modal-body form .checkbox input {
    display: none;
}

.ReviewModal .modal-body form input[type=submit] {
    border-radius: 10px;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 52px;
    background: #eeeeef;
    border: none;

    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #d9d9d9;

    pointer-events: none;
    transition: .3s ease;
}

.ReviewModal .modal-body form:has(:checked) input[type=submit] {
    pointer-events: all;
    background: #0042be;
    color: #ffffff;
}

.ReviewModal .modal-body form:has(:checked) input[type=submit]:hover {
    background: #002f88;
}

.ReviewModal .modal-body span {
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #999;
}

/* VideoModal */

.VideoModal {
    background: rgb(0 0 0 / 80%);
}
.VideoModal .modal-dialog {
    width: 100%;
    max-width: 1020px;
}
.VideoModal .modal-content {
    width: 100%;
    background: none;
    border: none;
    position: relative;
}
.VideoModal .close {
    position: absolute;
    right: -32px;
    top: -20px;
    width: 32px;
    height: 32px;
    background: none;
    border: none;
}
.VideoModal .modal-body {
    padding: 0;
    border-radius: 32px;
    overflow: hidden;
}

/**/

.translate-output:empty {
    display: none;
}

/**/

.question > div > div {
    gap: 32px !important;
}
.question > div > div a {
    padding: 8px 16px;
    border-radius: 10px;
    transition: .3s ease;
}
.question > div > div a.active {
    background: #FFFFFF;
}
.question > div > div img {
    width: 28px;
    height: 28px;
    aspect-ratio: 1/1;
    transition: .3s ease;
}
.question > div > div a:hover img {
    scale: 1.1;
}

.page-library-detail .book .right > div > div a {
    padding: 8px 16px;
    border-radius: 10px;
    transition: .3s ease;
}
.page-library-detail .book .right > div > div a.active {
    background: #FFFFFF;
}
.page-library-detail .book .right > div > div img {
    width: 28px;
    height: 28px;
    aspect-ratio: 1/1;
    transition: .3s ease;
}
.page-library-detail .book .right > div > div a:hover img {
    scale: 1.1;
}

/**/

#libraryModalAuthor.libraryModal .modal-body {
    padding: 40px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    display: flex;
    gap: 32px;
    flex-direction: row;
    flex-wrap: wrap;
}
@media (max-width: 1024px) {
    #libraryModalAuthor.libraryModal .modal-body {

    }
}
@media (max-width: 568px) {
    #libraryModalAuthor.libraryModal .modal-body {
        padding: 12px;
        gap: 20px;
    }
}
#libraryModalAuthor.libraryModal .modal-body::-webkit-scrollbar {
    width: 12px;
}
#libraryModalAuthor.libraryModal .modal-body::-webkit-scrollbar-track {
    border-radius: 25px;
    background: #ffffff;
}
#libraryModalAuthor.libraryModal .modal-body::-webkit-scrollbar-thumb {
    background: #dad9d9;
    border-radius: 25px;
    width: 12px;
    border: 4px solid #fff
}
#libraryModalAuthor.libraryModal .modal-body .letter-group {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: calc((100% - (5*32px))/6);
}
@media (max-width: 1440px) {
    #libraryModalAuthor.libraryModal .modal-body .letter-group {
        width: calc((100% - (4*32px))/5);
    }
}
@media (max-width: 1024px) {
    #libraryModalAuthor.libraryModal .modal-body .letter-group {
        width: calc((100% - (3*32px))/4);
    }
}
@media (max-width: 768px) {
    #libraryModalAuthor.libraryModal .modal-body .letter-group {
        width: calc((100% - (2*32px))/3);
    }
}
@media (max-width: 568px) {
    #libraryModalAuthor.libraryModal .modal-body .letter-group {
        width: 100%;
    }
}

#libraryModalAuthor.libraryModal .modal-body .letter-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -0.02em;
    color: #0042be;

    padding: 10px;
    border-bottom: 1px solid #d9d9d9;
}
#libraryModalAuthor.libraryModal .modal-body .items-list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: calc((100svh - 340px)/2);
    overflow-y: auto;
}
#libraryModalAuthor.libraryModal .modal-body .items-list::-webkit-scrollbar {
    width: 12px;
}
#libraryModalAuthor.libraryModal .modal-body .items-list::-webkit-scrollbar-track {
    border-radius: 25px;
    background: #ffffff;
}
#libraryModalAuthor.libraryModal .modal-body .items-list::-webkit-scrollbar-thumb {
    background: #dad9d9;
    border-radius: 25px;
    width: 12px;
    border: 4px solid #fff
}
#libraryModalAuthor.libraryModal .modal-body .checkbox {
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: "Mulish", sans-serif;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #4c4c4c;
    cursor: pointer;
}
#libraryModalAuthor.libraryModal .modal-body .checkbox:has(:checked) {
    color: #000;
}

#libraryModalAuthor.libraryModal .modal-body .checkbox .check {
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    transition: .3s ease;
}
#libraryModalAuthor.libraryModal .modal-body .checkbox:hover .check {
    border: 1px solid #b3b3b3;
}

#libraryModalAuthor.libraryModal .modal-body .checkbox:has(:checked) .check {
    background: #0042be;
    border: 1px solid #0042be;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.55383 9.23372C4.65731 9.27398 4.76443 9.29412 4.87521 9.29412C4.98598 9.29412 5.09311 9.27398 5.19659 9.23372C5.30007 9.19409 5.40023 9.12761 5.49707 9.03429L13.0013 1.80332L11.7784 0.625L4.917 7.23662L2.01463 4.43991L0.75 5.6585L4.25334 9.03429C4.35019 9.12761 4.45035 9.19409 4.55383 9.23372Z' fill='white' /%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
}

#libraryModalAuthor.libraryModal .modal-body .checkbox input {
    display: none;
}
/**/
@media (max-width: 568px) {
    .swiper {
        margin: 0 -12px;
        padding: 0 12px;
    }
}
/**/
.modal-body-success {
    align-items: center !important;
    justify-content: center;
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;

    opacity: 0;
    pointer-events: none;
}
.modal-body-success .title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    font-size: 50px;
    line-height: 115%;
    letter-spacing: -0.01em;
    text-align: center;
    color: #000;
}
.modal-body-success p {
    font-weight: 450;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-align: center;
    color: #4c4c4c;
    max-width: 440px;
}
/**/
.page-dictionary .top-hero .right .result-dict-search {

}
.result-dict-search__empty {
    font-weight: 500;
    line-height: 150%;
    color: #000;
}