.m__highlights { }

.highlights {
   display: flex;
   flex-grow: 1;
   width: 100%;
   gap: var(--spacing__x);
   text-align: center;
   justify-content: center; }
    
.highlights .highlight {
   border-radius: var(--border-radius);
   width: 33.3%;
   padding: var(--spacing__x);
   padding-top: 0;
   background: var(--color__blue__tint); }
    
.highlights .highlight h3 {
   color: var(--color__blue); }
    
    
/* Counts */
.highlights__1 .highlight {
   width: 100%; }
 
.highlight__icon {
   position: relative;
   margin-bottom: 1em;
   height: 12rem; }    

.highlight__icon img {
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
   height: calc(100% + 2.5rem); }  
   
.highlight__content h3 {}   
       
       
@media all and (max-width: 820px) {
    
   .highlights {
      flex-wrap: wrap; }
    
   .highlights .highlight {
      width: 100%; }
    
}