body {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}



.card {
    border-radius: 15px;
    border: none;
}

.card-header {
    border-radius: 15px 15px 0 0 !important;
}

.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    border-color: #007bff;
}

.btn-primary {
    background: linear-gradient(45deg, #007bff, #0056b3);
    border: none;
    border-radius: 25px;
}

    .btn-primary:hover {
        background: linear-gradient(45deg, #0056b3, #004085);
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
    }


.UserChoice {
    margin-top: 9px;
    font-size: larger;
    background-color: darkorange;
    padding: 0px 0px 0px 0px;
    border-radius: 8px;
}


hr {
    height: 1.5px !important;
    background-color: white !important;
    border: none !important;
    opacity: 1 !important;
}

.allCustomError ul {
    list-style-type: none;
    text-align: center;
}




.chetuUserLoginBtn {
    background: linear-gradient(135deg, #004d4d 0%, #006666 15%, #008080 30%, #009999 45%, #00b3b3 60%, #1ac6c6 75%, #33d6d6 90%, #66e0e0 100% );
    color: #ffffff;
    border: none;
    border-radius: 30px;
    padding: 14px 24px;
    font-weight: 600;
    transition: all 0.4s ease;
    text-align: center;
    font-size: large;
    background-size: 300% 300%;
    animation: gradientMove 6s ease infinite;
}

/* Smooth gradient animation */
@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

a:hover{
    color:yellow;
}




/*//------------------------------------------------------------
*/

/*.clientUserLoginBtn {
    background: linear-gradient(135deg, #57a1f1 0%, #256bf1 15%, #415a77 30%, #778da9 45%, #00b4d8 60%, #0077b6 75%, #023e8a 90%, #03045e 100%);
    color: #ffffff;
    border: none;
    border-radius: 30px;
    padding: 14px 24px;
    font-weight: 600;
    transition: all 0.4s ease;
    text-align: center;
    font-size: large;
    background-size: 300% 300%;
    animation: gradientMove 6s ease infinite;
}
*/


/*//---------------------------------------------------------*/

/*body {
    margin: 0;
    min-height: 100vh;*/
    /* 1. The Gradient */
    /*background: linear-gradient(135deg,*/
    /* --- 4 LIGHT STOPS --- */
    /*#a29bfe 0%,*/ /* 1. Very Light Lavender */
    /*#8258ff 12%,*/ /* 2. Bright Electric Purple */
    /*#667eea 25%,*/ /* 3. Soft Periwinkle Purple */
    /*#5f27cd 37%,*/ /* 4. Vibrant Deep Violet */
    /* --- 4 DARK STOPS --- */
    /*#4834d4 50%,*/ /* 5. Deep Indigo (Your Original) */
    /*#2d1b69 65%,*/ /* 6. Deep Royal Night */
    /*#190061 80%,*/ /* 7. Midnight Purple (Your Original) */
    /*#05022a 100%*/ /* 8. Deepest Space Black-Purple */
    /*);*/
    /* 2. THE FIX: Make the background 4x larger than the screen so it can move */
    /*background-size: 400% 400%;*/
    /* 3. The Animation */
    /*animation: gradientMove 6s ease infinite;
}*/