/* Add custom CSS styles below */ 

#main-content > section:nth-child(2) .container {
  padding-right:0px !important;
  padding-left: 0px !important;
}
#main-content > section:nth-child(2) .banner--fixed img {
    border-radius: 0rem !important;
}
#mainnav {
  box-shadow: none !important;
}

#main-content > section:nth-child(2) {
    margin-top: 0rem !important;
}
.top-navbar {
    background: #fff !important;
}
/*
#app > div.app-inner.flex.flex-col.min-h-full > header {
    position: absolute;
    background: transparent;
    width: 100%;
}

.s-contacts-topnav-link {
    color: #fff;
}
*/
.s-product-card-vertical {
    flex-direction: column;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
    justify-content: center;
    border-bottom: 2px solid #000;
    border-top: 1.6px solid #000;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
}
.s-product-card-vertical .s-button-btn {
    border-radius: 30px;
    color: #fff !important;
    background: #012e5b;
}
.s-slider-block__title-left, .s-slider-block__title h2{
  color: #012e5b;
}
/*
.main-nav-container{
  background: transparent !important;
  color: #fff !important;
  z-index: 111 !important;
}
*/

.banner--fixed img{
  background: transparent !important;
}
.header-btn__icon {
    color: #fff !important;
   background: #012e5b;
  border: none;
}
.s-cart-summary-total , .s-cart-summary-content {
    color:#012e5b !important;
}
.s-slider-block__display-all{
  font-weight:  !important;
}
.s-block--banners .grid {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
gap: 15px;
}

.banner-entry {
    height: 135px !important ; 
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div {
    background: #012e5b;
    padding: 20px;
    border-radius: 35px;
    width: 95%;
}
.footer-is-light .store-footer .store-footer__inner {
    background-color: #f9fafb !important;
}
.store-footer__inner *{
  color:#fff !important;
}
.footer-is-light .store-footer .store-footer__inner {
    background-color: rgba(243,244,246,var(--tw-bg-opacity,1));
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a > h3{
  position: relative;
  color: #012e5b
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a > h3{
 color: #012e5b !important; 
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a > h3::after{
  content:"";
  position: absolute;
  display: block;
  inset: 0;
 /* background: #012e5b;*/
  width: 100%;
  height: 50px;
  background-image: url(https://i.postimg.cc/rwMg69Dt/tsmym-bdwn-ʿnwan.png);
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
}
.s-slider-block__title-left , .s-slider-block__title h2 , .s-block__title h2 {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    box-shadow: 3px 3px rgb(1 46 91);
    border-radius: 30px;
    padding: 5px;
  font-weight: 300 !important;
}


 .product-index header.store-header{
    background: #012e5b !important;
 }
#main-content > section.s-block.s-block--features.container > div > div:nth-child(1) > div , #main-content > section.s-block.s-block--features.container > div > div:nth-child(2) > div ,#main-content > section.s-block.s-block--features.container > div > div:nth-child(3) > div{
  position: relative;
}
#main-content > section.s-block.s-block--features.container > div > div:nth-child(1) > div::after{
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(https://i.postimg.cc/QxxRjZ4f/shopping-cart.gif);
  
}
.s-block--features__item{
  border-radius: 20px;
}

.s-block--features__item .feature-icon {
    border-radius: 0px;
    display: flex;
    height: 6rem;
    width: 6rem;
    border: none;
    overflow: visible;
   border: none !important;
  background-color: transparent !important;
}

#main-content > section.s-block.s-block--features.container > div > div:nth-child(1) > div::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(https://i.postimg.cc/QxxRjZ4f/shopping-cart.gif);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#main-content > section.s-block.s-block--features.container > div > div:nth-child(2) > div::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(https://i.postimg.cc/rpn9G7CT/support.gif);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#main-content > section.s-block.s-block--features.container > div > div:nth-child(3) > div::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(https://i.postimg.cc/DykPcrsx/rocket.gif);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.s-reviews-container .swiper-slide-active .s-reviews-testimonial{
border-radius: 30px;
}
.swiper {
    overflow: visible !important;
}
.swiper-backface-hidden .swiper-slide {
    backface-visibility: visible !important;
}
.s-product-card-image{
  background-color: #fff !important;
}
.s-product-card-image img {
    opacity: 1;
    padding: 8px;
    border-radius: 20px;
}
.s-product-card-vertical {
    flex-direction: column;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
    justify-content: center;
}
/************************************/

@media (max-width:768px){
  .s-block--banners .grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
  .banner-entry {
    height: 100px !important ; 
}

  .s-products-slider-card {
    max-width: 205px;
    width: 83%;
}

}


/********************/

.index:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/gZnzoV/q6I8zR7uWh4dhNXjIu2nZZBaJcuNOysKEDfJcLB6.png);
    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
    }
}