.slideshow-container{max-width:1000px;position:relative;margin:20px auto;overflow:hidden;background:#0000000d;box-shadow:0 4px 10px #0000001a;border-radius:10px 10px 0 0}
.mySlides{display:none;width:100%;border-top-left-radius:10px;border-top-right-radius:10px}
.mySlides img{width:100%;height:auto;vertical-align:middle;border-top-left-radius:10px;border-top-right-radius:10px}
.carousel-controls{padding:5px 0;margin-top:0;display:flex;justify-content:center;align-items:center;border-bottom-left-radius:20px;border-bottom-right-radius:22px;background-color:#f0f0f0;transition:background-color .8s ease}
.prev,.next{cursor:pointer;position:static;display:flex;align-items:center;justify-content:center;width:auto;height:30px;padding:8px 12px;color:#fff;font-weight:700;font-size:14px;transition:.6s ease;border-radius:5px;user-select:none;background-color:#0009;margin:0 10px;text-decoration:none}
.prev:hover,.next:hover{background-color:#000000e6}
.carousel-controls-inner{display:flex;align-items:center}
.dot{cursor:pointer;height:15px;width:15px;margin:0 5px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}
.active,.dot:hover{background-color:#fff}
.fade{animation-name:fade;animation-duration:1.5s}
@keyframes fade {
from{opacity:.5}
to{opacity:1}
}
@media (max-width: 600px) {
  .dot {
    height: 10px;
    width: 10px;
    margin: 0 3px; 
  }
}
@media (max-width: 600px) {
  .prev {
    height: 10px;
    width: 10px;
    margin: 0 3px; 
  }
}
@media (max-width: 600px) {
  .next {
    height: 10px;
    width: 10px;
    margin: 0 3px; 
  }
}