.shs-source-slides {
    display: none;
}
.shs-html-inner * {
    user-select:none;
}
.shs-slider-container  * {
    box-sizing: border-box;
}
.shs-slider-container {
    width:100%;
    max-width:100%;
    box-sizing: border-box;
    margin:auto;
}
.shs-outer-slider {
    width:100%;
    overflow: hidden;
    position: relative;
}
.shs-html-slider-wrap {
    position: relative;
    overflow: visible;
    width: 100%;
}
.shs-sliderHTML {
    display:flex;
}
.shs-arrow {
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    width:30px;
    height:30px;
    background-color: #000;
    border-radius:7px;
    cursor: pointer;
    border:1px solid #aaa;
}
.shs-arrow svg {
    color:#fff;
    position: absolute;
}
.shs-next svg {
    top: 7px;
    left: 8px;
}
.shs-prev svg {
    top: 7px;
    left: 8px;
}
.shs-next {
    right: 5px;
}
.shs-prev {
    left:5px;
    transform: rotate(180deg) translateY(50%);
}
.shs-html-wrap {
    position: relative;
    display:flex;
}

.shs-html-inner {
    padding:0px;
    background: #f2f2f2;
    height: 100%;
    width: 100%;
}
.shs-html-inside {
    display: flex;
    flex-direction: column;
    padding:20px;
    font-family: inherit;
}
.ms-wrap {
    overflow: auto;
}
#shs-wrap {
    position: absolute;
    width: 100%;
    left:50%;
    transform: translateX(-50%) ;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    row-gap:3px;
    column-gap:10px;
    justify-content: center;
}
.shs-bullets {
    width:13px;
    height:13px;
    background: #aaa;
    border-radius: 50%;
    border:1px solid #ccc;
    margin-top:5px;
}
.shs-act-bullet {
    background: #833ee5;
}
.outer-arrows {
    padding-left:50px;
    padding-right:50px;
}
.outer-arrows .shs-next {
    right:-40px;
}
.outer-arrows .shs-prev {
    left:-40px;
}