@media only screen and (min-width: 1024px) {
  .section.d-4 {
    padding-top: 15rem;
  }
  .section.d-4 .bg {
    border-width: 2.4rem;
    bottom: -1rem;
    left: -11.9rem;
  }
  .section.d-4 .content {
    padding-top: 1.5rem;
  }
  .section.d-4 .card__school {
    margin-top: 2.5rem;
    padding: 4rem;
    flex-direction: row;
  }
  .section.d-4 .card__school .card__description {
    opacity: 0.7;
  }
  .section.d-4 .info__wrap {
    margin-top: 0;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .section.d-4 .grade__wrap {
    justify-content: flex-start;
  }
  .section.d-4 .rating__wrap {
    margin-right: 2.8rem;
  }
  .section.d-4 .info__wrap {
    margin-top: 1.2rem;
  }
  .section.d-4 .info__wrap.more-width .location {
    margin-bottom: 0.5rem;
    border-right: none;
    padding-right: 2.15rem;
  }
  .section.d-4 .location,
.section.d-4 .category {
    margin-top: 0;
  }
  .section.d-4 .location {
    padding-right: 1rem;
    margin-right: 1rem;
    border-right: 0.12rem solid rgba(44, 41, 75, 0.2);
  }
  .section.d-4 .card__body {
    margin-top: 0.4rem;
    margin-left: 3.2rem;
  }
  .section.d-4 .card__footer {
    margin-top: auto;
    margin-left: 4rem;
    width: auto;
  }
  .section.d-4 .card__footer .btn__wrap {
    margin-left: 2.4rem;
  }
  .section.d-4 .btn__wrap {
    margin-top: 4.8rem;
  }
}
@media only screen and (min-width: 1280px) {
  .section.d-4 .location {
    padding-right: 2rem;
    margin-right: 2rem;
  }
  .section.d-4 .card__footer {
    margin-left: 9rem;
  }
}
@media only screen and (min-width: 1024px) {
  .section.d-3 {
    padding-top: 15rem;
  }
  .section.d-3 .d-3__container {
    max-width: none;
    padding: 0;
    margin-left: 2.8rem;
    overflow: hidden;
  }
  .section.d-3 .bg {
    top: 7rem;
    right: unset;
    left: -11.7rem;
    border-width: 2.8rem;
  }
  .section.d-3 .content {
    padding-top: 8.4rem;
  }
  .section.d-3 .school__card {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }
  .section.d-3 .btn__wrap {
    max-width: 144rem;
    padding: 0 5.6rem 0 0;
    margin: 4.8rem auto 0;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .section.d-3 .btn__wrap .btn {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .section.d-3 .d-3__container {
    margin-left: 8rem;
  }
  .section.d-3 .btn__wrap {
    padding: 0 16rem 0 0;
  }
}
@media only screen and (min-width: 1440px) {
  .section.d-3 .d-3__container {
    margin-left: 6%;
  }
  .section.d-3 .btn__wrap {
    padding: 0 18rem 0 0;
  }
}
@media only screen and (min-width: 1560px) {
  .section.d-3 .d-3__container {
    margin-left: 9%;
  }
  .section.d-3 .btn__wrap {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1620px) {
  .section.d-3 .d-3__container {
    margin-left: 11%;
  }
}
@media only screen and (min-width: 1900px) {
  .section.d-3 .d-3__container {
    margin-left: 16%;
  }
}
@media only screen and (min-width: 1024px) {
  .section.d-4 {
    padding-top: 0;
  }
  .section.d-4 .breadcrumbs__wrap {
    margin-top: 13.2rem;
  }
  .section.d-4 .single-course__wrapper {
    margin-top: 4.2rem;
    padding: 0 0 3.8rem;
  }
  .section.d-4 .single-course__wrapper .card__school {
    justify-content: flex-start;
    margin-top: 0;
  }
  .section.d-4 .single-course__wrapper .card__header {
    margin-right: 4rem;
    display: block;
  }
  .section.d-4 .single-course__wrapper .img__wrap {
    margin: 0;
  }
  .section.d-4 .single-course__wrapper .price, .section.d-4 .single-course__wrapper .price-sale,
.section.d-4 .single-course__wrapper .post__title {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
  .section.d-4 .single-course__wrapper [data-card=sale] .price {
    font-size: 2rem;
    line-height: 3.2rem;
  }
  .section.d-4 .single-course__wrapper .info__wrap {
    margin-top: 1.2rem;
  }
  .section.d-4 .single-course__wrapper .card__body {
    width: 57.2%;
    margin-left: 0;
  }
  .section.d-4 .single-course__wrapper .card__footer {
    margin-top: 0;
    align-items: flex-end;
    justify-content: space-between;
  }
  .section .single-course__btn {
    margin: 0;
  }
  .section .single-course__btn:hover {
    background: #FFD84D;
    border-color: #FFD84D;
  }
  .section .single-course__btn:hover .btn__text {
    color: #2C294B;
  }
  .about {
    padding: 6.4rem 0 7rem;
  }
  .about .bg-1 {
    display: block;
    width: 38.8rem;
    height: 38.8rem;
    position: absolute;
    right: -22.8rem;
    bottom: -10.2rem;
    border: 2.8rem solid rgba(90, 79, 219, 0.05);
  }
  .about__title {
    text-align: left;
  }
  .about__content {
    display: flex;
    align-items: flex-start;
    gap: 4.8rem;
  }
  .about__features {
    margin-bottom: 0;
    flex: 1 0 40.3%;
  }
  .about__feature {
    height: 25.4rem;
  }
  .about__info-wrap {
    padding-top: 2rem;
    flex: 1 1 auto;
  }
  .about .btn__wrap {
    justify-content: flex-start;
  }
  .reviews {
    overflow: visible;
    padding-top: 7rem;
  }
  .reviews .bg.bg-1 {
    top: 62%;
    right: auto;
    left: -13rem;
    border-width: 3.5rem;
    border-style: solid;
  }
  .reviews .bg.bg-2, .reviews .bg.bg-3 {
    border-width: 0.4rem;
    border-style: solid;
  }
  .reviews .bg.bg-2 {
    top: 62%;
    right: auto;
    left: 15.1rem;
  }
  .reviews .bg.bg-3 {
    top: 70%;
    right: auto;
    left: 24rem;
  }
  .reviews__title br {
    display: none;
  }
  .reviews__wrapper {
    margin-bottom: 2.4rem;
  }
  .reviews__content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .reviews .filters__wrapper {
    margin-bottom: 0;
    width: 25%;
  }
  .reviews .filters__header {
    margin-bottom: 2.4rem;
    padding: 0;
    display: flex;
    justify-content: space-between;
  }
  .reviews .filters__title-wrap {
    flex: 1 0 auto;
    display: block;
  }
  .reviews .filters__body {
    margin-bottom: 4rem;
  }
  .reviews .filters__block {
    padding: 2rem 2rem 1.2rem;
    background-color: #fff;
    border-radius: 1.6rem;
  }
  .reviews .reset__filters {
    max-width: 9.3rem;
    min-width: auto;
    display: block;
    padding: 1rem 1.2rem;
    border: 1px solid rgba(44, 41, 75, 0.15);
  }
  .reviews .reset__filters .btn__text {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.9rem;
    color: #5A4FDB;
  }
  .reviews .reset__filters:hover .btn__text {
    color: #fff;
  }
  .reviews__side {
    width: 72%;
    margin-top: 6.9rem;
  }
  .reviews .review__card.card .post__title {
    margin-bottom: 0;
  }
  .section.d-4.others .title__wrap a {
    transition: all 0.3s linear;
    border-bottom: 0.15rem solid transparent;
  }
  .section.d-4.others .title__wrap a:hover {
    border-bottom-color: #5A4FDB;
  }
}
@media only screen and (min-width: 1280px) {
  .section.d-4 {
    padding-top: 0;
  }
  .section.d-4 .single-course__wrapper .img__wrap {
    width: 14.5rem;
    height: 14.5rem;
    max-width: none;
    max-height: none;
  }
  .section.d-4 .single-course__wrapper .card__header {
    margin-right: 4.8rem;
  }
}
@media only screen and (min-width: 1440px) {
  .section.d-4 {
    padding-top: 0;
  }
  .section.d-4 .single-course__wrapper .img__wrap {
    width: 15.6rem;
    height: 15.6rem;
  }
}