section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none,section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none,section.bg-white.p-5.rounded-md.mb-5 {
    background-color: white;
}/* Add custom CSS styles below */ 
.bg-white,.main-menu .sub-menu,.header-btn__icon {
    background-color: rgb(0 0 0);
    color: white;
}.s-block--fixed-banner .container {
    max-width: 100%;
    padding: 0px;
    margin: 0px;
}#main-content > section:nth-child(1){margin-top: 0rem;
}
.main-menu>.has-children:hover>a {
    color: #ffffff;
}
.main-menu li>a:hover,.main-menu .has-children .has-children:hover>a, .main-menu .has-children li a:hover {
    color: #ffffff;
}
/* ===============================
   SALA FEATURES – FORCE STYLE
================================ */

/* الكارت */
.s-block.s-block--features div[class*="s-block--features__item"] {
  background: linear-gradient(145deg,#0f172a,#020617) !important;
  border-radius: 22px !important;
  padding: 34px 26px !important;
  text-align: center !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.35) !important;
  transition: all .4s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

/* خط فخم متحرك */
.s-block.s-block--features div[class*="s-block--features__item"]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.08),
    transparent
  );
  transform: translateX(-100%);
  transition: transform .6s ease;
}

.s-block.s-block--features div[class*="s-block--features__item"]:hover::before {
  transform: translateX(100%);
}

.s-block.s-block--features div[class*="s-block--features__item"]:hover {
  transform: translateY(-12px) scale(1.03) !important;
  box-shadow: 0 35px 90px rgba(0,0,0,.55) !important;
}

/* الايقونة */
.s-block.s-block--features .feature-icon {
  width: 78px !important;
  height: 78px !important;
  margin: 0 auto 18px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg,#facc15,#eab308) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 10px 30px rgba(250,204,21,.5) !important;
  transition: all .4s ease !important;
}

.s-block.s-block--features .feature-icon i {
  font-size: 30px !important;
  color: #020617 !important;
}

.s-block.s-block--features div[class*="s-block--features__item"]:hover .feature-icon {
  transform: rotate(8deg) scale(1.12) !important;
}

/* العنوان */
.s-block.s-block--features h2 {
  font-size: 19px !important;
  font-weight: 800 !important;
  margin-bottom: 10px !important;
  color: #fff !important;
  letter-spacing: .3px !important;
}

/* الوصف */
.s-block.s-block--features p {
  font-size: 14.5px !important;
  color: #cbd5f5 !important;
  line-height: 1.7 !important;
}

/* موبايل */
@media (max-width: 640px) {
  .s-block.s-block--features div[class*="s-block--features__item"] {
    padding: 28px 20px !important;
  }
}

.contact-btn-custom {
  background: var(--color-primary);
  border-radius: .75rem;
  padding: .5rem 1.5rem .625rem;
  transition-duration: 300ms;
}
.contact-btn-custom:hover {
  background: #414042;
}