.center-button {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
}
.see-all-promo {
    background: #fff;
    color: #F66C27;
    display: flex;
    align-items: center;
    justify-content: center;
    width:300px;
    height:45px;
    line-height:45px;
    text-transform:uppercase;
    border-radius:5px;
    font-weight:bold;
    border:3px solid  #F66C27;
}
.see-all-promo:hover {
    background: #F66C27;
    border:3px solid #F66C27;
    color:#fff;
}
.promo-offers-title {
    float:left;
    width:100%;
    font-size:1.7em;
    font-weight:bold;
    text-align:center;
}
.cats_box {
    margin-right: 10px;
    margin-bottom: 20px;
}
.carousel-wrapper {
    position: relative;
    align-items: center;
}
.scroll-logos {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    gap: 10px;
    padding: 10px;
    scroll-behavior: smooth;
    max-width: 80vw;


}
.scroll-logos img {
    height: 150px;
    flex-shrink: 0;
}
.arrow-wrapper {
    justify-content: space-between;
    margin-bottom: -60px;
}
.arrow {
    background-color: #F66C27;
    color: white;
    border: none;
    font-size: 24px;
    padding: 10px;
    cursor: pointer;
    border-radius: 50%;
    user-select: none;
    width:40px;
    height:40px;
    display:flex;
    line-height: 18px;
    /* align-items:center; */
}

.arrow:hover {
    background-color: #d9481c;
}

.bottom-logos .left {
    margin-right: 5px;
}

.bottom-logos .right {
    margin-left: 5px;
}
.inner-content {
    float:left;
    width:100%;
    display:flex;
    gap:30px;
    /* padding:0 50px; */
    box-sizing:border-box;
}
.left-part {
    width:50%;
    float:left;
    display:flex;
    flex-direction:column;
}
.big-title {
    float:left;
    width:100%;
    text-transform:uppercase;
    font-size:40px;
    color:#000;
    font-weight:800;
    line-height:1.25;
    margin: 1.5em 0 0.5em
}
.sub-title {
    float:left;
    width:100%;
    text-transform:uppercase;
    font-size:30px;
    color:#F66C27;
    margin-bottom:25px;
    font-weight:800;
    font-size: 28px;
    line-height:1.25;
}
.bottom-txt {
    float:left;
    width:100%;
    color:#000;
    font-size:20px;
    line-height:1.25;
}
.btns-bottom {
    float:left;
    width:100%;
    margin-top:40px;
    display:flex;
    gap:10px;
}
.btn {
    width:270px;
    border:2px solid  #F66C27;
    height:45px;
    line-height:45px;
    font-size:16px;
    text-transform:uppercase;
    text-align:center;
    border-radius:5px;
    font-weight:bold;
}
.btn.see-all {
    color:#fff;
    background:#F66C27;
}
.btn.see-all:hover {
    background:#fff;
    color:#F66C27;
}
.btn.save {
    background:#fff;
    color: #F66C27;
    display:flex;
    gap:5px;
    align-items:center;
    justify-content:center;
}
.btn.save svg {
    width:20px;
}
.black-top-txt {
    float:left;
    width:100%;
    margin-top:64px;
    margin-bottom:30px;
    text-align:right;
    font-weight:bold;
}
.image-b {
    float:left;
    width:100%;
    height:300px;
}
.image-b img {
    float:left;
    width:100%;
    height:300px;
    object-fit:contain;
}
.black-bottom-txt {
    float:left;
    width:100%;
    text-align:center;
    font-size:14px;
    color:#000;
    margin-top:20px;
}
.bottom-logos {
    float:left;
    width:100%;
    display:flex;
    margin-top:80px;
    gap:15px;
}

.img_wrap img {
    border-radius: 4px;
    max-width: 100%;
}

@media screen and (max-width: 1140px) {
    .big-title {
        font-size:32px;
    }
    .sub-title {
        font-size:25px;
    }
    .btn {
        font-size:15px;
    }
    .bottom-txt {
        font-size:18px;
    }
}

@media screen and (max-width: 800px) {
    .carousel-wrapper{
        float:left;
        width:100%;
        position:inherit;
    }
    .inner-content {
        flex-wrap:wrap;
        padding:0px;
    }
    .left-part {
        width:100%;
    }
    .right-part {
        width:100%;
    }
}
@media screen and (max-width: 500px) {
    .big-title {
        font-size: 23px;
        margin-top:0px;
    }
    .sub-title {
        font-size: 19px;
    }
    .black-top-txt {
        margin-top:0px;
    }

    .btn {
        font-size: 14px;
    }
    .cats_box {
        margin-right: 0px;
    }
}