.homeliftimg {
    position: relative;
    top: 47rem;
    left: 5.5rem;
    width: 23%;
    z-index: 9999;
}



.center-message {
    text-align: center;
    position: relative;
    min-height: 110vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 0 1rem;
}

.center-message h1 {
font-family: 'Gilroy';
    font-size: 4rem;
    color: #eb660e;
    margin-bottom: -2.2rem;
}

.center-message p {
font-family: 'Gilroy';
    font-size: 2rem;
    color: #585858;
    margin-bottom: 1.625rem;
    width: 100rem;
}

.center-message h2 {
    font-family: 'DB Adman X';
    font-size: 2.5rem;
    color: #585858;
    margin-bottom: -0.5rem;
}

.center-message p2 {
font-family: 'DB Adman X';
    font-size: 1.6rem;
    color: #585858;
}

.center-message .p2 {
font-family: 'DB Adman X';
    font-size: 1.6rem;
    margin-top: -1rem;

}

.static-image1 {
width: 10%;
    height: auto;
    margin-bottom: -30rem;
    margin-left: 22rem;
    display: block;
}

.static-image2 {
width: 14%;
    height: auto;
    margin-bottom: -10rem;
    margin-left: 77rem;
    display: block;
}


.static-image4 {
    width: 11%;
    height: auto;
    margin-bottom: -16rem;
    margin-left: 79rem;
    display: block;
}

.static-image5 {
max-width: 35rem;
    width: 100%;
    height: auto;
    margin-bottom: -2rem;
    display: block;
}


/* Animation Fade Up */
.fade-up {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

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

@keyframes floatXYRotate {
  0%   { transform: translate(10px, 20px) rotate(0deg); }
  25%  { transform: translate(13px, -42px) rotate(3deg); }
  50%  { transform: translate(-32px, 22px) rotate(-5deg); }
  75%  { transform: translate(23px, -28px) rotate(0.7deg); }
  100% { transform: translate(10px, 20px) rotate(0deg); }
}

@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

.floaty-y {
  animation: floatY 3.5s ease-in-out infinite;
}

.floaty-xy-rotate {
  animation: floatXYRotate 5s ease-in-out infinite;
}

.image-fade-wrapper {
  display: inline-block;
  margin-bottom: 2rem;
}

@media (min-width: 1200px) and (max-width: 1599px) {

  .center-message {
text-align: left;
        padding: 10rem 5rem;
        align-items: flex-start;
}


  



.center-message h1 {
font-size: 3.5rem;
        margin-bottom: -1.8rem;
        width: 32rem;
}

.center-message h2 {
font-size: 2rem;
        margin-bottom: 0.5rem;
}

.center-message p {
font-size: 1.8rem;
        margin-top: 5rem;
        width: 38rem;
}

.center-message p2 {
font-size: 1.8rem;
        margin-top: 1rem;
        width: 37rem;
}

.static-image1 {
width: 14%;
        margin-bottom: -16rem;
        margin-left: 36rem;

}

.static-image2 {
width: 18%;
        margin-bottom: -14rem;
        margin-left: 44rem;
    }

.static-image4 {
width: 18%;
        margin-bottom: -25rem;
        margin-left: 40rem;
}


.static-image5 {
width: 43%;
        margin-bottom: -17rem;
        margin-left: 39rem;
}

  }
  
@media (min-width: 992px) and (max-width: 1199px) {

  .center-message {
text-align: left;
        padding: 10rem 5rem;
        align-items: flex-start;
}


  



.center-message h1 {
font-size: 3.5rem;
margin-bottom: 1.8rem;
}

.center-message h2 {
    font-size: 3.5rem;
    margin-bottom: 0.5rem;
}

.center-message p {
    font-size: 2.4rem;
    color: #585858;
    margin-bottom: 1rem;
}

.center-message p2 {
    font-size: 2.6rem;
    color: #585858;
}

.static-image1 {

width: 26%;
margin-bottom: -16rem;
margin-left: 31rem;

}

.static-image2 {
width: 36%;
        margin-bottom: -15rem;
        margin-left: 33rem;
    }

.static-image4 {
width: 38%;
        margin-bottom: -25rem;
        margin-left: 35rem;
}


.static-image5 {
width: 74%;
        margin-bottom: -17rem;
        margin-left: 36rem;
}

  }

@media (min-width: 769px) and (max-width: 991px)  {

  .center-message {
text-align: left;
        padding: 10rem 5rem;
        align-items: flex-start;
}




.center-message h1 {
font-size: 3rem;
margin-bottom: -0.2rem;
width: 27rem;
}

.center-message h2 {
font-size: 1.8rem;
margin-bottom: 0.5rem;
}

.center-message p {
        font-size: 1.5rem;
        margin-bottom: 1rem;
        width: 28rem;
}

.center-message p2 {
        font-size: 1.4rem;
        width: 28rem;
        margin-top: 0.5rem;
}

.static-image1 {
        width: 16%;
        margin-bottom: -17rem;
        margin-left: 25rem;

}

.static-image2 {
        width: 20%;
        margin-bottom: -15rem;
        margin-left: 28rem;
    }

.static-image4 {
        width: 22%;
        margin-bottom: -10rem;
        margin-left: 32rem;
    
}


.static-image5 {
        width: 36%;
        margin-bottom: -9rem;
        margin-left: 26rem;
}

  }

@media (max-width: 768px) {

.img-wrapper {
        top: -10rem;
        left: 0rem;
        border-radius: 0px;
}

  .center-message {
    text-align: left;
    padding: 0 2rem;
    align-items: flex-start;
}

.homeliftimg {
        position: relative;
        top: 55rem;
        left: 2rem;
        width: 85%;
        z-index: 9999;
}
  

.center-message h1 {
    font-size: 2rem;
    margin-bottom: -0.2rem;
}

.center-message h2 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.center-message p {
    font-size: 1.4rem;
    color: #585858;
    margin-bottom: 1rem;
    width: 22rem;
}

.center-message p2 {
    font-size: 1.6rem;
    color: #585858;
}

.static-image1 {

width: 30%;
margin-bottom: 0rem;
margin-left: 7rem;

}

.static-image2 {
    width: 36%;
    margin-bottom: -2rem;
    margin-left: 8rem;
}

.static-image4 {
    width: 41%;
    margin-bottom: -2rem;
    margin-left: 8rem;
}


.static-image5 {
    width: 71%;
    margin-bottom: -1rem;
    margin-left: 3rem;
}

  }


@media (min-width: 1200px) and (max-width: 1599px)
 {
.homeliftimg {
        position: relative;
        top: 28rem;
        left: 3rem;
        width: 30%;
        z-index: 9999;
}

.img-wrapper {
        position: relative;
        width: 70%;
        height: 100%;
        top: -12rem;
        left: 31rem;
        overflow: hidden;
        border-radius: 12px;
}

.img1 {
        position: relative;
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-bottom: -21rem;
        top: -8.5rem;
        animation: 1.2s linear 0.5s 1 normal forwards running revealBox;
}

  }