/* Custom fixes on top of the exported site123 styles. Loaded last. */

/* ---- قيمنا (values / mission / vision) ----
   The boxes rely on --global_main_color, which is empty for this site, so they rendered
   transparent with white text on a light background. Give them a readable card design. */
#section-67a90f5dbada5 {
  padding-top: 70px;
  padding-bottom: 70px;
}

#section-67a90f5dbada5 .grid-layout-5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}

#section-67a90f5dbada5 .item-col-layout-5 {
  flex: 1 1 280px;
  max-width: 380px;
  padding: 0;
  margin: 0;
}

#section-67a90f5dbada5 .box.background-primary-color {
  height: 100%;
  margin: 0;
  padding: 32px 26px;
  background: #ffffff !important;
  color: #333333 !important;
  border-top: 4px solid #fbb03b;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  text-align: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

#section-67a90f5dbada5 .box.background-primary-color:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.12);
}

#section-67a90f5dbada5 .box .top-layout-5 {
  display: block;
  text-align: center;
}

#section-67a90f5dbada5 .box h4 {
  width: 100%;
  margin: 0 0 14px;
  text-align: center;
  color: #6a8970 !important;
  font-weight: 700;
}

#section-67a90f5dbada5 .box .answer-layout-5 {
  color: #444444 !important;
  opacity: 1;
  line-height: 1.8;
}

@media (max-width: 767px) {
  #section-67a90f5dbada5 .item-col-layout-5 {
    flex-basis: 100%;
  }
}