.courses-slider {
     position: relative;
 }

 .courses-slider__track {
     display: flex!important;
     gap: 24px;
     padding-top: 12px;
     overflow-x: auto;
     scroll-snap-type: x mandatory;
     padding-bottom: 10px;
     scrollbar-width: none;
 }

 .courses-slider__track::-webkit-scrollbar {
     display: none;
 }

 .courses-slider__track .course-card {
     flex: 0 0 calc(33.333% - 22px);
     scroll-snap-align: start;
 }

 .courses-slider__arrow {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 44px;
     height: 44px;
     border-radius: 50%;
     border: 0;
     background: #fff;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
     cursor: pointer;
     z-index: 2;
     font-size: 24px;
     line-height: 24px;
 }

 .courses-slider__arrow--prev {
     left: -8px;
 }

 .courses-slider__arrow--next {
     right: -8px;
 }

 @media (max-width: 1200px) {
     .courses-slider__track .course-card {
         flex: 0 0 calc(50% - 12px);
     }
 }

 @media (max-width: 768px) {
     .courses-slider__track .course-card {
         flex: 0 0 85%;
     }

     .courses-slider__arrow--prev {
         left: -4px;
     }

     .courses-slider__arrow--next {
         right: -4px;
     }
 }

 .courses-card__image {
    color: red;
 }

 .course-card__image svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
 }

 .course-card {
    padding: 0!important;
 }

 .course-card__details {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin-bottom: 1.5rem;
    height: 100%;
    flex-grow: 1;
    justify-content: flex-end;
 }

 .progress-comparison__bar-fill[data-target-width="30%"] ~ .progress-comparison__bar-value {
    color: #777;
 }

 .course-card__title {
    max-width: 80%!important;
    display: block;
}

.testimonial-card__text {
    font-style: normal!important;
}

.testimonial-card__header {
    display: flex;
    align-items: flex-start!important;
    gap: 12px;
    margin-bottom: 16px;
}

.pricing-card__button {
    border: 1px solid #fceae9!important;
}

.pricing-card:hover .pricing-card__button {
    border: 1px solid #d32125!important;
}

.pricing-card__features {
    min-height: 270px!important;
}

.teacher-card__image {
    height: 370px!important;
}

.material-card__button {
    border: 1px solid #efeff5!important;
}

.sample-lesson__cta-note {
    text-align: left;
}

body.no-scroll .header.header--sticky {
    height: 100%;
    overflow: visible;
}

@media (max-width: 768px) {

   .hero-modern__title > span{
        display: flex;
    }

    .hero-modern__title-accent {
        display: inline-block;
    }

    .hero-modern__title {
        display: flex;
        flex-direction: column;
        align-items: center;
    } 

    .callback__wrapper-image {
        z-index: -111;
    }

    .testimonials__controls {
        position: relative;
    }
    
}

.article-tags {
    margin-bottom: 16px;
    margin-left: 16px;
}

button, select, option {
  color: #111;
  appearance: none;
  outline: none;
}

.gc-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper {overflow: visible;}

.success-stories__pagination {
    display: none;
}

.success-stories__swiper {
    overflow: visible!important;
}

.faq-item {
    max-height: 65px;
}

.faq-item.active {
    max-height: 1000px;
}

@media (max-width: 768px) {

    .success-stories__pagination {
        display: block;
    }

    .success-stories__swiper {
        overflow: hidden!important;
    }

    .faq-item {
        max-height: 80px;
        min-height: 80px;
    }

    .faq-item.active {
        max-height: 1000px;
    }

    .faq-item__question {
        min-height: 80px;
    }

    /* .blog-article__toc-wrap {
        order: 1;
    }

    .blog-article__main {
        order: 2;
    } */
}

.teachers-cta a {
    position: relative;
    z-index: 2;
}

.blog-page-hero {
    overflow: visible;
}