/* 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 10, but if you do -- maybe just use a custom class  :)  */
#sec-faqs {
  padding-top: 70px;
  padding-bottom: 97px; }
  #sec-faqs h2 {
    margin-bottom: 5px; }
  #sec-faqs a {
    margin-top: 40px; }
  #sec-faqs h4 {
    font-weight: 400;
    letter-spacing: 0;
    text-transform: unset; }
  #sec-faqs .faq-item {
    padding-bottom: 4px;
    margin-bottom: 24px;
    border-bottom: 3px solid #f2f2f2; }
    #sec-faqs .faq-item h5 {
      margin-bottom: 17px;
      line-height: 1.8; }
    #sec-faqs .faq-item .answer {
      padding-left: 50px;
      margin-bottom: 17px; }
    #sec-faqs .faq-item button {
      width: 100%;
      font-size: 16px !important;
      border: 0;
      background: transparent;
      color: #1A3A6B;
      font: inherit;
      font-weight: 500;
      text-align: left;
      display: flex; }
      #sec-faqs .faq-item button i {
        color: #5EB1E0;
        margin-right: 21px;
        font-size: 23px;
        position: relative;
        top: 6px; }
        #sec-faqs .faq-item button i::before {
          content: '\e912'; }
      #sec-faqs .faq-item button[aria-expanded="true"] i::before {
        content: '\e90e'; }
  @media screen and (min-width: 1025px) {
    #sec-faqs {
      padding-top: 150px;
      padding-bottom: 115px; }
      #sec-faqs .faq-item {
        padding-bottom: 5px;
        margin-bottom: 22px; }
        #sec-faqs .faq-item button {
          font-size: 18px !important; }
        #sec-faqs .faq-item .answer {
          padding-left: 55px; }
        #sec-faqs .faq-item button i {
          margin-right: 23px;
          font-size: 24px;
          top: 5px; } }

#sec-faqs {
  padding: 40px 0 70px; }
  #sec-faqs h2 {
    margin-bottom: 20px; }
  #sec-faqs .faq-filter h4 {
    margin-bottom: 6px;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.2;
    margin-top: 5px;
    letter-spacing: 3.99px; }
  #sec-faqs .faq-filter .faq-filter-label {
    margin-bottom: 26px; }
  #sec-faqs .faq-filter .faq-filter-list {
    list-style: none;
    padding: 0;
    margin: 0; }
    #sec-faqs .faq-filter .faq-filter-list li {
      padding-left: 0;
      font-family: "Montserrat", "Open Sans", sans-serif; }
      #sec-faqs .faq-filter .faq-filter-list li::before {
        display: none; }
  #sec-faqs .faq-filter .faq-filter-btn {
    width: 100%;
    padding: 7px 13px;
    border: 0;
    background-color: transparent;
    color: #1A3A6B;
    font: inherit;
    text-align: left;
    transition: background-color 0.25s ease-in-out; }
    #sec-faqs .faq-filter .faq-filter-btn:hover, #sec-faqs .faq-filter .faq-filter-btn:focus-visible {
      background-color: rgba(255, 255, 255, 0.6); }
    #sec-faqs .faq-filter .faq-filter-btn.is-active {
      background-color: #FFFFFF;
      font-weight: 600; }
  #sec-faqs .faq-groups {
    margin-top: 40px; }
  #sec-faqs .faq-group {
    display: none; }
    #sec-faqs .faq-group.is-active {
      display: block; }
  @media screen and (min-width: 1025px) {
    #sec-faqs {
      padding: 70px 0 140px; } }