.titoslider {
    width: 100%;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    position: relative
}

.titoslider,.titoslider .wrap,.titoslider .wrap>.slides>.slide,.titoslider .wrap>:not(.slides) {
    -webkit-transition: all .25s,width 0s,padding 0s,gap 0s,margin 0s,border 0s!important;
    -o-transition: all .25s,width 0s,padding 0s,gap 0s,margin 0s,border 0s!important;
    transition: all .25s,width 0s,padding 0s,gap 0s,margin 0s,border 0s!important
}

.titoslider>.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    gap: 5px;
    direction: ltr
}

.titoslider>.pagination li {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #000;
    cursor: pointer;
    transition: all .25s!important;
}

.titoslider>.pagination li.active {
    width: 25px
}

.titoslider .outer-wrap {
    width: 100%;
    -webkit-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
    position: relative;
}

.titoslider .wrap {
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
    direction: ltr;
    -ms-overflow-style: none;
  scrollbar-width: none;
}
.titoslider .wrap::-webkit-scrollbar {
    display: none;
  }

.titoslider .wrap.touchable {
    cursor: -webkit-grab;
    cursor: grab
}

.titoslider .wrap.touchable.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing
}
.titoslider .wrap.touchable.dragging a {
    pointer-events: none;
}

.titoslider .transition-25ms {
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}
.titoslider .wrap>.slides {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    position: relative;
    direction: ltr;
    float: left;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: all .25s,width 0s,padding 0s;
    -o-transition: all .25s,width 0s,padding 0s;
    transition: all .25s,width 0s,padding 0s
}

.titoslider .wrap>.slides>.slide {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}