
    <style>
        

        
    /* Default button styles */
    .btn-appointment {
        display: inline-block;
        padding: 15px 30px;
        background-color: #4CAF50!important;
        color: white;
        text-align: center;
        text-decoration: none;
        font-size: 18px;
        border-radius: 5px;
        transition: background-color 0.3s ease;
        cursor: pointer;
        position: relative;
        border-color: #318a35;
    }
  

  /* Hover effect: subtle zoom-out with shadow */
    .btn-appointment:hover {
      background-color: #e56868; /* Darker green on hover */
      animation: subtle-zoom-out 0.3s ease-in-out; /* Mild animation */
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Slight shadow on hover */
      border-color: #111!important;
      color: #010101!important;
    }

    /* Keyframes for the "subtle zoom-out" effect */
    @keyframes subtle-zoom-out {
      0% {
        transform: scale(1); /* Original size */
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Initial shadow */
      }
      100% {
        transform: scale(0.98); /* Slightly smaller */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Enhanced shadow */
      }
    }


    /* Optional: Active state (clicking effect) */
    .btn-appointment:active {
      transform: translateY(0); /* Button returns to the original position when clicked */
    }

    .carousel-caption h5{
      display: none;
    }

    .carousel-caption p{
      display: none;
    }




    </style>