/* == Google Fonts ==*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

li {
  list-style-type: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* == Google Font Vars ==*/
/*== Font Mixins ==*/
/**
 * Basic typography style for copy text
 */
@media screen and (min-width: 0px) {
  .display-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 2.2rem;
    line-height: 1.3;
  }
  .display-txt.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.9rem;
    line-height: 1.3;
  }
  .display-txt.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 2.4rem;
    line-height: 1.3;
  }
  h1 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 1.3;
  }
  h1.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.675rem;
    line-height: 1.3;
  }
  h1.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.95rem;
    line-height: 1.3;
  }
  h2 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.3;
  }
  h2.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.375rem;
    line-height: 1.3;
  }
  h2.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.7rem;
    line-height: 1.3;
  }
  h3 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.25rem;
    line-height: 1.3;
  }
  h3.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.15rem;
    line-height: 1.3;
  }
  h3.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.3;
  }
  h4 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.05rem;
    line-height: 1.4;
  }
  h4.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.025rem;
    line-height: 1.4;
  }
  h4.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.4;
  }
  h5 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 0.95rem;
    line-height: 1.4;
  }
  h5.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 0.875rem;
    line-height: 1.4;
  }
  h5.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.05rem;
    line-height: 1.4;
  }
  h6 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 0.85rem;
    line-height: 1.5;
  }
  p {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 0.95rem;
    line-height: 1.5;
  }
  p.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 0.9rem;
    line-height: 1.5;
  }
  p.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5;
  }
  small {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 0.75rem;
    line-height: 1.5;
  }
}
@media screen and (min-width: 421px) {
  .display-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 2.3rem;
    line-height: 1.3;
  }
  .display-txt.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    line-height: 1.3;
  }
  .display-txt.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 2.6rem;
    line-height: 1.3;
  }
  h1 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.825rem;
    line-height: 1.3;
  }
  h1.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.65rem;
    line-height: 1.3;
  }
  h1.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 2.1rem;
    line-height: 1.3;
  }
  h2 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.3;
  }
  h2.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.3rem;
    line-height: 1.3;
  }
  h2.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.75rem;
    line-height: 1.3;
  }
  h3 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.25rem;
    line-height: 1.3;
  }
  h3.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.15rem;
    line-height: 1.3;
  }
  h3.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.3;
  }
  h4 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.075rem;
    line-height: 1.5;
  }
  h4.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 0.975rem;
    line-height: 1.5;
  }
  h4.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.15rem;
    line-height: 1.5;
  }
  h5 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 0.975rem;
    line-height: 1.5;
  }
  h5.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 0.925rem;
    line-height: 1.5;
  }
  h5.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.075rem;
    line-height: 1.5;
  }
  h6 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 0.9rem;
    line-height: 1.5;
  }
  p {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 0.975rem;
    line-height: 1.5;
  }
  p.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 0.925rem;
    line-height: 1.5;
  }
  p.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 1.025rem;
    line-height: 1.5;
  }
  small {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 0.8rem;
    line-height: 1.5;
  }
}
@media screen and (min-width: 769px) {
  .display-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 1.3;
  }
  .display-txt.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 2.2rem;
    line-height: 1.3;
  }
  .display-txt.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 2.7rem;
    line-height: 1.3;
  }
  h1 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.9rem;
    line-height: 1.3;
  }
  h1.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.75rem;
    line-height: 1.3;
  }
  h1.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 2.1rem;
    line-height: 1.3;
  }
  h2 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.3;
  }
  h2.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.45rem;
    line-height: 1.3;
  }
  h2.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 1.3;
  }
  h3 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.3rem;
    line-height: 1.3;
  }
  h3.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.3;
  }
  h3.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.45rem;
    line-height: 1.3;
  }
  h4 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.12rem;
    line-height: 1.4;
  }
  h4.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.05rem;
    line-height: 1.4;
  }
  h4.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.4;
  }
  h5 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5;
  }
  h5.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 0.95rem;
    line-height: 1.5;
  }
  h5.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.1rem;
    line-height: 1.5;
  }
  h6 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 0.95rem;
    line-height: 1.5;
  }
  p {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.6;
  }
  p.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 0.95rem;
    line-height: 1.6;
  }
  p.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 1.05rem;
    line-height: 1.6;
  }
  small {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 0.8rem;
    line-height: 1.5;
  }
}
@media screen and (min-width: 992px) {
  .display-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 2.7rem;
    line-height: 1.3;
  }
  .display-txt.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 2.4rem;
    line-height: 1.3;
  }
  .display-txt.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 3rem;
    line-height: 1.3;
  }
  h1 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 2.1rem;
    line-height: 1.3;
  }
  h1.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.9rem;
    line-height: 1.3;
  }
  h1.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 2.3rem;
    line-height: 1.3;
  }
  h2 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.7rem;
    line-height: 1.3;
  }
  h2.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.55rem;
    line-height: 1.3;
  }
  h2.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.85rem;
    line-height: 1.3;
  }
  h3 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.35rem;
    line-height: 1.3;
  }
  h3.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.25rem;
    line-height: 1.3;
  }
  h3.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.3;
  }
  h4 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.17rem;
    line-height: 1.4;
  }
  h4.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.1rem;
    line-height: 1.4;
  }
  h4.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.25rem;
    line-height: 1.4;
  }
  h5 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.05rem;
    line-height: 1.5;
  }
  h5.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5;
  }
  h5.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.15rem;
    line-height: 1.5;
  }
  h6 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 0.98rem;
    line-height: 1.5;
  }
  p {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.6;
  }
  p.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 0.975rem;
    line-height: 1.6;
  }
  p.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 1.075rem;
    line-height: 1.6;
  }
  small {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 0.8rem;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1201px) {
  .display-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 2.9rem;
    line-height: 1.3;
  }
  .display-txt.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 2.6rem;
    line-height: 1.3;
  }
  .display-txt.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 3.2rem;
    line-height: 1.3;
  }
  h1 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 2.3rem;
    line-height: 1.3;
  }
  h1.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 2.1rem;
    line-height: 1.3;
  }
  h1.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 1.3;
  }
  h2 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.725rem;
    line-height: 1.3;
  }
  h2.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.3;
  }
  h2.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.9rem;
    line-height: 1.3;
  }
  h3 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.37rem;
    line-height: 1.3;
  }
  h3.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.275rem;
    line-height: 1.3;
  }
  h3.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.3;
  }
  h4 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.225rem;
    line-height: 1.4;
  }
  h4.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.15rem;
    line-height: 1.4;
  }
  h4.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.3rem;
    line-height: 1.4;
  }
  h5 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.08rem;
    line-height: 1.4;
  }
  h5.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.025rem;
    line-height: 1.4;
  }
  h5.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.15rem;
    line-height: 1.4;
  }
  h6 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.4;
  }
  p {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 1.05rem;
    line-height: 1.6;
  }
  p.sm-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.6;
  }
  p.lg-txt {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 1.1rem;
    line-height: 1.6;
  }
  small {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 0.85rem;
    line-height: 1.5;
  }
}
/* ------------ Colors Variables -------------*/
/*== ALERT COLOURS ==*/
/*
Error backgrounds: Use error-50 or error-100.
Text & icons: Use error-500 for emphasis, error-700 for dark mode.
Borders: error-300 or error-400 are best for contrast.
*/
html {
  scroll-behavior: smooth;
}

body {
  background-color: #ffffff;
  min-width: 300px !important;
  position: relative;
  font-family: "Roboto", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  font-size: 16px;
  color: #3e3c3a;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  color: #1372B6;
  margin: 0;
}

p {
  padding: 0.3rem 0;
  margin: 0;
}

.img-wrap {
  border-radius: 16px;
  overflow: hidden;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a {
  text-decoration: none;
  color: #FF9E1B;
}
a:hover {
  color: #0e5588;
}

ul {
  padding: 0;
}

.wrapper {
  width: 100%;
  max-width: 100%;
}

.content-wrapper {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}

.row {
  margin: 0;
  padding: 0;
}

.card {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  padding: 20px;
}

.alert {
  margin: 1rem auto 0;
  width: 90%;
  max-width: 1170px;
  padding: 0.5rem 1rem;
}

.breadcrumb-item {
  font-size: 0.8em;
}

.img-wrap {
  overflow: hidden;
}

.wrapper {
  width: 100%;
  max-width: 100%;
}

.content-wrapper {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}

.row {
  margin: 0;
  padding: 0;
}

.cols-2-wrapper .col-wrap {
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .cols-2-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .cols-2-wrapper .col-wrap, .cols-2-wrapper .col-wrap {
    flex-basis: 47%;
  }
  .cols-2-wrapper.lg-reversed {
    flex-direction: row-reverse;
  }
  .cols-2-wrapper.cols-align-top {
    align-items: flex-start;
  }
  .cols-2-wrapper.cols-align-stretch {
    align-items: stretch;
  }
}

.cols-1-bulleted-wrapper .col-wrap {
  margin-bottom: 2rem;
}
.cols-1-bulleted-wrapper .col-icon-wrap {
  width: 50px;
  margin-bottom: 0.5rem;
}
.cols-1-bulleted-wrapper .col-icon-wrap .mdi {
  font-size: 3.5rem;
  color: #1372B6;
}
@media screen and (min-width: 640px) {
  .cols-1-bulleted-wrapper .col-details-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .cols-1-bulleted-wrapper .col-icon-wrap {
    flex-basis: 50px;
    margin-right: 1rem;
  }
  .cols-1-bulleted-wrapper .col-details {
    flex-basis: 80%;
    flex-grow: 1;
  }
}

.cols-2-bulleted-wrapper {
  /*.col-details-wrapper {
      @include display-flex(flex-start, flex-start);
      flex-direction: column;
  }*/
}
.cols-2-bulleted-wrapper .col-wrap {
  margin-bottom: 2rem;
}
.cols-2-bulleted-wrapper .col-icon-wrap {
  width: 40px;
  margin-bottom: 0.5rem;
}
.cols-2-bulleted-wrapper .col-icon-wrap .mdi {
  font-size: 3rem;
  color: #1372B6;
}
@media screen and (min-width: 640px) and (max-width: 767px) {
  .cols-2-bulleted-wrapper .col-details-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .cols-2-bulleted-wrapper .col-icon-wrap {
    flex-basis: 40px;
    margin-right: 1rem;
  }
  .cols-2-bulleted-wrapper .col-details {
    flex-basis: 80%;
    flex-grow: 1;
  }
}
@media screen and (min-width: 768px) {
  .cols-2-bulleted-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .cols-2-bulleted-wrapper .col-wrap, .cols-2-bulleted-wrapper .col-wrap {
    flex-basis: 47%;
  }
  .cols-2-bulleted-wrapper .col-icon-wrap {
    margin-right: 0;
  }
}
@media screen and (min-width: 991px) {
  .cols-2-bulleted-wrapper .col-details-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
  }
  .cols-2-bulleted-wrapper .col-icon-wrap {
    margin-right: 1rem;
    flex-basis: 40px;
  }
  .cols-2-bulleted-wrapper .col-details {
    flex-basis: 80%;
    flex-grow: 1;
  }
}

.cols-3-wrapper .col-wrap {
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .cols-3-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
  }
  .cols-3-wrapper .col-wrap {
    flex-basis: 32%;
  }
}

.cols-4-wrapper .col-wrap {
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .cols-4-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
  }
  .cols-4-wrapper .col-wrap {
    flex-basis: 47%;
  }
}
@media screen and (min-width: 1280px) {
  .cols-4-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  .cols-4-wrapper .col-wrap {
    margin-bottom: 2rem;
    flex-basis: 23%;
  }
}

.button {
  border: 1px solid #FF9E1B;
  border-radius: 8px;
  padding: 7px 1.5rem;
  font-family: "Roboto", sans-serif !important;
  font-size: 1.1em;
  color: #FF9E1B;
  display: inline-block;
  cursor: pointer;
  text-align: center;
}
.button:hover {
  color: #ffffff;
  background: #1372B6;
  text-decoration: none;
}

.white-button {
  border: none;
  color: #1372B6 !important;
  background: #ffffff;
}
.white-button:hover {
  color: #1372B6 !important;
  background: #faf8f5;
  text-decoration: none;
}

.white-outline-button {
  border: 1px solid #ffffff;
  color: #ffffff !important;
  background: none;
}
.white-outline-button:hover {
  color: #FF9E1B !important;
  background: #ffffff;
  text-decoration: none;
}

.cta-button {
  border: none;
  background: linear-gradient(90deg, #1372B6 0%, #105D94 100%);
  color: #ffffff !important;
  transition: all 0.3s ease-in-out;
}
.cta-button:hover {
  color: #ffffff !important;
  background: linear-gradient(90deg, #105D94 0%, #0A3652 100%);
  text-decoration: none;
}

input[type=text],
input[type=email],
input[type=password],
input[type=date],
input[type=number],
textarea {
  border: 1px solid #8d8a85;
  display: block;
  width: 100%;
  padding: 0.4rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 1em;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=number]:focus,
textarea:focus {
  outline: none;
  border-color: #44a5eb;
  box-shadow: 0 0 2px #1372B6;
}

.elabs-form-label {
  display: block;
}

/*select.elabs-form-select {
    border: 1px solid $mid-gray-color-ev;
    display: block;
    width: 100%;
    padding: 0.45rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 1em;
    &:focus {
        outline: none;
        border-color: lighten($base, 20%);
        box-shadow: 0 0 2px $base;
    }

    !** {
        padding: 1rem;
    }*!
}*/
.elabs-form-check-wrap {
  display: flex;
  align-items: center;
}

.elabs-form-check {
  display: flex;
  align-items: center;
  margin: 0 3rem 1rem 0;
}

.elabs-form-check-input[type=checkbox], .elabs-form-check-input[type=radio] {
  cursor: pointer;
}
.elabs-form-check-input[type=checkbox]:focus, .elabs-form-check-input[type=radio]:focus {
  outline: none;
  border-color: #44a5eb;
  box-shadow: 0 0 2px #1372B6;
}
.elabs-form-check-input[type=checkbox]:checked, .elabs-form-check-input[type=radio]:checked {
  background-color: #1372B6;
  border-color: #1372B6;
}

.elabs-form-check-input[type=checkbox] {
  width: 1.2em;
  height: 1.2em;
}

.elabs-form-check-input[type=radio] {
  display: block;
  margin: 0;
  width: 1.3em;
  height: 1.3em;
}

.elabs-form-check-label {
  display: block;
  padding-left: 0.5rem;
}

.elabs-form-group {
  display: block;
  width: 100%;
}

.elabs-form-group-row {
  display: block;
}

.elabs-invalid-feedback {
  color: #D7341A;
}

#password-input-wrap {
  position: relative;
}
#password-input-wrap #password-icon {
  position: absolute;
  display: inline-block;
  color: #262524;
  right: 0.5rem;
  top: 0.5rem;
  cursor: pointer;
  padding: 0 0.2rem;
}

@media screen and (min-width: 768px) {
  .elabs-form-group-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 0.5rem;
  }
  .elabs-form-group-row.inputs-1 .elabs-form-group {
    flex-basis: 100%;
  }
  .elabs-form-group-row.inputs-2 .elabs-form-group {
    flex-basis: 48%;
  }
  .elabs-form-group-row.inputs-3 .elabs-form-group {
    flex-basis: 32%;
  }
  .elabs-form-group-row.inputs-4 .elabs-form-group {
    flex-basis: 24%;
  }
  .elabs-form-group {
    display: block;
    width: 100%;
  }
}
/* The container must be positioned relative: */
.elabs-form-select-wrap {
  position: relative;
}

.elabs-form-select-wrap select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: #ffffff;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 20px;
  right: 10px;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: #262524 transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #262524 transparent;
  top: 12px;
}

/* style the items (options), including the selected item: */
.select-items div, .select-selected {
  color: #262524;
  cursor: pointer;
}

.select-selected {
  border: 1px solid #8d8a85;
  padding: 0.45rem 0.5rem;
  border-radius: 3px;
}

.select-items div {
  padding: 0.3rem 0.5rem;
  background-color: #ffffff;
  border-radius: 0;
}

/* Style items (options): */
.select-items {
  position: absolute;
  border: 1px solid #f9f9f9;
  border-radius: 8px;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  max-height: 180px;
  overflow-y: scroll;
  overflow-x: hidden;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.select-items.mid-viewport {
  top: unset;
  bottom: 100%;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover {
  background-color: #188fe4;
  color: #ffffff;
}

.same-as-selected {
  background-color: #1372B6 !important;
  color: #ffffff !important;
}
.same-as-selected:hover {
  background-color: #1372B6 !important;
  color: #ffffff !important;
}

.elabs-multiple-select-wrapper select.elabs-form-multiple-select {
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
}
.elabs-multiple-select-wrapper select.elabs-form-multiple-select option {
  padding: 0.4rem;
}
.elabs-multiple-select-wrapper select.elabs-form-multiple-select::-ms-expand {
  display: none;
}
.elabs-multiple-select-wrapper .elabs-form-multiple-select-wrap {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  min-width: 15ch;
  max-width: 100%;
  border: 1px solid #8d8a85;
  border-radius: 0.25em;
  padding: 0.25em 0.5em;
  cursor: pointer;
  line-height: 1.5;
  background-color: #ffffff;
  background-image: linear-gradient(to top, #faf8f5, #ffffff 33%);
}
.elabs-multiple-select-wrapper .elabs-form-multiple-select-wrap select, .elabs-multiple-select-wrapper .elabs-form-multiple-select-wrap::after {
  grid-area: select;
}
.elabs-multiple-select-wrapper .elabs-form-multiple-select-wrap:not(.select--multiple)::after {
  content: "";
  justify-self: end;
  width: 0.8em;
  height: 0.5em;
  background-color: #8d8a85;
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}
.elabs-multiple-select-wrapper .elabs-form-multiple-select-wrap.select--disabled {
  cursor: not-allowed;
  background-color: #eee;
  background-image: linear-gradient(to top, #ddd, #eee 33%);
}
.elabs-multiple-select-wrapper select.elabs-form-multiple-select:focus + .focus {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 1px solid #1372B6;
  border-radius: inherit;
}
.elabs-multiple-select-wrapper select.elabs-form-multiple-select[multiple] {
  padding-right: 0;
  /*
   * Safari will not reveal an option
   * unless the select height has room to
   * show all of it
   * Firefox and Chrome allow showing
   * a partial option
   */
  height: 6rem;
  /*
   * Experimental - styling of selected options
   * in the multiselect
   * Not supported cross-browser
   */
}
.elabs-multiple-select-wrapper select.elabs-form-multiple-select[multiple] option {
  white-space: normal;
  outline-color: #1372B6;
}
.elabs-multiple-select-wrapper select.elabs-form-multiple-select[multiple]:not(:disabled) option {
  border-radius: 5px;
  transition: 120ms all ease-in;
}
.elabs-multiple-select-wrapper select.elabs-form-multiple-select[multiple]:not(:disabled) option:checked {
  padding-left: 0.5em;
  color: black !important;
}

.thumbnail-img-preview {
  max-width: 400px;
  margin: 2rem auto 3rem;
}

.social-share-icons {
  text-align: center;
  margin-top: 3rem;
  background-color: #ffffff;
  padding: 2rem 1rem;
}
.social-share-icons #social-links {
  width: 100%;
}
.social-share-icons ul {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
.social-share-icons ul a {
  font-size: 1.5em;
}

.top-bar-wrapper {
  background-color: #0D4973;
  color: #ffffff;
  padding: 0.5rem 0 0.7rem;
}
.top-bar-wrapper .top-bar-content-wrap {
  text-align: center;
}
.top-bar-wrapper .top-bar-phone-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 0.5rem;
}
.top-bar-wrapper .phone-whatsapp-icons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 0.5rem;
}
.top-bar-wrapper .fa-phone, .top-bar-wrapper .fa-whatsapp {
  color: #FFA63F;
  font-size: 1.2rem;
}
.top-bar-wrapper .top-bar__phone-number {
  text-decoration: none;
  color: #ffffff;
  font-size: 1.2rem;
}
.top-bar-wrapper .top-bar__social-links-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 1rem;
}
.top-bar-wrapper .top-bar__social-links-wrap .fa-facebook, .top-bar-wrapper .top-bar__social-links-wrap .fa-youtube {
  font-size: 1.2rem;
  color: #FF9E1B;
}
@media screen and (min-width: 769px) {
  .top-bar-wrapper .top-bar-content-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 3rem;
  }
  .top-bar-wrapper .top-bar__social-links-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}

.front-top-nav-wrapper {
  background-color: rgb(255, 255, 255);
  box-shadow: 2px 1px 6px rgba(0, 0, 0, 0.2);
}

.front-top-nav-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
}

.front-logo-wrapper {
  flex-basis: 120px;
}

.front-nav-logo {
  display: flex;
}

.front-slide-in-nav-hamburger {
  display: block;
  background: none;
}
.front-slide-in-nav-hamburger .mdi {
  color: #262524;
  font-size: 1.6rem;
}

.front-slide-in-nav {
  margin: 0;
  position: absolute;
  left: -100%;
  width: 100%;
  transition: all 0.5s ease;
  overflow: hidden;
  padding: 0 0 0 0;
  background-color: white;
  z-index: 1000;
}

.top-nav-item {
  position: relative;
  overflow: visible;
  display: block;
}

.top-nav-underline {
  opacity: 0;
  z-index: 100000;
  height: 2px;
  width: 0;
  display: block;
  position: absolute;
  bottom: 0.5px;
  left: 0.6rem;
  background-color: #1372B6;
  transition: all ease-in-out 0.5s;
}

span.top-nav-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.9rem 1rem;
  font-family: "Roboto", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  font-size: 600;
  line-height: 1.5;
  text-transform: uppercase;
  font-size: 1rem;
  border-bottom: 0.1px solid #f2ece4;
}
span.top-nav-link .menu-name-pic {
  display: flex;
  align-items: center;
}

a.top-nav-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.9rem 1rem;
  font-family: "Roboto", sans-serif !important;
  font-weight: 600;
  font-size: 1rem;
  color: #262524;
  border-bottom: 0.1px solid #f2ece4;
  /* &:active,
  &:focus {
  } */
}
a.top-nav-link .menu-name-pic {
  display: flex;
  align-items: center;
}
a.top-nav-link .profile-pic-wrap {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 5px;
  overflow: hidden;
  margin-right: 0.3rem;
}
a.top-nav-link .mdi {
  font-size: 1rem;
  text-align: right;
  line-height: 1rem;
}
a.top-nav-link:hover + .top-nav-underline {
  opacity: 1;
  width: 70px;
  bottom: 0.5px;
}
a.top-nav-link.selected + .top-nav-underline {
  opacity: 1;
  width: 70px;
  bottom: 0.5px;
}

.top-nav-dropdown-ul {
  color: #072637;
  background-color: #0a364e;
  max-height: 0;
  transition: max-height 0.1s ease;
  overflow: hidden;
}

.top-nav-dropdown-link {
  padding-left: 2rem;
  background-color: #fdfdfc;
}
.top-nav-dropdown-link .mdi {
  padding-right: 0.5rem;
}

.top-nav-dropdown-divider {
  display: block;
  height: 1px;
  border-bottom: 1px solid #8d8a85;
}

/* ***
    Screens above 769px
***/
@media screen and (min-width: 992px) {
  .front-top-nav-wrapper {
    padding-top: 0.5rem;
    transition: background-color 0.8s ease;
    background-color: rgb(255, 255, 255);
    z-index: 1000000;
  }
  .front-top-nav-wrapper.scrolled {
    /* 2px 2px 2px 1px rgba(0, 0, 0, 0.2);  */
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); /* Firefox 3.5 - 3.6 */
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    background-color: #ffffff;
  }
  .front-top-navbar-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .front-top-nav-header {
    display: flex;
    flex-basis: 150px;
    padding: 0.5rem 0;
  }
  .front-logo-wrapper {
    flex-basis: 100%;
  }
  .front-slide-in-nav-hamburger {
    display: none;
  }
  .front-slide-in-nav {
    margin: 0;
    z-index: 5000;
    padding: 0 0 0.5rem 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    left: 0 !important;
    right: 0;
    flex-grow: 1;
    max-height: 300px;
    overflow: visible;
    background: none;
    transition: max-height 0.1s ease;
  }
  .slide-in-nav-ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  span.top-nav-link {
    border-bottom: none;
  }
  a.top-nav-link {
    border-bottom: none;
    color: #262524;
    padding: 0.5rem;
  }
  a.top-nav-link:hover + .top-nav-underline {
    width: 70%;
  }
  a.top-nav-link.selected + .top-nav-underline {
    width: 70%;
  }
  .top-nav-dropdown-ul {
    background-color: #ffffff;
    position: absolute;
    top: 70px;
    min-width: 220px;
    max-height: 0;
    transition: max-height 0.5s ease;
    overflow: hidden;
    z-index: 1000;
  }
  .top-nav-dropdown-ul.account {
    right: 0;
    left: 0;
  }
  .top-nav-dropdown-ul.opened .top-nav-dropdown-link {
    padding: 1.1rem 1rem 0.7rem 1rem;
  }
  .top-nav-dropdown-ul.opened li:last-of-type a {
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  a.top-nav-link {
    padding: 0.5rem 0.7rem;
  }
}
#front-footer__wrapper {
  width: 100%;
  background-color: #262524;
  color: #faf8f5;
  text-align: center;
  position: relative;
  z-index: 2;
  padding-top: 3rem;
}

.front-footer__section {
  background-image: url("../assets/front-footer-bg.png");
}

.front-footer__section-col {
  padding: 2rem 0;
}

.front-footer__col-heading {
  margin-bottom: 1rem;
}

.front-footer__link {
  display: block;
  padding: 0.4rem 0;
  color: #8d8a85;
  cursor: pointer;
}

.front-footer__link-underline {
  display: block;
  margin: 0 auto;
  width: 0;
  background-color: #faf8f5;
  height: 1px;
  transition: all 0.5s ease;
}

.front-footer__link:hover {
  color: #faf8f5;
}
.front-footer__link:hover + .front-footer__link-underline {
  width: 30%;
}

.front-footer__logo-wrap {
  max-width: 200px;
  padding: 1rem;
  margin: 0 auto 1rem;
  background-color: #ffffff;
  border-radius: 5px;
}

.front-footer__company-description {
  color: #8d8a85;
  font-size: 1rem;
}

.front-footer__text {
  color: #8d8a85;
}

.front-footer__social-links-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 1rem 0;
}
.front-footer__social-links-wrap .front-footer__link {
  padding: 0.5rem 1rem;
  font-size: 1.3rem;
}

.front-footer__contact-info-wrap {
  color: #8d8a85;
}
.front-footer__contact-info-wrap .front-footer__link {
  display: inline-block;
}

.front-footer__copyright {
  border-top: 1px solid #faf8f5;
  height: 5rem;
  display: flex;
  align-items: center;
  text-align: center;
}
.front-footer__copyright .content-wrapper {
  padding: 10px 0;
}
.front-footer__copyright .content-wrapper p {
  display: block;
  color: #8d8a85;
  font-size: 14px;
}

@media screen and (min-width: 769px) {
  .front-footer__section-cols-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .front-footer__section-col {
    flex-basis: 45%;
  }
  .front-footer__copyright-content {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
}
@media screen and (min-width: 1200px) {
  #front-footer__wrapper {
    text-align: left;
  }
  .front-footer__section-col {
    flex-basis: 23%;
  }
  .front-footer__logo-wrap {
    margin-left: 0;
  }
  .front-footer__social-links-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .front-footer__social-links-wrap .front-footer__link {
    padding: 0.5rem 2rem 0.5rem 0;
    font-size: 1.3rem;
  }
  .front-footer__link-underline {
    margin: 0;
    height: 1px;
    transition: all 0.5s ease;
  }
  .front-footer__link:hover + .front-footer__link-underline {
    width: 30%;
  }
}
.home-hero-wrapper {
  position: relative;
}
.home-hero-wrapper .home-hero-content-wrapper {
  position: absolute !important;
  z-index: 10000000;
  left: 0;
  right: 0;
  top: 5rem;
  bottom: 5rem;
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
.home-hero-wrapper .hero-main-heading {
  color: #ffffff;
  text-align: center;
  margin-bottom: 3rem;
}
.home-hero-wrapper .home-hero-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 3rem;
}
.home-hero-wrapper .home-page-heading {
  flex-basis: 100%;
}
.home-hero-wrapper .hero-heading {
  color: #8DC8F2;
}
.home-hero-wrapper .hero-sub-heading {
  color: #faf8f5;
}
.home-hero-wrapper .hero-text-wrapper {
  text-align: center;
}
.home-hero-wrapper .login-form-wrapper {
  background-color: rgba(255, 255, 255, 0.9);
  flex-basis: 100%;
  overflow: hidden;
  border-radius: 8px;
  height: 100%;
  padding: 3rem 2rem;
}
.home-hero-wrapper .login-form-heading {
  text-align: center;
}
.home-hero-wrapper .login-form-sub-heading {
  text-align: center;
  color: #3e3c3a;
  margin-bottom: 1rem;
}
.home-hero-wrapper .submit-forgot-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 1rem;
}
.home-hero-wrapper .forgot-password-link {
  color: #3698E3;
}
.home-hero-wrapper .forgot-password-link:hover {
  color: #105D94;
}
.home-hero-wrapper .home-page__hero-slider {
  transition: opacity 2000s ease-in-out;
  opacity: 1;
}
.home-hero-wrapper .hero-slide {
  padding: 4rem 0;
  height: 55rem;
}
@media screen and (min-width: 769px) {
  .home-hero-wrapper .home-hero-content-wrapper {
    top: 5rem;
    bottom: 5rem;
  }
  .home-hero-wrapper .hero-slide {
    padding: 7rem 0;
    height: 46rem;
  }
  .home-hero-wrapper .home-page-heading {
    flex-basis: 45%;
  }
  .home-hero-wrapper .hero-text-wrapper {
    text-align: left;
  }
  .home-hero-wrapper .login-form-wrapper {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 1201px) {
  .home-hero-wrapper .hero-slide {
    padding: 9rem 0;
  }
}

.services-section {
  background-color: #faf8f5;
}
.services-section .services-wrapper {
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  flex-wrap: wrap;
  row-gap: 2rem;
}
.services-section .service-wrap {
  flex-basis: 100%;
  padding: 1rem;
  background-color: #ffffff;
}
.services-section .service-wrap .service-title {
  background-color: #1372B6;
  color: #ffffff;
  padding: 0.5rem;
}
.services-section .service-wrap .list-wrap {
  margin-top: 1rem;
}
.services-section .service-wrap .list-wrap li {
  background-color: #E3F2FC;
  margin-bottom: 1rem;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
@media screen and (min-width: 769px) {
  .services-section .service-wrap {
    flex-basis: 48%;
  }
}
@media screen and (min-width: 1025px) {
  .services-section .service-wrap {
    flex-basis: 32%;
  }
}

.benefits-section .benefits-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  row-gap: 2rem;
}
.benefits-section .benefit-wrap {
  flex-basis: 100%;
  text-align: center;
  background-color: #262524;
  color: #faf8f5;
  border-radius: 16px;
  padding: 1rem;
}
.benefits-section .benefit-wrap .mdi {
  font-size: 2.5rem;
  color: #1372B6;
}
.benefits-section .benefit-wrap .benefit-title {
  color: #ffffff;
  padding-bottom: 0.5rem;
}
.benefits-section .benefit-wrap.bg-brand {
  background-color: #1372B6;
}
.benefits-section .benefit-wrap.bg-brand .mdi {
  color: #262524;
}
@media screen and (min-width: 769px) {
  .benefits-section .benefit-wrap {
    flex-basis: 48%;
  }
}
@media screen and (min-width: 1025px) {
  .benefits-section .benefit-wrap {
    flex-basis: 32%;
  }
}

.about-us-section {
  background-color: #faf8f5;
}
.about-us-section .about-us-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  row-gap: 2rem;
}
.about-us-section .about-wrap {
  flex-basis: 100%;
  text-align: center;
  padding: 1rem;
  background-color: #ffffff;
}
.about-us-section .about-wrap .about-title {
  background-color: #1372B6;
  color: #ffffff;
  padding: 0.5rem 0;
}
@media screen and (min-width: 769px) {
  .about-us-section .about-wrap {
    flex-basis: 48%;
  }
}
@media screen and (min-width: 1025px) {
  .about-us-section .about-wrap {
    flex-basis: 32%;
  }
}

.powered-by-section {
  background-color: #faf8f5;
}
.powered-by-section .partner-wrap {
  padding: 0.5rem;
}
.powered-by-section .partner-logo-wrap {
  max-width: 200px;
  height: 200px;
  margin: auto;
}

#front__back-to-top-wrap {
  position: fixed;
  z-index: 1000000;
  width: 40px;
  height: 40px;
  background-color: #1372B6;
  font-size: 2rem;
  color: #ffffff;
  bottom: 50px;
  right: 40px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  text-align: center;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease-in-out;
}
#front__back-to-top-wrap.showing {
  opacity: 1;
}

/* .section-details-wrapper{
    //margin-top: 2rem;
} */
.section-wrapper {
  padding: 4rem 0;
}
.section-wrapper-pd-1 {
  padding: 1rem 0;
}
.section-wrapper-pd-2 {
  padding: 2rem 0;
}
.section-wrapper-pd-3 {
  padding: 3rem 0;
}
.section-wrapper-pd-4 {
  padding: 4rem 0;
}
.section-wrapper-pd-5 {
  padding: 5rem 0;
}

.section-header-wrap {
  text-align: center;
  padding-bottom: 2rem;
  /*.section-heading-dark {
      padding: 1rem 0;
      color: $dark-gray-color-ev;
  }

  .section-heading-white {
      padding: 1rem 0;
      color: $white-color-ev;
  }*/
}
.section-header-wrap.pd-b-1 {
  padding-bottom: 0.5rem;
}
.section-header-wrap .section-heading {
  padding: 0.5rem 0;
  color: #1372B6;
  font-family: "Roboto", sans-serif !important;
  font-weight: 700;
  margin: 0;
}
.section-header-wrap .section-heading.white {
  color: #ffffff;
}
.section-header-wrap .section-heading.dark {
  color: #262524;
}
.section-header-wrap .section-sub-heading {
  padding: 0 0 0.5rem;
  color: #072637;
  font-family: "Roboto", sans-serif !important;
  font-weight: 700;
  max-width: 800px;
  margin: 0 auto;
}
.section-header-wrap .section-heading-underline {
  height: 2px;
  background-color: #FF9E1B;
  width: 80%;
  max-width: 200px;
  margin: 0 auto;
}

.section-cta {
  text-align: center;
  margin: 1rem auto 0;
}
.section-cta .button {
  font-family: "Roboto", sans-serif !important;
  font-weight: 500;
}

.contained-content-center {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
}
.contained-content-center h1, .contained-content-center h2, .contained-content-center h3, .contained-content-center h4, .contained-content-center h5 {
  text-align: center;
}
.contained-content-center p {
  text-align: center;
}
.contained-content-center-800 {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.contained-content-center-800 h1, .contained-content-center-800 h2, .contained-content-center-800 h3, .contained-content-center-800 h4, .contained-content-center-800 h5 {
  text-align: center;
}
.contained-content-center-800 p {
  text-align: center;
}
.contained-content-center-900 {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}
.contained-content-center-900 h1, .contained-content-center-900 h2, .contained-content-center-900 h3, .contained-content-center-900 h4, .contained-content-center-900 h5 {
  text-align: center;
}
.contained-content-center-900 p {
  text-align: center;
}
.contained-content-left {
  width: 80%;
  max-width: 720px;
}
.contained-content-left-800 {
  max-width: 800px;
}
.contained-content-left-900 {
  max-width: 960px;
}