/* Our Services — dark section cards (EN + AR) */

.hp2-on-dark .card-desg1-box {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.22);
  overflow: hidden;
  transition: border-color 0.45s, box-shadow 0.45s, background-color 0.6s;
}

.hp2-on-dark .card-desg1-box:hover {
  background-color: #fff;
  border-color: rgba(0, 205, 255, 0.38);
  box-shadow: 0 12px 40px rgba(0, 205, 255, 0.12);
}

.hp2-on-dark .card-desg1-box .card-desg1-box_img {
  padding: 0;
}

.hp2-on-dark .card-desg1-box .card-desg1-box-content_icon {
  border-color: rgba(255, 255, 255, 0.22);
  border-width: 2px;
  background-color: #003852;
  transition: background-color 0.6s, border-color 0.45s, border-width 0.45s, transform 0.6s;
}

.hp2-on-dark .card-desg1-box:hover .card-desg1-box-content_icon {
  border-color: #fff;
  border-width: 4px;
  background-color: transparent;
}

/* Hero vertical rail: keep vertical, align copy + number on same axis */
.hp2-hero-aside:not(.ct-section):not(.oxy-easy-posts),
.hp2-hero-aside.oxy-easy-posts .oxy-posts,
.hp2-hero-aside.ct-section .ct-section-inner-wrap {
  align-items: center !important;
}

.hp2-hero-aside-copy {
  text-align: center !important;
}