@charset "utf-8";
/* CSS Document */
.seo-pages  a{
	border-bottom:1px dashed #02c602;	
}
.sec-wrap{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content:space-between;
}
.sec-wrap-no-f{
	display:block;
}
.sec-2{
	padding:40px 0;
}
.sec-txt{
	order:1;
}
.sec-media{
	order:2;
	text-align:center !important;
	flex:auto;
}
.leftpan.sec-media{
	margin-top:20px;
}
.rightpan.sec-txt{
	margin-top:0;
}
.risk-top-sec .sec-txt{
	order:2;
	margin-top:20px;
}
.risk-top-sec .sec-media{
	order:1;
	text-align:center !important;
	flex:auto;
	margin:0;
}
.sec-2 p, .sec-2 h2, .sec-2 .h2{
	color:#363559 !important;
}
.light-bg2 h2, .light-bg2 .h2{
	/*margin-bottom:10px;*/
}

.container-sm{
	padding:0 5%;
	width:100%;
}
.components-box ul{
	padding:0;
	margin:0;
	margin:0 auto;
}
.components-box li{
	padding:0;
	margin:0 0 20px;
	background-image:none;
	background:#fff;
	border-radius:10px;
	padding:20px 16px;
	font-size:1.4rem;
	line-height:2.2rem;
	border:1px solid #d9d9f9;
}
.components-box li:last-child{
	margin-bottom:0;
}
.components-box li .h3{
	font-size:1.4rem;
	line-height:2rem;
	text-transform:uppercase;
	margin-bottom:6px;
	color:#206fc1 !important;
	text-align:center;
}
.components-box li .h3 svg{
	display:block;
	margin:0 auto 16px;
	width:60px;
	height:auto;
}
.components-box li img {
    display: block;
    margin: 0 auto 16px;
    width: 82px;
    height: auto;
}
.mid-white-box{
	background:#fff;
	width:100%;
	max-width: 1000px;
	margin:20px auto 0 auto;
	padding:6.5% 6.2%;
	border:2px solid #d9d9f3;
	border-radius:20px;
	/*box-shadow: 0 0 10px #bebed9;*/
}
.mid-white-box h3, .mid-white-box .h3, .mid-white-box .list-no, .mid-white-box .list-no{
	display:inline-block;
	font-size:1.4rem;
	line-height:2rem;
	margin:0 2px 4px 0;
	color:#4a4a81;
	font-weight:700;
}
.mid-white-box ul{
	padding:20px 0 0 0;
	margin:0;
}
.mid-white-box li{
	padding:0 0 15px;
	margin:0 0 20px;
	background-image:none;
	border-bottom:1px dashed #bebed9;
}
.mid-white-box li:last-child{
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:none;
}
.mid-white-box li p{
	margin-bottom:10px;
}
.mid-white-box li p:last-child{
	margin-bottom:0;
}
.arrow-down-purple, .arrow-down-white{
	position:relative;
}
.arrow-down-purple::after, .arrow-down-white::before{
	content:"";
	display:block;
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #e3e3ff;
	position:absolute;
	left:50%;
	margin-left:-15px;
}
.arrow-down-purple::after{
	bottom:-15px;
}
.arrow-down-white::before{
	border-top: 15px solid #fff !important;
	top:0;
}
.sec-2 .mid-white-box h2, .sec-2 .mid-white-box .h2{
	color:#206fc1 !important;
	font-size:1.8rem;
	line-height:2.4rem;
	margin-bottom:6px;
}
.blue-bot-sec{
	background:#17155c;
	color:#fff;
}
.blue-bot-sec p:first-child{
	color:#fff;
	margin-bottom:26px;
	font-size:1.8rem;
	line-height:2.4rem;
}
.blue-bot-sec p:first-child a{
	color:#fff;
	border-bottom:1px dashed #fff;	
}
.m-w-800{
	max-width:800px; margin:0 auto;
}
.mar-t-30.highlight-link{
	margin-top:10px;
	/*font-size:1.5rem;
	padding:14px 48px 14px 19px;*/
}
@media only screen and (max-width:350px){

}

@media only screen and (max-width:767px){
	.mid-white-box .center-align strong{
		font-weight:400;
	}

}

@media only screen and (min-width:768px){
	.container-sm{
		padding:0 3%;
	}
	.sec-2{
		padding:55px 0;
	}
	.sec-media{
		text-align:center !important;
		flex:auto;
	}
	.leftpan.sec-media{
		margin-top:30px;
	}
	.rightpan.sec-txt{
		margin-top:0;
	}
	.arrow-down-purple::after, .arrow-down-white::before{
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #e3e3ff;
		margin-left:-20px;
	}
	.arrow-down-purple::after{
		bottom:-20px;
	}
	.arrow-down-white::before{
		border-top: 20px solid #fff !important;
	}
	.imp-txt2{
		font-size:1.6rem;
		line-height:2.4rem;
		margin-bottom:30px;
	}
	.components-box ul li h3, .components-box ul li .h3{
		font-size:1.6rem;
		line-height:2.2rem;
	}
	.mar-t-30.highlight-link{
		margin-top:20px;
		/*font-size:1.6rem;
		padding:20px 55px 20px 30px;*/
	}
	.sec-2 .mid-white-box h2, .sec-2 .mid-white-box .h2{
		font-size:2rem;
		line-height:2.6rem;
		margin-bottom:8px;
	}
	.mid-white-box{
		padding:5.5% 5.2%;
	}
	.mid-white-box h3, .mid-white-box .h3, .mid-white-box .list-no, .mid-white-box .list-no{
		font-size:1.6rem;
		line-height:2.2rem;
		margin:0 0 6px;
	}
	.components-box li .h3{
		font-size:1.5rem;
		line-height:2.1rem;
		margin-bottom:8px;
	}
	.blue-bot-sec p:first-child{
		margin-bottom:30px;
		font-size:2rem;
		line-height:2.6rem;
	}
	.components-box ul{
		max-width:520px;
	}
	.components-box li .h3 svg{
		width:80px;
		height:auto;
	}
}
@media only screen and (min-width:921px){
	.sec-media{
		flex:inherit;
	}
	.sec-txt{
		order:0;
		margin-bottom:0;
	}
	.sec-media{
		order:0;
		margin-bottom:0;
	}
	.leftpan.sec-media{
		margin-top:0;
	}
	.rightpan.sec-txt{
		margin-top:0;
	}
	.leftpan.sec-media{
		text-align:left !important;
	}
	.right-align.sec-media{
		text-align:right !important;
	}
	.risk-top-sec .sec-txt{
		order:0;
		margin-top:0;
	}
	.risk-top-sec .sec-media{
		order:0;
		flex:none;
		margin:0;
	}
	.sec-2{
		padding:70px 0;
	}
	.components-box ul{
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		justify-content:space-between;
		max-width:none;
		/*align-items: flex-start;*/
	}
	.components-box ul li{
		width:32%;
		margin:0;
	}
	.components-box ul li.mid-col{
		/*padding-bottom:11%;*/			
	}
	.sec-4{
		background: url(../images/employees-investment-risk5.webp) 0 100% no-repeat #e3e3ff;
    	background-size: 100% auto;
		background-attachment:fixed;
	}
	.no-webp .sec-4{
		background: url(../images/employees-investment-risk5.jpg) 0 100% no-repeat #e3e3ff;
    	background-size: 100% auto;
		background-attachment:fixed;
	}
	.components-box li {
    	background-color:rgba(255,255,255,0.7);
	}
}
@media only screen and (min-width:1023px){
	.components-box ul li.mid-col{
		/*padding-bottom:8.7%;*/			
	}
}
@media only screen and (min-width:1025px){
	.container-sm{
		padding:0 1.5%;
		margin:0 auto;
	}
	.seo-pages  a:hover{
		border-bottom:1px dashed transparent;	
	}
	.blue-bot-sec p:first-child a:hover{
		border-bottom:1px dashed transparent;	
	}
	.container-sm {
		max-width: 1024px;
	}
	.components-box ul li.mid-col {
		/*padding-bottom: 9.4%;*/
	}
}
@media only screen and (min-width:1200px){
	.imp-txt2{
		font-size:1.8rem;
		line-height:2.6rem;
		margin-bottom:40px;
	}
	.mid-white-box{
		margin:50px auto 0 auto;
		padding:3.5% 3.2%;
		border-width:4px;
		border-radius:40px;
	}
	.mar-t-30.highlight-link{
		margin-top:30px;
	}
	.sec-2 .mid-white-box h2, .sec-2 .mid-white-box .h2{
		font-size:2.4rem;
		line-height:3rem;
		margin-bottom:10px;
	}
	.mid-white-box h3, .mid-white-box .h3, .mid-white-box .list-no, .mid-white-box .list-no{
		font-size:1.8rem;
		line-height:2.4rem;
		margin:0 0 8px;
	}
	.blue-bot-sec p:first-child{
		margin-bottom:36px;
		font-size:2.2rem;
		line-height:2.8rem;
	}
	.sec-2{
		padding:90px 0;
	}
}
@media only screen and (min-width:1200px){
	.container-sm{
		padding:0;
	}
}