.about-page__inner {
    display: flex;
    gap: 40px;
}
.about-page__heading {
    margin: 0 0 50px 0;
    font-size: 38px;
    line-height: normal;
    font-weight: 500;
    text-transform: uppercase;
}
.directions__layout {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px 13px;
}
.about-page {
    padding: 60px 0 140px 0;
    background: #EFEFEF;
}
.directions__item {
    display: block;
    border-radius: 16px;
    overflow: hidden;
}
.directions__item:hover img {
    transform: scale(1.05);
    -webkit-mask: linear-gradient(135deg, #000c 40%, #000, #000c 60%) 100% 100% / 250% 250%;
}
.directions__item img {
    transition: 1s;
}
.achievments__numbers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px 20px;
    text-transform: uppercase;
    margin: 0 0 35px 0;
}
.achievments {
    width: 721px;
    flex-shrink: 0;
}
.achievments__numbers-head {
    color: #ED1C24;
    font-size: 50px;
    line-height: normal;
}
.achievments__numbers-descr {
    font-size: 14px;
}
.years {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 18px;
}

.years__item {
    position: relative;
    z-index: 1;
    font-size: 12px;
    line-height: 130%;
    background: #fff;
    border-radius: 0 0 16px 16px;
}
.years__item:hover .overflow-text {
    height: auto !important;
    background: #fff;
    -webkit-text-fill-color: unset;
    border-radius: 0 0 16px 16px;
}
.years__item-body {
    padding: 0 23px 20px 23px;
    position: absolute;
    left: 0;
    background: #fff;
    top: calc(100% - 70px);
    border-radius: 0 0 16px 16px;
}

.years__item ul {
    padding: 0 0 0 16px;
    margin: 0;
}
.years__item p {
    margin: 0;
}
.years__item p:not(:last-child) {
    margin: 0 0 15px 0;
}
.years__item li:not(:last-child) {
    margin: 0 0 16px 0;
}
.header_wrapper_global.white .header_main {
    background: #fff;
}
.header_wrapper_global.white .header_main__menu__btn {
    color: black;
}
.header_wrapper_global.white .loyalty {
    color: black;
}
.header_wrapper_global.white .header_main.centered {
    background: #fff;
    opacity: 1;
}
.header_wrapper_global.white .header_main__logo path {
    fill: black;
}
.header_wrapper_global.white .header_main__logo path:last-child {
    fill: #DA2129;
}
.header_wrapper_global.white .castom_search .icon_custom_search:before,
.header_wrapper_global.white .icon_custom_search_moblile:before {
    background: url(img/search-black.svg) no-repeat !important;
}
.header_wrapper_global.white .icon_custom_menu:before {
    background: url(img/black-burger.svg) no-repeat;
}
.header_wrapper_global.white .icon_custom_user:before {
    background: url(img/header-lk-black.svg) no-repeat;
}
.header_wrapper_global.white .icon_custom_cart:before {
    background: url(img/header-cart-black.svg) no-repeat;
}
.overflow-text {
    background: linear-gradient(180deg, #000 0%, #eee 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow: hidden;
    height: 50px;
}
.years__item.main {
    grid-column: span 2;
    box-shadow: 0 -8px 48px 0 rgba(0, 0, 0, 0.17);
    padding-bottom: 50px;
    border-radius: 16px;
}


.years__item {
    padding-bottom: 70px;
}

.years__item.main .overflow-text {
    height: 36px;
}
.years__item-head {
    font-size: 36px;
    line-height: 130%;
    color: #ED1C24;
    font-weight: 600;
    padding: 24px 23px 8px 23px;
    position: relative;
    z-index: 5;
    background: #fff;
}
.years__item.main .years__item-head {
    padding: 14px 23px 8px 23px;
    border-radius: 16px 16px 0 0;
}
.years__item.main .years__item-body {
    top: calc(100% - 50px);
} 

.years__item:not(.main)::after {
    content: '';
    width: 100%;
    height: calc(100% + 58px);
    position: absolute;
    top: -58px;
    left: 0;
    background: #fff;
    box-shadow: 0 -8px 48px 0 rgba(0, 0, 0, 0.17);
    z-index: -1;
    border-radius: 0 0 16px 16px;
}
.years__item:hover .overflow-text {
    box-shadow: 0 -8px 48px 0 rgba(0, 0, 0, 0.17);
}
.years__item.item-1 {
    z-index: 15;
}
.years__item.item-2,
.years__item.item-3 {
    z-index: 14;
}
.years__item.item-4,
.years__item.item-5 {
    z-index: 13;
}
.years__item.item-6,
.years__item.item-7 {
    z-index: 12;
}
.years__item.item-8,
.years__item.item-9 {
    z-index: 11;
}
.years__item.item-10,
.years__item.item-11 {
    z-index: 10;
}
.years__item.item-12,
.years__item.item-13 {
    z-index: 9;
}

@media screen and (max-width: 1599px) {
    .about-page__heading {
        font-size: 30px;
        margin: 0 0 35px 0;
    }
    .achievments {
        width: 500px;
    }
    .achievments__numbers {
        grid-template-columns: repeat(2, 1fr);
    }
    .years__item {
        padding-bottom: 120px;
    }
    .years__item-body {
        top: calc(100% - 120px);
    }
    .overflow-text {
        height: 106px;
    }
    .about-page__heading {
        max-width: 400px;
    }
}
@media screen and (max-width: 1024px) {
    .about-page__inner {
        flex-direction: column;
        gap: 22px;
    }
    .achievments {
        width: 100%;
    }
    .achievments__numbers {
        grid-template-columns: repeat(3, 1fr);
    }
    .about-page__heading {
        max-width: unset;
    }
}
@media screen and (max-width: 767px) {
    .loyalty {
        padding: 0 8px;
    }
    .about-page {
        padding: 20px 0 60px 0;
    }
    .years {
        gap: 0 8px;
    }
    .directions__layout {
        gap: 8px;
    }
    .about-page__heading {
        font-size: 13px;
        margin: 0 0 14px 0;
    }
    .years__item-head {
        font-size: 17px;
    }
    .achievments__numbers-head {
        font-size: 23px;
    }
    .achievments__numbers-descr {
        font-size: 10px;
    }
}
@media screen and (max-width: 520px) {
    .years__item {
        padding-bottom: 100px;
    }
    .years__item-body {
        top: calc(100% - 100px);
    }
    .overflow-text {
        height: 78px;
    }
    .years {
        grid-template-columns: 4fr;
        gap: 0;
    }
    .years__item.main {
        grid-column: auto;
    }
    .years__item:not(.main)::after {
        height: calc(100% + 10px);
        top: -10px;
    }
    .years__item.item-1 {
        z-index: 15;
    }
    .years__item.item-2 {
        z-index: 14;
    }
    .years__item.item-3 {
        z-index: 13;
    }
    .years__item.item-4 {
        z-index: 12;
    }
    .years__item.item-5 {
        z-index: 11;
    }
    .years__item.item-6 {
        z-index: 10;
    }
    .years__item.item-7 {
        z-index: 9;
    }
    .years__item.item-8 {
        z-index: 8;
    }
    .years__item.item-9 {
        z-index: 7;
    }
    .years__item.item-10 {
        z-index: 6;
    }
    .years__item.item-11 {
        z-index: 5;
    }
    .years__item.item-12 {
        z-index: 4;
    }
    .years__item.item-13 {
        z-index: 3;
    }
    
}