* {
  scroll-behavior: smooth;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.footer-flag {
  background-image: linear-gradient(to right,
      rgba(10, 49, 97, 1),
      rgba(10, 49, 97, 0.9)),
    url("https://lh3.googleusercontent.com/aida-public/AB6AXuCv6RsNkjawFeyQjrgVoLq63PAHOhaCnbeOtGxLPoyMR0ugZLEGeeCXoaN-rpjCkC_KdsjaejIz6BP3riV2Gie2hV7CK97yFTTQ14NthACb26-Dr5x94BLR-JUo-ZMVplFcOTgM3nR2ZjHEe1dwVzqaCoplS-JCbgq84Jpo1jN0poX1hp5RDgtx-mD2N4bAYXLYLNrD9KFnwP77u8Fn48pjEWWr9D48szwcR_vR3xu67bFD0xJ2tfnMNTWbblswmvlRxbXL_m11OG7O");
  background-size: cover;
  background-position: center 30%;
}

.group:hover .group-hover\:animate-spin {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.material-symbols-outlined {
  /* font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; */
  vertical-align: middle;
}

/* Spinner animation for Material Symbols */
.material-spinner {
  display: inline-block;
  animation: material-spin 0.5s linear infinite;
  transform-origin: center;
}

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

@media print {
  .no-print {
    display: none !important;
  }
}