@media only screen and (min-width: 280px){
    .video-container {
        
    }
   
}
@media only screen and (min-width:  960px){
    .video-container {
        max-width: 100%;
        height:100vh;
        display: none;
   
    }
}

@media only screen and (min-width:  1280px){
    .video-container {
        margin-top: 4px;
       
}
}
@media only screen and (min-width:  1366px){
    .video-container {
       
        margin-top: 4px;
       
}
}

@media only screen and (min-width:  1440px){
    .video-container {
        margin-top: -5px;
    }
}

@media only screen and (min-width:  1920px){
    .video-container {
       
        margin-top: 4px;
       
}

}
@media only screen and (min-width:  2048px){
    .video-container {
       
        margin-top: 4px;
       
}
}
@media only screen and (min-width: 3840px){
    .video-container {
       
        margin-top: 4px;
       
}

}
@media only screen and (min-width:  375px) and (max-width: 768px){
    @media only screen and (min-width: 3840px){
        .video-container {
           
            margin-top: 0px;
           
    }
}
}


.sliders-container {
    /*max-width: 800px;*/
    margin: 0 auto;
    padding: 20px;
     width: 93%;
     min-width: none;
   

}
.sliders-container-section {
   
}
.sliders-container p{
   align-items: center;
	/* Montserrat Bold = 700 */
    font-weight: 700;
    font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
    text-align: center;
    margin-top:90px;
    font-size: 24px;
}
.sliders-container u{
    align-items: center;
     font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
     text-align: center;
 }
.sliders-item {
    text-align: center;
   /* padding: 20px;*/
    filter: grayscale(0);
    /*box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);*/
    border-radius: 5px;
    position: relative;
   

}
.sliders-item img {
    max-width: 100%;
    height: auto;
    filter: grayscale(0);
    position: relative;
}
.video-container {
    width: 42vh;
    height:30vh;
    display: none;
    align-items: center;
    z-index: 9999;
}
.frame {
    width: 100%;
    height:100%;
    opacity: 1;
}
/* styles.css */
.card {
    width: 200px; /* Atur lebar card sesuai kebutuhan Anda */
   
    position: relative;
}