.panel-feature-boxes { background: #fff; }
.panel-feature-boxes.panel-class-purple-gradient { background: linear-gradient(181deg, var(--GPS-purple, #2D0078) 1.16%, var(--Color, #8277E5) 141.8%, #BFCFFF 239.06%, var(--Color, #FCCF3D) 331.08%); color:#fff; }
.panel-feature-boxes.panel-class-purple-gradient * { color:#fff; }
.panel-feature-boxes.panel-class-purple-gradient .panel-feature-boxes-description { max-width:1040px; margin:0 auto; }
.panel-feature-boxes.panel-class-purple-gradient .panel-feature-boxes-description p { font-weight:400; font-family: "neue-haas-grotesk-display", sans-serif; }
.panel-feature-boxes.panel-class-purple-gradient .feature-box { border-radius: 8px; background: #2F027A; border:none; }
.panel-feature-boxes.panel-class-purple-gradient .feature-box-text { color: #E5E7EB; }
.panel-feature-boxes .container { max-width: 1200px; }
.panel-feature-boxes-header { position: relative; z-index: 2; text-align: center; }
.panel-feature-boxes-header h2 { margin: 0 0 20px 0; font-family: "neue-haas-grotesk-display", sans-serif; }
.panel-feature-boxes-description { /*max-width: 630px; margin: 0 auto;*/ font-size: 22px; font-weight: 400; line-height: 32px; letter-spacing: 1px; }
.panel-feature-boxes-description p { margin: 0 0 20px 0; font-size: 22px; line-height: 32px; letter-spacing: 1px; font-weight: 500; font-family: "neue-haas-grotesk-display", sans-serif; }
.panel-feature-boxes-description p:last-child { margin-bottom: 0; }

.feature-boxes-row { max-width: 1104px; margin:0 auto; }
.feature-box-col { padding:0 8px; margin-bottom: 40px; }
.feature-box { background: #fff; border: 1px solid #c9cdd4; border-radius: 8px; padding: 32px 32px; height: 100%; min-height: 255px; display: flex; flex-direction: column; align-items: center; text-align: center; transition: all 0.3s ease; }
.feature-box:hover { /*transform: translateY(-5px);*/ box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); }
.feature-box-icon { height: 56px; display: flex; align-items: center; justify-content: center; margin-bottom: 36px; }
.feature-box-icon img { max-height: 76px; max-width: 76px; width: auto; height: auto; display: block; }
.feature-box-content { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 11px; }
.feature-box-title { font-size: 24px; font-weight: 600; line-height: 30px; letter-spacing: 0.48px; color: #080808; margin: 0; text-align: center; font-family: "neue-haas-grotesk-display", sans-serif; }
.feature-box-text  { font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 0.54px; color: #080808; margin: 0; text-align: center; max-width: 304px; }

/* Responsive adjustments */
@media (max-width: 991px) {
	.panel-feature-boxes-heading {
		font-size: 36px;
		line-height: 46px;
		margin-bottom: 28px;
	}
	
	.panel-feature-boxes-description {
		max-width: 700px;
	}
	
	.panel-feature-boxes-description p {
		font-size: 20px;
		line-height: 30px;
	}
	
	.feature-box-col {
		margin-bottom: 32px;
	}
	
	.feature-box {
		padding: 36px 28px;
		min-height: 240px;
	}
	
	.feature-box-title {
		font-size: 22px;
		line-height: 28px;
	}
	
	.feature-box-text {
		font-size: 17px;
		line-height: 24px;
	}
}

@media (max-width: 767px) {
	.panel-feature-boxes-heading {
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 24px;
	}
	
	.panel-feature-boxes-description p {
		font-size: 18px;
		line-height: 28px;
	}
	
	.feature-box-col {
		margin-bottom: 24px;
	}
	
	.feature-box {
		padding: 32px 24px;
		min-height: 220px;
	}
	
	.feature-box-icon {
		height: 50px;
		margin-bottom: 28px;
	}
	
	.feature-box-icon img {
		max-height: 50px;
		max-width: 66px;
	}
	
	.feature-box-title {
		font-size: 20px;
		line-height: 26px;
	}
	
	.feature-box-text {
		font-size: 16px;
		line-height: 23px;
	}
}

@media (max-width: 575px) {
	
	.feature-box-col {
		margin-bottom: 20px;
	}
}