.login-car{
       margin-top: 100px;
}

.login-border{
    border: 2px solid #4A98FF;
    border-radius: 50px;
}

 .container-fluid.login-container-s {
     height: 100vh;
     display: flex;
     flex-direction: row;
 }



.login-container-s{
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 100vh;
}

.image-section, .form-section {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.image-section {
    background-color: transparent;
}
.form-section {
    background-color: transparent;
}

.image-section img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    display: block;
}

.form-content {
    width: 100%;
    margin: 20px;
    margin-top: 150px;
    max-width: 100%; /* Adjust this width as necessary */
}
.login-form-display{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}


.login-area-1{
    display: flex;
    justify-content: center; /* Horizontal centering */
    align-items: center; /* Vertical centering */
    height: 130vh; /* Ensure full height */
}

.forget-container{
    padding: 20px;
    background: #010101  0% 0% no-repeat padding-box;
}

.signup-car{
    position: relative;
    width: 90%;
}

 .login-bg-1 {
    background-color: #F2F1F2;
}

.login-container-2{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.label-gray{
     color: #6D6D6D;
     margin-top: 10px;
     margin-bottom: 10px;
     font-weight: 800;
}

.label-white{
     color: #D7D7D7;
     margin-top: 10px;
     margin-bottom: 10px;
     font-weight: 100;
     text-transform: uppercase;
}

.label-gold{
     color: #EE6822;
     margin-top: 10px;
     margin-bottom: 10px;
     font-weight: 100;
     text-transform: uppercase;
}

.label-blue{
     color: #3E47DD;
     margin-top: 10px;
     margin-bottom: 10px;
     font-weight: 600;
     text-transform: uppercase;
}

.label-green{
     color: #68D698;
     margin-top: 10px;
     margin-bottom: 10px;
     font-weight: 600;
     text-transform: uppercase;
}

.label-purple{
     color: #456E5C;
     margin-top: 10px;
     margin-bottom: 10px;
     font-weight: 700;
     text-transform: uppercase;
}

.login-eye {
    margin-top: -41px;
    position: absolute;
    right: 95px;
    color: #6D6D6D;
}

.label-black{
 color: #202237;
 margin-top: 10px;
 margin-bottom: 10px;
}

.signup-form{
    background: transparent;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    color: #fff;
    border: 0px solid #ee6823;
    border-bottom: 1px solid #4A98FF;
    border-radius: 0px;
}

.signup-form-select{
    background: transparent;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    height: 3rem;
    color: #fff;
    border: 0px solid #ee6823;
    border-bottom: 1px solid #4A98FF;
    border-radius: 0px;
}

.signup-form-select option{
    color: #000;
}

.signup-form-1{
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    color: #fff;
    background: transparent linear-gradient(180deg, #2B2B2B 0%, #43414100 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #6E6E6E;
    border-radius: 16px;
}

.signup-form-select-1{
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    height: 3rem;
    color: #fff;
    background: transparent linear-gradient(180deg, #2B2B2B 0%, #43414100 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #6E6E6E;
    border-radius: 16px;
}





@media (min-width:320px)  {
.signup-car{
    position: relative;
    width: 90%;

}

.login-car{
       margin-top: 10px;
}

}

@media (min-width:480px)  {
.signup-car{
    position: relative;
    width: 90%;

}

.login-car{
       margin-top: 10px;
}

}
@media (min-width:600px)  {
.signup-car{
    position: relative;
    width: 90%;

}

.login-car{
       margin-top: 10px;
}


}

@media (min-width:801px)  {
.signup-car{
    position: relative;
    width: 90%;

}

.login-car{
   margin-top: 10px;
}
}

@media (min-width:1025px) {
.signup-car{
    position: relative;
    width: 90%;
    
}

.login-car{
       margin-top: 80px;
}

}
@media (min-width:1281px) {
.signup-car{
    position: relative;
    width: 90%;
    
}

.login-car{
       margin-top: 100px;
}

}


@media (max-width: 767.98px) {
     .container-fluid.login-container-s {
         flex-direction: column;
         height: auto;
     }
     .image-section, .form-section {
         width: 100%;
         padding: 20px;
         height: auto;
     }
     .image-section img {
         width: 100%;
         height: auto;
         margin-top: 47px;
     }
}