/*reboot*/
*{
	font-family: 'Montserrat', sans-serif;
	font-size: 12pt;
	font-weight: 400;
	line-height: 1;
}
html,body{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	/*overflow-x: hidden;*/
}

#header{
	height: 119.012px;
	background-color: #f4f5f5;
	/*overflow: hidden;*/
}
#header .ribbon{
	width:152px;
	height:119px;
	opacity : 42%;
	position: absolute;
	top: 0;
	left: 0;
}
#header ul li + li{
	margin-left: 0;
}
#header ul li{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	transition: background-color 0.5s, color 2s, border-radius 0.5s ;
}
#header ul li.active{
	background-color: #385ba8;
	color: #fff !important;
	border-radius: 15px;
	padding-left: 0.5rem;
	padding-right: 0.5rem;

}
#header ul li.active a{
	color: #fff !important;
}


#header ul li:not(.li-btn-daftar):hover{
	background-color: #385ba8;
	color: #fff !important;
	border-radius: 15px;
	/*padding-left: 1rem;
	padding-right: 1rem;*/
}

#header ul li:hover > a{
	color: #fff !important;

}
#header ul.dropdown-menu li + li{
	margin-left: 0;
}
#header ul.dropdown-menu li:hover > a{
	background-color: transparent;
	color: 	color: #385ba8;
	border-radius: 0 !important;
/*	padding-left: 0 !important;
	padding-right: 0 !important;*/

}
#header ul li a{
	color: #385ba8;
	font-size: 11pt;
	font-weight: 600;
}
#header ul li a#bahasa{
	font-weight: 400;
}
#header ul li > ul li a{
	font-weight: 400;
	color: #385ba8;
}
#header ul li > ul li{
	transition: background-color 0.5s, color 2s, border-radius 0.5s !important;
	font-weight: 400;
	color: #385ba8;
	background-color: inherit;
	
	/*padding-left: 1rem;
	padding-right: 1rem;*/

}
#header ul li > ul li:hover{
	font-weight: 400;
	background-color: #385ba8 !important;
	color: #fff !important;
	border-radius: 0 !important;
	/*padding-left: 1rem;
	padding-right: 1rem;*/

}
#btn_daftar{
	background-color: #385ba8;
	color: #fff !important;
	transition: background-color 0.5s;
}
#btn_daftar:hover{
	background-color: #4975d6;
}

.head-banner{
	color: #001647;
	font-weight: 700;
	font-size: 32pt;
}
.desc-banner{
	margin-top: 1.5rem;
	color: #49494a;
	font-weight: 600;
	line-height: 2;
	font-size: 12pt;
}
.btn-pilih-paket{
	background-color: #385ba8;
	color: #fff !important;
	border-radius: 50px;
	font-weight: 600;
	font-size: 16pt;
	transition: background-color 0.5s;

}
.btn-pilih-paket:hover{
	background-color: #4672d4;
}
.btn-pilih-banner{
	transition: shadow 0.5s;
}
.btn-pilih-banner:hover{
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
#banner{
	border-bottom: 5px solid #dfdfdf;
	background-image: url('../img/banner.png');
	background-size: cover;
	background-position: 0 70%;
	height: 500px;
}
.banner-wrapper{
	padding-top: 5rem;
	padding-bottom: 5rem;
}
#paket{
	padding-top: 5rem;
	padding-bottom: 5rem;

	background-color: #f4f5f5;
}
.paket-title{
	color: #49494a;
	font-size: 30pt;
	font-weight: 700;
}
.paket-desc{
	font-size: 12pt;
	font-weight: 500;
	color: #49494a;
	line-height: 1.5;
}
.card-paket{
	background-color: #FCFDFF;
	/*width: 22.89rem;*/
	/*height: 42.43rem;*/
	border-radius: 15px;
	border: 2px solid #DFDFDF;
	padding-left: 10px;
	padding-right: 10px;

}
/*.card-paket + .card-paket{
	margin-left: 1rem;
}*/
.color-paket1{
	color: #d74389;
}
.bg-paket1{
	background-color: #d74389;
}
.color-paket2{
	color: #649d06;
}
.bg-paket2{
	background-color: #649d06;

}
.color-paket3{
	color: #4b82c4;
}
.bg-paket3{
	background-color: #4b82c4;	
}
.border-paket{
	border: 1px solid #DFDFDF;
}
.card-paket h4{
	font-weight: 700;
	font-size: 36pt;
}
.card-paket h4 span{
	font-weight: 500;
	font-size: 16pt;
}
.card-paket p{
	line-height: 2;
	font-weight: 400;
	color: #49494a;
}
.card-paket .harga span{
	font-size: 18pt;
	font-weight: 500;
}
.card-paket .harga span.harga-fokus{
	font-size: 30pt;
	font-weight: 700;
}
.paket-waktu{
	color: #49494a;

}
#testimoni{
	background: rgb(18,26,69);
	background: linear-gradient(90deg, rgba(18,26,69,1) 0%, rgba(45,58,145,1) 55%, rgba(108,203,242,1) 140%);
	height:430px;
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.title-testimoni{
	font-weight: 700;
	font-size: 36pt;
	color: #fcfdff;

}
.body-testimoni{
	font-weight: 400;
	font-size: 30pt;
	color: #fcfdff;
}
.testimoni-wrapper .item{
	position: relative;
	padding-top: 3rem;
}
.card-testimoni{
	width: 538px;
	height: 232px;
	border-radius: 7.78px;
	color : #dfdfdf;
	border: 1px solid #cccccc;
	background-color: #dfdfdf;
	/*position: absolute;*/
	/*z-index: 999;*/
	/*top: 0;
	left: 0;*/

}
.card-testimoni .card-header {
	padding: 0.5rem 1rem;
	margin-bottom: 0;
	background-color: transparent;
	border-bottom: 0 solid transparent;
}

.foto-pelanggan{
	position: absolute;
	top: -43px;
	left: 49px;
	width : 110px;
	height : 110px;
	border-radius : 54.87px;
	background-color: #dfdfdf;
	padding: 4px;

}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background-color: #f4d242;
}
.foto-pelanggan img{
	width: 98px;
	height: 98px;
	border-radius : 50%;
	object-fit: cover;
}
.card-testimoni .pelanggan{
	font-weight: 700;
	font-size: 19.27pt;
	color: #385ba8;
	margin-left: -3rem;
}
.card-testimoni .pelanggan h5{
	font-weight: 700;
	font-size: 14pt;
	color: #385ba8;
}
.card-testimoni .pelanggan label{
	font-weight: 400;
	font-size: 12pt;
	color: #49494a;
}

.card-testimoni .card-body{
	font-weight: 500;
	font-size: 12pt;
	color: #49494a;
	line-height: 1.5;
}
.card-testimoni .quote{
	width: 19.511px;
	height: 19.511px;
	position: absolute;
	right: 50px;
	top: 20px;
}
#kata1{
	background-color: #f4f5f5;
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.kata1-title{
	color: #385ba8;
	font-weight: 600;
	font-size: 24pt;
	line-height: 1;
}
.kata1-desc{
	color: #49494a;
	font-weight: 700;
	font-size: 32pt;
}
#kata1 p{
	line-height: 1.5;
	color: #49494a;
	font-size: 11pt;
/*	font-weight: 500;*/
	font-weight: 400;

}
#kata1 p strong{
	line-height: 3;
}
.client-counter .client-counter-div + .client-counter-div{
	border-left: 1px solid #dfdfdf;
}
.client-counter-number{
	color: #385ba8;
	font-size: 24pt;
	font-weight: 700;

}
.client-counter-type{
	color: #49494a;
	font-size: 12pt;
	font-weight: 500;
	
}
#kata2{
	background-color: #fcfdff;
	padding-top: 5rem;
	padding-bottom: 5rem;

}
.kata2-title{
	color: #49494a;
	font-weight: 700;
	font-size: 24pt;
}
.kata2-desc{
	color: #49494a;
/*	font-weight: 500;*/
	font-weight: 400;

	font-size: 12pt;
	line-height: 1.5;
}
.kata2-items .icon{
	/*background-color: #385ba8;
	width: 60px;
	height: 60px;
	padding: 20px;
	color: #fff;*/
}
.kata2-items .icon-desc p{
	line-height: 1.5;
	font-size: 12pt;
/*	font-weight: 500;*/
	font-weight: 400;

	color: #49494a;
}
.kata2-items .icon-desc strong{
	font-size: 12pt;
}
.kata2-items + .kata2-items{
	margin-top: 1rem;
}
#sponsor{
	background-color: #f4f5f5;
	padding-top: 3rem;
	padding-bottom: 6rem;
}

#counter{
	/*bottom: 10px;
	left: 20px;*/
	background: rgb(18,26,69);
	background: linear-gradient(90deg, rgba(18,26,69,1) 0%, rgba(45,58,145,1) 80%, rgba(108,203,242,1) 200%);
	padding-top: 3rem;
	padding-bottom: 3rem;
	/*z-index: 300;*/
	position: absolute;
	top: -70px;
	left: 16vw;
/*margin-left: auto;*/
/*margin-right: auto;*/

}

#counter .counter-number{
	color: #fcfdff;
	font-weight: 700;
	font-size: 28pt;
	margin-bottom: 0.5rem;
}
#counter .counter-text{
	color: #f4d242;
	font-weight: 400;
	font-size: 14pt;
}
footer{
	padding-top: 9rem;
	padding-bottom: 2rem;
	background-image: url('../img/background-footer.png');
	background-size: cover;
}
#informasi p{
	font-size: 11pt;
	font-weight: 300;
	color: #f4f5f5;
	line-height: 1.5;
}
#informasi{
	padding-bottom: 3rem;
	border-bottom: 0.5pt solid #f4f5f5;
}
#informasi p strong{
	font-weight: 700;
}
#informasi .ikon-medsos a + a{
	margin-left: 1rem;
}
.informasi-container strong{
	font-size: 14pt;
	font-weight: 600;
	color: #f4f5f5;
}
.informasi-list li a{
	text-decoration: none;
	color: #f4f5f5;
	font-weight: 300;
	font-size: 11pt;

}
.informasi-list li + li{
	margin-top: 0.5rem;

}
#copyright{
	padding-top: 3rem;
	padding-bottom: 0.5rem;
}
.copyright-text{
	font-size: 10pt;
	font-weight: 300;
	color: #f4f5f5;
	line-height: 1.5;
}
.copyright-text strong{
	font-size: 10pt;
	font-weight: 600;
	color: #f4f5f5;
	line-height: 1.5;
}
.copyright-menu a{
	font-size: 10pt;
	font-weight: 400;
	color: #f4f5f5;
	line-height: 1.5;
	text-decoration: none;
}
.copyright-menu a + a{
	margin-left: 1rem;
}
.btn-to-top{
	position: fixed;
	right: 3rem;
	bottom: 2.5rem;
	display: none;
}
#pendaftaran{
	border-top: 5px solid #dfdfdf;
	padding-bottom: 10rem !important;
}
.pendaftaran-title{
	font-weight: 700;
	line-height: 1.5;
	font-size: 28pt;
	color: #49494a;
}
.pendaftaran-desc{
	font-weight: 500;
	line-height: 1.5;
	font-size: 12pt;
	color: #49494a;
}
.card-pendaftaran{
	background-color: #f4f5f5;
}
.card-pendaftaran .card-body{
	padding: 2rem 2rem;
}
.card-pendaftaran .card-title{
	color: #385ba8 !important;
	font-size: 18pt;
	font-weight: 600;
}
.btn-pendaftaran{
	background-color: #2c398e;
	border-color: #2c398e;
}
.form-control-pendaftaran::placeholder,.form-select-pendaftaran,.form-check-label-pendaftaran,.form-label-pendaftaran{
	font-size: 11pt !important;
	font-weight: 300 !important;
	color: #49494a;
}
.form-control-pendaftaran,.form-select-pendaftaran{
	background-color: #fcfdff;
}
.sop-item{
	padding-right: 6rem;
}
.sop-item + .sop-item{
	margin-top: 8rem;
}
.sop-item h5{
	font-weight: 600;
	font-size: 16pt;
	color: #49494a;
	margin-bottom: 1rem;
}
.sop-item p{
	font-weight: 500;
	font-size: 11pt;
	color: #49494a;
	line-height: 1.5;
}


.quality-service h5{
	color: #36A348;
	font-size: 0.938rem;
	margin-bottom: 0.25rem !important;
	font-weight: 600;
	line-height: 1.25;
	text-align: left;
}

.quality-service h1{
	font-size: 2.2043rem;
	margin-bottom: 0.938rem;
	font-weight: 600;
	line-height: 1.25;
	color: #1b2e4b;
	margin-top: 0;
}
.quality-service p{
	margin-top: 0;
	margin-bottom: 1rem;
	color: #696969;
	font-size: 15.008px;
	font-weight: 400;
	line-height: 1.5 !important;

}

.rounded-custom {
	border-radius: 15px;
}
.icon-square {
	width: 40px;
	height: 40px;
	text-align: center;
}
.icon-size-xs {
	font-size: 22px;
}

.primary-bg {
	background: #ef4625 !important;
}
.color-accent {
	color: #fe8502 !important;
}

.single-service-promo h3{
	color: #1B2E4B;
	font-size: 16px;
	font-weight: 600;
}
.single-service-promo p{
	color: #696969;
	font-size: 15px;
	font-weight: 400;
}

/*@media (max-width: 1300px) {
	 #counter{
        position: absolute;
		left: 7vw !important;
    }
}*/

#aboutme{
	padding-top: 5rem;
	padding-bottom: 5rem;
	background-color: #ffffff;
}

#aboutme ul{
	list-style: none;
	padding: 0;
}
#aboutme ul li span i{
	display: inline-block;
	background-color: #0061b0;
	border-radius: 50%;
	padding: 5px;
	color: #fff;
}

#accordion-faq .accordion-item + .accordion-item{
	margin-top: 1.5rem;
}

#accordion-faq .accordion-button{
	background-color: transparent;
	font-weight: 600;
}

#accordion-faq .accordion-item{
	border: 1px solid rgba(0,0,0,.125) !important;
}

#accordion-faq .accordion-button:focus {
	z-index: 3;
	border-color: transparent;
	outline: 0;
	box-shadow: none;
	background-color: #2e3192;
	color: #fff;

}

#accordion-faq .accordion-button:not(.collapsed) {
	color: #fff;
	background-color: #2e3192;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

#accordion-faq .accordion-body{
	line-height: 1.5;
	color: #49494a;
	font-size: 11pt;
/*	font-weight: 500;*/
	font-weight: 400;
	background-color: #eee;
}

#testimoni {
	background: rgb(18,26,69);
	background: linear-gradient(90deg, rgba(18,26,69,1) 0%, rgba(45,58,145,1) 55%, rgba(108,203,242,1) 140%);
	height: 430px;
	padding-top: 5rem;
	padding-bottom: 5rem;
}

#page-header{
	padding-top: 60px;
	padding-bottom: 60px;
	background: linear-gradient(90deg, rgba(18,26,69,1) 0%, rgba(45,58,145,1) 55%, rgba(108,203,242,1) 140%);
}
#page-header h1{
	display: block;
	text-align: center;
	color: #fff;
	font-size: 32px;
	font-weight: 600;
}
#section-content{
	padding-top: 30px;
	padding-bottom: 120px;
}
@media (max-width: 1370px) {
	#counter{
		position: absolute;
		left: 7vw !important;
	}
}

@media (max-width: 1280.98px) {
	#counter{
		position: absolute;
		left: 7vw !important;
	}
}

@media (max-width: 1199.98px) {
	#counter{
		position: absolute;
		left: 2vw;
	}
}



@media (max-width: 991.98px) {
	.head-banner{
		font-size: 26pt !important;
	}
	.desc-banner{
		font-size: 10pt !important;
	}
	#testimoni{
		height: auto !important;
	}
	.body-testimoni{
		font-size: 18pt !important;
	}
	#counter{
		position: absolute;
		left: 7.5em !important;
	}
	#counter .counter-text{
		font-size:12pt !important;
	}

}


@media (max-width: 767.98px) {
	#informasi{
		padding-top:4rem;

	}
	#counter{
		position: absolute;
		left:10em;
	}
}


/*layout for portrait mobiles*/
@media (max-width: 575.98px) {
	#header{
		height: auto;
		overflow: auto;
	}
	#header .ribbon{
		object-fit: cover;
		width:100px;
		height:80px;
		opacity : 42%;
		position: absolute;
		top: 0;
		left: 0;
	}
	#banner{
		height: 600px;
	}
	#testimoni{
		height:auto;
	}
	.card-testimoni{
		width: auto;
		height: auto;

	}
	.foto-pelanggan{
		position: absolute;
		top: -33px;
		left: 20px;
		width : 110px;
		height : 110px;
		border-radius : 54.87px;
		background-color: #dfdfdf;
		padding: 4px;

	}
	.card-testimoni .pelanggan{
		font-weight: 700;
		font-size: 19.27pt;
		color: #385ba8;
		margin-left: 7rem;
	}
	.card-testimoni .quote{
		width: 19.511px;
		height: 19.511px;
		position: static;
		right: 0;
		top: 0;
		margin-left: 1rem;
	}
	#counter{

		position: static;
		top: 0;
		left: 0;
	}
	footer{
		padding-top: 2rem;
		padding-bottom: 2rem;
		
	}
	#informasi{
		padding-bottom: 1rem;
	}
	#pendaftaran{
		padding-bottom: 5rem !important;
	}
	.sop-item + .sop-item{
		margin-top: 8rem;
	}
	.sop-item{
		padding-right: 0;
	}
}