.c-contact-page {
padding: 56px 0 76px;
background: var(--color-surface);
} .c-contact-page .section-heading {
margin-bottom: 42px;
}
.c-contact-page__eyebrow {
margin: 0 0 8px;
color: #0b6fa4;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.c-contact-page .section-heading h1 {
margin: 0 0 18px;
color: var(--color-heading);
font-family: var(--font-display);
font-size: clamp(40px, 5vw, 58px);
line-height: 1.05;
} .c-contact-page__intro-text {
max-width: 700px;
margin: 0 auto;
color: #405261;
font-size: 16px;
line-height: 1.7;
}
.c-contact-page__intro-text p {
margin: 0 0 12px;
}
.c-contact-page__intro-text p:last-child {
margin-bottom: 0;
} .c-contact-page__details {
max-width: 620px;
margin: 0 auto;
padding: 30px 36px;
background: #ffffff;
border: 1px solid #dfe4e8;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}
.c-contact-page__item {
padding: 0 0 20px;
margin: 0 0 20px;
border-bottom: 1px solid #dfe4e8;
}
.c-contact-page__item:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.c-contact-page__item-label {
display: block;
margin-bottom: 6px;
color: #71808c;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.c-contact-page__item a {
color: #173b5c;
font-size: 17px;
font-weight: 600;
text-decoration: none;
}
.c-contact-page__item a:hover {
color: #0b6fa4;
}
.c-contact-page__item p {
margin: 0;
color: #405261;
font-size: 15px;
line-height: 1.6;
} @media (max-width: 600px) {
.c-contact-page {
padding: 42px 0 56px;
}
.c-contact-page .section-heading {
margin-bottom: 32px;
}
.c-contact-page .section-heading h1 {
font-size: 40px;
}
.c-contact-page__intro-text {
font-size: 15px;
}
.c-contact-page__details {
padding: 24px;
}
}