.elementor-8104 .elementor-element.elementor-element-c6ee58b{--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:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-8104 .elementor-element.elementor-element-4de654e{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8104 .elementor-element.elementor-element-3dfa2bd{text-align:center;}.elementor-8104 .elementor-element.elementor-element-67b64f1{--display:flex;}.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-8104 .elementor-element.elementor-element-332fd6a .elementor-field-group{padding-right:calc( 34px/2 );padding-left:calc( 34px/2 );margin-bottom:20px;}.elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-form-fields-wrapper{margin-left:calc( -34px/2 );margin-right:calc( -34px/2 );margin-bottom:-20px;}.elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-field-group.recaptcha_v3-bottomleft, .elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-labels-inline .elementor-field-group > label{padding-left:21px;}body:not(.rtl) .elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-labels-inline .elementor-field-group > label{padding-right:21px;}body .elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-labels-above .elementor-field-group > label{padding-bottom:21px;}.elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-field-group > label, .elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-field-subgroup label{color:#000000;}.elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-field-type-html{padding-bottom:0px;}.elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-field-group .elementor-field, .elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-field-subgroup label{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-8104 .elementor-element.elementor-element-332fd6a .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-text );color:#ffffff;}.elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-button[type="submit"]{background-color:var( --e-global-color-text );color:#ffffff;}.elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-8104 .elementor-element.elementor-element-332fd6a .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-8104 .elementor-element.elementor-element-332fd6a .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-accent );color:#ffffff;}.elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-accent );color:#ffffff;}.elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-8104 .elementor-element.elementor-element-332fd6a .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-8104 .elementor-element.elementor-element-332fd6a{--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-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-8104 .elementor-element.elementor-element-67b64f1{--content-width:500px;}}/* Start custom CSS for form, class: .elementor-element-332fd6a *//* Styles for checked and unchecked checkboxes and radios */ .elementor-8104 .elementor-element.elementor-element-332fd6a [type="checkbox"]:checked, .elementor-8104 .elementor-element.elementor-element-332fd6a [type="checkbox"]:not(:checked), .elementor-8104 .elementor-element.elementor-element-332fd6a [type="radio"]:checked, .elementor-8104 .elementor-element.elementor-element-332fd6a [type="radio"]:not(:checked) { position: absolute; visibility: hidden; } /* style shape */ .elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-field-option label { border: 1px solid black; /* Border size and color */ border-radius: 0px; /* Rounded corners */ background-color: white; /* shape Background color */ display: block; padding: 16px 60px; /* (top/bottom),(left/right) */ margin: 7px 0; /* (top/bottom),(left/right) */ font-size: 18px; /* option text size */ transition: 0.2s all; color: black; /* text color */ cursor: pointer; position: relative; z-index: 2; text-align: left; /* text position(center, right,left,justify */ } /* Style circle */ .elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-field-option label:after { width: 32px;/* Width of the circle */ height: 32px;/* height of the circle */ content: ""; border: 2px solid #D1D7DC;/* circle Border size and color */ background-color: #fff; background-image: url("https://filenewcreate.com/wp-content/uploads/2023/11/check-4.svg"); background-size: cover; /* Change check mark size */ background-repeat: no-repeat; background-position: -1px 2px;/* Change check mark position */ border-radius: 50%; z-index: 2; position: absolute; left: 15px; /*circle Position from the edge */ top: 50%; /* circle Position from the top edge */ transform: translateY(-50%); cursor: pointer; transition: all 200ms ease-in; } /* shape Styles when checked */ .elementor-8104 .elementor-element.elementor-element-332fd6a input:checked ~ label { color: #fff !important;/* text color when checked */ background-color: #FF3694;/* shape color when checked */ } /* circle Styles when checked */ .elementor-8104 .elementor-element.elementor-element-332fd6a input:checked ~ label:after { background-color: #FF3694;/* circle */ border-color: #fff;/* circle */ } /* Hover effect style */ .elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-field-option label:hover { background-color: #FF3694; /* Change shape background color on hover */ color: #fff; /* Change text color on hover */ /* Add any other styles for the hover effect on labels */ /* Change pseudo-element's color on hover */ transition: all 200ms ease-in; } .elementor-8104 .elementor-element.elementor-element-332fd6a .elementor-field-option label:hover:after { background-color: #FF3694; /* Change circle background */ /* Add any other styles for the hover effect for circle */ } /* check 1 */ /*-custom .elementor-8104 .elementor-element.elementor-element-332fd6as to change image check1 --*/ .formx .elementor-field-subgroup .elementor-field-option #form-field-check1-0 + label { background-image: url(https://personasmile.com/wp-content/uploads/2024/02/implant.jpg); } .formx .elementor-field-subgroup .elementor-field-option #form-field-check1-1 + label { background-image: url(https://filenewcreate.com/wp-content/uploads/2023/11/Absolute_Reality_v16_beutifull_hotel_room_0-1.jpg); } .formx .elementor-field-subgroup .elementor-field-option #form-field-check1-2 + label { background-image: url(https://filenewcreate.com/wp-content/uploads/2023/11/Absolute_Reality_v16_beutifull_hotel_room_with_blue_sky_0-1.jpg); } .formx .elementor-field-subgroup .elementor-field-option #form-field-check1-3 + label { background-image: url(https://filenewcreate.com/wp-content/uploads/2023/11/Absolute_Reality_v16_beutifull_hotel_room_with_green_interior_0.jpg); } /* check 2 */ /*-custom .elementor-8104 .elementor-element.elementor-element-332fd6as to change image check2 --*/ .formx .elementor-field-subgroup .elementor-field-option #form-field-check2-0 + label { background-image: url(https://filenewcreate.com/wp-content/uploads/2023/08/mercedes-green.png); } .formx .elementor-field-subgroup .elementor-field-option #form-field-check2-1 + label { background-image: url(https://filenewcreate.com/wp-content/uploads/2023/08/mercedes-green.png); } .formx .elementor-field-subgroup .elementor-field-option #form-field-check2-2 + label { background-image: url(https://filenewcreate.com/wp-content/uploads/2023/08/mercedes-green.png); } .formx .elementor-field-subgroup .elementor-field-option #form-field-check2-3 + label { background-image: url(https://filenewcreate.com/wp-content/uploads/2023/10/youtube-studio-croco-mentor.jpg); } /* check 3 */ /*-custom .elementor-8104 .elementor-element.elementor-element-332fd6as to change image check3 --*/ .formx .elementor-field-subgroup .elementor-field-option #form-field-check3-0 + label { background-image: url(https://filenewcreate.com/wp-content/uploads/2023/08/mercedes-green.png); } .formx .elementor-field-subgroup .elementor-field-option #form-field-check3-1 + label { background-image: url(https://filenewcreate.com/wp-content/uploads/2023/08/mercedes-green.png); } .formx .elementor-field-subgroup .elementor-field-option #form-field-check3-2 + label { background-image: url(https://filenewcreate.com/wp-content/uploads/2023/08/mercedes-green.png); } .formx .elementor-field-subgroup .elementor-field-option #form-field-check3-3 + label { background-image: url(https://filenewcreate.com/wp-content/uploads/2023/10/youtube-studio-croco-mentor.jpg); } /* Styles for checked and unchecked checkboxes and radios */ .formx [type="checkbox"]:checked, .formx [type="checkbox"]:not(:checked), .formx [type="radio"]:checked, .formx [type="radio"]:not(:checked) { position: absolute; visibility: hidden; } /* Styles for labels associated with checkboxes and radios */ .formx .elementor-field-subgroup .elementor-field-option label { border: 5px solid #fff; /* border color normal state */ border-radius: 0px; /* Set the shape radios */ /* Add other styles */ display: block; width: 250px; /* Set the shape width */ height: 150px; /* Set the shape height */ padding: 80px 60px;/* (top/bottom),(left/right) */ margin: 9px 0px; /* (top/bottom),(left/right) */ font-size: 0px !important; /* Set the text size */ transition: 0.2s all; color: white !important; /* Change text color normal state */ cursor: pointer; position: relative; z-index: 2; font-weight: normal; /* Adjust the font-weight as needed */ /* Adjust padding to control text position */ padding-left: 99px; /* Set the text position */ padding-right: 60px; padding-top: 120px; padding-bottom: 30px; /* Positioning options */ /* Example positions - adjust as needed */ /* Desktop positioning */ top: 0px; /* Moves the element down by 50px from its original position */ left: 10px; /* Moves the element 20px to the right from its original position */ /* Mobile positioning */ @media (max-width: 767px) { top: 10px; /* Example mobile top position */ left: 30px; /* Example mobile left position */ width: 250px; /* Set the shape width mobile */ } /* image properties */ background-image: url(""); background-size: cover; background-repeat: no-repeat; background-position: center; } /* checked */ /* Styles for labels when their associated input is checked */ .formx .elementor-field-option input:checked ~ label { color: white !important; /* Change text color when checked */ background-color: #7D252B; border-color: blue; /* Change border color when checked */ } /* hover*/ /* Hover effect on labels associated with checkboxes and radios */ .formx .elementor-field-option label:hover { background-color: blue; /* Change background color on hover */ color: #fff; /* Change text color on hover */ border-color: blue; /* Change border color on hover */ /* Add any other styles for the hover effect on labels */ /* Change pseudo-element's color on hover */ transition: all 200ms ease-in; }/* End custom CSS */