@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
html,body{
    background: whitesmoke; 
    /* font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; */
}
        body {
            font-family: 'Inter', sans-serif;
        }
a{
    color: rgba(0, 0, 0, 0.929); text-decoration: none;
}
a:hover{
    color: orange;
}


  .swiper-button-next,
  .swiper-button-prev {
    color: #000; /* Adjust color for arrows */
  }
  
  /* Position Swiper navigation buttons */
  .swiper-button-prev {
    left: 10px;     /* Move prev arrow to left */
    right: auto;
    color: #000;    /* Optional: color */
    z-index: 10;
  }
  
  .swiper-button-next {
    right: 10px;    /* Move next arrow to right */
    left: auto;
    color: #000;
    z-index: 10;
  }
    
.swiper-button-prev,
.swiper-button-next {
  width: 30px;
  height: 30px;
  color: #212020;
  top: 50%;
  transform: translateY(-50%);
}

.swiper-button-prev i,
.swiper-button-next i {
  font-size: 24px; /* smaller icon */
  line-height: 30px;
  background: #fbf9f97a;
}

.swiper-button-prev {
  left: 10px;
}

.swiper-button-next {
  right: 10px;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  display: none; /* Hide default arrows */
}


.custom-alert {
  position: fixed;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: white;
  padding: 12px 20px;
  margin: 10px;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  z-index: 10000;
  opacity: 0;
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 250px;
}

.custom-alert.show {
  top: 20px;
  opacity: 1;
}

.close-alert {
  background: transparent;
  border: none;
  color: white;
  font-size: 18px;
  cursor: pointer;
  margin-left: auto;
}

.hover-cat:hover{
  background: rgba(0, 0, 0, 0.045);
}

select{
   -webkit-appearance:none;
   appearance: none; -moz-appearance: none;
}

.clamp-1{
  overflow: hidden; text-overflow: ellipsis; line-clamp: 1; -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; display: -webkit-box;
}