/* Mr. Insurance Custom Style File */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Playfair+Display:wght@700;800&family=Montserrat:wght@400;600&display=swap');

body {
  font-family: 'Inter', sans-serif;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Custom Fade and Slide Animations */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideInFromTop {
  from {
    transform: translateY(-1rem);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes bounceSlow {
  0%, 100% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }
  50% {
    transform: translateY(-15%);
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.animate-fade-in {
  animation: fadeIn 0.3s ease-out forwards;
}

.animate-slide-in-top {
  animation: slideInFromTop 0.25s ease-out forwards;
}

.animate-bounce-slow {
  animation: bounceSlow 1.5s infinite;
}

/* Custom Scroll Behavior */
html {
  scroll-behavior: smooth;
}

/* Custom selections styling */
::selection {
  background-color: #3b82f6;
  color: white;
}