.g-scrolling-carousel {
    position: relative;
    background-color: #3b7b33;
    border-radius: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
}
    .g-scrolling-carousel .items {
        display: flex;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
        min-width: 200px;
        -webkit-overflow-scrolling: touch;
    }

        .g-scrolling-carousel .items > * {
            display: block;
            min-width: 200px;
            user-select: none;
            margin-left: 4px;
            margin-right: 4px;
            margin-top: 10px;
            margin-bottom: 20px;
            margin-top: 20px;
        }

.jc-right,
.jc-left {
    width: 36px;
    height: 36px;
    color: #757575;
    margin-bottom: auto;
    margin-top: auto;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.04), 0 4px 8px 0 rgba(0,0,0,0.20);
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0.94;

}
.jc-right {
    right:-7px;
}
.jc-left {
    left:-7px;
}

.jc-right:hover,
.jc-left:hover{
    opacity: 0.98;
}
.jc-right:active,
.jc-left:active{
    background-color: rgba(245, 245, 245, 0.98);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.08), 0 4px 8px 0 rgba(0,0,0,0.20);
}
.jc-right svg,
.jc-left svg{
    position: absolute;
    left: 0;right: 0;bottom: 0;top: 0;
    margin: auto;
    width: 24px;
    height: 24px;
    fill: #757575;
}
.jc-right:hover svg,
.jc-left:hover svg{
   fill: #000;
}