@import url('https://fonts.googleapis.com/css2?family=Inter:opsz@14..32&display=swap');

body {
}

.menu-open {
  transform: translateX(0) !important;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slider-container {
  position: relative;
  overflow: hidden;
}

.slider-track {
  display: flex;
  transition: transform 0.3s ease;
  gap: 1rem;
}

.slider-card {
  flex: 0 0 calc(33.333% - 0.67rem);
  position: relative;
}

@media (max-width: 768px) {
  .slider-card {
    flex: 0 0 calc(50% - 0.5rem);
  }
}

@media (max-width: 640px) {
  .slider-card {
    flex: 0 0 100%;
  }
}