/*modal grid*/
.modal-grid-boxes a{
	text-decoration: none;
}
.modal-grid-boxes a:hover{
	color: inherit;
}
.modal-grid-box{
	margin-bottom: 40px;
}
.modal-grid-box .box-image{
	margin-bottom: 10px;
}
.modal-grid-box .box-title{
	font-weight: 700;
}

/*modal how it works*/
.modal-how-works{
	margin-bottom: 40px;
}
.modal-how-works .expandable{
	margin-bottom: 20px;
	border-radius: 10px;
	border-width: 1px;
	border-style: solid;
}
.modal-how-works .expandable.blue{
	border-color: #00A3E0;
}
.modal-how-works .expandable.orange{
	border-color: #FF7F32;
}
.modal-how-works .name{
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	text-align: left;
	padding: 20px;
	cursor: pointer;
	position: relative;
}
.modal-how-works .expandable .name.closed{
	display: block;
}
.modal-how-works .expandable .name.opened{
	display: none;
}
.modal-how-works .expandable.blue .name{
	color: #00A3E0;
}
.modal-how-works .expandable.orange .name{
	color: #FF7F32;
}
.modal-how-works .name:after{
	position: absolute;
	right: 20px;
	top: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-family: 'Font Awesome 5 Regular';
	content: "\f067";
	font-size: 16px;
	z-index: 1;
}
.modal-how-works .name.opened:after{
	content: "\f068";
}

.modal-how-works .description{
	display: none;
	color: #fff;
	padding: 0 20px 20px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}
.modal-how-works .expandable.open .name.closed{
	display: none;
}
.modal-how-works .expandable.open .name.opened{
	display: block;
}

.modal-how-works .expandable.open .description{
	display: block;
}
.modal-how-works .expandable.blue.open{
	background-color: #00A3E0;
}
.modal-how-works .expandable.orange.open{
	background-color: #FF7F32;
}
.modal-how-works .expandable.open .name{
	color: #fff;
}