*{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
          .animated-section{
            background: url(https://rkrealty.theelevenmedia.com/wp-content/uploads/2025/07/animation-BG.png) no-repeat center top 100%/cover;
            height: 120vh;
	    width:100%;
	    display: block;
          /* background: linear-gradient(rgba(255, 255, 255, 0.342), rgba(0, 0, 0, 0.534)); */
            position: relative;
        }
        .animated-section .parts{
            display: flex;
            justify-content: center;
             perspective: 800px;
            perspective-origin: center;
            transform-style: preserve-3d;
            align-items: center;
            position: absolute;
        }
        .parts img{
            width: 60%;
        }
        .animated-section .first-part{
            z-index: 10;
            top: 0px;
        }
        .animated-section .second-part{
            z-index: 9;
            top: 150px;
            transform: scaleY(1.2);
        }
        .animated-section .third-part{
            z-index: 8;
            top: 160px;
        }
        .animated-section .fourth-part{
            z-index: 8;
            justify-content: space-between;
            top: 200px;
        }
        .animated-section .fourth-part img{
            width: 30%;
        }
        .animated-section .fifth-part{
            /* flex-direction: column; */
            z-index: 8;
            position: relative;
            top: -40px;
            /* left: 25%; */
            perspective: 600px;
            perspective-origin: center;
            transform-style: preserve-3d;
        }
        .fifth-part .building{
            transform: scale(0.5);
            width: 105%;
            filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.575))
        }
        /* .fifth-part::after {
        content: '';
        position: absolute;
        bottom: 5px;
        left: 50%;
        transform: translateX(-50%);
        width: 500px;
        height: 40px;
        background: radial-gradient(rgba(0, 0, 0, 0.363), transparent);
        filter: blur(10px);
        z-index: -1;
        } */
    
       @media (max-width: 768px) {
    .animated-section {
      display: none !important;
    }

  }



@media (min-width: 1200px) and (max-width: 1399px) {
  /* styles for large desktops */
  .animated-section .fifth-part {
    top: 370px;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* styles for desktops */
  .animated-section .fifth-part {
    top: 480px;
}
}
@media (min-width: 767px) and (max-width: 991.98px) {
  /* styles for tablets */
  .animated-section .fifth-part {
    top: 425px;
}
}







@media (min-width: 1024px) and (max-width: 1279px) {
  /* 11"-13" laptops */
   .animated-section .fifth-part {
    top: 280px;
}
}

/* Standard laptops */
@media (min-width: 1280px) and (max-width: 1439px) {
  /* 13"-15" laptops */
   .animated-section .fifth-part {
    top: 180px;
}
}

/* Full HD and larger laptops */
@media (min-width: 1440px) and (max-width: 1599px) {
  /* High-res 15"-16" laptops */
   .animated-section .fifth-part {
    top: 150px;
}
}

/* Large screens and desktops */
@media (min-width: 1600px) and (max-width: 1919px) {
  /* Desktop monitors, 1080p */
   .animated-section .fifth-part {
            top: 85px;
}
}

/* Extra wide screens (2K-4K) */
@media (min-width: 1920px) {
   .animated-section .fifth-part {
    top: -40px;
}
}