*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Manrope', sans-serif;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -moz-text-size-adjust: none!important;
    -webkit-text-size-adjust: none!important;
    -ms-text-size-adjust: none!important;
    text-size-adjust: none!important;
}

:root {
    --container-padding-x: 15px;

    --container-width: 1600px;
    --container: calc(var(--container-width) + var(--container-padding-x) * 2);

    --container-big-width: 1830px;
    --container-big: calc(var(--container-big-width) + var(--container-padding-x) * 2);

    --inner-padding-y: 60px;

    --section-padding-y: 30px;

    --element-padding: 14px 20px;

    --size-arrows: 40px;

    --color-blue: #0060EE;
    --color-blue-light: #00a1e7;
    --color-blue-dark: #0C2973;
    --color-blue-darker: #27333F;
    --color-dark: #1E1E1E;
    --color-dark-accent: #393939;
    --color-light: #FFF;
    --color-gray: #B0B5BC;
    --color-gray-light: #F4F5FA;
    --color-gray-light-cool: #E1E1E9;
    --color-cyan: rgba(0, 238, 206, 0.24);
    --color-cyan-darker: rgba(0, 202, 238, 0.42);

    --border-radius: 20px;
    --border-radius-medium: 15px;
    --border-radius-small: 10px;

    --trn-default: 200ms;

    --icon-rutube-play: url("data:image/svg+xml,%3Csvg data-testid='play-icon' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5v14l10-7L8 5Z' fill='white' stroke='white' stroke-width='1.24' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    --icon-rutube: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.3232 26H19.6742C23.166 26 25.9974 23.1686 25.9974 19.6768V6.3232C26 2.8392 23.179 0.0104 19.695 0H6.305C2.821 0.0104 0 2.8392 0 6.3232V19.6742C0 23.1686 2.8314 26 6.3232 26Z' fill='%23100943' /%3E%3Cpath d='M19.695 0H13C13 7.1786 18.8214 13 26 13V6.3232C26 2.8392 23.179 0.0104 19.695 0Z' fill='%23ED143B' /%3E%3Cpath d='M16.0603 12.4072H8.37987V9.3678H16.0603C16.5101 9.3678 16.8221 9.4458 16.9781 9.5836C17.1341 9.7214 17.2329 9.9736 17.2329 10.3428V11.4348C17.2329 11.8248 17.1367 12.077 16.9781 12.2148C16.8221 12.35 16.5101 12.4072 16.0603 12.4072ZM16.5881 6.5H5.12207V19.5H8.37987V15.2698H14.3833L17.2303 19.5H20.8781L17.7373 15.2516C18.8943 15.08 19.4143 14.7238 19.8433 14.1414C20.2723 13.5564 20.4881 12.6204 20.4881 11.375V10.4C20.4881 9.659 20.4101 9.074 20.2723 8.6268C20.1345 8.1796 19.9031 7.7896 19.5703 7.4386C19.2193 7.1058 18.8293 6.8744 18.3613 6.7184C17.8933 6.578 17.3083 6.5 16.5881 6.5Z' fill='white' /%3E%3C/svg%3E");
    --icon-search: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.72603 15.3948C5.32229 15.3939 3.05675 14.2796 1.59531 12.3804C0.133137 10.4811 -0.35873 8.01287 0.264479 5.70116C0.887713 3.3904 2.55506 1.49891 4.77569 0.583957C6.99629 -0.32985 9.51787 -0.164654 11.5976 1.03369C13.6782 2.23107 15.0809 4.32415 15.3936 6.69697C15.7052 9.0698 14.8921 11.4531 13.1921 13.1442C11.7424 14.5879 9.77606 15.3987 7.72603 15.3948ZM7.72603 1.21707C5.70294 1.21707 3.79483 2.15473 2.56289 3.75318C1.33179 5.35163 0.916627 7.42938 1.44013 9.3754C1.96364 11.3214 3.36639 12.9142 5.23609 13.6847C7.10481 14.4553 9.22767 14.3168 10.9792 13.3094C12.7319 12.3021 13.9132 10.5394 14.1768 8.5418C14.4404 6.5442 13.7559 4.53902 12.3253 3.1144C11.1067 1.89789 9.45079 1.21614 7.72598 1.21995L7.72603 1.21707Z' fill='%231E1E1E' /%3E%3Cpath d='M16.7265 17.2751C16.5635 17.2751 16.4081 17.2102 16.2921 17.0966L12.3256 13.1444C12.1089 12.9019 12.1185 12.5342 12.3496 12.3051C12.5797 12.0749 12.9488 12.0654 13.1924 12.2812L17.1609 16.2314C17.3373 16.4062 17.39 16.6697 17.2941 16.8979C17.1992 17.1271 16.9748 17.2761 16.7265 17.2751Z' fill='%231E1E1E' /%3E%3C/svg%3E");
    --icon-close: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L1 13M1 1L13 13' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    --icon-close-blue: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L1 13M1 1L13 13' stroke='%230060EE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    --icon-close-thin: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L1 13M1 1L13 13' stroke='black' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    --icon-arrow-next: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21' cy='20.936' r='19' fill='%2327333F' /%3E%3Cpath d='M21.24 41.0641C10.0726 41.0641 0.999981 32.0703 0.999981 21.0001C0.999981 9.92987 10.0726 0.936089 21.24 0.936089C32.4073 0.936089 41.48 9.92987 41.48 21.0001C41.48 32.0703 32.4073 41.0641 21.24 41.0641ZM21.24 39.2401C31.4129 39.2401 39.64 31.0846 39.64 21.0001C39.64 10.9156 31.4129 2.76009 21.24 2.76009C11.067 2.76009 2.83998 10.9156 2.83998 21.0001C2.83998 31.0846 11.067 39.2401 21.24 39.2401ZM24.345 26.9281C24.1713 26.9046 24.0081 26.8323 23.8746 26.7196C23.741 26.6069 23.6427 26.4587 23.5913 26.2923C23.5399 26.126 23.5376 25.9485 23.5845 25.7809C23.6314 25.6132 23.7257 25.4624 23.8562 25.3463L27.6225 21.9121L12.5431 21.9121C12.5144 21.9134 12.4856 21.9134 12.4569 21.9121C12.2133 21.9007 11.9842 21.7937 11.82 21.6147C11.6559 21.4356 11.5701 21.1991 11.5815 20.9573C11.593 20.7154 11.7007 20.4879 11.881 20.3249C12.0614 20.1619 12.2995 20.0767 12.5431 20.0881L27.6225 20.0881L23.8562 16.6681C23.7667 16.5875 23.694 16.4902 23.6424 16.3817C23.5907 16.2732 23.5611 16.1557 23.5552 16.0358C23.5492 15.916 23.5672 15.7961 23.6079 15.6832C23.6486 15.5702 23.7114 15.4663 23.7926 15.3774C23.8737 15.2885 23.9718 15.2163 24.081 15.165C24.1903 15.1138 24.3087 15.0844 24.4294 15.0785C24.5501 15.0727 24.6708 15.0905 24.7845 15.1309C24.8983 15.1714 25.003 15.2337 25.0925 15.3143L30.5981 20.3303C30.6936 20.4158 30.7699 20.5202 30.8221 20.6368C30.8743 20.7534 30.9013 20.8796 30.9013 21.0072C30.9013 21.1348 30.8743 21.261 30.8221 21.3776C30.7699 21.4942 30.6936 21.5986 30.5981 21.6841L25.0925 26.6859C25.0038 26.7675 24.8997 26.8309 24.7862 26.8725C24.6727 26.9141 24.5521 26.933 24.4312 26.9281C24.4025 26.9294 24.3737 26.9294 24.345 26.9281Z' fill='white' stroke='white' /%3E%3C/svg%3E");
    --icon-arrow-prev: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21' cy='20.5' r='19' fill='%2327333F' /%3E%3Cpath d='M21.24 0.5C32.4073 0.5 41.48 9.49377 41.48 20.564C41.48 31.6342 32.4073 40.628 21.24 40.628C10.0727 40.628 1 31.6342 1 20.564C1 9.49377 10.0727 0.5 21.24 0.5ZM21.24 2.324C11.0671 2.324 2.84 10.4795 2.84 20.564C2.84 30.6485 11.0671 38.804 21.24 38.804C31.4129 38.804 39.64 30.6485 39.64 20.564C39.64 10.4795 31.4129 2.324 21.24 2.324ZM18.135 14.636C18.3086 14.6595 18.4719 14.7318 18.6054 14.8445C18.739 14.9571 18.8372 15.1054 18.8886 15.2717C18.94 15.4381 18.9424 15.6156 18.8955 15.7832C18.8485 15.9508 18.7542 16.1016 18.6238 16.2178L14.8575 19.652H29.9369C29.9656 19.6507 29.9944 19.6507 30.0231 19.652C30.2667 19.6634 30.4958 19.7703 30.6599 19.9494C30.8241 20.1285 30.9099 20.365 30.8985 20.6068C30.887 20.8487 30.7793 21.0761 30.599 21.2391C30.4186 21.4021 30.1805 21.4873 29.9369 21.476H14.8575L18.6238 24.896C18.7133 24.9766 18.786 25.0739 18.8376 25.1824C18.8893 25.2909 18.9189 25.4084 18.9248 25.5283C18.9307 25.6481 18.9128 25.7679 18.8721 25.8809C18.8313 25.9939 18.7686 26.0978 18.6874 26.1867C18.6062 26.2756 18.5082 26.3478 18.399 26.399C18.2897 26.4503 18.1713 26.4797 18.0506 26.4856C17.9299 26.4914 17.8092 26.4736 17.6954 26.4332C17.5817 26.3927 17.477 26.3304 17.3875 26.2498L11.8819 21.2338C11.7864 21.1483 11.7101 21.0439 11.6579 20.9273C11.6056 20.8107 11.5786 20.6845 11.5786 20.5569C11.5786 20.4293 11.6056 20.3031 11.6579 20.1865C11.7101 20.0699 11.7864 19.9655 11.8819 19.88L17.3875 14.8782C17.4762 14.7966 17.5803 14.7331 17.6938 14.6916C17.8073 14.65 17.9279 14.6311 18.0487 14.636C18.0775 14.6347 18.1063 14.6347 18.135 14.636Z' fill='white' stroke='white' /%3E%3C/svg%3E");
    --icon-arrow-down: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 2V16M9 16L16 9M9 16L2 9' stroke='%231E1E1E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    --icon-arrow-down-light: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 2V16M9 16L16 9M9 16L2 9' stroke='%23FFFFFF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    --icon-arrow-down-thin: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1V15M8 15L15 8M8 15L1 8' stroke='%231E1E1E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    --icon-arrow-sort: url("data:image/svg+xml,%3Csvg width='7' height='8' viewBox='0 0 7 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.49967 1.08334V6.91668M3.49967 6.91668L5.54134 4.00001M3.49967 6.91668L1.45801 4.00001' stroke='%231E1E1E' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    --icon-arrow-sort-active: url("data:image/svg+xml,%3Csvg width='7' height='8' viewBox='0 0 7 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.49967 1.08334V6.91668M3.49967 6.91668L5.54134 4.00001M3.49967 6.91668L1.45801 4.00001' stroke='%230060EE' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    --icon-date: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9H1M14 1V5M6 1V5M8.5 13L10 12V17M8.75 17H11.25M5.8 21H14.2C15.8802 21 16.7202 21 17.362 20.673C17.9265 20.3854 18.3854 19.9265 18.673 19.362C19 18.7202 19 17.8802 19 16.2V7.8C19 6.11984 19 5.27976 18.673 4.63803C18.3854 4.07354 17.9265 3.6146 17.362 3.32698C16.7202 3 15.8802 3 14.2 3H5.8C4.11984 3 3.27976 3 2.63803 3.32698C2.07354 3.6146 1.6146 4.07354 1.32698 4.63803C1 5.27976 1 6.11984 1 7.8V16.2C1 17.8802 1 18.7202 1.32698 19.362C1.6146 19.9265 2.07354 20.3854 2.63803 20.673C3.27976 21 4.11984 21 5.8 21Z' stroke='%231E1E1E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    --icon-location: url("data:image/svg+xml,%3Csvg width='18' height='22' viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 11.5C10.6569 11.5 12 10.1569 12 8.5C12 6.84315 10.6569 5.5 9 5.5C7.34315 5.5 6 6.84315 6 8.5C6 10.1569 7.34315 11.5 9 11.5Z' stroke='%231E1E1E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M9 21C11 17 17 14.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 14.4183 7 17 9 21Z' stroke='%231E1E1E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    --icon-show-counter: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.18789 7.75C9.68789 7.75 11.8504 6.3625 12.9629 4.3125C11.8504 2.2625 9.68789 0.875 7.18789 0.875C4.68789 0.875 2.52539 2.2625 1.41289 4.3125C2.52539 6.3625 4.68789 7.75 7.18789 7.75ZM7.18789 0.25C10.0379 0.25 12.5004 1.90625 13.6629 4.3125C12.5004 6.71875 10.0379 8.375 7.18789 8.375C4.33789 8.375 1.87539 6.71875 0.712891 4.3125C1.87539 1.90625 4.33789 0.25 7.18789 0.25ZM7.18789 1.5C8.75039 1.5 10.0004 2.75 10.0004 4.3125C10.0004 5.875 8.75039 7.125 7.18789 7.125C5.62539 7.125 4.37539 5.875 4.37539 4.3125C4.37539 2.75 5.62539 1.5 7.18789 1.5ZM7.18789 2.125C6.60773 2.125 6.05133 2.35547 5.64109 2.7657C5.23086 3.17594 5.00039 3.73234 5.00039 4.3125C5.00039 4.89266 5.23086 5.44906 5.64109 5.8593C6.05133 6.26953 6.60773 6.5 7.18789 6.5C7.76805 6.5 8.32445 6.26953 8.73469 5.8593C9.14492 5.44906 9.37539 4.89266 9.37539 4.3125C9.37539 3.73234 9.14492 3.17594 8.73469 2.7657C8.32445 2.35547 7.76805 2.125 7.18789 2.125Z' fill='%231E1E1E' stroke='black' stroke-width='0.3' /%3E%3C/svg%3E");

    --icon-checkbox: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 25C5.59625 25 0 19.4037 0 12.5C0 5.59625 5.59625 0 12.5 0C19.4037 0 25 5.59625 25 12.5C25 19.4037 19.4037 25 12.5 25ZM11.2538 17.5L20.0912 8.66125L18.3238 6.89375L11.2538 13.965L7.7175 10.4288L5.95 12.1962L11.2538 17.5Z' fill='%230060EE' /%3E%3C/svg%3E");

    --icon-download: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97933 19.8043 4.588 19.413C4.19667 19.0217 4.00067 18.5507 4 18V15H6V18H18V15H20V18C20 18.55 19.8043 19.021 19.413 19.413C19.0217 19.805 18.5507 20.0007 18 20H6Z' fill='%23000000' /%3E%3C/svg%3E");
    --icon-download-light: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97933 19.8043 4.588 19.413C4.19667 19.0217 4.00067 18.5507 4 18V15H6V18H18V15H20V18C20 18.55 19.8043 19.021 19.413 19.413C19.0217 19.805 18.5507 20.0007 18 20H6Z' fill='%23FFFFFF' /%3E%3C/svg%3E");
}
@media (max-width: 1280px) {
    :root {
        --inner-padding-y: 25px;
    }
}
@media (max-width: 768px) {
    :root {
        --element-padding: 10px 18px;
        --section-padding-y: 20px;
    }
}

html {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    font-weight: 400;
    color: var(--color-dark);
    background-color: var(--color-light);
}
main {
    flex-grow: 1;
}
img {
    display: block;
    max-width: 100%;
}
button {
    border: none;
    border-radius: unset;
    background: none;
    cursor: pointer;
    color: var(--color-dark);
}
textarea,
input {
    border: none;
    border-radius: unset;
    background: none;
}
a {
    text-decoration: none;
    color: inherit;
}


h1,
.h1 {
    font-weight: 700;
    font-size: 55px;
    word-break: break-word;
}
@media (max-width: 1024px) {
    h1,
    .h1 {
        font-size: 46px;
    }
}
@media (max-width: 960px) {
    h1,
    .h1 {
        font-size: 36px;
    }
}
@media (max-width: 768px) {
    h1,
    .h1 {
        font-size: 32px;
    }
}

@media (max-width: 460px) {
    h1,
    .h1 {
        font-size: 22px;
    }
}


h2,
.h2 {
    font-weight: 700;
    font-size: 50px;
}
@media (max-width: 1024px) {
    h2,
    .h2 {
        font-size: 42px;
    }
}
@media (max-width: 960px) {
    h2,
    .h2 {
        font-size: 32px;
    }
    .grecaptcha-badge {
        display: none !important;
    }
}
@media (max-width: 768px) {
    h2,
    .h2 {
        font-size: 28px;
    }
}

@media (max-width: 460px) {
    h2,
    .h2 {
        font-size: 20px;
    }
}


.container {
    width: 100%;
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 var(--container-padding-x);
}
.container--big {
    max-width: var(--container-big);
}
.container--p-none {
    padding: 0;
}


.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
}


.notification-empty {
    font-weight: 700;
    font-size: 26px;
    text-align: center;
}


.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: 
        radial-gradient(farthest-side,var(--color-blue) 94%,#0000) top/8px 8px no-repeat,
        conic-gradient(#0000 30%,var(--color-blue));
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
    animation: loaderRotade 1s infinite linear;
    z-index: 999;
}
.loader--light {
    background: 
        radial-gradient(farthest-side,var(--color-light) 94%,#0000) top/8px 8px no-repeat,
        conic-gradient(#0000 30%,var(--color-light));
}
@keyframes loaderRotade{ 
    100% {transform: translate(-50%, -50%) rotate(1turn)}
}


.btn {
    display: inline-block;
    padding: var(--element-padding);
    font-size: 16px;
    color: var(--color-light);
    background-color: var(--color-blue);
    border-radius: var(--border-radius-small);
    text-align: center;
    transition: var(--trn-default);
    font-weight: 700;
}
.btn--light {
    color: var(--color-dark-accent);
    background-color: var(--color-gray-light);
}
.btn--dark {
    background-color: var(--color-blue-darker);
}
.btn--bordered {
    border: 1px solid var(--color-gray);
}
.btn:active {
    opacity: 0.75;
}
@media (hover: hover) and (pointer: fine) {
    .btn:hover {
        opacity: 0.75;
    }
}


.textarea,
.input-text {
    width: 100%;
    padding: 30px 25px;
    font-weight: 700;
    font-size: 16px;
    color: var(--color-dark);
    border-radius: var(--border-radius);
    background-color: var(--color-gray-light);
    transition: var(--trn-default);
}
.textarea::placeholder,
.input-text::placeholder {
    font-weight: 700;
    color: var(--color-dark);
}
.input-text--disabled {
    opacity: 0.7;
    pointer-events: none;
}
.textarea {
    min-height: 210px;
    resize: none;
}
.input-checkbox {
    appearance: none;
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--color-gray-light);
    background-position: center;
    background-repeat: no-repeat;
    transition: var(--trn-default);
    cursor: pointer;
}
.input-checkbox:checked {
    background-image: var(--icon-checkbox);
}
@media (max-width: 768px) {
    .textarea,
    .input-text {
        padding: 20px 15px;
    }
    .textarea {
        min-height: 150px;
    }
}


.dropdown-field {
    --gap-list: 12px;
    
    position: relative;
    width: 100%;
}
.dropdown-field__input {
    padding-right: 72px;
    text-overflow: ellipsis;
    cursor: pointer;
}
.dropdown-field__arrow {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    display: block;
    width: 16px;
    height: 16px;
    background-image: var(--icon-arrow-down-thin);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: var(--trn-default);
    pointer-events: none;
}
.dropdown-field.is-active .dropdown-field__arrow {
    transform: translateY(-50%) rotate(180deg);
}
.dropdown-field__list {
    position: absolute;
    left: 0;
    top: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--gap-list);
    width: 100%;
    max-height: 240px;
    padding: 15px 25px;
    border: 1px solid var(--color-gray);
    border-radius: var(--border-radius);
    background-color: var(--color-light);
    list-style: none;
    overflow: auto;
    transition: var(--trn-default);
    scrollbar-width: none;
    z-index: 25;

    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
.dropdown-field__list::-webkit-scrollbar {height: 0; width: 0; display: none;}
.dropdown-field__list::-webkit-scrollbar-track {background: transparent;}
.dropdown-field__list::-webkit-scrollbar-thumb {background-color: transparent; border-radius: 0px; border: transparent;}
.dropdown-field__list--top {
    top: unset;
    bottom: 100%;
}
.dropdown-field.is-active .dropdown-field__list {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
}
.dropdown-field__scroll-content {
    display: flex;
    flex-direction: column;
    gap: var(--gap-list);
}
.dropdown-field__item {
    padding: var(--element-padding);
    font-weight: 700;
    color: var(--color-dark-accent);
    border: 1px solid var(--color-gray);
    border-radius: var(--border-radius-small);
    background-color: var(--color-gray-light);
    cursor: pointer;
    transition: var(--trn-default);
}
.dropdown-field:not([data-dropdown-multiple]) .dropdown-field__item.is-selected {
    opacity: .5;
    pointer-events: none;
}
.dropdown-field[data-dropdown-multiple] .dropdown-field__item.is-selected {
    opacity: .5;
}
.dropdown-field__item:active {
    color: var(--color-light);
    background-color: var(--color-blue);
    border-color: var(--color-blue);
}
@media (hover: hover) and (pointer: fine) {
    .dropdown-field__item:hover {
        color: var(--color-light);
        background-color: var(--color-blue);
        border-color: var(--color-blue);
    }
}


.icon-search {
    height: 50px;
    width: 50px;
    background-color: var(--color-gray-light);
    background-image: var(--icon-search);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: var(--border-radius-small);
    transition: var(--trn-default);
}
.icon-search:active {
    opacity: 0.75;
}
@media (hover: hover) and (pointer: fine) {
    .icon-search:hover {
        opacity: 0.75;
    }
}


.link {
    cursor: pointer;
    transition: var(--trn-default);
}
.link--color {
    color: var(--color-blue);
}
.link--tdu {
    text-decoration: underline;
}
.link--nowrap {
    white-space: nowrap;
}
.link:active {
    opacity: .75;
}
@media (hover: hover) and (pointer: fine) {
    .link:hover {
        opacity: .75;
    }
}


.icon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-repeat: no-repeat;
}
.icon::before,
.icon::after {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background-size: contain;
}
.icon--rutube::after {
    content: '';
    background-image: var(--icon-rutube);
}
.icon--download::before {
    content: '';
    background-image: var(--icon-download);
}
.icon--download-light::before {
    content: '';
    background-image: var(--icon-download-light);
}


.arrows {
    display: flex;
    gap: 35px;
}
.arrows--swiper {
    margin-left: auto;
}
.arrows__arrow {
    width: var(--size-arrows);
    height: var(--size-arrows);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: var(--trn-default);
}
.arrows__arrow--next {
    background-image: var(--icon-arrow-next);
}
.arrows__arrow--prev {
    background-image: var(--icon-arrow-prev);
}
.swiper-button-disabled,
.arrows__arrow--disabled {
    pointer-events: none;
    opacity: .65;
}
.arrows__arrow--none {
    pointer-events: none;
}
.arrows__arrow:active {
    transform: scale(1.1);
} 
@media (hover: hover) and (pointer: fine) {
    .arrows__arrow:hover {
        transform: scale(1.1);
    } 
}
@media (max-width: 768px) {
    .arrows {
        gap: 15px;
    }
}


.arrow-down {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    background-image: var(--icon-arrow-down);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: var(--trn-default);
}


.sort-arrows {
    display: flex;
}
.sort-arrows__arrow {
    width: 14px;
    height: 16px;
    flex-shrink: 0;
    background-image: var(--icon-arrow-sort);
    background-repeat: no-repeat;
    background-size: contain;
}
.sort-arrows__arrow--active {
    background-image: var(--icon-arrow-sort-active);
}
.sort-arrows__arrow--desc {}
.sort-arrows__arrow--asc {
    transform: rotate(180deg);
}


.sorting {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.sorting .sorting__arrows {
    align-self: flex-end;
}
.sorting__links {
    display: flex;
    gap: 10px;
}
.sorting__link {
    transition: var(--trn-default);
}
.sorting__link--active {
    color: var(--color-blue);
}
.sorting__link:active {
    opacity: .75;
}
@media (hover: hover) and (pointer: fine) {
    .sorting__link:hover {
        opacity: .75;
    }
}
@media (max-width: 460px) {
    .sorting__title {
        width: 100%;
    }
}


.overlay-default {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .15);
    backdrop-filter: blur(3px);
    opacity: 0;
    visibility: hidden;
    transition: var(--trn-default);
    z-index: 250;
}
.overlay-default.is-active {
    opacity: 1;
    visibility: visible;
}


.swiper-slide {
    height: auto;
}


.personal-data {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.46);
}


.form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.form__row {
    position: relative;
    display: flex;
    gap: 25px;
}
.form__row--small {
    gap: 10px;
}
.form__alert {
    position: absolute;
    right: 15px;
    bottom: 5px;
    font-size: 14px;
}
.form__alert--error {
    color: red;
    pointer-events: none;
}
.form__field-error {
    box-shadow: inset 0 0 0px 1px red;
}
.form__col {
    position: relative;
    flex-grow: 1;
}
.form__btn {
    flex-shrink: 0;
    align-self: flex-start;
}
@media (max-width: 580px) {
    .form__row {
        flex-direction: column;
    }
    .form__btn {
        align-self: flex-end;
    }
}


.burger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    padding: 16px 12px;
    background-color: var(--color-gray-light);
    border-radius: var(--border-radius-small);
}
.burger--close {
    justify-content: center;
    margin-left: auto;
}
.burger--close .burger__line {
    position: relative;
}
.burger--close .burger__line:first-child {
    top: 2px;
    transform: rotate(45deg);
}
.burger--close .burger__line:last-child {
    transform: rotate(-45deg);
}
.burger__line {
    width: 100%;
    height: 2px;
    background-color: #000;
}

.logo {
    display: flex;
    align-items: center;
    gap: 30px;
    font-weight: 800;
    font-size: 29px;
    letter-spacing: 0.07em;
    color: #064E9D;
}
.logo__title {
    position: relative;
    top: 2px;
}
@media (max-width: 1440px) {
    .logo {
        gap: 15px;
        font-size: 24px;
    }
}
@media (max-width: 460px) {
    .logo {
        gap: 10px;
        font-size: 18px;
    }
}


.top-banner__image {
    width: 100%;
}


.section {
    padding: var(--section-padding-y) 0;
}
.section--p-none {
    padding: 0;
}
.section--col {
    display: flex;
    flex-direction: column;
    gap: 70px;
}
.section__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.section__header:not(:last-child) {
    margin-bottom: 40px;
}
.section__link {
    color: inherit;
    transition: var(--trn-default);
}
.section__inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.section__inner--hidden {
    overflow: hidden;
}
.section__link:active {
    color: var(--color-blue);
}
@media (hover: hover) and (pointer: fine) {
    .section__link:hover {
        color: var(--color-blue);
    }
}
@media (max-width: 1024px) {
    .section__header:not(:last-child) {
        margin-bottom: 20px;
    }
    .section--col {
        gap: 45px;
    }
}
@media (max-width: 768px) {
    .section__inner {
        gap: 25px;
    }
    .section--col {
        gap: 20px;
    }
}


.header {
    padding: 20px 0;
    background-color: var(--color-light);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05);
    transition: var(--trn-default);
}
.header:not(.is-active) {
    position: sticky;
    top: 0;
    z-index: 1000;
}
.header__body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.header__logo {
    flex-shrink: 0;
}
.header__menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}
.header__menu-footer {
    margin-top: auto;
}
.header__menu-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 50px;
    list-style: none;
}

.header__menu-item > .header__menu-link {
    position: relative;
    padding-right: 16px;
}

.header__menu-item:has(> .header__menu-list) > .header__menu-link::before,
.header__menu-item:has(> .header__menu-list) > .header__menu-link::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 10px;
    height: 2px;
    background: currentColor;
    transition: 0.15s;
}

.header__menu-item:has(> .header__menu-list) > .header__menu-link::before {
    right: 6px;
    transform: translateY(-50%) rotate(45deg);
}

.header__menu-item:has(> .header__menu-list) > .header__menu-link::after {
    right: 0;
    transform: translateY(-50%) rotate(-45deg);
}

.header__menu-item:has(> .header__menu-list):hover > .header__menu-link::before {
    transform: translateY(-50%) rotate(-45deg);
}

.header__menu-item:has(> .header__menu-list):hover > .header__menu-link::after {
    transform: translateY(-50%) rotate(45deg);
}

.header__menu-item:has(> .header__menu-list) > .header__menu-link {
    padding-right: 24px;
}

.header__menu-item:hover > .header__menu-link {
    color: var(--color-blue);
}
.header__menu-link {
    display: inline-block;
    font-weight: 700;
    color: var(--color-dark-accent);
    transition: var(--trn-default);
}
.header__menu-link--no-link {
    cursor: default;
}
.header__actions {
    display: flex;
    align-items: center;
    gap: 10px;
}
.header__actions-search {
    flex-shrink: 0;
}
.header__actions-btn {
    font-weight: 800;
    font-size: 15px;
}
.header__menu-link:active {
    color: var(--color-blue);
}
.header__search {
    position: absolute;
    top: calc(100% - 10px);
    left: 0;
    right: 0;
    background-color: var(--color-light);
    max-height: 0;
    overflow: hidden;
    transition: .2s;
    z-index: 50;
}
.header__search-inner {
    position: relative;
    padding-bottom: 10px;
}
.header__search-btn {
    position: absolute;
    right: 20px;
    top: calc(50% - 5px);
    transform: translateY(-50%);
    background-color: var(--color-gray-light-cool);
}
.header__search-input {
    padding-left: 50px;
    padding-right: 90px;
    border-radius: var(--border-radius-small);
}
@media (max-width: 1440px) {
    .header__menu-list {
        gap: 10px 25px;
    }
}

@media (min-width: 1025px) and (max-width: 1080px) {
    .header__menu-list {
        gap: 10px;
        font-size: 14px;
    }

    .header__menu-item:has(> .header__menu-list) > .header__menu-link {
        padding-right: 20px;
    }
}

@media (min-width: 1025px) {
    .header__menu-list--parent {
        --top-offset: 10px;
        
        position: absolute;
        top: calc(100% + var(--top-offset));
        left: 0;
        flex-direction: column;
        gap: 5px;
        width: 310px;
        padding: 20px;
        border-radius: var(--border-radius);
        background-color: var(--color-gray-light);
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transition: var(--trn-default);
        box-shadow: 0 0 7px 1px rgba(0, 0, 0, .05);
        z-index: 100;
    }
    .header__menu-list--parent::before {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
        height: var(--top-offset);
        z-index: inherit;
    }
    .header__menu-list--parent .header__menu-link {
        font-size: 14px;
    }
    .header__menu-item {
        position: relative;
        width: fit-content;
    }
    .header__menu-item:hover .header__menu-list--parent {
        left: 15px;
        visibility: visible;
        opacity: 1;
        pointer-events: all;
    }
}
@media (max-width: 1024px) {
    .header__menu {
        position: fixed;
        top: 20px;
        right: 0;
        bottom: 20px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        width: calc(100% - 40px);
        max-width: 360px;
        height: calc(100% - 40px);
        padding: 20px;
        border-radius: var(--border-radius);
        background-color: var(--color-gray-light);
        box-shadow: 0 0 15px 15px rgba(0, 0, 0, .15);
        transform: translateX(120%);
        transition: var(--trn-default);
        z-index: 1000;
    }
    .header__menu.is-active {
        transform: translateX(-20px);
    }
    .header__menu > .header__menu-list {
        overflow: auto;
    }
    .header__menu-list {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: nowrap;
    }
    .header__menu-item {
        width: fit-content;
    }
    .header__menu-link--no-link {
        display: none;
    }
}
@media (max-width: 460px) {
    .header__inner {
        gap: 10px;
    }
    .header__search-input {
        padding-left: 20px;
    }
}


.breadcrumb {
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    overflow: auto;
}
.breadcrumb {scrollbar-width: none;}
.breadcrumb::-webkit-scrollbar {height: 0; width: 0; display: none;}
.breadcrumb::-webkit-scrollbar-track {background: transparent;}
.breadcrumb::-webkit-scrollbar-thumb {background-color: transparent; border-radius: 0px; border: transparent;}
.breadcrumb__item {
    font-size: 14px;
}
.breadcrumb__item-name--last {
    font-weight: 700;
}
.breadcrumb__partition {
    font-size: 14px;
}
.breadcrumb__link {
    color: var(--color-dark-accent);
    transition: var(--trn-default);
}
.breadcrumb__link:active {
    color: var(--color-blue);
}
@media (hover: hover) and (pointer: fine) {
    .breadcrumb__link:hover {
        color: var(--color-blue);
    }
}


.banner--mb-70 {
    margin-bottom: 70px;
}
.banner__inner {
    position: relative;
    border-radius: var(--border-radius);
    overflow: hidden;
}
.banner__items {
    display: flex;
}
.banner__item {
    width: 100%;
    height: calc((100vw - 360px)/(1920 - 360) * (600 - 220) + 220px);
    flex-shrink: 0;
    overflow: hidden;
}
.banner__item:first-child {
    border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.banner__item:last-child {
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.banner__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}
.banner__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner__pagination.swiper-pagination-bullets {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 24px;
    display: flex;
    width: fit-content;
    z-index: 10;
}
.banner__pagination .swiper-pagination-bullet {
    --swiper-pagination-bullet-horizontal-gap: 0;
    --swiper-pagination-color: transparent;
    --swiper-pagination-bullet-inactive-color: transparent;
    --swiper-pagination-bullet-inactive-opacity: 1;
    
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}
.banner__pagination .swiper-pagination-bullet::before {
    content: '';
    display: block;
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    background-color: var(--color-light);
    color: var(--color-blue);
    border-radius: 50%;
}
.banner__pagination .swiper-pagination-bullet-active::before {
    background-color: var(--color-blue);
}

@media (max-width: 900px) {
    .banner__image {
        object-position: 20% center;
    }
}

@media (max-width: 768px) {
    .banner__pagination.swiper-pagination-bullets {
        bottom: 10px;
    }
}


.tags__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px 18px;
    padding: 1px 1px;
    margin: -1px -1px;
}
.tags__items--left {
    justify-content: flex-start;
}
.tags__items--right {
    justify-content: flex-end;
}
.tags__item {
    padding: var(--element-padding);
    border: 1px solid var(--color-gray);
    border-radius: var(--border-radius-small);
    font-weight: 700;
    font-size: 14px;
    color: var(--color-dark-accent);
    background-color: var(--color-gray-light);
    transition: var(--trn-default);
}
.tags__item--disabled {
    pointer-events: none;
}
.tags__item:active,
.tags__item--active {
    background-color: var(--color-blue);
    color: var(--color-light);
    border-color: var(--color-blue);
}
@media (hover: hover) and (pointer: fine) {
    .tags__item:hover {
        background-color: var(--color-blue);
        color: var(--color-light);
        border-color: var(--color-blue);
    }
}
@media (max-width: 768px) {
    .tags__items {
        flex-wrap: nowrap;
        white-space: nowrap;
        justify-content: flex-start;
        gap: 10px 15px;
        overflow: auto;
    }
}



.events {
    --gap: 35px;
}
.events__inner {
    width: 100%;
}
.events__items {
    display: flex;
}
.events__items--col {
    flex-direction: column;
    gap: var(--gap);
}
.events__slide {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}
.events__slide:not(:last-child) {
    margin-right: var(--gap);
}
.events__btn {
    align-self: center;
}


.event-card {
    display: flex;
    gap: 20px;
    flex-grow: 1;
}
.event-card__images {
    position: relative;
    width: 33%;
    flex-shrink: 0;
    border-radius: var(--border-radius);
    overflow: hidden;
}
.event-card__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--trn-default);
}
.event-card__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    flex-grow: 1;
    padding: 35px 55px;
    border-radius: var(--border-radius-medium);
    background-color: var(--color-gray-light);
}
.event-card__header {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 15px;
}
.event-card__tag {
    padding: 9px 14px;
    font-size: 14px;
    border: 1px solid var(--color-gray);
    border-radius: var(--border-radius-medium);
    background-color: var(--color-light);
}
.event-card__title {
    font-weight: 700;
    font-size: 26px;
    transition: var(--trn-default);
}
.event-card__footer {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.event-card__doc {
    display: flex;
    gap: 60px;
}
.event-card__doc-title {
    color: var(--color-dark-accent);
}
.event-card__doc-items {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.event-card__doc-item {
    display: flex;
    align-items: center;
    gap: 12px;
}
.event-card__doc-item:not(:last-child)::after {
    content: 'или';
}
.event-card__doc-name {
    display: block;
    padding: 8px 10px;
    font-weight: 700;
    color: var(--color-dark-accent);
    border-radius: var(--border-radius-small);
    border: 1px solid var(--color-blue);
    background-color: #e0ecff;
}
.event-card__actions {
    display: flex;
    align-items: flex-end;
    gap: 55px;
}
.event-card__date {
    padding-left: 38px;
    font-weight: 800;
    color: var(--color-dark-accent);
    background-image: var(--icon-date);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}
.event-card__location {
    padding-left: 28px;
    font-weight: 700;
    color: var(--color-dark-accent);
    background-image: var(--icon-location);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}
.event-card__btn {
    flex-shrink: 0;
    margin-left: auto;
}
@media (hover: hover) and (pointer: fine) {
    .event-card:hover .event-card__image {
        transform: scale(1.1);
    }
    .event-card:hover .event-card__title {
        color: var(--color-blue);
    }
}
@media (max-width: 1280px) {
    .event-card__inner {
        padding: 25px 35px;
        gap: 20px;
    }
    .event-card__title {
        font-size: 22px;
    }
    .event-card__actions {
        gap: 25px;
    }
}
@media (max-width: 1024px) {
    .events {
        --gap: 15px;
    }
    .event-card__images {
        display: none;
    }
    .event-card__doc {
        gap: 20px;
    }
}
@media (max-width: 768px) {
    .event-card__inner {
        padding: 20px;
    }
    .event-card__doc {
        flex-direction: column;
    }
    .event-card__actions {
        flex-wrap: wrap;
        gap: 15px;
    }
    .event-card__title {
        font-size: 18px;
    }
}
@media (max-width: 520px) {
    .event-card {
        flex-direction: column;
    }
    .event-card__images {
        display: block;
        width: 100%;
        padding-top: 67%;
    }
    .event-card__doc {
        display: none;
    }
}

.event-detail {}
.event-detail__inner {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.event-detail__info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.event-detail__location {}
.event-detail__address {
    font-weight: 700;
    font-size: 26px;
}
.event-detail__date {
    font-weight: 700;
    font-size: 26px;
}
.event-detail__preview {
    font-size: 14px;
}
.event-detail__issued-documents {
    font-weight: 700;
    font-size: 26px;
}


.event-about__btn {
    align-self: center;
}


@media (max-width: 960px) {
    .event-detail__address, .event-detail__address, .event-detail__date, .event-detail__issued-documents {
        font-size: 24px;
    }
}

@media (max-width: 768px) {
    .event-detail__address, .event-detail__address, .event-detail__date, .event-detail__issued-documents {
        font-size: 22px;
    }
}

@media (max-width: 460px) {
    .event-detail__address, .event-detail__address, .event-detail__date, .event-detail__issued-documents {
        font-size: 18px;
    }
}

.reviews__inner--gray {
    padding: var(--inner-padding-y) 0;
    background-color: var(--color-gray-light);
    border-radius: var(--border-radius);
}
.reviews__wrapper {
    border-radius: var(--border-radius);
}
.reviews__items {
    --item-col: 4;
    --item-col-gap: 25px;

    display: flex;
    width: 100%;
}
.reviews__items--wrap {
    flex-wrap: wrap;
    gap: var(--item-col-gap);
}
.reviews__items [id*="bx_incl_area"],
.reviews__item {
    min-height: 387px;
    width: calc(100% / var(--item-col) - var(--item-col-gap) * (var(--item-col) - 1) / var(--item-col));
}
.reviews__items--wrap .reviews__item {
    min-height: auto;
}
.reviews__items [id*="bx_incl_area"] .reviews__item {
    width: 100%;
    height: 100%;
}
.reviews__btn {
    align-self: center;
}
@media (min-width: 1441px) {
    .reviews__items:not(.reviews__items--wrap) {
        height: 1050px;
    }
}
@media (max-width: 1440px) {
    .reviews__items {
        --item-col-gap: 15px;
    }
}
@media (max-width: 1280px) {
    .reviews__items {
        --item-col: 2;
    }
}
@media (max-width: 690px) {
    .reviews__items {
        --item-col: 1;
    }
}


.review-card {
    --card-padding: 35px;

    display: flex;
    flex-direction: column;
    gap: 25px;
    height: 100%;
}
.review-card--text {
    position: relative;
    padding: var(--card-padding);
    background-color: var(--color-light);
    border-radius: var(--border-radius);
    z-index: 1;
}
.review-card--image {
    position: relative;
    min-height: 387px;
    padding: var(--card-padding) 28px;
    z-index: 1;
}
.review-card--gray {
    background-color: var(--color-gray-light);
}
.review-card__description {
    line-height: 1.25;
}
.review-card__description-more {
    font-weight: 700;
}
.review-card__rutube {
    align-self: flex-start;
}
.review-card__person {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: auto;
}
.review-card__name {
    font-weight: 700;
    font-size: 20px;
    text-align: right;
}
.review-card__company {
    text-align: right;
    line-height: 1.25;
}
.review-card__top-text {
    font-weight: 700;
    font-size: 20px;
    color: var(--color-light);
}
.review-card__bg-image {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0 30%;
    border-radius: var(--border-radius);
    z-index: -1;
}
/* Review card with video */
.review-card--has-video {
    gap: 15px;
}
.review-card__video-preview {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 56.25%;
    border-radius: var(--border-radius-small);
    overflow: hidden;
    flex-shrink: 0;
    cursor: pointer;
}
.review-card__video-preview::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 2;
    pointer-events: none;
}
.review-card__video-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.review-card__video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    transform: translate(-50%, -50%);
    background-color: var(--color-blue-light);
    border-radius: var(--border-radius-small);
    z-index: 3;
}
.review-card__video-icon::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-image: var(--icon-rutube-play);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
}
@media (max-width: 1280px) {
    .review-card {
        --card-padding: 20px;
    }
}


.review-detail {
    padding: 70px 0;
}


.photos-videos__inner {
    width: 100%;
}
.photos-videos__items {
    --item-col: 4;
    --item-col-gap: 30px;
    --video-card-pt: 80%;
    --image-card-pt: 518px;
    
    display: flex;
}
.photos-videos__items--wrap {
    flex-wrap: wrap;
    gap: var(--item-col-gap);
    --image-card-pt: 170%;
}
.photos-videos__item {
    width: calc(100% / var(--item-col) - var(--item-col-gap) * (var(--item-col) - 1) / var(--item-col));
}
.photos-videos__item:not(:last-child) {
    margin-right: var(--item-col-gap);
}
.photos-videos__items--wrap .photos-videos__item {
    margin-right: 0;
}
.photos-videos__item--full {
    --item-col: 2;
}
.photos-videos__item [id*="bx_incl_area"] {
    height: 100%;
    width: 100%;
}
.photos-videos__btn {
    align-self: center;
}

@media (max-width: 1280px) {
    .photos-videos__items {
        --image-card-pt: 100%;
    }
}

@media (max-width: 1024px) {
    .photos-videos__items {
        --item-col: 2;
        --item-col-gap: 15px;
    }
    .photos-videos__items:not(.photos-videos__items--wrap) .photos-videos__item--full {
        --item-col: 1;
    }
    .image-card__title {
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .photos-videos__item--full {
        --item-col: 1;
    }
}
@media (max-width: 460px) {
    .photos-videos__items:not(.photos-videos__items--wrap) {
        --video-card-pt: 120%;
    }
    .photos-videos__items {
        --item-col: 1;
    }
}


.video-card {    
    position: relative;
    display: block;
    height: 100%;
    padding-top: var(--video-card-pt, 80%);
    border-radius: var(--border-radius);
    overflow: hidden;
    cursor: pointer;
}
.video-card::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    pointer-events: none;
    z-index: 10;
}
.video-card__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-card__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    transform: translate(-50%, -50%);
    background-color: var(--color-blue-light);
    border-radius: var(--border-radius-small);
    z-index: 20;
}
.video-card__icon::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-image: var(--icon-rutube-play);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
}


.image-card {
    position: relative;
    display: block;
    height: 100%;
    padding-top: var(--image-card-pt, 80%);
    border-radius: var(--border-radius);
    overflow: hidden;
    cursor: pointer;
}
.image-card__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: calc(100% - var(--border-radius));
    object-fit: cover;
}

.image-card__description {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
    width: 100%;
    padding: 20px 50px;
    background-color: var(--color-gray-light);
    border-radius: var(--border-radius);
}
.image-card__title {
    font-weight: 700;
    font-size: 20px;
}
.image-card__date {
    font-size: 14px;
}
@media (max-width: 1024px) {
    .image-card__description {
        padding: 15px 25px;
    }
}


.participants__inner {
    overflow: hidden;
}
.participants__slider {
	position: relative;
	display: flex;
	width: max-content;
	flex-shrink: 0;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-duration: var(--duration, 20s);
	animation-direction: normal;
	animation-delay: 0s;
    will-change: transform;
}
.participants__slider--left {
	animation-name: moveSlideLeft;
}
.participants__slider--right {
	animation-name: moveSlideRight;
}
.participants__items {
    --item-col: 5;
    --item-col-gap: 140px;

    display: flex;
	flex-shrink: 0;
    gap: var(--item-col-gap);
	opacity: 1;
    padding-right: var(--item-col-gap);
}
.participants__item {
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    width: calc(var(--container-width) / var(--item-col) - var(--item-col-gap) * (var(--item-col) - 1) / var(--item-col));
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.participants__image {
    object-fit: contain;
}
@keyframes moveSlideLeft {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}
@keyframes moveSlideRight {
	0% {
		transform: translateX(-50%);
	}
	100% {
		transform: translateX(0);
	}
}


.person-list__inner--gray {
    padding: var(--inner-padding-y) 0;
    background-color: var(--color-gray-light);
    border-radius: var(--border-radius);
}
.person-list__items {
    --item-col: 1;
    --item-col-gap: 25px;

    display: flex;
}
.person-list__items--cols-3 {
    --item-col: 3;
}
.person-list__items--cols-4 {
    --item-col: 4;
}
.person-list__items--cols-5 {
    --item-col: 5;
}
.person-list__items--wrap {
    flex-wrap: wrap;
    gap: var(--item-col-gap);
}
.person-list__item {
    width: calc(100% / var(--item-col) - var(--item-col-gap)*(var(--item-col) - 1) / var(--item-col));
}
.person-list__item[data-modal] {
    cursor: pointer;
}
.person-list__item [id*="bx_incl_area"] {
    height: 100%;
}
.person-list__item.swiper-slide:not(:last-child) {
    margin-right: var(--item-col-gap);
}
.person-list__btn {
    align-self: center;
}
.person-list__item[data-modal]:active .person-card__name {
    color: var(--color-blue);
}
@media (hover: hover) and (pointer: fine) {
    .person-list__item[data-modal]:hover .person-card__name {
        color: var(--color-blue);
    }
}
@media (max-width: 1440px) {
    .person-list__items--cols-4 {
        --item-col: 3;
    }
    .person-list__items--cols-5 {
        --item-col: 4;
    }
}
@media (max-width: 1280px) {
    .person-list__items--cols-5 {
        --item-col: 3;
    }
}
@media (max-width: 1024px) {
    .person-list__items--cols-3,
    .person-list__items--cols-4,
    .person-list__items--cols-5 {
        --item-col: 2;
    }
}
@media (max-width: 768px) {
    .person-list__items--cols-3,
    .person-list__items--cols-4,
    .person-list__items--cols-5 {
        --item-col: 1;
    }
}


.person-card {
    --card-padding: 30px;
    --size-avatar: 120px;

    display: flex;
    flex-direction: column;
    gap: 25px;
    position: relative;
    padding: 0 var(--card-padding) var(--card-padding);
    height: 100%;
    z-index: 1;
}
.person-card::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - var(--size-avatar) / 2);
    background-color: var(--color-light);
    border-radius: var(--border-radius);
    z-index: -1;
}
.person-card--gray::before {
    background-color: var(--color-gray-light);
}
.person-card__inner {
    display: flex;
    flex-direction: column;
    gap: 35px;
    flex-grow: 1;
}
.person-card__header {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.person-card__avatar {
    border-radius: 50%;
    overflow: hidden;
    width: var(--size-avatar);
    height: var(--size-avatar);
    object-fit: contain;
    border: 7px solid var(--color-gray-light);
}
.person-card__avatar img {
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.person-card__name {
    font-weight: 700;
    font-size: 20px;
    text-align: right;
    transition: var(--trn-default);
}
.person-card__post {
    font-size: 14px;
    text-align: right;
    color: var(--color-dark-accent);
}
.person-card__quote {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: none;
    -webkit-box-orient: vertical;
}
.person-card__quote--rows-5 {
    -webkit-line-clamp: 5;
}
.person-card__quote--rows-8 {
    -webkit-line-clamp: 8;
}
.person-card__footer {
    margin-top: auto;
}
.person-card__btn {
    display: block;
    margin-left: auto;
    font-weight: 700;
    font-size: 14px;
    text-decoration: underline;
    transition: var(--trn-default);
}
.person-card__btn:active {
    color: var(--color-blue);
}
@media (hover: hover) and (pointer: fine) {
    .person-card__btn:hover {
        color: var(--color-blue);
    }
}
@media (max-width: 460px) {
    .person-card {
        --card-padding: 20px;

        gap: 15px;
    }
    .person-card__inner {
        gap: 20px;
    }
}


.news__items {
    --item-col: 4;
    --item-col-gap: 25px;

    display: flex;
    flex-wrap: wrap;
    gap: var(--item-col-gap);
}
.news__items [id*="bx_incl_area"],
.news__item {
    width: calc(100% / var(--item-col) - var(--item-col-gap)*(var(--item-col) - 1) / var(--item-col));
}
.news__items [id*="bx_incl_area"] .news__item {
    width: 100%;
    height: 100%;
}
.news__btn {
    align-self: center;
}
@media (max-width: 1024px) {
    .news__items {
        --item-col: 2;
    }
}
@media (max-width: 580px) {
    .news__items {
        --item-col: 1;
    }
}


.news-card {
    --padding: 40px;
    
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.news-card__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
    flex-grow: 1;
    padding: var(--padding);
    border-radius: var(--border-radius);
    background-color: var(--color-gray-light);
    overflow: hidden;
    z-index: 1;
}
.news-card__inner--darker {
    background-color: var(--color-blue-darker);
}
.news-card__actions {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: flex-end;
}
.news-card__header {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.news-card__title {
    font-weight: 700;
    transition: var(--trn-default);
}
.news-card__title--light {
    font-weight: 700;
    font-size: 24px;
    color: var(--color-light);
}
.news-card__preview-text {
    font-size: 14px;
}
.news-card__description {
    color: var(--color-dark-accent);
}
.news-card__description > * {
    text-align: left!important;
}
.news-card__footer {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 5px;
    margin-top: auto;
}
.news-card__footer-row {
    display: flex;
    align-items: center;
    align-self: stretch;
    justify-content: space-between;
    gap: 10px;
}
.news-card__topic {
    font-size: 14px;
    text-align: right;
}
.news-card__source {
    font-size: 14px;
}
.news-card__date {
    font-size: 14px;
}
.news-card__show-counter {
    padding-left: 20px;
    font-weight: 800;
    font-size: 14px;
    background-image: var(--icon-show-counter);
    background-position: left;
    background-repeat: no-repeat;
}
.news-card__image {
    position: relative;
    padding-top: 67%;
    border-radius: var(--border-radius);
    overflow: hidden;
}
.news-card__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.001);
    transition: var(--trn-default);
}
.news-card__subscribe-title {
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    color: var(--color-light);
}
.news-card__subscribe-circle {
    position: absolute;
    top: 140px;
    left: -45px;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: rgba(0, 186, 238, 0.34);
    filter: blur(91px);
    z-index: -1;
}
.news-card__subscribe-img {
    position: relative;
    height: 100%;
    object-fit: cover;
    object-position: left;
    pointer-events: none;
    z-index: 10;
}
.news-card__subscribe-btn {
    font-size: 24px;
    padding: 30px;
}

@media (hover: hover) and (pointer: fine) {
    .news-card:hover .news-card__title {
        color: var(--color-blue);
    }
    .news-card:hover .news-card__image img {
        transform: scale(1.1);
    }
}
@media (max-width: 1280px) {
    .news-card {
        --padding: 20px;
    }
}


.news__preview {
    font-weight: 600;
    font-size: 26px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.news__detail-header {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 40px;
}
.news__detail .container-detail-text {
    padding: 0;
    max-width: 1024px;
}
.news__detail-image {
    display: block; 
    margin-bottom: 40px;
    width: 100%;
    border-radius: var(--border-radius);
}
.news__detail-text {
    word-break: break-word;
}
.news__detail-text p:not(:last-child) {
    margin-bottom: 20px;
}


.accordion {
    --gap: 20px;
}
.accordion__inner--gray {
    padding: var(--inner-padding-y) 0;
    background-color: var(--color-gray-light);
    border-radius: var(--border-radius);
}

.accordion-default-half-wrapper {
    display: flex;
    flex-direction: row;
    gap: var(--gap);

}

.accordion__items {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    flex: 1;
}

.accordion__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 25px 50px;
    font-weight: 700;
    font-size: 20px;
    background-color: var(--color-gray-light-cool);
    border-radius: var(--border-radius);
    cursor: pointer;
    transition: var(--trn-default);
}
.accordion__item.active .accordion__title {
    background-color: var(--color-blue);
    color: var(--color-light);
}
.accordion__arrow-down {
    position: relative;
    width: 17px;
    height: 17px;
    flex-shrink: 0;
}
.accordion__arrow-down::before,
.accordion__arrow-down::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 10px;
    height: 2px;
    background: currentColor;
    transition: 0.15s;
}
.accordion__arrow-down::before {
    right: 6px;
    transform: translateY(-50%) rotate(45deg);
}
.accordion__arrow-down::after {
    right: 0;
    transform: translateY(-50%) rotate(-45deg);
}
.accordion__item.active .accordion__arrow-down::before {
    transform: translateY(-50%) rotate(-45deg);
}
.accordion__item.active .accordion__arrow-down::after {
    transform: translateY(-50%) rotate(45deg);
}
.accordion__drop {
    overflow: hidden;
    max-height: 0;
    transition: var(--trn-default);
}
.accordion__content {
    margin-top: 15px;
    padding: 40px 50px;
    font-size: 14px;
    background-color: var(--color-light);
    border-radius: var(--border-radius);
}
.accordion__content ul {
    padding-left: 20px;
}
.accordion__content--gray {
    background-color: var(--color-gray-light);
}
.accordion__btn {
    align-self: center;
}
@media (hover: hover) and (pointer: fine) {
    .accordion__title:hover {
        background-color: var(--color-blue);
        color: var(--color-light);
    }
    .accordion__title:hover .arrow-down {
        background-image: var(--icon-arrow-down-light);
    }
}
@media (max-width: 1280px) {
    .accordion__title {
        padding: 15px 30px;
    }
    .accordion__content {
        padding: 20px 30px;
    }
}


@media (max-width: 960px) {
    .accordion-default-half-wrapper {
        flex-direction: column;
    }

    .accordion__title {
        font-size: 18px;
        padding: 15px 20px;
    }
}

@media (max-width: 768px) {
    .accordion__title {
        font-size: 16px;
        padding: 15px 20px;
    }
    .accordion__content {
        padding: 15px 20px;
    }
}


.preview-info__inner {
    position: relative;
    display: block;
    padding: 40px 60px;
    background-color: var(--color-blue-darker);
    border-radius: var(--border-radius);
    overflow: hidden;
    z-index: 1;
}
.preview-info__title {
    max-width: 40%;
    font-weight: 700;
    font-size: 36px;
    color: var(--color-gray-light);
}
.preview-info__list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    list-style: inside;
    color: var(--color-gray-light);
}
.preview-info__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 15px;
}
.preview-info__bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 42%;
    z-index: -1;
}
.preview-info__bg-color {
    position: absolute;
    left: -15%;
    height: 185%;
    width: 110%;
    border-radius: 100%;
    background-color: var(--color-cyan);
    filter: blur(50px);
    z-index: 1;
}
.preview-info__bg img {
    position: relative;
    height: 100%;
    object-fit: cover;
    object-position: left;
    z-index: 2;
}
.preview-info__btn {
    margin-left: auto;
}
@media (max-width: 1024px) {
    .preview-info__inner {
        padding: 20px 30px;
    }
    .preview-info__title {
        font-size: 24px;
    }
    .preview-info__list {
        gap: 10px;
    }
}
@media (max-width: 768px) {
    .preview-info__bg img {
        opacity: 0;
    }
    .preview-info__title {
        max-width: 100%;
    }
}


.side-panel {}
.side-panel__inner {
    position: relative;
    display: flex;
    gap: 40px;
}
.side-panel__left {
    flex-basis: 325px;
    flex-shrink: 0;
}
.side-panel__right {
    flex-grow: 1;
}
@media (max-width: 1024px) {
    .side-panel__left {
        position: fixed;
        top: 20px;
        left: 0px;
        bottom: 20px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: calc(100% - 40px);
        max-width: 360px;
        height: calc(100% - 40px);
        background-color: var(--color-gray-light);
        box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 15px;
        transform: translateX(-120%);
        z-index: 1000;
        padding: 20px;
        border-radius: var(--border-radius);
        transition: var(--trn-default);
    }
    .side-panel__burger {
        padding: 16px 12px;
        font-weight: 700;
        font-size: 18px;
        background-color: var(--color-gray-light);
        border-radius: var(--border-radius-small);
    }
    .side-panel__left.is-active {
        transform: translateX(20px);
    }
}


.side-menu {
    --space: 15px;
    
    position: sticky;
    top: var(--space);
}
.side-menu__list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    list-style: none;
    max-height: calc(100vh - (var(--space) * 2));
}
.side-menu__link {
    display: block;
    padding: var(--element-padding);
    font-weight: 700;
    color: var(--color-dark-accent);
    background-color: var(--color-gray-light);
    border: 1px solid var(--color-gray);
    border-radius: var(--border-radius-small);
    transition: var(--trn-default);
}
.side-menu__link--active,
.side-menu__link:active {
    background-color: var(--color-blue);
    border-color: var(--color-blue);
    color: var(--color-light);
}
@media (hover: hover) and (pointer: fine) {
    .side-menu__link:hover {
        background-color: var(--color-blue);
        border-color: var(--color-blue);
        color: var(--color-light);
    }
}
@media (max-width: 1024px) {
    .side-menu {
        height: calc(100% - 70px);
    }
}


.content-block {
    padding: 40px 60px;
    border-radius: var(--border-radius);
    background-color: var(--color-gray-light);
}
.content-block ul {
    padding-left: 20px;
}
.content-block__list {
    padding-left: 20px;
}
.content-block__list-item::marker {
    font-size: 14px;
}


.questions__inner {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}
.questions__content {
    width: 50%;
}
.questions__image-center {
    margin: 0 auto;
}
.questions__image img {
    height: 100%;
    object-fit: contain;
    object-position: bottom;
}
@media (max-width: 1280px) {
    .questions__content {
        width: 70%;
    }
}
@media (max-width: 1024px) {
    .questions__image {
        display: none;
    }
    .questions__content {
        width: 100%;
    }
}


.contacts__inner {
    position: relative;
    display: flex;
    gap: 50px 35px;
    justify-content: space-between;
    padding: 40px 60px;
    border-radius: var(--border-radius);
    background-color: var(--color-blue-darker);
    overflow: hidden;
}
.contacts__inner::before {
    content: '';
    position: absolute;
    top: -24px;
    left: 37%;
    width: 665px;
    height: 590px;
    background-color: var(--color-cyan);
    filter: blur(200px);
    border-radius: 50%;
    pointer-events: none;
}
.contacts__col {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-weight: 700;
    color: var(--color-light);
    z-index: 2;
}
.contacts__col--center {
    align-self: center;
}
.contacts__row {
    display: flex;
    gap: 10px;
}
.contacts__row--center {
    align-items: center;
}
.contacts__title {
    font-size: 26px;
}
.contacts__phone {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
}
.contacts__phone-nubmer {
    font-size: 36px;
}
@media (min-width: 1441px) {
    .contacts__col {
        max-width: 430px;
    }
}
@media (max-width: 1440px) {
    .contacts__inner {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}
@media (max-width: 768px) {
    .contacts__inner {
        padding: 20px 30px;
    }
    .contacts__phone-nubmer {
        font-size: 30px;
    }
}


.contacts-map {}
.contacts-map__inner {
    position: relative;
    padding-top: 31%;
    border-radius: var(--border-radius);
    overflow: hidden;
    min-height: 300px;
}
.contacts-map__ymap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.preparation {
    --size-arrows: 40px;
}
.preparation__inner {
    max-width: 1530px;
    margin: 0 auto;
}
.preparation__items {
    --cols: 3;
    --gap: 24px;
    
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
}
.preparation__item {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: calc(100% / var(--cols) - (var(--gap) * 2 + var(--size-arrows)) * (var(--cols) - 1) / var(--cols));
    padding: 40px;
    border-radius: var(--border-radius);
    background-color: var(--color-gray-light);
}
.preparation__arrows {
    align-self: center;
}
.preparation__title {
    font-weight: 700;
    font-size: 34px;
}
.preparation__item-list {
    padding-left: 10px;
    list-style: inside;
}
.preparation__list-item {
    font-size: 20px;
}
.preparation__list-item::marker {
    font-size: 14px;
}
.preparation__btn {
    align-self: flex-end;
}
@media (max-width: 1440px) {
    .preparation__items {
        --gap: 10px;
    }
    .preparation__item {
        padding: 20px;
        gap: 15px;
    }
    .preparation__title {
        font-size: 28px;
    }
}
@media (max-width: 1024px) {
    .preparation {
        --size-arrows: 30px;
    }
    .preparation__item {
        padding: 15px;
    }
    .preparation__title {
        font-size: 20px;
    }
    .preparation__list-item {
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .preparation__items {
        --cols: 1;
        
        flex-direction: column;
    }
    .preparation__arrows {
        transform: rotate(90deg);
    }
    .preparation__title {
        font-size: 24px;
    }
    .preparation__list-item {
        font-size: 20px;
    }
    .preparation__btn {
        align-self: center;
    }
}


.slider-tile {
    --cols: 4;
    --gap: 25px;
}
.slider-tile__inner {
    margin: 0 calc(var(--border-radius) * -1);
}
.slider-tile__items {
    display: flex;
}
.slider-tile__link,
.slider-tile__item {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: calc(100% / var(--cols) - var(--gap) * (var(--cols) - 1) / var(--cols));
}
.slider-tile__link:not(:last-child),
.slider-tile__item:not(:last-child) {
    margin-right: var(--gap);
}
.slider-tile__images {
    position: relative;
    padding-top: 98%;
    border-radius: var(--border-radius);
    overflow: hidden;
}
.slider-tile__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--trn-default);
}
.slider-tile__title {
    flex-grow: 1;
    padding: 30px 48px;
    font-weight: 700;
    font-size: 20px;
    text-align: right;
    background-color: var(--color-gray-light);
    border-radius: var(--border-radius);
    transition: var(--trn-default);
}
@media (hover: hover) and (pointer: fine) {
    .slider-tile__link:hover .slider-tile__img {
        transform: scale(1.1);
    }
    .slider-tile__link:hover .slider-tile__title {
        color: var(--color-blue);
    }
}
@media (max-width: 1440px) {
    .slider-tile {
        --cols: 3;
    }
}
@media (max-width: 1280px) {
    .slider-tile__title {
        padding: 20px 35px;
        font-size: 18px;
    }
}
@media (max-width: 1024px) {
    .slider-tile {
        --cols: 2;
        --gap: 15px;
    }
    .slider-tile__title {
        font-size: 16px;
    }
}
@media (max-width: 580px) {
    .news-card__subscribe-btn {
        padding: 20px;
        font-size: 14px;
        top: 55%;
    }
    .news__item.news-card:has(.news-card__subscribe) {
        height: auto;
    }
    .slider-tile {
        --cols: 1;
    }
    .slider-tile__inner {
        margin: 0;
    }
    .slider-tile__title {
        padding: 15px 25px;
    }
}


.we-numbers {
    --cols: 4;
    --gap: 25px;
}
.we-numbers__items {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
}
.we-numbers__item {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: calc(100% / var(--cols) - var(--gap) * (var(--cols) - 1) / var(--cols));
    padding: 50px 40px;
    border-radius: var(--border-radius);
    background-color: var(--color-gray-light);
}
.we-numbers__number {
    font-weight: 800;
    font-size: 55px;
    line-height: 22px;
    color: var(--color-blue);
    white-space: nowrap;
}
.we-numbers__title {
    font-size: 20px;
}
@media (max-width: 1440px) {
    .we-numbers__item {
        padding: 30px;
        gap: 15px;
    }
    .we-numbers__number {
        font-size: 40px;
    }
}
@media (max-width: 1280px) {
    .we-numbers {
        --gap: 15px;
    }
}
@media (max-width: 1024px) {
    .we-numbers {
        --cols: 2;
    }
    .we-numbers__item {
        align-items: center;
    }
    .we-numbers__title {
        text-align: center;
    }
}
@media (max-width: 460px) {
    .we-numbers {
        --cols: 1;
    }
}


.content-media__inner {
    display: flex;
    gap: 20px;
}
.content-media__image {
    position: relative;
    flex-shrink: 0;
    width: 33%;
    border-radius: var(--border-radius);
    overflow: hidden;
}
.content-media__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 1024px) {
    .content-block {
        padding: 20px;
    }
    .content-media__image {
        display: none;
    }
}


.advantages {
    --cols: 4;
    --gap: 25px;
}
.advantages__items {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
}
.advantages__item {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: calc(100% / var(--cols) - var(--gap) * (var(--cols) - 1) / var(--cols));
    padding: 40px;
    border-radius: var(--border-radius);
    background-color: var(--color-gray-light);
}
.advantages__icon {
    align-self: center;
    width: 50px;
    height: 50px;
}
.advantages__icon-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.advantages__title {
    font-weight: 700;
    font-size: 26px;
}
@media (max-width: 1440px) {
    .advantages__item {
        padding: 20px;
        gap: 15px;
    }
    .advantages__title {
        font-size: 22px;
    }
}
@media (max-width: 1280px) {
    .advantages {
        --cols: 2;
        --gap: 15px;
    }
}
@media (max-width: 768px) {
    .advantages {
        --cols: 1;
    }
}


.what-we-do {
    --cols: 2;
    --gap: 25px;
}
.what-we-do__items {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
}
.what-we-do__item {
    position: relative;
    width: calc(100% / var(--cols) - var(--gap) * (var(--cols) - 1) / var(--cols));
    height: 370px;
    padding: 45px 70px;
    border-radius: var(--border-radius);
    background-color: var(--color-blue-darker);
    overflow: hidden;
}
.what-we-do__title {
    position: relative;
    text-align: right;
    font-weight: 700;
    font-size: 36px;
    color: var(--color-light);
    z-index: 2;
}
.what-we-do__img {
    position: absolute;
    left: 0;
    bottom: 0;
    transform-origin: left bottom;
    transition: var(--trn-default);
}
.what-we-do__circle {
    position: absolute;
    top: -175px;
    left: -125px;
    display: block;
    width: 480px;
    height: 480px;
    border-radius: 50%;
    background-color: var(--color-cyan);
    filter: blur(104px);
    transition: var(--trn-default);
}
@media (hover: hover) and (pointer: fine) {
    .what-we-do__item:hover .what-we-do__img {
        transform: scale(0.95);
    }
}
@media (max-width: 1280px) {
    .what-we-do__item {
        padding: 30px 40px;
    }
    .what-we-do__title {
        font-size: 30px;
    }
}
@media (max-width: 1024px) {
    .what-we-do {
        --gap: 15px;
    }
}
@media (max-width: 768px) {
    .what-we-do__item {
        padding: 20px 25px;
        height: 270px;
    }
    .what-we-do__title {
        font-size: 24px;
    }
    .what-we-do__circle {
        width: 380px;
        height: 380px;
    }
}
@media (max-width: 580px) {
    .what-we-do {
        --cols: 1;
    }
    .what-we-do__item {
        height: calc((100vw - 360px)/(580 - 360) * (370 - 300) + 300px);
    }
}


.speaker-detail {}
.speaker-detail__inner {
    position: relative;
    display: flex;
    gap: 25px;
}
.speaker-detail__left {
    position: sticky;
    top: 0;
    flex-shrink: 0;
    height: fit-content;
}
.speaker-detail__img {
    border-radius: 50%;
    object-fit: cover;
}
.speaker-detail__right {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.speaker-detail__name {
    font-weight: 700;
    font-size: 26px;
}
.speaker-detail__description {
    padding: 20px;
    border-radius: var(--border-radius);
    background-color: var(--color-gray-light);
}
.speaker-detail__param-name {
    font-weight: 700;
    font-size: 16px;
}
.speaker-detail__list {
    list-style: inside;
}
.speaker-detail__item {
    font-size: 14px;
}
.speaker-detail__item::marker {
    color: var(--color-blue);
}
.speaker-detail__item p {
    display: inline;
}
@media (max-width: 768px) {
    .speaker-detail__inner {
        flex-direction: column;
    }
}


.terms {}
.terms__items {
    --cols: 2;
    --gap: 25px;
    
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
}
.terms__item {
    display: flex;
    width: calc(100% / var(--cols) - var(--gap) * (var(--cols) - 1) / var(--cols));
    border-radius: var(--border-radius);
    overflow: hidden;
}
.terms__images {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-color: var(--color-blue-darker);
    overflow: hidden;
}
.terms__img {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.terms__img--left {
    object-position: left top;
}
.terms__img--right {
    object-position: right top;
}
.terms__img-decor {
    position: absolute;
    top: calc(100% - var(--offset-y));
    width: 100%;
    height: 100%;
    background-color: var(--color-cyan-darker);
    border-radius: 50%;
    filter: blur(104px);
}
.terms__info {
    display: flex;
    flex-direction: column;
    gap: 70px;
    padding: 85px 35px;
    background-color: var(--color-gray-light);
    flex-grow: 1;
}
.terms__info-header {}
.terms__info-body {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.terms__title {
    font-weight: 700;
    font-size: 26px;
    text-align: center;
}
.terms__prices {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    white-space: nowrap;
}
.terms__price {
    display: flex;
    gap: 5px;
    font-weight: 700;
    font-size: 26px;
}
.terms__price:not(:last-child)::after {
    content: '/';
}
.terms__price:last-child::after {
    content: '₽';
}
.terms__description {}
@media (max-width: 1440px) {
    .terms__info {
        padding: 45px 25px;
        gap: 50px;
    }
    .terms__info-body {
        gap: 20px;
    }
}
@media (max-width: 1280px) {
    .terms__info {
        padding: 35px 25px;
        gap: 25px;
    }
    .terms__info-body {
        gap: 15px;
    }
    .terms__title {
        font-size: 22px;
    }
    .terms__price {
        font-size: 22px;
    }
    .terms__items {
        --gap: 15px;
    }
}
@media (min-width: 1181px) {
    .terms__images {
        --offset-y: 70%;
        width: 48%;
    }
    .terms__info {
        width: 52%;
    }
}
@media (max-width: 1180px) {
    .terms__images {
        padding-top: 90%;
    }
    .terms__item {
        flex-direction: column;
    }
}
@media (max-width: 768px) {
    .terms__items {
        --cols: 1;
    }
}
@media (max-width: 580px) {
    .terms__item {
        flex-direction: column;
    }
    .terms__images,
    .terms__info {
        width: 100%;
    }
}


.detail-events {
    --gap: 35px;
}
.detail-events__btn {
    align-self: center;
}


.prices {
    --cols: 4;
    --gap: 25px;
}
.prices--in-accordion {
    --cols: 2;
    --gap: 15px;
}
.prices--in-accordion .prices__item {
    padding: 25px 20px;
}
.prices_inner {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}
.prices__items {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
}
.prices__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: calc(100% / var(--cols) - var(--gap) * (var(--cols) - 1) / var(--cols));
    padding: 40px 30px;
    background-color: var(--color-gray-light);
    border-radius: var(--border-radius);
}
.prices__logo {}
.prices__img {}
.prices__title {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
}
.prices__hint {
    font-size: 18px;
    color: var(--color-blue);
    text-align: center;
}
.prices__btn {
    margin-top: auto;
}
@media (max-width: 1280px) {
    .prices {
        --gap: 15px;
    }
    .prices__item {
        padding: 25px 20px;
    }
}
@media (max-width: 1180px) {
    .prices {
        --cols: 2;
    }
}
@media (max-width: 580px) {
    .prices {
        --cols: 1;
    }
}


.footer {
    --footer-item-gap: 12px;
    --gap: 15px;
    
    padding: var(--section-padding-y) 0 0;
}
.footer__inner {
    padding: 80px 0;
    background-color: var(--color-blue-darker);
}
.footer__body {
    display: flex;
    gap: var(--gap);
    justify-content: space-between;
}
.footer__menu {
    display: flex;
    flex-direction: column;
    gap: 7px;
    list-style: none;
}
.footer__menu-item {
    display: flex;
    align-items: center;
    gap: var(--footer-item-gap);
}
.footer__menu-link {
    font-weight: 700;
    color: var(--color-light);
    transition: var(--trn-default);
}
.footer__menu-link--flex {
    display: flex;
    align-items: center;
    gap: var(--footer-item-gap);
}
.footer__menu-link--email {
    text-decoration: underline;
}
.footer__menu-link:active {
    color: var(--color-blue);
}
.footer__document-icon {
    width: 33px;
    height: 49px;
}
.footer__bottom {
    padding: 50px 0;
}
.footer__copyright {
    font-weight: 700;
    text-align: center;
}
@media (hover: hover) and (pointer: fine) {
    .footer__menu-link:hover {
        color: var(--color-blue);
    }
}
@media (max-width: 1024px) {
    .footer {
        --cols: 2;
        --gap: 25px;
    }
    .footer__inner {
        padding: 25px 0;
    }
    .footer__body {
        flex-wrap: wrap;
    }
    .footer__col {
        width: calc(100% / var(--cols) - var(--gap) * (var(--cols) - 1) / var(--cols));
    }
    .footer__bottom {
        padding: 30px 0;
    }
}
@media (max-width: 580px) {
    .footer {
        --cols: 1;
    }
}


.has-iframe .fancybox__content {
    padding: 0;
    width: 80%!important;
    height: auto!important;
    aspect-ratio: 16/9;
}



.arrow-scroll-top {
    --bottom-show: 35px;
    
   position: fixed;
   bottom: -70px;
   right: 35px;
   width: 45px;
   height: 45px;
   z-index: 2500;
   cursor: pointer;
   transition: var(--trn-default);
   overflow: hidden;
}
.arrow-scroll-top.show {
   bottom: var(--bottom-show);
}
.arrow-scroll-top svg {
   width: 100%;
   height: 100%;
}
.arrow-scroll-top:active {
    bottom: calc(var(--bottom-show) - 5px);
}
@media (max-width: 768px) {
    .arrow-scroll-top {
        --bottom-show: 15px;
    }
    .arrow-scroll-top {
        right: 15px;
    }
}
@media (hover: hover) {
    .arrow-scroll-top:hover {
        transform: scale(0.95);
    }
}



.alert {
    padding: 20px;
    border: 1px solid var(--color-gray);
    border-radius: var(--border-radius);
    background-color: var(--color-gray-light);
}
.alert--error {
    border-color: #af4c4c;
    color: #7d2e2e;
    background-color: #f5e8e8;
}
.alert--success {
    border-color: #4caf50;
    color: #2e7d32;
    background-color: #e8f5e8;
}
.alert__title {
    text-align: center;
}
.alert__text {
    text-align: center;
}

@media (min-width: 1025px) {
    .is-tablet {
        display: none;
    }
}

@media (min-width: 769px) {
    .is-mobile {
        display: none;
    }
}
@media (max-width: 768px) {
    .hide-mobile {
        display: none;
    }
}
