:root {
	--primary-green: #009945; /* legacy fallback */
	--ebits-blue: #27A9E3;
	--font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	/* semantic brand tokens (injected earlier in layouts); keep fallbacks here */
	--color-primary: var(--color-primary, #009945);
	--color-primary-hover: var(--color-primary-hover, #007a38);
	--color-primary-muted: var(--color-primary-muted, #4fbf7c);
}

body{
    background: #fafcff;
    font-family: Nunito,sans-seriff;
}
a:hover{text-decoration: none;}
i{
	font-size: 60px;
	color: var(--color-primary);
}
.main-container{
    padding-top: 60px;
    text-align: center;
}
.logo-container{
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 50px;
}
.logo-image{
    text-align: center;
}
@media all and (max-width: 1024px) {
	.logo-text {
		font-size: 35px !important;
		align-self: center;
		padding-left: 10px;
	}

	.logo-image {
		width: 100px !important;
	}
}

@media all and (max-width: 768px) {
	.logo-text {
		font-size: 26px !important;
		align-self: center;
		padding-left: 15px;
	}

	.logo-image {
		width: 70px !important;
	}
}

@media all and (max-width: 426px) {
	.logo-text {
		font-size: 18px !important;
		align-self: center;
		padding-left: 10px !important;
	}

	.logo-image {
		width: 45px !important;
	}
}

.logo {
	width: 100px;
	display: inline;
	flex: 1;
}

.logo-text {
	flex: 2;
	font-size: 40px;
	padding-left: 10px;
	font-weight: 400;
	line-height: 1.3;
	color: #4c6280;
}

.card{
	background-color: #fff;
	padding: 50px;
	border-radius: 8px;
	box-shadow: 0 8px 15px color-mix(in srgb, var(--color-primary) 25%, transparent);
	border: none;
}

.card-body{
    padding: 1.25rem 1.25rem 0 1.25rem;
    font-size: 1.4rem;
    color: #4c6280;
}