.home{
   padding: 20px 0;
   background-color: #f9f9f9;
   .swiper-pagination {
      // position: absolute;
      // text-align: end;
      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: #fff;
  }
  .swiper-pagination-bullet-active{
      height: 8px;
      width: 30px;
  }
  .swiper-button-next{
   height: 45px;
   width: 45px;
   border-radius: 50%;
   background-color: #f3f3f36b;
   display: flex;
   justify-content: center;
   align-items: center;
   right: 30px;
  }
  .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
   color: #fff;
   font-size: 24px;
}

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


    .home_wrap{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        z-index: 1;
        position: relative;
        &::after{ 
          position: absolute;
          content: '';
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          background-color: rgba(0,0,0,0.4);
          z-index: -1;
        }
        .home_wrapper{
            height: 500px;
            position: relative;
            display: flex;
            align-items: center;
            width: 100%;
            .vector-1{
               position: absolute;
               bottom: 0;
               left: 50%;
               transform: translateX(-50%);
            }
              .home_text{
                 max-width: 65%;
                  h5{
                    color: $primaryColor;
                    padding-bottom: 8px;
                    background-color: $white;
                    padding: 4px 20px;
                    border-radius: 35px;
                    display: inline-block;
                    font-size: 16px;
                    font-weight: 400;
                  }
                  h1{
                     color: $white;
                     font-size: 36px;
                     line-height: 42px;
                     font-weight: 700;
                  }
                  p{
                   color: #f3f3f3e3;
                   padding-top: 20px;
                   line-height: 21px;
                  }
       
                  ul{
                   padding-top: 30px;
                     li{
                       display: inline-block;
                       margin-right: 35px;
                       font-size: 16px;
                       color: #314D4A;
                       i{
                           color: $primaryColor;
                       }
                        .home_btn{
                           padding: 12px 35px;
                           background-image: linear-gradient(90deg, #7114EF 0%, #1475F7 50%, #7114EF);
                           font-size: 15px;
                           font-weight: 500;
                           color: $white;
                           border-radius: 2px;
                           border-radius: 35px;
                           &:hover{
                            background-color: $white;
                            color: $black;
                           }
                        }
                        .linker{
                           color: $white;
                           font-weight: 500;
                           border-bottom: 1px solid $white;
                           padding: 5px 0;
                        }
                       }
                  }
              }
          }
    }
   
}