:root {
      --color-gray-1: rgba(255, 255, 255, 0.20);
      --color-blue-1: #0046F8;
      --color-blue-2: #0052cc;
      --color-gray-2: rgba(255, 255, 255, 0.70);
      --color-gray-3: #F5F5F5;
      --color-gray-4: rgba(0, 70, 248, 0.14);
      --color-gray-5: rgba(0, 0, 0, 0.70);
      --color-gray-6: #D8DFEB;
      --color-gray-7: rgba(255, 255, 255, 0.50);
      --color-gray-8: rgba(0, 0, 0, 0.20);
      --color-gray-9: #A4A4A4;
      --color-gray-10: rgba(216, 223, 235, 0.40);
    }
    body {
      font-family: "Poppins", sans-serif;
    }
   .custom-ellipse1 {
      position: relative;    
      overflow: hidden;       
    }
.custom-ellipse::before {
  content: "";
  position: absolute;
  top: 50%;                 
  left: 50%;                
  transform: translate(-50%, -50%); 
  max-width: 1320px;
  width: 100%;
  height: 400px;
  border-radius: 1440px;
  background: #661EB93B;
  filter: blur(187px);
  z-index: 1;             
}
.custom-ellipse1::before {
  content: "";
  position: absolute;
  left: 323px;
  bottom: -440px;
  width: 705.36px;
  height: 427.88px;
  border-radius: 705.36px;
  background: #0046F8;
  opacity: 0.9;
  filter: blur(190px);
  transform: rotate(-164.615deg);
  z-index: 1;
}
@media (max-width: 1024px) {
  .custom-ellipse::before {
    height: 300px;
  }
  .custom-ellipse1::before {
    left: 280px;
    bottom: -300px;
    width: 600px;
    height: 327px;
  }
}
@media (max-width: 767px) {
  .custom-ellipse::before {
      height: 200px;
    }
    .custom-ellipse1::before {
      left: 200px;
      width: 500px;
      height: 300px;
  }
}
@media (max-width: 640px) {
      .custom-ellipse1::before {
        left: 50px;
        width: 350px;
      }
}