.my-logo-slider{margin:25px 0;width:100%;font-family:inherit}.my-slider-container{display:flex;align-items:center;gap:10px;width:100%}.my-viewport{overflow:hidden;width:100%;border-radius:8px}.my-track{display:flex;gap:20px;transition:transform .5s ease}.my-slide{flex:0 0 calc(25% - 15px);min-width:140px;display:flex;justify-content:center;align-items:center}.my-arrow{background:rgba(255,255,255,.7);border:none;color:#333;width:35px;height:35px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:all .3s;flex-shrink:0}.my-arrow:hover{background:rgba(255,255,255,.9);transform:scale(1.1)}.my-arrow:active{transform:scale(.95)}.my-dots{display:flex;justify-content:center;gap:8px;margin-top:15px}.my-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);border:none;padding:0;cursor:pointer;transition:all .3s}.my-dot.active{background:#fff;transform:scale(1.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}.my-dot:hover{background:rgba(255,255,255,.8)}@media (max-width:768px){.my-slide{flex:0 0 calc(33.333% - 14px)}}@media (max-width:480px){.my-slide{flex:0 0 calc(100% - 0px)}.my-arrow{width:35px;height:35px;font-size:18px}}