@charset "UTF-8";

:root {
	--color-black: #000000;
	--color-blue: #0075B4;
	--color-purple: #8031A7;
	--color-cyan: #00B5E2;
	--color-white: #ffffff;
	--text-color: #121212;
	--text-color-2: #333333;
	--bg-color-grey: #F2F2F2;
}

.color-blue{color:var(--color-blue);}
.color-purple{color:var(--color-purple);}
.color-text-1{color:var(--text-color);}

html{
	font-family:'Work Sans', sans-serif;
    font-size:1em;
    line-height:1.33em;
    color:var(--text-color);
    background-color:#ffffff;
}

sub, sup{
	font-size:60%;
	font-weight:400;
	white-space:nowrap;
}

sup{
	font-size: 60%;
	line-height: 0;
	vertical-align: super;
}

ul > li > ul{
	list-style-type: disc;
}

hr{
	appearance:none;
	background-color:#C7C7C7;
	border:0;
	height:1px;
	overflow:hidden;
	margin:64px auto;
}

.flex{display:flex;}
.justify-content-center{justify-content: center;}

.text-align-center{text-align:center;}
.text-align-right{text-align:right;}
.text-balance{text-wrap:balance;}
.wrap-forced{word-break:break-all;}

.mobile-text-align-center{text-align:center;}

@media screen and (min-width: 45em) { /*720px*/
	.mobile-text-align-center{text-align:left;}
}

.img-max{max-width:100%;height:auto;}

.mobile-version{display:block;}
.desktop-version{display:none;}
@media screen and (min-width: 45em) { /*720px*/
	.mobile-version{display:none;}
	.desktop-version{display:block;}
}

.chart-margin{
	margin:2rem 0;
}

hr.isi-hr{
	appearance:none;
	border:0;
	border-top:10px solid #f2f2f2;
	margin:0 0 2rem 0;
}

/* BASIC LAYOUT START */

.site-container{
	margin:0 auto;
	width:100%;
}

/* GLOBAL - FOOTER */ 

.site-footer{
	background-color:var(--color-blue);
	border-top: 10px solid #6ADCF3;
	font-family: 'Montserrat', sans-serif;
	height:auto;
	padding:0 0 24px 0;
}
.site-footer .footer{
    min-height: 145px;
}
.site-footer .footer .copyright{
	color:var(--color-white);
	font-size:1rem;
	margin:0.5rem auto 0 auto;
	text-align:center;
}
.site-footer .footer .copyright br{
	display:block;
}
.site-footer nav ul{
	padding:0;
}
.site-footer nav ul li{
	display:block;
	margin:4px 0;
	padding:6px 0;
	text-align:center;
}
.site-footer nav ul li:last-child{	
	padding:6px 0;
}
.site-footer nav li a{
	color:#fff;
	font-weight:700;
	text-decoration:none;
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	text-align:center;
	text-decoration:none;
}
.footer-logo{
	display:block;
	margin:1rem auto 0 auto;
	max-width:100px;
}

@media screen and (min-width: 45em) { 

	.site-footer{
		padding:0 0;
	}
	.site-footer .footer .copyright{
		font-size:1.125rem;
		margin:0.2rem auto 0 auto;
		text-align:left;
	}
	.site-footer .footer{
		align-items: center;
		display:flex;
		justify-content: space-between;
	}
	.site-footer .footer .copyright br{
		display:none;
	}
	.site-footer nav{
		display:block;
		width:100%;
	}	
	.site-footer nav ul{
		box-sizing:border-box;
		display:block;
		font-size:1;
		line-height:1em;
		list-style-type:none;
		margin:0;
		padding:0;
		text-align:left;
		width:100%;
	}
	.site-footer nav ul li{
		box-sizing:border-box;
		display:inline-block;
		font-size:1;
		line-height:1em;
		margin:0;
		/*margin-right: 3rem;*/
		padding: 0 1em 0 0;
		text-align:left;
	}
	.site-footer nav ul li:last-child{
		padding:0px;
	}
	.site-footer nav li a{
		font-size:1.125rem;
		line-height:1.33em;
		padding: 0 1em 0 0;
	}
	.site-footer nav li:last-child a{
		padding:0;
	}
	.footer-logo{
		margin:0;
		max-width:133px;
	}

}

/* HEADER */

.site-header{
	background-color:var(--color-blue);
	padding:0 0;
	position:relative;
}
.site-header .nav-content-width{
	margin:0 auto;
	max-width:1100px;
	position:relative;
	width:94%;
}
.site-header .nav-content-width > div{
	align-items:center;
	display:flex;
	justify-content:center;
	padding:34px 0;
}
.site-logo{
	flex:1 0 auto;
	max-width:152px;
	width:75%;
}
.site-logo img{
	display:block;
	height:auto;
	margin:0 auto;
	width:100%;
}

@media screen and (min-width: 45em) { /*720px*/

	.site-header{
		padding:0;
	}

	.site-header .nav-content-width > div{
		padding:34px 0;
	}

	.site-logo{
		max-width:294px;
		width:50%;
	}

}

/* Homepage Video */

.marquee{
	border-bottom:10px solid #6ADCF3;
	display:block;
	line-height:0em;
	position:relative;
}

.marquee > div{
	align-items: center;
	background:url('/include/image/global/marquee-bg-mobile.png') center center;
	background-size:cover;
	display:flex;
	height:180px;
	justify-content:center;
}
.marquee > div p{
	color:#004169;
	font-size:1.375rem;
	letter-spacing:-0.01em;
	line-height:1.26em;
	margin:0;
	text-align:center;
}

@media screen and (min-width: 31.25em) {
	.marquee > div{
		background:url('/include/image/global/marquee-bg-1440.png') center center;
		background-size:cover;
		height:240px;
	}
	.marquee > div p{
		font-size:2.375rem;
	}
}

@media screen and (min-width: 45em) {
	.marquee > div{
		background:url('/include/image/global/marquee-bg-1440.png') center center;
		background-size:cover;
		height:300px;
	}
	.marquee > div p{
		font-size:2.375rem;
	}
}

@media screen and (min-width: 64em) {
	.marquee > div{
		height:300px;
	}
	.marquee > div p{
		font-size:2.875rem;
	}
}

@media screen and (min-width: 90.0625em) {
	.marquee > div{
		height:300px;
	}
	.marquee > div p{
		font-size:2.875rem;
	}
}


/* GLOBAL - HEADER - MARQUEE */

.marquee-profile{
	box-sizing:content-box;
	background:#004169;
}

.marquee-profile > div{
	padding:24px 12px;
}

.marquee-profile p{
    color:var(--color-white);
	font-family: 'Montserrat', sans-serif;
	font-size:1.125rem;
	font-weight:400;
	line-height:1.333em;
	margin:0 auto;
	max-width:740px;
	text-align: center;
}

@media screen and (min-width: 45em) { /*720px*/

	.marquee-profile > div{
		padding:48px 24px;
	}

	.marquee-profile p{
		font-size:1.3125rem;
	}	

}



/* TAGLINE */

.tagline-bar{
	background-color:#0033A0;
}
.tagline-bar p{
	color:#ffffff;
	font-size:1rem;
	font-weight:700;
	line-height:1.3em;
	margin:0;
	padding:12px 12px;
	text-align:center;
}

@media only screen and (min-width:45em){

	.tagline-bar p{
		font-size:1.3125rem;
		padding:18px 16px;
	}

}



/* Buttons */ 

.buttons{
	text-align:center;
}

.buttons > a{
	margin:12px auto;
	min-width:176px;
	text-align:center;
}

@media screen and (min-width: 45em) { 
	.buttons{
		display:flex;
		gap:40px;
		justify-content:center;
	}
	.buttons > a{
		margin:12px 0;
	}
}

.button-blue{
	background-color:#0075B4;
	border:2px solid #0075B4;
	border-radius:25px;
	color:#FFFFFF;
	display:inline-block;
	font-size:0.9rem;
	font-weight:600;
	letter-spacing:0.02em;
	line-height:1.2em;
	padding:10px 20px 10px 20px;
	text-align:center;
	text-decoration:none;
}
.button-blue:hover{
	background-color:#FFFFFF;
	border:2px solid #0075B4;
	color:#0075B4;
}
.button-arrow img{
    padding-left: 10px;
    position:relative;
    top:-2px;
}

.btn-style-1{
	margin-bottom:1rem;
	min-width:240px;
	text-align:center;
}
.content > div:last-child .btn-style-1{
	margin-bottom:0;
}
.button-blue.mobile-center{
	margin-left:auto;
	margin-right:auto;
}

@media screen and (min-width: 45em) { /*720px*/
	.button-blue{
		font-size:1rem;
		padding:10px 20px 10px 20px;
	}
	
	.button-blue.mobile-center{
		margin-left:0;
		margin-right:0;
	}
}

.buttons > button.button-blue{
	line-height:1.2em;
	margin:12px 0;
	min-width:176px;
	padding:13px 20px 13px 20px;
	text-align:center;
}

@media screen and (min-width: 45em) { /*720px*/

	.buttons > button.button-blue{
		margin:12px 0;
		min-width:176px;
		padding:13px 20px 13px 20px;
		text-align:center;
	}

}

.country-selector{
	margin:0rem auto;
}

.country-selector > div{
	margin:2rem 0;
}

.country-selector > div a{
	align-items:center;
    color:var(--text-color);
	display:flex;
	font-size:1.125rem;
	font-weight:700;
	line-height:1em;
	text-decoration:none;
}

.country-selector > div a:hover{
	color:var(--color-blue);
}

.country-selector > div a img{
	display:block;
	height:auto;
	width:61px;
}

.country-selector > div a span{
	display:block;
	margin:0 20px 0 30px;
}

@media screen and (min-width: 40em) {

	.country-selector{
		align-items:center;
		display:flex;
		flex:0 0 auto;
		flex-wrap: wrap;
		gap:0 40px;
		justify-content: flex-start;
	}

	.country-selector > div{
		margin:1.75rem 0;
		width:calc(33.3% - 30px);
	}

}

.country-selected{
	display:flex;
	justify-content: center;
	margin:0rem auto 1.25rem auto;
}

.country-selected > div{
	align-items: center;
    color:var(--text-color);
	display:flex;
	font-size:1.125rem;
	font-weight:700;
	gap:30px;
	line-height:1em;
	text-decoration:none;
}

.country-selected > div a img{
	display:block;
	height:auto;
	width:61px;
}

.country-selected > div a span{
	display:block;
	margin:0 20px 0 30px;
}

@media screen and (min-width: 40em) {

	.country-selected{
		display:flex;
		justify-content: center;
		margin:0rem auto 3rem auto;
	}

}

.profile-content{
	margin:1.25rem auto;
	max-width:620px;
	width:90%;
}

.profile-content.profile-content-720{
	max-width:720px;
}

.profile-content.profile-content-780{
	max-width:780px;
}

@media screen and (min-width: 40em) {
	.profile-content,
	.profile-content-720,
	.profile-content-780{
		margin:3rem auto;
	}
}

.boxes{
	margin-left:auto;
	margin-right:auto;
}
.boxes .box{
	background-color:#EDF2F5;
	border-radius:10px;
	margin-bottom:24px;
	margin-left:auto;
	margin-right:auto;
	max-width:430px;
	padding:24px 40px;
}
.boxes .box p{
	font-size:1.125rem;
	line-height:1.44444em;
}

@media screen and (min-width: 40em) {

	.boxes{
		align-items:stretch;
		display:flex;
		gap:20px;
		justify-content:space-between;
		max-width:940px;
	}

	.boxes .box{
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		margin-bottom:0;
		padding:24px 40px;
	}
	.boxes .box p{
		font-size:1.125rem;
	}




}



h1.page-heading{
	background:url('/include/image/global/icon_chevron.svg') top left no-repeat;
	background-size:30px auto;
	border-bottom:1px solid #DDE3E6;
	color:#004169;
	font-family: 'Montserrat', sans-serif;
	font-size:1.4rem;
	font-weight:500;
	margin:2.5rem 0;
	padding-bottom:1rem;
	padding-left:3rem;
}

.heading-add-arrow{
	background:url('/include/image/global/icon_chevron.svg') top left no-repeat;
	background-size:30px auto;
	padding-left:3rem;
}

.heading-add-indent{
	padding-left:3rem;
}

@media screen and (min-width: 40em) {


	h1.page-heading{
		background:url('/include/image/global/icon_chevron.svg') top left no-repeat;
		background-size:35px auto;
		color:#004169;
		font-size:1.75rem;
		padding-bottom:1.375rem;
		padding-left:4rem;
	}

	h1.heading-add-arrow{
		background:url('/include/image/global/icon_chevron.svg') top left no-repeat;
		background-size:35px auto;
		padding-left:4rem;
	}

	.heading-add-indent{
		padding-left:4rem;
	}

}