:root {
    --bhzred: #ff009c;
    --ratio: 1.5;
    --base-font-size: 16px;
    --breadcrumb-min-height: 62px;
    --mobile-breadcrumb-min-height: 32px;
    --animate-duration: 1s;
    --animate-delay: 100ms;
    --animate-repeat: 1;
    --dark-yellow: #c27e00;
    --yellow: #ffa500;
    --yellow-contrast: #a36a00;
    --light-yellow: #fed185;
    --dark-black: #1D1D1D;
    --black: #333;
    --light-black: rgba(0, 0, 0, .6);
    --darkest-grey: #7e7e7e;
    --dark-grey: #949494;
    --grey: #cdcdcd;
    --light-grey: #e9e9e9;
    --lightest-grey: #f3f3f3;
    --white: #fff;
    --blue: #009dd1;
    --blue-contrast: #007ea8;
    --red: #E0000B;
    --green: #26A022;
    --space-0: 0;
    --space-4: 0.25rem;
    --space-8: 0.5rem;
    --space-12: 0.75rem;
    --space-13: 0.8125rem;
    --space-16: 1rem;
    --space-20: 1.25rem;
    --space-22: 1.375rem;
    --space-24: 1.5rem;
    --space-26: 1.625rem;
    --space-28: 1.75rem;
    --space-32: 2rem;
    --space-34: 2.125rem;
    --space-38: 2.375rem;
    --space-45: 2.8125rem;
    --space-50: 3.125rem;
    --space-60: 3.75rem;
    --space-80: 5rem;


    --brdcolor-gray-200: rgba(0, 0, 0, 0.075);
    --brdcolor-gray-300: rgba(0, 0, 0, 0.105);
    --brdcolor-gray-400: rgba(0, 0, 0, 0.12);
    --brdcolor-gray-500: rgba(0, 0, 0, 0.2);

}


.sob-special-offer-style-1-container {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    display: flex;
    padding: 8px;
}
.sob-special-offer-style-1-container-advance {

    display: flex;
    height: 300px;
}

.sob-special-offer-style-1-container .sob-special-offer-style-1-first-col {
    width: 15%;
    height: 100%;

}

.sob-special-offer-style-1-container .sob-special-offer-style-1-first-col h3 {
    color: #fff;
    width: 100%;
    word-wrap: anywhere;
    text-align: center;

}

.sob-special-offer-style-1-container .sob-special-offer-style-1-second-col {
    width: 100%;
    height: 100%;
    border-radius: 5px;

    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    overflow: hidden;


}

.sob-special-offer-style-1-counter-container {
    display: flex;
    width: 120px;
    justify-content: center;
    align-items: center;
    margin: auto;
    text-align: center
}

.swiper-button-next, .swiper-button-prev {
    /*background: #fff;*/
    font-size: 1rem;

}



@media screen and (max-width: 650px) {
    .sob-hidden-xs {
        display: none;
    }

    .sob-special-offer-style-1-container-advance {

        display: block;
        height: 380px;
    }

    .sob-special-offer-style-1-container {

        display: block;
        padding: 8px;
        height: 380px;
        padding-left: 0;

    }

    .sob-special-offer-style-1-container .sob-special-offer-style-1-first-col {
        width: 100%;
        height: 70px;
        display: flex;


    }

    .sob-special-offer-style-1-container .sob-special-offer-style-1-first-col h3 {
        width: auto !important;
        max-width: 20%;
        overflow: hidden;
        white-space: nowrap;
        margin-right: 40px !important;
    }

    /*.sob-special-offer-style-1-container .sob-special-offer-style-1-first-col > div > div > a > img {*/
    /*    width: 40px;*/
    /*    float: right;*/
    /*}*/

    /*.sob-special-offer-style-1-container .sob-special-offer-style-1-first-col > div > div {*/
    /*    margin-right: 0px;*/
    /*    margin-left: 0px;*/
    /*}*/
    .sob-special-offer-style-1-link-container{
        width: auto;
        max-width: 25%;
        overflow: hidden;
        white-space: nowrap;
    }
    .sob-special-offer-style-1-link-container>.sob-special-offer-style-1-link-container-image{
       position: absolute;
        right: 0;
        top:15px

    }
    .sob-special-offer-style-1-link-container>.sob-special-offer-style-1-link-container-image>a>img{
        width: 40px

    }
    .sob-special-offer-style-1-container .sob-special-offer-style-1-second-col {
        width: 100%;
        height: 300px;
        margin-top: 10px;



    }
    .sob-special-offer-style-1-counter-container {
        display: flex;
        width: auto;
        justify-content: center;
        align-items: center;
        margin: auto;
        text-align: center
    }
}

@media screen and (min-width: 650px) {
    .sob-hidden-lg {
        display: none;
    }
}


/* Start Style 1 Items*/


.sob-special-offer-style-1-items-container {
    width: 100%;
    height: 100%;
    /*min-width: 100%;*/


}


.sob-special-offer-style-1-item-container {
    width: 200px;
    height: 100%;
    margin: auto 3px;
    background: #fff;
    display: inline-block;
    text-align: center;


}

.sob-special-offer-style-1-item-container h6 {
    margin-top: 8px;

}

.sob-special-offer-style-1-item-price-container {
    width: 100%;
    display: flex;
    height: auto;
    margin-top: 8px;
}

.sob-special-offer-style-1-counter-item {
    width: 30px;
    background: #fff;
    border-radius: 6px;
    height: 30px;
    margin: auto 5px;
    font-size: 0.9rem;

}

.sob-special-offer-style-1-item-price {
    width: 50%;
}

.sob-special-offer-style-1-item-price > div {
    width: 100%;
    clear: both;
}

.sob-special-offer-style-1-reg-price {
    text-decoration-line: line-through;
    color: #5a5a5c;
}

.sob-special-offer-style-1-item-off {
    width: 50%;
    text-align: center;
}

.sob-special-offer-style-1-item-off span {
    border-radius: 30%;
    padding: 3px 10px;
    background: linear-gradient(225deg, #d22c4e, #ee384e 41.68%, #ef5662);
    font-size: 0.7rem;
    color: #ffffff;
}

.sob-special-offer-style-1-item-container img {
    width: 100%;


}

/* End Style 1 Items*/

.btn-yellow {

    padding: var(--space-12);
    border-color: var(--yellow);
    border-width: 2px;
    border-style: solid;
    border-radius: 26px;
    background-color: var(--white);
}

.btn-yellow:hover {
    background-color: var(--yellow);
}

.btn-red {

    padding: var(--space-12);
    border-color: var(--red);
    border-width: 2px;
    border-style: solid;
    border-radius: 26px;
    background-color: var(--white);
}

.btn-red:hover {
    background-color: var(--red);
}


@keyframes sobexample {
    0% {
        top: 50px;
    }
    /*25%  {top:30px;}*/
    /*50%  {top:20px;}*/
    /*75%  { top:10px;}*/
    100% {
        top: 0px;
    }
}

.anim-span {

    animation-name: sobexample;
    animation-duration: 1s;
    position: relative;
}

#sob-home-email-text {
    width: 85%;
    border: 0;
    height: 50%;
    outline: none;
    border-radius: 5px;
}

/*#sob-home-email .sob-home-btn-try{*/
/*    float: right;*/
/*    width: 85%;*/
/*    margin: 0px;*/
/*    border: 0px;*/
/*}*/