.video-gallery {
    text-align: center;
    background: #f9f9f9;
    padding: 60px 0;
  }
  
  .video-gallery h2 {
    color: #12263f;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 40px;
  }
  
  .video-carousel {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
  }
  
  .video-track {
    display: flex;
    gap: 20px;
    transition: transform 0.4s ease-in-out;
  }
  
  .video-track iframe {
    width: 260px;
    height: 460px;
    border: none;
    border-radius: 14px;
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
  }
  
  .carousel-btn {
    background: none;
    border: none;
    color: #007bff;
    font-size: 2.5rem;
    cursor: pointer;
    z-index: 2;
    transition: color 0.3s ease;
  }
  
  .carousel-btn:hover {
    color: #004caa;
  }
  
  .left {
    position: absolute;
    left: 10px;
  }
  
  .right {
    position: absolute;
    right: 10px;
  }
  
  .video-track {
    display: flex;
    gap: 20px;
    transition: transform 0.6s ease-in-out;
  }