.carousel-box .aiz-card-box {
overflow: hidden;
margin-top: 2px;
margin-bottom: 2px;
}
.aiz-carousel > * {
display: none;
}
.slick-initialized.aiz-carousel > *,
.aiz-carousel > *:first-child {
display: block;
}
.aiz-carousel.gutters-5 {
width: calc(100% + 10px);
}
.aiz-carousel.gutters-5 .carousel-box {
padding-left: 5px;
padding-right: 5px;
}
.aiz-carousel.gutters-10 {
width: calc(100% + 20px);
}
.aiz-carousel.gutters-10 .carousel-box {
padding-left: 10px;
padding-right: 10px;
}
.aiz-carousel.gutters-15 {
width: calc(100% + 30px);
}
.aiz-carousel.gutters-15 .carousel-box {
padding-left: 15px;
padding-right: 15px;
}
.aiz-carousel.gutters-16{
width: calc(100% + 32px);
}
.aiz-carousel.gutters-16 .carousel-box {
padding-left: 16px;
padding-right: 16px;
}
.aiz-carousel-full * {
height: 100%;
}
.aiz-carousel .slick-arrow {
position: absolute;
top: 50%;
z-index: 2;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: 40px;
height: 40px;
background: #fff;
border-radius: 50em;
border: 0;
box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1),
0 3px 1px 0 rgba(20, 23, 28, 0.1);
font-size: 15px;
line-height: 40px;
padding: 0;
text-align: center;
}
.aiz-carousel .slick-prev:hover,
.aiz-carousel .slick-next:hover {
box-shadow: 0 2px 10px rgba(20, 23, 28, 0.13) !important;
}
.aiz-carousel .slick-prev {
left: 10px;
}
.aiz-carousel.hide-disabled .slick-disabled {
display: none !important;
}
.aiz-carousel .slick-next {
right: 10px;
}
.aiz-carousel.arrow-dark .slick-arrow {
width: 25px;
height: 60px;
background: rgb(177 174 174 / 30%) !important;
border-radius: 0;
color: #fff;
box-shadow: none;
}
.aiz-carousel.arrow-x-0 .slick-prev {
left: 0 !important;
}
.aiz-carousel.arrow-x-0 .slick-next {
right: 0 !important;
}
.aiz-carousel.arrow-x-15 .slick-prev {
left: 15px !important;
}
.aiz-carousel.arrow-x-15 .slick-next {
right: 15px !important;
}
.todays-deal.aiz-carousel .slick-arrow {
background: transparent;
box-shadow: none;
top: 40%;
color: var(--white);
font-size: 20px;
transition: 0.4s;
}
.todays-deal.aiz-carousel .slick-arrow:hover {
color: var(--soft-dark);
}
.todays-deal.aiz-carousel .slick-prev {
left: -30px;
}
.todays-deal.aiz-carousel .slick-next {
right: -30px;
}
.aiz-carousel .slick-dots {
list-style: none;
display: flex;
justify-content: center;
margin-top: 10px;
margin-bottom: 0;
padding-left: 0;
}
.aiz-carousel .slick-dots button {
height: 11px;
width: 11px;
padding: 0px;
color: transparent;
border: 0;
background: #ddd;
border-radius: 50%;
margin: 0 3px;
}
.aiz-carousel .slick-dots .slick-active button {
background: var(--primary);
}
.aiz-carousel.dots-inside-bottom .slick-dots {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.half-outside-arrow .slick-prev {
left: -10px;
}
.half-outside-arrow .slick-next {
right: -10px;
}
.arrow-none .slick-arrow {
display: none !important;
}
.arrow-inactive-none .slick-arrow.slick-disabled {
display: none !important;
}
.arrow-inactive-transparent .slick-arrow.slick-disabled {
opacity: 0.35 !important;
}
.slick-vertical .slick-arrow {
top: auto;
left: 50%;
right: auto;
transform: translateX(-50%) rotate(90deg);
-webkit-transform: translateX(-50%) rotate(90deg);
}
.slick-vertical .slick-prev {
top: -10px;
}
.slick-vertical .slick-next {
bottom: -10px;
}
.slider-full .slick-slider{
line-height: 0 !important;
}
.slick-slider.slick-left .slick-track{
margin-left: 0 !important;
}
.slick-slider.slick-right .slick-track{
margin-right: 0 !important;
}
[data-vertical="true"] .slick-current .carousel-box {
border-color: var(--primary) !important;
border-width: 2px !important;
}
[data-vertical="false"] .slick-current .carousel-box img{
border-color: var(--primary) !important;
border-width: 2px !important;
}
#flash_deal .slick-slider .slick-list .slick-slide{
line-height: 0;
}
#section_featured .slick-slider .slick-list .slick-slide {
margin-bottom: -4px;
}
@media (max-width: 991px){
#section_featured .slick-slider .slick-list .slick-slide {
margin-bottom: 0px;
}
}
.home-slider {
width: 100% !important;
max-width: 100% !important;
}
.home-slider .slick-slider .slick-list .slick-slide {
line-height: 0;
}
#spotlight {
position: fixed;
top: -1px;
bottom: -1px;
width: 100%;
z-index: 99999;
color: #fff;
background-color: rgb(0 0 0 / 80%);
}
@media (min-width: 1200px){
.home-slider {
max-width: calc(100% - 270px) !important;
}
.home-slider.slider-full {
max-width: 100% !important;
}
.h-xl-100{
height: 100% !important;
}
}
.home-category-banner{
position: relative;
}
.home-category-banner::before,
.home-category-banner::after {
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
transition: all .7s;
visibility: hidden;
opacity: 0;
}
.home-category-banner::before{
top: 0;
left: 0;
content: '';
background: rgba(0, 0, 0, 0.3);
z-index: 1;
}
.home-category-banner::after {
content: 'View All';
border-radius: 24px;
background: rgb(2 0 0 / 80%);
z-index: 2;
top: 50%;
left: 50%;
width: 100px;
height: 36px;
transform: translate(-50%, -50%);
font-size: 14px;
font-weight: 500;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
}
.home-category-banner:hover::before,
.home-category-banner:hover::after {
visibility: visible;
opacity: 1;
}
.home-category-banner .home-category-name{
position: absolute;
left: 0;
right: 0;
bottom: -40px;
width: 100%;
height: fit-content;
z-index: 2;
padding: 0 15px;
transition: all .5s;
}
.home-category-banner .home-category-name span{
padding: 7px;
display: block;
}
.home-category-banner:hover .home-category-name{
bottom: 15px;
}
.home-slider {
max-width: 100% !important;
}
.carousel-box.brandhgt a .row {
height: 195px;
justify-content: center;
}
.carousel-box.brandhgt img {
width: 100%;
display: flex;
align-items: center;
}
.bannershadow
{
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 22%);
}
.bannershadow:hover, .spotcontent:hover
{
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 30%);
}
.spotcontent {
    position: relative;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 22%);
}
.spotcontent {
    margin-bottom: 30px;
}

.spotmain_content {
    position: absolute;
    /* top: 0; */
    bottom: 0;
    background: #f8f9fa;
    width: 95%;
    max-width: 100%;
    left: 0;
    right: 0;
    padding: 12px 15px;
    text-align: center;
    margin: auto;
}

.spotcontent img {
    width: 100%;
    /* height: 260px; */
}

.spotmain_content p {
    color: #000;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
}
.carousel-box.brandhgt a .row {
    height: 195px;
    /* display: flex !important; */
    /* align-items: center; */
    justify-content: center;
}

.carousel-box.brandhgt img {
    width: 100%;
    display: flex;
    align-items: center;
}