/*your custom css goes here*/

body{
    font-family: "Jost", sans-serif !important;
}

.headerRightBox{
    grid-gap: 20px;
}

.front-header-search{
    width: 210px;
    border-radius: 0 !important;
}


.nameBoxPr{
    width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.bannerCarousel h1{
    font-size: 40px;
}

.btn-primary:hover{
    border-color: #000 !important;
    background-color: #fff !important;
    color: #000 !important;
}

.bannerCarousel .btn-primary:hover{
    background-color: #fff !important;
    border-color: transparent !important;
    color: #000 !important;
}

@media (max-width: 1199.98px){
    .front-header-search {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        left: 0;
        opacity: 0;
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        width: 100%;
        border-radius: 0 !important;
    }
    .front-header-search.active{
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        opacity: 1;
    }

    .bannerCarousel h1{
        font-size: 35px;
    }

    .bannerCarousel .bannerHeight{
        height: 450px;
    }
}

@media (max-width: 991.98px){
    .bannerCarousel h1{
        font-size: 30px;
    }

    .bannerCarousel .bannerHeight{
        height: 400px;
    }
}

@media (max-width: 767.98px){
    .bannerCarousel h1{
        font-size: 25px;
    }

    .bannerCarousel .bannerHeight{
        height: 350px;
    }
}

@media (max-width: 667.98px){

    .bannerCarousel .bannerHeight{
        height: 300px;
    }
}


.front-header-search .search-input-box{
    border-radius: 0 !important;
}

.front-header-search .search-input-box .form-control{
    border: 1px solid #000 !important;
    color: #000 !important;
    border-width: 1px !important;
    border-radius: 0 !important;
}

.front-header-search .search-input-box .form-control:focus{
    border: 1px solid #000 !important;
}

header .dropdown-toggle {
    color: #000 !important;
}

header .dropdown-toggle:hover {
    color: #000 !important;
}

header .dropdown-toggle::after{
    color: #000;
}


header .list-inline-item a{

}

header .list-inline-item a:focus-within, header .list-inline-item a:hover{
    background-color: transparent !important;
}

.cart-btn{
    opacity: 1.0 ;
}

.aiz-card-box .aiz-p-hov-icon a{
    background: #000 !important;
}

.footerPolicy{
    display: flex;
    grid-gap: 20px;
}

.categoriesSlider .aiz-carousel .slick-list{
    margin: 0 -10px;
}

.categoriesSlider .aiz-carousel .slick-slide{
    margin: 0 10px;
}

.aiz-card-boxNS .disc-amount{
    opacity: 1 !important;
}

.colorLight{
    color: #6D6D6D;
}

.colorLight:hover{
    color: #000;
}

.aiz-card-boxNS .colorLight{
    color: #6D6D6D;
}

.aiz-card-boxNS .aiz-p-hov-icon.left a{
    transform: translateX(0) !important;
    -webkit-transform: translateX(0) !important;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 5px;
}

.aiz-card-boxNS .aiz-p-hov-icon.left a svg{
    width: 13px;
    height: 13px;
}

@media (max-width: 991.98px){
    .aiz-card-boxNS .aiz-p-hov-icon.left a{
        width: 45px;
    }

    .aiz-p-hov-icon a{
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .aiz-card-boxNS .aiz-p-hov-icon.left a span{
        font-size: 10px !important;
    }

    .aiz-card-boxNS .aiz-p-hov-icon.left a svg{
        width: 10px;
        height: 10px;
    }
}

.aiz-carousel .slick-arrow:hover{
    background: #000 !important;
}

.aiz-carousel .slick-arrow:hover i{
    color: #fff !important;
}

.bestNLink{
    grid-gap: 10px;
}

.bestNLink a{
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 10px;
    color: #6D6D6D;
}

.bestNLink a.active{
    color: #000 !important;
}

.bestNLink a.active span{
    text-decoration: underline;
}

.bestNLink a:hover{
    color: #000 !important;
}

.bestNLink a:hover span{
    text-decoration: underline;
}

.bestNLink a:last-child::after{
    display: none;
}

.bestNLink a::after{
    content: '/';
    display: block;
}

/*header{*/
/*    position: fixed !important;*/
/*    background-color: transparent !important;*/
/*    width: 100% !important;*/
/*    top: 35.5px !important;*/
/*}*/

/*header.bg-white {*/
/*    background-color: transparent !important;*/
/*}*/



/*header .bg-primary{*/
/*    background-color: transparent !important;*/
/*}*/



.menuSideBar.sidebar-xl {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: fixed !important;
    height: 100% !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1035 !important;
    /*z-index: 1;*/
}


.menuSideBar.sidebar-xl .collapse-sidebar{
    position: fixed;
    width: 400px;
    max-width: 320px;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.formSubscribe{
    display: flex;
}

.formSubscribe .btn-primary{
    border: none;
}

.formSubscribe .btn-primary:hover{
    border: none;
    background-color: #908c8c !important;
}

.formSubscribeCheck .aiz-checkbox > input:checked ~ .aiz-square-check::after{
    border: solid #fff;
}

/*.formSubscribeCheck .aiz-checkbox-inline .aiz-checkbox .aiz-square-check{*/
/*    border-color: white;*/
/*}*/

.footer-widget .list-unstyled li p a:hover{
    text-decoration: underline;
}

@media (max-width: 767.98px){
    .bottomFooterHg svg{
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 575.98px){
    .bottomFooterHg svg{
        width: 35px;
        height: 35px;
    }
}

@media (max-width: 499.98px){
    .bottomFooterHg .smallBoxW .footerPolicy {
        flex-direction: column;
        text-align: center;
    }
}


.productQuantityBtn{

}


.marquee {
    overflow: hidden;
    display: flex;
    color: black;
}

.marquee h1 {
    font-size: 6.25rem;
    font-weight: 700;
    white-space: nowrap;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    font-family: 'Public Sans', sans-serif;
    font-family: "Archivo Narrow", sans-serif;;
    position: relative;
}

.marquee h1 span{
    padding: 0 120px;
    display: flex;
    align-items: center;
    position: relative;
}

.marquee h1 span .icon{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -30px;
}

.marquee h1 span.outline {
    color: black;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black;
}

@media (max-width: 1399.98px){
    .marquee h1 {
        font-size: 5.25rem;
    }

    .marquee h1 span{
        padding: 0 100px;
    }

    .marquee h1 span .icon{
        width: 50px;
        height: 50px;
        right: -25px;
    }
}

@media (max-width: 1199.98px){
    .marquee h1 {
        font-size: 5rem;
    }

}


@media (max-width: 991.98px){
    .marquee h1 {
        font-size: 4.5rem;
    }

    .marquee h1 span{
        padding: 0 80px;
    }

    .marquee h1 span .icon{
        width: 40px;
        height: 40px;
        right: -20px;
    }
}


@media (max-width: 767.98px){
    .marquee h1 {
        font-size: 4rem;
    }

    .marquee h1 span{
        padding: 0 70px;
    }

    .marquee h1 span .icon{
        width: 36px;
        height: 36px;
        right: -18px;
    }
}


@media (max-width: 575.98px){
    .marquee h1 {
        font-size: 3.5rem;
    }

    .marquee h1 span{
        padding: 0 60px;
    }

    .marquee h1 span .icon{
        width: 34px;
        height: 34px;
        right: -17px;
    }
}

@media (max-width: 525.98px){
    .marquee h1 {
        font-size: 3.1rem;
    }
}

a.text-primary:hover {
    color: #0056b3 !important;
    color: #6F6F6F !important;
}

.shopBox .btn-visit .circle{
    background: #000;
}

.shopBox .btn-visit .circle .icon.arrow::before{
    border-top: 0.125rem solid #fff;
    border-right: 0.125rem solid #fff;
}

.shopBox .btn-visit:hover .button-text{
    color: #fff;
}


a.text-primary:hover {
    color: #0056b3 !important;
    color: #6F6F6F !important;
}

@media (max-width: 991px) {
    .right-content {
        margin-top: 0% !important;
        border-radius: 24px;
        min-height: auto !important;
    }
}
.absolute-bottom-left {
    bottom: -1px !important;
}

.form-control.is-invalid, .was-validated .form-control:invalid{
    background-image: none !important;
}

a.nTextHover:hover, a.nTextHover:focus{
    color: #ffffff !important;
}


.half-outside-arrow .slick-prev{
    left: -5px;
}

.categoriesSlider .half-outside-arrow .slick-prev {
    left: -20px;
}

@media (max-width: 776.98px){
     .slick-prev {
        left: 20px !important;
        width: 30px!important;
        height: 30px!important;
        font-size: 12px!important;
        display: flex!important;
        align-items: center!important;
        justify-content: center!important;
    }

     .slick-next {
        right: 20px !important;
        width: 30px!important;
        height: 30px!important;
        font-size: 12px !important;
        display: flex!important;
        align-items: center!important;
        justify-content: center!important;
    }
    .sm-lgText{
        font-size: 12px !important;
    }

    .slick-arrow i{
        color: #000 !important;
    }
}

.search-input-box .searchBu{
    position: absolute;
    right: 10px;
    box-shadow: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    line-height: inherit;
    background-color: transparent;
    border: 0;
}

.minHeight, .bannerDeWiImage .minHeight{
    min-height: 300px;
}

@media (max-width: 767px){
    .minHeight, .bannerDeWiImage .minHeight{
        min-height: 270px;
    }
}