/* Fira Sans Regular */
@font-face {
    font-family: 'Fira Sans';
    src: url('/fonts/FiraSans/FiraSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/fonts/PlayfairDisplay/PlayfairDisplay.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Fira Sans', sans-serif;
}

header, body {
    background: #EFF4F4;
}

body {
    display: flex;
    flex-direction: column;
    color: #000 !important;
}

 main {
    flex: 1 0 auto;
}

p, ul {
    margin-bottom: 0;
}

.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

h1 {
    font-size: 44px;
    font-weight: bold;
    margin-bottom: 24px;
}

h2 {
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 24px;
}

a {
    text-decoration: none;
}

.fw-600 {
    font-weight: 600;
}

.fw-500 {
    font-weight: 500;
}

.pt-45 {
    padding-top: 45px;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-13 {
    padding-left: 13px !important;
}

.pr-13 {
    padding-right: 13px !important;
}

.mt-45 {
    margin-top: 45px;
}

.t-d-n {
    text-decoration: none;
}

.custom-header {
    padding-top: 20px;
}

.logo-section {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.logo-item {
    color: #333333;
}

.nav-container {
    display: flex;
    height: 55px;
}

.main-nav {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    background: #fff;
    height: 55px;
    padding-left: 12px;
    padding-right: 9px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.nav-link {
    color: #000;
    font-weight: 500;
    font-size: 20px;
    padding: 12px 12px;
    white-space: nowrap;
    position: relative;
}

.nav-link a {
    color: #000;
    text-decoration: none;
}

.nav-link a:hover {
    color: #0066cc;
}

.nav-link:hover {
    color: #0066cc;
}

.regions_menu_links {
    cursor: default;
}

/* Выпадающее меню */
.top-menu ul {
    display: none;
    position: absolute;
    top: 90%;
    left: 0;
    background-color: white;
    min-width: 250px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.25);
    z-index: 100;
    border-radius: 4px;
    padding: 10px 0;
    margin: 0;
    list-style: none;
}

.top-menu li:hover > ul {
    display: block;
}

.top-menu ul li {
    height: 44px;
}

.top-menu ul a {
    padding: 8px 20px;
    white-space: nowrap;
    color: #000;
    text-decoration: none;
}

.top-menu ul a:hover {
    color: #1C5FAF;
}

.logos {
    display: inline-flex;
    align-items: center;
    width: 49%;
}

.utility-icons {
    display: inline-flex;
    align-items: center; /* Вертикальное выравнивание по центру */
    gap: 20px; /* Равные промежутки между элементами */
    height: 100%; /* Занимает всю доступную высоту */
    width: 49%;
    justify-content: flex-end;
}

.icon-btn {
    color: #1C5FAF;
    text-decoration: none;
    display: flex;
    align-items: center; /* Центрируем содержимое кнопки */
    justify-content: center; /* Центрируем по горизонтали */
    padding: 5px; /* Немного отступов вокруг иконок */
    transition: all 0.2s ease;
}

.icon-btn svg {
    display: block; /* Убирает лишнее пространство вокруг SVG */
    margin: 0 auto; /* Центрирование SVG внутри кнопки */
}

.icon-btn:hover {
    color: #0066cc;
}

.language-switcher {
    background: none;
    border: none;
    color: #1C5FAF;
    font-size: 28px;
    display: flex;
    align-items: center;
    gap: 5px; /* Расстояние между текстом и стрелкой */
    cursor: pointer;
    padding: 0;
}

.language-switcher svg {
    width: 12px;
    height: 6px;
    margin-top: 2px; /* Тонкая настройка выравнивания стрелки */
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1440px;
    }
}

footer {
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background-color: #0B478E;
    color: #fff;
}

.footer-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto;
    padding: 30px 20px;
    box-sizing: border-box;
}

.logo-item {
    margin-left: 20px;
}

.logo-item:first-child {
    margin-left: 0;
}
        
.contacts {
    text-align: left;
}

.contacts a {
    color: #fff;
}

.phone a {
    text-decoration: none;
}
        
.social-block {
    text-align: right;
}
        
.social-icons {
    margin-top: 10px;
}
        
.social-icons a {
    margin-left: 10px;
    text-decoration: none;
    color: #333;
}
        
.address {
    margin-top: 10px;
}

.project-container {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    background: #fff;
}
        
.text-content {
    flex: 1;
    padding-right: 40px;
}
        
.image-content {
    flex: 1;
    text-align: right;
    /* Основные параметры фона */
    background-color: white;
    background-image: 
        linear-gradient(to right, #1B4482 1px, transparent 1px),
        linear-gradient(to bottom, #1B4482 1px, transparent 1px);
        background-size: 30px 30px;
            
    /* Размеры блока для демонстрации */
    width: 100%;
    height: 451px;
            
    /* Дополнительные стили для контента */
    /* display: flex;
    justify-content: center;
    align-items: center; */
}
        
.project-image {
    width: 653px;
    height: 400px;
}
        
.project-header {
    margin-bottom: 20px;
    margin-left: 20px;
}
        
.project-title {
    font-weight: 500;
    font-size: 36px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #0B478E;
}

.project-title1 {
    font-family: 'Playfair Display', sans-serif;
    font-weight: 700;
    font-size: 70px;
    letter-spacing: 17px;
    color: #041121;
}
        
.project-description {
    font-weight: 600;
    font-size: 32px;
    color: #3F3F3F;
    margin-left: 20px;
}
        
/* @media (max-width: 768px) {
    
} */

.benefits-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 30px 20px;
    background: #1C5FAF;
    color: #fff;
    height: 400px;
    position: relative;
}

.benefits-title {
    font-size: 34px;
}
        
.benefits-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    list-style: none;
    padding: 0;
    margin-left: 20px;
    margin-top: 10px;
}
        
.benefit-item {
    font-size: 24px;
}
        
.benefit-title {
    font-weight: 600;
    margin: 0 0 0px 20px;
    line-height: 1;
}
        
.benefit-description {
    font-weight: 500;
    margin-left: 20px;
}
        
.highlight {
    border: 2px solid #fff;
    border-radius: 20px;
    padding: 4px 12px;
    gap: 10px;
}

.benefit-item_img {
    margin-bottom: 15px;
}

.star-container {
    position: relative; /* Делаем блок контейнером для абсолютного позиционирования */
    /* Остальные стили вашего блока */
}

.star {
    position: absolute;
    top: -68px;
    right: 109px;
    transform: translate(30%, -30%); /* Смещаем звезду наружу из угла */
    z-index: 10; /* Чтобы звезда была поверх других элементов */
}

.mobile_star {
    position: absolute;
    top: -68px;
    right: 109px;
    transform: translate(30%, -30%); /* Смещаем звезду наружу из угла */
    z-index: 10; /* Чтобы звезда была поверх других элементов */
    display: none;
}

.star2 {
    position: absolute;
    right: 43px;
    transform: translate(30%, -152%); /* Смещаем звезду наружу из угла */
    z-index: 20; /* Чтобы звезда была поверх других элементов */
}

.mobile_star2 {
    position: absolute;
    right: 43px;
    transform: translate(30%, -152%); /* Смещаем звезду наружу из угла */
    z-index: 20; /* Чтобы звезда была поверх других элементов */
    display: none;
}

/* О ПРОЕКТЕ */
.about-container {
    background: #fff;
    padding-top: 45px;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.about_text {
    font-size: 30px;
    font-weight: 400;
}

.stats-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
        
.stat-item {
    width: 440px;
    height: 430px;
    background: #1C5FAF;
    border-radius: 10px;
}

.stat-item-cover img {
    width: 440px;
    height: 260px;
}

.stat-item-descr {
    font-size: 28px;
    margin-left: 25px;
    margin-top: 10px;
    color: #fff;
    position: relative;
}

.svg_item {
    position: absolute;
    bottom: -46px;
    right: 0;
    border-bottom-right-radius: 10px;
}
        
.stat-number {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 5px;
}
        
.stat-label {
    font-size: 1.2rem;
    color: #7f8c8d;
}

.goals_list {
    margin-left: 10px;
    list-style-type: none;
    padding-left: 0;
    padding-bottom: 5px;
}

.goals_list li {
    position: relative;
    padding-left: 80px; /* Отступ для SVG */
    padding-top: 16px;
    padding-bottom: 20px;
    font-size: 28px;
    margin-bottom: 20px;
    background: #EFF4F4;
    border-radius: 16px;
}

ul.goals_list li::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 20px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
}

ul.goals_list li.star4::before {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.668 0L29.9713 19.6967L49.668 25L29.9713 30.3033L24.668 50L19.3647 30.3033L-0.332031 25L19.3647 19.6967L24.668 0Z' fill='%23FFD856'/%3E%3C/svg%3E");
}

ul.goals_list li.star8::before {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 22.3958H50V27.6042H0V22.3958Z' fill='%230B478E'/%3E%3Cpath d='M27.6042 2.27663e-07L27.6042 50H22.3958L22.3958 0L27.6042 2.27663e-07Z' fill='%230B478E'/%3E%3Cpath d='M44.519 9.16379L9.1637 44.5191L5.48086 40.8363L40.8362 5.48095L44.519 9.16379Z' fill='%230B478E'/%3E%3Cpath d='M40.8362 44.5192L5.48087 9.16383L9.16371 5.48099L44.5191 40.8363L40.8362 44.5192Z' fill='%230B478E'/%3E%3C/svg%3E");
}

ul.goals_list li.molekula::before {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_90_8558)'%3E%3Cpath d='M25.25 4C26.0004 4 26.8349 4.40228 27.7129 5.39258C28.5898 6.38172 29.4256 7.86999 30.1475 9.79492C31.5884 13.6375 32.5 19.0131 32.5 25C32.5 30.9869 31.5884 36.3625 30.1475 40.2051C29.4256 42.13 28.5898 43.6183 27.7129 44.6074C26.8349 45.5977 26.0004 46 25.25 46C24.4996 46 23.6651 45.5977 22.7871 44.6074C21.9102 43.6183 21.0744 42.13 20.3525 40.2051C18.9116 36.3625 18 30.9869 18 25C18 19.0131 18.9116 13.6375 20.3525 9.79492C21.0744 7.86999 21.9102 6.38172 22.7871 5.39258C23.6651 4.40228 24.4996 4 25.25 4Z' stroke='%2355C447' stroke-width='2'/%3E%3Cpath d='M25.333 18C31.1359 18 36.3454 18.8836 40.0674 20.2793C41.932 20.9785 43.3718 21.7877 44.3271 22.6348C45.2834 23.4827 45.667 24.2842 45.667 25C45.667 25.7158 45.2834 26.5173 44.3271 27.3652C43.3718 28.2123 41.932 29.0215 40.0674 29.7207C36.3454 31.1164 31.1359 32 25.333 32C19.5303 32 14.3215 31.1164 10.5996 29.7207C8.73493 29.0214 7.29525 28.2123 6.33984 27.3652C5.38346 26.5172 5 25.7158 5 25C5 24.2842 5.38346 23.4828 6.33984 22.6348C7.29525 21.7877 8.73493 20.9786 10.5996 20.2793C14.3215 18.8836 19.5303 18 25.333 18Z' stroke='%2355C447' stroke-width='2'/%3E%3Cpath d='M9.79395 9.79395C10.343 9.24491 11.2447 8.93134 12.5996 9.0127C13.9532 9.09406 15.6377 9.56755 17.5537 10.4385C21.3785 12.1771 25.9289 15.4074 30.2607 19.7393C34.5926 24.0711 37.8229 28.6215 39.5615 32.4463C40.4324 34.3623 40.9059 36.0468 40.9873 37.4004C41.0687 38.7553 40.7551 39.657 40.2061 40.2061C39.657 40.7551 38.7553 41.0687 37.4004 40.9873C36.0468 40.9059 34.3623 40.4324 32.4463 39.5615C28.6215 37.8229 24.0711 34.5926 19.7393 30.2607C15.4074 25.9289 12.1771 21.3785 10.4385 17.5537C9.56755 15.6377 9.09406 13.9532 9.0127 12.5996C8.93134 11.2447 9.24491 10.343 9.79395 9.79395Z' stroke='%2355C447' stroke-width='2'/%3E%3Cpath d='M37.4004 9.0127C38.7553 8.93134 39.657 9.24491 40.2061 9.79395C40.7551 10.343 41.0687 11.2447 40.9873 12.5996C40.9059 13.9532 40.4324 15.6377 39.5615 17.5537C37.8229 21.3785 34.5926 25.9289 30.2607 30.2607C25.9289 34.5926 21.3785 37.8229 17.5537 39.5615C15.6377 40.4324 13.9532 40.9059 12.5996 40.9873C11.2447 41.0687 10.343 40.7551 9.79395 40.2061C9.24491 39.657 8.93134 38.7553 9.0127 37.4004C9.09406 36.0468 9.56755 34.3623 10.4385 32.4463C12.1771 28.6215 15.4074 24.0711 19.7393 19.7393C24.0711 15.4074 28.6215 12.1771 32.4463 10.4385C34.3623 9.56755 36.0468 9.09406 37.4004 9.0127Z' stroke='%2355C447' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_90_8558'%3E%3Crect width='43' height='44' fill='white' transform='translate(4 3)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

ul.goals_list li.list4::before {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.6836 49L20.5851 41.9011C17.1478 35.9476 19.1876 28.3349 25.1411 24.8976L29.2397 31.9965C32.6769 37.95 30.6371 45.5627 24.6836 49Z' fill='%23E85858'/%3E%3Cpath d='M25.6816 0.484375L29.7802 7.58325C33.2174 13.5368 31.1776 21.1495 25.2241 24.5867L21.1256 17.4879C17.6883 11.5344 19.7281 3.92163 25.6816 0.484375Z' fill='%23E85858'/%3E%3Cpath d='M0.925781 24.2432L8.02466 20.1446C13.9782 16.7074 21.5909 18.7472 25.0281 24.7007L17.9293 28.7992C11.9758 32.2365 4.36304 30.1967 0.925781 24.2432Z' fill='%23E85858'/%3E%3Cpath d='M49.4414 25.2412L42.3425 29.3397C36.389 32.777 28.7763 30.7372 25.339 24.7837L32.4379 20.6851C38.3914 17.2479 46.0041 19.2877 49.4414 25.2412Z' fill='%23E85858'/%3E%3C/svg%3E");
}

/* О ПРОЕКТЕ - end */

/* Страница региона */
.container_school_title {
    margin-top: 40px;
    padding-left: 20px !important;
}

.school-card {
    /* border-radius: 15px; */
    overflow: hidden;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    padding-bottom: 40px;
}

.school-image {
    height: 96%;
    width: 100%;
    margin-left: 24px;
    margin-top: 24px;
    border-radius: 8px;
}

.school-content {
    margin-left: 30px;
    padding-top: 24px;
    padding-right: 24px;
}

.school-title {
    font-size: 30px;
    font-weight: 600;
}

.school-status {
    font-size: 20px;
    color: #EF5F21;
    margin-top: 7px;
    text-align: right;
    font-weight: 500;
}

.school-placement {
    font-size: 20px;
    color: #3F3F3F;
    font-weight: 400;
}

.detail-item {
    margin-top: 10px;
    font-weight: 400;
    font-size: 24px;
}

.detail-label {
    font-weight: 600;
}

.partners-section {
    margin-top: 20px;
    padding-bottom: 20px;
}

.partner-title {
    font-weight: 600;
    font-size: 24px;
}

.partner {
    display: inline-block;
    margin-top: 10px;
}

.partner img {
    height: 50px;
    margin-right: 25px;
}

.img_gallery {
    margin-top: 32px;     
}

.gallery_title {
    font-size: 34px;
    margin-bottom: 24px;
}

.slide {
    min-width: 85%;
    transition: transform 0.5s ease;
}

.img_gallery .scroll-wrapper {
    margin-left: 20px;
    margin-right: 20px;
}

.slide-image {
    height: auto;
    display: block;
    width: 85%;
}

.achivements {
    margin-top: 40px;
}

.achivements_title {
    font-size: 44px;
}

.region_description {
    margin-top: 10px;
    font-size: 30px;
}

.achiv_title {
    font-size: 34px;
    margin-top: 32px;
    margin-bottom: 24px;
    position: relative;
}

.cities_div {
    margin-top: 10px;
}

.card-cities, .card-persons, .card-event, .card-news, .card-appr, .card-docs {
    border: 0;
    border-radius: 12px;
    padding: 16px;
}

.card-cities img {
    border-radius: 8px;
    height: 175px;
}

.card-cities .card-body .card-title,
.card-persons .card-body .card-title {
    font-size: 20px;
    margin-bottom: 5px;
    line-height: 1.3;
}

.card-cities .card-body .card-text {
    font-size: 16px;
}

.city-year {
    margin-top: 5px;
}

.card-persons .div-img {
    width: 135px;
    height: 135px;
    border-radius: 50%;
    overflow: hidden;
    padding: 0;
    margin-left: 10px;
}

.card-persons .card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.person-years {
    font-size: 16px;
}

.card-persons .card-body ul {
    padding-left: 15px;
}

.card-cities .card-body,
.card-event .card-body {
    padding: 12px 0;
}


/* События и новости */
.event-placement {
    font-size: 16px;
    color: #3F3F3F;
    font-weight: 400;
}

.date_time_event {
    border: 1px solid #000;
    border-radius: 20px;
    padding: 5px 15px;
    width: 254px;
    margin-top: 20px;
}

.date_event, .time_event {
    vertical-align: middle;
}

.date_event svg, .time_event svg {
    margin-top: -4px;
}

.time_event {
    margin-left: 45px;
}

.detail_link {
    margin-top: 20px;
    text-align: right;
    color: #0B478E;
}

.detail_link a {
    text-decoration: none;
    color: #1C5FAF;
    font-size: 20px;
}

.detail_link a:hover {
    color: #317BD2;
}

.card-event .card-title {
    height: 50px;
    border: 0;
}

.card-event img {
    height: 220px;
    border-radius: 8px;
}

.card-news {
    padding: 0;
}

.card-news .card-body {
    padding: 32px;
}

.card-news img {
    height: 470px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.border_news {
    border: 1px solid #000;
    border-radius: 20px;
    padding: 5px 15px;
    width: fit-content;
}

.date_news, .region_news {
    display: inline-block;
}

.card-news .card-title {
    margin-top: 16px;
    position: relative;
}

.card-news .card-title a {
    text-decoration: none;
    color: #1C5FAF;
    font-size: 28px;
}

.news_title {
    width: 93%;
    display: inline-flex;
}

.card-news .card-title svg {
    position: absolute;
    right: 0;
    top: 17px;
}

.card-news .short_news {
    margin-top: 16px;
}

.date_news svg, .region_news svg {
    margin-top: -4px;
}

/* Фильтр */
.sort_filter_div {
    display: flex;
    justify-content: flex-end; /* Выравнивание по правому краю */
    gap: 10px; /* Расстояние между элементами */
    margin-bottom: 16px;
}

.filter_div {
    display: inline-flex;
}

.filter_text_form, .filter_div_but, #del_filter_link {
    display: inline-block;
}

.filter_text_form input[type="text"] {
    width: 927px;
    border-radius: 4px 0 0 4px;
    height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    border: 0;
    background-image: url("/img/lupa.jpg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 10px;
    text-indent: 20px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #55595D;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #55595D;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #55595D;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #55595D;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: #55595D
}
::placeholder { /* Most modern browsers support this now. */
   color: #55595D;
}

.filter_text_form input[type="submit"] {
    width: 106px;
    height: 40px;
    background-color: #1E44C1;
    color: #fff;
    border-radius: 0 4px 4px 0;
    border: 0;
    margin-left: -3px;
    padding-top: 3px;
}

.filter_div_but, .del_filter_link {
    width: fit-content;
    height: 24px;
    border-radius: 16px;
    color: #fff;
    background-color: #1C5FAF;
    margin-left: 10px;
    font-size: 20px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 30px;
}

.filter_div_but {
    cursor: pointer;
    text-decoration: none;
}

.del_filter_link {
    text-align: center;
    box-shadow: none;
    border: 0;
}

.sort_div {
    display: inline-flex;
    align-items: center; /* Вертикальное выравнивание */
    position: relative;
}

.sort_title, #sortForm {
    display: inline-block;
}

.sort_title {
    font-size: 24px;
    color: #3F3F3F;
}

.sort_main {
    color: #1C5FAF;
    margin-left: 5px;
    cursor: pointer;
    font-size: 24px;
}

.sort_main:hover {
    color: #317BD2;
}

.sort_title_div {
    display: none;
    width: 412px;
    background: #fff;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 4px 5px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 4px 5px 0px rgba(34, 60, 80, 0.2);
    position: absolute;
    text-align: left;
    z-index: 100;
    border-radius: 4px;
    top: 33px;
    color: #000;
    padding: 5px;
}

#sort_main_event:hover > div {
    display: block;
}

#sort_main_news:hover > div {
    display: block;
}

#sort_title_news_div {
    width: 453px;
}

.sort_label {
    font-weight: 500;
    padding: 4px 16px;
    cursor: pointer;
}

.filter_main_form input[type="radio"],
.filter_main_form input[type="checkbox"] {
    margin-right: 10px;
}

/*     Модальное окно админки    */
.auth_edit_modal {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2000;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.auth_edit_modal::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.auth_edit_modal .modal-content {
    background: white;
    padding: 10px;
    margin: 5% auto;
    width: 568px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.auth_edit_modal .modal-content h2 {
    font-weight: 600;
    font-size: 26px;
}

.auth_edit_modal fieldset {
    border: 1px solid #ccc;
    padding: 5px 10px;
    margin-bottom: 15px;
    border-radius: 6px;
}

.auth_edit_modal legend {
    font-weight: bold;
    padding: 0 5px;
}

.auth_edit_modal label {
    display: block;
    margin: 5px 20px;
    font-size: 16px;
    width: 100%;
}

.audTime, .audTimeFilter {
    width: 30% !important;
}

.auth_edit_modal input[type="text"],
.auth_edit_modal input[type="number"],
.auth_edit_modal input[type="time"],
 .auth_edit_modal input[type="date"] {
    width: 100%;
    padding: 5px;
    margin-top: 3px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.auth_edit_modal select
{
    width: 20%;
}

.auth_edit_modal input[name="ROOMDATA[NEW_ROOM]"] {
    margin-left: 10px;
}

.auth_edit_modal select {
    height: 40px;
}

.date_calend {
    width: 25% !important;
}

.auth_edit_modal .buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
}

.air-datepicker-global-container {
    z-index: 3000;
}

.auth_edit_modal .delete{
    background: #fff;
    color: #E41A1A;
    border: 1px solid #E41A1A;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    width: 106px;
    height: 40px;
    margin-right: 15px;
}

.auth_edit_modal .save {
    background: #1E44C1;
    color: white;
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    width: 106px;
    height: 40px;
}

.auth_edit_modal .nochange {
    background: white;
    color: #1E44C1;
    border: 2px solid #1E44C1;
    width: 212px;
    border-radius: 4px;
    margin-right: 10px;
}

.change_app {
    width: 187px !important;
}

.auth_edit_modal button:hover {
    opacity: 0.9;
}

.auth_edit_modal .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 0;
    background: none;
}

#filter_news_modal, #filter_event_modal, #filter_search_modal {
    display: none;
}

#app_edit_modal .buttons, #app_confirm .buttons, #not_edit_modal .buttons {
    justify-content: center;
    margin-top: 25px;
    margin-bottom: 15px;
}

/*     Модальное окно админки end   */

/* Детальная страница событий и новостей */
.back_button {
    display: block;
    width: fit-content;
    height: 44px;
    border-radius: 16px;
    color: #fff;
    background-color: #1C5FAF;
    font-size: 20px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 6px;
}

.back_button span {
    margin-left: 5px;
    margin-top:2px;
}

.detail-div {
    margin-top: 20px;
    padding: 10px;
    border-radius: 15px;
    margin-bottom: 20px;
}

.detail-div .event-placement {
    margin-top: 10px;
}

.detail-div .title {
    margin-top: 10px;
    font-size: 28px;
    color: #1C5FAF;
}

.detail-div .detail-text {
    margin-top: 10px;
    font-size: 20px;
}

/* Партнёры */
.partners-list {
    width: 1335px;
    margin: 0 auto;
    position: relative;
}

.scroll-wrapper {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0 5px;
}
        
.scroll-wrapper::-webkit-scrollbar {
    display: none;
}
        
.partners-list .infoblock-item {
    flex: 0 0 auto;
    width: 630px;
    margin: 0 15px;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    padding-bottom: 35px;
}
        
.partners-list .preview-picture {
    height: 70px;
    margin-top: 15px;
    margin-left: 15px;
}
        
.partners-list .item-content {
    padding: 25px;
}
        
.partners-list .item-name {
    font-size: 20px;
    font-weight: bold;
    color: #000;
}
        
.partners-list .preview-text {
    font-size: 16px;
    color: #3F3F3F;
    margin-bottom: 10px;
}
        
.partners-list .detail-text {
    font-size: 16px;
    color: #000;
    margin-top: 10px;
}

.partners-list .props_title {
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
}
        
.partners-list .scroll-button {
    position: absolute;
    border: none;
    background: none;
}

.partners-list .scroll-button.left, 
.partners-list .scroll-button.right {
    top: 3%;
    height: 94%;
    /* background-color: rgba(0, 0, 0, 0.05); */
}    
        
.partners-list .scroll-button.left {
    left: -5px;
}
        
.partners-list .scroll-button.right {
    right: -5px;
}

.partners-list .partner_site {
    position: absolute;
    bottom: 15px;
}

/* Подходы к созданию передовых школ */
.card-appr {
    width: 325px;
    height: 330px;
    background: hsl(213, 72%, 40%);
    color: #fff;
    position: relative;
}

.appr-title {
    border: 1px solid #fff;
    border-radius: 20px;
    font-size: 20px;
    padding: 4px 12px;
    width: fit-content;
}

.appr-body {
    margin-top: 8px;
    font-size: 16px;
}

.appr_footer_img {
    position: absolute;
    bottom: 10px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
}

.appr_note_text {
    position: absolute;
    right: 25px;
    bottom: 20px;
}

/* .appr_footer_img:nth-child(4n + 1) { background-image: url("data:image/svg+xml,%3Csvg width='41' height='40' viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 17.9167H40.5V22.0833H0.5V17.9167Z' fill='white'/%3E%3Cpath d='M22.5833 1.82131e-07V40H18.4167L18.4167 0L22.5833 1.82131e-07Z' fill='white'/%3E%3Cpath d='M36.1152 7.33103L7.83096 35.6153L4.88469 32.669L33.169 4.38476L36.1152 7.33103Z' fill='white'/%3E%3Cpath d='M33.169 35.6153L4.88469 7.33107L7.83097 4.38479L36.1152 32.6691L33.169 35.6153Z' fill='white'/%3E%3C/svg%3E"); }
.appr_footer_img:nth-child(4n + 2) { background-image: url("data:image/svg+xml,%3Csvg width='51' height='50' viewBox='0 0 51 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.5 0L30.8033 19.6967L50.5 25L30.8033 30.3033L25.5 50L20.1967 30.3033L0.5 25L20.1967 19.6967L25.5 0Z' fill='%23FFD856'/%3E%3C/svg%3E"); }
.appr_footer_img:nth-child(4n + 3) { background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_470_8737)'%3E%3Cpath d='M21.75 1C22.5004 1 23.3349 1.40228 24.2129 2.39258C25.0898 3.38172 25.9256 4.86999 26.6475 6.79492C28.0884 10.6375 29 16.0131 29 22C29 27.9869 28.0884 33.3625 26.6475 37.2051C25.9256 39.13 25.0898 40.6183 24.2129 41.6074C23.3349 42.5977 22.5004 43 21.75 43C20.9996 43 20.1651 42.5977 19.2871 41.6074C18.4102 40.6183 17.5744 39.13 16.8525 37.2051C15.4116 33.3625 14.5 27.9869 14.5 22C14.5 16.0131 15.4116 10.6375 16.8525 6.79492C17.5744 4.86999 18.4102 3.38172 19.2871 2.39258C20.1651 1.40228 20.9996 1 21.75 1Z' stroke='%2355C447' stroke-width='2'/%3E%3Cpath d='M21.833 15C27.6359 15 32.8454 15.8836 36.5674 17.2793C38.432 17.9785 39.8718 18.7877 40.8271 19.6348C41.7834 20.4827 42.167 21.2842 42.167 22C42.167 22.7158 41.7834 23.5173 40.8271 24.3652C39.8718 25.2123 38.432 26.0215 36.5674 26.7207C32.8454 28.1164 27.6359 29 21.833 29C16.0303 29 10.8215 28.1164 7.09961 26.7207C5.23493 26.0214 3.79525 25.2123 2.83984 24.3652C1.88346 23.5172 1.5 22.7158 1.5 22C1.5 21.2842 1.88346 20.4828 2.83984 19.6348C3.79525 18.7877 5.23493 17.9786 7.09961 17.2793C10.8215 15.8836 16.0303 15 21.833 15Z' stroke='%2355C447' stroke-width='2'/%3E%3Cpath d='M6.29395 6.79395C6.84298 6.24491 7.7447 5.93134 9.09961 6.0127C10.4532 6.09406 12.1377 6.56755 14.0537 7.43848C17.8785 9.17709 22.4289 12.4074 26.7607 16.7393C31.0926 21.0711 34.3229 25.6215 36.0615 29.4463C36.9324 31.3623 37.4059 33.0468 37.4873 34.4004C37.5687 35.7553 37.2551 36.657 36.7061 37.2061C36.157 37.7551 35.2553 38.0687 33.9004 37.9873C32.5468 37.9059 30.8623 37.4324 28.9463 36.5615C25.1215 34.8229 20.5711 31.5926 16.2393 27.2607C11.9074 22.9289 8.67709 18.3785 6.93848 14.5537C6.06755 12.6377 5.59406 10.9532 5.5127 9.59961C5.43134 8.2447 5.74491 7.34298 6.29395 6.79395Z' stroke='%2355C447' stroke-width='2'/%3E%3Cpath d='M33.9004 6.0127C35.2553 5.93134 36.157 6.24491 36.7061 6.79395C37.2551 7.34298 37.5687 8.2447 37.4873 9.59961C37.4059 10.9532 36.9324 12.6377 36.0615 14.5537C34.3229 18.3785 31.0926 22.9289 26.7607 27.2607C22.4289 31.5926 17.8785 34.8229 14.0537 36.5615C12.1377 37.4324 10.4532 37.9059 9.09961 37.9873C7.7447 38.0687 6.84298 37.7551 6.29395 37.2061C5.74491 36.657 5.43134 35.7553 5.5127 34.4004C5.59406 33.0468 6.06755 31.3623 6.93848 29.4463C8.67709 25.6215 11.9074 21.0711 16.2393 16.7393C20.5711 12.4074 25.1215 9.17709 28.9463 7.43848C30.8623 6.56755 32.5468 6.09406 33.9004 6.0127Z' stroke='%2355C447' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_470_8737'%3E%3Crect width='43' height='44' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }
.appr_footer_img:nth-child(4n + 4) { background-image: url("data:image/svg+xml,%3Csvg width='51' height='50' viewBox='0 0 51 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.1875 49L21.089 41.9011C17.6517 35.9476 19.6915 28.3349 25.645 24.8976L29.7436 31.9965C33.1808 37.95 31.141 45.5627 25.1875 49Z' fill='%23E85858'/%3E%3Cpath d='M26.1836 0.484375L30.2821 7.58325C33.7194 13.5368 31.6796 21.1495 25.7261 24.5867L21.6275 17.4879C18.1903 11.5344 20.2301 3.92163 26.1836 0.484375Z' fill='%23E85858'/%3E%3Cpath d='M1.42578 24.2441L8.52466 20.1456C14.4782 16.7083 22.0909 18.7482 25.5281 24.7017L18.4293 28.8002C12.4758 32.2375 4.86304 30.1976 1.42578 24.2441Z' fill='%23E85858'/%3E%3Cpath d='M49.9414 25.2422L42.8425 29.3407C36.889 32.778 29.2763 30.7382 25.839 24.7847L32.9379 20.6861C38.8914 17.2489 46.5041 19.2887 49.9414 25.2422Z' fill='%23E85858'/%3E%3C/svg%3E"); } */

/* Документы */
.card-docs {
    display: flex;
    width: 440px;
    border: 1px solid #1C5FAF;
    overflow: hidden;
    height: 150px;
    position: relative;
}
        
.icon {
    width: 60px;
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
}

.content {
    flex: 1;
}
        
.title a {
    font-size: 20px;
    text-decoration: none;
    color: #000;
    line-height: 1;
}
        
.file-info {
    font-size: 14px;
    color: #666;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
        
.file-size {
    font-size: 16px;
    position: absolute;
    bottom: 7px;
    color: #000;
}

/* Карта передовых школ */
.map_container {
    position: relative;
    margin-top: -130px;
}

.map_title_container {
    padding-left: 36px !important;
}

.clickable-marker {
    pointer-events: auto;
    z-index: 10;
}

.clickable-marker:hover {
    cursor: pointer;
}

svg image:not(.clickable-marker) {
    pointer-events: none;
}

#popup_school {
    position: absolute;
    background: white;
    padding: 10px 20px;
    z-index: 1000;
    width: 309px;
    height: auto;
    border-radius: 8px;
    display: block;
}

#school-link {
    color: #000;
}

#popup_school #school-image {
    width: 277px;
    height: 130px;
    border-radius: 8px;
}

#popup_school {
    transition: opacity 0.3s, transform 0.3s;
    opacity: 0;
    transform: translateY(10px);
    /*max-width: 90vw;*/ /* Не шире 90% окна */
    /*max-height: 90vh;*/ /* Не выше 90% окна */
    /*z-index: 1000;*/ /* Поверх других элементов */
}
#popup_school.show {
    opacity: 1;
    transform: translateY(0);
}

#school-status {
    font-size: 14px;
    color: #EF5F21;
}

#school-status svg {
    padding-right: 5px;
}

#school-place {
    font-size: 14px;
    color: #2C2C2D;
    margin-top: 10px;
}

#school-profile, #school-year {
    font-size: 16px;
    margin-top: 5px;
}

.marker-group {
    cursor: pointer;
}

.marker-label-rect {
    opacity: 0.9;
    transition: opacity 0.2s;
}

.marker-group:hover .marker-label-rect {
    opacity: 1;
}

.marker-label-text {
    user-select: none;
    pointer-events: none;
}

#markers-layer {
  pointer-events: none; /* Чтобы клики проходили сквозь к полигонам */
}

/* Поиск */
.search-page input[type="text"] {
    width: 73%;
    border: 1px solid #E0EEFF;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    height: 44px;
    padding: 12px 16px;
}

.search-page input[type="submit"],
.clear_search,
.filter_search_div .filter_div_but
{
    display: inline-flex;
    width: 120px;
    height: 44px;
    background: #1C5FAF;
    padding: 10px 16px;
    color: #FFF;
    border: 0;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    margin-left: -9px;
    font-size: 16px;
}

.clear_search, .filter_search_div .filter_div_but {
    margin-left: 10px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    justify-content: center;
}

font.notetext {
    color: #000;
}

/* Мобильная вёрстка */
@media (max-width: 1079.98px) {
    .nav-container {
        display: none !important;
    }
}

/* Стили для мобильного меню - показываем только на мобильных */
.mobile-nav-container {
    display: none;
    position: relative;
    width: 100%;
}
@media (max-width: 1079.98px) {
    .mobile-nav-container {
        display: block;
    }
}

/* Остальные стили мобильного меню */
.mobile-menu-toggle {
    display: block;
    width: 100%;
    padding: 15px;
    background: #fff;
    color: #1C5FAF;
    border: none;
    font-size: 16px;
    text-align: left;
    cursor: pointer;
}

.mobile-menu-wrapper {
    display: none;
    width: 100%;
    background: #fff;
    max-height: 80vh;
    position: absolute;
    z-index: 1000;
    top: 53px;
    left:0;
    /* overflow-y: auto; */
}

.mobile-main-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
}

.mobile-nav-item {
    font-size: 16px;
}

.mobile-nav-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    color: #000;
    text-decoration: none;
}

.mobile-nav-link a {
    flex-grow: 1;
    color: inherit;
    text-decoration: none;
}

.submenu-toggle {
    background: none;
    border: none;
    font-size: 16px;
    padding: 0;
    color: #000;
    cursor: pointer;
}

.mobile-submenu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-submenu-item a {
    display: block;
    padding: 10px 25px;
    color: #000;
    text-decoration: none;
}

.mobile-submenu-item a:hover {
    background: #ddd;
}

.selected > .mobile-nav-link {
    font-weight: bold;
    color: #0066cc;
}

/* Активные состояния */
.mobile-menu-wrapper.active {
    display: block;
}

.mobile-submenu.active {
    display: block;
}

.submenu-toggle.active span {
    transform: rotate(45deg);
}

/* Анимации для плавного открытия */
.mobile-submenu {
    transition: all 0.3s ease;
}
.mobile-menu-wrapper {
    transition: all 0.3s ease;
}

@media (max-width: 1399.99px) {
    .container {
        max-width: 1400px;
    }

    .about-container h1, .about-container .about_text {
        padding-left: 10px !important;
    }

    .img_gallery,
    .achivements,
    .region_cities,
    .region_persons,
    .region_attr,
    .region_fest,
    .region_flagm,
    .region_win {
        padding-left: 10px !important;
    }

    .card-persons .div-img {
        width: 130px;
        height: 130px;
    }

    .news_events_container, .partners_title {
        padding-left: 25px !important;
    }

    .news-list, .sort_filter_div, .news_events_detail {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .map_container .map_svg {
        width: 1348px;
    }
}




/* Большие экраны (1200px и выше) */
@media (min-width: 1200px) {
    .star, .star2 { display: block; }
    .mobile_star, .mobile_star2 { display: none; }

    .school-title-mobile { display: none; }
    .school-title { display: block; }

    /* .cities_div {
        display: block;
    }

    .cities_div_mobile {
        display: none;
    } */

    .filter_div_mobile { display: none; }
    .filter_div_but, .del_filter_link { display: inline-block; }

    .news_body { display: flex; }
    .mobile_news_body { display: none; }

    .mobile_open_div { display: none; }

    .clear_search_mobile { display: none; }
}

@media (min-width: 360px) and (max-width: 1024px) {
    h1 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    h2 {
        font-size: 18px;
    }
            
    .text-content {
        padding-right: 0;
        margin-bottom: 30px;
        text-align: center;
    }
            
    .project-header {
        justify-content: center;
    }
            
    .image-content {
        text-align: center;
    }
            
    .project-description {
        margin: 0 auto;
    }

    /* Главная страница */
    .logo-section {
        margin-left: 17px;
    }

    .project-title {
        font-size: 16px;
        text-align: left;
    }

    .project-title1 {
        font-size: 24px;
        text-align: left;
        font-family: 'Fira Sans', sans-serif;
        letter-spacing: 5px;
    }

    .project-header {
        margin-left: 0;
    }

    .text-content {
        padding-left: 0 !important;
    }

    .project-description {
        font-size: 16px;
        text-align: left;
    }

    .project-image {
        width: 100%;
        height: 205px;
    }

    .benefits-container {
        padding: 20px 15px;
        height: auto;
    }

    .benefit-title, .benefit-description {
        font-size: 20px;
        margin-left: 0;
    }

    .star, .star2 {
        display: none;
    }

    .mobile_star, .mobile_star2 {
        display: block;
    }

    .mobile_star2 {
        right: 28px;
        top: 68px;
    }

    .mobile_star {
        top: -78px;
        right: 60px;
    }

    .benefits-list {
        margin-left: 0;
        margin-top: 20px;
    }

    .benefit-item {
        padding: 0;
        font-size: 16px;
    }

    .benefit-item br {
        display: none;
    }

    .benefit-item_img {
        margin-bottom: 10px !important;
    }

    .highlight {
        border: 1px solid #fff;
        margin-right: 3px;
        padding: 2px 6px;
    }

    .highlight:last-of-type {
        margin-left: 3px;
    }

    .map_title_container {
        padding-left: 10px !important;
        padding-top: 20px;
    }

    .map_title_container h1 {
        font-size: 20px;
    }

    .map_container {
        margin-top: -30px;
    }

    .map_container .map_svg {
        width: 100%;
        height: auto;
    }

    .footer-container {
        padding: 0 20px;
    }

    .logo-block {
        padding-right: 0;
        padding-left: 0;
        margin-top: 0px;
    }

    .logo-item {
        margin-left: 10px;
    }

    .contacts, .social-block {
        margin-top: 25px;
        padding-left: 0;
        padding-right: 0;
    }

    .social-block {
        text-align: left;
    }

    .address {
        margin-top: 5px;
    }

    /* О проекте */
    .about-container {
        padding-top: 20px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .about_text {
        font-size: 16px;
    }

    .stat-item {
        width: 328px;
        height: 294px;
        margin-top: 15px;
    }

    .stat-item-cover img {
        width: 328px;
        height: 194px;
    }

    .stat-item-descr {
        font-size: 20px;
        margin-left: 15px;
        margin-top: 0;
    }

    .stat-number {
        font-size: 36px;
    }

    .svg_item {
        width: 80px;
        height: 80px;
        margin-top: 15px;
        bottom: -16px;
    }

    .goals_list li strong {
        font-size: 16px;
    }

    .goals_list li {
        font-size: 14px;
    }

    /* Визитная карточка школы */
    .container_school_title h2 {
        font-weight: 600;
    }

    .school-card {
        padding-bottom: 15px;
    }

    .school-image {
        width: 89%;
    }

    .school-content {
        margin-left: 10px;
    }
    
    .school-title-mobile {
        display: block;
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .school-title {
        display: none;
    }

    .school-status {
        font-size: 12px;
        text-align: left;
    }

    .school-status svg {
        width: 12px;
        height: 12px;
    }

    .school-placement {
        font-size: 14px;
    }

    .detail-item {
        font-size: 14px;
    }

    .partner-title {
        font-size: 14px;
    }

    .partner img {
        height: 30px;
    }

    .partners-list {
        width: 100%;
    }

    .gallery_title {
        font-size: 18px;
    }

    .slide-image {
        width: 100%;
    }

    .slide {
        min-width: 100%;
    }

    .achivements_title {
        font-size: 20px;
    }

    .region_description {
        font-size: 16px;
    }

    .achiv_title {
        font-size: 18px;
        margin-left: 10px;
    }

    .card-cities .card-body .card-title, .card-persons .card-body .card-title {
        font-size: 16px;
    }

    .card-cities .card-body .card-text {
        font-size: 14px;
    }

    .mobile_open_div {
        display: flex;
        position: absolute;
        right: 0;
        top: 9px;
    }

    .cities_div, .persons_div, .attr_div, .fest_div, .flagm_div, .win_div {
        display: none;
    }

    /* Новости и события */
    .news_events_container, .partners_title {
        padding-top: 20px;
        padding-left: 10px !important;
    }

    .sort_title { display: none; }

    .sort_main {
        font-size: 14px;
    }

    .filter_div_mobile { display: block; }

    .filter_div_but, .del_filter_link { display: none; }

    .card_mobile {
        margin-bottom: 10px;
    }

    .news_body { display: none; }
    .mobile_news_body { display: block; }

    .card-news img {
        height: auto;
        border-radius: 25px;
        padding: 16px;
    }

    .card-news .card-title a {
        font-size: 16px;
    }

    .border_news {
        padding: 5px 10px;
    }

    .border_news, .short_news {
        font-size: 14px;
    }

    .card-body {
        padding: 0 10px 10px;
    }

    .card-event .card-body {
        padding-top: 10px;
    }

    .card-cities .card-body {
        padding-top: 10px;
    }

    .auth_edit_modal .modal-content {
        width: 95%;
    }

    .date_calend {
        width: 31% !important;
    }

    .news_events_detail {
        padding-left: 10px !important;
        padding-right: 0 !important;
    }

    .detail-div .title {
        font-size: 16px;
    }

    .detail-div .detail-text {
        font-size: 16px;
    }

    .detail-div .detail-text img {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }

    /* Партнёры */
    .partners-list .preview-picture {
        height: 40px;
    }

    .partners-list .scroll-button.left {
        left: -2px;
    }

    .partners-list .item-name,
    .partners-list .preview-text {
        font-size: 14px;
    }

    .partners-list .detail-text {
        font-size: 12px;
    }

    .partners-list .props, .partners-list .props_title {
        font-size: 12px;
    }

    .vuz, .strateg, .indust {
        margin-top: 0;
    }

    /* Документы */
    .card-docs {
        height: 120px;
    }

    .title a, .file-size {
        font-size: 14px;
    }

    .icon {
        width: 35px;
    }

    /* Фильтр */
    #sort_title_news_div, #sort_title_event_div {
        width: 290px;
        left: -120px;
    }

    /* Поиск */
    .search-page {
        padding-left: 7px;
    }

    .search_result {
        padding-left: 7px;
    }

    .search-page input[type="text"] {
        width: 66%;
        height: 29px;
        border-radius: 10px;
        border: 1px solid #1C5FAF;
    }

    .search-page input[type="submit"], .filter_search_div .filter_div_but, .filter_search_div .clear_search {
        height: 29px;
        padding: 6px 10px;
        width: 65px;
        border: 0;
        background: none;
        color: #1C5FAF;
        font-weight: 600;
    }
}

@media (min-width: 360px) and (max-width: 719.98px) {
    .project-container {
        flex-direction: column;
        padding: 0 20px 20px;
    }

    ul.goals_list li.star4::before,
    ul.goals_list li.star8::before,
    ul.goals_list li.molekula::before,
    ul.goals_list li.list4::before {
        display: none;
    }

    .goals_list li {
        padding-left: 20px;
    }

    .filter_search_div .filter_div_but, .filter_search_div .clear_search {
        display: none;
    }

    .filter_search_div .clear_search_mobile {
        display: inline-flex;
        margin-left: 10px;
        margin-top: 5px;
    }

    .auth_edit_modal label {
        padding: 5px 10px;
    }
}

@media (min-width: 360px) and (max-width: 639.98px) {
    .card_mobile {
        width: 100%;
    }
}

@media (min-width: 360px) and (max-width: 479.98px) {
    .card-persons .col-8 {
        width: 68% !important;
    }

    .card-cities img {
        height: 175px;
    }

    .card-persons .div-img {
        width: 80px;
        height: 80px;
    }

    .card-news {
        width: 310px;
    }

    .partners-list .infoblock-item {
        width: 328px;
    }

    .partners-list .preview-picture {
        height: 40px;
    }

    .card-docs {
        width: 328px;
    }

    .card-docs svg {
        width: 16px;
        height: 16px;
    }
}

@media (min-width: 480px) and (max-width: 539.98px) {

    .project-image {
        height: 310px;
    }

    .mobile_star2 {
        top: 68px;
    }

    .mobile_star {
        top: -48px;
        right: 72px;
    }

    .stat-item {
        width: 440px;
        height: 350px;
    }

    .stat-item-cover img {
        width: 440px;
        height: 250px;
    }

    .school-image {
        width: 92%;
    }

    .card-persons .div-img {
        width: 90px;
        height: 90px;
    }

    .card-persons .col-8 {
        width: 77%;
    }

    .card-cities img {
        height: 215px;
    }

    .card-news {
        width: 430px;
    }

    .news_events_container, .partners_title {
        padding-left: 17px !important;
    }

    .partners-list .infoblock-item {
        width: 442px;
    }

    .partners-list .preview-picture {
        height: 60px;
    }

    .card-appr {
        width: 430px;
        height: 265px;
    }

    .card-docs {
        width: 426px;
    }

    .card-docs svg {
        width: 25px;
        height: 25px;
    }
}

@media (min-width: 540px) and (max-width: 639.98px) {

    .text-content {
        margin-left: -25px;
    }

    .project-image {
        height: 265px;
    }

    .mobile_star2 {
        top: 68px;
    }

    .mobile_star {
        top: -48px;
        right: 72px;
    }

    .stat-item {
        width: 500px;
        height: 420px;
    }

    .stat-item-cover img {
        width: 500px;
        height: 320px;
    }

    .school-image {
        width: 93%;
    }

    .card-persons .div-img {
        width: 105px;
        height: 105px;
    }

    .card-cities img {
        height: 255px;
    }

    .card-event img {
        height: 235px;
    }

    .card-news {
        width: 490px;
    }

    .partners-list .infoblock-item {
        width: 500px;
    }

    .partners-list .preview-picture {
        height: 60px;
    }

    .partners-list .item-name, .partners-list .preview-text {
        font-size: 16px;
    }

    .partners-list .detail-text,
    .partners-list .props, .partners-list .props_title {
        font-size: 14px;
    }

    .card-appr {
        width: 500px;
    }

    .card-docs {
        width: 490px;
    }
}

@media (min-width: 540px) and (max-width: 1024px) {
    .text-content {
        padding-right: 40px;
    }

    .project-title {
        font-size: 18px;
    }

    .project-title1 {
        font-size: 20px;
    }

    .school-status {
        font-size: 14px;
    }

    .school-title-mobile,
    .school-placement,
    .detail-item
    {
        font-size: 16px;
    }

    .partner img {
        height: 40px;
    }
}

@media (min-width: 640px) and (max-width: 719.98px) {

    .project-image {
        height: 350px;
    }

    .text-content {
        margin-left: -120px;
    }

    .mobile_star2 {
        top: 68px;
    }

    .mobile_star {
        top: -48px;
        right: 72px;
    }

    .school-image {
        width: 94%;
    }

    .card-persons .div-img {
        width: 85px;
        height: 85px;
    }

    .card-cities img {
        height: 160px;
    }

    .partners-list .infoblock-item {
        width: 600px;
    }

    .partners-list .preview-picture {
        height: 60px;
    }

    .partners-list .item-name, .partners-list .preview-text {
        font-size: 16px;
    }

    .partners-list .detail-text,
    .partners-list .props, .partners-list .props_title {
        font-size: 14px;
    }
}

@media (min-width: 640px) and (max-width: 1024px) {
    
    .card-news {
        width: auto;
    }

    .card-event img {
        height: 235px;
    }

    .event-element {
        margin-bottom: 10px;
    }

    .date_time_event {
        width: 225px;
    }

    .time_event {
        margin-left: 17px;
    }

    .region_news {
        margin-top: 5px;
    }
    
    .card-appr {
        width: auto;
    }

    .card-docs {
        width: auto;
        height: 145px;
    }

    .card-docs svg {
        width: 30px;
        height: 30px;
    }

    .partners-list .infoblock-item {
        width: 630px;
        margin: 0 43px;
    }

    .partners-list .detail-text,
    .partners-list .props, .partners-list .props_title {
        font-size: 14px;
    }

}

@media (min-width: 720px) and (max-width: 799.98px) {
    .project-image {
        height: 260px;
    }

    .image-content {
        height: 257px;
    }

    .mobile_star2 {
        top: 87px;
        right: 35px;
    }

    .mobile_star {
        top: -35px;
        right: 90px;
    }

    .school-image {
        width: 94.5%;
    }

    .card-persons .div-img {
        width: 95px;
        height: 95px;
    }

}

@media (min-width: 720px) and (max-width: 1024px) {
    
    .project-container {
        flex-direction: row;
    }

    .text-content {
        margin-left: 20px;
        padding-right: 0;
    }

    .project-title {
        font-size: 22px;
    }

    .project-title1 {
        font-size: 26px;
    }

    .card-cities img {
        height: 175px;
    }

    .partners-list .scroll-button.left {
        left: 10px;
    }

    .partners-list .scroll-button.right {
        right: 5px;
    }

    .partners-list .preview-picture {
        height: 70px;
    }

    .partners-list .item-name, .partners-list .preview-text {
        font-size: 20px;
    }

    .partners-list .detail-text, .partners-list .props, .partners-list .props_title {
        font-size: 16px;
    }

    .news_events_container, .partners_title {
        padding-left: 17px !important;
    }

    .filter_search_div .filter_div_mobile, .filter_search_div .clear_search_mobile {
        display: none;
    }

    .filter_search_div .clear_search {
        display: inline-flex;
        width: 80px;
    }
}

@media (min-width: 768px) and (max-width: 799.98px) {

    .card-persons .div-img {
        width: 95px;
        height: 95px;
    }

}

@media (min-width: 768px) and (max-width: 1024px) {

    .school-image {
        width: 94.5%;
        height: auto;
    }

     .img_gallery .partners-list .scroll-button.left {
        left: -8px;
    }

    .img_gallery .partners-list .scroll-button.right {
        right: -5px;
    }

    .card-cities img {
        height: 130px;
    }

    .card-persons .col-md-8 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
    }

    .card-event img {
        height: 135px;
    }

    .date_time_event {
        padding: 5px 8px;
        font-size: 14px;
        width: 195px;
        margin-left: -10px;
    }

    .event-placement {
        font-size: 14px;
    }

    .appr-title {
        font-size: 16px;
    }

    .card-docs {
        height: 200px;
    }
}

@media (min-width: 800px) and (max-width: 1024px) {

    .image-content {
        height: 241px;
    }

    .project-image {
        height: 240px;
    }

    .mobile_star {
        top: -40px;
        right: 70px;
    }

    .card-cities img {
        height: 130px;
    }

    .card-persons .div-img {
        width: 105px;
        height: 105px;
    }

    .mobile_news_body {
        display: none;
    }

    .news_body {
        display: flex;
    }

    .card-body {
        padding-top: 13px;
    }

    .partners-list .infoblock-item {
        width: 710px;
    }

}

@media (min-width: 1024px) and (max-width: 1079.98px) {

    h1 {
        font-size: 26px;
    }

    h2 {
        font-size: 20px;
    }

    .image-content {
        height: 310px;
    }

    .project-image {
        height: 310px;
    }

    .project-title {
        font-size: 30px;
    }

    .project-title1 {
        font-size: 38px;
    }

    .project-description {
        font-size: 22px;
    }

    .benefits-container {
        padding: 20px 20px;
    }

    .map_title_container {
        padding-left: 20px !important;
    }

    .map_title_container h1 {
        font-size: 26px;
    }

    .mobile_star {
        top: -40px;
        right: 70px;
    }

    .school-title-mobile {
        margin-top: 5px;
    }

    .mobile_news_body {
        display: none;
    }

    .news_body {
        display: flex;
    }

    .card-body {
        padding-top: 13px;
    }

    .card-cities img {
        height: 115px;
    }

    .partners-list .infoblock-item {
        width: 420px;
    }

}

@media (min-width: 1080px) and (max-width: 1199.98px) {
    .nav-link {
        font-size: 16px;
    }

    .project-image {
        width: 538px;
        height: 345px;
    }

    .map_container .map_svg {
        width: 1080px;
    }

    .benefits-list {
        grid-template-columns: repeat(auto-fit, minmax(230px, 0.2fr));
    }

    .benefit-item {
        font-size: 20px;
    }

    .stat-item:last-of-type {
        margin-top: 10px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .nav-link {
        font-size: 18px;
    }

    .map_container .map_svg {
        width: 1200px;
    }

    .benefits-list {
        grid-template-columns: repeat(auto-fit, minmax(262px, 0.2fr));
    }

    .card-persons .div-img {
        width: 110px;
        height: 110px;
    }

    .img_gallery .partners-list .scroll-button.right {
        right: 17px;
    }

    .img_gallery .partners-list {
        width: 1100px;
    }

    .partners-list {
        width: 120px;
    }

    .partners-list .infoblock-item {
        width: 563px;
    }

    .partners-list .scroll-button.right {
        right: 0;
    }

    .card-appr {
        width: 280px;
    }

    .card-docs {
        width: 375px;
        height: 170px;
    }
}

@media (min-width: 2560px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl,
    .project-container, 
    .benefits-container
    {
        max-width: 1920px;
    }

    .footer_title {
        font-size: 28px;
    }

    .map_svg {
        width: 1920px;
    }

    .img_gallery .partners-list .scroll-button.left {
        left: -170px;
    }

    .school-content {
        margin-left: 40px;
    }

    .school-title {
        font-size: 36px;
    }

    .school-status, .school-placement {
        font-size: 24px;
    }

    .detail-item {
        font-size: 28px;
    }
    
    .card-cities img {
        height: 240px;
    }

    .card-persons .div-img {
        width: 185px;
        height: 185px;
    }

    .card-cities .card-body .card-title, .card-persons .card-body .card-title {
        font-size: 24px;
    }

    .card-cities .card-body .card-text {
        font-size: 20px;
    }

    .city-year {
        font-size: 20px;
    }

    .person-years, .card-persons .card-body ul li {
        font-size: 20px;
    }

    .address, .phone, .email {
        font-size: 18px;
    }

    .card-event img {
        height: 280px;
    }

    .event-placement {
        font-size: 18px;
    }

    .card-event .card-title {
        font-size: 20px;
    }

    .date_time_event {
        font-size: 18px;
        width: 275px;
    }

    .auth_edit_modal .modal-content {
        width: 800px;
    }

    .auth_edit_modal label {
        font-size: 18px;
    }

    .auth_edit_modal input[type="text"],
    .auth_edit_modal input[type="number"],
    .auth_edit_modal input[type="time"],
    .auth_edit_modal input[type="date"] {
        font-size: 18px;;
    }

    .filter_div_but, .del_filter_link {
        height: 40px;
        border-radius: 25px;
        padding-top: 4px;
    }

    .card-news img {
        height: 580px;
    }

    .date_news, .region_news {
        font-size: 18px;
    }

    .card-news .card-title a {
        font-size: 32px;
    }

    .short_news {
        margin-top: 35px;
        font-size: 18px;
    }

    .partners-list {
        width: 1855px;
    }

    .partners-list .infoblock-item {
        width: 590px;
    }

    .partners-list .scroll-button.left {
        left: -25px;
    }

    .partners-list .scroll-button.right {
        right: -39px;
    }

    .partners-list .preview-picture {
        height: 90px;
    }

    .partners-list .item-name {
        font-size: 22px;
    }

    .partners-list .preview-text,
    .partners-list .detail-text,
    .props_title {
        font-size: 18px;
    }

    .partner_site a {
        font-size: 16px;
    }

    .card-appr {
        width: 440px;
    }

    .appr-title {
        font-size: 22px;
    }

    .appr-body {
        font-size: 18px;
    }

    #popup_school {
        width: 365px;
    }

    #popup_school #school-image {
        width: 325px;
        height: 160px;
    }

    #school-place {
        font-size: 16px;
    }

    #school-profile, #school-year {
        font-size: 18px;
    }
}