/*your custom css goes here*/ 

:root {
    --bg-color-primary: #111723;
    --bg-color-secundary: #e62e04;
    --bg-color-white: #fff;
    --bg-color-grey: #f2f3f8;
    --bg-color-transparent: transparent;
}

.bg-abuday{
    background: var(--bg-color-primary) !important;
}
.bg-abuday-s{
    background: var(--bg-color-secundary) !important;
}
.bg-abuday-t{
    background: var(--bg-color-transparent) !important;
}
.bg-abuday-white{
    background: var(--bg-color-white) !important;
}
.bg-grey{
    background: var(--bg-color-grey);
}
.count-cart{
    background: var(--bg-color-secundary);
    padding: 2px 8px;
    border-radius: 50%;
    font-weight: bold;
}
.bg-abuday-slide > div > div > div > div > .slick-slide{
    width: 280px !important;
}
.arrow-abuday, .arrow-abuday-bs {
    background: transparent !important;
    box-shadow: none !important;
    font-size: 30px !important;
    color: var(--bg-color-secundary) !important;
    font-weight: 600;
}
.aiz-carousel .slick-prev:hover, .aiz-carousel .slick-next:hover{
    box-shadow: none !important;
}
.aiz-carousel.arrow-x-0 .slick-next{
    right: -18px !important;
}
.aiz-carousel.arrow-x-0 .slick-prev{
    left: -18px !important;
}
.arrow-abuday-bs {
    position: absolute !important;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50em;
    border: 0;
    line-height: 40px;
    padding: 0;
    text-align: center;
}
.cont-arrow-abuday .arrow-prev {
    left: 28px !important;
}
.cont-arrow-abuday .arrow-next {
    right: 28px !important;
}
.border-bottom-abuday{
    border-bottom: 3px solid var(--bg-color-secundary) !important;
    padding-bottom: 11px !important;
}
.border-bottom-abcont{
    border-bottom: 2px solid #dee2e6 !important;
    padding-bottom: 4px !important;
}
#thumbnail_abu > div > div > div{
    width: auto !important;
}
#thumbnail_abu > div{
    height: auto !important;
}