@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;
}
.call-us-btn {
  background-color: black;
  color: white;
  text-decoration: none;
  padding: 5px;
  border-color: white;
  border-width: 1px;
  border-style: solid;
  letter-spacing: 0;
  text-transform: none;
  box-shadow: 2px 2px 2px 0 #707070;
  text-shadow: none;
  border-radius: 10px;
  width: 200px;
}
.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;
}
#pink-section {
  background-color: #eb008c;
}
#pink-section p {
  margin-bottom: 0;
  font-family: Montserrat;
  color: white;
}
#pink-progressbar {
  font-family: Montserrat;
  text-align: center;
}
#pink-progressbar .progressbar {
  background: #eb008c;
  background: linear-gradient(90deg, #eb008c 0%, #eb008c 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);
}
#pink-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;
}
.white-row {
  background-color: white;
  height: 100px;
  z-index: 99;
  margin-top: -5rem;
  position: relative;
}
footer {
  background-color: #f3f3f3;
}
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;
  }
}