.elementor-701 .elementor-element.elementor-element-f6b79de:not(.elementor-motion-effects-element-type-background), .elementor-701 .elementor-element.elementor-element-f6b79de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://accessiblecareliving.com.au/wp-content/uploads/2025/07/APA.jpg");background-position:center center;background-size:cover;}.elementor-701 .elementor-element.elementor-element-f6b79de > .elementor-background-overlay{background-color:#000000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-701 .elementor-element.elementor-element-f6b79de > .elementor-container{max-width:1300px;min-height:350px;}.elementor-701 .elementor-element.elementor-element-f6b79de{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 0px 0px;}.elementor-701 .elementor-element.elementor-element-a8a4967.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-701 .elementor-element.elementor-element-a8a4967 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-701 .elementor-element.elementor-element-b466fdd{text-align:center;}.elementor-701 .elementor-element.elementor-element-b466fdd .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:77px;font-weight:900;text-transform:uppercase;color:#FFFFFF;}.elementor-701 .elementor-element.elementor-element-735686d{text-align:center;}.elementor-701 .elementor-element.elementor-element-735686d .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:20px;font-weight:700;color:#FFFFFF;}.elementor-701 .elementor-element.elementor-element-249151c .elementor-button{background-color:#14375D;font-family:"Helvetica", Sans-serif;font-size:17px;font-weight:600;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;padding:15px 15px 15px 15px;}.elementor-701 .elementor-element.elementor-element-249151c{width:auto;max-width:auto;padding:20px 0px 0px 0px;border-radius:2px 2px 2px 2px;}.elementor-701 .elementor-element.elementor-element-3439942 > .elementor-container{max-width:1300px;}.elementor-701 .elementor-element.elementor-element-3439942{padding:50px 0px 50px 0px;}.elementor-701 .elementor-element.elementor-element-35d6df3 img{border-radius:10px 10px 10px 10px;}.elementor-bc-flex-widget .elementor-701 .elementor-element.elementor-element-adc4d4e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-701 .elementor-element.elementor-element-adc4d4e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-701 .elementor-element.elementor-element-eaa043f{padding:50px 0px 50px 0px;}.elementor-701 .elementor-element.elementor-element-9b89c2a .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:26px;font-weight:700;line-height:36px;color:#000000;}.elementor-701 .elementor-element.elementor-element-5e0d546{font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;line-height:24px;color:#000000;}.elementor-bc-flex-widget .elementor-701 .elementor-element.elementor-element-2fb3c8e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-701 .elementor-element.elementor-element-2fb3c8e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-701 .elementor-element.elementor-element-9500ec9{padding:50px 0px 50px 0px;}.elementor-701 .elementor-element.elementor-element-a4f84f2 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:26px;font-weight:700;line-height:36px;color:#000000;}.elementor-701 .elementor-element.elementor-element-71911ff{font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;line-height:24px;color:#000000;}.elementor-701 .elementor-element.elementor-element-1c1607b img{border-radius:10px 10px 10px 10px;}.elementor-701 .elementor-element.elementor-element-035ec35 > .elementor-container{max-width:1300px;}.elementor-701 .elementor-element.elementor-element-035ec35{padding:0px 0px 50px 0px;}.elementor-701 .elementor-element.elementor-element-bb2261b img{border-radius:10px 10px 10px 10px;}.elementor-bc-flex-widget .elementor-701 .elementor-element.elementor-element-1cbed25.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-701 .elementor-element.elementor-element-1cbed25.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-701 .elementor-element.elementor-element-13098ee{padding:50px 0px 50px 0px;}.elementor-701 .elementor-element.elementor-element-76e431a .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:26px;font-weight:700;line-height:36px;color:#000000;}.elementor-701 .elementor-element.elementor-element-d7a58d7{font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;line-height:24px;color:#000000;}.elementor-bc-flex-widget .elementor-701 .elementor-element.elementor-element-c72463b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-701 .elementor-element.elementor-element-c72463b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-701 .elementor-element.elementor-element-6d63684{padding:50px 0px 50px 0px;}.elementor-701 .elementor-element.elementor-element-e822d5c .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:26px;font-weight:700;line-height:36px;color:#000000;}.elementor-701 .elementor-element.elementor-element-23571a1{font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;line-height:24px;color:#000000;}.elementor-701 .elementor-element.elementor-element-b955947 img{border-radius:10px 10px 10px 10px;}.elementor-701 .elementor-element.elementor-element-8f34d64 > .elementor-container{max-width:1300px;}.elementor-701 .elementor-element.elementor-element-8f34d64{padding:0px 0px 50px 0px;}.elementor-701 .elementor-element.elementor-element-0128ec7 img{border-radius:10px 10px 10px 10px;}.elementor-bc-flex-widget .elementor-701 .elementor-element.elementor-element-9c9e8a4.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-701 .elementor-element.elementor-element-9c9e8a4.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-701 .elementor-element.elementor-element-99b935e{padding:50px 0px 50px 0px;}.elementor-701 .elementor-element.elementor-element-014d713 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:26px;font-weight:700;line-height:36px;color:#000000;}.elementor-701 .elementor-element.elementor-element-3f8e4f4{font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;line-height:24px;color:#000000;}.elementor-bc-flex-widget .elementor-701 .elementor-element.elementor-element-9cce402.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-701 .elementor-element.elementor-element-9cce402.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-701 .elementor-element.elementor-element-affd673{padding:50px 0px 50px 0px;}.elementor-701 .elementor-element.elementor-element-112f407 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:26px;font-weight:700;line-height:36px;color:#000000;}.elementor-701 .elementor-element.elementor-element-a6cf1a5{font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;line-height:24px;color:#000000;}.elementor-701 .elementor-element.elementor-element-926ad4d img{border-radius:10px 10px 10px 10px;}.elementor-701 .elementor-element.elementor-element-78652b2 > .elementor-container{max-width:1300px;}.elementor-701 .elementor-element.elementor-element-78652b2{padding:0px 0px 50px 0px;}.elementor-701 .elementor-element.elementor-element-bf91b3a img{border-radius:10px 10px 10px 10px;}.elementor-bc-flex-widget .elementor-701 .elementor-element.elementor-element-1345e99.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-701 .elementor-element.elementor-element-1345e99.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-701 .elementor-element.elementor-element-e742025{padding:50px 0px 50px 0px;}.elementor-701 .elementor-element.elementor-element-2b95b10 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:26px;font-weight:700;line-height:36px;color:#000000;}.elementor-701 .elementor-element.elementor-element-b90ab10{font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;line-height:24px;color:#000000;}.elementor-bc-flex-widget .elementor-701 .elementor-element.elementor-element-57d4a82.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-701 .elementor-element.elementor-element-57d4a82.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-701 .elementor-element.elementor-element-729c63c{padding:50px 0px 50px 0px;}.elementor-701 .elementor-element.elementor-element-cf8330c .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:26px;font-weight:700;line-height:36px;color:#000000;}.elementor-701 .elementor-element.elementor-element-0f29392{font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;line-height:24px;color:#000000;}.elementor-701 .elementor-element.elementor-element-48e7d9a img{border-radius:10px 10px 10px 10px;}.elementor-701 .elementor-element.elementor-element-f5d0929 img{border-radius:10px 10px 10px 10px;}.elementor-bc-flex-widget .elementor-701 .elementor-element.elementor-element-7764e35.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-701 .elementor-element.elementor-element-7764e35.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-701 .elementor-element.elementor-element-7154a84{padding:50px 0px 50px 0px;}.elementor-701 .elementor-element.elementor-element-3460f16 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:26px;font-weight:700;line-height:36px;color:#000000;}.elementor-701 .elementor-element.elementor-element-e9fe355{font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;line-height:24px;color:#000000;}.elementor-701 .elementor-element.elementor-element-44fdbc3:not(.elementor-motion-effects-element-type-background), .elementor-701 .elementor-element.elementor-element-44fdbc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#14375D;}.elementor-701 .elementor-element.elementor-element-44fdbc3 > .elementor-container{max-width:1240px;}.elementor-701 .elementor-element.elementor-element-44fdbc3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:48px 0px 48px 0px;}.elementor-701 .elementor-element.elementor-element-44fdbc3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-701 .elementor-element.elementor-element-44fdbc3 .elementor-heading-title{color:#FFFFFF;}.elementor-701 .elementor-element.elementor-element-5136f49 > .elementor-container{max-width:1240px;}.elementor-701 .elementor-element.elementor-element-ea4117c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:10px;}.elementor-701 .elementor-element.elementor-element-a39dca3 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:48px;font-weight:900;color:#FFFFFF;}.elementor-701 .elementor-element.elementor-element-4dce380{font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;color:#FFFFFF;}.elementor-701 .elementor-element.elementor-element-0fb6b05 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:26px;font-weight:900;color:#FFFFFF;}.elementor-701 .elementor-element.elementor-element-eff7bb1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-701 .elementor-element.elementor-element-eff7bb1 .elementor-button span{gap:16px;}.elementor-701 .elementor-element.elementor-element-eff7bb1 .elementor-field-group{padding-right:calc( 16px/2 );padding-left:calc( 16px/2 );margin-bottom:16px;}.elementor-701 .elementor-element.elementor-element-eff7bb1 .elementor-form-fields-wrapper{margin-left:calc( -16px/2 );margin-right:calc( -16px/2 );margin-bottom:-16px;}.elementor-701 .elementor-element.elementor-element-eff7bb1 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-701 .elementor-element.elementor-element-eff7bb1 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-701 .elementor-element.elementor-element-eff7bb1 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-701 .elementor-element.elementor-element-eff7bb1 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-701 .elementor-element.elementor-element-eff7bb1 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-701 .elementor-element.elementor-element-eff7bb1 .elementor-field-type-html{padding-bottom:0px;}.elementor-701 .elementor-element.elementor-element-eff7bb1 .elementor-field-group .elementor-field{color:#000000;}.elementor-701 .elementor-element.elementor-element-eff7bb1 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF;border-color:#435589;border-width:1px 1px 1px 1px;border-radius:1px 1px 1px 1px;}.elementor-701 .elementor-element.elementor-element-eff7bb1 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-color:#435589;border-width:1px 1px 1px 1px;border-radius:1px 1px 1px 1px;}.elementor-701 .elementor-element.elementor-element-eff7bb1 .elementor-field-group .elementor-select-wrapper::before{color:#435589;}.elementor-701 .elementor-element.elementor-element-eff7bb1 .e-form__buttons__wrapper__button-next{background-color:#F3821E;color:#ffffff;}.elementor-701 .elementor-element.elementor-element-eff7bb1 .elementor-button[type="submit"]{background-color:#F3821E;color:#ffffff;}.elementor-701 .elementor-element.elementor-element-eff7bb1 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-701 .elementor-element.elementor-element-eff7bb1 .e-form__buttons__wrapper__button-previous{background-color:#F3821E;color:#ffffff;}.elementor-701 .elementor-element.elementor-element-eff7bb1 .e-form__buttons__wrapper__button-next:hover{background-color:#FAFBFD;color:#E12355;}.elementor-701 .elementor-element.elementor-element-eff7bb1 .elementor-button[type="submit"]:hover{background-color:#FAFBFD;color:#E12355;}.elementor-701 .elementor-element.elementor-element-eff7bb1 .elementor-button[type="submit"]:hover svg *{fill:#E12355;}.elementor-701 .elementor-element.elementor-element-eff7bb1 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-701 .elementor-element.elementor-element-eff7bb1{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:1024px) and (min-width:768px){.elementor-701 .elementor-element.elementor-element-388b9d5{width:100%;}.elementor-701 .elementor-element.elementor-element-adc4d4e{width:100%;}.elementor-701 .elementor-element.elementor-element-2fb3c8e{width:100%;}.elementor-701 .elementor-element.elementor-element-441fbde{width:100%;}.elementor-701 .elementor-element.elementor-element-89b4551{width:100%;}.elementor-701 .elementor-element.elementor-element-1cbed25{width:100%;}.elementor-701 .elementor-element.elementor-element-c72463b{width:100%;}.elementor-701 .elementor-element.elementor-element-a5355ed{width:100%;}.elementor-701 .elementor-element.elementor-element-be5c516{width:100%;}.elementor-701 .elementor-element.elementor-element-9c9e8a4{width:100%;}.elementor-701 .elementor-element.elementor-element-9cce402{width:100%;}.elementor-701 .elementor-element.elementor-element-33fea32{width:100%;}.elementor-701 .elementor-element.elementor-element-66c6762{width:100%;}.elementor-701 .elementor-element.elementor-element-1345e99{width:100%;}.elementor-701 .elementor-element.elementor-element-57d4a82{width:100%;}.elementor-701 .elementor-element.elementor-element-95a88ea{width:100%;}.elementor-701 .elementor-element.elementor-element-28baebc{width:100%;}.elementor-701 .elementor-element.elementor-element-7764e35{width:100%;}.elementor-701 .elementor-element.elementor-element-ea4117c{width:100%;}.elementor-701 .elementor-element.elementor-element-6930370{width:100%;}}@media(max-width:1024px){.elementor-701 .elementor-element.elementor-element-f6b79de{padding:91px 0px 0px 0px;}.elementor-701 .elementor-element.elementor-element-3439942{padding:30px 40px 30px 40px;}.elementor-701 .elementor-element.elementor-element-035ec35{padding:30px 40px 30px 40px;}.elementor-701 .elementor-element.elementor-element-8f34d64{padding:30px 40px 30px 40px;}.elementor-701 .elementor-element.elementor-element-78652b2{padding:30px 40px 30px 40px;}.elementor-701 .elementor-element.elementor-element-44fdbc3{padding:20px 40px 20px 40px;}.elementor-701 .elementor-element.elementor-element-5c7ea72 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-701 .elementor-element.elementor-element-a39dca3 .elementor-heading-title{font-size:38px;}.elementor-701 .elementor-element.elementor-element-0fb6b05 .elementor-heading-title{font-size:38px;}}@media(max-width:767px){.elementor-701 .elementor-element.elementor-element-f6b79de{padding:80px 20px 40px 20px;}.elementor-701 .elementor-element.elementor-element-a8a4967 > .elementor-element-populated{padding:200px 0px 0px 0px;}.elementor-701 .elementor-element.elementor-element-b466fdd .elementor-heading-title{font-size:38px;}.elementor-701 .elementor-element.elementor-element-3439942{padding:30px 20px 30px 20px;}.elementor-701 .elementor-element.elementor-element-ea9f7fa > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-701 .elementor-element.elementor-element-035ec35{padding:30px 20px 30px 20px;}.elementor-701 .elementor-element.elementor-element-eb50523 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-701 .elementor-element.elementor-element-8f34d64{padding:30px 20px 30px 20px;}.elementor-701 .elementor-element.elementor-element-8ad0282 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-701 .elementor-element.elementor-element-78652b2{padding:30px 20px 30px 20px;}.elementor-701 .elementor-element.elementor-element-7c8c08f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-701 .elementor-element.elementor-element-44fdbc3{padding:20px 20px 20px 20px;}.elementor-701 .elementor-element.elementor-element-a39dca3 .elementor-heading-title{font-size:27px;line-height:1.2em;}.elementor-701 .elementor-element.elementor-element-0fb6b05{text-align:start;}.elementor-701 .elementor-element.elementor-element-0fb6b05 .elementor-heading-title{font-size:27px;}}/* Start custom CSS for heading, class: .elementor-element-b466fdd */.animated-header {
  --text-color: #ffffff00; /* Text fill color */
  --stroke-color: #fff; /* Outer stroke and fill color */
  --animation-duration: 5s; /* Duration of the animation */

  position: relative;
  color: var(--stroke-color);
  -webkit-text-stroke: 1px var(--stroke-color); /* Outer stroke */
  background: linear-gradient(
      90deg,
      var(--text-color) 50%,
      var(--stroke-color) 0
    )
    0 0 / 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: text-fill var(--animation-duration) linear infinite; /* Animation plays in loop */
}

/* Text fill animation starting from left to right */
@keyframes text-fill {
  0% {
    background-position: 200% 0; /* Start from the right */
  }
  100% {
    background-position: 0 0; /* End at the left */
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-249151c *//*Fill box*/
.my-btn .elementor-button::before{
    content:'';
    position: absolute;
    background: #000; /*<-- Change fill color here*/
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: right; /*<-- Change fill out direction*/
    transition: transform .4s ease; /*<-- Change fill speed */
}

/*Hover class*/
.my-btn .elementor-button:hover::before{
    transform: scaleX(1);
    transform-origin: left; /*<-- Change fill in direction*/

}

/*Button text*/
.my-btn .elementor-button-text{
    z-index: 1;
}

/*Hover Icon*/
.my-btn:hover .elementor-button-icon{
    color: white; /*<-- Change Icon color here*/
    z-index: 1;
    transition: color .5s ease
}

/*Icon size */
.my-btn .elementor-button-icon{
    transform: scale(1); /*<-- Change icon size*/
    padding-left: 0;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3439942 */CSS Scroll Animations Code
Classes

rotate-image

fade-text-single

fade-text-multi

blur-text

--------------------------

CSS

/* For rotating wheel */
.rotate-image {
    animation: rotateOnScroll linear;
    animation-timeline: view();
    animation-range: entry 0% cover 100%;
    animation-fill-mode: both;
    will-change: transform;
    transform-origin: center; /* Ensures rotation happens from its own center */
}

@keyframes rotateOnScroll {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* For single-line headings */
.fade-text-single {
    animation: fadeZoomIn both;
    animation-timeline: view();
    animation-range: entry 100% cover 40%;
    animation-fill-mode: both;
}

/* For multi-line content (image + text) */
.fade-text-multi {
    animation: fadeZoomIn both;
    animation-timeline: view();
    animation-range: entry 50% cover 40%;
    animation-fill-mode: both;
    will-change: opacity, transform;
}


@keyframes fadeZoomIn {
    from {
        opacity: 0;
        transform: translateY(80px) scale(0.1);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


/* Seamless smooth blur effect on scroll */
.blur-text {
    animation: blurOnScroll both ease-in-out;
    animation-timeline: view();
    animation-range: entry 150% cover 80%;
    animation-fill-mode: both;
    will-change: filter;
}

@keyframes blurOnScroll {
    0% {
        filter: blur(20px);
        opacity: 1;
    }
    20% {
        filter: blur(5px);
    }
    40% {
        filter: blur(1px); /* Soft blur before full clarity */
        opacity: 1;
    }
    50% {
        filter: blur(0px); /* Fully visible */
        opacity: 1;
    }
    60% {
        filter: blur(1px); /* Light blur starts */
    }
    80% {
        filter: blur(5px);
    }
    100% {
        filter: blur(20px);
        opacity: 1; /* Fully blurred again */
    }
}

.fade-text-single {
    animation: fadeZoomIn both;
    animation-timeline: view();
    animation-range: entry 100% cover 80%; /* Increased from 40% */
    animation-fill-mode: both;
}

.fade-text-multi {
    animation: fadeZoomIn both;
    animation-timeline: view();
    animation-range: entry 50% cover 80%; /* Increased from 40% */
    animation-fill-mode: both;
    will-change: opacity, transform;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-035ec35 */CSS Scroll Animations Code
Classes

rotate-image

fade-text-single

fade-text-multi

blur-text

--------------------------

CSS

/* For rotating wheel */
.rotate-image {
    animation: rotateOnScroll linear;
    animation-timeline: view();
    animation-range: entry 0% cover 100%;
    animation-fill-mode: both;
    will-change: transform;
    transform-origin: center; /* Ensures rotation happens from its own center */
}

@keyframes rotateOnScroll {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* For single-line headings */
.fade-text-single {
    animation: fadeZoomIn both;
    animation-timeline: view();
    animation-range: entry 100% cover 40%;
    animation-fill-mode: both;
}

/* For multi-line content (image + text) */
.fade-text-multi {
    animation: fadeZoomIn both;
    animation-timeline: view();
    animation-range: entry 50% cover 40%;
    animation-fill-mode: both;
    will-change: opacity, transform;
}


@keyframes fadeZoomIn {
    from {
        opacity: 0;
        transform: translateY(80px) scale(0.1);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


/* Seamless smooth blur effect on scroll */
.blur-text {
    animation: blurOnScroll both ease-in-out;
    animation-timeline: view();
    animation-range: entry 150% cover 80%;
    animation-fill-mode: both;
    will-change: filter;
}

@keyframes blurOnScroll {
    0% {
        filter: blur(20px);
        opacity: 1;
    }
    20% {
        filter: blur(5px);
    }
    40% {
        filter: blur(1px); /* Soft blur before full clarity */
        opacity: 1;
    }
    50% {
        filter: blur(0px); /* Fully visible */
        opacity: 1;
    }
    60% {
        filter: blur(1px); /* Light blur starts */
    }
    80% {
        filter: blur(5px);
    }
    100% {
        filter: blur(20px);
        opacity: 1; /* Fully blurred again */
    }
}

.fade-text-single {
    animation: fadeZoomIn both;
    animation-timeline: view();
    animation-range: entry 100% cover 80%; /* Increased from 40% */
    animation-fill-mode: both;
}

.fade-text-multi {
    animation: fadeZoomIn both;
    animation-timeline: view();
    animation-range: entry 50% cover 80%; /* Increased from 40% */
    animation-fill-mode: both;
    will-change: opacity, transform;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-8f34d64 */CSS Scroll Animations Code
Classes

rotate-image

fade-text-single

fade-text-multi

blur-text

--------------------------

CSS

/* For rotating wheel */
.rotate-image {
    animation: rotateOnScroll linear;
    animation-timeline: view();
    animation-range: entry 0% cover 100%;
    animation-fill-mode: both;
    will-change: transform;
    transform-origin: center; /* Ensures rotation happens from its own center */
}

@keyframes rotateOnScroll {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* For single-line headings */
.fade-text-single {
    animation: fadeZoomIn both;
    animation-timeline: view();
    animation-range: entry 100% cover 40%;
    animation-fill-mode: both;
}

/* For multi-line content (image + text) */
.fade-text-multi {
    animation: fadeZoomIn both;
    animation-timeline: view();
    animation-range: entry 50% cover 40%;
    animation-fill-mode: both;
    will-change: opacity, transform;
}


@keyframes fadeZoomIn {
    from {
        opacity: 0;
        transform: translateY(80px) scale(0.1);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


/* Seamless smooth blur effect on scroll */
.blur-text {
    animation: blurOnScroll both ease-in-out;
    animation-timeline: view();
    animation-range: entry 150% cover 80%;
    animation-fill-mode: both;
    will-change: filter;
}

@keyframes blurOnScroll {
    0% {
        filter: blur(20px);
        opacity: 1;
    }
    20% {
        filter: blur(5px);
    }
    40% {
        filter: blur(1px); /* Soft blur before full clarity */
        opacity: 1;
    }
    50% {
        filter: blur(0px); /* Fully visible */
        opacity: 1;
    }
    60% {
        filter: blur(1px); /* Light blur starts */
    }
    80% {
        filter: blur(5px);
    }
    100% {
        filter: blur(20px);
        opacity: 1; /* Fully blurred again */
    }
}

.fade-text-single {
    animation: fadeZoomIn both;
    animation-timeline: view();
    animation-range: entry 100% cover 80%; /* Increased from 40% */
    animation-fill-mode: both;
}

.fade-text-multi {
    animation: fadeZoomIn both;
    animation-timeline: view();
    animation-range: entry 50% cover 80%; /* Increased from 40% */
    animation-fill-mode: both;
    will-change: opacity, transform;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-78652b2 */CSS Scroll Animations Code
Classes

rotate-image

fade-text-single

fade-text-multi

blur-text

--------------------------

CSS

/* For rotating wheel */
.rotate-image {
    animation: rotateOnScroll linear;
    animation-timeline: view();
    animation-range: entry 0% cover 100%;
    animation-fill-mode: both;
    will-change: transform;
    transform-origin: center; /* Ensures rotation happens from its own center */
}

@keyframes rotateOnScroll {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* For single-line headings */
.fade-text-single {
    animation: fadeZoomIn both;
    animation-timeline: view();
    animation-range: entry 100% cover 40%;
    animation-fill-mode: both;
}

/* For multi-line content (image + text) */
.fade-text-multi {
    animation: fadeZoomIn both;
    animation-timeline: view();
    animation-range: entry 50% cover 40%;
    animation-fill-mode: both;
    will-change: opacity, transform;
}


@keyframes fadeZoomIn {
    from {
        opacity: 0;
        transform: translateY(80px) scale(0.1);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


/* Seamless smooth blur effect on scroll */
.blur-text {
    animation: blurOnScroll both ease-in-out;
    animation-timeline: view();
    animation-range: entry 150% cover 80%;
    animation-fill-mode: both;
    will-change: filter;
}

@keyframes blurOnScroll {
    0% {
        filter: blur(20px);
        opacity: 1;
    }
    20% {
        filter: blur(5px);
    }
    40% {
        filter: blur(1px); /* Soft blur before full clarity */
        opacity: 1;
    }
    50% {
        filter: blur(0px); /* Fully visible */
        opacity: 1;
    }
    60% {
        filter: blur(1px); /* Light blur starts */
    }
    80% {
        filter: blur(5px);
    }
    100% {
        filter: blur(20px);
        opacity: 1; /* Fully blurred again */
    }
}

.fade-text-single {
    animation: fadeZoomIn both;
    animation-timeline: view();
    animation-range: entry 100% cover 80%; /* Increased from 40% */
    animation-fill-mode: both;
}

.fade-text-multi {
    animation: fadeZoomIn both;
    animation-timeline: view();
    animation-range: entry 50% cover 80%; /* Increased from 40% */
    animation-fill-mode: both;
    will-change: opacity, transform;
}/* End custom CSS */