/* as - Aglet Sans */
/* n - Nunito */
/* TAGS */
/* TOGGLE SWITCH */
/*STEPPER*/
/*TABS PILLS*/
/*BREADCRUMB*/
/*TABLES*/
/* ACCORDION */
/* MODALS */
/****************************************/
/*CARDS*/
/****************************************/
/* BUTTONS */
/* When we need hover to be another color other than orange */
/***************************************************/
/* LINKS */
/***************************************************/
/*FORMS*/
/***************************************************/
/* INPUTS AND VALIDATIONS */
/*DEFAULT DROPDOWN*/
/****************************************/
/* SIMPLE DROPDOWN */
/**************************************/
/* SMALL DROPDOWN */
/**************************************/
/***************************************************/
.card-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #F8F9FC;
  box-shadow: 0px 16px 48px 0px rgba(0, 0, 0, 0.06);
  background-color: #FFFFFF;
  height: 35rem;
}
@media (max-width: 768px) {
  .card-wrapper {
    height: 50rem;
  }
}
@media (max-width: 576px) {
  .card-wrapper {
    box-shadow: none;
    border: none;
    width: 100vw;
    height: 100vh !important;
  }
}
.card-wrapper .card-content {
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.card-wrapper .card-content .card-content-top .header-logo-titles {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.card-wrapper .card-content .card-content-top .header-logo-titles img {
  margin-bottom: 1.5rem;
}
.card-wrapper .card-content .card-content-top .header-logo-titles .header-titles {
  text-align: left;
}
.card-wrapper .card-content .card-content-top .header-logo-titles .header-titles .main-title {
  font-family: "aglet-sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 2.0625rem;
  color: #3A3B45;
  line-height: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-wrapper .card-content .card-content-top .header-logo-titles .header-titles .welcome-title {
  font-family: "aglet-sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.375rem;
  text-align: center;
  margin-bottom: 0.625rem;
}
.card-wrapper .card-content .card-content-top .header-logo-titles > .main-title {
  font-family: "aglet-sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 2.0625rem;
  color: #3A3B45;
  margin-bottom: 0.5rem;
}
.card-wrapper .card-content .card-content-bottom .form-buttons button {
  width: 100%;
  margin-bottom: 0.5rem;
}
.footer-copyright .footer-text {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}