.mnt-nl-two-col-content-image-section { max-width: 1440px; margin: 0 auto; padding: 72px 48px; } .mnt-nl-two-col-content-image-container { display: flex; flex-direction: row; align-items: center; gap: 104px; padding: 40px 88px; } .mnt-nl-two-col-content-image-container-has-background { background-color: #f6f4f5; } .mnt-nl-two-col-content-image-container-reversed { flex-direction: row-reverse; } .mnt-nl-two-col-content-image-left-container { flex: 1; display: flex; flex-direction: column; justify-content: center; } .mnt-nl-two-col-content-image-left-container h2 { margin-bottom: 24px; font-family: Haas Grot Disp; font-size: 40px; font-style: normal; font-weight: 400; line-height: 48px; color: #6e0038; } .mnt-nl-two-col-content-image-left-container p { margin-bottom: 24px; } .mnt-nl-two-col-content-image-left-container p, .mnt-nl-two-col-content-image-left-container a, .mnt-nl-two-col-content-image-left-container li { font-size: 18px; font-weight: 400; line-height: 26px; } .mnt-nl-two-col-content-image-right-container { flex: 1; } .mnt-nl-two-col-content-image-right-container img { width: 100%; height: auto; } .mnt-nl-two-col-content-image-link { all: unset; display: inline-flex; justify-content: flex-start; align-items: center; gap: 8px; margin-top: 32px; cursor: pointer; text-decoration: none !important; color: #1f1e1f; font-family: Haas Grot Disp; font-size: 18px; font-style: normal; font-weight: 800; line-height: 26px; } .mnt-chevron-right-btn { opacity: 0.5; } .mnt-nl-two-col-content-image-link:hover .mnt-chevron-right-btn { opacity: 1; } .mnt-nl-two-col-content-image-link:hover { text-decoration: underline !important; } .mnt-nl-two-col-content-image-wyswig, .mnt-nl-two-col-content-image-wyswig * { font-size: 18px; line-height: 26px; word-wrap: break-word; } .mnt-nl-two-col-content-image-wyswig div { text-wrap: wrap !important; } @media only screen and (max-width: 1024px) { .mnt-nl-two-col-content-image-container { flex-direction: column; gap: 32px; margin: 40px 16px; padding: 0; } .mnt-nl-two-col-content-image-container-has-background { padding: 24px; border-radius: 8px; background-color: #f6f4f5; } .mnt-nl-two-col-content-image-container-reversed { flex-direction: column-reverse; } .mnt-nl-two-col-content-image-left-container, .mnt-nl-two-col-content-image-right-container { width: 100%; } .mnt-nl-two-col-content-image-right-container-mobile-hidden { display: none; } .mnt-nl-two-col-content-image-right-container img { position: static; transform: none; } .mnt-nl-two-col-content-image-left-container h2 { font-size: 32px; line-height: 40px; } } .mnt-two-col-content-image-wrapper { padding: 32px 20px; } .mnt-two-col-content-image-content { padding: 24px; } .mnt-two-col-content-image-container { display: flex; flex-direction: column; gap: 40px; } .mnt-two-col-content-image-container.has-background { background-color: #f6f4f5; } .mnt-two-col-content-image-content-img { width: 100%; height: 100%; object-fit: cover; } .mnt-two-col-content-image-content { display: flex; flex-direction: column; gap: 24px; flex: 1; justify-content: center; } .mnt-two-col-content-image-title { color: #6e0038; font-size: 32px; line-height: 40px; } .mnt-two-col-content-image-desc { font-size: 18px; line-height: 26px; color: #1f1e1f; } .mnt-two-col-content-image-desc ul { margin-left: 24px; } @media only screen and (min-width: 1024px) { .mnt-two-col-content-image-wrapper { padding: 72px 48px; max-width: 1440px; margin: auto; } .mnt-two-col-content-image-content-image-wrapper { flex: 1; padding: 0 40px; } .mnt-two-col-content-image-container { flex-direction: row; padding: 40px 48px; } .mnt-two-col-content-image-container.image-left { flex-direction: row-reverse; } .mnt-two-col-content-image-content { padding: 0 40px; } .mnt-two-col-content-image-title { font-size: 40px; line-height: 48px; } }