.promo-section{position:relative;width:100%;height:100%}
.promo-slider{
  position:relative;overflow:hidden;
  display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;
}
.promo-slider img{width:100%;height:auto;display:none;object-fit:cover;position:relative;z-index:2}
.promo-slider img:first-child{display:block}
.promo-section::before{
  content:"";position:absolute;inset:0;background:rgba(0,0,0,.1);z-index:3;
}
.promo-slider .caption{
  position:absolute;bottom:17%;width:100%;padding:0 70px;color:#fff;background:transparent;z-index:5;
  text-align:left;text-shadow:2px 2px 4px rgba(0,0,0,.4);
}
.promo-slider .caption h2{margin:0 0 15px;font-size:2.3em}
.promo-slider .caption button{
  position:relative;width:200px;padding:10px 20px;font-size:1em;color:#fff;cursor:pointer;
  border:2px solid var(--accent-color);background:transparent;border-radius:5px;transition:all .3s ease;
  text-shadow:2px 2px 4px rgba(0,0,0,.8);box-shadow:0 4px 6px rgba(0,0,0,.3);
}
.promo-slider .caption button:hover{background:var(--accent-color);border-color:var(--accent-color)}
.promo-indicators{
  position:absolute;bottom:18%;right:13%;display:flex;gap:10px;z-index:10;font-size:1.8em;color:var(--button-color);
  text-shadow:1px 1px 3px rgba(0,0,0,.5);
}
.promo-indicators button{
  background:none;border:none;cursor:pointer;font-size:1.3em;color:var(--main-bg-color);transition:color .3s;
  text-shadow:1px 1px 2px rgba(0,0,0,.3);
}
.promo-indicators button:hover,.promo-indicators button.active{color:var(--accent-color)}