/* Add custom CSS styles below */ 
:root{
--bg-clr: #170e1b
}
@media (max-width: 480px) {
.s-block--banners .banner-entry {
height: 136px !important;
}
.s-block--banners .lazy__bg {
background-size: cover;
background-repeat: no-repeat;
}
}

.product__description * {
    background-color: #170e1b00;
}

.main-menu li>a:hover {
color: #414042;
color: #292525e6 !important;
text-decoration-line: none;
}

.md\:grid-cols-3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body {
background-color: #ffffff !important;
}
section:nth-child(1 of .s-block.s-block--banners.container) .grid {
grid-template-columns:repeat(3, 1fr);
}
/*section:nth-child(1 of .s-block.s-block--banners.container) .banner-entry:last-child {
grid-column:2/3;
grid-row:1/3;
height: 100%
}*/


@media (min-width: 769px) { 
section.s-block.s-block--banners.container:nth-child(3) .banner-entry:last-child {
grid-column: 1 / 3;
width: 100%;
height: 500% !important;
}
}
.shadow-default.bg-white.p-5.xs\:p-7.rounded-md.mb-5.relative.transition-height.duration-1000 {background: transparent;color: #224588;border: 1px solid var(--color-primary);}


section:nth-child(2 of .s-block.s-block--banners.container) .grid{
grid-template-columns: repeat(3, 1fr);
}
.index:before {
content: "";
width: 100%;
height: 100%;
background: #e5e8ed;
position: fixed;
top: 0;
z-index: 99999999999999999 !important;
background-size: 250px !important;
background-repeat: no-repeat;
background-position: center !important;
animation-name: logobg;
animation-duration: 3s;
animation-fill-mode: forwards;
bottom: 0;
left: 0;
right: 0;
}

@keyframes logobg {
0% {
opacity: 1;
}

50% {
opacity: 1;
}

100% {
opacity: 0;
visibility: hidden;
}
}



/* Unset Raeed Carousel */

.s-block:nth-of-type(1) {
margin-top: 0 !important;
}

section.s-block.s-block--photos-slider * {
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
}

salla-slider.photos-slider .swiper-slide {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}

.s-reviews-testimonial {
background-color: #000;
}


/* Categories Grid */

/*.s-block--banners .grid {
grid-template-columns: repeat(3, 1fr);
}*/

.s-block--banners .banner-entry {
height: 220px;
}


@media (max-width: 992px) {
.s-block--banners .banner-entry {
height: 160px;
}
}

@media (max-width: 480px) {
.s-block--banners .banner-entry {
height: 70px;
}
}

.s-block--banners .lazy__bg {
background-size: contain;
background-repeat: no-repeat;
}

@media (min-width: 640px) {
.two-row .banner-entry:first-child {
grid-row: span 1 / span 1;
}
}

/* Products */

.s-block__title {
justify-content: center;
}


@media(min-width:1200px){

.s-block__title h2{
font-size: 2rem
}

.s-block__title h2:before,
.s-block__title h2:after{
content: url(https://i.ibb.co/kxVGK4t/1.png);
margin: 0 1rem
}

.s-block__title h2:after{
content: url(https://i.ibb.co/N9B4xHy/2.png);
}
}

section#featured-products-style2-2 {
background: transparent;
}

@media (max-width: 600px) {
.s-products-slider-card {
width: 60%;
}
}

.index .s-button-wide {
max-width: 200px !important;
display: block;
margin: auto;
}

.s-button-element:not(.s-product-card-wishlist-btn) {
border-color: var(--color-primary);
background: var(--color-primary);
color: #fff !important;
border-radius: 3rem;
}


.s-product-card-vertical .s-product-card-wishlist-btn button:hover {
background-color: var(--color-primary) !important;
}

.s-product-card-vertical
.s-product-card-wishlist-btn
button:hover
.sicon-heart {
color: #fff !important;
}

/* Transparent Banner */

.banner-entry,
.banner--fixed img {
background-color: transparent !important;
}

/* Footer */

@media(min-width:1024px){
footer .grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

footer * {
margin: 0 auto;
text-align: center;
}

footer .grid > div {
grid-column: span 1 / span 1 ;
}



@media (min-width: 992px) {
footer img[alt="Logo"] {
grid-column: span 2 / span 2;
}
}
.s-contacts-icon {
border-color: var(--primary-clr);
}

.main-menu li>a:hover {
color: #414042;
color: rgb(8 23 57) !important;
text-decoration-line: none;
}


.banner-entry > div {
background-repeat: no-repeat;
display: inline-block;
transition: 0.3s;
}

.banner-entry > div:after {
content: "";
position: absolute;
top: -50%;
left: -60%;
width: 20%;
height: 200%;
opacity: 0;
transform: rotate(30deg);
background: rgba(255, 255, 255, 0.13);
background: linear-gradient(
to right,
rgba(255, 255, 255, 0.13) 0%,
rgba(255, 255, 255, 0.13) 77%,
rgba(255, 255, 255, 0.5) 92%,
rgba(255, 255, 255, 0) 100%
);
}

.banner-entry > div:hover:after {
opacity: 1;
left: 130%;
transition-property: left, top, opacity;
transition-duration: 0.7s, 0.7s, 0.15s;
transition-timing-function: ease;
}

/* Active state */
.banner-entry > div:active:after {
opacity: 0;
}

.banner-entry > div:hover {
transform: scale(0.9);
}

/* Category Page */


/* Product Page */


.product__description strong {
color: #f00 !important;
}

.s-quantity-input-container {
border-color: var(--color-primary);
}

.s-quantity-input-container svg path {
fill: var(--color-primary);
}


.s-comments-product{
background-color: transparent !important
}
.s-comments-item-user-wrapper * {
color: #fff;
}
button.btn-tab.btn--collapse {
background: #000;
}

/* Cart Page */



.s-block--features__item {
background-color: transparent !important;
}


.s-slider-block__display-all {
display: none;
}
.s-slider-v-centered .s-slider-block__title-nav button.swiper-button-disabled {
display: none;
}
.footer-is-light .store-footer {
--tw-bg-opacity: 1;
background-color: rgba(249, 250, 251, 1);
background: #EDDAC3 !important;
--tw-text-opacity: 1;
color: rgba(55, 65, 81, 1);
color: rgb(0 0 0) !important;
}
.footer-is-light .store-footer .store-footer__inner {
background-color: rgba(243, 244, 246, 1);
background: #EDDAC3 !important;
}
/* loading logo page */
body.index::before {
content: "";
top: 0;
background: #fff url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/LjaJ/wfZTAq1Z7CVYhnZdNzfdxVADJVt7KkbrfUz3Ef7m.jpg);
background-size: 250px !important;
background-repeat: no-repeat !important;
background-position: center !important;
width: 100%;
height: 100vh !important;
transform: scale(0);
position: fixed;
left: 0;
z-index: 9999999 !important;
animation: scale-out-vertical 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1.3s both;
}

@keyframes scale-out-vertical {
0% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
}

100% {
-webkit-transform: scaleY(0);
transform: scaleY(0);
opacity: 1;
}
}
@media (min-width: 768px){
.index header .inner.bg-inherit .items-stretch .flex.items-center:not(.justify-end) {
width: 60%;
justify-content: space-between;
}}

.top-navbar {
display: none;
}
.store-footer {
    background-color: rgba(14, 15, 15, 1);
    background-color: rgb(34 69 136);
    color: rgba(255, 255, 255, 1);
    color: rgb(255 255 255) !important;
}
.store-footer__inner {
    background-color: rgb(34 69 136);
    background-color: rgb(34 69 136);
}
.copyright-text p {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, 1);
    color: rgb(255 255 255) !important;
}
.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *) {
    opacity: 0;
}


span.inline-block.item-total {
    font-size: 1.5rem !important;
}