body {
	font-family: 'Exo 2', sans-serif;
	font-weight: 400;
}

.header {
	background-color: #311DEF;
}

.header-title {
	color: #FFFFFF;
	letter-spacing: 2.99px;
	font-family: 'Exo 2', sans-serif;
	font-weight: 500;
}

.white {
	color: #FFFFFF;
}

.blue {
	color: #311DEF;
}

.black {
	color: #333333;
}

.light {
	color: #E2F3F7;
}

.regular {
	font-weight: 400;
}

.medium {
	font-weight: 500;
}

.semi-bold {
	font-weight: 600;
}

.bold {
	font-weight: 700;
}

.btn-rayo {
	border-radius: 13px;
	font-size: 35px;
	font-family: 'Exo 2', sans-serif;
	font-weight: 400;
	color: #FFFFFF !important;
	background-color: #1CB5E5;
	padding: 20px 50px;
}

.btn-rayo-blue {
	border-radius: 13px;
	font-size: 22px;
	font-family: 'Exo 2', sans-serif;
	font-weight: 400;
	color: #FFFFFF !important;
	background-color: #4747EF;
	padding: 5px 20px;
}

.btn-rayo-menu {
	border-radius: 13px;
	font-size: 22px;
	font-family: 'Exo 2', sans-serif;
	font-weight: 400;
	color: #FFFFFF !important;
	background-color: #1CB5E5;
	padding: 5px 30px;
}

.btn-session {
	font-size: 22px;
	font-family: 'Exo 2', sans-serif;
	font-weight: 400;
	color: #FFFFFF !important;
	padding: 5px 30px;
}

.section-light {
	padding: 60px 0px;
	background-color: #E2F3F7;
	color: #333333;
}

.section-white {
	padding: 60px 0px;
	background-color: #FFFFFF;
	color: #333333;
}

.section-blue {
	padding: 60px 0px;
	background-color: #4747EF;
	color: #E2F3F7;
}

.modal-backdrop.show {
	opacity: 1;
	background-color: #333333;
}

.modal-content {
	border-radius: 20px;
	border: 0 solid #FFFFFF;
	background-color: #FFFFFF;
}

.modal-header {
	display: block;
	border-bottom: 0 solid #FFFFFF;
}

.modal-footer {
	border-top: 0 solid #FFFFFF;
}