.contact-modern-shell {
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr);
    grid-template-areas: "info form" "map map";
    gap: 36px 70px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 92px 15px 100px;
}
.contact-modern-shell .contact-page-info { grid-area: info; padding: 0; }
.contact-modern-shell .contact-page-form { grid-area: form; padding: 0; }
.contact-modern-shell .google-map-one { grid-area: map; padding: 0; }
.contact-modern-shell .contact-page-info .row { display: block; margin: 0; }
.contact-modern-shell .contact-page-info [class*="col-"] { width: 100%; max-width: none; padding: 0; }
.contact-modern-shell .contact-page-info__single { display: flex; align-items: flex-start; gap: 18px; margin: 0 0 28px; padding: 0; }
.contact-modern-shell .contact-page-info__single .icon-box { display: grid; width: 46px; height: 46px; flex: 0 0 46px; place-items: center; border-radius: 50%; background: rgba(229,57,53,.1); color: #e53935; }
.contact-modern-shell .contact-page-info__single .content-box h3 { margin: 0 0 7px; color: #202124; font-size: 16px; font-weight: 800; }
.contact-modern-shell .contact-page-info__single .content-box p { margin: 0; color: #6f7782; font-size: 15px; line-height: 1.7; }
.contact-modern-shell .contact-page-info__single .content-box a { color: #6f7782; }
.contact-modern-shell .contact-page-info__single .content-box a:hover { color: #e53935; }
.contact-modern-shell .contact-page-info::before { display: block; max-width: 420px; margin-bottom: 20px; color: #e53935; content: "Contact ADVP Foundation"; font-family: "Caveat", cursive; font-size: 28px; font-weight: 700; }
.contact-modern-shell .contact-page-info::after { display: block; max-width: 440px; margin-top: 36px; color: #202124; content: "We are always ready to help you and answer your questions"; font-size: clamp(32px, 4vw, 50px); font-weight: 800; line-height: 1.1; }
.contact-modern-shell .contact-page-form__inner { margin: 0; padding: 38px 42px 42px; border-radius: 8px; background: #f1f3f5; }
.contact-modern-shell .contact-page-form .title-box { margin-bottom: 25px; }
.contact-modern-shell .contact-page-form .title-box h2 { margin: 0; color: #202124; font-size: 25px; }
.contact-modern-shell .contact-page__input-box { margin-bottom: 16px; }
.contact-modern-shell .contact-page__input-box input, .contact-modern-shell .contact-page__input-box textarea { width: 100%; padding: 12px 0; border: 0; border-bottom: 1px solid #ccd1d5; border-radius: 0; outline: 0; background: transparent; color: #202124; font-size: 14px; }
.contact-modern-shell .contact-page__input-box textarea { min-height: 86px; resize: vertical; }
.contact-modern-shell .contact-page__input-box input:focus, .contact-modern-shell .contact-page__input-box textarea:focus { border-bottom-color: #15426b; }
.contact-modern-shell .contact-page__btn-box { margin-top: 10px; }
.contact-modern-shell .contact-page__btn { min-height: 45px; padding: 0 20px; border: 0; border-radius: 22px; background: #202124; font-size: 12px; }
.contact-modern-shell .contact-page__btn:hover { background: #e53935; }
.contact-modern-shell .google-map-one__map { display: block; width: 100%; height: 285px; border: 0; filter: grayscale(1); }
.contact-modern-shell .result { margin-top: 14px; color: #15426b; font-size: 14px; }
@media (max-width: 767px) {
    .contact-modern-shell { display: flex; flex-direction: column; gap: 42px; padding: 62px 15px 70px; }
    .contact-modern-shell .contact-page-info::after { font-size: 38px; }
    .contact-modern-shell .contact-page-form__inner { padding: 28px 22px 30px; }
    .contact-modern-shell .google-map-one__map { height: 240px; }
}