.elementor-6678 .elementor-element.elementor-element-ce0b04d{--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;--overflow:hidden;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-6678 .elementor-element.elementor-element-ce0b04d:not(.elementor-motion-effects-element-type-background), .elementor-6678 .elementor-element.elementor-element-ce0b04d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://juliozelaya.devstudio.work/wp-content/uploads/2026/03/Hero-bg.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6678 .elementor-element.elementor-element-ce0b04d::before, .elementor-6678 .elementor-element.elementor-element-ce0b04d > .elementor-background-video-container::before, .elementor-6678 .elementor-element.elementor-element-ce0b04d > .e-con-inner > .elementor-background-video-container::before, .elementor-6678 .elementor-element.elementor-element-ce0b04d > .elementor-background-slideshow::before, .elementor-6678 .elementor-element.elementor-element-ce0b04d > .e-con-inner > .elementor-background-slideshow::before, .elementor-6678 .elementor-element.elementor-element-ce0b04d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000C7 0%, var( --e-global-color-primary ) 95%);}.elementor-6678 .elementor-element.elementor-element-ce0b04d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6678 .elementor-element.elementor-element-5a34e76{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:215px;--padding-bottom:190px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-6678 .elementor-element.elementor-element-f312ef4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6678 .elementor-element.elementor-element-6248c28{text-align:center;}.elementor-6678 .elementor-element.elementor-element-a7e3e55{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6678 .elementor-element.elementor-element-bfd9061{text-align:center;}.elementor-6678 .elementor-element.elementor-element-bfd9061 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6678 .elementor-element.elementor-element-2263101{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-6678 .elementor-element.elementor-element-2263101 .elementor-heading-title{color:var( --e-global-color-e7bfa24 );}.elementor-6678 .elementor-element.elementor-element-76c5816{width:var( --container-widget-width, 840px );max-width:840px;--container-widget-width:840px;--container-widget-flex-grow:0;text-align:center;font-family:var( --e-global-typography-17c2617-font-family ), Sans-serif;font-size:var( --e-global-typography-17c2617-font-size );font-weight:var( --e-global-typography-17c2617-font-weight );line-height:var( --e-global-typography-17c2617-line-height );}body:not(.rtl) .elementor-6678 .elementor-element.elementor-element-020620a{left:-274px;}body.rtl .elementor-6678 .elementor-element.elementor-element-020620a{right:-274px;}.elementor-6678 .elementor-element.elementor-element-020620a{top:132px;z-index:0;}body:not(.rtl) .elementor-6678 .elementor-element.elementor-element-5faeedb{right:-250px;}body.rtl .elementor-6678 .elementor-element.elementor-element-5faeedb{left:-250px;}.elementor-6678 .elementor-element.elementor-element-5faeedb{bottom:115px;z-index:0;}.elementor-6678 .elementor-element.elementor-element-5faeedb img{width:100%;}.elementor-6678 .elementor-element.elementor-element-8aff65e{--display:flex;--position:absolute;bottom:0px;--z-index:5;}.elementor-6678 .elementor-element.elementor-element-8aff65e:not(.elementor-motion-effects-element-type-background), .elementor-6678 .elementor-element.elementor-element-8aff65e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juliozelaya.devstudio.work/wp-content/uploads/2026/03/Shape-divider-1.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-6678 .elementor-element.elementor-element-8aff65e{left:0px;}body.rtl .elementor-6678 .elementor-element.elementor-element-8aff65e{right:0px;}.elementor-6678 .elementor-element.elementor-element-2071d25{--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:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-6678 .elementor-element.elementor-element-3f29b7f{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-6678 .elementor-element.elementor-element-4b36ccf{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--border-radius:24px 24px 24px 24px;box-shadow:0px 45px 98.5px 0px rgba(0, 0, 0, 0.14901960784313725);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-6678 .elementor-element.elementor-element-4b36ccf:not(.elementor-motion-effects-element-type-background), .elementor-6678 .elementor-element.elementor-element-4b36ccf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-6678 .elementor-element.elementor-element-a3a4732{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:1;--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-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-group{padding-right:calc( 18px/2 );padding-left:calc( 18px/2 );margin-bottom:24px;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-form-fields-wrapper{margin-left:calc( -18px/2 );margin-right:calc( -18px/2 );margin-bottom:-24px;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-group > label, .elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-subgroup label{color:var( --e-global-color-primary );}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-mark-required .elementor-field-label:after{color:var( --e-global-color-primary );}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-group > label{font-family:"Mark Pro", Sans-serif;font-size:2rem;font-weight:700;line-height:1.5em;letter-spacing:0%;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-type-html{color:var( --e-global-color-primary );font-family:"Mark Pro", Sans-serif;font-size:3.2rem;font-weight:800;line-height:1.2em;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-group .elementor-field{color:var( --e-global-color-primary );}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-group .elementor-field, .elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-subgroup label{font-family:"Montserrat", Sans-serif;font-size:1.8rem;font-weight:400;line-height:1.5em;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-text );border-color:#B8B8B8;border-radius:4px 4px 4px 4px;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-text );border-color:#B8B8B8;border-radius:4px 4px 4px 4px;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-group .elementor-select-wrapper::before{color:#B8B8B8;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-button[type="submit"]{color:#ffffff;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-secondary );color:var( --e-global-color-accent );}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-secondary );color:var( --e-global-color-accent );}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-button[type="submit"]:hover svg *{fill:var( --e-global-color-accent );}.elementor-6678 .elementor-element.elementor-element-a3a4732 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-6678 .elementor-element.elementor-element-3f29b7f{--width:100%;}.elementor-6678 .elementor-element.elementor-element-4b36ccf{--width:60%;}}@media(max-width:1440px) and (min-width:768px){.elementor-6678 .elementor-element.elementor-element-4b36ccf{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6678 .elementor-element.elementor-element-4b36ccf{--width:85%;}}@media(max-width:1440px){.elementor-6678 .elementor-element.elementor-element-76c5816{font-size:var( --e-global-typography-17c2617-font-size );line-height:var( --e-global-typography-17c2617-line-height );}.elementor-6678 .elementor-element.elementor-element-020620a{width:var( --container-widget-width, 34% );max-width:34%;--container-widget-width:34%;--container-widget-flex-grow:0;top:204px;}body:not(.rtl) .elementor-6678 .elementor-element.elementor-element-020620a{left:-324px;}body.rtl .elementor-6678 .elementor-element.elementor-element-020620a{right:-324px;}body:not(.rtl) .elementor-6678 .elementor-element.elementor-element-5faeedb{right:-92px;}body.rtl .elementor-6678 .elementor-element.elementor-element-5faeedb{left:-92px;}.elementor-6678 .elementor-element.elementor-element-5faeedb{bottom:-125px;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-type-html{font-size:3rem;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-group .elementor-field, .elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-subgroup label{font-size:2.2rem;}}@media(max-width:1200px){.elementor-6678 .elementor-element.elementor-element-5a34e76{--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-6678 .elementor-element.elementor-element-020620a{width:var( --container-widget-width, 23% );max-width:23%;--container-widget-width:23%;--container-widget-flex-grow:0;top:133px;}body:not(.rtl) .elementor-6678 .elementor-element.elementor-element-020620a{left:-200px;}body.rtl .elementor-6678 .elementor-element.elementor-element-020620a{right:-200px;}.elementor-6678 .elementor-element.elementor-element-020620a img{width:100%;}.elementor-6678 .elementor-element.elementor-element-5faeedb{width:var( --container-widget-width, 21% );max-width:21%;--container-widget-width:21%;--container-widget-flex-grow:0;bottom:-150px;z-index:0;}body:not(.rtl) .elementor-6678 .elementor-element.elementor-element-5faeedb{right:0px;}body.rtl .elementor-6678 .elementor-element.elementor-element-5faeedb{left:0px;}.elementor-6678 .elementor-element.elementor-element-5faeedb img{width:100%;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-type-html{font-size:2.8rem;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-group .elementor-field, .elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-subgroup label{font-size:2rem;}}@media(max-width:1024px){.elementor-6678 .elementor-element.elementor-element-76c5816{font-size:var( --e-global-typography-17c2617-font-size );line-height:var( --e-global-typography-17c2617-line-height );}.elementor-6678 .elementor-element.elementor-element-020620a{--container-widget-width:22%;--container-widget-flex-grow:0;width:var( --container-widget-width, 22% );max-width:22%;top:104px;z-index:0;}body:not(.rtl) .elementor-6678 .elementor-element.elementor-element-020620a{left:-120px;}body.rtl .elementor-6678 .elementor-element.elementor-element-020620a{right:-120px;}.elementor-6678 .elementor-element.elementor-element-5faeedb{--container-widget-width:18%;--container-widget-flex-grow:0;width:var( --container-widget-width, 18% );max-width:18%;bottom:-95px;}body:not(.rtl) .elementor-6678 .elementor-element.elementor-element-5faeedb{right:-62px;}body.rtl .elementor-6678 .elementor-element.elementor-element-5faeedb{left:-62px;}.elementor-6678 .elementor-element.elementor-element-3f29b7f{--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-6678 .elementor-element.elementor-element-4b36ccf{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-group > label{font-size:1.9rem;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-type-html{font-size:2.6rem;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-group .elementor-field, .elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-subgroup label{font-size:1.9rem;}}@media(max-width:880px){.elementor-6678 .elementor-element.elementor-element-020620a{--container-widget-width:23%;--container-widget-flex-grow:0;width:var( --container-widget-width, 23% );max-width:23%;top:147px;}body:not(.rtl) .elementor-6678 .elementor-element.elementor-element-020620a{left:-150px;}body.rtl .elementor-6678 .elementor-element.elementor-element-020620a{right:-150px;}.elementor-6678 .elementor-element.elementor-element-5faeedb{--container-widget-width:20%;--container-widget-flex-grow:0;width:var( --container-widget-width, 20% );max-width:20%;bottom:-54px;}body:not(.rtl) .elementor-6678 .elementor-element.elementor-element-5faeedb{right:-88.438px;}body.rtl .elementor-6678 .elementor-element.elementor-element-5faeedb{left:-88.438px;}.elementor-6678 .elementor-element.elementor-element-3f29b7f{--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-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-type-html{font-size:2.4rem;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-group .elementor-field, .elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-subgroup label{font-size:1.7rem;}}@media(max-width:767px){.elementor-6678 .elementor-element.elementor-element-5a34e76{--gap:15px 0px;--row-gap:15px;--column-gap:0px;--padding-top:80px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-6678 .elementor-element.elementor-element-76c5816{font-size:var( --e-global-typography-17c2617-font-size );line-height:var( --e-global-typography-17c2617-line-height );}.elementor-6678 .elementor-element.elementor-element-020620a{--container-widget-width:27%;--container-widget-flex-grow:0;width:var( --container-widget-width, 27% );max-width:27%;top:85px;}body:not(.rtl) .elementor-6678 .elementor-element.elementor-element-020620a{left:-70px;}body.rtl .elementor-6678 .elementor-element.elementor-element-020620a{right:-70px;}.elementor-6678 .elementor-element.elementor-element-5faeedb{--container-widget-width:14%;--container-widget-flex-grow:0;width:var( --container-widget-width, 14% );max-width:14%;bottom:0px;}body:not(.rtl) .elementor-6678 .elementor-element.elementor-element-5faeedb{right:0px;}body.rtl .elementor-6678 .elementor-element.elementor-element-5faeedb{left:0px;}.elementor-6678 .elementor-element.elementor-element-3f29b7f{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-6678 .elementor-element.elementor-element-4b36ccf{--width:100%;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-type-html{font-size:2.2rem;}.elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-group .elementor-field, .elementor-6678 .elementor-element.elementor-element-a3a4732 .elementor-field-subgroup label{font-size:1.5rem;}}/* Start custom CSS *//*.custom-form .elementor-field-option {*/ /* display: flex;*/ /* align-items: center;*/ /* gap: 10px;*/ /* margin-bottom: 12px;*/ /*}*/ /*.custom-form .elementor-field-type-checkbox input[type="checkbox"] {*/ /* appearance: none;*/ /* -webkit-appearance: none;*/ /* margin: 0;*/ /* width: 0;*/ /* height: 0;*/ /* position: absolute;*/ /*}*/ /*.custom-form .elementor-field-type-checkbox label {*/ /* position: relative;*/ /* padding-left: 42px; */ /* cursor: pointer;*/ /* display: inline-block;*/ /* font-family: "Mark Pro", Sans-serif !important;*/ /* font-size: 2rem !important; */ /* font-weight: 400 !important;*/ /* line-height: 25px; */ /*}*/ /*.custom-form .elementor-field-type-checkbox label::before {*/ /* content: "";*/ /* position: absolute;*/ /* left: 0;*/ /* top: 50%;*/ /* transform: translateY(-50%); */ /* width: 25px;*/ /* height: 25px;*/ /* border: 2px solid #1F2196;*/ /* background-color: white;*/ /* transition: all 0.2s ease-in-out;*/ /*}*/ /*.custom-form .elementor-field-type-checkbox label::after {*/ /* content: "";*/ /* position: absolute;*/ /* left: 8px;*/ /* top: 45%;*/ /* width: 9px;*/ /* height: 14px;*/ /* border: solid white; */ /* border-width: 0 3px 3px 0;*/ /* transform: translateY(-50%) rotate(45deg); */ /* opacity: 0;*/ /* transition: opacity 0.2s ease-in-out;*/ /*}*/ /*.custom-form .elementor-field-type-checkbox input[type="checkbox"]:checked + label::before {*/ /* background-color: #1F2196;*/ /*}*/ /*.custom-form .elementor-field-type-checkbox input[type="checkbox"]:checked + label::after {*/ /* opacity: 1;*/ /*}*/ /*.custom-form .elementor-field-option:hover input[type="checkbox"]:not(:checked) + label::before {*/ /* background-color: #1F219666;*/ /*}*/ /*@media (max-width: 767px) {*/ /* .custom-form .elementor-field-type-checkbox label {*/ /* padding-left: 35px;*/ /* font-size: 1.8rem !important;*/ /* }*/ /* .custom-form .elementor-field-type-checkbox label::before {*/ /* width: 22px;*/ /* height: 22px;*/ /* }*/ /* .custom-form .elementor-field-type-checkbox label::after {*/ /* top: 47%;*/ /* left: 8px;*/ /* width: 6px;*/ /* height: 12px;*/ /* }*/ /*}*/ /* 1. Ensure the container is aligned */ .custom-form .elementor-field-option { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; } /* 2. The Actual Checkbox We keep it in the DOM but hide it visually so the label can take over styling. Using 'appearance: none' is the modern way to "reset" a default checkbox. */ .custom-form .elementor-field-type-checkbox input[type="checkbox"] { appearance: none; -webkit-appearance: none; margin: 0; width: 0; height: 0; position: absolute; } /* 3. The Label (The New Interactive Area) */ .custom-form .elementor-field-type-checkbox label { position: relative; padding-left: 42px; cursor: pointer; display: inline-block; font-family: "Mark Pro", Sans-serif !important; font-size: 2rem !important; font-weight: 400 !important; line-height: 25px; /* Matches height of the box for vertical centering */ } /* 4. Draw the Custom Unchecked Box (The Square) */ .custom-form .elementor-field-type-checkbox label::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); /* Perfectly centers the box vertically */ width: 25px; height: 25px; border: 2px solid #1F2196; background-color: white; transition: all 0.2s ease-in-out; } /* 5. Draw the Checkmark (The L-shape) */ .custom-form .elementor-field-type-checkbox label::after { content: ""; position: absolute; left: 8px; top: 45%; width: 9px; height: 14px; border: solid white; border-width: 0 3px 3px 0; transform: translateY(-50%) rotate(45deg); opacity: 0; transition: opacity 0.2s ease-in-out; } /* 6. Checked States */ .custom-form .elementor-field-type-checkbox input[type="checkbox"]:checked + label::before { background-color: #1F2196; } .custom-form .elementor-field-type-checkbox input[type="checkbox"]:checked + label::after { opacity: 1; } /* 7. Hover Effects */ .custom-form .elementor-field-option:hover input[type="checkbox"]:not(:checked) + label::before { background-color: #1F219666; } /* 8. Mobile Responsiveness */ @media (max-width: 767px) { .custom-form .elementor-field-type-checkbox label { padding-left: 35px; font-size: 1.8rem !important; } .custom-form .elementor-field-type-checkbox label::before { width: 22px; height: 22px; } .custom-form .elementor-field-type-checkbox label::after { top: 47%; left: 8px; width: 6px; height: 12px; } } /* 1. Ensure the container is aligned */ .custom-form .elementor-field-option { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; } /* 2. The Actual Checkbox We keep it in the DOM but hide it visually so the label can take over styling. Using 'appearance: none' is the modern way to "reset" a default checkbox. */ .custom-form .elementor-field-type-checkbox input[type="checkbox"] { appearance: none; -webkit-appearance: none; margin: 0; width: 0; height: 0; position: absolute; } /* 3. The Label (The New Interactive Area) */ .custom-form .elementor-field-type-checkbox label { position: relative; padding-left: 42px; cursor: pointer; display: inline-block; font-family: "Mark Pro", Sans-serif !important; font-size: 2rem !important; font-weight: 400 !important; line-height: 25px; /* Matches height of the box for vertical centering */ } /* 4. Draw the Custom Unchecked Box (The Square) */ .custom-form .elementor-field-type-checkbox label::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); /* Perfectly centers the box vertically */ width: 25px; height: 25px; border: 2px solid #1F2196; background-color: white; transition: all 0.2s ease-in-out; } /* 5. Draw the Checkmark (The L-shape) */ .custom-form .elementor-field-type-checkbox label::after { content: ""; position: absolute; left: 8px; top: 45%; width: 9px; height: 14px; border: solid white; border-width: 0 3px 3px 0; transform: translateY(-50%) rotate(45deg); opacity: 0; transition: opacity 0.2s ease-in-out; } /* 6. Checked States */ .custom-form .elementor-field-type-checkbox input[type="checkbox"]:checked + label::before { background-color: #1F2196; } .custom-form .elementor-field-type-checkbox input[type="checkbox"]:checked + label::after { opacity: 1; } /* 7. Hover Effects */ .custom-form .elementor-field-option:hover input[type="checkbox"]:not(:checked) + label::before { background-color: #1F219666; } /* 8. Mobile Responsiveness */ @media (max-width: 767px) { .custom-form .elementor-field-type-checkbox label { padding-left: 35px; font-size: 1.8rem !important; } .custom-form .elementor-field-type-checkbox label::before { width: 22px; height: 22px; } .custom-form .elementor-field-type-checkbox label::after { top: 47%; left: 8px; width: 6px; height: 12px; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Mark Pro'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://juliozelaya.devstudio.work/wp-content/uploads/2026/03/Mark-Pro.woff2') format('woff2'); } @font-face { font-family: 'Mark Pro'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://juliozelaya.devstudio.work/wp-content/uploads/2026/03/Mark-Pro-Bold.woff2') format('woff2'); } @font-face { font-family: 'Mark Pro'; font-style: normal; font-weight: 900; font-display: auto; src: url('https://juliozelaya.devstudio.work/wp-content/uploads/2026/03/Mark-Pro-Heavy.woff2') format('woff2'); } /* End Custom Fonts CSS */