.grid h1, .grid h2, .grid h3, .grid h4, .grid h5, .grid h6 {font: inherit; line-height: inherit; color: inherit;}
.grid {padding: 0 0 65px;}

.grid .conteudo > .sub-title {display: block; color: var(--verde-seg); margin-bottom: 19px; letter-spacing: 8.0702px; text-align: center; font: 600 18.22px montserrat; text-transform: uppercase;}
.grid .conteudo > .titulo {font: 800 36px / 46.09px montserrat; color: var(--preto); margin: 0 0 68px; text-transform: uppercase; text-align: center;}

.grid .cards {display: grid; grid-template-areas: 'a b c' 'd e f'; grid-template-columns: repeat(3,1fr); grid-template-rows: repeat(2, 1fr); gap: 48px 28px;}

.grid .card {background: var(--verde-ter); border-radius: 20px; padding: 0 10px 47px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.grid .card .icone {margin: -20px 0 25px; width: 47px; height: 47px; padding: 13px; border-radius: 8px; background-color: var(--verde); display: grid; place-content: center; place-items: center;}
.grid .card .icone svg {width: 100%; height: 100%;}

.grid .card .titulo {font: 600 18.22px / 25.44px montserrat; color:  var(--preto); margin: 0 0 12px; text-align: center; text-transform: uppercase;}
.grid .card .descricao {font: 400 15.06px / 30.53px montserrat; color:  var(--cinza); text-align: center; }

.grid .btn-whats {margin: 68px auto 0;}

@media (max-width:990px){
     .grid {padding: 12.5px 0;}
     .grid .conteudo > .sub-title {font-size: 14px; line-height: 18px; letter-spacing: 6.25px; margin-bottom: 6px;}
     .grid .conteudo > .titulo {font-size: 24px; line-height: 32px; margin: 0 0 35px;}
     .grid .cards  {grid-template-areas:
          'a b'
          'c d'
          'e f';
          grid-template-columns: 1fr 1fr; 
          grid-template-rows: auto;
          gap: 28px 2%;
     }

     .grid .card {padding: 0 10px 37px;}
     .grid .card .titulo {margin: 0 0 5px;}

     .grid .btn-whats {margin: 25px auto 0;}
}

@media (max-width:650px){
     .grid .cards  {
          grid-template-areas:
          'a'
          'b'
          'c'
          'd'
          'e'
          'f';     
          gap: 15px;
          grid-template-columns: auto; 
     }
     .grid .card .icone {margin: 0 0 25px;}
}