.mms-slider-main { position: relative; overflow: hidden; border-radius: 12px; margin: auto; }
.mms-item { position: absolute; inset: 0; opacity: 0; transition: 1s ease; }
.mms-item.active { opacity: 1; z-index: 2; }
.mms-item img, .mms-item video { width: 100%; height: 100%; object-fit: cover; }
.mms-arrows { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); z-index: 10; display: flex; justify-content: space-between; padding: 0 20px; box-sizing: border-box; }
.mms-arrows span { background: rgb(0 0 0 / 24%); backdrop-filter: blur(5px); color: #fff; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; }
.mms-arrows span:hover { background: #fff; color: #000; }