.elementor-6736 .elementor-element.elementor-element-54c0391{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-6736 .elementor-element.elementor-element-54c0391::before, .elementor-6736 .elementor-element.elementor-element-54c0391 > .elementor-background-video-container::before, .elementor-6736 .elementor-element.elementor-element-54c0391 > .e-con-inner > .elementor-background-video-container::before, .elementor-6736 .elementor-element.elementor-element-54c0391 > .elementor-background-slideshow::before, .elementor-6736 .elementor-element.elementor-element-54c0391 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6736 .elementor-element.elementor-element-54c0391 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://queenautosales.ca/wp-content/uploads/2026/08/bg-h6.jpg");--background-overlay:'';background-repeat:no-repeat;}.elementor-6736 .elementor-element.elementor-element-292a2ae6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:15px;--margin-right:0px;}.elementor-6736 .elementor-element.elementor-element-292a2ae6:not(.elementor-motion-effects-element-type-background), .elementor-6736 .elementor-element.elementor-element-292a2ae6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://queenautosales.ca/wp-content/uploads/2026/08/stefan-rodriguez-2ne71cf8ItQ-unsplash-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6736 .elementor-element.elementor-element-583a0132.elementor-element{--align-self:center;}.elementor-6736 .elementor-element.elementor-element-452f6ecc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:110px;--padding-right:100px;}.elementor-6736 .elementor-element.elementor-element-56a0c3c7 .elementor-heading-title{font-size:31px;line-height:1.4em;}.elementor-6736 .elementor-element.elementor-element-5d517578{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-6736 .elementor-element.elementor-element-79dabe7 .elementor-button{background-color:#4E6CFB;font-size:15px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:12px 12px 12px 12px;padding:18px 25px 18px 25px;}.elementor-6736 .elementor-element.elementor-element-79dabe7 .elementor-button:hover, .elementor-6736 .elementor-element.elementor-element-79dabe7 .elementor-button:focus{background-color:#4E6CFB;color:#FFFFFF;border-color:#4E6CFB;}.elementor-6736 .elementor-element.elementor-element-79dabe7 .elementor-button:hover svg, .elementor-6736 .elementor-element.elementor-element-79dabe7 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-6736 .elementor-element.elementor-element-2650892 .elementor-button{background-color:#4E6CFB;font-size:15px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:12px 12px 12px 12px;padding:18px 25px 18px 25px;}.elementor-6736 .elementor-element.elementor-element-2650892 .elementor-button:hover, .elementor-6736 .elementor-element.elementor-element-2650892 .elementor-button:focus{background-color:#4E6CFB;color:#FFFFFF;border-color:#4E6CFB;}.elementor-6736 .elementor-element.elementor-element-2650892 .elementor-button:hover svg, .elementor-6736 .elementor-element.elementor-element-2650892 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-6736 .elementor-element.elementor-element-008d963.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6736 .elementor-element.elementor-element-008d963 .elementor-heading-title{font-size:31px;line-height:1.4em;}.elementor-6736 .elementor-element.elementor-element-6ee40301{--display:flex;}.elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-type-html{padding-bottom:0px;}.elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-button[type="submit"]{color:#ffffff;}.elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-6736 .elementor-element.elementor-element-7d6f6186{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-6736 .elementor-element.elementor-element-defee28{--spacer-size:56px;}@media(max-width:1024px){.elementor-6736 .elementor-element.elementor-element-54c0391{--padding-top:45px;--padding-bottom:45px;--padding-left:0px;--padding-right:0px;}.elementor-6736 .elementor-element.elementor-element-292a2ae6{--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:15px;--margin-right:15px;}.elementor-6736 .elementor-element.elementor-element-452f6ecc{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-6736 .elementor-element.elementor-element-56a0c3c7 .elementor-heading-title{font-size:25px;}.elementor-6736 .elementor-element.elementor-element-5d517578{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6736 .elementor-element.elementor-element-79dabe7 .elementor-button{padding:16px 20px 16px 20px;}.elementor-6736 .elementor-element.elementor-element-2650892 .elementor-button{padding:16px 20px 16px 20px;}.elementor-6736 .elementor-element.elementor-element-008d963 .elementor-heading-title{font-size:25px;}}@media(max-width:767px){.elementor-6736 .elementor-element.elementor-element-292a2ae6{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-6736 .elementor-element.elementor-element-008d963{width:var( --container-widget-width, 306.078px );max-width:306.078px;--container-widget-width:306.078px;--container-widget-flex-grow:0;}.elementor-6736 .elementor-element.elementor-element-008d963 .elementor-heading-title{font-size:24px;}}@media(min-width:768px){.elementor-6736 .elementor-element.elementor-element-292a2ae6{--width:50%;}.elementor-6736 .elementor-element.elementor-element-452f6ecc{--width:50%;}.elementor-6736 .elementor-element.elementor-element-6ee40301{--content-width:1259px;}}/* Start custom CSS for button, class: .elementor-element-79dabe7 */.elementor-6736 .elementor-element.elementor-element-79dabe7 .btn, .elementor-6736 .elementor-element.elementor-element-79dabe7 button, .elementor-6736 .elementor-element.elementor-element-79dabe7 input[type="submit"], .elementor-6736 .elementor-element.elementor-element-79dabe7 .elementor-button { position: relative; overflow: hidden; background: linear-gradient( 135deg, #06365C 0%, #0878C9 42%, #16A0EA 52%, #0878C9 62%, #052C4B 100% ) !important; color: #FFFFFF !important; border: 1px solid rgba(125, 218, 255, 0.55) !important; border-radius: 12px !important; box-shadow: 0 5px 16px rgba(0, 67, 120, 0.30), inset 0 1px 0 rgba(255,255,255,0.25), inset 0 -2px 4px rgba(0,0,0,0.18); font-weight: 700 !important; transition: transform .3s ease, box-shadow .3s ease, background .3s ease; } /* Metallic shine */ .elementor-6736 .elementor-element.elementor-element-79dabe7 .btn::before, .elementor-6736 .elementor-element.elementor-element-79dabe7 button::before, .elementor-6736 .elementor-element.elementor-element-79dabe7 input[type="submit"]::before, .elementor-6736 .elementor-element.elementor-element-79dabe7 .elementor-button::before { content: ""; position: absolute; top: 0; left: -120%; width: 65%; height: 100%; background: linear-gradient( 105deg, transparent 0%, rgba(255,255,255,0.08) 30%, rgba(255,255,255,0.38) 50%, rgba(255,255,255,0.08) 70%, transparent 100% ); transform: skewX(-20deg); transition: left .7s ease; pointer-events: none; } /* Premium hover */ .elementor-6736 .elementor-element.elementor-element-79dabe7 .btn:hover, .elementor-6736 .elementor-element.elementor-element-79dabe7 button:hover, .elementor-6736 .elementor-element.elementor-element-79dabe7 input[type="submit"]:hover, .elementor-6736 .elementor-element.elementor-element-79dabe7 .elementor-button:hover { transform: translateY(-2px); background: linear-gradient( 135deg, #07426D, #0987DA, #1BAAF2, #0987DA, #06365A ) !important; border-color: rgba(160, 230, 255, 0.85) !important; box-shadow: 0 9px 25px rgba(0, 105, 185, 0.40), 0 0 18px rgba(30, 165, 235, 0.20), inset 0 1px 0 rgba(255,255,255,0.35); } /* Shine on hover */ .elementor-6736 .elementor-element.elementor-element-79dabe7 .btn:hover::before, .elementor-6736 .elementor-element.elementor-element-79dabe7 button:hover::before, .elementor-6736 .elementor-element.elementor-element-79dabe7 input[type="submit"]:hover::before, .elementor-6736 .elementor-element.elementor-element-79dabe7 .elementor-button:hover::before { left: 130%; } /* Keep text/icons above shine */ .elementor-6736 .elementor-element.elementor-element-79dabe7 .btn *, .elementor-6736 .elementor-element.elementor-element-79dabe7 button *, .elementor-6736 .elementor-element.elementor-element-79dabe7 input[type="submit"] *, .elementor-6736 .elementor-element.elementor-element-79dabe7 .elementor-button * { position: relative; z-index: 2; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2650892 */.elementor-6736 .elementor-element.elementor-element-2650892 .btn, .elementor-6736 .elementor-element.elementor-element-2650892 button, .elementor-6736 .elementor-element.elementor-element-2650892 input[type="submit"], .elementor-6736 .elementor-element.elementor-element-2650892 .elementor-button { position: relative; overflow: hidden; background: linear-gradient( 135deg, #06365C 0%, #0878C9 42%, #16A0EA 52%, #0878C9 62%, #052C4B 100% ) !important; color: #FFFFFF !important; border: 1px solid rgba(125, 218, 255, 0.55) !important; border-radius: 12px !important; box-shadow: 0 5px 16px rgba(0, 67, 120, 0.30), inset 0 1px 0 rgba(255,255,255,0.25), inset 0 -2px 4px rgba(0,0,0,0.18); font-weight: 700 !important; transition: transform .3s ease, box-shadow .3s ease, background .3s ease; } /* Metallic shine */ .elementor-6736 .elementor-element.elementor-element-2650892 .btn::before, .elementor-6736 .elementor-element.elementor-element-2650892 button::before, .elementor-6736 .elementor-element.elementor-element-2650892 input[type="submit"]::before, .elementor-6736 .elementor-element.elementor-element-2650892 .elementor-button::before { content: ""; position: absolute; top: 0; left: -120%; width: 65%; height: 100%; background: linear-gradient( 105deg, transparent 0%, rgba(255,255,255,0.08) 30%, rgba(255,255,255,0.38) 50%, rgba(255,255,255,0.08) 70%, transparent 100% ); transform: skewX(-20deg); transition: left .7s ease; pointer-events: none; } /* Premium hover */ .elementor-6736 .elementor-element.elementor-element-2650892 .btn:hover, .elementor-6736 .elementor-element.elementor-element-2650892 button:hover, .elementor-6736 .elementor-element.elementor-element-2650892 input[type="submit"]:hover, .elementor-6736 .elementor-element.elementor-element-2650892 .elementor-button:hover { transform: translateY(-2px); background: linear-gradient( 135deg, #07426D, #0987DA, #1BAAF2, #0987DA, #06365A ) !important; border-color: rgba(160, 230, 255, 0.85) !important; box-shadow: 0 9px 25px rgba(0, 105, 185, 0.40), 0 0 18px rgba(30, 165, 235, 0.20), inset 0 1px 0 rgba(255,255,255,0.35); } /* Shine on hover */ .elementor-6736 .elementor-element.elementor-element-2650892 .btn:hover::before, .elementor-6736 .elementor-element.elementor-element-2650892 button:hover::before, .elementor-6736 .elementor-element.elementor-element-2650892 input[type="submit"]:hover::before, .elementor-6736 .elementor-element.elementor-element-2650892 .elementor-button:hover::before { left: 130%; } /* Keep text/icons above shine */ .elementor-6736 .elementor-element.elementor-element-2650892 .btn *, .elementor-6736 .elementor-element.elementor-element-2650892 button *, .elementor-6736 .elementor-element.elementor-element-2650892 input[type="submit"] *, .elementor-6736 .elementor-element.elementor-element-2650892 .elementor-button * { position: relative; z-index: 2; }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-7d6f6186 *//* ========================================================= QUEEN AUTO SALES - CREDIT APPLICATION PREMIUM ELEMENTOR FORM DESKTOP + MOBILE OPTIMIZED ========================================================= */ /* ========================================================= GLOBAL BOX SIZING ========================================================= */ .elementor-6736 .elementor-element.elementor-element-7d6f6186, .elementor-6736 .elementor-element.elementor-element-7d6f6186 *, .elementor-6736 .elementor-element.elementor-element-7d6f6186 *::before, .elementor-6736 .elementor-element.elementor-element-7d6f6186 *::after { box-sizing: border-box; } /* ========================================================= FORM CARD ========================================================= */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-form { width: 100%; max-width: 100%; background: #ffffff; padding: 42px 44px 45px; border-radius: 22px; border: 1px solid #e5e9f0; box-shadow: 0 18px 50px rgba(7, 17, 38, 0.08); overflow: visible; } /* ========================================================= TWO COLUMN FIELD LAYOUT ========================================================= */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-form-fields-wrapper { display: flex !important; flex-wrap: wrap !important; width: 100%; max-width: 100%; margin-left: -10px; margin-right: -10px; } .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-group { width: 50% !important; flex: 0 0 50% !important; max-width: 50% !important; min-width: 0 !important; padding-left: 10px; padding-right: 10px; box-sizing: border-box; margin-bottom: 22px; } /* ========================================================= FULL WIDTH ELEMENTOR FIELDS ========================================================= */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-type-submit, .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-type-html, .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-type-acceptance, .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-type-checkbox, .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-type-radio { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; min-width: 0 !important; } /* ========================================================= LABELS ========================================================= */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-label { display: block; width: 100%; color: #09152d; font-size: 13px; font-weight: 700; margin-bottom: 8px; } /* ========================================================= INPUTS ========================================================= */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 input.elementor-field, .elementor-6736 .elementor-element.elementor-element-7d6f6186 select.elementor-field, .elementor-6736 .elementor-element.elementor-element-7d6f6186 textarea.elementor-field { display: block; width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box; min-height: 52px; padding: 13px 16px; background: #ffffff; border: 1px solid #dce2eb; border-radius: 10px; color: #0b1428; font-size: 15px; font-weight: 500; outline: none; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } /* ========================================================= TEXTAREA ========================================================= */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 textarea.elementor-field { min-height: 120px; } /* ========================================================= PLACEHOLDER ========================================================= */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 input.elementor-field::placeholder, .elementor-6736 .elementor-element.elementor-element-7d6f6186 textarea.elementor-field::placeholder { color: #a4adbb; } /* ========================================================= INPUT FOCUS ========================================================= */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 input.elementor-field:focus, .elementor-6736 .elementor-element.elementor-element-7d6f6186 select.elementor-field:focus, .elementor-6736 .elementor-element.elementor-element-7d6f6186 textarea.elementor-field:focus { border-color: #0878C9 !important; box-shadow: 0 0 0 3px rgba(8, 120, 201, .10), 0 7px 18px rgba(7, 17, 38, .05); background: #ffffff; } /* ========================================================= SELECT ========================================================= */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 select.elementor-field { cursor: pointer; } /* ========================================================= CONSENT BOX ========================================================= */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-type-acceptance { background: #f7f9fc; border: 1px solid #e3e8f0; border-radius: 12px; padding: 17px 19px; margin-top: 5px; margin-bottom: 25px; overflow: visible; } .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-type-acceptance label { color: #596579; font-size: 12px; line-height: 1.65; } /* ========================================================= PREMIUM METALLIC BLUE BUTTON ========================================================= */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-button { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 56px; padding: 14px 20px; border: 1px solid rgba(125, 218, 255, 0.55) !important; border-radius: 12px; background: linear-gradient( 135deg, #06365C 0%, #0878C9 42%, #16A0EA 52%, #0878C9 62%, #052C4B 100% ) !important; color: #ffffff !important; font-size: 15px; font-weight: 750; letter-spacing: .01em; white-space: normal; box-shadow: 0 5px 16px rgba(0, 67, 120, 0.30), inset 0 1px 0 rgba(255,255,255,0.25), inset 0 -2px 4px rgba(0,0,0,0.18); transition: transform .3s ease, box-shadow .3s ease, background .3s ease, border-color .3s ease; } /* ========================================================= BUTTON METALLIC SHINE ========================================================= */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-button::before { content: ""; position: absolute; top: 0; left: -120%; width: 65%; height: 100%; background: linear-gradient( 105deg, transparent 0%, rgba(255,255,255,0.08) 30%, rgba(255,255,255,0.38) 50%, rgba(255,255,255,0.08) 70%, transparent 100% ); transform: skewX(-20deg); transition: left .7s ease; pointer-events: none; } /* ========================================================= BUTTON HOVER ========================================================= */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-button:hover { transform: translateY(-2px); background: linear-gradient( 135deg, #07426D, #0987DA, #1BAAF2, #0987DA, #06365A ) !important; border-color: rgba(160, 230, 255, 0.85) !important; box-shadow: 0 9px 25px rgba(0, 105, 185, 0.40), 0 0 18px rgba(30, 165, 235, 0.20), inset 0 1px 0 rgba(255,255,255,0.35); } /* Shine sweep */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-button:hover::before { left: 130%; } /* Keep button content above shine */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-button span, .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-button i { position: relative; z-index: 2; } /* ========================================================= STEP INDICATOR ========================================================= */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__indicators { position: relative; z-index: 5; width: 100% !important; max-width: 100% !important; margin-top: 0; margin-bottom: 38px; padding-top: 8px; padding-bottom: 8px; overflow: visible !important; } /* Individual indicator */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__indicators__indicator { position: relative; z-index: 6; min-width: 0; overflow: visible !important; } /* Number circle */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__indicators__indicator__number { position: relative; z-index: 7; width: 38px; height: 38px; min-width: 38px; min-height: 38px; flex-shrink: 0; border-radius: 50%; background: #ffffff; border: 1px solid #dce2eb; color: #9aa5b5; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; overflow: visible !important; } /* Active step */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__indicators__indicator--state-active .e-form__indicators__indicator__number { background: linear-gradient( 135deg, #06365C, #0878C9, #16A0EA ); border-color: #0878C9; color: #ffffff; box-shadow: 0 7px 18px rgba(8, 120, 201, .25); } /* ========================================================= STEP LABEL ========================================================= */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__indicators__indicator__label { color: #7b8799; font-size: 12px; font-weight: 600; } /* ========================================================= NEXT / PREVIOUS BUTTON CONTAINER ========================================================= */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__buttons { display: flex; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-top: 10px; gap: 12px; box-sizing: border-box; overflow: visible !important; } /* Elementor button wrappers */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__buttons > div, .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__buttons__wrapper { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box; } /* Buttons */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__buttons button { min-height: 54px; min-width: 0 !important; max-width: 100% !important; border-radius: 12px; padding: 14px 28px; font-size: 14px; font-weight: 700; box-sizing: border-box; } /* ========================================================= PREVIOUS BUTTON ========================================================= */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__buttons .e-form__buttons__wrapper__button-previous { background: #eef1f6; color: #071126; box-shadow: none; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { /* ----------------------------------------- MAIN SELECTOR ----------------------------------------- */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: visible !important; } /* ----------------------------------------- FORM CARD ----------------------------------------- */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-form { width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 26px 18px 30px; border-radius: 16px; overflow: visible !important; } /* ----------------------------------------- STEP INDICATORS IMPORTANT: Keep these visible so circles don't clip. ----------------------------------------- */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__indicators { position: relative; width: 100% !important; max-width: 100% !important; margin-top: 0 !important; margin-bottom: 28px !important; padding-top: 10px !important; padding-bottom: 10px !important; overflow: visible !important; } .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__indicators__indicator { position: relative; min-width: 0 !important; overflow: visible !important; } .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__indicators__indicator__number { width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; overflow: visible !important; } /* Hide labels on mobile */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__indicators__indicator__label { display: none; } /* ----------------------------------------- FORM FIELDS ----------------------------------------- */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-form-fields-wrapper { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; width: calc(100% + 16px) !important; max-width: calc(100% + 16px) !important; margin-left: -8px !important; margin-right: -8px !important; min-width: 0 !important; } /* ----------------------------------------- ONE COLUMN ----------------------------------------- */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-group { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; min-width: 0 !important; padding-left: 8px; padding-right: 8px; margin-bottom: 20px; } /* ----------------------------------------- FULL WIDTH GROUPS ----------------------------------------- */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-type-submit, .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-type-html, .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-type-acceptance, .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-type-checkbox, .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-type-radio { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; min-width: 0 !important; } /* ----------------------------------------- INPUTS ----------------------------------------- */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 input.elementor-field, .elementor-6736 .elementor-element.elementor-element-7d6f6186 select.elementor-field, .elementor-6736 .elementor-element.elementor-element-7d6f6186 textarea.elementor-field { width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 50px; padding-left: 14px; padding-right: 14px; } /* ----------------------------------------- CONSENT ----------------------------------------- */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-type-acceptance { padding: 15px 14px; margin-bottom: 20px; overflow: visible !important; } /* ----------------------------------------- BUTTON CONTAINER ----------------------------------------- */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__buttons { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; gap: 10px; overflow: visible !important; } /* ----------------------------------------- ELEMENTOR BUTTON WRAPPERS ----------------------------------------- */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__buttons > div, .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__buttons__wrapper { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ----------------------------------------- MOBILE BUTTONS ----------------------------------------- */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__buttons button, .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__buttons .elementor-button, .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-type-submit .elementor-button { display: flex !important; align-items: center; justify-content: center; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 14px 16px !important; min-height: 52px; border-radius: 12px; white-space: normal !important; word-break: normal; box-sizing: border-box !important; transform: none; } /* ----------------------------------------- PREVIOUS BUTTON ----------------------------------------- */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__buttons .e-form__buttons__wrapper__button-previous { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; } /* ----------------------------------------- SUBMIT FIELD ----------------------------------------- */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-type-submit { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; min-width: 0 !important; padding-left: 8px; padding-right: 8px; } /* ----------------------------------------- MOBILE HOVER ----------------------------------------- */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-button:hover { transform: translateY(-1px); } } /* ========================================================= EXTRA SMALL PHONES ========================================================= */ @media (max-width: 380px) { .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-form { padding-left: 14px; padding-right: 14px; } .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-form-fields-wrapper { width: calc(100% + 12px) !important; max-width: calc(100% + 12px) !important; margin-left: -6px !important; margin-right: -6px !important; } .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-group, .elementor-6736 .elementor-element.elementor-element-7d6f6186 .elementor-field-type-submit { padding-left: 6px; padding-right: 6px; } .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__buttons button, .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__buttons .elementor-button { padding-left: 12px !important; padding-right: 12px !important; font-size: 13px; } /* Keep step numbers completely visible */ .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__indicators { padding-top: 12px !important; padding-bottom: 12px !important; overflow: visible !important; } .elementor-6736 .elementor-element.elementor-element-7d6f6186 .e-form__indicators__indicator__number { width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; } }/* End custom CSS */