.elementor-13521 .elementor-element.elementor-element-121ab3a2{--display:flex;--min-height:0px;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:wrap;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-13521 .elementor-element.elementor-element-53640f0b{width:100%;max-width:100%;--e-form-steps-indicators-spacing:27px;--e-form-steps-indicator-padding:26px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-primary-color:#FFCF01;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-primary-color:#000000;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:5px;--e-form-steps-divider-gap:13px;}.elementor-13521 .elementor-element.elementor-element-53640f0b.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-field-group{padding-right:calc( 11px/2 );padding-left:calc( 11px/2 );margin-bottom:0px;}.elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-form-fields-wrapper{margin-left:calc( -11px/2 );margin-right:calc( -11px/2 );margin-bottom:-0px;}.elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-field-group.recaptcha_v3-bottomleft, .elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-mark-required .elementor-field-label:after{color:var( --e-global-color-primary );}.elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-field-group > label{font-family:"Gothic", Sans-serif;font-weight:bold;}.elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-field-type-html{padding-bottom:0px;font-family:"Avenir Next", Sans-serif;font-weight:normal;line-height:1px;}.elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-field-group .elementor-field, .elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-field-subgroup label{font-family:"Avenir Next", Sans-serif;font-weight:400;line-height:35px;letter-spacing:0.3px;word-spacing:0px;}.elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#F3F3F3;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-field-group .elementor-select-wrapper select{background-color:#F3F3F3;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-button span{justify-content:center;}.elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-button{font-family:"Gothic", Sans-serif;font-weight:bold;border-radius:0px 0px 0px 0px;}.elementor-13521 .elementor-element.elementor-element-53640f0b .e-form__buttons__wrapper__button-next{background-color:#FFCF01;color:#000000;}.elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-button[type="submit"]{background-color:#FFCF01;color:#000000;}.elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-button[type="submit"] svg *{fill:#000000;}.elementor-13521 .elementor-element.elementor-element-53640f0b .e-form__buttons__wrapper__button-previous{background-color:#FFCF01;color:#000000;}.elementor-13521 .elementor-element.elementor-element-53640f0b .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-13521 .elementor-element.elementor-element-53640f0b .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-message{font-family:"Avenir Next", Sans-serif;font-weight:400;}.elementor-13521 .elementor-element.elementor-element-53640f0b .e-form__indicators__indicator, .elementor-13521 .elementor-element.elementor-element-53640f0b .e-form__indicators__indicator__label{font-family:"Avenir Next", Sans-serif;font-size:13px;font-weight:bold;line-height:14px;}@media(min-width:768px){.elementor-13521 .elementor-element.elementor-element-121ab3a2{--width:100%;}}/* Start custom CSS for form, class: .elementor-element-53640f0b *//* Radio Button Styling */ .elementor-13521 .elementor-element.elementor-element-53640f0b input[type="radio"] { width: 12px; /* Smaller radio button */ height: 12px; /* Smaller radio button */ padding: 50px; /* Bigger padding */ } .elementor-13521 .elementor-element.elementor-element-53640f0b input[type="radio"]:checked { accent-color: black; /* Selected radio button color */ } /* Checkbox Styling */ .check-tut-form span.elementor-field-option input[type="checkbox"], .elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-field-type-checkbox input[type="checkbox"] { display: inline-block; vertical-align: middle; transform: scale(0.4); /* Make the checkbox smaller */ } /* Specific adjustments for checkbox spacing */ .elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-field-type-checkbox .elementor-field-option { margin-top: 0px; /* Adjusts top margin to decrease space */ } .elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-field-type-checkbox input[type="checkbox"] { margin-bottom: -10px;/* Adjusts space between the checkbox and the label text */ } /* Dropdown Styling */ .custom-dropdown select, .elementor-field-type-select select { -webkit-appearance: none; /* Disables native styling for WebKit browsers */ -moz-appearance: none; /* Disables native styling for Firefox */ appearance: none; /* Disables native styling for modern browsers */ border: 1px solid #ccc; /* Standard border */ outline: none; /* Removes focus outline */ padding-right: 30px; /* Space for background arrow image */ width: 100%; /* Ensures select box fills its container */ cursor: pointer; /* Cursor as pointer on hover */ height: 40px; /* Standard height */ padding: 5px 15px 5px 10px; /* Custom padding */ } /* Wrapper: Align checkbox and label */ .elementor-field-group-software_update { display: flex; align-items: center; gap: 5px; margin-top: 1.2em; font-size: 1.1em; line-height: 1.5; } /* Increase the native checkbox size */ .elementor-field-group-software_update .elementor-acceptance-field { width: 40px; height: 40px; transform: scale(1.9); margin-top: 25px; flex-shrink: 0; cursor: pointer; } /* Align the label text */ .elementor-field-group-software_update .elementor-field-subgroup > label { display: inline-block; margin: 0; font-weight: normal; } /* /* * CSS for the NEW Custom JavaScript Validation */ /* Style for the error class on ANY required field group */ .elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-field-group.custom-validation-error > .elementor-field-label { color: #D8000C !important; } /* Style for standard text/email inputs */ .elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-field-group.custom-validation-error .elementor-field-textual { border-color: #D8000C !important; background-color: #fff2f2 !important; } /* Style for checkbox/radio grids */ .elementor-13521 .elementor-element.elementor-element-53640f0b .elementor-field-group.custom-validation-error .elementor-field-subgroup { border: 2px dashed #D8000C; background-color: #fff8f8; padding: 10px; border-radius: 12px; } * FINAL - Custom Validation CSS using the 'custom-validation-error' class * This CSS works with the custom JavaScript snippet. */ .custom-validation-error { border: 1px solid #D94F4F !important; /* Red border */ border-radius: 6px; padding: 15px; background-color: #FEF7F7; /* Light red background */ } .custom-validation-error .elementor-field-label { color: #D94F4F !important; /* Red label text */ font-weight: bold !important; } /* ===== Toggle style for the "Partner" acceptance field ===== */ /* Works with your exact DOM: .elementor-field-group-Partner .elementor-field-option > input[type=checkbox] */ /* Container = exact switch size (so the input overlay matches visually) */ .elementor-form .elementor-field-group-Partner .elementor-field-option{ position: relative; display: inline-block; width: 48px; /* track width */ height: 24px; /* track height */ vertical-align: middle; margin-bottom: 20px; } /* Invisible checkbox fully covers the switch area */ .elementor-form .elementor-field-group-Partner .elementor-acceptance-field{ position: absolute; inset: 0; /* top/right/bottom/left = 0 */ width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; z-index: 2; } /* Track */ .elementor-form .elementor-field-group-Partner .elementor-field-option::before{ content: ""; position: absolute; left: 0; top: 0; width: 48px; height: 24px; background: #f3f3f3; /* gray when unchecked */ border-radius: 999px; transition: background .2s ease; } /* Knob */ .elementor-form .elementor-field-group-Partner .elementor-field-option::after{ content: ""; position: absolute; top: 2px; left: 2px; /* start on the left */ width: 20px; height: 20px; border-radius: 50%; background: #000; /* yellow knob */ border: 2px solid #fff; /* white ring */ box-sizing: border-box; transition: left .2s ease, transform .2s ease; } /* Checked state — move knob right & make track yellow */ .elementor-form .elementor-field-group-Partner .elementor-field-option:has(input:checked)::after, .elementor-form .elementor-field-group-Partner .elementor-field-option.is-checked::after{ left: 26px; /* 48 - 20 - 2 */ } .elementor-form .elementor-field-group-Partner .elementor-field-option:has(input:checked)::before, .elementor-form .elementor-field-group-Partner .elementor-field-option.is-checked::before{ background: #ffd100; } /* Focus outline for keyboard users */ .elementor-form .elementor-field-group-Partner .elementor-field-option:has(input:focus-visible)::before, .elementor-form .elementor-field-group-Partner .elementor-field-option.is-focus::before{ outline: 2px solid #000; outline-offset: 3px; } /* ===== Partner switch: kill inherited checkbox tweaks just for this field ===== */ .elementor-form .elementor-field-group-Partner .elementor-field-option input[type="checkbox"], .elementor-form .elementor-field-group-Partner .elementor-acceptance-field{ /* reset anything coming from generic checkbox styles */ transform: none !important; width: 100% !important; height: 100% !important; margin: 0 !important; opacity: 0 !important; /* keep it invisible */ position: absolute !important; /* keep it over the track */ inset: 0 !important; cursor: pointer !important; z-index: 2; } /* Optional: align the option nicely next to the field label */ .elementor-form .elementor-field-group-Partner .elementor-field-subgroup{ display: inline-flex; align-items: center; gap: 10px; } /* Custom validation for RMA coatmaster Flex */ .check-tut-form .elementor-field-group.elementor-error input, .check-tut-form .elementor-field-group.elementor-error textarea, .check-tut-form .elementor-field-group.elementor-error select { border: 2px solid #d63638 !important; box-shadow: none !important; } .check-tut-form .elementor-field-group.elementor-error .elementor-select-wrapper { border: 2px solid #d63638 !important; } .check-tut-form .elementor-message-danger { color: #d63638 !important; font-size: 13px !important; margin-top: 4px !important; display: block !important; } .check-tut-form .elementor-field-group.elementor-error input:focus, .check-tut-form .elementor-field-group.elementor-error textarea:focus, .check-tut-form .elementor-field-group.elementor-error select:focus { border-color: #d63638 !important; box-shadow: 0 0 0 1px #d63638 !important; } /* Strong override: custom validation red border */ .check-tut-form .elementor-field-group.elementor-error input.elementor-field, .check-tut-form .elementor-field-group.elementor-error textarea.elementor-field, .check-tut-form .elementor-field-group.elementor-error select.elementor-field-textual, .check-tut-form .elementor-field-group.elementor-error .elementor-select-wrapper select { border: 2px solid #d63638 !important; outline: 2px solid #d63638 !important; outline-offset: 0 !important; box-shadow: 0 0 0 1px #d63638 !important; } /* Elementor select wrapper sometimes hides the select border */ .check-tut-form .elementor-field-group.elementor-error .elementor-select-wrapper { border: 2px solid #d63638 !important; border-radius: 4px !important; } /* Error message */ .check-tut-form .elementor-field-group.elementor-error .elementor-message-danger { color: #d63638 !important; font-size: 13px !important; display: block !important; margin-top: 4px !important; } /* Checkbox / radio group red indication */ .check-tut-form .elementor-field-group.elementor-error .elementor-field-subgroup { outline: 2px solid #d63638 !important; outline-offset: 4px !important; border-radius: 4px !important; } .check-tut-form .rma-custom-error, .check-tut-form input.rma-custom-error, .check-tut-form textarea.rma-custom-error, .check-tut-form select.rma-custom-error { border: 2px solid #d63638 !important; box-shadow: 0 0 0 1px #d63638 !important; } .check-tut-form .rma-custom-message { color: #d63638 !important; font-size: 13px !important; display: block !important; margin-top: 4px !important; }/* End custom CSS */