.course-title {
    font-weight: 600;
    font-size: clamp(30px, 3vw, 40px);
    width: 100%;
}

.course-subtitle {
    font-weight: 700;
    font-size: 26px;
}

.head-course {
    display: flex;
    flex-direction: row;
    background: #F4F4F4;
    border-radius: 20px;
    justify-content: space-between;
    gap: 100px;
    padding: 5% 3% 5% 3%;
    height: fit-content;
    align-items: center;
}

h1 {
    font-weight: 700;
}

.video-js,
video {
    border-radius: 10px;
}

.text-head-course {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    width: 55%;
}

.description {
    font-size: 18px;
}

.icon-head-course-computer {
    width: 300px;
    border-radius: 10px;
}

.head-course-miniblock-buttons {
    display: flex;
    gap: 40px;
}

.consultation-button {
    padding: 15px !important;
    width: 260px;
}

.head-course-location {
    display: flex;
    font-size: calc((100vw - 500px)/(1280 - 500) * (1.2 - 1) + 1rem);
    gap: 6px;
    width: fit-content;
    justify-content: center;
    align-items: center;
    margin-block: 15px;
}

.head-course-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.head-course-location p {
    margin: 0;
}

#enter {
    color: black;
}

.extreme-driving-img {
    border-radius: 10px;
    margin-bottom: 30px;
}


@media (max-width: 1199px) {

    .head-course-miniblock-buttons,
    .head-course {
        gap: 20px;
    }
}

@media (max-width: 991px) {
    .description {
        font-size: 1rem;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: justify;
    }

    .text-head-course {
        gap: 0
    }

    .head-course-miniblock-buttons {
        flex-direction: column-reverse;
        width: 300px;
        gap: 14px;
    }

    .head-course-button,
    .consultation-button {
        width: 100% !important;
        height: 60px;
    }
}

@media (min-width: 768px) {
    .icon-head-course-mobile {
        display: none;
    }
}

@media (max-width: 767px) {
    .head-course {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .icon-head-course-mobile {
        margin-top: 2%;
        margin-bottom: 2%;
        width: 200px;
        border-radius: 10px;
    }

    .text-head-course {
        width: 80%;
        align-items: center;
        justify-content: center;
    }

    .icon-head-course-computer {
        display: none;
    }

    .text-head-course h1 {
        font-size: 30px;
    }

    .description {
        font-size: 16px;
        margin-bottom: 4%;
    }

    .text-head-course {
        width: 90%;
    }
}

@media (max-width: 400px) {
    .head-course-miniblock-buttons {
        width: 100%;
    }
}

/* Users */

.course-users {
    background-color: #F6F7FE;
    padding-block: 60px;
    margin-block: 40px;
}

.user-card {
    display: flex;
    flex-direction: row;
    gap: 20px;
    background-color: #fff;
    border-radius: 20px;
    padding: 30px 40px;
    align-items: start;
    width: 50%;
}

.user-card__img {
    width: 150px;
    border-radius: 10px;
    position: relative;
    height: 150px;
}

.user-card__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: contain;
}

.course-users__cards {
    display: flex;
    gap: 20px;
}

@media (max-width: 991px) {
    .course-users__cards {
        flex-direction: column;
    }

    .user-card {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .user-card {
        flex-direction: column;
        align-items: center;
        padding: 20px;
    }
}

.user-card__paragraph {
    font-size: 14px;
    font-weight: 400;
}

.user-card__title {
    margin-bottom: 7px;
    font-weight: 600;
    font-size: 26px;
}

.user-card__text {
    width: 80%;
}

@media (max-width: 500px) {
    .user-card__text {
        width: 100%;
    }
}

.course-users__paragraph {
    font-weight: 400;
    font-size: clamp(12px, 2vw, 16px);
    margin-bottom: 40px;
}

.course-users__title {
    margin-bottom: 40px;
}

.course-users__subtitle {
    margin-bottom: 20px;
}

/* Users end */

/* About */

.about-course {
    margin-block: 40px;
}

.about-course_grey {
    background-color: #F6F7FE;
    padding-block: 60px;
}

.about-course__content {
    display: flex;
    gap: 20px;
    align-items: start;
}



@media (max-width: 991px) {
    .about-course__content {
        flex-direction: column;
    }
}

.about-course__img {
    width: 35%;
    border-radius: 10px;
}


.about-course__img {
    width: 35%;
    border-radius: 10px;
}

@media (max-width: 991px) {
    .about-course__img {
        width: 100%;
    }
}

.about-course__title {
    margin-bottom: 40px;
}

.about-course__subtitle {
    margin-bottom: 22px;
}

.about-course__paragraph {
    font-weight: 400;
    font-size: 16px;
}

/* About end */

/* Advantages */

.advantages {
    margin-block: 40px;
}

.advantages_grey {
    background-color: #F6F7FE;
    padding-block: 60px;
}

.advantages__title {
    margin-bottom: 40px;
}

.advantages__subtitle {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 22px;
}

.advantages__cards {
    display: flex;
    gap: 20px;
    margin-block: 20px;
}

.advantages__step-cards {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

@media (max-width: 1399px) {

    .advantages__cards {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1199px) {

    .advantages__cards,
    .advantages__step-cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {

    .advantages__cards,
    .advantages__step-cards {
        grid-template-columns: 1fr;
    }

}

.advantages__paragraph {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 20px;
}

.advantage-card {
    padding: 40px 20px;
    border-radius: 30px;
    flex: 1 1 0;
    min-height: 218px;
}

.advantage-card_step {
    max-width: 500px;
    width: 100%;
    padding: 40px 20px;
    border-radius: 30px;
}

@media (max-width: 1199px) {
    .advantage-card_step {
        max-width: fit-content;
        width: auto;
    }
}

.advantage-card_grey {
    background-color: #F6F7FE;
}

.advantage-card_white {
    background-color: #fff;
}

.advantage-card__title {
    font-weight: 700;
    font-size: 19px;
    margin-bottom: 20px;
}

.advantage-card__paragraph {
    font-weight: 500;
    font-size: 16px;
    margin: 0;
}

.advantages__paragraph:nth-child(2) {
    margin-top: 20px;
}

.advantage-card__step {
    width: 40px;
    height: 40px;
    background-color: #38C4BD;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 19px;
    color: #fff;
    margin-bottom: 20px;
}

/* Advantages end */

/* Grey Accordion */

.grey-accordion-section {
    margin-block: 40px;
}

.grey-accordion {
    margin-top: 60px;
    margin-inline: auto;
    --bs-accordion-border-color: transparent;
    --bs-accordion-bg: #F6F7FE;
    --bs-accordion-active-bg: #F6F7FE;
    --bs-accordion-active-color: #212529;
    --bs-accordion-btn-icon-width: 18px;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-border-radius: 20px;
    --bs-accordion-inner-border-radius: 20px;
    --bs-accordion-body-padding-y: 20px;
    --bs-accordion-body-padding-x: 20px;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.05666 0.808617C1.11472 0.750413 1.18369 0.704234 1.25962 0.672726C1.33555 0.641218 1.41696 0.625 1.49916 0.625C1.58137 0.625 1.66277 0.641218 1.73871 0.672726C1.81464 0.704234 1.88361 0.750413 1.94166 0.808617L8.99916 7.86737L16.0567 0.808614C16.1148 0.750504 16.1838 0.704409 16.2597 0.67296C16.3356 0.641511 16.417 0.625325 16.4992 0.625324C16.5813 0.625324 16.6627 0.641511 16.7386 0.67296C16.8146 0.704409 16.8836 0.750504 16.9417 0.808614C16.9998 0.866724 17.0459 0.93571 17.0773 1.01163C17.1088 1.08756 17.125 1.16893 17.125 1.25111C17.125 1.33329 17.1088 1.41467 17.0773 1.49059C17.0459 1.56652 16.9998 1.6355 16.9417 1.69361L9.44167 9.19361C9.38361 9.25182 9.31464 9.298 9.23871 9.32951C9.16278 9.36101 9.08137 9.37723 8.99917 9.37723C8.91696 9.37723 8.83556 9.36101 8.75962 9.32951C8.68369 9.298 8.61472 9.25182 8.55667 9.19361L1.05666 1.69362C0.99846 1.63556 0.952282 1.56659 0.920774 1.49066C0.889266 1.41473 0.873047 1.33333 0.873047 1.25112C0.873047 1.16891 0.889266 1.08751 0.920774 1.01157C0.952282 0.935643 0.99846 0.866674 1.05666 0.808617Z' fill='white'/%3E%3C/svg%3E");
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.05666 0.808617C1.11472 0.750413 1.18369 0.704234 1.25962 0.672726C1.33555 0.641218 1.41696 0.625 1.49916 0.625C1.58137 0.625 1.66277 0.641218 1.73871 0.672726C1.81464 0.704234 1.88361 0.750413 1.94166 0.808617L8.99916 7.86737L16.0567 0.808614C16.1148 0.750504 16.1838 0.704409 16.2597 0.67296C16.3356 0.641511 16.417 0.625325 16.4992 0.625324C16.5813 0.625324 16.6627 0.641511 16.7386 0.67296C16.8146 0.704409 16.8836 0.750504 16.9417 0.808614C16.9998 0.866724 17.0459 0.93571 17.0773 1.01163C17.1088 1.08756 17.125 1.16893 17.125 1.25111C17.125 1.33329 17.1088 1.41467 17.0773 1.49059C17.0459 1.56652 16.9998 1.6355 16.9417 1.69361L9.44167 9.19361C9.38361 9.25182 9.31464 9.298 9.23871 9.32951C9.16278 9.36101 9.08137 9.37723 8.99917 9.37723C8.91696 9.37723 8.83556 9.36101 8.75962 9.32951C8.68369 9.298 8.61472 9.25182 8.55667 9.19361L1.05666 1.69362C0.99846 1.63556 0.952282 1.56659 0.920774 1.49066C0.889266 1.41473 0.873047 1.33333 0.873047 1.25112C0.873047 1.16891 0.889266 1.08751 0.920774 1.01157C0.952282 0.935643 0.99846 0.866674 1.05666 0.808617Z' fill='white'/%3E%3C/svg%3E")
}

@media (max-width: 991px) {
    .grey-accordion {
        margin-top: 40px;
        margin-bottom: 140px;
    }
}

.grey-accordion-section__title {
    max-width: 635px;
    width: 100%;
    margin-bottom: 40px;
}

.grey-accordion .accordion-button::after {
    background-color: #38C4BD;
    border-radius: 50%;
    background-position: center;
    width: 30px;
    height: 30px;
    line-height: 29px;
}

.grey-accordion .accordion-body {
    padding-bottom: var(--bs-accordion-body-padding-x);
    font-size: clamp(14px, 4vw, 20px);
    font-weight: 400;
}

.grey-accordion .accordion-button {
    border-radius: var(--bs-accordion-border-radius);
    font-size: clamp(18px, 5vw, 24px);
    font-weight: 600;
    padding: 20px;
    gap: 10px;
}

/* Grey Accordion end */

/* Bullets Block */

.bullets-block {
    margin-top: 65px;
    margin-bottom: 45px;
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    padding: 0;
    flex-wrap: wrap;
    gap: 20px;
}

.bullets-block__item {
    position: relative;
    display: flex;
    gap: 5px;
    flex-direction: column;
    padding-left: 10px;
    min-width: 190px;
}

.bullets-block__item::before {
    content: '';
    position: absolute;
    top: 10px;
    left: -10px;
    width: 10px;
    height: 10px;
    background-color: #212529;
    border-radius: 50%;
}

.bullets-block__name {
    font-weight: 600;
    font-size: 20px;
    color: #212529;
}

.bullets-block__info {
    font-weight: 400;
    font-size: 16px;
    color: #212529;
}

/* Bullets Block end */

/* Cards with image */

.image-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    list-style-type: none;
    padding: 0;
    margin-top: 40px;
}

.image-card {
    background-color: #fff;
    border-radius: 20px;
    min-height: 170px;
    display: flex;
    align-items: center;
    gap: 20px;
    padding-inline: clamp(10px, 12%, 79px);
}

@media (max-width: 991px) {
    .image-cards {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 767px) {
    .image-card {
        padding-inline: clamp(10px, 5%, 30px);
    }

}

.image-card__icon {
    width: 75px;
    height: 74px;
}

.image-card__text {
    width: 90%;
}

.image-card__title {
    font-size: clamp(18px, 1.8vw, 26px);
    font-weight: 600;
    color: #212529;
    margin-bottom: 7px;
}


@media (max-width: 991px) {
    .image-card__title {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .image-card__title {
        font-size: 18px;
    }

}

.image-card__description {
    font-weight: 400;
    font-size: 14px;
    color: #404449;
}

/* Cards with image end */