:root {
   /* --blue-1: rgba(35, 73, 130, 1);
    --blue-2: rgba(53, 119, 219, 1);
    --orange-1: rgba(232, 161, 23, 1);
    --red-1: rgba(205, 56, 9, 1);
    --linear: border-radius: 12px;
    background: linear-gradient(180deg, #EAEEF5 0%, #F5F7FA 100%);
    --black-1: rgba(8, 30, 58, 1);
    --black-2: rgba(61, 75, 93, 1);
    --black-3: rgba(105, 125, 159, 1);
    --black-4: rgba(174, 184, 201, 1);
    --black-5: rgba(221, 226, 238, 1);
    --black-6: rgba(226, 232, 242, 1);
    --black-7: rgba(234, 238, 245, 1);
    --black-8: rgba(245, 247, 250, 1);
    --black-10: #F2F4F9;
    --white-1: rgba(255, 255, 255, 1);
    --code-white-1: 255, 255, 255;
    --code-black-1: 8, 30, 58;
    --code-blue-1: 35, 73, 130;*/
}

:root {
    --space-120: 120px;
    --space-100: 100px;
    --space-80: 80px;
    --space-60: 60px;
    --space-48: 48px;
    --space-40: 40px;
    --space-36: 36px;
    --space-32: 32px;
    --space-24: 24px;
    --space-20: 20px;
    --space-16: 16px;
}

@media only screen and (max-width: 1400px) {
    :root {
        --space-120: 100px;
        --space-100: 80px;
        --space-80: 60px;
        --space-60: 48px;
        --space-48: 40px;
        --space-40: 36px;
        --space-36: 32px;
        --space-32: 24px;
        --space-24: 20px;
        --space-20: 18px;
        --space-16: 14px; /* Adjusted closer to 12px but above */
    }
}
@media only screen and (max-width: 1199px) {
    :root {
        --space-120: 80px;
        --space-100: 60px;
        --space-80: 48px;
        --space-60: 40px;
        --space-48: 36px;
        --space-40: 32px;
        --space-36: 24px;
        --space-32: 20px;
        --space-24: 18px;
        --space-20: 16px;
        --space-16: 12px; /* Minimized but aligned */
    }
}
@media only screen and (max-width: 991px) {
    :root {
        --space-120: 60px;
        --space-100: 48px;
        --space-80: 40px;
        --space-60: 36px;
        --space-48: 32px;
        --space-40: 24px;
        --space-36: 20px;
        --space-32: 20px;
        --space-24: 18px;
        --space-20: 16px;
        --space-16: 12px; /* Minimum */
    }
}
@media only screen and (max-width: 768px) {
    :root {
        --space-120: 48px;
        --space-100: 40px;
        --space-80: 36px;
        --space-60: 32px;
        --space-48: 24px;
        --space-40: 20px;
        --space-36: 20px;
        --space-32: 20px;
        --space-24: 18px;
        --space-20: 16px;
        --space-16: 12px; /* Minimum */
    }
}
@media only screen and (max-width: 574px) {
    :root {
        --space-120: 40px;
        --space-100: 36px;
        --space-80: 32px;
        --space-60: 24px;
        --space-48: 20px;
        --space-40: 20px;
        --space-36: 20px;
        --space-32: 20px;
        --space-24: 18px;
        --space-20: 16px;
        --space-16: 12px; /* Minimum */
    }
}
:root {
    --size-text-32: 32px;
    --size-text-24: 24px;
    --size-text-22: 22px;
    --size-text-20: 20px;
    --size-text-18: 18px;
    --size-text-17: 17px;
    --size-text-16: 16px;
}

@media only screen and (max-width: 1400px) {
    :root {
        --size-text-32: 28px;
        --size-text-24: 22px;
        --size-text-22: 20px;
        --size-text-20: 18px;
        --size-text-18: 16px;
        --size-text-17: 16px;
        --size-text-16: 16px;
    }
}
@media only screen and (max-width: 1199px) {
    :root {
        --size-text-32: 26px;
        --size-text-24: 20px;
        --size-text-22: 18px;
        --size-text-20: 16px;
        --size-text-18: 16px;
        --size-text-17: 16px;
        --size-text-16: 16px;
    }
}
@media only screen and (max-width: 991px) {
    :root {
        --size-text-32: 24px;
        --size-text-24: 18px;
        --size-text-22: 16px;
        --size-text-20: 16px;
        --size-text-18: 16px;
        --size-text-17: 16px;
        --size-text-16: 16px;
    }
}
@media only screen and (max-width: 768px) {
    :root {
        --size-text-32: 22px;
        --size-text-24: 16px;
        --size-text-22: 16px;
        --size-text-20: 16px;
        --size-text-18: 14px;
        --size-text-17: 14px;
        --size-text-16: 14px;
    }
}
@media only screen and (max-width: 574px) {
    :root {
        --size-text-32: 20px;
        --size-text-24: 16px;
        --size-text-22: 16px;
        --size-text-20: 16px;
        --size-text-18: 14px;
        --size-text-17: 14px;
        --size-text-16: 14px;
    }
}
:root {
    --size-icon-20: 20px;
    --size-icon-24: 24px;
    --size-btn-52: 52px;
    --size-btn-48: 48px;
    --size-btn-44: 44px;
    --size-btn-40: 40px;
    --width-logo: 300px;
    --width-container: 1440px;
}
@media only screen and (max-width: 1400px) {
    :root {
        --width-container: 1140px;
        --size-icon-20: 18px;
        --size-icon-24: 22px;
    }
}
@media only screen and (max-width: 1199px) {
    :root {
        --width-container: 960px;
        --size-icon-20: 16px;
        --size-icon-24: 20px;
        --size-btn-52: 48px;
        --size-btn-48: 44px;
        --size-btn-44: 40px;
        --size-btn-40: 36px;
    }
}
@media only screen and (max-width: 991px) {
    :root {
        --width-container: 100%;
        --size-icon-24: 18px;
        --size-btn-52: 44px;
    }
}
@media only screen and (max-width: 991px) {
    :root {
        --width-container: 100%;
        --size-icon-24: 18px;
        --size-btn-52: 40px;
        --size-btn-48: 40px;
    }
}
.form-group__label {
    color: var(--black-1);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 6px;
    display: block;
}
.form-control {
    height: var(--size-btn-52);
    padding: 0 14px;
    border: 1px solid var(--black-5);
    background: var(--black-6);
    color: var(--black-1);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    border-radius: 12px;
}
.contact-form__light .form-control {
    border-color: var(--black-7);
    background: var(--black-8);
}
.form-control::placeholder {
    color: var(--black-3);
}
.form-select {
    color: var(--black-3);
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5917 6.84165C15.5142 6.76355 15.422 6.70155 15.3205 6.65924C15.2189 6.61694 15.11 6.59515 15 6.59515C14.89 6.59515 14.7811 6.61694 14.6795 6.65924C14.578 6.70155 14.4858 6.76355 14.4083 6.84165L10.5917 10.6583C10.5142 10.7364 10.422 10.7984 10.3205 10.8407C10.2189 10.883 10.11 10.9048 10 10.9048C9.89 10.9048 9.78108 10.883 9.67953 10.8407C9.57798 10.7984 9.48581 10.7364 9.40834 10.6583L5.59168 6.84165C5.51421 6.76355 5.42204 6.70155 5.32049 6.65924C5.21894 6.61694 5.11002 6.59515 5.00001 6.59515C4.89 6.59515 4.78108 6.61694 4.67953 6.65924C4.57798 6.70155 4.48581 6.76355 4.40834 6.84165C4.25313 6.99779 4.16602 7.209 4.16602 7.42915C4.16602 7.64931 4.25313 7.86052 4.40834 8.01665L8.23334 11.8417C8.70209 12.3098 9.33751 12.5728 10 12.5728C10.6625 12.5728 11.2979 12.3098 11.7667 11.8417L15.5917 8.01665C15.7469 7.86052 15.834 7.64931 15.834 7.42915C15.834 7.209 15.7469 6.99779 15.5917 6.84165Z' fill='%23A4B0C1'/%3E%3C/svg%3E");
    background-size: 20px;
    background-position: right 12px center;
    background-repeat: no-repeat;
}
.form-select.selected {
    color: var(--black-1);
}
.form-date {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66667 10H5C4.08083 10 3.33333 10.7475 3.33333 11.6667V13.3333C3.33333 14.2525 4.08083 15 5 15H6.66667C7.58583 15 8.33333 14.2525 8.33333 13.3333V11.6667C8.33333 10.7475 7.58583 10 6.66667 10ZM5 13.3333V11.6667H6.66667V13.3333H5ZM15.8333 1.66667H15V0.833333C15 0.373333 14.6275 0 14.1667 0C13.7058 0 13.3333 0.373333 13.3333 0.833333V1.66667H6.66667V0.833333C6.66667 0.373333 6.29417 0 5.83333 0C5.3725 0 5 0.373333 5 0.833333V1.66667H4.16667C1.86917 1.66667 0 3.53583 0 5.83333V15.8333C0 18.1308 1.86917 20 4.16667 20H15.8333C18.1308 20 20 18.1308 20 15.8333V5.83333C20 3.53583 18.1308 1.66667 15.8333 1.66667ZM4.16667 3.33333H15.8333C17.2117 3.33333 18.3333 4.455 18.3333 5.83333V6.66667H1.66667V5.83333C1.66667 4.455 2.78833 3.33333 4.16667 3.33333ZM15.8333 18.3333H4.16667C2.78833 18.3333 1.66667 17.2117 1.66667 15.8333V8.33333H18.3333V15.8333C18.3333 17.2117 17.2117 18.3333 15.8333 18.3333Z' fill='%230084BE'/%3E%3C/svg%3E");
    background-size: 20px;
    background-position: right 12px center;
    background-repeat: no-repeat;
    padding-right: 36px;
}

textarea.form-control {
    min-height: 96px;
    resize: none;
    padding-top: 12px;
}
.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
    background-color: var(--green-1) !important;
}

.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="rgba(53, 119, 219, 1)"><path d="M12.8888 9.77792C12.3847 9.77833 11.8883 9.90139 11.4425 10.1365C10.9966 10.3715 10.6146 10.7116 10.3295 11.1273L5.99012 9.16792C6.29833 8.42368 6.29952 7.58771 5.99345 6.84259L10.3268 4.87325C10.7494 5.48442 11.377 5.9239 12.0958 6.11195C12.8147 6.30001 13.5771 6.22419 14.2449 5.89825C14.9126 5.57232 15.4414 5.01785 15.7353 4.33543C16.0293 3.65301 16.0689 2.88784 15.847 2.1787C15.6251 1.46957 15.1564 0.863452 14.5259 0.470291C13.8954 0.0771302 13.1449 -0.0770308 12.4105 0.0357716C11.6761 0.148574 11.0064 0.520868 10.5229 1.08512C10.0395 1.64938 9.7743 2.36822 9.77545 3.11125C9.77828 3.28712 9.79612 3.46242 9.82878 3.63525L5.22212 5.72859C4.77968 5.31407 4.22579 5.03781 3.6285 4.93376C3.03121 4.82971 2.41654 4.9024 1.85999 5.14289C1.30344 5.38339 0.829268 5.78121 0.495715 6.2875C0.162163 6.79378 -0.0162385 7.38647 -0.0175706 7.99275C-0.0189027 8.59904 0.156892 9.1925 0.488217 9.70025C0.819542 10.208 1.29197 10.6079 1.84745 10.8508C2.40293 11.0938 3.01728 11.1692 3.61502 11.0677C4.21276 10.9663 4.76786 10.6925 5.21212 10.2799L9.83078 12.3653C9.7987 12.5379 9.78109 12.713 9.77812 12.8886C9.77799 13.504 9.96037 14.1056 10.3022 14.6174C10.644 15.1292 11.1299 15.5281 11.6985 15.7636C12.267 15.9992 12.8927 16.0609 13.4963 15.9408C14.0999 15.8208 14.6543 15.5245 15.0895 15.0893C15.5247 14.6541 15.821 14.0997 15.941 13.4961C16.0611 12.8925 15.9994 12.2668 15.7638 11.6983C15.5282 11.1297 15.1294 10.6438 14.6176 10.302C14.1058 9.96017 13.5042 9.77779 12.8888 9.77792ZM12.8888 1.33325C13.2405 1.33312 13.5843 1.43729 13.8768 1.63258C14.1692 1.82787 14.3972 2.10551 14.5319 2.43038C14.6666 2.75526 14.7019 3.11277 14.6334 3.45772C14.5648 3.80266 14.3956 4.11953 14.1469 4.36825C13.8983 4.61698 13.5815 4.78638 13.2366 4.85504C12.8917 4.9237 12.5341 4.88853 12.2092 4.75398C11.8843 4.61942 11.6065 4.39153 11.4111 4.09913C11.2157 3.80672 11.1115 3.46294 11.1115 3.11125C11.1118 2.63992 11.2992 2.18799 11.6324 1.85464C11.9656 1.5213 12.4175 1.33378 12.8888 1.33325ZM3.11145 9.77792C2.75977 9.77805 2.41594 9.67389 2.12347 9.4786C1.83099 9.28331 1.60299 9.00567 1.46832 8.68079C1.33364 8.35592 1.29834 7.9984 1.36687 7.65346C1.4354 7.30852 1.60468 6.99165 1.85331 6.74292C2.10194 6.4942 2.41875 6.32479 2.76367 6.25613C3.10859 6.18748 3.46612 6.22265 3.79104 6.3572C4.11597 6.49175 4.39369 6.71964 4.58909 7.01205C4.78449 7.30445 4.88878 7.64824 4.88878 7.99992C4.88826 8.4712 4.70085 8.92303 4.36767 9.25634C4.03449 9.58964 3.58273 9.77722 3.11145 9.77792ZM12.8888 14.6666C12.5371 14.6666 12.1934 14.5623 11.901 14.3669C11.6086 14.1716 11.3807 13.8939 11.2461 13.569C11.1116 13.2441 11.0763 12.8866 11.1449 12.5417C11.2136 12.1968 11.3829 11.88 11.6315 11.6314C11.8802 11.3827 12.197 11.2134 12.5419 11.1448C12.8868 11.0761 13.2443 11.1114 13.5692 11.2459C13.8941 11.3805 14.1718 11.6084 14.3671 11.9008C14.5625 12.1932 14.6668 12.5369 14.6668 12.8886C14.6664 13.36 14.479 13.8121 14.1456 14.1454C13.8123 14.4788 13.3602 14.6662 12.8888 14.6666Z" /></svg>') !important;
    background-size: 18px 18px !important;
    background-position: center center !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 4px;
}

.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid var(--black-6) !important;
    background: var(--white-1) !important;
    box-shadow: 0px 1px 2px 0px rgba(35, 73, 130, 0.1);
    padding: 6px 8px !important;
}
.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short::after {
    content: var(--local-text);
    color: var(--black-1);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.ya-share2__container_size_m.ya-share2__container_alone .ya-share2__popup_direction_bottom,
.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__popup_direction_bottom {
    right: unset !important;
    left: 0 !important;
    top: 40px !important;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: var(--space-16);
}
.pagination ul {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.pagination span {
    letter-spacing: 2px;
    color: var(--black-3);
}
.pagination a {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: var(--white-1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black-3);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    transition: all 0.2s ease-in-out;
}
.pagination a:hover, .pagination a.active {
    border-radius: 8px;
    box-shadow: 0px 2px 30px 0px rgba(0, 49, 107, 0.05);
    color: var(--white-1);
}
.pagination > a {
    color: var(--blue-1);
    font-size: var(--size-icon-20);
    background-color: var(--white-1);
}

.sidebar {
    border-radius: 12px;
    background: var(--white-1);
    padding: 12px;
}
.sidebar-wrapper {
    position: sticky;
    top: 16px;
}
.sidebar-wrapper > *:not(:last-child) {
    margin-bottom: 12px;
}
.sidebar-bordered {
    border: 1px solid var(--black-7);
}
.sidebar-title {
    color: var(--blue-1);
    font-size: var(--size-text-20);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 26px */
    letter-spacing: -0.4px;
    /* 26px */
    border-bottom: 1px solid var(--black-6);
    padding-bottom: 12px;
    margin-bottom: 12px;
}
.sidebar-menu__item:not(:last-child) {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--black-6);
}
.sidebar-menu__link {
    color: var(--black-1);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    display: flex;
    align-items: center;
}
.sidebar-menu__link i {
    color: var(--blue-2);
    font-size: 16px;
    margin-right: 0px;
    width: 0px;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
}
.sidebar-menu__link:hover i, .sidebar-menu__link.active i {
    width: 16px;
    margin-right: 4px;
}
.sidebar-social__link {
    display: flex;
    align-items: center;
    color: var(--black-1);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.sidebar-social__link:not(:last-child) {
    margin-bottom: 8px;
}
.sidebar-social__icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    flex: 0 0 38px;
    margin-right: 8px;
    font-size: 24px;
    color: var(--blue-1);
    border-radius: 10px;
    border: 1px solid var(--black-7);
    background: var(--white-1);
    box-shadow: 0px 1px 2px 0px rgba(35, 73, 130, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}
.sidebar-apply {
    padding: 12px;
    border-radius: 12px;
    background: var(--white-1);
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 127px;
    cursor: pointer;
}
.sidebar-apply__image {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
}
.sidebar-apply__image img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}
.sidebar-apply__image::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 65%, #FFF 100%);
    z-index: 3;
}
.sidebar-apply__title {
    color: var(--blue-1);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 23.8px */
    margin-bottom: 12px;
}
.sidebar-apply__button {
    display: flex;
    width: max-content;
    display: none;
}

.search-title {
    color: var(--black-1);
    font-size: var(--size-text-32);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: var(--space-32);
}
.search-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}
.search-empty__text {
    color: var(--black-1);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 23.8px */
    margin-bottom: var(--space-24);
}
.search-list__item {
    padding: 12px;
    background-color: var(--white-1);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.search-list__item:not(:last-child) {
    margin-bottom: 12px;
}
.search-list__title {
    color: var(--black-3);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    margin-bottom: 4px;
}
.search-list__link {
    color: var(--blue-2);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 23.8px */
    text-decoration: underline;
    cursor: pointer;
}

.error {
    padding: var(--space-100) 0 0 0;
}
.error-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.error-container__image {
    max-width: 750px;
    width: 100%;
    height: auto;
}
.error-container__title {
    color: var(--black-1);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 16px;
}

.economic-title {
    color: var(--black-1);
    font-size: var(--size-text-20);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 12px;
}
.economic-list__item {
    color: var(--black-1);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 10px;
    border-radius: 12px;
    background: var(--white-1);
}
.economic-list__item:not(:last-child) {
    margin-bottom: 8px;
}

.sent {
    display: flex;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-80) var(--space-16) !important;
    margin-bottom: calc(0px - var(--space-100)) !important;
}
.sent-image {
    width: 200px;
    height: 200px;
    min-width: 200px;
    flex: 0 0 200px;
    margin-bottom: var(--space-16);
}
.sent-image img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: container;
}
.sent-title {
    color: var(--black-1);
    font-size: var(--size-text-32);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 12px;
}
.sent-text {
    max-width: 400px;
    color: var(--black-2);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    text-align: center;
    margin-bottom: var(--space-16);
}

.contact-card {
    border-radius: 12px;
    background: var(--white-1);
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    padding: 16px;
    height: 100%;
}
.contact-card__icon {
    border-radius: 10px;
    background: var(--black-7);
    box-shadow: 0px 1px 2px 0px rgba(35, 73, 130, 0.1);
    width: 48px;
    height: 48px;
    min-width: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid var(--white-1);
    margin-bottom: var(--space-16);
}
.contact-card__icon i {
    font-size: var(--size-icon-20);
    color: #234982;
}
.contact-card__label {
    color: var(--black-3);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    margin-bottom: 4px;
}
.contact-card__link {
    color: var(--black-1);
    font-size: var(--size-text-20);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 26px */
    letter-spacing: -0.4px;
    /* 26px */
    word-break: break-all;
}
.contact-card__title, .contact-card__subtitle {
    margin-bottom: var(--space-16);
    padding-bottom: var(--space-16);
    border-bottom: 1px solid var(--black-6);
}
.contact-card__title {
    color: var(--black-1);
    font-size: var(--size-text-24);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.contact-card__subtitle {
    color: var(--blue-1);
    font-size: var(--size-text-22);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.contact-card__social {
    display: flex;
    align-items: center;
    gap: 8px;
}
.contact-card__social__wrapper {
    height: auto;
}
@media only screen and (max-width: 768px) {
    .contact-card__social__wrapper {
        height: 100%;
    }
}
.contact-card__social a {
    color: #234982;
    font-size: 24px;
}
.contact-card__map {
    height: 100%;
}
.contact-card__map iframe {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border-radius: 10px;
    border: 1px solid var(--black-7);
}
.contact-card__row {
    height: 100%;
    flex-direction: column;
}
@media only screen and (max-width: 768px) {
    .contact-card__row {
        flex-direction: row;
    }
}
.contact-card__row > div:last-child {
    flex: 1;
}
@media only screen and (max-width: 1199px) {
    .page-wrapper__col:nth-child(1) {
        width: 66.6666666667%;
    }
}
@media only screen and (max-width: 574px) {
    .page-wrapper__col:nth-child(1) {
        width: 100%;
    }
}
.page-wrapper__col:nth-child(2) {
    width: 20%;
}
@media only screen and (max-width: 1199px) {
    .page-wrapper__col:nth-child(2) {
        width: 33.3333333333%;
    }
}
@media only screen and (max-width: 574px) {
    .page-wrapper__col:nth-child(2) {
        width: 100%;
    }
}

.wrapper {
    position: relative;
    z-index: 1;
}

.container {
    max-width: calc(var(--width-container) + var(--space-16) * 2);
    margin: 0 auto;
    padding: 0 var(--space-16);
    width: 100%;
}

.row {
    --local-space: var(--space-16);
    margin-left: calc(0px - var(--local-space) / 2);
    margin-right: calc(0px - var(--local-space) / 2);
    row-gap: var(--local-space);
}
.row > div {
    padding: 0 calc(var(--local-space) / 2);
}

.owl-carousel .owl-stage {
    display: flex;
}
.owl-carousel .owl-item {
    float: unset;
    min-height: unset;
}

.content p,
.content ul li,
.content span {
    color: var(--black-2);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
}
.content > *:not(:last-child) {
    margin-bottom: 16px;
}
.content img {
    width: 100%;
    height: auto;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    margin-bottom: 8px !important;
}
.content h1 {
    color: var(--black-1);
    font-size: var(--size-text-32);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.content h2 {
    color: var(--black-1);
    font-size: var(--size-text-24);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.content h3 {
    color: var(--black-1);
    font-size: var(--size-text-22);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.content h4 {
    color: var(--black-1);
    font-size: var(--size-text-20);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.content h5 {
    color: var(--black-1);
    font-size: var(--size-text-20);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 26px */
    letter-spacing: -0.4px;
    /* 26px */
}
.content h6 {
    color: var(--black-1);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 23.8px */
}

.owl-carousel .owl-dots {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    padding: 8px;
    border-radius: 8px;
    background: var(--white-1);
    box-shadow: 0px 2px 30px 0px rgba(0, 49, 107, 0.15);
    gap: 4px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.news-detail .owl-carousel .owl-dots {
    top: unset;
    bottom: 0;
    transform: translate(-50%, 50%);
}
.owl-carousel .owl-dot {
    border-radius: 2px;
    opacity: 0.4;
    background: #002d6d !important;
    width: 12px;
    height: 6px;
    transition: all 0.3s ease-in-out;
}
.owl-carousel .owl-dot.active {
    opacity: 1;
    width: 24px;
}

@media only screen and (max-width: 1199px) {
    .sitemap {
        max-height: 700px !important;
    }
}
@media only screen and (max-width: 574px) {
    .sitemap {
        display: flex !important;
    }
}
.sitemap .menu-list__item {
    width: 50%;
}

.section.pt-100 {
    padding-top: var(--space-100);
}
.section.pb-100 {
    padding-bottom: var(--space-100);
}
.section-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-right: 20px;
}
.section-logo img {
    width: 60px;
    min-width: 60px;
    height: auto;
}
.section-logo h1 {
    color: var(--white-1);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 23.8px */
}
.section-logo h1 span {
    display: block;
    white-space: nowrap;
}
.header-active .section-logo h1, .page-wrapper .section-logo h1 {
    color: var(--black-1);
}

.section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-16);
}
.section-title {
    color: --black-1;
    font-size: var(--size-text-32);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: var(--space-16);
}
.section-header .section-title {
    margin-bottom: 0;
}
.section-link {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 4px;
    color: var(--blue-2);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    text-align: start;
}
.section-link i {
    font-size: var(--size-icon-20);
    color: var(--blue-2);
}
.section-nav {
    border-radius: 10px;
    border: 1px solid rgba(var(--code-white-1), 0.15);
    background: rgba(var(--code-white-1), 0.1);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 6px 8px;
    width: max-content;
}
.section-nav.white {
    border: 1px solid var(--black-6);
    background: var(--white-1);
    box-shadow: 0px 1px 2px 0px rgba(35, 73, 130, 0.1);
}
.section-nav__text {
    color: var(--white-1);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.white .section-nav__text {
    color: var(--black-2);
}
.section-nav__text:not(:last-child)::after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--white-1);
    opacity: 0.4;
    margin-left: 12px;
}
.white .section-nav__text:not(:last-child)::after {
    opacity: 1;
    background-color: var(--black-4);
}
.page-wrapper .section-nav__text:not(:last-child)::after {
    opacity: 1;
    background-color: var(--black-4);
}
.section-nav__icon {
    font-size: 18px;
    color: var(--white-1);
    margin-right: 6px;
}
.white .section-nav__icon {
    color: var(--blue-2);
}
.section-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: var(--space-16);
    gap: 12px;
}
.section-navigation .section-navigation__button {
    width: var(--size-btn-44);
    height: var(--size-btn-44);
    min-width: var(--size-btn-44);
    flex: 0 0 var(--size-btn-44);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--size-icon-20);
    color: var(--blue-1);
    border-radius: 10px;
    background: var(--white-1);
    border: none;
}

.hero {
    padding-top: calc(var(--height-header) + var(--space-24));
}
.hero-active__image {
    aspect-ratio: 1.75;
    margin-bottom: 4px;
}
.hero-active__image img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    border-radius: 12px;
}
.hero-active__info {
    border-radius: 12px;
    background: #FFF;
    padding: 16px;
}
.hero-active__title {
    color: var(--black-1);
    font-size: var(--size-text-24);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 12px;
}
.hero-nav {
    display: flex;
    align-items: center;
    gap: var(--space-20);
    margin-top: auto;
}
.hero-nav span {
    align-items: center;
    display: flex;
    color: var(--black-2);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
}
.hero-nav span i {
    font-size: 16px;
    color: var(--blue-2);
    margin-right: 6px;
}
.hero-items {
    display: flex;
    flex-direction: column;
    height: 100%;
    row-gap: 12px;
}
.hero-item {
    flex: 1;
    border-radius: 12px;
    background: #FFF;
    padding: 12px;
    display: flex;
    transition: all 0.2s ease-in-out;
}
.hero-item__divider {
    margin: 0 12px;
    border-right: 1px solid rgba(1, 16, 36, 0.1);
}
.hero-item__order {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.hero-item__order::before, .hero-item__order::after {
    content: "";
    flex: 1;
    border-right: 1px dashed rgba(1, 16, 36, 0.1);
}
.hero-item__order i {
    border-radius: 10px;
    border: 1px solid #E2E8F2;
    background: #FFF;
    box-shadow: 0px 2px 20px 0px rgba(35, 73, 130, 0.15);
    color: var(--blue-1);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 23.8px */
    width: 40px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-item__info {
    display: flex;
    flex-direction: column;
}
.hero-item__title {
    color: var(--black-1);
    font-size: var(--size-text-20);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 26px */
    letter-spacing: -0.4px;
    /* 26px */
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    margin-bottom: 12px;
}

.header.search-active .header-top .header-wrapper > *:not(.header-search, .header-search__input) {
    display: none;
}
.header-logo {
    order: 2;
}
@media only screen and (max-width: 1199px) {
    .header-logo {
        order: 1;
    }
}
.header-navbar {
    order: 1;
}
@media only screen and (max-width: 1199px) {
    .header-navbar {
        order: 2;
        margin-left: auto;
        margin-right: 0 !important;
    }
}
.header-wrapper {
    display: flex;
    align-items: center;
}
.header-top .header-wrapper {
    height: var(--height-header-top);
}
@media only screen and (max-width: 768px) {
    .header-top .header-wrapper {
        justify-content: space-between;
    }
}
.header-bot .header-wrapper {
    height: var(--height-header-bot);
}
.header-top {
    background: rgba(var(--code-white-1), 0.1);
    transition: all 0.2s ease-in-out;
}
.header-bot {
    transition: all 0.2s ease-in-out;
}
.header-functions {
    display: flex;
    align-items: center;
    gap: 12px;
}
.header.search-active .header-functions {
    display: none !important;
}
.header-functions__item {
    color: var(--white-1);
    font-size: 18px;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
}
.header-link {
    display: flex;
    align-items: center;
    color: var(--white-1);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    gap: 6px;
}
.header-link:not(:last-of-type) {
    margin-right: var(--space-32);
}
@media only screen and (max-width: 768px) {
    .header-link {
        display: none;
    }
}
.header-link i {
    font-size: 18px;
    color: var(--white-1);
}
.header-link:hover {
    color: var(--blue-2);
}
.header-link:hover i {
    color: var(--blue-2);
}
.header-lang {
    margin-left: auto;
}
@media only screen and (max-width: 768px) {
    .header-lang {
        margin-left: 0;
    }
}
.header-lang__button {
    background-color: transparent;
    padding: 0;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.header-lang__flag {
    width: 22px;
    border-radius: 2px;
}
.header-lang__title {
    margin: 0 2px 0 6px;
    color: var(--white-1);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
}
.header-lang__angle {
    color: var(--white-1);
}
.header-lang__options {
    --bs-dropdown-min-width: 100%;
    padding: 12px;
    border-radius: 12px;
    background: var(--white-1);
    box-shadow: 0px 4px 20px 0px rgba(183, 188, 196, 0.2);
    border: none;
    min-width: 140px;
    width: 100%;
    max-width: 100%;
    margin-left: -12px !important;
}
.header-lang__item:not(:first-child) {
    padding-top: 6px;
}
.header-lang__item:not(:last-child) {
    padding-bottom: 6px;
    border-bottom: 1px solid var(--black-6);
}
.header-lang__link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--black-1);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 0px;
    background-color: transparent !important;
}
.header-lang__link i {
    font-size: var(--size-icon-20);
    color: var(--blue-1);
}
.header-lang__link img {
    width: 20px;
    min-width: 20px;
    height: auto;
}
.header-lang__link:hover {
    color: var(--green-1);
}
.header-social {
    display: flex;
    align-items: center;
    gap: 8px;
}
@media only screen and (max-width: 768px) {
    .header-social {
        display: none;
    }
}
.header-social a {
    font-size: 20px;
    color: var(--white-1);
}
.header-divider {
    opacity: 0.3;
    border-right: 1px solid var(--black-7);
    height: 20px;
    margin: 0 var(--space-20);
}
.header.search-active .header-divider {
    display: none !important;
}
@media only screen and (max-width: 768px) {
    .header-divider {
        display: none;
    }
}
.header-search {
    font-size: 18px;
    color: var(--white-1);
    background-color: transparent;
    padding: 0;
    border: none;
    cursor: pointer;
}
.header-search__close {
    display: none;
}
.header.search-active .header-search__close {
    display: block;
}
.header-search__button {
    display: block;
}
.header.search-active .header-search__button {
    display: none;
}
.header-search__input {
    flex: 1;
    display: none;
}
.header.search-active .header-search__input {
    display: block;
}
.header-search__input input {
    width: 100%;
    background-color: transparent;
    outline: none;
    padding: 0;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 2px;
    padding-top: 0;
    color: rgb(255, 255, 255);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    border-radius: 0 !important;
}
.header-search__input input::placeholder {
    color: rgba(255, 255, 255, 0.8);
}
.header-navbar {
    background-color: transparent;
    padding: 0;
    border: none;
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid rgba(var(--code-white-1), 0.2);
    background: rgba(var(--code-white-1), 0.1);
    width: var(--size-btn-40);
    height: var(--size-btn-40);
    min-width: var(--size-btn-40);
    flex: 0 0 var(--size-btn-40);
    font-size: 20px;
    color: var(--white-1);
    margin-right: var(--space-16);
}
.header-navbar.icon-close {
    display: none;
}
.header-navbar.icon-navbar {
    display: block;
}
.header-logo {
    display: flex;
    align-items: center;
    width: var(--width-logo);
    min-width: var(--width-logo);
}
.header-logo__gerb {
    min-width: 60px;
    width: 60px;
    flex: 0 0 60px;
}
.header-logo__flag {
    min-width: 4px;
    width: 4px;
    flex: 0 0 4px;
    margin: 0 8px;
}
.header-logo__text {
    width: calc(100% - 80px);
}
.header-logo__text.light {
    display: block;
}
.header-logo__text.dark {
    display: none;
}
.header-menu {
    display: flex;
    align-items: center;
    gap: var(--space-20);
    margin-left: auto;
    order: 2;
}
@media only screen and (max-width: 1400px) {
    .header-menu {
        display: none;
    }
}
.header-bot.active .header-menu {
    display: none;
}
.header-menu__item {
    position: relative;
}
.header-menu__link {
    color: rgba(var(--code-white-1), 0.9);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 23.8px */
    display: flex;
    align-items: center;
    gap: 2px;
    cursor: pointer;
}
.header-menu__link:hover {
    color: var(--white-1);
}
.header-menu__link i {
    font-size: var(--size-icon-20);
    color: var(--white-1);
}
.header-submenu {
    --local-space: calc((var(--height-header-bot) - 24px) / 2);
    position: absolute;
    top: calc(100% - 1px);
    left: -12px;
    padding-top: var(--local-space);
    z-index: 1;
    width: 260px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
}
.header-submenu__item > .header-submenu {
    left: 100%;
    padding-top: 0;
    top: 0;
}
.header-submenu__item:hover > .header-submenu, .header-menu__item:hover > .header-submenu {
    opacity: 1;
    visibility: visible;
}
.header-submenu::before {
    content: "";
    position: absolute;
    top: var(--local-space);
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 12px;
    background: var(--white-1);
    box-shadow: 0px 2px 30px 0px rgba(0, 49, 107, 0.05);
    z-index: -1;
}
.header-submenu__item .header-submenu::before {
    top: 0;
}
.header-submenu__item {
    position: relative;
    cursor: pointer;
}
.header-submenu__link {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--black-1);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 23.8px */
    padding: 12px;
    position: relative;
}
.header-submenu__item:not(:last-child) .header-submenu__link::before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    border-bottom: 1px solid var(--black-6);
}
.header-submenu__link i:not(.icon-angle-right) {
    font-size: 20px;
    color: var(--blue-2);
    margin-right: 0px;
    transition: all 0.3s ease-in-out;
    width: 0px;
    overflow: hidden;
}
.header-submenu__link i.icon-angle-right {
    margin-left: auto;
    color: var(--blue-2);
    transition: all 0.3s ease-in-out;
}
.header-submenu__link:hover i:not(.icon-angle-right) {
    width: 16px;
    margin-right: 8px;
}
.header-submenu__link:hover i.icon-angle-right {
    transform: rotate(90deg);
}
.header.header-active, .header.menu-active, .page-wrapper .header {
    box-shadow: 0px 0px 30px 0px rgba(35, 73, 130, 0.04);
}
.header.menu-active .header-navbar.icon-navbar {
    display: none;
}
.header.menu-active .header-navbar.icon-close {
    display: block;
}
.header.header-active .header-top, .header.menu-active .header-top, .page-wrapper .header-top {
    background-color: var(--blue-1);
}
.header.header-active .header-bot, .header.menu-active .header-bot, .page-wrapper .header-bot {
    background-color: var(--white-1);
}
.header.header-active .header-menu__link, .header.menu-active .header-menu__link, .page-wrapper .header-menu__link {
    color: var(--black-1);
}
.header.header-active .header-menu__link i, .header.menu-active .header-menu__link i, .page-wrapper .header-menu__link i {
    color: var(--blue-1);
}
.header.header-active .header-menu__link:hover,
.header.header-active .header-menu__link:hover i, .header.menu-active .header-menu__link:hover,
.header.menu-active .header-menu__link:hover i, .page-wrapper .header-menu__link:hover,
.page-wrapper .header-menu__link:hover i {
    color: var(--blue-2);
}
.header.header-active .header-navbar, .header.menu-active .header-navbar, .page-wrapper .header-navbar {
    background-color: var(--blue-2);
    border-color: var(--blue-2);
}
@media only screen and (max-width: 1400px) {
    .header.header-active .header-navbar, .header.menu-active .header-navbar, .page-wrapper .header-navbar {
        margin-left: auto;
        margin-right: 0px !important;
    }
}
.header.header-active .header-logo__text.dark, .header.menu-active .header-logo__text.dark, .page-wrapper .header-logo__text.dark {
    display: block;
}
.header.header-active .header-logo__text.light, .header.menu-active .header-logo__text.light, .page-wrapper .header-logo__text.light {
    display: none;
}
@media only screen and (max-width: 574px) {
    .header.header-active:not(.menu-active) .header-bot {
        background-color: var(--white-1);
    }
}
.header.header-active:not(.menu-active) .header-logo__text.dark {
    display: block;
}
@media only screen and (max-width: 574px) {
    .header.header-active:not(.menu-active) .header-logo__text.dark {
        display: block;
    }
}
.header.header-active:not(.menu-active) .header-logo__text.light {
    display: none;
}
@media only screen and (max-width: 574px) {
    .header.header-active:not(.menu-active) .header-logo__text.light {
        display: none;
    }
}
@media only screen and (max-width: 574px) {
    .header.menu-active .header-bot {
        background-color: var(--blue-1);
    }
}
@media only screen and (max-width: 574px) {
    .header.menu-active .header-logo__text.dark {
        display: none;
    }
}
@media only screen and (max-width: 574px) {
    .header.menu-active .header-logo__text.light {
        display: block;
    }
}

.faq .row {
    --local-space: 8px;
}
.faq-item {
    padding: var(--space-20);
    background-color: var(--white-1);
    border-radius: 12px;
}
.faq-item:not(:last-child) {
    margin-bottom: 12px;
}
.faq-item__header {
    background-color: transparent;
    width: 100%;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    gap: var(--space-20);
    margin-bottom: var(--space-20);
    transition: all 0.3s ease-in-out;
    padding: 0;
}
.faq-item__header h3 {
    flex: 1;
    color: var(--black-1);
    font-size: var(--size-text-22);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    text-align: left;
}
.faq-item__header i {
    border-radius: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    background-color: rgba(205, 56, 9, 1);
    color: #fff;
    transition: all 0.1s ease-in-out;
}
@media only screen and (max-width: 768px) {
    .faq-item__header i {
        width: 32px;
        height: 32px;
        font-size: 16px;
    }
}
.faq-item__header i::before {
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
}
.faq-item__header.collapsed {
    margin-bottom: 0;
}
.faq-item__header.collapsed h3{
    height: 60px;
    overflow: hidden;
}
.faq-item__header.collapsed i {
    color: #234982;
    background: var(--black-8);
    transition: color 0.05s ease-in-out, background-color 0.1s ease-in-out;
}
.faq-item__header.collapsed i::before {
    transform: rotate(0deg);
}
.faq-item__body {
    color: var(--black-2);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.faq-item__body a {
    word-break: break-all;
}

.news .row {
    row-gap: var(--space-20);
}
.news-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    cursor: pointer;
}
.page-wrapper .news-card {
    background-color: var(--white-1);
    border-radius: 12px;
    overflow: hidden;
}
.page-wrapper .news-card__title {
    margin-bottom: 8px;
}
.page-wrapper .news-card__image {
    margin-bottom: 0;
}
.page-wrapper .news-card__image__wrapper img {
    border-radius: 0;
}
.page-wrapper .news-card__info {
    padding: var(--space-16);
}
.news-card__image {
    margin-bottom: 12px;
}
.news-card__image__wrapper {
    height: 100%;
}
.news-card__image__wrapper img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    border-radius: 12px;
}
.news-card__info {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.news-card__title {
    margin-bottom: 12px;
    color: var(--black-1);
    font-size: var(--size-text-20);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 26px */
    letter-spacing: -0.4px;
    /* 26px */
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}
.active .news-card__title {
    color: var(--black-1);
    font-size: var(--size-text-24);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 8px;
}
.news-card__subtitle {
    color: var(--black-3);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    margin-bottom: var(--space-16);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}
.news-card__text {
    color: var(--black-2);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 12px;
}
.news-card__nav {
    margin-top: auto;
}
.news-detail__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 12px;
    margin-bottom: var(--space-20);
}
.news-detail__share {
    margin-left: auto;
    cursor: pointer;
}
.news-detail__slider {
    margin-bottom: var(--space-24);
}
.news-detail__image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: var(--local-image);
    height: 500px;
}
@media only screen and (max-width: 991px) {
    .news-detail__image {
        height: 400px;
    }
}
@media only screen and (max-width: 1199px) {
    .news-detail__image {
        height: 300px;
    }
}
.news-detail__image img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: contain;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.news-detail__content {
    margin-bottom: 16px;
}
.news-detail__action {
    margin-bottom: calc(0px - (var(--size-btn-48) / 2 + var(--space-16)));
}

.menu {
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
}
@media only screen and (max-width: 574px) {
    .menu {
        height: 100%;
    }
}
.menu .header-logo {
    order: unset;
}
@media only screen and (max-width: 574px) {
    .menu .container {
        height: 100%;
    }
}
.menu-logo {
    --width-logo: 50%;
    --size-logo-branch: 65px;
    margin-bottom: 24px;
    flex: unset;
}
.menu-item {
    height: 100%;
    border-radius: 12px;
    background: var(--black-7);
    box-shadow: 0px 1px 2px 0px rgba(35, 73, 130, 0.1);
    padding: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.menu-item__wrapper {
    margin-top: auto;
    padding: var(--space-32) 0;
    border-top: 1px solid var(--black-6);
}
@media only screen and (max-width: 574px) {
    .menu-item__wrapper {
        display: none;
    }
}
.menu-item__icon {
    border-radius: 10px;
    background: var(--white-1);
    box-shadow: 0px 1px 2px 0px rgba(35, 73, 130, 0.1);
    font-size: var(--size-icon-20);
    width: var(--size-btn-40);
    height: var(--size-btn-40);
    min-width: var(--size-btn-40);
    flex: 0 0 var(--size-btn-40);
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-item__icon i {
    font-size: var(--size-icon-20);
    color: var(--blue-2);
}
.menu-item__link {
    margin-top: auto;
    color: var(--black-1);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 23.8px */
}
.menu-item .sidebar-apply__image::after {
    background: linear-gradient(270deg, rgba(234, 238, 245, 0) 65%, #EAEEF5 100%);
}
.menu.active {
    opacity: 1;
    visibility: visible;
}
.menu-close {
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: 20px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--blue-2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border: none;
}
.menu-wrapper {
    background-color: var(--white-1);
    transform: translateY(-100%);
    transition: all 0.25s ease-in-out;
    overflow: hidden;
}
@media only screen and (max-width: 574px) {
    .menu-wrapper {
        padding-top: var(--height-header);
    }
}
.menu-wrapper::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 560px;
    height: 560px;
    transform: translate(50%, -50%);
    background-image: url("/images/gerb-grey.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}
@media only screen and (max-width: 1199px) {
    .menu-wrapper::after {
        width: 360px;
        height: 360px;
        opacity: 0.1;
    }
}
@media only screen and (max-width: 574px) {
    .menu-wrapper {
        max-height: unset;
        transform: translateX(-100%);
        background-color: var(--blue-1);
        height: 100%;
    }
}
.menu-wrapper.active {
    transform: translateY(0);
}
@media only screen and (max-width: 574px) {
    .menu-wrapper.active {
        transform: translateX(0);
    }
}
.menu-wrapper__inner {
    padding: var(--space-60) 0 0 0;
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--height-header));
}
@media only screen and (max-width: 574px) {
    .menu-wrapper__inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-top: 0;
        height: 100%;
    }
}
.menu-lang {
    display: flex;
    align-items: center;
    margin: 0 0 20px 0;
    gap: 16px;
    width: 100%;
}
.menu-lang a {
    opacity: 1;
    color: rgba(var(--code-white-1), 0.8);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-transform: uppercase;
    flex: 1;
}
.menu-lang a img {
    width: 24px;
    min-width: 24px;
    height: 16px;
}
.menu-lang a:not(:last-child) {
    padding-right: 16px;
    border-right: 1px solid rgba(var(--code-white-1), 0.6);
}
.menu-lang a.active {
    color: var(--white-1);
}
.menu-button {
    max-width: 320px;
    margin: 0 auto;
    margin-top: auto;
    margin-bottom: 12px;
    gap: 12px;
}
.menu-button i {
    color: var(--green-1) !important;
    font-size: var(--size-icon-20);
}
.menu-button span {
    color: var(--green-1);
}
.menu-copy {
    margin: 0 auto;
    padding: 12px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: white;
}
.menu-copy a {
    min-width: 96px;
    width: 96px;
    flex: 0 0 96px;
    height: auto;
    display: block;
}
.menu-copy a img {
    width: 100%;
}
.menu-social {
    background: rgba(var(--code-white-1), 0.1);
    display: flex;
    align-items: center;
    border-radius: 12px;
    padding: 6px;
    gap: 8px;
    width: max-content;
    margin: 0 auto;
}
.menu-social a {
    background: rgba(var(--code-white-1), 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: white;
    width: 32px;
    height: 32px;
    min-width: 32px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    justify-content: center;
    font-size: 20px;
}
.menu-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    max-height: 400px;
    row-gap: var(--space-24);
    padding-bottom: 32px;
}
@media only screen and (max-width: 574px) {
    .menu-list {
        display: none;
    }
}
.menu-list__link {
    color: rgba(var(--code-blue-1), 0.9);
    font-size: var(--size-text-20);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.menu-list__item {
    width: 25%;
}
.menu-sublist {
    margin-top: 16px;
}
.menu-sublist__item:not(:last-child) {
    margin-bottom: 10px;
}
.menu-sublist__link {
    color: rgba(var(--code-black-1), 0.9);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 23.8px */
}
.menu-options {
    display: none;
    width: 100%;
    border-top: 1px solid rgba(var(--code-white-1), 0.1);
}
@media only screen and (max-width: 574px) {
    .menu-options {
        display: block;
    }
}
.menu-options__link {
    background-color: transparent;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    width: 100%;
    padding: 12px 0;
    color: var(--white-1);
    font-size: var(--size-text-24);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.menu-options__link:hover {
    color: var(--blue-2);
}
.menu-options__item:not(:last-child) .menu-options__link {
    border-bottom: 1px solid rgba(var(--code-white-1), 0.1);
}
.menu-options__link.collapsed i {
    transform: rotate(0deg);
}
.menu-options__link i {
    transform: rotate(90deg);
    transition: all 0.3s ease-in-out;
    font-size: 20px;
}
.menu-suboptions {
    padding-left: 12px;
}
.menu-suboptions__link {
    color: rgba(var(--code-white-1), 0.9);
    font-size: var(--size-text-20);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    padding: 12px;
    display: block;
    border-bottom: 1px solid rgba(var(--code-white-1), 0.1);
}
.menu-suboptions__link:hover {
    color: var(--blue-2);
}
.events-item {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    border: 1px solid var(--black-7);
    background: var(--white-1);
    padding: var(--space-16);
    margin-bottom: 12px;
    height: 100%;
}
.events-item__title {
    color: var(--black-1);
    font-size: var(--size-text-20);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 26px */
    letter-spacing: -0.4px;
    /* 26px */
    margin-bottom: 12px;
}
.events-item__bottom {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto;
}

.appeals {
    --local-size-icon-wrapper: 50px;
    --local-size-icon: calc(var(--local-size-icon-wrapper) / 2);
}
.appeals-stats {
    display: flex;
    align-items: center;
    gap: 12px;
}
.appeals-stats__wrapper {
    border-radius: 12px;
    border: 1px solid var(--black-7);
    background: var(--white-1);
    padding: var(--space-16);
}
.appeals-stats:not(:last-child) {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--black-6);
}
.appeals-stats__icon {
    border-radius: 8px;
    border: 1px solid var(--black-6);
    background: var(--white-1);
    box-shadow: 0px 1px 2px 0px rgba(35, 73, 130, 0.1);
    width: var(--local-size-icon-wrapper);
    height: var(--local-size-icon-wrapper);
    min-width: var(--local-size-icon-wrapper);
    flex: 0 0 var(--local-size-icon-wrapper);
    display: flex;
    align-items: center;
    justify-content: center;
}
.appeals-stats__icon img {
    width: var(--local-size-icon);
    height: var(--local-size-icon);
    min-width: var(--local-size-icon);
    flex: 0 0 var(--local-size-icon);
}
.appeals-stats__info {
    display: flex;
    flex-direction: column;
}
.appeals-stats__count {
    color: var(--black-1);
    font-size: var(--size-text-22);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.appeals-stats__title {
    color: var(--black-2);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.appeals-item {
    border-radius: 12px;
    border: 1px solid var(--black-7);
    background: var(--white-1);
    padding: var(--space-16);
    display: flex;
    align-items: center;
    gap: 10px;
}
.appeals-item:not(:last-child) {
    margin-bottom: 8px;
}
.appeals-item__icon {
    width: var(--local-size-icon-wrapper);
    height: var(--local-size-icon-wrapper);
    min-width: var(--local-size-icon-wrapper);
    flex: 0 0 var(--local-size-icon-wrapper);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--blue-2);
}
@media only screen and (max-width: 574px) {
    .hero .appeals-item__icon {
        display: none;
    }
}
.appeals-item__icon img {
    width: var(--local-size-icon);
    height: var(--local-size-icon);
    min-width: var(--local-size-icon);
    flex: 0 0 var(--local-size-icon);
}
.appeals-item__icon i {
    color: var(--white-1);
    font-size: 24px;
}
.appeals-item__title {
    color: var(--black-1);
    font-size: var(--size-text-20);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 26px */
    letter-spacing: -0.4px;
    /* 26px */
    margin-bottom: 4px;
}
.appeals-item__subtitle {
    color: var(--black-2);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
}
@media only screen and (max-width: 574px) {
    .hero .appeals-item__subtitle {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
    }
}

.about {
    background-color: var(--white-1);
}
@media only screen and (max-width: 768px) {
    .about-row {
        justify-content: center;
    }
}
.about-row__col:nth-child(1) {
    width: 79.1666666667%;
    flex: unset;
}
@media only screen and (max-width: 991px) {
    .about-row__col:nth-child(1) {
        width: 66.6666666667%;
    }
}
@media only screen and (max-width: 574px) {
    .about-row__col:nth-child(1) {
        width: 100%;
    }
}
.about-row__col:nth-child(2) {
    width: 20.8333333333%;
    flex: unset;
}
@media only screen and (max-width: 991px) {
    .about-row__col:nth-child(2) {
        width: 33.3333333333%;
    }
}
@media only screen and (max-width: 574px) {
    .about-row__col:nth-child(2) {
        width: 66.6666666667%;
    }
}
.about-badge {
    margin-bottom: var(--space-16);
    border-radius: 12px;
    border: 1px solid var(--black-7);
    background: var(--white-1);
    box-shadow: 0px 1px 2px 0px rgba(35, 73, 130, 0.1);
    padding: 8px 10px;
    margin-bottom: var(--space-16);
    color: var(--blue-2);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    display: block;
    width: max-content;
}
.about-title {
    margin-bottom: 12px;
}
.about-text {
    color: var(--black-2);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    margin-bottom: var(--space-32);
}
.about-item {
    border-radius: 12px;
    background: var(--black-6);
    padding: 12px;
    height: 100%;
    min-height: 160px;
    display: flex;
    flex-direction: column;
}
@media only screen and (max-width: 1199px) {
    .about-item {
        min-height: unset;
    }
}
.about-item__image {
    width: 44px;
    height: 44px;
    min-width: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--white-1);
    box-shadow: 0px 1px 2px 0px rgba(35, 73, 130, 0.1);
}
@media only screen and (max-width: 1199px) {
    .about-item__image {
        margin-bottom: 12px;
    }
}
.about-item__image img {
    width: calc(100% - 20px);
}
.about-item__value {
    color: var(--black-1);
    font-size: var(--size-text-20);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-top: auto;
    margin-bottom: 4px;
}
.about-item__label {
    color: var(--black-2);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
}
.about-hokim {
    position: sticky;
    top: 16px;
}
.about-hokim__image__wrapper {
    aspect-ratio: 1.048;
}
.about-hokim__image__wrapper img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    border-radius: 12px;
}
.about-hokim__info {
    border-radius: 12px;
    border: 1px solid var(--black-7);
    background: var(--white-1);
    box-shadow: 0px 1px 2px 0px rgba(35, 73, 130, 0.1);
    padding: var(--space-16);
}
.about-hokim__fio {
    color: var(--black-1);
    font-size: var(--size-text-20);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 6px;
}
.about-hokim__position {
    color: var(--black-2);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    margin-bottom: var(--space-16);
}
.about-hokim__button {
    width: max-c;
}

.overview-image img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    border-radius: 12px;
    aspect-ratio: 2.106;
}
.overview-card {
    padding: 12px 10px;
    border-radius: 12px;
    background: var(--white-1);
    box-shadow: 0px 1px 2px 0px rgba(35, 73, 130, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.overview-card__wrapper {
    padding: 0 var(--space-24);
    margin-top: -66px;
    margin-bottom: var(--space-24);
}
@media only screen and (max-width: 768px) {
    .overview-card__wrapper {
        margin-top: -16px;
    }
}
.overview-card__icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    flex: 0 0 44px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--white-1);
    box-shadow: 0px 1px 2px 0px rgba(35, 73, 130, 0.1);
}
.overview-card__icon img {
    width: 24px;
}
.overview-card__title {
    color: var(--black-1);
    font-size: var(--size-text-20);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 4px;
}
.overview-card__subtitle {
    color: var(--black-2);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
}
.overview-title {
    color: var(--black-1);
    font-size: var(--size-text-24);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 12px;
}

.media-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--white-1);
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
}
.media-card__image__wrapper {
    position: relative;
    aspect-ratio: 1.59;
}
.media-card__image__wrapper img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}
.media-card__image__wrapper i {
    position: absolute;
    left: 16px;
    top: 16px;
    width: var(--size-btn-44);
    height: var(--size-btn-44);
    min-width: var(--size-btn-44);
    flex: 0 0 var(--size-btn-44);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--size-icon-20);
    border-radius: 10px;
    background: var(--blue-2);
    backdrop-filter: blur(10px);
    color: var(--white-1);
}
.media-card__info {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 16px;
    min-height: 150px;
}
.media-card__title {
    color: var(--black-1);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 23.8px */
    margin-bottom: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}
.media-card__nav {
    margin-top: auto;
}
.page-wrapper .media-card__image__wrapper i {
    border-radius: 10px;
    border: 1px solid rgba(var(--code-white-1), 0.2);
    background: rgba(8, 30, 58, 0.3);
    backdrop-filter: blur(10px);
}
.media-image {
    aspect-ratio: 1.593;
    display: block;
    cursor: pointer;
}
.media-image img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    border-radius: 16px;
}

.partners {
    padding-bottom: 40px;
    overflow: hidden;
}
.partners-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid var(--black-7);
    background: var(--white-1);
    box-shadow: 0px 1px 2px 0px rgba(35, 73, 130, 0.1);
    height: 100%;
}
@media only screen and (max-width: 1400px) {
    .partners-item {
        width: 190px;
    }
}
@media only screen and (max-width: 1199px) {
    .partners-item {
        width: 175px;
    }
}
.partners-item__image {
    width: 50px;
    height: 50px;
    min-width: 50px;
    flex: 0 0 50px;
    margin-bottom: 10px;
}
.partners-item__image img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: contain;
}
.partners-item__title {
    color: var(--black-2);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
}
.partners .owl-carousel {
    padding: 0 var(--space-16);
}
.partners .owl-stage-outer {
    overflow: unset;
}

.map {
    background-color: var(--blue-1);
    position: relative;
    z-index: 1;
}
.map::before {
    content: "";
    max-width: 1400px;
    width: 100%;
    height: 500px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    background-image: url("/images/map-frame.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
}
.map-title {
    color: var(--white-1);
    margin-bottom: var(--space-24);
}
.map-svg {
    width: 100%;
}
.map-tab {
    display: flex;
    align-items: center;
    border-radius: 12px;
    border: 1px solid rgba(var(--code-white-1), 0.1);
    background: var(--blue-1);
    width: max-content;
    padding: 4px;
}
.map-tab__button {
    border: none;
    background-color: transparent;
    color: rgba(var(--code-white-1), 0.6);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    padding: 7px 10px;
}
.map-tab__button.active {
    border-radius: 8px;
    background: var(--blue-2);
    box-shadow: 0px 2px 20px 0px rgba(35, 73, 130, 0.08);
    color: var(--white-1);
}
.map-info {
    display: none;
}
.map-info.active {
    display: block;
}
.map-info__header {
    border-radius: 12px;
    background: var(--blue-2);
    padding: var(--space-16);
    color: var(--white-1);
    font-size: var(--size-text-22);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 16px;
}
.map-card {
    border-radius: 12px;
    background: var(--white-1);
    overflow: hidden;
}
.map-card__header {
    color: var(--blue-1);
    font-size: var(--size-text-20);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 26px */
    letter-spacing: -0.4px;
    /* 26px */
    padding: var(--space-16);
    background: var(--black-8);
}
.map-card__body {
    max-height: 306px;
    overflow-y: auto;
    padding: 12px var(--space-16);
}
.map-card__body::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: white;
}
.map-card__body::-webkit-scrollbar {
    width: 12px;
}
.map-card__body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--black-5);
}
.map-user {
    display: flex;
    gap: 12px;
}
.map-user:not(:last-child) {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--black-6);
}
.map-user__image__wrapper {
    --local-size: 111px;
    width: var(--local-size);
    height: var(--local-size);
    min-width: var(--local-size);
    flex: 0 0 var(--local-size);
}
@media only screen and (max-width: 991px) {
    .map-user__image__wrapper {
        --local-size: 96px;
    }
}
@media only screen and (max-width: 768px) {
    .map-user__image__wrapper {
        --local-size: 80px;
    }
}
.map-user__image__wrapper img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    border-radius: 12px;
}
.map-user__info {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.map-user__fio {
    color: var(--black-1);
    font-size: var(--size-text-20);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 26px */
    letter-spacing: -0.4px;
    /* 26px */
}
.map-user__position {
    color: var(--black-3);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
}
.map-user__phone {
    margin-top: auto;
    color: var(--black-2);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    display: flex;
    align-items: center;
    gap: 4px;
}
.map-user__phone i {
    font-size: 18px;
    color: var(--blue-2);
}
.map-svg path {
    stroke: #849DC4;
    fill: #2A5089;
    outline: none;
}
.map-svg path.active, .map-svg path:hover {
    fill: var(--blue-2);
    cursor: pointer;
}
.map-stats {
    border-radius: 10px;
    border: 1px solid var(--black-6);
    background: var(--black-7);
    padding: 12px;
    display: flex;
    flex-direction: column;
}
.map-stats:not(:last-child) {
    margin-bottom: var(--space-16);
}
.map-stats__icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--blue-2);
    border-radius: 10px;
    background: var(--white-1);
    margin-bottom: 12px;
}
.map-stats__value {
    color: var(--black-1);
    font-size: var(--size-text-20);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 4px;
}
.map-stats__label {
    color: var(--black-2);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
}

.tooltip {
    --bs-tooltip-bg: var(--white-1);
    --bs-tooltip-color: var(--blue-1);
    --bs-tooltip-border-radius: 8px;
    --bs-tooltip-padding-x: 6px;
    --bs-tooltip-padding-y: 4px;
}

.banner {
    position: relative;
    padding: 20px 0;
    background-color: var(--black-8);
}
.banner-wrapper {
    position: relative;
}
.row .banner-wrapper {
    padding: 0;
}
.banner-breadcrumbs__item {
    margin-right: 4px;
    display: inline;
}
.banner-breadcrumbs__angle {
    display: inline-block;
    margin-left: 4px;
    color: var(--black-3);
    font-size: 16px;
}
.banner-breadcrumbs__link {
    color: var(--black-3);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
}
.banner-breadcrumbs__link.active {
    color: var(--black-2);
}
.banner-breadcrumbs__link .icon-home {
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    width: 28px;
    height: 28px;
    min-width: 28px;
    flex: 0 0 28px;
    border-radius: 8px;
    border: 1px solid var(--black-6);
    background: var(--white-1);
    box-shadow: 0px 1px 2px 0px rgba(35, 73, 130, 0.1);
}
.banner-title {
    color: var(--black-1);
    font-size: var(--size-text-32);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
}
@media only screen and (max-width: 768px) {
    .banner-title {
        margin-top: 12px;
    }
}

.leadership > *:not(:last-child) {
    margin-bottom: var(--space-16);
}
.leadership-active {
    display: flex;
    justify-content: space-between;
    background-color: white;
    border-radius: 16px;
    overflow: hidden;
}
@media only screen and (max-width: 574px) {
    .leadership-active {
        flex-wrap: wrap;
    }
}
.leadership-active__info {
    padding: var(--space-20);
    display: flex;
    flex-direction: column;
    order: 1;
}
@media only screen and (max-width: 574px) {
    .leadership-active__info {
        order: 2;
    }
}
.leadership-active__title {
    color: var(--black-1);
    font-size: var(--size-text-32);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 6px;
}
.leadership-active__text {
    color: var(--black-2);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
}
.leadership-active__button {
    width: max-content;
}
.leadership-active__bottom {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
}
.leadership-active__info, .leadership-active__image {
    width: calc(50% - 8px);
}
@media only screen and (max-width: 574px) {
    .leadership-active__info, .leadership-active__image {
        width: 100%;
    }
}
.leadership-active__image {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: var(--local-image);
    order: 2;
}
@media only screen and (max-width: 574px) {
    .leadership-active__image {
        order: 1;
    }
}
.leadership-active__image::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    background-color: var(--blue-1);
    height: 100%;
    z-index: 2;
}
@media only screen and (max-width: 574px) {
    .leadership-active__image::before {
        display: none;
    }
}
.leadership-active__image__wrapper {
    height: 100%;
}
.leadership-active__image__wrapper img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: contain;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.leadership-active__image__frame {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(calc(-50% + 8px), -50%);
    background-color: var(--blue-1);
    border: 10px solid var(--white-1);
    border-radius: 50%;
    width: 100px;
    height: 100px;
    min-width: 100px;
    flex: 0 0 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 333;
    border-radius: 120px;
    box-shadow: 0px 2px 20px 0px rgba(35, 73, 130, 0.1);
}
@media only screen and (max-width: 574px) {
    .leadership-active__image__frame {
        display: none;
    }
}
.leadership-active__image__frame img {
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    opacity: 0.6;
}
.leadership-item {
    display: flex;
    justify-content: space-between;
    border-radius: var(--space-16);
    background: #FFF;
    padding: var(--space-16);
    flex-wrap: wrap;
    row-gap: 12px;
}
.leadership-item__image {
    --local-size: 200px;
    width: var(--local-size);
    height: var(--local-size);
    min-width: var(--local-size);
    flex: 0 0 var(--local-size);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.leadership-item__image__wrapper {
    height: 100%;
    margin: 0 auto;
}
.leadership-item__image__wrapper img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    border-radius: 12px;
}
.leadership-item__info {
    width: calc(79.1666666667% - 8px);
    display: flex;
    flex-direction: column;
}
@media only screen and (max-width: 574px) {
    .leadership-item__info {
        width: 100%;
    }
}
.leadership-item__title {
    color: var(--black-1);
    font-size: var(--size-text-24);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 6px;
}
.leadership-item__text {
    color: var(--black-2);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    margin-bottom: 16px;
}
.leadership-contact {
    margin-top: auto;
}
.leadership-contact__link {
    display: flex;
    align-items: center;
    color: var(--black-2);
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    gap: 6px;
}
.leadership-contact__link:not(:last-child) {
    margin-bottom: 8px;
}
.leadership-contact__link i {
    font-size: 18px;
    color: var(--blue-2);
}
.leadership-info {
    border-radius: var(--space-16);
    background: #FFF;
    padding: var(--space-16);
}

.vacancy-card {
    border-radius: 12px;
    background-color: var(--white-1);
    box-shadow: 0px 4px 20px 0px rgba(51, 97, 135, 0.1);
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.vacancy-card:not(:last-child) {
    margin-bottom: 12px;
}
.vacancy-card .row {
    row-gap: 12px;
}
.vacancy-card__title {
    color: var(--black-1);
    font-size: var(--size-text-24);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.vacancy-card__divider {
    margin: var(--space-16) 0;
    border-top: 1px solid var(--black-6);
    width: 100%;
    margin-top: auto;
}
.vacancy-card__item {
    vertical-align: middle;
}
.vacancy-card__item i {
    margin-right: 8px;
    font-size: 22px;
    color: var(--blue-2);
    display: inline-block;
    transform: translateY(4px);
}
.vacancy-card__item span._1 {
    color: var(--black-3);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-right: 6px;
}
.vacancy-card__item span._2 {
    color: var(--black-1);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.vacancy-card__button {
    margin-top: 16px;
}
.vacancy-item {
    border-radius: 12px;
    background-color: var(--white-1);
    box-shadow: var(--shadow-1);
    padding: 12px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.vacancy-item__title {
    color: var(--black-1);
    font-size: var(--size-text-22);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 8px;
}
.vacancy-item__subtitle {
    color: var(--black-2);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 16px;
}
.vacancy-item__divider {
    border-top: 1px solid var(--black-6);
    margin: 12px 0;
    margin-top: auto;
}
.vacancy-item__nav {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
    .vacancy-item__nav {
        gap: 6px;
    }
}
.vacancy-item__nav span {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--black-2);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    white-space: nowrap;
}
.vacancy-item__nav span i {
    font-size: var(--size-icon-20);
    color: var(--black-4);
    transition: all 0.2s ease-in-out;
}
.vacancy-item__nav > i {
    font-size: 14px;
    color: var(--black-4);
    opacity: 0.6;
    font-weight: 600;
}
.vacancy-list {
    margin-bottom: 12px;
}
.vacancy-list__item {
    display: flex;
    gap: 6px;
    color: var(--black-1);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.vacancy-list__item:not(:last-child) {
    margin-bottom: 10px;
}
.vacancy-list__item i {
    font-size: 18px;
    color: var(--blue-2);
}
.scientific {
    border-radius: 16px;
    border: 1px solid var(--black-7);
    background: var(--white-1);
    padding: var(--space-20);
}
.scientific-title {
    color: var(--black-1);
    font-size: var(--size-text-24);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.scientific-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    row-gap: 12px;
}
.scientific-header__badge {
    color: var(--black-1);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    border-radius: 12px;
    border: 1px solid var(--black-7);
    background: var(--black-10);
    gap: 4px;
    display: flex;
    align-items: center;
    padding: 8px 10px;
}
.scientific-header__badge i {
    color: var(--local-color);
    font-size: 22px;
}
.scientific-divider {
    margin: var(--space-20) 0;
    border-top: 1px dashed var(--black-5);
}
.scientific-content {
    margin-bottom: var(--space-20);
}
.scientific-files__title {
    color: var(--black-1);
    font-size: var(--size-text-20);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: var(--space-16);
}
.scientific-file {
    display: flex;
    align-items: center;
    gap: 16px;
}
.scientific-file__icon {
    --local-width: 60px;
    width: var(--local-width);
    flex: 0 0 var(--local-width);
    border-radius: 12px;
    border: 1px solid var(--black-7);
    background: var(--black-10);
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--black-4);
}
.scientific-file__title {
    color: var(--black-1);
    font-size: var(--size-text-17);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 3px;
    display: block;
    word-break: break-all;
}
.scientific-file__detail {
    display: flex;
    align-items: center;
    gap: 12px;
}
.scientific-file__size {
    color: #697FD7;
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
}
.scientific-file__download {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #4F99DD;
    font-size: var(--size-text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
}