.td-service-item {
  transition: all 0.3s ease;
  cursor: pointer;
}

.td-service-item:hover {
  border-color: #ff0000 !important;
}

.td-service-item:hover .td-service-icon i {
  color: #ff0000 !important;
}

.td-service-item:hover .td-service-title {
  color: #ff0000 !important;
}


.td-service-item {
    justify-content:start !important;
    gap: 15px;
    padding: 30px; 
  }

  .td-service-title {
    text-align: left;
  }

  .td-service-icon i {
    width: 40px;
    height: 40px;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    }

@media (max-width: 767px) {
  .td-service-item {
    gap: 15px;
    padding: 20px; 
  }

  .td-service-title {
      text-align:left;  
  }
}