.ellipse-border {
        box-sizing: border-box;
        position: absolute;
        width: 807.99px;
        height: 859px;
        /* left: 637.01px; */
        top: 0px;
        /* transform: translateY(-50%); */
        border-right: 10px solid #0640ad;
        border-image: linear-gradient(
            to bottom,
            #0640ad 80%,
            rgba(6, 64, 173, 0) 100%,
            #0640ad 0
          )
          1 100%;
        border-radius: 0 50% 50% 0;
        z-index: 1;
      }
      .ellipse {
        position: absolute;
        width: 885px;
        height: 858.95px;
        left: -1px;
        top: 50%;
        transform: translateY(-50%);
        background: #eeeeea;
        border-radius: 50%;
        box-shadow: 8px 0px 29px rgba(211, 207, 210, 1);
        z-index: 0;
      }

      .swiper {
        /* margin: 100px auto; */
        width: auto;
        height: 271px;
      }

      .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        font-weight: bold;
        color: #fff;
      }
      .mySwiper {
        width: 100%;
        height: auto;
        padding-bottom: 60px; /* فضا برای bullet */
      }
      .mySwiper1 {
        width: 205px;
        height: 244px;
      }

      .swiper-slide1 {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        font-weight: bold;
        color: #fff;
        border-radius: 18px;
        transform-origin: left center !important;
      }

      .swiper-slide2 {
        text-align: center;
        font-size: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .swiper-slide2 img {
        display: block;
        width: 100%;
        object-fit: cover;
      }
      .swiper-pagination-bullet-active {
        width: 20px;
        border-radius: 8px;
      }

      .swiper-pagination {
        bottom: 10px !important;
      }