.prompt-thin {
  font-family: "Prompt", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.prompt-extralight {
  font-family: "Prompt", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.prompt-light {
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.prompt-regular {
  font-family: "Prompt", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.prompt-medium {
  font-family: "Prompt", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.prompt-semibold {
  font-family: "Prompt", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.prompt-bold {
  font-family: "Prompt", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.prompt-extrabold {
  font-family: "Prompt", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.prompt-black {
  font-family: "Prompt", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.prompt-thin-italic {
  font-family: "Prompt", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.prompt-extralight-italic {
  font-family: "Prompt", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.prompt-light-italic {
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.prompt-regular-italic {
  font-family: "Prompt", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.prompt-medium-italic {
  font-family: "Prompt", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.prompt-semibold-italic {
  font-family: "Prompt", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.prompt-bold-italic {
  font-family: "Prompt", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.prompt-extrabold-italic {
  font-family: "Prompt", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.prompt-black-italic {
  font-family: "Prompt", sans-serif;
  font-weight: 900;
  font-style: italic;
}

*:not(i, .lnr, [class^="lnr-"], [class*=" lnr-"], [class*="icon"]) {
  font-family: "Prompt", sans-serif !important;
}

@keyframes floating {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}
.float-delay-1 {
    animation-delay: 0.5s;
}

.float-delay-2 {
    animation-delay: 0.7s;
}

.float-delay-3 {
    animation-delay: 1s;
}

.float-animation {
    animation: floating 3s ease-in-out infinite;
}

@keyframes marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}

.animate-marquee {
  display: inline-block;
  animation: marquee 20s linear infinite;
}

.text-marquee {
  position: relative;
}

.text-marquee-content {
  position: relative;
  width: fit-content;
}

.stroke-text-red {
  color: transparent;
  -webkit-text-stroke: 2px #ec1c29; /* สำหรับ Chrome, Safari */
  text-stroke: 2px #ec1c29; /* สำหรับ Firefox */
  font-weight: bold;
  letter-spacing: 2px;
}

/* Fallback สำหรับ browser ที่ไม่รองรับ text-stroke */
@supports not (-webkit-text-stroke: 2px #ec1c29) {
  .stroke-text-red {
    text-shadow: 
      -1px -1px 0 #ec1c29,
      1px -1px 0 #ec1c29,
      -1px 1px 0 #ec1c29,
      1px 1px 0 #ec1c29;
    color: transparent;
  }
}

.stroke-text-oragne {
  color: transparent;
  -webkit-text-stroke: 2px #faa10c;
  text-stroke: 2px #faa10c;
  letter-spacing: 2px;
}

@supports not (-webkit-text-stroke: 2px #faa10c) {
  .stroke-text-oragne {
    text-shadow: 
      -1px -1px 0 #faa10c,
      1px -1px 0 #faa10c,
      -1px 1px 0 #faa10c,
      1px 1px 0 #faa10c;
    color: transparent;
  }
}