.panel-footer {
	--surface-foreground: var(--white);
	--surface-background: var(--primary-color-900);
	--text: var(--gray-100);

	color: var(--text);
	background-color: var(--surface-foreground);
}

.panel-footer .cta-container > div:not(:first-child) {
	position: relative;
}

.panel-footer .footer-content-container {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.panel-footer .footer-content-container {
	display: grid;
}

@media (min-width: 64em) {
	.panel-footer .footer-content-container {
		grid-template-columns: minmax(0, 0.714fr) minmax(0, 1fr);
		grid-template-rows: auto minmax(0, 1fr) minmax(0, 83px);
		text-align: left;
	}
}

.panel-footer .contentRender_name_plugins_core_textbox {
	margin: 0;
	padding: 0;
	max-width: none;
}

.panel-footer .client-details {
	display: grid;
	grid-auto-rows: min-content;
	gap: 27px;
	place-items: center;
	justify-content: center;
}

.panel-footer .attribution-content-container p {
	font-size: var(--text-sm);
	line-height: var(--leading-snug);
}

/* Mobile Bottom Fixed Container */
.panel-footer .mobile-fixed {
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 9999;
}

.panel-footer {
	.footer-nav {
		background: var(--cream);
		padding: 10px var(--space-5);
		align-content: center;
	}
	.navigation-footer {
		display: flex;
		gap: var(--space-1) var(--space-5);
		flex-wrap: wrap;
		justify-content: center;

		& li {
			line-height: var(--leading-normal);
		}
		& li a {
			font-family: var(--font-inter);
			font-weight: 600;
			font-size: var(--text-xs);
			line-height: var(--leading-normal);
			color: var(--black-20);
			text-decoration: none;

			&:hover {
				color: var(--pink);
			}
		}
	}
	.cta-container {
		position: relative;
		padding-block: var(--space-5) var(--space-4);
		display: grid;
		align-items: center;
		gap: var(--space-2);

		.background-img {
			position: absolute;
			inset: 0;

			&::after {
				content: '';
				position: absolute;
				inset: 0;
				background-color: #29335bbf;
			}
			& img {
				height: 100%;
				width: 100%;
				object-fit: cover;
			}
		}
	}

	.contentRender_name_plugins_common_logo_footer,
	.logo-footer a {
		display: block;
		width: 313px;
	}

	.logo-footer img {
		display: block;
		width: 100%;
		height: auto;
	}
	.outer-client-cont {
		padding: 30px var(--space-3) 0;
		border-top: 20px solid var(--pink);
	}
	.client-details {
		p {
			font-family: var(--font-inter);
			font-weight: 400;
			font-size: 0.813rem;
			line-height: 1.3;
			color: var(--black-20);
			display: inline-block;
			max-width: 320px;

			& i {
				margin-right: 6px;
			}

			& a {
				color: inherit;
				font: inherit;
				text-decoration: none;

				&:hover {
					color: var(--pink);
				}
			}

			&.address {
				padding-inline: var(--space-8);
			}
		}
		.one-line-cont {
			display: flex;
			align-items: center;
			gap: 10px;
		}
		.client-info {
			text-align: center;
			display: grid;
			justify-items: center;
			justify-content: center;
			gap: 5px;
			margin-bottom: 28px;
		}
	}
	.social-media {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: var(--space-6);
		margin-bottom: var(--space-6);

		.social-hashtag {
			font-family: var(--font-inter);
			font-weight: 600;
			font-size: 1.188rem;
			letter-spacing: 0.02em;
			text-transform: uppercase;
			color: var(--black-20);
		}

		@media (max-width: 63.9375em) {
			& {
				gap: var(--space-6);
				margin-bottom: var(--space-5);

				.social-hashtag {
					margin-bottom: var(--space-1);
				}
			}
		}
	}
	.copyright {
		font-family: var(--font-inter);
		font-weight: 400;
		font-size: 0.688rem;
		line-height: 1.2;
		color: var(--black);
	}
	.attributions {
		background-color: var(--blue);
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		align-items: center;
		padding: var(--space-6) var(--space-5);
		gap: var(--space-3);

		.attribution-content-container {
			.made-by-sv {
				width: 133px;
				display: block;
				margin-left: auto;

				img {
					display: block;
					width: 100%;
					height: auto;
				}
			}
		}
		.pa-logo {
			width: 119px;
		}
	}
	@media (min-width: 40em) {
		.cta-container {
			display: flex;
			justify-content: center;
			gap: var(--space-16);
		}
	}
	@media (min-width: 64em) {
		.footer-nav {
			min-height: 6;
		}
		.outer-client-cont {
			grid-row: 1 / 4;
			padding-block: 37px 20px;
		}
		.navigation-footer li a {
			font-size: var(--text-sm);
			line-height: 1.286;
		}
		.attributions {
			align-content: center;
			border-top: 2px solid #fff;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding-inline: 50px;

			.attribution-content-container {
				margin-right: unset;

				.made-by-sv {
					display: block;
					margin-left: auto;
					width: 166px;
				}
			}
			.pa-logo {
				width: 149px;
			}
		}
		.social-media {
			margin-bottom: 0;

			.social-hashtag {
				margin-bottom: var(--space-2);
			}
		}
	}

	@media (min-width: 90em) {
		.cta-container {
			padding-left: var(--space-12);
		}
	}
}