.container, .container1, .container2, .container3, .container4, .container5, .container6, .container9, .container10, .container11, .container12 {
    max-width: 1200px;
    margin: 0;
    background: #f1f1f1;
    padding: 0;
    position:relative;
}

.slider, .slider1, .slider2, .slider3, .slider4, .slider5, .slider6, .slider9, .slider10, .slider11, .slider12 {
    border: 2px solid black;
    /* width: 100%; */
    max-width: 100%;
    /* height: 300px; */
    margin: 10px;
    overflow: hidden;
}

.slider-line, .slider-line1, .slider-line2, .slider-line3, .slider-line4, .slider-line5, .slider-line6, .slider-line9, .slider-line10, .slider-line11, .slider-line12 {
    width: 1024px;
    display: flex;
    background: white;
    position: relative;
    left: 0;
    transition: all ease 1s;
}

.button-prev {
    position:absolute;
    top:45%;
    font-size:1em;
    width:20px;
    padding-left:0;
}

.button-next {
    position:absolute;
    top:45%;
    right:0px;
    font-size:1em;
    width:20px;
    padding-left:0;
}

.indikator, .indikator1, .indikator2, .indikator3, .indikator4, .indikator5, .indikator6, .indikator9, .indikator10, .indikator11, .indikator12 {
    position:relative;
    width:100%;
    border:0;
    text-align:center;
    top:-5px;
}

.dot, .dot1, .dot2, .dot3, .dot4, .dot5, .dot6, .dot9, .dot10, .dot11, .dot12 {
    margin-right:5px;
    display:inline-block;
    position:relative;
    width:8px;
    height:8px;
    background-color:#fff;
    border:2px solid#000;
    border-radius:5px;
}