.mnt-nl-header-cta-logic-group, .mnt-nl-generic-cta-logic-group { flex-basis: 100%; display: flex; flex-wrap: wrap; justify-content: center } .mnt-nl-generic-cta-logic-group *:not(.mnt-nl-cta-btn):not(.mnt-nl-cta-btn *):not(.mnt-bulleted-list-container):not(.mnt-bulleted-list-container *) { background: #f6f4f5 !important } .mnt-nl-sticky-cta { position: fixed; bottom: 0; right: 5%; width: 612px; height: 52px; background: red; border-radius: 8px 8px 0 0; display: flex; justify-content: center; align-items: center } .mnt-nl-sticky-cta a { font-size: unset } .mnt-nl-sticky-cta h2 { font-size:24px; line-height: 30px; } .mnt-nl-sticky-cta-logic-group .mnt-nl-sticky-cta { z-index: 1001 } .mnt-nl-header-cta-logic-group .mnt-nl-header-cta { border-radius: 8px } .mnt-nl-header-cta-container .mnt-nl-sticky-cta-expanded-content .mnt-nl-expanded-header h3 { font-size: 40px } .mnt-nl-header-cta-container .mnt-nl-sticky-cta-expanded-content .mnt-nl-expanded-header { margin-bottom: 24px } .mnt-nl-generic-cta-logic-group .mnt-nl-sticky-cta.mnt-nl-sticky-cta-expanded { box-shadow: unset; border-radius: unset } .mnt-nl-sticky-cta.mnt-nl-purple { background: #6e0038 } .mnt-nl-sticky-cta.mnt-nl-green { background: #647E4E } .mnt-nl-sticky-cta.mnt-nl-header-cta { bottom: unset; position: static; right: unset; margin-bottom: 1em } .mnt-nl-sticky-cta.mnt-nl-sticky-cta-expanded { flex-basis: 100%; box-shadow: 0 8px 16px 0 #00000029; height: auto; background: #fff } .mnt-nl-sticky-cta.mnt-nl-sticky-cta-expanded.mnt-nl-header-cta-transparent { background-color: #f6f4f5cc; padding: 40px } .mnt-nl-sticky-cta.mnt-nl-header-cta.mnt-nl-sticky-cta-expanded { height: auto } .mnt-nl-sticky-cta-expanded .mnt-nl-sticky-cta-expanded-content { background: #fff; height: 100%; width: 100%; display: flex; flex-wrap: wrap } .mnt-nl-sticky-cta-expanded .mnt-nl-sticky-cta-expanded-content.mnt-nl-header-cta-transparent { background-color: #f6f4f5cc; gap: 16px } .mnt-nl-sticky-cta-expanded .mnt-nl-sticky-cta-expanded-content.mnt-nl-header-cta-transparent { background: transparent } .mnt-nl-hidden { display: none } .mnt-nl-cta-collapsed-header, .mnt-nl-expanded-header { cursor: pointer; flex-basis: 100%; background: transparent; display: flex; justify-content: space-between; align-items: center } .mnt-nl-expanded-header, .mnt-nl-expanded-description, .mnt-nl-expanded-field { flex-basis: 100%; background: #fff; cursor: pointer } .mnt-nl-expanded-header.mnt-nl-header-cta-transparent, .mnt-nl-expanded-description.mnt-nl-header-cta-transparent, .mnt-nl-expanded-field.mnt-nl-header-cta-transparent { background: transparent } .mnt-nl-expanded-description { flex-basis: 95%; color: #1f1f1f; line-height: 26px } .mnt-nl-cta-bullet-list-container { flex-basis: 100%; padding: 1em 0 1em 0 } .mnt-nl-expanded-field { flex-basis: 95%; display: flex; flex-wrap: wrap; justify-content: start; align-items: center; gap: 10px } .mnt-nl-sticky-cta-logic-group .mnt-nl-expanded-header { margin-bottom: 12px } .mnt-nl-sticky-cta-logic-group .mnt-nl-expanded-description { margin-bottom: 24px } .mnt-nl-header-cta-container .mnt-nl-expanded-description, .mnt-nl-header-cta-container .mnt-nl-expanded-field { flex-basis: 100% } .mnt-nl-generic-cta-logic-group .mnt-nl-header-cta .mnt-nl-expanded-field { flex-basis: 90% } .mnt-nl-expanded-header.mnt-nl-header-cta-transparent h3 { color: #6e0038; font-size: 56px; font-style: normal; font-weight: 400; line-height: 32px } .mnt-nl-expanded-header h3.mnt-nl-text-purple, label.mnt-nl-label-focused.mnt-nl-text-purple { color: #6e0038 } .mnt-nl-expanded-header h3.mnt-nl-text-green, label.mnt-nl-label-focused.mnt-nl-text-green { color: #647E4E } .mnt-nl-expanded-description p { color: #1f1e1f; font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px } .mnt-nl-expanded-description.mnt-nl-header-cta-transparent * { color: #1f1e1f; font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px } .mnt-nl-cta-collapsed-header .mnt-nl-cta-title { color: #fff; font-weight: bold } .mnt-nl-sticky-cta-logic-group .mnt-nl-cta-collapsed-header .mnt-nl-cta-title { font-size: 16px } .mnt-nl-section-block { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap } .mnt-input-field-wrapper { position: relative; display: flex; align-items: center; justify-content: center; box-sizing: border-box; flex-basis: 100% } .mnt-input-field-wrapper.mnt-field-wrapper-left.mnt-nl-header-cta-transparent { background-color: transparent } .input-overlay.mnt-nl-field-fill { background: #fff; right: 30px } .mnt-nl-input-field { width: 100%; overflow-x: auto; background-color: #fff; flex-basis: 100%; height: 56px; border: 1px solid #737373; border-radius: 3px; outline: none; font-size: 16px; box-sizing: border-box; padding-left: 45px; padding-right: 35px; padding-top: 4px; transition: border-color .3s ease; font-size: 18px } .mnt-nl-input-field.mnt-nl-header-cta-transparent { background: transparent } .mnt-nl-txt-img-cta-wrapper .mnt-nl-section-block { display: block } .mnt-nl-field-icon { position: absolute; right: 63px; top: 50%; transform: translateY(-50%); height: 20px; opacity: .5; width: 20px; left: 15px } .mnt-nl-checkmark { left: unset; right: 5%; opacity: 1 } .mnt-nl-label { position: absolute; transform: translateY(-50%); top: 0; left: 5%; background: #fff; padding: 0 5px; color: #737373; font-size: 12px; transition: color .3s ease } .mnt-nl-label.mnt-nl-field-fill { background: #fff } .mnt-input-field-wrapper.mnt-nl-header-cta-transparent label { left: 26px; padding: 0 } .mnt-nl-label.mnt-nl-field-fill.mnt-nl-header-cta-transparent { background: #f6f4f5cc } .mnt-nl-label-focused { color: #6d0038; font-weight: 700 } .mnt-nl-label-hidden { display: none } .mnt-nl-cta-btn { cursor: pointer; display: inline-flex; justify-content: center; align-items: center; gap: 8px; color: #fff; background: #6e0038; padding: 15px 24px; text-decoration: none !important; border: none; font-weight: 600; border-radius: 4px; font-size: 18px } .mnt-nl-cta-btn:hover { color: #fff; text-decoration: underline !important } .mnt-nl-cta-btn:hover img { opacity: 1 } .mnt-nl-cta-btn:focus { color: #fff } .mnt-box-with-email { justify-content: start; gap: 16px } .mnt-phone-button a { color: #FFFFFF; font-weight: 600; text-decoration: none !important } .mnt-phone-button a:active { color: #FFFFFF } .mnt-phone-button a:focus { color: #FFFFFF } .mnt-phone-button a:hover { color: #FFFFFF } .mnt-phone-button { flex-basis: auto } .mnt-box-with-email span { color: #8C8C8C } .mnt-email-button { background-color: #FFFFFF; color: #1F1E1F; flex-basis: auto; padding: 22px } .mnt-email-button a { text-decoration: none !important; font-weight: 600 } .mnt-nl-cta-btn.mnt-nl-purple { background: #6e0038 } .mnt-nl-cta-btn.mnt-nl-green { background: #647E4E } .mnt-nl-img-right { opacity: .5 } .mnt-nl-cta-btn:hover .mnt-nl-img-right { opacity: 1 } .mnt-nl-txt-img-cta-wrapper { width: 100vw; margin-left: calc(50% - 50vw); box-sizing: border-box; display: flex; margin-top: 100px; flex-wrap: wrap } .mnt-nl-txt-img-cta-wrapper.mnt-nl-txt-img-cta-el-purple { background: #6e0038 } .mnt-nl-txt-img-cta-wrapper.mnt-nl-txt-img-cta-el-green { background: #3f582d } .mnt-nl-txt-img-cta { min-height: 383px; position: relative; flex-basis: 50%; display: flex; flex-wrap: wrap } .mnt-nl-txt-expanded-field-wrapper { width: 100%; display: flex } .mnt-nl-txt-expanded-field-wrapper .mnt-nl-expanded-field { flex-basis: 100%; background: transparent } .mnt-nl-txt-expanded-field-wrapper .mnt-nl-field-icon:not(.mnt-nl-checkmark) { filter: invert(1) brightness(1) } .mnt-nl-txt-expanded-field-wrapper .mnt-nl-checkmark { filter: invert(1) brightness(2) } .mnt-nl-txt-expanded-field-wrapper .mnt-nl-input-field { background: transparent; font-weight: bold; color: #fff; border: 1px solid #fff } .mnt-nl-txt-expanded-field-wrapper .mnt-nl-input-field::placeholder { color: #fff !important } .mnt-nl-txt-img-cta-wrapper.mnt-nl-txt-img-cta-el-purple .mnt-nl-txt-expanded-field-wrapper .mnt-nl-label.mnt-nl-label.mnt-nl-field-fill { background: #6d0038; color: #d8d8d8 } .mnt-nl-txt-img-cta-wrapper.mnt-nl-txt-img-cta-el-green .mnt-nl-txt-expanded-field-wrapper .mnt-nl-label.mnt-nl-label.mnt-nl-field-fill { background: #3f582d; color: #d8d8d8 } .mnt-nl-label-focused { color: #6d0038; font-weight: 700 } .mnt-nl-txt-cta { padding: 80px 40px 80px 10px; display: inline-flex; flex-direction: column; align-items: flex-start; gap: 12px } .mnt-nl-txt-cta * { color: #fff } .mnt-nl-txt-cta .mnt-nl-cta-btn { background: #fff; color: #1f1e1f; font-weight: bold } .mnt-nl-txt-cta .mnt-nl-cta-btn img { filter: invert(1) brightness(.5) } .mnt-nl-txt-cta h2 { color: #fff; font-size: 40px; font-style: normal; font-weight: 400; line-height: 48px } .mnt-nl-txt-cta p { color: rgba(255, 255, 255, .8); font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px } .mnt-nl-header-cta-transparent-wrapper { position: absolute; width: 517px; height: 304px; top: 50px; left: 120px } .mnt-nl-header-cta-container.mnt-nl-generic-cta-container .mnt-nl-expanded-header { margin-bottom: 12px } .mnt-nl-header-cta-container.mnt-nl-generic-cta-container .mnt-nl-expanded-description { margin-bottom: 16px } .mnt-nl-header-cta-logic-group .mnt-nl-expanded-description { margin-bottom: 24px } .mnt-nl-header-cta-container.mnt-nl-generic-cta-container .mnt-bulleted-list-container ul { display: flex; flex-direction: column; gap: 16px; margin-bottom: 32px } .mnt-nl-header-cta-container.mnt-nl-generic-cta-container .mnt-bulleted-list-container .mnt-bulleted-list-container ul li { margin-bottom: 0 } .mnt-nl-generic-cta-container .mnt-nl-input-field { padding-left: 45px } .mnt-nl-generic-cta-container .mnt-nl-cta-btn { min-height: 54px } .mnt-nl-txt-img-cta-wrapper .mnt-nl-txt-img-cta-image { position: absolute; max-width: 90%; left: 4%; top: -97px; width: 40vw; height: 100%; object-fit: cover } .mnt-nl-txt-img-cta-wrapper h2 { opacity: 80% } .mnt-nl-txt-img-cta-wrapper p, .mnt-nl-txt-img-cta-wrapper [data-wrapper="true"] { color: #FFFFFF; font-size: 18px; line-height: 26px; opacity: 80% } .mnt-nl-txt-img-cta-wrapper .mnt-input-field-wrapper { width: 240px } .mnt-nl-sticky-cta.mnt-nl-sticky-cta-expanded .mnt-input-field-wrapper { width: 240px } .mnt-header-overlay.hp-template .mnt-nl-section-block { max-width: 240px } .mnt-input-field-wrapper.hp-template .mnt-nl-input-field { padding-left: 40px; border: 1px solid #A09B9E } .mnt-input-field-wrapper.hp-template .mnt-nl-input-field::placeholder { color: #A09B9E !important } .mnt-header-overlay.hp-template .mnt-nl-cta-btn { min-height: 54px } .mnt-header-overlay.hp-template .mnt-nl-cta-date-input { padding-left: 18px } .mnt-nl-input-field:-webkit-autofill { -webkit-background-clip: text } .mnt-nl-txt-img-cta-wrapper .mnt-nl-input-field { padding-left: 40px } .mnt-nl-generic-cta-container .mnt-nl-cta-btn { min-height: 54px } .mnt-has-date-error { display: block } .mnt-nl-section-block .mnt-input-field-wrapper.mnt-invalid-date-field input { border: 1px solid #950101 } .mnt-nl-section-block .mnt-input-field-wrapper.mnt-invalid-date-field label { color: #950101 } input:-webkit-autofill, input:-webkit-autofill:focus { transition: background-color 0s 600000s, color 0s 600000s !important } .mnt-nl-header-cta-container .mnt-nl-header-cta-centered .mnt-nl-header-cta-logic-group .mnt-nl-input-field { padding-left: 40px } .mnt-nl-header-cta-container .mnt-nl-header-cta-centered .mnt-nl-expanded-description { margin-bottom: 24px } .mnt-cta-transparent-input-wrapper { width: 240px; height: 56px; position: relative } .mnt-cta-transparent-input-wrapper .input { font-size: 16px; border-radius: 3px; border: 1px solid #737373; width: 100%; height: 100%; outline: none; box-sizing: border-box; background: transparent; padding-left: 24px; padding-top: 4px } .mnt-cta-transparent-input-wrapper.mnt-nl-text-green, .mnt-cta-transparent-input-wrapper.mnt-nl-text-purple { color: #1F1E1F } .mnt-cta-transparent-input-wrapper .placeholder { pointer-events: none; position: absolute; top: 16px; left: 24px; color: #A09B9E; font-size: 18px; line-height: 26px } .mnt-cta-transparent-input-wrapper .mnt-nl-field-icon { left: 16px } .mnt-cta-transparent-input-wrapper .mnt-nl-field-icon.mnt-nl-checkmark { left: unset; right: 5%; opacity: 1 } .mnt-cta-transparent-input-wrapper .input:not(:placeholder-shown).input:not(:focus)+.placeholder { transform: scale(.75) translateY(-40px) translateX(-16%); color: #737373; transition: .2s ease } .mnt-cta-transparent-input-wrapper .input:not(:placeholder-shown).input:not(:focus)+.placeholder::before { position: absolute; content: ""; height: 1px; background-color: #737373; width: 20px; top: 14px; left: -30px } .mnt-cta-transparent-input-wrapper .input:not(:placeholder-shown).input:not(:focus)+.placeholder::after { position: absolute; content: ""; height: 1px; background-color: #737373; top: 14px; left: 131px; width: 155px } .mnt-cta-transparent-input-wrapper [data-placeholder="Postcode"]:not(:placeholder-shown)[data-placeholder="Postcode"]:not(:focus)+.placeholder::before { position: absolute; content: ""; height: 1px; background-color: #737373; width: 17px; top: 14px; left: -30px } .mnt-cta-transparent-input-wrapper [data-placeholder="Postcode"]:not(:placeholder-shown)[data-placeholder="Postcode"]:not(:focus)+.placeholder::after { position: absolute; content: ""; height: 1px; background-color: #737373; top: 14px; left: 85px; width: 202px } .mnt-cta-transparent-input-wrapper .input:not(:placeholder-shown):not(:focus) { border-top: none } .mnt-cta-transparent-input-wrapper .input:focus+.placeholder::before, .mnt-cta-transparent-input-wrapper .input:focus+.placeholder::after { position: absolute; content: ""; height: 1px; background-color: #6E0038 } .mnt-cta-transparent-input-wrapper .input:focus+.placeholder::before { width: 12px; top: 14px; left: -10px } .mnt-cta-transparent-input-wrapper .input:focus+.placeholder::after { top: 14px; left: 143px; width: 162px } .mnt-cta-transparent-input-wrapper [data-placeholder="Postcode"]:focus+.placeholder::before, .mnt-cta-transparent-input-wrapper [data-placeholder="Postcode"]:focus+.placeholder::after { position: absolute; content: ""; height: 1px; background-color: #6E0038 } .mnt-cta-transparent-input-wrapper [data-placeholder="Postcode"]:focus+.placeholder::before { width: 18px; top: 14px; left: -17px } .mnt-cta-transparent-input-wrapper [data-placeholder="Postcode"]:focus+.placeholder::after { left: 97px; width: 202px } .mnt-cta-transparent-input-wrapper .input:focus { border-color: #6E0038; border-top: none } .mnt-cta-transparent-input-wrapper .input:focus+.placeholder { transform: scale(.75) translateY(-40px) translateX(-30%); color: #6E0038; padding: 0 12px } .mnt-cta-transparent-input-wrapper .input:not(:placeholder-shown):not(:focus) .mnt-cta-transparent-input-wrapper .mnt-nl-field-icon.mnt-nl-checkmark { left: unset; right: 5%; opacity: 1 } .mnt-cta-transparent-input-wrapper.mnt-nl-text-green .input:focus+.placeholder::before, .mnt-cta-transparent-input-wrapper.mnt-nl-text-green .input:focus+.placeholder::after { background-color: #647E4E } .mnt-cta-transparent-input-wrapper.mnt-nl-text-green [data-placeholder="Postcode"]:focus+.placeholder::before, .mnt-cta-transparent-input-wrapper.mnt-nl-text-green [data-placeholder="Postcode"]:focus+.placeholder::after { background-color: #647E4E } .mnt-cta-transparent-input-wrapper.mnt-nl-text-green .input:focus { border-color: #647E4E; border-top: none } .mnt-cta-transparent-input-wrapper.mnt-nl-text-green .input:focus+.placeholder { transform: scale(.75) translateY(-40px) translateX(-37%); color: #647E4E } .mnt-nl-section-block .mnt-nl-error-label-postal-code { display: none; color: #950101; font-size: 12px; line-height: 16px; padding: 8px 16px 0 8px } .mnt-nl-section-block .mnt-nl-error-label-date { display: none; font-size: 12px; line-height: 16px; color: #950101; padding: 8px 16px 0 8px } .mnt-nl-section-block .mnt-nl-error-label-date a { font-size: 12px; line-height: 16px; color: #950101 } .mnt-nl-section-block .mnt-nl-error-label-date.mnt-invalid-age { display: block } .mnt-nl-expanded-field { align-items: start } .mnt-nl-txt-img-cta-wrapper .mnt-nl-section-block .mnt-nl-error-label-postal-code { color: #d8d8d8; padding: 10px 0 } .mnt-nl-txt-img-cta-wrapper .mnt-nl-section-block .mnt-nl-error-label-date { color: #d8d8d8; padding: 10px 0 } .mnt-nl-txt-img-cta-wrapper .mnt-nl-section-block .mnt-nl-error-label-date a { color: #d8d8d8 } .mnt-nl-header-cta-logic-group .mnt-nl-expanded-field .mnt-nl-cta-btn { height: 100% } .mnt-nl-txt-img-cta-wrapper .mnt-nl-txt-cta .mnt-nl-txt-expanded-field-wrapper .mnt-nl-cta-btn { height: 100% } .mnt-nl-sticky-cta-logic-group .mnt-nl-sticky-cta-expanded .mnt-nl-input-field { padding-left: 40px } .mnt-nl-sticky-cta-logic-group .mnt-nl-expanded-field .mnt-nl-cta-btn { height: 100%; font-size: 18px } .mnt-nl-sticky-cta-logic-group .mnt-nl-expanded-field { height: 100% } .mnt-nl-sticky-cta-logic-group .mnt-nl-sticky-cta-expanded .mnt-nl-section-block { display: block } .mnt-header-with-text-box-heading-wrapper .mnt-nl-header-cta-container .mnt-nl-header-cta-centered { flex-basis: 100% } .mnt-header-with-text-box .mnt-nl-header-cta-container .mnt-nl-sticky-cta-expanded-content .mnt-nl-expanded-header h3 { font-size: 24px } .mnt-header-with-text-box .mnt-nl-header-cta-logic-group .mnt-nl-expanded-field .mnt-nl-cta-btn { font-size: 18px } .mnt-header-with-text-box .mnt-nl-header-cta-container .mnt-nl-sticky-cta-expanded-content .mnt-nl-expanded-header { margin-bottom: 12px } .mnt-header-with-text-box .mnt-nl-sticky-cta.mnt-nl-header-cta.mnt-nl-sticky-cta-expanded { padding: 36px; box-shadow: 0 4px 24px 0 #00000029 } @media only screen and (max-width:768px) { .mnt-nl-header-cta-container .mnt-nl-sticky-cta-expanded-content .mnt-nl-expanded-header h3 { font-size: 32px; line-height: 40px } .mnt-nl-txt-img-cta-wrapper .mnt-nl-cta-btn { width: 100% } .mnt-nl-header-cta-container .mnt-nl-header-cta-centered .mnt-nl-cta-btn { width: 100% } .mnt-nl-header-cta-transparent-wrapper { position: absolute; height: auto; left: 0; right: 0; top: 115px; width: 85%; margin: auto } .mnt-nl-sticky-cta.mnt-nl-sticky-cta-expanded.mnt-nl-header-cta-transparent { background-color: #F6F4F5; padding: 16px 20px } .mnt-nl-generic-cta-container .mnt-nl-cta-btn { width: 100% } .mnt-nl-sticky-cta-logic-group .mnt-input-btn-wrapper .mnt-cms-input-field-wrapper { max-width: none } .mnt-nl-sticky-cta-logic-group .mnt-input-btn-wrapper .mnt-input-btn-with-error { max-width: none } .mnt-nl-sticky-cta-logic-group #redirect-form { width: 100% } .mnt-nl-sticky-cta-logic-group .mnt-input-btn-wrapper { flex-direction: column } .mnt-nl-header-cta-container .mnt-input-btn-wrapper .mnt-cms-input-field-wrapper { max-width: none } .mnt-nl-header-cta-container .mnt-input-btn-wrapper .mnt-input-btn-with-error { max-width: none } .mnt-nl-header-cta-container #redirect-form { width: 100% } .mnt-nl-header-cta-container .mnt-input-btn-wrapper { flex-direction: column } .mnt-nl-sticky-cta.mnt-nl-sticky-cta-expanded { height: 340px } .mnt-nl-sticky-cta { width: 100%; left: 0; right: 0 } .mnt-nl-section-block { flex-basis: 100% } .mnt-nl-txt-img-cta-wrapper .mnt-nl-section-block { display: flex } .mnt-nl-expanded-header.mnt-nl-header-cta-transparent h3 { font-size: 40px; line-height: 48px } .mnt-nl-sticky-cta.mnt-nl-sticky-cta-expanded .mnt-nl-section-block { display: flex } .mnt-nl-sticky-cta.mnt-nl-sticky-cta-expanded .mnt-nl-cta-btn { width: 100% } .mnt-nl-header-cta-container .mnt-nl-header-cta-centered { flex-basis: 95% } .mnt-nl-generic-cta-logic-group { flex-basis: 100%; margin-right: unset } .mnt-nl-generic-cta-logic-group .mnt-nl-header-cta .mnt-nl-expanded-field { flex-basis: 100% } .mnt-box-with-email button { flex-basis: auto } .mnt-box-with-email { display: flex; flex-direction: column; align-items: start } .mnt-generic-text-image-cta-wrapper .mnt-nl-cta-btn { width: 100% } } @media only screen and (max-width:844px) { .mnt-nl-txt-img-cta-wrapper .mnt-nl-txt-img-cta { min-height: unset; flex-basis: 100% } .mnt-nl-txt-img-cta-wrapper { margin-top: 0 } .mnt-nl-txt-img-cta-wrapper .mnt-nl-txt-cta { padding: 32px 21px } .mnt-nl-txt-img-cta-wrapper .mnt-nl-txt-img-cta-image { position: static; max-width: unset; width: 100%; object-fit: cover; height: 100% } .mnt-nl-txt-img-cta-wrapper .mnt-nl-txt-cta h2 { font-size: 32px; line-height: 40px } .mnt-nl-txt-img-cta-wrapper .mnt-nl-txt-cta { gap: 24px } .mnt-header-with-text-box .mnt-nl-sticky-cta.mnt-nl-header-cta.mnt-nl-sticky-cta-expanded { padding: 24px } } @media only screen and (max-width:1300px) { .mnt-nl-txt-img-cta-wrapper .mnt-nl-txt-img-cta-image { position: static; align-self: center; width: 100%; margin: auto } } .mnt-generic-text-image-cta-wrapper.mnt-nl-txt-img-cta-el-purple { background-color: #6E0038 } .mnt-generic-text-image-cta-wrapper.mnt-nl-txt-img-cta-el-green { background-color: #3F582D } .mnt-generic-text-image-cta-wrapper .mnt-generic-text-image-title-desc-wrapper { display: flex; flex-direction: column; gap: 24px } .mnt-generic-text-image-cta-wrapper .mnt-generic-text-image-cta-container { display: flex; flex-direction: column } .mnt-generic-text-image-cta-wrapper .mnt-generic-text-image-cta-img { width: 100%; height: 100%; object-fit: cover } .mnt-generic-text-image-cta-wrapper .mnt-generic-text-image-cta-info { display: flex; flex-direction: column; gap: 32px; padding: 32px 16px } .mnt-generic-text-image-cta-wrapper .mnt-generic-text-image-cta-title { font-size: 32px; line-height: 40px; color: #FFFFFF; opacity: .8 } .mnt-generic-text-image-cta-wrapper .mnt-generic-text-image-cta-desc { font-size: 18px; line-height: 26px; color: #FFFFFF; opacity: .8 } .mnt-generic-text-image-cta-wrapper .mnt-generic-text-image-cta-desc a { font-size: 18px; line-height: 26px; color: #FFFFFF; opacity: .8 } .mnt-generic-text-image-cta-wrapper.mnt-nl-txt-img-cta-el-purple .mnt-nl-label-focused { background-color: #6E0038; color: #FFFFFF } .mnt-generic-text-image-cta-wrapper.mnt-nl-txt-img-cta-el-green .mnt-nl-label-focused { background-color: #647E4E; color: #FFFFFF } .mnt-generic-text-image-cta-wrapper .mnt-nl-error-label-postal-code { color: #FFFFFF } .mnt-generic-text-image-cta-wrapper .mnt-nl-error-label-date { color: #FFFFFF } .mnt-generic-text-image-cta-wrapper .mnt-nl-cta-btn { background-color: #FFFFFF; color: #1f1f1f; height: 100% } .mnt-generic-text-image-cta-wrapper .mnt-nl-input-field { padding-left: 45px; padding-top: 4px } @media only screen and (max-width:1024px) { .mnt-cta-transparent-input-wrapper .input:not(:placeholder-shown):not(:focus) { border-top: 1px solid #6E0038 } .mnt-cta-transparent-input-wrapper .input:not(:placeholder-shown).input:not(:focus)+.placeholder { background-color: #f6f4f5; padding: 0 12px; transform: scale(.75) translateY(-40px) translateX(-30%) } .mnt-cta-transparent-input-wrapper [data-placeholder="Postcode"]:not(:placeholder-shown)[data-placeholder="Postcode"]:not(:focus)+.placeholder::before { display: none } .mnt-cta-transparent-input-wrapper [data-placeholder="Postcode"]:not(:placeholder-shown)[data-placeholder="Postcode"]:not(:focus)+.placeholder::after { display: none } .mnt-cta-transparent-input-wrapper .input:not(:placeholder-shown).input:not(:focus)+.placeholder::before { display: none } .mnt-cta-transparent-input-wrapper .input:not(:placeholder-shown).input:not(:focus)+.placeholder::after { display: none } } @media only screen and (min-width:1024px) { .mnt-generic-text-image-cta-wrapper { margin-top: 161px } .mnt-generic-text-image-cta-wrapper .mnt-generic-text-image-cta-container { flex-direction: row; max-width: 1440px; margin: auto; align-items: center; justify-content: space-between } .mnt-generic-text-image-cta-wrapper .mnt-generic-text-image-cta-img-wrapper { width: 579px; height: 375px; padding-left: 24px } .mnt-generic-text-image-cta-wrapper .mnt-generic-text-image-cta-info { max-width: 582px; margin: auto } .mnt-generic-text-image-cta-wrapper .mnt-generic-text-image-cta-img { margin-top: -97px } .mnt-generic-text-image-cta-wrapper .mnt-generic-text-image-cta-title { font-size: 40px; line-height: 48px } .mnt-generic-text-image-cta-wrapper .mnt-generic-text-image-cta-desc { font-size: 18px; line-height: 26px } .mnt-generic-text-image-cta-wrapper .mnt-nl-section-block { width: 240px; height: 56px } } .mnt-phone-btn { cursor: pointer; display: inline-flex; justify-content: center; align-items: center; gap: 8px; max-height: 56px; color: #fff; background: #3F582D; padding: 15px 24px; text-decoration: none !important; border: none; font-weight: 600; border-radius: 4px; font-size: 18px; display: flex; line-height: 26px } .mnt-phone-btn.mnt-nl-cta-btn.mnt-nl-purple { background: #6e0038 } .mnt-phone-btn.mnt-nl-purple { background: #6e0038 } .mnt-phone-btn.mnt-nl-green { background: #3F582D } .mnt-phone-btn.mnt-nl-cta-btn.mnt-nl-green { background: #3F582D } .mnt-phone-btn:hover { color: #fff; text-decoration: underline !important } .mnt-phone-btn:focus { color: #fff; text-decoration: underline !important } .has-gray-background { background-color: #F6F4F5 } .has-gray-background .mnt-input-btn-wrapper .mnt-input-field:focus+.mnt-input-field-label { background-color: #F6F4F5 } .has-gray-background .mnt-input-btn-wrapper .mnt-input-field:not(:placeholder-shown)+.mnt-input-field-label { background-color: #F6F4F5 } .mnt-input-btn-wrapper { display: flex; gap: 8px } .mnt-input-btn-wrapper .mnt-cms-input-field-wrapper { height: 56px; max-width: 320px; position: relative } .mnt-input-btn-wrapper .mnt-input-btn-with-error { display: flex; flex-direction: column; gap: 8px; width: 100%; max-width: 320px } .mnt-nl-green .mnt-input-field { border: 1px solid #575253 !important } .mnt-nl-green .mnt-input-field::placeholder { color: #575253 !important } .mnt-nl-green .mnt-input-field:focus { border: 2px solid #1F1F1F !important } .mnt-nl-green .mnt-input-field-label { color: #575253 !important } .mnt-nl-purple .mnt-input-field-label { color: #575253 !important } .mnt-nl-green .mnt-input-field:focus::placeholder { opacity: 1; color: #575253 !important } .mnt-nl-purple .mnt-input-field:focus::placeholder { opacity: 1; color: #575253 !important } .mnt-nl-purple .mnt-input-field { border: 1px solid #575253 !important } .mnt-nl-purple .mnt-input-field::placeholder { color: #575253 !important } .mnt-nl-purple .mnt-input-field:focus { border: 2px solid #1F1F1F !important } .mnt-input-btn-wrapper .mnt-input-field { background-color: inherit; padding: 15px 24px; border: 1px solid #C9C5C7; border-radius: 3px; height: 56px; width: 100%; outline: inherit; color: #1F1F1F } .mnt-input-btn-wrapper .mnt-input-field::placeholder { opacity: 0; font-size: 18px; font-weight: 400; line-height: 26px; color: #C9C5C7 !important } .mnt-input-btn-wrapper .mnt-input-field:focus::placeholder { opacity: 1 } .mnt-input-btn-wrapper .mnt-input-field:focus { border: 2px solid #FFFFFF } .mnt-input-btn-wrapper .mnt-cms-primary-button { display: flex; justify-content: center; align-items: center; padding: 15px 24px; background-color: #6E0038; font-size: 18px; font-weight: 600; line-height: 26px; color: #FFFFFF; gap: 10px; text-decoration: none; border-radius: 3px } .mnt-input-btn-wrapper .mnt-cms-primary-button img { width: 9px; opacity: .5 } .mnt-input-btn-wrapper .mnt-cms-primary-button:hover img { opacity: 1 } .mnt-input-btn-wrapper .mnt-cms-input-field-wrapper+.mnt-cms-primary-button span { display: none } .mnt-input-btn-wrapper .mnt-input-field-label { position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: .1s ease-out; transform-origin: left top; pointer-events: none; margin-left: 24px; font-size: 18px; font-weight: 400; line-height: 26px; color: #C9C5C7 } .mnt-input-btn-wrapper .mnt-input-field:focus+.mnt-input-field-label { top: 2px; transform: translateY(-50%) scale(.9); background-color: #FFFFFF; padding: 0 10px; margin-left: 15px; font-size: 15px; color: inherit !important; outline: inherit } .mnt-input-btn-wrapper .mnt-input-field:not(:placeholder-shown)+.mnt-input-field-label { top: 0; transform: translateY(-50%) scale(.9); background-color: #FFFFFF; padding: 0 10px; margin-left: 15px; color: inherit !important; outline: inherit } .mnt-input-btn-wrapper .mnt-nl-error-label-date { display: none; color: #950101; font-size: 12px; line-height: 16px; max-width: 290px } .mnt-input-btn-wrapper .mnt-nl-error-label-postal-code { display: none; color: #950101; font-size: 12px; line-height: 16px; max-width: 290px } .mnt-input-btn-wrapper .mnt-nl-error-label-date a { font-size: 12px; line-height: 16px; color: #950101 } .mnt-input-btn-wrapper .mnt-nl-error-label-date.mnt-invalid-age { display: block } .mnt-input-btn-wrapper .mnt-nl-hidden { display: none } .mnt-input-btn-wrapper .mnt-cms-primary-button { display: inline-flex; justify-content: center; align-items: center; padding: 15px 24px; background-color: #6E0038; font-size: 18px; font-weight: 600; line-height: 26px; max-height: 56px; color: #FFFFFF; gap: 10px; text-decoration: none; border-radius: 3px } .mnt-input-btn-wrapper .mnt-cms-primary-button:hover { text-decoration: underline } .mnt-input-btn-wrapper .mnt-cms-primary-button img { width: 9px; opacity: .5; padding-bottom: 2px } .mnt-input-btn-wrapper .mnt-cms-primary-button:hover img { opacity: 1; border-bottom: 1px solid #FFFFFF; padding-bottom: 2px } .mnt-input-btn-wrapper .mnt-input-btn-with-error+.mnt-cms-primary-button span { display: none } .mnt-input-btn-wrapper .mnt-cms-secondary { all: unset; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; text-decoration: none !important; color: #1f1e1f; font-weight: 600; font-size: 18px; line-height: 26px; max-height: 56px } .mnt-input-btn-wrapper .mnt-cms-secondary:hover { text-decoration: underline !important } .mnt-input-btn-wrapper .mnt-cms-secondary img { padding-bottom: 2px } .mnt-input-btn-wrapper .mnt-cms-secondary:hover img { border-bottom: 1px solid #1F1E1F; padding-bottom: 1px } .mnt-input-btn-wrapper .mnt-chevron-right-btn { opacity: .5 } .mnt-input-btn-wrapper .mnt-input-btn-with-error+.mnt-cms-secondary span { display: none } .mnt-input-btn-wrapper .mnt-cms-secondary:hover .mnt-chevron-right-btn { opacity: 1 } .mnt-input-btn-wrapper.mnt-nl-green .mnt-cms-primary-button { background-color: #3F582D } .mnt-input-btn-wrapper.mnt-nl-purple .mnt-cms-primary-button { background-color: #6E0038 } .mnt-input-btn-wrapper .mnt-nl-text-green { color: #3F582D } .mnt-input-btn-wrapper .mnt-nl-text-purple { color: #6E0038 } .mnt-generic-text-image-cta-wrapper.mnt-nl-txt-img-cta-el-purple .mnt-input-btn-wrapper .mnt-input-field:focus+.mnt-input-field-label { background-color: #6E0038; color: #FFFFFF !important } .mnt-generic-text-image-cta-wrapper.mnt-nl-txt-img-cta-el-purple .mnt-input-btn-wrapper .mnt-input-field:not(:placeholder-shown)+.mnt-input-field-label { background-color: #6E0038; color: #FFFFFF !important } .mnt-generic-text-image-cta-wrapper.mnt-nl-txt-img-cta-el-green .mnt-input-btn-wrapper .mnt-input-field:focus+.mnt-input-field-label { background-color: #3F582D; color: #FFFFFF !important } .mnt-generic-text-image-cta-wrapper.mnt-nl-txt-img-cta-el-green .mnt-input-btn-wrapper .mnt-input-field:not(:placeholder-shown)+.mnt-input-field-label { background-color: #3F582D; color: #FFFFFF !important } .mnt-generic-text-image-cta-wrapper .mnt-input-btn-wrapper .mnt-input-field { color: #FFFFFF } .mnt-generic-text-image-cta-wrapper .mnt-input-btn-wrapper .mnt-nl-error-label-postal-code { color: #FFFFFF } .mnt-generic-text-image-cta-wrapper .mnt-input-btn-wrapper .mnt-nl-error-label-date { color: #FFFFFF } .mnt-generic-text-image-cta-wrapper .mnt-input-btn-wrapper .mnt-nl-error-label-date a { color: #FFFFFF } .mnt-generic-text-image-cta-wrapper .mnt-input-btn-wrapper .mnt-cms-primary-button { background-color: #FFFFFF; color: #1f1f1f } .mnt-generic-text-image-cta-wrapper .mnt-input-btn-wrapper .mnt-cms-primary-button img { width: 20px } .mnt-cta-on-page-wrapper .mnt-input-btn-wrapper .mnt-input-field:focus+.mnt-input-field-label { background-color: #F6F4F5 } .mnt-cta-on-page-wrapper .mnt-input-btn-wrapper .mnt-input-field:not(:placeholder-shown)+.mnt-input-field-label { background-color: #F6F4F5 } @media only screen and (min-width:1024px) { .mnt-input-btn-wrapper .mnt-input-btn-with-error+.mnt-cms-primary-button span { display: inline } .mnt-input-btn-wrapper .mnt-cms-input-field-wrapper { max-width: 240px } .mnt-input-btn-wrapper .mnt-nl-error-label-date { max-width: 220px } .mnt-input-btn-wrapper .mnt-nl-error-label-postal-code { max-width: 220px } .mnt-input-btn-wrapper .mnt-input-btn-with-error+.mnt-cms-secondary span { display: inline-flex } .mnt-input-btn-wrapper .mnt-input-btn-with-error { max-width: none; width: 240px } }