#features {
   padding: 1.5rem 3rem;
   display: grid;
   gap: 3rem;
   grid-template-columns: 1fr 1fr 1fr;
}

.feature-contnr {
   display: flex;
   align-items: center;
   justify-content: space-evenly;
}

.fet-icon {
   width: 20%;

   ion-icon {
      font-size: 3rem;
      color: #5ada23;
   }
}

.fet-txt {
   width: 80%;
   line-height: 1rem;
}

.fet-txt h4 {
   font-family: var(--heading2);
   color: var(--txt-col2);
}

.fet-txt p {
   margin: 0.8rem 0 0 0;
   text-transform: capitalize;
}


@media only screen and (max-width: 799px) {
   #features {
      gap: 2rem;
      grid-template-columns: 1fr 1fr;
      padding: 1.5rem 2.5rem;
   }
}

@media only screen and (max-width: 563px) {
   #features {
      gap: 1.7rem;
      grid-template-columns: 1fr;
      padding: 1.5rem 1.5rem;
   }
}