/* 
.home-1 .elevate .left-image img {
    transform: translateY(100%);
    visibility: hidden;
    opacity: 0;
    transition: all 800ms ease-in-out;
    transition-delay: 200ms;
}

.home-1 .elevate .left-image img.show {
    transform: translateY(0%);
    opacity: 1;
    visibility: visible;
}

.home-1 .elevate-1 .right-image img {
    transform: translateY(-100%);
    visibility: hidden;
    opacity: 0;
    transition: all 800ms ease-in-out;
    transition-delay: 200ms;
}

.home-1 .elevate-1 .right-image img.show {
    transform: translateY(0%);
    opacity: 1;
    visibility: visible;
}


.home-3 .container .guarantee {
    opacity: 0;
    transform: translateY(30%);
    visibility: hidden;
    transition: all 800ms ease-in-out;
    transition-delay: 300ms;
}

.home-3 .container .guarantee.show {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.home-4 .what-you-get .title h1 {
    translate: -100%;
    opacity: 0;
    transition: all 800ms ease-in;
    transition-delay: 300ms;
}

.home-4 .what-you-get .title.show h1 {
    translate: 0%;
    opacity: 1;
}

.home-4 .what-you-get .title .button {
    translate: 100%;
    opacity: 0;
    transition: all 800ms ease-in;
    transition-delay: 300ms;
}

.home-4 .what-you-get .title.show .button {
    translate: 0%;
    opacity: 1;
}

.home-4 .what-you-get .home-services .service-item .interior,
.home-4 .what-you-get .home-services .service-item .innovative,
.home-4 .what-you-get .home-services .service-item .bedroom,
.home-4 .what-you-get .home-services .service-item .home-improvement {
    translate: -100%;
    opacity: 0;
    transition: all 800ms ease-in;
    transition-delay: 300ms;
}

.home-4 .what-you-get .home-services .service-item.show .interior,
.home-4 .what-you-get .home-services .service-item.show .innovative,
.home-4 .what-you-get .home-services .service-item.show .bedroom,
.home-4 .what-you-get .home-services .service-item.show .home-improvement {
    translate: 0%;
    opacity: 1;
}

.home-4 .what-you-get .home-services .service-item .kitchen,
.home-4 .what-you-get .home-services .service-item .living-room {
    translate: 100%;
    opacity: 0;
    transition: all 800ms ease-in;
    transition-delay: 300ms;
}

.home-4 .what-you-get .home-services .service-item.show .kitchen,
.home-4 .what-you-get .home-services .service-item.show .living-room {
    translate: 0%;
    opacity: 1;
}

.home-5 .how-it-works .title:has(h1),
.home-5 .how-it-works .table tr,
.home-8 .refer-earn .middle-box table {
    transform: translateY(30%);
    visibility: hidden;
    opacity: 0;
    transition: all 800ms ease-in;
    transition-delay: 300ms;
}

.home-5 .how-it-works .title:has(h1.show),
.home-5 .how-it-works .table tr.show,
.home-8 .refer-earn .middle-box table.show {
    transform: translateY(0%);
    opacity: 1;
    visibility: visible;
}

.home-6 .partners .title-logos .title {
    translate: -100%;
    opacity: 0;
    transition: all 800ms ease-in;
    transition-delay: 300ms;
}

.home-6 .partners .title-logos .title.show {
    translate: 0%;
    opacity: 1;
}

.home-6 .partners .right-image img {
    translate: 100%;
    opacity: 0;
    transition: all 800ms ease-in;
    transition-delay: 300ms;
}

.home-6 .partners .right-image img.show {
    translate: 0%;
    opacity: 1;
}

.form-container .contact-form .form-title,
.home-8 .refer-earn .middle-box .title,
.home-8 .refer-earn .middle-box .price,
.form-container .left-image img {
    transform: translateY(100%);
    visibility: hidden;
    opacity: 0;
    transition: all 800ms ease-in;
    transition-delay: 300ms;
}

.form-container .contact-form .form-title.show,
.home-8 .refer-earn .middle-box .title.show,
.home-8 .refer-earn .middle-box .price.show,
.form-container .left-image img.show {
    transform: translateY(0%);
    opacity: 1;
    visibility: visible;
}

.form-container .right-image img {
    transform: translateY(-100%);
    visibility: hidden;
    opacity: 0;
    transition: all 800ms ease-in;
    transition-delay: 300ms;
}

.form-container .right-image img.show {
    transform: translateY(0%);
    opacity: 1;
    visibility: visible;
}

.circles .circle-gallery .circle-item:nth-child(1) img,
.circles .circle-gallery .circle-item:nth-child(2) img {
    translate: -100%;
    opacity: 0;
    transition: all 800ms ease-in;
    transition-delay: 300ms;
}

.circles .circle-gallery .circle-item:nth-child(3) img,
.circles .circle-gallery .circle-item:nth-child(4) img {
    translate: 100%;
    opacity: 0;
    transition: all 800ms ease-in;
    transition-delay: 300ms;
}

.circles .circle-gallery .circle-item img.show {
    translate: 0%;
    opacity: 1;
} */


/* Base animation state */
.fade-up,
.fade-down,
.fade-left,
.fade-right {
    opacity: 0;
    transition: 0.6s ease-out;
}

.delay-1 {
    transition-delay: 0.1s;
}

.delay-2 {
    transition-delay: 0.2s;
}

.delay-3 {
    transition-delay: 0.3s;
}

.delay-4 {
    transition-delay: 0.4s;
}


/* Fade Up */
.fade-up {
    transform: translateY(100px);
    visibility: hidden;
}

.fade-up.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Fade Down */
.fade-down {
    transform: translateY(-100px);
}

.fade-down.show {
    opacity: 1;
    transform: translateY(0);
}

/* Fade Left */
.fade-left {
    transform: translateX(-100%);
}

.fade-left.show {
    opacity: 1;
    transform: translateX(0);
}

/* Fade Right */
.fade-right {
    transform: translateX(100%);
}

.fade-right.show {
    opacity: 1;
    transform: translateX(0);
}