.elementor-kit-14076{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#54595F;--e-global-color-text:#FAFAFA;--e-global-color-accent:#41906C;--e-global-color-4766890:#DDF1DD;--e-global-color-b311ddc:#7C8CA5;--e-global-color-6e3c036:#41906C;--e-global-color-40243ab:#99F1FB;--e-global-color-c2c1cf2:#FFC3A1;--e-global-typography-primary-font-family:"Maxima Nouva";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Maxima Nouva";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Rubik";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Maxima Nouva";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-size:20px;}.elementor-kit-14076 e-page-transition{background-color:#FFBC7D;}.elementor-kit-14076 h1{color:var( --e-global-color-text );font-size:72px;font-weight:400;}.elementor-kit-14076 h2{color:var( --e-global-color-text );font-size:46px;font-weight:400;}.elementor-kit-14076 h3{color:var( --e-global-color-text );font-weight:400;}.elementor-kit-14076 h4{color:var( --e-global-color-text );font-weight:400;}.elementor-kit-14076 h5{color:var( --e-global-color-text );font-weight:400;}.elementor-kit-14076 h6{color:var( --e-global-color-text );font-weight:400;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */[data-elementor-type="wp-post"] ul {
	list-style-type: disc;
	padding-left: 20px;
}

footer .btn {
    font-size: 0.9rem;
}


/*** HIDE MARQUEE BANNER ***/
.header-banner {
	display: none;
}

/* Marquee wrapper */
.marquee {
  overflow: hidden;
  white-space: nowrap;
}

/* Double content so it loops seamlessly */
.marquee-inner {
  display: inline-flex;
  animation: marquee 30s linear infinite;
	width: max-content;
}

.marquee-inner span {
  font-weight: 700;
	padding-right: 5px;
	flex-shrink: 0;
	font-size: 14px;
}

/* Smooth marquee animation (GPU accelerated) */
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (max-width: 767px) {

    .marquee-inner span {
        font-size: 12px;
    }
}

/* --- Global Button Styles --- */
.btn-blue .elementor-button, 
.btn-green .elementor-button, 
.btn-orange .elementor-button {
    -webkit-appearance: none;
    appearance: none;
    
    background: none !important;
    border-style: solid; 
    border-color: #007bff;
    border-width: 0px 98px 0px 30px; 
    border-image-slice: 0 99 0 31 fill; 
    border-image-repeat: stretch;

    width: auto;
    min-width: 275px; 
    height: 54px;
    display: flex;
    align-items: center;
    padding: 0 !important; 
    box-sizing: border-box;
    -webkit-transform: translate3d(0, 0, 0); 
    transform: translate3d(0, 0, 0); 
		margin-left: calc(-2px - 1vw);
}

.btn-blue .elementor-button-content-wrapper, 
.btn-green .elementor-button-content-wrapper, 
.btn-orange .elementor-button-content-wrapper { 
    width: 100%;
}

.btn-blue .elementor-button {
    border-image-source: url("/wp-content/uploads/2025/11/btn-bg-blue.svg");
}

/* 
.btn-green .elementor-button { 
    border-image-source: url("/path/to/green.svg");
    border-color: #28a745; /* Green color 
}*/


.gradient-text__light-blue {
	background: linear-gradient(90deg, #ffffff, #7C8CA5) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.gradient-text__light-green {
	background: linear-gradient(90deg, #ffffff, #DDF1DD) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.gradient-text__light-orange {
	background: linear-gradient(90deg, #ffffff, #FFC3A1) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}


/* ============================================================
   FLEX CONTAINERS
============================================================ */
#homeAnimationLeft,
#homeAnimationRight {
  display: flex;
  flex-direction: column;
}

/* ============================================================
   SHARED TRANSITIONS
============================================================ */
#homeLogoLeft, 
#homeLogoRight,
#homeTextLeft, 
#homeTextRight,
#homeBtnLeft,
#homeBtnRight {
  transition:
    transform 0.7s ease,
    opacity 0.7s ease,
    visibility 0.7s ease;
}

/* ============================================================
   TEXT + BUTTON FADE-IN (delayed) / FADE-OUT (instant)
============================================================ */
#homeTextLeft, 
#homeTextRight,
#homeBtnLeft,
#homeBtnRight {
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.7s ease 0.2s,
    visibility 0.7s ease 0.2s;
}

/* Fade IN when hovered */
#homeAnimationLeft.is-hovered #homeTextLeft,
#homeAnimationLeft.is-hovered #homeBtnLeft {
  opacity: 1;
  visibility: visible;
}

#homeAnimationRight.is-hovered #homeTextRight,
#homeAnimationRight.is-hovered #homeBtnRight {
  opacity: 1;
  visibility: visible;
}

/* Remove delay on fade OUT */
#homeAnimationLeft:not(.is-hovered) #homeTextLeft,
#homeAnimationLeft:not(.is-hovered) #homeBtnLeft,
#homeAnimationRight:not(.is-hovered) #homeTextRight,
#homeAnimationRight:not(.is-hovered) #homeBtnRight {
  transition-delay: 0s !important;
}

/* ============================================================
   LOGO MOVEMENT — translateX animation
============================================================ */
#homeLogoLeft,
#homeLogoRight {
  transform: translateX(0);
  transition: transform 0.7s ease;
}

#homeAnimationLeft.is-hovered #homeLogoLeft {
  transform: translateX(-25vw);
}

#homeAnimationRight.is-hovered #homeLogoRight {
  transform: translateX(25vw);
}

/* ============================================================
   IMAGE FADE-IN / FADE-OUT USING ::after
============================================================ */
#homeAnimationLeftContainer,
#homeAnimationRightContainer {
  position: relative;
  overflow: hidden;
}

#homeAnimationLeftContainer::after,
#homeAnimationRightContainer::after {
  content: "";
  position: absolute;
  inset: 0;

  opacity: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: opacity 0.7s ease;
  pointer-events: none;
  z-index: 2; 
}

#homeAnimationLeftContainer::after {
  background-image: url("https://www.hefestus-tech.com/wp-content/uploads/2025/11/Component-10.webp");
}

#homeAnimationRightContainer::after {
  background-image: url("https://www.hefestus-tech.com/wp-content/uploads/2025/11/Component-11.webp");
}

#homeAnimationLeftContainer.is-hovered::after,
#homeAnimationRightContainer.is-hovered::after {
  opacity: 1;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Maxima Nouva';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.hefestus-tech.com/wp-content/uploads/2025/11/MaximaNouva-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Maxima Nouva';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.hefestus-tech.com/wp-content/uploads/2025/11/MaximaNouva-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Maxima Nouva';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.hefestus-tech.com/wp-content/uploads/2025/11/MaximaNouva-SemiBold-1.woff2') format('woff2');
}
/* End Custom Fonts CSS */