.login-card {
       border-radius: 25px;
   }

   .card {
       box-shadow: none !important;
   }

   .login-image {
       border-radius: 25px;
   }

   .login-form {
       padding: 40px;
       padding-left: 20%;
   }

   .login-form h2 {
       margin-bottom: 16px;
   }

   .login-form input {
       margin-bottom: 15px;
   }

   .form-control:focus {
       border: 3px solid #D5E3FF;
   }

   .signin {
       font-size: 35px;
       font-weight: 600;
       line-height: 45.57px;
       letter-spacing: -0.04em;
       color: #070708;
   }

   h4 {
       font-weight: 400;
       font-size: 20px;
       line-height: 20.04px;
       color: #393745;
   }

   .label-form {
       font-size: 16px;
       font-weight: 400;
       line-height: 20.83px;
       color: #C5C5C5;
   }

   .form-control {
       border: 1px solid #C5C5C5;
       border-radius: 30px;
   }

   .forgot {
       font-size: 16px;
       font-weight: 400;
       line-height: 20.83px;
       color: #4585FF;
   }

   .forgot:hover {
       color: #0000ff;
   }

   .sign:hover {
       color: #0000ff;
   }

   .form-check-label {
       color: #070708;
       font-size: 16px;
       font-weight: 400;
       line-height: 20.83px;
       letter-spacing: -0.04em;
       text-align: left;
   }

   .form-check-input {
       border-color: #070708;
       border-radius: 0px;
   }

   .form-group .btn {
       display: block;
       margin: 0 auto;
       background-color: #4585FF;
       height: 50px;
       font-size: 20px;
       font-weight: 700;
       line-height: 26.4px;
       text-align: center;
       color: #FFFFFF;
   }
   .success{
        background-color: #4585FF;
        color: black;
        width: auto;
        padding:20px;
        font-size:40px;
   }

   .form-group .btn:hover {
       background-color: #4585FF;
       transform: scale(1.05);
   }

   .form-group a {
       color: #4585FF;
       font-size: 16px;
       font-weight: 400;
       line-height: 20.83px;
   }

   .form-group p {
       color: #C5C5C5;
       font-size: 16px;
       font-weight: 400;
       line-height: 20.83px;
   }

   .form-check {
       padding-left: 0px !important;
   }

   .form-check-input {
       opacity: 0;
       position: absolute;
   }

   .form-check-label {
       position: relative;
       padding-left: 25px;
       cursor: pointer;
       font-size: 16px;
       line-height: 20.83px;
       color: #070708;
   }

   .form-check-label:before {
       content: '';
       position: absolute;
       left: 0;
       top: 0;
       width: 20px;
       height: 20px;
       border: 2px solid black;
       border-radius: 3px;
       background-color: white;
   }

   .form-check-input:checked+.form-check-label:before {
       background-color: black;
       content: '✓';
       color: white;
       font-size: 14px;
       text-align: center;
       line-height: 18px;
   }

   .login-card {
       border: none;
   }
   .main-image {
       position: relative;
       border-radius: 25px;
       overflow: hidden;
   }

   .main-image::before {
       content: "";
       position: absolute;
       width: 100%;
       height: 100%;
       background: linear-gradient(180deg, #4585FF 0%, #03092D 100%);
       z-index: 1;
       border-radius: 25px;
       mix-blend-mode: hard-light;
   }
   .login-image {
       width: 100%;
       height: 100%;
       object-fit: cover;
       position: relative;
       z-index: 0;
   }

   .text-overlay {
       position: absolute;
       z-index: 2;
       bottom: 53px;
       left: 53px;
       color: white;
       font-size: 1.5rem;
       font-weight: bold;
       text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
   }

   .text-overlay h2 {
       font-size: 35px;
       font-weight: 600;
       line-height: 45.57px;
       letter-spacing: -0.04em;
       text-align: left;
       color: #ffffff;
   }

   .text-overlay p {
       font-size: 20px;
       font-weight: 400;
       line-height: 26.04px;
       letter-spacing: -0.04em;
       text-align: left;
       color: #ffffff;
       padding-right: 30%;
   }

   .main-image {
       position: relative;
       max-width: 100%;
   }

         /* .login-card {
             border: none;
             box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
         }
         .text-overlay {
             position: absolute;
             color: white;
             text-align: center;
             bottom: 20px;
             left: 50%;
             transform: translateX(-50%);
             z-index: 10;
             padding: 10px;
             background: rgba(0, 0, 0, 0.5);
             border-radius: 10px;
         }
         @media (max-width: 768px) {
             .col-md-7 {
                 display: none;
             }

             .col-md-12 {
                 padding: 20px;
             }
         } */