#mslc-form {
    max-width: 600px;;
    background-color: transparent !important;
    border-radius: 12px;
    font-family: 'Segoe UI', sans-serif;
}
#mslc-form h2 {
    text-align: left;

    color: white !important;
}
#mslc-form label {
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    color: white !important;
}
#mslc-form input[type="text"],
#mslc-form input[type="email"] {
  background-color: #fff3 !important;
  color: white !important;
  width: 100%;
  padding: 10px 15px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: border-color 0.3s;
}
#mslc-form input:focus {
    border-color: #0d6efd;
    outline: none;
}
#mslc-form .step {
    animation: fadeIn 0.4s ease-in-out;
}
#mslc-form .mslc-btn {
 margin-top: 20px !important;
 padding: 0px 30px 0px;
 font-weight: 600;
 border-radius: 40px;
 min-width: 130px;
 transition: 0.3s ease-in-out;
}
.mslc-btn:focus {
    outline: none;
    box-shadow: none;
}
.mslc-next {
    background-color: #33607a;
    color: #fff;
}
.mslc-next:hover {
    background-color: #284e65;
}
.mslc-prev {
    background-color: #fff;
    color: #33607a;
}
.mslc-prev:hover {
    background-color: #f2f2f2;
}
#mslc-response {
    text-align: center;
    margin-top: 20px;
    font-weight: 600;
    color: green;
}
#multiStepForm .step-1 .gap-2{
    display: block !important;
}
#multiStepForm .step-1 .gap-2 .btn{
    width:100%;
}
#multiStepForm .step-1 .gap-2 .btn{
    width:100%;
}
#multiStepForm .step-2 .gap-2 .btn,
#multiStepForm .step-3 .gap-2 .btn,
#multiStepForm .step-4 .gap-2 .btn{
    width:48%;
}
@media (max-width:576px){
    #multiStepForm .step-2 .gap-2 .btn,
    #multiStepForm .step-3 .gap-2 .btn,
    #multiStepForm .step-4 .gap-2 .btn{
        width:100%;
    }
}
@keyframes fadeIn {
    0% {opacity: 0; transform: translateY(10px);}
    100% {opacity: 1; transform: translateY(0);}
}
#mslc-form button:hover{
  outline: medium none;
  text-decoration: none;
  color: #fff;
  background-color: var(--primary-color);
}
#multiStepFormMbl .step-1 .gap-2{
    display: block !important;
}
#multiStepFormMbl .step-1 .gap-2 .btn{
    width:100%;
}
#multiStepFormMbl .step-1 .gap-2 .btn{
    width:100%;
}
#multiStepFormMbl .step-2 .gap-2 .btn,
#multiStepFormMbl .step-3 .gap-2 .btn,
#multiStepFormMbl .step-4 .gap-2 .btn{
    width:48%;
}
@media (max-width:576px){
    #multiStepFormMbl .step-2 .gap-2 .btn,
    #multiStepFormMbl .step-3 .gap-2 .btn,
    #multiStepFormMbl .step-4 .gap-2 .btn{
        width:100%;
    }
}
#mslc-response_mbl {
    text-align: center;
    margin-top: 20px;
    font-weight: 600;
    color: green;
}