/* Add custom CSS styles below */ 
.sub-menu {
    overflow-y: visible;
}
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 75px;
}

/*Header*/
header .Marquee.Row .text-white  {
    color: #fff;
}
button.header-btn {
    background: var(--f-color);
    color: #fff;
    border-color: #fff !important;
}
@media (min-width:992px){
.index .main-nav-container .main-menu *:not(.main-menu .sub-menu *) {
    color: #fff;
    font-size: 18px;
}
.index .main-nav-container .main-menu *:hover:not(.main-menu .sub-menu *) {
    color: var(--f-color);
    transition: 0.3s;
}
.index .main-nav-container *{
    stroke: #fff;}
.index .animated.fixed-header .main-menu *:not(.main-menu .sub-menu *)  {
    color: #000;
}
.index .animated.fixed-header * {
    stroke: #000;
}}

/*fixed banner*/
@media (min-width: 767px) {
section:nth-child( 1 of .landing-page-first-bannar) .md\:h-screen {
    height: 92vh;
}
h1.animate__animated {
    font-size: 48px;
}
p.animate__animated {
    font-size: 24px;
    line-height: 2.5rem;
    margin-top: 1rem;
}
section:nth-child( 1 of .landing-page-first-bannar) .md\:h-screen .txt.w-full {
    margin-top: 5rem;
}
}

@media (max-width: 767px) {
.navbar-brand img {
    width: 45px;
}
h1.animate__animated {
    width: 100%;
}
.landing-page-first-bannar .md\:h-screen * {
    text-align: center;
    text-align-last: center;
}
.landing-page-first-bannar .md\:h-screen .txt.w-full {
    margin-top: 45%;
}}

/*category*/
.g_cat .grid.grid-cols-3 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}


/*offers*/
.product_deadline  button {
    color: #fff;
}
.product_deadline.w-\[90\%\].cuxl\:w-auto.sal-animate {
    background: #fff;
}

/*3 pics*/
.ads .img .over {
        background: #00000064;
}
p.ltr\:text-left {
    color: #fff;
}
@media (max-width: 767px) {
    .ads .img .over .text {
        align-items: center !important;
        text-align: center;
    }
    .ads .img .over {
    justify-content: center;
}
}


/*products*/
.s-block--best-offers {
    margin-bottom: 2rem;
}
.outof-stock {
    color: #000;
}
custom-salla-product-card, .s-product-card-vertical {
    border: 2px solid var(--f-color)!important;
}
h1.title-heade {
    background: none !important;
}
.s-slider-block__title-left{
display:none;
}
.s-product-card-image-full {
    max-height: 290px;
}
@media (max-width:767px){
custom-salla-product-card, .s-product-card-vertical {
    border: 1px solid var(--f-color)!important;
}
.s-product-card-image-full {
    max-height: 215px;
}
.s-products-slider-card {
    max-width: 215px!important;
}
}



/*E-mail*/
.footer-is-light .store-footer .m-auto.flex.justify-start.max-w-\[1300px\].items-center.flex-wrap.max-lg\:justify-start.gap-9.md\:gap-6.px-5 {
    color: #fff;
}
.text-\[\#636363\] {
    color: #fff;
}


/*3 pics new*/
.ad-star-btn {
    color: var(--f-color) !important;
}
    .banner_ad .img2 .bg-cover {
        background-position: right;
    }
         .banner_ad .img3 .bg-cover {
        background-position: left;
    }
@media (min-width:767px){
.banner_ad .img1 .h-\[30\%\] {
    height: 15%;
}
.banner_ad .img2 .max-w-\[500px\], .banner_ad .img3 .max-w-\[500px\] {
    max-width: 330px;
    line-height: 3rem;
    margin-bottom: 1rem;
}}
@media (max-width:767px){
.banner_ad .img2 .leading-\[3\.2rem\], .banner_ad .img3 .leading-\[3\.2rem\]  {
    line-height: 2rem;
    margin-bottom: 1rem;
}}
@media (max-width: 400px) {
    .banner_ad .img2 .leading-\[3\.2rem\], .banner_ad .img3 .leading-\[3\.2rem\] {
        line-height: 2rem;
        font-size: 1.2rem;
    }
}
@media (min-width: 992px) {
    .banner_ad .img2 .bg-cover, .banner_ad .img3 .bg-cover {
        background-position: center;
    }
}
@media (max-width: 767px) {
    .banner_ad {
        grid-template-rows: 1fr 1fr 1fr 1fr;
    }
}

/*weekly offers*/
img.lg\:min-h-full.max-w-full.w-full.h-auto {
    object-fit: contain;
    height: 100%;
}
@media (min-width: 992px) {
    .lg\:w-1\/2:nth-of-type(2) {
        width: 40%;
    }
}
@media (max-width: 767px) {
.weeklyOffers {
    height: 75vh !important;
}}



/*Footer*/
.copyright-text * {
    color: #fff !important;
}
@media (max-width:767px){
.pb-\[100px\] {
    padding-bottom: 0; 
}
}
@media (max-width:991px){
footer salla-menu.flex.gap-2.hydrated {
    justify-content: center;
}
}
@media (min-width:1500px){
footer p.max-w-sm.mb-6.leading-6 {
    width: 17rem;
}
footer .justify-center.rtl\:lg\:pl-20 {
    justify-self: flex-end;
}
}
@media (max-width:500px) {
    [id^=gb-widget] {
        bottom: 77px !important;
            }
}