:root {
	--title-color: #003180;
}
body {
	margin: 0;
	padding: 0;
}
header {
	position: sticky;
	top: -36px;
	box-shadow: 0px 0px 12px -4px #737373;
	z-index: 10;
	
	.header-bottom {
		background-color: #fff;
	}
	.icons-list i, span {
		color: #fff;
	}
}
.heading {
	.title {
		font-family: Poppins;
		font-weight: 600;
		font-size: 34px;
		color: var(--title-color);
	}
}
.paragraph {
	font-family: Open Sans;
	font-size: 15px;
	line-height: 1.5;
	color: #2b2b2b;
}
.swiper {
	--swiper-navigation-sides-offset: 2px;

	.swiper-button-next, .swiper-button-prev {
		--swiper-navigation-size: 20px;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		background-color: #fff;
		box-shadow: 0 0 10px -3px #000000d1;
		-webkit-text-stroke-width: 3px;
		color: #1d9f66;
	}
}
.images-slider {
	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, from(rgb(102, 204, 153)), to(rgb(51, 153, 153)));

	.swiper-slide {
		aspect-ratio: 7 / 3;
	}
}
.cards-carousel {

	.swiper {
		padding: 20px 15px;
	}
	.swiper-wrapper {
		align-items: stretch;
	}
	.swiper-slide {
		height: auto;
	}
	.card {
		height: 100%;
		display: flex;
		flex-direction: column;
		gap: 25px;
		padding: 20px;
		box-shadow: 1px 1px 20px -8px #363636;
		box-shadow: 0px 0px 20px -6px #898989;
		border-radius: 16px;
		text-decoration: none;

		.card-image {
			width: 100%;
			min-height: 0;
			flex-shrink: 0;

			img {
				width: 100%;
				height: 100%;
				object-fit: contain;
			}
		}

		.card-title {
			line-height: 1.2;
			font-family: Poppins;
			text-align: center;
			color: var(--title-color);
		}
		.card-description {
			margin-top: 10px;
			text-align: center;
			font-size: 14px;
		}
	}	
}

.icon-box {
	.icon {
		border-radius: 50%;
		padding: 12px;
		background: #fff;
		font-size: 50px;
		color: #075e74;
	}
	.title {
		font-family: Poppins;
		font-weight: 600;
	}
	.description {
		font-family: Open Sans;
	}

	.section-features & {
		box-shadow: #003180;

		.title, .description {
			color: #fff;
		}
	}
}
.bg-degraded-theme {
	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, from(rgb(102, 204, 153)), to(#052e61));

	.heading .title, .paragraph {
		color: #fff;
	}
}
.video {
	border-radius: 10px;
	overflow: hidden;
}
footer {
	background-color: #052e61;

	.icons-list i {
		color: #fff;
	}
}
.page-banner .content {
	min-height: 350px;
	align-items: center;

	.heading .title {
		color: #fff;
	}
}