.elementor-964 .elementor-element.elementor-element-8400b0e{--display:flex;--min-height:80vh;--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-964 .elementor-element.elementor-element-c1201dc{--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;}.elementor-widget-image .widget-image-caption{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-964 .elementor-element.elementor-element-4598196{text-align:left;}.elementor-964 .elementor-element.elementor-element-4598196 img{width:30%;}.elementor-964 .elementor-element.elementor-element-94b2714{--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:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-964 .elementor-element.elementor-element-0a39b03 .elementor-heading-title{color:var( --e-global-color-secondary );}.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-964 .elementor-element.elementor-element-0a97e5f > .elementor-widget-container{margin:0px 0px -30px 0px;}.elementor-964 .elementor-element.elementor-element-7ebd5ad{--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:1px 1px;--row-gap:1px;--column-gap:1px;}.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-964 .elementor-element.elementor-element-07d8c9f .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-964 .elementor-element.elementor-element-07d8c9f .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-964 .elementor-element.elementor-element-07d8c9f .elementor-field-group.recaptcha_v3-bottomleft, .elementor-964 .elementor-element.elementor-element-07d8c9f .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-964 .elementor-element.elementor-element-07d8c9f .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-964 .elementor-element.elementor-element-07d8c9f .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-964 .elementor-element.elementor-element-07d8c9f .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-964 .elementor-element.elementor-element-07d8c9f .elementor-field-type-html{padding-bottom:0px;}.elementor-964 .elementor-element.elementor-element-07d8c9f .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-964 .elementor-element.elementor-element-07d8c9f .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-964 .elementor-element.elementor-element-07d8c9f .e-form__buttons__wrapper__button-next{background-color:#DC0C19;color:#ffffff;}.elementor-964 .elementor-element.elementor-element-07d8c9f .elementor-button[type="submit"]{background-color:#DC0C19;color:#ffffff;}.elementor-964 .elementor-element.elementor-element-07d8c9f .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-964 .elementor-element.elementor-element-07d8c9f .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-964 .elementor-element.elementor-element-07d8c9f .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-964 .elementor-element.elementor-element-07d8c9f .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-964 .elementor-element.elementor-element-07d8c9f .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-964 .elementor-element.elementor-element-07d8c9f .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-964 .elementor-element.elementor-element-07d8c9f{--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-popup-modal-964{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-964 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-964 .dialog-close-button{display:flex;}#elementor-popup-modal-964 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-964 .elementor-element.elementor-element-8400b0e{--content-width:90vw;}}/* Start custom CSS for form, class: .elementor-element-07d8c9f *//* check 1 */ /*-custom .elementor-964 .elementor-element.elementor-element-07d8c9fs to change image check1 --*/ .formx .elementor-field-subgroup .elementor-field-option #form-field-check1-0 + label { background-image: url(https://bydharmony.id/wp-content/uploads/2024/11/m6-blue-fix-fixed.png); } .formx .elementor-field-subgroup .elementor-field-option #form-field-check1-1 + label { background-image: url(https://bydharmony.id/wp-content/uploads/2024/11/dolphin-fix.png); } .formx .elementor-field-subgroup .elementor-field-option #form-field-check1-2 + label { background-image: url(https://bydharmony.id/wp-content/uploads/2024/11/atto3-white-fix.png); } .formx .elementor-field-subgroup .elementor-field-option #form-field-check1-3 + label { background-image: url(https://bydharmony.id/wp-content/uploads/2024/11/m6-blue-fix-fixed.png); } /* check 2 */ /*-custom .elementor-964 .elementor-element.elementor-element-07d8c9fs 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-964 .elementor-element.elementor-element-07d8c9fs 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: 2px solid #fff; /* border color normal state */ border-radius: 10px; /* Set the shape radios */ /* Add other styles */ display: block; width: 140px; /* Set the shape width */ height: 100px; /* Set the shape height */ padding: 50px 40px;/* (top/bottom),(left/right) */ margin: px 0px; /* (top/bottom),(left/right) */ font-size: 15px !important; /* Set the text size */ transition: 0.2s all; color: black !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: 10px; /* Set the text position */ padding-right: 1px; padding-top: 150px; 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: contain; 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: #4F9EDD !important; /* Change text color when checked */ background-color: #FFFFFF; border-color: black; /* Change border color when checked */ } /* hover*/ /* Hover effect on labels associated with checkboxes and radios */ .formx .elementor-field-option label:hover { background-color: white; /* Change background color on hover */ color: #fff; /* Change text color on hover */ border-color: white; /* 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 */