.register-easier-header
{
	width: 100%;
}

.register-easier-header img
{
	width: 100%;
	height: 100vh;

	object-fit: contain;
}

.loading-gateways
{
	width: 100%;

	padding: 1rem;
	margin-bottom: 2rem;

	background-color: #13524A;
	color: #FFF848;
}

/*.loading-gateways h2
{
	color: #13524A;

	font-weight: bold;
	font-size: 42px;
}*/

.gateway-logo, .gateway-description, .gateway-button
{
	text-align: center;

	margin-top: 5rem;
	margin-bottom: 5rem;
}

.gateway-logo i
{
	color: #13524A;

	font-size: 72px;
}

.gateway-description p
{
	color: #13524A;
	font-size: 24px;

	text-align: left;
}

#learn-more-btn
{
	width: 50%;
	margin-top: 1rem;

	border-radius: 5rem;

	background: linear-gradient(to bottom right, #FFF848, #CFEA7F, #DDF7C8, #7EB863, #13524A);
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	color: #114F4A;
}

#learn-more-btn:hover
{
	font-weight: bold;
}

/*--------------------------------------------------
				MODAL SECTION
----------------------------------------------------*/
.modal .modal-content
{
	border-radius: 1rem;
	width: 100%;
}

.modal .modal-header
{
	background-color: #0B8410;
	color: #13524A;
}

.sms-highlight-text
{
	color: #13524A;
	font-weight: bold;
}

.modal-body .sms-body
{
	text-align: justify;
}

.modal-body .web-loading-body
{
	text-align: justify;
}

.modal-body .messenger-body
{
	text-align: justify;
}

.modal .modal-footer
{
	background-color: #0B8410;
}

#close-modal-btn
{
	color: #FFFFFF;

	border-color: #FFFFFF;
	border-style: solid;
}

#close-modal-btn:hover
{
	color: #0B8410;
	background-color: #FFFFFF;

	font-weight: bold;
}

/*--------------------------------------------------
				MEDIA QUERIES
----------------------------------------------------*/
@media (width: 768px)
{

}

@media (width: 320px)
{
}