/* Section 08 — see resources/design/homepage/sections/08-why-choose-us/brief.md */
.why-choose-us { padding-top: 80px; padding-bottom: 80px; position: relative; z-index: 1; }
.why-choose-grid { display: flex; gap: 30px; margin-top: 56px; }
.why-choose-card {
    flex: 1;
    background: var(--skin-white);
    border-radius: 12px;
    padding: 30px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-align: center;
}
.why-choose-card img { width: 120px; height: 110px; }
.why-choose-card h4 {
    color: var(--skin-red);
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1024px) {
	.why-choose-us {
		margin-top: 20px;
		padding: 30px 40px 60px;
		background: linear-gradient(
			180deg,
			#Ffffff 0%,
			#FEF4F4 50%,
			#FBD2D3 100%
		);
	}
    .why-choose-grid { flex-wrap: wrap; }
    .why-choose-card { 
		flex: 1 1 calc(50% - 20px); 
		min-width: 180px; 
	}
}

@media (max-width: 767px) {
	.why-choose-us {
		padding: 40px 20px;
	}
}

@media (max-width: 575.98px) {
    .why-choose-card { flex: 1 1 100%; }
}