/*your custom css goes here*/
:root{
    --primary: #006492 !important;
    --hov-primary: #1e90ff !important;
}
/* * {
    background-color: #f7fafa !important;
} */
header,
.top-navbar {
    background-color: #ffffff !important;
}
.aiz-main-wrapper, .aiz-card-box {
    background-color: #f7fafa !important;
}
.all-category {
    background-color: var(--primary);
}
.all-category:hover {
    background-color: var(--hov-primary);
}
.search-input-box > input {
    border-radius: 5px;
    border: 1px solid var(--primary) !important;

}
.search-input-box2 > input {
    border-radius: 5px;
    border: 1px solid var(--primary) !important;
    width: 270px;
    height: 50px;
}
.search-small-divces {
 display: none !important;
}

.la-angle-down:before {
    /*background: url('../img/sprite.veiw.svg');*/
}
.logo-mobile {
    display: none !important;
}
.menu-bar {
    background: #fff;
}
.aiz-top-menu-sidebar .collapse-sidebar {
    left: 0;
    right: auto;
}
[dir="rtl"] .aiz-top-menu-sidebar .collapse-sidebar {
    right: 0 !important;
    left: auto !important;
}
.header-menuSidebar {
    background-color: var(--primary);
}
.carousel-box .aiz-card-box {
    background-color: #ffffff !important;
}
.aiz-category-menu .sub-cat-menu {
    width: calc(100% - 650px);
    left: calc(370px);
    padding: 5px !important;
}
[dir="rtl"] .aiz-category-menu .sub-cat-menu {
    width: calc(100% - 650px);
    right: calc(370px) !important;
    padding: 5px !important;
}





.card-columns {
    column-count: 1 !important;
}
.card-columns .card {
    margin: 0 !important;
    padding: 5px;
    border-bottom: 1px solid #ebedf2 !important;
    border-radius: 0;
}
.card-columns .card ul {
    margin-bottom: 0 !important;
    padding-left: 10px;
    padding-right: 10px;
}
.card-columns .card ul li {
    margin-bottom: 0 !important;
}
#element-cat-small {
    display: none;
}
.category-nav-element:hover #element-cat-small {
  display: block;
}


/* home style */
.main-color {
    color: var(--primary);
}
/* comment by ahmed */
.aiz-carousel .slick-arrow {
   color: var(--primary) !important;
   font-size: 18px !important;
}
.half-outside-arrow .slick-next {
    right: -33px !important;
}
.half-outside-arrow .slick-prev {
    left: -33px !important;
}
.slick-slide img {
    object-fit: contain;
}
/* gallery image detials by ahmed alariqi */
.gallery-image-detials {
    height: 475px;
}
.gallery-image-detials .carousel-height img {
    height: 475px !important;
}
.slick-slide.slick-active {
    /* width: 83px; */
}
.home-code-discount {
    background-color: #ffded7;
    border: 1px solid #e95c7b;
    color: #212121;
    font-weight: 700;
    font-size: 1.2rem;
    width: 100%;
    padding: 0.2rem;
    text-align: center;
}
.scrolling-text {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    width: 100%; /* Full width of the parent container */
    box-sizing: border-box;
    position: relative;
}

.scrolling-text > span {
    display: flex;
    justify-content: start;
    padding-left: 100%; /* Start outside the visible area */
    animation: scroll-text 30s linear infinite; /* Adjust '20s' for slower/faster speed */
}

@keyframes scroll-text {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

/* weeks offers */
.rowContainer{
    display: flex;
    padding: 10px;
}

.trendyText {
    font-size: 35px !important;
    letter-spacing: 0px;
    font-weight: 500;
    background: linear-gradient(to bottom, transparent 50%, rgba(228,142,114) 50%);
    display: inline;
    margin: 20px !important;
    color: white;
    padding: 0px !important;
    border-bottom: 0px solid rgba(247, 130, 49, 0.7) !important;
}
.trendyImageLink img {
    width: 95%;
    margin-top: 50px;
}
picture img {
    height: 100%;
    width: 100%;
}
.offers.subSection {
    flex: 70%;
}
.offersList {
    display: flex;
}

.offersList .offerHPItem {
    flex: 25%;
    margin-right: 20px;
    border-radius: 20px 20px 0 0;
    text-align: center;
}
.offerHPItem img {
    width: 80%;
    padding-top: 10px;
}
.offerHPLink {
    text-decoration: none !important;
}
.pinkBG {
    border-radius: 20px 20px 0 0;
}
.border-red-img {
    border-radius: 20px 20px 0 0;
}


.offerDetails.lightPinkBG {
    background-color: rgba(236,202,222,0.4);
    border-radius: 0 0 20px 20px;
}
.offerDetails .categoryHPName {
    font-size: 14px;
    color: #000;
    padding-top: 10px;
}
.offerDetails .categoryHPOffer {
    font-size: 16px;
}
.img-fit {
    /* border-radius: 20px 20px 0 0; */
}

.img-monthly {
    max-height: 244px;
}

.search-input-box > svg {
    top: 12px;
}

/* footer style */
.text-secondary {
    color: #000 !important;
}
.text-soft-light {
    color: #939393 !important;
}
.btn-primary, .btn-soft-primary:hover, .btn-outline-primary:hover {
    background-color: var(--primary);
    border-color: #1e90ff;
    color: #fff;
}

/* Al category style */
.dropdown-item.active, .dropdown-item:hover, .dropdown-item:active {
    background-color: var(--primary);
}

.text-primary, .hov-text-primary:hover {
    color: #000 !important;
}
.rowContainer.mobileView {
    display: none;
}
.rowContainer.mobileView .trendy {
    text-align: center;
    margin-bottom: 10px;
    background: linear-gradient(to bottom, rgb(245,219,210) 70%, transparent 30%);
    vertical-align: bottom;
    border-radius: 15px;
    margin: 0;
    padding: 0;
}
.cart-btn {
    background-color: var(--primary);
}
#section_best_selling h3 {
    color: var(--primary);
}
#section_featured h3 {
    color: var(--primary);
}
.aiz-user-sidenav .aiz-side-nav-link.active, .aiz-user-sidenav .aiz-side-nav-link:hover {
    background-color: var(--primary);
    color: #fff;
}
.aiz-user-sidenav .aiz-side-nav-link.active path {
    fill: #fff;
}
.aiz-user-sidenav .aiz-side-nav-link:hover path {
    fill: #fff;
}
.policy-file h4 {
    color: var(--primary);
}

.policy-file-main {
    background-color: #fff !important;
}

#section_featured .container,
#section_newest .container,
#section_best_selling .container,
#section_home_categories .container {
    background-color: #fff;
    border-radius: 5px;
}


/* nav responsive */
@media screen and (max-width: 992px) {
    .search-small-divces {
        display: block !important;
    }
    .logo-desktop {
        display: none !important;
    }
    .logo-mobile {
        display: block !important;
    }

}
@media screen and (max-width: 768px) {
    .home-code-discount {
        font-size: 1.2rem;
        background-image: url();
        border: none;
        margin: 0 auto;
        padding: .2rem 1rem;
    }
    .rowContainer.desktopView {
        display: none;
    }
    .rowContainer.mobileView {
        display: block;
    }
    .aiz-carousel .slick-arrow {
        display: none !important;
      }
}
@media screen and (min-width: 576px){
    .sm-gutters-17 > .col, .sm-gutters-17 > [class*="col-"], .aiz-carousel.sm-gutters-17 .carousel-box {
        padding-right: 0;
        padding-left: 0;
    }
    .home-code-discount {
        font-size: 1rem;
        background-image: url();
        border: none;
        margin: 0 auto;
        padding: .2rem 1rem;
    }
    .img-feature-category {
        width: 100px !important;
        height: 100px !important;
    }
    /* .sm-gutters-16 > .col, .sm-gutters-16 > [class*="col-"],
    .aiz-carousel.sm-gutters-16 .carousel-box {
        padding-right: 8px !important;
        padding-left: 8px !important;
    } */

}

@media screen and (max-width: 576px){

    /* .sm-gutters-16 > .col, .sm-gutters-16 > [class*="col-"],
    .aiz-carousel.sm-gutters-16 .carousel-box {
        padding-right: 8px !important;
        padding-left: 8px !important;
    } */

}




