@charset "UTF-8";body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4}.banner-container{width:100%;max-width:1200px;margin:20px auto;overflow:hidden;position:relative;border-radius:8px}.banner-wrapper{display:flex;transition:transform 0.5s ease-in-out}.banner-slide{width:100%;min-width:100%;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.banner-slide img{width:100%;height:auto;max-height:80vh;object-fit:contain;display:block}.banner-text{position:absolute;top:20px;left:20px;transform:none;color:white;background-color:rgba(55,119,168,0.7);padding:15px 25px;border-radius:5px;text-align:left;font-size:1.3em;font-weight:bold;text-shadow:2px 2px 4px rgba(0,0,0,0.7);max-width:50%;max-height:100%;box-sizing:border-box}@media (max-width:768px){.banner-text{top:15%;left:5%;max-width:50%;font-size:0.7em;padding:10px 15px}.banner-arrow{display:none}}@media (max-width:480px){.banner-text{top:10%;left:3%;max-width:50%;font-size:0.5em;padding:8px 12px}.banner-arrow{display:none}}@media (max-width:320px){.banner-text{font-size:0.3em;padding:5px 10px;top:5%}.banner-arrow{display:none}}.medaux{color:#FFD800}.banner-navigation{position:absolute;bottom:5px;right:2%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}.banner-dot{width:12px;height:12px;background-color:rgba(128,128,128,0.2);border-radius:50%;cursor:pointer;transition:background-color 0.3s ease}.banner-dot.active{background-color:#007bff}.banner-arrow{position:absolute;top:90%;transform:translateY(-50%);background-color:rgba(0,0,0,0.2);color:white;border:none;padding:5px 10px;cursor:pointer;font-size:1.5em;z-index:10;border-radius:4px}.banner-arrow.left{left:10px}.banner-arrow.right{right:10px}.banner-arrow:hover{background-color:rgba(0,0,0,0.7)}