.index-info{text-align:center;color:#fff;margin:115px 0 25px;font-size:18px;font-weight:300}.slider{max-width:60vw;aspect-ratio:16/9;margin:0 auto;position:relative}.image-info{position:absolute;z-index:1;right:0;top:0;color:#111;background-color:#f1f1f1;border:1px solid #9f9f9f;border-top:none;border-right:none;padding:8px 12px;font-weight:400}.slider-img{position:absolute;width:100%;height:100%;object-fit:cover}.navigation-button{position:absolute;width:48px;height:48px;border-radius:50%;background-color:transparent;border:2px solid #d4d4d4;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .1s ease}.navigation-button:hover{background-color:#4e4e4e56;border:2px solid #f4f4f4;box-shadow:0 0 2px 2px #f4f4f4}.prev-button{left:-100px}.next-button{right:-100px}.navigation-button img{width:15px}.navigation-button:hover img{width:17.5px}@media screen and (max-width: 720px){.index-info{font-size:16px}.navigation-button{width:35px;height:35px}.prev-button{left:-75px}.next-button{right:-75px}.navigation-button img{width:12px}.navigation-button:hover img{width:12.5px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:#111;font-family:Inter,Helvetica,sans-serif}