/* 1. حركة الدوائر الخلفية (الموجودة سابقاً) */
        @keyframes blob {
            0% { transform: translate(0px, 0px) scale(1); }
            33% { transform: translate(30px, -50px) scale(1.1); }
            66% { transform: translate(-20px, 20px) scale(0.9); }
            100% { transform: translate(0px, 0px) scale(1); }
        }
        .animate-blob { animation: blob 7s infinite; }
        .animation-delay-2000 { animation-delay: 2s; }
        /* 2. حركة ظهور العناصر من الأسفل للأعلى بنعومة (fade-in-up) */
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        /* 3. حركة ظهور بتكبير خفيف (zoom-in) للصورة */
        @keyframes zoomIn {
            from { opacity: 0; transform: scale(0.9); }
            to { opacity: 1; transform: scale(1); }
        }
        /* كلاسات لتطبيق الأنميشن */
        .animate-fade-in-up {
            animation: fadeInUp 0.8s ease-out forwards;
            opacity: 0; /* يبدأ مخفياً */
        }
        .animate-zoom-in {
            animation: zoomIn 0.8s ease-out forwards;
            opacity: 0; /* يبدأ مخفياً */
        }
        /* كلاسات التأخير لإعطاء ترتيب للظهور */
        .delay-200 { animation-delay: 0.2s; }
        .delay-400 { animation-delay: 0.4s; }
        .delay-600 { animation-delay: 0.6s; }
        .bg-curve {
            background-color: white;
    clip-path: ellipse(150% 100% at 50% 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%; /* يتحكم في مدى عمق الانحناء */
    z-index: -1;
}
.why-us{
      overflow: hidden;/* هذا السطر يصنع الانحناء في الأعلى والأسفل */
border-top-left-radius: 50% 60px;
border-top-right-radius: 50% 60px;
border-bottom-left-radius: 50% 60px;
border-bottom-right-radius: 50% 60px;
clip-path: ellipse(150% 100% at 50% 100%);
}
.bg-shape {
    position: absolute;
    border: 1.5px solid rgba(255, 255, 255, 0.4); /* خط أبيض شفاف */
    border-radius: 50%;
    pointer-events: none; /* لكي لا تعيق النقر على الزر */
}
.left-1 {
       width: 280px;
    height: 280px;
    bottom: -260px;   
     left: -217px;
}
.left-2 {    width: 400px;
    height: 400px;
        bottom: -355px;
    left: -190px;
    border: 6px solid;
    border-color: #FFD700;
}
.right-1 {
width: 320px;
    height: 320px;
    top: -217px;
    right: -229px;
}
.right-2 {
 width: 450px;
    height: 450px;
    top: -268px;
    right: -279px;
    border: 6px solid;
    border-color: #FFD700;
}
.image_testmoinal{
  height: 503px;
  width: 800px;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
.img_test_curve{
    position: relative;
    top: -245px;
    z-index: 60;
    right: 169px;
}

.testmenuil_div{
   left: 80px;
    z-index: 80;
}
@media(max-width:700px){
.left-2 {
        bottom: -355px;
    left: -272px;}
.right-1{
      top: -319px;
}
.right-2 {
    top: -399px;
    right: -318px;}

    .img_test_curve {
          right: 79px;
    }
.testmenuil_div{

        margin-top: 81px;
}

}