/* ========== CSS Variables (match main site) ========== */
:root {
	--cadi-primary: #42a3f3;
	--cadi-primary-dark: #0d74cf;
	--cadi-white: #fff;
	--cadi-black: #000;
	--cadi-border: #dadada;
	--cadi-radius: 8px;
	--cadi-radius-2: 16px;
}

/* ========== Screen reader only ========== */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ========== Tailwind-equivalent utilities (header only, no Tailwind build) ========== */
.flex-none {
	flex: none;
}
.flex {
	display: flex;
}
.inline-flex {
	display: inline-flex;
}
.hidden {
	display: none;
}
.block {
	display: block;
}
.mx-auto {
	margin-left: auto;
	margin-right: auto;
}
.items-center {
	align-items: center;
}
.justify-center {
	justify-content: center;
}
.justify-between {
	justify-content: space-between;
}
.justify-end {
	justify-content: flex-end;
}

/* Spacing */
.-m-2\.5 {
	margin: -0.625rem;
}
.m-2\.5 {
	margin: 0.625rem;
}
.ml-1\.5 {
	margin-left: 0.375rem;
}
.mt-0 {
	margin-top: 0;
}
.p-2\.5 {
	padding: 0.625rem;
}
.px-4 {
	padding-left: 1rem;
	padding-right: 1rem;
}
.py-3 {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
.gap-x-5\.5 {
	column-gap: 1.375rem;
}
.gap-x-3 {
	column-gap: 0.75rem;
}

/* Sizing */
.w-4,
.h-4 {
	width: 1rem;
	height: 1rem;
}
.w-7,
.h-7 {
	width: 1.75rem;
	height: 1.75rem;
}
.w-full {
	width: 100%;
}
.h-full {
	height: 100%;
}
.w-48 {
	width: 12rem;
}

/* Position */
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.left-0 {
	left: 0;
}

/* Border radius */
.rounded-md {
	border-radius: 0.375rem;
}
.rounded-b-md {
	border-radius: 0 0 0.375rem 0.375rem;
}

/* Shadow / type */
.shadow-lg {
	box-shadow: 0 0.625rem 2.5rem rgba(0, 0, 0, 0.1);
}
.text-sm {
	font-size: 0.875rem;
}
.text-black {
	color: var(--cadi-black);
}
.normal-case\! {
	text-transform: none;
}

/* Transitions */
.transition-colors {
	transition-property: color, background-color, border-color;
}
.duration-200 {
	transition-duration: 200ms;
}
.duration-500 {
	transition-duration: 500ms;
}

/* xl: (1280px+) */
@media (min-width: 1280px) {
	.xl\:flex-1 {
		flex: 1 1 0%;
	}
	.xl\:flex-3 {
		flex: 3 1 0%;
	}
	.xl\:flex-2 {
		flex: 2 1 0%;
	}
	.xl\:justify-center {
		justify-content: center;
	}
	.xl\:justify-end {
		justify-content: flex-end;
	}
	.xl\:items-center {
		align-items: center;
	}
	.xl\:gap-x-3 {
		column-gap: 0.75rem;
	}
}

/* 2xl: (1536px) - class "2xl:gap-x-11", digit escaped in selector */
@media (min-width: 1536px) {
	.\32 xl\:gap-x-11 {
		column-gap: 2.75rem;
	}
}

/* ========== Visibility helpers (if not using Tailwind) ========== */
@media (max-width: 1279px) {
	.xl\:hidden {
		display: flex;
	}
	.hidden.xl\:flex {
		display: none;
	}
}

@media (min-width: 1280px) {
	.xl\:hidden {
		display: none;
	}
	.hidden.xl\:flex {
		display: flex;
	}
}

/* ========== Utility: z-index for dropdown ========== */
.z-9999 {
	z-index: 9999;
}

/* Tailwind end */

/* ========== Container (for header) ========== */
/* Parent theme expects .cs-container; keep layout unchanged */
.main-header .cs-container {
	display: contents;
}

.main-header,
.main-header .container {
	width: calc(100% - 3.125rem);
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.main-header {
		max-width: 540px;
	}
}
@media (min-width: 720px) {
	.main-header {
		max-width: 620px;
	}
}
@media (min-width: 992px) {
	.main-header {
		max-width: 920px;
	}
}
@media (min-width: 1200px) {
	.main-header {
		max-width: 1140px;
	}
}
@media (min-width: 1400px) {
	.main-header {
		max-width: 1320px;
	}
}
@media (min-width: 1600px) {
	.main-header {
		max-width: 87.5rem;
	}
}

/* ========== Main header bar ========== */
.main-header {
	position: fixed;
	padding: 0.1875rem 0.875rem;
	padding-left: 1.25rem;
	top: 1.875rem;
	left: 0;
	right: 0;
	transform: none;
	z-index: 9999;
	background: var(--cadi-white);
	border-radius: var(--cadi-radius-2);
	transition: all 0.32s ease-in-out;
}

@media (min-width: 1500px) {
	.main-header {
		width: 90%;
		max-width: 87.5rem;
	}
}

@media (max-width: 1279px) {
	.main-header {
		padding: 0.625rem 1.25rem;
	}
}
@media (max-width: 991px) {
	.main-header {
		top: 16px;
	}
}

.main-header.scrolled {
	box-shadow: 0 0.25rem 3.75rem 0 rgba(0, 0, 0, 0.14);
	top: 0.75rem;
}

@media (min-width: 1280px) {
	.main-header.scrolled {
		background: rgba(255, 255, 255, 0.96);
		backdrop-filter: blur(6px);
	}
	.main-header.scrolled .navbar-brand:hover {
		opacity: 0.8;
	}
	.main-header.scrolled .mega-menu {
		margin-top: 0.1875rem;
	}
}

/* ========== Navbar container (flex layout without Tailwind) ========== */
.navbar-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: all 0.5s;
	margin-left: auto;
	margin-right: auto;
}

/* ========== Logo / brand ========== */
.navbar-brand {
	color: var(--cadi-black);
}

.navbar-brand img {
	width: auto;
	height: 2.1875rem;
	max-width: 100%;
	object-fit: contain;
	position: relative;
	top: 2px;
	transition: all 0.2s linear;
}

@media (max-width: 1279px) {
	.navbar-brand img {
		height: 2rem;
	}
}

@media (max-width: 767px) {
	.navbar-brand img {
		height: 1.625rem;
	}
}

.navbar-brand:hover {
	opacity: 0.7;
}

.navbar-brand {
	display: flex;
	align-items: center;
	gap: 0.4375rem;
	transition: all 0.2s linear;
}

.navbar-brand .lottie-logo {
	width: 3.4375rem;
	height: 3.4375rem;
	position: relative;
	margin-top: -4px;
}

@media (max-width: 1279px) {
	.navbar-brand .lottie-logo {
		width: 3.1875rem;
		height: 3.1875rem;
	}
}

@media (max-width: 767px) {
	.navbar-brand .lottie-logo {
		width: 2.5rem;
		height: 2.5rem;
		margin-left: 0.25rem;
	}
}

/* ========== Nav links ========== */
.main-header .nav-link {
	color: var(--cadi-black);
	font-size: 1rem;
	padding: 1.25rem 0;
	transition: all 0.3s linear;
	text-decoration: none;
}

.main-header .nav-link:hover {
	color: var(--cadi-primary);
}

.main-header .nav-link.active {
	color: var(--cadi-primary);
}

.main-header .nav-link.active:hover {
	opacity: 0.7;
}

/* Flex for nav link with dropdown arrow */
.nav-link.flex.items-center {
	display: flex;
	align-items: center;
}

/* ========== Dropdown (mega menu) ========== */
.mega-menu {
	z-index: 99;
	background: rgba(255, 255, 255, 0.95);
	color: var(--cadi-black);
	box-shadow: 0 0.625rem 2.5rem rgba(0, 0, 0, 0.1);
	transition: all 0.2s linear;
	border-radius: 0 0 0.5rem 0.5rem;
}

.mega-menu a {
	color: var(--cadi-black);
	display: block;
	padding: 0.75rem 1rem;
	font-size: 0.875rem;
	text-decoration: none;
}

.mega-menu a:hover {
	background: var(--cadi-primary);
	color: var(--cadi-white);
}

.mega-menu a.active {
	color: var(--cadi-primary);
}

.main-header .mega-menu-mobile {
	padding-top: 0.3125rem;
}

/* Desktop dropdown positioning */
.main-header .relative.inline-block {
	position: relative;
	display: inline-block;
	min-height: 50px;
}

.main-header .relative .absolute {
	position: absolute;
	left: 0;
	margin-top: 0;
	width: 12rem;
	z-index: 9999;
}

.main-header .relative .absolute.hidden {
	display: none;
}

.main-header .relative .absolute.block {
	display: block;
}

/* Show submenu on hover (nav-link with dropdown, e.g. #security) */
.main-header .relative.inline-block:hover .absolute {
	display: block;
}

/* ========== Buttons (header CTA) ========== */
.btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	font-size: 1rem !important;
	font-weight: 400;
	padding: 0.5rem 1rem;
	min-width: 10.625rem;
	text-align: center;
	height: auto;
	border: 1px solid;
	border-radius: var(--cadi-radius);
	position: relative;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.2s linear;
}

.btn:focus,
.btn:active,
.btn:hover {
	box-shadow: none;
	outline: none;
}

.btn.btn-header {
	min-width: 3.125rem;
}

.btn.normal-case {
	text-transform: none;
}

/* Primary button */
.btn.btn-primary {
	background-color: var(--cadi-primary);
	border-color: var(--cadi-primary);
	color: var(--cadi-white);
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
	background: var(--cadi-primary-dark);
	border-color: var(--cadi-primary-dark);
}

/* Black button */
.btn.btn-black {
	color: var(--cadi-white);
	background: var(--cadi-black);
	border-color: var(--cadi-black);
}

.btn.btn-black:hover,
.btn.btn-black:focus {
	background: #262626;
	border-color: #262626;
}

/* Outline white (e.g. Request a Demo on light header) */
.btn.btn-outline {
	color: var(--cadi-black);
	background: transparent;
	border-color: var(--cadi-border);
}

.btn.btn-outline:hover,
.btn.btn-outline:focus {
	background: #262626;
	border-color: #262626;
	color: var(--cadi-white);
}

.btn.btn-outline-white {
	background: var(--cadi-white);
	color: var(--cadi-black);
	border-color: var(--cadi-border);
}

.btn.btn-outline-white:hover,
.btn.btn-outline-white:focus {
	background: #262626;
	border-color: #262626;
	color: var(--cadi-white);
}

@media (max-width: 991px) {
	.btn {
		padding: 0.875rem 1.4375rem;
	}
}

/* ========== Mobile menu toggle button ========== */
.mobile-menu-toggle {
	margin: -0.625rem;
	padding: 0.625rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.375rem;
	color: var(--cadi-black);
	background: transparent;
	border: none;
	cursor: pointer;
}

body .mobile-menu-toggle:hover,
body .mobile-menu-toggle:focus,
body .mobile-menu-toggle:active {
	background: #f0f0f0;
	color: var(--cadi-black);
}

.mobile-menu-toggle-icon {
	width: 1.75rem;
	height: 1.75rem;
	transition: transform 0.35s linear;
}

.mobile-menu-toggle-icon.rotated {
	transform: rotate(180deg);
}

/* ========== Mobile menu panel ========== */
.mobile-menu {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: auto;
	z-index: 50;
	width: 100%;
	max-width: 24rem;
	overflow-y: auto;
	background: var(--cadi-white);
	padding: 1.25rem 1.5625rem;
	box-shadow: -1px 0 0 var(--cadi-white);
}

@media (max-width: 1279px) {
	.mobile-menu {
		z-index: 9999;
		background: #fff;
		backdrop-filter: none;
		padding: 1.875rem 2.3125rem;
		width: 94%;
	}
}

@media (max-width: 767px) {
	.mobile-menu {
		padding: 1.25rem 1.5625rem;
	}
}

/* Mobile menu: top row (logo + close button) */
.mobile-menu-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0;
	padding-bottom: 1rem;
}
.mobile-menu-header.flex {
	flex-direction: row;
}
.mobile-menu .mobile-menu-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: -0.625rem;
	padding: 0.625rem;
	border-radius: 0.375rem;
	color: var(--cadi-black);
	background: transparent;
	border: none;
	cursor: pointer;
}
.mobile-menu-close-icon {
	width: 1.5rem;
	height: 1.5rem;
}
.mobile-menu .navbar-brand img.navbar-logo {
	height: 2rem;
}
.mobile-menu .navbar-brand .lottie-logo {
	width: 2.5rem;
	height: 2.5rem;
}

.mobile-menu-links {
	/* .mobile-menu > div.flex { */
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-top: 1rem;
}
.mobile-menu .mt-4 {
	margin-top: 1rem;
}
.mobile-menu .mt-4.flex-col {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

/* Mobile menu slide animation */
.mobile-menu-anim {
	transition:
		transform 0.32s cubic-bezier(0.4, 0, 0.2, 1),
		opacity 0.32s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: transform, opacity;
	transform: translateX(100%);
	opacity: 0;
	pointer-events: none;
}

.mobile-menu-anim.opening,
.mobile-menu-anim.open {
	transform: translateX(0);
	opacity: 1;
	pointer-events: auto;
}

.mobile-menu-anim.closing,
.mobile-menu-anim.closed {
	transform: translateX(100%);
	opacity: 0;
	pointer-events: none;
}

/* Mobile menu overlay */
.mobile-menu-overlay {
	position: fixed;
	inset: 0;
	transition: opacity 0.32s cubic-bezier(0.4, 0, 0.2, 1);
	background: rgba(0, 0, 0, 0.32);
	opacity: 0;
	pointer-events: none;
	z-index: 49;
}

.mobile-menu-overlay.opening,
.mobile-menu-overlay.open {
	/* opacity: 1; */
	pointer-events: auto;
}

.mobile-menu-overlay.closing,
.mobile-menu-overlay.closed {
	opacity: 0;
	pointer-events: none;
}

/* ========== Mobile nav link styles (when you use same classes in mobile drawer) ========== */
.mobile-menu .nav-link,
.mobile-menu a.-mx-3 {
	display: block;
	width: 100%;
	padding: 0.5rem 0.75rem;
	margin-left: -0.75rem;
	margin-right: -0.75rem;
	border-radius: 0.5rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.75;
	color: var(--cadi-black);
	text-decoration: none;
}

.mobile-menu .nav-link:hover,
.mobile-menu a.-mx-3:hover,
.mobile-menu .hover\:text-primary:hover {
	color: var(--cadi-primary);
}

.mobile-menu .nav-link.active {
	color: var(--cadi-primary);
}

/* Mobile dropdown trigger button */
.mobile-menu button.-mx-3 {
	margin-left: -0.75rem;
	margin-right: -0.75rem;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.5rem 0.75rem;
	border-radius: 0.5rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.75;
	color: var(--cadi-black);
	background: none;
	border: none;
	cursor: pointer;
}

.mobile-menu button.-mx-3:hover {
	color: var(--cadi-primary);
}

/* Mobile dropdown icon rotation */
.mobile-menu .rotate-180 {
	transform: rotate(180deg);
}

/* Mobile buttons block */
.mobile-menu .btn {
	display: block;
	width: 100%;
	border-radius: 0.5rem;
	padding: 0.5rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.75;
}

@supports (position: sticky) or (position: -webkit-sticky) {
	@media (min-width: 992px) {
		.cs-sticky-sidebar-enabled.cs-stick-last
			.cs-sidebar__inner
			.widget:last-child {
			top: calc(var(--cs-wpadminbar-height) + 7rem);
		}
	}
}
/* Footer wrapper */
.site-footer {
	padding-bottom: 2.5rem; /* 40px */
}

/* Main footer card */
.footer-inner {
	background: #f8f8f8;
	border-radius: 3rem; /* 48px */
	padding: 3.75rem 3.75rem 1.5rem; /* 60 60 24 */
	display: flex;
	flex-direction: column;
	gap: 4rem; /* 64px */
	max-width: 87.5rem; /* 1400px */
	margin: 0 auto;
	box-sizing: border-box;
}

@media (max-width: 1199px) {
	.footer-inner {
		padding: 4rem 3.5rem 2.5rem; /* 64 56 40 */
		gap: 3.5rem; /* 56px */
		border-radius: 2.5rem; /* 40px */
	}
}

@media (max-width: 991px) {
	.footer-inner {
		padding: 3.5rem 2.5rem 2.25rem; /* 56 40 36 */
	}
}

@media (max-width: 767px) {
	.footer-inner {
		padding: 2.75rem 1.5rem 2rem; /* 44 24 32 */
		gap: 3.125rem; /* 50px */
		border-radius: 1.75rem; /* 28px */
		box-shadow: 0 1.5rem 3rem rgba(12, 22, 34, 0.08);
	}
}

@media (max-width: 575px) {
	.footer-inner {
		padding: 2.25rem 1.25rem 1.75rem; /* 36 20 28 */
	}
}

/* Top section: newsletter + link columns */
.footer-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 5rem; /* 80px */
	flex-wrap: wrap;
}

@media (max-width: 1199px) {
	.footer-top {
		flex-direction: column;
		gap: 3.5rem; /* 56px */
	}
}

@media (max-width: 767px) {
	.footer-top {
		gap: 2.5rem; /* 40px */
	}
}

/* Newsletter block */
.footer-newsletter {
	flex: 0 0 22.5rem; /* 360px */
}

@media (max-width: 1199px) {
	.footer-newsletter {
		flex: none;
		width: 100%;
		max-width: none;
	}
}

/* Newsletter form */
.footer-form {
	display: flex;
	align-items: center;
	gap: 0.75rem; /* 12px */
	background: var(--cadi-white);
	border-radius: 1rem; /* 16px */
	padding: 0.375rem; /* 6px */
	border: 1px solid rgba(0, 0, 0, 0.06);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
}

body input[type="email"].footer-input,
body input[type="text"].footer-input {
	flex: 1;
	border: 0;
	background: transparent;
	padding: 0 1.125rem; /* 18px */
	font-size: 1rem; /* 16px */
	color: var(--cadi-black);
	caret-color: var(--cadi-primary);
	height: auto;
	min-height: max-content;
}

.footer-input::placeholder {
	color: rgba(0, 0, 0, 0.4);
}

.footer-input:focus {
	outline: none;
}

body button.footer-submit {
	border: 0;
	background: transparent;
	padding: 0 !important;
	color: var(--cadi-black);
}

.footer-submit svg {
	width: 2.375rem; /* 38px */
	height: 2.375rem;
	transition: all 0.3s ease;
}

.footer-submit svg:hover,
.footer-submit svg:focus-visible {
	color: var(--cadi-primary);
	outline: none;
}

/* Newsletter description */
.footer-description {
	margin: 1.125rem 0 0; /* 18px */
	font-size: 1rem; /* 16px */
	line-height: 1.6;
	color: rgba(0, 0, 0, 0.6);
}

@media (max-width: 991px) {
	.footer-description {
		font-size: 0.9375rem; /* 15px */
	}
}

/* Link columns */
.footer-nav {
	flex: 1;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 3rem; /* 48px */
}

@media (max-width: 991px) {
	.footer-nav {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.footer-nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 2rem; /* 32px */
	}
}

@media (max-width: 575px) {
	.footer-nav {
		grid-template-columns: 1fr;
	}
}

.footer-column-title {
	font-family:
		"Poppins",
		system-ui,
		-apple-system,
		BlinkMacSystemFont,
		"Helvetica Neue",
		Helvetica,
		sans-serif;
	font-weight: 500;
	font-size: 1.125rem; /* 18px */
	margin: 0 0 1.375rem; /* 22px */
	color: var(--cadi-black);
	letter-spacing: normal;
}

.footer-links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 1.25rem; /* 20px */
}

.footer-link {
	font-size: 1rem; /* 16px */
	color: #0009;
	text-decoration: none;
	display: block;
	transition: color 0.3s ease;
}

.footer-link:hover,
.footer-link:focus-visible {
	color: var(--cadi-primary);
	outline: none;
}

/* Social list */
.footer-social {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.875rem; /* 14px */
}

.footer-social svg {
	width: 1.375rem; /* 22px */
	height: 1.375rem;
	object-fit: contain;
	object-position: center;
}

@media (max-width: 1399px) {
	.footer-social svg {
		width: 1.25rem; /* 20px */
		height: 1.25rem;
	}
}

/* Social icon buttons (hover colors per network) */
.footer-social-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem; /* 48px */
	height: 3rem;
	border: 1px solid #ccd6e3;
	border-radius: 0.5rem; /* 8px */
	background: transparent;
	transition: all 0.2s linear;
	color: var(--cadi-black);
}

@media (max-width: 1399px) {
	.footer-social-icon {
		width: 2.5rem; /* 40px */
		height: 2.5rem;
	}
}

.footer-social-icon svg {
	width: 1.5rem; /* 24px */
	height: 1.5rem;
	transition: all 0.3s ease;
}

@media (max-width: 767px) {
	.footer-social-icon svg {
		width: 1.25rem; /* 20px */
		height: 1.25rem;
	}
}

.footer-social-icon:hover {
	transform: translateY(-4px);
	border-color: transparent;
}

.footer-social-icon:hover svg {
	filter: brightness(0) invert(1);
}

.footer-social-icon--linkedin:hover {
	background: #0a66c2;
}

.footer-social-icon--youtube:hover {
	background: #f91a1a;
}

.footer-social-icon--instagram:hover {
	background: linear-gradient(
		45deg,
		#f58529,
		#f56040,
		#fd1d1d,
		#c13584,
		#833ab4
	);
}

.footer-social-icon--facebook:hover {
	background: #1877f2;
}

/* Bottom row */
.footer-bottom {
	padding-top: 2rem; /* 32px */
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
}

@media (min-width: 992px) {
	.footer-bottom > p,
	.footer-bottom > div {
		width: calc(33.33% - 2rem); /* 32px */
	}
}

@media (max-width: 1199px) {
	.footer-bottom {
		padding-top: 0;
	}
}

@media (max-width: 991px) {
	.footer-bottom {
		flex-direction: column-reverse;
		gap: 1.5rem; /* 24px */
		align-items: flex-start;
		justify-content: flex-start;
	}
}

.footer-copyright {
	margin: 0;
	font-size: 1rem; /* 16px */
	color: rgba(0, 0, 0, 0.6);
}

@media (max-width: 575px) {
	.footer-copyright {
		width: 100%;
		text-align: center;
	}
}

/* Brand logo */
.footer-brand {
	position: relative;
	top: 0.1875rem; /* 3px */
	text-align: center;
}

.footer-brand a {
	display: inline-block;
}

.footer-brand img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 575px) {
	.footer-brand {
		width: 100%;
		text-align: center;
		display: block;
	}
}

/* Legal links */
.footer-legal {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.625rem; /* 10px */
	font-size: 1rem; /* 16px */
	text-align: right;
	justify-content: flex-end;
}

@media (max-width: 575px) {
	.footer-legal {
		width: 100%;
		justify-content: center;
		flex-wrap: wrap;
		gap: 0.75rem; /* 12px */
	}
}

.footer-divider {
	color: rgba(0, 0, 0, 0.3);
}