/* Animation Start Css */

/* Initial state before animation */
.psg-home-slider-title, .psg-home-slider-content {
    opacity: 0;
    transform: translateX(-100px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}
.psg-home-slider-content {
    transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}

/* Final state after animation */
.psg-home-slider-title.fade-in, .psg-home-slider-content.fade-in {
    opacity: 1;
    transform: translateX(0);
}

/* Initial state before animation */
.psg-home-slider-btn-wrp {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}

/* Final state after animation */
.psg-home-slider-btn-wrp.fade-up {
    opacity: 1;
    transform: translateY(0);
}

/* Initial state before animation */
.psg-home-slider-shape-three {
    opacity: 0;
    transform: translateX(100px); /* Change to translateX(100px) for fading in from the right */
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

/* Final state after animation */
.psg-home-slider-shape-three.fade-right {
    opacity: 1;
    transform: translateX(0);
}