body {
   background: linear-gradient(135deg, #ff8c00, #ff8c00);
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }

 /* Shared Wrappers */
 .login-wrapper,
 .register-wrapper,
 .forgot-wrapper {
   min-height: calc(100vh - 60px);
   display: flex;
   align-items: center;
   justify-content: center;
 }

 /* Shared Cards */
 .login-card,
 .register-card,
 .forgot-card {
   width: 100%;
   max-width: 420px;
   background: #fff;
   border-radius: 12px;
   box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.08);
   padding: 30px;
   animation: fadeIn 0.5s ease-in-out;
 }

 /* Shared Titles */
 .login-title,
 .register-title,
 .forgot-title {
   text-align: center;
   color: #ff8c00;
   font-weight: 700;
   margin-bottom: 5px;
 }

 /* Shared Subtitles */
 .login-subtitle,
 .register-subtitle,
 .forgot-subtitle {
   text-align: center;
   font-size: 0.95rem;
   color: #6c757d;
   margin-bottom: 20px;
 }

 /* Form Controls */
 .form-control:focus {
   border-color: #ff8c00;
   box-shadow: 0 0 0 0.2rem rgba(255, 140, 0, 0.25);
 }

 /* Buttons */
 .btn-login,
 .btn-register,
 .btn-forgot {
   background-color: #ff8c00;
   border: none;
   font-weight: 500;
   padding: 10px;
   transition: all 0.3s ease-in-out;
 }

 .btn-login:hover,
 .btn-register:hover,
 .btn-forgot:hover {
   background-color: #e67e00;
 }

 /* Footer Links */
 .login-footer,
 .register-footer,
 .forgot-footer {
   text-align: center;
   margin-top: 15px;
   font-size: 0.9rem;
 }

 .login-footer a,
 .register-footer a,
 .forgot-footer a {
   color: #007bff;
   text-decoration: none;
 }

 .login-footer a:hover,
 .register-footer a:hover,
 .forgot-footer a:hover {
   text-decoration: underline;
 }

 /* Loader */
 .loader {
   display: none;
   border: 4px solid #e67e00;
   border-top: 4px solid #007bff;
   border-radius: 50%;
   width: 30px;
   height: 30px;
   animation: spin 1s linear infinite;
   margin: 10px auto;
 }

 /* Error Label */
 label.error {
   position: absolute;
   font-size: 14px;
   bottom: -21px;
   width: 100%;
   z-index: 9;
   left: 0;
   font-weight: 300;
   color: #f00 !important;
 }

 .toast-success {
   background-color: #599b2e !important;
   box-shadow: none !important;
   border: 1px dotted;
   border-radius: 10px !important;
 }

 /* Animations */
 @keyframes fadeIn {
   from {
     opacity: 0;
     transform: translateY(-10px);
   }

   to {
     opacity: 1;
     transform: translateY(0);
   }
 }




 /* 10/30/2025 Css Updates */

 body .more-info.about-info .card-body {
   background: #ffffffa3 !important;
   padding: 40px !important;
   backdrop-filter: blur(150px);
   border-radius: 150px !important;
 }

 body .more-info.about-info form#payment-form input {
   height: 50px !important;
   border-radius: 10px;
   padding: 10px 15px;
   background: #fff;
   border: 1px solid#ddd;
   width: 100%;
   color: #464646dd;
 }

 body .more-info.about-info form#payment-form label {
   width: 100%;
   color: #000 !important;
   margin: 3px;
   font-size: 16px;
 }

 body .more-info.about-info form#payment-form select {
   height: 50px !important;
   border-radius: 10px;
   padding: 10px 15px;
   background: #fff;
   border: 1px solid #ddd;
   width: 100%;
   color: #464646dd;
 }

 .card-body.text-center h5.card-title {
   font-size: 14px;
 }


 @media only screen and (max-width: 767px) {

   .login-wrapper,
   .register-wrapper,
   .forgot-wrapper {
     margin: 0 15px;
   }


 }