.elementor-81 .elementor-element.elementor-element-c1f952e{--display:flex;--min-height:100vh;--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;}.elementor-81 .elementor-element.elementor-element-c1f952e:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-c1f952e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.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-81 .elementor-element.elementor-element-a628c61 .elementor-heading-title{font-family:"haptic X", Sans-serif;font-size:80px;font-weight:900;color:#FFFFFF;}.elementor-81 .elementor-element.elementor-element-642f785{--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;}.elementor-81 .elementor-element.elementor-element-642f785:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-642f785 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-81 .elementor-element.elementor-element-ca4fa24{--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;}.elementor-81 .elementor-element.elementor-element-ca4fa24:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-ca4fa24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A7A7A7;}.elementor-81 .elementor-element.elementor-element-53dd406{--display:flex;--min-height:500px;}.elementor-81 .elementor-element.elementor-element-53dd406:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-53dd406 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-81 .elementor-element.elementor-element-a0a012e{--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;}.elementor-81 .elementor-element.elementor-element-a0a012e:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-a0a012e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141322;}:root{--page-title-display:none;}/* Start custom CSS for heading, class: .elementor-element-a628c61 *//* Colors you asked for */
:root{
  --hx-blue: #0b1b3a;    /* dark blue */
  --hx-gold: #e6be8a;    /* gold */
  --hx-white: #ffffff;
  --hx-black: #000000;
  --hx-duration: 10s;    /* slower = smoother */
}

/* Gradient + subtle glow */
.hx-gradient-heading{
  font-weight: 800;
  letter-spacing: 1.5px;
  line-height: 1.1;
  margin: 0;

  /* Gradient text (only your four colors) */
  background: linear-gradient(90deg,
    var(--hx-blue) 0%,
    var(--hx-gold) 33%,
    var(--hx-white) 66%,
    var(--hx-black) 100%
  );
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  /* Very light glow using only your colors */
  text-shadow:
     0 0 10px rgba(230,190,138,0.35),   /* gold */
     0 0 14px rgba(11,27,58,0.35);      /* dark blue */

  /* Smooth, GPU-friendly animation */
  animation: hxGradientSlide var(--hx-duration) linear infinite alternate;
  will-change: background-position;
}

/* Optional sizing utilities */
.hx-gradient-heading.is-xl{ font-size: clamp(2.4rem, 4vw, 4rem); }
.hx-gradient-heading.is-lg{ font-size: clamp(2rem, 3vw, 3rem); }

/* Keyframes: only background-position changes (cheap to animate) */
@keyframes hxGradientSlide{
  0%   { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce){
  .hx-gradient-heading{ animation: none; background-position: 25% 50%; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'haptic X';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://www.hugashagaspace.com.my/wp-content/uploads/2025/08/manifold-cf-bold.ttf') format('truetype');
}
@font-face {
	font-family: 'haptic X';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.hugashagaspace.com.my/wp-content/uploads/2025/08/manifold-cf-medium.ttf') format('truetype');
}
@font-face {
	font-family: 'haptic X';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.hugashagaspace.com.my/wp-content/uploads/2025/08/manifold-cf.ttf') format('truetype');
}
@font-face {
	font-family: 'haptic X';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://www.hugashagaspace.com.my/wp-content/uploads/2025/08/manifold-cf-light.ttf') format('truetype');
}
/* End Custom Fonts CSS */