@font-face {
  font-family: Montserrat;
  src: url(../fonts/Montserrat/static/Montserrat-Regular.ttf);
  font-display: swap;
}
@font-face {
  font-family: MontserratMedium;
  src: url(../fonts/Montserrat/static/Montserrat-Medium.ttf);
  font-display: swap;
}
@font-face {
  font-family: MontserratBold;
  src: url(../fonts/Montserrat/static/Montserrat-Bold.ttf);
  font-display: swap;
}
@font-face {
  font-family: Lato;
  src: url(../fonts/Lato/Lato-Regular.ttf);
  font-display: swap;
}
body{
  background-color: #0c4d91;
}

.call-us-btn p {
  margin-bottom: 0;
}
.call-us-btn span {
  font-family: MontserratMedium;
}
.call-us-btn p {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 15px;
}
#blue-section {
  background-color: #4e9e8e;
}
#blue-section p {
  margin-bottom: 0;
  font-family: Montserrat;
  color: white;
}
#blue-progressbar {
  font-family: Montserrat;
  text-align: center;
}
#blue-progressbar .progressbar {
  background: #4e9e8e;
  background: linear-gradient(90deg, #4e9e8e 0%, #4e9e8e 80%, #f5f5f5 80%, #f5f5f5 100%);
  box-shadow: 5px 4px 5px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 5px 4px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 5px 4px 5px 0px rgba(0, 0, 0, 0.75);
}
#blue-progressbar p {
  margin-bottom: 0;
  font-family: Montserrat;
  color: white;
}
#questions h1 {
  font-family: MontserratBold;
  font-size: 26px;
  margin-bottom: 0;
}
#questions h1 span {
  font-family: Montserrat;
}
#questions p {
  font-family: Lato;
  font-size: 21px;
}
.container-buttons {
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
}

footer {
  background-color: #4e9e8e;
}
footer .col-text {
  display: flex;
}
footer .col-text .text-wrapper {
  flex-direction: column;
  align-self: end;
}
footer p {
  font-family: Lato;
  font-size: 14px;
  margin-bottom: 0;
}
footer p a {
  text-decoration: none;
}
.call-us-mobile {
  display: none;
}
@media (max-width: 776px) {
  .navbar .container {
    display: block !important;
    text-align: center;
  }
  .call-us-desktop {
    display: none;
  }
  .call-us-mobile {
    display: block;
  }
  #pink-progressbar {
    font-family: Montserrat;
    text-align: center;
  }
  #pink-progressbar .progressbar {
    background: #eb008c;
    box-shadow: 5px 4px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 5px 4px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 4px 5px 0px rgba(0, 0, 0, 0.75);
  }
  #pink-progressbar p {
    margin-bottom: 0;
    font-family: Montserrat;
    color: white;
  }
}