.elementor .main-header{font-family:var(--font-sans);padding-block-start:2%;padding-block-end:2%;padding-inline-start:5%;padding-inline-end:5%;background-color:var(--secondary-500);gap:10px;}.elementor .hero-text-main{font-family:var(--font-sans);font-weight:800;font-size:var(--biggest-header);color:#ffffff;}.elementor .sub-heading-hero{font-family:var(--font-sans);font-size:var(--sub-heading-hero);color:var(--primary-50);}.elementor .solid-button{font-family:var(--font-accent);font-size:var(--button-text);color:var(--secondary-500);background-color:var(--accent-yellow);}.elementor .solid-button:hover,.elementor .solid-button:focus-visible{color:var(--accent-yellow);background-color:var(--primary-500);}.elementor .transparent-button{font-family:var(--font-accent);font-size:var(--button-text);border-radius:var(--standard-border-radius);}.elementor .btn{padding-block-start:0.75rem;padding-block-end:0.75rem;padding-inline-start:1.5rem;padding-inline-end:1.5rem;margin:0.75rem;border-radius:9999px;transition:all 0.3s;}.elementor .btn-secondary{font-family:var(--font-accent);font-size:var(--btn-text);border-width:1px;border-color:var(--accent-yellow);background-color:#375efa00;}.elementor .btn-secondary:hover,.elementor .btn-secondary:focus-visible{color:var(--secondary-700);background-color:var(--accent-yellow);}.elementor .three-col{column-gap:40px;padding-block-start:6%;padding-block-end:2%;padding-inline-start:5%;padding-inline-end:5%;row-gap:20px;}.elementor .third-column{width:33%;padding:2rem;border-radius:var(--standard-border-radius);background-color:var(--primary-50);align-items:center;}.elementor .usp-intro{font-family:var(--font-accent);font-size:20px;letter-spacing:3px;text-align:center;text-transform:uppercase;}.elementor .usp-type{max-width:60%;margin-block-start:-3rem;margin-block-end:2rem;border-radius:var(--standard-border-radius);background-color:var(--secondary-100);}.elementor .usp-image{width:70%;}.elementor .DUP_services-home{width:100%;padding-block-start:4rem;padding-block-end:4rem;padding-inline-start:2rem;padding-inline-end:2rem;opacity:30%;flex-direction:column;gap:10px;}.elementor .services-title{font-family:var(--font-sans);font-size:var(--medium-heading);color:var(--secondary-500);}.elementor .standard-flex{padding-block-start:2%;padding-block-end:2%;padding-inline-start:5%;padding-inline-end:5%;flex-direction:row;gap:20px;}.elementor .sticky-track{height:200vh;overflow:visible;align-items:stretch;}.elementor .sticky-panel{width:40%;height:80vh;position:sticky;inset-block-start:100px;background-color:var(--primary-400);/* FORCE THE LAYOUT SYSTEM */
.sticky-track {
display: flex !important;
align-items: flex-start !important; /* Prevents columns from stretching to equal height */
view-timeline-name: --storyTimeline;
view-timeline-axis: block;
}

.sticky-panel {
position: -webkit-sticky !important;
position: sticky !important;
top: 100px !important;
height: 70vh !important; /* Locks it to a visible viewport box */

/* Bind the timeline */
animation-name: simpleFade;
animation-fill-mode: both;
animation-timeline: --storyTimeline;
animation-timing-function: linear;
}

/* Let's test simple transparency first to see if it's reading the scroll */
@keyframes simpleFade {
0% {
  opacity: 0.2;
  background-color: #00A2A5; /* Your Teal 500 */
}
50% {
  opacity: 1;
  background-color: #534666; /* Your Purple 500 */
}
100% {
  opacity: 0.2;
  background-color: #001819;
}
}\n}.elementor .scroll-content{width:60%;position:relative;}.elementor .scroll-tabs{flex-direction:row;}.elementor .scroll-tabs-menu{width:30%;position:sticky;inset-block-start:100px;flex-direction:column;}.elementor .scroll-tabs-content-area{width:70%;}.elementor .scroll-tab-trigger.e--selected{background-color:var(--primary-500);}