body.page-contact h1 {
    color: #000000;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.05em;
    line-height: 1.57;
    margin: 24px 0 0;
}

body.page-contact h2 {
    color: #222529;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 19.6px;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 1.35;
    margin: 0 0 10px;
}

body.page-contact h2 strong {
    font-weight: 800;
}

body.page-contact .contact__image {
    display: block;
    margin-top: 0;
}

body.page-contact .contact__image img {
    display: block;
    height: auto;
    max-width: 512px;
    width: 100%;
}

body.page-contact .contact__section {
    margin: 0;
}

body.page-contact .contact__section + .contact__section {
    margin-top: 32px;
}

body.page-contact .contact__section--lead {
    margin-top: 24px;
}

body.page-contact .contact__section.contact__section--social {
    margin-top: 42px;
}

body.page-contact .contact__section.contact__section--availability {
    margin-top: 42px;
}

body.page-contact .contact-layout__column--details {
    padding-top: 48px;
}

body.page-contact .contact__lead,
body.page-contact .contact__list,
body.page-contact .contact__links {
    color: #222222;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

body.page-contact .contact__lead {
    margin: 0 0 16px;
}

body.page-contact .contact__list,
body.page-contact .contact__links {
    list-style: none;
    margin: 14px 0 0;
    padding: 0;
}

body.page-contact .contact__list li,
body.page-contact .contact__links li {
    align-items: baseline;
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    min-width: 0;
}

body.page-contact .contact__list li:last-child,
body.page-contact .contact__links li:last-child {
    margin-bottom: 0;
}

body.page-contact .contact__list i,
body.page-contact .contact__links i {
    color: #e60000;
    flex: 0 0 18px;
    font-size: 14px;
    line-height: 1.8;
    text-align: center;
}

body.page-contact .contact__list strong {
    color: #222222;
    font-weight: 700;
}

body.page-contact a {
    color: #e60000;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 700;
    overflow-wrap: anywhere;
    text-decoration: none;
}

body.page-contact a:hover,
body.page-contact a:focus {
    color: #b80000;
    text-decoration: underline;
}

body.page-contact .contact__links a {
    align-items: baseline;
    color: #222222;
    display: inline-flex;
    gap: 8px;
}

body.page-contact .contact-primary-email {
    font-size: 16px;
}

@media (max-width: 991px) {
    body.page-contact h1 {
        margin-top: 10px;
    }

    body.page-contact .contact__section--lead {
        margin-top: 20px;
    }

    body.page-contact .contact-layout__column--details {
        padding-top: 0;
    }
}

@media (max-width: 575px) {
    body.page-contact h1 {
        font-size: 27px;
        line-height: 1.45;
    }

    body.page-contact h2 {
        font-size: 19px;
    }

    body.page-contact .contact__lead,
    body.page-contact .contact__list,
    body.page-contact .contact__links {
        font-size: 16px;
        line-height: 26px;
    }
}

html.dark body.page-contact h1,
html[data-theme-mode="dark"] body.page-contact h1,
html.dark body.page-contact h2,
html[data-theme-mode="dark"] body.page-contact h2,
html.dark body.page-contact .contact__list strong,
html[data-theme-mode="dark"] body.page-contact .contact__list strong {
    color: #f0f3f5;
}

html.dark body.page-contact .contact__lead,
html[data-theme-mode="dark"] body.page-contact .contact__lead,
html.dark body.page-contact .contact__list,
html[data-theme-mode="dark"] body.page-contact .contact__list,
html.dark body.page-contact .contact__links,
html[data-theme-mode="dark"] body.page-contact .contact__links {
    color: #d0d6db;
}

html.dark body.page-contact a,
html[data-theme-mode="dark"] body.page-contact a,
html.dark body.page-contact .contact__list i,
html[data-theme-mode="dark"] body.page-contact .contact__list i,
html.dark body.page-contact .contact__links i,
html[data-theme-mode="dark"] body.page-contact .contact__links i {
    color: #ff4d4d;
}

html.dark body.page-contact a:hover,
html.dark body.page-contact a:focus,
html[data-theme-mode="dark"] body.page-contact a:hover,
html[data-theme-mode="dark"] body.page-contact a:focus {
    color: #ff7777;
}