@font-face {
    font-family: 'Gilroy-Bold';
    src: url('/pronas/fonts/Gilroy-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy-Medium';
    src: url('/pronas/fonts/Gilroy-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy-Regular';
    src: url('/pronas/fonts/Gilroy-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy-Semibold';
    src: url('/pronas/fonts/Gilroy-Semibold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/*html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
*/

.radios-breadcrumb.breadcrumbs {
    padding-left: 39px;
}

.body {
    line-height:1;
}
* {
    -webkit-tap-highlight-color: transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    list-style:none;
}
input, select {
    vertical-align:middle;
}
*,
*::after,
*::before{
    padding: 0;
    margin: 0;
    box-sizing: border-box;   
}
a{
    color: inherit;
    text-decoration: none;
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

.title{
    color: #D1862B;
    font-family: 'Rubik', sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
    text-transform: uppercase;
}
main.main{
    overflow: hidden;
}
.body{
    color: #FFF;
    font-family: "Rubik", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
    scroll-behavior: smooth;
    background: #2E2E2E;
    color: #FFF;
}
.body{
    min-width: 320px;
}
.body.no-scroll{
    overflow: hidden;
}
.container{
    max-width: 1202px;
    padding: 0 16px;
    margin: 0 auto;
}
.hero__content{
    display: none;
}
.hero{
    height: calc(var(--vh, 1vh) * 100);
    background-image: url('/pronas/img/hero.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    max-height: 540px;
}
.hero__links{
    padding-top: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.hero__link{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
}
.hero__link.active{
    color: #D1862B;
}
.about{
    padding: 90px 0;
    background: #0D0C0C;
}
.about__inner{
    display: flex;
    gap: 55px;
}
.about__top{
    max-width: 345px;
    min-width: 200px;
    width: 100%;
}
.about__title{
    margin-bottom: 39px;
}

.about__block{
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
}
.about__item:first-of-type {
    grid-area: 1 / 1 / 2 / 2;
    background: #2E2E2E;
}
.about__item:first-of-type .about__item-descr{
    padding: 16px 20px 16px 21px;
    background: #2E2E2E;
}
.about__item:nth-of-type(2) {
    grid-area: 2 / 2 / 3 / 3;
}
.about__item:nth-of-type(2) .about__item-descr{
    color: #0D0C0C;
    padding: 16px 10px 16px 16px;
    background: #D1862B;
}
.about__item:last-of-type {
    grid-area: 1 / 3 / 2 / 4;
    position: relative;
    background: #2E2E2E;
}
.about__item:last-of-type .about__item-descr{
    background: #2E2E2E;
    padding: 16px 15px 16px 16px;
}
.about__item:last-of-type::before{
    position: absolute;
    content: '';
    height: calc(100% + 2px);
    width: 100%;
    border: 1px solid #2E2E2E;
    bottom: -100%;
    right: -100%;
}

.directions{
    min-height: 492px;
    padding: 90px 0;
    position: relative;
    overflow: hidden;
}
.directions__bg{
    position: absolute;
    z-index: 1;
    inset: 0;
    object-position: center;
    object-fit: cover;
    min-width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.directions__bg img{
    min-width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}
.directions__inner{
    display: flex;
    justify-content: space-between;
}
.directions__box{
    /*max-width: 370px; */
    max-width: 340px;
    width: 100%;
    position: relative;
    z-index: 2;
}

.directions__title.title{
    font-size: 28px;
    margin-bottom: 40px;
}

.directions ul {
    list-style:none;
}
.directions ul li{
    position: relative;
    padding-left: 33px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.4px;
}
.directions ul li::before{
    position: absolute;
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 14px;
    background: #D1862B;
    box-shadow: 0px 0px 6.6px 1px rgba(209, 134, 43, 0.40);
    left: 0;
    top: 9px;
}
.directions ul li::after{
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    background: #D1862B;
    left: 7px;
    top: 9px;
}
.directions ul li:last-of-type::after{
    content: none;
}

.directions__box-name{
    margin-bottom: 30px;
    color: #D6D6D6;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%; /* 32.2px */
    padding-top: 65px;
}
.directions__box-descr{
    color: #D6D6D6;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
}
.directions__box:last-of-type{
    position: relative;
    padding: 33px 17px ;
}
.directions__box span{
    position: absolute;
}
.directions__box span:first-of-type{
    top: 0;
    left: 0;
}
.directions__box span:nth-of-type(2){
    top: 0;
    right: 0;
}
.directions__box span:nth-of-type(3){
    bottom: 0;
    left: 0;
}
.directions__box span:nth-of-type(4){
    bottom: 0;
    right: 0;
}

.produces{
    padding: 80px 0;
}
.produces__title{
    color: #F6F6F6;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%; /* 34.5px */
}
.produces__block{
    display: grid;
    gap: 30px;
    max-width: 770px;
    margin: 60px auto 0;
    grid-template-columns: repeat(4, 1fr);
}
.produces__item{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.produces__descr{
    color: #D6D6D6;
}

.history{
    padding: 80px 0;
    border-radius: 16px;
    background: #242424;
}
.history .container{
    max-width: 800px;
}
.history__inner{
    position: relative;
}
.history__inner::after {
    position: absolute;
    content: '';
    width: 917px;
    height: 917px;
    border-radius: 917px;
    background: radial-gradient(47.27% 47.27% at 50% 50%, rgba(209, 134, 43, 0.14) 0%, rgba(209, 134, 43, 0.00) 100%);
    top: 271px;
    right: -791px;
}
.history__block{
    margin-top: 69px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.history__item{
    display: flex;
    align-items: start;
    gap: 145px;
    position: relative;
}
.history__name{
    color: #D1862B;
    font-family: 'Rubik', sans-serif;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 115%; /* 27.6px */
}
.history__descr{
    max-width: 532px;
    width: 100%;
}
.history__descr::before{
    position: absolute;
    content: '';
    top: 0;
    left: 108px;
    width: 26px;
    height: 26px;
    background: #D1862B;
    filter: drop-shadow(0px 0px 6.6px rgba(209, 134, 43, 0.40));
    border-radius: 26px;
}
.history__descr::after{
    position: absolute;
    content: '';
    top: 3px;
    left: 120px;
    width: 1px;
    height: calc(100% + 60px);
    background: #D1862B;
    filter: drop-shadow(0px 0px 6.6px rgba(209, 134, 43, 0.40));
    border-radius: 26px;
}
.history__item:last-of-type .history__descr::after{
    content: none;
}
.history__item:first-of-type .history__descr{
    max-width: 547px;
}
.history__item:nth-of-type(2) .history__descr{
    max-width: 568px;
}
.history__item:nth-of-type(3) .history__descr{
    max-width: 568px;
}
.corporate{
    background-color: #F5F5F5;
    padding: 80px 0;
}
.corporate__inner{
    position: relative;
}
.corporate__title{
    color: #0C0C0C;
    font-family: 'Rubik', sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 108%; /* 41.04px */
    letter-spacing: 1.71px;
    text-transform: uppercase;
    text-align: center;
}
.corporate__content{
    margin-top: 58px;
    display: flex;
    position: relative;
}
.corporate__block{
    background: #D9D9D9;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    max-width: 570px;
    width: 100%;
    padding: 40px 83px 40px 100px;
}
.corporate__descr{
    color: #181818;
    margin-bottom: 22px;
}
.corporate__image{
    position: relative;
    padding: 21px 22px;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.corporate__image span{
    position: absolute;
}
.corporate__image span:first-of-type{
    top: 0;
    left: 0;
}
.corporate__image span:nth-of-type(2){
    top: 0;
    right: 0;
}
.corporate__image span:nth-of-type(3){
    bottom: 0;
    left: 0;
}
.corporate__image span:nth-of-type(4){
    bottom: 0;
    right: 0;
}
.corporate__image img{
    width: 100%;
}


.corporate__name{
    color: #181818;
    text-align: center;
    margin: 68px auto 0;
    max-width: 367px;
}
.corporate__box{
    display: flex;
    justify-content: space-between;
    max-width: 738px;
    width: 100%;
    margin: 60px auto 0;
}
.corporate__item-descr span{
    white-space: nowrap;
    color: #D1862B;
    font-family: 'Rubik', sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 40px */
}
.corporate__item{
    max-width: 178px;
    position: relative;
    margin-left: 36px;
}
.corporate__item-descr{
    display: flex;
    flex-direction: column;
    color: #181818;
    font-size: 18px;
    font-style: normal;
    line-height: 100%;
}

.corporate__item::before{
    position: absolute;
    content: '';
    width: 2px;
    height: 106px;
    left: -32px;
    top: 0;
}

.corporate__item:first-of-type:before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='106' viewBox='0 0 2 106' fill='none'%3E%3Cpath d='M1 1V106' stroke='%237F8080'/%3E%3Cpath d='M1 0V35' stroke='%23D1862B' stroke-width='2'/%3E%3C/svg%3E");
}
.corporate__item:nth-of-type(2):before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='105' viewBox='0 0 2 105' fill='none'%3E%3Cpath d='M1 0V105' stroke='%237F8080'/%3E%3Cpath d='M1 36V71' stroke='%23D1862B' stroke-width='2'/%3E%3C/svg%3E");
}
.corporate__item:last-of-type:before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='105' viewBox='0 0 2 105' fill='none'%3E%3Cpath d='M1 0V105' stroke='%237F8080'/%3E%3Cpath d='M1 70V105' stroke='%23D1862B' stroke-width='2'/%3E%3C/svg%3E");
}
.corporate__bg-1{
    position: absolute;
    bottom: -285px;
    left: -319px;
}
.corporate__bg-1 img {
    width: 422px;
}

.corporate__bg-2{
    position: absolute;
    bottom: -285px;
    right: -319px;
}

.corporate__bg-2 img {
    width: 422px;
}



.section{
    padding: 80px 0;
}
.section .container{
    position: relative;
    max-width: 802px;
}
.section__inner{
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.section__block{
    display: flex;
    gap: 38px;
}
.section__block-image{
    display: flex;
    align-items: center;
    justify-content: center;
}
.section__descr{
    color: #D6D6D6;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%; /* 20.7px */
}
.section__box{
    padding-left: 25px;
    margin: 15px 0 12px;
    position: relative;
}
.section__box::before{
    position: absolute;
    content: '';
    top: 3px;
    left: 4px;
    height: 47px;
    width: 4px;
    background: #D1862B;
}
.section__title{
    color: #D1862B;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%; /* 20.7px */
}
.section__name{
    color: #D1862B;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
}
.achievements{
    padding: 80px 0 0 0;
}
.achievements__title{
    text-align: center;
}
.achievements__item-icon{
    display: flex;
    align-items: center;
}
.achievements__content{
    margin-top: 69px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 12px;
}
.achievements__item:first-of-type {
    grid-area: 1 / 1 / 2 / 2;
    background: #D1862B;
    padding: 36px 27px 24px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 5px;
    min-height: 138px;
}
.achievements__item:first-of-type .achievements__descr{
    color: #181818;
}
.achievements__item:nth-of-type(2) {
    grid-area: 2 / 1 / 3 / 2;
    background: #181818;
    padding: 36px 25px 24px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 5px;
    min-height: 138px;
}
.achievements__item:nth-of-type(3) {
    grid-area: 1 / 2 / 3 / 3;
    background: #181818;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 24px 29px 24px 24px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.achievements__item:nth-of-type(3) .achievements__item-icon{
    position: absolute;
    top: -20px;
    right: -113px;
    z-index: -1;
}
.achievements__item:nth-of-type(4) {
    grid-area: 1 / 3 / 3 / 5;
    background: #181818;
    padding: 24px 24px 24px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    gap: 15px;
}
.achievements__item:nth-of-type(4) .achievements__item-top{
    display: flex;
    align-items: center;
    gap: 18px;
}
.achievements__item:nth-of-type(4) .achievements__item-top span{
    display: flex;
    width: 100%;
    height: 1px;
    background: #D1862B;
    max-width: 284px;
    position: relative;
    z-index: 1;
}
.achievements__item:nth-of-type(4) .achievements__item-top span::after{
    position: absolute;
    content: '';
    right: -13px;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    top: 50%;
    transform: translateY(-50%);
    background: #D1862B;
    filter: drop-shadow(0px 0px 6.6px rgba(209, 134, 43, 0.40));
    z-index: 1;
}
.achievements__item:nth-of-type(4) .achievements__name{
    color: #D1862B;
    font-size: 32px;
}
.achievements__item:nth-of-type(4) .achievements__descr{
    max-width: 340px;
    margin-right: 161px;
}
.achievements__item:nth-of-type(4) img{
    position: absolute;
    top: -15px;
    right: -103px;
    width: 309px;
}
.achievements__item:nth-of-type(5) {
    grid-area: 3 / 1 / 5 / 2;
    background: #181818;
    padding: 24px;
    min-height: 456px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.achievements__item:nth-of-type(5) .achievements__item-logos span{
    display: flex;
    margin: 24px 0;
    height: 1px;
    width: 100%;
    background: #D1862B;
}
.achievements__item:nth-of-type(6) {
    grid-area: 3 / 2 / 5 / 3;
    background: #D1862B;
    padding: 24px 34px 24px 24px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.achievements__item:nth-of-type(6) .achievements__name{
    font-size: 32px;
    color: #181818;
    line-height: 115%; /* 36.8px */
}
.achievements__item:nth-of-type(6) {
    color: #181818
}
.achievements__item:nth-of-type(6) .achievements__item-icon{
    position: absolute;
    top: -7px;
    right: -46px;
}
.achievements__item:nth-of-type(7) {
    grid-area: 3 / 3 / 4 / 5;
    background: #181818;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 24px;
    z-index: 1;
}
.achievements__item:nth-of-type(7)::before{
    position: absolute;
    content: '';
    width: 352px;
    height: 352px;
    border-radius: 352px;
    background: radial-gradient(47.27% 47.27% at 50% 50%, rgba(209, 134, 43, 0.58) 0%, rgba(209, 134, 43, 0.00) 100%);
    top: -210px;
    left: -100px;
    z-index: -1;
}
.achievements__item:nth-of-type(7) .achievements__item-icon{
    position: absolute;
    top: -6px;
    right: -78px;
    z-index: -1;
}
.achievements__item:nth-of-type(7) .achievements__name{
    color: #D6D6D6;
    margin-bottom: 43px;
    max-width: 269px;
}
.achievements__item:nth-of-type(7) .achievements__descr{
    color: #D6D6D6;
}
.achievements__item:nth-of-type(7) .achievements__descr + .achievements__descr{
    margin-top: 9px;
    margin-right: 94px;
}
.achievements__item:nth-of-type(7) .achievements__descr span{
    display: block;
    color: #D1862B;
    font-size: 32px;
    max-width: 371px;
    line-height: 115%;
    position: relative;
    z-index: 1;
}
.achievements__item:nth-of-type(8) {
    grid-area: 4 / 3 / 5 / 5;
    background: #181818;
    position: relative;
    min-height: 160px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.achievements__item:nth-of-type(8)::before{
    position: absolute;
    content: '';
    background-image: url('/pronas/img/achievements-4.webp');
    background-repeat: no-repeat;
    background-position: bottom;
    right: -38px;
    width: 303px;
    height: 160px;
    top: 0;
}
.achievements__item:nth-of-type(8) .achievements__descr{
    max-width: 371px;
    margin-right: 160px;
}
.radios-main-page-wrapper p {
    margin-bottom: 0px !important;

}
p.history__descr {
    color: #FFF;
    font-weight: 600;
    font-size: 16px !important;
}

@media (max-width: 1090px) {
    .radios-breadcrumb.breadcrumbs {
        padding-left: 0px;
    }

    .corporate__block {
        max-width: 400px;
        padding: 40px 33px 40px 40px;
    }
}
@media (max-width: 960px) {
    .corporate__bg-1,
    .corporate__bg-2 {
        position: initial;
    }
    .corporate__bottom{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 40px;
        gap: 54px;
    }
    .corporate__bg img{
        width: 100%;
        max-width: 300px;
    }
}
@media (max-width: 929px) {
    .corporate__block{
        position: initial;
        transform: none;
        max-width: 100%;
    }
    .corporate__content{
        flex-direction: column;
        gap: 20px;
    }
    .corporate__image{
        width: 100%;
    }
}
@media (max-width: 900px) {
    .about__inner{
        flex-direction: column;
    }
}
@media (max-width: 850px) {
    .achievements__content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .achievements__item:first-of-type { 
        grid-area: 1 / 1 / 2 / 2;
    }
    .achievements__item:nth-of-type(2) { 
        grid-area: 2 / 1 / 3 / 2;
    }
    .achievements__item:nth-of-type(3) { 
        grid-area: 1 / 2 / 3 / 3;
    }
    .achievements__item:nth-of-type(4) { 
        grid-area: 4 / 1 / 5 / 3;
        min-height: 290px;    
    }
    .achievements__item:nth-of-type(5) { 
        grid-area: 3 / 1 / 4 / 2;
    }
    .achievements__item:nth-of-type(6) { 
        grid-area: 3 / 2 / 4 / 3;
    }
    .achievements__item:nth-of-type(7) { 
        grid-area: 5 / 1 / 6 / 3;
        min-height: 210px;
    }
    .achievements__item:nth-of-type(7) .achievements__item-icon {
        position: absolute;
        top: -46px;
        right: -35px;
    }
    .achievements__item:nth-of-type(8) { 
        grid-area: 6 / 1 / 7 / 3;
    }
    .section__bg-1,
    .section__bg-2{
        position: initial;
    }
}
@media (max-width: 800px) {
    .directions__bg{
        position: initial;
        margin: 60px -16px 30px;
    }
    .directions__bg img{
        min-height: 360px;
    }
    .directions__inner{
        flex-direction: column;
    }
    .directions__box{
        max-width: 100%;
    }
    .history__item{
        gap: 65px;
    }
    .history__descr{
        max-width: 100% !important;
    }
    .history__descr::before {
        left: 68px;
    }
    .history__descr::after {
        left: 80px;
    }
}
@media (max-width: 750px) {
    .section__block{
        flex-direction: column;
    }
    .section__block:last-of-type{
        flex-direction: column-reverse;
    }
    .section__block-img {
        width: 100%;
        max-width: 500px;
    }
}
@media (max-width: 700px) {
    .corporate__box{
        flex-direction: column;
        gap: 40px;
    }
    .corporate__box{
        position: relative;
    }
    .corporate__box::before{
        position: absolute;
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='303' viewBox='0 0 2 303' fill='none'%3E%3Cpath d='M1 0L1.00001 303' stroke='%237F8080'/%3E%3C/svg%3E") !important;
        top: 5px;
        bottom: 3px;
        left: 0;
        width: 1px;
    }
    .corporate__item::before{
        content: none;
        left: -20px;
    }
    .corporate__item:nth-of-type(2):before {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='119' viewBox='0 0 2 119' fill='none'%3E%3Cpath d='M1 0.875L0.99999 118.165' stroke='%23D1862B' stroke-width='2'/%3E%3C/svg%3E");
        left: -26px;
        top: -19px;
    }
    .corporate__item{
        max-width: 100%;
    }
    .corporate__item{
        margin-left: 26px;
    }
}
@media (max-width: 670px) {
    .hero{
        height: calc(var(--vh, 1vh) * 100);
        background-image: url('/pronas/img/hero-mobile.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        z-index: 1;
    }
    .hero::before{
        position: absolute;
        content: '';
        z-index: -1;
        width: 100%;
        height: 179px;
        background: linear-gradient(180deg, rgba(7, 7, 12, 0.00) -1.11%, #07070C 76.64%);
        left: 0;
        bottom: 0;
        right: 0;
    }
    .hero__content{
        display: block;
    }
    .hero__links{
        display: none;
    }
    .hero .container{
        height: 100%;
    }
    .hero__inner{
        display: flex;
        flex-direction: column;
        justify-content: end;
        height: 100%;
        padding-bottom: 30px;
    }
    .hero__content-image{
        margin-bottom: 30px;
    }
    .hero__content-image img{
        width: 100%;
    }
    .about__block{
        display: flex;
        flex-direction: column;
        border: 1px solid #2E2E2E;
    }
    .about__item{
        background-color: transparent !important;
    }
    .about__item:nth-of-type(2){
        padding-left: 86px;
        border-top: 1px solid #2E2E2E;
        border-bottom: 1px solid #2E2E2E;
    }
    .about__item:first-of-type,
    .about__item:last-of-type{
        padding-right: 86px;
    }
    .about__item:last-of-type::before {
        top: -1px;
        right: -100%;
    }
    .about__item:first-of-type{
        position: relative;
    }
    .about__item:first-of-type::before{
        position: absolute;
        content: '';
        height: calc(100% + 2px);
        width: 100%;
        border: 1px solid #2E2E2E;
        top: -1px;
        right: -100%;
    }
    .about__item:first-of-type::after{
        position: absolute;
        content: '';
        height: calc(100% + 2px);
        width: 100%;
        border: 1px solid #2E2E2E;
        top: -1px;
        left: -100%;
    }
    .about__item:last-of-type::after{
        position: absolute;
        content: '';
        height: calc(100% + 2px);
        width: 100%;
        border: 1px solid #2E2E2E;
        top: -1px;
        left: -100%;
    }
    .produces__block{
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 16px;
    }
}

@media (max-width: 480px) {
    h2.hero__content-title {
        color: #FFF;
        font-size: 17px;
        display: none;
    }

    html,body{
        font-size: 16px;
    }
    .title {
        font-size: 28px;
        line-height: 108%;
    }

    .history__block{
        gap: 30px;
    }
    .history__item{
        flex-direction: column;
        gap: 16px;
        padding-left: 34px;
    }
    .history__descr::before {
        left: 0;
    }
    .history__descr::after {
        left: 12px;
        height: calc(100% + 30px);
    }
    .about {
        /*padding: 60px 0;*/
        padding: 0px 0;
    }
    .about__title {
        margin-bottom: 30px;
    }
    .about__inner{
        gap: 30px;
    }
    .about__item:first-of-type .about__item-descr {
        padding: 16px 26px 16px 15px;
    }
    .about__item:nth-of-type(2) .about__item-descr {
        padding: 16px 11px 13px 15px;
    }
    .directions {
        padding: 60px 0;
    }
    .directions__title.title {
        margin-bottom: 30px;
    }
    .directions ul li {
        position: relative;
        padding-left: 26px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 18.4px;
    }
    .directions ul li + li{
        margin-top: 15px;
    }
    .directions ul li::before {
        top: 2px;
    }
    .directions ul li::after{
        height: calc(100% + 15px);
    }
    .directions__box-descr {
        font-size: 16px;
    }
    .produces{
        padding: 0 0 60px;
    }
    .produces__title {
        font-size: 20px;
    }
    .produces__block{
        margin-top: 30px;
    }
    .produces__item {
        gap: 16px;
    }
    .history {
        padding: 60px 0;
        border-radius: 0;
    }
    .history__block {
        margin-top: 26px;
    }
    .corporate {
        padding: 60px 0;
    }
    .corporate__title {
        font-size: 28px;
        letter-spacing: 1.26px;
        text-align: left;
    }
    .corporate__content {
        margin-top: 30px;
        gap: 30px;
    }
    .corporate__block {
        padding: 30px 16px 30px 16px;
    }
    .corporate__image{
        padding: 0;
    }
    .corporate__image span{
        display: none;
    }
    .corporate__name{
        margin-top: 60px;
    }
    .corporate__box{
        margin-top: 30px;
    }
    .corporate__bottom{
        max-width: 294px;
        margin: 30px auto 0;
    }
    .section {
        padding: 60px 0;
    }
    .section__inner{
        gap: 60px;
    }
    .section__box {
        padding-left: 20px;
        margin: 20px 0 20px;
        position: relative;
    }
    .section__title,
    .section__descr {
        font-size: 16px;
    }
    .section__name {
        font-size: 28px;
    }
    .section__block{
        gap: 20px;
    }
    .achievements {
        padding: 0 0 60px;
    }
    .achievements__descr{
        font-size: 12px !important;
        line-height: 16px !important;
    }
    .achievements__item:first-of-type{
        padding: 19px 12px 12px;
        min-height: 80px;
    }
    .achievements__item:nth-of-type(2){
        padding: 20px 12px 12px;
        min-height: 80px;
    }
    .achievements__item:nth-of-type(3){
        padding: 12px 5px 12px 12px;
        overflow: visible;
    }
    .achievements__item:nth-of-type(3) .achievements__item-icon svg{
        width: 198.77px;
    }
    .achievements__item:nth-of-type(3) .achievements__item-icon{
        top: -52px;
        right: -65px;
    }
    .achievements__item:nth-of-type(5){
        padding: 11px 12px 12px;
        min-height: 264px;
    }
    .achievements__item:nth-of-type(5) .achievements__item-logos img{
        width: 100%;
        max-width: 102px;
    }
    .achievements__item:nth-of-type(5) .achievements__item-logos span {
        margin: 12px 0;
    }

    .achievements__item:nth-of-type(6){
        padding: 12px;
    }
    .achievements__item:nth-of-type(6) .achievements__item-icon img{
        width: 149.695px;
    }
    .achievements__item:nth-of-type(6) .achievements__name {
        font-size: 20px;
    }
    .achievements__item:nth-of-type(4) .achievements__item-top span{
        display: none;
    }
    .achievements__item:nth-of-type(4){
        padding: 12px 12px 43px 12px;
    }
    .achievements__item:nth-of-type(4) .achievements__name {
        font-size: 20px;
    }
    .achievements__item:nth-of-type(4) img {
        top: -31px;
    }
    .achievements__item:nth-of-type(7){
        padding: 12px;
    }
    .achievements__item:nth-of-type(7) .achievements__descr span {
        font-size: 20px;
        max-width: 228px;
    }
    .achievements__item:nth-of-type(7) .achievements__item-icon img{
        width: 176px;
    }
    .achievements__item:nth-of-type(7) .achievements__item-icon {
        top: -32px;
        right: -28px;
    }
    .achievements__item:nth-of-type(7) .achievements__name{
        margin-bottom: 34px;
    }
    .achievements__item:nth-of-type(7) .achievements__descr + .achievements__descr{
        margin-top: 34px;
        max-width: 209px;
    }
    .achievements__item:nth-of-type(8){
        padding: 20px 12px 12px;
        min-height: 120px;
    }
    .achievements__item:nth-of-type(8)::before {
        position: absolute;
        content: '';
        background-image: url('/pronas/img/achievements-4.webp');
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: 221.347px;
        right: -38px;
        width: 281px;
        height: 119px;
        top: 0;
    }
    .achievements__item:nth-of-type(8) .achievements__descr {
        max-width: 140px;
    }
}