.light-theme {
  background-color: white;
  color: black;
}.light-theme .card {
  background-color: white;
}
.dark-theme .card {
  background-color: rgba(33,37,41);
}

.dark-theme
 {
  background-color: black;
  color: white;
}
.dark-theme
.ud-section-title h2 {
  color: white;
}
.dark-theme .ud-hero {
  background-color: black;
  color: white;
}
.dark-theme .ud-single-feature .ud-feature-title {
  color: white;
}
.dark-theme .ud-about {
  background: black;
}
.dark-theme .ud-about-wrapper {
  background-color: #ffffff12;
  border-radius: 20px;
}
.dark-theme .ud-about-content h2{
  color: white;
}
.dark-theme .ud-about-content .tag {
  background-color: transparent;
  border: 1px solid white;
  border-radius: 20px;
  margin: 20px 0px;
}
.dark-theme .ud-single-pricing .ud-pricing-body{
  color: black;
}
.dark-theme .ud-faq{
  background: black;
}
.dark-theme .ud-single-faq .ud-faq-body{
  color: black;
}
.dark-theme .ud-single-testimonial{
  border-radius: 10px;
  background-color: black;
  color: white;
}
.dark-theme .ud-contact{
  background-color: black;
}
.dark-theme .ud-contact-title h2{
  color: white;
}
.dark-theme .ud-contact-title span{
  color: white;
}
.dark-theme .ud-contact-form-wrapper .ud-form-group label{
  color: black;
}
.dark-theme .ud-contact-info-wrapper .ud-info-meta h5{
  color: white;
}
.enyuma{
  height: 90px;
  width: 90px;
}
.toggle{
  width: 50px;
  background-color: red;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
  }
  40% {
      transform: translateY(-50px);
  }
  60% {
      transform: translateY(-25px);
  }
}
.myimage{
  height: 55vw;
  margin-top: -10vw;
  animation: bounce 5s infinite;
}
.disc{
  font-weight: 100;
}
.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: none; /* Remove default border */
  border-radius: 15px; /* Rounded corners */
  overflow: hidden; /* Ensure content doesn't overflow */
  cursor: pointer;
}

.card:hover {
  transform: translateY(-10px); /* Lift the card on hover */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add shadow on hover */
}

.ud-single-feature {
  display: flex;
  flex-direction: column;
  align-items: center; /* Center content horizontally */
  justify-content: center; /* Center content vertically */
  height: 100%; /* Ensure the container takes up full height of card */
  padding: 2rem; /* Add padding inside the card */
}

.ud-feature-icon {
  font-size: 3rem; /* Adjust icon size */
  margin-bottom: 1rem; /* Space below the icon */
  display: flex;
  align-items: center; /* Center icon vertically */
  justify-content: center; /* Center icon horizontally */
}

.ud-feature-content {
  text-align: center; /* Center-align text content */
}

.ud-feature-title {
  font-size: 1.5rem; /* Adjust title size */
  margin-bottom: 1rem; /* Space below the title */
}

.ud-feature-desc {
  font-size: 1rem; /* Adjust description size */
  margin-bottom: 1.5rem; /* Space below the description */
}

.ud-main-btn {
  color: #fff;
  background-color: #127c71; /* Button background color */
  border-color: black;
  padding: 0.75rem 1.5rem; /* Button padding */
  border-radius: 5px; /* Rounded corners */
}

.ud-main-btn:hover {
  background-color: #0056b3; /* Darker background on hover */
  border-color: #004085; /* Darker border on hover */
}

.mb-4 {
  margin-bottom: 1.5rem; /* Add margin bottom to cards */
}