*:not(input, textarea) {

    -webkit-touch-callout:none;

    -webkit-user-select:none;

    -moz-user-select:none;

    -ms-user-select:none;

    user-select:none;

}

.modal-form{
	background: #000000c9;
}

h1, h2, h3, h4, h5, h6 {

	text-transform: none;

}



.video-container {

	position: relative;

	width: 370px; /* Sesuaikan dengan lebar video */

}



.play-button {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 70px;

	height: 70px;

	border: none;

	background-color: rgba(0, 0, 0, 0.6);

	border-radius: 50%;

	cursor: pointer;

	display: flex;

	align-items: center;

	justify-content: center;

	transition: background-color 0.3s ease;

}



.play-button:hover {

	background-color: rgba(0, 0, 0, 0.8);

}



.play-icon {

	width: 50%;

	height: 50%;

	fill: #fff;

}



.container-img-hero-mobile {

	display: none;

}



@media(max-width: 767px) {

	.container-img-hero {

		display: none;

	}

	.container-img-hero-mobile {

		display: block;

	}

}



.page {

	opacity: 1 !important;

}



.red {

	color: #ff0000;

}



.white {

	color: #fff;

}



.no-padding-tb {

	padding-top: 0;

	padding-bottom: 0;

}



.divider-2 {



}



.divider-2:before {

	width: 80%;

	border-top: 1.2px solid #c4c4c4;

}



* + .divider-2 {

	margin-top: 5px;

}



/*@media (min-width: 992px) {

	* + .divider-2 {

		margin-top: 38px;

	}

}*/



.box-minimal__divider {

	font-size: 0;

	line-height: 0;

}



.box-minimal__divider::after {

	content: '';

	display: inline-block;

	width: 100%;

	max-width: 280px;

	height: 1.5px;

	background: #fff;

}



* + .box-minimal__divider {

	margin-top: 16px;

	margin-bottom: 16px;

}



@media(max-width: 767px) {

	* + .box-minimal__divider {

		margin-top: 10px;

		margin-bottom: 10px;

	}

}



.preloader {

	background: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.7));

}



.cssload-speeding-wheel {

	border: 3px solid #000c26;

    border-left-color: transparent;

    border-bottom-color: transparent;

}



.swiper-pagination-bullet {

	background: #fff;

}



.swiper-pagination-bullet-active {

	background: var(--swiper-pagination-color,var(--swiper-theme-color)); 

}



.button-primary:hover, .button-primary:active, .button-primary.active {

	background-color: #30446f;

    border-color: #30446f;

}



/*----------------------------------- SECTION 2 -----------------------------------*/

.section-2 {

	background-color: #000c26;

	padding-top: 50px;

	padding-bottom: 40px;

}





.section-2 .divider-2 {

	padding-bottom: 30px;

}

.section-2 .divider-2 {

	padding-bottom: 30px;

}





.pl2-title {

	background: linear-gradient(to right, #000c26, #5C0700, #5C0700, #5C0700, #5C0700, #000c26);

}



.pl2-title h2 {

	color: #fff;

	padding: 10px 0;

	text-transform: none;

	line-height: 1.1;

}



.pl2-cont {

	background-image: url(../images/bg5.png);

}



.pl2-img {

	max-width: 700px;

	margin: 0 auto;

	padding: 25px 15px;

}



.pl2-content h4, .pl2-content h6 { 

	color: #fff; text-transform: none;

}



.pl2-content h4 {

	font-size: 28px;

	padding-bottom: 16px;

	line-height: 1.2;

}



@media(max-width: 1199px) {

	.pl2-content h4 {

		font-size: 25px;

	}



	.pl2-content h6 {

		font-size: 16px;

	}

}



@media(max-width: 991px) {

	.pl2-content h4 {

		font-size: 21px;

	}



	.pl2-content h6 {

		font-size: 13px;

	}

}





/*----------------------------------- SECTION T1 -----------------------------------*/

.section-t1 {

	/*background-image: linear-gradient(to bottom, #000c26, #021234, #000c26);*/

	padding: 40px 0;

}



@media(max-width: 767px) {

	.section-t1 h3 {

		line-height: 1.2;

	}

}





/*----------------------------------- SECTION T1-1 -----------------------------------*/



/*----------------------------------- SECTION T1-2 -----------------------------------*/



@media (min-width: 576px) and (max-width: 767px) {

	.st1-2 .container {

	    max-width: 700px;

	}

}



.profile-light4 {

	text-align: center;

}



.profile-light4 > * {

	/*margin-bottom: 16px;*/

}



.profile-light4 h1, .profile-light4 h3, .profile-light4 h4 , .profile-light4 p {

	color: #fff;

	text-align: justify;

	width: 100%;

}



.profile-light4 h1 {

	font-size: 84px; 

	/*font-weight: 900; */

	line-height: 1;

	padding: 0;

}



.profile-light4 h3 {

	font-size: 22px; 

	font-weight: 300; 

	padding: 1% 0 0 0;

}



.profile-light4 h4 {

	font-weight: 300;

	padding: 0 0 1% 0;

}



.profile-light4 h4 strong {

	font-weight: 900;

}



.profile-light4 p {

	padding: 1% 0; 

	margin: 0;

	font-size: 14px;

}



.profile-light4__figure img {

	max-width: 350px;

}



.profile-light4__main {

	display: flex;

    justify-content: center;

    flex-direction: column;

    flex-grow: 1;

    padding: 30px 25px;

    text-align: left;

    margin-left: -50px !important;

    z-index: 9;

    margin-bottom: 0;

}



.profile-light4__text {

	font-family: "Exo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	font-size: 14px;

	color: #151515;

}



* + .profile-light4__text {

	margin-top: 15px;

}



.profile-light4__title {

	/*max-width: 400px;*/

	max-width: 80%;

	float: right;

	padding-top: 3%;

	padding-bottom: 3%;

	text-transform: none;

}



@media (max-width: 1200px) {

	.profile-light4__title {

		max-width: 75%;

	}

}



@media (max-width: 700px) {

	.profile-light4 {

		max-width: 540px;

		margin-left: auto;

		margin-right: auto;

	}



	.profile-light4__figure {

		flex-shrink: 0;

	    position: relative;

	    left: 0;

	    padding: 13px 10px 9px 10px;

	    margin-bottom: 0px;

	    z-index: 20;

	}



	.profile-light4__figure img {

		max-width: 150px;

	}



	.profile-light4__main {

		display: flex;

	    justify-content: center;

	    flex-direction: column;

	    flex-grow: 1;

	    padding: 10px;

	    text-align: left;

	    margin-left: 0px !important;

	    z-index: 9;

	    margin-bottom: 0;

	}



	.profile-light4__inner {

	    background-image: linear-gradient(to bottom, #00040c, #000c26, #00040c);

	    padding: 10px;

	}



	.profile-light4 h1, .profile-light4 h3, .profile-light4 h4, .profile-light4 p {

		text-align: center;

	}



	.profile-light4__title {

		padding: 3% 6%;

		max-width: 100%;

	}



	.profile-light4 h1 {



	}

}



@media (max-width: 575px) {

	.profile-light4__main {

		margin-left: 0px !important;

	}

}



@media (min-width: 701px) {

	.profile-light4 {

		display: flex;

		margin-left: -16px;

	}

	.profile-light4 > * {

		margin-left: 16px;

	}



	.profile-light4__main {

		margin-left: -50px !important;

	}



	.profile-light4__figure {

		flex-shrink: 0;

	    position: relative;

	    left: 0;

	    padding: 43px 10px 59px 10px;

	    margin-bottom: 0px;

	    z-index: 20;

	    width: 40%;

	}



	.profile-light4__inner {

		margin-left: -82%;

	    background-image: linear-gradient(to right, #00040c, #021234);

	}

}



@media (min-width: 701px) and (max-width: 991px) {

	.profile-light4 h1 {

		font-size: 79px;

	}



	.profile-light4 h3 {

		font-size: 23px;

	}



	.profile-light4 h4 {

		font-size: 15px;

	}



	.profile-light4 p {

		font-size: 12px;

	}

}



@media (min-width: 701px) {

	.profile-light4__inner {

		position: relative;

		overflow: hidden;

		padding: 0 5px 0 50px;

		margin-left: -34%;

	}

	.profile-light4__title {

		position: relative;

	}

	.profile-light4__title::before {

		

	}

	.profile-light4__text {

		font-size: 16px;

	}

}



@media (min-width: 992px) {

	.profile-light4 h4 {

		font-size: 18px;

	}

}



@media (min-width: 1200px) {

	.profile-light4__main {

		/*padding: 35px 30px 25px 70px;*/

	}

	.profile-light4__inner {

		/*padding-left: 90px;*/

		/*max-width: 750px;*/

	}

	.profile-light4__text {

		font-size: 17px;

	}

}   



/*----------------------------------- SECTION T1-3 -----------------------------------*/



@media (min-width: 576px) and (max-width: 767px) {

	.st1-3 .container {

	    max-width: 700px;

	}

}



/*----------------------------------- SECTION 4 -----------------------------------*/

.section-4 {

	background-color: #021234;

	padding-top: 50px;

	padding-bottom: 40px;

}



.pl4-desc {

	padding-bottom: 0px;

}



.pl4-desc p {

	font-size: 19px;

	text-align: justify; 

	color: #fff;

}



@media(max-width: 991px) {

	.pl4-desc p {

		font-size: 16px;

	}

}



@media(max-width: 767px) {

	.pl4-desc p {

		font-size: 15px;

	}

}



.pl4-img {

	padding: 10px 0;

}



.pl4-img .col-sm-6 {

	padding-bottom: 15px;

}



.pl4-img img {

	max-width: 400px;

}



/*----------------------------------- SECTION 5 -----------------------------------*/

.section-5 {

	background-color: #00050e;

	padding: 50px 0;

	/*background-image: url(../images/bg5.png);*/

}



.section-5 h3 {

	/*font-size: 42px;*/

}



/*----------------------------------- SECTION 6 -----------------------------------*/

.section-6 {

	background-image: linear-gradient(to bottom, #000c26, #021234, #021234, #021234, #000c26);

}



.pl6-desktop {

	display: block;

}



.pl6-mobile {

	display: none;

}



@media(max-width: 991px) {

	.pl6-desktop {

		display: none;

	}



	.pl6-mobile {

		display: block;

	}

	.header_last_year{

		margin-top:-40px;

		width:100%; 

		margin-bottom:50px;

	}

}



/*----------------------------------- SECTION 7 -----------------------------------*/

.section-7 {

	background-color: #021234;

	padding: 30px 0;

}



.profile-light5 {

	text-align: center;

}



.profile-light5 > * {

	/*margin-bottom: 16px;*/

}



.profile-light5 h1, .profile-light5 h3, .profile-light5 h4 , .profile-light5 p {

	color: #fff;

	text-align: right;

	width: 100%;

}



.profile-light5 h1 {

	font-size: 84px; 

	/*font-weight: 900; */

	line-height: 1;

	padding: 0;

}



.profile-light5 h3 {

	font-size: 28px; 

	font-weight: 300; 

	/*padding: 1% 0 0 0;*/

	padding: 0;

}



.profile-light5 h4 {

	font-weight: 300;

	padding: 0 0 1% 0;

}



.profile-light5 h4 strong {

	font-weight: 900;

}



.profile-light5 p {

	padding: 1% 0; 

	margin: 0;

	font-size: 14px;

}



.profile-light5__figure img {

	max-width: 350px;

}



.profile-light5__main {

	display: flex;

    justify-content: center;

    flex-direction: column;

    flex-grow: 1;

    padding: 30px 25px;

    text-align: left;

    margin-left: -50px !important;

    z-index: 9;

    margin-bottom: 0;

}



.profile-light5__text {

	font-family: "Exo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	font-size: 14px;

	color: #151515;

}



* + .profile-light5__text {

	margin-top: 15px;

}



.profile-light5__title {

	/*max-width: 400px;*/

	max-width: 100%;

	float: right;

	padding-top: 3%;

	padding-bottom: 3%;

	text-transform: none;

}



.profile-light5__outer {

	margin: 0 auto;

}



.profile-light5__outer h2 {

	font-weight: 700;

	line-height: 1;

	color: #fff;

	

}



@media (max-width: 1200px) {

	.profile-light5__title {

		max-width: 75%;

	}

}



@media (max-width: 700px) {

	.profile-light5 {

		max-width: 540px;

		margin-left: auto;

		margin-right: auto;

	}



	.profile-light5__figure {

		flex-shrink: 0;

	    position: relative;

	    left: 0;

	    padding: 10px 10px 9px 10px;

	    margin-bottom: 0px;

	    z-index: 20;

	}



	.profile-light5__main {

		display: flex;

	    justify-content: center;

	    flex-direction: column;

	    flex-grow: 1;

	    padding: 10px;

	    text-align: left;

	    margin-left: 0px !important;

	    z-index: 9;

	    margin-bottom: 0;

	}



	.profile-light5__inner {

	    background-image: linear-gradient(to bottom, #00040c, #000c26, #00040c);

	    padding: 10px;

	}



	.profile-light5__outer {

		background: none;

		padding: 0;

	}



	.profile-light5__outer h2 {

		font-size: 25px;

		text-align: center;

		padding-top: 12px;

		padding-right: 0;

		padding-left: 0;

	}



	.profile-light5 h1, .profile-light5 h3, .profile-light5 h4, .profile-light5 p {

		text-align: center;

	}



	.profile-light5 h3 {

		font-size: 17px;

	}



	.profile-light5__title {

		padding: 3% 6%;

		max-width: 100%;

	}

}



@media (max-width: 575px) {

	.profile-light5__main {

		margin-left: 0px !important;

	}

}



@media (min-width: 701px) {

	.profile-light5 {

		display: flex;

		margin-left: -16px;

	}

	.profile-light5 > * {

		margin-left: 16px;

	}



	.profile-light5__main {

		margin-right: -50px !important;

	}



	.profile-light5__figure {

		flex-shrink: 0;

	    position: relative;

	    left: 0;

	    padding: 43px 10px 59px 10px;

	    margin-bottom: 0px;

	    z-index: 20;

	    width: 40%;

	}



	.profile-light5__inner {

		/*margin-left: -82%;*/

	    background-image: linear-gradient(to left, #00040c, #021234);

	    padding-top: 30px; padding-bottom: 30px;

	}

}



@media (min-width: 701px) and (max-width: 991px) {

	.profile-light5 h1 {

		font-size: 79px;

	}



	.profile-light5 h3 {

		font-size: 19px;

	}



	.profile-light5 h4 {

		font-size: 15px;

	}



	.profile-light5 p {

		font-size: 12px;

	}

}



@media (min-width: 701px) {

	.profile-light5__inner {

		position: relative;

		overflow: hidden;

		padding: 20px 36% 20px 50px;

		margin-right: -34%;

	}



	.profile-light5__outer {

		padding-top: 0;

	}



	.profile-light5__outer h2 {

		text-align: right;

		padding: 0;

	}



	.profile-light5__inn {

		/*padding-bottom: 10px;*/

	}



	.profile-light5__title {

		position: relative;

	}



	.profile-light5__title::before {

		

	}



	.profile-light5__text {

		font-size: 16px;

	}

}



@media (min-width: 992px) {

	.profile-light5 h4 {

		font-size: 18px;

	}

}



@media (min-width: 1200px) {

	.profile-light5__main {

		/*padding: 35px 30px 25px 70px;*/

	}

	.profile-light5__inner {

		/*padding-left: 90px;*/

		/*max-width: 750px;*/

		padding: 30px 31% 30px 50px;

	}

	.profile-light5__text {

		font-size: 17px;

	}



	.profile-light5__outer {

		padding-top: 0;

	}



	.profile-light5__inn {

		/*padding-bottom: 10px;*/

	}

}   



@media (max-width: 767px) and (min-width: 576px) {

	.section-7 .container {

	    max-width: 700px;

	}

}





/*----------------------------------- SECTION 8 -----------------------------------*/

.section-8 {

	background-color: #000c26;

	background-image: url(../images/bg5.png);

	padding: 50px 0;

}



.section-8 h3 + img {

	margin-top: 0;

	margin-bottom: 10px;

}



.section-8 h3 + p {

	margin-top: 0;

}



.section-8 .divider-2 {

	padding: 15px;

}



.section-8 .divider-2:before {

	width: 100%;

}



.pl8-title {

	text-align: center;

	/*background-image: linear-gradient(to right, #000c26, #021234, #021234, #021234, #021234, #000c26);*/

	max-width: 600px;

	margin: 0 auto;

	margin-bottom: 20px;

}



.section-8 .call-to-action a, .section-8 .call-to-action button {

	background-color: #ef430c;

	color: #fff;

	border-radius: 300px;

	font-size: 23px;

	font-weight: 700;

	padding: 10px 20px;

    line-height: 1.1;

    margin: 10px 0;

    white-space: normal;

    text-transform: uppercase;

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;

    visibility: visible; 

    animation-name: tada;

}



@media (min-width: 768px) {

	.section-8 .call-to-action .left-btn {

		margin-right: 10px;

	}

}



/*@media(max-width: 575px) {

	.section-8 h3 {

		font-size: 17px;

	}

}*/



/*----------------------------------- SECTION 9 -----------------------------------*/

.section-9 {

	background-color: #00050e;

	padding-bottom: 30px;

}



.profile-light6 {

	/*margin-bottom: 10px;*/

	text-align: center;

	/*border-bottom: 1px #999 solid;*/

    /*background-color: #021234;*/

    /*border-radius: 100px;*/

}



.profile-light6 > * {

	/*margin-bottom: 16px;*/

}



.profile-light6 h4	{

	color: #fff;

	text-align: justify;

}



.profile-light6 h3	{

	color: #fff;

	/*text-align: justify;*/

	text-transform: none;

	font-weight: 300;

	/*font-size: 25px;*/

}



.profile-light6__figure img {

	max-width: 450px;

}



.profile-light6__figure h1 {

	color: #fff;

}



.profile-light6__main {

	display: flex;

    justify-content: center;

    flex-direction: column;

    flex-grow: 1;

    padding: 30px 25px;

    text-align: left;

    margin-left: -50px !important;

    /*background-color: #021234;*/

    z-index: 9;

    margin-bottom: 0;

    border-radius: 100px;

}



.profile-light6__text {

	font-family: "Exo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	font-size: 14px;

	color: #151515;

}



* + .profile-light6__text {

	margin-top: 15px;

}



.profile-light6__inner {

	/*margin-left: -500px;*/

	/*margin-left: -80%;*/

    background-image: linear-gradient(to right, #153767, #00050e);

}



.profile-light6__title {

	/*max-width: 400px;*/

	max-width: 60%;

	float: right;

	padding-top: 3%;

	padding-bottom: 3%;

}



@media (max-width: 1200px) {

	.profile-light6__title {

		font-size: 21px;

		max-width: 50%;

	}

}



@media (max-width: 700px) {

	.profile-light6 {

		max-width: 540px;

		margin-left: auto;

		margin-right: auto;

	}



	.profile-light6__figure {

		flex-shrink: 0;

	    /* background-image: linear-gradient(to right, #153767, #021234); */

	    position: relative;

	    left: 0;

	    padding: 43px 10px 9px 10px;

	    margin-bottom: 0px;

	    z-index: 20;

	}



	.profile-light6__main {

		display: flex;

	    justify-content: center;

	    flex-direction: column;

	    flex-grow: 1;

	    padding: 10px;

	    text-align: left;

	    margin-left: -17px !important;

	    /*background-color: #021234;*/

	    z-index: 9;

	    margin-bottom: 0;

	    border-radius: 100px;

	}



	.profile-light6__inner {

		/*margin-left: -500px;*/

		/*margin-left: -80%;*/

	    background-image: linear-gradient(to bottom, #000c26, #021234, #000c26);

	}



	.profile-light6__title {

		text-align: center;

		padding: 3% 6%;

		max-width: 100%;

		font-size: 17px;

		line-height: 1.2;

	}

}



@media (max-width: 575px) {

	.profile-light6__main {

		margin-left: 0px !important;

	}

}



@media (min-width: 701px) {

	.profile-light6 {

		display: flex;

		margin-left: -16px;

	}

	.profile-light6 > * {

		margin-left: 16px;

	}



	.profile-light6__main {

		margin-left: -50px !important;

	}



	.profile-light6__figure {

		flex-shrink: 0;

	    /*background-image: linear-gradient(to right, #153767, #021234);*/

	    position: relative;

	    left: 0;

	    padding: 43px 10px 59px 10px;

	    /*border-radius: 100px 0 0 100px;*/

	    margin-bottom: 0px;

	    /*margin-right: -30px;*/

	    z-index: 20;

	    width: 60%;

	}



	.profile-light6__inner {

		margin-left: -82%;

		padding-right: 10px;

	}



	.profile-light6 h4 {

		font-size: 15px;

	}

}



@media (min-width: 768px) {

	.profile-light6__inner {

		position: relative;

		overflow: hidden;

		padding: 0 15px 0 50px;

		margin-left: -100%;

	}

	.profile-light6__title {

		position: relative;

	}

	.profile-light6__title::before {

		/*content: '';

		position: absolute;

		top: .6em;

		right: 100%;

		display: inline-block;

		line-height: inherit;

		margin-right: .55em;

		vertical-align: middle;

		width: 120px;

		border-bottom: 1px solid #ccc;*/

	}

	.profile-light6__text {

		font-size: 16px;

	}

}



@media (min-width: 992px) {

	.profile-light6 h4 {

		font-size: 18px;

	}

}



@media (min-width: 1200px) {

	.profile-light6__main {

		/*padding: 35px 30px 25px 70px;*/

	}

	.profile-light6__inner {

		padding-left: 90px;

		padding-right: 15px;

		/*max-width: 750px;*/

	}

	.profile-light6__text {

		font-size: 17px;

	}



	.profile-light6__title	{

		font-size: 25px;

	}

}   



@media (min-width: 701px) and (max-width: 991px) {

	.profile-light6__title {

		font-size: 18px;

	}

}



@media (max-width: 767px) and (min-width: 576px) {

	.section-9 .container {

	    max-width: 700px;

	}

}



/*-----------------     SECTION 10     ---------------*/

.section-10 {

	background-color: #000c26;

	padding: 60px 0 30px 0;

}



.section-10 .button {

	margin-top: 0;

}



.section-10 .boxshadow {

	/*margin: 10px 0;*/

}



* + .box-minimal__divider3 {

	margin-top: 12px;

	margin-bottom: 12px;

}



.box-minimal__divider3:after {

	content: '';

    display: inline-block;

    width: 45px;

    height: 3px;

    background: #fab915;

}



.pl10-cont .col-hi-plus {

	background-color: #021234;

    padding-bottom: 20px;

    padding-top: 20px;

    margin-top: 10px;

    margin-bottom: 10px;

}



.pl10-cont .col-p10 {

	background-color: #112342;

    padding-bottom: 30px;

    padding-top: 30px;

}



.pl10-title h1 {

	padding-bottom: 10px; 

	font-size: 60px;

}



.pl10-title h3 {

	font-size: 30px;

}



@media(max-width: 767px) {

	.section-10 {

		padding-top: 30px;

		padding-bottom: 0;

	}



	.pl10-cont .col-hi-plus {

		padding-top: 10px;

		margin: 0;

	}



	.pl10-title h1 {

		padding-bottom: 10px; 

		font-size: 41px;

	}



	.pl10-title h3 {

		font-size: 19px;

	}



	.pl10-cont h2 {

		font-size: 26px;

	}



	.pl10-cont h4 {

		font-size: 15px;

	}

}



.pl10-cont {

	margin-top: 0;

}



.pl10-left-desc {

	color: #fff;

	text-align: center;

	padding: 10px 0;

}



.img-hi-plus {

	max-width: 350px;

}



.pl10-hi-plus h5 {

	color: #fff; 

	margin-top: 0px; 

	margin-bottom: 0px;

}



.pl10-hi-plus ul li h6, .pl10-hi-plus .class-promo1 {

	color: #fff;

	letter-spacing: normal;

    text-transform: none;

    font-size: 14px;

    font-weight: 400;

    max-width: 277px;

    margin: 0 auto;

    text-align: left;

}



.pl10-hi-plus .class-promo1 {

    text-align: center;

    font-size: 15px;

}



.pl10-hi-plus ul li .fa-check-square-o {

	color: #55fbb6;

}



.pl10-hi-plus a, .pl10-cont button {

	color: #fff;

	border: none;

	border-radius: 300px;

	font-size: 18px;

	font-weight: 700;

	padding: 10px 20px;

    line-height: 1.1;

    margin: 10px 0;

    white-space: normal;

    text-transform: uppercase;

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;

    visibility: visible; 

    animation-name: tada;

}



.pl10-hi-plus .btn-act {

	color: #fff;

}



.pl10-hi-plus .btn-psn {

	background-color: #fa591d;

}



.pl10-hi-plus .btn-wa {

	background-color: #00a500;

}



.pl10-hi-plus .btn-psn:hover, .pl10-hi-plus .btn-psn:active, .pl10-hi-plus .btn-psn:focus {

	background-color: #ef430c;

}



.pl10-hi-plus .btn-wa:hover, .pl10-hi-plus .btn-wa:active, .pl10-hi-plus .btn-wa:focus {

	background-color: #4fa149;

}



.pl10-hi-plus .tx-1 {

	padding-top: 20px;

	max-width: 277px;

    margin: 0 auto;

}



.pl10-hi-plus .tx-2 {

	padding-top: 10px;

}



.pl10-hi-plus .tx-3 {

	padding-top: 0px;

}



@media (max-width: 767px) {

	.pl10-hi-plus {

		margin-top: 20px;

	}



	.pl10-left-desc {

		font-size: 15px;

	}



	.pl10-cont .video-testi {

		display: none;

	}



	.pl10-title .box-minimal__divider3 {

		display: none;

	}

}

.pl10-hi-plus{
padding: 0px 10px;
}
#sect_10 .section-heading{
color: #fff;
height: 110px;
}
#sect_10 .section-heading h5{
font-size: 16px;
line-height: 130%;
margin-top: 5px;
}
#sect_10 .section-heading .white{
font-size: 24px;
}
#sect_10 .section-body{
text-align: left;
}
#sect_10 .section-body .titik{
height: 210px;
}
.pl10-hi-plus ul li h6, .pl10-hi-plus .class-promo1{
font-size: 16px;
line-height: 120%;
}
.circle{
display: inline-block;
width: 13px;
height: 13px;
border-radius: 50%;
margin-right: 10px;
}
.circle-red{
background: #fc0905;
}
.circle-blue{
background: #3176e6;
}
.circle-yellow{
background: #e5db2f;
}
.circle-green{
background: #1def27;
}
@media(max-width: 767px) {
	#sect_10 .section-heading{
		height: auto;
	}
	#sect_10 .section-body .titik{
		height: auto;
	}
}

/*-----------------     SECTION 11     ---------------*/

.section-11 {

	background: url(../images/bg-ongkir.jpg);

	padding: 10px 0;

}



.pl11 {

	text-align: center;

}



.pl11 h3, .pl11 p {

	/*background-color: #757171;

	opacity: 0.8;

	text-shadow: 2px 2px #4b4b4a;*/

}



.pl11 .col-md-3, .pl11 .col-md-9 {

	margin: auto;

}



.pl11 .section-xs img {

	max-width: 250px;

}



.pl11 .delivery-desc {

	background-color: #000C26;

    opacity: 0.8;

}



.pl11 .box-minimal__divider {

	max-width: 100px;

    margin: 0 auto;

    padding-top: 7px;

    padding-bottom: 5px;

}



.pl11 .sp1 {

	color: #fff000;

}



.pl11 .sp2 {

	color: #fff;

}



@media(max-width: 767px) {

	.pl11 p {

		font-size: 14px;

	}



	.pl11 .delivery-desc {

		padding: 15px 10px;

	}

}



/*-----------------     SECTION 12     ---------------*/

.section-12 {

	padding-top: 40px;

	padding-bottom: 40px;

	background-color: #021234;

}



.pl12-cont {

	max-width: 1000px; 

	margin: 0 auto;

	padding: 0 15px;

}



.pl12-cont h1 {

	font-size: 65px;

}



.pl12-cont h3 {

	text-transform: none;

}



.pl12-cont h5 {

	line-height:24px; 

	color: #fff; 

	text-transform: none; 

	font-weight: 300;

}



.pl12-cont h5 strong {

	font-weight: 600;

}



@media(max-width: 767px) {

	.pl12-cont h1 {

		font-size: 35px;

	}



	.pl12-cont h3 {

		font-size: 22px;

	}



	.pl12-cont h5 {

		font-size: 17px;

	}

}



/*-----------------     SECTION 13     ---------------*/

.section-13 {

	background-color: #000c26; 

	padding:0px;

}



.pl13 {

	max-width: 1600px;

	margin: 0 auto;

}



.section-13 .col-sm-push-6 {

	visibility: visible; 

	animation-name: fadeInLeft;

}



.section-13 .col-sm-pull-6 {

	visibility: visible; 

	animation-name: fadeInRight;

}



@media(min-width: 576px) {

	.section-13 .col-sm-push-6 {

		padding-right: 0;

	}



	.section-13 .col-sm-pull-6 {

		padding-left: 0;

	}

}



/*-----------------     SECTION 14     ---------------*/

.section-14 {

	background-color: #000C26;

	/*background-image: url(../images/all_3.jpg); */

	/*background-size: 100%;*/

	width: 100%;

	/*padding: 60px 0;*/

}



.pl14 {

	margin-bottom: 80px; 

	margin-top: 80px;

}



.pl14 .main-cont {

	padding: 0 20px;

}



.pl14 .main-cont .sp1 {

	background-color: #757171; 

	opacity: 0.9; 

	color: #ffffff;

	text-shadow: 2px 2px #4b4b4a;

}



.pl14 .main-cont .sp2 {

	color: #ffff00;

}



.pl14 h1 {

	font-size: 60px;

}



.pl14-img {

	/*max-width: 1600px;

	margin: 0 auto;*/

}



@media(max-width: 767px) {

	.pl14 h1 {

		font-size: 35px;

	}

}



/*-----------------     SECTION 15     ---------------*/

.section-15 {

	background-color:#000c26;

	padding: 40px 0;

}



.pl15-title {

	color: #ffffff;

}



.pl15-title h1 {

	padding-top: 40px; 

	color: #ffffff;

}



.pl15-title h4 {

	text-transform: none; 

	padding-bottom: 20px;

	color: #ffffff;

}



@media(max-width: 767px) {

	.pl15-title h1 {

		font-size: 27px;

		padding-top: 0;

	}



	.pl15-title h4 {

		font-size: 17px;

		

	}

}



.pl15-cont .s1 {

	margin-bottom: 36px;

}



.pl15-cont ul {

	list-style: inherit;

	padding-left: 15px;

}



.pl15-cont ul li {

	display: list-item;

	color: #fff;

}



.pl15-cont ul li h5 {

	text-transform: none; 

	color: #fff; 

	font-size: 20px; 

	margin: 5px 0;

}



.pl15-cont .btn-psn {

	margin-top: 20px;

	background-color: #fa591d;

	white-space: normal;

}



.pl15-cont .btn-psn:active, .pl15-cont .btn-psn:hover, .pl15-cont .btn-psn:focus {

	color: #fff;

}



@media(max-width: 767px) {

	.pl15-cont ul li h5 {

		font-size: 15px; 

	}

}



/*-----------------     SECTION 16     ---------------*/

.section-16 {

	background-color: #021234;

	margin-bottom: 0px;

	padding-top: 40px;

	padding-bottom: 40px;

}



.pl16-title {

	font-size: 65px; 

	color: #fff;

}



.pl16-cont {

	margin-top: 20px;

}



.pl16-cont img {

	max-width: 300px;

}



.pl16-cont h5 {

	color: #fff; 

	text-transform: none;

}



.pl16-cont .tx-1 {

	margin-top: 0px; 

	margin-bottom: 0px; 

	padding-top: 0px;

}



.pl16-cont .tx-2 {

	margin-top: 0px; 

	margin-bottom: 0px; 

	padding-top: 10px; 

}



.pl16-cont .btn-act {

	color: #fff;

	white-space: normal;

}



.pl16-cont .btn-psn {

	background-color: #fa591d;

}



.pl16-cont .btn-wa {

	background-color: #00a500;

}



.pl16-cont .btn-psn:hover, .pl16-cont .btn-psn:active, .pl16-cont .btn-psn:focus {

	background-color: #ef430c;

}



.pl16-cont .btn-wa:hover, .pl16-cont .btn-wa:active, .pl16-cont .btn-wa:focus {

	background-color: #4fa149;

}



@media(max-width: 767px) {

	.pl16-title {

		font-size: 33px; 

	}

}



/*-----------------     SECTION 17     ---------------*/

.section-17 {

	background-color: #021234;

	padding-top: 60px;

	padding-bottom: 30px;

	color: #fff;

}



.section-17 .testi-wa-list {

	padding: 10px 0 25px 0;

}



.section-17 .testi-wa-list .col-sm-6 {

	max-width: 300px;

	padding-top: 15px;

	margin: auto;

}



.section-17 .testi-video-list {

	padding: 25px 0 25px 0;

}



.section-17 .testi-video-list .col-sm-6 {

	max-width: 400px;

	padding-top: 15px;

	margin: auto;

}



.section-17 .testi-video-list p {

	margin-top: 5px;

	color: #fff;

}



.section-17 .video-testi {

	padding-bottom: 10px;

}



/*.section-17 .testi-list-mb {

	display: none;

}*/



.section-17 .testi-list-dsk {

	display: contents;

}



.section-17 .testi-list-mb .swiper-container {

	/*background-color: #061a44;*/

	/*padding: 0 0 15px 0;*/

}



.section-17 .ty-3 {

	margin-top: 13%;

}



.section-17 .disclaimer {

	padding-top: 20px;

}



.box-minimal__divider17 {

	margin-top: 10px;

}



.box-minimal__divider17::after {

    content: '';

    display: inline-block;

    width: 100%;

    max-width: 125px;

    height: 3px;

    background: #fab915;

}



@media (max-width: 767px) {

	/*.section-17 .testi-list-mb {

		display: contents;

	}*/



	.section-17 .testi-list-dsk {

		display: none;

	}



	/*.section-17 .disclaimer {

		padding-top: 20px;

	}*/



	.box-minimal__divider17 {

		margin-top: 0;

		margin-bottom: 5px;

	}

}



@media (max-width: 575px) {

	.section-17 {

		padding-top: 30px;

	}



	.section-17 p { 

		font-size: 12px;

	}



	.section-17 .testi-video-list .thumb-youtube {

		width: 2.5em;

		height: 2.5em;

	}

}



@media(max-width: 479px) {

	.section-17 .ty-3 {

		margin-top: 10%;

	}

}



/*-----------------     SECTION 18     ---------------*/

.section-18 {

	padding: 30px 0;

}



.section-18 .main-cont {

	vertical-align:middle;

}



.section-18 .title-cont h1 {

	font-size: 65px;

}



.section-18 .title-cont h3 {

	font-size: 30px;

}



@media(max-width: 767px) {

	.section-18 .title-cont h1 {

		font-size: 32px;

	}



	.section-18 .title-cont h3 {

		font-size: 22px;

	}

}



.section-18 .main-cont .fadeInLeftBig {

	padding-top: 10px; 

	text-align: center;

	visibility: visible; 

	animation-name: fadeInLeftBig;

}



.section-18 .main-cont .fadeInRightBig {

	visibility: visible;

	animation-name: fadeInRightBig;

	margin: auto;

}



.section-18 .main-cont .fadeInRightBig .fadeInLeft {

	visibility: visible; 

	animation-name: fadeInLeft;

}



.section-18 .main-cont .fadeInRightBig .fadeInLeft img {

	max-width: 400px;

}



@media(max-width: 575px) {

	.section-18 .main-cont .fadeInRightBig .fadeInLeft {

		margin-top: 20px;

	}

}



/*-----------------     SECTION 19     ---------------*/

.section-19 {

	padding-bottom: 30px;

	padding-top: 40px;

	background-image: url(../images/store2.jpg); 

	width:100%; 

	position: relative;

}



.section-19 .content-flex {

	padding: 5px;

	text-align: center;

}



.section-19 .content-flex .fadeInLeft {

	visibility: visible; 

	animation-name: fadeInLeft;

}



.section-19 .content-flex .fadeInRight {

	visibility: visible; 

	animation-name: fadeInRight;

}



.section-19 .content-flex h5 {

	color:#fff;

	margin-top: 10px;

}



.section-19 .content-flex p {

	font-size: 13px;

	color:#fff;

	margin-top: 10px;

}



/*-----------------     SECTION 20     ---------------*/

.section-20 {

	background: url(../images/bgimg3.jpg) no-repeat center center;

    background-size: 100% 100%;

}



.section-20 .call-to-action {

	color: #000; 

	/*margin-bottom: 20px;*/

	padding-top: 80px;

	padding-bottom: 20px;

}



.section-20 .call-to-action .tx-1 {

	padding-top: 30px;

	margin: 0 auto 20px;

	text-transform: none;

	line-height: 1.1;

} 



.section-20 .call-to-action .tx-2 {

	margin-top: 20px;

    margin-bottom: 10px;

}  



.section-20 .call-to-action a, .section-20 .call-to-action button {

	background-color: #ef430c;

	color: #fff;

	border-radius: 300px;

	font-size: 23px;

	font-weight: 700;

	padding: 10px 20px;

    line-height: 1.1;

    margin: 10px 0;

    white-space: normal;

    text-transform: uppercase;

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;

    visibility: visible; 

    animation-name: tada;

}



@media (min-width: 768px) {

	.section-20 .call-to-action .left-btn {

		margin-right: 10px;

	}

}



@media (max-width: 767px) {

	.section-20 {

		background-size: cover;

	}

}



/*-----------------     SECTION 21     ---------------*/

.section-21 {

	background-color: #000c26;

	color: #99a9b5;

    padding: 40px 0 10px 0;

    text-align: center;

    font-family: "Open Sans";

}



.section-21 a {



}



.section-21 h4 {

	color: #fff;

}



.pl21 {

	margin-top: 20px !important;

	margin-bottom: 10px;

	max-width: 767px;

	margin-left: auto;

	margin-right: auto;

}



.pl21 a {

	color: #99a9b5;

}



.pl21 .col-sm-4 a {

	font-size: 16px

}



.pl21 span {

	display: block;

	font-size: 14px;

}



.pl21 .col-sm-12 {

	padding-top: 5px;

}



.pl21 .tx-1, .pl21 .tx-3 {

	padding-bottom: 12px;

}



.pl21 .tx-2 {

	padding-bottom: 36px;

}



/*-----------------     SECTION 22     ---------------*/

.section-22 {

	background-color: #000c26;

	padding-top: 40px;

	padding-bottom: 40px;

}



.section-22 .section-xs {

	padding: 15px 0 0 0;

}



.section-22 .col-xs-12 {

	margin: auto;

}



.section-22 h3, .section-22 h5 {

	line-height: 1.2;

}



.pl22-title {

	/*background: linear-gradient(to right, #000c26, #073368, #000c26);*/

}



.pl22-title h1 {

	color: #fff;

	padding: 10px 0;

	line-height: 1.1;

}



@media(max-width: 767px) {

	.pl22 .row {

		margin-top: 15px;

	}



	.s22-last .row {

		margin-top: 15px;

	}



	.pl22-title h1 {

		font-size: 24px;

	}



	.section-22 h5 {

		font-size: 17px;

	}

}



@media(max-width: 575px) {

	.section-22 {

		padding-bottom: 0;

	}



	.s22-last {

		background-color: #021234;

		padding-bottom: 30px;

	}

}



/*-----------------     SECTION 23     ---------------*/

.section-23 {

	background: linear-gradient(to right, #091e41, #000c26);

}



.section-23 .container-fluid {

	max-width: 1600px;

}



.section-23 .col-xs-12 {

	margin: auto;

}



.section-23 h4 {

	line-height: 1.3;

}



@media(max-width: 767px) {

	.section-23 h4 {

		font-size: 18px;

	}

}



/*-----------------     SECTION 24     ---------------*/

.section-24 {

	padding-top: 30px;

	padding-bottom: 20px;

	background-color: #cecece;

	z-index: -30;

	position: relative;

}



.pl24-wrap {

	padding-left: 20px; 

	padding-right: 20px;

}



.pl24-title {

	color: #000c26;

    padding-bottom: 25px;

    line-height: 1.2;

}



.profile-light7 {

	padding-bottom: 30px;

	text-align: center;

	/*border-bottom: 1px #999 solid;*/

    /*background-color: #021234;*/

    /*border-radius: 100px;*/

}



.profile-light7 > * {

	margin-bottom: 16px;

	color: #fff;

}



.profile-light7 p {

	font-size: 17px;

	text-align: justify;

}



.plleft-7 p {

	padding-right: 2%;

}



.plright-7 p {

	padding-left: 2%;

}



.plleft-7 h4 {

	text-align: left;

}



.plright-7 h4 {

	text-align: right;

}



.profile-light7__figure {

	flex-shrink: 0;

    background-color: #000c26;

    position: relative;

    left: 0;

    padding: 12px;

    border-radius: 150px;

    margin-bottom: 0px;

    margin-right: -30px;

    width: 250px;

    height: 250px;

    border: 12px solid white; 

}



.profile-light7__figure:after {

    content: '';

    position: absolute;

    top: -20px;

    left: -20px;

    right: -20px;

    bottom: -20px;

    background-color: #000c26;

    border-radius: 150px;

    z-index: -1;

}



.profile-light7__figure img {

	/*max-width: 120px;*/

	margin: 13% auto;

}



.profile-light7__figure h4 {

	color: #fff;

	margin-top: 15px;

}



.profile-light7__main {

	display: flex;

    justify-content: center;

    flex-direction: column;

    flex-grow: 1;

    padding: 14px 25px;

    text-align: left;

    margin-left: -141px !important;

    background-color: #000c26;

    z-index: -9;

    margin-bottom: 0;

    border-radius: 100px;

}



.profile-light7__text {

	font-family: "Exo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	font-size: 14px;

	color: #151515;

}



* + .profile-light7__text {

	margin-top: 15px;

}



.profile-light7__title {

	margin-top: 0;

}



.profile-light7__inner {

	/*padding-left: 19%;*/

	/*max-width: 750px;*/

}



@media (max-width: 767px) {

	.pl24-title {

		padding-bottom: 10px;

	}



	.profile-light7 {

		margin-left: auto;

		margin-right: auto;

		background-color: #000c26;

		border-radius: 40px;

	}



	.profile-light7__figure {

		margin: 15px auto 3% auto;

		width: 180px;

		height: 150px;

		border: 4px #fff solid;

	}



	.profile-light7__figure:after {

		top: -13px;

	}



	.profile-light7__figure h4 {

		margin-top: 0;

	}



	.profile-light7__figure img {

		margin: auto;

		max-width: 120px;

	}



	.profile-light7 p {

		font-size: 15px;

	}



	.profile-light7__main {

		margin-left: 0 !important;

		text-align: center;

		padding: 10px 15px;

	}



	.pl24-wrap {

		padding-bottom: 15px;

	}



	.plleft-7 h4, .plright-7 h4 {

		text-align: center;

	}



	.visible-576 {

		display: block;

	}



	.hidden-576 {

		display: none;

	}

}



@media (min-width: 768px) {

	.profile-light7 {

		display: flex;

		margin-left: -16px;

	}

	.profile-light7 > * {

		margin-left: 16px;

	}

	.profile-light7__inner {

		padding-left: 30%;

    	padding-right: 1%;

	}



	.plright-7 .profile-light7__main {

		margin-right: -141px !important;

   	 	margin-left: 0 !important;

	}



	.plright-7 .profile-light7__inner {

		padding-left: 2%;

    	padding-right: 29%;

	}



	.plright-7 .profile-light7__figure {

		margin-right: 0;

    	margin-left: -30px;

	}



	.visible-576 {

		display: none;

	}



	.hidden-576 {

		display: block;

	}

}



@media (min-width: 768px) {

	/*.profile-light7__inner {

		position: relative;

		overflow: hidden;

		padding: 0 0 0 25%;

	}

	.plright-7 .profile-light7__inner {

		padding-left: 2%;

    	padding-right: 25%;

	}

	.profile-light7__title {

		position: relative;

	}

	.profile-light7__text {

		font-size: 16px;

	}*/

}



@media (min-width: 992px) {

	.profile-light7__inner {

		padding-left: 20%;

	}



	.plright-7 .profile-light7__inner {

		padding-left: 0%;

    	padding-right: 20%;

	}

}



@media (min-width: 1200px) {

	.profile-light7__main {

		/*padding: 35px 30px 25px 70px;*/

	}

	.profile-light7__inner {

		padding-left: 17%;

		/*max-width: 750px;*/

	}



	.plright-7 .profile-light7__inner {

		padding-right: 17%;

	}



	.profile-light7__text {

		font-size: 17px;

	}

}



/*-----------------     SECTION 25     ---------------*/

.section-25 {

	background-color: #021234; 

	padding-top: 0; 

	padding-bottom: 0;

}



.section-25 .container-fluid {

	max-width: 1600px;

}



.section-25 .col-sm-6 {

	padding: 0;

}



.section-25 .section-sm h4 {

	padding-left: 40px;

	padding-right: 40px;

	line-height: 1.3;

	font-size: 24px;

}



@media(max-width: 1200px) {

	.section-25 .section-sm h4 {

		font-size: 22px;

	}

}



@media(max-width: 767px) {

	.section-25 .section-sm h4 {

		font-size: 18px;

	}

}



@media(max-width: 576px) {

	.section-25 .section-sm h4 {

		padding: 0 15px;

	}

}



/*-----------------     SECTION 26     ---------------*/

.section-26 {

	background-color: #01193f;

}



.pl26-img-header {

	max-width: 200px;

	text-align: center;

	margin: 0 auto;

	padding: 30px 0;

}



/*-----------------     SECTION 27     ---------------*/

.section-27 {

	padding: 0 15px 30px 15px

}



.pl27-title {

	padding-top: 30px; 

	padding-bottom: 10px;

}



.divider-27-1 {

	max-width: 600px; 

	margin: 0 auto;

	padding: 10px 0;

}



.divider-27-1 hr {

	border: 1px #000c26 solid;

}



.divider-27-2 {

	margin: 0 auto;

	padding: 50px 0 0px 0;

}



.divider-27-2 hr {

	border: 0.4px #000c26 solid;

}



/*-----------------     SECTION 28     ---------------*/

.section-28 {

	background-color: #000c26;

}



.pl28 {

	/*max-width: 1600px;

    margin: 0 auto;*/

}



.pl28 .img-desk {

	display: block;

}



.pl28 .img-mb {

	display: none;

}



@media (max-width: 767px) {

	.pl28 .img-desk {

		display: none;

	}



	.pl28 .img-mb {

		display: block;

	}

	

}



/*-----------------     SECTION 29     ---------------*/

.section-29 {

	background: #ffffff; 

	padding: 30px 0; 

	color: #000;

}



.section-29 a {

	color: rgb(255, 255, 255); 

	background-color: rgb(250, 89, 29); 

	white-space: normal;

}



@media(max-width: 575px) {

	.section-29 h3 {

		font-size: 19px;

	}

}



.header-last-year{

	margin-top:-40px;

	width:70%; 

	margin-bottom:50px;

}



@media(max-width: 575px) {

	.header-last-year{

		margin-top:-40px;

		width:100%; 

		margin-bottom:50px;

	}

}


/*----------------------------------- SECTION 30 -----------------------------------*/
.section-30{
	background-color: #000c26;
    background-image: url('../images/bg-combinasi.jpg');
	background-size: 100%;
    padding: 50px 0;
}
.section-30 .title{
	color: rgb(229 228 202);
    line-height: 1.1;
	text-align: center;
	font-family: sans-serif;
}
.section-30 .desc{
	color: white;
	padding-left: 40px;
	padding-right: 40px;
	line-height: 1.3;
	font-size: 22px;
}
@media (max-width: 767px) {
	.section-30{
		background-size: inherit;
		background-repeat: no-repeat;
		padding: 50px 0px;
	}
	.section-30 .title{
		font-size: 28px;
    	line-height: 1.3;
	}
	.section-30 .cont-img{
		order: 1;
	}
	.section-30 .cont-title{
		order: 2;
		padding-top: 20px;
	}
	.section-30 .desc{
		font-size: 18px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 15px;
	}
}

/*----------------------------------- SECTION 31 -----------------------------------*/
.web{
	display: block;
}
.mobile{
	display: none;
}
.section-31{
	background-color: #000c26;
    background-image: url('../images/bg-slide.jpg');
	background-size: 100%;
    padding: 70px 0;
}
.section-31 .title{
	color: rgb(229 228 202);
	padding-bottom: 40px;
    line-height: 1.1;
	text-align: center;
	font-family: sans-serif;
}
.section-31 .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
	color: white;
    font-size: 20px;
    font-weight: bold;
}
.section-31 .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
	color: white;
    font-size: 20px;
    font-weight: bold;
}

@media (max-width: 767px) {
	.web{
		display: none;
	}
	.mobile{
		display: block;
	}
}