.vujahday-script-regular {
    font-family: "Vujahday Script", cursive;
    font-weight: 900;
    font-style: normal;
    font-size: 2.5rem;
  }


  .vujahday-script-regular-s {
    font-family: "Vujahday Script", cursive;
    font-weight: 900;
    font-style: normal;
    font-size: 1.3rem;
  }

  .carousel {
    overflow: hidden;
    position: relative;
    height: 100vh; 
  }
  
  .slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
    height: 100%;
  }
  
  .slide {
    width: 100%;
  }
  
  i{
    color:#036591;
  }
  
  .slide-in-text {
    overflow: hidden;
    white-space: nowrap;
    border-right: 0.15em solid #00305b; /* Új szín beállítása */
    animation: typing 2s steps(40, end), blink 1s infinite; /* Beírás és villogás animációk hozzáadása */
  }
  
  @keyframes typing {
    from {
      width: 0;
    }
    to {
      width: 100%;
    }
  }
  
  @keyframes blink {
    50% {
      border-color: transparent; /* A görgető határvonal színe áttetszővé válik a villogó hatás során */
    }
  }
  .pattern-div {
    width: 100%;
    height: 300px; /* Állítsd be a kívánt magasságra */
    background-image: repeating-linear-gradient(
      45deg, /* A vonalak dőlésszöge */
      #007bff, /* Primary szín (például kék) */
      #007bff 10px, /* Primary szín szélessége */
      #38b2ac 10px, /* Green-400 szín kezdete */
      #38b2ac 20px /* Green-400 szín vége */
    );
  }
  
  .bg-green-gradient {
    background-image: linear-gradient(to right, #14753c 0%, #68d391 100%);
  }
  

  @keyframes slideDown {
    from {
      transform: translateY(-100%);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  .slide-down {
    animation: slideDown 0.5s ease-out forwards;
  }