/* Page-specific presentation for the Dev Diwali Ganga Aarti experience. */
.ddb-aarti-page {
	--ddb-primary: #c83b2e;
	--ddb-primary-dark: #98281f;
	--ddb-gold: #f1b54a;
	--ddb-ink: #082839;
	background: #fffdfa;
}

.ddb-aarti-page .ddb-crumbs {
	padding-top: 18px;
	padding-bottom: 18px;
}

.ddb-aarti-page .ddb-hero {
	min-height: 650px;
	padding: 86px 0 78px;
	background-position: center;
}

.ddb-aarti-page .ddb-hero__overlay {
	background: linear-gradient(90deg, rgba(2, 22, 34, .96) 0%, rgba(3, 36, 52, .92) 46%, rgba(3, 37, 52, .62) 72%, rgba(3, 37, 52, .34) 100%);
}

.ddb-aarti-page .ddb-hero__inner { display: block; }
.ddb-aarti-page .ddb-hero__content { max-width: 700px; }
.ddb-aarti-page .ddb-eyebrow {
	padding: 7px 12px;
	border: 1px solid rgba(241, 181, 74, .45);
	border-radius: 99px;
	background: rgba(3, 36, 52, .4);
	margin-bottom: 18px;
}
.ddb-aarti-page .ddb-hero h1 { max-width: 680px; font-size: clamp(42px, 5.15vw, 68px); }
.ddb-aarti-page .ddb-hero h1 span { font-size: .53em; color: #f7cf7c; }
.ddb-aarti-page .ddb-hero__sub { max-width: 650px; font-size: 17px; line-height: 1.7; }

.ddb-aarti-page .ddb-hero__facts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 9px;
	max-width: 680px;
	margin: 29px 0 20px;
}
.ddb-aarti-page .ddb-hero__facts div {
	min-height: 74px;
	align-items: flex-start;
	gap: 8px;
	padding: 13px 12px;
	border: 1px solid rgba(255, 255, 255, .17);
	border-radius: 10px;
	background: rgba(255, 255, 255, .08);
	font-size: 12px;
	line-height: 1.4;
}
.ddb-aarti-page .ddb-hero__facts .ico { margin-top: 1px; font-size: 15px; }

.ddb-aarti-countdown-wrap {
	max-width: 500px;
	padding: 13px;
	border: 1px solid rgba(241, 181, 74, .35);
	border-radius: 13px;
	background: rgba(1, 18, 29, .37);
}
.ddb-aarti-countdown-wrap > p {
	margin: 0 0 8px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: #f5cf85;
}
.ddb-aarti-page .ddb-countdown { gap: 6px; }
.ddb-aarti-page .ddb-countdown__unit { padding: 7px 4px; border-radius: 7px; }
.ddb-aarti-page .ddb-countdown__num { font-size: 21px; }
.ddb-aarti-page .ddb-cta-row { margin-top: 24px; }
.ddb-aarti-page .ddb-aarti-hero__reassurance {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 15px 0 0;
	font-size: 12px;
	color: #d6e3e7;
}
.ddb-aarti-page .ddb-aarti-hero__reassurance .ico { color: var(--ddb-gold); }

.ddb-aarti-page .ddb-trustbadges {
	position: relative;
	z-index: 3;
	margin-top: -26px;
	padding: 0 0 20px;
	background: transparent;
}
.ddb-aarti-page .ddb-trustbadges .ddb-container {
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 15px;
	box-shadow: 0 14px 34px rgba(3, 46, 66, .16);
	overflow: hidden;
}
.ddb-aarti-page .ddb-trustbadges__grid { gap: 0; }
.ddb-aarti-page .ddb-trustbadge {
	padding: 17px 16px;
	min-height: 74px;
	font-size: 13px;
}

.ddb-aarti-page .ddb-section { padding: 78px 0; }
.ddb-aarti-page .ddb-section:nth-child(even) { background: #f5f8f8; }
.ddb-aarti-page .ddb-section__title { font-size: clamp(28px, 3.1vw, 40px); }
.ddb-aarti-page .ddb-section__sub { margin-bottom: 40px; }
.ddb-aarti-page .ddb-about { background: #fffdfa; }
.ddb-aarti-page .ddb-about__text h2 { position: relative; padding-top: 20px; }
.ddb-aarti-page .ddb-about__text h2::before {
	content: "The experience";
	position: absolute;
	top: 0;
	font-family: 'Inter', sans-serif;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--ddb-primary);
}
.ddb-aarti-page .ddb-about__text p { line-height: 1.76; }
.ddb-aarti-page .ddb-about__image img { min-height: 390px; }
.ddb-aarti-page .ddb-know-card { border-top: 4px solid var(--ddb-gold); padding: 32px; }
.ddb-aarti-page .ddb-know-card + .ddb-know-card { border-top-color: var(--ddb-primary); }
.ddb-aarti-page .ddb-know-card h3 { font-size: 22px; }
.ddb-aarti-page .ddb-know-card p { font-size: 15px; line-height: 1.75; }
.ddb-aarti-page .ddb-choose-grid { grid-template-columns: repeat(2, 1fr); max-width: 860px; }
.ddb-aarti-page .ddb-choose-card__img-wrap { height: 205px; }
.ddb-aarti-page .ddb-choose-card__body { padding: 28px 24px 22px; }
.ddb-aarti-page .ddb-choose-card__body h3 { font-size: 21px; }
.ddb-aarti-page .ddb-choose-card__text { font-size: 15px; line-height: 1.65; }
.ddb-aarti-page .ddb-inline-cta { margin-top: 42px; }
.ddb-aarti-page .ddb-faq__list { max-width: 860px; margin: 0 auto; }
.ddb-aarti-page .ddb-nearby__grid { max-width: 980px; margin: 0 auto; }

@media (max-width: 900px) {
	.ddb-aarti-page .ddb-hero { min-height: 0; padding: 68px 0 70px; }
	.ddb-aarti-page .ddb-hero__facts { max-width: 640px; }
}

@media (max-width: 600px) {
	.ddb-aarti-page .ddb-crumbs { padding-top: 12px; padding-bottom: 12px; }
	.ddb-aarti-page .ddb-hero { padding: 54px 0 58px; }
	.ddb-aarti-page .ddb-hero__overlay { background: linear-gradient(180deg, rgba(1, 22, 33, .91), rgba(3, 40, 55, .82)); }
	.ddb-aarti-page .ddb-eyebrow { margin-bottom: 15px; }
	.ddb-aarti-page .ddb-hero h1 { font-size: clamp(38px, 11vw, 50px); }
	.ddb-aarti-page .ddb-hero__facts { grid-template-columns: 1fr; margin: 24px 0 18px; }
	.ddb-aarti-page .ddb-hero__facts div { min-height: 0; align-items: center; padding: 11px 12px; }
	.ddb-aarti-page .ddb-aarti-hero__reassurance { align-items: flex-start; line-height: 1.45; }
	.ddb-aarti-page .ddb-trustbadges { margin-top: -17px; padding-bottom: 10px; }
	.ddb-aarti-page .ddb-trustbadges .ddb-container { margin: 0 12px; padding: 0; }
	.ddb-aarti-page .ddb-trustbadge { min-height: 64px; padding: 12px; font-size: 11px; }
	.ddb-aarti-page .ddb-section { padding: 56px 0; }
	.ddb-aarti-page .ddb-about__image img { min-height: 300px; }
	.ddb-aarti-page .ddb-know-card { padding: 25px; }
	.ddb-aarti-page .ddb-choose-grid { grid-template-columns: 1fr; }
	.ddb-aarti-page .ddb-choose-card__img-wrap { height: 190px; }
}