a {
    text-decoration: none !important;
}

/* Fade in animation */
.road-first-cont {
  opacity: 0;
  transform: translateY(-50px); /* Start position: move it UP */
  animation: fadeInDown 0.8s ease-out forwards;
}

.road-first-cont:nth-child(1) { animation-delay: 0.2s; }
.road-first-cont:nth-child(2) { animation-delay: 0.4s; }
.road-first-cont:nth-child(3) { animation-delay: 0.6s; }

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-50px); /* Start above */
  }
  to {
    opacity: 1;
    transform: translateY(0); /* Move to its original position */
  }
}

.road-first-cont{
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.514);
}

.each-road-work img{
    aspect-ratio:16/13;
}


.info-container {
    position: relative;
    width: 100%;
    max-width: 800px; /* Adjust as needed */
    margin: 0 auto;
    overflow: hidden; /* Ensures the sliding panel stays contained */
  }
  
  .main-content {
    padding: 20px;
    background: #f5f5f5;
  }
  
  .arrow-trigger {
    cursor: pointer;
    text-align: center;
    font-size: 24px;
    padding: 10px;
    transition: transform 0.3s;
  }
  
  .slide-panel {
    position: absolute;
    bottom: -100%; /* Start hidden below the container */
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1);
    transition: bottom 0.5s ease-in-out;
    padding: 20px;
  }
  
  /* Hover Effects */
  .info-container:hover .slide-panel {
    bottom: 0; /* Slide up to reveal */
  }
  
  .info-container:hover .arrow-trigger {
    transform: rotate(180deg);
  }
.consult-cont span{
  transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
}
/* .consult-cont:hover{
  color: #fff;
  background-color: rgb(255, 106, 0);
} */

.before-gallery figure img{
  transform: rotate(90deg);
}