.carousel-wrapper {
  position: relative; /* Ensure arrows are positioned relative to this */
  margin: 20px 0;
}

.carousel-container {
  position: relative;
  background-color: #fff;
  overflow: hidden; /* Allow content to expand beyond default height */
}

.carousel {
  display: flex;
  transition: transform 0.5s ease;
  gap: 0px; /* Ensure items stay aligned without gaps */
}

.carousel-item {
  flex: 0 0 100%; /* Ensure each item takes full visible width */
  box-sizing: border-box;
  color: #000;
  padding: 25px; /* Add padding inside the container */
 
}

.carousel-item p {
 font-family: 'acumin-pro-semi-condensed', sans-serif; font-size: 16px; line-height: 24px;	
}

.sb-title { 
	font-weight: bold;
  font-family: 'acumin-pro-semi-condensed', sans-serif; 
  font-size: 125%;
  line-height: 125%;
	padding: 25px 25px 0px 25px;
}

.sb-heading { font-weight: bold; font-family: 'acumin-pro-semi-condensed', sans-serif; font-size: 18px; }

.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #d0cfcf;
  font-size: 2em;
  font-family: Arial, sans-serif;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  border: none;
  z-index: 10; /* Ensure arrows appear above the content */
}

.arrow.left {
  left: -50px; /* Position outside the container */
}

.arrow.right {
  right: -50px; /* Position outside the container */
}

.arrow:hover {
  color: #E7E6E6;
}
.article ul li {
	font-family: 'adobe-caslon-pro', serif;
	font-size: 20px;
}
/* Mobile-specific styles */
@media (max-width: 768px) {
  .arrow {
color: #E7E6E6;
    opacity: 0.5; /* Reduce visibility on mobile */
  }

  .arrow.left {
    left: 10px;
  }

  .arrow.right {
    right: 10px;
  }
  .carousel-item p {
  	font-size: 15px;
  	line-height: 21px;
  }
}