.about-howlong{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 136px 0 142px;
    flex-direction: column;
}
.about-howlong__text{
    color: #353536;
    font-size: 82px;
    font-style: italic;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: -1px;
}
.about-howlong__num{
    color: #E41D2C;
    font-size: 172px;
    font-weight: 400;
    line-height: 1;
}
.about-howlong__num_2{
    color: #E41D2C;
    font-size: 102px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.about-page-title{
    background: url('./bg.webp') center center no-repeat;
    background-size: cover;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.about-page-title .wrapper{
    margin: 0px;
}
.about-page-title__container{
    width: 638px;
}
.about-page-title__title{
    font-size: 56px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1;
    color: #fff;
}
.about-page-title__slider{
    height: 82px;
    width: 56%;
    background: #fff;
    margin: 42px 0;
    position: relative;
    overflow: hidden;
}
.about-page-title__slider span {
    font-size: 42px;
    font-weight: 900;
    text-transform: uppercase;
    color: #353536;
    height: 82px;
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    text-align: center;
    line-height: 88px;
    transition: all 0.5s ease;
    transform: scale(0.65);
    opacity: 0;
}
.about-page-title__slider span.next{
    top: 0px; opacity: 1;
    transform: scale(1);
}
.about-page-title__slider span.next.prev{
    top: -82px; opacity: 0;
    transform: scale(0.65);
}
.about-page-title__text{
    color: #fff;
}
.about-page-title__text p{
    font-size: 16px; line-height: 1.2;
    font-weight: 300;
    margin-top: 1rem;
}

.about-benefits{
    height: 600px;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}
.about-benefits .about-benefits-col{
    width: calc(100%/3);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.about-benefits .about-benefits-col:nth-child(1){
    background: url('./stena1.webp') center center no-repeat;
    background-size: cover;
}
.about-benefits .about-benefits-col:nth-child(2){
    background: url('./stena2.webp') center center no-repeat;
    background-size: cover;
}
.about-benefits .about-benefits-col:nth-child(3){
    background: url('./stena3.webp') center center no-repeat;
    background-size: cover;
}
.about-benefits .about-benefits-col .about-benefits-item{
    padding: 0 42px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.about-benefits .about-benefits-col .about-benefits-item .about-benefits-item__num{
    font-size: 92px;
    width: 92px;
    flex-shrink: 0;
    flex-grow: 0;
    text-align:center;
}
.about-benefits .about-benefits-col .about-benefits-item .about-benefits-item__text{
    font-size: 20px; line-height: 1.3; text-transform: uppercase;
}

.about-counts{
    margin-bottom: 142px;
    display: flex;
    flex-direction: column;
    gap: 80px;
    align-items: center;
    justify-content: center;
}
.about-counts .about-counts-item{
    height: 455px;
    display: flex;
    flex-direction:row;
    gap: 10%;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.about-counts .about-counts-item__img{
    height: 100%; width: 45%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    flex-shrink: 0;
    flex-grow: 0;
    order: 2;
}
.about-counts .about-counts-item__text{
    height: 100%; width: 45%;
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    order: 1;
    flex-direction: column;
    gap: 52px;
}
.about-counts .about-counts-item.even .about-counts-item__img{ order: 1; }
.about-counts .about-counts-item.even .about-counts-item__text{ order: 2; align-items: flex-start; }
.about-counts .about-counts-item__text b{
    font-size: 72px;
    color:#E41D2C;
    display:inline-block;
    margin-right: 1rem;
    font-weight: 400;
    line-height: 68px;
}
.about-counts .about-counts-item__text i{
    font-size: 30px;
    display:inline-block;
    text-transform: uppercase;
    font-style:normal;
}
.about-counts .about-counts-item__text span{
    display: block;
    font-size: 20px;
}
.about-brands{
    margin: 136px 0 142px;
}
.about-brands h3{
    font-size: 48px; font-weight: 700;
    margin-bottom: 1rem;
}
.about-brands p{ font-size: 20px; width: 45%; }
.about-brands-list{
    margin-top: 80px;
    height: 715px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    overflow: hidden;
}
.about-brands-item{
    height: 100%; width: calc(100%/3); display: flex; flex-direction: column;
    position: relative;
}
.about-brands-item__logo{
    height: 250px;
    background-size: auto 86px;
    background-position: center center;
    background-repeat: no-repeat;
}
.about-brands-item__img{
    height: 465px;
    background-size: auto 520px;
    background-position: center 70px;
    background-repeat: no-repeat;
}
.about-brands-item__text{
    position: absolute;
    height: 465px;
    bottom: -465px;
    transition: bottom 0.5s ease;
    left: 0px; width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.9);
    padding: 0px 90px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1.8;
    opacity: 1;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.about-brands-item.even .about-brands-item__logo{ order: 2; }
.about-brands-item.even .about-brands-item__img{
    background-position: center bottom 70px ;
    background-size: auto 520px;
}
.about-brands-item.even .about-brands-item__text{
    bottom: 100%;
}
.about-brands-item:hover .about-brands-item__text{
    bottom: 0px;
}
.about-brands-item.even:hover .about-brands-item__text{
    bottom: 250px;
}

.about-map{ margin-bottom: 142px; }
.about-map .wrapper{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0px;
}
.about-map h3{
    font-size: 48px; font-weight: 700;
    margin-bottom: 1rem;
}
.about-map p{ font-size: 20px; }
.about-map .about-map-left{
    width: 37%; margin-right: 5%;
}
.about-map .about-map-right{ width: 58%; }
.about-map .about-map-count{ margin-top: 64px; }
.about-map .about-map-count b{
    font-size: 106px;
    color:#E41D2C;
    display:block;
    margin-right: 1rem;
    font-weight: 400;
    line-height: 1;
}
.about-map .about-map-count i{
    font-size: 30px;
    display:block;
    text-transform: uppercase;
    font-style:normal;
}
.about-map .about-map-count p{ margin-top: 24px; }
.about-map-right__map{
    position: relative;
    height: calc(100% - 50px);
}
.about-map-right__map img{
    position: absolute;
    bottom: 0px; width: 100%; left: 50%;
    transform: translateX(-50%);
    /*transition: opacity 0.5s ease;*/
    opacity: 0;
    z-index: 9;
}
.about-map-right__map img.active{ opacity: 1; z-index: 20; }
.about-map-right__map a:first-child img{
    opacity: 1;
    top: 8px;
    position: relative;
    z-index: 12;
}
.about-map-right__map img[data-map-filter-item="tech"]{ bottom: -1px;}
.about-map-right__link{
    height: 50px;
    display: flex;
    align-items: flex-start; justify-content: center;
    gap: 42px;
}
.about-map-right__link a{
    text-transform: uppercase; font-size: 12px;
    display: flex;
    align-items: center; justify-content: flex-start;
    gap: 10px;
    letter-spacing: -0.1px;
}
.about-map-right__link a:before{
    width: 30px; height: 30px; content: "";
    background: #ABABAB;
    border-radius: 5px;
    flex-shrink: 0;
    flex-grow: 0;
    transition: all 0.5s ease;
}
.about-map-right__link a.active:before{
    background: #E31F25;
}

.about-req{
    color: #fff;
    padding: 112px 0;
    background: #353536;
}
.about-req h3{
    font-size: 48px; font-weight: 700;
    margin-bottom: 3rem;
}
.about-req .about-req__container{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10%;
}
.about-req .about-req__container p{
    font-size: 18px; font-weight: 300;
    line-height: 1.6;
}
.about-req .about-req__container b{ font-weight: 600;}
.about-req__left{
    width: 40%;
    flex-grow: 0; flex-shrink: 0;
}
.about-req__right{
    width: 40%;
    flex-grow: 0; flex-shrink: 0;
}
.download-req, .download-phone, .download-mail{
    width: 205px; height: 80px;
    display: flex;
    align-items: center; justify-content: center;
    flex-direction: column;
    font-size: 13px; font-weight: 300;
    margin-top: 1.5rem;
    line-height: 1;
    gap: 6px;
    text-transform: none;
}
.download-req b, .download-phone b, .download-mail b{ text-transform: none !important; }
.download-req{
    color: #353536 !important;
    background: #EFEEEE;
    font-weight: 600;
}
.download-req:before{
    width: 28px; height: 28px; content: ''; background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjY2NjcgMTEuNjY2N1YxNy41QzE4LjY2NjcgMTguMTQxNyAxOC4xNDE3IDE4LjY2NjcgMTcuNSAxOC42NjY3SDMuNUMyLjg1ODMzIDE4LjY2NjcgMi4zMzMzMyAxOC4xNDE3IDIuMzMzMzMgMTcuNVYxMS42NjY3QzIuMzMzMzMgMTEuMDI1IDEuODA4MzMgMTAuNSAxLjE2NjY3IDEwLjVDMC41MjUgMTAuNSAwIDExLjAyNSAwIDExLjY2NjdWMTguNjY2N0MwIDE5Ljk1IDEuMDUgMjEgMi4zMzMzMyAyMUgxOC42NjY3QzE5Ljk1IDIxIDIxIDE5Ljk1IDIxIDE4LjY2NjdWMTEuNjY2N0MyMSAxMS4wMjUgMjAuNDc1IDEwLjUgMTkuODMzMyAxMC41QzE5LjE5MTcgMTAuNSAxOC42NjY3IDExLjAyNSAxOC42NjY3IDExLjY2NjdaTTExLjY2NjcgMTEuMjgxN0wxMy44NiA5LjA4ODMzQzEzLjk2OCA4Ljk4MDMyIDE0LjA5NjIgOC44OTQ2NCAxNC4yMzc0IDguODM2MTlDMTQuMzc4NSA4Ljc3NzczIDE0LjUyOTcgOC43NDc2NCAxNC42ODI1IDguNzQ3NjRDMTQuODM1MyA4Ljc0NzY0IDE0Ljk4NjUgOC43Nzc3MyAxNS4xMjc2IDguODM2MTlDMTUuMjY4OCA4Ljg5NDY0IDE1LjM5NyA4Ljk4MDMyIDE1LjUwNSA5LjA4ODMzQzE1LjYxMyA5LjE5NjM1IDE1LjY5ODcgOS4zMjQ1NyAxNS43NTcxIDkuNDY1N0MxNS44MTU2IDkuNjA2ODIgMTUuODQ1NyA5Ljc1ODA4IDE1Ljg0NTcgOS45MTA4M0MxNS44NDU3IDEwLjA2MzYgMTUuODE1NiAxMC4yMTQ4IDE1Ljc1NzEgMTAuMzU2QzE1LjY5ODcgMTAuNDk3MSAxNS42MTMgMTAuNjI1MyAxNS41MDUgMTAuNzMzM0wxMS4zMTY3IDE0LjkyMTdDMTEuMjA4NyAxNS4wMjk4IDExLjA4MDUgMTUuMTE1NiAxMC45Mzk0IDE1LjE3NDJDMTAuNzk4MyAxNS4yMzI3IDEwLjY0NyAxNS4yNjI4IDEwLjQ5NDIgMTUuMjYyOEMxMC4zNDE0IDE1LjI2MjggMTAuMTkwMSAxNS4yMzI3IDEwLjA0ODkgMTUuMTc0MkM5LjkwNzggMTUuMTE1NiA5Ljc3OTYgMTUuMDI5OCA5LjY3MTY3IDE0LjkyMTdMNS40ODMzMyAxMC43MzMzQzUuMjY1MTkgMTAuNTE1MiA1LjE0MjY0IDEwLjIxOTMgNS4xNDI2NCA5LjkxMDgzQzUuMTQyNjQgOS42MDIzNCA1LjI2NTE5IDkuMzA2NDcgNS40ODMzMyA5LjA4ODMzQzUuNzAxNDcgOC44NzAxOSA1Ljk5NzM0IDguNzQ3NjQgNi4zMDU4MyA4Ljc0NzY0QzYuNjE0MzMgOC43NDc2NCA2LjkxMDE5IDguODcwMTkgNy4xMjgzMyA5LjA4ODMzTDkuMzMzMzMgMTEuMjgxN1YxLjE2NjY3QzkuMzMzMzMgMC41MjUgOS44NTgzMyAwIDEwLjUgMEMxMS4xNDE3IDAgMTEuNjY2NyAwLjUyNSAxMS42NjY3IDEuMTY2NjdWMTEuMjgxN1oiIGZpbGw9IiMzNTM1MzYiLz4KPC9zdmc+Cg==') center center no-repeat;
}
.download-phone{
    color: #fff !important;
    background: #E31F25;
    font-weight: 300;
}
.download-phone:before{
    width: 28px; height: 28px; content: ''; background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxOCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjI3NTQgMTAuNzUyM0wxMC4wNDg4IDExLjM3NzVDNy44NjkyOSAxMC4yODM2IDYuNTIzIDkuMDI3MDUgNS43Mzk1IDcuMDY4MjlMNi4zNDI3NiAzLjgzMjM2TDUuMjAyNDMgMC44MDAyOTNIMi4yNjM1OEMxLjM4MDE1IDAuODAwMjkzIDAuNjg0NDY3IDEuNTMwMzQgMC44MTY0MDkgMi40MDM4N0MxLjE0NTggNC41ODQ2IDIuMTE3MDEgOC41Mzg1MyA0Ljk1NiAxMS4zNzc1QzcuOTM3MzggMTQuMzU4OSAxMi4yMzE0IDE1LjY1MjYgMTQuNTk0NiAxNi4xNjY4QzE1LjUwNzIgMTYuMzY1NSAxNi4zMTY4IDE1LjY1MzUgMTYuMzE2OCAxNC43MTk2VjExLjkxMTNMMTMuMjc1NCAxMC43NTIzWiIgc3Ryb2tlPSIjRkVGRUZFIiBzdHJva2Utd2lkdGg9IjEuNDY2NjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K') center center no-repeat;
}
.download-phone span{
    line-height: 1.2;
    text-align:center;
}
.download-mail{
    color: #353536 !important;
    background: #DEDADB;
    list-style: 2;
    font-weight: 300;
}
.download-mail:before{
    width: 28px; height: 28px; content: ''; background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxOSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjQyODM2IDAuMjYyMjA3SDE2LjU3MTJDMTYuOTg4IDAuMjYyMjA3IDE3LjM4NzcgMC40Mjc3NjggMTcuNjgyNCAwLjcyMjQ2OEMxNy45NzcxIDEuMDE3MTcgMTguMTQyNiAxLjQxNjg3IDE4LjE0MjYgMS44MzM2NFYxMi44MzM2QzE4LjE0MjYgMTMuMjUwNCAxNy45NzcxIDEzLjY1MDEgMTcuNjgyNCAxMy45NDQ4QzE3LjM4NzcgMTQuMjM5NSAxNi45ODggMTQuNDA1MSAxNi41NzEyIDE0LjQwNTFIMi40MjgzNkMyLjAxMTU5IDE0LjQwNTEgMS42MTE4OSAxNC4yMzk1IDEuMzE3MTkgMTMuOTQ0OEMxLjAyMjQ5IDEzLjY1MDEgMC44NTY5MzQgMTMuMjUwNCAwLjg1NjkzNCAxMi44MzM2VjEuODMzNjRDMC44NTY5MzQgMS40MTY4NyAxLjAyMjQ5IDEuMDE3MTcgMS4zMTcxOSAwLjcyMjQ2OEMxLjYxMTg5IDAuNDI3NzY4IDIuMDExNTkgMC4yNjIyMDcgMi40MjgzNiAwLjI2MjIwN1pNMi40MjgzNiA1LjQ2MjU5VjEyLjgzMzZIMTYuNTcxMlY1LjQ2MjU5TDkuNDk5NzkgOC45OTgzTDIuNDI4MzYgNS40NjI1OVpNMi40MjgzNiAzLjcwNDY4TDkuNDk5NzkgNy4yNDE0NUwxNi41NzEyIDMuNzA1NzNWMS44MzM2NEgyLjQyODM2VjMuNzA0NjhaIiBmaWxsPSIjRTQxRDJDIi8+Cjwvc3ZnPgo=') center center no-repeat;
}
.download-mail span{
    line-height: 1.2;
    text-align:center;
}
.about-req__right p:last-child{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.about-history{
    margin: 136px 0;
}
.about-history h3{
    font-size: 48px; font-weight: 700;
    margin-bottom: 80px;
}
.about-history-slider{
    padding-left: 6.25%;
    display: flex;
    overflow: hidden;
    height: 760px;
    max-height: calc(100vh - 200px);
    box-sizing: border-box; 
    gap: 20px;
    position: relative !important;
}
.about-history-slider>div{
    flex: 0 0 655px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    justify-content: flex-start;
    opacity: 0;
    transition: all 0.5s ease;
    transform: translateX(300px);
}
.about-history-slider>div.width-two{
    flex: 0 0 1120px;
}
.about-history-item.width-two .about-history-item__img{
    height: 760px; width: 100%;
    display: flex;
    gap: 20px
}
.about-history-item .about-history-item__img>div{
    height: 100%;
    border-radius: 1px; overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.about-history-item .about-history-item__date{
    padding: 0px 2rem;
}
.about-history-slider .about-history-item:first-child .about-history-item__date{ padding-left: 0px; }
.about-history-item.text-top.width-two .about-history-item__date{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 72px;
    flex-direction: row;
}
.about-history-item .about-history-item__date>div{
    min-width: 200px;
    max-width: 600px;
}
.about-history-item__date b{
    display: block;
    font-size: 72px;
    line-height: 1;
    font-weight: 400;
}
.about-history-item__date span{
    display: block;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 300;
}
.about-history-item.text-bottom .about-history-item__date{ order: 2; }
.about-history-item.width-one .about-history-item__img{
    height: 437px;
    width: 100%;
}
.about-history-item.width-one .about-history-item__date{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 48px;
    flex-direction: column;
}
.about-history-item.width-one:not(:has(.about-history-item__date)) .about-history-item__img{
    flex-direction: column;
    height: 760px;
    display: flex;
    gap: 20px;
}
.about-history-item.width-one:not(:has(.about-history-item__date)) .about-history-item__img>div{
    width: 100% !important;
    height: 50%;
}
.about-brands-list-mobile, .about-benefits-mobile, .about-description{ display: none; }
.about-history-slider-wrap{
    position: relative;
    width: 100vw;
    min-height: 100vh;
    overflow: hidden;
}
.about-history-slider.sticky{
    position: fixed !important; top: 160px !important; left: 0px !important;
}
.about-history-slider.sticky.bottom{
    position: absolute !important; top: auto !important; bottom: 0px !important; left: 0px !important;
}

.about-req a[href^="tel:"]{
    text-decoration: none;
    color: #fff;
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .about-page-title{
        height: 420px;
        display: block;
        position: relative;
    }
    .about-page-title .wrapper{
        position: absolute; left: 0px; top: 50%;
        transform: translateY(-50%);
    }
    .about-page-title__title{ font-size: 36px; }
    .about-page-title__slider{
        height: 48px;
        width: 50%;
        margin: 28px 0;
    }
    .about-page-title__slider span{
        font-size: 32px;
        height: 48px;
        line-height: 54px;
    }
    .about-howlong{
        margin: 64px 0;
    }
    .about-howlong__text{ font-size: 48px; }
    .about-howlong__num{ font-size: 82px; }
    .about-howlong__num_2{ font-size: 82px; }
    .about-counts .about-counts-item{ height: 260px; gap: 6%; }
    .about-counts .about-counts-item__text b{ font-size: 48px; line-height: 40px; margin-right: 0.5rem; }
    .about-counts .about-counts-item__text i{ font-size: 24px; }
    .about-counts .about-counts-item__text span{ font-size: 16px; }
    .about-counts{ gap: 42px; margin-bottom: 0px;}

    .about-benefits{
        flex-direction: column;
        height: auto;
        gap: 0px;
        background: url(./stena1.webp) center center no-repeat;
        background-size: cover;
    }
    .about-benefits .about-benefits-col{ width: 100%; height: 200px; flex-direction: row; background: none !important;}
    .about-benefits .about-benefits-col .about-benefits-item{ height: 200px; }
    .about-counts{ margin-bottom: -32px; }
    .about-history, .about-brands{ margin: 64px 0; }
    
    .about-req{ padding: 64px 0; }
    .about-brands h3, .about-map h3{
        font-size: 32px; margin-bottom: 1rem; 
    }
    .about-brands p{ width: 100%; }
    .about-map .wrapper{
        flex-direction: column;
        gap: 2rem;
    }
    .about-map .about-map-left{ width: 100%; margin-right: 0px; }
    .about-history h3, .about-req h3{ font-size: 32px; margin-bottom: 1.75rem; }
    .about-req .about-req__container{
        gap: 2rem;
    }
    .about-map p{ font-size: 16px; }
    .about-map .about-map-count b{ font-size: 64px; }
    .about-map .about-map-count i{ font-size: 24px;}
    .about-map .about-map-right{ width: 100%; margin-top: 40px; }
    .about-req__left{ width: calc(45% - 1rem); }
    .about-req__right{ width: calc(55% - 1rem); }
    .about-req .about-req__container p{ font-size: 16px; line-height: 1.3;}
    .about-brands-list{ margin-top: 64px; height: auto; flex-direction: column; }
    .about-map .about-map-count{ margin-top: 32px;}
    .about-map{ margin-bottom: 80px; }

    .about-history{ margin: 64px 0; }
    .about-history-item.width-one .about-history-item__date{ gap: 32px; }
    .about-history-item__date b{ font-size: 38px; }
    .about-history-item__date span{ font-size: 13px; line-height: 1.2; }
    .about-history-slider>div{ gap: 18px; justify-content: space-between; opacity: 1; transform: translateX(0px); }
    .about-history-slider{ height: 90vh; overflow-x: auto; }
    .about-history-slider-wrap{ height: 90vh; min-height:auto; }
    .about-history-item.text-top.width-two .about-history-item__date{ gap: 24px; }
    .about-history-item .about-history-item__date>div{ max-width: 320px; }
    .about-brands-item{
        width: 100%;
        flex-direction: row;
        height: 320px;
    }
    .about-brands-item__logo{ order: 1 !important; width: 35%; height: 100%; background-size: 50%; }
    .about-brands-item__img{ order: 2 !important; 
        width: 30%; height: 100%;
        background-size: auto 280px !important;
        background-position: center !important;
    }
    .about-brands-item__text{
        order: 3 !important;
        position: relative;
        height: 100%;
        width: 35%;
        bottom: auto !important;
        left: auto !important;
        padding: 0px 20px;
        font-size: 14px;
        line-height: 1.4;
        text-transform: none !important;
    }
    .about-history-slider>div{
        flex: 0 0 360px;
    }
    .about-history-slider>div.width-two{
        flex: 0 0 720px;
    }
    .about-history-slider{ max-height: none; }
    .about-history-slider{ padding-left: 2rem; }
    .about-history-item .about-history-item__date>div{ max-width: 420px; }
    .about-history-item.text-top.width-two .about-history-item__date{ gap: 2rem; }
    .about-history-slider>div{ gap: 0px; }
}

@media (max-width: 767px) {
    .sidebar-menu-new{ display: none;}
    .about-page-title{ height: 220px; padding: 40px; }
    .about-howlong__text{
        font-size: 24px;
        letter-spacing: 0px;
    }
    .about-page-title__container{ width: 100%; }
    .about-page-title__slider{ margin: 18px 0 0 0; height: 64px; width: 100%; }
    .about-page-title__text{ display: none; }
    .about-page-title .wrapper{ padding: 0px; }
    .about-page-title__title{ font-size: 36px; }
    .about-howlong{ margin: 40px 0; gap: 10px; }
    .about-howlong__num{ font-size: 72px; }
    .about-howlong__num_2{ font-size: 48px; }
    .about-page-title__slider span{ font-size: 32px; height: 64px; line-height: 68px; }
    .about-counts .about-counts-item{ display: block; height: auto; }
    .about-brands{ margin: 40px 0; }
    .about-req{ padding: 40px 0; }
    .about-brands h3, .about-map h3, .about-history h3, .about-req h3{ font-size: 28px; margin-bottom: 1.4rem; }
    .about-map .wrapper{ display: block; }
    .about-map .about-map-left{ margin-right: 0px; width: 100%; }
    .about-map .about-map-right{
        width: 100%;
        margin-top: 2rem;
    }
    .about-map p{
        font-size: 16px;
        font-weight: 300;
    }
    .about-map .about-map-count b{ display: inline-block; font-size: 64px; margin-right: 0.5rem; }
    .about-map .about-map-count i{ display: inline-block; font-size: 24px; }
    .about-map .about-map-count{ margin-top: 24px;}
    .about-brands p{ font-size: 16px; width: 100%; }
    .about-description{ display: block; }
    .about-description p{ font-size: 16px; margin-top: 1.5rem; font-weight: 300; line-height: 1.3; }
    .about-counts{
        margin: 40px 0;
        gap: 40px;
    }
    .about-counts .about-counts-item__img{
        height: 140px; width: 100%;
    }
    .about-counts .about-counts-item__text, .about-counts .about-counts-item.even .about-counts-item__text{
        width: 100%;
        flex-direction: row;
        gap: 36px; margin-top: 1rem;
    }
    .about-counts .about-counts-item__text b{ font-size: 46px; margin-right: 7px; line-height: 42px; }
    .about-counts .about-counts-item__text i{ font-size: 18px;}
    .about-counts .about-counts-item__text span{ font-size: 16px; font-weight: 300; line-height: 1.4; }
    .about-counts .about-counts-item__text{ width: 100%; align-items: flex-start; justify-content: flex-start; }
    .about-brands-item{ width: 100%; height: 106px; }
    .about-brands-item__logo{ height: 106px; background-size: auto 56px; }
    .about-map-right__link{
        flex-direction: column;
        height: auto;
        gap: 20px;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .about-map-right__link a:before{ width: 16px; height: 16px; border-radius: 1px; top: -2px;position: relative;}
    .about-map-right__map{ margin: 0px -5%;}
    .about-map-right__link a{ font-size: 13px; letter-spacing: 0px; }
    .about-map{ margin-bottom: 40px; }
    .about-history{ margin: 40px 0; }
    .about-history-item.width-one .about-history-item__date{ gap: 32px; }
    .about-history-item__date b{ font-size: 38px; }
    .about-history-item__date span{ font-size: 13px; line-height: 1.2; }
    .about-history-slider>div{ flex: 0 0 320px; gap: 18px; justify-content: space-between; opacity: 1; transform: translateX(0px); }
    .about-history-slider>div.width-two{ flex: 0 0 540px; }
    .about-history-slider{ height: 420px; overflow-x: auto; max-height: none; }
    .about-history-slider-wrap{ height: 420px; min-height:auto; }
    .about-history-item.text-top.width-two .about-history-item__date{ gap: 24px; }
    .about-history-item .about-history-item__date>div{ max-width: 320px; }
    .about-req .about-req__container{ flex-direction: column; gap: 40px; }
    .about-req__right, .about-req__left{ width: 100%; }
    .about-req .about-req__container p{ font-size: 16px; line-height: 1.4;}
    .download-req{ width: 100%; }
    .about-benefits{ display: none !important; }
    .about-benefits-mobile{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 66px;
        grid-column-gap: 0px;
        position: relative;
        background: #fff;
    }
    .about-benefits-mobile .about-benefits-item__num{
        flex: 0 0 calc(100%/3);
        height: 66px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 42px;
        font-weight: 400;
        color: #B2B2B2;
        transition: none;
        /*transition: background color 0.3s ease;*/
    }
    .about-benefits-mobile .about-benefits-item__num.active{
        background: #E31F25; 
        color: #fff;
    }
    .about-benefits-mobile .about-benefits-item__text{
        position: absolute;
        top: 65px; left: 0%; width: 100%; height: 68px;
        text-align: center;
        padding: 0 calc((100% - 340px) / 2);
        color: #fff;
        font-size: 13px; font-weight: 300;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: none !important;
        background:#E31F25
    }
    .about-benefits-mobile .about-benefits-item__text.active{
        opacity: 1;
    }
    .about-brands-list{ display: none !important; }
    .about-brands-list-mobile{ display: block; margin-top: 40px; height: auto; }
    .about-brands-list-mobile .about-brands-item__logo{
        position: relative;
        transition: height 0.5s ease;
    }
    .about-brands-list-mobile .about-brands-item__logo span{
        border-left: 2px solid #DEDADB;
        border-top: 2px solid #DEDADB;
        width: 10px; height: 10px;
        position: absolute;
        top: 50%; right: 50px;
        transform: rotate(-135deg) translateY(-50%);
        transition: all 0.5s ease;
        transform-origin: top;
    }
    .about-brands-list-mobile .about-brands-item .about-brands-item__content{
        height: 0px; overflow: hidden;
        transition: height 0.5s ease;
        display: block;
        position: relative;
    }
    .about-brands-list-mobile .about-brands-item .about-brands-item__content .about-brands-item__text{
        position: absolute;
        height: 284px;
        bottom: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 18px 0 0;
        font-size: 14px;
        text-transform: uppercase;
        line-height: 1.3;
        background: transparent !important;
        font-size: 11px;
        backdrop-filter:initial;
        -webkit-backdrop-filter:none;
        top: 0px;
        width: 50%;
        left: 50%;
    }
    .about-brands-list-mobile .about-brands-item .about-brands-item__content .about-brands-item__img{
        flex: 0 0 50%;
        height: 100%;
        background-size: auto 240px;
        background-position: center center;
        background-repeat: no-repeat;
        position: relative;
        transition: top 0.5s ease;
        top: 284px;
        width: 50%;
    }
    .about-brands-list-mobile .about-brands-item.even .about-brands-item__logo{ order: 0; }
    .about-brands-list-mobile .about-brands-item{
        transition: height 0.5s ease;
    }
    .about-brands-list-mobile .about-brands-item.active{
        height: 440px;
    }
    .about-brands-list-mobile .about-brands-item.active .about-brands-item__logo{
        height: 156px;
    }
    .about-brands-list-mobile .about-brands-item.active .about-brands-item__content{
        height: 284px;
    }
    .about-brands-list-mobile .about-brands-item.active .about-brands-item__content .about-brands-item__img{
        top: 0px;
    }
    .about-brands-list-mobile .about-brands-item.active .about-brands-item__logo span{
        transform: rotate(45deg) translateY(-50%);
    }
}