.elementor-87 .elementor-element.elementor-element-5c5c658{--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-87 .elementor-element.elementor-element-5c5c658:not(.elementor-motion-effects-element-type-background), .elementor-87 .elementor-element.elementor-element-5c5c658 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4E4E4E;}.elementor-87 .elementor-element.elementor-element-7d38174{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-87 .elementor-element.elementor-element-1c70728{--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-87 .elementor-element.elementor-element-1c70728.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-87 .elementor-element.elementor-element-3a8b42b{--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-87 .elementor-element.elementor-element-ff56968{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:0px;}.elementor-87 .elementor-element.elementor-element-ff56968.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-87 .elementor-element.elementor-element-3555c6a > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-87 .elementor-element.elementor-element-9054c07 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-87 .elementor-element.elementor-element-9054c07 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(25px/2);}.elementor-87 .elementor-element.elementor-element-9054c07 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(25px/2);}.elementor-87 .elementor-element.elementor-element-9054c07 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(25px/2);margin-left:calc(25px/2);}.elementor-87 .elementor-element.elementor-element-9054c07 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-25px/2);margin-left:calc(-25px/2);}body.rtl .elementor-87 .elementor-element.elementor-element-9054c07 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-25px/2);}body:not(.rtl) .elementor-87 .elementor-element.elementor-element-9054c07 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-25px/2);}.elementor-87 .elementor-element.elementor-element-9054c07 .elementor-icon-list-icon i{color:var( --e-global-color-astglobalcolor0 );transition:color 0.3s;}.elementor-87 .elementor-element.elementor-element-9054c07 .elementor-icon-list-icon svg{fill:var( --e-global-color-astglobalcolor0 );transition:fill 0.3s;}.elementor-87 .elementor-element.elementor-element-9054c07{--e-icon-list-icon-size:15px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-offset:0px;}.elementor-87 .elementor-element.elementor-element-9054c07 .elementor-icon-list-icon{padding-right:10px;}.elementor-87 .elementor-element.elementor-element-9054c07 .elementor-icon-list-text{color:var( --e-global-color-astglobalcolor3 );transition:color 0.3s;}.elementor-87 .elementor-element.elementor-element-278b610 > .elementor-widget-container{margin:60px 0px 0px 0px;}.elementor-87 .elementor-element.elementor-element-a9b3e63 .elementor-heading-title{color:var( --e-global-color-astglobalcolor0 );}@media(min-width:768px){.elementor-87 .elementor-element.elementor-element-1c70728{--width:55.932%;}.elementor-87 .elementor-element.elementor-element-3a8b42b{--width:50%;}.elementor-87 .elementor-element.elementor-element-ff56968{--width:77.273%;}}@media(max-width:1024px) and (min-width:768px){.elementor-87 .elementor-element.elementor-element-ff56968{--width:100%;}}@media(max-width:1024px){.elementor-87 .elementor-element.elementor-element-ff56968{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-87 .elementor-element.elementor-element-9054c07 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-87 .elementor-element.elementor-element-ff56968{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-01504b1 *//* Container */
.contact-hero-heading {
  position: relative;
  text-align: center;
  padding: 60px 20px 40px;
  overflow: hidden;
}

/* Soft gradient line behind text */
.contact-hero-heading::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 220%;
  height: 220px;
  transform: translate(-50%, -50%) rotate(-2deg);
  background: radial-gradient(circle at 0 0, rgba(59,130,246,0.18) 0, transparent 40%),
              radial-gradient(circle at 100% 0, rgba(147,51,234,0.18) 0, transparent 40%);
  opacity: 0;
  animation: contactBgFade 1.2s ease-out forwards 0.2s;
  pointer-events: none;
}

/* Small pill above heading */
.contact-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 14px;
  border-radius: 999px;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4f46e5;
  background: rgba(255,255,255,0.9);
  box-shadow: 0 10px 25px rgba(15,23,42,0.15);
  transform: translateY(10px);
  opacity: 0;
  animation: contactSlideUp 0.6s ease-out forwards 0.25s;
}

.contact-badge::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: linear-gradient(135deg,#4f46e5,#06b6d4);
}

/* Main heading */
.contact-title {
  margin: 16px 0 8px;
  font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  font-size: clamp(32px, 4vw, 44px);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #ffffff;
  position: relative;
  display: inline-flex;
  gap: 10px;
  align-items: center;
}

/* Left word: subtle slide + fade */
.contact-title-main {
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
  animation: contactTitleInLeft 0.7s cubic-bezier(0.23,1,0.32,1) forwards 0.35s;
}

/* Right word: gradient + underline + slight delay */
.contact-title-accent {
  display: inline-block;
  background: linear-gradient(120deg,#4f46e5,#06b6d4);
  -webkit-background-clip: text;
  color: transparent;
  position: relative;
  opacity: 0;
  transform: translateY(26px);
  animation: contactTitleInRight 0.7s cubic-bezier(0.23,1,0.32,1) forwards 0.45s;
}

.contact-title-accent::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  height: 2px;
  width: 0;
  background: linear-gradient(90deg,#4f46e5,#06b6d4);
  border-radius: 999px;
  animation: contactUnderline 0.6s ease-out forwards 0.7s;
}

/* Subtitle */
.contact-subtitle {
  max-width: 520px;
  margin: 8px auto 0;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255,255,255,0.78);
  opacity: 0;
  transform: translateY(16px);
  animation: contactSubtitleIn 0.6s ease-out forwards 0.55s;
}

/* Keyframes */
@keyframes contactBgFade {
  0% { opacity: 0; transform: translate(-50%, -60%) rotate(-4deg) scale(0.96); }
  100% { opacity: 1; transform: translate(-50%, -50%) rotate(-2deg) scale(1); }
}

@keyframes contactSlideUp {
  0% { opacity: 0; transform: translateY(18px) scale(0.96); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes contactTitleInLeft {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes contactTitleInRight {
  0% { opacity: 0; transform: translateY(26px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes contactUnderline {
  0% { width: 0; opacity: 0; transform: translateY(3px); }
  100% { width: 100%; opacity: 1; transform: translateY(0); }
}

@keyframes contactSubtitleIn {
  0% { opacity: 0; transform: translateY(16px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* Optional: small hover effect on desktop */
@media (hover:hover) {
  .contact-title:hover .contact-title-accent {
    transform: translateY(0) translateX(2px);
  }
  .contact-title:hover .contact-title-accent::after {
    transform: translateY(0) scaleX(1.05);
    transform-origin: left;
  }
}/* End custom CSS */