.d-none { display: none !important; } .opt-input__field { background: #fff !important; border: 1px solid #beceea !important; border-radius: 100px !important; box-sizing: border-box !important; color: #02122d !important; font-size: 1.125rem !important; font-weight: 400 !important; line-height: 131% !important; padding: 17px 20px 15px !important; width: 100%; } .input-field { margin-bottom: 1.3rem !important; } .form-section { display: none; } .form-section.current { display: block; transition: all .3s ease-in; -o-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } .form-navigation { position: relative; margin-top: 1rem; } .mrs-csteps ul { display: flex; padding: 0; flex-wrap: wrap; justify-content: space-between; list-style: none; position: relative; z-index: 11; } .mrs-csteps ul li { flex-basis: 0; text-align: center; font-size: 1.125rem; line-height: 175%; font-family: 'Montserrat'; } .mrs-csteps ul li:before { background: #e6ecf7; content: ""; height: 2px; left: 0; position: absolute; top: 20px; width: 100%; z-index: -1; } .mrs-csteps ul li button { background: #e6ecf7; border-color: #e6ecf7 !important; border-radius: 50%; color: #fff !important; line-height: 100%; padding: 0; height: 40px; width: 40px !important; z-index: 111111; display: flex; align-items: center; justify-content: center; border: 0; outline: 0; } .mrs-csteps ul li button:hover, .mrs-csteps ul li.current button { background-color: #003da6; color: #ffffff; } .mrs-csteps ul li.done button { background-color: #70d44b; color: #ffffff; } /* Accessibility */ .mrs-csteps .current-info { position: absolute; left: -999em; } .checkout-form .parsley-errors-list { margin: 2px 0 3px; padding: 0; list-style-type: none; font-size: 0.9em; line-height: 0.9em; opacity: 0; color: #ff6b00; position: absolute; bottom: -25px; left: 25px; transition: all .3s ease-in; -o-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } .checkout-form .parsley-errors-list.filled { opacity: 1; } .checkout-form input.parsley-error, .checkout-form select.parsley-error { border-color: #ff6b00 !important; color: #ff6b00 !important; } .checkout-form label.parsley-error { color: #ff6b00; display: inline-block; margin-left: 1.5em; font-size: 12px; font-weight: bold; padding-top: 25px; position: absolute; right: 0px; top: 40px; z-index: 10001; } .checkout-form label.parsley-error:has(input:not(:checked)) { position: relative !important; padding-top: 0 !important; top: 0 !important; margin-left: 0; } .form-navigation .btn:hover { background: #ffd43e; color: var(--bs-btn-color); box-shadow: none; } .form-navigation .btn { --bs-btn-padding-x: 2rem; --bs-btn-padding-y: 1.25rem; --bs-btn-font-family: 'Montserrat', sans-serif; --bs-btn-font-size: 1.063rem; --bs-btn-font-weight: 600; --bs-btn-line-height: 120%; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: 0; --bs-btn-border-color: transparent; --bs-btn-border-radius: 100px; --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: none; --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); --bs-btn-color: #02122d; --bs-btn-bg: #ffc600; --bs-btn-border-color: #ffc600; --bs-btn-hover-color: #02122d; --bs-btn-hover-bg: #ffcf26; --bs-btn-hover-border-color: #ffcc1a; --bs-btn-focus-shadow-rgb: 217, 171, 7; --bs-btn-active-color: #02122d; --bs-btn-active-bg: #ffd133; --bs-btn-active-border-color: #ffcc1a; --bs-btn-active-shadow: none; --bs-btn-disabled-color: #02122d; --bs-btn-disabled-bg: #ffc600; --bs-btn-disabled-border-color: #ffc600; background-color: var(--bs-btn-bg); border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); color: var(--bs-btn-color); cursor: pointer; display: inline-block; font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); text-align: center; text-decoration: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; user-select: none; vertical-align: middle; height: 57px; box-shadow: none; letter-spacing: 0; } .form-navigation .btn:focus { --bs-btn-bg: #ffc600; background-color: var(--bs-btn-bg) !important; } .form-navigation .disabled button, .form-navigation .disabled button:hover, .form-navigation .disabled button:active { background: #eee; color: #aaa; }