.elementor-2139 .elementor-element.elementor-element-a62cf28{--display:flex;--min-height:670px;--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;--overlay-opacity:1;--border-radius:0px 0px 030px 30px;--margin-top:0px;--margin-bottom:-27px;--margin-left:0px;--margin-right:0px;--z-index:8;}.elementor-2139 .elementor-element.elementor-element-a62cf28:not(.elementor-motion-effects-element-type-background), .elementor-2139 .elementor-element.elementor-element-a62cf28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://connectclicksolutions.com/wp-content/uploads/2026/08/ChatGPT-Image-26-ago-2026-10_35_35.png");background-position:center center;background-size:cover;}.elementor-2139 .elementor-element.elementor-element-a62cf28::before, .elementor-2139 .elementor-element.elementor-element-a62cf28 > .elementor-background-video-container::before, .elementor-2139 .elementor-element.elementor-element-a62cf28 > .e-con-inner > .elementor-background-video-container::before, .elementor-2139 .elementor-element.elementor-element-a62cf28 > .elementor-background-slideshow::before, .elementor-2139 .elementor-element.elementor-element-a62cf28 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2139 .elementor-element.elementor-element-a62cf28 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(122deg, #0F1B38 32%, #F2295B00 64%);}.elementor-2139 .elementor-element.elementor-element-a62cf28.e-con{--align-self:center;}.elementor-2139 .elementor-element.elementor-element-71c11ca{--display:flex;--justify-content:center;}.elementor-2139 .elementor-element.elementor-element-71c11ca.e-con{--flex-grow:0;--flex-shrink:0;}.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-2139 .elementor-element.elementor-element-8cf6959.elementor-element{--align-self:flex-start;}.elementor-2139 .elementor-element.elementor-element-8cf6959.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-8cf6959.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-8cf6959{text-align:start;}.elementor-2139 .elementor-element.elementor-element-8cf6959 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:31px;font-weight:600;color:#9AC11C;}.elementor-2139 .elementor-element.elementor-element-6754c7b{width:var( --container-widget-width, 108.539% );max-width:108.539%;--container-widget-width:108.539%;--container-widget-flex-grow:0;}.elementor-2139 .elementor-element.elementor-element-6754c7b.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-2139 .elementor-element.elementor-element-6754c7b.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-6754c7b.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-6754c7b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:63px;font-weight:600;color:#FFFFFF;}.elementor-2139 .elementor-element.elementor-element-1cdf720{width:var( --container-widget-width, 79% );max-width:79%;--container-widget-width:79%;--container-widget-flex-grow:0;}.elementor-2139 .elementor-element.elementor-element-1cdf720.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-2139 .elementor-element.elementor-element-1cdf720.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-1cdf720.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-1cdf720 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:83px;font-weight:600;}.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-2139 .elementor-element.elementor-element-dc06437{width:var( --container-widget-width, 101.093% );max-width:101.093%;--container-widget-width:101.093%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-2139 .elementor-element.elementor-element-dc06437.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-2139 .elementor-element.elementor-element-dc06437.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-dc06437.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2139 .elementor-element.elementor-element-e6180f3 .elementor-button{background-color:#8DC63F00;}.elementor-2139 .elementor-element.elementor-element-e6180f3 .elementor-button:hover, .elementor-2139 .elementor-element.elementor-element-e6180f3 .elementor-button:focus{background-color:var( --e-global-color-accent );}.elementor-2139 .elementor-element.elementor-element-e6180f3{width:var( --container-widget-width, 22.624% );max-width:22.624%;--container-widget-width:22.624%;--container-widget-flex-grow:0;}.elementor-2139 .elementor-element.elementor-element-e6180f3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2139 .elementor-element.elementor-element-e6180f3.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-e6180f3.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-e6180f3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2139 .elementor-element.elementor-element-1739a1f{--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:0px 46px;--row-gap:0px;--column-gap:46px;}.elementor-2139 .elementor-element.elementor-element-c3f6800{--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-2139 .elementor-element.elementor-element-635a5a5{--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-2139 .elementor-element.elementor-element-f35585c.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-f35585c.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-05cb6df.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-05cb6df.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-1323b99.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-1323b99.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-2139 .elementor-element.elementor-element-c74bfd2.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-c74bfd2.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-c74bfd2 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:18px;}.elementor-2139 .elementor-element.elementor-element-c74bfd2 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-secondary );}.elementor-2139 .elementor-element.elementor-element-c74bfd2 .elementor-icon-box-description{font-family:"Manrope", Sans-serif;font-size:27px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-2139 .elementor-element.elementor-element-c74bfd2 .elementor-icon:after{left:2%;}.elementor-2139 .elementor-element.elementor-element-424f1e8.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-424f1e8.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-424f1e8 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:18px;}.elementor-2139 .elementor-element.elementor-element-424f1e8 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-secondary );}.elementor-2139 .elementor-element.elementor-element-424f1e8 .elementor-icon-box-description{font-family:"Manrope", Sans-serif;font-size:27px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-2139 .elementor-element.elementor-element-424f1e8 .elementor-icon:after{left:2%;}.elementor-2139 .elementor-element.elementor-element-5954688.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-5954688.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-5954688 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:18px;}.elementor-2139 .elementor-element.elementor-element-5954688 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-secondary );}.elementor-2139 .elementor-element.elementor-element-5954688 .elementor-icon-box-description{font-family:"Manrope", Sans-serif;font-size:27px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-2139 .elementor-element.elementor-element-5954688 .elementor-icon:after{left:2%;}.elementor-2139 .elementor-element.elementor-element-3d089a7.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-3d089a7.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-3d089a7 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:18px;}.elementor-2139 .elementor-element.elementor-element-3d089a7 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-secondary );}.elementor-2139 .elementor-element.elementor-element-3d089a7 .elementor-icon-box-description{font-family:"Manrope", Sans-serif;font-size:27px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-2139 .elementor-element.elementor-element-3d089a7 .elementor-icon:after{left:2%;}.elementor-2139 .elementor-element.elementor-element-f0a6cf0{--display:flex;--min-height:0px;--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;--justify-content:center;}.elementor-2139 .elementor-element.elementor-element-d6a137f.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-d6a137f.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-0fe5f63.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-0fe5f63.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.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-2139 .elementor-element.elementor-element-fa4778f.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-fa4778f.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-fa4778f .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-2139 .elementor-element.elementor-element-fa4778f .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-2139 .elementor-element.elementor-element-fa4778f .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2139 .elementor-element.elementor-element-fa4778f .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2139 .elementor-element.elementor-element-fa4778f .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2139 .elementor-element.elementor-element-fa4778f .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2139 .elementor-element.elementor-element-fa4778f .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2139 .elementor-element.elementor-element-fa4778f .elementor-field-type-html{padding-bottom:0px;}.elementor-2139 .elementor-element.elementor-element-fa4778f .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-2139 .elementor-element.elementor-element-fa4778f .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-2139 .elementor-element.elementor-element-fa4778f .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-2139 .elementor-element.elementor-element-fa4778f .elementor-button[type="submit"]{color:#ffffff;}.elementor-2139 .elementor-element.elementor-element-fa4778f .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2139 .elementor-element.elementor-element-fa4778f .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-2139 .elementor-element.elementor-element-fa4778f .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2139 .elementor-element.elementor-element-fa4778f .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2139 .elementor-element.elementor-element-fa4778f .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2139 .elementor-element.elementor-element-fa4778f .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2139 .elementor-element.elementor-element-fa4778f{--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-2139 .elementor-element.elementor-element-ef38ef3{--grid-template-columns:repeat(0, auto);--icon-size:6px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-2139 .elementor-element.elementor-element-ef38ef3 .elementor-widget-container{text-align:center;}.elementor-2139 .elementor-element.elementor-element-ef38ef3.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-ef38ef3.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-6552bd6{--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-2139 .elementor-element.elementor-element-78849ea{--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-2139 .elementor-element.elementor-element-384a2be{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2139 .elementor-element.elementor-element-82fcd13.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-82fcd13.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-bc87748.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-bc87748.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-bc87748 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:41px;font-weight:600;}.elementor-2139 .elementor-element.elementor-element-50995a0{--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-2139 .elementor-element.elementor-element-21b11d4{width:var( --container-widget-width, 47% );max-width:47%;--container-widget-width:47%;--container-widget-flex-grow:0;}.elementor-2139 .elementor-element.elementor-element-21b11d4.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-21b11d4.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-21b11d4 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-2139 .elementor-element.elementor-element-21b11d4 .elementor-icon:after{left:2%;}.elementor-2139 .elementor-element.elementor-element-654be67{width:var( --container-widget-width, 42% );max-width:42%;--container-widget-width:42%;--container-widget-flex-grow:0;}.elementor-2139 .elementor-element.elementor-element-654be67.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-654be67.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-654be67 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-2139 .elementor-element.elementor-element-654be67 .elementor-icon:after{left:2%;}.elementor-2139 .elementor-element.elementor-element-a536718{width:var( --container-widget-width, 43% );max-width:43%;--container-widget-width:43%;--container-widget-flex-grow:0;}.elementor-2139 .elementor-element.elementor-element-a536718.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-a536718.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-a536718 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-2139 .elementor-element.elementor-element-a536718 .elementor-icon:after{left:2%;}.elementor-2139 .elementor-element.elementor-element-7c1ee5b.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-7c1ee5b.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-7c1ee5b .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-2139 .elementor-element.elementor-element-7c1ee5b .elementor-icon:after{left:2%;}.elementor-2139 .elementor-element.elementor-element-bd3f07e{--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;--justify-content:center;--align-items:center;}.elementor-2139 .elementor-element.elementor-element-9921e8a{--display:flex;}.elementor-2139 .elementor-element.elementor-element-f75aae2.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-f75aae2.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-602a564.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-602a564.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-602a564 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:41px;font-weight:600;}.elementor-2139 .elementor-element.elementor-element-6c1c182.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-6c1c182.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-6c1c182{text-align:justify;}.elementor-2139 .elementor-element.elementor-element-3a943bb.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-3a943bb.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}.elementor-2139 .elementor-element.elementor-element-ec558cd{--display:flex;}.elementor-2139 .elementor-element.elementor-element-321a17a.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;bottom:2%;left:2%;right:2%;}.elementor-2139 .elementor-element.elementor-element-321a17a.tp-has-beaf > .elementor-widget-container:after{left:2%;transform:rotate(0deg);}@media(max-width:767px){.elementor-2139 .elementor-element.elementor-element-1cdf720{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2139 .elementor-element.elementor-element-1cdf720 .elementor-heading-title{font-size:62px;}}@media(min-width:768px){.elementor-2139 .elementor-element.elementor-element-a62cf28{--content-width:1600px;}.elementor-2139 .elementor-element.elementor-element-71c11ca{--width:53.54%;}.elementor-2139 .elementor-element.elementor-element-1739a1f{--content-width:1379px;}.elementor-2139 .elementor-element.elementor-element-635a5a5{--width:50%;}.elementor-2139 .elementor-element.elementor-element-f0a6cf0{--width:58%;}.elementor-2139 .elementor-element.elementor-element-78849ea{--width:100%;}.elementor-2139 .elementor-element.elementor-element-bd3f07e{--width:100%;}.elementor-2139 .elementor-element.elementor-element-9921e8a{--width:100%;}.elementor-2139 .elementor-element.elementor-element-ec558cd{--width:45%;}}/* Start custom CSS for heading, class: .elementor-element-1cdf720 */.cc-service-highlight-title .elementor-heading-title {
  display: inline-block;
  padding: 28px 36px;
  border-radius: 20px;
  font-size: 76px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -2px;
  color: transparent !important;
  background:
    linear-gradient(90deg, #129cff 0%, #25c8d8 42%, #9cff14 100%);
  -webkit-background-clip: text;
  background-clip: text;
  position: relative;
}

.cc-service-highlight-title {
  display: inline-block;
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(2, 10, 26, 0.78), rgba(4, 18, 42, 0.82));
  border-left: 3px solid #9cff14;
  border-right: 1px solid rgba(18, 156, 255, 0.18);
  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.18),
    inset 0 0 28px rgba(18, 156, 255, 0.05);
  overflow: hidden;
}

/* Responsive */
@media (max-width: 1024px) {
  .cc-service-highlight-title .elementor-heading-title {
    font-size: 60px !important;
    padding: 24px 30px;
  }
}

@media (max-width: 767px) {
  .cc-service-highlight-title .elementor-heading-title {
    font-size: 44px !important;
    padding: 20px 24px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-dc06437 */.breadcrumb-tech {
    color: rgba(255,255,255,0.75);
    font-size: 16px;
    letter-spacing: 0.3px;
}

.breadcrumb-tech a {
    color: #9AC11C !important;
    text-decoration: none;
    transition: all 0.3s ease;
}

.breadcrumb-tech a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(154, 193, 28, 0.6);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a62cf28 *//* HERO SERVICES - FONDO MÁS PREMIUM */
.cc-services-hero-section {
  position: relative;
  overflow: hidden;
  padding: 85px 40px 80px;
  border-radius: 0 0 34px 34px;
  background:
  
  border-bottom: 1px solid rgba(18, 156, 255, 0.12);
}

/* Textura casi invisible */
.cc-services-hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px);
  background-size: 64px 64px;
  opacity: 0.12;
  pointer-events: none;
  z-index: 1;
}

/* Glow lateral suave */
.cc-services-hero-section::after {
  content: "";
  position: absolute;
  right: -18%;
  top: 8%;
  width: 58%;
  height: 78%;
  background:
    radial-gradient(circle at center, rgba(18,156,255,0.10), transparent 60%),
    radial-gradient(circle at 60% 50%, rgba(156,255,20,0.055), transparent 64%);
  filter: blur(42px);
  pointer-events: none;
  z-index: 1;
}

/* Contenido encima */
.cc-services-hero-section > * {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-ef38ef3 *//* =====================================================
   SOCIAL ICONS CONTACT PAGE - MÁS GRANDE Y SIN VACÍO
===================================================== */

.cc-contact-socials {
  margin-top: 22px;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 18px 24px !important;
  min-height: auto !important;
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 18px;
  background:
    radial-gradient(circle at 20% 20%, rgba(18, 156, 255, 0.12), transparent 35%),
    linear-gradient(135deg, rgba(3, 13, 28, 0.90), rgba(7, 22, 43, 0.76));
  border: 1px solid rgba(18, 156, 255, 0.24) !important;
  box-shadow:
    inset 0 0 24px rgba(18, 156, 255, 0.035),
    0 14px 32px rgba(0, 0, 0, 0.22);
}

/* Quita espacio extra de Elementor */
.cc-contact-socials .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
}

/* Contenedor interno de social icons */
.cc-contact-socials .elementor-social-icons-wrapper {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;
}

/* Íconos más grandes */
.cc-contact-socials .elementor-social-icon {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(18, 156, 255, 0.22), transparent 45%),
    linear-gradient(135deg, rgba(8, 26, 52, 0.98), rgba(4, 14, 30, 1)) !important;
  border: 1px solid rgba(18, 156, 255, 0.32) !important;
  color: #ffffff !important;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.25),
    inset 0 0 18px rgba(18, 156, 255, 0.07);
  transition: all 0.25s ease !important;
}

/* Tamaño del icono interno */
.cc-contact-socials .elementor-social-icon i,
.cc-contact-socials .elementor-social-icon svg {
  font-size: 24px !important;
  width: 24px !important;
  height: 24px !important;
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Hover general */
.cc-contact-socials .elementor-social-icon:hover {
  transform: translateY(-4px) scale(1.04);
  border-color: rgba(156, 255, 20, 0.60) !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(156, 255, 20, 0.20), transparent 45%),
    linear-gradient(135deg, rgba(8, 26, 52, 1), rgba(4, 14, 30, 1)) !important;
  box-shadow:
    0 18px 36px rgba(0, 0, 0, 0.30),
    0 0 24px rgba(156, 255, 20, 0.16),
    inset 0 0 20px rgba(18, 156, 255, 0.08);
}

/* Facebook hover */
.cc-contact-socials .elementor-social-icon-facebook:hover {
  border-color: rgba(24, 119, 242, 0.85) !important;
  box-shadow:
    0 18px 36px rgba(0, 0, 0, 0.30),
    0 0 26px rgba(24, 119, 242, 0.30);
}

/* YouTube hover */
.cc-contact-socials .elementor-social-icon-youtube:hover {
  border-color: rgba(255, 0, 0, 0.85) !important;
  box-shadow:
    0 18px 36px rgba(0, 0, 0, 0.30),
    0 0 26px rgba(255, 0, 0, 0.25);
}

/* X / Twitter hover */
.cc-contact-socials .elementor-social-icon-x-twitter:hover,
.cc-contact-socials .elementor-social-icon-twitter:hover {
  border-color: rgba(255, 255, 255, 0.70) !important;
  box-shadow:
    0 18px 36px rgba(0, 0, 0, 0.30),
    0 0 22px rgba(255, 255, 255, 0.18);
}

/* Mobile */
@media (max-width: 767px) {
  .cc-contact-socials {
    width: 100%;
    padding: 16px !important;
    gap: 12px !important;
  }

  .cc-contact-socials .elementor-social-icons-wrapper {
    gap: 12px !important;
  }

  .cc-contact-socials .elementor-social-icon {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    border-radius: 14px !important;
  }

  .cc-contact-socials .elementor-social-icon i,
  .cc-contact-socials .elementor-social-icon svg {
    font-size: 21px !important;
    width: 21px !important;
    height: 21px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9921e8a *//* =========================================
   SERVICE AREA - TEXTO MÁS PREMIUM
========================================= */

.cc-service-area-section {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 42px;
  padding: 38px 40px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 18% 28%, rgba(18,156,255,0.10), transparent 35%),
    radial-gradient(circle at 88% 68%, rgba(156,255,20,0.07), transparent 38%),
    linear-gradient(135deg, rgba(4,16,32,0.97), rgba(2,8,18,0.99));
  border: 1px solid rgba(18,156,255,0.22);
  box-shadow:
    0 24px 55px rgba(0,0,0,0.28),
    inset 0 0 38px rgba(18,156,255,0.035);
}

/* Columna izquierda */
.cc-service-area-text {
  position: relative;
  z-index: 5;
  width: 36%;
  max-width: 460px;
}

/* Columna mapa */
.cc-service-area-map {
  position: relative;
  z-index: 4;
  width: 64%;
}

/* Badge */
.cc-service-area-badge .elementor-heading-title,
.cc-service-area-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: #9cff14 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
}

.cc-service-area-badge::before {
  content: "";
  width: 30px;
  height: 2px;
  border-radius: 20px;
  background: linear-gradient(90deg, #9cff14, #25c8d8);
  box-shadow: 0 0 12px rgba(156,255,20,0.40);
}

/* Título */
.cc-service-area-title .elementor-heading-title,
.cc-service-area-title h2 {
  margin: 0 0 20px !important;
  color: #ffffff !important;
  font-size: 46px !important;
  line-height: 1.05 !important;
  font-weight: 850 !important;
  letter-spacing: -1.8px !important;
  text-shadow: 0 10px 26px rgba(0,0,0,0.32);
}

/* Línea destacada */
.cc-service-area-title .elementor-heading-title span,
.cc-service-area-title h2 span {
  background: linear-gradient(90deg, #129cff 0%, #27d7ff 42%, #9cff14 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
}

/* Descripción */
.cc-service-area-desc,
.cc-service-area-desc p,
.cc-service-area-desc .elementor-widget-container {
  color: rgba(255,255,255,0.76) !important;
  font-size: 16px !important;
  line-height: 1.68 !important;
  font-weight: 400 !important;
  margin-bottom: 18px !important;
}

/* Tags / mini beneficios */
.cc-service-area-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0 24px;
}

.cc-service-area-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border-radius: 999px;
  color: rgba(255,255,255,0.88);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  background:
    linear-gradient(135deg, rgba(5,18,36,0.88), rgba(8,28,55,0.72));
  border: 1px solid rgba(18,156,255,0.22);
  box-shadow:
    inset 0 0 16px rgba(18,156,255,0.04),
    0 8px 18px rgba(0,0,0,0.16);
}

.cc-service-area-tag::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #9cff14;
  box-shadow: 0 0 10px rgba(156,255,20,0.55);
}

/* Botón */
.cc-service-area-button .elementor-button,
.cc-service-area-button a.elementor-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 15px 26px !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.35px !important;
  text-transform: uppercase !important;
  border: 1px solid rgba(156,255,20,0.38) !important;
  background:
    linear-gradient(135deg, rgba(5,18,36,0.98), rgba(8,28,55,0.86)) !important;
  box-shadow:
    0 12px 26px rgba(0,0,0,0.24),
    inset 0 0 20px rgba(18,156,255,0.045),
    0 0 18px rgba(156,255,20,0.08) !important;
  transition: all 0.25s ease !important;
}

.cc-service-area-button .elementor-button:hover,
.cc-service-area-button a.elementor-button:hover {
  transform: translateY(-2px);
  border-color: rgba(156,255,20,0.75) !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,0.28),
    0 0 24px rgba(156,255,20,0.18) !important;
}

/* Responsive */
@media (max-width: 1024px) {
  .cc-service-area-section {
    flex-direction: column;
    align-items: flex-start;
  }

  .cc-service-area-text,
  .cc-service-area-map {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .cc-service-area-section {
    padding: 28px 20px;
    border-radius: 18px;
  }

  .cc-service-area-title .elementor-heading-title,
  .cc-service-area-title h2 {
    font-size: 32px !important;
    line-height: 1.12 !important;
    letter-spacing: -0.9px !important;
  }

  .cc-service-area-desc,
  .cc-service-area-desc p,
  .cc-service-area-desc .elementor-widget-container {
    font-size: 14px !important;
  }

  .cc-service-area-tags {
    gap: 8px;
  }

  .cc-service-area-tag {
    font-size: 12px;
    padding: 8px 11px;
  }

  .cc-service-area-button .elementor-button,
  .cc-service-area-button a.elementor-button {
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1739a1f *//* =========================================================
   CONTACT SECTION CON IMAGEN DE FONDO + DIFUMINADO
   Usa tu estructura actual:
   - cc-contact-main-section
   - cc-contact-info-box
   - cc-contact-form-box
========================================================= */

.cc-contact-main-section {
  position: relative;
  overflow: hidden;
  padding: 90px 50px;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border-top: 1px solid rgba(18, 156, 255, 0.12);
  border-bottom: 1px solid rgba(18, 156, 255, 0.12);
}

/* Capa oscura general encima de la imagen */
.cc-contact-main-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(2, 8, 18, 0.96) 0%,
      rgba(2, 8, 18, 0.90) 38%,
      rgba(2, 8, 18, 0.76) 62%,
      rgba(2, 8, 18, 0.88) 100%
    );
  z-index: 1;
  pointer-events: none;
}

/* Glow azul/verde para integrar con ConnectClick */
.cc-contact-main-section::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 28%, rgba(18, 156, 255, 0.12), transparent 32%),
    radial-gradient(circle at 82% 45%, rgba(156, 255, 20, 0.09), transparent 34%),
    linear-gradient(135deg, rgba(3, 9, 20, 0.30), rgba(3, 9, 20, 0.78));
  z-index: 2;
  pointer-events: none;
}

/* Todo el contenido encima del difuminado */
.cc-contact-main-section > * {
  position: relative;
  z-index: 3;
}

/* =========================
   CAJA IZQUIERDA
========================= */

.cc-contact-info-box {
  position: relative;
  padding: 42px 36px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 18% 20%, rgba(18, 156, 255, 0.10), transparent 36%),
    linear-gradient(135deg, rgba(5, 16, 32, 0.78), rgba(2, 8, 18, 0.88));
  border: 1px solid rgba(18, 156, 255, 0.20);
  box-shadow:
    0 24px 55px rgba(0, 0, 0, 0.28),
    inset 0 0 34px rgba(18, 156, 255, 0.035);
  backdrop-filter: blur(8px);
}

/* Títulos izquierda */
.cc-contact-info-box .elementor-heading-title {
  color: #ffffff !important;
}

/* Texto izquierda */
.cc-contact-info-box,
.cc-contact-info-box p,
.cc-contact-info-box .elementor-widget-text-editor {
  color: rgba(255, 255, 255, 0.82) !important;
}

/* Icon boxes */
.cc-contact-info-box .elementor-widget-icon-box {
  margin-bottom: 22px;
}

/* Iconos */
.cc-contact-info-box .elementor-icon {
  color: #ffffff !important;
  fill: #ffffff !important;
  background: rgba(18, 156, 255, 0.10);
  border: 1px solid rgba(156, 255, 20, 0.28);
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 0 18px rgba(18, 156, 255, 0.12);
}

/* Títulos de icon box */
.cc-contact-info-box .elementor-icon-box-title,
.cc-contact-info-box .elementor-icon-box-title span {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Descripción de icon box */
.cc-contact-info-box .elementor-icon-box-description {
  color: rgba(255, 255, 255, 0.72) !important;
}

/* =========================
   CAJA DERECHA FORMULARIO
========================= */

.cc-contact-form-box {
  position: relative;
  padding: 42px 36px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 30% 18%, rgba(18, 156, 255, 0.12), transparent 38%),
    linear-gradient(135deg, rgba(5, 16, 32, 0.82), rgba(2, 8, 18, 0.90));
  border: 1px solid rgba(18, 156, 255, 0.22);
  box-shadow:
    0 24px 55px rgba(0, 0, 0, 0.30),
    inset 0 0 34px rgba(18, 156, 255, 0.04);
  backdrop-filter: blur(8px);
}

/* Títulos formulario */
.cc-contact-form-box .elementor-heading-title {
  color: #ffffff !important;
}

/* Texto formulario */
.cc-contact-form-box,
.cc-contact-form-box p,
.cc-contact-form-box .elementor-widget-text-editor {
  color: rgba(255, 255, 255, 0.82) !important;
}

/* Inputs del formulario */
.cc-contact-form-box input,
.cc-contact-form-box textarea,
.cc-contact-form-box select {
  background: rgba(3, 13, 28, 0.82) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 15px 16px !important;
  box-shadow: none !important;
}

/* Placeholder */
.cc-contact-form-box input::placeholder,
.cc-contact-form-box textarea::placeholder {
  color: rgba(255, 255, 255, 0.55) !important;
}

/* Focus */
.cc-contact-form-box input:focus,
.cc-contact-form-box textarea:focus,
.cc-contact-form-box select:focus {
  border-color: rgba(156, 255, 20, 0.60) !important;
  box-shadow: 0 0 0 1px rgba(156, 255, 20, 0.20) !important;
}

/* Botón del formulario */
.cc-contact-form-box .elementor-button,
.cc-contact-form-box button {
  background: #8cc63f !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  border: none !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  padding: 15px 28px !important;
  box-shadow: 0 12px 26px rgba(140, 198, 63, 0.20);
  transition: all 0.25s ease;
}

.cc-contact-form-box .elementor-button:hover,
.cc-contact-form-box button:hover {
  background: #9be046 !important;
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(140, 198, 63, 0.28);
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1024px) {
  .cc-contact-main-section {
    padding: 75px 35px;
  }

  .cc-contact-info-box,
  .cc-contact-form-box {
    padding: 34px 28px;
  }
}

@media (max-width: 767px) {
  .cc-contact-main-section {
    padding: 60px 20px;
  }

  .cc-contact-main-section::before {
    background:
      linear-gradient(
        180deg,
        rgba(2, 8, 18, 0.96) 0%,
        rgba(2, 8, 18, 0.88) 45%,
        rgba(2, 8, 18, 0.96) 100%
      );
  }

  .cc-contact-info-box,
  .cc-contact-form-box {
    padding: 28px 22px;
    border-radius: 18px;
  }
}/* =====================================================
   FORMULARIO CONTACT - MÁS VIDA / MÁS PREMIUM
   Clase usada: cc-contact-form-box
===================================================== */

/* Caja del formulario más viva */
.cc-contact-form-box {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 20% 10%, rgba(18, 156, 255, 0.16), transparent 34%),
    radial-gradient(circle at 85% 85%, rgba(156, 255, 20, 0.10), transparent 38%),
    linear-gradient(135deg, rgba(5, 18, 36, 0.96), rgba(2, 8, 18, 0.96)) !important;
  border: 1px solid rgba(18, 156, 255, 0.28) !important;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.34),
    0 0 28px rgba(18, 156, 255, 0.08),
    inset 0 0 45px rgba(18, 156, 255, 0.045) !important;
}

/* Línea superior con degradado */
.cc-contact-form-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 32px;
  right: 32px;
  height: 3px;
  border-radius: 0 0 20px 20px;
  background: linear-gradient(90deg, #129cff, #25c8d8, #9cff14);
  box-shadow: 0 0 18px rgba(18, 156, 255, 0.35);
  z-index: 2;
}

/* Glow suave interno */
.cc-contact-form-box::after {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  right: -90px;
  bottom: -100px;
  background:
    radial-gradient(circle, rgba(156, 255, 20, 0.12), transparent 65%),
    radial-gradient(circle at 40% 40%, rgba(18, 156, 255, 0.12), transparent 70%);
  filter: blur(22px);
  pointer-events: none;
  z-index: 1;
}

/* Asegura que el contenido quede encima */
.cc-contact-form-box > * {
  position: relative;
  z-index: 3;
}

/* Título del formulario */
.cc-contact-form-box .elementor-heading-title {
  color: #ffffff !important;
  text-shadow: 0 0 18px rgba(18, 156, 255, 0.12);
}

/* Texto bajo el título */
.cc-contact-form-box .elementor-widget-text-editor,
.cc-contact-form-box .elementor-widget-text-editor p {
  color: rgba(255, 255, 255, 0.78) !important;
}

/* Campos del formulario */
.cc-contact-form-box input,
.cc-contact-form-box textarea,
.cc-contact-form-box select {
  background:
    linear-gradient(135deg, rgba(4, 14, 30, 0.94), rgba(7, 22, 43, 0.86)) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  padding: 16px 18px !important;
  box-shadow:
    inset 0 0 18px rgba(18, 156, 255, 0.025),
    0 8px 18px rgba(0, 0, 0, 0.12) !important;
  transition: all 0.25s ease !important;
}

/* Placeholder */
.cc-contact-form-box input::placeholder,
.cc-contact-form-box textarea::placeholder {
  color: rgba(255, 255, 255, 0.45) !important;
}

/* Hover en campos */
.cc-contact-form-box input:hover,
.cc-contact-form-box textarea:hover,
.cc-contact-form-box select:hover {
  border-color: rgba(18, 156, 255, 0.38) !important;
  box-shadow:
    inset 0 0 18px rgba(18, 156, 255, 0.04),
    0 0 18px rgba(18, 156, 255, 0.08) !important;
}

/* Focus en campos */
.cc-contact-form-box input:focus,
.cc-contact-form-box textarea:focus,
.cc-contact-form-box select:focus {
  border-color: rgba(156, 255, 20, 0.70) !important;
  box-shadow:
    0 0 0 1px rgba(156, 255, 20, 0.22),
    0 0 24px rgba(156, 255, 20, 0.12),
    inset 0 0 20px rgba(18, 156, 255, 0.045) !important;
  outline: none !important;
}

/* Botón más vivo */
.cc-contact-form-box .elementor-button,
.cc-contact-form-box button[type="submit"] {
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #8cc63f 0%, #9cff14 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  padding: 16px 28px !important;
  box-shadow:
    0 14px 30px rgba(156, 255, 20, 0.18),
    0 0 22px rgba(156, 255, 20, 0.10) !important;
  transition: all 0.25s ease !important;
}

/* Brillo que pasa por el botón */
.cc-contact-form-box .elementor-button::before,
.cc-contact-form-box button[type="submit"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 55%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.32),
    transparent
  );
  transform: skewX(-20deg);
  transition: 0.55s ease;
}

/* Hover botón */
.cc-contact-form-box .elementor-button:hover,
.cc-contact-form-box button[type="submit"]:hover {
  transform: translateY(-2px);
  background: linear-gradient(90deg, #9cff14 0%, #8cc63f 100%) !important;
  box-shadow:
    0 18px 38px rgba(156, 255, 20, 0.26),
    0 0 30px rgba(156, 255, 20, 0.16) !important;
}

.cc-contact-form-box .elementor-button:hover::before,
.cc-contact-form-box button[type="submit"]:hover::before {
  left: 130%;
}

/* Pequeño texto de privacidad si lo usás */
.cc-contact-form-box .cc-form-note,
.cc-contact-form-box small {
  color: rgba(255, 255, 255, 0.62) !important;
}/* =====================================================
   CONTACT PAGE - CELDAS DEL FORMULARIO + TARJETA CONTACTO
   Clases usadas:
   cc-contact-form-box
   cc-contact-info-box
===================================================== */


/* ===============================
   TARJETA IZQUIERDA DE CONTACTO
================================ */

.cc-contact-info-box {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 12%, rgba(18, 156, 255, 0.14), transparent 34%),
    radial-gradient(circle at 90% 90%, rgba(156, 255, 20, 0.08), transparent 40%),
    linear-gradient(135deg, rgba(5, 18, 36, 0.94), rgba(2, 8, 18, 0.96)) !important;
  border: 1px solid rgba(18, 156, 255, 0.28) !important;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.30),
    0 0 28px rgba(18, 156, 255, 0.06),
    inset 0 0 38px rgba(18, 156, 255, 0.035) !important;
}

/* línea superior decorativa */
.cc-contact-info-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 32px;
  right: 32px;
  height: 3px;
  border-radius: 0 0 20px 20px;
  background: linear-gradient(90deg, #9cff14, #25c8d8, #129cff);
  box-shadow: 0 0 18px rgba(156, 255, 20, 0.25);
  z-index: 2;
}

/* glow interno */
.cc-contact-info-box::after {
  content: "";
  position: absolute;
  width: 240px;
  height: 240px;
  left: -90px;
  bottom: -90px;
  background:
    radial-gradient(circle, rgba(18, 156, 255, 0.14), transparent 65%),
    radial-gradient(circle at 50% 50%, rgba(156, 255, 20, 0.08), transparent 70%);
  filter: blur(24px);
  pointer-events: none;
  z-index: 1;
}

.cc-contact-info-box > * {
  position: relative;
  z-index: 3;
}

/* Badge GET IN TOUCH */
.cc-contact-info-box .elementor-widget-heading:first-child .elementor-heading-title {
  color: #9cff14 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
}

/* Título principal */
.cc-contact-info-box .elementor-heading-title {
  color: #ffffff !important;
}

/* Texto */
.cc-contact-info-box,
.cc-contact-info-box p,
.cc-contact-info-box .elementor-widget-text-editor {
  color: rgba(255, 255, 255, 0.78) !important;
}

/* Cada item de contacto */
.cc-contact-info-box .elementor-widget-icon-box {
  padding: 14px 12px;
  border-radius: 16px;
  transition: all 0.25s ease;
}

/* Hover en cada item */
.cc-contact-info-box .elementor-widget-icon-box:hover {
  background: rgba(18, 156, 255, 0.055);
  transform: translateX(4px);
}

/* Caja de iconos */
.cc-contact-info-box .elementor-icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  fill: #ffffff !important;
  background:
    radial-gradient(circle at 35% 30%, rgba(18, 156, 255, 0.22), transparent 45%),
    linear-gradient(135deg, rgba(8, 26, 52, 0.94), rgba(4, 14, 30, 0.96));
  border: 1px solid rgba(156, 255, 20, 0.30);
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.20),
    0 0 18px rgba(18, 156, 255, 0.10),
    inset 0 0 18px rgba(18, 156, 255, 0.06);
  transition: all 0.25s ease;
}

/* Hover del icono */
.cc-contact-info-box .elementor-widget-icon-box:hover .elementor-icon {
  border-color: rgba(156, 255, 20, 0.60);
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.26),
    0 0 24px rgba(156, 255, 20, 0.16),
    inset 0 0 20px rgba(18, 156, 255, 0.08);
}

/* Título de cada contacto */
.cc-contact-info-box .elementor-icon-box-title,
.cc-contact-info-box .elementor-icon-box-title span {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* Descripción */
.cc-contact-info-box .elementor-icon-box-description {
  color: rgba(255, 255, 255, 0.72) !important;
  line-height: 1.5 !important;
}


/* ===============================
   CELDAS DEL FORMULARIO
================================ */

/* Caja derecha, un poco más premium sin exagerar */
.cc-contact-form-box {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 10%, rgba(18, 156, 255, 0.12), transparent 34%),
    radial-gradient(circle at 85% 88%, rgba(156, 255, 20, 0.08), transparent 38%),
    linear-gradient(135deg, rgba(5, 18, 36, 0.94), rgba(2, 8, 18, 0.96)) !important;
  border: 1px solid rgba(18, 156, 255, 0.28) !important;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.30),
    inset 0 0 38px rgba(18, 156, 255, 0.035) !important;
}

/* Línea superior de la tarjeta del formulario */
.cc-contact-form-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 32px;
  right: 32px;
  height: 3px;
  border-radius: 0 0 20px 20px;
  background: linear-gradient(90deg, #129cff, #25c8d8, #9cff14);
  box-shadow: 0 0 18px rgba(18, 156, 255, 0.25);
  z-index: 2;
}

.cc-contact-form-box > * {
  position: relative;
  z-index: 3;
}

/* Título del formulario */
.cc-contact-form-box .elementor-heading-title {
  color: #ffffff !important;
}

/* Texto del formulario */
.cc-contact-form-box,
.cc-contact-form-box p,
.cc-contact-form-box .elementor-widget-text-editor {
  color: rgba(255, 255, 255, 0.78) !important;
}

/* Celdas del formulario */
.cc-contact-form-box input,
.cc-contact-form-box textarea,
.cc-contact-form-box select {
  background:
    linear-gradient(135deg, rgba(3, 13, 28, 0.94), rgba(7, 22, 43, 0.88)) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  padding: 16px 18px !important;
  box-shadow:
    inset 0 0 18px rgba(18, 156, 255, 0.025),
    0 8px 18px rgba(0, 0, 0, 0.12) !important;
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease,
    transform 0.25s ease !important;
}

/* Placeholder */
.cc-contact-form-box input::placeholder,
.cc-contact-form-box textarea::placeholder {
  color: rgba(255, 255, 255, 0.46) !important;
}

/* Hover en las celdas */
.cc-contact-form-box input:hover,
.cc-contact-form-box textarea:hover,
.cc-contact-form-box select:hover {
  background:
    linear-gradient(135deg, rgba(5, 18, 38, 0.98), rgba(8, 28, 55, 0.92)) !important;
  border-color: rgba(18, 156, 255, 0.42) !important;
  box-shadow:
    inset 0 0 18px rgba(18, 156, 255, 0.04),
    0 0 18px rgba(18, 156, 255, 0.10) !important;
}

/* Cuando el usuario escribe */
.cc-contact-form-box input:focus,
.cc-contact-form-box textarea:focus,
.cc-contact-form-box select:focus {
  background:
    linear-gradient(135deg, rgba(5, 18, 38, 1), rgba(8, 28, 55, 0.96)) !important;
  border-color: rgba(156, 255, 20, 0.70) !important;
  box-shadow:
    0 0 0 1px rgba(156, 255, 20, 0.22),
    0 0 24px rgba(156, 255, 20, 0.12),
    inset 0 0 20px rgba(18, 156, 255, 0.045) !important;
  outline: none !important;
}

/* Textarea más elegante */
.cc-contact-form-box textarea {
  min-height: 150px !important;
  resize: vertical;
}

/* Select */
.cc-contact-form-box select {
  cursor: pointer;
}

/* Botón del formulario */
.cc-contact-form-box .elementor-button,
.cc-contact-form-box button[type="submit"] {
  background: linear-gradient(90deg, #8cc63f 0%, #9cff14 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  padding: 16px 28px !important;
  box-shadow:
    0 14px 30px rgba(156, 255, 20, 0.18),
    0 0 22px rgba(156, 255, 20, 0.10) !important;
  transition: all 0.25s ease !important;
}

/* Hover del botón */
.cc-contact-form-box .elementor-button:hover,
.cc-contact-form-box button[type="submit"]:hover {
  transform: translateY(-2px);
  background: linear-gradient(90deg, #9cff14 0%, #8cc63f 100%) !important;
  box-shadow:
    0 18px 38px rgba(156, 255, 20, 0.26),
    0 0 30px rgba(156, 255, 20, 0.16) !important;
}/* End custom CSS */