.slideshow-container{position:relative;width:100%;min-height:400px;overflow:hidden;margin-top:2rem}.slides-container{position:relative;width:100%;min-height:400px}.mySlides,.mySlides.fade{display:none;width:100%;min-height:400px;opacity:0;transform:translateX(40px)}.mySlides.slide-active,.mySlides.fade.slide-active{display:block;opacity:1;transform:translateX(0);animation:slideFadeIn .6s ease both}.mySlides.slide-active img,.mySlides.fade.slide-active img{animation:imageFadeIn .6s ease both}@keyframes slideFadeIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes imageFadeIn{from{opacity:0}to{opacity:1}}@keyframes slideFadeIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.navigation-container{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-top:2rem}.prev,.next{cursor:pointer;padding:8px 16px;display:inline-block;transition:all .3s ease;background-color:transparent;color:#000;border:1px solid #000;transition:.75s;padding:.25em .75em;text-decoration:none;border-radius:.25em;text-transform:uppercase}}.dots-container{display:flex;gap:12px}.dot{cursor:pointer;width:9px;height:9px;border:1px solid #000;border-radius:50%;background:0 0;display:inline-block;transition:all .3s ease}.dot.active,.dot:hover{background:#000}@media (max-width:768px){.navigation-container{flex-wrap:wrap;justify-content:center}}