html{
    font-size: clamp(0.688rem, 0.592rem + 0.51vw, 1rem);
}

.banner{
    position: relative;
    margin-bottom: 99px;
}
.wrapper{
    overflow: hidden;
}
.banner__info{
    padding: 33px 36px 42px;
    background-color: #FF5000;
    -webkit-clip-path: polygon(32px 0%, calc(100% - 10px) 0%, 100% 0px, 100% calc(100% - 0px), calc(100% - 10px) 100%, 0px 100%, 0% calc(100% - 10px), 0% 32px);
    clip-path: polygon(32px 0%, calc(100% - 10px) 0%, 100% 0px, 100% calc(100% - 0px), calc(100% - 10px) 100%, 0px 100%, 0% calc(100% - 10px), 0% 32px);
    color: white;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    overflow: visible;
    flex: 3 1;
}

.about-company .about-text.full .about-text-holder.blocked {
    padding: 78px 108px;
}

.page-title {
    margin-top: -12px;
}

.page-title-holder h1{
    margin-bottom: 12px;
}

.banner__container{
    width: 79.3%;
    position: relative;
    display: flex;
}


.about-text-holder ol {
    list-style: decimal;
    color: rgba(79, 79, 79, 1);
    padding-left: 23px;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    max-width: 1028px;
}


.about-text-holder .h2{
    font-size: 38px;
    margin-bottom: 26px;
}




.banner__image{
    position: absolute;
    left: 67%;
    transform: translateX(-50%);
    top: 4px;
    height: 465px;
    width: 846px;
}

.banner__image img{
    position: absolute;
    left: 38%;
    top: -72px;
}

.wrapper-inside img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.banner__info p {
    color: white;
    max-width: 605px;
    font-size: 1.25rem;
    line-height: 145%;
    margin: 0;
    font-weight: 700;
}

.banner__info h2{
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 1.6875rem;
}
.banner__info p + ul{
     font-weight: 700;
    margin-top: 4px;
    padding-left: 35px;
    line-height: 145%;
    color: white;
    max-width: 605px;
    font-size: 1.25rem;
    line-height: 145%;
    margin: 0;
 }

 .about-text-holder ol{
    list-style: decimal;
    color: rgba(79, 79, 79, 1);
    padding-left: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    max-width: 1028px;
 }

  .about-text-holder ol li + li {
    margin-top: 15px;
    }


    .delivery-two-line{
        display: flex;
        gap: 10px;
    }
    .delivery-two-line .delivery-two-line-left{
        /*width: 66.66%;*/
        line-height: 18px;
    }
    .delivery-two-line .delivery-two-line-right{
        /*width: 33.33%;*/
        white-space: nowrap;
    }
    .small-delivery-text{
        font-size: 14px;
    }
    .banner__info p{
        margin-bottom: 10px;
    }
    .banner__info p:last-of-type{
        margin-bottom: 0px;
    }



 @media(max-width:1300px){
    .banner{
        margin-bottom: 60px
    }

    .banner__info h2{
        margin-bottom: 30px;
    }


    .banner__container{
        width: 100%;
        flex-direction: column-reverse;
    }

    .banner__image{
        position: relative;
        width: auto;
        height: auto;
        left: auto;
        transform: translateX(0);
        margin: 0px 0 -50px;
    }
    .banner__image img{
        position: relative;
            left: auto;
            top: 6px;
            object-fit: cover;
            width: 100%;
    }
    .banner__info p,
    .banner__info li{
        font-size: 20px;
    }

    .banner__info {
        padding: 35px 40px 60px;
        margin-top: -12px;
    }

    .about-company .about-text.full .about-text-holder.blocked{
        padding: 30px;
    }
    .about-text-holder .h2{
        font-size: 20px;
    }
    
 }


 @media(max-width:900px){
    .about-text-holder ol{
        padding-left: 23px;
    }

    .banner__image{
        margin: 0px 0 -30px;
    }
    .banner {
        margin-bottom: 52px;
    }
    .about-text-holder .h2{
        margin-bottom: 16px;
    }
 }

  @media(max-width:766px){
    .banner__container{
        width:calc(100% - 30px);
        margin: 0 auto;
    }
    
    .block.margin {
        position: relative;
        width: calc(100% - 30px);
        margin: 0 auto -40px;
        box-sizing: border-box;
        left: 50%;
        transform: translateX(-50%);
    }
    .banner__image{
        max-width: 289px;
    }
    .banner__info p, .banner__info li{
        font-size: 13px;
    }

    .banner__info p + ul{
        margin-top: 10px;
    }

    .page-title .page-title-holder .h1{
        margin-top: 38px;
        font-size: 32px;
    }

    .banner__image img {
        position: relative;
        left: 1px;
        top: -20px;
        object-fit: cover;
        width: 100%;
    }

    .banner__info{
        padding: 24px 17px 9px;
        clip-path: polygon(22px 0%, calc(100% - 10px) 0%, 100% 0px, 100% calc(100% - 0px), calc(100% - 10px) 100%, 0px 100%, 0% calc(100% - 10px), 0% 22px);
    }
    .banner__info h2{
        font-size: 25px;
    }
    .about-text-holder .h2 {
        font-size: 18px;
        line-height: 138%;
    }

    .about-company .about-text.full .about-text-holder.blocked {
        padding: 30px 20px;
    }

    .banner {
        margin-bottom: 40px;
    }
    .about-text-holder ol{
        font-size: 14px;
        line-height: 140%;
        padding-left: 19px;
    }

    .about-text-holder ol li + li {
    margin-top: 18px;
    }
    
}