/* Added fallbacks to help with CLS, feel free to remove if it doesn't help on your project */
/* Colours */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* Some device sizes to use with min-width */
/* adjusted breakpoints for above */
/* 100% widths look better than "Snapping" IMO */
/* Utility */
/* Additional Spacers -- don't think you'll need more than 7, but if you do -- maybe just use a custom class  :)  */
#sec-introduction {
  padding-bottom: 105px; }
  @media screen and (max-width: 1025px) {
    #sec-introduction {
      padding-top: 50px;
      padding-bottom: 87px; } }

#sec-introduction {
  z-index: 2; }
  #sec-introduction::before {
    background-color: #F6F6F7;
    position: absolute;
    top: -85px;
    right: 0;
    width: 23.75%;
    height: 1020px;
    content: '';
    z-index: -1; }
  #sec-introduction::after {
    background-color: #FAFAFA;
    position: absolute;
    inset: 0;
    top: unset;
    z-index: -1;
    width: 100%;
    height: 480px;
    content: ''; }
  #sec-introduction .content h2 {
    margin-bottom: 15px; }
  #sec-introduction .content h5 {
    font-family: "Lato", "Lora", sans-serif;
    font-size: 24px;
    margin-bottom: 15px; }
  #sec-introduction .content p:not(.large) {
    font-size: 18px;
    margin-bottom: 20px; }
  #sec-introduction .content p.large {
    margin-bottom: 35px; }
  #sec-introduction .reviews {
    padding: 70px 75px 50px;
    background-color: #2F426E;
    box-shadow: 0px 3px 6px #00000029; }
    #sec-introduction .reviews .icon-quote {
      font-size: 60px; }
    #sec-introduction .reviews h3 {
      margin: 38px 0 32px;
      font-style: italic;
      line-height: 1.35; }
    #sec-introduction .reviews:first-of-type p {
      font-size: 16px; }
    #sec-introduction .reviews:last-of-type p {
      font-size: 18px; }
    #sec-introduction .reviews p {
      font-size: 18px; }
    #sec-introduction .reviews .icon-star {
      color: #FBC74E;
      font-size: 27px;
      margin-right: 8px; }
      #sec-introduction .reviews .icon-star:last-of-type {
        margin-right: 0; }
    #sec-introduction .reviews:last-of-type {
      padding-bottom: 70px; }
      #sec-introduction .reviews:last-of-type h3 {
        margin-bottom: 20px; }
      #sec-introduction .reviews:last-of-type p {
        margin-bottom: 45px; }
  @media screen and (max-width: 1025px) {
    #sec-introduction::before {
      width: 50%;
      height: 50%; }
    #sec-introduction .reviews {
      padding: 40px 35px 30px !important; }
      #sec-introduction .reviews .icon-quote {
        font-size: 50px; } }