/* Add custom CSS styles below */ 
body{
background-color:#FFF5F0;

}
/* Add custom CSS styles below */ 
/* ========== Google Fonts ========== */

/* Features */
.s-block__title {
    justify-content: center;
    }
.s-block__title .right-side {
    padding-left: 0;
}
:nth-child(1 of section.s-block.s-block--banners.container) .one-row .banner-entry {
    background-color: transparent;
}
.lazy__bg {
    background-size: contain;
    background-repeat: no-repeat;
}
.gap-3 {
    gap: 0.75rem;
}
/* End Features */
@media (min-width: 992px) {
 :nth-child(1 of section.s-block.s-block--banners.container) .md\:grid-cols-3 .banner-entry {
    height: 240px;
    background: transparent;
  }
}
@media (max-width: 768px) {
  :nth-child(1 of section.s-block.s-block--banners.container) .md\:grid-cols-3 .banner-entry {
    height: 100px;
    background: transparent;
  }.md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
  }
}
@media (min-width: 640px) {
  .two-row .banner-entry:first-child {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}
@media (min-width: 768px) {
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
  }
}


#contact-slot:nth-of-type(1) span.s-contacts-icon {
  background: #33B846 !important;
  border: none;
  color: #FFFFFF;
}

#contact-slot:nth-of-type(2) span.s-contacts-icon {
  background: #FFFFFF !important;
  border: none;
  color: #1A5372;
}

#contact-slot:nth-of-type(3) span.s-contacts-icon {
  background: #980E11 !important;
  border: none;
  color: #FFFFFF;
}
.social-link[data-platform=instagram] {
    background: linear-gradient(45deg, #f09433, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888);
    color: #fff;
}
.social-link[data-platform=snapchat] {
   background: #d7d402 !important;
   border: none;
    color: #000000 !important;
  
}
.social-link[data-platform=tiktok] {
 background-image: linear-gradient(150deg, #00f2ea, #000, #ff0050);
  border: none;
  color: #FFFFFF;
}
.social-link[data-platform=facebook] {
  background: #2561AD !important;
  border: none;
  color: #FFFFFF;
}
p.text-xs.line-clamp-3.block.scale-in.delay-800.duration-slow.ease-smooth.animate {
    display: none;
}

h3.text-sm.lg\:text-xl.scale-in.delay-700.duration-slow.ease-smooth.animate {
    display: none;
}
p.text-xs.line-clamp-3.block.scale-in.delay-400.duration-slow.ease-smooth.animate {
    display: none;
}
h3.text-sm.lg\:text-xl.scale-in.delay-300.duration-slow.ease-smooth.animate {
    display: none;
}
h4.font-semibold.faq-question {
    font-size:0px;
}
.faq-container:nth-of-type(1) h4::before {
    content: "ما هو متجر رفوفنا؟ " ;
    font-size: 17px;
}
.faq-container:nth-of-type(2) h4::before {
    content: "ما أنواع أنظمة التخزين التي يوفرها المتجر؟" ;
    font-size: 17px;
}
.faq-container:nth-of-type(3) h4::before {
    content: "هل نقدم حلول تخزين مخصصة حسب المساحة؟" ;
    font-size: 17px;
}
.faq-container:nth-of-type(4) h4::before {
    content: "هل المنتجات مناسبة للاستخدام في التخزين التجاري والتخزين الصناعي؟" ;
    font-size: 17px;
}
.faq-container:nth-of-type(5) h4::before {
    content: "هل يتوفر لدينا خدمة التركيب؟" ;
    font-size: 17px;
}
.faq-container:nth-of-type(6) h4::before {
    content: "هل تشمل خدماتنا ما بعد البيع؟" ;
    font-size: 17px;
}
.faq-container:nth-of-type(7) h4::before {
    content: "هل يمكن استخدام الرفوف في المنزل؟" ;
    font-size: 17px;
}
.faq-container:nth-of-type(8) h4::before {
    content: "كيف أختار نظام التخزين المناسب لي؟" ;
    font-size: 17px;
}
.faq-container:nth-of-type(9) h4::before {
    content: "هل تقدمون استشارات قبل الشراء؟" ;
    font-size: 17px;
}
.faq-container:nth-of-type(10) h4::before {
    content: "كيف يمكن التواصل مع رفوفنا؟" ;
    font-size: 17px;
}