#news {
   padding: 60px 0;
   background: #1a1a1a;
}

.news-slider {
   position: relative;
}

.news-item {
   padding: 20px;
   background: #222;
   border-radius: 5px;
   display: none;
   color: #fff; /* Set all text inside news-item to white */
}

.news-item h3,
.news-item p {
   color: #fff; /* Explicitly set h3 and p to white for consistency */
}

.news-item.active {
   display: block;
}

.news-controls {
   text-align: center;
   margin-top: 20px;
}

.news-prev,
.news-next {
   background: #ff9900;
   color: #fff;
   border: none;
   padding: 10px 15px;
   margin: 0 10px;
   cursor: pointer;
   border-radius: 3px;
}

.news-prev:hover,
.news-next:hover {
   background: #cc7a00;
}

@media screen and (max-width: 768px) {
   .news-item {
      padding: 15px;
   }
}