/* <global-css> */

.button-select {
	border: 0px !important;
	background-color: transparent !important;
}

.text-carousel{
	margin: 20px;
	color: #172b3e;
}

.main-body {
	padding-top: 0;
}

.btn-hero img:hover{
	 transform: scale(1.1);
}

.carousel-control-next-icon:hover {
    transform: scale(1.1);
}

.carousel-control-prev-icon:hover {
    transform: scale(1.1);
}

.carousel-control-next {
    opacity: 1;
    top: auto;
    bottom: 2%;
    z-index: 999;
    right: 2%;
    width: max-content;
}
.carousel-control-prev {
    opacity: 1;
    top: auto;
    bottom: 2%;
    z-index: 999;
    left: 2%;
    width: max-content;
}

.carousel-control-started {
	opacity: 1;
    width: max-content;
	border: none;
    background-color: transparent;
}

.next-icon-next {
	position: absolute;
	bottom: 2%;
	width: 3rem;
	right: 20%;
}

.next-icon-prev {
	position: absolute;
	bottom: 2%;
	width: 3rem;
	left: 2%;
}

/* <global-css/> */

/* <desktop-display> */
@media screen and (min-width: 769px) {
	
	.bg-opening-desktop {
		background-image: url("../images/smartpedia/kata-ajaib/Opening/bg-opening-d.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;display: block;
		position: absolute;
		position: relative;
		width: 100%;
		margin: 0px auto;
		box-sizing: border-box;
		text-align: center;
		height: 85vh;
	}
	
	.next-icon-opening {
		width: 3rem;
	}

	.logo-opening {
		width: 270px;
		margin: 50px 30px 30px 30px;
	}
	
	.talent-opening {
		position: absolute;
		bottom: 0;
		min-width: 755px !important;
		margin-left: 90px;
	}
	
	.text-carousel {
		font-size: 20px;
	}
	
	.sec-closing {
		height: 85vh!important;
	}
	
	.bg-closing {
		height: 85vh!important;
	}
	
	.sec-maaf {
		height: 80vh!important;
		width: 100%;
	}
	.bg-maaf {
		height: 85vh!important;
	}

	
	
}
/* <desktop-display/> */	
	
	
		
/* <mobile display> */

/* <Redmi 11> */
@media screen and (min-width: 300px) {}

/* <iphone SE> */
@media screen and (min-width: 375px) {
	
	.talent-opening {
		width: 395px !important;
		left: -15px !important;
	}
	
	.talent-maaf {
	    max-width: 225px !important;
		left: 18% !important;
	}
	
	.talent-maaf-scene1 {
		bottom: 8% !important;
		max-width: 300px !important;
		left: 10% !important;
	}
	
	.talent-maaf-scene2 {
		bottom: 8%!important;
		max-width: 100% !important;
	}
	
	.talent-maaf-scene3 {
		max-width: 245px!important;
		left: 15%!important;
	}
	
	.bubble-maaf-scene2 {
		bottom: 20% !important;
	}
	
	.talent-tolong {
		max-width: 230px!important;
		left: 12%!important;
	}
	
	.talent-tolong-scene1 {
		max-width: 290px!important;
		left: 12%!important;
	}
	
	.talent-tolong-scene2 {
		max-width: 565px!important;
		left: -20%!important;
	}
	
	.talent-tolong-scene3 {
		width: 274px!important;
		left: 15%!important;
	}
	
	.talent-terimakasih {
		max-width: 153px!important;
		left: 30%!important;
	}
	
	.talent-terimakasih-scene2 {
	    max-width: 190px!important;
		left: 25%!important;
	}
	
	.talent-terimakasih-scene3 {
	    max-width: 190px!important;
		left: 25%!important;
	}
	
	.talent-permisi {
		max-width: 157px!important;
		left: 30% !important;
	}
	
	.talent-permisi-scene1 {
	    max-width: 259px!important;
		left: 15% !important;
	}
	
	.talent-permisi-scene3 {
		max-width: 200px!important;
		left: 25%!important;

	}
	
	.sec-closing {
		height: 95vh!important;
	}
	
	.bg-closing {
		height: 77vh!important;
	}
}


/* <iphone 12 & 13> */
@media screen and (min-width: 390px) {
	
	.next-icon-opening {
		margin-bottom: 30px;
	}
	
	.next-icon-next{
		margin-bottom: 30px;
	}
	
	.next-icon-prev{
		margin-bottom: 30px;
	}
	
	.talent-opening {
		width: 520px !important;
		left: -52px !important;
	}
	
	.talent-maaf-scene1 {
		bottom: 10% !important;
		max-width: 355px !important;
		left: 5% !important;
	}
	
	.talent-maaf-scene2 {
		bottom: 10%!important;
		max-width: 380px!important;
	}
	
	.text-maaf-scene2 {
		width: 100%!important;
		margin-top: 50px!important;
	}
	
	.talent-maaf {
		max-width: 280px !important;
		left: 12% !important;
	}
	
	.talent-maaf-scene3 {
		max-width: 275px!important;
		left: 15%!important;
	}
	
	.talent-tolong {
	    max-width: 320px!important;
		left: 5%!important;
	}
	
	.talent-tolong-scene1 {
		max-width: 100% !important;
		left: 2%!important;
	}
	
	.talent-tolong-scene2 {
		max-width: 765px!important;
		left: -45%!important;
	}
	
	.talent-tolong-scene3 {
		width: 382px!important;
		left: 0%!important;
	}
	
	.talent-terimakasih {
		max-width: 220px!important;
		left: 15%!important;
	}
	
	.talent-terimakasih-scene2 {
		max-width: 260px!important;
		left: 15%!important;
	}
	
	.talent-terimakasih-scene3 {
		max-width: 250px!important;
		left: 15%!important;
	}
	
	.talent-permisi {
		max-width: 223px!important;
		left: 22%!important;
	}
	
	.talent-permisi-scene1 {
		max-width: 350px!important;
	}
	
	.talent-permisi-scene3 {
		max-width: 265px!important;
		left: 18%!important;
	}
	
	.sec-closing {
		height: 77vh!important;
	}
}

/* <iphone XR> */
@media screen and (min-width: 414px) {
	.talent-opening {
		width: 502px!important;
		left: -10% !important;
	}
	
	.text-opening {
		margin-top: 40px!important;
	}
	
	.talent-maaf {
		max-width: 280px!important;
		left: 15%!important;
	}
	
	.talent-maaf-scene1 {
		max-width: 360px!important;
	}
	
	.talent-maaf-scene2 {
		max-width: 430px!important;
		left: 3%!important;
	}
	
	.text-maaf-scene2 {
		margin-top: 50px!important;
	}
	
	.talent-maaf-scene3 {
		max-width: 300px!important;
	}
	
	.text-maaf-scene3 {
		margin-top: 50px!important;
	}
	
	.talent-tolong {
		max-width: 355px!important;
		left: 2%!important;
	}
	
	.talent-tolong-scene1 {
		max-width: 100%!important;
	}
	
	.talent-tolong-scene2 {
		max-width: 830px!important;
		left: -45%!important;
	}
	
	.talent-tolong-scene3 {
		width: 412px!important;
	}
	
	.talent-terimakasih {
		max-width: 230px!important;
		left: 20% !important;
	}
	
	.text-terimakasih-scene1 {
		margin-top: 35px!important;
	}
	
	.talent-terimakasih-scene2 {
		max-width: 305px!important;
	}
	
	.talent-terimakasih-scene3 {
		max-width: 295px!important;
	}
	
	.talent-permisi {
		max-width: 240px!important;
		left: 20%!important;
	}
	
	.talent-permisi-scene1 {
		max-width: 375px!important;
		left: 10% !important;
	}
	
	.text-permisi-scene1 {
		margin-top: 45px!important;
	}
	
	.text-permisi-scene2 {
		margin-top: 45px!important;
	}
	
	.text-permisi-scene3 {
		margin-top: 45px!important;
	}
	
	.talent-permisi-scene3 {
		max-width: 280px!important;
		left: 20%!important;
	}
	
	.sec-closing {
		height: 70vh!important;
	}
	
	.bg-closing {
		height: 70vh!important;
	}
}

@media screen and (max-width: 768px) {
	
	.text-carousel{
		margin: 20px;
		color: #172b3e;
		font-size : 12px;
	}
	

/* <opening> */
	.sec-opening {
		height:80vh;
		width: 100%;
	}
	
	.bg-opening {
		background-image: url("../images/smartpedia/kata-ajaib/Opening/bg-opening.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.logo-opening {
		width: 120px;
		margin: 30px 30px 10px 30px;
	}
	
	.text-opening {
		width: 100%;
	}
	
	.container-opening {
		text-align:center;
	}
	
	.talent-opening {
		position: absolute;
		bottom: 0;
		width: 470px;
		left: -46px;
	}
	
	.next-icon-opening {
		position: absolute;
		bottom: 2%;
		width: 3rem;
		right: 20%;
	}
	
	.next-icon-opening:hover {
		transform: scale(1.1);
	}
}
/* <opening/> */

/* <maaf> */
	.sec-maaf {
		height:80vh;
		width: 100%;
	}
	
	.bg-maaf {
		background-image: url("../images/smartpedia/kata-ajaib/5/0bg-permisi.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.bg-maaf-d {
		background-image: url("../images/smartpedia/kata-ajaib/2/0bg-maaf-d.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.logo-maaf {
		width: 177px;
		margin: 30px 30px 10px 30px;
	}
	
	.logo-maaf-d {
		width: 500px;
	}
	
	.container-maaf {
		text-align:center;
	}
	
	.talent-maaf {
		position: absolute;
		bottom: 0% !important;
		left: 15% !important;
		width: 70%;
		
	}
	
	.talent-maaf-d {
		position: absolute;
		bottom: 0% !important;
		left: 15% !important;
		width: 330px;
		
	}
	
	.next-icon-maaf:hover {
		transform: scale(1.1);
	}
	
/* <maaf-scene1> */
	.sec-maaf-scene1 {
		height:80vh;
		width: 100%;
	}
	
	
	.bg-maaf-scene1 {
		background-image: url("../images/smartpedia/kata-ajaib/2/1bg-maaf.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.bg-maaf-scene1-d {
		background-image: url("../images/smartpedia/kata-ajaib/2/1bg-maaf-d.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center bottom;
		display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.text-maaf-scene1 {
		width: 100%;
		margin-top: 20px;
	}
	
	.talent-maaf-scene1-d {
		width: 70%;
		position: absolute;
		bottom: 5%;
		left: 20%;
	}
	
	.container-maaf-scene1 {
		text-align:center;
	}
	
	.talent-maaf-scene1 {
		position: absolute;
		bottom: 10%;
		max-width: 315px;
		width: 100%;
		left: 8%;
		right: 0;
	}
	
	.next-icon-maaf-scene1 {
		position: absolute;
		bottom: 2%;
		width: 3rem;
		right: 20%;
	}
	
	.next-icon-maaf-scene1:hover {
		transform: scale(1.1);
	}
	
/* <maaf-scene2> */
	.sec-maaf-scene2 {
		height:80vh;
		width: 100%;
	}
	
	.bg-maaf-scene2 {
		background-image: url("../images/smartpedia/kata-ajaib/2/1bg-maaf.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.bg-maaf-scene2-d {
		background-image: url("../images/smartpedia/kata-ajaib/2/1bg-maaf-d.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center bottom;
		display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.text-maaf-scene2 {
		width: 100%;
		margin-top: 20px;
	}
	
	.container-maaf-scene2 {
		text-align:center;
	}
	
	.talent-maaf-scene2 {
		position: absolute;
		bottom: 10%;
		max-width: 350px;
		width: 100%;
		left: 5%;
		right: 0;
	}
	
	.talent-maaf-scene2-d {
		width: 70%;
		position: absolute;
		bottom: 5%;
		left: 20%;
	}
	
	.bubble-maaf-scene2 {
		position: absolute;
		bottom: 25%;
		width: 115px;
		right: 0;
	}
	
	.next-icon-maaf-scene2 {
		position: absolute;
		bottom: 2%;
		width: 3rem;
		right: 20%;
	}
	
	.next-icon-maaf-scene2:hover {
		transform: scale(1.1);
	}
	
/* <maaf-scene3> */
	.sec-maaf-scene3 {
		height:80vh;
		width: 100%;
	}
	
	.bg-maaf-scene3 {
		background-image: url("../images/smartpedia/kata-ajaib/2/1bg-maaf.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.bg-maaf-scene3-d {
		background-image: url("../images/smartpedia/kata-ajaib/2/1bg-maaf-d.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center bottom;
		display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.text-maaf-scene3 {
		width: 100%;
		margin-top: 20px;
	}
	
	.container-maaf-scene3 {
		text-align:center;
	}
	
	.talent-maaf-scene3 {
		position: absolute;
		bottom: 0;
		max-width: 252px;
		width: 100%;
		left: 15%;
		right: 0;
	}
	
	.talent-maaf-scene3-d {
		width: 70%;
		position: absolute;
		bottom: 0;
		left: 20%;
	}
	
	.next-icon-maaf-scene3 {
		position: absolute;
		bottom: 2%;
		width: 3rem;
		right: 20%;
	}
	
	.next-icon-maaf-scene3:hover {
		transform: scale(1.1);
	}

/* <tolong> */
	.sec-tolong {
		height:80vh;
		width: 100%;
	}
	
	
	.bg-tolong {
		background-image: url("../images/smartpedia/kata-ajaib/5/0bg-permisi.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.logo-tolong {
		width: 177px;
		margin: 60px 30px 10px 30px;
	}
	
	.container-tolong {
		text-align:center;
	}
	
	.talent-tolong {
		position: absolute;
		bottom: 0;
		max-width: 300px;
		width: 100%;
		left: 5%;
		right: 0;
	}
	
	.talent-tolong-d {
		position: absolute;
		bottom: 0% !important;
		left: 15% !important;
		width: 390px;
		transform: scaleX(-1);
	}
	
	.next-icon-tolong {
		position: absolute;
		bottom: 2%;
		width: 3rem;
		right: 20%;
	}
	
	.next-icon-tolong:hover {
		transform: scale(1.1);
	}

/* <tolong-scene1> */
	.sec-tolong-scene1 {
		height:80vh;
		width: 100%;
	}
	
	.bg-tolong-scene1 {
		background-image: url("../images/smartpedia/kata-ajaib/3/1bg-tolong.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.bg-tolong-scene1-d {
		background-image: url("../images/smartpedia/kata-ajaib/3/1bg-tolong-d.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center bottom;
		display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.text-tolong-scene1 {
		width: 100%;
		margin-top: 20px;
	}
	
	.container-tolong-scene1 {
		text-align:center;
	}
	
	.talent-tolong-scene1 {
		position: absolute;
		bottom: 0;
		max-width: 375px;
		width: 100%;
		left: 2%;
		right: 0;
	}
	
	.talent-tolong-scene1-d {
		width: 70%;
		position: absolute;
		bottom: 0;
		left: 20%;
	}
	
	.bubble-tolong-scene1 {
		position: absolute;
		bottom: 30%;
		width: 115px;
		left: 2%;
	}
	
	.next-icon-tolong-scene1 {
		position: absolute;
		bottom: 2%;
		width: 3rem;
		right: 20%;
	}
	
	.next-icon-tolong-scene1:hover {
		transform: scale(1.1);
	}
	
/* <tolong-scene2> */
	.sec-tolong-scene2 {
		height:80vh;
		width: 100%;
	}
	
	.bg-tolong-scene2 {
		background-image: url("../images/smartpedia/kata-ajaib/3/2bg-tolong.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.bg-tolong-scene2-d {
		background-image: url("../images/smartpedia/kata-ajaib/3/2bg-tolong-d.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.text-tolong-scene2 {
		width: 100%;
		margin-top: 20px;
	}
	
	.container-tolong-scene2 {
		text-align:center;
	}
	
	.talent-tolong-scene2 {
		position: absolute;
		bottom: 0;
		max-width: 676px;
		left: -40%;
	}
	
	.next-icon-tolong-scene2 {
		position: absolute;
		bottom: 2%;
		width: 3rem;
		right: 20%;
	}
	
	.next-icon-tolong-scene2:hover {
		transform: scale(1.1);
	}
	
/* <tolong-scene3> */
	.sec-tolong-scene3 {
		height:80vh;
		width: 100%;
	}
	
	.bg-tolong-scene3 {
		background-image: url("../images/smartpedia/kata-ajaib/3/3bg-tolong.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.bg-tolong-scene3-d {
		background-image: url("../images/smartpedia/kata-ajaib/3/1bg-tolong-d.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center bottom;
		display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.text-tolong-scene3 {
		width: 100%;
		margin-top: 20px;
	}
	
	.container-tolong-scene3 {
		text-align:center;
	}
	
	.talent-tolong-scene3 {
		position: absolute;
		bottom: 0;
		width: 324px;
		left: 5%;
	}
	
	.talent-tolong-scene3-d {
		width: 70%;
		position: absolute;
		bottom: 0;
		left: 20%;
	}
	
	.next-icon-tolong-scene3 {
		position: absolute;
		bottom: 2%;
		width: 3rem;
		right: 20%;
	}
	
	.next-icon-tolong-scene3:hover {
		transform: scale(1.1);
	}
	
/* <terimakasih> */
	.sec-terimakasih {
		height:80vh;
		width: 100%;
	}
	
	.bg-terimakasih {
		background-image: url("../images/smartpedia/kata-ajaib/5/0bg-permisi.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.bg-terimakasih-d {
		background-image: url("../images/smartpedia/kata-ajaib/2/0bg-maaf-d.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		display: block;
		position: absolute;
		height: 80vh;
		width: 100%;
		text-align: center;
	}
	
	.logo-terimakasih {
		width: 177px;
		margin: 40px 30px 10px 30px;
	}
	
	.logo-terimakasih-d {
		width: 450px;
	}
		
	.talent-terimakasih-d {
		position: absolute;
		bottom: 0% !important;
		left: 15% !important;
		width: 270px;
		
	}
	
	.talent-terimakasih {
		position: absolute;
		bottom: 0;
		max-width: 202px;
		width: 100%;
		left: 20%;
		right: 0;
	}
	
	.container-terimakasih {
		text-align:center;
	}
	
	.next-icon-terimakasih {
		position: absolute;
		bottom: 2%;
		width: 3rem;
		right: 20%;
	}
	
	.next-icon-terimakasih:hover {
		transform: scale(1.1);
	}
	
/* <terimakasih-scene1> */
	.sec-terimakasih-scene1 {
		height:80vh;
		width: 100%;
	}
	
	.bg-terimakasih-scene1-d {
		background-image: url("../images/smartpedia/kata-ajaib/4/1bg-terimakasih-d.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center bottom;
		display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.bg-terimakasih-scene1 {
		background-image: url("../images/smartpedia/kata-ajaib/4/1talent-terimakasih.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.text-terimakasih-scene1 {
		width: 100%;
		margin-top: 20px;
	}
	
	.container-terimakasih-scene1 {
		text-align:center;
	}
	
	.bubble-terimakasih-scene1 {
		position: absolute;
		bottom: 10%;
		max-width: 145px;
		width: 100%;
		left: 0%;
		right: 0;
	}
	
	.next-icon-terimakasih-scene1 {
		position: absolute;
		bottom: 2%;
		width: 3rem;
		right: 20%;
	}
	
	.next-icon-terimakasih-scene1:hover {
		transform: scale(1.1);
	}	
	
/* <terimakasih-scene2> */
	.sec-terimakasih-scene2 {
		height:80vh;
		width: 100%;
	}
	
	.bg-terimakasih-scene2 {
		background-image: url("../images/smartpedia/kata-ajaib/4/2bg-terimakasih.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.bg-terimakasih-scene2-d {
		background-image: url("../images/smartpedia/kata-ajaib/4/2bg-terimakasih-d.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center bottom;
		display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.talent-terimakasih-scene2-d {
		width: 70%;
		position: absolute;
		bottom: 0;
		left: 20%;
	}
	
	.text-terimakasih-scene2 {
		width: 100%;
		margin-top: 20px;
	}
	
	.container-terimakasih-scene2 {
		text-align:center;
	}
	
	.talent-terimakasih-scene2 {
		position: absolute;
		bottom: 0;
		max-width: 240px;
		width: 100%;
		left: 16%;
		right: 0;
	}
	
	.next-icon-terimakasih-scene2 {
		position: absolute;
		bottom: 2%;
		width: 3rem;
		right: 20%;
	}
	
	.next-icon-terimakasih-scene2:hover {
		transform: scale(1.1);
	}

/* <terimakasih-scene3> */
	.sec-terimakasih-scene3 {
		height:80vh;
		width: 100%;
	}
	
	.bg-terimakasih-scene3 {
		background-image: url("../images/smartpedia/kata-ajaib/4/3bg-terimakasih.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.bg-terimakasih-scene3-d {
		background-image: url("../images/smartpedia/kata-ajaib/4/3bg-terimakasih-d.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center bottom;
		display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.talent-terimakasih-scene3-d {
		width: 70%;
		position: absolute;
		bottom: 0;
		left: 20%;
	}
	
	.text-terimakasih-scene3 {
		width: 100%;
		margin-top: 20px;
	}
	
	.container-terimakasih-scene3 {
		text-align:center;
	}
	
	.talent-terimakasih-scene3 {
	    position: absolute;
		bottom: 0;
		max-width: 221px;
		width: 100%;
		left: 15%;
		right: 0;
	}
	
	.next-icon-terimakasih-scene3 {
		position: absolute;
		bottom: 2%;
		width: 3rem;
		right: 20%;
	}
	
	.next-icon-terimakasih-scene3:hover {
		transform: scale(1.1);
	}

/* <permisi> */
	.sec-permisi {
		height:80vh;
		width: 100%;
	}
	
	.bg-permisi {
		background-image: url("../images/smartpedia/kata-ajaib/5/0bg-permisi.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.bg-permisi-d {
		background-image: url("../images/smartpedia/kata-ajaib/2/0bg-maaf-d.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		display: block;
		position: absolute;
		height: 80vh;
		width: 100%;
		text-align: center;
	}
	
	.logo-permisi-d {
		width: 500px;
	}
		
	.talent-permisi-d {
		position: absolute;
		bottom: 0% !important;
		left: 15% !important;
		width: 250px;
		
	}
	
	.logo-permisi {
		width: 177px;
		margin: 40px 30px 10px 30px;
	}
	
	.container-permisi {
		text-align:center;
	}
	
	.talent-permisi {
		position: absolute;
		bottom: 0;
		max-width: 200px;
		width: 100%;
		left: 25%;
		right: 0;
	}
	
	.next-icon-permisi {
		position: absolute;
		bottom: 2%;
		width: 3rem;
		right: 20%;
	}
	
	.next-icon-permisi:hover {
		transform: scale(1.1);
	}

/* <permisi-scene1> */
	.sec-permisi-scene1 {
		height:80vh;
		width: 100%;
	}
	
	.bg-permisi-scene1 {
		background-image: url("../images/smartpedia/kata-ajaib/5/1bg-permisi.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.bg-permisi-scene1-d {
		background-image: url("../images/smartpedia/kata-ajaib/5/1bg-permisi-d.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		display: block;
		position: absolute;
		height: 80vh;
		width: 100%;
		text-align: center;
	}
		
	.talent-permisi-scene1-d{
		width: 70%;
		position: absolute;
		bottom: 0;
		left: 20%;
	}
	
	.text-permisi-scene1 {
		width: 100%;
		margin-top: 20px;
	}
	
	.container-permisi-scene1 {
		text-align:center;
	}
	
	.talent-permisi-scene1 {
		position: absolute;
		bottom: 0;
		max-width: 305px;
		width: 100%;
		left: 10%;
		right: 0;
	}
	
	.bubble-permisi-scene1 {
		position: absolute;
		bottom: 40%;
		width: 138px;
		left: 2%;
	}
	
	.next-icon-permisi-scene1 {
		position: absolute;
		bottom: 2%;
		width: 3rem;
		right: 20%;
	}
	
	.next-icon-permisi-scene1:hover {
		transform: scale(1.1);
	}
	
/* <permisi-scene2> */
	.sec-permisi-scene2 {
		height:80vh;
		width: 100%;
	}
	
	.bg-permisi-scene2 {
		background-image: url("../images/smartpedia/kata-ajaib/5/2bg-permisi.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.bg-permisi-scene2-d {
		background-image: url("../images/smartpedia/kata-ajaib/5/2bg-permisi-d.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		display: block;
		position: absolute;
		height: 80vh;
		width: 100%;
		text-align: center;
	}
	
	.text-permisi-scene2 {
		width: 100%;
		margin-top: 20px;
	}
	
	.container-permisi-scene2 {
		text-align:center;
	}
	
	.talent-permisi-scene2 {
		position: absolute;
		bottom: 0;
		max-width: 234px;
		width: 100%;
		left: 15%;
		right: 0;
	}
	
	.next-icon-permisi-scene2 {
		position: absolute;
		bottom: 2%;
		width: 3rem;
		right: 20%;
	}
	
	.next-icon-permisi-scene2:hover {
		transform: scale(1.1);
	}	
	
/* <permisi-scene3> */
	.sec-permisi-scene3 {
		height:80vh;
		width: 100%;
	}
	
	.bg-permisi-scene3 {
		background-image: url("../images/smartpedia/kata-ajaib/5/3bg-permisi.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;display: block;
		position: absolute;
		height:80vh;
		width: 100%;
		text-align:center;
	}
	
	.bg-permisi-scene3-d {
		background-image: url("../images/smartpedia/kata-ajaib/5/1bg-permisi-d.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		display: block;
		position: absolute;
		height: 80vh;
		width: 100%;
		text-align: center;
	}
		
	.talent-permisi-scene3-d{
		width: 70%;
		position: absolute;
		bottom: 0;
		left: 20%;
	}
	
	.text-permisi-scene3 {
		width: 100%;
		margin-top: 20px;
	}
	
	.container-permisi-scene3 {
		text-align:center;
	}
	
	.talent-permisi-scene3 {
		position: absolute;
		bottom: 0;
		max-width: 225px;
		width: 100%;
		left: 22%;
		right: 0;
	}
	
	.next-icon-permisi-scene3 {
		position: absolute;
		bottom: 2%;
		width: 3rem;
		right: 20%;
	}
	
	.next-icon-permisi-scene3:hover {
		transform: scale(1.1);
	}		
	
	
/* <closing> */
	.sec-closing {
		height:80vh !important;
		width: 100%;
	}
	
	.bg-closing {
		background-color: #FFFFFF;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;display: block;
		position: absolute;
		height:80vh !important;
		width: 100%;
		text-align:center;
	}
	
	.img-closing {
		width: 100%;
	}
	
	.text-closing {
		width: 100%;
	}
	
	.container-closing {
		text-align:center;
	}
	
	.talent-closing {
		position: absolute;
		bottom: 0;
		max-width: 199px;
		width: 100%;
		left: 22%;
		right: 0;
	}
	
	.next-icon-closing {
		    width: 85px;
    margin: 10px 0px 10px 0px;
	}
	
	.next-icon-closing:hover {
		transform: scale(1.1);
	}		
	
}

/* <mobile display/> */