@font-face {
  font-family: "Poppins";
  src: url("/Fonts/Poppins-ExtraLight.woff2") format("woff2");
  font-weight: 200;
}
@font-face {
  font-family: "Poppins";
  src: url("/Fonts/Poppins-Light.woff2") format("woff2");
  font-weight: 300;
}
@font-face {
  font-family: "Poppins";
  src: url("/Fonts/Poppins-Regular.woff2") format("woff2");
  font-weight: 400;
}
@font-face {
  font-family: "Poppins";
  src: url("/Fonts/Poppins-Medium.woff2") format("woff2");
  font-weight: 500;
}
@font-face {
  font-family: "Poppins";
  src: url("/Fonts/Poppins-SemiBold.woff2") format("woff2");
  font-weight: 600;
}
@font-face {
  font-family: "Poppins";
  src: url("/Fonts/Poppins-SemiBold.woff2") format("woff2");
  font-weight: 600;
}
@font-face {
  font-family: "Poppins";
  src: url("/Fonts/Poppins-Bold.woff2") format("woff2");
  font-weight: 700;
}
@font-face {
  font-family: "Poppins";
  src: url("/Fonts/Poppins-ExtraBold.woff2") format("woff2");
  font-weight: 800;
}
@font-face {
  font-family: "Poppins";
  src: url("/Fonts/Poppins-Black.woff2") format("woff2");
  font-weight: 800;
}
/*  SECTION BACKGROUND COLORS  */
@media screen and (max-width: 768px) {
  @font-face {
    font-family: "Poppins";
    src: url("/Fonts/Poppins-ExtraLight.woff2") format("woff2");
    font-weight: 200;
  }
  @font-face {
    font-family: "Poppins";
    src: url("/Fonts/Poppins-Light.woff2") format("woff2");
    font-weight: 300;
  }
  @font-face {
    font-family: "Poppins";
    src: url("/Fonts/Poppins-Regular.woff2") format("woff2");
    font-weight: 400;
  }
  @font-face {
    font-family: "Poppins";
    src: url("/Fonts/Poppins-Medium.woff2") format("woff2");
    font-weight: 500;
  }
  @font-face {
    font-family: "Poppins";
    src: url("/Fonts/Poppins-SemiBold.woff2") format("woff2");
    font-weight: 600;
  }
  @font-face {
    font-family: "Poppins";
    src: url("/Fonts/Poppins-SemiBold.woff2") format("woff2");
    font-weight: 600;
  }
  @font-face {
    font-family: "Poppins";
    src: url("/Fonts/Poppins-Bold.woff2") format("woff2");
    font-weight: 700;
  }
  @font-face {
    font-family: "Poppins";
    src: url("/Fonts/Poppins-ExtraBold.woff2") format("woff2");
    font-weight: 800;
  }
  @font-face {
    font-family: "Poppins";
    src: url("/Fonts/Poppins-Black.woff2") format("woff2");
    font-weight: 800;
  }
  /*  SECTION BACKGROUND COLORS  */
  p {
    font-size: 16px;
  }
  li {
    font-size: 16px;
  }
  section {
    padding: 30px 0;
  }
  .hero {
    background-color: #fff8a5;
  }
  .hero .hero-wrapper h1 {
    margin-bottom: 50px;
  }
  .hero .hero-wrapper h2 {
    font-size: 18px;
  }
  .hero .hero-wrapper p {
    font-size: 16px;
  }
  .hero .hero-wrapper .button-block {
    text-align: center;
  }
  .solutions {
    background-color: #baeab5;
    padding: 10px 0;
  }
  .solutions .solution-item {
    box-sizing: border-box;
    padding: 30px 0;
    display: flex;
    column-gap: 0px;
    border-bottom: 1px black solid;
  }
  .solutions .solution-item .content {
    padding-top: 20px;
  }
  .solutions .solution-item.text-left {
    flex-direction: column-reverse;
  }
  .solutions .solution-item.text-left .content {
    flex: 0 0 100%;
  }
  .solutions .solution-item.text-right {
    flex-direction: column;
  }
  .solutions .solution-item.text-right .content {
    flex: 0 0 100%;
  }
  .social-proof {
    background-color: #b9d8f0;
  }
  .social-proof .social-proof-wrapper h3 {
    margin: 0 0 20px 0;
    font-size: 24px;
  }
  .social-proof .social-proof-items {
    display: block;
  }
  .cta-section {
    background-color: #e4bee1;
  }
  .cta-section .cta-section-wrapper .cta-items {
    display: block;
  }
  .button-block {
    box-sizing: border-box;
    padding: 20px 0;
  }
  .site-button {
    font-size: 16px;
    padding: 15px 15px 15px 15px;
  }
  .site-button.wide {
    padding: 15px 20px;
  }
}