.c-screens__image {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.wpblzScreenHide {
    opacity: 0;
    transform: translateY(50px); /* Slight move for effect */
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.wpblzScreenShow {
    opacity: 1;
    transform: translateY(0); /* Reset position */
    transition: opacity 0.5s ease, transform 0.5s ease;
}
.wpblzScreen1 {
  z-index: 6;
}
.wpblzScreen2 {
  z-index: 5;
}
.wpblzScreen3 {
  z-index: 4;
}
.wpblzScreen4 {
  z-index: 3;
}
.wpblzScreen5 {
  z-index: 2;
}
.wpblzScreen6 {
  z-index: 1;
}
.wpblzAnimatedScrollText{
  display: inline-block;
  position: unset !important;
}
.wpblzAnimiHeader .scrollmagic-pin-spacer {
    inset: auto !important;
    margin: 0px 0px 16px !important;
    display: inline-block !important;
    min-height: 50px !important;
    height: auto !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    min-width: 53px !important;
    width: auto !important;
}
.wpblzBannerOrangeAnimiSection {
    padding-top: 90px;
    height: 100vh;
    background-image: linear-gradient(to right, #FE58034D, #ffffff, #FE58034D, #ffffff, #FE58034D);
    background-size: 600%;
    background-position: 0 0;
    box-shadow: inset 0 0 5em #FE58034D;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-name: gradients;
    overflow: hidden;
}
.wpblzBannerNormalSection {
    padding-top: 90px;
    height: fit-content;
    background-image: linear-gradient(to right, #4e2510, #171514, #4e2510, #171514, #4e2510);
    background-size: 600%;
    background-position: 0 0;
    box-shadow: inset 0 0 5em rgba(0, 0, 0, 0.5);
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-name: gradients;
    overflow: hidden;
}
.wpblzborderAnimation {
    display: block;
    margin: auto;
    margin-right: 0;
    background: conic-gradient(from var(--angle), #fd6104, #1a91c4, #a91818, #210097, #fd6104);
    animation: 8s rainbowAnimation linear infinite;
    background-origin: border-box;
    background-clip: content-box, border-box;
    position: relative; /* Important for positioning the overlay */
}
/* home mobile section */
.wpblzhmHoe-container {
    position: fixed;
    bottom: 10px;
    left: 10%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.wpblzhmHoe-text-box {
    padding: 10px;
    background-color: lightgray;
    border-radius: 5px;
    transition: all 0.3s ease;
}
@media only screen and (max-width: 1000px) {
    .wpblzBannerOrangeAnimiSection{
        height: fit-content;
    }
}