.about-us { 
  display: block; 
  margin: auto; 
  width: 100%; 
  max-width: 52.5rem; 
  height: 100%; 
}
.about-us-heading { 
  text-align: center; 
  font-size: 40px; 
  margin-bottom: 5rem; 
  margin-top: 5rem; 
}
.about-service { 
  height: auto; 
  width: 100%; 
  max-width: 1200px; 
  margin: -40px auto 0; 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  flex-wrap: wrap; 
}
.sec-1, .sec-2 { 
  height: auto; 
  width: 100%; 
  max-width: 600px; 
}
.sec-2 { 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  flex-direction: column; 
  gap: 8px; 
}
.a-1, .a-2, .a-3 { 
  height: auto; 
  min-height: 94px; 
  width: 100%; 
  max-width: 500px; 
  display: flex; 
  align-items: center; 
  justify-content: left; 
  background-color: #111111; 
  border-radius: 11px; margin-bottom: 10px; 
  transition: transform 0.3s ease;
}
.a-1:hover,.a-2:hover,.a-3:hover {
  box-shadow: 0 8px 16px rgba(47, 80, 247, 0.2);
  cursor: pointer;
  transform: scale(1.05);
}
.a-l, .b-l, .c-l { 
  height: 58px; 
  width: 58px; 
  border-radius: 50%; 
  margin: 17px 15px; 
  border: 2px solid #2f7f81; 
  flex-shrink: 0; 
}
.a-r, .b-r, .c-r { 
  flex-grow: 1; 
  margin: 19px 20px; 
}
.head-1, .head-2 { 
  width: 100%; 
}
.head-1 { 
  font-size: 18px; 
}
.head-2 { 
  font-size: 10px; 
  margin-top: 7px; 
}
.h-icon { 
  margin-left: 10px; 
  margin-top: 11px; 
}
.q-icon { 
  margin-left: 7px; 
  margin-top: 7px; 
}
.a-icon { 
  margin-left: 14px; 
  margin-top: 15px; 
}
.about-img { 
  height: auto;
  max-height: 300px; 
  width: 100%; 
  max-width: 520px; 
  margin: 30px auto; 
  display: block; 
}