.contact {padding: 4.5rem 0 5.5rem; } .contact .container {max-width: 1242px; } .contact .contact-card {display: grid;grid-template-columns: minmax(17.5rem, 23.75rem) minmax(0, 1fr);max-width: none;margin: 0 auto;overflow: hidden;border: 1px solid rgba(17, 24, 39, 0.08);border-radius: 1rem;background: var(--white); } .contact .contact-aside {position: relative;min-height: 23.75rem;overflow: hidden;background: var(--primary);color: var(--white); } .contact .contact-aside::after {content: "";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.38); } .contact .contact-aside picture, .contact .contact-aside .img-fluid {display: block;width: 100%;height: 100%; } .contact .contact-aside .img-fluid {object-fit: cover; } .contact .contact-aside-content {position: absolute;left: 2.5rem;right: 2.25rem;bottom: 2.625rem;z-index: 2; } .contact .contact-kicker {position: relative;display: inline-flex;align-items: center;margin-bottom: 1.125rem;color: var(--white);font-size: 0.8125rem;font-weight: 800;line-height: 1.2; } .contact .contact-kicker::before {content: "";width: 2rem;height: 0.125rem;margin-right: 0.75rem;background: rgba(255, 255, 255, 0.75); } .contact .contact-title {margin: 0 0 1.125rem;color: var(--white);font-size: 1.875rem;font-weight: 900;line-height: 1.15; } .contact .contact-text {max-width: 18.75rem;margin: 0;color: rgba(255, 255, 255, 0.88);font-size: 0.9375rem;font-weight: 500;line-height: 1.55; } .contact .contact-form {padding: 2.5rem 1.875rem 1.875rem; } .contact .contact-form .row {margin-right: -0.625rem;margin-left: -0.625rem; } .contact .contact-form .col {padding-right: 0.625rem;padding-left: 0.625rem; } .contact .contact-form .form-group {margin-bottom: 1.125rem; } .contact .contact-form label {margin-bottom: 0.5rem;color: var(--body-color);font-size: 0.875rem;font-weight: 800;line-height: 1.2; } .contact .contact-form .form-control {min-height: 2.875rem;border: 1px solid rgba(17, 24, 39, 0.14);border-radius: 0.375rem;color: var(--body-color);font-size: 0.875rem;font-weight: 500; } .contact .contact-form .form-control::placeholder {color: rgba(17, 24, 39, 0.36); } .contact .contact-form textarea.form-control {min-height: 8rem;resize: vertical; } .contact .contact-content {margin-bottom: 1.5rem; } .contact .contact-content-after {margin-top: 1.5rem;margin-bottom: 0; } .contact .contact-footer {display: flex;align-items: flex-end;justify-content: space-between;gap: 1.5rem;margin-top: 0.375rem; } .contact .contact-consent {min-width: 0;color: rgba(17, 24, 39, 0.58);font-size: 0.8125rem;font-weight: 500;line-height: 1.45; } .contact .contact-consent .form-group {margin-bottom: 0.625rem; } .contact .contact-consent label {margin-bottom: 0;color: rgba(17, 24, 39, 0.58);font-size: 0.8125rem;font-weight: 500;line-height: 1.45; } .contact .contact-submit {flex: 0 0 auto;min-width: 11.875rem; } .contact .contact-submit svg {width: 1.125rem;height: 1.125rem;margin-left: 0.75rem; } @media (max-width: 991.98px) {.contact {padding: 3.5rem 0 4rem;}.contact .contact-card {grid-template-columns: 1fr;}.contact .contact-aside {min-height: 18.75rem;}.contact .contact-form {padding: 1.875rem 1.5rem 1.625rem;} } @media (max-width: 767.98px) {.contact .contact-aside-content {left: 1.5rem;right: 1.5rem;bottom: 1.75rem;}.contact .contact-footer {display: block;}.contact .contact-submit {width: 100%;margin-top: 1.125rem;} }