* { box-sizing: border-box; margin: 0; padding: 0;}
        .slider-box { display: flex; justify-content: center; align-items: center; height: 70vh; background: #FFF; }
        .slideshow-container { position: relative; max-width: 90%; width: 90%; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2); margin-bottom: 50px;}
        .slides { display: flex; transition: transform 1s ease-in-out; }
        .slide { min-width: 100%; opacity: 0; position: absolute; transition: opacity 1s ease-in-out, transform 1s ease-in-out; transform: scale(0.9); }
        .slide img { width: 100%; height: 400px; object-fit: cover; border-radius: 10px; }
        .active { opacity: 1; position: relative; transform: scale(1); }
        .controls { position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; transform: translateY(-50%); }
        .control-btn { background: rgba(0, 0, 0, 0.5); color: white; border: none; padding: 10px 15px; cursor: pointer; font-size: 18px; border-radius: 5px; }
        .control-btn:hover { background: rgba(0, 0, 0, 0.8); }