.s6 {
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: contain;
    background-position:  bottom center;
    background-image: url(/assets/image/svg/bg-section-5-6.svg)
}

.s6-content-position {
    display: block;
    padding-top: 77px;
    padding-bottom: 77px;
    background-repeat: no-repeat;
    background-size: 92.5%;
    background-position: top 40% left 36%;
    background-image: url(/assets/image/svg/bg-section-5.svg)
}

.s6-content-position .config-second-content {
    padding-top: calc(86px - 3rem);
    padding-bottom: 98px;
}

.s6-content-position-2{
    padding-bottom: 77px;
    background-repeat: no-repeat;
    /* background-size: 80%; */
    background-position: top 6% left 12%;
    background-image: url(/assets/image/svg/bg-section-5-5.svg);
}

#btnFullParameter {
    width: auto !important;
}

#btnRealtimeRouting {
    width: auto !important;
}

.progressBar {
    width: 100%;
    background-color: #BDBDBD;
    border-radius: 14px;
    height: 17px;
  }
  .staticBar {
    width: 0%;
    height: 30px;
    background-color: #EB5757;
    border-radius: 14px;
    height: 17px;
  }
.runningBar {
    width: 1%;
    height: 30px;
    background-color: #EB5757;
    border-radius: 14px;
    height: 17px;
  }

@media screen and (max-width: 480px) {
    .s6-content-position {
        display: block;
    }

    .s6-content-position .config-first-content {
        background-size: unset;
    }

    .container-coin-group {
        padding: unset !important;
    }

    .container-rnd-group {
        padding: unset !important;
    }

    .rnd-group-size {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .rnd-item-1 {
        margin-right: auto;
    }

    .rnd-item-2 {
        margin-left: auto;
    }
}