/* @font-face {
        font-family: "JV";
        src: url("/fonts/jv.ttf") format("truetype");
        font-weight: normal;
        font-style: normal;
      } */

      

      body {
        margin: 0;
        font-family: 'Playfair Display', serif;
        background-color: #0e0e0e;
        scroll-behavior: smooth;
        color: #ffffff;
      }

      button{
        background: #3DA7FA;
        color: #0e0e0e;
        padding: 0.75rem 1.5rem;
        border-radius: 5px;
        border: none;
        cursor: pointer;
        text-decoration: none;
        font-weight: bold;
      }


      .shiny-text {
        /* color: #b5b5b5a4; */
        /* Adjust this color to change intensity/style */
        background: linear-gradient(120deg,
            rgba(255, 255, 255, 0) 40%,
            rgb(255, 255, 255) 50%,
            rgba(255, 255, 255, 0) 60%);
        background-size: 200% 100%;
        /* -webkit-background-clip: text; */
        background-clip: text;
        display: inline-block;
        animation: shine 3s linear infinite;
      }

      @keyframes shine {
        0% {
          background-position: 100%;
        }

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

      .shiny-text.disabled {
        animation: none;
      }

      .subtitle {
        font-size: 1.2rem;
        color: #FFFFFFd7;
        margin-bottom: 10px;
        letter-spacing: 2px;
      }

      .title {
        font-size: 6rem;
        /* font-weight: bold; */
        color: #3DA7FAa4;
        font-family: "JV";
        margin: 0;
        text-align: center;
        letter-spacing: 4px;
      }

      .description {
        font-size: 1.4rem;
        font-weight: normal;
        color: #aaaaaade;
        margin-top: 2rem;
        text-align: center;
        max-width: 800px;
      }

      /* Responsive adjustment for smaller screens */
      @media (max-width: 600px) {
        .title {
          font-size: 3rem;
        }

        .description {
          font-size: .9rem;
        }

        header {
          display: none;
        }
      }


      header,
      footer {
        background-color: #1a1a1a;
        padding: 1rem 2rem;
        text-align: center;
        border-bottom: 1px solid #3DA7FA;
      }

      nav a {
        color: #3DA7FA;
        margin: 0 1rem;
        text-decoration: none;
        font-weight: bold;
      }

      .hero {
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 50px;
        background: linear-gradient(135deg, #0f0f0f, #1a1a1a);
        scroll-snap-align: start;
      }

      .hero p {
        margin-top: 2rem;
      }


      .section {
        padding: 3rem 2rem;
        max-width: 1200px;
        /* min-height: 80vh; */
        margin: auto;
      }

      .grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 1.5rem;
      }

      .vertical {
        flex-direction: row;
        display: flex;
        gap: 1.5rem;
        padding: 20px;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;
        scroll-padding: 20px;
        overflow-x: auto;
        max-width: 90%;
      }

      .vertical::-webkit-scrollbar {
        display: none;
        scrollbar-width: 0;
      }

      .card {
        background: #1a1a1a;
        border: 1px solid #333;
        border-radius: 12px;
        padding: 2rem;
        text-align: center;
      }

      .card h3 {
        color: #3DA7FA;
        margin-bottom: 0.5rem;
      }

      .card p {
        color: #ccc;
        font-size: 0.95rem;
      }

      .emoji {
        font-size: 2rem;
        margin-bottom: 1rem;
      }

      .cardtest {
        background: #1a1a1a;
        border: 1px solid #333;
        border-radius: 12px;
        padding: 2rem;
        min-width: 300px;
        text-align: center;
      }

      .testimonial {
        font-style: italic;
        color: #ccc;
      }

      footer p,
      .contact p {
        color: #aaa;
      }

      a.button {
        
        background: #3DA7FA;
        color: #0e0e0e;
        padding: 0.75rem 1.5rem;
        border-radius: 5px;
        text-decoration: none;
        font-weight: bold;
      }

      /* Navigation Styles */
      .bt-nav {
        background-color: #000;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding: 20px;
        border-top: 1px solid #333;
        position: sticky;
        top: 0;
        z-index: 10;
      }

      .bt-nav a {
        color: #fff;
        text-decoration: none;
        margin: 10px 15px;
        font-weight: bold;
        transition: color 0.3s;
      }

      .bt-nav a:hover {
        color: #3DA7FA;
      }







      
      /* d4af37 */