@media screen and (max-width: 1440px) {
    .about-page__year-card {
        padding: 50px clamp(1.25rem, -1.827rem + 4.81vw, 2.5rem) 20px;
    }
}

@media screen and (max-width: 1350px) {
    .about-page__main h1:nth-of-type(1) {
        grid-column: 4 / -1;
    }

    .about-page__main h1:nth-of-type(2) {
        grid-column: 2 / -1;
    }

    .about-page__main h1:nth-of-type(3) {
        grid-column: 4 / -1;
    }

    .about-page__main-description {
        grid-column: 4 / span 5;
    }

    .about-page__main-statistic-list {
        grid-column: 1 / span 7;
    }

    .about-page__main-statistic-photo {
        grid-column: 9 / -1;
    }

    .about-page__history h1 {
        grid-column: 1 / -1;
        max-width: 380px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 53px;
    }

    .history-tabs {
        grid-column: 1 / -1;
    }

    .accordion-history {
        margin-top: 32px;
    }

    .accordion-button {
        grid-template-columns: 140px 1fr;
        padding-right: 24px;
    }

    .accordion-header .accordion-button .img-container {
        min-height: 140px;
    }

    .accordion-item-title {
        font-size: 24px;
        margin-top: 28px;
        padding-left: 23px;
        letter-spacing: -0.01em;
        line-height: 100%;
    }

    .about-page__history h1::before {
        content: "";
        display: block;
        margin-top: -0.14em;
    }

    .about-page__history h1::after {
        content: "";
        display: block;
        margin-bottom: -0.12em;
    }

    .accordion-item-year {
        font-size: 32px;
        display: flex;
        align-items: center;
    }

    .accordion-body {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
        padding: 16px 24px;
        flex-direction: column;
        gap: 24px;
    }

    .accordion-body .accordion-body-desc {
        -webkit-line-clamp: unset;
    }

    .accordion-body .accordion-body-desc p {
        font-size: 16px;
        letter-spacing: 0.004em;
    }

    .accordion-body::before {
        opacity: 0;
        top: -8px;
        width: calc(100% - 140px - 32px - 24px);
        transition: all 300ms ease;
    }

    .accordion-collapse.show .accordion-body::before {
        opacity: 1;
    }

    .accordion-body .more-link {
        font-size: 18px;
        align-self: start;
    }

    .about-page__personal .six-circle-block__list {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 35px;
    }

    .about-page__personal .six-circle-block__list li p {
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .about-page__main h1 {
        margin-bottom: 16px;
    }

    .about-page__main h1::before {
        margin-top: -0.17em;
    }

    .about-page__main h1:nth-of-type(1) {
        grid-column: 1 / -1;
        padding-left: 169px;
    }

    .about-page__main h1:nth-of-type(2) {
        grid-column: 1 / -1;
    }

    .about-page__main h1:nth-of-type(3) {
        grid-column: 1 / -1;
    }

    .about-page__main-description {
        grid-column: 1 / -1;
    }

    .about-page__main-description-button {
        grid-column: 1 / -1;
    }

    .about-page__main-description {
        max-width: 100%;
        margin-bottom: 40px;
    }

    .about-page__main-statistic {
        display: flex;
        flex-direction: column;
        gap: 64px;
    }

    .about-page__main-statistic-item h3 {
        font-size: 32px;
        letter-spacing: -0.01em;
    }

    .about-page__main-statistic-item p {
        font-size: 20px;
    }

    .about-page__main-statistic-photo .img-container {
        height: 585px;
        flex: unset;
    }

    .about-page__main-statistic-photo .btn-simple {
        padding: 19px 40px;
    }

    .about-page__videos {
        padding: 120px 24px;
    }

    .about-page__videos-wrapper {
        flex-direction: column;
        gap: 40px;
    }

    .about-page__videos-item iframe {
        height: 385px;
        margin-bottom: 40px;
    }

    .about-page__videos-item p {
        max-width: 100%;
        font-size: 16px;
        letter-spacing: 0.005em;
    }

    .about-page__year h1:nth-of-type(1) {
        grid-column: 2 / -1;
    }

    .about-page__year h1:nth-of-type(2) {
        grid-column: 1 / span 3;
        text-align: right;
    }

    .about-page__year h1 {
        margin-bottom: 19px;
    }

    .about-page__year-cards {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-top: 62px;
    }

    .about-page__year-card h2 {
        font-size: 70px;
    }

    .about-page__year-card {
        padding: 65px 40px 30px;
    }

    .about-page__year-card h2::before {
        margin-top: -0.23em;
    }

    .about-page__year-card h4 {
        font-size: 24px;
        letter-spacing: -0.01em;
        margin-bottom: 52px;
    }

    .about-page__year-card p {
        font-size: 20px;
        line-height: 130%;
    }

    .about-page__year-card {
        border: 1px solid var(--black-1000);
    }

    .about-page__year-card:not(:last-of-type) {
        border-right: 1px solid var(--black-1000);
    }

    .about-page__year-card:first-of-type {
        border-right: none;
    }

    .about-page__year-card:nth-of-type(3) {
        border-right: none;
        border-top: none;
    }

    .about-page__year-card:last-of-type {
        border-top: none;
    }

    .about-page__personal h1 {
        max-width: 100%;
        padding: 0 24px;
    }

    .about-page__personal h1 + p {
        max-width: 100%;
        padding: 0 24px;
        margin-bottom: 73px;
    }

    .about-page__personal h2 {
        font-size: 52px;
        margin-bottom: 52px;
    }

    .about-page__reports {
        padding: 120px 24px;
    }

    .yellow-outline-cards {
        flex-direction: column;
        gap: 24px;
    }

    .yellow-outline-card-inner p {
        font-size: 22px;
        letter-spacing: -0.03em;
    }

    .yellow-outline-card-top h3 {
        line-height: 100%;
    }

    .reports__right {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .about-page__main h1:nth-of-type(1) {
        padding-left: clamp(0rem, -31.688rem + 88.02vw, 10.563rem);
    }

    .about-page__main h1 {
        font-size: clamp(2.5rem, 0.711rem + 7.63vw, 4.375rem);
    }

    .about-page__year-card {
        padding: 65px clamp(1.25rem, -2.5rem + 10.42vw, 2.5rem) 30px;
    }
}

@media screen and (max-width: 650px) {
    .about-page__personal .six-circle-block__list {
        grid-template-columns: 1fr 1fr;
        row-gap: 26px;
    }

    .about-page__personal .six-circle-block__list li p {
        font-size: 14px;
    }
}

@media screen and (max-width: 576px) {
    .about-page__main {
        padding: 80px 0;
    }

    .about-page__main h1 {
        text-align: center;
        margin-bottom: 12px;
    }

    .about-page__main h1:last-of-type {
        margin-bottom: 48px;
    }

    .about-page__main p {
        font-size: 16px;
        letter-spacing: 0.005em;
        line-height: 132%;
    }

    .about-page__main-description {
        max-width: 339px;
        margin-bottom: 16px;
    }

    .about-page__main-description-button {
        gap: 32px;
    }

    .about-page__main-description-button .btn {
        font-size: 16px;
        padding: 13px 24px;
        letter-spacing: 0;
    }

    .about-page__main-statistic {
        margin-top: 56px;
        gap: 40px;
    }

    .about-page__main-statistic-item {
        display: flex;
        flex-direction: column;
        align-items: start;
        padding: 43px 0;
        gap: 9px;
    }

    .about-page__main-statistic-item h3 {
        font-size: 40px;
        line-height: 100%;
    }

    .about-page__main-statistic-item p {
        font-size: 20px;
        letter-spacing: -0.02em;
    }

    .about-page__main-statistic-photo .img-container {
        height: 343px;
    }

    .about-page__main-statistic-photo {
        gap: 24px;
    }

    .about-page__main-statistic-photo .btn-simple {
        font-size: 16px;
        padding: 13px 24px;
        align-self: center;
        letter-spacing: 0;
    }

    .about-page__videos {
        padding: 80px 16px;
    }

    .about-page__videos h1 {
        margin-bottom: 48px;
    }

    .about-page__videos-item {
        padding: 8px;
    }

    .about-page__videos-item iframe {
        height: 192px;
    }

    .about-page__videos-item p {
        padding: 8px;
    }

    .about-page__videos-wrapper {
        gap: 24px;
        margin-bottom: 24px;
    }

    .about-page__videos .btn {
        font-size: 16px;
        padding: 13px 24px;
        letter-spacing: 0;
    }

    .about-page__year h1:nth-of-type(1) {
        grid-column: 1 / -1;
        padding-left: 8px;
        margin-bottom: 12px;
    }

    .about-page__year h1:nth-of-type(2) {
        grid-column: 1 / -1;
        padding-right: 8px;
    }

    .about-page__year-cards {
        display: flex;
        flex-direction: column;
    }

    .about-page__year-card:first-of-type,
    .about-page__year-card:nth-of-type(3),
    .about-page__year-card:not(:last-of-type) {
        border: none;
    }

    .about-page__year-card {
        border: 1px solid var(--black-1000) !important;
        padding: 50px 40px 22px;
    }

    .about-page__year-card:not(:last-of-type) {
        border-bottom: none !important;
    }

    .about-page__year {
        padding: 80px 0;
    }

    .about-page__year-card h2 {
        font-size: 52px;
        margin-bottom: 16px;
    }

    .about-page__year-card h4 {
        margin-bottom: 30px;
        font-size: 22px;
        letter-spacing: 0;
    }

    .about-page__year-cards {
        margin-top: 47px;
    }

    .about-page__year-card p {
        font-size: 18px;
    }

    .about-page__year-card .icon-container {
        width: 90px;
        height: 90px;
    }

    .about-page__history {
        padding: 80px 0;
    }

    .about-page__history h1 {
        margin-bottom: 40px;
    }

    .history-tabs {
        overflow: scroll;
        margin-right: -8px;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .history-tabs.-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .history-tab {
        padding: 14px 40px;
        flex: 0 0 auto;
    }

    .history-tab:last-of-type {
        margin-right: 8px;
    }

    .accordion-button {
        grid-template-columns: 1fr;
        padding: 8px;
        padding-bottom: 24px;
    }

    .accordion-header .accordion-button .img-container {
        grid-column: 1 / -1;
        max-width: 100%;
    }

    .title-year-wrapper {
        grid-column: 1 / -1;
        border-bottom: 1px dashed var(--grey-1000);
        transition: all 300ms ease;
    }

    .about-page__history .grid-container-1024 {
        margin: 0 8px;
    }

    .history-tab {
        font-size: 16px;
        padding: 12px 42px;
    }

    .history-tabs {
        gap: 4px;
    }

    .accordion-history {
        margin-top: 14px;
    }

    .accordion-item {
        border-radius: 8px;
    }

    .accordion-header .accordion-button .img-container {
        min-height: 160px;
    }

    .accordion-item-title {
        font-size: 22px;
        padding-left: 8px;
        margin-top: 25px;
        line-height: 111%;
    }

    .accordion-item-year {
        font-size: 22px;
        align-self: center;
    }

    .accordion-item-close-btn {
        width: 40px;
        height: 40px;
    }

    .accordion-year-btn-wrapper {
        margin-bottom: 16px;
    }

    .accordion-body::before {
        display: none;
    }

    .accordion-button {
        padding-bottom: 0;
    }

    .accordion-body {
        padding: 16px;
        padding-bottom: 24px;
    }

    .accordion-button.collapsed .title-year-wrapper {
        border-color: transparent;
    }

    .accordion-body .accordion-body-desc {
        line-clamp: 13;
        -webkit-line-clamp: 13;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .about-page__personal {
        padding: 80px 0;
    }

    .about-page__personal h1 {
        padding: 0 16px;
        margin-bottom: 20px;
    }

    .about-page__personal h1 + p {
        font-size: 16px;
        padding: 0 16px;
        margin-bottom: 45px;
    }

    .about-page__personal h1 + p br {
        display: none;
    }

    .about-page__personal h2 {
        font-size: 28px;
        margin-bottom: 29px;
    }

    .about-page__personal .six-circle-block:first-of-type {
        margin-bottom: 42px;
    }

    .about-page__reports {
        padding: 80px 16px;
    }

    .yellow-outline-cards {
        margin-top: 53px;
    }

    .yellow-outline-card {
        padding: 4px;
    }

    .yellow-outline-card-inner {
        padding: 24px;
    }

    .yellow-outline-card-top {
        flex-direction: column;
        gap: 24px;
    }

    .yellow-outline-card-top h3 {
        font-size: 28px;
    }

    .yellow-outline-card-tag {
        font-size: 14px;
        letter-spacing: 0;
    }

    .yellow-outline-card-inner p {
        font-size: 16px;
        letter-spacing: 0;
    }

    .yellow-outline-card-inner .btn-subscribe {
        font-size: 16px;
        padding: 13px 24px;
    }
}