@media (hover: hover) and (pointer: fine) {
    button,
    .cursorPointer {
        cursor: pointer;
    }

    .reason-card:hover {
        box-shadow: none;
        border-color: var(--Text-blue);
    }

    .reason-card:hover .icon-wrapper {
        background-color: var(--Background-light-gray-2);
    }

    .reason-card:hover .icon-wrapper svg path {
        fill: var(--Text-blue);
        stroke: var(--Text-blue);
    }

    .available-addresses__list li:hover,
    .form-agreement:hover {
        cursor: pointer;
    }

    .tariffs-calculator-item__price:hover {
        border-color: var(--Text-gray);
    }

    .custom-select__options li:hover,
    .custom-select__options li.active {
        background-color: var(--Background-light-gray-2);
        cursor: pointer;
    }

    .header-city:hover .city-list{
        opacity: 1;
        visibility: visible;
    }

    .header-city:hover .header-city__btn{
        background-color: var(--Text-dark-gray);
    }
    .header-city:hover .header-city__name{
        color: var(--color-white);
    }
    .header-city:hover svg path{
        fill: var(--color-white);
    }
    .header-city a:hover{
        background-color: var(--Background-light-gray-2);
        color: var(--Text-black);
    }

    .header-city:hover .animate-icon{
        transform: scale(1, -1);
    }

    .header-dropdown__wrapper:hover .header-dropdown__list{
        opacity: 1;
        visibility: visible;
    }

    .header-nav-list__item:hover > .header-nav__btn{
        background-color: var(--Background-light-gray-2);
    }

/*    .header-dropdown-catalog__item a:hover,
    .header-dropdown a:hover{
        color: var(--Text-blue);
    }*/

    .hoverLinkWrapper a:hover,
    .hoverLink:hover{
        color: var(--Text-blue);
    }



    .header-dropdown-catalog__item a:hover svg path,
    .header-dropdown a:hover svg path{
        fill: var(--Text-blue);
    }

    .tooltip-container:hover .tooltip-content{
        display: block;
    }

    .redFillBtn:hover,
    .redBtn:hover,
    .blackBtn:hover,
    .slider-control-btn:hover,
    a.soc-item:hover{
        background-color: var(--color-red-10);
        color:var(--color-white);
    }

    .redFillBtn:hover svg path,
    .redBtn:hover svg path,
    .blackBtn:hover svg path,
    .slider-control-btn:hover svg path,
    a.soc-item:hover svg path{
        fill: var(--color-white);
    }

    .grayBtn:hover{
        background-color: var(--Text-orange);
        color:var(--color-white);
    }

}


@media (max-width: 1440px) {
    .reason-card {
        padding: 12px;
    }

    .reasons__grid {
        overflow-x: auto;
        grid-template-columns: repeat(4, minmax(312px, 1fr));
        gap: 8px;
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px 20px 16px;
    }

    .reasons__grid::-webkit-scrollbar {
        height: 4px;
    }

    .reasons__grid::-webkit-scrollbar-thumb {
        border-radius: 20px;
        background: var(--Text-gray);
    }

    .reasons__grid::-webkit-scrollbar-track {
        background: var(--color-white);
    }

    .reasons__grid::-webkit-scrollbar-button {
        display: none;
    }

    @supports (-moz-appearance: none) {
        .reasons__grid {
            scrollbar-width: thin;
            scrollbar-color: var(--Text-gray) var(--color-white);
        }
    }

    .training-program__card{
        padding: 20px;
    }

}


@media (max-width: 1300px) {
    .header-nav-list a {
        padding: 8px 12px;
    }

    .header-logo {
        width: 165px;
    }

    .header-container,
    .header__main,
    .header__contacts {
        gap: 16px;
    }


    .footer-bottom__list {
        gap: 32px;
    }

    .branches-container,
    .dos-school {
        gap: 20px;
    }

    .reason-choose-us{
        grid-template-columns: repeat(3, 1fr);
    }

}


@media (max-width: 1220px) {
    .header__main .logo-wrapper {
        width: 145px;
    }

    .general-advantages {
        gap: 8px;
    }

    .our-advantages {
        overflow: auto;
    }

}


/* Switch to the compact layout before the desktop header/grid can overflow
   on tablets and browser windows around 1024px wide. */
@media (max-width: 1100px) {

/*    main {
        padding-top: 57px;
    }*/

    .breadcrumbs {
        margin: 12px 0 20px;
        gap: 6px;
    }

    .breadcrumbs li:not(:first-child):before {
        margin-right: 6px;
    }

    .header__main .logo-wrapper {
        width: 130px;
    }

    .header-container {
        justify-content: space-between;

    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-color: var(--color-white);
        z-index: 10;
    }

    .header__menu {
        display: none;
        position: fixed;
        inset: 0;
        background-color: var(--color-white);
        padding: 4px 16px 56px;
        border-radius: 0 0 12px 12px;
        justify-content: unset;
        z-index: 5;
    }

    .header__menu.active {
        display: flex;
    }

    .header__menu,
    .header-nav-list,
    .header__contacts {
        flex-direction: column;
        width: 100%;
    }

    .header__menu {
        align-items: start;
    }

    .header-nav-list{
        align-items: unset;
    }

    .header-nav-list .header-nav__btn {
        padding: 12px;
        border-bottom: 1px solid var(--Stroke-light-gray-2);
        display: flex;
        align-items: center;
        gap: 4px;
        justify-content: space-between;
        width: 100%;
        border-radius: 0;
    }

    .header-dropdown-catalog__list a:after,
    .header-nav-list .header-nav__btn:after{
        content: '';
        display: block;
        flex: 0 0 7px;
        width: 7px;
        height: 7px;
        margin-right: 3px;
        border-right: 1.5px solid var(--brand-blue);
        border-bottom: 1.5px solid var(--brand-blue);
        transform: rotate(-45deg);
    }

    .header-nav {
        width: 100%;
        flex: 1;
        overflow: auto;
    }

    .header-nav::-webkit-scrollbar {
        width: 4px;
    }

    .header-nav::-webkit-scrollbar-thumb {
        border-radius: 20px;
        background: var(--Stroke-light-gray-2);
    }

    .header-nav::-webkit-scrollbar-track {
        background: transparent;
    }

    .header-nav::-webkit-scrollbar-button {
        display: none;
    }

    .header-nav-list__item{
        justify-content: space-between;
    }

    .header-city__btn svg {
        width: 12px;
        height: 15px;
    }

    .mobile-menu-header{
        justify-content: space-between;
        align-items: center;
        padding: 4px 0 32px;

    }

    .header__contacts{
        padding-top: 20px;
        margin-top: auto;
    }

    .header-city{
        padding: 12px;
        border-bottom: 1px solid var(--Stroke-light-gray-2);
        width: 100%;
        border-radius: unset;
    }

    .header-city-mobile-text{
        margin-left: auto;
    }

    .header-city__btn{
        width: 100%;
        padding: 0;
    }

    .mobile-menu-header__btn{
        height: 40px;
        width: 40px;
        min-width: 40px;
    }

    .city-list__wrapper,
    .header-dropdown-catalog,
    .header-dropdown__list{
        opacity: 1;
        visibility: visible;
        display: none;
        position: fixed;
        inset: 0;
        background-color: var(--color-white);
        padding: 4px 16px 56px;
        box-shadow: none;
        border-radius: 0;
    }

    .city-list__wrapper.active,
    .header-dropdown-catalog.active,
    .header-dropdown__list.active{
        display: flex;
        flex-direction: column;
        z-index: 10;
    }

    .city-list__wrapper.active .header-dropdown__list{
        display: flex;
    }

    .header-dropdown{
        flex: 1;
        padding: 0;
        max-height: 100%;
    }

    .header-dropdown .header-nav__btn{
        padding: 12px 0;
    }

    .header-dropdown-catalog__content{
        flex-direction: column;
        gap: 16px;
        flex: 1;

    }

    .header-dropdown-catalog__wrapper{
        box-shadow: none;
        padding: 0;
        border-top: none;
        display: flex;
        flex-direction: column;
        overflow: auto;
    }

    .header-dropdown-catalog__wrapper .width-container{
        padding-left: 0;
        padding-right: 0;
    }

    .header-dropdown-catalog__list a{
        border-bottom: 1px solid var(--Stroke-light-gray-2);
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 4px;
    }


    .header-dropdown-catalog__item{
        max-width: 100%;
    }

    .city-list{
        position: unset;
        opacity: 1;
        visibility: visible;
        border-radius: 0;
        overflow: unset;
        box-shadow: none;
        flex: 1;
        overflow: auto;
        max-height: 100%;
    }

    .city-list__wrapper.active{
        display: flex;
        flex-direction: column;
    }

    .vehicle-card{
        display: flex;
        flex-direction: column;
        gap: 8px;
        height: 100%;
    }

    .vehicle-card__footer{
        flex-direction: column;
        align-items: center;
        gap: 70px;
    }

    .vehicle-card__badge{
        width: 100%;
    }

    .vehicle-card__info{
        padding: 24px 20px 20px;
        flex: 1;
    }

    .trainingPark__attention{
        flex-direction: column;
        padding: 16px;
    }
    .trainingPark__attention--content{
        flex-direction: column;
        align-items: start;
    }

    .vehicle-card__details{
        gap: 12px;
    }

    .section-content {
        margin-top: 20px;
    }

    .section-top {
        flex-direction: column;
    }

    .home-top__mobile-banner {
        display: block;
        height: 273px;

    }

    .home-top {
        background-image: none;
        padding-top: 40px;
    }

    .home-top__mobile-banner {
        background-image: url("/assets/images/banners/home-tope-mobile-bg.webp");
        background-repeat: no-repeat;
        background-position: right;
        margin: -12px 0;
    }

    .additional-advantages {
        margin-top: 0;
    }

    .additional-advantages {
        overflow-x: auto;
    }

    .page-top__btn {
        max-width: 100%;
    }

    .mobile-swipe-container {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .our-advantages__item {
        padding: 12px;
        gap: 8px;
    }

    .our-advantages {
        gap: 8px;
    }

    .categories-card__image {
        height: 156px;
        min-height: 156px;
    }

    .categories-card {
        padding: 16px;
        gap: 12px;
    }

    .categories-card__tag {
        top: 8px;
        left: 8px;
        height: 32px;
    }

    .categories-card__content {
        gap: 12px;
    }

    .categories-card__list,
    .categories-card__bottom {
        padding-top: 12px;
    }

    .promotions-payments {
        grid-template-columns: 100%;
        gap: 12px;
    }

    .promotions-payments__card {
        padding: 20px;
        min-height: 178px;
    }

    .promotions-payments__card-content {
        gap: 12px;
    }

    .more-courses-btn {
        max-width: 100%;
    }

    .trainings-wrapper {
        grid-template-columns: 100%;
        gap: 12px;
    }

    .training-step {
        padding: 16px 16px 20px;
        gap: 12px;
    }

    .sign-up-btn {
        max-width: 100%;
    }

    .step-number {
        height: auto;
        width: fit-content;
        padding: 8px;
    }

    .step-list .step-number::before {
        padding-top: 2px;
    }


    .features {
        grid-template-columns: 100%;
        gap: 12px;
    }

    .feature {
        padding: 16px;
    }

    .feature-image {
        display: none;
    }

    .feature-description {
        gap: 4px;
    }

    .feature-icon {
        height: 40px;
        width: 40px;
    }


    .instructors-card {
        padding: 16px;
        gap: 16px;
    }

    .instructors-card__bottom {
        padding-top: 8px;
    }

    .instructor-image {
        width: 64px;
        min-width: 64px;
        height: 64px;
    }

    .instructor-data {
        gap: 2px;
    }

    .instructors-card__top {
        gap: 12px;
    }

    .exam-advantages__banner {
        margin-top: 16px;
        background-image: url("/assets/images/banners/banner-bg-1-mobile.webp");
        background-position: bottom;
        padding: 24px 24px 157px 24px;
        flex-direction: column;
    }

    .exam-advantages__banner-content {
        padding: 12px 0 0 0;
        gap: 12px;
        border-left: none;
        border-top: 1px solid var(--color-white);
    }

    .banner-graduate__content {
        gap: 2px;
    }

    .exam-advantages {
        overflow-x: auto;
        gap: 8px;
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px;
    }


    .reviews-card {
        flex-direction: column-reverse;
        justify-content: start;
        gap: 20px;
        padding: 20px;
    }

    .reviews-creator__image {
        height: 96px;
        width: 96px;
        min-height: 96px;
        min-width: 96px;
    }

    .reviews-card__content {
        height: 100%;
    }

    .reviews-card__content-bottom {
        padding-top: 8px;
    }

    .slider-controls {
        display: none;
    }

    .slider-block .slider-pagination {
        display: block;
        bottom: 0;
        left: 16px;
        top: auto;
        background-color: var(--color-white);
        height: 4px;
        width: calc(100% - 32px);

    }

    .slider-block .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background-color: var(--Text-gray);
        height: 4px;
    }

    .slider-block {
        padding-bottom: 20px;
        position: relative;
        width: calc(100% + 32px);
        margin-left: -16px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .custom-container-2-slider .slider-block{
        padding-bottom: 20px;
    }

    .custom-container {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .faq-section__content {
        gap: 12px;
    }

    .open .faq-answer {
        margin-top: 8px;
    }

    .faq-question {
        padding: 16px 20px;
    }

    .faq-answer-content {
        padding: 0 20px 16px;
    }

    .advantages {
        grid-template-columns: 100%;
        gap: 12px;
    }

    .advantage {
        padding: 20px;
        gap: 12px;
    }

    .advantage-content {
        gap: 4px;
    }

    .advantage-icon {
        height: 40px;
        width: 40px;
        border-radius: 6px;
    }

    .advantage-icon svg {
        width: 18px;
    }

    .any-questions-section {
        padding: 20px 16px;
    }

    .any-questions__contacts {
        grid-template-columns: 100%;
        gap: 8px;
        margin-top: 12px;
    }

    .any-questions__contact {
        padding: 16px;
        gap: 12px;
    }

    .any-questions__contact-icon {
        height: 32px;
        width: 32px;
        min-width: 32px;
    }

    .any-questions__contact-icon svg {
        width: 15px;
    }

    .any-questions__top {
        gap: 4px;
    }

    .consultation-banner {
        padding: 16px;
    }

    .branches-container,
    .dos-school {
        flex-direction: column;
    }

    .dos-school__content,
    .dos-school__form {
        max-width: 100%;
    }

    .dos-school-stories {
        margin-top: 24px;
        grid-template-columns: 100%;
        gap: 12px;
    }

    .dos-school__title {
        margin-top: 16px;
    }

    .branches-nam {
        margin-top: 20px;
    }

    .available-addresses {
        margin-top: 12px;
    }

    .available-addresses__list li {
        padding: 12px;
    }

    .available-addresses__icon {
        height: 40px;
        width: 40px;
        min-width: 40px;
    }

    .map-wrapper {
        height: 361px;
        max-width: 100%;
    }

    .consultation-banner__bottom {
        flex-direction: column;
    }

    .consultation-description {
        max-width: 100%;
    }

    .branches-container-col {
        max-width: 100%;
    }

    .dos-school__form {
        padding: 24px 20px;
    }

    .footer-bottom,
    .footer-bottom__list {
        flex-direction: column;
        gap: 20px;
    }

    .footer-bottom {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .footer-main {
        flex-direction: column;
        align-items: center;
        gap: 32px;
        padding-top: 20px;
    }

    .footer-logo__wrapper {
        max-width: 100%;
        display: flex;
        justify-content: center;
    }

    .footer-logo__wrapper .logo-wrapper {
        max-width: 130px;
        height: 12px;
    }

    .footer-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .footer-nav__list {
        align-items: center;
    }

    .footer-nav {
        text-align: center;
    }

    .footer-contacts {
        align-items: center;
    }

    .popup-title {
        max-width: 90%;
    }


    .error-page-content {
        max-width: 224px;
    }

    .needed-documents__wrapper {
        grid-template-columns: 100%;
        gap: 12px;
    }

    .needed-documents__item {
        padding: 20px;
    }

    .needed-documents-item__title {
        min-height: unset;
    }

    .icon-wrapper {
        height: 40px;
        width: 40px;
        min-width: 40px;
    }

    .needed-documents__important-info {
        padding: 16px;
        flex-direction: column;
        align-items: start;
        gap: 12px;
    }

    .needed-documents-section {
        padding: 24px 0;
    }

    .top-section-layout {
        grid-template-columns: 100%;
        padding: 20px;
    }

    .general-advantages {
        flex-direction: column;
    }

    .top-aside__image {
        height: 135px;
    }

    .columns-layout {
        grid-template-columns: 100%;
        gap: 56px;
    }

    .top-section__subtitle {
        margin-top: 8px;
    }


    .general-info-container {
        padding: 20px;
        gap: 32px;
    }

    .general-info__important {
        flex-direction: column;
        align-items: start;
        gap: 12px;
    }

    .attention-block {
        padding: 16px;
        flex-direction: column;
        gap: 8px;
        align-items: start;
    }

    .medical-restrictions__lists {
        padding: 20px;
        gap: 16px;
    }

    .restrictions__list {
        gap: 8px;
    }

    .sign-up__form {
        padding: 24px 20px;
    }

    .sign-up-form-contacts {
        flex-direction: column;
    }

    .column-layout__sidebar {
        gap: 12px;
    }

    .sidebar-contacts {
        padding: 16px;
    }

    .your-question-btn {
        margin-top: 20px;
    }

    .general-advantages__item {
        padding: 12px 20px 12px 16px;
    }

    .general-info__top-subtitle {
        margin-top: 8px;
    }

    .general-info__important-icon {
        height: 48px;
        width: 48px;
        min-width: 48px;
    }

    .matCapital-steps li {
        flex-direction: column;
        align-items: start;
    }

    .top-aside__buttons {
        flex-direction: column;
    }

    .trial-lesson-stages {
        grid-template-columns: 100%;
    }

    .trial-lesson-stage {
        padding: 16px 20px 20px;
        gap: 12px;
    }

    .general-info-card__content,
    .general-info-checklist {
        gap: 8px;
    }

    .for-drivers__list {
        gap: 8px;
    }

    .category-top__section {
        background-image: none !important;
    }

    .top__mobile-banner {
        margin-top: -8px;
        height: 273px;
        background-position: center right;
        background-size: initial;
        background-repeat: no-repeat;
    }

    .category-top__proposal {
        flex-direction: column;
        align-items: start;
        gap: 12px;
        z-index: 1;
    }

    .category-top-proposal__content {
        gap: 12px;
    }


    .category-top__content {
        grid-template-columns: 100%;

    }

    .category-top-proposal__description {
        gap: 2px;
    }

    .category-top__advantages {
        margin-top: 16px;
    }

    .category-form {
        padding: 24px 20px;
        gap: 20px;
        margin-bottom: 0;
    }

    .category-form__content {
        gap: 12px;
    }

    .tariffs-card {
        padding: 24px 20px;
        gap: 20px;
        min-width: unset;
    }

    .tariffs {
        flex-direction: column;
    }

    .tariffs-calculate-result {
        gap: 12px;
    }

    .tariffs-card__image {
        width: 160px;
        height: 160px;
    }

    .driver-license {
        gap: 8px;
    }

    .driver-license-card {
        flex-direction: column;
        align-items: start;
        gap: 16px;
        min-width: 312px;
        width: 312px;
        padding: 16px 20px;
    }
    .driver-license-card__top{
        gap: 4px;
    }
    .driver-license-card__content{
        gap: 8px;
    }

    .program-block__top{
        flex-direction: column;
        gap: 16px;
    }

    .driver-license-card__image{
        width: 96px;
        min-width:96px;
    }

    .program-block__content{
        flex-direction: column;
        gap: 12px;
    }
    .program-card:not(:first-child){
        padding: 12px 0 0;
        border-top: 1px solid var(--Stroke-light-gray)
    }
    .program-card:not(:first-child)::before{
        content: none;
    }

    .program-block{
        gap: 20px;
        padding: 20px 24px;
    }

    .program-card{
        gap: 6px;
    }

    .program-plan{
        margin-top: 20px;
    }

    .program-plan-types,
    .program-plan__list{
        grid-template-columns: 100%;
    }

    .program-plan-types{
        gap: 12px;
    }
    .program-plan__list{
        gap: 8px;
    }

    .program-plan-type{
        padding: 20px;
        gap: 16px;
    }

    .program-plan__stage{
        min-width: 312px;
        width: 312px;
    }

    .program-plan__stages{
        gap: 8px;
    }

    .accident-analytics{
        display: flex;
        gap: 8px;
    }

    .accident-analytic__card{
        width: 312px;
        min-width: 312px;
        padding: 20px;
    }

    .accident-analytic__card-content{
        margin-top: 12px;
        gap: 4px;
    }

    .attention-light-block{
        flex-direction: column;
        align-items: start;
    }

    .training-checking{
        grid-template-columns: 100%;
    }

    .training-checking__card{
        flex-direction: column-reverse;
        gap: 16px;
        padding: 20px;
    }

    .training-checking__card-image{
        width: 80px;
        min-width: 80px;
        height: 112px;
    }

    .training-checking__card-content{
        gap: 12px;
    }

    .training-checking__bottom{
        margin-top: 12px;
    }

    .approach-footer__content{
        flex-direction: column;
        gap: 12px;
    }

    .approach__footer{
        margin-top: 24px;
        padding: 32px;
        background-image: url('/assets/images/banners/banners-dark-bg-mobile.webp');
    }

    .approach__cards{
        display: flex;
        gap: 8px;
        overflow-x: auto;
    }

    .approach__card{
        flex-direction: column;
        min-width: 312px;
        padding: 20px;
        gap: 12px;
    }

    .approach-card__image{
        height: 272px;
        width: 272px;
        min-width: 272px;
    }

    .key-exercises-top__buttons{
        flex-direction: column;
        gap: 8px;
    }

    .key-exercises__top{
        grid-template-columns: 100%;
    }

    .key-exercises__actions{
        width: 100%;
    }

    .tooltip-icon svg path{
        fill: var(--Text-gray);
    }

    .exercises-card__subtitle{
        margin-top: 4px;
    }

    .exercises-card{
        gap: 12px;
    }

    .general-info-checklist-gray{
        gap: 8px;
    }

    .key-exercises__title{
        justify-content: space-between;
    }

    .exercises-card__bottom{
        gap: 16px;
    }
    .tariff-cards__icon{
        background-size: 160px;
    }

    .categories-note__item--active,
    .categories-note__content{
        flex-direction: column;
        gap: 12px;
    }

    .categories-note__item:last-child{
        max-width: unset;
    }

    .categories-note__top{
        flex-direction: column;
        gap: 12px;
    }

    .tariffs-block,
    .categories-note{
        gap: 20px;
    }

    .tariffs-block__title{
        text-align: center;
    }

    .tariffs-card__aside{
        min-height: 180px;
    }

    .registration-documents{
        grid-template-columns: 100%;
        gap: 12px;
    }
    .registration-documents__attention{
        flex-direction: column;
        gap: 20px;
        padding: 16px;
    }

    .registration-documents__attention-content{
        flex-direction: column;
        align-items: start;
    }

    .registration-documents__card{
        flex-direction: row;
        align-items: center;
        padding: 16px;
        gap: 12px;
    }

    .training-category{
        grid-template-columns: 100%;
        gap: 12px;
    }

    .training-category__card{
        padding: 20px;
    }

    .training-category__list{
        gap: 12px;
    }

    .training-category__list li:not(:last-child){
        padding-bottom: 12px;
    }

    .category__subtitle{
        margin-top: 12px;
    }

    .training-program{
        flex-direction: column;
        gap: 12px;
    }

    .training-program__card{
        gap: 16px;
    }
    .training-program__list{
        margin-bottom: -8px;
    }
    .training-program-list__item{
        margin-bottom: 8px;
    }
    .accident-analytics__wrapper{
        gap: 12px;
    }


    .trainings-tractor-wrapper{
        grid-template-columns: 100%;
        gap: 12px;
    }

    .section-info{
        margin-top: 12px;
    }

    .exam-card{
        gap: 12px;
    }

    .knowledge-block{
        margin-top: 20px;
    }

    .knowledge-list{
        gap: 8px;
    }

    .discounts-card{
        padding: 20px;
        min-height: unset;
    }

    .discounts__attention{
        flex-direction: column;
        align-items: start;
        gap: 8px;
    }

    .category-form__top{
        gap: 8px;
    }

    .course_application_form{
        padding:24px 20px;
    }

    .tariffs__D__content{
        gap: 20px;
    }

    .reason-choose-us{
        grid-template-columns: 100%;
        gap: 12px;
    }

    .category-top__info{
        margin-top: 24px;
    }

    .program-plan__info{
        margin-top: 20px;
    }

    .popup-content{
        padding: 24px 20px;
        gap: 20px;
    }

    .popup-result__content{
        gap: 8px;
    }






}

@media (max-width: 680px) {
    .training-program-list__item{
        width: 100%;
    }


}