/* CSS specific to the bs4/main template */
body {
	background-color: #ffffff;
	color: #000000;
}

.main-layout {
	position: relative;
	max-width: 2200px;
	margin-left: auto;
	margin-right: auto;
}
.msb-top-navbar {
	max-width: 2200px;
}

.msb-top-navbar .navbar-nav .nav-link {
	font-weight: 500;
}
@media (min-width: 768px) {
	.msb-top-navbar .navbar-nav li > a {
		font-size: 0.85rem !important;
	}
}

.p-2-5 { padding: 0.75rem !important; }

/* Style for smallest device first!
   top-section - top hero section */
.top-section {
	background: linear-gradient(180deg, #FFFFFF 25%, #005DE9 329.36%);
	background-repeat: no-repeat;
}
.top-section-content { padding-top: 2rem; }
.top-section h1 { font-size: 2.25rem; font-weight: 600; }
.top-section-text { font-size: 1rem; max-width: 90%; }
.top-section-options .btn, .top-section-options { font-size: 0.8rem; }
.top-section-email {
	background-color: #F2F7FE !important;
	border: 1px solid #EBF3FE !important;
	padding: 0.75rem 2.5rem 0.75rem 0.75rem !important;
	border-radius: 50rem !important;
	width: 100%;
}
.top-section-hero {
	display: flex;
	justify-content: center;
}
.top-section-hero img {
	object-position: left top;
	object-fit: fill;
}
.top-section-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 51px;

	background-repeat: no-repeat;
	background-color: transparent;
	background-size: cover 51px;
	background-position: 35% bottom;
	background-image: url('../main/images/blue-waves-top-trp-sm.png');
}

@media (min-width: 375px) {
	.top-section-content { padding-top: 3rem; }
	.top-section-text { font-size: 1.15rem; }
	.top-section-options .btn, .top-section-options { font-size: 1rem; }
}
@media (min-width: 576px) {
	.top-section h1 { font-size: 2rem; }
	.top-section-text { font-size: 1rem; }
	.top-section-options .btn, .top-section-options { font-size: 0.9rem; }
	.top-section-content { padding-left: 3.5rem; }
	.gl-content { margin-top: 2rem; padding-left: 3.5rem; }
}
@media (min-width: 768px) {
	.top-section { min-height: 465px; }
	.top-section-content { padding: 4rem 2rem; }
	.top-section h1 { font-size: 2rem; }
	.gl-content { padding: 0 0 5rem 3rem; }
	.top-section-hero img {
		object-position: left bottom;
		object-fit: cover;
	}
	.top-section-bottom {
		height: 100px;
		background-size: cover;
		background-position: 35% bottom;
		background-image: url('../main/images/blue-waves-top-trp.png');
	}
}
@media (min-width: 784px) {
	.top-section-bottom { height: 130px; }
}
@media (min-width: 840px) {
	.top-section-bottom { height: 110px; }
}
@media (min-width: 992px) {
	.top-section h1 { font-size: 2.25rem; width: 80%; }
	.top-section-options .btn, .top-section-options { font-size: 1rem; }

	.top-section-hero img {
		max-height: 500px;
		object-fit: contain;
	}
	.top-section-bottom {
		height: 110px;
		background-position: 35% bottom;
	}
}
@media (min-width: 1100px) {
	.top-section { min-height: 525px; }
	.top-section-bottom { height: 130px; }
}
@media (min-width: 1200px) {
	.top-section { min-height: 560px; }
	.top-section-text { font-size: 1.15rem; }
	.top-section-bottom {
		height: 140px;
	}
}
@media (min-width: 1700px) {
	.top-section { min-height: 550px; }
}


/* features-section - stacked blue area */
.features-section {
	font-size: 1rem;
	background-color: #1b6fe1;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left bottom;
	background-image: url('../main/images/blue-waves-bottom-sm.png');
	padding-top: 2rem;
	padding-bottom: 100px;
	margin-bottom: 7rem;
}
.features-section .families-target {
	position: absolute;
	top: -150px;
}
.features-section h2 {
	font-size: 1.5rem;
	font-weight: 500 !important;
	background-color: #1b6fe1 !important;
	color: rgba(var(--bs-white-rgb), 1) !important;
	display: flex;
	justify-content: center;
	max-width: 80%;
	margin-right: auto !important;
	margin-left: auto !important;

}
.features-section h3 { font-size: 1.15rem; font-weight: 500; }
.features-section .card {
	background-color: #1b6fe1 !important;
	color: rgba(var(--bs-white-rgb), 1);
	user-select: none;
}
.features-section .card-body {
	font-size: 0.95rem;
	font-weight: 300;
	text-align: center;
	opacity: 0.85;
}
.features-section a { font-size: 1rem; font-weight: 600; }
@media (min-width: 576px) {
	.features-section {
		font-size: 1.25rem;
		background-size: contain;
		background-position: left bottom;
	}
}
@media (min-width: 768px) {
	.features-section {
		background-size: contain;
		background-position: left bottom;
		background-image: url('../main/images/blue-waves-bottom.png');
		padding-top: 0;
	}
	.features-section-content { padding-bottom: 2.5rem; }
}
@media (min-width: 992px) {
	.features-section-content { padding-bottom: 3.5rem; }
}


.benfits-section {
	font-size: 1rem;
	margin-top: 5rem;
	margin-bottom: 5rem;
}
.benfits-section .card {
	user-select: none;
}


.quotes-section {
	font-size: 1rem;
	margin-top: 4rem;
	margin-bottom: 5rem;
}
.quotes-section .swiper {
	width: 90%;
	height: 350px;
	user-select: none;
}
.quotes-swiper {
	padding-bottom: 4rem !important;
}
.quotes-section .swiper-slide {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
@media (min-width: 768px) {
	.quotes-section { font-size: 1.15rem; }
	.quotes-section .swiper {
		width: 65vw;
		height: 35vh;
		min-height: 300px;
	}
}
@media (min-width: 992px) {
	.quotes-section .swiper {
		width: 65vw;
	}
}
@media (min-width: 1200px) {
	.quotes-section .swiper {
		width: 55vw;
		max-width: 750px;
	}
}

.blog-section {
	font-size: 1em;
	font-weight: 500;
	background-color: #ffffff;
	padding-top: 2rem;
	padding-bottom: 2rem;
	margin-top: 4rem;
	margin-bottom: 3rem;
}

/* more-info-section - Get Started Area */
.more-info-section {
	font-size: 0.85rem;

	background-color: #1b6fe1;
	background-repeat: no-repeat;
	background-size: contain, contain;
	background-position: left top, left bottom;
	background-image:
		url('../main/images/blue-waves-top-sm.png'),
		url('../main/images/blue-waves-bottom-sm.png');

	padding-top: 5rem;
	padding-bottom: 5rem;
	margin-top: 2rem;
	margin-bottom: 5rem;
}
@media (min-width: 992px) {
	.more-info-section {
		background-image:
			url('../main/images/blue-waves-top.png'),
			url('../main/images/blue-waves-bottom.png');
		font-size: 1rem;
		padding-top: 9rem;
		padding-bottom: 9rem;
	}
}


/* Custom Cards */
.card.card-salmon {
	border-left: 5px solid #FFBDBD !important;
}
.card.card-purple {
	border-left: 5px solid #DEC4FB !important;
}
.card.card-yellow {
	border-left: 5px solid #FFD98F !important;
}
.card.card-blue {
	color: #ffffff;
	background-color: transparent;
	border: 7px solid rgba(175,208,234,0.11); }
	.card.card-blue:hover, .card.card-blue:focus {
		color: #005DE9;
		background-color: #ffffff;
		box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
	}
	.card.card-blue .card-icon {  padding: 0.75rem; }
	.card.card-blue:hover .card-icon, .card.card-blue:focus .card-icon {
		color: #ffffff;
		background-color: #005DE9;
		border-radius: 50%;
	}
	.card.card-blue a { color: #ffffff; }
	.card.card-blue:hover a, .card.card-blue:focus a { color: #005DE9; }
	.card.card-blue:hover a:hover, .card.card-blue:focus a:focus { color: #003e9d; }
	.card.card-blue .btn-outline-primary { color: #005DE9; background-color: #ffffff; }
	.card.card-blue:hover .btn-outline-primary:hover { color: #fff; background-color: #005DE9; }

/* Custom Badges */
.badge-light-blue {
	letter-spacing: -1px;
	color: #005DE9;
	background-color: #EBF7FE;
	border: 1px solid #EBF7FE;
	border-radius: 6px; }
	a.badge-light-blue:hover, a.badge-light-blue:focus {
		background-color: #277FC2; }
	a.badge-light-blue:focus, a.badge-light-blue.focus {
		outline: 0;
		box-shadow: 0 0 0 0.2rem #277FC2; }

.badge-steel-blue {
	background-color: #B7D6EE;
	border: 1px solid #B7D6EE;
	border-radius: 6px; }
	a.badge-steel-blue:hover, a.badge-steel-blue:focus {
		background-color: #B0C4DE; }
	a.badge-steel-blue:focus, a.badge-steel-blue.focus {
		outline: 0;
		box-shadow: 0 0 0 0.2rem #B0C4DE; }

.badge-light-green {
	background-color: #BCEBC2;
	border: 1px solid #BCEBC2;
	border-radius: 6px; }
	a.badge-light-green:hover, a.badge-light-green:focus {
		background-color: #89DC94; }
	a.badge-light-green:focus, a.badge-light-green.focus {
		outline: 0;
		box-shadow: 0 0 0 0.2rem #89DC94; }

.badge-salmon {
	background-color: #FFBDBD;
	border: 1px solid #FFBDBD;
	border-radius: 6px; }
	a.badge-salmon:hover, a.badge-salmon:focus {
		background-color: #FF7777; }
	a.badge-salmon:focus, a.badge-salmon.focus {
		outline: 0;
		box-shadow: 0 0 0 0.2rem #FF7777; }

.badge-purple {
	background-color: #E8CEFF;
	border: 1px solid #E8CEFF;
	border-radius: 6px; }
	a.badge-purple:hover, a.badge-purple:focus {
		background-color: #C482FF; }
	a.badge-purple:focus, a.badge-purple.focus {
		outline: 0;
		box-shadow: 0 0 0 0.2rem #C482FF; }

.badge-yellow {
	background-color: #FFD98F;
	border: 1px solid #FFD98F;
	border-radius: 6px; }
	a.badge-yellow:hover, a.badge-yellow:focus {
		background-color: #FFB62F; }
	a.badge-yellow:focus, a.badge-yellow.focus {
		outline: 0;
		box-shadow: 0 0 0 0.2rem #FFB62F; }


/* Particles */
.particle-canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
/**/

/* Cards with side images */
.card.side-image .card-image {
	max-width: 100%;
	height: 100%;
	object-fit: cover;
	border-bottom-left-radius: var(--bs-border-radius) !important;
	border-top-left-radius: var(--bs-border-radius) !important;
	border-right: 0 !important;
}

/* Cards with wave footers */
.card.footer-waves .card-footer:last-child {
	border-top: 0;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
}
.card.footer-waves .card-footer:last-child {
	height: 40px;
}
.card.footer-waves.fuchsia .card-footer:last-child {
	background-image: url('../main/images/card-waves-fuchsia.png');
}
.card.footer-waves.green .card-footer:last-child {
	background-image: url('../main/images/card-waves-green.png');
}
.card.footer-waves.purple .card-footer:last-child {
	background-image: url('../main/images/card-waves-purple.png');
}
.card.footer-waves.yellow .card-footer:last-child {
	background-image: url('../main/images/card-waves-yellow.png');
}



/* Swiper styles */
.swiper-pagination-bullet-active {
	background-color: rgba(var(--bs-primary-rgb), 1) !important;
	opacity: 1;
}
.swiper-pagination.lg-bullets .swiper-pagination-bullet {
	width: 20px !important;
	height: 20px !important;
}
.swiper-pagination.lg-bullets .swiper-pagination-bullet:not(:last-child) {
	margin-right: 0.85rem !important;
}