@import url("https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500;700&display=swap");

/* hero banner sts */
.font-luckiest {
  font-family: "Luckiest Guy", cursive;
}

.font-dancing {
  font-family: "Dancing Script", cursive;
}

/* Outlined cartoon text */
.outlined-text {
  font-family: "Luckiest Guy", cursive;
  color: #221f1f;
  -webkit-text-stroke: 20px #f1d6d6; /* stroke outline */
  /* text-stroke: 35px #000; */
  paint-order: stroke fill;
}

/* Flight path styling */
.flight-path {
  fill: none;
  stroke: #000;
  stroke-width: 2px;
  stroke-dasharray: 5 10;
  opacity: 0.5;
}

/* Plane motion along path */
.plane {
  width: 40px;
  offset-rotate: auto;
  animation: fly 6s linear infinite;
}

@keyframes fly {
  to {
    offset-distance: 100%;
  }
}

/* Default (Desktop) */
.path-right {
  d: path("M 1250,0 C 950,150 1220,250 1200,350"); /* visible path */
}
.plane-right {
  offset-path: path("M 1250,0 C 950,150 1220,250 1200,350");
  animation-delay: 0s;
}

/* Tablet */
@media (max-width: 1224px) {
  .path-right {
    d: path("M 1050,0 C 750,150 1020,250 1000,350");
  }
  .plane-right {
    offset-path: path("M 1050,0 C 750,150 1020,250 1000,350");
  }
}

/* Mobile */
/* @media (max-width: 440px) {
  .path-right {
    d: path("M 400,0 C 400,80 500,200 480,280");
  }
  .plane-right {
    offset-path: path("M 400,0 C 400,80 500,200 480,280");
  }
} */

/* Dropdown show on hover (desktop only) */
@media (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
    display: block;
  }
}

/* nav btn plane */
@keyframes airplaneFloat {
  0%,
  100% {
    transform: translateY(0) translateX(0);
  }
  50% {
    transform: translateY(-5px) translateX(5px);
  }
}
.airplane-fly {
  animation: airplaneFloat 4s ease-in-out infinite;
  pointer-events: none;
}

/*  Custom Animation  */
@keyframes cycleMove {
  0% {
    transform: translateX(-500%);
  }
  100% {
    transform: translateX(-150%);
  }
}
.animate-cycle {
  animation: cycleMove 15s linear infinite;
}
@keyframes cycleMoveBread {
  0% {
    transform: translateX(-500%);
  }
  100% {
    transform: translateX(-150%);
  }
}
.animate-cycle-breadcrumb {
  animation: cycleMoveBread 15s linear infinite;
}

@keyframes spin-slow {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.animate-spin-slow {
  animation: spin-slow 60s linear infinite;
}

/* nav btn plane */
@keyframes shakeFloat {
  0%,
  100% {
    transform: translateY(0) translateX(0);
  }
  50% {
    transform: translateY(-5px) translateX(5px);
  }
}
.shakeFloat-fly {
  animation: shakeFloat 4s ease-in-out infinite;
}


/* marquee */
@keyframes marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

/* Hide scrollbar for marquees if needed */
.marquee-track::-webkit-scrollbar {
  display: none;
}


ul {
  list-style-type: disc !important;
  padding-left: 1.5rem !important;
  margin-bottom: 1rem !important;
  margin-left: 1rem !important;
}

li {
  margin-bottom: 0.5rem !important;
  /*margin-left: 1rem !important;*/
}