/* Colours */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* Some device sizes */
/* 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-faqs .faq-item {
  margin-bottom: 25px;
  border-bottom: 1px solid #D1D1D1; }
  #sec-faqs .faq-item h3 {
    cursor: pointer;
    position: relative;
    font-weight: 600; }
    #sec-faqs .faq-item h3:before {
      margin-right: 20px;
      display: inline-block;
      font-family: "standard-icons";
      content: "\e920";
      color: #F00000;
      font-size: 25.5px; }
  #sec-faqs .faq-item .answer {
    display: none; }
  #sec-faqs .faq-item.active h3::before {
    content: "\e919"; }
  #sec-faqs .faq-item .answer.show {
    display: block;
    /* Show the answer when the 'show' class is added */ }

@media screen and (max-width: 1024px) {
  #sec-faqs .faq-item h3 {
    font-size: 22px; } }

#services .service-card {
  text-align: center; }
  #services .service-card a, #services .service-card a:visited {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none; }
    #services .service-card a p, #services .service-card a:visited p {
      line-height: 28px;
      margin: 1em 0; }
      #services .service-card a p.learn-more, #services .service-card a:visited p.learn-more {
        margin-top: 0;
        font-weight: 600; }
    #services .service-card a:hover p.learn-more, #services .service-card a:visited:hover p.learn-more {
      color: #F00000; }
  #services .service-card .box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #F00000;
    border-radius: 8px;
    height: 75px;
    width: 75px;
    text-align: center; }
    #services .service-card .box i {
      color: white;
      font-size: 50px; }
  #services .service-card .title {
    font-weight: bold;
    line-height: 28px;
    max-width: 200px;
    margin-top: 32px; }
  #services .service-card.featured .title {
    font-weight: bold;
    line-height: 42px;
    letter-spacing: -0.7px;
    max-width: 100%; }
  #services .service-card.featured .box {
    background: white;
    width: 105px;
    height: 105px;
    border-radius: 8px;
    border: 2px solid #BB342C;
    text-align: center; }
    #services .service-card.featured .box i {
      color: #F00000;
      font-size: 80px; }