.carousel-container {
      position: relative;
      width: 80%;
      max-width: 1500px;
      margin: auto;
      overflow: hidden;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .carousel-slide {
      display: flex;
      transition: transform 0.5s ease-in-out;
    }

    .carousel-slide iframe {
      margin-top: 30px;
     
      margin-bottom: 30px;
      min-width: 1400px; /* Adjusted for better responsiveness */
      height: 450px;
      border: none;
      border-radius: 12px;
    }

    .carousel-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(0,0,0,0.5);
      color: white;
      border: none;
      padding: 12px;
      cursor: pointer;
      border-radius: 50%;
    }

    .prev { left: 20px; }
    .next { right: 20px; }

    .carousel-btn:hover {
      background: rgba(0,0,0,0.8);
    }