@import "./form.css";
@import "./fonts.css";
@import "./layout.css";
@import "./keyframes.css";

:root {
	--main-background: #ffffee;

	--black: #000000;
	--yellow: #fff200;
	--interFont: "Inter", sans-serif;

	--h1-font: clamp(40px, 3.65vw, 3.65vw);
	--h2-font: clamp(40px, 3.65vw, 3.65vw);
	--h3-font: clamp(1.8rem, 1.82vw, 1.82vw);

	--body-font: clamp(1rem, 1.2vw, 1.2vw);

	--font-20: clamp(18px, 1.04vw, 1.04vw);
	--font-23: clamp(20px, 1.2vw, 1.2vw);
}

#ajax-content {
	min-height: 80vh;
}

#transition-overlay {
	position: fixed;
	inset: 0;
	background: #fff200;
	transform: scaleY(0);
	transform-origin: top;
	z-index: 999;
	pointer-events: none;
}

/*  */
body {
	position: relative;
}

body:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2025/11/yellow-vertical-decor.svg) top center repeat;
	background-size: 7.5vw 100vh;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	opacity: 0.1;
	pointer-events: none;
}

body:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2025/11/yellow-horizontal-decor.svg) center top repeat;
	background-size: 100vw 20vh;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	opacity: 0.1;
	pointer-events: none;
}

div#pageSection {
	position: relative;
	z-index: 1;
	background: transparent;
}

/* -------------------------------------------------
   TAB CONTENT FADE ANIMATION
   ------------------------------------------------- */
.tab-content {
	opacity: 0; /* start hidden */
	animation-fill-mode: both;
	animation-duration: 0.45s;
}

.tab-content.fade-in {
	animation: fadeIn 0.45s both !important;
}

.tab-content.fade-out {
	animation: fadeOut 0.45s both !important;
}

@keyframes fadeOut {
	from {
		opacity: 1;
		transform: translateY(0rem);
	}
	to {
		opacity: 0;
		transform: translateY(2rem);
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(2rem);
	}
	to {
		opacity: 1;
		transform: translateY(0rem);
	}
}

/* Lenis Smooth Scroll */
html.lenis,
html.lenis body {
	height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
	overflow: clip;
}

.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch] {
	overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
	pointer-events: none;
}

.lenis.lenis-autoToggle {
	transition-property: overflow;
	transition-duration: 1ms;
	transition-behavior: allow-discrete;
}

html,
body {
	background: var(--main-background);
	color: var(--black);
	margin: 0;
	overflow-x: hidden;
	scroll-behavior: smooth;
	font-family: var(--interFont);
}

section {
	position: relative;
	padding-left: clamp(1.5rem, 4.69vw, 4.69vw);
	padding-right: clamp(1.5rem, 4.69vw, 4.69vw);
}

a {
	text-decoration: none !important;
}

/* Button */
.button,
input[type="submit"] {
	color: var(--black);
	font-size: clamp(1.2rem, 1.04vw, 1.04vw);
	line-height: 1.3;
	font-weight: 600;
	padding: clamp(0.85rem, 0.83vw, 0.83vw) clamp(1.4rem, 1.46vw, 1.46vw);
	background: transparent;
	border: 2px solid var(--black);
	border-radius: 999px;
	width: fit-content;
	cursor: pointer;
	transition: 0.3s;
}

.button:hover,
input[type="submit"]:hover {
	background: var(--yellow);
}

.icon-button {
	display: flex;
	align-items: center;
	gap: clamp(2px, 0.5vw, 0.5vw);
	padding: clamp(7px, 0.52vw, 0.52vw) clamp(30px, 3.13vw, 3.13vw);
	border: clamp(2px, 0.1vw, 0.1vw) solid var(--black);
	border-radius: 999px;
	transition: 0.3s;
}

.icon-button:hover {
	background: var(--yellow);
}

.icon-button img {
	width: clamp(1.2rem, 1.56vw, 1.56vw);
	height: auto;
	aspect-ratio: 1;
	object-fit: contain;
}

.icon-button span {
	font-size: clamp(1rem, 1.04vw, 1.04vw);
	line-height: 1;
	font-weight: 600;
}

/* Homepage */
.homepage .hero-section .description-container {
	display: flex;
}

.homepage .hero-section .description-container > * {
	position: relative;
	flex: 1;
}

.homepage .hero-section .description-container .title-holder:before {
	content: "";
	position: absolute;
	bottom: 10%;
	right: 10%;
	width: 18%;
	min-width: 120px;
	height: auto;
	aspect-ratio: 160 / 150;
	background: url(/wp-content/uploads/2025/10/hello-decor.svg) center center no-repeat;
	background-size: contain;
	z-index: 1;
	pointer-events: none;
	animation: tilting 0.85s infinite steps(2);
}

.homepage .hero-section .description-container .content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 1rem;
}

.homepage .services-section {
	padding-top: clamp(80px, 7.292vw, 7.292vw);
	padding-bottom: clamp(60px, 7.292vw, 7.292vw);
}

/* .homepage .services-section .services-holder {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: clamp(1rem, 1.56vw, 1.56vw);
} */

.homepage .services-section .services-holder .service-box-wrapper {
	position: relative;
	height: 100%;
	aspect-ratio: 416 / 497;
	background: url(/wp-content/uploads/2025/12/services-bg.png) center center no-repeat;
	background-size: 100%;
}

.homepage .services-section .services-holder .service-box-wrapper:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 22%;
	height: auto;
	aspect-ratio: 1;
	background: url(/wp-content/uploads/2025/10/degreed-arrow.svg) center center no-repeat;
	background-size: contain;
	transition: 0.3s;
}

.homepage .services-section .services-holder .service-box-wrapper:has(> .service-box:hover):before {
	rotate: 45deg;
}

.homepage .services-section .services-holder .service-box {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: flex-end;
	padding: clamp(1rem, 2.08vw, 2.08vw);
}

.homepage .services-section .services-holder .service-box > img,
.homepage .services-section .services-holder .service-box > .title {
	transition: 0.3s;
	transition-delay: 0.45s;
}

.homepage .services-section .services-holder .service-box:hover > img,
.homepage .services-section .services-holder .service-box:hover > .title {
	opacity: 0;
	transition-delay: 0s;
}

.homepage .services-section .service-box .service-image {
	width: clamp(42px, 3.75vw, 3.75vw);
	height: auto;
	object-fit: contain;
	margin-bottom: clamp(0.5rem, 0.833vw, 0.833vw);
}

.homepage .services-section .service-box .title {
	font-weight: 600;
	max-width: 90%;
	min-height: 4.43vw;
}

.homepage .services-section .services-holder .service-box .top-content {
	position: absolute;
	bottom: clamp(1rem, 2.08vw, 2.08vw);
	left: clamp(1rem, 2.08vw, 2.08vw);
	transition: 0.3s;
	transition-delay: 0.3s;
}

.homepage .services-section .services-holder .service-box:hover .top-content {
	opacity: 0;
	transform: translateY(-2rem);
	transition-delay: 0s;
}

.homepage .services-section .services-holder .service-box .service-description p:first-child,
.homepage .services-section .services-holder .service-box .service-description p:last-child {
	margin-bottom: 0 !important;
}

.homepage .services-section .services-holder .service-box .service-description {
	opacity: 0;
	transform: translateY(2rem);
	transition: .3s;
}

.homepage .services-section .services-holder .service-box:hover .service-description {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.3s;
}

.homepage .services-section .service-carousel-slide-control {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(2rem, 4.17vw, 4.17vw);
	margin-bottom: clamp(30px, 2.86vw, 2.86vw);
	padding: 0 clamp(1.5rem, 5.05vw, 5.05vw);
	margin-top: clamp(2rem, 2.86vw, 2.86vw);
}

.homepage .services-section .service-carousel-slide-control .service-control-button {
	padding: clamp(0.85rem, 1vw, 1vw) clamp(1.2rem, 1.25vw, 1.25vw);
	border: clamp(2px, 0.1vw, 0.1vw) solid black;
	width: fit-content;
	border-radius: 999px;
	cursor: pointer;
	transition: 0.3s;
}

.homepage .services-section .service-carousel-slide-control .service-control-button img {
	width: clamp(20px, 2.34vw, 2.34vw);
	height: auto;
	object-fit: contain;
}

.homepage .services-section .service-carousel-slide-control .service-control-button.swiper-button-disabled {
	opacity: 0.5;
	cursor: default;
}

.homepage .marquee-section {
	position: relative;
	z-index: 10;
}

.homepage .marquee-section:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: var(--yellow);
	clip-path: polygon(0 100%, 100% 0, 100% 100%, 0% 100%);
}

.homepage .client-section {
	padding-top: clamp(4rem, 5.21vw, 5.21vw);
	padding-left: 0;
	padding-right: 0;
	padding-bottom: clamp(80px, 8.33vw, 8.33vw);
	background: var(--yellow);
	z-index: 1;
}

.homepage .client-section .title {
	text-align: center;
	font-size: clamp(1.8rem, 1.82vw, 1.82vw) !important;
	font-weight: 600;
	margin-bottom: clamp(2rem, 3.39vw, 3.39vw);
	padding: 0 2rem;
}

.homepage .client-section .portfolio-list-holder {
	display: grid;
}

.homepage .client-section .portfolio-list-holder .portfolio-list-inner-holder {
	display: inline-flex;
	margin-bottom: clamp(1.2rem, 1.46vw, 1.46vw);
}

.homepage .client-section .portfolio-list-holder .portfolio-list-inner-holder:nth-child(even) {
	justify-content: flex-end;
}

.homepage .client-section .portfolio-list {
	display: inline-flex;
	align-items: center;
	gap: clamp(1rem, 1.3vw, 1.3vw);
	padding-right: clamp(1rem, 1.3vw, 1.3vw);
}

.homepage .client-section .portfolio-list-holder .portfolio-list-inner-holder:nth-child(odd) .portfolio-list {
	animation: toLeftRow 12s infinite linear;
}

.homepage .client-section .portfolio-list-holder .portfolio-list-inner-holder:nth-child(even) .portfolio-list {
	animation: toRightRow 12s infinite linear;
}

.homepage .client-section .portfolio-list .portfolio-thumbnail-item {
	width: clamp(120px, 6.51vw, 6.51vw);
	height: auto;
	aspect-ratio: 1;
	background: white;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.homepage .client-section .portfolio-list .portfolio-thumbnail-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Video Section Homepage */
.homepage .video-section {
	padding: clamp(30px, 1.56vw, 1.56vw) clamp(1rem, 3.65vw, 3.65vw) 0;
	margin-bottom: clamp(3.2rem, 4.69vw, 4.69vw);
}

.homepage .video-section .video-holder {
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 1750 / 984;
	border: clamp(3px, 0.16vw, 0.16vw) solid black;
	border-radius: clamp(0.85rem, 1.04vw, 1.04vw);
	overflow: hidden;
}

.homepage .video-section .video-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.homepage .video-section .play-button {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: clamp(100px, 6.25vw, 6.25vw);
	height: auto;
	aspect-ratio: 1;
	cursor: pointer;
}

.homepage .video-section .play-button img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.homepage .video-section .bottom-decor {
	position: absolute;
	bottom: 6%;
	right: 5%;
}

.homepage .video-section .bottom-decor .icon-holder {
	position: relative;
	display: flex;
	/* background: #fffeed; */
	border-radius: 100%;
	width: clamp(120px, 11.2vw, 11.2vw);
	height: auto;
	aspect-ratio: 1;
	margin: auto;
	margin-top: clamp(2rem, 4.17vw, 4.17vw);
}

.homepage .video-section .bottom-decor .icon-holder svg.rotating-word {
	position: absolute;
	width: 100%;
	height: auto;
	object-fit: contain;
	aspect-ratio: 1;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	animation: rotating 20s infinite linear;
	background: #fffeed;
	border-radius: 999px;
	padding: 5%;
	transition: scale 0.3s ease-in-out;
	border: clamp(2px, 0.1vw, 0.1vw) solid black;
}

.homepage .video-section .bottom-decor .icon-holder .project-pineapple {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 58%;
	height: auto;
	transform: translate(6%, -22%);
}

.homepage .video-section .bottom-decor .icon-holder .project-pineapple .eye-brow {
	animation: eyeBrowTilt 1.2s infinite cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Marquee Section */
.marquee-section {
	padding: 0;
}

.marquee-section .marquee {
	display: inline-flex;
	align-items: center;
	background: white;
	border-top: 2px solid;
	border-bottom: 2px solid;
	border-color: black;
	padding: clamp(4px, 0.31vw, 0.31vw) 0;
}

.marquee-section .marquee .inner {
	display: inline-flex;
	width: max-content;
}

.marquee-section .marquee:nth-child(1) {
	rotate: 5deg;
	transform: translate(0, -50%);
	transform-origin: left;
}

.marquee-section .marquee:nth-child(2) {
	rotate: -5deg;
	transform: translate(0, 50%);
	transform-origin: left;
}

.marquee-section .marquee:nth-child(1) .inner {
	animation: toLeftRow 40s linear infinite;
}

.marquee-section .marquee:nth-child(2) .inner {
	animation: toRightRow 40s linear infinite;
}

.marquee-section .marquee .inner > span {
	font-size: clamp(1.8rem, 2.08vw, 2.08vw);
	font-weight: 700;
	display: flex;
	align-items: center;
	padding-right: clamp(1.8rem, 2.08vw, 2.08vw);
}

.marquee-section .marquee .inner > span > span {
	padding-right: clamp(1.8rem, 2.08vw, 2.08vw);
}

.marquee-section .marquee .inner > span:after {
	content: "";
	position: relative;
	display: block;
	width: clamp(0.6rem, 0.83vw, 0.83vw);
	height: auto;
	aspect-ratio: 1;
	background: black;
	border-radius: 999px;
}

/* Portfolio Section [Homepage] */
.homepage .portfolio-section {
	padding: 0;
}

.homepage .portfolio-section .wrapper {
	background: #fffdda;
	padding-bottom: clamp(40px, 3.65vw, 3.65vw);
}

.homepage .portfolio-section::before {
	content: "";
	position: relative;
	background: url(/wp-content/uploads/2025/10/peach-top-decor.svg) center top no-repeat var(--yellow);
	aspect-ratio: 1920/220;
	background-size: contain;
	width: 100%;
	height: auto;
	display: block;
}

.homepage .portfolio-section h2 {
	text-align: center;
	margin-bottom: clamp(30px, 2.86vw, 2.86vw);
}

.homepage .portfolio-section .portfolio-holder {
	width: fit-content;
	height: fit-content;
	position: relative;
	overflow: hidden;
}

.homepage .portfolio-section .portfolio-holder .image-holder {
	/* width: clamp(260px, 29.43vw, 28.43vw); */
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	background: white;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1.5%;
	border: clamp(2px, 0.1vw, 0.1vw) solid black;
	border-radius: clamp(0.8rem, 0.78vw, 0.78vw);
}

.homepage .portfolio-section .portfolio-holder .image-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: clamp(0.95rem, 0.68vw, 0.68vw);
}

.homepage .portfolio-section .portfolio-holder .content-holder {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 65%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: white;
	padding: 10% 5%;
	border: clamp(2px, 0.1vw, 0.1vw) solid black;
	border-radius: clamp(0.8rem, 0.78vw, 0.78vw);
	/* clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); */
	transform: scaleX(0);
	transform-origin: right;
	transition: 0.25s;
}

.homepage .portfolio-section .portfolio-holder:hover .content-holder {
	/* clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); */
	transform: scaleX(1);
}

.homepage .portfolio-section .portfolio-holder .content-holder .top {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: clamp(0.65rem, 0.83vw, 0.83vw);
	opacity: 0;
	transform: translateX(-1rem);
	transition: 0.3s;
	transition-delay: 0.3s;
}

.homepage .portfolio-section .portfolio-holder:hover .content-holder .top {
	opacity: 1;
	transform: translateX(0);
}

.homepage .portfolio-section .portfolio-holder .content-holder .top span {
	font-size: clamp(16px, 1.04vw, 1.04vw);
	line-height: 1;
	text-transform: uppercase;
}

.homepage .portfolio-section .portfolio-holder .content-holder .top img {
	width: auto;
	height: 65%;
	object-fit: contain;
}

.homepage .portfolio-section .portfolio-holder .content-holder .title {
	opacity: 0;
	transform: translateY(1.2rem);
	font-weight: 600;
	transition: 0.3s;
}

.homepage .portfolio-section .portfolio-holder .content-holder .portfolio-tags {
	opacity: 0;
	transform: translateY(1.2rem);
	display: flex;
	flex-wrap: wrap;
	gap: clamp(4px, 0.36vw, 0.36vw);
	transition: 0.3s;
}

.homepage .portfolio-section .portfolio-holder .content-holder .portfolio-tags .portfolio-tag {
	font-size: clamp(1rem, 1.04vw, 1.04vw);
	line-height: 1;
	padding: clamp(3px, 0.21vw, 0.21vw) clamp(10px, 0.63vw, 0.63vw);
	border: clamp(1.5px, 0.08vw, 0.08vw) solid black;
	border-radius: 999px;
}

.homepage .portfolio-section .portfolio-holder:hover .content-holder .title {
	transition-delay: 0.25s;
	opacity: 1;
	transform: translateY(0);
}

.homepage .portfolio-section .portfolio-holder:hover .content-holder .portfolio-tags {
	transition-delay: 0.45s;
	opacity: 1;
	transform: translateY(0);
}

.homepage .portfolio-section .portfolio-carousel {
	padding: 0 clamp(1rem, 0.833vw, 0.833vw);
}

.homepage .portfolio-section .portfolio-carousel-slide-control {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: clamp(1rem, 1.04vw, 1.04vw);
	margin-bottom: clamp(30px, 2.86vw, 2.86vw);
	padding: 0 clamp(1.5rem, 5.05vw, 5.05vw);
}

.homepage .portfolio-section .portfolio-carousel-slide-control .portfolio-control-button {
	padding: clamp(0.85rem, 1vw, 1vw) clamp(1.2rem, 1.25vw, 1.25vw);
	border: clamp(2px, 0.1vw, 0.1vw) solid black;
	width: fit-content;
	border-radius: 999px;
	cursor: pointer;
	transition: 0.3s;
}

.homepage .portfolio-section .portfolio-carousel-slide-control .portfolio-control-button img {
	width: clamp(20px, 2.34vw, 2.34vw);
	height: auto;
	object-fit: contain;
}

.homepage .portfolio-section .portfolio-carousel-slide-control .portfolio-control-button.swiper-button-disabled {
	opacity: 0.5;
	cursor: default;
}

.homepage .portfolio-section .portfolio-carousel-slide-control > .button {
	line-height: 0.85;
}

.homepage .portfolio-section .portfolio-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: clamp(22px, 2.86vw, 2.86vw);
}

.homepage .portfolio-section .portfolio-pagination .swiper-pagination-bullet {
	width: clamp(1rem, 0.89vw, 0.89vw);
	height: auto;
	aspect-ratio: 1;
	background: #d9d9d9;
	opacity: 1;
}

.homepage .portfolio-section .portfolio-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	border: clamp(2px, 0.1vw, 0.1vw) solid black;
	background: #ffffff;
}

/* Stats Section [Homepage] */
.homepage .stats-section {
	display: flex;
	background: #fffdda;
	padding-top: clamp(80px, 6.25vw, 6.25vw);
	padding-bottom: clamp(100px, 8.33vw, 8.33vw);
	padding-left: clamp(30px, 11.2vw, 11.2vw);
	padding-right: clamp(30px, 11.2vw, 11.2vw);
}

.homepage .stats-section > div:first-child {
	flex: 2;
	margin-bottom: 2rem;
}

.homepage .stats-section > div:last-child {
	flex: 3;
}

.homepage .stats-section .stats .value {
	font-size: clamp(1.2rem, 1.82vw, 1.82vw);
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.homepage .stats-section .stats-holder {
	border: clamp(2px, 0.1vw, 0.1vw) solid black;
	border-radius: clamp(0.85rem, 0.78vw, 0.78vw);
	overflow: hidden;
}

.homepage .stats-section .stats .stat-box {
	display: flex;
	align-items: center;
	padding: clamp(1.2rem, 1.56vw, 1.56vw) clamp(30px, 6.25vw, 6.25vw);
	background: white;
}

.homepage .stats-section .stats .stat-box:not(:last-child) {
	border-bottom: clamp(2px, 0.1vw, 0.1vw) solid black;
}

.homepage .stats-section .stats .title {
	font-size: clamp(1rem, 1.2vw, 1.2vw);
	font-weight: 600;
	line-height: 1.7;
	display: flex;
	flex: 1.8;
}

.homepage .stats-section .stats .stat-box > .icon {
	height: clamp(40px, 3.91vw, 3.91vw);
	width: fit-content;
	object-fit: contain;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
}

.homepage .stats-section .stats .value {
	font-size: clamp(1.2rem, 1.82vw, 1.82vw);
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 1;
}

.homepage .stats-section .mascot-holder {
	position: relative;
	width: clamp(100px, 11.98vw, 11.98vw);
	height: auto;
	rotate: 0deg;
}

.homepage .stats-section .mascot-holder > .stats-mascot {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.homepage .stats-section .mascot-holder .eyes {
	position: absolute;
	top: 60%;
	left: -6%;
	right: 0;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	gap: 15%;
}

.homepage .stats-section .mascot-holder .eyes > svg {
	width: clamp(20px, 2.5vw, 2.5vw);
	height: auto;
	aspect-ratio: 1;
	animation: tilting 0.85s infinite steps(2);
}

.stats-section .mascot-holder .floating-blob {
	position: absolute;
	top: 0%;
	right: -100%;
	width: clamp(100px, 14.06vw, 14.06vw);
	height: auto;
}

.stats-section .mascot-holder .floating-blob svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
	rotate: 10deg;
	animation-delay: 1s !important;
	animation: tilting 0.85s infinite steps(2);
}

/* Instagram Reel Section [Homepage] */
.homepage .instagram-reel-section {
	padding: clamp(80px, 7.292vw, 7.292vw) 0;
	background: #ffffee;
}

.homepage .instagram-reel-section .top-container {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

/* About Page */
.about-page .title-holder {
	position: relative;
	width: fit-content;
	margin: auto;
}

.about-page .title-holder:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	transform: scale(1.5);
	background: url(/wp-content/uploads/2025/11/splash-decor.svg) center center no-repeat;
	background-size: contain;
	margin: auto;
	aspect-ratio: 970 / 280;
	pointer-events: none;
}

.about-page .clientele-section .title-holder:before {
	background: url(/wp-content/uploads/2025/11/splash-decor-2.svg) center center no-repeat;
	background-size: contain;
	transform: scale(1.4) translate(0%, -10%);
	aspect-ratio: 1030 / 230;
}

/* Story Section [About Page] */
.about-page {
	padding-top: clamp(80px, 6.25vw, 6.25vw);
}

.about-page .tabs {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem clamp(1rem, 2.08vw, 2.08vw);
}

.about-page .tabs .tab {
	min-width: clamp(100px, 8.59vw, 8.59vw);
	text-align: center;
	transition: 0.3s;
	cursor: pointer;
}

.about-page .tabs .tab.active,
.about-page .tabs .tab:hover,
.wedo-page .tabs .tab.active,
.wedo-page .tabs .tab:hover {
	background: var(--yellow);
}

.about-page .story-section,
.about-page .team-section {
	padding: clamp(60px, 5.21vw, 5.21vw) clamp(30px, 9.38vw, 9.38vw);
}

.about-page .story-section .title-holder {
	width: fit-content;
	margin: auto;
	text-align: center;
}

.about-page .story-section .banner-holder {
	position: relative;
	width: 100%;
	margin: auto;
}

.about-page .story-section .banner-holder img {
	width: 100%;
	object-fit: contain;
}

.about-page .story-section .banner-holder:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 25%;
	background: linear-gradient(to top, #ffffee 0%, #ffffee00 100%);
}

.about-page .description-holder {
	margin-top: clamp(2rem, 3.13vw, 3.13vw);
}

.about-page .description-holder p {
	font-size: clamp(1rem, 1.2vw, 1.2vw) !important;
	text-align: center;
	margin-bottom: 0 !important;
}

.about-page .tab-content:not(.active) {
	display: none;
}

.about-page .team-section .description-holder {
	margin-bottom: clamp(3rem, 4.17vw, 4.17vw);
}

.about-page .team-section .teams-holder {
	position: relative;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}

.about-page .team-section .teams-holder::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(/wp-content/uploads/2025/11/lets-work-decor.png) center center no-repeat;
	background-size: contain;
	width: clamp(150px, 17.71vw, 17.71vw);
	height: auto;
	aspect-ratio: 340 / 80;
	z-index: 1;
	transform: translate(80%, 50%) rotate(-7deg);
}

.about-page .team-section .teams-holder .team-member {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: clamp(2px, 0.1vw, 0.1vw) solid black;
	border-radius: clamp(0.85rem, 0.78vw, 0.78vw);
	transition: 0.3s;
}

.about-page .team-section .teams-holder .team-member:hover {
	transform: none !important;
	scale: 1.05;
}

.about-page .team-section .teams-holder .team-member .label {
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(90deg) translate(25%, -160%);
	transform-origin: top left;
	font-weight: 700;
	font-size: clamp(1rem, 0.94vw, 0.94vw);
}

.about-page .team-section .teams-holder .team-member .photo-holder {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.about-page .team-section .teams-holder .team-member .photo-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-page .team-section .teams-holder .team-member:nth-child(1) {
	transform: rotate(-2deg);
}

.about-page .team-section .teams-holder .team-member:nth-child(2) {
	transform: rotate(3deg) translate(0%, -5%);
}

.about-page .team-section .teams-holder .team-member:nth-child(3) {
	transform: rotate(-3deg) translate(0%, 2%);
}

.about-page .team-section .teams-holder .team-member:nth-child(4) {
	transform: rotate(4deg) translate(0%, 0%);
}

.about-page .team-section .teams-holder .team-member:nth-child(5) {
	transform: rotate(-3deg) translate(0%, -3%);
}

/* Clientele Section [About Page] */
.about-page .clientele-section {
	padding: clamp(60px, 5.21vw, 5.21vw) 0;
}

.about-page .clientele-section .clientele-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: clamp(1rem, 1.3vw, 1.3vw);
	padding: 0 clamp(1rem, 4.17vw, 4.17vw);
}

.about-page .clientele-section .clientele-grid .clientele-thumbnail {
	display: flex;
	align-items: center;
	justify-content: center;
	background: white;
	border: clamp(2px, 0.1vw, 0.1vw) solid black;
	border-radius: clamp(0.75rem, 0.78vw, 0.78vw);
	aspect-ratio: 1;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.about-page .clientele-section .clientele-grid .clientele-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-page .clientele-section .clientele-tabs-wrapper {
	position: relative;
	display: flex;
	justify-content: center;
	margin-bottom: clamp(2.2rem, 4.17vw, 4.17vw);
	margin-top: clamp(2.2rem, 4.17vw, 4.17vw);
	border-top: clamp(2px, 0.1vw, 0.1vw) solid black;
	border-bottom: clamp(2px, 0.1vw, 0.1vw) solid black;
}

.about-page .clientele-section .clientele-tabs-wrapper .clientele-tabs {
	display: flex;
	flex-wrap: wrap;
	column-gap: clamp(2rem, 4.17vw, 4.17vw);
	justify-content: center;
	padding: 0 clamp(30px, 11.98vw, 11.98vw);
}

.about-page .clientele-section .clientele-tabs-wrapper .clientele-tabs .tab {
	position: relative;
	font-size: clamp(1rem, 1.2vw, 1.2vw);
	line-height: 1;
	font-weight: 600;
	padding: clamp(1.2rem, 1.46vw, 1.46vw) clamp(1.4rem, 1.56vw, 1.56vw);
	cursor: pointer;
}

.about-page .clientele-section .clientele-tabs-wrapper .clientele-tabs .tab.active {
	border-bottom: clamp(3px, 0.16vw, 0.16vw) solid black;
}

.about-page .clientele-pagination {
	margin-bottom: clamp(80px, 7.29vw, 7.29vw);
	gap: clamp(1rem, 0.94vw, 0.94vw);
	align-items: center;
}

.about-page .clientele-pagination .pagination-arrow {
	font-size: clamp(1rem, 0.94vw, 0.94vw);
	font-weight: 600;
	height: fit-content;
	padding: 0 0.5%;
	cursor: pointer;
}

.about-page .clientele-pagination .pagination-arrow:has(> img) {
	padding: clamp(0.85rem, 1vw, 1vw) clamp(1.2rem, 1.25vw, 1.25vw);
	border: clamp(2px, 0.1vw, 0.1vw) solid black;
	width: fit-content;
	border-radius: 999px;
	cursor: pointer;
	transition: 0.3s;
}

.about-page .clientele-pagination .pagination-arrow:has(> img) img {
	width: clamp(20px, 2.34vw, 2.34vw);
	height: auto;
	object-fit: contain;
}

.about-page .clientele-pagination .pagination-arrow:has(> img):last-child {
	margin-left: clamp(1rem, 3.13vw, 3.13vw);
}

.about-page .clientele-pagination .pagination-arrow:has(> img):first-child {
	margin-right: clamp(1rem, 3.13vw, 3.13vw);
}

/* We Do Page */
.wedo-page {
	padding-top: clamp(80px, 6.25vw, 6.25vw);
}

.wedo-page .client-section {
	padding-bottom: clamp(80px, 6.25vw, 6.25vw);
}

.wedo-page .top-container {
	margin-top: clamp(2rem, 4.69vw, 4.69vw);
}

.wedo-page .tabs {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem clamp(1rem, 2.08vw, 2.08vw);
}

.wedo-page .description-holder {
	margin-top: clamp(2rem, 3.13vw, 3.13vw);
	text-align: center;
}

.wedo-page .title-holder {
	position: relative;
	width: fit-content;
	margin: auto;
	text-align: center;
}

.wedo-page .title-holder:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	transform: translate(0%, -15%) scale(1.5);
	background: url(/wp-content/uploads/2025/11/splash-decor.svg) center center no-repeat;
	background-size: contain;
	margin: auto;
	aspect-ratio: 970 / 280;
	pointer-events: none;
}

.wedo-page .client-section .description-holder {
	max-width: clamp(600px, 50vw, 50vw);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: clamp(2rem, 3.65vw, 3.65vw);
}

.wedo-page .testimonial-section {
	padding: 0 clamp(1rem, 3.65vw, 3.65vw);
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: clamp(1rem, 1.25vw, 1.25vw);
}

.wedo-page .testimonial-section .testimonial-holder {
	aspect-ratio: 384 / 360;
	background: white;
	border: clamp(2px, 0.1vw, 0.1vw) solid #000000;
	border-radius: clamp(0.85rem, 0.78vw, 0.78vw);
}

.wedo-page .testimonial-section .testimonial-holder .inner {
	padding: clamp(1.4rem, 1.56vw, 1.56vw);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.wedo-page .testimonial-section .testimonial-holder .stars {
	display: flex;
	align-items: center;
	gap: clamp(4px, 0.31vw, 0.31vw);
	margin-bottom: clamp(0.85rem, 1.15vw, 1.15vw);
	height: clamp(1.15rem, 1.5vw, 1.5vw);
	width: 100%;
}

.wedo-page .testimonial-section .testimonial-holder .stars img {
	width: auto;
	height: 100%;
	object-fit: contain;
	aspect-ratio: 1;
}

.wedo-page .testimonial-section .testimonial-holder .description {
	font-size: clamp(1rem, 0.94vw, 0.94vw);
	line-height: 1.4;
	max-height: 7.81vw;
	overflow-y: scroll;
}

.wedo-page .testimonial-section .testimonial-holder .description::-webkit-scrollbar {
	width: 0;
}

.wedo-page .testimonial-section .testimonial-holder .client-info {
	display: flex;
	align-items: center;
	gap: clamp(0.8rem, 0.833vw, 0.833vw);
}

.wedo-page .testimonial-section .testimonial-holder .client-info .icon {
	width: clamp(2rem, 3.13vw, 3.13vw);
	height: auto;
	aspect-ratio: 1;
	background: #d9d9d9;
	border-radius: 999px;
	overflow: hidden;
}

.wedo-page .testimonial-section .testimonial-holder .client-info .icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wedo-page .testimonial-section .testimonial-holder .client-info .info-holder {
	display: grid;
}

.wedo-page .testimonial-section .testimonial-holder .client-info .info-holder > span:first-child {
	font-weight: 700;
}

.wedo-page .portfolio-section {
	padding-left: 0;
	padding-right: 0;
}

.wedo-page .portfolio-section .portfolio-tabs-wrapper {
	position: relative;
	display: flex;
	justify-content: center;
	margin-bottom: clamp(2.2rem, 4.17vw, 4.17vw);
	margin-top: clamp(2.2rem, 4.17vw, 4.17vw);
	border-top: clamp(2px, 0.1vw, 0.1vw) solid black;
	border-bottom: clamp(2px, 0.1vw, 0.1vw) solid black;
}

.wedo-page .portfolio-tabs {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	column-gap: clamp(2rem, 4.17vw, 4.17vw);
	justify-content: center;
	padding: 0 clamp(30px, 11.98vw, 11.98vw);
}

.wedo-page .portfolio-section .portfolio-tabs-wrapper .portfolio-tabs .tab {
	position: relative;
	font-size: clamp(1rem, 1.2vw, 1.2vw);
	line-height: 1;
	font-weight: 600;
	padding: clamp(1.2rem, 1.46vw, 1.46vw) clamp(1.4rem, 1.56vw, 1.56vw);
	cursor: pointer;
}

.wedo-page .portfolio-section .portfolio-tabs-wrapper .portfolio-tabs .tab.active {
	border-bottom: clamp(3px, 0.16vw, 0.16vw) solid black;
}

.wedo-page .portfolio-section .portfolio-grid {
	padding: 0 clamp(30px, 11.98vw, 11.98vw);
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(2rem, 3.13vw, 3.13vw) clamp(1.4rem, 1.3vw, 1.3vw);
}

.wedo-page .portfolio-section .portfolio-grid .portfolio-thumbnail {
	display: flex;
	flex-direction: column;
}

.wedo-page .portfolio-section .portfolio-grid .portfolio-thumbnail .image-holder {
	aspect-ratio: 720 / 525;
	display: flex;
	justify-content: center;
	align-items: center;
	border: clamp(2px, 0.1vw, 0.1vw) solid black;
	border-radius: clamp(0.85rem, 0.78vw, 0.78vw);
	margin-bottom: clamp(1rem, 1.04vw, 1.04vw);
	overflow: hidden;
	background: white;
}

.wedo-page .portfolio-section .portfolio-grid .portfolio-thumbnail .image-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.45s;
}

.wedo-page .portfolio-section .portfolio-grid .portfolio-thumbnail:hover .image-holder img {
	transform: scale(1.05);
}

.wedo-page .portfolio-section .portfolio-grid .portfolio-thumbnail .content .title {
	font-size: clamp(1.2rem, 1.56vw, 1.56vw) !important;
	margin-bottom: clamp(10px, 0.63vw, 0.63vw) !important;
	font-weight: 700;
}

.wedo-page .portfolio-section .portfolio-grid .portfolio-thumbnail .content .portfolio-tags {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: clamp(5px, 0.52vw, 0.52vw);
}

.wedo-page .portfolio-section .portfolio-grid .portfolio-thumbnail .content .portfolio-tags .portfolio-tag {
	font-size: clamp(1rem, 1.2vw, 1.2vw);
	line-height: 1;
	padding: clamp(4px, 0.26vw, 0.26vw) clamp(1.1rem, 1.35vw, 1.35vw);
	border: clamp(1px, 0.05vw, 0.05vw) solid black;
	border-radius: 999px;
}

.wedo-page .portfolio-pagination {
	margin-bottom: clamp(80px, 7.29vw, 7.29vw);
	gap: clamp(1rem, 0.94vw, 0.94vw);
	align-items: center;
}

.wedo-page .portfolio-pagination .pagination-arrow {
	font-size: clamp(1rem, 0.94vw, 0.94vw);
	font-weight: 600;
	height: fit-content;
	padding: 0 0.5%;
	cursor: pointer;
}

.wedo-page .portfolio-pagination .pagination-arrow:has(> img) {
	padding: clamp(0.85rem, 1vw, 1vw) clamp(1.2rem, 1.25vw, 1.25vw);
	border: clamp(2px, 0.1vw, 0.1vw) solid black;
	width: fit-content;
	border-radius: 999px;
	cursor: pointer;
	transition: 0.3s;
}

.wedo-page .portfolio-pagination .pagination-arrow:has(> img) img {
	width: clamp(20px, 2.34vw, 2.34vw);
	height: auto;
	object-fit: contain;
}

.wedo-page .portfolio-pagination .pagination-arrow:has(> img):last-child {
	margin-left: clamp(1rem, 3.13vw, 3.13vw);
}

.wedo-page .portfolio-pagination .pagination-arrow:has(> img):first-child {
	margin-right: clamp(1rem, 3.13vw, 3.13vw);
}

/* Fun Page */
.fun-page .fun-top-description-section {
	padding: clamp(60px, 5.21vw, 5.21vw) clamp(30px, 11.98vw, 11.98vw) clamp(40px, 3.65vw, 3.65vw);
}

.fun-page .fun-top-description-section .top-container {
	display: flex;
}

.fun-page .fun-top-description-section .top-container > div {
	flex: 1;
}

.fun-page .fun-top-description-section .top-container > div * {
	margin-bottom: 0;
}

.fun-page .image-stack-slider-holder {
	max-width: clamp(300px, 24.32vw, 24.32vw);
}

.fun-page .image-stack-slider-holder {
	position: relative;
	width: 500px;
	height: 600px;
	margin: 0 auto;
	perspective: 1000px;
}

.fun-page .image-card {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	transition: transform 0.5s ease;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.fun-page .image-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.fun-page .custom-card-carousel-section {
	padding-top: clamp(80px, 6.25vw, 6.25vw);
	padding-bottom: clamp(80px, 6.25vw, 6.25vw);
}

.fun-page .custom-card-carousel-section .custom-card-carousel {
	position: relative;
	width: clamp(300px, 24.22vw, 24.22vw);
	margin: 40px auto;
}

.fun-page .custom-card-carousel-section .carousel-stack {
	position: relative;
	aspect-ratio: 465 / 585;
	width: 100%;
}

.fun-page .custom-card-carousel-section .carousel-card {
	position: absolute;
	inset: 0;
	background: white;
	border-radius: 20px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28px;
	font-weight: 600;
	transition: transform 0.35s ease, opacity 0.35s ease;
	border: clamp(2px, 0.1vw, 0.1vw) solid black;
	border-radius: clamp(0.85rem, 0.78vw, 0.78vw);
	overflow: hidden;
}

.fun-page .custom-card-carousel-section .carousel-card.is-moving {
	transition: transform 0.45s ease, opacity 0.45s ease;
}

.fun-page .custom-card-carousel-section .carousel-controls {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	right: 0;
	margin: auto;
	height: fit-content;
	width: 250%;
	transform: translateX(-50%);
	z-index: 5;
	display: flex;
	justify-content: space-between;
}

.fun-page .custom-card-carousel-section button {
	padding: clamp(0.85rem, 1vw, 1vw) clamp(1.2rem, 1.25vw, 1.25vw);
	border: clamp(2px, 0.1vw, 0.1vw) solid black;
	width: fit-content;
	border-radius: 999px;
	cursor: pointer;
	transition: 0.3s;
}

.fun-page .custom-card-carousel-section .floating-decors .floating-decor {
	position: absolute;
}

.fun-page .custom-card-carousel-section .floating-decors .floating-decor:nth-child(1) {
	top: 10%;
	left: 28%;
	width: clamp(50px, 3.13vw, 3.13vw);
	height: auto;
	object-fit: contain;
	animation: rotating 8s linear infinite;
}

.fun-page .custom-card-carousel-section .floating-decors .floating-decor:nth-child(2) {
	bottom: 20%;
	right: 20%;
	width: clamp(75px, 4.69vw, 4.69vw);
	height: auto;
	object-fit: contain;
	animation: tilting 1s infinite steps(2);
}

.fun-page .custom-card-carousel-section .floating-decors .floating-decor:nth-child(3) {
	bottom: 10%;
	left: 15%;
	width: clamp(80px, 9.11vw, 9.11vw);
	rotate: -10deg;
}

.fun-page .shorts-carousel-section {
	padding: 0 clamp(30px, 8.33vw, 8.33vw) clamp(80px, 9.38vw, 9.38vw);
}

.fun-page .shorts-carousel-section:before {
	content: "";
	position: absolute;
	bottom: 8%;
	right: 10%;
	background: url(/wp-content/uploads/2025/11/party-club-icon.png) center center no-repeat;
	background-size: contain;
	width: clamp(110px, 13.02vw, 13.02vw);
	height: auto;
	aspect-ratio: 250 / 130;
	z-index: -1;
	rotate: 8deg;
}

.fun-page .shorts-carousel-section .shorts-swiper {
	width: 100%;
	overflow: hidden;
}
.fun-page .shorts-carousel-section .swiper-slide {
	width: 100%;
	aspect-ratio: 380 / 680;
	background-color: white;
	border: clamp(2px, 0.1vw, 0.1vw) solid black;
	border-radius: clamp(0.85rem, 0.78vw, 0.78vw);
	overflow: hidden;
}

.fun-page .shorts-carousel-section .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fun-page .shorts-pagination-controls {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: clamp(2rem, 2.86vw, 2.86vw);
	gap: clamp(1.4rem, 3.91vw, 3.91vw);
}

.shorts-pagination-controls .shorts-button-prev,
.shorts-pagination-controls .shorts-button-next {
	padding: clamp(0.85rem, 1vw, 1vw) clamp(1.2rem, 1.25vw, 1.25vw);
	border: clamp(2px, 0.1vw, 0.1vw) solid black;
	width: fit-content;
	border-radius: 999px;
	cursor: pointer;
	transition: 0.3s;
}

/* Contact Page */
.contact-page {
	padding-top: clamp(60px, 5.21vw, 5.21vw);
}

.contact-page .top-section {
	padding: 0;
	margin: 0 clamp(1rem, 11.98vw, 11.98vw) clamp(2rem, 2.86vw, 2.86vw);
}

.contact-page .top-section:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: clamp(100px, 10.42vw, 10.42vw);
	height: auto;
	aspect-ratio: 205 / 255;
	background: url(/wp-content/uploads/2025/11/contact-pineapple.png) center center no-repeat;
	background-size: contain;
}

.contact-page .contact-section {
	padding: 0 clamp(1rem, 11.98vw, 11.98vw);
	margin-bottom: clamp(60px, 6.25vw, 6.25vw);
}

.contact-page .top-section h1 {
	max-width: clamp(460px, 36.5vw, 36.5vw);
	margin-bottom: clamp(1.2rem, 1.56vw, 1.56vw);
}

.contact-page .contact-section .contact-wrapper {
	display: flex;
}

.contact-page .contact-section .contact-wrapper .form-container {
	flex: 2;
	padding-right: clamp(1rem, 4.17vw, 4.17vw);
}

.contact-page .contact-section .contact-wrapper .contact-informations {
	flex: 1;
	padding-left: clamp(1rem, 4.17vw, 4.17vw);
	border-left: clamp(2px, 0.1vw, 0.1vw) solid black;
	display: flex;
	flex-direction: column;
	row-gap: clamp(1rem, 1.56vw, 1.56vw);
}

.contact-page .contact-section .contact-wrapper .form-container,
.contact-page .contact-section .contact-wrapper .contact-informations {
	padding-top: clamp(1rem, 1.04vw, 1.04vw);
	padding-bottom: clamp(1rem, 1.04vw, 1.04vw);
}

.contact-page .contact-section .contact-wrapper .contact-informations .contact-inner-wrapper > .title {
	font-weight: 700;
	margin-bottom: clamp(4px, 0.26vw, 0.26vw);
}

.contact-page .contact-section .contact-wrapper .contact-informations .contact-inner-wrapper > .title,
.contact-page .contact-section .contact-wrapper .contact-informations .contact-inner-wrapper .contact-info * {
	font-size: clamp(1.2rem, 1.09vw, 1.09vw) !important;
}

.contact-page .contact-section .contact-wrapper .contact-informations .contact-inner-wrapper .social-wrapper {
	display: flex;
	gap: clamp(1rem, 1.25vw, 1.25vw);
}

.contact-page .contact-section .contact-wrapper .contact-informations .contact-inner-wrapper .social-wrapper .contact-info a {
	display: flex;
	height: clamp(1.2rem, 1.46vw, 1.46vw);
	width: auto;
}

.contact-page .contact-section .contact-wrapper .contact-informations .contact-inner-wrapper .social-wrapper .contact-info a img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.contact-page .map-section {
	padding: 0 clamp(1rem, 4.17vw, 4.17vw) clamp(80px, 6.51vw, 6.51vw);
}

.contact-page .map-section iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 1760 / 600;
	border: clamp(2px, 0.1vw, 0.1vw) solid black !important;
	border-radius: clamp(0.85rem, 0.78vw, 0.78vw);
}

/* ============================================================================================ */
/*                                         Media Queries                                        */
/* ============================================================================================ */
/* @media (max-width: 1640px) {
	.wedo-page .testimonial-section {
		grid-template-columns: repeat(3, 1fr);
	}
} */

@media (max-width: 1440px) {
	.contact-page .contact-section .contact-wrapper .contact-informations {
		border-left: none;
		border-top: clamp(2px, 0.1vw, 0.1vw) solid black;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-top: 2.6rem;
		padding-left: 0;
		padding-right: 0;
	}

	/*  */
	.wedo-page .testimonial-section {
		grid-template-columns: repeat(3, 1fr);
	}

	.wedo-page .testimonial-section .testimonial-holder .description {
		max-height: 9.81vw;
	}
}

@media (max-width: 1240px) {
	.contact-page .contact-section {
		padding-left: 4rem;
		padding-right: 4rem;
	}

	.contact-page .top-section {
		margin-left: 4rem;
		margin-right: 4rem;
	}

	/*  */
	.about-page .team-section .teams-holder {
		display: flex;
		flex-wrap: wrap;
		place-content: center;
	}

	.about-page .team-section .teams-holder .team-member {
		width: 26%;
	}
}

@media (max-width: 1040px) {
	.contact-page .contact-section .contact-wrapper {
		flex-direction: column;
	}

	.contact-page .contact-section .contact-wrapper .contact-informations {
		border-left: none;
		border-top: clamp(2px, 0.1vw, 0.1vw) solid black;
		row-gap: 2.4rem;
	}

	.contact-page .contact-section .contact-wrapper .contact-informations .contact-inner-wrapper {
		width: 50%;
	}

	.contact-page .contact-section .contact-wrapper .contact-informations .contact-inner-wrapper:nth-child(1) {
		order: 1;
	}

	.contact-page .contact-section .contact-wrapper .contact-informations .contact-inner-wrapper:nth-child(2) {
		order: 3;
	}

	.contact-page .contact-section .contact-wrapper .contact-informations .contact-inner-wrapper:nth-child(3) {
		order: 4;
	}

	.contact-page .contact-section .contact-wrapper .contact-informations .contact-inner-wrapper:nth-child(4) {
		order: 2;
	}
}

@media (max-width: 969px) {
	.homepage .stats-section {
		padding-left: 4rem;
		padding-right: 4rem;
	}

	/*  */
	.about-page .clientele-section .clientele-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.wedo-page .portfolio-section .portfolio-grid {
		padding: 0 3rem;
	}

	.marquee-section .marquee {
		transform: translate(0, 0%) !important;
	}

	.about-page .team-section .teams-holder .team-member {
		width: 32%;
	}

	/* Fun Page */
	.fun-page .fun-top-description-section .top-container {
		flex-direction: column;
	}

	.fun-page .custom-card-carousel-section .custom-card-carousel {
		width: 260px;
	}

	.fun-page .custom-card-carousel-section .carousel-controls {
		width: 220%;
	}

	/* Contact Us Page */
	.contact-page .map-section iframe {
		aspect-ratio: 1760 / 920;
	}

	/*  */
	.wedo-page .testimonial-section {
		grid-template-columns: repeat(2, 1fr);
	}

	.wedo-page .testimonial-section .testimonial-holder .description {
		max-height: 16.81vw;
	}
}

@media (max-width: 767px) {
	.about-page .story-section,
	.about-page .team-section,
	.contact-page .contact-section {
		padding-left: 1.2rem;
		padding-right: 1.2rem;
	}

	.contact-page .top-section {
		margin-left: 1.2rem;
		margin-right: 1.2rem;
	}

	.fun-page .fun-top-description-section,
	.fun-page .shorts-carousel-section {
		padding-left: 1.6rem;
		padding-right: 1.6rem;
	}

	/* Wedo Page */
	.wedo-page .portfolio-section .portfolio-grid {
		padding: 0 2rem;
	}

	/* Homepage */
	.homepage .hero-section .description-container {
		flex-direction: column;
	}

	.marquee-section .marquee .inner > span > span {
		font-size: 1.65rem;
	}

	.marquee-section .marquee .inner > span:after {
		width: 0.45rem;
	}

	.homepage .stats-section {
		flex-direction: column;
	}

	.homepage .stats-section > div:first-child .inner {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	.homepage .stats-section .mascot-holder {
		transform: translateX(-100%);
	}

	/* About Page */
	.about-page .story-section .title-holder h1,
	.about-page .team-section .title-holder h1,
	.about-page .clientele-section .title-holder h1 {
		font-size: 2.4rem !important;
	}

	/* Fun Page */
	.fun-page .custom-card-carousel-section .floating-decors .floating-decor:nth-child(1) {
		top: 5%;
		left: 15%;
	}

	.fun-page .custom-card-carousel-section .floating-decors .floating-decor:nth-child(2) {
		bottom: 10%;
		right: 10%;
	}

	.fun-page .custom-card-carousel-section .floating-decors .floating-decor:nth-child(3) {
		bottom: 10%;
		left: 10%;
	}

	/*  */
	.wedo-page .testimonial-section {
		grid-template-columns: repeat(1, 1fr);
	}

	.wedo-page .testimonial-section .testimonial-holder {
		aspect-ratio: unset !important;
	}

	.wedo-page .testimonial-section .testimonial-holder .description {
		max-height: unset !important;
	}

	.wedo-page .testimonial-section .testimonial-holder .inner {
		gap: 2rem;
	}
}

@media (max-width: 660px) {
	.wedo-page .portfolio-section .portfolio-grid {
		grid-template-columns: repeat(1, 1fr);
	}

	/*  */
	.about-page .team-section .teams-holder .team-member {
		width: 45%;
	}
}

@media (max-width: 565px) {
	.about-page .clientele-section .clientele-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.wedo-page .portfolio-section .portfolio-grid {
		padding: 0 1rem;
	}

	.homepage .hero-section .description-container .title-holder:before {
		width: 25%;
		min-width: unset;
		top: 0;
		bottom: unset;
		right: 0;
	}

	.homepage .services-section .services-holder .service-box > h3.title {
		font-size: 1.45rem !important;
	}

	.marquee-section .marquee:nth-child(1) {
		rotate: 7deg;
	}

	.marquee-section .marquee:nth-child(2) {
		rotate: -7deg;
	}

	.homepage .stats-section > div:first-child .inner {
		flex-direction: column-reverse;
		align-items: flex-start;
		gap: 1rem;
	}

	.homepage .stats-section .mascot-holder {
		align-self: flex-end;
	}

	/* Fun Page */
	.fun-page .custom-card-carousel-section {
		padding-bottom: 120px;
	}

	.fun-page .custom-card-carousel-section .carousel-controls {
		position: relative;
		margin-top: 4rem;
		width: 100%;
	}

	.fun-page .custom-card-carousel-section .floating-decors .floating-decor:nth-child(3) {
		bottom: 4%;
		left: 10%;
	}

	/* Contact Us Page */
	.contact-page .contact-section .contact-wrapper .contact-informations .contact-inner-wrapper {
		width: 100%;
	}

	.contact-page .map-section iframe {
		aspect-ratio: 1760 / 1460;
	}
}

/*  */
.about-page .clientele-tabs .first-line,
.about-page .clientele-tabs .second-line,
.about-page .clientele-tabs .third-line,
.about-page .clientele-tabs .fourth-line,
.wedo-page .portfolio-tabs .first-line,
.wedo-page .portfolio-tabs .second-line,
.wedo-page .portfolio-tabs .third-line,
.wedo-page .portfolio-tabs .fourth-line {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 0px;
	border-bottom: clamp(2px, 0.1vw, 0.1vw) solid black;
	margin: auto;
	opacity: 0;
}

@media (min-width: 680px) {
	.wedo-page .portfolio-tabs .first-line,
	.about-page .clientele-tabs .first-line {
		opacity: 1;
	}
}

@media (max-width: 1099px) {
	.about-page .clientele-tabs .first-line,
	.about-page .clientele-tabs .second-line {
		opacity: 1;
	}

	.about-page .clientele-tabs .first-line {
		top: 33%;
		bottom: unset;
		opacity: 1;
	}

	.about-page .clientele-tabs .second-line {
		top: 66%;
		bottom: unset;
		opacity: 1;
	}
}

@media (max-width: 928px) {
	.wedo-page .portfolio-tabs .first-line,
	.wedo-page .portfolio-tabs .second-line {
		opacity: 1;
	}

	.wedo-page .portfolio-tabs .first-line {
		top: 33%;
		bottom: unset;
		opacity: 1;
	}

	.wedo-page .portfolio-tabs .second-line {
		top: 66%;
		bottom: unset;
		opacity: 1;
	}
}

@media (max-width: 788px) {
	.about-page .clientele-tabs .first-line {
		top: 25%;
	}

	.about-page .clientele-tabs .second-line {
		top: 50%;
	}

	.about-page .clientele-tabs .third-line {
		top: 75%;
		bottom: unset;
		opacity: 1;
	}
}

@media (max-width: 502px) and (max-width: 679px) {
	.wedo-page .portfolio-tabs .first-line {
		top: 25%;
	}

	.wedo-page .portfolio-tabs .second-line {
		top: 50%;
	}

	.wedo-page .portfolio-tabs .third-line {
		top: 75%;
		bottom: unset;
		opacity: 1;
	}
}

@media (max-width: 565px) {
	.about-page .clientele-section .clientele-tabs-wrapper .clientele-tabs {
		padding: 0 1rem;
	}

	.homepage .stats-section {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.about-page .story-section .title-holder h1,
	.about-page .team-section .title-holder h1,
	.about-page .clientele-section .title-holder h1 {
		font-size: 1.8rem !important;
	}

	/* Contact Us Page */
	.contact-page .top-section {
		padding-right: 35%;
	}
}

@media (max-width: 480px) {
	.about-page .team-section .teams-holder .team-member {
		width: 70%;
	}

	/* Contact Us Page */
	.contact-page .top-section {
		padding-right: 20%;
	}
}