.slide-wrapper{width:100%;padding-top:51%;margin-top:40px;position:relative}.carouselcss{position:absolute;width:100%;top:0;left:0;bottom:0;right:0;height:100%;z-index:0}ul.slides{display:block;position:relative;height:100%;margin:0;padding:0;overflow:hidden;list-style:none}.slides *{user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.slide-text{position:absolute;bottom:50%;right:41px;color:#fff;background-color:#060606c4}ul.slides input{display:none}.slide-container{display:block}.slide-image{display:block;position:absolute;width:100%;height:100%;top:0;opacity:0;transition:all .7s ease-in-out}.slide-image img{width:auto;min-width:100%;height:100%}.carouselcss-controls{position:absolute;top:0;left:0;right:0;z-index:999;font-size:100px;line-height:92vh;color:#fff}.carouselcss-controls label{display:none;position:absolute;opacity:0;transition:opacity .2s;cursor:pointer;height:92vh}.slide-image:hover+.carouselcss-controls label{opacity:.5}.carouselcss-controls label:hover{opacity:1}.carouselcss-controls .prev-slide{width:9%;text-align:left;left:0;z-index:0}.carouselcss-controls .next-slide{width:9%;text-align:right;right:0;z-index:0}.carouselcss-titiks{position:absolute;right:10%;bottom:5vh;z-index:0;text-align:center}.carouselcss-titiks .carouselcss-titik{display:inline-block;border-radius:50%;opacity:.75}input:checked+.slide-container .slide-image{opacity:1;transform:scale(1);transition:opacity 1s ease-in-out}input:checked+.slide-container .carouselcss-controls label{display:block}input#img-1:checked~.carouselcss-titiks label#img-titik-1,input#img-2:checked~.carouselcss-titiks label#img-titik-2,input#img-3:checked~.carouselcss-titiks label#img-titik-3,input#img-4:checked~.carouselcss-titiks label#img-titik-4,input#img-5:checked~.carouselcss-titiks label#img-titik-5,input#img-6:checked~.carouselcss-titiks label#img-titik-6{opacity:1}input:checked+.slide-container .nav label{display:block}.fill-b{position:absolute;right:5%;width:40%;color:#fff;margin:5% 5% 0 0;background-color:#000000ad;padding:20px 20px 40px 25px;border-radius:10px}.fill-b h5{font-weight:700;font-size:2.5rem}.fill-b p{margin-top:5%;display:block}.carouselcss-titik img{height:15vh;width:15vh;margin:0 1vw 0 0;border-radius:1vw;border:1px solid #fff}.carouselcss-controls span{font-size:8rem}@media screen and (max-width: 1153px){.slide-wrapper{width:unset;padding-top:600px}.carouselcss{width:unset;height:600px}ul.slides{height:600px}}@media screen and (max-width: 700px){.fill-b{right:0;left:0;margin:7% auto;width:78%}.carouselcss-titik img{height:10vh;width:10vh}.carouselcss-titiks{left:0;right:0}}