/* about__section */
.about__section { 
    padding: 5rem 0;
}
.about__section .title {
    position:relative;
}
.about__section .title .lead-text{
    position: absolute;
    top: -3rem;
    left: 25%;
    transform: rotate(-4deg);
}
.about__section .title .lead-text span{
  position:absolute;
  bottom:-3.5rem;
  left:0%;
}
.about_main_info .row{
    flex-direction:row;
}
.about_main_info .row:nth-child(2n){
    flex-direction:row-reverse;
}
.about_main_info img{
    transition:all 0.3s ease-in-out;
    overflow:hidden;
}
.about_main_info .img:hover img{
    transform:scale(1.25);
}
.ab-box {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #005B69;
  border-radius: 30px;
  overflow: hidden;
  padding: 20px;
  color: white; 
  transition:all 0.3s ease-in-out;
}
.ab-box:hover{
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* الشعار */
.circle-logo {
  position: absolute;
  top: 2rem;
  left: 2rem;
  max-width: 4rem;
  z-index: 2;
}

/* الخط المتماوج */
.shape-container {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 1;
}
.animated-line {
 position: absolute;
  top: -30px;
  right: 40px;
  width: 120%; 
  animation: waveMotion 10s ease-in-out infinite;
  pointer-events: none;
}

/* زر الاتصال */
.btn-contact {
  position: absolute;
  top: 3rem;
  right: 2rem; 
  text-decoration: none;
  z-index: 3;
  transition: background-color 0.3s;
}
.btn-contact:hover {
  background-color: #b65b3d;
}

/* العنوان */
.ab-title {
  position: absolute;
  bottom: 3rem;
  right: 2rem;
  font-size: 3rem;
  line-height: 4rem;
  text-align: right;
  max-width:60%;
  z-index: 3;
}



/* ⬇️ الريسبونسف */

/* الهواتف */
@media (max-width: 768px) {
     .ab-title{
       font-size:2rem;
       line-height: 1;
     } 
  .about__section .title .lead-text span svg{
    width:25px;
  }
}

/* التابلت الأفقي */
@media (max-width: 991px) and (min-width: 768px) {
    
}

/* اللابتوبات المتوسطة */
@media (max-width: 1191px) and (min-width: 992px) {
     
     
}
/* شاشات أكبر من 1191 */
@media (max-width: 1366px) and (min-width: 1191px) {
   
 
}