﻿/**
 * Single Donation â€” NEW flexible content blocks (Text+Image, Stats, Story cards,
 * Sponsorship levels). Built to the Figma "Corporate Sponsors" + "Workplace
 * Giving" designs. The original Immediate-Impact / Optional-Ongoing blocks reuse
 * Elementor's generated CSS (source template); these new ones are self-contained
 * here, using the site's exact design tokens (read from the Elementor kit).
 *
 * Scoped to .aaps-single-donation so nothing leaks site-wide.
 */
.aaps-single-donation .aaps-db {
	--db-blue: #1f78d1; /* Primary 500 â€” section titles */
	--db-ink: #181d27; /* Gray 900 â€” headings / dark text */
	--db-body: #414651; /* Gray 700 â€” body text */
	--db-orange: #fc8200; /* Orange 600 â€” buttons + stat numbers */
	--db-orange-700: #cc6002;
	--db-cream: #fffaec; /* Orange 50 â€” pale section bg */
	--db-pill-bg: #fff5d3; /* Orange 100 â€” eyebrow pill bg */
	--db-blue-bg: #f2f7fd; /* pale navy section bg */
	--db-line: #e9eaeb; /* Gray 200 â€” borders */
	--db-icon: #535862; /* Gray 600 â€” paw icon circle */
	--db-font:
		"ABC Diatype Plus Variable Unlicensed Trial", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	box-sizing: border-box;
	width: 100%;
	padding: 80px 0;
	font-family: var(--db-font);
}
.aaps-single-donation .aaps-db * {
	box-sizing: border-box;
}
.aaps-single-donation .aaps-db--cream {
	background: var(--db-cream);
	    background-image: url(https://aaps.digitalsix.net/wp-content/uploads/2026/05/Memberships-Background-Image.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: auto;
}
.aaps-single-donation .aaps-db--blue {
	background: var(--db-blue-bg);
}
.aaps-single-donation .aaps-db--white {
	background: #fff;
	    background-image: url(https://aaps.digitalsix.net/wp-content/uploads/2026/05/Memberships-Background-Image.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: auto;
}

.aaps-single-donation .aaps-db__inner {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 80px;
}

/* â”€â”€ Shared atoms â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
.aaps-single-donation .aaps-db-eyebrow {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	color: var(--db-body);
	background: white;
	border-radius: 9999px;
	padding: 2px 8px;
	margin: 0 0 16px;
	border: 1px solid #BFD9F8;
}
.aaps-single-donation .aaps-db-title {
	font-size: 36px;
	font-weight: 500;
	line-height: 44px;
	letter-spacing: -0.72px;
	color: var(--db-blue);
	margin: 0;
}
.aaps-single-donation .aaps-db-sub {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--db-body);
	margin: 16px 0 0;
}
.aaps-single-donation .aaps-db-body {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--db-body);
	margin: 16px 0 0;
}
.aaps-single-donation .aaps-db-body p {
	margin: 0 0 12px;
}
.aaps-single-donation .aaps-db-body p:last-child {
	margin-bottom: 0;
}
.aaps-single-donation .aaps-db-body ul {
	margin: 12px 0 0;
	padding-left: 20px;
}
.aaps-single-donation .aaps-db-body li {
	margin: 0 0 8px;
}

/* Buttons — static HTML anchors only (Elementor widgets use .elementor-button rules below) */
.aaps-single-donation .aaps-db-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 32px;
}
.aaps-single-donation a.aaps-db-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0;
	padding: 12px 24px;
	border-radius: 9999px;
	border: 1px solid var(--db-orange);
	background: var(--db-orange);
	color: #fff;
	text-decoration: none;
	transition:
		background 0.2s,
		border-color 0.2s,
		color 0.2s;
	cursor: pointer;
}
.aaps-single-donation a.aaps-db-btn:hover {
	background: var(--db-orange-700);
	border-color: var(--db-orange-700);
	color: #fff;
}
.aaps-single-donation a.aaps-db-btn--outline {
	background: #fff;
	color: var(--db-ink);
	border-color: var(--db-line);
}
.aaps-single-donation a.aaps-db-btn--outline:hover {
	background: #fff;
	color: var(--db-ink);
	border-color: var(--db-icon);
}
.aaps-single-donation a.aaps-db-btn svg {
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
}

/* â”€â”€ Text + Image â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
.aaps-single-donation .aaps-db-ti__grid {
	display: flex;
	align-items: center;
	gap: 64px;
}
.aaps-single-donation .aaps-db-ti--imgleft .aaps-db-ti__grid {
	flex-direction: row-reverse;
}
.aaps-single-donation .aaps-db-ti__text {
	flex: 1 1 0;
	min-width: 0;
	max-width: 560px;
}
.aaps-single-donation .aaps-db-ti__media {
	flex: 0 0 46%;
	align-self: stretch;
	min-height: 401px;
}
.aaps-single-donation .aaps-db-ti__media img {
	width: 100%;
	height: 100%;
	display: block;
	box-shadow: 0 18px 40px rgba(20, 56, 102, 0.1);
	max-height: 587px;
	max-width: 535px;
	object-fit: cover;
	border: 16px solid white;
	border-radius: 24px;
}

/* Feature list (the "Easy, Flexible & Tax Effective" rows) */
.aaps-single-donation .aaps-db-feats {
	margin-top: 24px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.aaps-single-donation .aaps-db-feat__head {
	display: flex;
	align-items: center;
	gap: 8px;
}
.aaps-single-donation .aaps-db-feat__title {
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	color: var(--db-ink);
	margin: 0;
}
.aaps-single-donation .aaps-db-feat__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	border-radius: 9999px;
	background: var(--db-orange);
	text-decoration: none;
}
.aaps-single-donation .aaps-db-feat__icon img {
	width: 20px;
	height: 20px;
}
.aaps-single-donation .aaps-db-feat__desc {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--db-body);
	margin: 8px 0 0;
}

/* â”€â”€ Section heading (centered) used by Stats / Stories / Levels â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
.aaps-single-donation .aaps-db-head {
	text-align: center;
	max-width: 630px;
	margin: 0 auto;
}
.aaps-single-donation .aaps-db-head .aaps-db-title {
	letter-spacing: -0.72px;
}
.aaps-single-donation .aaps-db-head .aaps-db-sub {
	margin-top: 16px;
}
.aaps-single-donation .aaps-db-headwrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	max-width: 860px;
	margin: 0 auto;
}
.aaps-single-donation .aaps-db-headwrap .aaps-db-head {
	margin: 0;
}
.aaps-single-donation .aaps-db-paw {
	flex: 0 0 auto;
	width: 85px;
	height: auto;
}
.aaps-single-donation .aaps-db-paw img {
	width: 100%;
	height: auto;
	display: block;
}

/* â”€â”€ Stats â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
.aaps-single-donation .aaps-db-stats__row {
	margin-top: 56px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
}
.aaps-single-donation .aaps-db-stat {
	text-align: center;
}
.aaps-single-donation .aaps-db-stat__num {
	font-size: 64px;
	font-weight: 500;
	line-height: 1.2;
	color: var(--db-orange);
	margin: 0;
}
.aaps-single-donation .aaps-db-stat__label {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--db-body);
	margin: 12px auto 0;
	max-width: 360px;
}

/* â”€â”€ Story cards (Changing Lives Together) â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
.aaps-single-donation .aaps-db-stories__row {
	margin-top: 48px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
.aaps-single-donation .aaps-db-story {
    background: white;
    border-radius: 0px 0px 16px 16px;
		padding-bottom: 24px;
}
.aaps-single-donation .aaps-db-story__img {
	width: 100%;
	aspect-ratio: 302 / 201;
	object-fit: cover;
	border-radius: 12px;
	display: block;
}
.aaps-single-donation .aaps-db-story__body {
	padding: 16px 16px 0;
}
.aaps-single-donation .aaps-db-story__name {
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	color: var(--db-ink);
	margin: 0;
}
.aaps-single-donation .aaps-db-story__text {
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	color: var(--db-body);
	margin: 12px 0 0;
}

/* â”€â”€ Sponsorship levels â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
.aaps-single-donation .aaps-db-levels__cta {
	margin-top: 24px;
	display: flex;
	justify-content: center;
}
.aaps-single-donation .aaps-db-levels__grid {
	margin: 48px auto 0;
	max-width: 832px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}
.aaps-single-donation .aaps-db-level {
	border: 1px solid var(--db-line);
	border-radius: 16px;
	padding: 32px 24px;
	text-align: center;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.aaps-single-donation .aaps-db-level__badge {
	width: 198px;
	height: 198px;
	object-fit: contain;
	display: block;
	margin: 0 auto;
}
.aaps-single-donation .aaps-db-level__title {
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
	color: var(--db-ink);
	margin: 24px 0 0;
}
.aaps-single-donation .aaps-db-level__price {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--db-body);
	margin: 8px 0 0;
}
.aaps-single-donation .aaps-db-level .aaps-db-btn,
.aaps-single-donation .aaps-db-level a.aaps-db-btn {
	margin-top: 24px;
}

/* â”€â”€ Immediate-Impact: highlighted first card (Figma "Why Partner With AAPS") â”€â”€
 * The Impact block reuses Elementor's generated markup, so this overrides the
 * source template's white card (#FFFFFF) + gray icon circle (#535862) only for
 * the first card when "Highlight first card" is ticked. Literal colours (the
 * block is outside .aaps-db, so the --db-* vars don't resolve here). */
.aaps-single-donation .donation-impact-item--feature {
	background-color: #eaf3fc !important;
}
.aaps-single-donation
	.donation-impact-item--feature
	.elementor-element-090632c {
	background-color: #1f78d1 !important;
}

/* â”€â”€ Hero: optional second (outline) button â€” Figma corporate hero â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€
 * The first hero button widget (bb19209) is full-width; inside the injected
 * flex row we shrink it to content width so the two buttons sit side by side.
 * The second button matches the first's metrics (pill, 12/18 padding, the kit
 * button typography) but renders white with dark ink text. */
.aaps-single-donation .donation-hero .aaps-hero-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-items: center;
	justify-content: center;
}
.aaps-single-donation
	.donation-hero
	.aaps-hero-btns
	> .elementor-widget-button {
	width: auto !important;
	max-width: none !important;
}
.aaps-single-donation .donation-hero .aaps-hero-btn2 {
	font-family: var(--e-global-typography-d9a7739-font-family), sans-serif;
	font-size: var(--e-global-typography-d9a7739-font-size);
	font-weight: var(--e-global-typography-d9a7739-font-weight);
	line-height: var(--e-global-typography-d9a7739-line-height);
	letter-spacing: var(--e-global-typography-d9a7739-letter-spacing);
	border-radius: 100px;
	padding: 12px 18px;
	border: 1px solid #ffffff;
	background-color: #ffffff;
	color: #181d27;
	transition:
		background-color 0.2s,
		color 0.2s;
}
.aaps-single-donation .donation-hero .aaps-hero-btn2:hover {
	background-color: #f5f5f5;
	color: #181d27;
}

/* â”€â”€ Responsive â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
@media (max-width: 1024px) {
	.aaps-single-donation .aaps-db {
		padding: 56px 0;
	}
	.aaps-single-donation .aaps-db__inner {
		padding: 0 40px;
	}
	.aaps-single-donation .aaps-db-ti__grid {
		gap: 40px;
	}
	.aaps-single-donation .aaps-db-stories__row {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 767px) {
	.aaps-single-donation .aaps-db {
		padding: 48px 0;
	}
	.aaps-single-donation .aaps-db__inner {
		padding: 0 20px;
	}
	.aaps-single-donation .aaps-db-title {
		font-size: 30px;
		line-height: 36px;
		letter-spacing: 0;
	}
	.aaps-single-donation .aaps-db-ti__grid,
	.aaps-single-donation .aaps-db-ti--imgleft .aaps-db-ti__grid {
		flex-direction: column-reverse;
		gap: 28px;
	}
	.aaps-single-donation .aaps-db-ti__text {
		max-width: none;
	}
	.aaps-single-donation .aaps-db-ti__media {
		flex-basis: auto;
		width: 100%;
		min-height: 0;
	}
	.aaps-single-donation .aaps-db-ti__media img {
		height: auto;
		aspect-ratio: 327 / 248;
	}
	.aaps-single-donation .aaps-db-btns {
		flex-direction: column;
		align-items: stretch;
	}
	.aaps-single-donation a.aaps-db-btn {
		justify-content: center;
	}
	.aaps-single-donation .aaps-db-headwrap {
		gap: 12px;
	}
	.aaps-single-donation .aaps-db-paw {
		width: 48px;
	}
	.aaps-single-donation .aaps-db-stats__row {
		grid-template-columns: 1fr;
		gap: 40px;
		margin-top: 40px;
	}
	.aaps-single-donation .aaps-db-stat__num {
		font-size: 52px;
	}
	.aaps-single-donation .aaps-db-stories__row {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.aaps-single-donation .aaps-db-story__img {
		aspect-ratio: 327 / 201;
	}
	.aaps-single-donation .aaps-db-levels__grid {
		grid-template-columns: 1fr;
		max-width: 420px;
	}
}
.aaps-single-donation .donation-hero .aaps-hero-btn2 .elementor-button-icon svg path {
	stroke: #181d27;
}
.aaps-single-donation .donation-hero .aaps-hero-btn2 .elementor-button-icon {
	display: inline-flex;
	align-items: center;
	margin-right: 8px;
}


/* ── Elementor-native aaps-db blocks ─────────────────────────────────────────
 * Full-width Elementor containers (`e-con-full`) do NOT wrap kids in
 * `.e-con-inner` — layout must target the container itself and its direct
 * `.elementor-element` children. Widget Advanced CSS classes use `_css_classes`.
 */
.aaps-single-donation .aaps-db.e-con {
	--padding-top: 0px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--gap: 0px;
}
.aaps-single-donation .aaps-db.e-con,
.aaps-single-donation .aaps-db .e-con {
	--padding-top: 0px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
}

/* Inner max-width shell */
.aaps-single-donation .aaps-db > .aaps-db__inner.e-con,
.aaps-single-donation .aaps-db .aaps-db__inner.e-con {
	max-width: 1440px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 80px !important;
	padding-right: 80px !important;
	box-sizing: border-box;
	flex-direction: column !important;
	--flex-direction: column;
	--align-items: stretch;
	--gap: 0px;
}

/* Text + Image grid */
.aaps-single-donation .aaps-db .aaps-db-ti__grid.e-con {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 64px !important;
	width: 100%;
	--flex-direction: row;
	--align-items: center;
	--gap: 64px;
}
.aaps-single-donation .aaps-db.aaps-db-ti--imgleft .aaps-db-ti__grid.e-con {
	flex-direction: row-reverse !important;
	--flex-direction: row-reverse;
}
.aaps-single-donation .aaps-db .aaps-db-ti__text.e-con {
	flex: 1 1 0 !important;
	min-width: 0;
	max-width: 560px;
	width: auto !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	--flex-direction: column;
	--align-items: flex-start;
	--gap: 0px;
}
.aaps-single-donation .aaps-db .aaps-db-ti__media.e-con {
	flex: 0 0 46% !important;
	align-self: stretch;
	min-height: 401px;
	width: auto !important;
	--gap: 0px;
}
.aaps-single-donation .aaps-db .aaps-db-ti__media img {
	width: 100%;
	height: 100%;
	display: block;
	box-shadow: 0 18px 40px rgba(20, 56, 102, 0.1);
	max-height: 587px;
	max-width: 535px;
	object-fit: cover;
	border: 16px solid #fff;
	border-radius: 24px;
}

/* Kill Elementor kit typography (esp. letter-spacing: -2%) on our marked widgets */
.aaps-single-donation .aaps-db .elementor-widget-heading .elementor-heading-title,
.aaps-single-donation .aaps-db .elementor-widget-text-editor,
.aaps-single-donation .aaps-db .elementor-widget-text-editor p,
.aaps-single-donation .aaps-db .elementor-button,
.aaps-single-donation .aaps-db .elementor-button-text {
	font-family: var(--db-font) !important;
	letter-spacing: 0 !important;
}
.aaps-single-donation .aaps-db .elementor-widget-heading .elementor-heading-title {
	margin: 0;
}
.aaps-single-donation .aaps-db .aaps-db-eyebrow {
	margin: 0 0 16px !important;
	width: auto !important;
	align-self: flex-start;
}
.aaps-single-donation .aaps-db .aaps-db-eyebrow .elementor-heading-title {
	display: inline-block !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 18px !important;
	letter-spacing: 0 !important;
	color: var(--db-body) !important;
	background: #fff !important;
	border-radius: 9999px !important;
	padding: 2px 8px !important;
	border: 1px solid #bfd9f8 !important;
}
.aaps-single-donation .aaps-db .aaps-db-title {
	margin: 0 !important;
	width: 100% !important;
}
.aaps-single-donation .aaps-db .aaps-db-title .elementor-heading-title {
	font-size: 36px !important;
	font-weight: 500 !important;
	line-height: 44px !important;
	letter-spacing: -0.72px !important;
	color: var(--db-blue) !important;
}
.aaps-single-donation .aaps-db .aaps-db-sub {
	margin: 16px 0 0 !important;
	width: 100% !important;
}
.aaps-single-donation .aaps-db .aaps-db-sub .elementor-heading-title {
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	letter-spacing: 0 !important;
	color: var(--db-body) !important;
}
.aaps-single-donation .aaps-db .aaps-db-body {
	margin: 16px 0 0 !important;
	width: 100% !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	color: var(--db-body) !important;
}
.aaps-single-donation .aaps-db .aaps-db-body,
.aaps-single-donation .aaps-db .aaps-db-body .elementor-widget-container,
.aaps-single-donation .aaps-db .aaps-db-body .elementor-text-editor,
.aaps-single-donation .aaps-db .aaps-db-body p {
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	color: var(--db-body) !important;
}

/* Feature list */
.aaps-single-donation .aaps-db .aaps-db-feats.e-con {
	margin-top: 24px !important;
	width: 100% !important;
	flex-direction: column !important;
	gap: 24px !important;
	--flex-direction: column;
	--gap: 24px;
}
.aaps-single-donation .aaps-db .aaps-db-feat.e-con {
	width: 100% !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 0 !important;
	--flex-direction: column;
	--align-items: flex-start;
	--gap: 0px;
}
.aaps-single-donation .aaps-db .aaps-db-feat__head.e-con {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	width: 100% !important;
	--flex-direction: row;
	--align-items: center;
	--gap: 8px;
}
.aaps-single-donation .aaps-db .aaps-db-feat__title {
	width: auto !important;
	flex: 0 1 auto;
}
.aaps-single-donation .aaps-db .aaps-db-feat__title .elementor-heading-title {
	font-size: 20px !important;
	font-weight: 500 !important;
	line-height: 30px !important;
	letter-spacing: 0 !important;
	color: var(--db-ink) !important;
}
.aaps-single-donation .aaps-db .aaps-db-feat__desc {
	margin-top: 8px !important;
	width: 100% !important;
}
.aaps-single-donation .aaps-db .aaps-db-feat__desc .elementor-heading-title {
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	letter-spacing: 0 !important;
	color: var(--db-body) !important;
}
.aaps-single-donation .aaps-db .aaps-db-feat__icon {
	width: 38px !important;
	height: 38px !important;
	flex: 0 0 38px !important;
	margin: 0 !important;
}
.aaps-single-donation .aaps-db .aaps-db-feat__icon .elementor-widget-container,
.aaps-single-donation .aaps-db .aaps-db-feat__icon a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 9999px;
	background: var(--db-orange);
	text-decoration: none;
}
.aaps-single-donation .aaps-db .aaps-db-feat__icon img {
	width: 20px !important;
	height: 20px !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	max-width: none !important;
}

/* Buttons — style only the inner <a.elementor-button>; reset the widget shell */
.aaps-single-donation .aaps-db .aaps-db-btns.e-con {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	gap: 16px !important;
	margin-top: 32px !important;
	width: 100% !important;
	--flex-direction: row;
	--gap: 16px;
}
.aaps-single-donation .aaps-db .aaps-db-btn.elementor-widget,
.aaps-single-donation .aaps-db .aaps-db-btn.elementor-widget-button {
	width: auto !important;
	max-width: none !important;
	align-self: center !important;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	min-height: 0 !important;
	height: auto !important;
}
.aaps-single-donation .aaps-db .aaps-db-btn .elementor-widget-container {
	width: auto !important;
	max-width: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.aaps-single-donation .aaps-db .aaps-db-btn .elementor-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: auto !important;
	min-height: 0 !important;
	height: auto !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 24px !important;
	letter-spacing: 0 !important;
	padding: 12px 24px !important;
	border-radius: 9999px !important;
	border: 1px solid var(--db-orange) !important;
	background: var(--db-orange) !important;
	color: #fff !important;
	box-shadow: none !important;
	fill: #fff;
	text-align: center !important;
}
.aaps-single-donation .aaps-db .aaps-db-btn .elementor-button-content-wrapper {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-direction: row !important;
	gap: 8px !important;
	width: auto !important;
	height: auto !important;
}
.aaps-single-donation .aaps-db .aaps-db-btn .elementor-button:hover,
.aaps-single-donation .aaps-db .aaps-db-btn .elementor-button:focus {
	background: var(--db-orange-700) !important;
	border-color: var(--db-orange-700) !important;
	color: #fff !important;
}
.aaps-single-donation .aaps-db .aaps-db-btn--outline .elementor-button {
	background: #fff !important;
	color: var(--db-ink) !important;
	border-color: var(--db-line) !important;
}
.aaps-single-donation .aaps-db .aaps-db-btn--outline .elementor-button:hover {
	background: #fff !important;
	color: var(--db-ink) !important;
	border-color: var(--db-icon) !important;
}
.aaps-single-donation .aaps-db .aaps-db-btn .elementor-button-icon {
	display: inline-flex !important;
	align-items: center !important;
}
.aaps-single-donation .aaps-db .aaps-db-btn .elementor-button-icon svg {
	width: 20px;
	height: 20px;
}
.aaps-single-donation .aaps-db .aaps-db-btn--outline .elementor-button-icon svg path {
	stroke: currentColor;
}

/* Headwrap / stats / stories / levels */
.aaps-single-donation .aaps-db .aaps-db-headwrap.e-con {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 24px !important;
	max-width: 860px;
	margin: 0 auto !important;
	width: 100% !important;
	--flex-direction: row;
	--align-items: center;
	--justify-content: space-between;
	--gap: 24px;
}
.aaps-single-donation .aaps-db .aaps-db-head.e-con {
	text-align: center;
	max-width: 630px;
	margin: 0 auto !important;
	flex-direction: column !important;
	align-items: center !important;
	width: 100% !important;
	--flex-direction: column;
	--align-items: center;
	--gap: 0px;
}
.aaps-single-donation .aaps-db .aaps-db-paw {
	width: 85px !important;
	flex: 0 0 auto !important;
}
.aaps-single-donation .aaps-db .aaps-db-paw img {
	width: 100%;
	height: auto;
	display: block;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}
.aaps-single-donation .aaps-db .aaps-db-stats__row.e-con {
	margin-top: 56px !important;
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px !important;
	width: 100% !important;
}
.aaps-single-donation .aaps-db .aaps-db-stat.e-con {
	text-align: center;
	flex-direction: column !important;
	align-items: center !important;
	width: 100% !important;
	--flex-direction: column;
	--align-items: center;
}
.aaps-single-donation .aaps-db .aaps-db-stat__num .elementor-heading-title {
	font-size: 64px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	color: var(--db-orange) !important;
}
.aaps-single-donation .aaps-db .aaps-db-stat__label .elementor-heading-title {
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	letter-spacing: 0 !important;
	color: var(--db-body) !important;
	margin-top: 12px !important;
	max-width: 360px;
}
.aaps-single-donation .aaps-db .aaps-db-stories__row.e-con {
	margin-top: 48px !important;
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px !important;
	width: 100% !important;
}
.aaps-single-donation .aaps-db .aaps-db-story.e-con {
	background: #fff;
	border-radius: 0 0 16px 16px;
	flex-direction: column !important;
	padding-bottom: 24px !important;
	width: 100% !important;
	--flex-direction: column;
	--gap: 0px;
}
.aaps-single-donation .aaps-db .aaps-db-story__img img {
	width: 100%;
	aspect-ratio: 302 / 201;
	object-fit: cover;
	border-radius: 12px;
	display: block;
	border: 0 !important;
	box-shadow: none !important;
}
.aaps-single-donation .aaps-db .aaps-db-story__body.e-con {
	padding: 16px 16px 0 !important;
	flex-direction: column !important;
	width: 100% !important;
	--flex-direction: column;
	--gap: 0px;
}
.aaps-single-donation .aaps-db .aaps-db-story__name .elementor-heading-title {
	font-size: 20px !important;
	font-weight: 500 !important;
	line-height: 28px !important;
	letter-spacing: 0 !important;
	color: var(--db-ink) !important;
}
.aaps-single-donation .aaps-db .aaps-db-story__text .elementor-heading-title {
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 21px !important;
	letter-spacing: 0 !important;
	color: var(--db-body) !important;
	margin-top: 12px !important;
}
.aaps-single-donation .aaps-db .aaps-db-levels__cta.e-con {
	margin-top: 24px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	--justify-content: center;
	--align-items: center;
	justify-content: center !important;
	width: 100% !important;
}
.aaps-single-donation .aaps-db .aaps-db-levels__grid.e-con {
	margin: 48px auto 0 !important;
	max-width: 832px;
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px !important;
	width: 100% !important;
}
.aaps-single-donation .aaps-db .aaps-db-level.e-con {
	border: 1px solid var(--db-line);
	border-radius: 16px;
	background: #fff;
	padding: 32px 24px !important;
	text-align: center;
	flex-direction: column !important;
	align-items: center !important;
	width: 100% !important;
	--flex-direction: column;
	--align-items: center;
	--gap: 0px;
}
.aaps-single-donation .aaps-db .aaps-db-level__badge img {
	width: 198px;
	height: 198px;
	object-fit: contain;
	display: block;
	margin: 0 auto;
	border: 0 !important;
	box-shadow: none !important;
}
.aaps-single-donation .aaps-db .aaps-db-level__title .elementor-heading-title {
	font-size: 24px !important;
	font-weight: 500 !important;
	line-height: 30px !important;
	letter-spacing: 0 !important;
	color: var(--db-ink) !important;
	margin-top: 24px !important;
}
.aaps-single-donation .aaps-db .aaps-db-level__price .elementor-heading-title {
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	letter-spacing: 0 !important;
	color: var(--db-body) !important;
	margin-top: 8px !important;
}
.aaps-single-donation .aaps-db .aaps-db-level .aaps-db-btn {
	margin-top: 24px !important;
}

@media (max-width: 1024px) {
	.aaps-single-donation .aaps-db .aaps-db__inner.e-con {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
	.aaps-single-donation .aaps-db .aaps-db-ti__grid.e-con {
		gap: 40px !important;
		--gap: 40px;
	}
	.aaps-single-donation .aaps-db .aaps-db-stories__row.e-con {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 767px) {
	.aaps-single-donation .aaps-db .aaps-db__inner.e-con {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.aaps-single-donation .aaps-db .aaps-db-title .elementor-heading-title {
		font-size: 30px !important;
		line-height: 36px !important;
		letter-spacing: 0 !important;
	}
	.aaps-single-donation .aaps-db .aaps-db-ti__grid.e-con,
	.aaps-single-donation .aaps-db.aaps-db-ti--imgleft .aaps-db-ti__grid.e-con {
		flex-direction: column-reverse !important;
		--flex-direction: column-reverse;
		gap: 28px !important;
		--gap: 28px;
	}
	.aaps-single-donation .aaps-db .aaps-db-ti__text.e-con {
		max-width: none;
	}
	.aaps-single-donation .aaps-db .aaps-db-ti__media.e-con {
		flex: 1 1 auto !important;
		width: 100% !important;
		min-height: 0;
	}
	.aaps-single-donation .aaps-db .aaps-db-ti__media img {
		height: auto;
		aspect-ratio: 327 / 248;
	}
	.aaps-single-donation .aaps-db .aaps-db-btns.e-con {
		flex-direction: column !important;
		align-items: stretch !important;
		--flex-direction: column;
	}
	.aaps-single-donation .aaps-db .aaps-db-btn .elementor-button {
		justify-content: center !important;
		width: 100%;
	}
	.aaps-single-donation .aaps-db .aaps-db-headwrap.e-con {
		gap: 12px !important;
		--gap: 12px;
	}
	.aaps-single-donation .aaps-db .aaps-db-paw {
		width: 48px !important;
	}
	.aaps-single-donation .aaps-db .aaps-db-stats__row.e-con {
		grid-template-columns: 1fr;
		gap: 40px !important;
		margin-top: 40px !important;
	}
	.aaps-single-donation .aaps-db .aaps-db-stat__num .elementor-heading-title {
		font-size: 52px !important;
	}
	.aaps-single-donation .aaps-db .aaps-db-stories__row.e-con {
		grid-template-columns: 1fr;
		gap: 32px !important;
	}
	.aaps-single-donation .aaps-db .aaps-db-levels__grid.e-con {
		grid-template-columns: 1fr;
		max-width: 420px;
	}
}
