.search-input{
    background: #F3F4F6;
    border-radius: 0 46px 46px 0 !important;
    height: 40px;
}
.search-btn{
    border-radius: 46px 0 0 46px  !important;
    background: #ffc107;
    border: none;
    height: 40px;
}

.invalids{
    display: none;
}

.sample-slider{
    width:100%;
}
.sample-slider img{
    width: 100%;
}
.swiper-pagination-bullet-active{
    background: #5f1374
}
.swiper{
    z-index: 0;
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    }
    
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    }


    .banner-contain-22{
        background-size: contain !important;
    }

    .btn-animation{
        background: var(--theme-color) !important;
    }
    .btn-animation::after{
        background: var(--theme-color) !important;
    }
    .invalid{
        display: none;
        margin-top: 5px;
        color: red;
    }
    .login-btn{
        height: 38px;
        font-size: 15px;
    }

/* width */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(128, 128, 128, 0.459); 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--theme-color1); 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ff9307; 
}