@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


:root {
  --bs-primary: rgb(66, 82, 57) !important;
  --bs-primary-rgb: 66, 82, 57 !important;
  --bs-primary-text: rgb(66, 82, 57) !important;
  --bs-primary-bg: rgb(66, 82, 57) !important;
  --bs-primary-border-subtle: rgba(66, 82, 57, 0.15) !important;
  --bs-primary-bg-subtle: rgba(66, 82, 57, 0.15) !important;
  --bs-primary-border: rgb(66, 82, 57) !important;
}


.body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}










/* event detail page  */

.ticket-card {
  width: 18rem;
  /* height: 5rem; */
}

.accordion-button:not(.collapsed) {
  color: #f4ffed;
  background-color: #6b7566;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}


/* event home page search box  */

.search-container {
  width: 100%;
  margin: 0 auto 30px;
  background: white;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.event-card {
  transition: transform 0.3s;
  border: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.event-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.event-image {
  height: 180px;
  object-fit: cover;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.loader {
  width: 40px;
  height: 40px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 20px auto;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.category-badge {
  position: absolute;
  top: 10px;
  right: 10px;
}

.search-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #6c757d;
}