.mnt-page-cta-wrapper { max-width: 1440px; margin: auto; background-color: #fff; padding: 72px 48px } .mnt-page-cta-image-container { display: flex; justify-content: space-between; align-items: center; padding: 40px 48px; border-radius: 8px } .mnt-page-cta-image-container.has-background { background-color: #f6f4f5 } .mnt-page-cta-image-container.image-left { flex-direction: row-reverse } .mnt-page-cta.col, .mnt-page-image.col { flex: 1; padding: 0 40px } .mnt-page-cta-title { font-size: 40px; font-weight: 400; line-height: 48px; margin-bottom: 24px; color: #6e0038 } .mnt-page-cta-description { font-size: 18px; line-height: 26px; font-weight: 400; margin-bottom: 24px; color: #1f1e1f } .mnt-page-cta-description * { line-height: 26px; margin-bottom: 24px; color: #1f1e1f } .mnt-page-cta-phone-label { font-size: 24px; font-weight: 400; line-height: 32px; color: #000; margin-bottom: 16px } .mnt-page-cta-wrapper .mnt-page-cta-phone-availability { display: flex; gap: 12px; margin-bottom: 32px; margin-top: 8px } .mnt-page-cta-phone-availability-label { font-size: 16px; font-weight: 400; line-height: 24px; color: #000 } .mnt-page-cta-wrapper .mnt-page-cta-phone { font-size: 32px; font-weight: 400; line-height: 40px; text-decoration: none !important; color: #000; margin-bottom: 8px } .mnt-page-cta-phone:hover { text-decoration: underline !important; } .mnt-page-cta-nearby-label { font-size: 20px; font-weight: 400; line-height: 28px; color: #000; margin-bottom: 16px } .mnt-page-cta .mnt-nl-expanded-field, .mnt-page-cta .mnt-nl-expanded-field input { background: #fff0 } .mnt-page-image img { width: 100%; height: 100%; object-fit: cover } .mnt-page-cta .mnt-nl-expanded-field { justify-content: start; margin-top: 16px; align-items: center } .mnt-nl-cta-btn-mobile { display: none } .mnt-page-cta-wrapper .mnt-nl-input-field::placeholder { font-size: 18px; color: #A09B9E !important } .mnt-page-cta-wrapper .mnt-input-field-wrapper.mnt-field-wrapper-left { padding: 0 } .mnt-page-cta-wrapper .mnt-nl-label { top: 0; background: #F6F4F5 } .mnt-page-cta-wrapper .mnt-nl-input-field { height: 56px; border: 1px solid #A09B9E } .mnt-page-cta-wrapper input:-webkit-autofill { -webkit-background-clip: text } .mnt-page-cta-wrapper .mnt-nl-cta-btn { padding: 15px 24px } .mnt-page-cta-wrapper .mnt-input-field-wrapper .mnt-nl-label { color: #737373; font-weight: 400 } .mnt-page-cta-wrapper .mnt-page-cta-image-container.has-background .mnt-input-field-wrapper .mnt-nl-label { color: #737373; font-weight: 400; background-color: #F6F4F5 } .mnt-page-cta-wrapper .mnt-nl-expanded-field:has(.mnt-nl-section-block) .mnt-nl-cta-btn span { display: inline } .mnt-page-cta-wrapper .mnt-nl-input-field { padding-left: 45px; padding-top: 4px; padding-right: 20px } .mnt-page-cta-wrapper .mnt-nl-label { background-color: #fff } .mnt-page-cta-wrapper .mnt-nl-section-block { width: 240px; height: 56px } @media only screen and (max-width:1024px) { .mnt-page-image { display: none } .mnt-page-cta.col { flex-basis: 100% } .mnt-page-cta-image-container { border-radius: 8px } .mnt-page-cta-wrapper { padding: 32px 20px } .mnt-page-cta-image-container { padding: 24px } .mnt-page-cta.col { padding: 0 } } @media only screen and (max-width:768px) { .mnt-page-cta-wrapper .mnt-nl-cta-btn-mobile { display: flex; background-color: #6E0038; padding: 15px 24px; border-radius: 3px } .mnt-page-cta-wrapper .mnt-nl-expanded-field:has(.mnt-nl-section-block) .mnt-nl-cta-btn span { display: none } .mnt-page-cta-wrapper .mnt-nl-expanded-field:has(.mnt-nl-section-block) .mnt-secondary-button span { display: none } .mnt-page-cta-title { font-size: 32px; line-height: 40px } .mnt-page-cta-phone-label { font-size: 20px; line-height: 28px } .mnt-page-cta-phone { font-size: 24px; line-height: 32px } .mnt-page-cta-phone-availability-label { font-size: 16px; line-height: 24px } .mnt-page-cta-nearby-label { font-size: 18px; line-height: 26px } .mnt-page-cta-wrapper .mnt-input-field-wrapper { max-width: 320px } .mnt-page-cta-wrapper .mnt-nl-section-block { width: 100%; max-width: 320px; flex: 1 } }