.services-items .item {
   position: relative;
   overflow: hidden;
   background: white;
   padding: 20px;
   border-radius: 8px;
   transition: transform 0.3s ease;
}

.services-items .item:hover {
   transform: translateY(-10px); /* Optional hover effect for lifting the box */
}

.services-items .item .content p {
   opacity: 0;
   max-height: 0;
   overflow: hidden;
   transition: opacity 0.3s ease, max-height 0.3s ease;
}

.services-items .item:hover .content p {
   opacity: 1;
   max-height: 100%; /* Adjust based on the content length */
}