@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap");
body {
  background-color: #ececec;
  font-family: 'Fredoka', sans-serif;
  font-weight: 400; }

.medium, .greyTxt, .blackTxt, .whiteTxt {
  font-family: 'Fredoka', sans-serif;
  font-weight: 500; }

.semiBold, .navRightItems li a {
  font-family: 'Fredoka', sans-serif;
  font-weight: 600; }

.bold, .greyHeading, .greenHeading {
  font-family: 'Fredoka', sans-serif;
  font-weight: 700; }

.greyHeading {
  font-size: 1.75rem;
  color: #5e5f5f; }

.greenHeading {
  font-size: 1.75rem;
  color: #00533a; }

.greyTxt {
  font-size: 1.25rem;
  color: #686868; }

.blackTxt {
  font-size: 1.25rem;
  color: #000; }

.whiteTxt {
  font-size: 1.25rem;
  color: #fff; }

.form-control {
  border: 1px solid #b4b6bd;
  border-radius: 8px; }
  .form-control:focus {
    box-shadow: none; }

.valid-tooltip,
.invalid-tooltip {
  width: 100%; }

.w100 {
  width: 100%; }

.mainNav {
  background: #fff;
  border-bottom: 1px solid #b4b6bd;
  padding: 10px 0; }

.navRightItems li a {
  font-size: 1.25rem;
  color: #00533a;
  transition: all 0.3s linear; }
  .navRightItems li a:hover {
    transition: all 0.3s linear;
    transform: translateY(-1px);
    color: #00533a; }

.contentSec {
  min-height: calc(100vh - 92px);
  display: flex;
  align-items: center;
  justify-content: center; }

.loginFormHolder {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  max-width: 360px;
  margin: auto; }
  .loginFormHolder.alertPopup {
    padding: 0; }
    .loginFormHolder.alertPopup .iconHolder {
      border-radius: 20px;
      background: #e15555;
      padding: 20px 0;
      text-align: center; }
    .loginFormHolder.alertPopup .content {
      padding: 40px 30px;
      padding-top: 0; }

.btn:focus {
  box-shadow: none; }

.greenBtn {
  background: #609d29;
  border-radius: 8px;
  font-size: 1.15rem;
  padding: 8px 15px;
  color: #fff;
  transition: all 0.3s linear; }
  .greenBtn.shadowBtn {
    box-shadow: 10px 5px 20px rgba(0, 0, 0, 0.2); }
  .greenBtn:hover {
    color: #fff;
    background: #518622;
    transition: all 0.3s linear;
    transform: translateY(2px); }

.redBtn {
  background: #e15555;
  font-size: 1.15rem;
  border-radius: 8px;
  padding: 8px 15px;
  color: #fff;
  transition: all 0.3s linear; }
  .redBtn.shadowBtn {
    box-shadow: 10px 5px 20px rgba(0, 0, 0, 0.2); }
  .redBtn:hover {
    color: #fff;
    background: #c24747;
    transition: all 0.3s linear;
    transform: translateY(2px); }

@media only screen and (max-width: 480px) {
  .navbar-brand img {
    height: 40px; }

  .navRightItems li a {
    font-size: 0.85rem;
    padding: 10px; } }

/*# sourceMappingURL=style-en.css.map */