/* Add custom CSS styles below */ 
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: fit-content;
}
.main-nav-container.fixed-pinned {
    background: #fff;
}
@media (max-width: 768px) {
.main-nav-container  img.h-8  {
    height: 5rem !important;
}
.main-nav-container  .flex.lg\:hidden.my-2.lg\:my-0.items-center {
    margin: 0;
}}

/*main banner*/
.gr-main-banner-0 .data-content.flex{
    flex-direction: row-reverse;
}
.gr-main-banner .down {
    display: none;
}
.gr-main-banner  .left {
    opacity: 0;
}
@media (max-width: 768px) {
.gr-main-banner .data-content.flex{
    flex-direction: row-reverse;
}
.gr-main-banner  .left {
    display: none;
}
section.gr-main-banner{
    height: 50vh;
    background-position: 90% !important;
}
section.gr-main-banner .right {
    background: #ffffff66;
    backdrop-filter: blur(2px);
    padding: 1rem;
}
section.gr-main-banner-6, section.gr-main-banner-8 {
    background-position: 25% !important;
}
section.gr-main-banner-6 .right ,
section.gr-main-banner-8 .right {
    background: #6c071545;
}
}


/*Why choose us*/
.GR_Why_choose_use .flex.flex-col.md\:flex-row.gap-3.md\:justify-between.md\:pb-5.pb-4.border-b-\[2px\].border-secondary {
    display: none;
}
.GR_Why_choose_use  .md\:rtl\:text-right.md\:ltr\:text-left.gap-2,
.GR_Why_choose_use  .md\:rtl\:text-right.md\:ltr\:text-left.gap-2 *{
    text-align: center !important;
    align-items: center !important;
}
@media (min-width: 1024px) {
    .GR_Why_choose_use .lg\:grid-cols-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.s-product-card-vertical {
    background-color: #ffffff !important;
}

footer img.w-\[200px\].h-\[55px\].md\:w-\[260px\].md\:h-\[70px\] {
    height: auto;
    width: 8rem;
}


/** Colors Edits **/
.single-product .main-content .s-add-product-button-main .s-button-element,
.single-product .main-content .name-wishlist salla-social-share .s-social-share-wrapper .s-social-share-btn .s-button-text,
.sicon-heart {
    color: #fff !important;
}
header .hidden.lg\:flex.items-center.gap-3.justify-end {
    display: flex!important;
}