.slider-container,.slider-container1,.slider-container2, .slider-container3, .slider-container4 {
      position: relative; max-width: 90%;  margin: 8px auto;
      overflow: hidden;
    }

    .slides, .slides1, .slides2,.slides3,.slides4 {
      display: flex;
      transition: transform 0.5s ease-in-out;      
    }

    /*.slide, .slide1, .slide2 {
      min-width: 100%;
      max-height: 700px; 
      background-size: cover;
      background-position: center;
      /* For Slide internal *
      display: flex;
      flex-direction: row;
      text-align: center;
    }
    .slide iframe,.slide1 iframe,.slide2 iframe {margin-inline: auto;  min-width: 100%; max-width: 600px; height: 400px; border-radius: 6px;}
*/
    .slide, .slide1, .slide2, .slide3,.slide4 {min-width: 100%;
        max-height: 700px;
        background-size: cover;
        background-position: center;

        /* Fix: stack content vertically */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 10px; /* spacing between iframe and label */
    }

    .slide iframe,.slide1 iframe,.slide2 iframe,.slide3 iframe,.slide4 iframe {
      min-width: auto;
      max-width: 600px;
      width: 100%;
      height: 400px;
      border-radius: 6px;
    }
    .slide p {
      font-size: 1rem;
      color: #333;
      margin: 10px 0 0 0;
    }
    /* Dots */
    .dots, .dots1, .dots2, .dots3, .dots4 {
      text-align: center;
      margin: 5px auto 20px auto;
      width: 100%;
    }

    .dot, .dot1, .dot2, .dot3, .dot4 {
      cursor: pointer;
      height: 12px;
      width: 12px;
      margin: 0 4px;
      background-color: #e94a4a;
      border-radius: 50%;
      display: inline-block;
      transition: #333 0.3s;
    }

    .dot.active, .dot1.active, .dot2.active, .dot3.active, .dot4.active {
      background-color: #fff;
      border: 2px solid #e94a4a;
    }

    /* Responsive height */
    @media (max-width: 480px) {
      .slide, .slide1, .slide2,.slide3,.slide4 {
        height: 300px;
      }
    }

@media (min-width: 481px) and (max-width: 820px) {
   .slider-container, .slider-container1, .slider-container2, .slider-container3, .slider-container4{    max-width: 800px;}
}