.slideshow-container{position:relative;width:100%;overflow:hidden;margin-bottom:20px;max-width:600px}.slideshow-slide{width:100%;height:auto;display:block;transition:opacity .4s ease-in-out}.slideshow-next,.slideshow-prev{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;background-color:transparent;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:.3s;padding:0;background:var(--main-color)}.slideshow-next:hover,.slideshow-prev:hover{transform:translateY(-50%) scale(1.1)}.slideshow-prev svg{transform:rotate(90deg)}.slideshow-next svg{transform:rotate(-90deg)}.slideshow-prev{left:10px}.slideshow-next{right:10px}.slideshow-indicator{position:absolute;bottom:10px;left:0;right:0;text-align:center;z-index:10}.slideshow-dot{display:inline-block;width:10px;height:10px;margin:0 5px;background-color:rgba(255,255,255,.5);border-radius:50%;cursor:pointer;transition:background-color .3s}.slideshow-dot.active{background-color:#fff}@media (max-width:1200px){.slideshow-container{max-width:320px}}