.elementor-264 .elementor-element.elementor-element-1ae0f29{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-264 .elementor-element.elementor-element-1ae0f29:not(.elementor-motion-effects-element-type-background), .elementor-264 .elementor-element.elementor-element-1ae0f29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2a05a55 );}.elementor-264 .elementor-element.elementor-element-1614515{--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;--gap:11px 11px;--row-gap:11px;--column-gap:11px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-264 .elementor-element.elementor-element-58fedea{--display:flex;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-264 .elementor-element.elementor-element-7611d47 .elementor-button{background-color:#113B1A00;font-family:"Myriad Variable Concept", Sans-serif;font-size:14px;font-weight:400;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:30px 30px 30px 30px;padding:12px 30px 12px 30px;}.elementor-264 .elementor-element.elementor-element-7611d47.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-264 .elementor-element.elementor-element-6ebdd5a .elementor-button{background-color:#113B1A00;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:30px 30px 30px 30px;padding:12px 30px 12px 30px;}.elementor-264 .elementor-element.elementor-element-6ebdd5a .elementor-button:hover, .elementor-264 .elementor-element.elementor-element-6ebdd5a .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );}.elementor-264 .elementor-element.elementor-element-6ebdd5a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-264 .elementor-element.elementor-element-6ebdd5a .elementor-button:hover svg, .elementor-264 .elementor-element.elementor-element-6ebdd5a .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-264 .elementor-element.elementor-element-f3834e1{--display:flex;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-264 .elementor-element.elementor-element-02a3c87{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-264 .elementor-element.elementor-element-02a3c87.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-264 .elementor-element.elementor-element-02a3c87 .elementor-heading-title{font-size:40px;font-weight:300;color:var( --e-global-color-text );}.elementor-264 .elementor-element.elementor-element-31748c3{--display:flex;--overflow:hidden;--margin-top:-5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-264 .elementor-element.elementor-element-cd8c7b1.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-264 .elementor-element.elementor-element-cd8c7b1 .xpro-post-title{font-size:28px;font-weight:300;}.elementor-264 .elementor-element.elementor-element-cd8c7b1 .xpro-post-title-text{color:var( --e-global-color-text );}.elementor-264 .elementor-element.elementor-element-cd8c7b1 .xpro-post-title-icon i{color:var( --e-global-color-text );}.elementor-264 .elementor-element.elementor-element-cd8c7b1 .xpro-post-title-icon svg{fill:var( --e-global-color-text );}.elementor-264 .elementor-element.elementor-element-7b2f9f1{--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;}.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-264 .elementor-element.elementor-element-3001369.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-264 .elementor-element.elementor-element-3001369{text-align:justify;font-weight:400;}.elementor-264 .elementor-element.elementor-element-12b2c3c{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-264 .elementor-element.elementor-element-12b2c3c:not(.elementor-motion-effects-element-type-background), .elementor-264 .elementor-element.elementor-element-12b2c3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2a05a55 );}.elementor-264 .elementor-element.elementor-element-fd93d25{--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;--gap:11px 11px;--row-gap:11px;--column-gap:11px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-264 .elementor-element.elementor-element-9864a4e.xpro-widget-bg-overlay:before{transition:background 0.3s;}@media(max-width:1023px){.elementor-264 .elementor-element.elementor-element-02a3c87{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-264 .elementor-element.elementor-element-1ae0f29{--padding-top:50%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-264 .elementor-element.elementor-element-02a3c87 .elementor-heading-title{font-size:28px;}.elementor-264 .elementor-element.elementor-element-cd8c7b1 .xpro-post-title{font-size:20px;}.elementor-264 .elementor-element.elementor-element-7b2f9f1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-264 .elementor-element.elementor-element-1614515{--width:50%;}.elementor-264 .elementor-element.elementor-element-7b2f9f1{--width:50%;}.elementor-264 .elementor-element.elementor-element-fd93d25{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-1ae0f29 *//* ===== Phase Section: slide-up title + animated line =====
   Add class "phase-section" to the section, and "phase-title" to the heading widget
   (Elementor heading markup: .elementor-widget-heading .elementor-heading-title)
   Customize colors / distances below if needed.
*/

/* container hover trigger */
.phase-section {
  position: relative;
  /* keep overflow visible so pseudo element can show */
  overflow: visible;
  --phase-accent: #d4b24a; /* gold color used in your images */
  --phase-duration: 420ms;
  --phase-ease: cubic-bezier(.2,.9,.3,1);
}

/* target the actual heading element used by Elementor */
.phase-section .phase-title,
.phase-section .phase-title.elementor-heading-title,
.phase-section .elementor-widget-heading .phase-title {
  display: inline-block; /* needed for transform */
  transform: translateY(16px);
  opacity: 0;
  visibility: hidden;
  transition: transform var(--phase-duration) var(--phase-ease),
              opacity 240ms ease,
              visibility 1ms linear;
  will-change: transform, opacity;
  /* styling fallback — preserve user's font and sizing; add spacing so pseudo-element positions nicely */
  margin-bottom: 18px;
  position: relative;
  z-index: 2;
}

/* slide-up line under the title (pseudo element on the heading) */
.phase-section .phase-title::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(10px); /* start slightly below the heading */
  width: clamp(120px, 28vw, 380px); /* responsive width, tweak as needed */

  opacity: 0;
  visibility: hidden;
  transition: transform var(--phase-duration) var(--phase-ease), opacity 240ms ease, visibility 1ms linear;
  z-index: 1;
  border-radius: 2px;
}

/* When the section is hovered or keyboard-focused, reveal the title + line */
.phase-section:hover .phase-title,
.phase-section:focus-within .phase-title {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

/* reveal the line slightly after the title (stagger) */
.phase-section:hover .phase-title::after,
.phase-section:focus-within .phase-title::after {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
  visibility: visible;
}

/* optional: if your heading uses an H2/H3 element with default block sizing, ensure inline-block behaviors */
.phase-section .elementor-heading-title {
  /* keep user's typography; only adjust for animation */
}

/* Mobile/touch: if you prefer not to rely on hover, provide an explicit class to toggle (used by optional JS below) */
.phase-section.show-touch .phase-title,
.phase-section.show-touch .phase-title::after {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

/* Accessibility / reduce motion */
@media (prefers-reduced-motion: reduce) {
  .phase-section .phase-title,
  .phase-section .phase-title::after {
    transition: none !important;
    transform: none !important;
  }
}/* End custom CSS */