.contact-image-section { padding: 28px 30px; background: #42bff0 url('../images/brand-profile/pr0.jpg') center / cover no-repeat; color: #112c5b; }
.contact-image-container { max-width: 1280px; margin: 0 auto; }
.contact-column { width: 46%; max-width: 600px; margin-left: auto; margin-right: 0; padding: 32px; border: 0; border-radius: 0; background: rgb(255 255 255 / 55%); }
.contact-intro { margin-bottom: 28px; }
.contact-intro h2 { color: #112c5b; }
.contact-intro > p { color: #415875; }
.contact-form { min-width: 0; }
.contact-form input:not([type="hidden"]), .contact-form select, .contact-form textarea { background: rgb(17 44 91 / 6%); border-color: transparent; }
.contact-form input:not([type="hidden"]), .contact-form select { min-height: 54px; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: #158bd3; }
.dark .contact-column { background: rgb(7 18 35 / 72%); color: #eff9ff; }
.dark .contact-form input, .dark .contact-form select, .dark .contact-form textarea { background: rgb(255 255 255 / 8%); }
.dark .contact-intro h2 { color: #eff9ff; }
.dark .contact-intro > p { color: #c1d8e9; }
@media (max-width: 1023px) {
    .contact-image-section { padding: 56px 24px; background-position: 35% center; }
    .contact-column { width: 64%; padding: 26px; }
}
@media (max-width: 639px) {
    .contact-image-section { padding: 120px 16px 36px; background-size: auto 560px; background-position: 36% top; background-color: #75cef0; }
    .contact-column { width: 100%; padding: 24px 20px; }
}