body{
	
		background-color:#0a0c3d;
        font-family: Arial, sans-serif;
        padding: 20px;
    }
   

    .graphdiv {
        width:35%;
        margin-bottom: 20px;
    }
	
	 .graphdiv  {
        width: 60%;
        margin-bottom: 20px;
    }




.video-slider {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.video-slider video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

.video-slider video.active {
    display: block;
}

.dots { text-align:center; margin-top:10px; }
.dots span { display:inline-block; width:10px; height:10px; margin:5px; background:#ffffff; border-radius:50%; cursor:pointer; }
.dots span.active { background:#333; }


/* Responsive */
@media (max-width: 900px) {
  .viddiv {
        width: 100%;
        margin-bottom: 20px;
    }
}