.home{
   position: relative;
   &::after{
      position: absolute;
      content: '';
      height: 300px;
      width: 300px;
      background-color: #289bde59;
      // border: 10px solid #289bde59;
      border-radius: 50%;
      top: -150px;
      left: -150px;
      z-index: -1;
   }
   .home_wrapper{
      .home_text{
         text-align: center;
         h1{
            font-size: 42px;
            font-weight: 600;
            color: $black;
            line-height: 50px;
         }
         .banner_btn{
            padding: 7px 25px;
            border-radius: 35px;
            font-size: 16px;
            color: $white;
            font-weight: 500;
            background-color: $primaryColor;
            display: inline-block;
            margin-top: 12px;
         }
      }
      .banner_img{
         height: 85vh;
         display: flex;
         justify-content: center;
         align-items: center;
         img{
            height: auto;
            width: 100%;
            object-fit: contain;
         }
      }
   }
   .swiper-pagination {
      transition: .3s opacity;
      transform: translate3d(0,0,0);
      z-index: 10;
  }
  .swiper-pagination-bullet {
      width: 16px;
      height: 8px;
      display: inline-block;
      border-radius: 10px;
      background: $primaryColor;
  }
  .swiper-pagination-bullet-active{
      height: 8px;
      width: 30px;
  }
  .swiper-button-next{
   height: 65px;
   width: 65px;
   border-radius: 50%;
   background-color: #289BDE;
   display: flex;
   justify-content: center;
   align-items: center;
   right: 20px;
  }
  .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
   color: #fff;
   font-size: 30px;
}

.swiper-button-prev{
   height: 65px;
   width: 65px;
   border-radius: 50%;
   background-color: #289BDE;
   display: flex;
   justify-content: center;
   align-items: center;
   left: 20px;
  }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
   color: #fff;
   font-size: 30px;
}


   
   
}