/* Large laptop / small desktop -> 1600 × 900 */
/* @media (max-width: 1600px) {
    :root {
        --font-size-heading-1: 52px;
        --font-size-heading-2: 42px;
        --font-size-heading-3: 32px;
        --font-size-title-32: 28px;
        --font-size-title-24: 22px;
        --font-size-title-20: 18px;
        --font-size-body-18: 16px;
        --font-size-body-16: 16px;
        --font-size-body-14: 14px;
        --font-size-body-12: 12px;

        --header-height: 80px;

        --container-space-x: 5%;

        --advantages-width: 80%;

        --aboutus-section-height: 1100px;

        --course-detail-intro-space-y: 24px;

        --news-date-space-y: 8px;

        --news-item-space-top: 18px;

        --article-image-space-y: 40px;

        --section-block-space-y: 80px;
        --section-description-top-space: 20px;
        --section-description-bottom-space: 28px;

        --modal-box-form-space: 24px 16px 0;
        --modal-body-space: 24px;
    }

    #aboutus-section .section__intro {
        margin-top: 8%;
    }

    #aboutus-section .section__intro img {
        max-width: 150px;
    }

    #aboutus-section .section__description {
        max-width: 42%;
    }

    #value-section .section__intro {
        max-width: 50%;
    }

    #value-section .section__intro:last-child {
        max-width: 80%;
    }

    .achievement__section {
        padding-left: var(--container-space-x);
        padding-right: var(--container-space-x);
    }

    #detail-section {
        padding-left: var(--container-space-x);
        padding-right: var(--container-space-x);
    }

    .news__list.news__list--small .news__img {
        border-radius: var(--radius-md);
        height: 100%;
        width: auto;
        object-fit: cover;
    }

    .news__list.news__list--small .news__title {
        margin-top: 0;
        font-size: var(--font-size-body-14);
    }
} */

/* Standard laptop (1280px - 1440px) -> 1440 × 900 */
/* @media (max-width: 1440px) {
    :root {
        --font-size-heading-1: 48px;
        --font-size-heading-2: 38px;
        --font-size-heading-3: 24px;
        --font-size-title-32: 24px;
        --font-size-title-24: 22px;
        --font-size-title-20: 18px;
        --font-size-body-18: 16px;
        --font-size-body-16: 16px;
        --font-size-body-14: 14px;
        --font-size-body-12: 12px;

        --header-height: 80px;

        --container-space-x: 5%;

        --advantages-width: 100%;

        --aboutus-section-height: 900px;

        --course-info-space-x: 8px;
        --course-info-space-y: 12px;

        --course-detail-intro-space-y: 16px;

        --news-date-space-y: 8px;

        --news-item-space-top: 18px;

        --article-image-space-y: 40px;

        --section-block-space-y: 80px;
        --section-description-top-space: 16px;
        --section-description-bottom-space: 24px;

        --modal-box-form-space: 24px 16px 0;
        --modal-body-space: 24px;
    }

    #aboutus-section .section__intro img {
        max-width: 150px;
    }

    #value-section .section__intro {
        max-width: 70%;
    }

    #aboutus-section .section__description {
        max-width: 50%;
    }

    #value-section .section__intro:last-child {
        max-width: 80%;
    }

    .news__list.news__list--small .news__img {
        border-radius: var(--radius-md);
        height: 100%;
        width: auto;
        object-fit: cover;
    }

    .news__list.news__list--small .news__date {
        margin-bottom: 6px;
    }

    .news__list.news__list--small .news__title {
        margin-top: 0;
        font-size: var(--font-size-body-14);
    }

    .news__summary {
        -webkit-line-clamp: 3;
    }
} */

/* Small laptop (1024px - 1280px) -> 1280 × 720 */
/* @media (max-width: 1280px) {
    :root {
        --font-size-heading-1: 44px;
        --font-size-heading-2: 34px;
        --font-size-heading-3: 24px;
        --font-size-title-32: 20px;
        --font-size-title-24: 18px;
        --font-size-title-20: 16px;
        --font-size-body-18: 16px;
        --font-size-body-16: 14px;
        --font-size-body-14: 14px;
        --font-size-body-12: 12px;

        --header-height: 70px;

        --container-space-x: 2%;

        --advantages-width: 100%;

        --aboutus-section-height: 900px;

        --section-intro-image-about-us-top: -5%;

        --course-detail-intro-space-y: 16px;

        --news-date-space-y: 8px;

        --news-item-space-top: 18px;

        --article-image-space-y: 40px;

        --section-block-space-y: 70px;
        --section-description-top-space: 16px;
        --section-description-bottom-space: 24px;

        --modal-box-form-space: 24px 16px 0;
        --modal-body-space: 24px;
    }

    #aboutus-section .section__intro img {
        max-width: 150px;
    }

    #value-section .section__intro {
        max-width: 70%;
    }

    #aboutus-section .section__description {
        max-width: 55%;
    }

    #value-section .section__intro:last-child {
        margin-bottom: 0;
        max-width: 80%;
    }

    .news__list.news__list--small .news__img {
        border-radius: var(--radius-md);
        height: 100%;
        width: auto;
        object-fit: cover;
    }

    .news__list.news__list--small .news__date {
        margin-bottom: 0;
    }

    .news__list.news__list--small .news__title {
        margin-top: 0;
        font-size: var(--font-size-body-12);
    }

    .news__summary {
        -webkit-line-clamp: 2;
    }
} */

@media (min-width: 1536px) {
    .container {
        max-width: 1440px !important;
    }
}

/* Tablet (768px - 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    :root {
        --font-size-heading-1: 44px;
        --font-size-heading-2: 30px;
        --font-size-heading-3: 28px;
        --font-size-title-32: 26px;
        --font-size-title-24: 20px;
        --font-size-title-20: 16px;
        --font-size-body-18: 16px;
        --font-size-body-16: 14px;
        --font-size-body-14: 14px;
        --font-size-body-12: 12px;

        --advantages-width: 100%;
        --advantage-wrapper-width: 100%;

        --advantage-item-header-space-x: 12px;
        --advantage-item-header-space-y: 16px;
        --advantage-item-body-space: 0 12px;

        --feature-item-height: auto;
        --feature-item-space-x: 16px;
        --feature-item-space-y: 20px;
        --feature-item-content-gap-x: 12px;

        --aboutus-section-height: 1000px;
        --aboutus-achievement-width: 100%;

        --achievement-item-width: 100%;

        --course-item-space-x: 8px;
        --course-item-space-y: 8px;

        --course-info-space-x: 12px;
        --course-info-space-y: 16px;
        --course-detail-intro-space-y: 16px;
        --course-detail-image-width: 100%;

        --intro-description-space-x: 16px;
        --intro-description-space-y: 20px;
        --intro-description-space-bottom: 12px;
        --intro-checklist-space-top: 24px;

        --contact-form-width: 100%;
        --contact-form-space-bottom: 80px;

        --value-list-width: 100%;
        --value-list-space-bottom: 32px;
        --value-item-width: 100%;
        --value-item-space-x: 16px;
        --value-item-space-y: 20px;
        --value-item-title-space-top: 16px;

        --news-item-space-top: 16px;
        --news-item-image-width: 37.1%;
        --news-date-space-y: 0;

        --section-block-space-y: 32px;
        --section-intro-space-top: 0;
        --section-intro-image-about-us-top: 0%;

        --form-space-x: 24px;
        --form-space-y: 32px;

        --modal-box-form-space: 16px 16px 0;
    }

    .header__nav nav,
    .contact-button {
        display: none;
    }

    .mobile-menu {
        display: flex;
    }

    .section__block:first-child {
        margin-top: var(--header-height);
    }

    /* --------------------------Hero section------------------------- */
    .planet-base,
    .planet-glow {
        inset: 0;
        transform: unset;
        width: 100%;
        height: 100%;
    }

    #hero-section .section__description {
        max-width: 80%;
    }

    /* --------------------------/Hero section------------------------- */

    /* -----------------------------------Feature------------------------------------- */
    #features-section {
        padding-left: var(--container-space-x);
        padding-right: var(--container-space-x);
    }

    .embla.features .embla__slide {
        flex-basis: 80%;
    }

    .embla__dots {
        max-width: 100%;
    }

    .feature__info > h3,
    .feature__info > p {
        max-width: 60%;
    }

    .feature__info > h3 {
        font-size: var(--font-size-title-24);
    }

    /* -----------------------------------/Feature------------------------------------- */

    /* -----------------------------------About us------------------------------------- */
    #aboutus-section {
        padding-left: var(--container-space-x);
        padding-right: var(--container-space-x);
    }

    #aboutus-section .section__container {
    }

    #aboutus-section .section__intro {
        margin-top: 20%;
    }

    #aboutus-section .section__intro img {
        max-width: 100px;
    }

    #aboutus-section .section__description {
        max-width: 74%;
    }

    .aboutus__achievement {
        text-align: center;
        row-gap: 16px;
        border: 1px solid transparent;
    }

    .aboutus__achievement .achievement__item {
        max-width: 30%;
        margin-left: auto;
        margin-right: auto;
    }

    /* -----------------------------------/About us------------------------------------- */

    /* -----------------------------------Course------------------------------------- */
    #courses-section {
        overflow: visible;
    }

    #courses__bg {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        transform: translate(-50%, -40%);
    }

    #courses-section .section__intro {
        max-width: unset;
    }

    .embla.courses .embla__slide {
        flex-basis: calc((100% - (var(--embla-slide-gap-x) * 1)) / 2);
    }

    /* -----------------------------------/Course------------------------------------- */

    /* -----------------------------------Why us-------------------------------------- */
    .main-content .section__block:first-child #whyus-bg {
        width: 100%;
        transform: translate(-50%, -35%);
    }

    #why-us-section .section__intro {
        max-width: unset;
    }

    .intro__item {
        flex: 1 1 45% !important;
    }

    .intro__item:first-child {
        display: block;
        padding-left: unset;
    }

    .intro__item:first-child .intro__img {
        padding-left: 0;
        padding-top: 55.6%;
    }

    /* -----------------------------------/Why us-------------------------------------- */

    /* -----------------------------------Feedback-------------------------------------- */
    .feedback__content {
        width: 100%;
    }

    .embla.feedbacks .embla__slide {
        flex-basis: 80%;
    }

    .feedback__item {
        opacity: 1;
        background: var(--color-gray-10);
    }

    #earth {
        width: 400px !important;
        height: 600px !important;
    }

    /* -----------------------------------/Feedback-------------------------------------- */

    /* -----------------------------------Contact-------------------------------------- */
    #contact-section {
    }

    /* -----------------------------------/Contact-------------------------------------- */

    /* -----------------------------------Values-------------------------------------- */
    #value-section {
        padding-left: var(--container-space-x);
        padding-right: var(--container-space-x);
    }

    #value-section .section__container {
        padding-top: 60px;
    }

    #value-section .section__intro {
        max-width: 80%;
        margin-bottom: 0;
    }

    .value__item {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .embla.visions--images .embla__container {
        height: 500px;
    }

    .description__title {
        padding-left: 0;
        padding-right: 20px;
        position: relative;
    }

    .description__title::after {
        inset-inline-end: 0 !important;
    }

    .embla.achievements .embla__slide {
        flex-basis: 80%;
    }

    /* -----------------------------------/Values-------------------------------------- */

    /* -----------------------------------Detail-------------------------------------- */
    #detail-section {
        padding-left: var(--container-space-x);
        padding-right: var(--container-space-x);
    }

    .breadcrumbs {
        padding-top: 0;
        padding-bottom: 0;
    }

    .breadcrumbs > ol,
    .breadcrumbs > ul {
        flex-wrap: wrap;
        row-gap: 6px;
    }

    .detail__image {
        order: 1;
    }

    .detail__intro {
        flex: 1 1 100%;
        order: 3;
        margin-top: 24px;
    }

    .detail__extra {
        order: 2;
    }

    .extra__tag li a {
        font-size: 12px;
    }

    .extra__list {
        flex-wrap: wrap;
        row-gap: 4px;
    }

    .extra__list li {
        font-size: 14px;
    }

    /* -----------------------------------/Detail-------------------------------------- */

    /* -----------------------------------News----------------------------------------- */
    .category {
        padding-top: 0;
    }

    .news__summary {
        /* display: none; */
    }

    .article {
        margin-top: 24px;
    }

    .article__tags {
        flex-wrap: wrap;
    }

    /* -----------------------------------/News----------------------------------------- */

    /* -----------------------------------Sidebar------------------------------------ */
    .sidebarlayout {
        flex-wrap: wrap;
        margin-top: 0;
    }

    .sidebarlayout__maincontent,
    .sidebarlayout__subcontent {
        flex: 1 1 100%;
        max-width: 100%;
    }

    /* -----------------------------------/Sidebar------------------------------------ */

    /* -----------------------------------Footer-------------------------------------- */
    .footer .header__nav {
        justify-content: center;
    }

    .footer__copyright {
        flex-direction: column-reverse;
        row-gap: 16px;
        text-align: center;
    }

    .footer__social ul li a {
        color: var(--color-gray-1);
        background: var(--color-gray-7);
    }

    /* -----------------------------------/Footer-------------------------------------- */
}

/* Mobile (≤768px) */
@media (max-width: 768px) {
    :root {
        --font-size-heading-1: 32px;
        --font-size-heading-2: 32px;
        --font-size-heading-3: 18px;
        --font-size-title-32: 24px;
        --font-size-title-24: 16px;
        --font-size-title-20: 14px;
        --font-size-body-18: 14px;
        --font-size-body-16: 15px;
        --font-size-body-14: 12px;
        --font-size-body-12: 12px;

        --header-height: 76px;

        --container-space-x: 20px;

        --advantages-width: 100%;
        --advantage-wrapper-width: 100%;

        --feature-item-height: auto;
        --feature-item-space-x: 16px;
        --feature-item-space-y: 20px;
        --feature-item-content-gap-x: 12px;

        --aboutus-section-height: 1000px;
        --aboutus-achievement-width: 100%;

        --achievement-item-width: 100%;

        --advantage-item-header-space-x: 20px;
        --advantage-item-header-space-y: 20px;
        --advantage-item-body-space: 0 20px;

        --course-item-space-x: 8px;
        --course-item-space-y: 8px;

        --course-info-space-x: 12px;
        --course-info-space-y: 16px;
        --course-detail-intro-space-y: 16px;
        --course-detail-image-width: 100%;

        --intro-description-space-x: 16px;
        --intro-description-space-y: 20px;
        --intro-description-space-bottom: 12px;
        --intro-checklist-space-top: 24px;

        --contact-form-width: 100%;
        --contact-form-space-bottom: 0;

        --value-list-width: 100%;
        --value-list-space-bottom: 32px;
        --value-item-width: 100%;
        --value-item-space-x: 16px;
        --value-item-space-y: 20px;
        --value-item-title-space-top: 16px;

        --news-item-space-top: 16px;
        --news-item-image-width: 37.1%;
        --news-date-space-y: 0;

        --section-block-space-y: 32px;
        --section-intro-space-top: 0;
        --section-intro-image-about-us-top: -6%;

        --form-space-x: 24px;
        --form-space-y: 32px;

        --modal-box-form-space: 16px 16px 0;
        --modal-body-space: 24px 16px;
    }

    #wrapper-content {
        background: none;
    }

    .header__nav nav,
    .contact-button {
        display: none;
    }

    .mobile-menu {
        display: flex;
    }

    .section__block:first-child {
        margin-top: var(--header-height);
    }

    /* --------------------------Hero section------------------------- */
    .planet-base,
    .planet-glow {
        inset: 0;
        transform: unset;
        width: 100%;
        height: 100%;
    }

    #hero-section .section__description {
        max-width: 100%;
    }

    .advantages.advantages--mobile {
        display: flex;
        flex-wrap: wrap;
        margin-top: 28px;
        max-width: 100%;
    }

    .advantages.advantages--mobile .swiper-cards .swiper-slide {
        overflow: visible;
    }

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

    .advantages.advantages--pc {
        display: none;
    }

    .advantage__item {
        opacity: 1;
        background: var(--color-gray-10);
        height: 280px;
    }

    .advantage__item img {
        max-width: 80%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    #advantage-1,
    #advantage-3 {
        margin-top: unset;
    }

    #advantage-2 {
        margin-bottom: 0;
    }

    #advantage-4 {
        height: unset;
        width: 100%;
    }

    .advantage__wrapper:first-child {
        margin-right: 0;
    }

    .advantage__wrapper:last-child {
        margin-left: 0;
    }

    #advantage-3 .graph {
        margin-bottom: 0;
    }

    /* --------------------------/Hero section------------------------- */

    /* -----------------------------------Feature------------------------------------- */
    #features-section {
        padding-left: var(--container-space-x);
        padding-right: var(--container-space-x);
    }

    #earth {
        transform: translate(-50%, -2%);
    }

    .feature__item {
        max-width: 360px;
        background-image: none !important;
    }

    .feature__item img {
        display: block;
        position: unset;
        width: 100%;
    }

    .embla.features .embla__slide {
        flex-basis: 80%;
    }

    #features-section .embla__dots {
        display: none;
    }

    .feature__img {
        position: unset;
        width: 100%;
    }

    .feature__info > h3,
    .feature__info > p {
        max-width: 100%;
    }

    .feature__info > h3 {
        font-size: var(--font-size-title-24);
    }

    /* -----------------------------------/Feature------------------------------------- */

    /* -----------------------------------About us------------------------------------- */
    #aboutus-section {
    }

    #aboutus-bg img {
        z-index: 2;
    }

    #aboutus-section .section__container {
        position: relative;
    }

    #aboutus-section .section__intro {
        margin-top: 20%;
        z-index: 3;
    }

    #aboutus-section .section__intro img {
        max-width: 90px;
    }

    #aboutus-section .section__description {
        max-width: 100%;
    }

    .aboutus__achievement {
        flex-direction: column;
        text-align: center;
        row-gap: 16px;
        overflow: visible;
        z-index: 2;
    }

    .aboutus__achievement::before {
        content: "";
        border: 1px solid;
        border-top-color: transparent;
        border-bottom-left-radius: var(--radius-4xl);
        border-bottom-right-radius: var(--radius-4xl);
        border-bottom-color: var(--color-purple-10);
        border-left-color: var(--color-purple-10);
        border-right-color: var(--color-purple-10);
        height: 62%;
        width: auto;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        pointer-events: none;
        margin-left: var(--container-space-x);
        margin-right: var(--container-space-x);
    }

    .aboutus__achievement .achievement__item {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .achievement__item + .achievement__item::before {
        width: 100%;
        height: 1px;
        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.16) 50%,
            rgba(255, 255, 255, 0) 100%
        );
    }

    /* -----------------------------------/About us------------------------------------- */

    /* -----------------------------------Course------------------------------------- */
    #courses-section {
        overflow: visible;
    }

    #courses__bg {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        width: 80%;
        transform: translate(-50%, -57%);
    }

    #courses-section .section__intro {
        max-width: unset;
    }

    .tabs {
        width: 100%;
    }

    .tab {
        min-width: unset;
    }

    .embla.courses .embla__actions {
        display: none;
    }

    .embla.courses .embla__slide {
        flex-basis: 100%;
    }

    /* -----------------------------------/Course------------------------------------- */

    /* -----------------------------------Why us-------------------------------------- */
    #whyus-bg {
        width: 100%;
    }

    .main-content .section__block:first-child #whyus-bg {
        width: 100%;
        transform: translate(-50%, -35%);
    }

    #why-us-section .section__intro {
        max-width: unset;
        margin-top: 15%;
    }

    .intro__item {
        flex-basis: 100% !important;
    }

    .intro__item:first-child {
        display: block;
        padding-left: unset;
    }

    .intro__item:first-child .intro__img {
        padding-left: 0;
        padding-top: 100%;
        flex-basis: 100%;
        background-position: bottom center;
    }

    /* -----------------------------------/Why us-------------------------------------- */

    /* -----------------------------------Feedback-------------------------------------- */
    .feedback__content {
        width: 100%;
    }

    .embla.feedbacks .embla__slide {
        flex-basis: 80%;
    }

    .feedback__item {
        opacity: 1;
        background: var(--color-gray-10);
    }

    /* -----------------------------------/Feedback-------------------------------------- */

    /* -----------------------------------Contact-------------------------------------- */
    #contact-section {
        background-image: url(../images/bg_contact.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .form__group {
        margin-bottom: 16px;
    }

    /* -----------------------------------/Contact-------------------------------------- */

    /* -----------------------------------Values-------------------------------------- */
    /* #value-section,
    #vision-section,
    #achievement-section {
        padding-left: var(--container-space-x);
        padding-right: var(--container-space-x);
    } */

    #value-bg-1 img {
        width: 100%;
        transform: translate(-50%, -6%);
    }

    #value-section .section__container {
        padding-top: 60px;
    }

    #value-section .section__intro {
        max-width: 90%;
        margin-bottom: 0;
    }

    #value-section .section__intro:last-child {
        max-width: 100%;
    }

    .value__item {
    }

    #vision-section .section__intro {
        max-width: unset;
        padding-top: var(--section-block-space-y);
    }

    .visions__description,
    .visions__images {
        padding-left: 16px;
    }

    .embla.visions--images .embla__container {
        height: 400px;
    }

    .embla.visions--images .embla__slide {
        margin-left: 0;
        margin-right: 0;
    }

    .embla.visions--images .embla__progress {
        left: 0px;
        bottom: 0;
        top: unset;
    }

    .description__title {
        padding-left: 0;
        padding-right: 20px;
        position: relative;
    }

    .description__title::after {
        inset-inline-end: 0 !important;
    }

    .embla.achievements .embla__slide {
        flex-basis: 80%;
    }

    /* -----------------------------------/Values-------------------------------------- */

    /* -----------------------------------Detail-------------------------------------- */
    #detail-section {
    }

    .breadcrumbs {
        padding-top: 0;
        padding-bottom: 0;
    }

    .breadcrumbs > ol,
    .breadcrumbs > ul {
        flex-wrap: wrap;
        row-gap: 6px;
    }

    .detail__image {
        order: 1;
    }

    .detail__intro {
        flex: 1 1 100%;
        order: 3;
        margin-top: 24px;
    }

    .detail__extra {
        order: 2;
    }

    .extra__tag li a {
        font-size: 12px;
    }

    .extra__list li {
        font-size: 14px;
    }

    /* -----------------------------------/Detail-------------------------------------- */

    /* -----------------------------------Lecturer------------------------------------ */
    .profile {
        flex-wrap: wrap;
        row-gap: 32px;
    }

    .profile__info {
        order: 2;
        flex-basis: 100%;
    }

    .profile__avatar {
        order: 1;
    }

    /* -----------------------------------/Lecturer------------------------------------ */

    /* -----------------------------------News----------------------------------------- */
    .category {
        padding-top: 0;
    }

    .news__img {
        border-radius: var(--radius-md);
    }

    .news__summary {
        display: none;
    }

    .article {
        margin-top: 24px;
    }

    .article__tags {
        flex-wrap: wrap;
    }

    /* -----------------------------------/News----------------------------------------- */

    /* -----------------------------------Sidebar------------------------------------ */
    .sidebarlayout {
        flex-wrap: wrap;
        margin-top: 0;
    }

    .sidebarlayout__maincontent,
    .sidebarlayout__subcontent {
        flex: 1 1 100%;
        max-width: 100%;
    }

    /* -----------------------------------/Sidebar------------------------------------ */

    /* -----------------------------------Footer-------------------------------------- */
    .footer {
        background: var(--color-gray-11);
        margin-top: var(--section-block-space-y);
    }

    .footer > * {
        gap: 0 !important;
    }

    .footer::before {
        display: none;
    }

    .footer .header__nav {
        justify-content: center;
    }

    .footer__wrapper {
        flex-wrap: wrap;
    }

    .footer__column {
        max-width: unset;
        row-gap: 16px;
    }

    .footer__column + .footer__column {
        padding-top: 24px;
        margin-top: 24px;
        border-top: 1px solid var(--color-gray-8);
    }

    .footer__column:first-child,
    .footer__column:last-child {
        flex-basis: 100%;
    }

    .footer__column:nth-child(2),
    .footer__column:nth-child(3) {
        flex-grow: 1;
        flex-basis: 50%;
    }

    .footer__column:nth-child(3) {
        text-align: right;
    }

    .footer__column:first-child .footer__head {
        padding-bottom: 24px;
        border-bottom: 1px solid var(--color-gray-8);
    }

    .footer__column:last-child .footer__head {
        display: none;
    }

    .footer__head {
        height: auto;
    }

    .footer__copyright {
        flex-direction: column-reverse;
        row-gap: 16px;
        text-align: center;
    }

    .footer__social ul li a {
        color: var(--color-gray-1);
        background: var(--color-gray-7);
    }

    /* -----------------------------------/Footer-------------------------------------- */
}