::-webkit-scrollbar-track
{
 
    border-radius: 10px;
    background-color: #d5d5d5;
}
::selection {
    background: #e12620;
    color: #fff;
}
 ::-webkit-scrollbar
{
    width: 9px;
    background-color: #F5F5F5;
    height: 9px;
}

 ::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    /* -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 70%); */
    background-color: #e12620;
}


sup {
    top: -.5em;
    line-height: 1.6;
    font-size: clamp(0.575rem, 0.7309887459807074rem + 0.29292604501607719vw, 1.3625rem);
    display: block;
}
* {
 
 
    letter-spacing: -0.02em;
  
    font-family: "Raleway", sans-serif;accent-color: #e12620;
    font-variant-numeric: lining-nums;
}
body {
    background: #eceff7;
    background: #eceff7;
    color: #3c3b51;scroll-padding-top: 100px;
}
a {
    color: inherit;
    text-decoration: none;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: #e12620;
    text-decoration: none;
}
p {
    font-size: clamp(1.0625rem, 1.0331591639871383rem + 0.12861736334405144vw, 1.1875rem);
    color: #3c3b51;
    line-height: 1.5;
    font-weight: 400;
}
p:empty {
    display: none;
}
.mini-image-container {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    gap: 0;
}
.mini-image {
    width: 45px;
    height: 45px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 300px;
    background: #d5dae8;
    padding: 3px;
    position: relative;
    margin-left: -18px;
}
.mini-image:first-child {
    margin-left: 0;
}
p:not(:empty):empty {
    display: none;
}
p[style*="text-align: justify"] {
    text-align: inherit !important;
}
h1 {
      line-height: 1.04;
    text-align: left;
    color: #3c3b51;
    font-size: clamp(2.275rem, 1.2881832797427653rem + 4.572347vw, 6.375rem);
    margin-bottom: 20px;
    text-transform: inherit;
    vertical-align: middle;
    letter-spacing: -3px;
    width: 95%;
    font-weight: 700;
}
/* .programm-title-h1{
    font-size: clamp(1.75rem, 1.6326923076923077rem + 2.6102564102564104vw, 4.625rem);
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: inherit;
    vertical-align: middle;
} */
h2 {
    /* font-weight: 600; */
    line-height: 1;
    text-align: left;
    color: #3c3b51;
 
    font-size: clamp(1.875rem, 1.514423076923077rem + 1.6025641025641024vw, 3.2375rem);
    margin-bottom: 20px;
   
    display: inline-block;
    text-wrap: balance;
    display: block;
    word-break: normal;
    overflow-wrap: normal;
    white-space: normal;
    hyphens: auto;
    width: 80%;
    font-family: 'Unbounded', sans-serif;
}
h4 {
    font-weight: 600;
    color: #3c3b51;
    font-family: 'Unbounded', sans-serif;
    font-size: clamp(1.6875rem, 1.5721153846153846rem + 0.5128205128205128vw, 1.6875rem);
}
.title-h2-forspec {
    font-size: clamp(1.875rem, 1.2692307692307692rem + 2.6923076923076925vw, 2.3rem);
}
.under-h2-text,
.under-h2-text p {
    text-wrap: balance;
    position: relative;
    width: 100%;
    margin-bottom: 50px;
}
.under-h2-text a {
    color: #e12620;
    text-decoration: none;
}
#spec_list h2 {
    position: relative;
    display: inline-block;
    display: inline-block;
    text-wrap: balance;
    position: relative;
    width: 80%;
}
h3 {
    /*    */
    /* font-weight: 600; */
    margin-bottom: 25px;
    color: #3c3b51;
    font-size: clamp(1.6875rem, 1.4567307692307692rem + 1.0256410256410255vw, 2.3875rem);
   
    font-family: 'Unbounded', sans-serif;
}
h4 {}
.title-with-button-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}
.title-with-button-container h2 {
    margin-bottom: 0px;
}
.title-with-button-container a {
    background: #9aa3bc3d;
    padding: 10px 25px;
    border-radius: 300px;
    font-weight: 500;
    display: flex;
    transition: .3s linear;
    align-items: center;
    gap: 10px;
      font-weight: 600;
 
    cursor: pointer;
   
    font-size: clamp(1rem, 0.9567307692307693rem + 0.19230769230769232vw, 1.1875rem);
}
.title-with-button-container a:hover {
    background: #e12620;
    color: #fff;
    transition: .3s linear;
}
.title-with-button-container a:hover i {
    color: #fff;
    transition: .3s linear;
}
.title-with-button-container a i {
    transition: .3s linear;
}
ul li {
    list-style-type: none;
}
.unstyled {
    padding: 0;
}
section {
    margin: 0 auto;
    /* padding: clamp(0px, 2.5vw, 15px); */
    background: #eceff7;
    /* background: #f2f5fd; */
    margin: clamp(10px, 2.5vw, 10px) auto;
    /* border-radius: clamp(15px, 2.5vw, 30px); */
    overflow: hidden;
    max-width: 1920px;
    margin-bottom: 25px;
}
.section-costum {
    background: #fff;
    overflow: hidden;
    /* padding-bottom: clamp(15px, 2.5vw, 70px); */
    position: relative;
    width: 100%;
    border-bottom: none;
    padding: clamp(15px, 2.5vw, 50px);
    z-index: 1;
    background-attachment: fixed;
    border-radius: clamp(15px, 2.5vw, 50px);
    margin-bottom: clamp(15px, 2.5vw, 30px);
}
.block-costum {
    background: #f4f7fe;
    background: #fff;
    padding: clamp(15px, 2.5vw, 50px);
    height: 100%;
    border-radius: clamp(15px, 2.5vw, 30px);
    border-bottom: none;
    position: relative;
    overflow: hidden;
    /* justify-content: space-between;
    display: flex
;
    flex-direction: column; */
}
.block-costum:before {
    /* content: ""; */
    background: url(/images/sumbol-distant.png);
    /* background: url(/images/ornament.png); */
    width: 460px;
    height: 460px;
    position: absolute;
    background-size: cover;
    right: -110px;
    top: -70px;
    z-index: 0;
    opacity: .07;
    filter: invert(56%) sepia(11%) saturate(876%) hue-rotate(186deg) brightness(92%) contrast(87%);
}
.block-costum > div {
    z-index: 1;
    position: relative;
}
/* .block-costum:after {
    content: "";
    background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTf_cH7mOMc9Z9f2qkESi0wnb40Dx2d4POkEg&s);
    width: 100%;
    height: 45px;
    position: absolute;
    background-size: contain;
    left: 0;
    bottom: -2px;
    z-index: 0;
    background-repeat: repeat;
    background-position: center;
} */
.icon-block {
    background: #e6ebf8;
    font-size: clamp(1.1875rem, 1.1009615384615385rem + 0.38461538461538464vw, 1.5625rem);
    padding: 15px;
    border-radius: 300px;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 54px;
    height: 54px; z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #8590ad;
    background: #eaedf5;
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1930px;
    padding: 0;
}
/* Основной контейнер */
.contact-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #ffffff;
    /* box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); */
    border-radius: clamp(15px, 2.5vw, 30px);
    overflow: hidden;
}
/* Левая часть (изображение) */
.contact-image {
    flex: 1;
    min-width: 300px;
    max-width: 50%;
    position: relative;
}
.contact-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Правая часть (форма) */
.contact-form {
    padding: clamp(20px, 2.5vw, 40px);
    min-width: 300px;
    max-width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: clamp(15px, 2.5vw, 30px);
    border-bottom: none;
    position: relative;
}
/* 📱 Адаптивность */
@media (max-width: 768px) {
    .contact-container {
        flex-direction: column;
    }
    .contact-image,
    .contact-form {
        max-width: 100%;
    }
}
.layout {
    /* display: grid; */
    gap: 0px;
    /* grid-template-columns: 300px minmax(0, 1fr) 0px; */
    justify-content: center;
    margin: 0px auto 0;
    position: relative;
    /* display: grid */
    ;
    gap: 0px;
    /* grid-template-columns: 0px minmax(0, 1fr)0px; */
    justify-content: center;
    position: relative;
}
.navbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    padding: 0px 0px;
    gap: 15px;
}
.brand {
        font-family: inherit;
    font-weight: 700;
    line-height: 1.2;
    /* width: 230px; */
    display: flex
;
    align-items: center;
    color: inherit;
    text-decoration: none;
    gap: 5px;
    margin-right: 15px;
    /* background: #dee2ed; */
    /* padding: 3px 10px; */
    
} 
.brand img {
       width: clamp(35px, 3.5vw, 45px);
    width: clamp(35px, 2.5vw, 40px);
    /* background: #eaedf5; */
    /* padding: 5px 10px; */
  
}
.burger-menu {
    cursor: pointer;
    padding: 0;
    border: none;
    border-radius: 5px;
    position: relative;
    font-size: 13px;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 600;
}
.burger-menu i {
    color: #3c3b51;
    font-size: clamp(1.0625rem, 0.9903846153846154rem + 0.3205128205128205vw, 1.375rem);
}
.programm-block .ribbon-top-right {
    font-weight: 500;
    color: #38364e;
    background: #eff1f6;
    padding: 5px 15px;
    border-radius: clamp(5px, 2.5vw, 10px);
    font-size: 14px;
    width: max-content;
    margin-bottom: 5px;
}
img,
video {
    display: block;
    max-width: 100%;
    object-fit: cover;
}
.brand-name {
        font-family: 'Unbounded', sans-serif;
    line-height: 1;
    text-align: left;
    font-size: clamp(0.8625rem, 0.8903846153846154rem
14.2462px
 + 0.5205128205128205vw, 0.975rem);
    font-weight: 500;
    color: #3c3b51;
    display: flex
;
    flex-direction: column;
    gap: 2px;
    letter-spacing: 0px;
    width: 160px;
    font-size: 16px;
}
 
 
.podpis {
    font-size: 10px;
    color: #8997b5;
    font-weight: 700;
    line-height: 1.1;
    text-align: left;
    letter-spacing: .03em;
}
.dropdown-toggle {
    color: #3c3b51;
    white-space: nowrap;
    font-family: inherit;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
    transition: all 0.3s ease;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}
.dropdown-toggle:hover {
    color: #e12620;
    transition: all 0.3s ease;
}
.soc-block {
    display: flex;
    align-items: center;
    padding: 12px;
    border-radius: 10px;
    transition: .3s linear;
    background: #efebffbd;
    cursor: pointer;
}
.soc-block i {
    color: #3c3b51;
    font-size: 17px;
    margin-right: 0px;
    transition: .3s linear;
    padding: 0px;
    border-radius: 10px;
}
.call-button {
    cursor: pointer;
    color: #fff;
    background: #e12620;
    /* background: linear-gradient(191deg, rgb(216 40 34) 0%, rgb(169 45 41) 100%); */
    border: none;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    font-family: "Unbounded", sans-serif;
    font-weight: 400;
    font-size: clamp(0.8125rem, 0.7538183279742765rem + 0.2572347266881029vw, 1.0625rem);
    transition: .5s;
    padding: 12px 20px;
}
.call-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3em;
    height: 100%;
    transform: translateX(-5em) skewX(-45deg);
    background-color: rgba(255, 255, 255, 0.26);
}
.call-button:hover,
.call-button:focus {
    transform: translateY(-3px);
    box-shadow: 0px 15px 20px #3c3b513d;
}
.call-button:hover::before,
.call-button:focus::before {
    transform: translateX(20em) skewX(-45deg);
    transition: 0.85s 0.15s;
}
.help-button {
    cursor: pointer;
    display: inline-block;
    transition: .5s;
    color: #7b87a6;
    background: #cfd8e7;
    font-size: 16px;
    padding: 18px 48px;
    border: none;
    border-radius: 110px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    position: relative;
    transition: .3s linear;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
}
.sidebar {
    width: 700px;
    background-color: #fff;
    padding: 15px;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
    position: absolute;
    height: 100%;
    top: 0;
    left: -2200px;
    transition: left 0.5s ease;
    /* Плавный переход */
    z-index: 12;
}
.sidebar .close-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    border: none;
    font-size: clamp(1.1875rem, 1.1009615384615385rem + 0.38461538461538464vw, 1.5625rem);
    z-index: 3;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 300px;
    background: #ffffff;
    box-shadow: 1px 1px 12px #dedede;
    line-height: 1;
}
.sidebar.open {
    left: 0;
    /* Показываем боковое меню */
    transition: left 0.5s ease;
    /* Плавный переход */
}
.sidebar ul {
    list-style-type: none;
    /* Убираем маркеры */
    padding: 0;
    /* Убираем отступы */
}
.sidebar ul li {
    margin: 10px 0;
    /* Отступы между пунктами */
}
.sidebar ul li a {
    text-decoration: none;
    /* Убираем подчеркивание */
    color: #333;
    /* Цвет текста */
    padding: 10px;
    display: block;
    /* Делаем ссылки блочными для удобного клика */
}
.sidebar ul li a:hover {
    background-color: #ddd;
    /* Цвет фона при наведении */
}
main {
    flex: 1;
    /* Основное содержимое занимает оставшееся пространство */
    /* padding: clamp(15px, 2.5vw, 20px);  */
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(2px);
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    /* Прозрачный по умолчанию */
    visibility: hidden;
    /* Скрыт по умолчанию */
    z-index: 11;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    /* Плавный переход для обоих свойств */
}
.overlay.visible {
    opacity: 1;
    /* Полностью видимый */
    visibility: visible;
    /* Отображается */
    transition-delay: 0s;
    /* Убираем задержку */
}
.input-group>.form-control,
.input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    background: #f4f7fe;
    border: none;
    padding: 10px 22px;
    font-size: 14px;
    border-radius: 10px;
    color: #939cb2;
    cursor: pointer;
    transition: .3s linear;
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    gap: 12px;
}
.input-group-addon {
    font-size: 14px;
}
.input-group-addon * {
    color: #3c3b51;
}
.infotext {
    text-align: center;
    font-size: 12px;
    color: #939cb2;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.accordion {
    display: flex;
    flex-direction: column;
    font-family: "Sora", sans-serif;
    max-width: 991px;
    min-width: 320px;
    margin: 50px auto;
    padding: 0 50px;
}
.accordion h1 {
    font-size: 32px;
    text-align: center;
}
.accordion-item {
    margin-top: 16px;
    border: 1px solid #fcfcfc;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.accordion-item .accordion-item-title {
    position: relative;
    margin: 0;
    display: flex;
    width: 100%;
    font-size: 17px;
    cursor: pointer;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 14px 20px;
    box-sizing: border-box;
    align-items: center;
}
.accordion-item .accordion-item-desc {
    display: none;
    font-size: 16px;
    font-weight: 400;
    border-top: 1px dashed #ddd;
    padding: 10px 20px 20px;
    box-sizing: border-box;
}
.accordion-item input[type="checkbox"] {
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0;
}
.accordion-item input[type="checkbox"]:checked~.accordion-item-desc {
    display: block;
}
.accordion-item input[type="checkbox"]:checked~.accordion-item-title .icon:after {
    content: "-";
    font-size: 30px;
    line-height: 1;
}
.accordion-item input[type="checkbox"]~.accordion-item-title .icon:after {
    content: "+";
    font-size: 30px;
    line-height: 1;
}
.accordion-item:first-child {
    margin-top: 0;
}
.accordion-item .icon {
    margin-left: 14px;
}
.collapse.active_arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: .5s;
}
#spec_c_item {
    font-size: .9rem;
    padding: clamp(15px, 2.5vw, 20px);
}
.curriculum-sections {
    padding-left: 0px;
}
.section-header {
    cursor: pointer;
    padding: clamp(15px, 2.5vw, 20px);
    background: #dee2ed;
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: start;
    border-radius: 15px;
    margin-bottom: 5px;
    font-size: clamp(1.1875rem, 1.1009615384615385rem + 0.38461538461538464vw, 1.3625rem);
    font-weight: 500;    line-height: 1.2;
}
.section-header .rotate {
 
    font-size: clamp(2.5rem, 2.2836538461538463rem + 0.9615384615384616vw, 3.4375rem);
    font-weight: 100;
    top: 0;
    display: flex;
    transition: transform 0.3s ease;
    align-items: start;
    justify-content: center;
    background: #dee2ed;
    border-radius: 300px;
    padding: 10px;    font-weight: 300;
    line-height: 0;
}
.section-header .rotated {
    transform: rotate(45deg);
    transition: transform 0.3s ease;
}
.otver-main {
    display: none;
    padding: clamp(15px, 2.5vw, 25px);
    background: #fff;
    border-left: 5px solid #eceff7;
    margin-bottom: 5px;
    margin-left: clamp(15px, 2.5vw, 45px);
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
}
.otver-main p {
    margin-bottom: 0px;
    font-weight: 400;
}
.otver-main ul {
    font-weight: 400;
    font-size: clamp(0.875rem, 0.9309887459807074rem + 0.19292604501607719vw, 1.3625rem);
}
#floating-text {
    font-size: 211px;
    color: #ffffff;
    z-index: 1;
    position: absolute;
    bottom: 30px;
    text-shadow: 0.01em 0.01em 0 #ff4f4f, 0.02em 0.02em 0 #ff4040, 0.03em 0.03em 0 #ff3333,
        0.04em 0.04em 0 #ff1f1f, 0.05em 0.05em 0 #ff0a0a, 0.06em 0.06em 0 #e12620,
        0.07em 0.07em 0 #d01f1f, 0.08em 0.08em 0 #c01a1a, 0.09em 0.09em 0 #b01616,
        0.1em 0.1em 0 #a01414, 0.11em 0.11em 0 #8f1111, 0.12em 0.12em 0 #7e0f0f,
        0.13em 0.13em 0 #6e0c0c, 0.14em 0.14em 0 #5e0a0a, 0.15em 0.15em 0 #4e0707,
        0.16em 0.16em 0 #3e0505, 0.17em 0.17em 0 #2e0303, 0.18em 0.18em 0 #1e0101,
        0.19em 0.19em 0 #4b2b36;
    font-family: 'Product Sans Black', sans-serif;
    transform: rotate(352deg);
}
.uniqume {
    display: inline-block;
    background: #e12620;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    margin-right: auto;
    margin-bottom: 10px;
}
.quiz-trigger {
    padding: 14px 20px;
    font-size: 14px;
    transition: .5s;
    text-transform: uppercase;
    position: relative;
    border: 1px solid #ede9fc;
    color: #3c3b51;
    border-radius: 5px;
    width: 100%;
    display: block;
    border-radius: 120px;
    background: #ede9fc;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    margin: 0 auto;
    margin-top: 10px;
}
.quiz-trigger:after {
    background-color: #ede9fc;
    border: 3px solid #fff;
    border-radius: 7px;
    content: "";
    display: block;
    height: 22px;
    position: absolute;
    top: 50%;
    transition: .3s linear;
    transform: translateY(-50%) rotate(0deg);
    width: 10px;
    right: -7px;
}
.quiz-trigger:before {
    background-color: #ede9fc;
    border: 3px solid #fff;
    border-radius: 7px;
    content: "";
    display: block;
    height: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    width: 10px;
    left: -7px;
    transition: .3s linear;
}
.quiz-trigger:hover {
    color: #ffffff;
    transition: .3s;
    background: #819bff;
    border: 1px solid #819bff;
}
.quiz-trigger:hover:before {
    background-color: #819bff;
    border: 3px solid #fff;
    border-radius: 7px;
    content: "";
    display: block;
    height: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    width: 10px;
    left: -7px;
    transition: .3s linear;
}
.quiz-trigger:hover:after {
    background-color: #819bff;
    border: 3px solid #fff;
    border-radius: 7px;
    content: "";
    display: block;
    height: 22px;
    position: absolute;
    top: 50%;
    transition: .3s linear;
    transform: translateY(-50%) rotate(-90deg);
    width: 10px;
    right: -7px;
}
.modal-button {
    color: #fff;
    background: #8590ad;
    font-size: 18px;
    padding: 18px 48px;
    border: none;
    border-radius: 110px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    transition: .3s linear;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    transition: 0.5s;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: max-content;
}
.modal-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    width: 3em;
    height: 100%;
    transform: translateX(-4em) skewX(-45deg);
    background-color: rgba(255, 255, 255, 0.26);
}
.modal-button:hover,
.modal-button:focus {
    transform: translateY(-3px);
    box-shadow: 0px 15px 20px #3c3b513d;
}
.modal-button:hover::before,
.modal-button:focus::before {
    transform: translateX(20em) skewX(-45deg);
    transition: 0.85s 0.15s;
}
.breadcrumb {
    padding: 0px;
    margin-bottom: 15px;
    list-style: none;
    background: transparent;
    color: #8997b5;
    z-index: 1;
    overflow-x: auto;
    overflow-y: hidden;
    display: block;
    white-space: nowrap;
    text-align: left;
    width: 100%;
    position: relative;
}
.breadcrumb li {
    list-style: decimal;
    position: relative;
    color: #8997b5;
    font-weight: 500;
    display: inline;
    font-size: clamp(0.75rem, 0.8206591639871383rem + 0.22861736334405144vw, 0.975rem);
}
.breadcrumb li a {
    color: #8997b5;
}
.breadcrumb i {
    color: #8997b5;
    line-height: 1.2;
    margin: 0 4px;
    font-weight: 500;
}
.breadcrumb li a:hover {
    color: #e12620;
}
.costum-container {
    background: #f4f7fe;
    padding: 50px;
    background: #f4f7fe;
    padding: clamp(10px, 5vw, 50px);
}
.seo-section ul li {
    position: relative;
    margin-bottom: 10px;
}
.seo-section ul li:before {
    content: "";
    left: -20px;
    position: absolute;
    width: 8px;
    height: 4px;
    top: 10px;
    background: #e12620;
    border-radius: 40px;
}
.seo-section a {
    text-decoration: underline;
    /* text-decoration-style: dotted; */
    color: #e12620;
    transition: .3s linear;
}
.if-null-price {
    list-style: none;
    font-weight: 400;
    line-height: 1.6;
    /* display: block !important; */
    position: relative;
    font-size: clamp(0.875rem, 0.9309887459807074rem + 0.19292604501607719vw, 1.3625rem);
}
.programm-block {
    border-radius: clamp(15px, 2.5vw, 30px);
    background-color: #fff;
    background-position: center center;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    transition: .3s linear;
    padding: clamp(15px, 2.5vw, 40px);
    max-height: max-content;
    height: 100%;
    /* box-shadow: 0px 10px 50px #b4b9c3a8; */
}
.programm-block .button-more {
    cursor: pointer;
    color: #3c3b51;
    background: #dae1f1;
    font-size: 19px;
    border: none;
    border-radius: 15px;
    font-weight: 500;
    overflow: hidden;
    line-height: 1;
    position: relative;
    transition: .3s linear;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    padding: 15px 30px;
    margin-top: 15px;
    background: #dfe5f3;
    font-size: clamp(0.9375rem, 0.8934887459807074rem + 0.19292604501607719vw, 1.125rem);
    color: #3c3b51;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: "Unbounded", sans-serif;
    font-weight: 400;
}
.programm-block:before {
    content: "";
    background: url(/images/sumbol-distant.png);
    width: 220px;
    height: 220px;
    position: absolute;
    background-size: cover;
    right: -30px;
    top: -30px;
    z-index: 0;
    opacity: .07;
    filter: invert(56%) sepia(11%) saturate(876%) hue-rotate(186deg) brightness(92%) contrast(87%);
}
.programm-block:hover {
    background-color: #fff;
    box-shadow: 0px 10px 50px #b4b9c3a8;
    transition: .3s linear;
}
.programm-block:hover .button-more {
    background: #e12620;
    color: #ffffff;
    transition: .3s linear;
}
.programm-block:hover .picture img {
    transition: .3s linear;
    opacity: .05;
}
.programm-block:hover .title {
    color: #e12620;
}
.programm-block a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.programm-block .price {
    display: inline;
    /* font-weight: 700; */
    color: #7e75a3;
    padding: 2px 10px;
    font-size: clamp(0.9375rem, 0.9081591639871383rem + 0.12861736334405144vw, 1.0625rem);
}
.programm-block .if-none {
    color: #fff;
    display: inline;
    font-size: clamp(0.9375rem, 0.9081591639871383rem + 0.12861736334405144vw, 1.0625rem);
    padding: 2px 10px;    font-weight: 600;
}
.programm-block .short-text {
    font-size: clamp(0.875rem, 0.9309887459807074rem + 0.19292604501607719vw, 1.3625rem);
    color: #545c70;
    font-weight: 500;
    font-size: clamp(1.0625rem, 1.0331591639871383rem + 0.12861736334405144vw, 1.1875rem);
}
.programm-block span {
    font-weight: 400;
    color: #ffffff;
    background: #e12620;
    border-radius: 5px;
   
}
.programm-block .offline-vuz {
    position: absolute;
    top: 20px;
    background: #8590ad;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    padding: 2px 10px;
    z-index: 1;
    right: 20px;
    color: #ffff;
}
.programm-block .picture {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    transition: .3s linear;
    margin-bottom: 20px;
    /* padding-right: 25px; */
}
.programm-block .picture img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
    /* border: 1px #cdcbdf solid; */
    position: absolute;
    z-index: 0;
    width: 100%;
    left: 0;
    top: 0;
    transition: .3s linear;
    filter: grayscale(1);
    opacity: 0;
}
.programm-block .title {
    color: #38364e;
    font-weight: 500;
    font-size: clamp(1.6125rem, 1.5682692307692308rem + 0.541025641025641vw, 2.0375rem);
    line-height: 1.1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    transition: .3s linear;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: inherit;
    vertical-align: middle;
    font-family: 'Unbounded', sans-serif;
    position: relative;
    /* */
    margin-bottom: 15px;
    letter-spacing: -2px;
    font-size: clamp(1.5625rem, 1.445136655948553rem + 0.5144694533762058vw, 2.0625rem);
    hyphens: auto;
}
.programm-block .title:hover {
    color: #e12620;
    transition: .3s linear;
}
.programm-block .short-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    position: relative;
}
.programm-block .short-content .counter {
     font-size: 17px;
    color: #3c3b51;
    display: flex
;
    align-items: center;
    gap: 8px;
    font-weight: 600;
   
}
.programm-block .short-content .counter i {
    color: #8590ad;
}
.programm-block .short-content .short-text {
    margin-top: 15px;
    font-size: 17px;
    color: #3c3b51;
}
.rating {
    display: inline-block;
    position: relative;
    font-size: 26px;
    width: 110px;
    height: 27px;
    overflow: hidden;
    line-height: 1;
}
.stars {
    position: relative;
    display: inline-block;
    /* width: 100%; */
    height: 100%;
}
.stars::before {
    content: "★★★★★";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: #eaedf5;
    /* position: absolute; */
    width: 100%;
    overflow: hidden;
    -webkit-text-stroke: 1px #eaedf5;
}
.stars-filled {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    /* Динамическое значение */
    overflow: hidden;
    white-space: nowrap;
}
.stars-filled::before {
    content: "★★★★★";
    /* Заполненные звезды */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ffc313;
    /* Золотой цвет */
    width: 100%;
    overflow: hidden;
}
.profession-image-place {
    z-index: 1;
    background: #e12620;
    padding: 10px;
    border-radius: clamp(15px, 2.5vw, 30px);
}
.profession-image-place img {
    width: 100%;
    height: 100%;
    border-radius: clamp(15px, 2.5vw, 30px);
    margin: -30px;
    transform: initial;
}
.profession-block {
    border-radius: clamp(15px, 2.5vw, 30px);
    background-color: #fff;
    background-position: center center;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    transition: .3s linear;
    padding: clamp(20px, 2.5vw, 40px);
    max-height: 450px;
    height: 100%;
    font-family: 'Unbounded', sans-serif;
    /* box-shadow: 0px 10px 50px #b4b9c3a8; */
}
.profession-block:before {
    content: "";
    background: url(/images/sumbol-distant.png);
    width: 220px;
    height: 220px;
    position: absolute;
    background-size: cover;
    right: -30px;
    top: -30px;
    z-index: 0;
    opacity: .07;
    filter: invert(56%) sepia(11%) saturate(876%) hue-rotate(186deg) brightness(92%) contrast(87%);
}
.profession-block:hover {
    background-color: #fff;
    box-shadow: 0px 10px 50px #b4b9c3a8;
    transition: .3s linear;
}
.profession-block:hover .picture img {
    transition: .3s linear;
    opacity: .05;
}
.profession-block:hover .showmore {
    opacity: 1;
}
.profession-block:hover .title {
    color: #e12620;
}
.profession-block a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.profession-block .price {
    display: inline;
    /* font-weight: 700; */
    color: #7e75a3;
    padding: 2px 15px;
    font-size: 17px;
}
.profession-block .if-none {
    color: #fff;
    display: inline;
    font-size: 17px;
    padding: 2px 15px;
}
.profession-block .short-text {
    font-size: clamp(0.875rem, 0.9309887459807074rem + 0.19292604501607719vw, 1.3625rem);
    color: #545c70;
    font-weight: 400;
    margin-bottom: 10px;
}
.profession-block span {
    color: #3c3b51;
    background: #eaedf5;
    border-radius: clamp(15px, 2.5vw, 30px);
   
}
.profession-block .status {
    background: #eaedf5;
    width: max-content;
    padding: 5px 15px;
    line-height: 1.3;
    color: #3c3b51;
    border-radius: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 13px;
   
}
.profession-block .title {
    color: #38364e;
    font-weight: 500;
    font-size: clamp(1.6125rem, 1.5682692307692308rem + 0.541025641025641vw, 2.0375rem);
    line-height: 1.1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    transition: .3s linear;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: inherit;
    vertical-align: middle;
    position: relative;
   
    margin-bottom: 15px;
    letter-spacing: -2px;
}
.profession-block .title:hover {
    color: #e12620;
    transition: .3s linear;
}
.profession-block .short-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    position: relative;
}
.profession-block .short-content .counter {
    font-size: 18px;
    color: #3c3b51;
    display: flex;
    align-items: center;
    gap: 8px;
   
}
.profession-block .short-content .counter i {
    color: #8590ad;
}
.profession-block .short-content .short-text {
    margin-top: 15px;
    font-size: 17px;
    color: #3c3b51;
}
.profession-search-container {
    width: 100%;
    flex: 1;
}
.profession-search-container .search-container {
    width: 100%;
    position: relative;
}
.profession-search-container .search-container input {
    width: 100%;
    height: 100%;
    border: none;
    background: #eaedf5;
    border-radius: 10px;
    font-size: 18px;
    padding: 15px 25px;
    gap: 15px;
    color: #4c5466;
}
.profession-search-container .search-container button {
    position: absolute;
    right: 0px;
    top: 0px;
    background: #d0d6e8;
    border: none;
    width: 100px;
    height: 100%;
    border-radius: 10px;
    color: #4c496e;
}
.education-place-block {
    border-radius: clamp(15px, 2.5vw, 30px);
    background-color: #fff;
    background-position: center center;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    transition: .3s linear;
    padding: clamp(20px, 2.5vw, 40px);
    /* max-height: 450px; */
    height: 100%;
    max-height: max-content;
    /* box-shadow: 0px 10px 50px #b4b9c3a8; */
}
.education-place-block:before {
    content: "";
    background: url(/images/sumbol-distant.png);
    width: 220px;
    height: 220px;
    position: absolute;
    background-size: cover;
    right: -30px;
    top: -30px;
    z-index: 0;
    opacity: .07;
    filter: invert(56%) sepia(11%) saturate(876%) hue-rotate(186deg) brightness(92%) contrast(87%);
}
.education-place-block:hover {
    background-color: #fff;
    box-shadow: 0px 10px 50px #b4b9c3a8;
    transition: .3s linear;
}
.education-place-block .picture img {
    width: clamp(100px, 9.5vw, 180px);
    /* position: absolute; */
    right: 30px;
    top: 30px;
    height: clamp(100px, 9.5vw, 180px);
    background: #eaedf5;
    border-radius: clamp(15px, 2.5vw, 30px); 
    padding: clamp(5px, 2.5vw, 10px);  
}
.education-place-block .picture {
    width: 100%;
    display: flex;
    gap: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    position: relative;
    flex: 1;
    margin-bottom: 10px;
}
.education-place-block .button-more {
    cursor: pointer;
    color: #ffffff;
    background: #e12620;
    font-size: 19px;
    border: none;
    border-radius: clamp(15px, 2.5vw, 30px);
    font-weight: 500;
    overflow: hidden;
    line-height: 1;
    position: relative;
    transition: .3s linear;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    transition: .5s;
    padding: 15px 30px;
    /* margin-top: 15px; */
}
/* 
.education-place-block:hover .picture img {
    transition: .3s linear;
    opacity: .05;
} */
.education-place-block:hover .showmore {
    opacity: 1;
}
.education-place-block:hover .title {
    color: #e12620;
}
.education-place-block a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.education-place-block .price {
    display: inline;
    /* font-weight: 700; */
    color: #7e75a3;
    padding: 2px 15px;
    font-size: 17px;
}
.education-place-block .if-none {
    color: #fff;
    display: inline;
    font-size: 17px;
    padding: 2px 15px;
}
.education-place-block .short-text {
       color: #545c70;
    margin-bottom: clamp(10px, 1.5vw, 20px);
    font-weight: 400;
    font-size: clamp(1.0625rem, 1.0184887459807075rem + 0.19292604501607719vw, 1.15rem);
    color: #8997b5;
    line-height: 1.3;
}
.education-place-block span {
    color: #3c3b51;
    background: #eaedf5;
    border-radius: clamp(15px, 2.5vw, 30px);
   
}
.education-place-block .status {
    background: #eaedf5;
    width: max-content;
    padding: 5px 15px;
    line-height: 1.3;
    color: #3c3b51;
    border-radius: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 13px;
   
}
.education-place-block .title {
    color: #38364e;
    font-weight: 500;
    line-height: 1.1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    transition: .3s linear;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: inherit;
    vertical-align: middle;
    font-family: 'Unbounded', sans-serif;
    position: relative;
    /* */
    margin-bottom: 15px;
    letter-spacing: -2px;
    font-size: clamp(1.5625rem, 1.445136655948553rem + 0.5144694533762058vw, 2.0625rem);
    hyphens: auto;
}
.education-place-block .title:hover {
    color: #e12620;
    transition: .3s linear;
}
.education-place-block .short-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    position: relative;
}
.education-place-block .short-content .spisokforvuz {
    font-size: 17px;
}
.education-place-block .short-content .counter {
    font-size: clamp(1.0625rem, 0.9903846153846154rem + 0.3205128205128205vw, 1.375rem);
    color: #3c3b51;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    gap: 8px;
       font-weight: 600;
}
.education-place-block .short-content .counter i {
    color: #e12620;
}
.education-place-block .short-content .short-text {
    margin-top: 15px;
    font-size: 17px;
    color: #3c3b51;
}
.education-place-block .inner-info {
    background: #eceff7;
    border-radius: clamp(15px, 2.5vw, 30px);
    padding: clamp(15px, 2.5vw, 20px);
    height: 100%;
}
.target-video-block p {
    list-style: none;
    font-weight: 400;
    font-size: clamp(0.875rem, 0.9309887459807074rem + 0.39292604501607719vw, 1.3625rem);
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    align-items: flex-start;
   
}
.diplomas-home {
    display: flex;
   
    align-items: center;
    position: relative;
    gap: 0;
    height: 100%; 
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden; 
}
.itemed {
        position: relative;
    transition: transform 0.3s ease, z-index 0.3s ease;
    margin-left: -140px;
    margin-left: -180px;
    height: 100%;
    width: max-content;
    max-width: 350px;
    max-width: max-content;
    min-width: clamp(35px, 60.5vw, 320px);
}
.itemed img {
    width: 100%;
    display: block;
    border-radius: clamp(15px, 2.5vw, 30px);
    box-shadow: -10px 0px 25px rgba(0, 0, 0, 0.3);
    transition: transform 0.3sease;
    height: 100%;
}
.itemed:first-child img {
    width: 100%;
    display: block;
    border-radius: clamp(15px, 2.5vw, 30px);
    box-shadow: none;
    transition: transform 0.3sease;
    height: 100%;
}
.itemed:hover {
    transform: scale(1.03);
    /* Увеличение при наведении */
    z-index: 5;
    /* Перекрытие других элементов */
}
.itemed:first-child {
    margin-left: 0;
}
.about-step-regards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 20px;
    margin: 0 auto;
}
.about-step-regards .item {
    overflow: hidden;
    position: relative;
    width: 100%;
    border-bottom: none;
    z-index: 1;
    background-attachment: fixed;
    border-radius: clamp(15px, 1.5vw, 30px);
    padding: clamp(20px, 2.5vw, 40px);
    background-color: #ffffff;
    color: #3c3b51;
    font-size: 20px;
    font-weight: bold;
    
}
.about-step-regards .item:before {
    content: "";
    background: url(/images/CurveLine.svg);
    width: 320px;
    height: 200px;
    position: absolute;
    background-size: cover;
    right: 0px;
    top: 0px;
    z-index: -1;
    opacity: .2;
    filter: grayscale(1);
}
.about-step-regards .title {
    font-size: clamp(1.0625rem, 0.9903846153846154rem + 0.3205128205128205vw, 1.375rem);
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 1.1;
}
.about-step-regards i {
    font-size: 18px;
    background: #e12620;
    padding: clamp(10px, 2.5vw, 15px);
    border-radius: clamp(15px, 2.5vw, 30px);
    color: #ffffff;
    position: absolute;
    top: 10px;
    right: 10px;
}
.about-step-regards .value {
    font-weight: 600;
    line-height: 1;
    font-family: 'Unbounded', sans-serif;
    font-size: clamp(1.375rem, 1.3028846153846154rem + 0.3205128205128205vw, 1.6875rem);
}
.add-more {
    letter-spacing: 0px;
    cursor: pointer;
    color: #3c3b51;
    font-size: 15px;
    padding: 18px 35px;
    border: none;
    border-radius: 10px;
    text-transform: uppercase;
    line-height: 1;
    position: relative;
    transition: .3s linear;
    font-weight: 600;
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    width: max-content;
    background: #dfe5f3;
}
.add-more i {
    transition: .3s linear;
    animation: rotate360 2s linear infinite;
}
@keyframes rotate360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.add-more:hover {
    transition: .3s linear;
    background: #8590ad;
    color: #fff;
}
.add-more:hover i {
    color: #fff;
    transition: .3s linear;
}
.special-vuz {
    padding: 5px 20px;
    font-size: 15px;
    transition: .5s;
    position: relative;
    color: #ffffff;
    border-radius: 5px;
    background: #e12620;
    font-weight: 500;
    /*  */
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    margin-top: 10px;
    margin-bottom: 5px;
}
#middle {
    margin: 0 15px;
}
/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}
.slider-controls {
    text-align: center;
    height: 760px;
}
.direction-image {
    border-radius: clamp(15px, 2.5vw, 30px);
    transform: translate(var(--moveX, 0), var(--moveY, 0));
    background: #e12620;
    padding: clamp(10px, 2.5vw, 50px);
    width: max-content;
    height: max-content;
}
.direction-image img {
    filter: invert(100%) sepia(0%) saturate(1172%) hue-rotate(73deg) brightness(110%) contrast(100%);
    width: clamp(40px, 11.5vw, 380px);
    height: clamp(40px, 11.5vw, 380px);
}
.thumbnails {
    display: grid;
    counter-reset: item;
    gap: 15px;
    margin-bottom: 0px;
    padding-left: 20px;
    padding: 0px;
    margin-bottom: 0px;
    margin-bottom: 0px;
    template-columns: repeat(6, minmax(260px, 1fr));
    display: flex;
    overflow-x: scroll;
    gap: 0px;
    padding-bottom: 0px;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #fff #ffffff12;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scrollbar-color: #f7f7f7 #ffffff;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    overflow-x: auto;
    -ms-overflow-style: none;
    /* scrollbar-width: none; */
    padding-bottom: 0px;
    height: 100%;
    justify-content: space-between;
    border-radius: clamp(15px, 2.5vw, 30px);
}
.thumbnails .info .title {
    font-size: 35px;
   
    /* text-transform: uppercase; */
    margin-bottom: 15px;
    line-height: 1.1;
    margin-bottom: 10px;
    gap: 5px;
    flex-wrap: wrap-reverse;
    /* display: flex
; */
    position: relative;
    display: block;
    text-align: center;
}
.thumbnails .info .title div {
    font-size: 15px;
    background: #e12620;
    padding: 3px 10px;
    display: inline-block;
    color: #fff;
    border-radius: 20px;
    position: relative;
    margin-left: 6px;
}
/* Основные стили для секции новостей */
.news-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* Левая колонка в 2 раза шире */
    gap: 15px;
    padding: 0px;
}
/* Основной стиль для главного блока новостей */
.news-main {
    border-radius: clamp(15px, 2.5vw, 30px);
    position: relative;
    background: #fff;
    border-radius: clamp(15px, 2.5vw, 30px);
    overflow: hidden;
}
.news-main img {
    width: 100%;
    border-radius: 10px;
}
/* Основной грид для всех новостей */
.news-grid {
    display: grid;
    gap: 15px;
}
/* Под-сетка 1 для первых двух новостей */
.sub-grid1 {
    display: grid;
    grid-template-columns: 2fr 1fr;
    /* Первый элемент занимает 2/3 ширины, второй — 1/3 */
    gap: 15px;
    position: relative;
}
/* Под-сетка 2 для третьей и четвёртой новостей */
.sub-grid2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* Третий элемент занимает 1/3 ширины, четвёртый — 2/3 */
    gap: 15px;
}
/* Стили для новостных элементов */
.news-item {
    width: 100%;
    background: #fff;
    border-radius: clamp(15px, 2.5vw, 30px);
    display: flex;
    flex-direction: column;
    position: relative;
    transition: .3s linear;
    height: 100%;
    overflow: hidden;
    height: 300px;
}
.news-main .item {
    position: relative;
    height: 100%;
}
.news-item .item .link-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #d9dde7;
    width: 50px;
    height: 50px;
    border-radius: clamp(30px, 2.5vw, 30px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    z-index: 1;
    transform: rotate(45deg);
    color: #3c3b5180;
    transition: .3s linear;
}
.news-item a:hover .link-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #e12620;
    width: 50px;
    height: 50px;
    border-radius: clamp(15px, 2.5vw, 30px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    z-index: 1;
    transform: rotate(45deg);
    color: #ffffff;
    transition: .3s linear;
}
.news-item .item {
    height: 100%;
    width: 100%;
}
.img-block {
    position: relative;
    height: 100%;
}
.img-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: clamp(15px, 2.5vw, 30px);
}
.title-news {
    --corner: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    background: #fff;
    padding: 30px;
    border-radius: 0 var(--corner) 0 0;
    max-width: 80%;
}
.title-news .title {
    color: #38364e;
    font-size: 32px;
    line-height: 1.1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    transition: .3s linear;
    /* -webkit-line-clamp: 3; */
    /* -webkit-box-orient: vertical; */
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: inherit;
    vertical-align: middle;
    position: relative;
   
    margin-bottom: 0px;
    letter-spacing: -2px;
    width: 100%;
    font-family: 'Unbounded', sans-serif;
    font-weight: 500;
    margin-bottom: 25px;
}
.title-news::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    height: calc(var(--corner)* 8);
    width: calc(var(--corner)* 2);
    translate: 0 -100%;
    border-radius: 0 0 0 var(--corner);
    box-shadow: calc(var(--corner) / -1) calc(var(--corner) / 2) 0 0 #fff;
}
.title-news::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: calc(var(--corner) * 2);
    width: calc(var(--corner) * 2);
    translate: 100% 0%;
    border-radius: 0 0 0 var(--corner);
    box-shadow: calc(var(--corner) / -2) calc(var(--corner) / 2) 0 0 #fff;
}
.title-news .category-date {
    font-size: 14px;
    z-index: 1;
    position: relative;
    display: flex;
    margin-bottom: 5px;
    gap: 5px;
    color: #a9afbf;
}
.title-news .category-date .category {
    background: #e12620;
    padding: 3px 10px;
       font-weight: 600;
    color: #fff;
    border-radius: 300px;
}
.title-news .category-date .date {
    background: #eceff7;
    padding: 3px 10px;
       font-weight: 600;
    color: #3c3b51;
    border-radius: 300px;
}
.title-news-2 {
    position: absolute;
    left: 30px;
    bottom: 30px;
}
.title-news-2 .category-date {
    font-size: 14px;
    z-index: 1;
    position: relative;
    display: flex;
    margin-bottom: 5px;
    gap: 5px;
    color: #a9afbf;
}
.title-news-2 .category-date .category {
    background: #e12620;
    padding: 3px 10px;
    transition: .3s linear;
    color: #fff;
       font-weight: 600;
    border-radius: 300px;
}
.title-news-2 .category-date .date {
    background: #eceff7;
    padding: 3px 10px;
    transition: .3s linear;
    color: #3c3b51;
       font-weight: 600;
    border-radius: 300px;
}
.title-news-2 .title {
    color: #38364e;
    font-weight: 500;
    font-size: clamp(1.725rem, 1.6673076923076923rem + 0.3564102564102564vw, 1.975rem);
    line-height: 1.1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    transition: .3s linear;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: inherit;
    vertical-align: middle;
    position: relative;
    margin-bottom: 0px;
    letter-spacing: -2px;
    width: 90%;
    text-wrap: balance;
    /* font-family: 'Unbounded', sans-serif; */
    font-weight: 600;
}
.title-news-2 .short-descr {
       position: relative;
    width: 90%;
    text-wrap: balance;
    margin-top: 10px;
    margin-bottom: 0px;
    font-weight: 500;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: inherit;
    vertical-align: middle;
    line-height: 1.3;
    font-size: clamp(0.9375rem, 0.9086538461538461rem + 0.1282051282051282vw, 1.0625rem);
}
/* Дополнительные стили для картинок в новостях */
.news-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: clamp(15px, 2.5vw, 30px);
    opacity: .1;
    filter: grayscale(1) brightness(1.5);
    transition: .3s linear;
}
/* Остальные мелкие */
.news-item {
    height: 280px;
    /* border: 1px #cad1e4 solid; */
    background: #fff;
    overflow: hidden;
    transition: .3s linear;
}
.news-item:hover:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgb(55 49 59) 100%);
    opacity: 1;
    z-index: 3;
    width: 100%;
    height: 350px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 10%, var(--dominant-color) 90%);
    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
    transition: .3s linear;
}
.news-item:hover .title-news-2 .short-descr {
    color: #fff;
    transition: .3s linear;
}
.news-item:hover .title-news-2 .title {
    color: #ffffff;
    transition: .3s linear;
}
.news-item:hover .title-news-2 {
    z-index: 8;
    filter: drop-shadow(2px 4px 6px #0000006e);
    z-index: 8;
}
.news-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: clamp(15px, 2.5vw, 30px);
    opacity: .04;
    filter: grayscale(1) brightness(1.5);
    transition: .3s linear;
}
.news-item:hover img {
    opacity: 1;
    filter: initial;
    z-index: 8;
    transition: .3s linear;
}
.news-item:hover .title-news-2 .category-date .date {
    background: #ffffff;
    transition: .3s linear;
}
.title-categories {
    margin-bottom: 25px;
    color: #3c3b51;
    font-size: 28px;
    font-family: 'Unbounded', sans-serif;
}
.news-categories {
    z-index: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
        position: sticky;
    top: 130px;
}
.news-categories a {
    display: flex;
    gap: 5px;
    text-decoration: none;
    align-items: center;
    transition: .3s linear;
    padding: 10px 40px;
    border: 1px #eceff7 solid;
    border-radius: 15px;
    background: #dee2ed;
    width: 100%;
    margin-bottom: 5px;
    font-size: 21px;
    font-weight: 500;
    color: #3c3b51;
    font-weight: 500;
   
}
.news-categories a:hover {
    border: 1px #e12620 solid;
    background: #e12620;
    color: #fff;
}
.navigate-news {
    background: #eaedf5;
    padding: 5px 10px;
    border-radius: 10px;
    color: #333146;
    display: flex;
    gap: 10px;
    align-items: center;
    border: 1px #eaedf5 solid;
    font-size: 16px;
    font-weight: 600;
    text-align: center;    color: #8997b5;
}
/* Дополнительные стили для блока с изображениями */
.news-grid .blog-item {
    background: #eceff7;
    border-radius: clamp(15px, 2.5vw, 30px);
    background-position: center center;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    transition: .3s linear;
    max-height: 410px;
}
.grid-container-counter {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    width: 100%;
    margin: auto;
}
.grid-container-counter .grid-item {
    color: #3c3b51;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: start;
    border-radius: clamp(15px, 2.5vw, 30px);
    background: #fff;
    gap: 15px;
    padding: 10px;
}
.grid-container-counter .grid-item .counter {
   font-size: 40px;
    background: #e12620;
    border-radius: 20px;
    color: #ffffff;
    align-items: center;
    display: flex
;
    padding: 5px;
    width: 150px;
    text-align: center;
    justify-content: center;
    font-weight: 600;
}
.grid-container-counter .grid-item .title {
    font-size: clamp(1.0625rem, 0.9903846153846154rem + 0.3205128205128205vw, 1.375rem);
    line-height: 1.2;
    font-weight: 600;
   
}
.grid-container {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    width: 100%;
    margin: auto;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 15px;
}
.grid-item {
    background-color: #fff;
    color: white;
    font-size: 24px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    border-radius: clamp(15px, 2.5vw, 30px);
    /* Скругляем углы */
}
.thumbnail {
    height: 100%;
    cursor: pointer;
    display: flex;
    --corner: 40px;
    border-radius: 0px;
    gap: 15px;
    color: #3c3b51;
    flex-direction: column;
    background: #eceff7;
    /* background: #edf0f8; */
    word-wrap: break-word;
    text-wrap: balance;
    max-width: 390px;
    width: max-content;
    overflow: hidden;
    align-items: center;
    justify-content: end;
    padding: clamp(15px, 2.5vw, 30px);
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: linear-gradient(180deg, rgb(47 50 60) 0%, rgb(170 22 36) 100%);
    /* background: linear-gradient(180deg, rgba(255, 255, 255, 0) 10%, rgb(223 229 243) 90%); */
    border-right: 1px #745159 solid;
}
a.thumbnail::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 300px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgb(55 49 59) 100%);
    opacity: 1;
    z-index: 4;
    width: 100%;
    height: 400px;
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 60%, rgb(0 0 0 / 0%) 100%);
    /* border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px; */
}
.thumbnail .image {
    position: absolute;
    bottom: 0;
    position: absolute;
    /* height: 100%; */
    top: -40px;
    bottom: 0;
    overflow: hidden;
    right: 0;
    width: 340px;
    height: 340px;
    /* backdrop-filter: drop-shadow(42px 34px 36px black); */
    filter: initial;
    left: 0;
    transition: .3s linear;
    bottom: 80px;
    top: initial;
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 60%, rgb(0 0 0 / 0%) 100%);
    transform: translate(0%, 0%);
    right: auto;
    left: 50%;
    transform: translateX(-50%) scale(1);
    /* top: 0; */
    /* bottom: initial;*/
}
.thumbnail .button {
    z-index: 5;
    width: 100%;
    flex-direction: column;
    gap: 6px;
    font-size: clamp(1.125rem, 1.0369774919614148rem + 0.38585209003215437vw, 1.5rem);
    padding: clamp(15px, 1vw, 22px) clamp(15px, 2.5vw, 50px);
    border-radius: 15px;
    border: 2px #e12620 solid;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    background: #e12620;
    border: none;
    border-radius: 15px;
    font-weight: 500;
    overflow: hidden;
    line-height: 1;
    position: relative;
    transition: .3s linear;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Unbounded", sans-serif;
    font-weight: 400;
    /* background: linear-gradient(191deg, rgb(216 40 34) 0%, rgb(169 45 41) 100%); */
}
.thumbnail:hover .button {
    transition: .3s;
    color: #3c3b51;
    background: #eaedf5;
}
.thumbnail:hover .image {
    transform: translateX(-50%) scale(1.05);
    transition: .3s linear;
}
.thumbnail:hover .step-first-letter {
    transform: scale(1.2);
    transition: .3s linear;
}
.thumbnail .step-first-letter {
    position: absolute;
    background-size: cover;
    /* right: -110px; */
    bottom: 0px;
    z-index: 4;
    opacity: 1;
    font-weight: 600;
    color: #edf0f8;
    line-height: 1;
    padding: 10px;
    font-size: clamp(20.625rem, 18.864549839228296rem + 7.717041800643088vw, 28.125rem);
    border-radius: 5px;
    display: flex;
    transform: scale(1);
    transition: .3s linear;
    align-items: center;
    justify-content: center;
    text-shadow: 8px 17px 0px #dcdfe9f2;
    /* -webkit-text-stroke: 2px #3c3b510d; */
}
/* .thumbnail::after {
    content: "";
    background: url(/images/sumbol-distant.png);
    background: url(/images/3dlogo.png);
    width: 130px;
    height: 130px;
    position: absolute;
    background-size: cover;
    right: 10px;
    top: 10px;
    z-index: 0;
    opacity: .04;
     filter: grayscale(1);
    font-size: 311px;
    font-weight: 800;
    color: #79829b;
} */
.thumbnail .info {
    z-index: 5;
    /* flex: 1; */
    /* padding: 25px; */
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* -webkit-box-flex: 1; */
    -ms-flex: 1;
    /* flex: 1; */
    justify-content: end;
}
.thumbnail .info .title {
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    transition: .3s linear;
    margin-bottom: 0px;
    /* text-transform: uppercase; */
    /* */
    font-size: 30px;
    letter-spacing: -1px;
    font-weight: 500;
    text-align: center;
}
#myProgress {
    background-color: #ffffff;
    position: absolute;
    bottom: 10px;
    width: 90%;
}
#myBar {
    width: 0%;
    height: 3px;
    background-color: #e12620;
}
@-webkit-keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}
@keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}
.fade:not(.show) {
    opacity: initial;
}
.step-home-block .text {
    font-size: 24px;
    font-weight: 500;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: inherit;
    vertical-align: middle;
    margin-bottom: 15px;
    text-align: left;
    /* -webkit-box-flex: 1; */
    -ms-flex: 1;
    /* flex: 1; */
    margin-bottom: 0px;
    text-align: center;
    line-height: 1.1;
    padding: 0px 20px;
}
/* .start-section-home:before{
    content: "";
    background: url(/images/CurveLine.svg);
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    right: 0px;
    top: 0;
    z-index: -1;
    opacity: 1;
    filter: blur(6px);
    transform: translate(var(--moveX, 0px), var(--moveY, 0px));
    transition: transform 0.1s linear;
    bottom: 0;    filter: blur(10px);
} */
.start-section-home {
    position: relative;
    padding: 0;
    height: 760px;
    /* background: linear-gradient(180deg, rgba(255, 255, 255, 0) 10%, rgb(223 229 243) 90%);
    background: #fff; */
}
.start-section-home .place-layout .text {
    width: 100%;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0px;
    font-size: clamp(1.125rem, 1.0369774919614148rem + 0.38585209003215437vw, 1.5rem);
    text-align: left;
}
.start-section-home .home-step {
    position: absolute;
    top: 0px;
    width: 100%;
    right: 0px;
}
.start-section-vuz {
    width: 100%;
    z-index: 1;
    /* background: #fff; */
    border-bottom: none;
    color: #fff;
    border-radius: clamp(15px, 2.5vw, 50px);
    position: relative;
    overflow: hidden;
    background: linear-gradient(54deg, rgb(47 50 60) 0%, rgb(170 22 36) 100%);
    color: #fff;
    min-height: 640px;
    padding: clamp(25px, 4.5vw, 70px);
}
.start-section-vuz .breadcrumb li {
    color: #ffffff;
}
.start-section-vuz .breadcrumb li a {
    color: #fff;
    transition: .3s linear;
}
.start-section-vuz .breadcrumb li a:hover {
    color: #e12620;
    transition: .3s linear;
}
.start-section-vuz .breadcrumb i {
    color: #fff;
}
.start-section-vuz .breadcrumb i {
    color: #fff;
}
.start-section-vuz .auto-title {
    color: #fff;
  
}
.start-section-vuz .modal-button {
    border: 2px #fff solid;
    color: #fff;
    font-size: clamp(1rem, 0.9423076923076923rem + 0.2564102564102564vw, 1.25rem);
    background: #dedede00;
    /* padding: clamp(15px, 1vw, 18px) clamp(15px, 2.5vw, 50px); */
    font-weight: 400;
    border-radius: 15px;
    font-size: clamp(1.25rem, 1.1923076923076923rem + 0.2564102564102564vw, 1.5rem);
    border-radius: 15px;
}
.start-section-vuz .call-button {
    font-size: clamp(1.125rem, 1.0369774919614148rem + 0.38585209003215437vw, 1.5rem);
    padding: clamp(15px, 1vw, 22px) clamp(15px, 2.5vw, 50px);
    border-radius: 15px;
    border: 2px #e12620 solid;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    background: #e12620;
    border: none;
    border-radius: 15px;
    font-weight: 500;
    overflow: hidden;
    line-height: 1;
    position: relative;
    transition: .3s linear;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    font-family: "Unbounded", sans-serif;
    font-weight: 400;
}
.start-section-vuz:before {
    content: "";
    background: url(/images/CurveLine.svg);
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    right: 0px;
    top: 0;
    z-index: 0;
    opacity: 1;
    filter: blur(6px);
    transform: translate(var(--moveX, 0px), var(--moveY, 0px));
    transition: transform 0.1s linear;
    bottom: 0;
    filter: blur(10px);
}
.start-section-vuz .image {
    /* transform: translate(var(--moveX, 0px), var(--moveY, 0px)); */
    transition: transform 0.1s linear;
    bottom: 0;
}
.start-section-vuz .text {
    color: #fff;
    width: 100%;
    font-size: clamp(1.0625rem, 0.9326923076923077rem + 0.576923076923077vw, 1.625rem);
    font-weight: 400;
    margin-bottom: 30px;
    z-index: 1;
    position: relative;
}
.start-section-vuz .course-features li {
    background: #00000024;
    /* background: #ffffff; */
    /* background-image: url(/images/bg-start.png); */
    backdrop-filter: blur(5px);
    color: #fff;
}
.start-section-vuz .course-features li span {
    color: #fff;
}
.start-section-vuz .slider-btn {
    background: #fff;
    color: #fff;
    background: #00000024;
    backdrop-filter: blur(6px);
}
.start-section-vuz .slider-btn i {
    color: #fff;
}
.start-section-univercity {
    width: 100%;
    z-index: 1;
    /* background: #fff; */
    border-bottom: none;
    color: #fff;
    border-radius: clamp(15px, 2.5vw, 50px);
    position: relative;
    overflow: hidden;
    background: linear-gradient(237deg, rgb(133 144 173) 0%, rgb(51 49 70) 100%);
    color: #fff;
    min-height: 600px;
    padding: clamp(25px, 4.5vw, 70px);
}
.start-section-univercity:before {
       content: "";
    background: url(/images/CurveLine.svg);
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    right: 0px;
    top: 0;
    z-index: 0;
    opacity: .03;
    filter: brightness(400.5);
    transform: translate(var(--moveX, 0px), var(--moveY, 0px));
    transition: transform 0.1s linear;
    bottom: 0;
 
}
.start-section-univercity .breadcrumb li {
    color: #ffffff;
}
.start-section-univercity .breadcrumb li a {
    color: #fff;
    transition: .3s linear;
}
.start-section-univercity .breadcrumb li a:hover {
    color: #e12620;
    transition: .3s linear;
}
.start-section-univercity .breadcrumb i {
    color: #fff;
}
.start-section-univercity .breadcrumb i {
    color: #fff;
}
.start-section-univercity .auto-title {
    color: #fff;
          font-family: "Raleway", sans-serif;
}
.start-section-univercity .modal-button {
    border: 2px #fff solid;
    color: #fff;
    font-size: clamp(1rem, 0.9423076923076923rem + 0.2564102564102564vw, 1.25rem);
    background: #dedede00;
    /* padding: clamp(15px, 1vw, 18px) clamp(15px, 2.5vw, 50px); */
    font-weight: 400;
    border-radius: 15px;
    font-size: clamp(1.25rem, 1.1923076923076923rem + 0.2564102564102564vw, 1.5rem);
    border-radius: 15px;
}
.start-section-univercity .call-button {
    font-size: clamp(1.125rem, 1.0369774919614148rem + 0.38585209003215437vw, 1.5rem);
    padding: clamp(15px, 1vw, 22px) clamp(15px, 2.5vw, 50px);
    border-radius: 15px;
    border: 2px #e12620 solid;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    background: #e12620;
    border: none;
    border-radius: 15px;
    font-weight: 500;
    overflow: hidden;
    line-height: 1;
    position: relative;
    transition: .3s linear;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    font-family: "Unbounded", sans-serif;
    font-weight: 400;
}
.start-section-univercity .image {
    /* transform: translate(var(--moveX, 0px), var(--moveY, 0px)); */
    transition: transform 0.1s linear;
    bottom: 0;
}
.start-section-univercity .text {
    color: #fff;
    width: 100%;
    font-size: clamp(1.0625rem, 0.9326923076923077rem + 0.576923076923077vw, 1.625rem);
    font-weight: 400;
    margin-bottom: 30px;
    z-index: 1;
    position: relative;
}
.start-section-univercity .course-features li {
    background: #00000024;
    /* background: #ffffff; */
    /* background-image: url(/images/bg-start.png); */
    backdrop-filter: blur(5px);
    color: #fff;
}
.start-section-univercity .course-features li span {
    color: #fff;
}
.start-section-univercity .slider-btn {
    background: #fff;
    color: #fff;
    background: #00000024;
    backdrop-filter: blur(6px);
}
.start-section-univercity .slider-btn i {
    color: #fff;
}
.top-brand-img {
    position: absolute;
    top: 30px;
    right: 30px;
    width: clamp(100px, 13.5vw, 250px);
}
.bottom-brand-img {
    position: relative;
    /* bottom: 30px; */
    /* right: 30px; */
    width: clamp(100px, 13.5vw, 250px);
    float: right;
}
.bottom-brand-img-relative {
    position: relative;
    bottom: initial;
    right: initial;
    width: 200px;
    float: right;
}
.block-uadv {
    display: flex;
    /* background: #fff; */
    padding: 25px;
    border-radius: clamp(15px, 2.5vw, 30px);
    height: 100%;
    color: #3c3b51;
    gap: 15px;
    position: relative;
    border-bottom: 3px #eaedf5 solid;    width: 100%;
}
.block-uadv .uadv_img {
    position: absolute;
    right: 20px;
    width: 160px;
    height: 30px;
    bottom: 146px;
    opacity: .2;
}
.block-uadv .uadv_title-main {
    font-size: clamp(1.4375rem, 1.3641479099678457rem + 0.3215434083601286vw, 1.75rem);
    line-height: 1;
    margin-bottom: 15px;
       font-weight: 600;
    display: flex;
    align-items: start;
    gap: 10px;
}
.block-uadv .uadv_title-main:before {
   font-size: 50px;
    line-height: 1;
    margin-bottom: 0px;
    content: "+";
    width: 40px;
    height: 40px;
    background: #e12620;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 300px;
    flex-shrink: 0;
    font-weight: 300;
}
.costum-ul-block ul {
    margin-bottom: 0rem;
    padding-left: 0rem;
}
.costum-ul-block ul li {
      list-style: none;
    font-weight: 600;
    font-size: clamp(0.875rem, 0.9309887459807074rem + 0.79292604501607719vw, 1.4625rem);
    display: flex
;
    gap: 15px;
    margin-bottom: 10px;
    align-items: flex-start;
   
}
.costum-ul-block ul li:before {
   font-size: 40px;
    line-height: 1;
    content: "+";
    width: 30px;
    height: 30px;
    background: #e12620;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 300px;
    flex-shrink: 0;
    min-width: 30px;
    font-weight: 300;
}
.uadv-image {
    border-radius: clamp(15px, 2.5vw, 30px);
    height: 100%;
    color: #fff;
    border-radius: clamp(15px, 2.5vw, 30px);
    position: relative;
    overflow: hidden;
    background: linear-gradient(229deg, rgb(47 50 60) 0%, rgb(213 34 51) 100%);
    flex: 1;
    width: 100%;
    /* object-fit: contain; */
    /* position: absolute; */
    /* bottom: -100px; */
    z-index: 0;
}
.block-uadv .uadv_txt-main {
    font-weight: 400;
    font-size: clamp(1.0625rem, 1.0184887459807075rem + 0.19292604501607719vw, 1.15rem);
    color: #8997b5;
    line-height: 1.3;  
}
/* .start-section-home .slider-nav-top {
    position: absolute;
    top: 40%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    right: 0;
    gap: 15px;
    z-index: 3;
} */
.start-section-home .slider-nav-top {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    right: 0;
    gap: 15px;
    z-index: 9;
}
.slider-nav-top:before {
    content: "";
    background-image: url(/images/blek.png);
    width: 54px;
    height: 250px;
    right: -1px;
    position: absolute;
    top: -58px;
    z-index: -1;
    background-size: 55px;
    background-repeat: no-repeat;
}
.slider-nav-top:after {
    content: "";
    background-image: url(/images/blek.png);
    width: 54px;
    height: 250px;
    left: -1px;
    position: absolute;
    top: -152px;
    z-index: -1;
    background-size: 55px;
    background-repeat: no-repeat;
    transform: scale(-1);
}
.slideshow-container {
    height: 670px;
    position: absolute;
    z-index: 2;
}
.start-section-home .mySlides {
    height: 100%;
}
/* .start-section-home .place-layout {
    position: absolute;
    --corner: 40px;
    bottom: initial;
    margin: 0;
    background: #ffffff00;
    padding: clamp(15px, 2.5vw, 50px);
    display: flex;
    gap: 0px;
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 27%;
    transform: translate(-29%, 0%);
    width: 1420px;
    max-width: 100%;
    border-radius: var(--corner);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    z-index: 23;
    padding-top: 40px;
    background: #ffffff00;
    padding-bottom: 40px;
} */
.start-section-home .place-layout {
   position: absolute;
    --corner: 40px;
    bottom: initial;
    margin: 0;
    background: #ffffff00;
    padding: clamp(0px, 2.5vw, 0px);
    display: flex
;
    gap: 0px;
    top: 0px;
    left: 100px;
    width: 900px;
    max-width: calc(100% - 100px);
    border-radius: var(--corner);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    z-index: 5;
    padding-top: 50px;
    padding-bottom: 30px;
}
/* .start-section-home .place-layout:before{
    content: "";
    position: absolute;
    left: 10px;
    height: calc(var(--corner)* 2);
    width: calc(var(--corner)* 2);
    translate: 0% 100%;
    border-radius: 0 0 0 var(--corner);
    box-shadow: calc(var(--corner) / -2) calc(var(--corner) / 2) 0 0 #fff;
    transform: scaleY(-1);
    box-shadow: calc(var(--corner) / -2) calc(var(--corner) / 2) 0 0 #fff;
    transform: scale(1, -1);
    bottom: 0px;
}
.start-section-home .place-layout::after {
    content: "";
position: absolute;
top: 80px;
right: -80px;
height: calc(var(--corner)* 2);
width: calc(var(--corner)* 2);
translate: 0% -100%;
border-radius: 0 0 0 var(--corner);
box-shadow: calc(var(--corner) / -2) calc(var(--corner) / 2) 0 0 #fff;
transform: scale(1, -1);
}   */
.start-section-home .title-container {
    width: 100%;
    max-height: max-content;
    display: flex;
    margin-bottom: 0px;
    height: 100%;
    /* overflow: hidden; */
    flex-direction: column;
    padding-left: 0px;
    /* padding: 10px; */
    border-radius: var(--corner);
}
.title-container {
    width: 100%;
    max-height: 100%;
    display: flex;
    margin-bottom: 30px;
    height: auto;
    /* overflow: hidden; */
    flex-direction: column;
}
.auto-title {
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: manual;
    line-height: 1;
    margin: 0;
    /* color: #fff; */
    /* white-space: normal; */
    word-wrap: break-word;
    letter-spacing: -2px;
   
    text-wrap: balance;
    white-space: normal;
    /* Разрешаем перенос строк */
    word-break: keep-all;
    /* Запрещаем разрывы внутри слов */
    overflow-wrap: break-word;
    /* Переносим только по пробелам */
    /* font-family: "Unbounded", sans-serif; */
    font-weight: 700;
    word-break: normal;
    overflow-wrap: normal;
    white-space: normal;
    hyphens: none;
    margin-bottom: 15px;
}
/* .start-section-vuz h1{
    font-size: clamp(2.25rem, 1.4711538461538463rem + 3.4615384615384617vw, 5.625rem);
    color: #fff;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: inherit;
    vertical-align: middle;    letter-spacing: -1px;
} */
.place-layout {
    display: grid;
    grid-template-columns:clamp(300px, 60vw, 1180px) 1fr;
    gap: 40px;
}
.program-layout {
    display: grid;
    grid-template-columns: 1700px;
    gap: 40px;
}
.program-layout .auto-title {
    font-size: 5rem;
    line-height: 1.04;
    margin: 0;
    color: #3c3b51;
    /* white-space: normal; */
    word-wrap: break-word;
    letter-spacing: -1px;
}
.image-place {
    z-index: 0;
}
.image-place .image-container {
    position: absolute;
    bottom: 0;
    overflow: hidden;
    /* right: 100px; */
    width: clamp(350px, 40vw, 610px);
    height: clamp(350px, 40vw, 610px);
    /* filter: drop-shadow(-50px 4px 86px #c5021d); */
    transform: translate(-20%, 0%);
}
.aboutall-vuzes {
    width: 240px;
    z-index: 4;
    position: absolute;
    right: 40px;
    top: 40px;
    gap: 5px;
    border-radius: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px;
}
.aboutall-vuzes div {
    width: 100%;
    /* text-align: center; */
    /* background: #ffffff1c; */
    padding: 15px 20px;
    border-radius: 15px;
    /* border: 2px #fff solid; */
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 15px;
    background: linear-gradient(90deg, rgb(47 50 60 / 44%) 0%, rgb(170 22 36 / 0%) 100%);
}
.aboutall-vuzes div i {
    color: #fff;
}
.start-section .aboutall-vuzes {
    width: 240px;
    z-index: 4;
    position: absolute;
    right: 40px;
    top: 40px;
    gap: 5px;
    border-radius: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px;
}
.start-section .aboutall-vuzes div {
    width: 100%;
    padding: 15px 20px;
    border-radius: 15px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 15px;
    background: linear-gradient(90deg, rgb(225 38 32) 0%, rgb(225 38 32) 100%);
}
.start-section .aboutall-vuzes div i {
    color: #fff;
}
.mini-logo {
    width: 100px;
    height: 100px;
    z-index: 4;
    position: absolute;
    right: 20px;
    top: 20px;
    background: #fff;
    border-radius: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}
.place-form {
    width: 595px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #3c202014;
    backdrop-filter: blur(13px);
    padding: clamp(15px, 2.5vw, 20px);
    border-radius: clamp(15px, 2.5vw, 30px);
    z-index: 2;
}
.place-form .text {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
}
.place-form .text span {
    display: block;
    font-size: 26px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.3;
}
.image-place .image-container .image {
    width: 100%;
    height: 100%;
    opacity: 0;
    /* Скрываем изначально */
    transform: translateY(80px);
    /* Сдвигаем влево */
    animation: slideIn 1s ease-out forwards;
}
/* .image-container:before{
    content: "";
    background: #ff253a;
    position: absolute;
    width: 310px;
    height: 460px;
    bottom: 10px;
    filter: blur(81px);
    border-radius: 300px;
    left: 140px;
} */
@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateY(80px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.start-section-static-page {
    background-position: 0px -350px;
    background: #ffffff;
    overflow: hidden;
    padding: clamp(15px, 2.5vw, 50px);
    position: relative;
    width: 100%;
    border-bottom: none;
    padding-top: clamp(15px, 2.5vw, 30px);
    z-index: 1;
    border-radius: clamp(15px, 2.5vw, 30px);
}

.start-section-static-page:before{
        content: "";
    background: url(/images/sumbol-distant.png);
        width: 360px;
    height: 360px;
    position: absolute;
    background-size: cover;
    right: 30px;
    top: -20px;
    z-index: -1;
    opacity: 1;
    filter: invert(94%) sepia(23%) saturate(524%) hue-rotate(178deg) brightness(99%) contrast(95%);
    filter: invert(94%) sepia(13%) saturate(91%) hue-rotate(186deg) brightness(100%) contrast(96%);
}
.start-section-static-page .call-button {
    background: #e12620;
    font-size: clamp(1.25rem, 1.1923076923076923rem + 0.2564102564102564vw, 1.5rem);
    padding: clamp(15px, 1vw, 22px) clamp(15px, 2.5vw, 50px);
    border-radius: 15px;
    border: 2px #e12620 solid;
    cursor: pointer;
    color: #fff;
    background: #e12620;
    border: none;
    border-radius: 15px;
    overflow: hidden;
    line-height: 1;
    position: relative;
    transition: .3s linear;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    font-family: "Unbounded", sans-serif;
    font-weight: 400;
    font-size: clamp(1.0625rem, 1.0184887459807075rem + 0.19292604501607719vw, 1.25rem);
}
.start-section-static-page .text {
    text-wrap: balance;
    width: 95%;
    font-size: clamp(1.0625rem, 0.9903846153846154rem + 0.3205128205128205vw, 1.375rem);
    font-weight: 400;
    margin-bottom: 30px;
    font-size: clamp(0.875rem, 0.9309887459807074rem + 0.44292604501607719vw, 1.5625rem);
    color: #3c3b51;
    line-height: 1.6;
}
.start-section-static-page .text a {
    color: #819bff;
    transition: .3s linear;
    cursor: pointer;
}
.start-section-static-page .text p {
    text-wrap: balance;
    width: 95%;
    font-size: clamp(1.0625rem, 0.9903846153846154rem + 0.3205128205128205vw, 1.375rem);
    font-weight: 400;
    margin-bottom: 30px;
    font-size: clamp(0.875rem, 0.9309887459807074rem + 0.44292604501607719vw, 1.5625rem);
    color: #3c3b51;
    line-height: 1.6;
}
.start-section {
    background-position: 0px -350px;
    background: #ffffff;
    overflow: hidden;
    position: relative;
    width: 100%;
    border-bottom: none;
    z-index: 1;
    border-radius: clamp(15px, 2.5vw, 30px);
    padding: clamp(15px, 2.5vw, 50px);
    /* background: rgb(63, 68, 81);
    background: linear-gradient(270deg, rgba(63, 68, 81, 1) 0%, rgb(255 66 82) 100%);
    background: linear-gradient(270deg, rgb(133 144 173) 0%, rgb(255 255 255) 100%); */
}
.programm-title-h1 {
    position: relative;
    display: inline-block;
    line-height: 1;
}
.custom-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
    font-weight: 500;
    font-size: 18px;
    color: #4c5466;
    padding: 12px 25px;
    gap: 15px;
    border-radius: 10px;
}
/* Скрываем стандартный select */
.custom-select select {
    appearance: none;
    border: none;
    background: transparent;
    width: 100%;
    cursor: pointer;
    padding-right: 30px;
    font-size: 18px;
    color: #4c5466;
    font-weight: 500;
}
/* Кастомная стрелочка */
.custom-arrow {
    position: absolute;
    right: 20px;
    top: 35%;
    transform: translateY(-50%);
    width: 9px;
    height: 9px;
    border-left: 2px solid #4c5466;
    border-bottom: 2px solid #4c5466;
    transform: rotate(-45deg);
    pointer-events: none;
}
/* Стилизация при фокусе */
.custom-select select:focus {
    outline: none;
}
/* 
.programm-title-h1:before{
    content: "";
    height: 100px;
    background: #e12620;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    z-index: -1;
}.programm-title-h1::after {
    content: attr(data-text);
    position: absolute;
    top: 0px;
    left: 12px;
    width: 190px;
    height: 100px;
    color: #fff;
    overflow: hidden;
    white-space: pre-wrap;
    mask-image: linear-gradient(to right, black 100%, transparent);
    pointer-events: none;
    z-index: 2;
} */
.start-section:before {
    content: "";
    background: url(/images/sumbol-distant.png);
    width: 360px;
    height: 360px;
    position: absolute;
    background-size: cover;
    right: -10px;
    top: 0px;
    z-index: -1;
    opacity: 1;
    filter: invert(94%) sepia(23%) saturate(524%) hue-rotate(178deg) brightness(99%) contrast(95%);
    filter: invert(94%) sepia(13%) saturate(91%) hue-rotate(186deg) brightness(100%) contrast(96%);
}
/* .start-section:after {
    content: "";
    background: url(/images/sumbol-distant.png);
    width: 680px;
    height: 680px;
    position: absolute;
    background-size: cover;
    right: -220px;
    top: -120px;
    z-index: -1;
    opacity: 1;
    mask-image: url(/images/sumbol-distant.png);
    -webkit-mask-image: url(/images/sumbol-distant.png);
    mask-size: contain;
    color: #e4e9f4;
    filter: invert(71%) sepia(11%) saturate(516%) hue-rotate(176deg) brightness(152%) contrast(85%);
} */
.start-section .slider-nav-top:before {
    display: none;
}
.start-section .slider-nav-top::after {
    display: none;
}
.start-section .call-button {
   background: #e12620;
    font-size: clamp(1.025rem, 0.9469774919614148rem + 0.38585209003215437vw, 1.5rem);
    padding: clamp(15px, 1vw, 20px) clamp(15px, 2.5vw, 40px);
    border-radius: 15px;
    border: 2px #e12620 solid;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    background: #e12620;
    border: none;
    border-radius: 15px;
    font-weight: 500;
    overflow: hidden;
    line-height: 1;
    position: relative;
    transition: .3s linear;
    display: flex
;
    justify-content: center;
    align-items: center;
    width: max-content;
    font-family: "Unbounded", sans-serif;
    font-weight: 400;
}
.start-section .modal-button {
    color: #fff;
    background: #3c3b51;
    font-size: 18px;
    padding: 22px 50px;
    border: none;
    border-radius: 15px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    position: relative;
    transition: .3s linear;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    transition: 0.5s;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: max-content;
}
.start-section .call-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3em;
    height: 100%;
    transform: translateX(-4em) skewX(-45deg);
    background-color: rgba(255, 255, 255, 0.26);
}
.start-section .call-button:hover,
.start-section .call-button:focus {
    transform: translateY(-3px);
    box-shadow: 0px 15px 20px #3c3b513d;
}
.start-section .call-button:hover::before,
.start-section .call-button:focus::before {
    transform: translateX(27em) skewX(-45deg);
    transition: 0.85s 0.15s;
}
.start-section .text {
    font-size: clamp(0.975rem, 0.9309887459807074rem + 0.49292604501607719vw, 1.9625rem);
    color: #3c3b51;
    line-height: 1.6;
    text-align: left;
    margin-bottom: 20px;
    text-wrap: balance;
    position: relative;
    transition: .3s linear;
}
.start-section .text p,
.start-section .text~p {
    font-size: clamp(0.975rem, 0.9309887459807074rem + 0.44292604501607719vw, 1.9625rem);
    color: #3c3b51;
    line-height: 1.3;
    text-align: left;
    margin-bottom: 20px;
    text-wrap: balance;
    font-weight: 400;
}
.start-section .text ul li {
    font-size: clamp(0.975rem, 0.9309887459807074rem + 0.49292604501607719vw, 1.9625rem);
}
.buttons-container {
    display: flex;
    align-items: center;
    column-gap: 20px;
    flex-wrap: wrap;
    gap: 10px;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(var(--bs-border-width)* -1);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.filter-block {
    display: block;
}
.filter-block button {
    padding: 10px 40px;
    font-weight: 400;
    background-color: #e7e2fb;
    box-shadow: none;
    width: 100%;
    border: none;
    margin-bottom: 20px;
    color: #a89cd3;
    font-size: 16px;
}
.filter-block button i {
    color: #a89cd3;
}
.filter-bit {
    display: none;
}
.filter-block .checkbox-container {
    border: none;
    font-size: 12px;
    border-radius: 10px;
    color: #939cb2;
    padding: 25px;
    background-color: #f4f7fe;
    border-radius: 10px;
}
.form-input label {
    font-size: 16px;
    margin-bottom: 8px;
}
.remove-filter {
    background: none;
    border: none;
    color: #3c3b51;
    font-weight: 400;
    cursor: pointer;
    margin-left: 5px;
    font-size: 12px;
}
/* Основные стили */
.filter-block {
    display: block;
}
.filter-block button {
    padding: 10px 40px;
    font-weight: 400;
    background-color: #e7e2fb;
    width: 100%;
    border: none;
    margin-bottom: 20px;
    color: #a89cd3;
}
.checkbox-container {
    margin-bottom: 20px;
}
.styled-checkbox {
    position: absolute;
    opacity: 0;
}
.styled-checkbox+label {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 5px 0;
    font-size: 15px;
    gap: 15px;
    color: #939cb2;
}
.styled-checkbox+label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border: 1px solid #8e85b3;
    background-color: #ffffff;
    border-radius: 4px;
    transition: 0.2s;
}
.styled-checkbox:checked+label:before {
    background-color: #819bff;
    border-color: #819bff;
    content: "✔";
    text-align: center;
    color: white;
    line-height: 20px;
    font-size: 14px;
}
.hidden-option {
    display: none;
}
#toggle-button {
    margin-top: 10px;
}
.content-all a {
    color: #819bff;
    transition: .3s linear;
    cursor: pointer;
}
.content-all a:not([href]):not([class]),
.content-all a:not([href]):not([class]):hover {
    color: #819bff;
    transition: .3s linear;
    cursor: pointer;
}
.content-all {
    font-size: clamp(1.0625rem, 1.0331591639871383rem + 0.12861736334405144vw, 1.1875rem);
    color: #3c3b51;
    color: #3c3b51;
    line-height: 1.6;
    font-weight: 400;
}
.content-all a:hover {
    color: #e12620;
    transition: .3s linear;
}
p i {
    font-weight: 500;    color: #8997b5;
}
p i a{
    font-weight: 500;    color: #0c59ff;
}
p sup{
    font-weight: 500;    color: #8997b5;
}
.nav-link:focus {
    color: #e12620;
}
.nav-link:hover {
    border: 1px #fff solid;
    color: #e12620;
    border-color: #fff !important;
}
.nav-link {
    border: none;
    padding: 0px;
}
.content-all ul {
    padding-left: 0px;
    border-radius: 10px;
}
.content-all ul li {
    list-style: none;
    font-weight: 400;
    line-height: 1.6;
    /* display: block !important; */
    position: relative;
    margin-left: 45px;
    margin-left: clamp(5px, 2.5vw, 15px);
    padding-left: clamp(45px, 2.5vw, 45px);
    font-size: clamp(1.0625rem, 1.0331591639871383rem + 0.12861736334405144vw, 1.1875rem);
}
.education-block .content-all ul li {
    list-style: none;
    font-weight: 400;
    line-height: 1.6;
    /* display: block !important; */
    position: relative;
    margin-left: 15px;
    padding-left: 45px;
    font-size: clamp(1.0625rem, 1.0331591639871383rem + 0.12861736334405144vw, 1.1875rem);
}
.content-all ul li::before {
    content: "";
    font-weight: 900;
    color: rgb(255, 43, 102);
    margin-right: 10px;
    height: 1px;
    width: 31px;
    background: #3c3b51;
    border-radius: 300px;
    position: absolute;
    left: 0px;
    top: 18px;
}
.content-all ol {
    padding-left: 0px;
    border-radius: 10px;
    margin-bottom: 15px;
}
.content-all ul {
    padding-left: 0px;
    border-radius: 10px;
    margin-bottom: 15px;
}
.content-all ol {
    counter-reset: item;
    /* Сбрасываем счетчик */
}
.content-all ol li {
    list-style: none;
    font-weight: 400;
    line-height: 1.6;
    position: relative;
    margin-left: clamp(5px, 2.5vw, 45px);
    padding-left: clamp(35px, 2.5vw, 35px);
    font-size: clamp(1.0625rem, 1.0331591639871383rem + 0.12861736334405144vw, 1.1875rem);    margin-bottom: 5px;
}
.content-all ol li::before {
      content: counter(item) ".";
    position: absolute;
    left: 0;
    border-radius: 300px;
    padding: 0 5px;
    text-align: center;
    top: 0px;
    background: none;
    font-weight: 400;
    color: rgb(255 255 255);
    background: #e12620;
    height: 30px;
    width: 30px;
    font-weight: 400;
}
.content-all ol li {
    counter-increment: item;
    /* Увеличиваем счетчик для каждого li */
}
.ym_ga_social {
    padding: 12px;
    line-height: 0;
    border-radius: 300px;
    background: #eaedf5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    transition: .3s linear;
    height: 40px;
}
.ym_ga_social i {
    color: #3c3b51;
    transition: .3s linear;
}
.ym_ga_social:hover {
    color: #fff;
    transition: .3s linear;
    background: #e12620;
}
.ym_ga_social:hover i {
    color: #fff;
    transition: .3s linear;
}
.course-features {
    display: grid;
    counter-reset: item;
    gap: 15px;
    margin-bottom: 0px;
    padding-left: 20px;
    padding: 0px;
    margin-bottom: 0px;
    margin-bottom: 0px;
    template-columns: repeat(6, minmax(260px, 1fr));
    display: flex;
    overflow-x: scroll;
    gap: 15px;
    padding-bottom: 0px;
    /* scroll-behavior: smooth; */
    /* scrollbar-width: thin; */
    scrollbar-color: #ffffff00 #ffffff12;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    /* scrollbar-color: #f7f7f7 #ffffff; */
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    overflow-x: auto;
    -ms-overflow-style: none;
    /* scrollbar-width: none; */
    padding-bottom: 15px;
}
.course-features::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #F5F5F5;
}
.course-features::-webkit-scrollbar {
    background-color: #878787;
    height: 7px;
    cursor: pointer;
}
.course-features::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #e12620;
}
.start-section .course-features li {
    box-shadow: none;
    background: #eceff7;
}
.course-features li {
    padding: clamp(15px, 2.5vw, 25px);
    color: #61697e;
    display: flex;
    font-weight: 400;
    position: relative;
    flex-direction: column;
    background-position: center center;
    transition: .3s linear;
    font-size: 17px;
    background: #fff;
    height: auto;
    border-radius: clamp(15px, 2.5vw, 30px);
    line-height: 1.3;
    word-wrap: break-word;
    text-wrap: balance;
    max-width: 450px;
    min-width: 310px;
    max-height: 280px;
    width: max-content;
    box-shadow: 1px 1px 4px #cfcfcf;
}
.course-features li span {
    color: #595676;
}
.course-features li i {
    color: #595676;
 
    color: #8590ad;
    background: #8590ad2e;
    padding: 4px;
    border-radius: 300px;
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    margin-bottom: 8px;
    position: absolute;
    right: 15px;
    top: 15px;    box-shadow: 0px 20px #e3e7ef;font-size: clamp(0.9375rem, 0.9086538461538461rem + 0.1282051282051282vw, 1.0625rem);
}
.course-features li img {
    color: #595676;
    font-size: 14px;
    line-height: 0;
    filter: grayscale(1);
    opacity: .6;
}
.course-features li .img-container {
    color: #e12620;
    background: #dfe5f39e;
    padding: 5px;
    border-radius: 10px;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    margin-bottom: 8px;
    position: absolute;
    right: 15px;
    top: 15px;
}
.course-features li span {
    font-size: clamp(1.0625rem, 0.9903846153846154rem + 0.9205128205128205vw, 1.375rem);
    line-height: 1.1;
    position: relative;
    transition: .3s linear;
    display: block;
    margin-bottom: 10px;
    padding: 0px 50px 0px 0px;
      font-weight: 600;
}
.course-features li a {
    color: #3e92ff;
    font-weight: 400;
}
.slider-wrapper {
    position: relative;
}
.slider-nav {
    position: relative;
    top: 10%;
    /* width: 100%; */
    display: flex;
    justify-content: end;
    pointer-events: none;
    right: 0;
    gap: 15px;
    margin-bottom: 15px;
}
.slider-nav-top {
    position: relative;
    top: -40%;
    /* width: 100%; */
    display: flex;
    justify-content: end;
    pointer-events: none;
    right: 0;
    gap: 15px;
    /* margin-bottom: 15px; */
}
.slider-nav-review {
    position: absolute;
    top: -20%;
    /* width: 100%; */
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    right: 0;
    gap: 15px;
    position: relative;
    justify-content: end;
    margin-bottom: 10px;
}
.slider-btn {
    background: #dfe5f3;
    border: none;
    color: #8590ad;
    font-size: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30%;
    cursor: pointer;
    transition: 0.3s linear;
    pointer-events: all;
}
.slider-btn:hover {
    background: #e12620;
    transition: 0.3s linear;
}
.slider-btn:hover i {
    transition: 0.3s linear;
    color: #fff;
}
.worker {
    display: flex;
    overflow-x: auto;
    gap: 15px;
    padding-bottom: 10px;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #e12620 #eef1f7;
    padding-left: 0px;
    user-select: none;
    /* Отключает выделение текста */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin-bottom: 0px;
}
.worker a {
    flex: 0 0 360px;
    /* Фиксированная ширина 300px */
    text-decoration: none;
}
.worker li {
    list-style: none;
    padding: clamp(15px, 2.5vw, 20px);
    font-size: clamp(1.5rem, 1.4413183279742765rem + 0.2572347266881029vw, 1.75rem);
    background: #fff;
    height: 100%;
    padding-right: 40px;
    position: relative;
    border-radius: clamp(15px, 2.5vw, 30px);
    line-height: 1.2;
    font-weight: 500;
    padding-right: 50px;
}
.worker li:hover:before {
    background: #e12620;
    color: #fff;
    transition: .3s linear;
}
.worker li:before {
    transition: .3s linear;
    position: absolute;
    top: 10px;
    right: 10px;
    background: #e6ebf8;
    width: 40px;
    height: 40px;
    border-radius: clamp(15px, 2.5vw, 30px);
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    color: #8590ad;
}
.worker li span {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1;
    position: relative;
    transition: .3s linear;
    font-weight: 500;
    display: block;
    margin-bottom: 8px;
}
.review {
    display: flex;
    overflow-x: auto;
    gap: 15px;
    padding-bottom: 10px;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #e12620 #fff;
    padding-left: 0px;
    user-select: none;
    /* Отключает выделение текста */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

#reviews_block{
        grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    width: 100%;
    display: grid
;
    grid-template-columns: repeat(auto-fit, minmax(430px, 1fr));
    gap: 15px;
}
.review li {
    list-style: none;
    padding:  clamp(15px, 2.5vw, 30px);
    font-size: clamp(1.1875rem, 1.1009615384615385rem + 0.38461538461538464vw, 1.5625rem);
    background: #fff;
    height: 100%;
    padding-right: 40px;
    position: relative;
    border-radius: clamp(15px, 2.5vw, 30px);
    line-height: 1.3;
    font-weight: 600;
    padding-right: 45px;
    flex: 0 0 650px;
    text-decoration: none;    height: auto;
}
.review li:hover:before {
    background: #e12620;
    color: #fff;
    transition: .3s linear;
}
.review li .header {
    font-size: clamp(1.1875rem, 1.1009615384615385rem + 0.38461538461538464vw, 1.5625rem);
}
.review li:before {
    transition: .3s linear;
    position: absolute;
    top: 10px;
    right: 10px;
    background: #e6ebf8;
    width: 50px;
    height: 50px;
    border-radius: clamp(15px, 2.5vw, 30px);
    content: "\f086";
    font-family: "Font Awesome 6 Free";
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #bdc5db;
}
.review li .review-inner .header {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}
.review li .review-inner .header img {
    border-radius: 300px;width: 20px;
    height: 20px;filter: invert(26%) sepia(62%) saturate(5377%) hue-rotate(350deg) brightness(91%) contrast(94%);
}
.review li .review-inner .content {
    font-size: 15px;
    margin-bottom: 0px;
    font-weight: 500;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: inherit;
    vertical-align: middle;
    line-height: 1.3;
    font-size: clamp(0.9375rem, 0.9086538461538461rem + 0.1282051282051282vw, 1.0625rem);
}
.star-ratings-css-bottom {
    display: flex;
    gap: 5px;
    font-size: 17px;
    color: #e12620;
}
.review li span {
       font-size: 14px;
    /* text-transform: uppercase; */
    line-height: 1;
    position: relative;
    transition: .3s linear;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
    color: #8590ad;
}
.review li .name {
       margin-bottom: 8px;
    font-size: 23px;
    font-weight: 600;
}

 
.container-form {
    background: #f4f7fe;
    padding: 50px;
    border-radius: clamp(15px, 2.5vw, 30px);
    border-bottom: none;
}
.napravlenia {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    /* адаптивная ширина */
    gap: 10px;
}
.napravlenia a {
    z-index: 1;
    position: relative;
}
.napravlenia .item {
    padding: clamp(15px, 1.5vw, 30px);
    background: #fff;
    border-radius: clamp(15px, 1.5vw, 30px);
    position: relative;
    overflow: hidden;
    border-bottom: 3px #eaedf5 solid;
}
.course-media {
       height: clamp(45px, 4.5vw, 60px);
    background: #e12620;
    padding: clamp(5px, 2.5vw, 10px);
    border-radius: 300px;
    width: clamp(45px, 4.5vw, 60px);
    display: flex
;
    transform: translateX(0px);
    align-items: center;
    justify-content: center;
    transition: .3s linear;
    margin-bottom: 5px;
}
.napravlenia .item:hover .course-media {
    transform: translateX(10px);
    transition: .3s linear;
    background: #e12620;
}
.napravlenia .item:hover .course-category-title {
    transition: .3s linear;
    color: #e12620;
}
.napravlenia .item:hover .course-media img {
    filter: invert(99%) sepia(17%) saturate(139%) hue-rotate(153deg) brightness(115%) contrast(100%);
    transition: .3s linear;
}
.napravlenia .item img {
         width: clamp(23px, 2.5vw, 35px);
    transition: .3s linear;
    margin-bottom: 0px;
    filter: invert(99%) sepia(17%) saturate(139%) hue-rotate(153deg) brightness(115%) contrast(100%);
    height: clamp(23px, 2.5vw, 35px);
    padding: 0px;
 
}
.napravlenia .item .abstrar {
    filter: none;
    position: absolute;
    width: 100%;
    z-index: 0;
    /* left: 0; */
    margin-bottom: 0px;
    top: 10px;
    width: 60px;
    height: 60px;
    right: 10px;
    opacity: .2;
    filter: grayscale(1);
}
.napravlenia .course-count {
    font-size: 17px;
    font-weight: 600;
    color: #828da1;
    margin-bottom: 0px;
        font-size: clamp(0.875rem, 0.8309887459807074rem + 0.19292604501607719vw, 1.0625rem);
}
.course-category-title {
    font-size: 24px;
    margin-bottom: 5px;
   
font-size: clamp(1.125rem, 1.0369774919614148rem + 0.38585209003215437vw, 1.5rem);
    font-weight: 700;
    font-size: clamp(0.9375rem, 0.8054662379421222rem + 0.5787781350482315vw, 1.5rem);
}
.exam-grid {
    counter-reset: item;
    margin-top: 10px;
    padding: 0px;
    margin-bottom: 0px;
    display: flex;
    overflow-x: auto;
    gap: 15px;
    padding-bottom: 10px;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #e12620 #eef1f7;
    padding-left: 0px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    position: relative;
}
.scroll-container {
    position: relative;
    margin-top: 0px;
}
.scroll-container.hide-before::before {
    display: none;
}
.exam-block {
    background-position: center center;
    border-color: transparent;
    overflow: hidden;
    flex-direction: row;
    position: relative;
    border: 1px #c5ac8f00 solid;
    transition: .3s linear;
    padding: 30px;
    counter-increment: counter-num;
    background: #fff;
    border-radius: clamp(15px, 2.5vw, 30px);
    border-bottom: none;
    flex: 0 0 360px;
    text-decoration: none;
}
.exam-block::before {
    content: counter(counter-num);
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 18px;
    background: #eaedf5;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    height: 35px;
    color: #8590ad;
}
.pretitle {
    color: #3c3b51;
    margin-bottom: 5px;
    display: flex;
    gap: 5px;
    align-items: start;
    font-family: 'Unbounded', sans-serif;
    font-weight: 500;
    font-size: clamp(1.0625rem, 1.0038183279742765rem + 0.2572347266881029vw, 1.3125rem);
}
.pretitle i {
    font-size: 14px;
    color: #e12620;
    background: #e126201a;
    padding: 4px;
    border-radius: 300px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    flex-shrink: 0;
}
.value-inner {
    margin-bottom: 25px;
}
.exam-group-title {
    height: 120px;
    color: #3c3b51;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1.2;
    color: #3c3b51;
}
.exam-discipline-block {
    padding-left: 45px;
    position: relative;
}
.exam-discipline-block:before {
    content: "";
    height: 1px;
    width: 15px;
    background: #514e6f;
    position: absolute;
    top: 12px;
    left: 15px;
}
.exam-discipline {
    color: #3c3b51;
    font-size: 17px;
}
.exam-points {}
.if-finished {
    margin-bottom: 15px;
    display: flex;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    gap: 5px;
    flex-wrap: wrap;
    gap: 5px;
    column-gap: 15px;
}
.exam-or {
    font-weight: 400;
    color: #ffffff;
    margin-top: 0px;
    background: #e12620;
    width: max-content;
    padding: 2px 7px;
    line-height: 1;
    border-radius: 20px;
    font-size: 11px;
}
.mandatory-label {
    display: block;
    margin-bottom: 10px;
    /* text-transform: uppercase; */
    background: #fff;
    /* padding: 0px 0px; */
    /* border-radius: 5px; */
    position: relative;
    /* color: #fff; */
}
.mandatory-label-2 {
    margin-top: 10px;
    line-height: 1.2;
    color: #3c3b51;
    display: block;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 10px;
    background: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    position: relative;
    border: 1px #514e6f solid;
}
.exam-content {
    position: relative;
    margin-bottom: 10px;
    /* background: #eceff7; */
    padding: 10px;
    border-radius: 10px;
    padding-top: 0px;
}
.exam-content:before {
    content: "";
    height: 100%;
    width: 1px;
    position: absolute;
    top: 0;
    background: #514e6f;
    left: 25px;
    z-index: 0;
}
.mandatory-label .exam-type {
    font-size: clamp(1.0625rem, 0.9903846153846154rem + 0.3205128205128205vw, 1.375rem);
    font-weight: 500;
}
.mandatory-label .exam-type i {}
.mandatory-label-2 .exam-type {
    font-size: 12px;
}
.education-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 15px;
}
.education-title {
    font-weight: 500;
    margin-bottom: 25px;
    color: #3c3b51;
    /* font-size: clamp(1.75rem, 2.232692rem + 2.010256vw, 2.525rem); */
}
.education-block {
    padding: clamp(20px, 2.5vw, 40px);
    background: #f4f7fd;
    background: #fff;
    border-radius: clamp(15px, 2.5vw, 30px);
    position: relative;
    border-radius: clamp(15px, 2.5vw, 30px);
    border-bottom: none;
    position: relative;
    overflow: hidden;
}
.education-block .form-img {
    position: absolute;
    right: 20px;
    bottom: 20px;
    opacity: .2;
    filter: invert(66%) sepia(8%) saturate(1191%) hue-rotate(183deg) brightness(88%) contrast(89%);
}
.date-education {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #a8b1c6;
    padding: 5px 13px;
    border-radius: 40px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
    padding: 10px 15px;
}
.price-form-container {
    padding: clamp(15px, 2.5vw, 45px);
    background: #eceff7;
    border-radius: clamp(15px, 2.5vw, 30px);
}
/* .education-block .if-u-have{
    font-size: clamp(1.1875rem, 1.1009615384615385rem + 0.38461538461538464vw, 1.5625rem);
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1.2;
    color: #3c3b51;
} */
.education-block .prices {
    margin-bottom: 15px;
    /* display: flex
; */
    /* gap: 15px; */
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    flex-wrap: wrap;
}
.education-block .course-price {
    border-radius: 45px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.education-block .course-price strong {
    font-weight: 500;
    background: #3c3b51;
    padding: 0px;
    border-radius: 300px;
    width: 17px;
    height: 2px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e12620;
}
.education-block .if-u-have i {
    font-size: 19px;
}
.education-block .countries {
    margin-bottom: 15px;
    display: flex;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    gap: 5px;
    flex-wrap: wrap;
    gap: 5px;
    column-gap: 15px;
}
.countries-line {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    column-gap: 15px;
    padding-left: 0px;
    margin-bottom: 30px;
}
.countries-line li {
    font-weight: 400;
    font-size: clamp(0.875rem, 0.9309887459807074rem + 0.19292604501607719vw, 1.3625rem);
}
.education-block .countries span {
    padding: 4px 8px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    background: #f4f7fe;
}
.komu-podoidet {
    padding: clamp(15px, 2.5vw, 20px);
    background: #dfe5f3;
    display: flex;
    position: relative;
    border-radius: 15px;
    margin-bottom: 5px;
    font-size: clamp(1.1875rem, 1.1009615384615385rem + 0.38461538461538464vw, 1.5625rem);
    gap: 15px;
    align-items: center;
    background: linear-gradient(229deg, rgb(47 50 60) 0%, rgb(213 34 51) 100%);
    color: #fff;
}
.komu-podoidet i {
    color: #fff;
}
.help-postupi {
    padding: clamp(15px, 2.5vw, 20px);
    background: #dfe5f3;
    display: flex;
    position: relative;
    border-radius: 15px;
    margin-bottom: 5px;
    font-size: clamp(1.1875rem, 1.1009615384615385rem + 0.38461538461538464vw, 1.5625rem);
    gap: 15px;
    align-items: center;
}
.help-postupi i {
    color: #e12620;
}
.after-education {
    padding: clamp(15px, 2.5vw, 50px);
    background: #fff;
    position: relative;
    border-radius: clamp(15px, 2.5vw, 30px);
    margin-bottom: 5px;
    font-size: clamp(1.1875rem, 1.1009615384615385rem + 0.38461538461538464vw, 1.5625rem);
}
.after-education-diploma {
    position: relative;
    height: 100%;
}
.after-education-diploma .diploma-slider {
    counter-reset: item;
    padding: 0px;
    margin-bottom: 0px;
    display: flex;
    overflow-x: auto;
    gap: 15px;
    height: 100%;
    padding-bottom: 10px;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #e12620 #eef1f7;
    padding-left: 0px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    position: relative;
}
.after-education .slider-nav {
    position: absolute;
    top: 30px;
    /* width: 100%; */
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    right: 30px;
    gap: 15px;
}
.after-education-diploma .diploma-block {
    background-position: center center;
    border-color: transparent;
    overflow: hidden;
    flex-direction: row;
    position: relative;
    border: 1px #dde3f200 solid;
    transition: .3s linear;
    padding: 15px;
    /* height: 100%; */
    background: #ffffff;
    /* border-radius: clamp(15px, 2.5vw, 30px); */
    border-radius: clamp(15px, 2.5vw, 30px);
    text-decoration: none;
    flex: 0 1 auto;
    /* width: auto; */
    min-width: 220px;
    max-width: 100%;
}
.after-education-diploma .diploma-block {
    cursor: zoom-in;
}
/* .after-education-diploma .diploma-block:before{
    transition: .3s linear;
    position: absolute;
    top: 10px;
    right: 10px;
    background: #e6ebf8;
    width: 50px;
    height: 50px;
        border-radius: clamp(15px, 2.5vw, 30px);
    content: "\f002";
    font-family: "Font Awesome 6 Free";
    display: flex
;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #bdc5db;
} */
.after-education-diploma .diploma-block img {
    width: 100%;
    object-fit: scale-down;
    transition: .3s linear;
    height: 100%;
    /* filter: grayscale(1); */
}
.after-education-diploma .diploma-block img:hover {
    transition: .3s linear;
    /* filter: grayscale(0); */
}
.subtitle {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 600;
    background: #dfe5f3;
    display: inline-block;
    padding: 7px 20px;
    color: #8590ad;
    border-radius: 10px;
    margin-bottom: 5px;
    gap: 5px;
    display: inline-flex;
    align-items: center;
}
.subtitle i {
    color: #8590ad;
}
.subtitle2 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 600;
    background: #e12620;
    display: inline-block;
    padding: 7px 20px;
    color: #fff;
    border-radius: 300px;
    margin-bottom: 5px;
    gap: 5px;
    display: inline-flex;
    align-items: center;
}
.subtitle2 i {
    color: #fff;
}
.desc_main {
    position: relative;
    max-height: 400px;
    /* Или можно заменить на line-clamp */
    overflow: hidden;
    transition: max-height 0.5s ease-in-out, padding 0.3s ease-in-out;
    font-size: clamp(0.875rem, 0.9309887459807074rem + 0.19292604501607719vw, 1.3625rem);
    color: #3c3b51;
    color: #3c3b51;
    line-height: 1.6;
    font-weight: 400;
}
.desc_main h2 {
    font-size: clamp(1.5625rem, 1.2740384615384617rem + 1.282051282051282vw, 2.8125rem);
}
.desc_main h3 {
    font-size: clamp(1.5625rem, 1.2740384615384617rem + 1.282051282051282vw, 2.1125rem);
}
.desc_main a {
    font-weight: inherit;
    border-bottom: 1px #e12620 dashed;
    transition: .3s linear;
    cursor: pointer;
    color: #e12620 !important;
}
.desc_main a:hover {
    font-weight: inherit;
    border-bottom: 1px #819bff dashed;
    transition: .3s linear;
    cursor: pointer;
    color: #819bff !important;
}
.desc_main-withoutbutton h2 {
    font-size: clamp(1.5625rem, 1.2740384615384617rem + 1.282051282051282vw, 2.8125rem);
}
.desc_main-withoutbutton h3 {
    font-size: clamp(1.5625rem, 1.2740384615384617rem + 1.282051282051282vw, 2.1125rem);
}
.desc_main-withoutbutton a {
    font-weight: inherit;
    border-bottom: 1px #e12620 dashed;
    transition: .3s linear;
    cursor: pointer;
    color: #e12620 !important;
}
.desc_main-withoutbutton a:hover {
    font-weight: inherit;
    border-bottom: 1px #819bff dashed;
    transition: .3s linear;
    cursor: pointer;
    color: #819bff !important;
}
.desc_main.expanded {
    max-height: 2000px;
    /* Достаточно большое значение */
}
.show-more-btn {
    cursor: pointer;
    display: inline-block;
    transition: .5s;
    color: #fff;
    background: #e12620;
    font-size: 18px;
    padding: 18px 48px;
    border: none;
    border-radius: 110px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    position: relative;
    transition: .3s linear;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    padding: clamp(7px, 1.5vw, 18px) clamp(10px, 3vw, 45px);
}
.show-more-btn:hover {
    background: #8590ad;
}
#zoom-img {
    margin: 0 auto;
}
.loader {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    position: relative;
}
.loader::before,
.loader::after {
    content: '';
    background-color: #fff;
    position: absolute;
    border-radius: 50%;
    inset: 0;
}
.loader::before {
    --animation-delay: 0ms;
}
.loader::after {
    background-color: red;
    transform: scale(0);
    inset: 5px;
    --animation-delay: 500ms;
}
.loader::before,
.loader::after {
    animation: scale 1s infinite;
    animation-delay: var(--animation-delay);
}
@keyframes scale {
    from {
        transform: scale(0);
        opacity: 1;
    }
    to {
        transform: scale(1);
        opacity: 0;
    }
}
@keyframes ani {
    0% {
        -webkit-mask-position: 0 0, 0 0;
    }
    20% {
        -webkit-mask-position: 0.5ch 0, 0 0;
    }
    40% {
        -webkit-mask-position: 100% 0, 0 0;
    }
    60% {
        -webkit-mask-position: 4.5ch 0, 0 0;
    }
    80% {
        -webkit-mask-position: 6.5ch 0, 0 0;
    }
    100% {
        -webkit-mask-position: 2.5ch 0, 0 0;
    }
}
@keyframes trans {
    100% {
        transform: translateY(0.2px);
    }
}
.foundless {
    font-size: clamp(1rem, 0.8701923076923077rem + 0.576923076923077vw, 1.5625rem);
        color: #939baf;
}
.steps-in-list {
    z-index: 4;
    margin-top: 0px;
    flex-wrap: wrap;
    z-index: 4;
    margin-top: 0px;
    overflow-x: auto;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 500;
    flex-direction: row;
    font-size: 20px;
    font-weight: 400;
    z-index: 4;
    margin-top: 0px;
    gap: 10px;
    justify-content: start;
    text-align: left;
    position: relative;
    padding-top: 10px;
    transition: left 0.3s ease;
    margin: 0 auto;
    margin-bottom: 10px;
    overflow-x: auto;
    max-width: 1920px;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: 100%;
    scrollbar-color: #ffffff00 #ffffff12;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scrollbar-color: #f7f7f7 #ffffff;
}
.steps-in-list li {
    display: flex;
    gap: initial;
    gap: 5px;
    color: #3c3b51;
    text-decoration: none;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    transition: .3s linear;
    padding: clamp(6px, 2.5vw, 9px) clamp(10px, 2.5vw, 24px);
    border: 1px #eceff7 solid;
    border-radius: 10px;
    width: max-content;
    background: #dfe5f3;
    cursor: pointer;
    font-size: 18px;
    color: #3c3b51;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    gap: 8px;
   
    letter-spacing: -1px;
    width: 100%;
    flex: 1;
}
.steps-in-list li:hover {
    background: #e12620;
    color: #fff;
    transition: .3s linear;
}
/* Градиентный эффект на скрытой части */
.desc_main::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    transition: opacity 0.3s;
    backdrop-filter: blur(10);
}
/* Убираем градиенты, когда текст развернут */
.desc_main.expanded::before,
.desc_main.expanded::after {
    opacity: 0;
}
/* Если нет класса "has-gradient", скрываем градиенты */
.desc_main:not(.has-gradient)::before,
.desc_main:not(.has-gradient)::after {
    display: none;
}
b,
strong {
    font-weight: 600;
      
}
#myTab { 
    display: -webkit-box;
    display: flex;
    width: 100%;
    flex-direction: column;
    margin-bottom: 0px;
    padding-left: 0px;
    border-bottom: none;
    background: #fff;
    border-radius: clamp(15px, 2.5vw, 50px);
}
.stickyspecnav {
    position: -webkit-sticky;
    /* position: sticky;
    top: 140px; */
    z-index: 4;
    background: #eceff7;
    margin-bottom: 15px;
    margin-top: 15px;
    /* border-radius: 60px; */
    padding: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-radius: 300px;
}
.stickyspecnav #myTab {
    display: -webkit-box;
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 0px;
    padding-left: 0px;
    border-bottom: none;
    background: #fff;
    border-radius: clamp(15px, 2.5vw, 50px);
}
.stickyspecnav ul li {
    list-style: none;
    border-bottom: none;
    margin-bottom: 0px;
}
.stickyspecnav ul li:hover {}
.stickyspecnav ul li a {
    display: block;
    font-size: 20px;
    font-weight: 500;
    /*  */
    color: #7b87a6;
    padding: 15px 25px;
    border: none !important;
}
.stickyspecnav .nav-item.active a {
    color: #e12620;
}
.stickyspecnav .nav-item.active {
    border-bottom: 1px #e12620 solid;
}
.clipped-image .masked-image {
    border-radius: clamp(15px, 2.5vw, 30px);
    aspect-ratio: 1.5 / 1.1;
    height: auto;
    background: #eaedf5;
    padding: 10px;
    margin-bottom: 30px;
}
.form-line-container {
    padding: clamp(25px, 2.5vw, 50px);
    color: #fff;
    border-radius: clamp(15px, 2.5vw, 30px);
    position: relative;
    overflow: hidden;
    background: linear-gradient(229deg, rgb(47 50 60) 0%, rgb(213 34 51) 100%);
}
.form-line-container::before {
    transform: translate(var(--moveX, 0), var(--moveY, 0));
}
.form-line-container:before {
   content: "";
    background: url(/images/3dlogo2.png);
        width: 410px;
    height: 370px;
    position: absolute;
    background-size: cover;
    right: 100px;
    top: -20px;
    z-index: 1;
    transition: transform 0.1s ease-out;
    opacity: .4;
}
.form-line-container:after {
    content: "";
    background: url(/images/CurveLine.svg);
    width: 100%;
    height: 420px;
    position: absolute;
    background-size: cover;
    right: 0px;
    top: 0px;
    z-index: 0;
    /* opacity: .2; */
    filter: blur(8px);
    transform: translate(var(--moveX, 0), var(--moveY, 0));
}
.form-line-container h3,
.form-line-container p {
    margin-bottom: 10px;
    color: #fff;
    line-height: 1.3;
}
.form-line-container p {
    font-size: clamp(0.875rem, 1.2309887459807074rem + 0.19292604501607719vw, 1.8625rem);
}
.form-line-container .call-button {
      background: #ffffff;
    /* top: 25px; */
    color: #32313c;
    padding: clamp(15px, 1vw, 22px) clamp(15px, 2.5vw, 50px);
    cursor: pointer;
    border: none;
    border-radius: 15px;
    overflow: hidden;
    line-height: 1;
    position: relative;
    transition: .3s linear;
    display: flex
;
    justify-content: center;
    align-items: center;
    width: max-content;
    font-family: "Unbounded", sans-serif;
    font-weight: 400;
    font-size: clamp(1.0625rem, 1.0038183279742765rem + 0.2572347266881029vw, 1.3125rem);
    margin-top: 15px;
}
.form-line-container .call-button:hover {
    background: #ffffff;
    transition: .3s linear;
    color: #3c3b51;
}
.footer-mini-container {
    background: #fff;
    padding: clamp(15px, 1.5vw, 30px);
    border-radius: clamp(15px, 2.5vw, 30px);
    height: 100%;    font-size: 13px;
    font-weight: 500;
}
.footer-napravlenia {
       height: 30px;
    background: #fff;
    padding: 2px;
    border-radius: 300px;
    width: 30px;
    display: flex
;
    transform: translateX(0px);
    align-items: center;
    justify-content: center;
    transition: .3s linear;
}
.footer-napravlenia img {
    width: 25px;
    transition: .3s linear;
    margin-bottom: 0px;
    filter: invert(26%) sepia(94%) saturate(1807%) hue-rotate(334deg) brightness(92%) contrast(94%);
    height: 25px;
    padding: 3px;
}
.footer-mini-container .title-footer {
font-size: 23px;
    margin-bottom: 10px;
    font-weight: 600;
}
.footer-mini-container ul {
    padding-left: 0px;
}
.footer-mini-container ul li {
     padding-left: 0px;
    transition: .3s linear;
    margin-bottom: 5px;
    display: block;
    color: #8997b5;
    font-weight: 500;
    font-size: clamp(1rem, 0.9711538461538461rem + 0.1282051282051282vw, 1.125rem);
}
.footer-mini-container ul li a {
    transition: .3s linear;
}
.footer-mini-container ul li a:hover {
    color: #e12620;
    transition: .3s linear;
}
footer .payment-image {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
footer .payment-image img {
    height: 35px;
    filter: grayscale(1);
    opacity: .3;
}
.footer-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* 4 колонки на больших экранах */
    gap: 20px;
    /* Промежуток между колонками */
}





.callbuttonabsolute {
    position: fixed;
    display: flex;
    bottom: 50px;
    z-index: 6;
    right: 50px;
}
.pulse {
    width: clamp(45px, 3.5vw, 75px);
    height: clamp(45px, 3.5vw, 75px);
    border-radius: 50%;
    background-color: #e12620;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    background: linear-gradient(191deg, rgb(216 40 34) 0%, rgb(169 45 41) 100%);
}
.pulse-button::before,
.pulse-button::after {
    content: '';
    position: absolute;
    width: calc(100%);
    height: calc(100%);
    border-radius: 50%;
    border: 1px solid #c7c7c7;
    animation: calling 2s ease-in-out infinite;
}
.pulse-button i {
    font-size: 23px;
    color: #fff;
}
.pulse-button img{
 width: clamp(25px, 6.5vw, 35px);
 height: clamp(25px, 6.5vw, 35px);
}
.pulse-button::after {
    animation: calling 2s ease-in-out .35s infinite;
}
@keyframes calling {
    0% {
        width: calc(100%);
        height: calc(100%);
        opacity: 1;
    }
    100% {
        width: calc(100% + 60px);
        height: calc(100% + 60px);
        opacity: 0;
    }
}

.pulse-button {
   
    color: white;
    border-radius: 50%;
 
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    cursor: pointer;
   
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s;
    width: clamp(45px, 3.5vw, 75px);
    height: clamp(45px, 3.5vw, 75px);
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    /* background: linear-gradient(191deg, rgb(216 40 34) 0%, rgb(169 45 41) 100%); */
}

.contact-panel {
    position: fixed;
    bottom: 110px;
    right: 30px;
    background: white;
    padding: 30px 20px 20px 20px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    display: none;
    flex-direction: column;
    gap: 10px;
    z-index: 10;
}

.contact-link {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}
.contact-link img {
  width: 30px;
    font-weight: bold;
}

.contact-link:hover {
    color: #007bff;
}
.pulse-close {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #ffffff;
    color: #000000;
    border-radius: 50%;
    padding: 3px 8px;
    font-size: 28px;
    font-weight: bold;
 
    cursor: pointer;
    z-index: 10;
    z-index: 10;
    width: 100%;
    height: 100%;
    align-items: center;
 
    justify-content: center;
    align-items: center;
  }
.pulse-close div{
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex
;
    align-items: center;
    justify-content: center;
  }
  .pulse-button {
    position: relative;
    cursor: pointer;
  }
.close-btn {
    align-self: flex-end;
    background: none;
    border: none;
    font-size: 27px;
    cursor: pointer;
    color: #888;
    position: absolute;
    top: 0;
    right: 10px;
}


footer .footer-spec-ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 500;
    flex-direction: row;
    font-size: 20px;
    font-weight: 400;
    /* background: #fff; */
    z-index: 4;
    margin-top: 0px;
    gap: 10px;
    overflow-x: auto;scrollbar-color: #ffffff00 #ffffff12;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #ff1d1d #ffffff;
    padding-bottom: 10px;
}
footer .footer-spec-ul li {
    margin-bottom: 0px;
    width: 100%;
    flex: 1;
}
footer .footer-spec-ul li a {
       display: flex
;
    gap: 5px;
    text-decoration: none;
    align-items: center;
    transition: .3s linear;
    padding: 5px 10px;
    border: 1px #eceff7 solid;
    border-radius: 15px;
    background: #fff;
    /* text-transform: uppercase; */
    width: 100%;
    justify-content: center;
    margin-bottom: 5px;
    font-size: 16px;
    color: #3c3b51;
    font-weight: 600;
    color: #505d7a;
}
 
footer .footer-spec-ul li:hover a:not([href]):not([class]) {
        color: #fff; 
}
footer .footer-spec-ul li a:hover {
    background: #e12620;
    color: #fff;
    transition: .3s linear;
}
footer .footer-spec-ul li a:hover .footer-napravlenia {
    background: #fff;
    
    transition: .3s linear;
}
footer .site-rating {
    font-size: 14px;
}
footer .star {
    color: #e12620;
    font-size: 19px;
}
footer .title_h i {
    color: #e12620;
    font-size: 16px;
}
footer .title_h {
margin-bottom: 10px;
    font-weight: 600;
    color: #3c3b51;
    font-size: clamp(1.1875rem, 1.1298076923076923rem + 0.2564102564102564vw, 1.4375rem);
   
}
footer #totop {
    position: fixed;
    bottom: 55px;
    left: 15px;
    background: rgb(225 38 32);
    width: clamp(45px, 3.5vw, 65px);
    height: clamp(45px, 3.5vw, 65px);
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 310px;
    color: rgb(255, 255, 255);
    z-index: 9;
    cursor: pointer;
    color: #3c3b51;
    background: linear-gradient(191deg, rgb(216 40 34) 0%, rgb(169 45 41) 100%);
}
footer #tonav {
    position: fixed;
    bottom: 50px;
    left: 50px;
    background: rgb(225 38 32);
    width: clamp(45px, 3.5vw, 65px);
    height: clamp(45px, 3.5vw, 65px);
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 310px;
    color: rgb(255, 255, 255);
    z-index: 12;
    cursor: pointer;
    color: #3c3b51;
    background: linear-gradient(191deg, rgb(216 40 34) 0%, rgb(169 45 41) 100%);
}
footer .footer-wrap span {
text-align: center;
    display: block;
    margin-top: 5px;
    margin-bottom: 15px;
    border-radius: clamp(15px, 2.5vw, 30px);
    font-size: 14px;
    color: #3c3b51;
    background: #eaedf5;
    padding: 10px;
    color: #8997b5;
    font-weight: 500;
}
footer i {
    font-size: clamp(1.125rem, 1.0369774919614148rem + 0.38585209003215437vw, 1.5rem);
    color: #fff;
}
.search-block .search-title {
    font-size: 24px;
    font-weight: 400;
    text-transform: inherit;
    vertical-align: middle;
    letter-spacing: -1px;
    width: 95%;
    font-family: "Unbounded", sans-serif;
}
.search-block b {
    font-family: inherit;
    text-decoration: underline;
}
.search-block small {
    color: #828da1;
    transition: .3s linear;
}
.search-block {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: clamp(20px, 2.5vw, 25px);
    border-radius: clamp(15px, 2.5vw, 30px);
    border-bottom: none;
    overflow: hidden;
    gap: 5px;
    transition: .3s linear;
    background: rgb(255, 255, 255);
    height: 100%;
}
.search-block:hover {
    background: rgb(225 38 32);
    color: #fff;
    transition: .3s linear;
}
.search-block:hover p {
    color: #fff;
    transition: .3s linear;
}
.search-block:hover small {
    color: #fff;
    transition: .3s linear;
}
.search-block p {
    transition: .3s linear;
}
#scroll-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 93%;
    height: 2px;
    background: #eceff7;
    z-index: 144;
    margin: 0 auto;
    transform: translate(-50%, 50%);
    border: none;
    bottom: 0;
    left: 50%;
}
#scroll-line {
    position: absolute;
    height: 100%;
    width: 0%;
    background: #e12620;
    transition: width 0.3s ease-out;
}
.nav-dot {
    position: absolute;
    bottom: -3px;
    height: 8px;
    width: 8px;
    background: white;
    border-radius: 50%;
    border: 1px solid #d7dbe5;
    cursor: pointer;
    transition: transform 0.2s;
    z-index: 100;
}
/* Подписи к точкам */
.nav-dot:hover::after {
    content: attr(data-label);
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    background: rgb(51 50 60 / 92%);
    color: white;
    padding: 5px 8px;
    font-size: 12px;
    border-radius: 5px;
    white-space: nowrap;
    display: block;
}
.nav-dot.scrolled {
    background: #e12620;
    /* Закрашиваем уже пройденные */
    border: 1px solid #e12620;
}
.nav-dot.active {
    background: #fff;
    border: 1px solid #e12620;
    transform: scale(1.3);   background: #e12620;
}
.nav-dot:hover {
    transform: scale(1.3);
    background: #e12620;
    border: 1px solid #e12620;
}
.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgb(0 0 0 / 76%);
    display: flex;
    overscroll-behavior: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3sease, visibility 0.3sease;
}
.search-overlay .search-box {
    position: relative;
    width: 90%;
    margin: 0 auto;
}
.search-overlay h3 {
    color: #ffffff;
    text-align: center;
}
/* Стили для активного состояния */
.search-overlay.active {
    opacity: 1;
    visibility: visible;
    z-index: 11;
    backdrop-filter: blur(5px);
}
/* Стили для кнопки закрытия */
.close-search {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 44px;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
}
.count-program {
    font-size: 16px;
    width: 50px;
    position: absolute;
    padding: 5px 10px;
    background: #e12620;
    text-align: center;
    border-radius: 300px;
    color: #ffffff;
    font-weight: 500;
    margin-left: 8px;
}
.grid-containersa {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 55px;
    margin-top: 15px;
    overflow-x: auto;
    max-width: 1920px;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: 100%;
    scrollbar-color: #ffffff00 #ffffff12;
    scroll-behavior: smooth;
    scrollbar-width: #e11d1d;
    scrollbar-color: #d92c29 #c22727;
}
.grid-itemsc {
    padding: 0px;
    display: flex
;
    align-items: center;
    justify-content: center;
    font-size: clamp(1.125rem, 1.0817307692307692rem + 0.19230769230769232vw, 1.3125rem);
    transition: .3s linear;
    text-align: center;
    color: #828da1;
    padding: 5px 20px;
    border-radius: 10px;
    border: 1px #a9b2c1 solid;    margin-bottom: 5px;
}
.grid-itemsc:hover {
    transition: .3s linear;
    color: #ffffff;
    background: #a9b2c1;
}
.grid-itemsc:nth-child(1) {
    grid-column: span 2;
}
.grid-itemsc:nth-child(2) {
    grid-column: span 1;
}
.grid-itemsc:nth-child(3) {
    grid-column: span 2;
    grid-row: span 2;
}
.grid-itemsc:nth-child(4) {
    grid-column: span 1;
}
.grid-itemsc:nth-child(5) {
    grid-column: span 2;
}
.grid-itemsc:nth-child(6) {
    grid-column: span 3;
}
.grid-itemsc:nth-child(7) {
    grid-column: span 3;
}
.grid-itemsc:nth-child(8) {
    grid-column: span 2;
}
.grid-itemsc:nth-child(9) {
    grid-column: span 1;
}
.grid-itemsc:nth-child(10) {
    grid-column: span 2;
}
.grid-itemsc:nth-child(11) {
    grid-column: span 3;
}
.das {
    z-index: 2;
    /* padding: 10px 0px; */
    top: 140px;
    /* position: sticky; */
    z-index: 4;
    background: #eceff7;
    /* margin-bottom: 15px;
    margin-top: 15px; */
    /* padding: 10px 0px; */
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-bottom: 15px;
}
.filter-content {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    width: 70%;
}
.course-widget form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    background: #fff;
    padding: 15px 20px;
    border-radius: 20px;
}
.spec_right .widget {
    padding: clamp(15px, 2.5vw, 20px);
    background: #fff;
    border: 1px solid hsla(0, 0%, 73.3%, .18);
    margin-bottom: 15px;
    box-shadow: 0 0 10px 0 hsla(0, 0%, 81.6%, .35);
    border-radius: 5px;
}
#spelcialties-search-input {
    border-color: #ededed;
    border-radius: 0;
    box-shadow: none;
    height: 44px;
    transition: all .3s ease-in-out 0s;
}
.tab {
    margin-bottom: 0px;
    text-align: left;
    border: none;
    font-size: 12px;
    color: #ffffff;
    border-radius: 10px;
    border: 1px #eaedf5 solid;
    transition: .3s linear;
    background: #eaedf5;
}
.tab:hover {
    border: 1px #e12620 solid;
    background: #e12620;
    transition: .3s linear;
}
.tab:hover select {
    color: #ffffff;
    transition: .3s linear;
}
.tab:hover select option {
    color: #3c3b51;
    transition: .3s linear;
}
.tab:hover .custom-arrow {
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transition: .3s linear;
}
.tab:hover label {
    color: #fff;
}
.tab:hover .tab-title:after {
    color: #fff;
}
.tab-title {
    display: flex;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
    font-weight: 500;
    color: #38364e;
    font-size: 20px;
    padding: 10px 25px;
    gap: 15px;
    color: #4c5466;
    position: relative;    font-size: clamp(1.0625rem, 1.0192307692307692rem + 0.19230769230769232vw, 1.25rem);    font-weight: 600;
}
.tab-title:last-child {
    border-bottom: none;
}
.tab-title .count {
      position: absolute;
    top: -12px;
    right: -6px;
    background: #e12620;
    border-radius: 5px;
    padding: 4px 6px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border: 2px solid #fff;
    outline: 1px solid #e12620;
    line-height: 1;
}
.rtin-enter {
    display: flex;
    gap: 15px;
}
.tab :checked+.tab-title:after {
    content: "\2212";
}
.tab-title:after {
    content: "+";
    float: right;
    font-size: 27px;
    color: #4c496e;
    line-height: 1;    width: 15px;
    font-weight: 400;    display: flex
;
    align-items: center;
    justify-content: center;
}
.tab-content {
    padding: 25px 30px 30px 30px;
    margin-top: 10px;
    border-bottom: none;
    z-index: 13;
    position: absolute;
    background: #ffffff;
    max-height: 250px;
    overflow-y: auto;
    box-shadow: 0px 8px 30px #85858578;
    border-radius: 20px;
}
.tab :checked~.tab-content {
    display: block;
}
.tab-content,
.tab input {
    display: none;
}
.tab-content input {
    display: inline;
    cursor: pointer;
    margin-right: 5px;
}
.filter_science {
    display: block;
}
.tab-content .filter_science label {
position: relative;
    cursor: pointer;
    display: flex
;
    padding: 4px 0;
    font-size: 15px;
    gap: 5px;
    color: #5d6781;
    line-height: 1.2;
       font-weight: 500;
}
.tab-content .filter_science label:hover {
    color: #3c3b51;
}
.filter_science:last-child {
    border-bottom: none;
}
.filter_success {
    padding: 10px 20px;
    font-size: 20px;
    transition: .3s linear;
    position: relative;
    border: none;
    color: #fff;
    width: 100%;
    display: block;
    border-radius: 10px;
    background: #e12620;
    margin-bottom: 0px;    font-weight: 600;
}
.filter_success:hover {
    transition: .3s linear;
    background: #bf1f1a;
}
.filter_reset {
    background-color: #8590ad;
    border: none;
    color: #ffffff;
    padding: 10px 20px;
    font-size: 19px;
    border-radius: 5px;
    width: 100%;
    display: block;
    border-radius: 10px;
    transition: .3s linear;
    text-align: center;
    cursor: pointer;    font-weight: 600;
}
.filter_reset:hover {
    transition: .3s linear;
    background-color: #656d83;
}
.selected-filters {
    margin-top: 15px;
    padding: 15px;
    border-radius: 15px;
    background: #fff;
}
.selected-filters p {
    margin-bottom: 5px;
    font-size: 19px;
    font-weight: 500;
}
.filter-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.filter-tag {
    color: #3c3b51;
    padding: 5px 15px;
    border-radius: 5px;
    background: #eaedf5;
}
/* Стилизация чекбоксов */
.tab-content input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #007bff;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-color: #fff;
    transition: all 0.3s ease;
    display: inline-block;
    flex-shrink: 0;
    border: 1px solid #8e85b3;
    background-color: #ffffff;
    border-radius: 4px;
    transition: 0.2s;
}
.tab-content input[type="checkbox"]:checked {
    background-color: #444357;
    border-color: #454457;
}
.tab-content input[type="checkbox"]:checked::after {
    content: '\2714';
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
input[type="checkbox"]:hover {
    border-color: #3c3b51;
}
input[type="checkbox"]:disabled {
    background-color: #ccc;
    border-color: #aaa;
    cursor: not-allowed;
    opacity: .35;
}
table {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 300px;
    display: block;
    border-top: 1px #dedede solid;
    overflow-x: auto;
    margin-bottom: 15px;
    border-top-left-radius: clamp(15px, 2.5vw, 15px);
    border-top-right-radius: clamp(15px, 2.5vw, 15px);max-height: 600px;
}
table tr th,
table tr td {
    border-right: 1px solid #dfe5f3;
    border-bottom: 1px solid #dfe5f3;
    background: #fff;
    padding: clamp(5px, 1vw, 5px) clamp(10px, 2.5vw, 10px);
    font-size: clamp(1.0625rem, 1.0331591639871383rem + 0.12861736334405144vw, 1.0875rem);
    color: #3c3b51;    line-height: 1.3;
}
table tr th:first-child,
table tr td:first-child {
    border-left: 1px solid #dfe5f3;
}
table thead tr:first-child td:first-child {
    border-top-left-radius: clamp(15px, 2.5vw, 15px);
}
table thead tr:last-child td:first-child {
    border-top-left-radius: clamp(15px, 2.5vw, 15px);
    border-bottom-left-radius: 0px;
}
table thead tr:first-child td:last-child {
    border-top-right-radius: clamp(15px, 2.5vw, 15px);
    border-bottom-right-radius: 0px;
}
table tr:last-child td:first-child {
    border-bottom-left-radius: clamp(15px, 2.5vw, 15px);
}
table tr:last-child td:last-child {
    border-bottom-right-radius: clamp(15px, 2.5vw, 15px);
}
table thead tr:first-child td {
    font-size: 20px;
    color: #fff;
    border-right: 1px #ffffff2e solid;
    
    background: #3c3b51;
    padding: 10px 20px
}
table a {
    color: #3F51B5;
}
table tr th {
    background: #eee;
    border-top: 1px solid #dfe5f3;
    text-align: left;
}
/* top-left border-radius */
table tr:first-child th:first-child {
    border-top-left-radius: 30px;
}
/* top-right border-radius */
table tr:first-child th:last-child {
    border-top-right-radius: 30px;
}
tbody {
    border-top: 1px #dedede solid;
}
.process {
    width: 100%;
    padding: 0;
    text-align: center;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: auto;
}
.process__item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    position: relative;
    padding: 15px 35px;
    transition: 0.4s ease-in-out;
    background: #f4f7fe;
    background: #fff;
    padding: clamp(15px, 2.5vw, 50px);
    height: 100%;
    border-radius: clamp(15px, 2.5vw, 30px);
    border-bottom: none;
    position: relative;
    overflow: hidden;
}
 
.process__item .process-image {
    width: clamp(160px, 11.5vw, 240px);
}
/* .process__item .step-number{
    position: absolute;
    top: 10px;
    right: 10px;
    background: #d9dde7;
    width: 50px;
    height: 50px;
        border-radius: clamp(15px, 2.5vw, 30px);
    display: flex
;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    z-index: 1;
    transform: rotate(45deg);
    color: #3c3b5180;
    transition: .3s linear;
  } */
/* .process__item:hover {
    background: #f2f2f2;
  } */
.process__item:hover .process__number {
    transform: translateY(5px);
    color: #e12620;
}
.process__number {
    font-size: 70px;
    /* -webkit-text-stroke: 1px #3c3b5163; */
    display: block;
    color: #e1e7f3;
    line-height: 1;
    font-weight: 700;
    transition: 0.3s ease-in-out;
    position: absolute;
    right: 20px;
    top: 20px;font-size: clamp(2.5rem, 2.0673076923076925rem + 1.9230769230769231vw, 4.375rem);
}
.process__title {
    display: block;
    font-weight: 700;
    letter-spacing: 1.5px;
    font-size: 35px;
    color: #003c71;
    text-transform: uppercase;
    margin-top: 30px;
}
.process__subtitle {
    display: block;
    font-size: 20px;
    margin-top: 15px;
    line-height: 1.5;
}
.process__subtitle ol li {
    margin-left: 15px;
}
.process__subtitle .process-title {
    font-size: 30px;
   
    margin-bottom: 10px;
}
.process__subtitle .title_block {
    margin-bottom: 10px;
    font-weight: initial;
    font-weight: 600;
    font-size: clamp(1.5rem, 1.4134615384615385rem + 0.38461538461538464vw, 1.875rem);
}
.welcome-contact-banner {
    padding: clamp(20px, 2.5vw, 40px);
    background: #f4f7fd;
    background: #fff;
    border-radius: clamp(15px, 2.5vw, 30px);
    position: relative;
    border-radius: clamp(15px, 2.5vw, 30px);
    border-bottom: none;
    position: relative;
    overflow: hidden;
    display: flex;
    height: 100%;
    gap: 15px;
    flex-direction: column;
    justify-content: space-between;
}
.work-schedule {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: clamp(20px, 2.5vw, 40px);
    background: #f4f7fd;
    background: #fff;
    border-radius: clamp(15px, 2.5vw, 30px);
    position: relative;
    border-radius: clamp(15px, 2.5vw, 30px);
    border-bottom: none;
    position: relative;
    overflow: hidden;
    /* justify-content: space-between; */
    height: 100%;
}
.day-block {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.day-label {
      min-width: 80px;
    font-weight: bold;
    /* text-align: right; */
    font-size: 18px;
}
.time-label {
    min-width: 100px;
    text-align: left;
}
.dots {
    flex-grow: 1;
    border-bottom: 1px dotted #000;
    height: 1px;
    margin: 0 10px;
}
.welcome-contacts a {
    border: 1px #3c3b51 solid;
    padding: 4px 10px;
    border-radius: 10px;
    transition: .3s linear;
    width: 100%;
    display: block;
}

.welcome-contacts p{
    margin-bottom: 10px;
}
.welcome-contacts a:hover {
    border: 1px #e12620 solid;
    padding: 4px 10px;
    border-radius: 10px;
    color: #ffffff;
    background: #e12620;
    transition: .3s linear;
}
.welcome-contacts strong {
    margin-bottom: 0px;
}
.welcome-contact-banner img {
    width: clamp(100px, 9.5vw, 180px);
    position: relative;
    float: right;
    bottom: 0px;
}
.welcome-contact-banner .text {
    font-size: 30px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 30px;
}
.contact-card {
    gap: 20px;
    background: #dfe5f3;
    border-radius: clamp(15px, 2.5vw, 30px);
    background-color: #fff;
    background-position: center center;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    transition: .3s linear;
    padding: clamp(20px, 2.5vw, 40px);
    max-height: 300px;
    height: 100%;
    border-bottom: 3px #eaedf5 solid;
}
.contact-card .image {
    flex-shrink: 0;
    position: relative;
}
.contact-card .image .status-work {
  text-align: center;
    font-size: 13px;
    color: #8997b5;
    font-weight: 600;
    margin-top: 5px;
    background: #eceff7;
    border-radius: 5px;
    width: max-content;
    padding: 2px 10px;
    margin: 0 auto;
    margin-top: 5px;
}
.contact-card .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}
.contact-card .content {
    flex: 1;
}
.contact-card .name {
      font-weight: 600;
    color: #3c3b51;
    font-size: clamp(1.1875rem, 1.1298076923076923rem + 0.2564102564102564vw, 1.4375rem);
}
.contact-card .status {
      font-size: 14px;
    color: #8997b5;
    font-weight: 600;
}
.contact-card .phones {
    font-size: 18px;
}
.contact-card .phones a {
    display: block;
    color: #6e6b87;
    text-decoration: none;
    margin-top: 2px;
    transition: .3s linear;
}
.contact-card .phones a:hover {
    transition: .3s linear;
    color: #e12620;
}
.contact-card .socials {
    margin-top: 10px;
    display: flex;
    gap: 5px;
}
.contact-card .socials a {
    text-decoration: none;
}
.contact-card .socials a img {
    width: 35px;
}
.ring-container {
    position: relative;
    position: absolute;
    top: 0px;
    left: 0px;
}
/* Красный цвет вне указанного времени */
.ring-container.off-hours .ringring {
    border-color: red;
}
.ring-container.off-hours .circle {
    background-color: red;
}
.circle {
    width: 15px;
    height: 15px;
    background-color: #62bd19;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
    border: 3px #ffffff solid;
}
.ringring {
    border: 3px solid #62bd19;
    border-radius: clamp(15px, 2.5vw, 30px);
    height: 25px;
    width: 25px;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}
.fakty-container {
    display: flex;
    gap: 15px;
}
.fakty-container .item {
    background: #fff;
    color: #000;
    padding: 25px;
    font-size: 21px;
    display: flex;
    flex-direction: column;
    border-radius: clamp(15px, 2.5vw, 30px);
}
.fakty-container .item span {
    font-size: 41px;
    font-weight: 600;
    color: #e12620;
    line-height: 1;
}
.solo-merkers-vuz {
    background: #eaedf5;
    padding: 10px 20px;
    display: inline-block;
    border-radius: clamp(15px, 2.5vw, 50px);
 
    margin-bottom: 10px;
       font-weight: 600;
           font-size: clamp(1rem, 0.9423076923076923rem + 0.2564102564102564vw, 1.25rem);
}
blockquote {
    margin: 2rem 0;
    background: #f6f6f9;
    display: block;
    /* font-family: monospace; */
    font-size: 18px;
    position: relative;
    line-height: 1.4;
    padding: clamp(30px, 2.5vw, 60px);
    font-weight: 500;
    text-align: left;
    border-radius: 20px;
}
blockquote::before {
    content: "\e802";
    display: inline-block;
    font-family: fontello;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: clamp(3.125rem, 2.8365384615384617rem + 1.282051282051282vw, 4.375rem);
    color: #d8d8d8;
    position: absolute;
    z-index: 0;
    left: 20px;
    top: -30px;
    content: "\f075";
    font-family: "Font Awesome 6 Free";
}
cite {
    color: #a8a8a8;
    font-weight: 400
}
@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0.0;
    }
    50% {
        opacity: 1.0;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0.0;
    }
}
.search-button-header form {
 
    /* border: 1px #d5dae5 solid; */
    background: #eaedf5;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 0;
}
.search-button-header {
    /* width: 350px; */
    margin-right: auto;
}
.search-button-header form input {
       height: 100%;
    border: none;
    background: #dee2ed;
    padding: 14px 20px;
    padding-left: 20px;
    padding-right: clamp(15px, 2.5vw, 80px);
    /* font-family: "Unbounded", sans-serif; */
    border-radius: 15px;
    font-weight: 600;
}
.search-button-header form input:focus-visible {
    outline: none;
}
.search-button-header form input::placeholder {
    font-size: 14px;
    color: #3c3b51;
}
.form-control::placeholder{
        color: #8997b5;
}
.search-button-header form button {
       border: none;
    padding: 4px;
    width: 35px;
    height: 37px;
    border-radius: 10px;
    background: #e12620;
    position: absolute;
    right: 5px;
    top: 4px;
    color: #ffffff;
    font-size: 14px;
}
.search-button-header #openSearch {
    display: none;
    border: 1px #dee2ed solid;
    color: #403d58;
    border-radius: clamp(5px, 2.5vw, 15px);
    background: #dee2ed;
    padding: clamp(10px, 1.5vw, 12px) clamp(10px, 1.5vw, 25px);
}
#fixedMenu {
    display: none;
}
#fixedMenu .fixed-menu-inner {
    display: flex;
    height: 90%;
    width: 100%;
    overflow: hidden;
    display: grid;
    grid-template-columns: 300px 3fr 1fr;
    /* Первая колонка 350px, остальные растягиваются */
    height: 90%;
    width: 100%;
    overflow-y: auto;
    gap: 20px;
    overscroll-behavior: none;
    padding-right: 10px;
}
#fixedMenu.active {
    max-height: 100%;
    padding: clamp(0px, 2.5vw, 30px);
    overflow-y: auto;
    height: 100%;
    position: fixed;
    top: 90px;
    overscroll-behavior: none;
    background: #fff;
    width: 100%;
    border-top: 1px #eeeeee solid;
    z-index: 134;
    display: block;
}
.menu-title {
    font-size: 50px;
   
}
.menu-left {
    width: 100%;
    background: #eaedf5;
    padding: 25px;
    display: flex;
    border-radius: clamp(15px, 2.5vw, 30px);
    flex-direction: column;
    gap: 10px;
    padding: clamp(10px, 2.5vw, 25px);
}
.menu-caption {
    padding: 10px;
    cursor: pointer;
}
.menu-caption i{
    font-size: 14px;
}
.menu-caption:hover,
.menu-caption.active {
    background: #ffffff;
    color: #3c3b51;
    border-radius: 15px;
}
.menu-right {
    flex-grow: 1;
    padding: 0px 20px;
    overflow: auto;
}
.menu-list {
    display: none;
}
.content.active .menu-list {
    display: block;
    padding: 0;
    /* background: #eaedf5; */
    padding: clamp(15px, 2.5vw, 20px);
    border-radius: clamp(15px, 2.5vw, 30px);
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding-top: 0;
}
.menu-contacts .welcome-contact-banner {
    background: #eaedf5;
    padding-right: 40px;
}
.menu-contacts .welcome-contact-banner strong {
    font-size: 17px;
}
.content.active .menu-list li {
    flex: 0 0 48%;
    background: #eaedf5;
    border-radius: 15px;
    transition: .3s linear;
}
.menu-toggle {
    cursor: pointer;
}
.menu-caption,
.menu-caption a {
    font-size: 20px;
    color: #3c3b51;
       font-weight: 600;
}
#fixedMenu ul li a {
    font-size: clamp(1.0625rem, 1.0048076923076923rem + 0.2564102564102564vw, 1.2125rem);
    display: flex;
    padding-left: 5px;
    gap: 10px;
    transition: .3s linear;
    line-height: 1.2;
    color: #3c3b51;
    align-items: flex-start;
    height: 100%;
       font-weight: 600;
    padding: 10px 15px;
}
#fixedMenu ul li a img { 
       flex-shrink: 0;
    margin-bottom: 0px;
    filter: invert(26%) sepia(94%) saturate(1807%) hue-rotate(334deg) brightness(92%) contrast(94%);
    height: 25px;
    padding: 3px; 
    height: 35px; 
    padding: 3px;
    width: 35px;
    display: flex
;
    transform: translateX(0px);
    align-items: center;
    justify-content: center;
    transition: .3s linear;
    border-radius: 10px;
    border: 2px #000 solid;
}
#fixedMenu ul li:hover {
    color: #fff;
    background: #e12620;
    transition: .3s linear;
}
#fixedMenu ul li:hover img{
    filter: invert(100%) sepia(0%) saturate(453%) hue-rotate(341deg) brightness(120%) contrast(100%);
}
 
#fixedMenu ul li:hover a {
    color: #fff;
    transition: .3s linear;
}
.socials-absolute {
    display: flex;
    gap: 5px;
    font-size: 20px;
    align-items: center;
}
.socials-absolute img {
    width:35px;
}
.phone-podpis {
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: 400;
    color: #403d58;
    color: #8590ad;
}
/* Общие стили для header */
header {
    background-color: #eceff7;
    color: #515060;
    z-index: 10;
    position: sticky;
    top: 0;
    left: 0;
    /* width: 300px; */
    transition: left 0.3s ease;
    box-shadow: 10px 0 30px rgb(123 135 166 / 18%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 15px;
    width: 100%;
        max-width: 1930px;
    margin: 0 auto;
}
header .contacs {
    display: flex;
    margin-bottom: 0px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    position: relative;
    flex-direction: column;
}
header .contacs a {
    font-size: 20px;
    transition: .3s linear;
    font-weight: 500;
    line-height: 1.4;
}
header .contacs a:hover {
    color: #e12620;
    transition: .3s linear;
}
.header-container {
       border-bottom: 1px #eee solid;
    display: grid
;
    margin: 0 auto;
    /* gap: 0px; */
    grid-template-columns: 360px minmax(0, 1fr) 360px;
    display: flex
;
    align-items: center;
    justify-content: end;
    max-width: 1920px;
    position: relative;
    flex-wrap: nowrap;
    gap: clamp(5px, 1vw, 10px);
    padding: clamp(8px, 1vw, 10px) clamp(8px, 2.5vw, 15px);
        padding-bottom: 0px;
}
.logo {
    width: 160px;
    text-decoration: none;
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: clamp(1.0625rem, 0.9903846153846154rem + 0.3205128205128205vw, 1.375rem);
    font-weight: 600;
}
.logo img {
    width: 100%;
    width: 40px;
}
.phone-container {
    flex: 1;
    justify-content: flex-start;
}
.additional-phone {
    display: flex;
}
/* Стили для бокового меню */
.menu {
    text-align: left;
    position: relative;
    padding-top: 5px;
    transition: left 0.3s ease;
    margin: 0 auto;
    margin-bottom: 0px;
    overflow-x: auto;
    max-width: 1920px;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: 100%;
    scrollbar-color: #ffffff00 #ffffff12;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scrollbar-color: #f7f7f7 #ffffff;
    padding-bottom: 5px;
}
.menu .obj {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 500;
    flex-direction: row;
    font-size: 20px;
    font-weight: 400;
    background: #eceff7;
    z-index: 4;
    margin-top: 0px;
    border-radius: clamp(15px, 2.5vw, 50px);
   gap: clamp(5px, 1vw, 10px);
    justify-content: start;
    margin: 0 auto;
    padding: clamp(0px, 1vw, 0px) clamp(8px, 2.5vw, 15px);
}
.menu .obj li {
    cursor: pointer;
}
.menu .obj li a {
       display: flex
;
    gap: 5px;
    text-decoration: none;
    align-items: center;
    text-transform: math-auto;
    transition: .3s linear;
    border-radius: 10px;
    width: max-content;
    background: #dee2ed;
    cursor: pointer;
    font-size: clamp(1rem, 0.9711538461538461rem + 0.1282051282051282vw, 1.08rem);
    color: #3c3b51;
    letter-spacing: 0px;
    padding: clamp(5px, 1vw, 9px) clamp(15px, 2.5vw, 24px);
    color: #3c3b51;
    font-weight: 600;
}

.menu .obj li a.active{
    color: #ffffff;
    background: #e12620;
    transition: .3s linear;
}
.menu .obj li a.active i{    color: #ffffff;
    transform: rotate(180deg);
    transition: .3s linear;
}
.menu .obj .dropdown-menu li a {
    display: flex;
    gap: 0px;
    transition: .3s linear;
    color: #4c5466;
    text-decoration: none;
    align-items: start;
    font-weight: 500;
    font-size: 17px;
    padding: 10px 20px;
    width: 100%;
    height: 100%;
   
    justify-content: start;
    background: #eaedf5;    gap: 7px;
    border: none;font-size: 16px;
    color: #3c3b51;
    font-weight: 600;
}
.menu .obj .dropdown-menu li a:hover {
    color: #ffffff;
    background: #e12620;
    transition: .3s linear;
    border-radius: 10px;
}
.menu .obj .dropdown-menu li a:hover img{
    filter: invert(100%) sepia(0%) saturate(453%) hue-rotate(341deg) brightness(120%) contrast(100%);
}
.search-panel {
    border-radius: 15px;
    /* border: 1px #d5dae5 solid; */
    background: #eaedf5;
    position: relative;
    width: 350px;
    overflow: hidden;
    margin-bottom: 0;
}
.search-panel input {
    height: 100%;
    border: none;
    width: 100%;
    background: #eaedf5;
    padding: 18px 30px;
    padding-left: 20px;
    padding-right: 80px;
    font-family: "Unbounded", sans-serif;
    font-weight: 400;
    outline: none;
}
.search-panel button {
    position: absolute;
    transform: translate(-50%, 50%);
    border: none;
    top: 0;
    right: 0;
    background: #eaedf500;
    font-size: 17px;
}
.search-button button {
    border: 1px #eaedf5 solid;
    padding: 3px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #eaedf5;
}
.search-box .search-input {
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 42px;
    background: #eaedf5;
    border-radius: 10px;
    width: 100%;
    height: 60px;
    padding: 0px 30px;
    border: 0px #403d58 solid;
}
.search-box input::placeholder {
    color: #8997b5;
}
.search-box button {
    border: none;
    background: none;
    width: 50px;
    height: 50px;
    background: #ced5e500;
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 20px;
}
.menu .obj li a:hover {
    color: #ffffff;
    background: #e12620;
    transition: .3s linear;
}
.menu .obj li a:hover i {
    color: #ffffff !important;
    transition: .3s linear;
}
.menu .obj li a i {
    color: #3c3b51;transform: rotate(0deg);
    font-size: 14px; transition: .3s linear;
}
.dropdown-menu.show {
    transform: translate(-50%);
    border: none;
    box-shadow: 0px 17px 35px #42424240;
    position: fixed;
    top: 0;
    left: 50%;
    background: #ffffff;
    display: flex;
    align-items: flex-start;
    min-width: 80%;
    z-index: 187;
    padding: clamp(15px, 2.5vw, 20px);
    flex-wrap: wrap;
    gap: 15px;
    max-height: 300px;
    min-height: 200px;
    overflow-y: auto;
    justify-content: center;
    max-width: 100%;
    height: 100%;
    overflow-x: hidden;overscroll-behavior: none;
    border-radius: clamp(15px, 2.5vw, 30px);
}
.dropdown-menu.show .dropper {
    background: #ffffff;
    display: flex;
    align-items: flex-start;
    min-width: 100%;
    z-index: 1000;
    /* padding: clamp(15px, 2.5vw, 20px); */
    flex-wrap: wrap;
    gap: 10px;
    overflow-y: auto;
    justify-content: start;
    max-width: 100%;
    padding: 0;
}
.dropdown-menu.show li {
    cursor: pointer;
    flex: 1 1 240px;
    /* max-width: 340px; */
    flex: 1 1 calc(33.333% - 10px);
    background: #eaedf5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    flex: 1 1 370px;
}
.dropdown-menu.show li img{
      transition: .3s linear;
    margin-bottom: 0px;
    filter: invert(26%) sepia(94%) saturate(1807%) hue-rotate(334deg) brightness(92%) contrast(94%);
    height: 25px;
    padding: 3px;
    height: 35px;
    padding: 3px;
    width: 35px;
    display: flex
;
    transform: translateX(0px);
    align-items: center;
    justify-content: center;
    transition: .3s linear;
    border-radius: 10px;
    border: 2px #000000 solid;
}
.dropdown-menu li a {
    padding: 4px 10px;
    width: 100%;
    display: block;
    color: #504d6e;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}
.dropdown-menu li a:hover {
    color: #e12620;
}
.dropdown {
    position: relative;
}
/* Стиль для кнопки бургер-меню */
.menu-toggle {
    cursor: pointer;
    z-index: 2;
    display: flex
;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: .3s linear;
    font-family: "Unbounded", sans-serif;
    font-weight: 400;
    color: #3c3b51;
    border-radius: clamp(5px, 2.5vw, 15px);
    background: #dee2ed;
    font-size: clamp(0.8125rem, 0.7684887459807074rem + 0.19292604501607719vw, 1rem);
    justify-content: center;
    align-items: center;
    /* font-size: 14px; */
    padding: clamp(10px, 1.5vw, 12px) clamp(10px, 1.5vw, 25px);
}
.menu-toggle:hover {
    transition: .3s linear;
    background: #d3d6e0;
}
.menu-toggle span {
    font-family: "Unbounded", sans-serif;
}
.menu-toggle i {
    font-size: 20px;
    color: #403d58;
    width: 24px;
}
header.active {
    left: 0px;
    z-index: 9999;
    height: 100%;
    overflow-y: auto;
    position: absolute;
    width: 100%;
}
.buttons-header {
    display: flex;
    gap: 5px;
}
.podbor-button {
    background: #3c3b51;
    color: #fff;
    margin-top: 0;
    font-size: clamp(0.8125rem, 0.7538183279742765rem + 0.2572347266881029vw, 1.0625rem);
    transition: .5s;
    padding: 12px 20px;
    font-weight: 400;
    cursor: pointer;
    border-radius: 15px;
    font-family: "Unbounded", sans-serif;
    font-weight: 400;
    text-align: center;
    /* background: linear-gradient(237deg, rgb(133 144 173) 0%, rgb(51 49 70) 100%); */
}
.podbor-button:hover {
    transform: translateY(-3px);
    box-shadow: 0px 15px 20px #3331463d;
}
.content {
    z-index: 3;
}
.ya-share2__title {
    display: none !important;
}
.sur-posts {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.sur-posts .posts {
    padding: clamp(20px, 2.5vw, 25px);
    background: #f4f7fd;
    background: #fff;
    border-radius: clamp(15px, 2.5vw, 30px);
    position: relative;
    border-radius: clamp(15px, 2.5vw, 30px);
    border-bottom: none;
    position: relative;
    overflow: hidden;
    display: flex;
    gap: 15px;
    background: #ffffff;
    flex-direction: column;
}
.sur-posts .posts h4{
     transition: .3s linear;
}
.sur-posts .posts:hover h4{
    color: #d02923; transition: .3s linear;
}
.sur-posts .posts p {
    font-size: 16px;
}
.sur-posts .posts {
    color: #3c3b51;
}
.blog-container h2 {
    font-size: clamp(2.0625rem, 1.739750803858521rem + 1.414790996784566vw, 2.8375rem);
}
.blog-container img {
    border-radius: clamp(15px, 2.5vw, 30px);
    margin-bottom: 15px;
    width: 100%;
    height: max-content;
}
.blog-container .row {
    border: 1px #dedede solid;
    padding: 10px;
    border-radius: clamp(15px, 2.5vw, 30px);
    padding: clamp(15px, 2.5vw, 50px);
    border-radius: clamp(15px, 2.5vw, 30px);
    margin-bottom: 15px;
}
.blog-container .row img {
    width: 100%;
    height: auto;
}
.blog-container figure figcaption {
    font-size: 16px;
    /* text-transform: uppercase; */
    font-weight: 500;
    text-align: center;
    color: #3c3b51a3;
}
.blog-container .place-layout {
    display: grid;
    grid-template-columns: 100% 1fr;
    gap: 40px;
}
.ask-question-block {
    padding: 30px;
    background: #e12620;
    border-radius: clamp(15px, 2.5vw, 30px);
    margin-top: 15px;
}
.ask-question-block h3 {
    color: #fff;
}
.ask-question-block .call-button {
    background: #ffffff;
    color: #000;
    width: 100%;
}
.start-section-vuz.blog {
    min-height: auto;
}
.statistic-news {
    display: flex;
    gap: 5px;
    margin-bottom: 15px;
    text-align: left;
    position: relative;
    padding-top: 10px;
    transition: left 0.3s ease;
    margin: 0 auto;
    margin-bottom: 10px;
    overflow-x: auto;
    max-width: 1920px;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: 100%;
    scrollbar-color: #ffffff00 #ffffff12;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scrollbar-color: #f7f7f7 #ffffff;
}
.statistic-news div {
   background: #eaedf5;
    padding: clamp(4px, 1vw, 5px) clamp(7px, 1vw, 10px);
    border-radius: 10px;
    color: #3c3b51;
    display: flex
;
    gap: clamp(5px, 1vw, 10px);
    align-items: center;
    border: 1px #eaedf5 solid;
    font-weight: 600;
    text-align: center;
    justify-content: center;
    color: #8997b5;
    font-size: clamp(0.75rem, 0.7211538461538461rem + 0.1282051282051282vw, 0.875rem);
}
.toc {
    background: #f6f6f9;
    /* border: 1px solid #ddd; */
    padding: clamp(15px, 2.5vw, 35px);
    border-radius: clamp(15px, 2.5vw, 30px);
    margin-bottom: 20px;
    counter-reset: toc-h2;
}
.toc-item.h2 {
    margin-bottom: 10px;
}
.toc-item.h2 a {
    font-weight: 500;
    font-size: clamp(1.0625rem, 0.9891479099678456rem + 0.3215434083601286vw, 1.375rem);
    color: #819bff;
    text-decoration: none;
    transition: color 0.3s;
    text-wrap: pretty;
    display: block;
}
.toc-item.h2 a:hover {
    transition: .3s linear;
    color: #e12620;
}
.toc-item.h2 a {
    counter-increment: toc-h2;
}
.toc-item.h2 a::before {
    content: counter(toc-h2) ". ";
    margin-right: 5px;
}
.toc-item.h3 {
    margin-bottom: 10px;
}
.toc-item.h3 a {
    font-weight: 500;
    font-size: clamp(1.0625rem, 0.9891479099678456rem + 0.3215434083601286vw, 1.375rem);
    color: #819bff;
    text-decoration: none;
    transition: color 0.3s;
    text-wrap: pretty;
    display: block;
    transform: translateX(55px);
}
.toc-item.h3 a:hover {
    transition: .3s linear;
    color: #e12620;
}
.toc-item.h3 a:before {
    content: "";
    width: 30px;
    height: 2px;
    background: #819bff;
    position: absolute;
    left: -40px;
    top: 50%;
}
.toc-h2:hover {
    color: #003580;
}
.toc-children {
    margin-left: 15px;
    padding-left: 10px;
    border-left: 2px solid #ddd;
}
.toc-h3 {
    font-size: 14px;
    color: #007bff;
    text-decoration: none;
    transition: color 0.3s;
}
.toc-h3:hover {
    color: #0056b3;
}
.col-12:last-child .row {
    margin-bottom: 0px !important;
}
.cookies {
    position: fixed;
    width: 440px;
    height: auto;
    bottom: 0px;
    text-align: center;
    background: #ffffff;
    color: #333247;
    line-height: 1.2;
    font-size: clamp(0.875rem, 0.8163183279742765rem + 0.2572347266881029vw, 1.125rem);
    z-index: 312;
    display: none;
    transform: translate(-50%, -4%);
    left: 50%;
    padding: 20px;
    border-radius: clamp(15px, 2.5vw, 30px);
    max-width: 450px;
    width: 98%;
    right: auto;
    left: 50%;
    /* transform: translateX(-50%) scale(1); */
    text-align: center;
    border: 1px #dedede solid;
}
.cookies button {
    margin: 0 auto;
    margin-top: 10px;
    padding: clamp(12px, 1vw, 22px) clamp(30px, 2.5vw, 50px);
    cursor: pointer;
    color: #fff;
    background: #e12620;
    font-size: 17px;
    border: none;
    border-radius: 15px;
    font-weight: 500;
    overflow: hidden;
    line-height: 1;
    position: relative;
    transition: .3s linear;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    font-family: "Unbounded", sans-serif;
    font-weight: 400;
}
.letter-place {
    position: absolute;
    background-size: cover;
    right: 0;
    bottom: 0px;
    z-index: 1;
    opacity: .09;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    padding: 10px;
    font-size: clamp(9.375rem, 1.306270096463022rem + 35.36977491961415vw, 35.75rem);
    border-radius: 5px;
    display: flex;
    transform: scale(1);
    transition: .3s linear;
    align-items: center;
    justify-content: center;
    text-shadow: 8px 17px 0px #dcdfe9a8;
    line-height: 1;
    /* font-family: math; */
    /* -webkit-text-stroke: 2px #474960; */
    transform: translate(var(--moveX, 0), var(--moveY, 0));
    top: 0;
}
.handswipe {
    display: none;
}
.steps-for-order {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 20px;
}
.steps-for-order .step {
    background-color: #f9f9f9;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}
.steps-for-order .step:hover {
    transform: translateY(-5px);
}
.steps-for-order .step h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
}
.steps-for-order .step p {
    font-size: 1rem;
    color: #555;
}
.vivod,
.vivod span {
    font-size: 15px !important;
    color: #3c3b51;
    font-family: "Unbounded", sans-serif !important;
    font-style: italic;
    font-weight: 400;
}
.vivod a {
    font-size: 15px !important;
    font-family: "Unbounded", sans-serif !important;
    font-style: italic;
    font-weight: 400;
}
.modal-container-inner {
    background: #fff;
    padding: 30px;
    border-radius: clamp(15px, 2.5vw, 30px);
    height: 100%;
    padding: clamp(15px, 2.5vw, 30px);
}
.call-form-layout {
       max-width: 960px;
    display: block;
    margin: 0 auto;
    height: auto;
}
.modal-toggle-off {
    font-size: 34px;
    cursor: pointer;
    right: 10px;
    top: 5px;
    z-index: 1;
    color: #ffffff;
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    font-weight: 400;
    position: absolute;
    z-index: 12;
    transition: .3s linear;
    font-size: 61px;
}
.modal-toggle-off:hover {
    transition: .3s linear;
    color: #e12620;
}
.modal-layout {
    z-index: 999;
    position: fixed;
    background-color: #22232fcc;
    width: 100%;
    height: 100%;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-y: auto;
    overscroll-behavior: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: auto;
    padding: 20px;
}
.callback-form input[type=text] {
    display: block;
    width: 100%;
    /* color: #495057; */
    background-color: #eff3fc00;
    background-clip: padding-box;
   font-size: clamp(0.9625rem, 0.9331591639871383rem + 0.12861736334405144vw, 1.1875rem);
 
padding: clamp(10px, 1.5vw, 20px) clamp(15px, 2.5vw, 30px);
    line-height: 1;
 
    height: 50px;
    margin-bottom: clamp(5px, 2.5vw, 15px);
    border: 1px solid #cacfda;
    transition: .3s;
    border-radius: clamp(10px, 2.5vw, 15px);
    height: 100%;
    padding: clamp(15px, 2.5vw, 15px);
}
.callback-form textarea {
    width: 100%;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border-radius: 15px;
    font-size: clamp(0.9625rem, 0.9331591639871383rem + 0.12861736334405144vw, 1.1875rem);
    height: 100px;
padding: clamp(10px, 1.5vw, 20px) clamp(15px, 2.5vw, 30px);
    margin-bottom: 10px;
    border: 1px solid #fff;
    transition: .3s;
    border: 1px solid #cacfda;
    background-color: #eff3fc00;
}
.callback-form button {
    display: inline-block;
    text-align: center;
    font-size: 22px;
    line-height: 1;
    padding: 20px 40px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 5px;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    color: #fff;
    border: 1px solid #e12620;
    margin-right: 0px;
    background: #e12620;
    width: 100%;
}
.callback-form button:disabled {
    display: inline-block;
    text-align: center;
    font-size: 22px;
    line-height: 1;
    padding: 20px 40px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 5px;
    -o-transition: all 0.4s ease;
    transition: all 0.4sease;
    -webkit-transition: all 0.4sease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    color: #ffffff;
    border: 1px solid #d9e0f1;
    margin-right: 0px;
    background: #b7b4c6;
    /* box-shadow: rgb(70 70 86 / 28%) 0px 5px 20px; */
    width: 100%;
}
.callback-form .iti {
    width: 100%;
    margin-bottom: clamp(10px, 2.5vw, 15px);
}
.contact2-form-title {
    width: 90%;
    display: block;
    margin-bottom: 10px;
}
.title {
    font-size: 14px;
    display: block;
}
.program-by-email__confidential-policy label {
font-size: 14px;
    display: flex
;
    gap: 5px;
    line-height: 1;
    align-items: start;
    color: #8997b5;
}
.title {
    color: #4c496e;
    line-height: 1.6;
    font-size: 17px;
    /* margin-bottom: 15px; */
}
.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 15px;
}
.iti input {
    padding-left: 65px !important;
}
.comment-unit {
    background: #eaf0ff;
    display: flex
;
    font-size: clamp(1rem, 0.9711538461538461rem + 0.1282051282051282vw, 1.125rem);
    letter-spacing: 0px;
    padding: clamp(5px, 1vw, 9px) clamp(15px, 2.5vw, 24px);
    flex-direction: column;
    list-style-type: none;
    margin: 0 auto 10px;
    padding: clamp(15px, 2.5vw, 20px);
    width: 100%;
    border-radius: clamp(15px, 2.5vw, 20px);
    position: relative;
    color: #455181;
}
.comment-unit-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.comment-text {
    margin-bottom: 0px;
    font-size: 17px;
}
.comment-answer .comment-text {
    margin-bottom: 0px;
    font-style: italic;
    font-size: 17px;
}
.comment-username {
    display: flex;
    align-items: start;
    gap: 5px;
}
.comment-username .avatar {
    width: 35px;
    height: 35px;
}
.comment-unit .comment-username .avatar {
    width: 35px;
    height: 35px;
    opacity: .3;
}
.comment-username span {
    font-size: 21px;
    font-weight: 500;
}
.comment-date {
    font-size: 13px;
    color: #a2a1b9;
    display: flex;
    align-items: center;
    border-radius: 10px;
    font-weight: 500;
}
.comment-answer {
    background: #eaf0ff;
    color: #455181;
    border: 1px #a2a1b9 solid;
    font-weight: 400;
    margin-left: 50px;
    margin-top: 10px;
    max-width: 90%;
    padding: clamp(10px, 3vw, 20px);
    position: relative;
    width: 100%;
    width: -moz-max-content;
    width: max-content;
    border-radius: clamp(15px, 3vw, 20px);
    margin-bottom: 10px;
    position: relative;
}
.comment-answer:before,
.comment-answer:after {
    background: hsla(0, 0%, 100%, 0);
    content: "";
    position: absolute;
    width: 20px;
}
.comment-answer:before {
    border: 1px solid #a2a1b9;
    border-bottom-left-radius: 20px;
    border-right: none;
    border-top: none;
    height: 40px;
    height: 50%;
    left: -20px;
    top: 0;
}
.comment-answer::after {
    border-bottom-color: hsla(0, 0%, 41%, 0);
    border-bottom-style: solid;
    border-left: 0 solid hsla(0, 0%, 41%, 0);
    border-right: 9px solid hsla(0, 0%, 41%, 0);
    border-top: 6px solid hsla(0, 0%, 41%, 0);
    box-shadow: -1px -1px 0 0 #a2a1b9;
    content: "";
    height: 0;
    left: 8px;
    position: absolute;
    top: 0;
    top: 3px;
    transform: rotate(45deg);
    width: 0;
    left: -24px;
}
.comment-block {
    /* margin-bottom: clamp(15px, 2.5vw, 25px); */
}
.hideinmobile {
    font-size: clamp(0.8125rem, 0.7684887459807074rem + 0.19292604501607719vw, 1rem);
    font-family: "Unbounded", sans-serif;
}
.badge__link-to-map {
    background: #e12620 !important;
    color: #fff;
}
/* Адаптив на мобилку */
@media (max-width: 768px) {
    .steps-for-order {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}
.nitem_txt {
      margin-bottom: 0;
    position: relative;
    width: 90%;
    text-wrap: balance;
    margin-top: 10px;
    margin-bottom: 0px;
    font-weight: 500;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: inherit;
    vertical-align: middle;
    line-height: 1.3;
    font-size: clamp(0.9375rem, 0.9086538461538461rem + 0.1282051282051282vw, 1.0625rem);
}
.pdf-link {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #c42a25;
    width: 100%;
    padding: 15px;
    border-radius: 20px;
    color: #ffffff;
    font-size: 40px;
    display: flex;
    gap: 0px;
    font-weight: 600;
    flex-direction: column;
    border-bottom: 0;
    text-align: center;
    background: linear-gradient(229deg, rgb(47 50 60) 0%, rgb(213 34 51) 100%);
}
.pdf-link a {
    color: #ffffff;
    display: flex;
    flex-direction: column;
}

.add-comment-button{
    background: #ffffff;
    color: #3c3b51;
    margin-top: 0;
    font-size: clamp(0.9125rem, 0.7538183279742765rem + 0.2572347266881029vw, 1.0625rem);
    transition: .5s;
    padding: 10px 20px;
    font-weight: 400;
    cursor: pointer;
    border-radius: 15px;
    font-family: "Unbounded", sans-serif;
    font-weight: 400;
    text-align: center;
    width: 100%;
    border-radius: clamp(15px, 2.5vw, 20px);
    gap: 10px;
    display: flex
;
    margin-bottom: 15px;
    justify-content: center;
    transition: .3s linear;
    align-items: center;
    border: 1px #3c3b51 solid;transform: translateY(0px);
}
.add-comment-button:hover{
transform: translateY(-4px);
    transition: .3s linear;
}

.perevod-grid{
    display: grid
    ;
        grid-template-columns: 1fr 1fr 2fr;
        gap: 20px;
        grid-template-columns: 1fr 2fr;
        grid-template-rows: auto auto;
} 

.block1{
    grid-column: 1;
    grid-row: 1;
}
.block2{
    grid-column: 2;
    grid-row: 1;
}
.block3{
    grid-column: 2;
    grid-row: 1 / span 2;
}

 
@media only screen and (max-width: 1280px) {

    .napravlenia {
    grid-template-columns: repeat(2, 1fr);
}
#reviews_block {
 
    grid-template-columns: 1fr;
    gap: 15px;
}
    .process {
 
    grid-template-columns: 1fr;
 
}
    .welcome-contact-banner .text {
 
        margin-bottom: 10px;
    }
    .menu-contacts .welcome-contact-banner {
 
        padding-right: 10px;margin-bottom: 40px;
    }
    ::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
        height: 5px;
    }
    .perevod-grid {
        display: flex
        ;
                flex-wrap: wrap;
    }

    .block1, .block2, .block3 {
        grid-column: 1;
        grid-row: auto; /* Автоматический порядок */
    }

    h1, .start-section .text {
        width: 100%;
    }

    .education-place-block .button-more {
 
        width: 100%;
    }
    .icon-block{
        display: none;
    }
    .education-place-block .picture {
        flex-wrap: wrap;
        flex-wrap: wrap-reverse;
    }
    .menu {
        width: 95%;
    }
    .dropdown-menu.show {
        min-width: 100%;
    }
    .dropdown-menu.show li {
        white-space: normal;
    }
    .grid-itemsc {
        grid-column: span 1 !important;
        grid-row: auto;
    }
    .filter-content {
        width: 100%;
    }
    .slider-nav {
        display: none;
    }
    .search-button-header {
    /* width: 350px; */
    margin-right: 0;
}
    .modal-toggle-off {
        font-size: 34px;
        cursor: pointer;
        right: 10px;
        top: 5px;
        z-index: 1;
        color: #171717;
        display: block;
        width: 60px;
        height: 60px;
        text-align: center;
        font-weight: 400;
        position: absolute;
        z-index: 12;
        transition: .3s linear;
        font-size: 45px;
    }
    .call-form-layout {
        height: auto;
    }
    .modal-layout {
        align-items: self-start;
    }
    #scroll-progress {
        position: absolute;
        bottom: 0;
        width: 300px;
        height: 3px;
        background: #eaedf5;
        z-index: 11;
        margin: 0 auto;
        border: none;
        position: fixed;
        right: 0px;
        top: 50%;
        transform: translateY(-20%) rotate(90deg);
        width: 300px;
        height: 2px;
        background: #eaedf5;
        left: initial;
        transform: translate(47%, 50%) rotate(90deg);
        bottom: 60px;
        top: 280px;
    }

    .review li{
            flex: 0 0 330px;
    }
    .hideinmobile {
        display: none !important;
    }
    .buttons-header {
        position: fixed;
        bottom: 0px;
        left: 0;
        width: 100%;
        gap: 0px;
        border-top-left-radius: 0px;
        overflow: hidden;
        border-top-right-radius: 0px;
    }
    .start-section .text p, .start-section .text~p {
 
    width: 100%;
}
    .layout {
        grid-template-columns: 0px minmax(0, 1fr) 0px;
    }
    .tab :checked~.tab-content {
        display: block;
        width: 310px;
    }
    .tab {
        margin-bottom: 0px;
        width: 100%;
    }
    .thumbnail {
        min-width: 300px;
    }
    .thumbnail .image {
        width: 290px;
        height: 290px;
    }
    .brand {
 
        margin-right: auto;
    /* background: #eaedf5;
    padding: 8px 10px;
    border-radius: 15px; */
}
    .slider-btn {
        background: #dfe5f3;
        border: none;
        color: #8590ad;
        font-size: 20px;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 30%;
        cursor: pointer;
        transition: 0.3s linear;
        pointer-events: all;
    }
    .start-section-home {
        background: #eaedf5;
        position: relative;
        padding: 0;
        height: 600px;
        margin-top: 0px;
    }
    .start-section-home:before {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0;
        opacity: 1;
        z-index: 3;
        width: 100%;
        height: 600px;
    }
    .start-section-home .slider-nav-top {
        position: absolute;
        top: 50%;
        width: 100%;
        display: flex;
        justify-content: space-between;
        pointer-events: none;
        right: 0;
        gap: 15px;
        z-index: 6;
    }
    .slider-nav-top:before {
        content: "";
        background-image: url(/images/blek.png);
        width: 43px;
        height: 156px;
        right: -1px;
        position: absolute;
        top: -46px;
        z-index: -1;
        background-size: 43px;
        background-repeat: no-repeat;
    }
    .slider-nav-top:after {
        content: "";
        background-image: url(/images/blek.png);
        left: -1px;
        transform: scale(-1);
        width: 43px;
        height: 115px;
        right: 0px;
        position: absolute;
        top: -40px;
        z-index: -1;
        background-size: 43px;
        background-repeat: no-repeat;
    }
    /* .start-section-home .home-main {
    position: absolute;
    top: -40px;
    bottom: 0;
    overflow: hidden;
    right: 0;
    width: 340px;
    height: 340px;
    filter: initial;
    left: 0;
    bottom: 100px;
    top: initial;
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 60%, rgb(0 0 0 / 0%) 100%);
    transform: translate(0%, 0%);
    right: auto;
    left: 50%;
    transform: translateX(-50%) scale(1);
    top: 0;
    bottom: initial;
    z-index: 2;
}  */
    .start-section-home .home-step {
        position: absolute;
        top: initial;
        width: 100%;
        right: 0px;
        bottom: 0px;
        top: 0;
        height: 100%;
    }

    .footer-mini-container ul {
    padding-left: 0px;
    display: flex
;
    flex-wrap: wrap;
    gap: 10px;
}.footer-mini-container ul li {
 
    margin-bottom: 0px;
 background: #eceff7;
    padding: 2px 10px;
    border-radius: 20px;
}
footer{
        margin-bottom: 40px;
}
    .start-section-home .place-layout {
        position: absolute;
        bottom: initial;
        margin: 0;
        background: #ffffff00;
        padding: clamp(0px, 2.5vw, 0px);
        display: flex;
        gap: 0px;
        position: absolute;
        z-index: 2;
        top: 0px;
        left: 56%;
        transform: translate(-45%, 0%);
        width: 100%;
        max-width: 100%;
        border-radius: var(--corner);
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        /* filter: drop-shadow(0px 40px 48px #dedede); */
        z-index: 5;
        padding-top: 0px;
        padding-bottom: 0px;
        /* height: 310px; */
        filter: initial;
        left: 0;
        bottom: 100px;
        transform: translate(0%, 0%);
        right: auto;
        left: 50%;
        transform: translateX(-50%) scale(0.87);
        top: 30px;
        bottom: initial;
        text-align: center;
        position: absolute;
    }
    .start-section-home .title-container {
        width: 100%;
        max-height: max-content;
        display: flex;
        margin-bottom: 0px;
        height: 100%;
        /* overflow: hidden; */
        flex-direction: column;
        padding-left: 0px;
        /* padding: 10px; */
        border-radius: var(--corner);
    }
    .auto-title {
        margin-bottom: 15px;
    }
    .slider-controls {
        text-align: center;
        height: 560px;
    }
    .form-line-container:before {
        right: -270px;
        opacity: .3;
    }
    header {
        margin-top: 0px;
        margin-bottom: 5px;
    }
    .uniqume {
        margin: 0 auto;
        margin-bottom: 5px;
    }
    .profession-image-place img {
        margin: 0;
    }
    .icon-block {
        position: absolute;
        right: 10px;
        top: 10px;
        float: right;
        width: 34px;
        height: 34px;
    }
    .bottom-brand-img {
        float: right;
        position: relative;
        bottom: initial;
        right: inherit;
    }
    .top-brand-img {
        float: right;
        position: relative;
        bottom: initial;
        right: inherit;
    }
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .letter-place {
        right: auto;
        left: 50%;
        transform: translateX(-50%) scale(1);
        text-align: center;
        top: 0;
        line-height: 1;
        bottom: initial;
    }
    .callbuttonabsolute {
        position: fixed;
        display: flex;
        bottom: 55px;
        z-index: 6;
        right: 15px;
    }
    footer #tonav {
        bottom: 55px;        left: 15px;
    }
 
    .pulse i {
        font-size: 16px;
        color: #fff;
    }
    .title-news {
        --corner: 15px;
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0;
        background: #fff;
        padding: clamp(15px, 2.5vw, 20px);
        border-radius: 0 var(--corner) 0 0;
        max-width: 90%;
    }
    .title-news .title {
        font-size: clamp(1.4375rem, 1.2761254019292605rem + 0.707395498392283vw, 2.125rem);
    }
    .img-block {
        height: 350px;
    }
    .sub-grid2,
    .sub-grid1,
    .news-section,
    .parent {
        grid-template-columns: 1fr;
        gap: 10px;
        column-gap: 0px;
    }
    .sub-grid1 img {
        display: none;
    }
    .slider-nav-top {
        /* display: none; */
    }
    @keyframes swipe {
        0% {
            margin: 0;
            transform: rotate(0deg);
        }
        100% {
            margin-right: 20px;
            transform: rotate(-5deg);
        }
    }
    .handswipe {
        animation: swipe .8s alternate infinite;
        /* IE 10+, Fx 29+ */
        animation-timing-function: ease;
        position: absolute;
        bottom: 0px;
        width: clamp(60px, 2.5vw, 100px);
        right: 20%;
        top: 10%;
        /* transform: translate(-50%, -50%); */
        opacity: .2;
        z-index: 2;
    }
    .direction-image {
        border-radius: clamp(15px, 2.5vw, 30px);
        transform: initial;
        background: #e12620;
        padding: clamp(10px, 2.5vw, 50px);
        width: max-content;
        height: max-content;
    }
    .under-h2-text,
    .under-h2-text p {
        text-wrap: balance;
        position: relative;
        width: 100%;
        margin-bottom: 15px;
    }
    .start-section .call-button{
        width: 100%;
    }
    h2,
    #spec_list h2 {
        width: 100%;
    }
    .col-12 {
        /* margin-bottom: 15px; */
        margin-bottom: 10px;
        /* padding: 0px 12px; */
    }
    .mb-4 {
        margin-bottom: 10px !important;
    }
    .col-12:last-child {
        margin-bottom: 0px;
    }
    .rtin-pricing {
        width: 100%;
    }
    .buttons-header .podbor-button {
        width: 50%;
        padding: 12px 10px;
        border-radius: 0;
    }
    .buttons-header .podbor-button:hover {
        transform: translateY(0px);
    }
    .buttons-header .call-button {
        width: 50%;
        padding: 12px 10px;
        border-radius: 0;
    }
    .call-button:hover,
    .call-button:focus {
        transform: translateY(0px);
    }
    .container {
        padding: 0px;
    }
    /* .start-section .call-button {
        width: 100%;
    } */
    .start-section-vuz .call-button,
    .start-section-vuz .modal-button,
    .start-section-univercity .call-button,
    .start-section-univercity .modal-button {
        width: 100%;
    }
    .start-section-vuz .content,
    .start-section-univercity .content {
        z-index: 12;
        position: absolute;
        bottom: 10px;
        left: 10px;
        right: 10px;
    }
    .image-place .image-container {
        position: absolute;
        /* height: 100%; */
        top: -40px;
        bottom: 0;
        overflow: hidden;
        right: 0;
 
        /* backdrop-filter: drop-shadow(42px 34px 36px black); */
        filter: initial;
        left: 0;
        bottom: 100px;
        top: initial;
        mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
        -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 60%, rgb(0 0 0 / 0%) 100%);
        transform: translate(0%, 0%);
        right: auto;
        left: 50%;
        transform: translateX(-50%) scale(0.9);
        top: 0;
        bottom: initial;
    }
    .start-section-vuz,
    .start-section-univercity {
        min-height: auto;
        min-height: 500px;
        margin-top: 0px;
    }
    .title-container {
        margin-bottom: 0px;
    }
    .start-section-vuz:after {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 100%;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgb(55 49 59) 100%);
        opacity: 1;
        z-index: 3;
        width: 100%;
        height: 350px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 10%, rgb(29 24 34) 90%);
        /* backdrop-filter: blur(7px); */
        mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
        -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 60%, rgb(0 0 0 / 0%) 100%);
    }
    .start-section:before {
        content: "";
        background: url(/images/sumbol-distant.png);
        width: 350px;
        height: 350px;
        position: absolute;
        background-size: cover;
        right: -80px;
        top: -50px;
    }
    .start-section-vuz .text {
        margin-bottom: 15px;
        line-height: 1.4;
        text-align: center;
    }
    .start-section-univercity .text {
        margin-bottom: 15px;
        line-height: 1.4;
        text-align: center;
    }
    .start-section-vuz .auto-title {
        color: #fff;
        text-align: center;
        width: 100%;
    }
    .start-section-univercity .auto-title {
        color: #fff;
        text-align: center;
        width: 100%;
    }
    .place-layout {
        display: flex;
        grid-template-columns: auto;
        gap: 10px;
        flex-direction: column-reverse;
    }
    .menu-toggle i {
        font-size: 16px;
        width: 20px;
        text-align: center;
    }
    .title-with-button-container {
        display: flex;
        justify-content: space-between;
        align-items: start;
        margin-bottom: 15px;
        flex-direction: column;
        gap: 10px;
    }
    #middle {
        margin: 0 10px;
    }
    .grid-container-counter {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        width: 100%;
        margin: auto;
    }
    .grid-container-counter .grid-item {
        flex-direction: column;
    }
    .accordion {
        padding: 0 16px;
    }
    .accordion h1 {
        font-size: clamp(1.0625rem, 0.9903846153846154rem + 0.3205128205128205vw, 1.375rem);
    }
    header .dop-button {
        font-size: 12px;
        padding: 12px 25px;
        border-radius: 10px;
    }
    .search-button-header #openSearch {
        display: flex ! important;
        /* width: clamp(35px, 2.5vw, 55px);
        height: clamp(35px, 2.5vw, 55px); */
        font-size: 14px;
 
        justify-content: center;
        align-items: center;
    }
    .search-button-header form {
        display: none;
    }
    .menu .obj {
        padding: 0 0px;
        justify-content: start;
    }
    .breadcrumb {
        display: none;
    }
    .about-step-regards {
        display: flex
        ;
                grid-template-columns: repeat(1, 1fr);
                grid-template-rows: repeat(1, 1fr);
                gap: 10px;
                max-width: 100%;
                margin: 0 auto;
                overflow-x: auto;
                max-width: 1920px;
                flex-wrap: nowrap;
                white-space: nowrap;
                width: 100%;
                scrollbar-color: #ffffff00 #ffffff12;
                scroll-behavior: smooth;
                scrollbar-width: none;
                scrollbar-color: #f7f7f7 #ffffff;
                padding-bottom: 10px;
    }
    .about-step-regards .item {
 
        min-width: 260px;
    }
}
@media only screen and (max-width: 768px) {
    .not-mobile {
        display: none;
    }
}
@media (max-width: 768px) {
    .callipse-protocol1 {
        display: none;
    }
    .filter-bit {
        display: block;
    }
    .navbar {
        gap: 15px;
        padding: 0px 15px;
    }
    .sidebar {
        width: 100%;
    }
    .header.on-scroll {
        background: #ffffffde;
        margin-top: 10px;
        border-bottom: 1px #e7e2fb solid;
        border-right: 1px #e7e2fb solid;
        border-left: 1px #e7e2fb solid;
        width: 100%;
        border-radius: 0;
        margin: 0px auto;
        top: 0px;
        border: none;
        backdrop-filter: blur(12px);
    }
}