/* button */
.corp-lib__button {
	font-size:16px;
	border-radius: 12px;
	font-weight:700;
	line-height: 48px;
	text-decoration: none;
	display: inline-block;
	padding: 0 16px;
	margin: 12px 0 0px;
	}
.corp-lib__button:hover {
	opacity:0.8;
	}
.corp-lib__orange-btn {
	color:#fff;
	background:#FF4C00;
	line-height: 56px;
	border-radius: 16px;
	}
.corp-lib__blue-btn:hover {
	color:#fff;
	}
.corp-lib__violet-btn {
	color:#fff;
	background:#6262D9;
	}
.corp-lib__violet-btn:hover {
	color: #FFF;
	}
.corp-lib__white-btn {
	color:#3D3DC7; 
	background:#EAEAF9; 
	line-height: 48px;
	}
.corp-lib__white-btn:hover {
	color:#3D3DC7;
	}


	
	
/* presentation block */
.presentation {
	color:#fff;
	background:#3135BA;
	border-radius:24px;
	padding: 30px 20px 30px;
	justify-content: center;
	margin: 32px 16px 0;
	text-align: center;
	}
.presentation__wrap {
	max-width: 794px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	align-items: center;
	}
.presentation__desc {
	max-width: 514px;
	text-align: left;
	padding: 0 0 0 25px;
	}
.presentation__desc p {
	line-height:20px;
	margin: 20px 0 0;
	}
.presentation__pic {
	padding: 0px 0 0 10px;
	}
.presentation__wrap-button {
	margin: 20px 0 0;
	}
.presentation__wrap-button a {
	margin: 0 16px 0 0;
	width: 207px;
	text-align: center;
	}

/* join block */
.join {
	color:#fff;
	/* background:#3135BA; */
	border-radius:24px;
	text-align: right;
	padding: 24px 0px 29px 39px;
	margin: 32px 16px;
	background: #0A1E78;
	}
.join__desc {
	background: url(/static/pr/cms/corp_library/img_new/bg_join.svg) center right no-repeat;
	max-width: 840px;
	margin: 0 auto;
	padding: 0 0px 0 3.1vw;
	text-align:left;
	}
.join__desc h3 {
	letter-spacing: 0.25px; 
	margin: 6px 0 0;
	text-align:left;
	}
.join__desc p {
	line-height:20px;
	margin: 20px 0 0;
	max-width: 433px;
	}
.join__desc__wrap-button {
	margin: 7px 0 0;
	}
.join__wrap-button a {
	margin: 0 16px 0 0;
	width: 207px;
	text-align: center;
	}



/* --------------------------- adaptive ----------------------------------------------   */

@media screen and (max-width:1024px){   
	

	.join {
		/* margin: 20px 10px 0; */
		}
}

@media screen and (max-width:860px){ 

	/* presentation block */
	.presentation {
		padding: 35px 20px 27px;
		}
	.presentation__wrap {
		max-width: none; 
		justify-content: center; 
		flex-wrap: wrap;
		gap: 20px;
		}
	.presentation__desc {
		max-width: 534px;
		text-align: center;
		padding: 0 0 0 0px;
		}
	.presentation__wrap-button a {
		margin: 0 8px 0;
		width: 207px;
		}
	
	/* join block */
	.join {
		color:#fff;
		/* background:#3135BA; */
		border-radius:24px;
		padding: 24px 0px 29px 15px;
		}
	.join__desc {
		background: url(/static/pr/cms/corp_library/img_new/bg_join.svg) center right no-repeat;
		text-align: left;
		margin: auto;
		padding: 0 239px 0 2vw;}
	.join__desc p {
		line-height:20px;
		margin: 20px 0 0;
		}
	.join__desc__wrap-button {
		margin: 7px 0 0;
		}
	.join__wrap-button a {
		margin: 0 16px 0 0;
		width: 207px;
		text-align: center;
		}
}


@media screen and (max-width: 640px){
	
	/* presentation block */
	.presentation {
		padding: 32px 23px 27px;
		}
	.presentation__desc {
		text-align: left;
		}
	.presentation__desc p {
		margin: 17px 0 0;
		}
	.presentation__pic img {
		width: 100%;
		}
	.presentation__wrap-button {
		margin: 0px 0 0;
		}
	.presentation__wrap-button a {
		margin: 16px 0px 0;
		width: 100%;
		/* display: block; */
		/* border: 1px red solid; */
		padding: 0;
		}
	
	/* join block */
	.join {
		border-radius:24px;
		padding: 14px 18px 22px 18px;
		}
	.join__desc {
		background: url(/static/pr/cms/corp_library/img_new/bg_join_pda_1.png) center bottom no-repeat;
		padding: 0 0px 0;
		}
	.join__desc h3 {
		font-size: 18px;
		line-height: 24px;
		}
	.join__desc p {
		line-height:20px;
		margin: 6px 0 0;
		font-size: 14px;
		line-height: 20px;
		}
	.join__desc__wrap-button {
		margin: 174px 0 0;
		}
	.join__desc__wrap-button a {
		width:100%;
		text-align: center;
		padding: 0;
		}
	.join__wrap-button a {
		margin: 0 16px 0 0;
		width: 207px;
		text-align: center;
		}
}



@media screen and (max-width:414px){
	
	.corp-lib__button {
		width:100%;
		margin: 12px 12px 12px 0;
		}
	
	
}

/* ---------end ---------- */