/* ------------------------- Page Transition -------------------------------------------------- */

.loading-screen {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	z-index: 800;
	background: transparent;
	display: flex;
	flex-direction: column;
	padding: calc(var(--container-padding) / 2);
	justify-content: space-between;
	background: var(--color-primary);
}

.loading-screen .overlay-swipe {
	background: var(--color-primary);
	transform-origin: right top;
	transform: scaleX(1) rotate(0.001deg);
}

.loading-screen .logo-wrapper {
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
}

.loading-screen .logo {
	width: 100%;
	align-items: center;
	justify-content: center;
}

.loading-screen .content {
	padding: 0.8em;
	width: 7em;
}

.loading-screen .logo {
	display: flex;
}

.loading-screen .logo h2 {
	color: var(--color-dark);
	font-size: clamp(1em, 10vw, 4em);
}

.loading-screen h3 {
	font-size: 2em;
	color: rgba(var(--color-dark-rgb), 0.5);
}

/*  Loading Fade  */

.loading-fade {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	z-index: 700;
	background: var(--color-dark);
	visibility: visible;
	opacity: 1;
	pointer-events: none;
}

.loading-fade svg {
	position: absolute;
	left: var(--container-padding);
	right: var(--gap-padding);
	width: 2.5em;
}

.loading-fade svg path {
	fill: var(--color-light-medium);
}

/*  Split Words  */

.split-words {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0 0.2em;
}

.default-header.center .split-words {
	justify-content: center;
}

.split-words .single-word {
	overflow: hidden;
	padding: 0.05em;
	margin: -0.05em;
}

.split-words em {
	display: inline-flex;
	line-height: 0.85em;
}

.split-words .single-word-inner {
	position: relative;
	transform-origin: left bottom;
}

/* ------------------------- Nav Bar -------------------------------------------------- */

.nav-bar {
	padding: 0;
	position: fixed;
	z-index: 100;
	width: 100%;
	display: flex;
	flex-direction: column;
	pointer-events: none;
	transition: all var(--animation-nav);
	transform: translateY(0em) rotate(0.001deg);
	--border-radius-medium: calc(var(--border-radius) * 5);
}

.nav-bar .cut-out {
	position: relative;
	display: flex;
	height: 100%;
	width: 100%;
	align-items: flex-end;
	height: 6em;
}

.nav-bar .stroke {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: var(--color-border);
	z-index: 3;
	opacity: 0;
	transition: var(--animation-nav);
}

.nav-bar.scrolled .stroke {
	opacity: 1;
}

.nav-bar .corner {
	position: absolute;
	top: 100%;
	width: var(--border-radius-medium);
	width: var(--border-radius);
	display: flex;
	z-index: 5;
	transform: translateY(-1px);
}

.nav-bar .corner.right {
	right: 0;
	transform: scaleX(-1) translateY(-1px);
}

.corner.right {
	transform: translateY(-1px);
}

.nav-bar .corner path:first-child {
	fill: var(--color-dark);
	transition: opacity var(--animation-nav), fill var(--animation-nav);
}

.nav-bar .corner path:last-child {
	stroke: transparent;
}

.nav-bar .corner.outline path:last-child {
	stroke: var(--color-border);
	stroke-width: 0.225em;
	transition: var(--animation-nav);
	opacity: 0;
}

.nav-bar.scrolled .corner.outline path:last-child {
	opacity: 1;
}

@media screen and (max-width: 540px) {
	.nav-bar .corner.outline path:last-child {
		stroke-width: 0.35em;
	}
}

.nav-height {
	padding: 0;
	width: 100%;
}

/* Colors */

/* Colors */

.nav-bar.nav-bar.theme-nav-light .stroke {
	background-color: var(--color-border);
}

.nav-bar.nav-bar.theme-nav-dark .stroke {
	background-color: var(--color-border-light);
}

.nav-bar.theme-nav-light .nav-main,
.nav-bar.theme-nav-light .nav-main::before {
	background: var(--color-light);
}

.nav-bar.theme-nav-dark .nav-main,
.nav-bar.theme-nav-dark .nav-main::before {
	background: var(--color-dark);
}

.nav-bar.theme-nav-light .nav-main .btn .btn-click {
	border: 1.5px solid rgba(var(--color-dark-rgb), 0.3);
}

.nav-bar.theme-nav-light .nav-main .btn .btn-click .btn-fill {
	background-color: var(--color-dark);
}
.nav-bar.theme-nav-dark .nav-main .btn .btn-click .btn-fill {
	background-color: var(--color-light);
}

.nav-bar.theme-nav-dark .nav-main .btn .btn-click .btn-text {
	color: var(--color-light);
}

.nav-bar.theme-nav-light .nav-main .btn .btn-click .btn-text {
	color: var(--color-dark);
}

.nav-bar.theme-nav-light .nav-main .btn .btn-click:hover .btn-text {
	color: var(--color-light);
}

.nav-bar.theme-nav-dark .nav-main .btn .btn-click:hover .btn-text {
	color: var(--color-dark);
}

.nav-bar.theme-nav-dark .nav-main .btn .btn-click {
	border: 1.5px solid rgba(var(--color-light-rgb), 0.3);
}

.nav-bar.theme-nav-dark .nav-main,
.nav-bar.theme-nav-dark .nav-main::before {
	background: var(--color-dark);
}

.nav-bar.theme-nav-light .corner path:first-child {
	fill: var(--color-light);
}

.nav-bar.theme-nav-light-medium .corner path:first-child {
	fill: var(--color-light-medium);
}

.nav-bar.theme-nav-dark .cut-out .stroke {
	background: var(--color-border-light);
}

.nav-bar.theme-nav-dark .corner.outline path:last-child {
	stroke: var(--color-border-light);
}

.nav-bar.theme-nav-light .nav-main-hamburger .hamburger .bar {
	height: 1px;
	width: 100%;
	background-color: var(--color-dark);
}

.nav-bar.theme-nav-dark .nav-main-hamburger .bar {
	height: 1px;
	width: 100%;
	background-color: var(--color-light);
}

/*
.nav-bar.scrolled.nav-bar.theme-nav-light .nav-main {
	border-bottom: 1px solid var(--color-border);
}

.nav-bar.scrolled.nav-bar.theme-nav-dark .nav-main {
	border-bottom: 1px solid var(--color-border-light);
}
*/
/* ------------------------- Logo -------------------------------------------------- */

.logo {
	width: 4em;
	display: block;
	position: relative;
}

.logo svg path {
	transition: fill var(--animation-nav), opacity var(--animation-primary);
}

.logo:hover svg path {
	opacity: 0.66;
}

/* ------------------------- Nav Main -------------------------------------------------- */

.nav-main {
	background: var(--color-light);
	height: 6em;
	transition: all var(--animation-nav);
	z-index: 1;
	position: fixed;
	overflow: hidden;
	width: 100%;
}

.nav-main-wrapper {
	padding: 0 var(--gap-padding);
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	width: 100%;
}

.nav-main .logo {
	pointer-events: all;
}

.nav-main ul {
	display: flex;
	gap: 1.5em;
	align-items: center;
	pointer-events: all;
}

.theme-nav-dark .nav-main ul li .btn span {
	color: var(--color-light);
}

/* Hamburger */

.nav-main-hamburger {
	height: 2.6em;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.3em;
	cursor: pointer;
	background: transparent;
}

.nav-main-hamburger .hamburger {
	width: 1em;
	padding-top: 0.0442em;
	height: 0.6em;
	background-color: transparent;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.nav-main-hamburger .hamburger .bar {
	height: 1px;
	width: 100%;
	background-color: var(--color-dark);
}

.nav-main-hamburger span {
	color: var(--color-dark);
	font-size: 1.4em;
}

@media screen and (max-width: 720px) {
	.nav-main ul {
		gap: 0.4em;
	}
}

/* ------------------------- Modal - Mobile Nav -------------------------------------------------- */

.modal-mobile-nav {
	align-items: flex-start;
	padding-top: 20vh;
}

.modal-mobile-nav .modal-mobile-nav-title {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.modal-mobile-nav .modal-block {
	width: min(100%, 18em);
	padding: 1.5em 1.5em 2em 2.25em;
	display: flex;
	flex-direction: column;
	gap: 0.5em;
	border: 2px solid var(--color-dark);
}

.modal-mobile-nav nav ul li {
	width: 100%;
}

.modal-mobile-nav nav ul li a {
	display: block; /* Makes the links behave like block elements */
	text-align: center; /* Ensures the text inside the links is centered */
}

.modal-mobile-nav .modal-mobile-nav-title p {
	margin: 0;
	opacity: 0.75;
}

.modal-mobile-nav ul span {
	font-size: 1.35em;
	color: var(--color-dark);
	line-height: 1.2em;
	font-family: "Sansita Bold", sans-serif;
}

.modal-mobile-nav ul li {
	padding-right: 1.3em;
}

.modal-mobile-nav ul li a {
	display: flex;
	width: 100%;
	position: relative;
	align-items: center;
	padding: 0.5em 0;
}

.modal-mobile-nav ul li:nth-of-type(5) {
	padding-top: 1em;
}

.modal-mobile-nav ul li.active span {
	color: var(--color-primary);
}

/* ------------------------- Mobile Show/hide -------------------------------------------------- */

.mobile-show {
	display: none;
}

@media screen and (max-width: 1024px) {
	.mobile-hide {
		display: none;
	}
	.mobile-show {
		display: flex;
	}
}

/* ------------------------- Section Split Text -------------------------------------------------- */

.section-split-text .row.split.split-50-50 {
	align-items: flex-start;
}

.section-split-text .col-content {
	display: flex;
	flex-direction: column;
	gap: 2em;
}

.section-split-text .icon-with-title {
	padding-bottom: 0;
	margin-bottom: -0.25em;
}

@media screen and (max-width: 1024px) {
	.section-split-text .row.split {
		justify-content: center;
	}
	.section-split-text .row.split .flex-col {
		max-width: 36em;
	}
}

/* ---------------- Custom Cursor ------------------------ */

.custom-cursor {
	position: fixed;
	z-index: 100;
	pointer-events: none;
	transform: translate(-48%, -75%) rotate(0.001deg);
	display: none;
	opacity: 0;
	visibility: hidden;
	display: flex;
}

.cursor-normal {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	transition: var(--animation-primary);
	height: 2em;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 3.5em;
}

.cursor-normal .cursor-normal-before {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--color-primary);
	transition: all 0.4s cubic-bezier(0.5, 0.75, 0, 1) 0s;
	width: 0.5em;
	height: 0.5em;
	border-radius: 3.5em;
}

.custom-cursor .cursor-text {
	white-space: nowrap;
	color: var(--color-dark);
	text-transform: uppercase;
	display: block;
	font-weight: 475;
	font-size: 1em;
	position: relative;
	transform-origin: left center;
	transition: opacity 0.2s ease-in-out 0s;
	opacity: 0;
	padding: 0 0.5em;
}

.custom-cursor .cursor-text.duplicate {
	position: absolute;
	left: 100%;
}

.custom-cursor .cursor-text {
	animation: loopCursorNormal calc(var(--cursor-speed) / 4.5) linear;
	animation-iteration-count: infinite;
}

@keyframes loopCursorNormal {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-100%);
	}
}

/* Hover Normal */

.custom-cursor.cursor-hover .cursor-normal {
	transform: translate(-50%, -75%);
}

.custom-cursor.cursor-hover .cursor-normal .cursor-normal-before {
	width: 100%;
	height: 100%;
}

.custom-cursor.cursor-hover .cursor-normal .cursor-text {
	opacity: 1;
	transition: opacity 0.1s ease-in-out 0.15s;
}

@media (hover: hover) {
	.custom-cursor.cursor-init {
		display: flex;
		opacity: 1;
		visibility: visible;
	}
}

/* ------------------------- About -  Split Text -------------------------------------------------- */

.about-split-text {
	padding-top: 0;
}

.about-split-text .row {
	padding-top: var(--section-padding);
}

.about-split-text .row::before {
	content: "";
	position: absolute;
	top: 0;
	left: calc(var(--gap-padding) * -1);
	width: calc(100% + (var(--gap-padding) * 2));
	height: 1px;
	background: var(--color-border-light);
}
/* ------------------------- Home - Header -------------------------------------------------- */

.home-header {
	padding-top: 30svh;
}

.home-header .row.split {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	--gap: calc(min(2vw, 2em) * 2.3);
	--columns: 2;
}

.home-header .row.split .flex-col {
	width: calc((99.999% / var(--columns)) - (var(--gap) * ((var(--columns) - 1) / var(--columns))));
}

.home-header .row.split .flex-col:nth-of-type(1) {
	/* Default width for flex items */
	flex: 1; /* Default flex-grow to allow dynamic resizing */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	order: 1;
}

.home-header .row.split .flex-col:nth-of-type(1) p {
	position: relative;
	top: 3px;
}

.home-header .row.split .flex-col:nth-child(2) {
	/* Make the second column larger */
	flex: 2; /* Second column grows 2x the first column */
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: calc(var(--gap) / 1.5);
	order: 2;
}

.home-header .row.split .flex-col h1:nth-of-type(1) {
	display: flex;
	justify-content: flex-end;
	line-height: 0.77;
}

.home-header .row.split .flex-col h1:nth-of-type(2) {
	display: flex;
	justify-content: flex-end;
	line-height: 1;
}

@media screen and (max-width: 1024px) {
	.home-header {
		padding-top: 19svh;
	}
	.home-header .row.split .flex-col:nth-of-type(1) {
		/* Default width for flex items */
		flex: 1; /* Default flex-grow to allow dynamic resizing */
	}

	.home-header .row.split .flex-col:nth-child(2) {
		/* Make the second column larger */
		flex: 1; /* Second column grows 2x the first column */
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: calc(var(--gap) / 1.5);
		order: 2;
	}
}

@media screen and (max-width: 864px) {
	.home-header .row.split {
		--columns: 4;
		flex-direction: column;
		--gap: calc(min(2vw, 2em) * 2);
	}

	.home-header .row.split .flex-col:nth-of-type(1) {
		/* Default width for flex items */
		flex: unset; /* Default flex-grow to allow dynamic resizing */
		order: 2;
		width: 100%;
		gap: var(--gap);
	}

	.home-header .row.split .flex-col:nth-of-type(1) p {
		top: 0;
	}

	.home-header .row.split .flex-col:nth-child(2) {
		/* Make the second column larger */
		flex: unset; /* Second column grows 2x the first column */
		order: 1;
	}

	.home-header .row.split .flex-col h1:nth-of-type(1),
	.home-header .row.split .flex-col h1:nth-of-type(2) {
		justify-content: flex-start;
	}
}

/* ------------------------- Home - Big Image -------------------------------------------------- */

.section-big-image {
	padding-bottom: 0;
	padding-top: 0;
}

.section-big-image .ratio-figure .landscape {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.section-big-image .ratio-figure::before {
	content: "";
	display: block;
	padding-top: 55%;
}

.section-big-image .dark-overlay {
	background: var(--color-black);
}

@media screen and (max-width: 720px) {
	.section-big-image .ratio-figure::before {
		padding-top: 75%;
	}
}

/* ------------------------- About - About Section -------------------------------------------------- */
.about-section .row.split {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	--gap: calc(min(2vw, 2em) * 2.3);
	--columns: 2;
}

.about-section .row.split .flex-col {
	width: calc((99.999% / var(--columns)) - (var(--gap) * ((var(--columns) - 1) / var(--columns))));
	overflow: hidden;
}

.about-section .row.split .flex-col h2 {
	flex-wrap: nowrap;
}

.about-section .row.split .flex-col:nth-of-type(2) {
	padding-top: calc(var(--gap) * 1.5);
	display: flex;
	flex-direction: column;
	gap: 1em;
}

@media screen and (max-width: 864px) {
	.about-section .row.split {
		--columns: 1;
		--gap: calc(min(2vw, 2em) * 1);
	}

	.about-section .row.split .flex-col {
		width: 100%;
	}
}

/* ------------------------- About - About Cards -------------------------------------------------- */

.about-cards {
	padding-top: 0;
}

.about .row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	--gap: var(--gap-padding);
	--columns: 1;
}

.about-cards .row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	--gap: var(--gap-padding);
	--columns: 3;
}

.about-cards .row .flex-col {
	width: calc((100% / var(--columns)) - (var(--gap) * ((var(--columns) - 1) / var(--columns))));
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}

.about .row .flex-col {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}

.about-cards .card {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 2.5em var(--gap-padding);
	border-radius: var(--border-radius-small);
	position: relative;
	overflow: hidden;
}

.about .card {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 2.5em var(--gap-padding);
	border-radius: var(--border-radius-small);
	position: relative;
	overflow: hidden;
}

.about-cards .card .line-decoration {
	top: 0;
	left: 50%;
	transform: translateX(-50%) scaleY(-1);
}

.about .card .line-decoration {
	top: 0;
	left: 50%;
	transform: translateX(-50%) scaleY(-1);
}

.about-cards .flex-col:nth-child(2) .card:nth-child(3) .line-decoration {
	transform: translateX(0%) scaleX(-1);
	left: unset;
	right: 0;
}

.about .flex-col:nth-child(2) .card:nth-child(3) .line-decoration {
	transform: translateX(0%) scaleX(-1);
	left: unset;
	right: 0;
}

.about-cards .card .line-decoration .line {
	background: rgba(var(--color-dark-rgb), 0.15);
}

.about .card .line-decoration .line {
	background: rgba(var(--color-dark-rgb), 0.15);
}

/* Colors */

.about-cards .card.card-dark-light {
	background: var(--color-dark-light);
}

.about .card.card-dark-light {
	background: var(--color-dark-light);
}

.about-cards .card.card-dark-medium {
	background: var(--color-dark-medium);
}

.about .card.card-dark-medium {
	background: var(--color-dark-medium);
}

.about .card.card-light {
	background: var(--color-light);
}

.about-cards .card.card-light {
	background: var(--color-light);
}

.about .card.card-dark-medium {
	background: var(--color-dark-medium);
}

.about-cards .card.card-light-medium {
	background: var(--color-light-medium);
}

.about .card.card-light-medium {
	background: var(--color-light-medium);
}

/* Card Image */

.about-cards .card-image::before {
	content: "";
	padding-top: 70%;
	display: block;
}

.about-cards .card-image-long::before {
	padding-top: 110%;
}

.about-cards .card-image .dark-overlay {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 75%);
}

.about-cards .card-image .content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 2.5em var(--gap-padding);
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.about-cards .card-image .content .icon-with-title {
	padding-bottom: 0.5em;
}

/* Card Content */

.about-cards .card-content .content {
	position: relative;
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1em;
}

.about-cards .card-content.card-theme-light .content h3 {
	color: var(--color-dark);
}

.about-cards .card-content.card-theme-light .content p {
	color: var(--color-text);
	margin-bottom: 0.75em;
}

.about-cards .card-content .content .icon-with-title {
	padding-bottom: 0em;
}

.about-cards .card-content.card-theme-light .btn .arrow.second .arrow-fill {
	border: 1px solid var(--color-border);
}

.about-cards .card-content.card-theme-light .btn .arrow.second .arrow-content {
	color: var(--color-dark-medium);
}

.about-cards .card-content.card-theme-light .btn span {
	color: var(--color-text);
}

.about-cards .card-content img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-cards .flex-col:nth-child(3) .card:nth-child(2) svg path {
	stroke: var(--color-primary);
	stroke-width: 1px;
}

/* Card Person */

.about-cards .card-person .person {
	display: flex;
	width: 100%;
	align-items: center;
	flex-direction: column;
	text-align: center;
	margin-bottom: 1.5em;
}

.about-cards .card-person .person .thumbnail {
	width: 70%;
	position: relative;
	transition: var(--animation-primary);
	transform: scale(1) rotate(0.001deg);
	border-radius: 0.5em;
	overflow: hidden;
}

.about-cards .card-person .person .thumbnail .dark-overlay {
	transition: var(--animation-primary);
	opacity: 0.075;
	background: var(--color-black);
}

.about-cards .card-person .person .thumbnail::before {
	content: "";
	display: block;
	padding-top: 133.333%;
}

.about-cards .card-person .person .thumbnail img {
	border-radius: 0.5em;
}

.about-cards .card-person .person h3 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: var(--gap-padding);
}

.about-cards .card-person .person:hover .thumbnail {
	transform: scale(0.95) rotate(0.001deg);
}

.about-cards .card-person .person:hover .thumbnail .dark-overlay {
	opacity: 0.15;
}

/* Card Loop */

.about-cards .card-loop .loop {
	overflow: hidden;
	position: relative;
	width: calc(100% + (var(--gap-padding) * 2));
	left: calc(var(--gap-padding) * -1);
	padding-bottom: 2em;
	padding-top: 1em;
}

.about-cards .card-loop .loop-box {
	position: relative;
	float: left;
}

.about-cards .card-loop .loop-box.duplicate {
	position: absolute;
	transform: translateX(100%);
}

.about-cards .card-loop .loop-box-inner {
	flex-shrink: 0;
	display: flex;
	position: relative;
	width: 100%;
	animation: loopThumb 30s linear;
	animation-iteration-count: infinite;
}

@keyframes loopThumb {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-100%);
	}
}

.about-cards .card-loop .thumbnail {
	width: 6em;
	position: relative;
	border-radius: 0.25em;
	overflow: hidden;
	flex-shrink: 0;
	background: var(--color-portrait-back);
	margin-right: 1em;
}

.about-cards .card-loop .thumbnail::before {
	content: "";
	display: block;
	padding-top: 133.333%;
}

.about-cards .card-loop .thumbnail img {
	border-radius: 0.25em;
}

/* Card Slider */
.about .card-slider {
	padding-left: 0;
	padding-right: 0;
}
.about-cards .card-slider {
	padding-left: 0;
	padding-right: 0;
}

.about .card-slider .swiper-pagination {
	position: absolute;
	left: 20%;
	top: 0;
	width: 60%;
	background: var(--color-primary);
}

.about-cards .card-slider .swiper-pagination {
	position: absolute;
	left: 20%;
	top: 0;
	width: 60%;
	background: var(--color-primary);
}

.about .card-slider .single-card-slide {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding-top: 2.5em;
}

.about-cards .card-slider .single-card-slide {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding-top: 2.5em;
}

.about .card-slider .single-card-slide em {
	font-size: 2em;
}

.about-cards .card-slider .single-card-slide em {
	font-size: 2em;
}

.about .card-slider .single-card-slide p {
	color: var(--color-light);
	margin-top: 1em;
	margin-bottom: 1em;
	white-space: nowrap;
	text-align: center;
}
.about-cards .card-slider .single-card-slide p {
	color: var(--color-light);
	margin-top: 1em;
	margin-bottom: 1em;
	white-space: nowrap;
	text-align: center;
}

@media screen and (max-width: 1024px) {
	.about-cards .row {
		--columns: 2;
	}
	.about-cards .row .flex-col:nth-child(1) .card:nth-child(3)::before {
		padding-top: 102.5%;
	}
	.about-cards .row .flex-col:nth-child(3) {
		width: 100%;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
	}
	.about-cards .row .flex-col:nth-child(3) .card {
		width: calc(50% - (var(--gap-padding) * 0.5));
	}
}

@media screen and (max-width: 540px) {
	.about-cards .row {
		--columns: 1;
	}
	.about-cards .row .flex-col:nth-child(3) {
		width: 100%;
		flex-wrap: nowrap;
		flex-direction: column;
		justify-content: center;
	}
	.about-cards .row .flex-col:nth-child(3) .card {
		width: 100%;
	}
	.about-cards .card-slider .single-card-slide em {
		font-size: 2.5em;
	}
}

/* ------------------------- Work Section -------------------------------------------------- */

.work-section div.row {
	display: inline-block;
}

.work-section div.row:first-of-type .flex-col {
	padding-bottom: var(--section-padding-medium);
}

.work-section ul.row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	--gap: calc(min(2vw, 2em) * 2.3);
	--columns: 3;
	padding-bottom: 1em;
}

.work-section ul.row .flex-col {
	width: calc((100% / var(--columns)) - (var(--gap) * ((var(--columns) - 1) / var(--columns))));
}

.work-section .ratio-figure::before {
	content: "";
	padding-top: 70%;
	display: block;
}

.work-section h3 {
	padding-top: 1.5em;
}

.work-section p {
	padding-top: 0.75em;
}

.work-section .btn-row {
	padding-top: 1em;
}

@media screen and (max-width: 1024px) {
	.work-section ul.row {
		--columns: 2;
	}
}

@media screen and (max-width: 720px) {
	.work-section ul.row {
		gap: calc(var(--gap) * 2);
		--columns: 1;
	}
}

/*----------------------------------------- Accordion Section ------------------------------------------*/

.accordion-section .row:nth-of-type(2) {
	padding-bottom: 1em;
}

.accordion-section .row:first-of-type .flex-col {
	padding-bottom: var(--section-padding-medium);
}

.accordion {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	margin-top: -0.5em;
}

.accordion .single-accordion-item {
	display: flex;
	flex-direction: column;
	border-top: 1px solid var(--color-border);
}

.accordion .single-accordion-item:last-of-type {
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid var(--color-border);
}

.accordion .single-accordion-item .top {
	padding: 1em 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 1em;
	justify-content: space-between;
	width: 100%;
}

.accordion .single-accordion-item .bottom {
	padding: 0 0 1.5em 0;
	display: none;
	margin-top: -0.5em;
}

.accordion .single-accordion-item .circle {
	width: 1.5em;
	height: 1.5em;
	background-color: var(--color-dark);
	border-radius: 50%;
	transition: var(--animation-primary);
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.accordion .single-accordion-item .circle .bar-top {
	width: 50%;
	height: 1px;
	position: absolute;
	background-color: var(--color-light);
}

.accordion .single-accordion-item .circle .bar-bottom {
	width: 50%;
	height: 1px;
	transform: rotate(90deg);
	position: absolute;
	background-color: var(--color-light);
}

.accordion .single-accordion-item .circle.active {
	background-color: var(--color-primary);
}

/*----------------------------------------- Marquee Section ------------------------------------------*/

.section-clients-marquee .row {
	padding-top: 1.5em;
	display: inline-block;
	padding-bottom: 1em;
}

.section-clients-marquee {
	padding-top: calc(var(--section-padding) * 0.66);
	padding-bottom: calc(var(--section-padding) * 0.66);
}

.section-clients-marquee .marquee-item {
	width: 15vw;
	width: calc(var(--title-size) * 3);
	margin-right: var(--section-padding-medium);
	display: flex;
	justify-content: center;
	align-items: center;
}

.section-clients-marquee .marquee-item :is(img, svg) {
	max-width: 60%;
	max-height: 60%;
	opacity: 0.8;
}

.section-clients-marquee .marquee-item svg :is(path, polyline, line, polygon, circle, rect, ellipse) {
	fill: var(--color-white);
}

.section-clients-marquee .marquee-item span {
	position: absolute;
	opacity: 0;
	visibility: hidden;
}

@media screen and (max-width: 1024px) {
	.section-clients-marquee .marquee-item {
		width: 20vw;
	}
}

@media screen and (max-width: 540px) {
	.section-clients-marquee .marquee-item {
		width: 25vw;
	}
	.section-clients-marquee .marquee-item :is(img, svg) {
		max-width: 66%;
		max-height: 66%;
	}
}

/*----------------------------------------- Full Image Section ------------------------------------------*/
.section-big-image-full {
	padding-top: 0;
	padding-bottom: 0;
	z-index: 100;
}

.section-big-image-full .ratio-figure::before {
	content: "";
	display: block;
	padding-top: 55%;
}

.section-big-image-full .overlay.content {
	position: absolute;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	padding-right: calc(var(--container-padding) / 2);
}

.section-big-image-full .content-block {
	position: relative;
	background: var(--color-dark);
	border-radius: var(--border-radius-small);
	padding: var(--section-padding-small) calc(var(--gap-padding) * 1.3);
	display: flex;
	flex-direction: column;
	gap: 1em;
	width: calc(50% - (var(--gap-padding-big) * 0.7));
}

@media screen and (max-width: 720px) {
	.section-big-image-full .overlay.content {
		align-items: center;
		padding-right: 0;
	}

	.section-big-image-full .content-block {
		width: calc(90% - (var(--gap-padding-big) * 0.5));
		padding: var(--section-padding-medium) calc(var(--section-padding-small) * 1.3);
		align-items: center;
		text-align: center;
		justify-content: center;
	}

	.section-big-image-full .content-block .btn-row {
		justify-content: center;
		align-items: center;
	}

	.section-big-image-full .ratio-figure::before {
		padding-top: 130%;
	}
}

/* ------------------------- Footer -------------------------------------------------- */
.footer {
	padding: 0;
}

.footer .footer-top {
	padding-top: var(--section-padding);
	padding-bottom: calc(var(--section-padding) * 1.5);
	background: var(--color-dark);
	border-radius: 0 0 var(--border-radius) var(--border-radius);
	position: relative;
	z-index: 10;
}

.footer .footer-top .row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--section-padding) var(--gap);
	--gap: var(--gap-padding);
	--columns: 5;
	justify-content: space-between;
}

.footer .footer-top .flex-col {
	width: unset;
}

.footer .footer-top .footer-item span {
	color: rgba(var(--color-light-rgb), 0.8);
	transition: var(--animation-primary);
	white-space: nowrap;
}

.footer .footer-top .footer-item span:hover {
	color: rgba(var(--color-light-rgb), 0.4);
}

.footer .footer-top .footer-item.footer-item-title span {
	color: rgba(var(--color-light-rgb), 0.4);
}

.footer .footer-top .footer-item.footer-item-title span {
	color: rgba(var(--color-light-rgb), 0.4);
}

.footer .footer-top .footer-item-title .circle {
	width: 1.5em;
	height: 1.5em;
	background-color: var(--color-light);
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.footer .footer-item-title {
	display: flex;
	position: relative;
	gap: 0.5em;
	transition: var(--animation-primary);
	align-items: center;
}

.footer .footer-item-title.top {
	pointer-events: all;
	cursor: pointer;
}

.footer .footer-item-title.top:hover span {
	color: var(--color-light) !important;
}

.footer .footer-top .footer-item-title .circle svg {
	width: 1em;
	height: 1em;
	transform: rotate(-90deg);
}

@media screen and (max-width: 720px) {
	.footer .footer-top .row {
		display: flex;
		flex-wrap: wrap;
		gap: var(--section-padding-small) var(--gap);
		--gap: var(--gap-padding);
		--columns: 2;
	}
	.footer .footer-top .flex-col {
		width: calc((100% / var(--columns)) - (var(--gap) * ((var(--columns) - 1) / var(--columns))));
	}
}

/* Footer Bottom */

.footer .footer-bottom {
	padding: 4em 0 2em !important;
	position: relative;
	margin-top: -2em;
	background-color: var(--color-light);
	z-index: 1;
	padding-bottom: 0;
}

.footer .footer-bottom::after {
	content: "";
	background: var(--color-light);
	height: 1em;
	top: 100%;
	position: absolute;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	z-index: 1;
}

.footer .footer-bottom .row {
	display: flex;
	justify-content: space-between;
}

.footer .footer-bottom .logo {
	width: 100%;
	height: 100%;
}

.footer .footer-bottom .flex-col:nth-of-type(1) {
	width: 15%;
}

.footer .footer-bottom .flex-col:nth-of-type(2) {
	width: 75%;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	flex-direction: column;
}

.footer .footer-bottom .flex-col:nth-of-type(2) h2 {
	color: var(--color-dark);
	font-size: clamp(1em, 7.7vw, 9em);
}

.footer .footer-bottom .flex-col:nth-of-type(2) .credits {
	display: flex;
	gap: 0.5em;
}

.footer .footer-bottom .flex-col:nth-of-type(2) .credits a {
	color: rgba(var(--color-dark-rgb), 0.7);
	font-size: 0.8em;
}

.footer .footer-bottom .flex-col:nth-of-type(2) .credits span {
	color: rgba(var(--color-dark-rgb), 0.7);
	font-size: 0.8em;
}

@media screen and (max-width: 564px) {
	.footer .footer-bottom .flex-col:nth-of-type(1) {
		width: 20%;
	}

	.footer .footer-bottom .flex-col:nth-of-type(2) {
		width: 70%;
	}

	.footer .footer-bottom .flex-col:nth-of-type(2) h2 {
		color: var(--color-dark);
		font-size: clamp(1.7em, 4vw, 9em);
	}
}

/* ------------------------- Pre-Footer -------------------------------------------------- */
.pre-footer {
	padding: 0;
}
.pre-footer .row {
	border-top: 1px solid var(--color-border-light);
	border-bottom: 1px solid var(--color-border-light);
}

.pre-footer .flex-col {
	padding: var(--section-padding) 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media screen and (max-width: 580px) {
	.pre-footer .flex-col {
		flex-direction: column;
		align-items: flex-start;
	}

	.pre-footer .flex-col h2 {
		font-size: 2.5em !important;
		padding-bottom: 0.5em;
	}
}

/* ------------------------- Services -------------------------------------------------- */

.services-header .row.split {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	--gap: calc(min(2vw, 2em) * 2.3);
	--columns: 2;
	align-items: center;
}

.services-header .row.split .flex-col {
	width: calc((100% / var(--columns)) - (var(--gap) * ((var(--columns) - 1) / var(--columns))));
}

.services-header .row.split .flex-col:nth-child(1) {
	display: flex;
	flex-direction: column;
}

.services-header .row.split .flex-col .content {
	padding-top: 1.5em;
}

.services-header .row.split .flex-col .content .btn-link {
	padding-top: 0.75em;
}

.services-header .row.split .flex-col:nth-child(2) h2 {
	padding-bottom: 0.8em;
}

.services-header .stripe {
	display: none;
	margin-bottom: 0.8em;
}

@media screen and (max-width: 1024px) {
	.services-header .row.split {
		--columns: 1;
	}

	.services-header .row.split .btn-link {
		display: none;
	}

	.services-header .stripe {
		display: block;
	}

	.services-header .row.split .flex-col:nth-child(2) {
		padding-top: var(--gap);
	}
}

/* ------------------------- Services - community coalition -------------------------------------------------- */
.cc-header {
	padding-bottom: 0;
}
.cc-header .row {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.cc-header .flex-col:first-of-type {
	width: 70%;
}

.cc-header .flex-col.max-width {
	width: 100%;
}

.cc-header .flex-col:nth-of-type(2) {
	width: 20%;
}

.cc-header .line {
	margin: var(--section-padding) 0;
}

.success-header .line {
	margin: var(--section-padding) 0;
}

/* ------------------------- Services - community coalition - work -------------------------------------------------- */
.cc-work {
	padding-top: 0;
	padding-bottom: 0;
}

.cc-work .row {
	display: flex;
	justify-content: space-between;
}

.cc-work .row .flex-col:first-of-type {
	width: 55%;
}

.cc-work .row .flex-col:nth-of-type(2) {
	width: 40%;
}

@media screen and (max-width: 820px) {
	.cc-work .row .flex-col:first-of-type {
		width: 100%;
	}

	.cc-work .row .flex-col:nth-of-type(2) {
		width: 100%;
	}

	.cc-work .row .flex-col:nth-of-type(2) p {
		padding-top: 0.75em;
	}
}

/* ------------------------- grid-category-work  -------------------------------------------------- */
.grid-category-work .row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	--gap: calc(min(2vw, 2em) * 2.3);
	--columns: 2;
	align-items: center;
}

.grid-category-work .row.split .flex-col {
	width: calc((99.999% / var(--columns)) - (var(--gap) * ((var(--columns) - 1) / var(--columns))));
	overflow: hidden;
}

.grid-category-work .row.split .flex-col:nth-of-type(1) {
	display: flex;
	flex-direction: column;
	gap: calc(var(--gap) / 1.5);
	order: 1;
}

.grid-category-work .row.split .flex-col:nth-of-type(2) {
	order: 2;
}

.grid-category-work .row.split .flex-col:nth-of-type(1) p {
	padding-top: 0.75em;
}

.grid-category-work .row.split .flex-col .ratio-figure::before {
	padding-top: 110%;
}

@media screen and (max-width: 1024px) {
	.grid-category-work h2 {
		font-size: calc(var(--title-size) * 0.45);
	}
}

@media screen and (max-width: 900px) {
	.grid-category-work .row {
		--columns: 1;
	}

	.grid-category-work .row.split .flex-col:nth-of-type(1) {
		order: 2;
	}

	.grid-category-work .row.split .flex-col:nth-of-type(2) {
		order: 1;
	}
}

/* ------------------------- grid-category-work-2  -------------------------------------------------- */
.grid-category-work-2 .row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	--gap: calc(min(2vw, 2em) * 2.3);
	--columns: 2;
	align-items: center;
}

.grid-category-work-2 .row.split .flex-col {
	width: calc((99.999% / var(--columns)) - (var(--gap) * ((var(--columns) - 1) / var(--columns))));
	overflow: hidden;
}

.grid-category-work-2 .row.split .flex-col:nth-of-type(1) {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	order: 1;
}

.grid-category-work-2 .row.split .flex-col:nth-of-type(2) {
	order: 2;
}

.grid-category-work-2 .row.split .flex-col p {
	padding-top: 0.75em;
}

.grid-category-work-2 .row.split .flex-col .ratio-figure::before {
	padding-top: 90%;
}

@media screen and (max-width: 1024px) {
	.grid-category-work-2 h2 {
		font-size: calc(var(--title-size) * 0.45);
	}
}

@media screen and (max-width: 900px) {
	.grid-category-work-2 {
		padding-top: 0;
	}
	.grid-category-work-2 .row {
		--columns: 1;
	}

	.grid-category-work-2 .row.split .flex-col:nth-of-type(1) {
		order: 1;
	}

	.grid-category-work-2 .row.split .flex-col:nth-of-type(2) {
		order: 2;
	}

	.cc-big-image {
		display: none;
	}
}

.grid-category-work-3.no-padding-top {
	padding-top: 0;
}

.grid-category-work-3 .row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	--gap: calc(min(2vw, 2em) * 2.3);
	--columns: 2;
	align-items: center;
}

.grid-category-work-3 .row.split .flex-col {
	width: calc((99.999% / var(--columns)) - (var(--gap) * ((var(--columns) - 1) / var(--columns))));
	overflow: hidden;
}

.grid-category-work-3 .row.split .flex-col {
	display: flex;
	flex-direction: column;
	gap: calc(var(--gap) / 1.5);
}

.grid-category-work-3.reverse .row.split .flex-col:nth-of-type(1) {
	order: 1;
}

.grid-category-work-3.reverse .row.split .flex-col:nth-of-type(2) {
	order: 2;
}

.grid-category-work-3 .row.split .flex-col p {
	padding-top: 0.75em;
}

.grid-category-work-3 .row.split .flex-col .ratio-figure::before {
	padding-top: 110%;
}

@media screen and (max-width: 1024px) {
	.grid-category-work-3 h2 {
		font-size: calc(var(--title-size) * 0.45);
	}
}

@media screen and (max-width: 900px) {
	.grid-category-work-3 .row {
		--columns: 1;
	}

	.grid-category-work-3.reverse .row.split .flex-col:nth-of-type(1) {
		order: 2;
	}

	.grid-category-work-3.reverse .row.split .flex-col:nth-of-type(2) {
		order: 1;
	}
}

.col-list {
	display: flex;
	flex-direction: column;
}

.col-list li:first-of-type {
	padding-top: 0.75em;
}

/* ------------------------- Podcast  -------------------------------------------------- */

.podcast-info div.row {
	display: inline-block;
}

.podcast-info .service-ul {
	display: flex;
	width: 100%;
}

.podcast-info div.row:first-of-type .flex-col {
	padding-bottom: var(--section-padding-medium);
}

.podcast-info .single-service {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	padding: calc(var(--section-padding-medium) * 0.6) 0;
}

.podcast-info .single-service p {
	color: var(--color-light);
}

.podcast-info .single-service:last-child {
	border-bottom: 1px solid var(--color-border-light);
}

.podcast-info .single-service {
	border-top: 1px solid var(--color-border-light);
}

.podcast-info .single-service .col:nth-of-type(1) {
	display: flex;
	flex-direction: column;
	gap: 0.75em;
	width: 40%;
}

.podcast-info .single-service .col:nth-of-type(2) {
	width: 45%;
}

.podcast-info .single-service .top {
	display: flex;
	gap: 0.8em;
	align-items: center;
}

.podcast-info .single-service .bottom {
	display: flex;
	gap: 0.8em;
	align-items: center;
}

.podcast-info .single-service .bottom a svg {
	width: 1.5em;
}

.podcast-info .single-service .bottom a svg path {
	fill: var(--color-light);
	transition: var(--animation-primary);
}

.podcast-info .single-service .bottom a:hover svg path {
	fill: var(--color-primary);
}

@media screen and (max-width: 720px) {
	.podcast-info .single-service {
		flex-direction: column;
		gap: 0.75em;
	}
	.podcast-info .single-service .col:nth-of-type(1) {
		width: 100%;
	}

	.podcast-info .single-service .col:nth-of-type(2) {
		width: 100%;
	}
}

/* -------------------------------------------------------------- About-us  -------------------------------------------------- */
.about-3s .row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	--gap: calc(min(2vw, 2em) * 2.3);
	--columns: 3;
}

.about-3s .row:first-of-type .flex-col {
	padding-bottom: var(--section-padding-medium);
}

.padding-bottom {
	padding-bottom: var(--section-padding);
}

.padding-top {
	padding-top: 0;
}

.about-3s .row .flex-col {
	width: calc((99.999% / var(--columns)) - (var(--gap) * ((var(--columns) - 1) / var(--columns))));
}

.about-3s svg path,
.about-3s svg polygon {
	fill: var(--color-primary);
}

.about-3s svg {
	padding-bottom: 0.75em;
	width: 2em;
}

.about-3s .row .flex-col p {
	padding-top: 0.75em;
}

.about-3s .ratio-figure::before {
	padding-top: 80%;
}

.about-3s .line {
	margin-top: var(--section-padding);
}

.about-3s:nth-of-type(2) .row .flex-col {
	padding-bottom: 0;
}

@media screen and (max-width: 720px) {
	.about-3s .row {
		--columns: 1;
	}
}

/* -------------------------------------------------------------- Team  -------------------------------------------------- */
.team div.row:first-of-type .flex-col {
	padding-bottom: var(--section-padding-medium);
}

.team ul.row .flex-col .ratio-figure::before {
	padding-top: 140%;
}

.team ul.row {
	display: flex;
	gap: var(--gap);
	--gap: calc(min(2vw, 2em) * 2.3);
	--columns: 3;
}

.team ul.row .flex-col {
	width: calc((99.999% / var(--columns)) - (var(--gap) * ((var(--columns) - 1) / var(--columns))));
}

.team ul.row .flex-col .col-content {
	padding-top: 0.75em;
}

@media screen and (max-width: 720px) {
	.team ul.row .flex-col .ratio-figure::before {
		padding-top: 120%;
	}
	.team ul.row {
		--columns: 1;
	}
}

/* ------------------------- Contact -  Header -------------------------------------------------- */

.contact-header {
	padding-bottom: calc(var(--section-padding) + var(--border-radius));
}

.contact-header .row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--section-padding-medium) var(--gap);
	--gap: calc(var(--gap-padding) * 2);
	--columns: 2;
}

.contact-header .row .flex-col {
	width: calc((99.999% / var(--columns)) - (var(--gap) * ((var(--columns) - 1) / var(--columns))));
}

.contact-header .row .flex-col:first-child {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.styled-form .form-col-btn {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
	gap: 1em;
}

.styled-form .form-col-btn p .reply {
	font-size: 0.75em;
	display: block;
	transition: var(--animation-smooth);
	font-weight: 475;
	color: var(--color-dark);
}

@media (hover: hover) {
	.styled-form .form-col-btn p .reply {
		transform: translateX(-1em) rotate(0.001deg);
		opacity: 0;
	}
}

.styled-form .btn:hover + p .reply {
	transform: translateX(0em) rotate(0.001deg);
	opacity: 1;
}

@media screen and (max-width: 1024px) {
	.contact-header .row .flex-col:first-child {
		gap: 0.75em;
	}

	.contact-header .row {
		--columns: 1;
	}
}

.success-header .row:last-of-type .flex-col {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 720px) {
	.success-header .row:last-of-type .flex-col {
		flex-direction: column;
		align-items: flex-start;
	}

	.success-header .row:last-of-type h3 {
		padding-bottom: 0.75em;
	}
}