.section-5 {
   margin: 5rem auto 2rem;
}
.section-5 hr {
   width: 90%;
   margin: auto;
}
.section-5 h2 {
   font-family: 'Sora';
   font-weight: 600;
   font-size: 1.5rem;
   line-height: 1.5;
   padding: 5rem 20px 2rem;
   text-align: center;
   color: #01579b;
}
.section-5 article {
   position: relative;
   display: block;
   width: 80%;
   margin: 1rem auto 3rem;
}
.section-5 h3 {
   font-family: 'Sora';
   font-weight: 500;
   font-size: 1.4rem;
   line-height: 1.3;
}
.section-5 p {
   font-family: 'Inter';
   font-weight: 400;
   font-size: 1.1rem;
   line-height: 1.3;
   padding: 10px 0;
}
.section-5 img {
   display: block;
   width: 80%;
   height: auto;
   margin: 4rem auto 3rem;
}
.how-to-work-2 span {
   color: #ff0000;
}


/****** MEDIA QUERIES ******/

@media(min-width: 576px) {
   .section-5 h2 {
      font-size: 1.8rem;
   }
   .section-5 img {
      margin-bottom: 5rem;
   }
}

@media(min-width: 768px) {
   .section-5 h2 {
      font-size: 2rem;
   }
   .section-5 article {
      display: flex;
      justify-content: center;
      margin: 5rem auto 7rem;
   }
   .section-5 article.how-to-work-2 {
      flex-direction: row-reverse;
   }
   .section-5 article div {
      text-align: center;
      margin: 5px auto;
      flex: 1;
      
   }
   .section-5 article h3 {
      max-width: 250px;
      font-size: 1.6rem;
      text-align: left;
      margin: auto;
   }
   .section-5 article p {
      max-width: 250px;
      font-size: 1.3rem;
      text-align: left;
      margin: auto;
   }
   .section-5 article.how-to-work-2 h3,
   .section-5 article.how-to-work-2 p {
      text-align: right;
   }
   .section-5 article img {
      margin: 0;
      width: 100%;
   }
}

@media(min-width: 992px) {
   .section-5 h2 {
      font-size: 2.2rem;
   }
   .section-5 .article img {
      max-width: 425px;
      margin: auto;
   }
}

@media(min-width: 1200px) {
   .section-5 .container {    
      max-height: fit-content;  
      width: 1220px;
      margin: 0 auto;
   }
}