.Achievements-section {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 50px;
  margin: auto;
  padding: 80px 20px;
  text-align: center;
}



.rts-counter-list {
  padding: 40px 30px 30px; 
  border: 2px solid rgb(231, 229, 229);
  border-radius: 20px;
  transition: transform 0.3s ease, box-shadow .3s;
  background:#fff;
  position: relative;
}

.rts-counter-list:hover {
  transform: translateY(-6px);
  box-shadow:0 10px 20px rgba(0,0,0,.08);
}



.counter-icon {
  margin: auto;
  border-radius: 20px;
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--helperColor);
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
}

.counter-icon i {
  color: var(--helperColor);
  font-size: 32px;
}

/* الرقم */

.count-number span {
  color: var(--helperColor);
  font-size: 48px;
  font-weight: 700;
}

/* النص */

.rts-counter-list .text {
  color: var(--primaryColor);
  margin-top: 10px;
  font-size: 20px;
}

/* ريسبونسف */

@media (max-width: 992px) {

  .count-number span {
    font-size: 36px;
  }

}

@media (max-width: 576px) {

  .Achievements-section {
    padding: 60px 25px;
  }

  .count-number span {
    font-size: 34px;
  }

}
.services-scope{

padding:80px 20px;
text-align:center;

}
/* العناوين */

.scope-title h2{
color:var(--middleColor);
font-size:35px;
margin-bottom:10px;
}

.scope-title h3{
color:var(--primaryColor);
font-size:28px;
margin-bottom:20px;
}

.scope-title p{
max-width:750px;
margin:auto;
color:#555;
line-height:1.8;
}


/* الخدمات */

.scope-services{
margin-top:60px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:40px;
justify-items:center;
}


/* الدوائر */

.scope-box{

width:120px;
height:120px;

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

font-size:18px;
font-weight:600;
text-align:center;
padding:20px;

cursor:pointer;

transition:.4s;

box-shadow:0 10px 20px rgba(0,0,0,0.12);

opacity:0;
}


/* الالوان (العادي = لون قوي) */

.box1{
background:var(--primaryColor);
color:#fff;
border:6px solid var(--primaryColor);
}

.box2{
background:var(--helperColor);
color:#fff;
border:6px solid var(--helperColor);
}

.box3{
background:var(--middleColor);
color:#fff;
border:6px solid var(--middleColor);
}

.box4{
background:var(--primaryColor);
color:#fff;
border:6px solid var(--primaryColor);
}


/* hover = اللون الفاتح */

.box1:hover{
background:var(--lightHelper);
color:var(--primaryColor);
}

.box2:hover{
background:#fff;
color:var(--helperColor);
}

.box3:hover{
background:var(--lightHelper);
color:var(--middleColor);
}

.box4:hover{
background:#fff;
color:var(--primaryColor);
}


/* حركة */

.scope-box:hover{
transform:translateY(-10px) scale(1.08);
box-shadow:0 15px 30px rgba(0,0,0,0.18);
}


/* animation */

.animate-right{
animation:slideRight 1s forwards;
}

.animate-left{
animation:slideLeft 1s forwards;
}

@keyframes slideRight{
from{
transform:translateX(-100px);
opacity:0;
}
to{
transform:translateX(0);
opacity:1;
}
}

@keyframes slideLeft{
from{
transform:translateX(100px);
opacity:0;
}
to{
transform:translateX(0);
opacity:1;
}
}


/* responsive */

@media(max-width:768px){

.scope-services{
grid-template-columns:repeat(2,1fr);
}

.scope-box{
width:100px;
height:100px;
font-size:16px;
}

}