.slider {
    height: 60px;
    width: 125px;
    border-radius: 50px;
    /*background-image: linear-gradient(to right, rgb(10 120 205), rgb(0 170 229));*/
    
    /*CHANGE BY MINESH SIR ON 04-04-2024*/
    background-color: #041f34 !important;

    position: absolute;
    top: 20px;
    left: 200px;
    transition: all 0.5s ease-in-out;
}
.slider-btn {height: 60px;width: 270px;margin: 20px auto;/*box-shadow: 10px 10px 30px rgb(254, 215, 188) !important;*/border-radius: 50px;display: flex;justify-content: space-around;align-items: center;}
.login,.signup {font-size: 22px;border: none;outline: none;background-color: transparent;position: relative;cursor: pointer;}
.moveslider {left: 335px;}
.clkbtn {
    height: 60px;
    width: 150px;
    border-radius: 50px;
    /*background-image: linear-gradient(to right, rgb(10 120 205), rgb(0 170 229));*/

    /*CHANGE BY MINESH SIR ON 04-04-2024*/
    background-color: #041f34 !important;

    font-size: 22px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;
}
.cust-login-bg{background-image: url('../../contents/images/login_bg.webp'); background-size:cover; background-position:center; background-repeat:no-repeat;}
@media screen and (max-width: 1024px) {
    .login,.signup {font-size: 19px;}
    .slider {height: 50px;width: 90px;left: 132px;}
    .moveslider {left: 230px;}
    .clkbtn {height: 50px;width: 130px;font-size: 17px;}
    .slider-btn {height: 50px;width: 200px;}
}
@media screen and (max-width: 992px) {
    .login,.signup {font-size: 19px;}
    .slider {height: 50px;width: 90px;left: 132px;}
    .moveslider {left: 230px;}
    .clkbtn {height: 50px;width: 130px;font-size: 17px;}
    .slider-btn {height: 50px;width: 200px;}
}
@media screen and (max-width: 820px) {
    .login,.signup {font-size: 19px;}
    .slider {height: 50px;width: 90px;left: 130px;}
    .moveslider {left: 230px;}
    .clkbtn {height: 50px;width: 130px;font-size: 17px;}
    .slider-btn {height: 50px;width: 200px;}
}
@media screen and (max-width: 768px) {
    .login,.signup {font-size: 19px;}
    .slider {height: 50px;width: 90px;left: 112px;}
    .moveslider {left: 212px;}
    .clkbtn {height: 50px;width: 130px;font-size: 17px;}
    .slider-btn {height: 50px;width: 200px;}
}
@media screen and (max-width: 430px) {
    .login,.signup {font-size: 19px;}
    .slider {height: 50px;width: 90px;left: 75px;}
    .moveslider {left: 175px;}
    .clkbtn {height: 50px;width: 130px;font-size: 17px;}
    .slider-btn {height: 50px;width: 200px;}
}
@media screen and (max-width: 425px) {
    .login,.signup {font-size: 19px;}
    .slider {height: 50px;width: 90px;left: 72px;}
    .moveslider {left: 172px;}
    .clkbtn {height: 50px;width: 130px;font-size: 17px;}
    .slider-btn {height: 50px;width: 200px;}
}
@media screen and (max-width: 390px) {
    .login,.signup {font-size: 19px;}
    .slider {height: 50px;width: 90px;left: 55px;}
    .moveslider {left: 155px;}
    .clkbtn {height: 50px;width: 130px;font-size: 17px;}
    .slider-btn {height: 50px;width: 200px;}
}
@media screen and (max-width: 375px) {
    .login,.signup {font-size: 19px;}
    .slider {height: 50px;width: 90px;left: 47px;}
    .moveslider {left: 147px;}
    .clkbtn {height: 50px;width: 130px;font-size: 17px;}
    .slider-btn {height: 50px;width: 200px;}
}
@media screen and (max-width: 320px) {
    .login,.signup {font-size: 19px;}
    .slider {height: 50px;width: 90px;left: 20px;}
    .moveslider {left: 120px;}
    .clkbtn {height: 50px;width: 130px;font-size: 17px;}
    .slider-btn {height: 50px;width: 200px;}
}