/* ═══════════════════════════════════════════
   ABOUT COLLAGE
═══════════════════════════════════════════ */
.about-collage {
  position: relative;
  padding: 0 20px 40px;
}
.ac-1 {
  width: 80%;
  border-radius: 24px;
  box-shadow: var(--shadow);
  border: 8px solid #fff;
  

}
.ac-2 {
    position: absolute;
    right: 0;
    bottom: -40px;
    width: 55%;
    border-radius: 24px;
    border: 8px solid #fff;
    box-shadow: var(--shadow-lg);

}
/* العربي - يسار */
.ac-badge {
  position: absolute;
  left: 0;
  top: 0;
  background: var(--second);
  color: var(--blue);
  border-radius: var(--radius-md);
  padding: 1.2rem 1.6rem;
  display: flex;
  flex-direction: column;
  box-shadow: 0 16px 40px rgba(30, 77, 255, 0.45);
  z-index: 10;
}

/* الإنجليزي - يمين */
html[lang="en-US"] .ac-badge {
  left: auto;
  right: 0;
}
.ac-num {
  font-family: "Plus Jakarta Sans";
  font-size: var(--heading-h3);
  font-weight: 800;
  line-height: 1;
}
.ac-label {
  font-size: var(--text-xs);
  opacity: 0.85;
}

.check-list {
  list-style: none;
  padding: 0;
  margin: 1.5rem 0;
}
.check-list li {
  padding: 0.4rem 0;
  color: var(--ink);
  font-weight: 500;
  font-size: var(--text-base);
}
.check-list i {
  color: var(--blue);
  margin-inline-end: 0.6rem;
}

@media (max-width: 991px) {
  .about-collage {
    padding-bottom: 80px;
  }
  .ac-1 {
    width: 100%;
  }
  .ac-dots,.ac-dots-bottom {
    display: none;
  }
  .ac-badge {
         top: -55px;
        left: 13px;
        font-size: var(--text-xs);
    } 
}
@media (max-width: 575px) {
  .ac-1 {
    width: 90%;
  }
  .ac-num {
    font-size: var(--heading-h4);
  }
}