.com-contact {
    padding: 30px;
    position: relative;
    z-index: 1;
    background: #fff;
    margin-top: 45px;
}

@media (max-width: 991.98px) {
    .com-contact {
        padding: 25px;
    }
}

@media (max-width: 767.98px) {
    .com-contact {
        padding: 15px;
    }
}

.com-contact .page-header > h1 {
    color: #ffffff;
    background-color: var(--color-accent);
    padding: 7px 13px;
    margin-bottom: 1rem
}

.com-contact .page-header .contact-name {
    font-size: 1.25rem;
    text-transform: uppercase;
}

.com-contact > h1 {
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    color: inherit;
}

.com-contact > h1:hover {
    color: #ffffff;
    transform: scale(1.05);
}

.com-contact-category__items {
    padding: 30px;
    position: relative;
    z-index: 1;
    background: #fff;
    margin-top: 45px;
}