.button-transparent svg path {
    fill: rgb(255 255 255);
}

.white-text {
    color: #fff;
}

h1 span{
    position: relative;
}

h1 span:before{
    content: "";
    background: url(/catalog/view/theme/oct_deals/image/advantage_title.png);
    height: 19px;
    width: 76px;
    position: absolute;
    left: -90px;
    top: 4px;
}

h1 span:after{
    content: "";
    background: url(/catalog/view/theme/oct_deals/image/advantage_title.png);
    height: 19px;
    width: 76px;
    position: absolute;
    right: -90px;
    top: 4px;
    transform: rotatey(180deg);
    -moz-webkit-transform: rotatey(180deg);
    -ms-webkit-transform: rotatey(180deg);
    -o-webkit-transform: rotatey(180deg);
    -webkit-transform: rotatey(180deg);
}

.ds-page-title h1{
        text-align: center;
}
.py-3.fw-500.dark-text.fsz-20{
    text-align: center;
    margin: 30px 0 30px 0;
}
.py-3.fw-500.dark-text.fsz-20 span{
position: relative;
}


.light-theme .ds-header{
    background-image: url(/catalog/view/theme/oct_deals/image/header_bg.png);
}

.py-3.fw-500.dark-text.fsz-20 span:before{
 content: "";
    background: url(/catalog/view/theme/oct_deals/image/advantage_title.png);
    height: 19px;
    width: 76px;
    position: absolute;
    left: -90px;
    top: 4px;
}


.py-3.fw-500.dark-text.fsz-20 span:after{
    content: "";
    background: url(/catalog/view/theme/oct_deals/image/advantage_title.png);
    height: 19px;
    width: 76px;
    position: absolute;
    right: -90px;
    top: 4px;
    transform: rotatey(180deg);
    -moz-webkit-transform: rotatey(180deg);
    -ms-webkit-transform: rotatey(180deg);
    -o-webkit-transform: rotatey(180deg);
    -webkit-transform: rotatey(180deg);
}
.ds-footer {
    background: var(--ds-footer-bg-color);
    background-image: url(/catalog/view/theme/oct_deals/image/header_bg.png);
    background-repeat: repeat-x;
}


@media (min-width: 1200px) {
    .ds-advantages-item {
        width: 25%;
    }
        .ds-product-images-main {
        padding-top: 1rem;
        height: auto;
        overflow: hidden;
    }
}

@media (max-width: 767.98px) {
    .ds-header-search {

                background: #3c2313;
    }

    .swiper-wrapper.mb-5{
        margin-bottom: 0rem !important;
    }

    h1 span:before{
        display: none;

    }
    h1 span:after{
        display: none;
        
    }

    #logo {
    block-size: auto;
    max-width: 67px;
}
}