/* .my-button Side */
.my-button {
  background-color: #4d94ff; /* Green background */
  border: none;              /* Remove default borders */
  color: white;             /* White text */
  padding: 15px 32px;       /* Spacing inside the button */
  text-align: center;
  font-size: 16px;
  cursor: pointer;          /* Hand cursor on hover */
  border-radius: 8px;       /* Rounded corners */
  transition: 0.3s; 
  display: inline-block;
  display: block !important;
}
.my-button:hover {
  background-color: #4d94ff; /* Darker green on hover */
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24); /* Add shadow */
  display: inline-block;
}

.my-button:active {
  transform: translateY(4px); /* Moves down slightly when clicked */
}

 /* Hosting Side */
.abc{
    color: #333633;
  display: flex;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px; /* Space between columns */
    border: solid 1px;
    border-radius: 5px;
    width: 90%;
    margin: auto;
    justify-content: center;
}
.h4{
    margin-top: 10px;
    color: green;
     margin-left: 3%;
     margin-top: 15px
}
li{
    padding: 10px 0;
    border-bottom: 1px solid #ccc; /* Adds a separator line */}