.highlight-grid {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 1rem;
    .highlight-box{
        color: #000000;
        &:hover, &:focus{

            color: #495057;
        }
    }
}

@media screen and (max-width: 767px) {
    .highlight-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
        > :last-child {
            display: none;
        }
        > :nth-child(3) {
            grid-row: 2;
            grid-column: 2;
        }
        > :nth-child(4) {
            grid-row: 2;
            grid-column: 1;
        }
        > :nth-child(7) {
            grid-row: 4;
            grid-column: 2;
        }
        > :nth-child(8) {
            grid-row: 4;
            grid-column: 1;
        }
    }
}
.envelope-before{
    margin-left: 1.8rem;
}
.envelope-before::before {
    font: var(--fa-font-solid);
    content: '\f0e0';
    position: absolute;
    left: -1.8rem;
    top: 0.3rem;
}
.fa-at:before {
    content: "\40";
}

.container-main{
    padding: 0 !important;
}