.banner{position:relative;width:100vw;height:250px;margin:0 auto;overflow:hidden}.loader-container{justify-content:center;align-items:center}.banner-container,.loader-container{position:relative;width:100%;height:100%;display:flex}.banner-container{z-index:1}.banner-card{flex:none;position:relative;width:100%}.banner-card-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10}.banner-card-title{color:#fff;font-size:2rem;font-weight:700;text-align:center}.banner-card-slogan{color:#fff;font-size:1rem;text-align:center}.banner-card-img{z-index:1;filter:brightness(.7);-o-object-fit:cover;object-fit:cover}.btn-container{position:absolute;display:flex;justify-content:space-between;align-items:flex-end;top:0;left:0;z-index:20;width:100%;height:100%}.banner-next,.banner-prev{position:relative;display:flex;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;color:#fff;cursor:pointer;z-index:10;background-color:rgba(0,0,0,.2)}.banner-next:hover,.banner-prev:hover{background-color:rgba(0,0,0,.5)}.banner-prev{left:0;border-radius:0 15px 15px 0}.banner-next{right:0;border-radius:15px 0 0 15px}.ctrl-btn-container{top:0;left:0;width:100%;height:100%;align-items:flex-end}.ctrl-btn-container,.ctrl-btns{position:absolute;display:flex;justify-content:center;z-index:20}.ctrl-btns{bottom:0;left:50%;transform:translateX(-50%);width:-moz-fit-content;width:fit-content;height:30px;align-items:center}.small-btn{width:15px;height:15px;background-color:#d3d3d3;border:1px solid #000;opacity:.5;border-radius:25px;margin:7px 7px 30px;transition:.5s ease-in-out}.small-btn.active{background-color:#fff;opacity:.8;border:2px solid #fff}@media screen and (min-width:750px){.banner{height:300px}.banner-next,.banner-prev{font-size:2.25rem}.btn-container{align-items:center}.banner-card-title{font-size:3rem}.banner-card-slogan{font-size:1.5rem}}@media screen and (min-width:1000px){.banner{height:400px}.banner-next,.banner-prev{font-size:2.5rem;border-radius:15px}.banner-prev{left:20px}.banner-next{right:20px}.banner-card-title{font-size:4rem}.banner-card-slogan{font-size:2rem}}