.usps-items {    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;}
.usps-items.visible {visibility: visible !important; opacity: 1 !important;}

.text-usps__content {
    opacity: 0;
    transition: 1000ms all 500ms ease-in-out;
}

.visible .text-usps__content {
    opacity: 1;
}

.text-usps__content:nth-child(1) {
    transform: translateX(-8rem);

}

.visible .text-usps__content:nth-child(1) {
    transform: translateX(0);
    
}

.text-usps__content:nth-child(2) {
    transform: translateY(-8rem);

}

.visible .text-usps__content:nth-child(2) {
    transform: translateX(0);
    
}

.text-usps__content:nth-child(3) {
    transform: translateX(8rem);
    

}

.visible .text-usps__content:nth-child(3) {
    transform: translateX(0);
    
}

/* 
@keyframes fade-left {
    0% {
        opacity: 0;
        transform: translateX(8rem/* 32px );
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.visible .animate-fade-left {
    animation: 1s fade-left 3s both !important;
}

@keyframes fade-right {
    0% {
        opacity: 0;
        transform: translateX(-8rem/* -32px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.visible .animate-fade-right {
    animation: 1s fade-right 3s both !important;
}

@keyframes fade-up {
    0% {
        opacity: 0;
        transform: translateY(8rem/* 32px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.visible .animate-fade-up {
    animation: 1s fade-up 3s both !important;
} */