/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
	background: #f3f4f9;
	color: #444;
	font-family: "Quicksand", sans-serif;
}

a {
	color: #ffffff;
	transition: 0.5s;
}

a:hover,
a:active,
a:focus {
	color: #00a2ff;
	outline: none;
	text-decoration: none;
}

p {
	padding: 0;
	margin: 0 0 30px 0;
	font-family: "Quicksand";
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #ffffff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Quicksand", sans-serif;
	font-weight: 400;
	margin: 0 0 0px 0;
	padding: 0;
}

/* Back to top button */

.back-to-top {
	position: fixed;
	display: none;
	background: #00a381;
	color: #fff;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 1;
	font-size: 16px;
	border-radius: 50%;
	right: 15px;
	bottom: 5px;
	transition: background 0.5s;
	z-index: 11;
}

.wabutton {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 100;
}

.back-to-top i {
	padding-top: 12px;
	color: #fff;
}

/* Prelaoder */

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	overflow: hidden;
	background: #fff;
}

#preloader:before {
	content: "";
	position: fixed;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	border: 6px solid #f2f2f2;
	border-top: 6px solid #00a381;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	-webkit-animation: animate-preloader 1s linear infinite;
	animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes animate-preloader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}



/* intro */

#intro {
	width: 100%;
	position: relative;
}

#intro .judul-img {
	background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
		url(../img/bannerhome.png);
	width: 100%;
	margin-top: 0px;
	padding-top: 224px;
	padding-bottom: 189px;
	text-align: left;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
}

#intro .judul-img span {
	width: 528px;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 71.0058px;
	line-height: 70px;
	text-align: center;
	color: #ffdf35;
	text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
}

#intro .judul-img p {
	width: 50%;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 500;
	font-size: 40px;
	line-height: 46px;
	color: #ffffff;
}

#tentang {
	width: 100%;
	position: relative;
	background: #f0f8ff;
	background-size: cover;
	padding: 89px 0 89px 0;
}

#tentang .gambar-img {
	width: 45%;
	float: right;
	margin-top: 107px;
}

#tentang .gambar-info {
	width: 49%;
	float: left;
}

#tentang .judul-info {
	width: 32%;
	float: left;
	margin-top: -508px;
	margin-left: 109px;
}

#tentang .gambar-info h2 {
	color: #ff8a00;
	margin-bottom: 40px;
	font-size: 30px;
	font-weight: bold;
	line-height: 50px;
	font-family: "Mukta";
	font-style: normal;
}

#about .gambar-info span {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 57px;

	/* TEKS BIRU */

	color: #234294;
}
#about .gambar-info h2 span {
	color: #ffff00;
	text-decoration: underline;
}
#about .gambar-info .text {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	color: #000000;
	text-align: justify;
}

/* adab belajar */

#adabbelajar {
	width: 100%;
	position: relative;
	background: #f0f8ff;
	background-size: cover;
	padding: 89px 0 89px 0;
}

#adabbelajar .gambar-img {
	width: 45%;
	float: left;
}

#adabbelajar .gambar-info {
	width: 49%;
	float: right;
}

#adabbelajar .judul-info {
	width: 32%;
	float: left;
	margin-top: -508px;
	margin-left: 109px;
}

#adabbelajar .gambar-info h2 {
	color: #ff8a00;
	margin-bottom: 40px;
	font-size: 30px;
	font-weight: bold;
	line-height: 50px;
	font-family: "Mukta";
	font-style: normal;
}

#adabbelajar .gambar-info span {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 57px;

	/* TEKS BIRU */

	color: #234294;
}
#adabbelajar .gambar-info h2 span {
	color: #ffff00;
	text-decoration: underline;
}
#adabbelajar .gambar-info .text {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	color: #000000;
	text-align: justify;
}

#materi {
	margin-top: 100px;
	background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
		url(../img/backgroundmateri.png);
	padding: 80px 0 80px 0;
}

#materi p {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 200%;
	/* or 48px */

	text-align: center;

	/* TEKS HITAM */

	color: #000000;
}

#materi h2 {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 57px;
	color: #234294;
	text-align: center;
}

.outing {
	margin-top: 100px;
	padding: 80px 0 80px 0;
	float: left;
	width: 100%;
}

.outing1 {
	padding: 17px 25px 15px 25px;
	background: linear-gradient(rgb(47 79 157), rgb(46 78 156)),
		url(../img/outing1.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 0px;
	border-radius: 0px 0 19px 19px;
	height: 276px;
	box-shadow: 4px 0 11px 0;
}

.outing p {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 137%;
	text-align: left;
	color: #ffffff;
}

.outing h2 {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 25px;
	color: #ffffff;
	text-align: left;
}

.outing h1 {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 27px;
	line-height: 57px;
	color: #234294;
	text-align: center;
}

.unggulan {
	margin-top: 100px;
	padding: 80px 0 80px 0;
	float: right;
	width: 100%;
}

.unggulan p {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 137%;
	text-align: left;
	color: #ffffff;
}

.unggulan h2 {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 25px;
	color: #ffffff;
	text-align: left;
}

.unggulan h1 {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 27px;
	line-height: 57px;
	color: #234294;
	text-align: center;
}

#unggulan .outing1 .btn-get-started {
	background: #f00;
	border-radius: 24px;
	padding-left: 100px;
	padding-right: 100px;
	border: 2px solid #f00;
	color: #fff;
}

#outing .outing1 .btn-get-started {
	background: #fff;
	border-radius: 24px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 2px solid #fff;
	color: #2f4f9d;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
}

.video1 {
	float: left;
	width: 39%;
}

.video2 {
	float: right;
	width: 47%;
}

/* Intro */
#paudquran {
	width: 100%;
	position: relative;
}

#paudquran .judul-img {
	background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
		url(../img/paud/paudquran.png);
	width: 100%;
	margin-top: 0px;
	padding-top: 300px;
	padding-bottom: 300px;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
}

#paudquran .judul-img span {
	width: 528px;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 71.0058px;
	line-height: 70px;
	text-align: center;
	color: #ffdf35;
	text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
}

#foto {
	margin-top: 100px;
}

#foto p {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 200%;
	/* or 48px */

	text-align: center;

	/* TEKS HITAM */

	color: #000000;
}

#foto span {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 200%;
	color: #000000;
}

#foto h2 {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 57px;
	color: #234294;
}

#foto h1 {
	font-size: 19px;
	line-height: 57px;
	background: #2f4f9d;
	border-radius: 14px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 2px solid #fff;
	color: #ffdf35;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	margin-right: 70px;
	margin-left: 70px;
	text-align: center;
	margin-top: 22px;
	margin-bottom: 23px;
}

#foto h6 {
	font-size: 18px;
	line-height: 57px;
	background: #2f4f9d;
	border-radius: 14px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 2px solid #fff;
	color: #ffdf35;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	margin-right: 27px;
	margin-left: 27px;
	text-align: center;
	margin-top: 22px;
	margin-bottom: 23px;
}

#foto h4 {
	font-size: 22px;
	line-height: 57px;
	background: #2f4f9d;
	border-radius: 14px;
	padding-left: 26px;
	padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 2px solid #fff;
	color: #ffffff;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	margin-right: 896px;
}

#foto h5 {
	font-size: 22px;
	line-height: 57px;
	background: #2f4f9d;
	border-radius: 14px;
	padding-left: 26px;
	padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 2px solid #fff;
	color: #ffffff;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	margin-right: 584px;
}

#foto2 {
	margin-top: 100px;
	background: #f0f8ff;
}

#foto2 h3 {
	font-size: 22px;
	line-height: 57px;
	background: #2f4f9d;
	border-radius: 14px;
	padding-left: 26px;
	padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 2px solid #fff;
	color: #ffffff;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	margin-right: 521px;
}

#foto2 span {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 200%;
	color: #000000;
}

#foto2 .text {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 21px;
	line-height: 39px;
	color: #000000;
	text-align: justify;
}

#unggulan {
	margin-top: 100px;
}

#unggulan p {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 200%;
	/* or 48px */

	text-align: center;

	/* TEKS HITAM */

	color: #000000;
}

#unggulan span {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 200%;
	color: #000000;
}

#unggulan h4 {
	font-size: 22px;
	line-height: 57px;
	background: #2f4f9d;
	border-radius: 14px;
	padding-left: 26px;
	padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 2px solid #fff;
	color: #ffffff;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	margin-right: 632px;
}

#unggulan h1 {
	font-size: 22px;
	line-height: 57px;
	background: #2f4f9d;
	border-radius: 14px;
	padding-left: 26px;
	padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 2px solid #fff;
	color: #ffffff;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	margin-right: 718px;
}

#unggulan h2 {
	font-size: 22px;
	line-height: 57px;
	background: #2f4f9d;
	border-radius: 14px;
	padding-left: 26px;
	padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 2px solid #fff;
	color: #ffffff;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	margin-right: 789px;
}

#intro2 {
	width: 100%;
	position: relative;
	background: #f0f8ff;
	background-size: cover;
	padding: 89px 0 89px 0;
	text-align: center;
}

#intro2 .gambar-img {
	width: 37%;
	float: left;
	margin-top: 0px;
}
#intro2 .gambar-info {
	width: 58%;
	float: right;
	text-align: left;
}
#intro2 .judul-info {
	width: 32%;
	float: left;
	margin-top: -508px;
	margin-left: 109px;
}
#intro2 .gambar-info h2 {
	color: #ff8a00;
	margin-bottom: 40px;
	font-size: 30px;
	font-weight: bold;
	line-height: 50px;
	font-family: "Mukta";
	font-style: normal;
}
#intro2 .gambar-info span {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 57px;

	/* TEKS BIRU */

	color: #234294;
}
#intro2 .judul-info span {
	width: 528px;
	font-family: "Roboto Slab";
	font-style: normal;
	font-weight: normal;
	font-size: 50.0058px;
	line-height: 70px;

	color: #ffffff;
}
#intro2 .gambar-info h2 span {
	color: #ffff00;
	text-decoration: underline;
}
#intro2 .gambar-info .text {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 40px;
	/* or 167% */

	/* TEKS HITAM */

	color: #000000;
}

/* Intro 3 */

#intro3 {
	width: 100%;
	position: relative;
	background: #f0f8ff;
	background-size: cover;
	padding: 89px 0 89px 0;
}

#intro3 .gambar-img {
	width: 37%;
	float: right;
	margin-top: 0px;
}

#intro3 .gambar-info {
	width: 57%;
	float: left;
}

#intro3 .judul-info {
	width: 32%;
	float: left;
	margin-top: -508px;
	margin-left: 109px;
}

#intro3 .gambar-info h2 {
	color: #ff8a00;
	margin-bottom: 40px;
	font-size: 30px;
	font-weight: bold;
	line-height: 50px;
	font-family: "Mukta";
	font-style: normal;
}

#intro3 .gambar-info span {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 57px;

	/* TEKS BIRU */

	color: #234294;
}
#intro3 .gambar-info h2 span {
	color: #ffff00;
	text-decoration: underline;
}
#intro3 .gambar-info .text {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 23px;
	line-height: 40px;
	/* or 167% */

	/* TEKS HITAM */

	color: #000000;
}

/*--------------------------------------------------------------
# calistung
--------------------------------------------------------------*/
#calistung {
	width: 100%;
	position: relative;
	background-color: #ffffff;
}

#calistung .judul-img {
	background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
		url(../img/calistung/calistung.png);
	width: 100%;
	margin-top: 0px;
	padding-top: 307px;
	padding-bottom: 300px;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
}

#calistung .judul-img span {
	width: 528px;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 71.0058px;
	line-height: 70px;
	text-align: center;
	color: #ffdf35;
	text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
}

#calistung1 {
	width: 100%;
	position: relative;
	background: #ffffff;
	background-size: cover;
	padding: 89px 0 51px 0;
}

#calistung1 h1 {
	font-size: 22px;
	line-height: 57px;
	background: #2f4f9d;
	border-radius: 14px;
	padding-left: 26px;
	padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 2px solid #fff;
	color: #ffffff;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	margin-right: 260px;
}

#calistung1 .gambar-img {
	width: 48%;
	float: right;
}

#calistung1 .gambar-info {
	width: 48%;
	float: left;
}

#calistung1 .judul-info {
	width: 32%;
	float: left;
	margin-top: -508px;
	margin-left: 109px;
}

#calistung1 .gambar-info h2 {
	color: #ff8a00;
	margin-bottom: 40px;
	font-size: 30px;
	font-weight: bold;
	line-height: 50px;
	font-family: "Mukta";
	font-style: normal;
}

#calistung1 .gambar-info p {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 170%;
	/* or 27px */

	text-align: justify;
	letter-spacing: 0.01em;

	/* TEKS HITAM */

	color: #000000;
}

#calistung1 .gambar-info span {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 57px;

	/* TEKS BIRU */

	color: #234294;
}
#calistung1 .gambar-info h2 span {
	color: #ffff00;
	text-decoration: underline;
}
#calistung1 .gambar-info .text {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 40px;
	color: #000000;
}

#calistung2 {
	width: 100%;
	position: relative;
	background: #f0f8ff;
	background-size: cover;
	padding: 89px 0 89px 0;
	text-align: center;
}

#calistung2 h1 {
	font-size: 22px;
	line-height: 57px;
	background: #2f4f9d;
	border-radius: 14px;
	padding-left: 26px;
	padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 2px solid #fff;
	color: #ffffff;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	margin-right: 260px;
}

#calistung2 .gambar-img {
	width: 48%;
	float: left;
	margin-top: 18px;
}
#calistung2 .gambar-info {
	width: 49%;
	float: right;
	text-align: left;
	line-height: 38px;
}
#calistung2 .judul-info {
	width: 32%;
	float: left;
	margin-top: -508px;
	margin-left: 109px;
}
#calistung2 .gambar-info h2 {
	color: #ff8a00;
	margin-bottom: 40px;
	font-size: 30px;
	font-weight: bold;
	line-height: 50px;
	font-family: "Mukta";
	font-style: normal;
}
#calistung2 .gambar-info span {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 57px;

	/* TEKS BIRU */

	color: #234294;
}
#calistung2 .judul-info span {
	width: 528px;
	font-family: "Roboto Slab";
	font-style: normal;
	font-weight: normal;
	font-size: 50.0058px;
	line-height: 70px;

	color: #ffffff;
}
#calistung2 .gambar-info h2 span {
	color: #ffff00;
	text-decoration: underline;
}
#calistung2 .gambar-info .text {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 23px;
	color: #000000;
}

#calistung2 .gambar-info p {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 170%;
	text-align: justify;
	letter-spacing: 0.01em;
	color: #000000;
}

.fotocalistung {
	padding-top: 60px;
}

/*--------------------------------------------------------------
# tahfidzh
--------------------------------------------------------------*/

#tahfidzh {
	width: 100%;
	position: relative;
	background-color: #ffffff;
}

#tahfidzh .judul-img {
	background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
		url(../img/tahfidzh/tahfidzh.png);
	width: 100%;
	margin-top: 0px;
	padding-top: 307px;
	padding-bottom: 300px;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
}

#tahfidzh .judul-img span {
	width: 528px;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 71.0058px;
	line-height: 70px;
	text-align: center;
	color: #ffdf35;
	text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
}

#tahfidzh1 {
	width: 100%;
	position: relative;
	background: #ffffff;
	background-size: cover;
	padding: 89px 0 51px 0;
}

#tahfidzh1 .gambar-img {
	width: 48%;
	float: right;
}

#tahfidzh1 .gambar-info {
	width: 48%;
	float: left;
}

#tahfidzh1 .judul-info {
	width: 32%;
	float: left;
	margin-top: -508px;
	margin-left: 109px;
}

#tahfidzh1 .gambar-info h2 {
	color: #ff8a00;
	margin-bottom: 40px;
	font-size: 30px;
	font-weight: bold;
	line-height: 50px;
	font-family: "Mukta";
	font-style: normal;
}

#tahfidzh1 .gambar-info p {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 170%;
	/* or 27px */

	text-align: justify;
	letter-spacing: 0.01em;

	/* TEKS HITAM */

	color: #000000;
}

#tahfidzh1 .gambar-info span {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 57px;

	/* TEKS BIRU */

	color: #234294;
}

#tahfidzh1 .gambar-info h2 span {
	color: #ffff00;
	text-decoration: underline;
}
#tahfidzh1 .gambar-info .text {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 40px;
	color: #000000;
}

#tahfidzh11 {
	width: 100%;
	position: relative;
	background: #f0f8ff;
	background-size: cover;
	padding: 89px 0 51px 0;
}

#tahfidzh11 .gambar-img {
	width: 48%;
	float: right;
}

#tahfidzh11 .gambar-info {
	width: 48%;
	float: left;
}

#tahfidzh11 .judul-info {
	width: 32%;
	float: left;
	margin-top: -508px;
	margin-left: 109px;
}

#tahfidzh11 .gambar-info h2 {
	color: #ff8a00;
	margin-bottom: 40px;
	font-size: 30px;
	font-weight: bold;
	line-height: 50px;
	font-family: "Mukta";
	font-style: normal;
}

#tahfidzh11 .gambar-info p {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 170%;
	/* or 27px */

	text-align: justify;
	letter-spacing: 0.01em;

	/* TEKS HITAM */

	color: #000000;
}

#tahfidzh11 .gambar-info span {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 57px;

	/* TEKS BIRU */

	color: #234294;
}

#tahfidzh11 .gambar-info h2 span {
	color: #ffff00;
	text-decoration: underline;
}
#tahfidzh11 .gambar-info .text {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 40px;
	color: #000000;
}

#tahfidzh2 {
	width: 100%;
	position: relative;
	background: #f0f8ff;
	background-size: cover;
	padding: 89px 0 89px 0;
	text-align: center;
}

#tahfidzh2 .gambar-img {
	width: 48%;
	float: left;
	margin-top: 18px;
}
#tahfidzh2 .gambar-info {
	width: 49%;
	float: right;
	text-align: left;
	line-height: 38px;
}
#tahfidzh2 .judul-info {
	width: 32%;
	float: left;
	margin-top: -508px;
	margin-left: 109px;
}
#tahfidzh2 .gambar-info h2 {
	color: #ff8a00;
	margin-bottom: 40px;
	font-size: 30px;
	font-weight: bold;
	line-height: 50px;
	font-family: "Mukta";
	font-style: normal;
}
#tahfidzh2 .gambar-info span {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 57px;

	/* TEKS BIRU */

	color: #234294;
}
#tahfidzh2 .judul-info span {
	width: 528px;
	font-family: "Roboto Slab";
	font-style: normal;
	font-weight: normal;
	font-size: 50.0058px;
	line-height: 70px;

	color: #ffffff;
}
#tahfidzh2 .gambar-info h2 span {
	color: #ffff00;
	text-decoration: underline;
}
#tahfidzh2 .gambar-info .text {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 23px;
	color: #000000;
}

#tahfidzh2 .gambar-info p {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 170%;
	/* or 31px */

	text-align: justify;
	letter-spacing: 0.01em;

	/* TEKS HITAM */

	color: #000000;
}

/* Materi Tk */

#tk {
	width: 100%;
	position: relative;
}

#tk .judul-img {
	background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
		url(../img/tk/tk.png);
	width: 100%;
	margin-top: 0px;
	padding-top: 235px;
	padding-bottom: 300px;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
}

#tk .judul-img span {
	width: 528px;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 71.0058px;
	line-height: 70px;
	text-align: center;
	color: #ffdf35;
	text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
}

/* Pembelajaran Tahfidzh */

#belajartahfidzh {
	width: 100%;
	position: relative;
}

#belajartahfidzh .judul-img {
	background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
		url(../img/pembelajarantahfidzh/belajartahfidzh.png);
	width: 100%;
	margin-top: 0px;
	padding-top: 235px;
	padding-bottom: 300px;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
}

#belajartahfidzh .judul-img span {
	width: 528px;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 71.0058px;
	line-height: 70px;
	text-align: center;
	color: #ffdf35;
	text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
}

/* pembiasaan adab */

#pembiasaanadab {
	width: 100%;
	position: relative;
}

#pembiasaanadab .judul-img {
	background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
		url(../img/pembiasaanadab/pembiasaanadab.png);
	width: 100%;
	margin-top: 0px;
	padding-top: 235px;
	padding-bottom: 372px;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
}

#pembiasaanadab .judul-img span {
	width: 528px;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 71.0058px;
	line-height: 70px;
	text-align: center;
	color: #ffdf35;
	text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
}

/* Program Unggulan */

#programunggulan {
	width: 100%;
	position: relative;
}

#programunggulan .judul-img {
	background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
		url(../img/programunggulan/programunggulan.png);
	width: 100%;
	margin-top: 0px;
	padding-top: 235px;
	padding-bottom: 372px;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
}

#programunggulan .judul-img span {
	width: 528px;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 71.0058px;
	line-height: 70px;
	text-align: center;
	color: #ffdf35;
	text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
}

/* Pola Pendidikan */

#polapendidikan {
	width: 100%;
	position: relative;
}

#polapendidikan .judul-img {
	background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
		url(../img/polapendidikan.png);
	width: 100%;
	margin-top: 0px;
	padding-top: 235px;
	padding-bottom: 372px;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
}

#polapendidikan .judul-img span {
	width: 528px;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 71.0058px;
	line-height: 70px;
	text-align: center;
	color: #ffdf35;
	text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
}

/* Adab Belajar */

#adabbelajar {
	width: 100%;
	position: relative;
}

#adabbelajar .judul-img {
	background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
		url(../img/adabbelajar1.png);
	width: 100%;
	margin-top: 0px;
	padding-top: 235px;
	padding-bottom: 372px;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
}

#adabbelajar .judul-img span {
	width: 528px;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 71.0058px;
	line-height: 70px;
	text-align: center;
	color: #ffdf35;
	text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
}

/* outing */

#outing {
	width: 100%;
	position: relative;
}

#outing .judul-img {
	background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
		url(../img/outing/outing.png);
	width: 100%;
	margin-top: 0px;
	padding-top: 235px;
	padding-bottom: 372px;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
}

#outing .judul-img span {
	width: 528px;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 71.0058px;
	line-height: 70px;
	text-align: center;
	color: #ffdf35;
	text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
}

/* serba serbi sekolah */

#serbaserbi {
	width: 100%;
	position: relative;
	background-color: #ffffff;
}

#serbaserbi .judul-img {
	background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
		url(../img/serbaserbi.png);
	width: 100%;
	margin-top: 0px;
	padding-top: 307px;
	padding-bottom: 300px;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
}

#serbaserbi .judul-img span {
	width: 528px;
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	font-size: 71.0058px;
	line-height: 70px;
	text-align: center;
	color: #ffdf35;
	text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
}

/* Footer */

#footer {
	color: #eee;
	font-size: 14px;
}

#footer .footer-top {
	background: linear-gradient(180deg, #49c4a900 0%, #06876b00 100%),
		url(../img/footer.png);
	padding: 88px 0 39px 0;
}

#footer .footer-top .footer-info {
	margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
	font-size: 34px;
	margin: 0 0 20px 0;
	padding: 2px 0 2px 0;
	line-height: 1;
	font-family: "Quicksand", sans-serif;
	color: #fbfbfb;
	font-weight: 400;
	letter-spacing: 3px;
	text-transform: uppercase;
}

#footer .footer-top .footer-info p {
	font-size: 13px;
	line-height: 24px;
	margin-bottom: 0;
	font-family: "Quicksand", sans-serif;
	color: #fbfbfb;
}

#footer .footer-top .social-links a {
	font-size: 18px;
	display: inline-block;
	background: transparent;
	color: #fbfbfb;
	line-height: 1;
	padding: 8px 0;
	margin-right: 4px;
	border-radius: 50%;
	text-align: center;
	width: 36px;
	height: 36px;
	transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
	background: transparent;
	color: #fbfbfb;
}

#footer .footer-top h4 {
	position: relative;
	padding-bottom: 10px;
	font-family: "Quicksand";
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	color: #ffffff;
}

#footer .footer-top .footer-links {
	margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer .footer-top .footer-links ul li {
	padding: 8px 0;
}

#footer .footer-top .footer-links ul li:first-child {
	padding-top: 0;
}

#footer .footer-top .footer-links ul a {
	color: #fbfbfb;
}

#footer .footer-top .footer-links ul a:hover {
	color: #74b5fc;
}

#footer .footer-top .footer-contact {
	margin-bottom: 30px;
}

#footer .footer-top .footer-contact p {
	line-height: 20px;
	font-family: "Quicksand";
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
}

#footer .footer-top .footer-newsletter {
	margin-bottom: 30px;
}

#footer .footer-top .footer-newsletter input[type="email"] {
	border: 0;
	padding: 6px 8px;
	width: 65%;
}

#footer .footer-top .footer-newsletter input[type="submit"] {
	background: #007bff;
	border: 0;
	width: 35%;
	padding: 6px 0;
	text-align: center;
	color: #fbfbfb;
	transition: 0.3s;
	cursor: pointer;
}

#footer .footer-top .footer-newsletter input[type="submit"]:hover {
	background: #0062cc;
}

#footer .copyright {
	text-align: center;
	padding-top: 30px;
	font-family: "Quicksand";
}

#footer .credits {
	text-align: center;
	font-size: 13px;
	color: #f1f7ff;
	font-family: "Quicksand";
}

#footer .credits a {
	color: #bfddfe;
}

#footer .credits a:hover {
	color: #f1f7ff;
}
.pembatas {
	border: 2px solid #f3f4f9;
}
.box {
	background: linear-gradient(180deg, #49c4aa 0%, #06876c 100%);
	border-radius: 10px;
	color: white;
	font-size: 100px;
	width: 329px;
	height: 52px;
}

@media (max-width: 500px) {
	#intro .judul-img {
		background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
			url(../img/bannerhome.png);
		width: 100%;
		margin-top: 0px;
		padding-top: 116px;
		padding-bottom: 0px;
		text-align: left;
		float: left;
		background-position: center;
		background-repeat: no-repeat;
	}

	#intro .judul-img span {
		width: 528px;
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		font-size: 44.0058px;
		line-height: 64px;
		text-align: center;
		color: #ffdf35;
		text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
	}

	#intro .judul-img p {
		width: 90%;
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 500;
		font-size: 19px;
		line-height: 25px;
		color: #ffffff;
	}

	#tentang .gambar-img {
		width: 100%;
		float: right;
		margin-top: -54px;
	}

	#tentang .gambar-info {
		width: 100%;
		float: left;
		margin-top: 35px;
	}

	#materi {
		margin-top: -2px;
		background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
			url(../img/backgroundmateri.png);
		padding: 80px 0 80px 0;
	}

	#materi h2 {
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		font-size: 35px;
		line-height: 37px;
		color: #234294;
		text-align: center;
	}

	#materi p {
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 200%;
		text-align: center;
		color: #000000;
	}

	#kolomhome {
		margin-bottom: 30px;
	}

	.unggulan {
		margin-top: -135px;
		padding: 80px 0 80px 0;
		float: right;
		width: 100%;
	}

	.outing {
		margin-top: -42px;
		padding: 80px 0 80px 0;
		float: left;
		width: 100%;
	}

	.outing h2 {
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		font-size: 12px;
		line-height: 15px;
		color: #ffffff;
		text-align: left;
	}

	.unggulan h2 {
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		font-size: 12px;
		line-height: 15px;
		color: #ffffff;
		text-align: left;
	}

	.video2 {
		float: right;
		width: 100%;
	}

	#intro2 .gambar-img {
		width: 100%;
		float: left;
		margin-top: 0px;
	}

	#intro2 .gambar-info {
		width: 100%;
		float: right;
		text-align: left;
		margin-top: 57px;
	}

	#intro2 .gambar-info .text {
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 400;
		font-size: 18px;
		line-height: 26px;
		color: #000000;
	}

	#intro3 .gambar-img {
		width: 100%;
		float: right;
	}

	#intro3 .gambar-info {
		width: 100%;
		float: left;
		margin-top: 42px;
	}

	#intro3 .gambar-info .text {
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 400;
		font-size: 18px;
		line-height: 27px;
		color: #000000;
	}

	#intro2 {
		width: 100%;
		position: relative;
		background: #f0f8ff;
		background-size: cover;
		padding: 0px 0 0px 0;
		text-align: center;
	}

	#intro3 {
		width: 100%;
		position: relative;
		background: #f0f8ff;
		background-size: cover;
		padding: 0px 0 89px 0;
	}

	#calistung1 .gambar-img {
		width: 100%;
		float: right;
	}

	#calistung1 .gambar-info {
		width: 100%;
		float: left;
		margin-top: 32px;
	}

	#calistung1 .gambar-info span {
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		font-size: 30px;
		line-height: 44px;
		color: #234294;
	}

	#calistung2 .gambar-img {
		width: 100%;
		float: left;
		margin-top: 0px;
	}

	#calistung2 .gambar-info {
		width: 100%;
		float: right;
		text-align: left;
		line-height: 38px;
	}

	#calistung2 .gambar-info .text {
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 400;
		font-size: 18px;
		color: #000000;
	}

	#calistung2 .gambar-info span {
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		font-size: 30px;
		line-height: 37px;
		color: #234294;
	}

	#calistung2 .gambar-info {
		width: 100%;
		float: right;
		text-align: left;
		line-height: 38px;
		margin-top: 30px;
	}

	#calistung .judul-img {
		background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
			url(../img/calistung/calistung.png);
		width: 100%;
		margin-top: -36px;
		padding-top: 307px;
		padding-bottom: 300px;
		text-align: center;
		background-position: center;
		background-repeat: no-repeat;
	}

	#paudquran .judul-img {
		background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
			url(../img/paud/paudquran.png);
		width: 100%;
		margin-top: 0px;
		padding-top: 258px;
		padding-bottom: 208px;
		text-align: center;
		background-position: center;
		background-repeat: no-repeat;
	}

	#foto p {
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 400;
		font-size: 15px;
		line-height: 200%;
		text-align: center;
		color: #000000;
	}

	#tahfidzh .judul-img {
		background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
			url(../img/tahfidzh/tahfidzh.png);
		width: 100%;
		margin-top: 0px;
		padding-top: 281px;
		padding-bottom: 255px;
		text-align: center;
		background-position: center;
		background-repeat: no-repeat;
	}

	#tahfidzh1 .gambar-img {
		width: 100%;
		float: right;
	}

	#tahfidzh1 .gambar-info {
		width: 100%;
		float: left;
		margin-top: 35px;
	}

	#tahfidzh1 .gambar-info span {
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		font-size: 33px;
		line-height: 36px;
		color: #234294;
	}

	#tahfidzh2 .gambar-img {
		width: 100%;
		float: left;
		margin-top: 30px;
	}

	#tahfidzh2 {
		width: 100%;
		position: relative;
		background: #f0f8ff;
		background-size: cover;
		padding: 0px 0 10px 0;
		text-align: center;
	}

	#tahfidzh2 .gambar-info {
		width: 100%;
		float: right;
		text-align: left;
		line-height: 38px;
		margin-top: 30px;
	}

	#tahfidzh2 .gambar-info span {
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		font-size: 33px;
		line-height: 20px;
		color: #234294;
	}

	#tahfidzh11 .gambar-img {
		width: 100%;
		float: right;
	}

	#tahfidzh11 .gambar-info {
		width: 100%;
		float: left;
		margin-top: 30px;
	}

	#tahfidzh11 {
		width: 100%;
		position: relative;
		background: #f0f8ff;
		background-size: cover;
		padding: 89px 0 0px 0;
	}

	#tahfidzh11 .gambar-info span {
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		font-size: 33px;
		line-height: 57px;
		color: #234294;
	}

	#tk .judul-img span {
		width: 528px;
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		font-size: 26.0058px;
		line-height: 34px;
		text-align: center;
		color: #ffdf35;
		text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
	}

	#tk .judul-img {
		background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
			url(../img/tk/tk.png);
		width: 100%;
		margin-top: 0px;
		padding-top: 235px;
		padding-bottom: 176px;
		text-align: center;
		background-position: center;
		background-repeat: no-repeat;
	}

	#foto h2 {
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		font-size: 33px;
		line-height: 45px;
		color: #234294;
	}

	#foto2 h3 {
		font-size: 20px;
		line-height: 27px;
		background: #2f4f9d;
		border-radius: 14px;
		padding-left: 26px;
		padding-right: 6px;
		padding-top: 5px;
		padding-bottom: 5px;
		border: 2px solid #fff;
		color: #ffffff;
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		margin-right: 29px;
	}

	#foto2 span {
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 400;
		font-size: 18px;
		line-height: 136%;
		color: #000000;
	}

	#foto span {
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 400;
		font-size: 18px;
		line-height: 166%;
		color: #000000;
	}

	#belajartahfidzh .judul-img span {
		width: 528px;
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		font-size: 43.0058px;
		line-height: 47px;
		text-align: center;
		color: #ffdf35;
		text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
	}

	#pembiasaanadab .judul-img span {
		width: 528px;
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		font-size: 45.0058px;
		line-height: 26px;
		text-align: center;
		color: #ffdf35;
		text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
	}

	#outing .judul-img {
		background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
			url(../img/outing/outing.png);
		width: 100%;
		margin-top: 0px;
		padding-top: 235px;
		padding-bottom: 333px;
		text-align: center;
		background-position: center;
		background-repeat: no-repeat;
	}

	#foto h4 {
		font-size: 22px;
		line-height: 57px;
		background: #2f4f9d;
		border-radius: 14px;
		padding-left: 26px;
		padding-right: 6px;
		padding-top: 5px;
		padding-bottom: 5px;
		border: 2px solid #fff;
		color: #ffffff;
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		margin-right: 96px;
	}

	#foto h5 {
		font-size: 22px;
		line-height: 33px;
		background: #2f4f9d;
		border-radius: 14px;
		padding-left: 26px;
		padding-right: 6px;
		padding-top: 5px;
		padding-bottom: 5px;
		border: 2px solid #fff;
		color: #ffffff;
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		margin-right: 19px;
	}

	#outing .judul-img span {
		width: 528px;
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		font-size: 52.0058px;
		line-height: 51px;
		text-align: center;
		color: #ffdf33;
		text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
	}

	#foto h1 {
		font-size: 19px;
		line-height: 57px;
		background: #2f4f9d;
		border-radius: 14px;
		padding-left: 6px;
		padding-right: 6px;
		padding-top: 0px;
		padding-bottom: 0px;
		border: 2px solid #fff;
		color: #ffdf35;
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		margin-right: 55px;
		margin-left: 55px;
		text-align: center;
		margin-top: 22px;
		margin-bottom: 23px;
	}

	#programunggulan .judul-img {
		background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
			url(../img/programunggulan/programunggulan.png);
		width: 100%;
		margin-top: 0px;
		padding-top: 228px;
		padding-bottom: 328px;
		text-align: center;
		background-position: center;
		background-repeat: no-repeat;
	}

	#programunggulan .judul-img span {
		width: 528px;
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		font-size: 55.0058px;
		line-height: 58px;
		text-align: center;
		color: #ffdf35;
		text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
	}

	#unggulan h4 {
		font-size: 22px;
		line-height: 33px;
		background: #2f4f9d;
		border-radius: 14px;
		padding-left: 26px;
		padding-right: 6px;
		padding-top: 5px;
		padding-bottom: 5px;
		border: 2px solid #fff;
		color: #ffffff;
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		margin-right: 32px;
	}

	#unggulan span {
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 400;
		font-size: 18px;
		line-height: 149%;
		color: #000000;
	}

	#unggulan h1 {
		font-size: 22px;
		line-height: 32px;
		background: #2f4f9d;
		border-radius: 14px;
		padding-left: 26px;
		padding-right: 6px;
		padding-top: 5px;
		padding-bottom: 5px;
		border: 2px solid #fff;
		color: #ffffff;
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		margin-right: 18px;
	}

	#unggulan h2 {
		font-size: 22px;
		line-height: 29px;
		background: #2f4f9d;
		border-radius: 14px;
		padding-left: 26px;
		padding-right: 6px;
		padding-top: 5px;
		padding-bottom: 5px;
		border: 2px solid #fff;
		color: #ffffff;
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		margin-right: 89px;
	}

	#polapendidikan .judul-img span {
		width: 528px;
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		font-size: 52.0058px;
		line-height: 63px;
		text-align: center;
		color: #ffdf35;
		text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
	}

	#polapendidikan .judul-img {
		background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
			url(../img/polapendidikan.png);
		width: 100%;
		margin-top: 0px;
		padding-top: 235px;
		padding-bottom: 306px;
		text-align: center;
		background-position: center;
		background-repeat: no-repeat;
	}

	#adabbelajar .judul-img span {
		width: 528px;
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		font-size: 52.0058px;
		line-height: 70px;
		text-align: center;
		color: #ffdf35;
		text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
	}

	#adabbelajar .gambar-img {
		width: 100%;
		float: left;
	}

	#adabbelajar {
		width: 100%;
		position: relative;
		background: #f0f8ff;
		background-size: cover;
		padding: 0px 0 89px 0;
	}

	#adabbelajar .gambar-info {
		width: 100%;
		float: right;
		margin-top: 30px;
	}

	#adabbelajar .judul-img {
		background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
			url(../img/adabbelajar1.png);
		width: 100%;
		margin-top: -29px;
		padding-top: 246px;
		padding-bottom: 203px;
		text-align: center;
		background-position: center;
		background-repeat: no-repeat;
	}

	#serbaserbi .judul-img span {
		width: 528px;
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		font-size: 52.0058px;
		line-height: 58px;
		text-align: center;
		color: #ffdf35;
		text-shadow: 0px 4px 8px rgb(0 0 0 / 40%);
	}

	#serbaserbi .judul-img {
		background: linear-gradient(rgba(3, 15, 39, 0), rgba(3, 15, 39, 0)),
			url(../img/serbaserbi.png);
		width: 100%;
		margin-top: 0px;
		padding-top: 307px;
		padding-bottom: 247px;
		text-align: center;
		background-position: center;
		background-repeat: no-repeat;
	}

	#calistung1 h1 {
		font-size: 22px;
		line-height: 57px;
		background: #2f4f9d;
		border-radius: 14px;
		padding-left: 26px;
		padding-right: 6px;
		padding-top: 5px;
		padding-bottom: 5px;
		border: 2px solid #fff;
		color: #ffffff;
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		margin-right: 60px;
	}

	#calistung2 h1 {
		font-size: 22px;
		line-height: 57px;
		background: #2f4f9d;
		border-radius: 14px;
		padding-left: 26px;
		padding-right: 6px;
		padding-top: 5px;
		padding-bottom: 5px;
		border: 2px solid #fff;
		color: #ffffff;
		font-family: "Ubuntu";
		font-style: normal;
		font-weight: 700;
		margin-right: 60px;
	}

	#calistung2 {
		width: 100%;
		position: relative;
		background: #f0f8ff;
		background-size: cover;
		padding: 36px 0 49px 0;
		text-align: center;
	}
}