/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.label-required {
   position: relative;
}

.label-required::after {
   content: '*';
   position: relative;
   color: red;
   margin-left: 3px;
   vertical-align: text-bottom;

}

form .form-control:focus {
   outline: 0;
   box-shadow: none;
}

/* .error {
   color: red;
}

.valid {
   color: green;
}

.error-message {
   color: red;
   margin-top: 5px;
} */

.survey-form-wrapper .abc {
   padding-top: 15px;
}

/* .form-control.error {
   border: 1px solid red;
} */

.submit {
   font-family: "Plus Jakarta Sans", sans-serif !important;
   font-weight: 600 !important;
   background-color: #F04E2A !important;
   border-color: #F04E2A !important;
   border-radius: 3px !important;
   padding: 10px 25px !important;
   line-height: 1.5 !important;
   border: 1px solid transparent !important;
   transition: 0.3s ease all !important;
   color: #ffffff !important;
}

/* .form-control.valid {
   border: 1px solid green;
} */
.survey-form-wrapper .valid-feedback,
.survey-form-wrapper .invalid-feedback {
   display: block !important;
}
.rewards-list-wrapper,
.survey-form-wrapper {
   position: relative;
}



/* .loader {
   position: absolute;
   bottom: 6%;
   left: 5%;
   width: 4%;
   height: 5%;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #f8f8f8cf;
}


@media screen and (max-width: 640px) {
   .loader {
      bottom: 6%;
      left: 13%;
      width: 10%;
      height: 5%;
   }
} */
.rewards-list-wrapper .loader,
.survey-form-wrapper .loader {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #f8f8f8cf;
}