.fancy-title {
            font-size: 1.8vw;
            color: white;
            background: linear-gradient(90deg, rgb(59, 141, 199), rgb(0, 72, 150), rgba(0, 87, 150, 0.43));
            padding: 15px 30px;
            border-radius: 12px;
            display: inline-block;
            text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
            animation: gradientShift 5s ease infinite;
            font-weight: 700;
          }

          @keyframes gradientShift {
            0% {
              background-position: 0% 50%;
            }

            50% {
              background-position: 100% 50%;
            }

            100% {
              background-position: 0% 50%;
            }
          }

          .fancy-title i {
            margin: 0 10px;
            color: #ffd700;
            /* สีทอง */
            animation: iconBounce 2s infinite ease-in-out;
          }

          @keyframes iconBounce {

            0%,
            100% {
              transform: translateY(0);
              color: #ffd700;
            }

            50% {
              transform: translateY(-8px);
              color: #ffec99;
            }
          }