html {
  scroll-behavior: smooth;
}
 
body {
  font-family: "Nunito Sans", sans-serif;
  color: #0e1d3b;
  background-color: #f4f7fa;
    overflow-x: hidden;

}
.btn-primary {
  @apply bg-[#0076bf] hover:bg-[#005f99] text-white font-semibold py-3 px-6 rounded-lg transition-all;
}
.btn-outline {
  @apply border border-[#0076bf] text-[#0076bf] hover:bg-[#0076bf] hover:text-white font-semibold py-3 px-6 rounded-lg transition-all;
}

.mobile-menu {
  max-width: 100vw;  /* prevent overflow */
}

header {
  z-index: 50; 
}

[x-cloak] {
  display: none !important;
}