@import "tailwindcss";
@source "./src";

@font-face {
  font-family: 'Inter';
  src: url('./assets/fonts/Inter_24pt-Regular-subset.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('./assets/fonts/Inter_24pt-Medium-subset.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Instrument Sans';
  src: url('./assets/fonts/InstrumentSans-Regular-subset.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Instrument Sans';
  src: url('./assets/fonts/InstrumentSans-Medium-subset.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@keyframes popup {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.animate-popup {
  animation: popup 0.25s ease-out;
}

.loader {
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  border-top-color: #000;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.font-Instrument {
  font-family: Instrument Sans;
}

.font-Inter {
  font-family: Inter;
}


/* home page slider */
.myscroll::-webkit-scrollbar {
  display: none;
}

.leftCard {
  left: 8%;
}

.rightCard {
  right: 4%;
}

.producttable {
  bottom:0;
}

@media (max-width: 1800px) {
  .leftCard {
    left: -11%;
  }
  .rightCard {
    right: -16.5%;
  }
  .producttable {
    bottom: 2.2rem;
  }
}