.aboutus{
	display:flex;
	width: auto;
   	height: auto;
	flex-direction: column;
	margin: 0 5% 5% 5%;
}

.aboutus-info{
 	background: #e7ddd2;
	border-radius: 30px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 0 1% 0;

}

.aboutus-info p{ 
    	font-size: clamp(0.2rem, 1vw, 13.5rem);
 	-webkit-text-stroke: 1px #000000;
	color:black;
padding: 10px;	
}

.slider {
    	position: relative;
    	max-width: 80vw;
    	overflow: hidden;
    	border-radius: 12px;
    	box-shadow: 0 4px 16px rgba(0,0,0,0.2);
	margin: auto;
  }
 
  .slider-track {
    	display: flex;
    	transition: transform 0.4s ease;
  }
 
  .slider-track img {
    	width: 100%;
    	flex-shrink: 0;
    	display: block;
    	aspect-ratio: 16 / 9;
  }
 
  .slider-btn {
    	position: absolute;
    	top: 50%;
    	transform: translateY(-50%);
    	width: 40px;
    	height: 40px;
    	border: none;
    	border-radius: 50%;
    	background: rgba(0,0,0,0.5);
    	color: white;
    	font-size: 20px;
    	cursor: pointer;
    	display: flex;
    	align-items: center;
    	justify-content: center;
  }
 
  .slider-btn:hover {
    	background: rgba(0,0,0,0.75);
  }
 
  .prev { left: 12px; }
  .next { right: 12px; }
 
  .slider-dots {
    	position: absolute;
    	bottom: 14px;
    	left: 50%;
    	transform: translateX(-50%);
    	display: flex;
    	gap: 8px;
  }
 
  .slider-dots button {
    	width: 10px;
    	height: 10px;
    	border-radius: 50%;
    	border: none;
    	background: rgba(255,255,255,0.5);
    	cursor: pointer;
    	padding: 0;
  }
 
  .slider-dots button.active {
    	background: rgba(255,255,255,1);
  }

@media screen and (max-width: 600px) {
  .aboutus-info p{ 
    	font-size: clamp(0.2rem, 3vw, 13.5rem);
 	-webkit-text-stroke: 1px #000000;
	color:black;	
  }

  .slider {
    	max-width: 98vw;
  }

}