/* Text scroll animation style */
.hl-orange {
	color: #F96E3B !important;
}

.hl-teal {
	color: #179B9E !important;
}

/* Initial state of each word */
.statement .w {
  display: inline-block;
  opacity: 0.15;
}

/* Scroll-driven animation */
@supports (animation-timeline: view()) {
  .statement {
    view-timeline-name: --stmt;
    view-timeline-axis: block;
  }

  .statement .w {
    animation: word-reveal linear both;
    animation-timeline: --stmt;
    animation-range:
      cover calc(10% + var(--i) * 1.2%)
      cover calc(25% + var(--i) * 1.2%);
  }
}

@keyframes word-reveal {
  from { opacity: 0.15; }
  to   { opacity: 1; }
}

/* Word order index (30 words total) */
.statement .w:nth-child(1)  { --i: 0; }
.statement .w:nth-child(2)  { --i: 1; }
.statement .w:nth-child(3)  { --i: 2; }
.statement .w:nth-child(4)  { --i: 3; }
.statement .w:nth-child(5)  { --i: 4; }
.statement .w:nth-child(6)  { --i: 5; }
.statement .w:nth-child(7)  { --i: 6; }
.statement .w:nth-child(8)  { --i: 7; }
.statement .w:nth-child(9)  { --i: 8; }
.statement .w:nth-child(10) { --i: 9; }
.statement .w:nth-child(11) { --i: 10; }
.statement .w:nth-child(12) { --i: 11; }
.statement .w:nth-child(13) { --i: 12; }
.statement .w:nth-child(14) { --i: 13; }
.statement .w:nth-child(15) { --i: 14; }
.statement .w:nth-child(16) { --i: 15; }
.statement .w:nth-child(17) { --i: 16; }
.statement .w:nth-child(18) { --i: 17; }
.statement .w:nth-child(19) { --i: 18; }
.statement .w:nth-child(20) { --i: 19; }
.statement .w:nth-child(21) { --i: 20; }
.statement .w:nth-child(22) { --i: 21; }
.statement .w:nth-child(23) { --i: 22; }
.statement .w:nth-child(24) { --i: 23; }
.statement .w:nth-child(25) { --i: 24; }
.statement .w:nth-child(26) { --i: 25; }
.statement .w:nth-child(27) { --i: 26; }
.statement .w:nth-child(28) { --i: 27; }
.statement .w:nth-child(29) { --i: 28; }
.statement .w:nth-child(30) { --i: 29; }

/* Fallback: older browsers show the text fully visible */
@supports not (animation-timeline: view()) {
  .statement .w { opacity: 1; }
}

/* For Form */

.elementor-9 .elementor-element.elementor-element-5c48d4f .elementor-button[type="submit"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    position: relative;
    will-change: transform;
    transform: translate3d(0, 0, 0);
    transition:
        transform 0.25s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.25s ease !important;
	box-shadow: 4px 4px 0 #111418;
}

.elementor-9 .elementor-element.elementor-element-5c48d4f .elementor-button[type="submit"] .elementor-button-content-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
}

.elementor-9 .elementor-element.elementor-element-5c48d4f .elementor-button[type="submit"] .elementor-button-text {
    flex-grow: 0;
    text-align: center !important;
}

.elementor-9 .elementor-element.elementor-element-5c48d4f .elementor-button[type="submit"]:hover {
    box-shadow: 4px 4px 0 #111418;
}

.elementor-9 .elementor-element.elementor-element-5c48d4f .elementor-button[type="submit"].is-moving {
    transition: box-shadow 0.25s ease !important;
}

.elementor-9 .elementor-element.elementor-element-5c48d4f .elementor-button[type="submit"] .elementor-button-icon {
    display: inline-flex;
    transition: transform 0.25s ease;
}

.elementor-9 .elementor-element.elementor-element-5c48d4f .elementor-button[type="submit"]:hover .elementor-button-icon {
    transform: translate3d(4px, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
    .elementor-9 .elementor-element.elementor-element-5c48d4f .elementor-button[type="submit"],
    .elementor-9 .elementor-element.elementor-element-5c48d4f .elementor-button[type="submit"] .elementor-button-icon {
        transition: none !important;
        transform: none !important;
    }
}


/* Animation card Hover style */
.svc {
    --rx: 0deg;
    --ry: 0deg;
    --lift: 0px;

    transform:
        perspective(900px)
        rotateX(var(--rx))
        rotateY(var(--ry))
        translateY(var(--lift));

    transition:
        transform 0.7s cubic-bezier(.22, 1, .36, 1),
        box-shadow 0.7s cubic-bezier(.22, 1, .36, 1);
}

.svc:hover {
    --lift: -6px;
    box-shadow: 12px 12px 0 #111418;
}

.svc.is-tilting {
    transition:
        transform 0.25s ease-out,
        box-shadow 0.6s ease;
}

.svc .icon-move .elementor-button-icon {
    display: inline-flex;
    transition: transform 0.25s ease;
}

.svc:hover .icon-move .elementor-button-icon {
    transform: translate3d(4px, 0, 0);
}


/* Custom CSS for Blog page */
.loop_image img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.alt_loop_image_container .elementor-widget-image, .alt_loop_image_container .elementor-widget-image a {
    height: 100%;
}
.loop_content .elementor-widget-button {
    margin-top: auto !important;
}
.loop_content p {
    font-size: 15px;
    line-height: 23px;
}
.elementor-pagination .page-numbers {
    background-color: transparent;
    width: 40px;
    height: 40px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
    border-radius: 8px;
    border: solid 2.5px #111418;
	cursor: pointer;
	font-family: "Inter", sans-serif;
}
.elementor-pagination .page-numbers.current {
    background-color: #FFBF32;
    box-shadow: 3px 3px 0 #111418;
}
@media (max-width: 768px) {
	.blog_hero span.star, .contact_hero span.star {
		display: none;
	}
	.alt_loop_image_container img {
		aspect-ratio: 16 / 9;
		object-fit: cover;
	}
}