.elementor-813 .elementor-element.elementor-element-d4df3bc:not(.elementor-motion-effects-element-type-background), .elementor-813 .elementor-element.elementor-element-d4df3bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://accessiblecareliving.com.au/wp-content/uploads/2025/07/senior-man-at-home-in-lounge-having-blood-pressure-2022-04-04-21-27-31-utc.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-813 .elementor-element.elementor-element-d4df3bc > .elementor-background-overlay{background-color:#000000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-813 .elementor-element.elementor-element-d4df3bc > .elementor-container{max-width:1300px;min-height:558px;}.elementor-813 .elementor-element.elementor-element-d4df3bc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 0px 0px;}.elementor-813 .elementor-element.elementor-element-24b5c44.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-813 .elementor-element.elementor-element-24b5c44 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-813 .elementor-element.elementor-element-24b5eda{text-align:center;}.elementor-813 .elementor-element.elementor-element-24b5eda .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:77px;font-weight:900;text-transform:uppercase;color:#FFFFFF;}.elementor-813 .elementor-element.elementor-element-b120a76{text-align:center;}.elementor-813 .elementor-element.elementor-element-b120a76 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:20px;font-weight:700;color:#FFFFFF;}.elementor-813 .elementor-element.elementor-element-2b9cd62:not(.elementor-motion-effects-element-type-background), .elementor-813 .elementor-element.elementor-element-2b9cd62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F2F0;}.elementor-813 .elementor-element.elementor-element-2b9cd62 > .elementor-container{max-width:1300px;}.elementor-813 .elementor-element.elementor-element-2b9cd62{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-813 .elementor-element.elementor-element-2b9cd62 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-813 .elementor-element.elementor-element-e521e17.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-813 .elementor-element.elementor-element-e521e17 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-813 .elementor-element.elementor-element-d7bbae3{text-align:center;}.elementor-813 .elementor-element.elementor-element-d7bbae3 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:34px;font-weight:700;text-transform:uppercase;color:#15375D;}.elementor-813 .elementor-element.elementor-element-945f6e9{padding:40px 0px 40px 0px;text-align:center;}.elementor-813 .elementor-element.elementor-element-945f6e9 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:29px;font-weight:700;color:#15375D;}.elementor-813 .elementor-element.elementor-element-05a8d5a{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-primary-color:#000000;--e-form-steps-indicator-inactive-secondary-color:#FFFFFF;--e-form-steps-indicator-active-primary-color:#000000;--e-form-steps-indicator-active-secondary-color:#F48220;--e-form-steps-indicator-completed-primary-color:#14375D;--e-form-steps-indicator-completed-secondary-color:#FFFFFF;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-field-group{padding-right:calc( 20px/2 );padding-left:calc( 20px/2 );margin-bottom:25px;}.elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-form-fields-wrapper{margin-left:calc( -20px/2 );margin-right:calc( -20px/2 );margin-bottom:-25px;}.elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-field-group.recaptcha_v3-bottomleft, .elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-field-group > label, .elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-field-subgroup label{color:#15375D;}.elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-field-group > label{font-family:"Jost", Sans-serif;font-size:21px;font-weight:600;}.elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-field-type-html{padding-bottom:0px;color:#151515;}.elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-field-group .elementor-field{color:#000000;}.elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-field-group .elementor-field, .elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-field-subgroup label{font-family:"Jost", Sans-serif;font-size:18px;font-weight:600;line-height:35px;}.elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#F4F4F4;border-color:#811E81;}.elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-field-group .elementor-select-wrapper select{background-color:#F4F4F4;border-color:#811E81;}.elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-field-group .elementor-select-wrapper::before{color:#811E81;}.elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-button{font-family:"Jost", Sans-serif;font-size:18px;font-weight:500;border-radius:25px 25px 25px 25px;padding:15px 30px 15px 30px;}.elementor-813 .elementor-element.elementor-element-05a8d5a .e-form__buttons__wrapper__button-next{background-color:#F3821E;color:#ffffff;}.elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-button[type="submit"]{background-color:#F3821E;color:#ffffff;}.elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-813 .elementor-element.elementor-element-05a8d5a .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-813 .elementor-element.elementor-element-05a8d5a .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-813 .elementor-element.elementor-element-05a8d5a .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-813 .elementor-element.elementor-element-05a8d5a .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-813 .elementor-element.elementor-element-e1fa6c5:not(.elementor-motion-effects-element-type-background), .elementor-813 .elementor-element.elementor-element-e1fa6c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F2F0;}.elementor-813 .elementor-element.elementor-element-e1fa6c5 > .elementor-container{max-width:1300px;}.elementor-813 .elementor-element.elementor-element-e1fa6c5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-813 .elementor-element.elementor-element-e1fa6c5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-813 .elementor-element.elementor-element-ee76b64.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-813 .elementor-element.elementor-element-ee76b64 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-813 .elementor-element.elementor-element-db505fa{text-align:center;}.elementor-813 .elementor-element.elementor-element-db505fa .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:34px;font-weight:700;text-transform:uppercase;color:#15375D;}.elementor-813 .elementor-element.elementor-element-5bb2c4d .elementor-button{background-color:#00000000;font-family:"Helvetica", Sans-serif;font-size:17px;font-weight:600;text-transform:uppercase;fill:#017987;color:#017987;border-style:solid;border-color:#017987;border-radius:35px 35px 35px 35px;padding:17px 17px 17px 17px;}.elementor-813 .elementor-element.elementor-element-5bb2c4d .elementor-button:hover, .elementor-813 .elementor-element.elementor-element-5bb2c4d .elementor-button:focus{background-color:#15375D;color:#FFFFFF;}.elementor-813 .elementor-element.elementor-element-5bb2c4d{width:auto;max-width:auto;padding:0px 0px 0px 0px;}.elementor-813 .elementor-element.elementor-element-5bb2c4d .elementor-button-content-wrapper{flex-direction:row;}.elementor-813 .elementor-element.elementor-element-5bb2c4d .elementor-button:hover svg, .elementor-813 .elementor-element.elementor-element-5bb2c4d .elementor-button:focus svg{fill:#FFFFFF;}.elementor-813 .elementor-element.elementor-element-ca65329 .elementor-button{background-color:#00000000;font-family:"Helvetica", Sans-serif;font-size:17px;font-weight:600;fill:#F29100;color:#F29100;border-style:solid;border-color:#F29100;border-radius:35px 35px 35px 35px;padding:17px 17px 17px 17px;}.elementor-813 .elementor-element.elementor-element-ca65329 .elementor-button:hover, .elementor-813 .elementor-element.elementor-element-ca65329 .elementor-button:focus{background-color:#F7831D;color:#FFFFFF;}.elementor-813 .elementor-element.elementor-element-ca65329{width:auto;max-width:auto;padding:0px 0px 0px 20px;}.elementor-813 .elementor-element.elementor-element-ca65329 .elementor-button-content-wrapper{flex-direction:row;}.elementor-813 .elementor-element.elementor-element-ca65329 .elementor-button:hover svg, .elementor-813 .elementor-element.elementor-element-ca65329 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-813 .elementor-element.elementor-element-d37d628 .elementor-button{background-color:#00000000;font-family:"Helvetica", Sans-serif;font-size:17px;font-weight:600;fill:#821F81;color:#821F81;border-style:solid;border-color:#821F81;border-radius:35px 35px 35px 35px;padding:17px 17px 17px 17px;}.elementor-813 .elementor-element.elementor-element-d37d628 .elementor-button:hover, .elementor-813 .elementor-element.elementor-element-d37d628 .elementor-button:focus{background-color:#15375D;color:#FFFFFF;}.elementor-813 .elementor-element.elementor-element-d37d628{width:auto;max-width:auto;padding:0px 0px 0px 20px;}.elementor-813 .elementor-element.elementor-element-d37d628 .elementor-button-content-wrapper{flex-direction:row;}.elementor-813 .elementor-element.elementor-element-d37d628 .elementor-button:hover svg, .elementor-813 .elementor-element.elementor-element-d37d628 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-813 .elementor-element.elementor-element-b961af4{padding:40px 0px 40px 0px;text-align:center;}.elementor-813 .elementor-element.elementor-element-b961af4 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:29px;font-weight:700;color:#15375D;}.elementor-813 .elementor-element.elementor-element-a2ac5b9{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-primary-color:#000000;--e-form-steps-indicator-inactive-secondary-color:#FFFFFF;--e-form-steps-indicator-active-primary-color:#000000;--e-form-steps-indicator-active-secondary-color:#F48220;--e-form-steps-indicator-completed-primary-color:#14375D;--e-form-steps-indicator-completed-secondary-color:#FFFFFF;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-field-group{padding-right:calc( 20px/2 );padding-left:calc( 20px/2 );margin-bottom:25px;}.elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-form-fields-wrapper{margin-left:calc( -20px/2 );margin-right:calc( -20px/2 );margin-bottom:-25px;}.elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-field-group > label, .elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-field-subgroup label{color:#15375D;}.elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-field-group > label{font-family:"Jost", Sans-serif;font-size:21px;font-weight:600;}.elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-field-type-html{padding-bottom:0px;color:#151515;}.elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-field-group .elementor-field{color:#000000;}.elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-field-group .elementor-field, .elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-field-subgroup label{font-family:"Jost", Sans-serif;font-size:18px;font-weight:600;line-height:35px;}.elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#F4F4F4;border-color:#811E81;}.elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-field-group .elementor-select-wrapper select{background-color:#F4F4F4;border-color:#811E81;}.elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-field-group .elementor-select-wrapper::before{color:#811E81;}.elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-button{font-family:"Jost", Sans-serif;font-size:18px;font-weight:500;border-radius:25px 25px 25px 25px;padding:15px 30px 15px 30px;}.elementor-813 .elementor-element.elementor-element-a2ac5b9 .e-form__buttons__wrapper__button-next{background-color:#F3821E;color:#ffffff;}.elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-button[type="submit"]{background-color:#F3821E;color:#ffffff;}.elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-813 .elementor-element.elementor-element-a2ac5b9 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-813 .elementor-element.elementor-element-a2ac5b9 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-813 .elementor-element.elementor-element-a2ac5b9 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-813 .elementor-element.elementor-element-a2ac5b9 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-813 .elementor-element.elementor-element-0a8b38b:not(.elementor-motion-effects-element-type-background), .elementor-813 .elementor-element.elementor-element-0a8b38b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#54595F;background-image:url("https://accessiblecareliving.com.au/wp-content/uploads/2025/07/participate-in-community.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-813 .elementor-element.elementor-element-0a8b38b > .elementor-background-overlay{background-color:#000000;opacity:0.84;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-813 .elementor-element.elementor-element-0a8b38b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:6em 0em 6em 0em;}.elementor-813 .elementor-element.elementor-element-f70ed5f{text-align:center;}.elementor-813 .elementor-element.elementor-element-f70ed5f .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:42px;font-weight:600;color:#FFFFFF;}.elementor-813 .elementor-element.elementor-element-3fa3b59{text-align:center;font-family:"Jost", Sans-serif;font-size:22px;font-weight:400;color:#FFFFFF;}@media(min-width:1025px){.elementor-813 .elementor-element.elementor-element-0a8b38b:not(.elementor-motion-effects-element-type-background), .elementor-813 .elementor-element.elementor-element-0a8b38b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-813 .elementor-element.elementor-element-d4df3bc{padding:90px 0px 0px 0px;}.elementor-813 .elementor-element.elementor-element-24b5eda .elementor-heading-title{font-size:55px;}.elementor-813 .elementor-element.elementor-element-2b9cd62{padding:40px 40px 40px 40px;}.elementor-813 .elementor-element.elementor-element-05a8d5a{width:100%;max-width:100%;}.elementor-813 .elementor-element.elementor-element-0a8b38b{padding:3em 1em 3em 1em;}}@media(max-width:767px){.elementor-813 .elementor-element.elementor-element-d4df3bc > .elementor-container{min-height:450px;}.elementor-813 .elementor-element.elementor-element-d4df3bc{padding:0px 0px 0px 0px;}.elementor-813 .elementor-element.elementor-element-2b9cd62{padding:20px 20px 20px 20px;}.elementor-813 .elementor-element.elementor-element-d7bbae3{text-align:start;}.elementor-813 .elementor-element.elementor-element-d7bbae3 .elementor-heading-title{font-size:22px;}.elementor-813 .elementor-element.elementor-element-945f6e9{padding:0px 0px 0px 0px;text-align:start;}.elementor-813 .elementor-element.elementor-element-945f6e9 .elementor-heading-title{font-size:24px;line-height:1.3em;}.elementor-813 .elementor-element.elementor-element-0a8b38b{padding:40px 20px 40px 20px;}.elementor-813 .elementor-element.elementor-element-06f161c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-813 .elementor-element.elementor-element-f70ed5f{text-align:start;}.elementor-813 .elementor-element.elementor-element-f70ed5f .elementor-heading-title{font-size:25px;line-height:1.3em;}.elementor-813 .elementor-element.elementor-element-3fa3b59{text-align:start;}}/* Start custom CSS for heading, class: .elementor-element-24b5eda */.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 section, class: .elementor-element-2b9cd62 */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-e1fa6c5 */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 */