.elementor-5597 .elementor-element.elementor-element-316c5b36{--display:flex;--min-height:100vh;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5597 .elementor-element.elementor-element-316c5b36:not(.elementor-motion-effects-element-type-background), .elementor-5597 .elementor-element.elementor-element-316c5b36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("/wp-content/uploads/2025/09/EC-Solutions-Home-Banner.svg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-5597 .elementor-element.elementor-element-139dfe7{text-align:center;}.elementor-5597 .elementor-element.elementor-element-139dfe7 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:50px;font-weight:700;line-height:100%;letter-spacing:-2%;color:#0056AA;}.elementor-5597 .elementor-element.elementor-element-119a353{text-align:center;}.elementor-5597 .elementor-element.elementor-element-119a353 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:-2%;color:#52504C;}.elementor-5597 .elementor-element.elementor-element-90b58fb{--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-5597 .elementor-element.elementor-element-90b58fb.e-con{--align-self:center;}.elementor-5597 .elementor-element.elementor-element-d6e5486{--display:flex;}.elementor-5597 .elementor-element.elementor-element-c392710 .elementor-button{background-color:transparent;font-family:"Space Grotesk", Sans-serif;font-size:12px;font-weight:700;line-height:100%;letter-spacing:-2%;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(145deg, #A464FF -50%, #FF500B 60%);border-radius:10px 10px 10px 10px;padding:15px 15px 15px 15px;}.elementor-5597 .elementor-element.elementor-element-c392710 .elementor-button:hover, .elementor-5597 .elementor-element.elementor-element-c392710 .elementor-button:focus{background-color:transparent;color:#FFFFFF;background-image:linear-gradient(145deg, #FF500B 70%, #A464FF 100%);}.elementor-5597 .elementor-element.elementor-element-c392710{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 20px 0px;}.elementor-5597 .elementor-element.elementor-element-c392710 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5597 .elementor-element.elementor-element-c392710 .elementor-button .elementor-button-content-wrapper{gap:6px;}.elementor-5597 .elementor-element.elementor-element-c392710 .elementor-button:hover svg, .elementor-5597 .elementor-element.elementor-element-c392710 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-5597 .elementor-element.elementor-element-8da5253{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:-23px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5597 .elementor-element.elementor-element-4dc4940 .elementor-button{background-color:#A464FF00;font-family:"Space Grotesk", Sans-serif;font-size:12px;font-weight:700;line-height:100%;letter-spacing:-2%;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-color:#FFFFFF00;border-radius:10px 10px 10px 10px;padding:15px 25px 15px 25px;}.elementor-5597 .elementor-element.elementor-element-4dc4940 .elementor-button:hover, .elementor-5597 .elementor-element.elementor-element-4dc4940 .elementor-button:focus{background-color:#FF500B00;color:#FFFFFF;}.elementor-5597 .elementor-element.elementor-element-4dc4940{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 20px 0px;border-style:none;}.elementor-5597 .elementor-element.elementor-element-4dc4940 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5597 .elementor-element.elementor-element-4dc4940 .elementor-button .elementor-button-content-wrapper{gap:6px;}.elementor-5597 .elementor-element.elementor-element-4dc4940 .elementor-button:hover svg, .elementor-5597 .elementor-element.elementor-element-4dc4940 .elementor-button:focus svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-5597 .elementor-element.elementor-element-d6e5486{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5597 .elementor-element.elementor-element-8da5253{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-5597 .elementor-element.elementor-element-90b58fb{--width:40%;}}/* Start custom CSS for button, class: .elementor-element-4dc4940 *//* ===============================
   DEFAULT STATE
================================== */
.elementor-5597 .elementor-element.elementor-element-4dc4940 .elementor-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px; /* space between text & icon */
  
  border-radius: 10px;
  border: 0.3px solid transparent;
  background: transparent;
  overflow: hidden;
  font-weight: 600;
  transition: all 0.4s ease;
}

/* Gradient text + icon */
.elementor-5597 .elementor-element.elementor-element-4dc4940 .elementor-button .elementor-button-text,
.elementor-5597 .elementor-element.elementor-element-4dc4940 .elementor-button .elementor-button-icon i,
.elementor-5597 .elementor-element.elementor-element-4dc4940 .elementor-button .elementor-button-icon svg path {
  background: linear-gradient(90deg, #A464FF, #FF500B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: background 0.4s ease;
}

/* Gradient border (transparent middle) */
.elementor-5597 .elementor-element.elementor-element-4dc4940 .elementor-button::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px; /* border thickness */
  border-radius: inherit;
  background: linear-gradient(90deg, #A464FF, #FF500B);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
  transition: background 0.4s ease;
}

/* ===============================
   HOVER STATE (reverse gradient)
================================== */
.elementor-5597 .elementor-element.elementor-element-4dc4940 .elementor-button:hover::before {
  background: linear-gradient(90deg, #FF500B, #A464FF);
}

.elementor-5597 .elementor-element.elementor-element-4dc4940 .elementor-button:hover .elementor-button-text,
.elementor-5597 .elementor-element.elementor-element-4dc4940 .elementor-button:hover .elementor-button-icon i,
.elementor-5597 .elementor-element.elementor-element-4dc4940 .elementor-button:hover .elementor-button-icon svg path {
  background: linear-gradient(90deg, #FF500B, #A464FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}/* End custom CSS */