.article .slider {
	width: 100%;
	max-width: 800px;
	margin: auto;
	overflow: hidden;
	border-radius: 12px;
  }
  
  .article .slides {
	display: flex;
	transition: transform 0.7s ease-in-out;
  }
  
  .article .iframe {
	position: relative;
	width: 100%;
	flex-shrink: 0;
	aspect-ratio: 16 / 9;
  }
  
  .article .iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	border-radius: 0px;
  }
  
  .article .dots {
	text-align: center;
	margin-top: 12px;
  }
  
  .article .dot {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 6px;
	border: 2px solid #0803E6;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	transition: background 0.3s;
  }
  
  .article .dot.active {
	background: #0803E6;
  }