/**
 * Hemritu Homepage — Brand Trust / Hemritu Promise
 */


/* =========================================================
   SECTION
   ========================================================= */

.hr-brand-trust {
	position: relative !important;

	display: block !important;

	width: 100% !important;
	max-width: 100% !important;

	margin: 0 !important;
	padding: 64px 0 68px !important;

	background-color: #f8f5ef !important;

background-image:
	linear-gradient(
		rgba(248, 245, 239, 0.90),
		rgba(248, 245, 239, 0.90)
	),
	var(--hr-brand-trust-bg-image, none) !important;

background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;

	box-sizing: border-box !important;

	float: none !important;
	clear: both !important;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.hr-brand-trust__container {
	display: block !important;

	width: min(1280px, calc(100% - 80px)) !important;
	max-width: 1280px !important;

	margin: 0 auto !important;
	padding: 0 !important;

	box-sizing: border-box !important;

	float: none !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.hr-brand-trust__header {
	display: flex !important;

	align-items: flex-end !important;
	justify-content: space-between !important;

	width: 100% !important;
	max-width: 100% !important;

	gap: 40px;

	margin: 0 0 38px !important;
	padding: 0 !important;

	box-sizing: border-box !important;

	float: none !important;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.hr-brand-trust__eyebrow {
	display: block !important;

	margin: 0 0 12px !important;
	padding: 0 !important;

	color: #a47731 !important;

	font-size: 10px !important;
	font-weight: 600 !important;

	line-height: 1.4 !important;

	letter-spacing: 0.28em !important;
	text-transform: uppercase !important;

	float: none !important;
}


/* =========================================================
   HEADING
   ========================================================= */

.hr-brand-trust__title {
	display: block !important;

	width: auto !important;
	max-width: 620px !important;

	margin: 0 !important;
	padding: 0 !important;

	color: #171c24 !important;

	font-family: Georgia, "Times New Roman", serif !important;

	font-size: clamp(36px, 4vw, 56px) !important;
	font-weight: 400 !important;

	line-height: 1.05 !important;

	letter-spacing: -0.025em !important;

	float: none !important;
}


/* =========================================================
   SUBTITLE
   ========================================================= */

.hr-brand-trust__subtitle {
	display: block !important;

	width: auto !important;
	max-width: 360px !important;

	margin: 0 !important;
	padding: 0 !important;

	color: #6d675f !important;

	font-size: 14px !important;

	line-height: 1.7 !important;

	text-align: right !important;

	float: none !important;
}


/* =========================================================
   GRID — DESKTOP
   ========================================================= */

.hr-brand-trust__grid {
	display: grid !important;

	width: 100% !important;
	max-width: 100% !important;

	grid-template-columns:
		minmax(0, 1fr)
		minmax(0, 1fr)
		minmax(0, 1fr)
		minmax(0, 1fr) !important;

	grid-template-rows: auto !important;

	grid-auto-flow: row !important;
	grid-auto-columns: auto !important;

	gap: 0 !important;

	margin: 0 !important;
	padding: 0 !important;

	border-top: 1px solid #ddd6ca !important;
	border-bottom: 1px solid #ddd6ca !important;
	border-left: 0 !important;
	border-right: 0 !important;

	box-sizing: border-box !important;

	float: none !important;
}


/* =========================================================
   GRID ITEMS — DESKTOP
   ========================================================= */

.hr-brand-trust__grid > .hr-brand-trust__item {
	position: relative !important;

	display: block !important;

	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;

	height: auto !important;
	min-height: 0 !important;

	margin: 0 !important;
	padding: 28px 26px !important;

	border-top: 0 !important;
	border-right: 1px solid #ddd6ca !important;
	border-bottom: 0 !important;
	border-left: 0 !important;

	background: transparent !important;

	box-sizing: border-box !important;

	float: none !important;

	flex: none !important;

	grid-column: auto !important;
	grid-row: auto !important;

	align-self: stretch !important;

	transition: background-color 250ms ease;
}


/* First card left border */

.hr-brand-trust__grid > .hr-brand-trust__item:first-child {
	border-left: 1px solid #ddd6ca !important;
}


/* Last card right border remove */

.hr-brand-trust__grid > .hr-brand-trust__item:last-child {
	
	border-left: 1px solid #ddd6ca !important;
}
}


/* Hover */

.hr-brand-trust__grid > .hr-brand-trust__item:hover {
	background: rgba(255, 255, 255, 0.55) !important;
}


/* =========================================================
   ICON
   ========================================================= */

.hr-brand-trust__icon {
	display: flex !important;

	width: 46px !important;
	height: 46px !important;

	align-items: center !important;
	justify-content: center !important;

	margin: 0 0 18px !important;
	padding: 0 !important;

	border: 1px solid #c59b53 !important;
	border-radius: 50% !important;

	color: #a47731 !important;

	background: rgba(255, 255, 255, 0.4) !important;

	font-size: 17px !important;

	box-sizing: border-box !important;

	float: none !important;
}


/* =========================================================
   ITEM TITLE
   ========================================================= */

.hr-brand-trust__item-title {
	display: block !important;

	width: auto !important;
	max-width: 100% !important;

	margin: 0 0 8px !important;
	padding: 0 !important;

	color: #1b1a18 !important;

	font-family: Georgia, "Times New Roman", serif !important;

	font-size: 17px !important;
	font-weight: 500 !important;

	line-height: 1.3 !important;

	float: none !important;
}


/* =========================================================
   ITEM TEXT
   ========================================================= */

.hr-brand-trust__item-text {
	display: block !important;

	width: auto !important;
	max-width: 240px !important;

	margin: 0 !important;
	padding: 0 !important;

	color: #706b64 !important;

	font-size: 12px !important;

	line-height: 1.6 !important;

	float: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

	.hr-brand-trust {
		padding: 54px 0 58px !important;
	}

	.hr-brand-trust__container {
		width: calc(100% - 48px) !important;
	}

	.hr-brand-trust__header {
		margin-bottom: 30px !important;
	}

	.hr-brand-trust__title {
		font-size: clamp(32px, 4.5vw, 46px) !important;
	}

	.hr-brand-trust__grid {
		display: grid !important;

		grid-template-columns:
			minmax(0, 1fr)
			minmax(0, 1fr)
			minmax(0, 1fr)
			minmax(0, 1fr) !important;

		grid-template-rows: auto !important;

		grid-auto-flow: row !important;
	}

	.hr-brand-trust__grid > .hr-brand-trust__item {
		padding: 24px 20px !important;

		width: auto !important;
		max-width: none !important;

		grid-column: auto !important;
		grid-row: auto !important;
	}

}


/* =========================================================
   MOBILE — EXACT 2 × 2
   ========================================================= */

@media (max-width: 767px) {

	.hr-brand-trust {
		width: 100% !important;
		max-width: 100% !important;

		padding: 42px 0 44px !important;
	}


	/* Container */

	.hr-brand-trust__container {
		display: block !important;

		width: calc(100% - 28px) !important;
		max-width: none !important;

		margin-left: auto !important;
		margin-right: auto !important;

		padding: 0 !important;
	}


	/* Header */

	.hr-brand-trust__header {
		display: block !important;

		width: 100% !important;

		margin: 0 0 26px !important;
		padding: 0 !important;
	}


	/* Eyebrow */

	.hr-brand-trust__eyebrow {
		margin: 0 0 9px !important;

		font-size: 8px !important;
	}


	/* Heading */

	.hr-brand-trust__title {
		display: block !important;

		width: 100% !important;
		max-width: 100% !important;

		font-size: clamp(29px, 8vw, 38px) !important;

		line-height: 1.06 !important;
	}


	/* Subtitle */

	.hr-brand-trust__subtitle {
		display: block !important;

		width: 100% !important;
		max-width: 100% !important;

		margin: 12px 0 0 !important;

		font-size: 11px !important;

		line-height: 1.55 !important;

		text-align: left !important;
	}


	/* =====================================================
	   FORCE 2 COLUMNS
	   ===================================================== */

	.hr-brand-trust__grid {
		display: grid !important;

		width: 100% !important;
		max-width: 100% !important;

		grid-template-columns:
			minmax(0, 1fr)
			minmax(0, 1fr) !important;

		grid-template-rows:
			auto
			auto !important;

		grid-auto-flow: row !important;

		grid-auto-columns: auto !important;

		gap: 0 !important;

		margin: 0 !important;
		padding: 0 !important;

		border-top: 1px solid #ddd6ca !important;
		border-left: 1px solid #ddd6ca !important;
		border-right: 0 !important;
		border-bottom: 0 !important;

		box-sizing: border-box !important;

		float: none !important;
	}


	/* =====================================================
	   FORCE EACH CARD TO BE A GRID CELL
	   ===================================================== */

	.hr-brand-trust__grid > .hr-brand-trust__item {
		display: block !important;

		position: relative !important;

		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;

		height: auto !important;
		min-height: 160px !important;

		margin: 0 !important;
		padding: 20px 15px !important;

		border-top: 0 !important;
		border-right: 1px solid #ddd6ca !important;
		border-bottom: 1px solid #ddd6ca !important;
		border-left: 0 !important;

		box-sizing: border-box !important;

		float: none !important;

		flex: none !important;

		grid-column: auto !important;
		grid-row: auto !important;

		align-self: stretch !important;
	}


	/* =====================================================
	   CARD 2 + 4 RIGHT BORDER
	   ===================================================== */

	.hr-brand-trust__grid > .hr-brand-trust__item:nth-child(2),
	.hr-brand-trust__grid > .hr-brand-trust__item:nth-child(4) {
	
	border-left: 1px solid #ddd6ca !important;
}
	}


	/* =====================================================
	   ICON
	   ===================================================== */

	.hr-brand-trust__icon {
		display: flex !important;

		width: 38px !important;
		height: 38px !important;

		margin: 0 0 12px !important;
		padding: 0 !important;

		font-size: 14px !important;
	}


	/* =====================================================
	   TITLE
	   ===================================================== */

	.hr-brand-trust__item-title {
		display: block !important;

		width: 100% !important;
		max-width: 100% !important;

		margin: 0 0 6px !important;
		padding: 0 !important;

		font-size: 14px !important;

		line-height: 1.3 !important;
	}


	/* =====================================================
	   TEXT
	   ===================================================== */

	.hr-brand-trust__item-text {
		display: block !important;

		width: 100% !important;
		max-width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;

		font-size: 10px !important;

		line-height: 1.5 !important;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

	.hr-brand-trust {
		padding: 36px 0 38px !important;
	}


	.hr-brand-trust__container {
		width: calc(100% - 22px) !important;
	}


	.hr-brand-trust__title {
		font-size: 29px !important;
	}


	.hr-brand-trust__grid {
		grid-template-columns:
			minmax(0, 1fr)
			minmax(0, 1fr) !important;
	}


	.hr-brand-trust__grid > .hr-brand-trust__item {
		min-height: 150px !important;

		padding: 17px 12px !important;

		width: auto !important;
		max-width: none !important;

		grid-column: auto !important;
		grid-row: auto !important;
	}


	.hr-brand-trust__icon {
		width: 34px !important;
		height: 34px !important;

		margin-bottom: 10px !important;
	}


	.hr-brand-trust__item-title {
		font-size: 13px !important;
	}


	.hr-brand-trust__item-text {
		font-size: 9px !important;
	}

}