.image-box {
    height: 202px;
    overflow: hidden; /* hides overflowing content */
    transition: transform 0.5s ease; /* adds a smooth transition effect */
  }
  
  .image-box img {
    width: 100%; /* ensures the image fill its container */
    height: 100%; /* preserves the image aspect ratio */
    object-fit: cover;
  }
  
  .image-box:hover {
    transform: scale(1.05); /* scales the image up on hover */
  }
  
  .hover-zoom {
    background-color: #1051B2;
    color: white;
    font-size: 16px;
    padding: 10px;
    border: none;
    transition: all 0.3s ease-in-out;
  }

  .hover-zoom:hover {
    transform: scale(1.05);
  }
  
  button {
  width: 100%;
  margin-top: 10px;
  font-weight: 600;
  font-size: 15px;
  background-color: #1051B2;
}

 button:hover {
    background-color: #1051B2B5;
     }

.video-container {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 56.25%; /* 16:9 arányhoz tartalomrács számítása (9 / 16 * 100) */
    overflow: hidden;
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}