/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 13 2026 | 20:32:49 */
.banner-wrapper {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 100px !important;
	position: relative;
	min-height: 550px;
	z-index:9;
}

.banner-wrapper img.banner-icon {
	height: 300px;
	object-fit: contain;
}

section.feature-banner {
	background-color: transparent;
	background-image: linear-gradient(180deg, var(--e-global-color-8a782ad) 20%, var(--e-global-color-secondary) 100%);
	display: block;
	position:relative;
}

h1.feature-title {
	font-family: 'Polysans Trial';
	font-size: 55px;
	line-height: 1;
	color: #000;
	margin:0px;
}

p.feature-description {
	font-family: 'Inter';
	color: #64748B;
	font-size: 16px;
	line-height: 1.5;
	max-width: 500px;
	margin: 25px 0px !important;
}

a.feature-detail-banner-btn {
	background: #263A5A;
	color: #fff;
	font-family: 'Archivo';
	font-weight: 600;
	font-size: 14px;
	max-width: 285px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 45px;
	border-radius: 10px;
	border: 1px solid #96B6C5;
	box-shadow: 0px 8px 4px 0px rgba(38, 58.00000000000002, 90, 0.63);
	transition: 250ms all ease-in-out;
}

a.feature-detail-banner-btn:hover {
	transform: translateY(-10px);
}

.content-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 1400px;
	margin: 0px auto;
}

.feature--card {
	max-width: 1200px;
	margin: 0px auto;
	display: block;
	padding: 40px;
	border-radius: 12px;
}

.bg-gray {
	background: #F6F6F6;
}

section.feature-content .feature--card p {
	font-family: 'Archivo';
	line-height: 1.5;
}

.what-you-get-cards-grid,.how-it-works-cards-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-top: 50px;
}

.what-you-get-cards-grid .card {
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	background: #F6F6F6;
	border-radius: 20px;
	padding: 20px 20px 45px;
	gap: 35px;
}

.what-you-get-cards-grid .card h3.card-headline {
	margin: 0px;
	font-size: 18px;
	font-family: Polysans Trail Median;
	color: #263A5A;
}

.how-it-works-cards-grid {
	grid-template-columns: repeat(4,1fr);
}

.how-it-works-cards-grid .card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #F6F6F6;
	border-radius: 20px;
	padding: 45px;
	text-align: center;
	gap:20px;
}

.how-it-works-cards-grid .card .icon--wrapper {
	display: flex;
	width: 100px;
	height: 100px;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 100px;
}

.how-it-works-cards-grid .card .icon--wrapper img.card-icon {
	width: 54px !important;
	height: 54px !important;
	object-fit: contain !important;
}

.how-it-works-cards-grid .card h3.card-headline {
	margin: 0;
	font-family: Polysans Trail Median;
	font-size: 18px;
	line-height: 1;
}

.how-it-works-cards-grid .card p.card-description {
	margin: 0;
	font-family: Polysans Trial Slim;
	font-size: 14px;
	line-height: 1.5;
}

section.testimonials--wrapper {
/* 	max-width: 99%; */
	margin: 0px auto;
}

.testimonials--wrapper .testimonials-content {
    max-width: 99%;
    margin: 0px auto;
}

.bg-light-blue {
	background: #EAF0F7;
}

/* FONT STYLES */
/* ===============================
Feature Content Typography
================================= */

section.feature-content {
	line-height: 1.4;
}

/* Headings - Polysans Trial */
section.feature-content h1,
section.feature-content h2,
section.feature-content h3,
section.feature-content h4,
section.feature-content h5,
section.feature-content h6 {
	font-family: "Polysans Trial", sans-serif;
	margin: 0 0 0.5em 0;
	color:#000;
}

/* Specific Sizes */
section.feature-content h1 {
	font-size: 60px; /* scaled up from h2 */
}

section.feature-content h2 {
	font-size: 48px;
}

section.feature-content h3 {
	font-size: 30px;
}

section.feature-content h4 {
	font-size: 24px;
}

section.feature-content h5 {
	font-size: 20px;
}

section.feature-content h6 {
	font-size: 18px;
}

/* Paragraphs & Lists - Inter */
section.feature-content p,
section.feature-content ul,
section.feature-content ol,
section.feature-content li {
	font-family: "Inter", sans-serif;
	font-size: 16px;
	margin: 0 0 1em 0;
	color: #64748B;
}

/* Optional list spacing */
section.feature-content ul,
section.feature-content ol {
	padding-left: 1.5rem;
}
/* FONT STYLES END */

section.feature-content figure.wp-block-video {
    border-radius: 20px;
    overflow: hidden;
}

/* RESPONSIVE STYLES */
/* Large devices (desktops, less than 1200px) */
@media screen and (max-width: 1400px) {

	.content-wrapper {
		max-width: 95%;
	}

}

/* Mid-Large devices (desktops, less than 1200px) */
@media screen and (max-width: 1200px) {

}

/* Medium devices (tablets landscape, less than 992px) */
@media screen and (max-width: 999px) {
	.what-you-get-cards-grid, .how-it-works-cards-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.banner-wrapper {
		gap: 50px !important;
		max-width: 95%;
		margin: 0px auto;
		text-align: center;
		min-height: 380px;
	}

	.banner-wrapper img.banner-icon {
		display: none;
	}

	a.feature-detail-banner-btn {
		margin: 0px auto;
	}

	h1.feature-title {
		font-size: 45px;
		line-height: 1.5;
	}

	p.feature-description {
		margin: 15px 0px !important;
	}

	section.feature-content h3 {
		font-size: 28px;
	}

	section.feature-content h2 {
		font-size: 40px;
	}

	.what-you-get-cards-grid .card h3.card-headline {
		font-size: 16px;
	}

	.what-you-get-cards-grid .card {
		gap: 25px;
		padding: 20px 20px 40px;
	}

	section.feature-content .wp-block-spacer {
		height: 50px !important;
	}

	.how-it-works-cards-grid .card {
		padding: 30px;
	}

}

/* Small devices (tablets portrait, less than 768px) */
@media screen and (max-width: 767px) {
	h1.feature-title {
		font-size: 40px;
	}

	.what-you-get-cards-grid, .how-it-works-cards-grid {
		grid-template-columns: repeat(1, 1fr);
	}

	section.feature-content h2 {
		font-size: 35px;
	}

	.feature--card {
		text-align: center;
	}

	.what-you-get-cards-grid .card {
		align-items: center;
		justify-content: center;
		text-align: center;
		padding: 20px;
	}

	.how-it-works-cards-grid .card {
		padding: 20px;
	}

}

/* Extra small devices (large phones, less than 576px) */
@media screen and (max-width: 576px) {
}

/* Extra extra small devices (small phones, less than 400px) */
@media screen and (max-width: 400px) {
}

/* RESPONSIVE STYLES ENF */