.banner{width:100%;height:500px;overflow:hidden;margin-bottom:2rem}.banner-image-container{width:100%;height:100%}.banner-image{z-index:1;display:block}.banner-image-desktop{display:block}.banner-image-mobile{display:none}@media (max-width:991.98px){.banner-image-desktop{display:none}.banner-image-mobile{display:block}}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.35);color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .2s}.carousel-arrow-left{left:16px}.carousel-arrow-right{right:16px}.carousel-arrow:hover{background:rgba(0,0,0,.55)}.carousel-dots{position:absolute;bottom:18px;left:0;width:100%;display:flex;justify-content:center;gap:8px;z-index:10}.carousel-dot{width:12px;height:12px;border-radius:50%;border:none;background:rgba(255,255,255,.7);transition:background .2s;cursor:pointer;outline:none}.carousel-dot.active{background:#ffc107;box-shadow:0 0 0 2px #fff}.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:2}.banner .container{z-index:3;height:100%;display:flex;align-items:center}.text-shadow{text-shadow:1px 1px 3px rgba(0,0,0,.6)}@media (max-width:768px){.banner{height:400px}}@media (max-width:576px){.banner{height:300px}}