.contact-card{border:2px solid var(--neutral-color);height:350px;color:var(--main-font-color);cursor:pointer;background-color:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-decoration:none;transition:all .3s;display:flex}.contact-card:hover{border-color:var(--primary-color);box-shadow:0 15px 30px -5px rgba(var(--primary-color-rgb), .15);transform:translateY(-8px)}.contact-card__icon{width:60px;height:60px;color:var(--primary-color);margin-bottom:2rem}.contact-card__icon svg{fill:currentColor;width:100%;height:100%}.contact-card__title{color:var(--dark-primary-color);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.contact-card__content{color:var(--main-font-color);text-align:center;margin:0;font-size:1.1rem;line-height:1.6}.contact-card--highlight{background-color:var(--light-secondary-color);border:2px solid var(--secondary-color)}.contact-card--highlight:hover{border-color:var(--primary-color);background-color:#fff}
.contact-page__header{text-align:center;margin:6rem 1.5rem 0}.contact-page__title{font-size:var(--page-title-font-size);color:var(--main-font-color);margin-bottom:.5rem}.contact-page__subtitle{color:rgba(var(--main-font-color-rgb), .7);font-size:1rem}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;max-width:1300px;margin:0 auto;padding:2.5rem;display:grid}