@import "tailwindcss";


/* root colors */
:root{
  --primary-color: #1469ff;
}
/* font */
body {
  font-family: var(--font-poppins), sans-serif;
  min-width: 350px;
}

/* header */
.navLinks .active{
  border-bottom: 2px solid var(--primary-color);
  background: linear-gradient(to right, #60a5fa, #a855f7);
  color: #000;
  background-clip: text;
}
.container{
  max-width: 1200px;
  margin: auto;
  margin-top: 0;
  padding: 0 .5rem;
}
header .search svg{
  fill: #7c828f
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media(max-width:768px){
  .desktop_nav_links{
    display: none;
  }
}

a, button{
 cursor: pointer;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.modal-body{
  max-height: 70vh;
  overflow: auto;
}
@media (max-width:600px){
  .modal-body{
    max-height: 80vh;
  }
  .mobile_contact a button{
    padding: .5rem;
  }
  .mobile_contact a button span{
    font-size: .8rem;
  }

}
.menu_icon{
  display: inline-flex;
  align-items: center;
}

@media(min-width:768px){
  .menu_icon{
    display: none;
  }
}
@keyframes firefly {
  0%, 100% { opacity: 0; transform: scale(0.5) translate(0, 0); }
  50% { opacity: 0.8; transform: scale(1.2) translate(10px, -10px); }
}
.animate-firefly {
  animation: firefly infinite ease-in-out;
}
@keyframes modal-in {
  from { opacity: 0; transform: scale(0.95) translateY(10px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

.schedule_modal .relative {
  animation: modal-in 0.3s ease-out forwards;
}