/*
 * Homepage Why Choose Dubai Bullion section.
 *
 * Scoped to the homepage section so the new benefits grid cannot change the
 * locked hero, product catalogue, header/footer or other page templates.
 */

body .db-home-page .db-why-choose-section {
	width: 100%;
	margin: 0;
	padding: clamp(72px, 7vw, 122px) clamp(24px, 3.5vw, 110px) clamp(78px, 7vw, 128px);
	background: #fff;
	color: #061a56;
	font-family: var(--db-ref-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
	line-height: normal;
}

body .db-home-page .db-why-choose-inner {
	width: min(1280px, 100%);
	margin: 0 auto;
}

body .db-home-page .db-why-choose-head {
	max-width: 760px;
	margin: 0 0 clamp(42px, 4.5vw, 70px);
	text-align: left;
}

body .db-home-page .db-why-choose-head h2 {
	margin: 0;
	color: #061a56;
	font: 700 clamp(34px, 3.7vw, 54px)/1.08 var(--db-ref-serif, Georgia, serif);
	letter-spacing: -.025em;
}

body .db-home-page .db-why-choose-head p {
	max-width: 680px;
	margin: 18px 0 0;
	color: #68758a;
	font: 400 clamp(15px, 1.15vw, 18px)/1.65 var(--db-ref-sans, Arial, sans-serif);
}

body .db-home-page .db-why-choose-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(48px, 5vw, 76px) clamp(30px, 5vw, 74px);
	margin: 0;
	padding: 0;
	list-style: none;
}

body .db-home-page .db-why-choose-item {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	align-items: start;
	gap: 19px;
	min-width: 0;
}

body .db-home-page .db-why-choose-icon {
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #9b7621;
	color: #fff;
}

body .db-home-page .db-why-choose-icon svg {
	display: block;
	width: 32px;
	height: 32px;
	max-width: none;
}

body .db-home-page .db-why-choose-copy {
	min-width: 0;
}

body .db-home-page .db-why-choose-copy h3 {
	margin: 2px 0 9px;
	color: #061a56;
	font: 700 clamp(17px, 1.35vw, 21px)/1.25 var(--db-ref-sans, Arial, sans-serif);
}

body .db-home-page .db-why-choose-copy p {
	margin: 0;
	color: #68758a;
	font: 400 15px/1.65 var(--db-ref-sans, Arial, sans-serif);
}

@media (max-width: 900px) {
	body .db-home-page .db-why-choose-section {
		padding: 64px 24px 84px;
	}

	body .db-home-page .db-why-choose-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 42px 28px;
	}
}

@media (max-width: 620px) {
	body .db-home-page .db-why-choose-section {
		padding: 52px 20px 64px;
	}

	body .db-home-page .db-why-choose-head {
		margin-bottom: 36px;
	}

	body .db-home-page .db-why-choose-head h2 {
		font-size: 31px;
	}

	body .db-home-page .db-why-choose-head p {
		margin-top: 14px;
		font-size: 15px;
	}

	body .db-home-page .db-why-choose-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 30px;
	}

	body .db-home-page .db-why-choose-item {
		grid-template-columns: 56px minmax(0, 1fr);
		gap: 16px;
	}

	body .db-home-page .db-why-choose-icon {
		width: 56px;
		height: 56px;
	}

	body .db-home-page .db-why-choose-icon svg {
		width: 29px;
		height: 29px;
	}

	body .db-home-page .db-why-choose-copy h3 {
		margin-top: 1px;
		font-size: 18px;
	}

	body .db-home-page .db-why-choose-copy p {
		font-size: 14px;
		line-height: 1.55;
	}
}