
.img-sliderr{
      display: flex;
    align-items: center;
    justify-content: center;
  object-fit: cover;
  width: 400px;
  height:400px;
  border-radius: 50%;
}
.custom-rotte-image {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: fit-content;
  transition: transform 1.5s ease;
}
.custom-rotte-image .custom-image-crcle {
  position: relative;
}
.custom-rotte-image .custom-image-crcle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 67%;
  height: 67%;
  border: 1px solid var(--text-color);
  border-radius: 50%;
}

  .image-lefttop {
    position: absolute;
    width: 250px;
    max-width: 250px;
    max-height: 160px;
    right: 0;  
    top: 0;
  }

  .custom-slider-home-wrapper {
    position: relative;
    z-index: 2;
  }

  .custom-slider-home {
    margin-bottom: 4rem;
    position: relative;
    padding: 9rem 0;
    overflow: hidden;
    background: linear-gradient(180deg, var(--background-color) 0%, #150F0A 100%);
    backdrop-filter: blur(92.625px);
  }

  .svg-text-circle {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    height: 300px;
  }



  .custom-image-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 67%;
    height: 67%;
    border-radius: 50%;
    z-index: 1;
  }

  .custom-home-slider {
    position: relative;
  }

  .custom-rotate-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: fit-content;
    transition: transform 1.5s ease;
  }

  .custom-slider-home .swiper-slide.custom-img-slider.swiper-slide-visible.swiper-slide-next {
    transform: translate3d(82vw, 0px, -24.2857px) rotateX(0deg) rotateY(-12.1429deg) scale(1)!important;
    transition: transform 1s ease-in-out;
    opacity: 0.5;
  }

  .custom-slider-home .swiper-slide.custom-img-slider.swiper-slide-visible.swiper-slide-prev {
    transform: translate3d(-82vw, 0px, -24.2857px) rotateX(0deg) rotateY(-12.1429deg) scale(1)!important;
    transition: transform 1s ease-in-out;
    opacity: 0.5;
  }

  .custom-slider-home .swiper-slide.custom-img-slider.swiper-slide-visible.swiper-slide-active {
    transform: translate3d(0px, 0px, -0.0142857px) rotateX(0deg) rotateY(0.00714286deg) scale(1)!important;
    transition: transform 1s ease-in-out;
  }
  @media (min-width: 1600px) {
    .svg-text-circle{
      width: 900px;
      height: 900px;
    }
  }
  @media (max-width: 1600px) {
    .svg-text-circle{
      width: 700px;
      height: 700px;
    }
  }

  @media (max-width: 1024px) {
    .svg-text-circle{
      width: 550px;
      height: 550px;
    }
  }
  @media (max-width: 767px) {
    .custom-slider-home {   
      padding: 6rem 0;
    }
    .custom-rotate-image {
      width: 50%;
    }
    .image-lefttop {
      width: 123px;
      height: 87px;
      max-width: 123px;
    }
    .svg-text-circle{
      width: 100%;
      height: auto;
    }
  }

  @media (max-width: 500px) {
    .img-sliderr{
  width: 100px;
  height:100px;
}
    .custom-slider-home .swiper-slide.custom-img-slider.swiper-slide-visible.swiper-slide-prev {
      transform: translate3d(-80vw, 0px, -21.7143px) rotateX(0deg) rotateY(-10.8571deg) scale(1) !important;
    }
    .custom-slider-home .swiper-slide.custom-img-slider.swiper-slide-visible.swiper-slide-next {
      transform: translate3d(80vw, 0px, -21.7143px) rotateX(0deg) rotateY(-10.8571deg) scale(1)!important;
    }
    .custom-slider-home {
      padding: 4rem 0;
      margin-bottom: 2rem;
    }
    .custom-slider-home-wrapper {
      margin-bottom: 10px !important;
    }
    .image-lefttop {
      width: 80px;
      height: 70px;
    }
  }
