.menu_list li:hover{
 animation-name: style;
}

.service:hover .service_box {
transform: perspective(20px) rotateX(2deg) rotateY(-50px);

}


/* heading animation */
.h_anim {
 animation:fadeUp both ;
 animation-timeline: view();
 animation-range: entry 5% cover 100vh;

}

/* Base animation */
@keyframes flyUp {
  from {
    opacity: 0;
    transform: translateY(100px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}


/* animation for service box */
.div_anim {
  opacity: 0;
  transform: translateY(100px) scale(0.98);
  transition: opacity 0.6s ease-out, transform 1.2s ease-out;
}
.div_anim.left{
  transform: translateX(-200px);
}

.div_anim.right{
  transform: translateX(200px);
}

.div_anim.view {
  opacity: 1;
  transform: translateY(0) scale(1);
}



/* animation for service box */
@keyframes flyUpSevice {
  from {
    opacity: 0;
    transform: translateY(100px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.text_content p,
.text_content h1,
.text_content h3 {
  transform: translateX(-200px);
  opacity: 0;
}

/* Animation applied */
.animate-text {
  animation: slideIn 0.8s ease-out forwards;
}

.animate-text.line2 { animation-delay: 0.2s; }
.animate-text.line3 { animation-delay: 0.4s; }

@keyframes slideIn {
  from { transform: translateX(-200px); opacity: 0; }
  to   { transform: translateX(0);      opacity: 1; }
}



/* animatin 360deg animation */
.rotate360 {
  animation: rotate360;
  animation-timeline: view();
}

@keyframes rotate360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Sidebar Dropdown */
.sidebar ul li .dropdown {
  max-height: 0; /* hidden by default */
  overflow: hidden;
  transition: max-height 0.3s ease;
}

/* Show dropdown on hover */
.sidebar ul li:hover .dropdown {
  max-height: 500px; /* big enough to fit all items */
}

/* Dropdown items */
.sidebar ul li .dropdown li {
  padding: 8px 15px;
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.3s ease;
}

/* Animate in when visible */
.sidebar ul li:hover .dropdown li {
  opacity: 1;
  transform: translateY(0);
}