.elementor-6856 .elementor-element.elementor-element-6b9aee0{--spacer-size:99px;}.elementor-6856 .elementor-element.elementor-element-2469e39{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-6856 .elementor-element.elementor-element-154460a{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-6856 .elementor-element.elementor-element-80a17b3{padding:0px 0px 0px 0px;}.elementor-6856 .elementor-element.elementor-element-80a17b3 .elementor-heading-title{font-size:36px;line-height:0.9em;}.elementor-6856 .elementor-element.elementor-element-5194e6e{text-align:start;}.elementor-6856 .elementor-element.elementor-element-5194e6e .elementor-heading-title{font-size:29px;line-height:0.9em;color:#2737A6;}.elementor-6856 .elementor-element.elementor-element-74621cc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6856 .elementor-element.elementor-element-ed48ce0 .elementor-button{background-color:#405FF2;font-size:15px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#405FF2;border-radius:12px 12px 12px 12px;padding:18px 25px 18px 25px;}.elementor-6856 .elementor-element.elementor-element-ed48ce0 .elementor-button:hover, .elementor-6856 .elementor-element.elementor-element-ed48ce0 .elementor-button:focus{background-color:#4E6CFB;color:#FFFFFF;border-color:#4E6CFB;}.elementor-6856 .elementor-element.elementor-element-ed48ce0 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-6856 .elementor-element.elementor-element-ed48ce0 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-6856 .elementor-element.elementor-element-ed48ce0 .elementor-button:hover svg, .elementor-6856 .elementor-element.elementor-element-ed48ce0 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-6856 .elementor-element.elementor-element-0056cd6{--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;}.elementor-6856 .elementor-element.elementor-element-7ee449f{text-align:end;}.elementor-6856 .elementor-element.elementor-element-7ee449f img{width:100%;height:500px;}.elementor-6856 .elementor-element.elementor-element-6cf259ef{--display:flex;--min-height:603px;}.elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-type-html{padding-bottom:0px;}.elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-button[type="submit"]{color:#ffffff;}.elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-6856 .elementor-element.elementor-element-4e9dc6e1{--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-6856 .elementor-element.elementor-element-37ec78e{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6856 .elementor-element.elementor-element-dd0c668{--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;--border-radius:16px 16px 16px 16px;--padding-top:6px;--padding-bottom:85px;--padding-left:0px;--padding-right:0px;}.elementor-6856 .elementor-element.elementor-element-dd0c668:not(.elementor-motion-effects-element-type-background), .elementor-6856 .elementor-element.elementor-element-dd0c668 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FBFC;}.elementor-6856 .elementor-element.elementor-element-e268977{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6856 .elementor-element.elementor-element-4c13663{--display:flex;}@media(max-width:1024px){.elementor-6856 .elementor-element.elementor-element-2469e39{--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-6856 .elementor-element.elementor-element-154460a{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-6856 .elementor-element.elementor-element-80a17b3 .elementor-heading-title{font-size:25px;}.elementor-6856 .elementor-element.elementor-element-5194e6e .elementor-heading-title{font-size:25px;}.elementor-6856 .elementor-element.elementor-element-74621cc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6856 .elementor-element.elementor-element-ed48ce0 .elementor-button{padding:16px 20px 16px 20px;}.elementor-6856 .elementor-element.elementor-element-dd0c668{--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-6856 .elementor-element.elementor-element-de6293c .features-box-image{width:45px;}}@media(max-width:767px){.elementor-6856 .elementor-element.elementor-element-80a17b3 .elementor-heading-title{font-size:22px;}.elementor-6856 .elementor-element.elementor-element-5194e6e .elementor-heading-title{font-size:22px;}.elementor-6856 .elementor-element.elementor-element-7ee449f img{height:206px;}.elementor-6856 .elementor-element.elementor-element-dd0c668{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-6856 .elementor-element.elementor-element-2469e39{--content-width:1413px;}.elementor-6856 .elementor-element.elementor-element-154460a{--width:38%;}.elementor-6856 .elementor-element.elementor-element-0056cd6{--width:62%;}.elementor-6856 .elementor-element.elementor-element-6cf259ef{--content-width:1009px;}.elementor-6856 .elementor-element.elementor-element-37ec78e{--content-width:1700px;}.elementor-6856 .elementor-element.elementor-element-e268977{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6856 .elementor-element.elementor-element-154460a{--width:55%;}}/* Start custom CSS for button, class: .elementor-element-ed48ce0 */.elementor-6856 .elementor-element.elementor-element-ed48ce0 .btn, .elementor-6856 .elementor-element.elementor-element-ed48ce0 button, .elementor-6856 .elementor-element.elementor-element-ed48ce0 input[type="submit"], .elementor-6856 .elementor-element.elementor-element-ed48ce0 .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-6856 .elementor-element.elementor-element-ed48ce0 .btn::before, .elementor-6856 .elementor-element.elementor-element-ed48ce0 button::before, .elementor-6856 .elementor-element.elementor-element-ed48ce0 input[type="submit"]::before, .elementor-6856 .elementor-element.elementor-element-ed48ce0 .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-6856 .elementor-element.elementor-element-ed48ce0 .btn:hover, .elementor-6856 .elementor-element.elementor-element-ed48ce0 button:hover, .elementor-6856 .elementor-element.elementor-element-ed48ce0 input[type="submit"]:hover, .elementor-6856 .elementor-element.elementor-element-ed48ce0 .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-6856 .elementor-element.elementor-element-ed48ce0 .btn:hover::before, .elementor-6856 .elementor-element.elementor-element-ed48ce0 button:hover::before, .elementor-6856 .elementor-element.elementor-element-ed48ce0 input[type="submit"]:hover::before, .elementor-6856 .elementor-element.elementor-element-ed48ce0 .elementor-button:hover::before { left: 130%; } /* Keep text/icons above shine */ .elementor-6856 .elementor-element.elementor-element-ed48ce0 .btn *, .elementor-6856 .elementor-element.elementor-element-ed48ce0 button *, .elementor-6856 .elementor-element.elementor-element-ed48ce0 input[type="submit"] *, .elementor-6856 .elementor-element.elementor-element-ed48ce0 .elementor-button * { position: relative; z-index: 2; }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-4e9dc6e1 *//* ========================================================= QUEEN AUTO SALES - CREDIT APPLICATION PREMIUM ELEMENTOR FORM DESKTOP + MOBILE OPTIMIZED ========================================================= */ /* ========================================================= GLOBAL BOX SIZING ========================================================= */ .elementor-6856 .elementor-element.elementor-element-4e9dc6e1, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 *, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 *::before, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 *::after { box-sizing: border-box; } /* ========================================================= FORM CARD ========================================================= */ .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-form-fields-wrapper { display: flex !important; flex-wrap: wrap !important; width: 100%; max-width: 100%; margin-left: -10px; margin-right: -10px; } .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-type-submit, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-type-html, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-type-acceptance, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-type-checkbox, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-type-radio { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; min-width: 0 !important; } /* ========================================================= LABELS ========================================================= */ .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-label { display: block; width: 100%; color: #09152d; font-size: 13px; font-weight: 700; margin-bottom: 8px; } /* ========================================================= INPUTS ========================================================= */ .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 input.elementor-field, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 select.elementor-field, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 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-6856 .elementor-element.elementor-element-4e9dc6e1 textarea.elementor-field { min-height: 120px; } /* ========================================================= PLACEHOLDER ========================================================= */ .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 input.elementor-field::placeholder, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 textarea.elementor-field::placeholder { color: #a4adbb; } /* ========================================================= INPUT FOCUS ========================================================= */ .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 input.elementor-field:focus, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 select.elementor-field:focus, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 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-6856 .elementor-element.elementor-element-4e9dc6e1 select.elementor-field { cursor: pointer; } /* ========================================================= CONSENT BOX ========================================================= */ .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-type-acceptance label { color: #596579; font-size: 12px; line-height: 1.65; } /* ========================================================= PREMIUM METALLIC BLUE BUTTON ========================================================= */ .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-button:hover::before { left: 130%; } /* Keep button content above shine */ .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-button span, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-button i { position: relative; z-index: 2; } /* ========================================================= STEP INDICATOR ========================================================= */ .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .e-form__indicators__indicator { position: relative; z-index: 6; min-width: 0; overflow: visible !important; } /* Number circle */ .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .e-form__indicators__indicator__label { color: #7b8799; font-size: 12px; font-weight: 600; } /* ========================================================= NEXT / PREVIOUS BUTTON CONTAINER ========================================================= */ .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .e-form__buttons > div, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .e-form__buttons__wrapper { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box; } /* Buttons */ .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .e-form__buttons .e-form__buttons__wrapper__button-previous { background: #eef1f6; color: #071126; box-shadow: none; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { /* ----------------------------------------- MAIN SELECTOR ----------------------------------------- */ .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: visible !important; } /* ----------------------------------------- FORM CARD ----------------------------------------- */ .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .e-form__indicators__indicator { position: relative; min-width: 0 !important; overflow: visible !important; } .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .e-form__indicators__indicator__label { display: none; } /* ----------------------------------------- FORM FIELDS ----------------------------------------- */ .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-type-submit, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-type-html, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-type-acceptance, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-type-checkbox, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-type-radio { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; min-width: 0 !important; } /* ----------------------------------------- INPUTS ----------------------------------------- */ .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 input.elementor-field, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 select.elementor-field, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 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-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-type-acceptance { padding: 15px 14px; margin-bottom: 20px; overflow: visible !important; } /* ----------------------------------------- BUTTON CONTAINER ----------------------------------------- */ .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .e-form__buttons > div, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .e-form__buttons button, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .e-form__buttons .elementor-button, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .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-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-button:hover { transform: translateY(-1px); } } /* ========================================================= EXTRA SMALL PHONES ========================================================= */ @media (max-width: 380px) { .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-form { padding-left: 14px; padding-right: 14px; } .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-form-fields-wrapper { width: calc(100% + 12px) !important; max-width: calc(100% + 12px) !important; margin-left: -6px !important; margin-right: -6px !important; } .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-group, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .elementor-field-type-submit { padding-left: 6px; padding-right: 6px; } .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .e-form__buttons button, .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .e-form__buttons .elementor-button { padding-left: 12px !important; padding-right: 12px !important; font-size: 13px; } /* Keep step numbers completely visible */ .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .e-form__indicators { padding-top: 12px !important; padding-bottom: 12px !important; overflow: visible !important; } .elementor-6856 .elementor-element.elementor-element-4e9dc6e1 .e-form__indicators__indicator__number { width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dd0c668 */.elementor-6856 .elementor-element.elementor-element-dd0c668 .btn, .elementor-6856 .elementor-element.elementor-element-dd0c668 button, .elementor-6856 .elementor-element.elementor-element-dd0c668 input[type="submit"], .elementor-6856 .elementor-element.elementor-element-dd0c668 .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-6856 .elementor-element.elementor-element-dd0c668 .btn::before, .elementor-6856 .elementor-element.elementor-element-dd0c668 button::before, .elementor-6856 .elementor-element.elementor-element-dd0c668 input[type="submit"]::before, .elementor-6856 .elementor-element.elementor-element-dd0c668 .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-6856 .elementor-element.elementor-element-dd0c668 .btn:hover, .elementor-6856 .elementor-element.elementor-element-dd0c668 button:hover, .elementor-6856 .elementor-element.elementor-element-dd0c668 input[type="submit"]:hover, .elementor-6856 .elementor-element.elementor-element-dd0c668 .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-6856 .elementor-element.elementor-element-dd0c668 .btn:hover::before, .elementor-6856 .elementor-element.elementor-element-dd0c668 button:hover::before, .elementor-6856 .elementor-element.elementor-element-dd0c668 input[type="submit"]:hover::before, .elementor-6856 .elementor-element.elementor-element-dd0c668 .elementor-button:hover::before { left: 130%; } /* Keep text/icons above shine */ .elementor-6856 .elementor-element.elementor-element-dd0c668 .btn *, .elementor-6856 .elementor-element.elementor-element-dd0c668 button *, .elementor-6856 .elementor-element.elementor-element-dd0c668 input[type="submit"] *, .elementor-6856 .elementor-element.elementor-element-dd0c668 .elementor-button * { position: relative; z-index: 2; }/* End custom CSS */