/* Add custom CSS styles below */ 

/* Add custom CSS styles below */





logo img {
    height: 70px;
    width: 125px;
    content: url(https://cdn.discordapp.com/attachments/765367810972581892/884060971478425681/matjr-malikah-smallest.png)
}

















.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
padding: 0rem;


}


.flex.rtl\:space-x-reverse.space-x-2.items-end {

    justify-content: center;

}



.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 {

    grid-template-columns: repeat(4,minmax(0,1fr));

}

.rounded-md{

border-radius: 0rem

}

    @media (min-width: 480px) {

.banner-entry {

    padding: 4rem;

}

}

.two-row .banner-entry:first-child {

    padding-top: 2rem;

}

.two-row .banner-entry:first-child {

    grid-column: span 1/span 1;

    grid-row: span 1/span 1;

}

@media (min-width: 768px)

.two-row .banner-entry:first-child {

    height: 100%;

}

.banner-entry {

height: auto;

}

.s-block--banners+.s-block--banners {

    margin-top: 0.5rem;

}

.gap-3 {

    gap: 0.1rem;

}

.navbar-brand img {

    max-height:3.5rem;

    width: auto;

    max-width: 200px;

}

.salla-slider .slide--one-fourth{

width: 25%;

}

.swiper-slide {

width: 50%;

}

.s-product-card-entry {

border: 1px solid #dfdfdf;

}

.s-product-card-fit-height .s-product-card-image{

height: 16rem;

max-height: 20rem;

}

.promotion-title {

background-color: #1c333e;

 color: #ffffff;

}

a.social-link{

 background-color: #1c333e;

}

.s-product-card-promotion-title {

 background-color: #1c333e;

 color: #ffffff;

}

button.btn--close-sm.close-mobile-menu.sicon-cancel.hidden { 

 background-color: #1c333e;

 color: #ffffff;

}

button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center {

 background-color: #1c333e;

color: #ffffff;

}

button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center:hover {

 background-color: #ffffff;

color: #1c333e;

}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {

    background-color: #1c333e;

color: #ffffff;

}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {

border-color: #ffffff;

    background-color:#ffffff;

color: #1c333e;

}

button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {

    background-color: #1c333e;

color: #ffffff;

}

button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center:hover {

    background-color: #ffffff;

color: #1c333e;

}

button.s-quick-buy-button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-after:hover{

color: #ffffff;

border-color: #ffffff;

    background-color: #1c333e;

}

.text-primary {

    color: #1c333e;

}

.header-btn__icon {

color: #ffffff;

border-color: #ffffff;

    background-color: #1c333e;

}

.header-btn__icon:hover {

color: #1c333e;

border-color: #1c333e;

    background-color: #ffffff;

}

.s-cart-summary-count {

border-color: #000000;

    background-color: #1c333e;

}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {

    background-color: #ffffff;

color: #1c333e;

  border-color: #1c333e;

}

.s-button-primary-outline:hover {

 

    background-color: #ffffff;

  

    color: #1c333e;

}

a.s-block__display-all {

    color: #000000;

}

.s-block--features__item .feature-icon i {

color: #ffffff;

}

.s-block--features__item .feature-icon {

background-color: #1c333e;

         }

      

 salla-slider.photos-slider .swiper-slide

     {

     

         width: 100%;

         }

      

.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {  

    padding: 0rem;

} 

.

      [dir=ltr] salla-slider.photos-slider .swiper{

      padding:0.1rem;



   

  } 

 

   

[dir=rtl] salla-slider[type]:not(.hydrated)>div, [dir=rtl] salla-slider[type]:not(.hydrated) .swiper>div>div, [dir=rtl] .carousel-slider .swiper {

    padding: 0.5rem;

}

   salla-slider.photos-slider .swiper-slide

     {

     

         width: 100%;

         }

         

[dir=rtl] salla-slider.photos-slider .swiper {

    padding: 0.3rem;

}

 

  

.banner--fixed img {

  

    border-radius:0px;  

         

         }

         

         .topnav-is-dark .top-navbar {

    background: 
url(https://cdn.discordapp.com/attachments/765367810972581892/884060971478425681/matjr-malikah-smallest.png)
}

div#mainnav {

    box-shadow: 0px 5px 0px 0px rgba( 0 , 0 , 0 , 0);

    position: ;
    background: url(https://cdn.salla.sa/gpQAO/o2wFwfz4inTc1e3loSpvIw7APkwsG8eg701qSwCB.jpg);



    border-bottom-right-radius: 2rem;

    border-bottom-left-radius: 2rem;

}

         

         .swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {


}

         salla-slider.photos-slider .swiper-slide {

 

    border-radius: 0.375rem;

}

    

.banner-entry {

 

   

  

    border-radius: 0.1rem;

  

     

}

 

 

.store-footer__inner {

    background-color: #1c333e;

    color: #ffffff;

    border-top-left-radius: 20rem 1rem;

    border-top-right-radius: 20rem 1rem;

    

}

.store-footer {

    background-color: #ffffff;

}

a.flex.items-center.m-0 {

   justify-content: center;

}

.container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 {

    display: grid;

        text-align: center;

    justify-items: center;

    

}

.footer-list.store-links-items {

    columns: 2;

}

.store-footer .contact-social {

border-top-width: 0px;

    margin-top: 0.25rem;

    padding-top: 0.25rem;

}

.s-block--features__item {

    align-items: center;

    flex-wrap: wrap;

    flex-direction: column;

    justify-content: center;

    align-content: center;

}

.s-block--features__item .feature-icon {

cursor: pointer;

    transition: all .5s;

  

box-shadow: 0 4px 5px 1px rgba(64,60,67,.16);

}

.s-block--features__item {

    animation-name: slideInUp;

}

a.social-link {

background-color: rgba(255,255,255,var(--tw-bg-opacity));

  

box-shadow: 0 4px 5px 1px rgba(64,60,67,.16);

}

.store-footer .social-link {

color: #1c333e;

font-size: 1.125rem;

    height: 3rem;

    width: 3rem;

    align-items: center;

    justify-content: center;

    border-radius: 1.25rem;

    line-height: 1.75rem;

}

li.w-12.h-8.bg-white.rounded.flex.items-center.p-1 {

    border-radius: 1.25rem;

    border: 1px solid transparent;

    box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);

}

.text-gray-400 {

    color:#fff;

    

    }

    

    

.md\:flex.items-center.justify-between.py-4.container.text-center {

    margin-top: 1rem;

        padding: 1rem;

    background-color: #1c333e;

  

}

.md\:flex {

    display: flex;

    flex-direction: column-reverse;

}

.text-gray-400 {

    color: #fff;

    margin-top: 1rem;

}
.copyright-text p {
    color: #fff;

}