.cover-login {
            background-image: url('../img/bg-img/4.jpg');
            background-size: contain !important;
            object-fit: contain !important;
            background-position: center !important;
            background-repeat: no-repeat;
            min-height: 100vh !important;
        }
        .bg-hold, .card-footer{
            border:none !important;
            background: transparent !important;
        }

        .login {
            min-height: 100vh !important;
        }

        @media (max-width: 450px) {
            .cover-login { display: none !important; }
        }

        .dynamic-fields {
            transition: all 0.3s ease;
        }

        .hidden-field {
            display: none;
        }

        .error-message {
            color: #dc3545;
            font-size: 12px;
            margin-top: 5px;
        }

        .success-message {
            color: #28a745;
            font-size: 14px;
            text-align: center;
            padding: 10px;
        }

        .loading {
            display: none;
            text-align: center;
            padding: 10px;
        }

        .loading i {
            font-size: 20px;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
.w3-small, .copyright{
    font-size: 11px !important;
}
.form-control {
    font-size: 11px !important;
}
.w3-text-green, .card-footer{
    font-size: 12px !important;
    color: #09648e !important;
    text-align: center !important;
}