@media screen and (max-width: 1778px) {
	#main-home .header-scene-text .header-scene-text-inner span i b {
		transition-delay: 0.2s;
	}

	#main-home .header-scene-text .header-scene-text-inner span i + i b {
		transition-delay: 0.4s;
	}

	#main-home .header-scene-text .header-scene-text-inner span + i b {
		transition-delay: 0.6s;
	}

	#main-home .header-scene-text .header-scene-text-inner span + i + i b {
		transition-delay: 0.8s;
	}

	#main-home .header-scene-text .header-scene-text-inner span + i + i + i b {
		transition-delay: 1s;
	}

	#main-home .header-scene-text-inner h1 span {
		display: inline;
	}
}

@media screen and (max-width: 1685px) and (min-width: 1280px) {
	.project-scroll-img {
		flex: 1;
	}

	.project-scroll-info {
		flex: auto;
		max-width: 320px;
	}
}

@media screen and (max-width: 1620px) and (min-width: 1500px) {
	.team-number {
		font-size: 60px;
	}
}

@media screen and (max-width: 1500px) {
	.contact-pop-socials {
		max-width: 145px;
	}

	.contact-pop-close {
		width: 145px;
	}

	.work-countries {
		right: 32px;
	}

	.contact-pop-footer-middle {
		justify-content: center;
		gap: 10px 20px;
	}

	.contact-bordered {
		max-width: 850px;
	}

	.roadmap-cirle-index {
		display: none !important;
	}

	.reviews-platforms {
		gap: 20px;
	}

	.reviews-top h2 {
		max-width: 680px;
	}

	.clients-slide-item {
		max-width: 340px;
		padding: 30px;
	}

	.review-item {
		max-width: 340px;
	}

	.awards-inner .splinescene {
		max-width: 310px;
		top: 0;
		bottom: inherit;
		left: -60px;
	}

	.work-item-wrapper .post-header-video video {
		aspect-ratio: 435 / 277;
	}

	.work-item-wrapper .post-header-video {
		padding: 83px 83px 37px;
	}

	.post-header-title span + span {
		max-width: 220px;
	}

	.post-header-title {
		align-items: flex-start;
	}

	.work-country-group {
		transform: none;
		max-width: 335px;
		padding: 20px 20px 0;
	}

	.work-country-group-header {
		padding-left: 0;
		padding-bottom: 20px;
	}

	#main-team .header-scene-text-inner h1 {
		margin-bottom: 70px;
	}

	.team-member {
		max-width: 289px;
		transform: scale(0.65);
		transform-origin: top left;
	}

	.team-wrap {
		gap: 21px;
	}

	.team-text {
		font-size: 27px;
	}

	.team-text-info {
		margin-top: 0;
	}

	.team-member-name {
		transform: scale(1.6);
		transform-origin: left;
	}

	.team-member:has(video) {
		transform: none;
	}

	.team-member-video + .team-member-name {
		transform: none;
	}

	.offline-gallry-img {
		max-width: 340px;
	}

	.social-post {
		max-width: 290px;
		padding: 40px 20px 20px;
	}

	.social-post-link {
		flex-direction: column;
		gap: 20px;
	}

	.review-item-text-link {
		max-width: 100%;
		flex: 1;
	}

	.contact-popup-wrap {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.container.container--sm {
		max-width: 600px;
	}

	.review-link {
		font-size: 18px;
	}

	.review-link a {
		letter-spacing: -0.015em;
	}

	.review-link a:after,
	.review-link a:before {
		top: 5px;
	}

	.review-item {
		min-height: 510px;
	}

	.footer-visual-item.footer-socials {
		top: 120px;
	}

	.footer-visual-item {
		bottom: 80px;
	}

	.work-item-wrapper.work-coming-soon {
		font-size: 40px;
		padding: 65px 143px 65px;
	}
}

@media screen and (max-width: 1279px) {
	h1,
	.h1 {
		font-size: 38px;
		letter-spacing: 0;
	}

	.proud-widget div[data-animation-type="spline"] {
		margin-bottom: -30%;
	}

	.slick-slider:has(.process-item) {
		cursor: grab;
	}

	.slick-slider.clicking:has(.process-item) {
		cursor: grabbing;
	}

	.reviews-quote {
		max-width: 340px;
	}

	h2,
	.h2 {
		font-size: 60px;
	}

	h3,
	.h3 {
		font-size: 40px;
		line-height: 1.1em;
	}

	h4,
	.h4 {
		font-size: 30px;
	}

	h5,
	.h5 {
		font-size: 28px;
	}

	h6,
	.h6 {
		font-size: 24px;
	}

	button.slick-arrow {
		width: 50px;
		height: 50px;
		top: -75px;
	}

	button.slick-prev.slick-arrow {
		right: 65px;
	}

	#main-home .header-scene-text-inner {
		max-width: calc(50% - 10px);
		margin-right: 0;
	}

	#main-home .header-scene-text-inner h1 {
		font-size: 38px;
	}

	.header-scene-text {
		top: 20px;
	}

	.logo {
		display: none;
	}

	.header-inner nav {
		background: none;
		padding: 0;
		margin: 10px 0;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	.contactspline video {
		height: 100%;
		object-fit: cover;
		width: 100%;
		display: none;
	}

	.contactspline video + video {
		display: block;
	}

	header .menu {
		background: none;
	}

	header .menu li a.active,
	header .menu li:has(a.active) {
		width: auto;
	}

	.nav-panel {
		left: 20px;
		width: calc(100% - 40px);
		background: rgba(33, 33, 33, 0.7);
		border-radius: 40px;
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}

	.nav-panel .container {
		padding: 0;
	}

	.header-music button {
		background-color: transparent;
		margin-left: 15px;
	}

	header .menu li a {
		line-height: 0.9em;
	}

	.header-music:hover button + div {
		margin-left: 15px;
	}

	.header-contact button {
		width: 60px;
		background: url("img/hello.svg") 50% 50% no-repeat transparent !important;
		text-indent: -99999px;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}

	.header-contact {
		max-width: 60px;
		margin-right: 15px;
	}

	.header-contact button:after {
		right: -10px;
	}

	.clients-slide-item {
		font-size: 16px;
		max-width: 340px;
	}

	#works-full-list section:not(:last-child),
	main section:not(:last-child) {
		padding-bottom: 120px;
	}

	.why-us-text h4 {
		padding-top: 60px;
		max-width: 595px;
	}

	.work-list {
		flex-direction: column;
	}

	.work-item-wrapper {
		width: 100%;
	}

	.work-item-wrapper .post-header-video {
		/*	    max-height: 490px;*/
		padding: 100px 100px 45px 100px;
	}

	.post-header-title {
		font-size: 24px;
		display: inline-flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.post-header-title span + span {
		opacity: 1;
		text-align: center;
		max-width: 100%;
	}

	.contact-form .contact-form-form button span:after {
		display: none;
	}

	.work-list-small .work-item-wrapper:nth-child(3) > div {
		width: 100%;
	}

	.work-list-btn {
		margin-top: 60px;
	}

	.work-list-btn a {
		line-height: 1;
		font-size: 26px;
	}

	.contact-form button span:after,
	.work-list-btn a span:after {
		height: 26px;
		top: 3px;
	}

	.work-countries {
		right: 50%;
		transform: translateX(50%);
		top: calc(100% + 20px) !important;
		width: 100%;
	}

	.work-countries-inner {
		max-width: 100%;
		column-count: 1;
	}

	.work-countries-inner button:not(:first-child) {
		margin-top: 0;
	}
	/*	.work-countries-inner button.swiper-slide.swiper-slide-prev, .work-countries-inner button.swiper-slide.swiper-slide-next {
	    transform: scale(0.9);
	}

	.work-countries-inner button.swiper-slide:has(+button.swiper-slide.swiper-slide-prev), .work-countries-inner button.swiper-slide.swiper-slide-next + button {
	    transform: scale(0.7);
	}

	.work-countries-inner button.swiper-slide:has(+button+button.swiper-slide.swiper-slide-prev), .work-countries-inner button.swiper-slide.swiper-slide-next + button + button {
	    transform: scale(0.5);
	}

	.work-countries-inner button.swiper-slide-active {
	    transform: scale(1);
	}

	.work-countries-inner button {
	    transform: scale(0);
	}*/

	.work-countries-inner button {
		margin: 0 25px;
	}

	.reviews-top h2 button:not(.active) {
		font-size: 30px;
	}

	.reviews-top h2 {
		gap: 20px;
		min-height: 70px;
	}

	.reviews-top {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}

	.reviews-tabs button.slick-arrow {
		top: -75px;
	}

	.review-item {
		font-size: 16px;
		max-width: 340px;
		min-height: 490px;
	}

	.footer-contact-inner {
		padding: 145px 0;
	}

	.footer-visual-item.footer-socials {
		top: 90px;
		gap: 10px;
		right: 0;
		width: 100%;
		padding: 0 30px;
	}

	.header-music {
		margin-right: 0;
	}

	footer {
		z-index: 4;
	}

	.footer-social a {
		height: 50px;
		padding: 6px;
	}

	.footer-social:last-child {
		margin-left: auto;
	}

	.footer-visual-item.footer-message {
		left: 30px;
		/*	    bottom: 15px;*/
		opacity: 0.5;
		font-size: 16px;
	}

	body:has(.work-full-item.active) .nav-panel {
		width: calc(100% - 40px);
	}

	.footer-visual-item {
		right: 30px;
		bottom: 80px;
	}

	.footer-visual-item.footer-menu ul {
		gap: 40px;
	}

	.footer-social:last-child a {
		padding: 12px 20px;
		font-size: 21px;
	}

	.footer-visual-item.footer-menu ul li a {
		font-size: 16px;
	}

	.mob-logo {
		display: block;
		position: absolute;
		z-index: 9;
		top: 18px;
		left: 20px;
	}

	.works-country-list {
		bottom: 15px;
		transform: none;
		top: inherit !important;
		width: 100%;
		display: block;
		transition: all 0.5s ease;
	}

	.work-country-group {
		transform: translate(-50%, -50%);
		width: 100%;
		display: none;
		max-width: 480px;
		margin: 0 auto;
		left: 50%;
		top: 50%;
	}

	.work-country-group-header {
		padding-left: 0;
		padding-bottom: 20px;
	}

	.work-short-item {
		padding: 20px;
	}

	.contact-title {
		font-size: 30px;
	}

	.contact-messanger span:first-child {
		width: 120px;
		height: 120px;
	}

	.post-close-tab {
		display: block;
	}

	.contact-messangers {
		gap: 70px;
		margin: 20px 0;
	}

	.contact-messanger span:first-child:after {
		bottom: 8px;
		right: 8px;
	}

	.contact-sep {
		padding-bottom: 20px;
	}

	.contact-form button,
	.contact-form input[type="submit"] {
		font-size: 28px;
		padding: 13px 10px;
		width: 295px;
	}

	.wpcf7-form-control-wrap {
		margin-bottom: 10px;
	}

	.contact-form .flexed {
		gap: 0;
	}

	.contact-form .flexed:has(+ span) {
		flex-direction: column;
	}

	.contact-form .flexed .wpcf7-form-control-wrap {
		width: 100%;
	}

	.contact-form {
		max-width: 640px;
		margin-bottom: 20px;
	}

	.contact-pop-footer {
		flex-direction: column;
	}

	.contact-pop-socials {
		order: 2;
		margin-top: 38px;
	}

	.contact-pop-close {
		position: absolute;
		bottom: 80px;
		right: 20px;
	}

	.contact-pop-footer-middle {
		font-size: 18px;
		flex-direction: column;
		gap: 5px;
		margin-top: 20px;
	}

	.contact-pop-socials a {
		padding: 21px 7px;
	}

	.contact-form-btn {
		display: flex;
		justify-content: center;
	}

	.contact-form-form .wpcf7 {
		display: none;
	}

	.contact-form-hide-btn a {
		color: #7f7f7f;
		font-size: 24px;
		text-align: center;
	}

	.contact-form-hide-btn {
		text-align: center;
		padding: 20px 0 10px;
	}

	#main-team .header-scene-text-inner h1 {
		display: inline;
		font-size: 80px;
	}

	#main-team .header-scene-text-inner h1 br {
		display: block;
	}

	main:not(#main-home) .header-scene-text {
		top: 60px;
	}

	.header-scene-text-inner p {
		font-size: 24px;
		transform: none;
		margin-right: 0;
	}

	.team-member:nth-child(2) {
		order: initial;
	}

	.team-wrap {
		gap: 40px 75px;
	}

	.team-member {
		max-width: calc(50% - 38px);
		font-size: 24px;
		transform: scale(0.77);
		transform-origin: top left;
		height: 490px;
	}

	.team-member-name {
		transform: scale(1.3);
		font-size: 18px;
	}

	.team-text-info {
		margin-top: 0;
		flex: auto;
	}

	.team-text {
		font-size: 28px;
	}

	.team-number-item {
		aspect-ratio: 3 / 2;
	}

	.offline-gallry-img {
		max-width: 260px;
	}

	.social-post {
		max-width: 260px;
	}

	.social-post-link {
		flex-direction: column;
		gap: 20px;
	}

	.social-post-link-text {
		flex: auto;
		font-size: 16px;
		line-height: 1.3em;
	}

	.social-post-link a {
		padding-right: 15px;
	}

	.header-scene-text-inner h1 {
		font-size: 80px;
	}

	.clients-sm-row {
		margin-top: 40px;
	}

	.clients-sm-row-item img {
		max-height: 30px;
	}

	.clients-sm-row-item {
		max-width: 200px;
		padding: 20px 25px;
	}

	.award-table-cell {
		font-size: 16px;
	}

	.award-table-cell:empty {
		display: none;
	}

	/*	#main-process .header-scene {
	    padding-top: 150px;
	}*/

	.team-number {
		font-size: 60px;
	}

	.process-title {
		margin-bottom: 60px;
	}

	.process-list {
		flex-direction: column;
	}

	.process-item img {
		max-height: 160px;
		width: 100%;
		object-fit: cover;
		top: -35px;
		scale: 1.2;
	}

	main section.section-process_roadmap {
		padding-bottom: 0;
	}

	.process-item-text {
		font-size: 16px;
	}

	.process-list {
		margin-bottom: 200px;
	}

	.roadmap h2 {
		padding: 0 20px;
	}

	.roadmap-text {
		font-size: 28px;
		margin: 120px auto 0;
		padding: 0 20px;
	}

	.roadmap-circle-text {
		font-size: 16px;
	}

	.post-header-title h1.long-title,
	.post-header-title h1 {
		font-size: 80px;
	}

	.post-header-top {
		flex-direction: column;
		align-items: flex-start;
	}

	.post-header-meta-info {
		word-spacing: 20px;
		font-size: 16px;
	}

	.post-header-meta-info br {
		display: none;
	}

	.post-header-flag {
		margin-left: 0;
	}

	.post-header-meta {
		display: flex;
		gap: 20px;
		margin-top: 10px;
	}

	.post-header-inner {
		padding-top: 40px;
		padding-bottom: 20px;
	}

	.post-header-video {
		padding: 90px 50px 50px;
	}

	.proj-top-inner {
		flex-direction: column-reverse;
		gap: 40px;
	}

	.proj-top {
		padding-top: 20px;
		padding-bottom: 120px;
	}

	.proj-top-description-text {
		font-size: 19px;
	}

	.projsection-top-text p {
		font-size: 16px;
		max-width: 100%;
	}

	.projsection-top {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.projsection-content-row-item:first-child:last-child
		> div:not(:has(> video)) {
		padding-left: 40px;
		padding-right: 40px;
	}

	.projsection-content-row-item-img {
		padding-top: 60px;
		padding-left: 40px;
		padding-right: 40px;
	}

	.project-scroll-img {
		max-width: 55%;
	}

	.project-scroll-section {
		padding: 80px 20px 0;
		gap: 45px;
	}

	.project-scroll-text {
		font-size: 16px;
	}

	.projsection-content-row:has(
			.projsection-content-row-item-video
				+ .projsection-content-row-item-video
				+ .projsection-content-row-item-video
		)
		.projsection-content-row-item-img:has(video) {
		padding: 0;
	}

	.proj-review-inner .review-item-text {
		font-size: 16px;
	}

	.post-close-tab {
		display: flex;
		justify-content: flex-end;
		position: fixed;
		right: 0;
		z-index: 9;
	}

	.post-close-tab button {
		border: none;
		margin: 20px 20px 0 0;
		border-radius: 10px;
	}

	.single-post-menu-item {
		display: none !important;
	}

	a.work-old-item {
		padding: 15px 90px 35px 0;
		background-position: calc(100% - 10px) 50% !important;
		position: relative;
		background: url(img/eye-work.svg) -20px 50% / 24px no-repeat;
	}

	span.work-old-img {
		display: none;
	}

	span.work-old-meta {
		position: absolute;
		bottom: 10px;
		left: 45%;
		justify-content: flex-start;
	}

	h6.work-old-title {
		position: relative;
		top: 11px;
		text-transform: none;
		max-width: 50%;
		width: 100%;
	}

	.grid-test-inner spline-viewer {
		width: calc(50% - 10px);
	}

	.planet-header-text {
		font-size: 12px;
	}

	.planet-header-text {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%);
		padding: 0;
		z-index: 2;
	}

	.planet-header-text br {
		display: none;
	}

	.work-list,
	.work-list.work-list-full {
		gap: 40px;
	}

	.review-link {
		font-size: 15px;
	}

	.review-link + .review-link {
		margin-top: 0px;
	}

	.review-link a:before,
	.review-link a:after {
		top: 3px;
	}

	a.work-old-item:hover > h6 {
		padding: 0;
	}

	span.work-old-img-tags {
		color: rgba(255, 255, 255, 0.5);
	}

	span.work-old-meta {
		color: rgba(255, 255, 255, 0.5);
		text-transform: uppercase;
		max-width: 300px;
	}

	.header .post-header-video video {
		height: auto;
	}

	.post-header .post-header-video {
		padding: 20px 90px;
	}

	#works-full-list .post-header .post-header-video {
		padding: 40px 100px;
	}

	.projsection-content-row-item-img.projsection-content-row-item-img-padding-1
		video {
		max-width: 100%;
	}

	.gallery-beaf {
		height: auto;
	}

	input.beafchanger[type="range"]::-webkit-slider-thumb {
		background-position: 50% 50%;
	}

	/*	.work-countries-inner button {
		width: 50px !important;
	}*/

	.work-countries
		button.slick-slide:not(.slick-active)
		+ button.slick-slide.slick-active
		+ .slick-active
		+ button
		+ button
		+ button
		+ button
		+ button,
	.work-countries
		button.slick-slide:not(.slick-active)
		+ button.slick-slide.slick-active {
		transform: scale(0.5);
	}

	.work-countries
		button.slick-slide:not(.slick-active)
		+ button.slick-slide.slick-active
		+ .slick-active
		+ button
		+ button
		+ button
		+ button,
	.work-countries
		button.slick-slide:not(.slick-active)
		+ button.slick-slide.slick-active
		+ .slick-active {
		transform: scale(0.7);
	}

	.work-countries
		button.slick-slide:not(.slick-active)
		+ button.slick-slide.slick-active
		+ .slick-active
		+ button
		+ button
		+ button,
	.work-countries
		button.slick-slide:not(.slick-active)
		+ button.slick-slide.slick-active
		+ .slick-active
		.slick-active {
		transform: scale(0.9);
	}

	.work-countries .slick-track {
		gap: 60px;
	}

	/*	.work-countries-inner button img {
	    width: 100%;
	}*/

	.work-countries button.slick-slide:not(.slick-active) {
		transform: scale(0);
	}

	.work-countries
		button.slick-slide:not(.slick-active)
		+ button.slick-slide.slick-active:after,
	.work-countries
		button.slick-slide:not(.slick-active)
		+ button.slick-slide.slick-active
		+ .slick-active
		+ button
		+ button
		+ button
		+ button
		+ button:after {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: linear-gradient(90deg, black, transparent);
	}

	.work-countries
		button.slick-slide:not(.slick-active)
		+ button.slick-slide.slick-active
		+ .slick-active
		+ button
		+ button
		+ button
		+ button
		+ button:after {
		background: linear-gradient(-90deg, black, transparent);
	}

	.work-countries-inner button img {
		border: none;
	}

	.work-country-group-header img {
		width: 35px;
	}

	.work-country-group-header {
		font-size: 22px;
	}

	.roadmap-circle-link a {
		font-size: 24px;
	}

	.roadmap-cirle-index {
		display: none;
	}

	.roadmap-circle-info {
		max-width: 415px;
		width: 100%;
	}

	.roadmap-circle-nav {
		display: block;
	}

	.roadmap-circle-nav button {
		position: absolute;
		top: 50%;
		z-index: 7;
		left: calc(50% - 300px);
	}

	.roadmap-circle-nav button + button {
		left: calc(50% + 250px);
	}

	.ciclegraph {
		margin-top: 60px;
		width: 650px;
		height: 650px;
		transform-origin: 50% 50%;
	}

	circle-progress {
		height: 650px;
		width: 650px;
	}

	.roadmap-circle-spline-bg {
		display: none;
	}

	.roadmap-circle-wrap {
		background: url("img/circle-lg.webp") 50% 50% no-repeat;
		background-size: 100% 100%;
		max-width: 750px;
		max-height: 750px;
		margin: 0 auto;
		position: relative;
	}

	main section.section-process_roadmap .container {
		padding: 0;
	}

	#main-work .planet-spline spline-viewer {
		height: 50vh;
		margin-bottom: 130px;
	}

	#main-work .planet-wrapper-inner {
		padding-top: 100px;
		margin-bottom: 250px;
	}

	.header-scene-text-inner h1 sup {
		top: -10px;
	}

	.work-by-country {
		max-height: 30vh;
	}

	#main-work .planet-header {
		display: block;
	}

	#main-work .planet-header h2 {
		display: none;
	}

	.contact-inner {
		position: static;
		flex-direction: column;
		align-items: center;
	}

	.planet-spline canvas {
		height: 60vh !important;
	}

	.contact-bordered {
		padding: 20px;
	}

	.contact-form {
		margin-bottom: 0;
	}

	.contact-popup-wrap {
		height: 90vh;
		padding-bottom: 100px;
		padding-top: 40px;
	}

	.wpcf7-not-valid-tip {
		position: static;
	}

	.proj-serv-item {
		width: calc(25% - 15px);
	}

	.proj-top-services-list {
		max-width: 100%;
		align-items: stretch;
	}

	.range-bar {
		width: 3px;
	}

	.range-cirle {
		width: 50px;
		height: 50px;
		top: calc(50% - 25px);
		left: calc(50% - 25px);
	}

	.range-cirle svg {
		width: 8px;
	}

	.review-item-text-link {
		max-width: 100%;
		flex: 1;
	}

	.proj-review-inner .review-bio-role {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.review-bio-name {
		font-size: 16px;
	}

	.proj-review-item .review-star {
		font-size: 16px;
	}

	.review-bio-date {
		font-size: 16px;
	}

	.proj-review-item {
		flex-direction: column-reverse;
		gap: 40px;
		padding: 40px 20px;
	}

	.review-item-text-link {
		padding-left: 0;
		padding-top: 60px;
	}

	.proj-review-gradient {
		height: 40px;
	}

	#works-full-list .header-scene {
		overflow: hidden;
	}

	.work-item .post-header-title span + span {
		max-height: 100%;
	}

	.work-item .post-header-title span + span b {
		transform: none;
	}

	.work-list .post-header-meta-info {
		word-spacing: 0;
	}

	.header-contact button svg {
		display: none;
	}

	span.work-old-meta .post-header-meta-info img {
		order: 0;
		width: 20px;
		height: 20px;
	}

	main section.section-works {
		padding-bottom: 0;
	}

	#main-team .header-scene-text-inner {
		pointer-events: none;
	}

	.contact-form span + .flexed {
		gap: 10px;
	}

	.team-member-anim {
		margin-left: 90px;
	}

	.work-list-old {
		padding-bottom: 0;
	}

	.process-item {
		max-width: 600px;
		height: auto;
	}

	.process-list button.slick-arrow {
		top: calc(100% + 20px);
		right: calc(50% - 55px);
	}

	.process-list button.slick-prev.slick-arrow {
		right: calc(50% + 5px);
	}

	.container.container--sm {
		max-width: 100%;
	}

	.char-img {
		display: none;
	}

	.simple-page-inner {
		margin-top: 100px;
		font-size: 16px;
	}

	.contact-form button span {
		position: relative;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.roadmap-circle-link a.arrowed span:before,
	.roadmap-circle-link a.arrowed span:after {
		top: 9px;
	}

	a.work-old-item .post-header-meta-info span,
	a.work-old-item span.work-old-tags {
		opacity: 1;
	}

	header .menu li.tab {
		display: block;
		order: -1;
	}

	header .menu li.tab a {
		background: url("img/logo-sm.svg") 50% 50% no-repeat !important;
		width: 57px;
		text-indent: -999999px;
	}

	.awards-inner .splinescene {
		display: none;
	}

	.contact-form button[type="submit"] {
		background: #000;
		color: #fff;
	}

	.work-countries-inner > div {
		display: flex;
	}

	.work-countries-inner > div {
		max-width: 0%;
	}

	.work-item-wrapper.work-coming-soon {
		display: none;
	}

	.responsive-video {
		display: block;
	}

	.header-scene div[data-animation-type="spline"] {
		display: none;
	}

	.responsive-video {
		height: 100vh;
		text-align: center;
	}

	#main-home .header-scene .responsive-video video {
		object-fit: cover;
	}

	.responsive-video video {
		height: 100%;
		width: 100%;
		object-fit: contain;
	}

	.mob.proud-mob {
		display: block;
	}

	.proud-widget div[data-animation-type="spline"] {
		display: none;
	}

	.mob.proud-mob {
		display: block;
	}

	.section-why_us div[data-animation-type="spline"] {
		display: none;
	}

	.mob-why-item {
		background:
			url("img/glass.png") 50% 50% no-repeat,
			linear-gradient(135deg, rgba(39, 40, 40, 0.1), rgba(19, 19, 20, 0.1));
		background-size: 100% 100%;
		-webkit-backdrop-filter: blur(3px);
		backdrop-filter: blur(3px);
		padding: 7px 5px 7px 20px;
		max-width: 300px;
		gap: 8px;
		display: flex !important;
		width: 100%;
	}

	.mob-why-img {
		max-width: 95px;
	}

	.mob-why-number {
		font-size: 50px;
	}

	.mob-why-text {
		flex: 1;
		font-size: 13px;
	}

	.why-us-text p {
		display: none;
	}

	.why-us-mobile {
		margin-bottom: 60px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	}

	.why-us-text {
		display: flex;
		flex-direction: column;
	}

	.why-us-text h2 {
		order: -1;
		margin-bottom: 20px;
	}

	.why-us-mobile .slick-slide > div:not(:last-child) {
		margin-bottom: 10px;
	}

	.why-us-mobile .slick-track {
		gap: 10px;
	}

	.slick-arrow.slick-disabled {
		opacity: 0.5;
		pointer-events: none;
	}

	.proud-widget p {
		display: none;
	}

	.proud-mob-item {
		padding: 20px;
		text-align: -webkit-center;
		width: calc(50% - 5px);
		background:
			url("img/glass.png") 50% 50% no-repeat,
			linear-gradient(135deg, rgba(39, 40, 40, 0.1), rgba(19, 19, 20, 0.1));
		background-size: 100% 100%;
		-webkit-backdrop-filter: blur(3px);
		backdrop-filter: blur(3px);
	}

	.proud-mob-img {
		max-width: 110px;
	}

	.proud-mob-inner {
		gap: 10px;
	}

	.proud-mob-text {
		max-width: 130px;
		font-size: 13px;
		font-weight: 600;
		line-height: 1.1em;
		min-height: 28px;
	}

	.proud-mob {
		margin-top: 20px;
	}

	.footer-visual-spline {
		display: none;
	}

	.footer-visual-item {
		position: static;
	}

	.footer-visual-item.footer-socials {
		transform: none;
		margin: 0 auto;
		background: url("img/footer-logo.svg") 50% calc(100% - 40px) no-repeat;
		max-width: 290px;
		padding: 0 20px 120px;
	}

	.footer-visual-inner {
		background:
			url("img/glass.png") 50% 50% no-repeat,
			linear-gradient(135deg, rgba(39, 40, 40, 0.1), rgba(19, 19, 20, 0.1));
		background-size: 100% 100%;
		padding: 30px 20px;
		display: flex;
		flex-direction: column;
		-webkit-backdrop-filter: blur(3px);
		backdrop-filter: blur(3px);
	}

	.footer-visual-item.footer-socials {
		max-width: 100%;
		padding-bottom: 200px;
	}

	.footer-visual-item.footer-message {
		position: absolute;
		bottom: 20px;
	}

	.footer-visual-item.footer-menu {
		position: absolute;
		bottom: 20px;
	}

	.footer-visual-inner {
		margin-bottom: 80px;
	}

	.planet-spline .responsive-video {
		height: 60vh;
	}

	.planet-spline div[data-animation-type="spline"] {
		display: none;
	}

	.planet-spline .responsive-video video {
		object-fit: contain;
	}
}

@media screen and (max-width: 1100px) {
	.team-member-anim {
		margin-left: 70px;
	}

	.footer-visual-item.footer-socials {
		top: 80px;
	}

	.footer-visual-item {
		bottom: 70px;
	}
}

@media screen and (max-width: 970px) {
	.team-member-anim {
		margin-left: 0px;
	}

	.footer-visual-item {
		bottom: 50px;
	}
}

@media screen and (max-width: 766px) {
	h1,
	.h1 {
		font-size: 34px;
	}

	h2,
	.h2 {
		font-size: 44px;
	}

	h3,
	.h3 {
		font-size: 32px;
	}

	h4,
	.h4 {
		font-size: 22px;
	}

	h5,
	.h5 {
		font-size: 22px;
	}

	h6,
	.h6 {
		font-size: 18px;
	}

	header .menu li.tab {
		display: none;
	}

	#main-home .header-scene-text-inner h1 {
		font-size: 34px;
	}

	#main-home .header-scene-text {
		top: 100px;
	}

	#main-home .header-scene-text-inner {
		margin-left: 0;
	}

	.header-scene-text-inner h1 {
		margin-top: 60px;
	}

	button.slick-arrow {
		top: calc(100% + 20px);
		right: calc(50% - 55px);
	}

	button.slick-prev.slick-arrow {
		right: calc(50% + 5px);
	}

	main section:not(:last-child) {
		padding-bottom: 80px;
	}

	#works-full-list section,
	#works-full-list section:not(:last-child) {
		padding-bottom: 60px;
	}

	section.proj-review h2 {
		font-size: 32px;
	}

	main section.section-works {
		padding-bottom: 0;
	}

	section.section.section-clients {
		padding-bottom: 120px;
	}

	.projsection-content-row-item-img video {
		height: auto;
	}

	.post-header-media-list {
		height: 380px !important;
	}

	.post-header-logo {
		height: 30px;
		display: block;
		margin: 0 auto;
		position: relative;
		order: 0;
		top: 0;
		right: 0;
	}

	.post-header-title {
		width: 100%;
		position: relative;
		order: 1;
		align-items: center;
		left: 0;
		top: 0;
		margin: 15px 0;
		font-size: 18px;
	}

	.post-header-media {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 15px 20px 40px;
		position: relative;
	}

	.post-header-screen {
		border-radius: 14px;
		width: 80%;
		overflow: hidden;
		position: absolute;
		top: auto;
		bottom: 30px !important;
		left: 50%;
		transform: translateX(-50%);
		box-shadow: 10px 10px 35px 0 rgba(0, 0, 0, 0.2);
		height: 200px !important;
	}


	.work-item-wrapper .post-header-video {
		order: 2;
		padding: 0;
	}

	.post-header-flag {
		max-width: 24px !important;
	}
	.work-list-btn {
		margin-top: 40px;
	}

	section.section.section-works_sm {
		padding-bottom: 60px;
	}

	.work-countries-inner button {
		flex-shrink: 0;
	}

	.work-countries-inner button {
		width: 42px !important;
	}

	section.section.section-planet {
		margin-bottom: 120px;
	}

	.reviews-tabs button.slick-arrow {
		top: calc(100% + 20px);
	}

	section.section.section-reviews {
		padding-bottom: 130px;
	}

	.work-countries .slick-track {
		gap: 30px;
	}

	.footer-visual-item.footer-message {
		left: 0;
		width: 100%;
		text-align: center;
		bottom: 5px;
	}

	.footer-visual-item {
		right: 0;
		width: 100%;
		bottom: 35px;
	}

	.footer-visual-item.footer-menu ul {
		gap: 20px;
		justify-content: center;
	}

	footer {
		padding-bottom: 50px;
	}

	.footer-social:last-child {
		margin: 0 auto;
		width: 100%;
	}

	.footer-social:last-child a {
		text-align: center;
		display: block;
	}

	.footer-visual-item.footer-socials {
		justify-content: center;
		gap: 20px;
		max-width: 310px;
		right: 50%;
		/*	    transform: translateX(50%);*/
	}

	.footer-contact-inner {
		padding: 80px 0 60px;
		max-width: 216px;
		margin: 0 auto;
	}

	.footer-contact-inner h2 {
		line-height: 1.5;
	}

	.footer-contact-inner h6 {
		margin-bottom: 10px;
	}
	/* Coockies */
	.mmt-cookie-banner {
		position: fixed;
		bottom: 120px;
		border-radius: 25px;
		border: 1px solid rgba(255, 255, 255, 0.24);
		width: calc(100vw - 60px);
		max-width: 370px;
		margin: 0 auto;
		z-index: 4;
		text-align: center;
		padding: 20px;
		display: none;
		opacity: 0;
		color: rgba(255, 255, 255, 0.5);
		background: rgba(33, 33, 33, 0.7);
		backdrop-filter: blur(10px);
		pointer-events: none;
		transform: translateY(20px);

		transition:
			opacity 0.35s ease,
			transform 0.35s ease;
	}

	.mmt-cookie-banner.is-active {
		display: block !important;
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
	}

	.mmt-cookie-banner.is-hiding {
		opacity: 0;
		transform: translateY(20px);
		pointer-events: none;
	}

	.mmt-cookie-banner button {
		background: none;
		color: rgba(255, 255, 255, 0.5);
		border: 1px solid rgba(255, 255, 255, 0.5);
		border-radius: 30px;
		padding: 15px 25px;
		font-size: 16px;
		margin: 0 10px;
		transition: all 0.3s ease;
	}
	.mmt-cookie-banner button:hover {
		background: rgba(255, 255, 255, 0.5);
		color: #fff;
	}

	.mmt-cookie-banner > div {
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 1.3;
	}

	.work-by-country {
		max-height: 190px;
	}

	.work-country-group {
		padding: 20px 20px 0;
	}

	.contact-messanger span:first-child {
		width: 80px;
		height: 80px;
	}

	.contact-messanger span:first-child img {
		max-width: 40px;
	}

	.contact-messangers {
		gap: 18px;
	}

	.contact-messanger span:first-child:after {
		bottom: 2px;
		right: 2px;
	}

	.contact-form button,
	.contact-form input[type="submit"] {
		width: 100%;
	}

	.contact-form span + .flexed {
		flex-direction: column-reverse;
	}

	span.wpcf7-form-control-wrap.recaptcha div {
		margin: 0 auto 10px;
	}

	.mobile-menu-toggle {
		display: block;
		margin: 0 auto;
		position: relative;
		z-index: 3;
	}

	.mobile-menu-toggle button {
		position: relative;
		text-indent: -9999999px;
		background: rgba(0, 0, 0, 0.6);
		border: none;
		border-radius: 60px;
		width: 90px;
		height: 50px;
	}

	.header-menu-wrap {
		position: absolute;
		bottom: calc(100% - 55px);
		width: 100%;
		left: 0;
		background: rgba(33, 33, 33, 0.7);
		border-radius: 30px;
		-webkit-backdrop-filter: blur(20px);
		backdrop-filter: blur(20px);
		padding: 80px 0 85px;
		opacity: 0;
		transform: translateY(100px);
		transition: 0.3s;
		visibility: hidden;
	}

	.header-inner nav {
		width: 100%;
		position: absolute;
		backdrop-filter: none;
	}

	.header-inner {
		position: relative;
	}

	header .menu {
		flex-direction: column;
		border-radius: 0;
		background: none;
		position: relative;
	}

	.nav-panel {
		backdrop-filter: none;
		border-radius: 30px;
	}

	.header-music {
		position: relative;
		z-index: 3;
		-webkit-user-select: none;
		-webkit-touch-callout: none;
	}

	.nav-panel:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		-webkit-backdrop-filter: blur(20px);
		backdrop-filter: blur(20px);

		z-index: -1;
		border-radius: 30px;
		overflow: hidden;
		transition: 0.3s;
	}

	header .menu li a {
		padding: 0;
		font-size: 40px;
		line-height: 1.1;
		display: block;
	}

	header .mobile-menu-logo {
		position: absolute;
		width: 100%;
		top: 21px;
		display: block;
		display: flex;
		justify-content: center;
	}

	header .mobile-menu-logo img {
		height: 28px;
	}

	.mobile-menu-toggle button:after,
	.mobile-menu-toggle button:before {
		content: "";
		height: 1px;
		width: 32px;
		background: #fff;
		position: absolute;
		left: calc(50% - 16px);
		top: 22px;
	}

	.mobile-menu-toggle button:after {
		top: 28px;
	}

	.nav-panel.active {
		border-radius: 30px;
	}

	.nav-panel.active:before {
		border-radius: 0 0 30px 30px;
		opacity: 0;
		display: none;
	}

	.nav-panel.active .header-menu-wrap {
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
	}

	.nav-panel.active .mobile-menu-toggle button:after,
	.nav-panel.active .mobile-menu-toggle button:before {
		transform: rotate(45deg);
		top: 25px;
	}

	.nav-panel.active .mobile-menu-toggle button:after {
		transform: rotate(-45deg);
	}

	#main-team .header-scene-text-inner h1 {
		font-size: 50px;
	}

	#main-team .header-scene div[data-animation-type="spline"] {
		/*	    padding-top: 180px;*/
	}

	.header-scene-text-inner p {
		font-size: 16px;
		margin-left: 0;
		margin-top: 20px;
	}

	.team-wrap {
		flex-direction: column;
		align-items: center;
	}

	.team-member {
		max-width: 100%;
		font-size: 18px;
		transform: scale(0.7);
		transform-origin: left top;
		height: 400px;
		max-width: 320px;
	}

	.team-member div[data-animation-type="spline"] {
		max-width: 480px;
		margin: 0 auto;
	}

	.team-text {
		font-size: 16px;
	}

	.team-number {
		font-size: 44px;
	}

	section.section.section-social_activity,
	section.section.section-life_imgs {
		padding-bottom: 130px;
	}

	.clients-sm-list {
		padding-top: 40px;
	}

	.header-scene-text-inner h1 {
		margin: 0;
		font-size: 50px;
	}

	.award-table-row.award-table-row-title {
		display: none;
	}

	.award-table-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
		position: relative;
	}

	.award-table-cell:last-child {
		position: absolute;
		right: 10px;
		width: 100%;
		max-width: 90px;
	}

	.award-link img {
		max-width: 100%;
	}

	.award-link a:before,
	.award-link a:after {
		display: none;
	}

	.award-link a {
		padding: 0;
	}

	.award-table-cell {
		max-width: calc(100% - 100px);
		width: 100%;
		padding: 0;
	}

	.mob {
		display: block;
	}

	.award-table-cell.mob a.arrowed {
		padding-right: 11px;
	}

	.post-header-title h1.long-title,
	.post-header-title h1 {
		font-size: 50px;
	}

	.single-post .post-header-title {
		align-items: flex-start;
		order: initial;
		width: 100%;
		margin: 0;
	}

	.single-post .post-header-top {
	}

	#works-full-list .post-header .post-header-video,
	.single-post .post-header-video {
		padding: 20px 10px 0;
	}

	.proj-top-description-text {
		font-size: 16px;
	}

	.proj-top {
		padding-bottom: 60px;
	}

	.projsection-content-row {
		flex-direction: column;
	}

	.project-scroll-info {
		flex: auto;
	}

	.project-scroll-info-inner {
		top: 0;
		padding-bottom: 0;
	}

	.project-scroll-img {
		max-width: 100%;
	}

	.proj-review-inner .review-item-text {
		font-size: 18px;
	}

	.proj-review-inner {
		margin-bottom: 20px;
	}

	a.work-old-item {
		padding: 15px 90px 35px 0;
		background-position: calc(100% - 10px) 50% !important;
		position: relative;
	}

	span.work-old-img {
		display: none;
	}

	span.work-old-meta {
		position: absolute;
		bottom: 10px;
		left: calc(100% - 445px);
	}

	h6.work-old-title {
		position: relative;
		top: 11px;
		text-transform: none;
	}

	span.work-old-meta {
		position: static;
		margin-top: 5px;
	}

	h6.work-old-title {
		top: 0;
		margin-bottom: 10px;
	}

	a.work-old-item {
		padding: 15px 25px 15px 0;
		flex-direction: column;
		align-items: flex-start;
		background-color: #000;
	}

	.work-list .work-item-place .post-header-meta-info {
		display: none;
	}

	.work-item-services .proj-serv-item {
		font-size: 12px;
	}

	.reviews-top h2 button:not(.active) {
		font-size: 22px;
	}

	.reviews-top h2 {
		gap: 14px;
		min-height: 52px;
	}

	.reviews-top h2 button + button.active:before {
		font-size: 20px;
		left: -20px;
	}

	.reviews-platform {
		max-width: 135px;
		font-size: 9px;
	}

	circle-progress {
		display: none;
	}

	.ciclegraph {
		width: auto;
		transform: none;
		height: auto;
		margin-bottom: 20px;
	}

	.ciclegraph .circle {
		transform: none !important;
		position: static;
		margin: 0;
		font-size: 16px;
		padding: 4px;
		width: 30px;
		height: 30px;
	}

	.roadmap-circle-wrap {
		max-width: 100%;
		padding-top: 0;
		background: none;
	}

	.roadmap-circle-info {
		top: 0;
		position: relative;
		/* margin: 0 auto; */
		transform: translateX(-50%);
		background: url(img/circle-lg.webp) 50% 50% no-repeat;
		background-size: 100% 100%;
		padding: 80px 0 80px;
		width: 450px;
		height: 450px;
		max-width: 450px;
		left: 50%;
	}

	.roadmap-circle-item div[data-animation-type="spline"] canvas {
		max-width: 48px;
		height: 48px;
		margin-bottom: 20px;
	}

	.roadmap-circle-nav button + button {
		left: calc(50% + 10px);
	}

	.roadmap-circle-nav button {
		left: calc(50% - 50px);
	}

	.roadmap-text {
		margin-top: 155px;
	}

	.roadmap-circle-item {
		max-width: 275px;
		margin: 0 auto;
	}

	.roadmap-circle-link {
		margin-top: 20px;
	}

	.roadmap-circle-link a {
		font-size: 18px;
		padding: 10px 42px 10px 20px;
	}

	.roadmap-circle-link a.arrowed:after,
	.roadmap-circle-link a.arrowed:before {
		top: 15px;
	}

	.ciclegraph .circle {
		transition: 0.3s;
	}

	.ciclegraph .circle:has(~ .circle.active),
	.ciclegraph .circle.active {
		background: #fff;
		color: #0d0d0d;

		background: #080709;
		color: #404040;
	}

	.ciclegraph .circle.slick-center {
		background: #fff;
		color: #0d0d0d;
		transform: scale(1.25) !important;
	}

	.ciclegraph:before,
	.ciclegraph:after {
		content: "";
		position: absolute;
		left: -20px;
		height: 100%;
		top: 0;
		width: 50px;
		background: linear-gradient(90deg, #000, transparent);
		z-index: 3;
	}

	.ciclegraph:after {
		left: inherit;
		right: -20px;
		background: linear-gradient(-90deg, #000, transparent);
	}

	header .menu li a.active,
	header .menu li:has(a.active) {
		width: 100%;
	}

	footer {
		padding-bottom: 120px;
	}

	.footer-social:last-child {
		margin-top: 25px;
	}

	.footer-social:first-child {
		margin-left: 30px;
	}

	.footer-social:nth-child(4) {
		margin-right: 30px;
	}

	.footer-visual-item.footer-message {
		order: 2;
		margin-top: 10px;
	}

	.projsection-content-row-item-img {
		padding-right: 20px;
		padding-left: 20px;
	}

	body:has(#main-home.active) header .menu li:after {
		display: none;
	}

	.contactspline {
		display: none;
	}

	div#contactpop {
		background: url("img/mobile-contact.webp") 50% 50% no-repeat;
		background-size: cover;
	}

	div#contactpop > .contact-pop-close {
		bottom: 50px;
		position: fixed;
		z-index: 8;
		right: 35px;
		display: none;
	}

	.contact-popup-wrap {
		transform: none;
		left: 0;
		top: 20px;
		width: 100%;
	}

	.contact-title {
		font-size: 24px;
	}

	.contact-messanger span {
		font-size: 14px;
	}

	.contact-messanger {
	}

	.contact-messanger span:first-child {
		margin: 0 auto 10px;
	}

	.contact-sep {
		text-transform: lowercase;
	}

	.contact-form button span:after {
		display: none;
	}

	.contact-form button,
	.contact-form input[type="submit"] {
		background: #ffffffbd;
		color: #000;
		border: 1px solid #000;
		backdrop-filter: blur(10px);
		font-size: 24px;
		padding: 15px;
		-webkit-appearance: none;
		appearance: none;
		font-weight: 400;
	}

	.contact-form input[type="submit"] span {
		font-weight: 400;
	}

	.contact-form button:after {
		display: none;
	}

	.contact-bordered {
		margin-bottom: 10px;
	}

	.contact-pop-close button span {
		background: #000;
		transform: rotate(90deg);
	}

	.contact-pop-close button span:before,
	.contact-pop-close button span:after {
		background: #fff;
	}

	.contact-pop-close button {
		text-indent: -9999999px;
	}

	.contact-form input,
	.contact-form textarea {
		font-size: 16px;
	}

	span.wpcf7-form-control-wrap textarea {
		height: 65px;
		padding: 10px 20px;
	}

	.why-us-text div[data-animation-type="spline"],
	.proud-widget div[data-animation-type="spline"] {
		display: none;
	}

	#main-home .header-scene canvas {
		height: 100vh !important;
	}

	.header-scene canvas {
		height: 420px !important;
	}

	#main-work .planet-wrapper {
		padding-bottom: 100px;
	}

	#main-team .header-scene div[data-animation-type="spline"] canvas {
		height: 740px !important;
		margin-bottom: -170px;
		padding-top: 60px;
	}

	.team-member canvas {
		margin-bottom: -40px;
		display: block;
	}

	.team-member-name {
		width: 100%;
		transform: scale(1.5) translateY(10px);
	}

	.team-text-info {
		margin-top: 60px;
	}

	.proj-footer-copy {
		height: 100%;
	}

	.proj-serv-item {
		width: calc(50% - 10px);
	}

	.range-cirle {
		width: 38px;
		height: 38px;
		top: calc(50% - 19px);
		left: calc(50% - 19px);
	}

	.range-cirle svg {
		width: 5px;
	}

	.projsection-content-row-item-img.projsection-content-row-item-img-padding-1,
	.gallery-beaf-before-wrap {
		padding: 40px 20px !important;
	}

	.projsection-content-row-item-img {
		padding-top: 40px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.projsection-top:has(h3:empty) {
		display: none;
	}

	#works-full-list .header-scene {
		overflow: hidden;
	}

	.footer-contact-inner h2 {
		display: block;
	}

	#main-home .header-scene-text-inner {
		max-width: 100%;
	}

	.header-music-hover {
		background: none;
	}

	.header-music:hover button + div {
		display: none;
	}

	.header-music:hover button {
		display: block;
	}

	.clients-slide-item,
	.review-item,
	.reviews-quote,
	.reviews-quote {
		max-width: 306px;
		-webkit-backdrop-filter: blur(3px);
		backdrop-filter: blur(3px);
	}

	.process-list {
		margin-bottom: 80px;
	}

	.process-item {
		margin-bottom: 20px;
		max-width: 100%;
	}

	#main-work .planet-wrapper-inner {
		margin-bottom: 40px;
	}

	.team-number-item {
		aspect-ratio: 1 / 1;
		min-height: auto;
		-webkit-backdrop-filter: blur(3px);
		backdrop-filter: blur(3px);
	}

	.social-post {
		-webkit-backdrop-filter: blur(3px);
		backdrop-filter: blur(3px);
	}

	#main-team .header-scene-text-inner {
		transform: translateY(0%);
	}

	#main-team .header-scene-text-inner h1 span {
		transform: translateY(100%);
		display: block;
		opacity: 0;
		transition: all 0.4s ease-out 2.5s;
	}

	#main-team .header-scene-text-inner h1 span + span {
		transition-delay: 3s;
	}

	#main-team .header-scene-text-inner h1 span + span + span {
		transition-delay: 3.5s;
	}

	.ready #main-team .header-scene-text-inner h1 span {
		transform: translateY(0);
		opacity: 1;
	}

	#main-team .header-scene-text-inner h1 span + span {
		padding: 0;
	}

	body:has(.work-full-item.active) .nav-panel {
		width: calc(100% - 40px);
	}

	.home .planet-spline canvas {
		height: 420px !important;
	}

	.menu-hover {
		display: none;
	}

	.simple-page-inner {
		margin-top: 55px;
	}

	.simple-page-wrap {
		padding-top: 20px;
	}

	.projsection:has(.project-scroll-section)
		+ .projsection
		.projsection-top:has(h3:empty) {
		display: block;
	}

	.single-post .planet-spline {
		background-size: contain;
	}

	.work-item .post-header-title span + span {
		max-height: 100%;
		display: inline;
		background: none;
		padding: 0;
		margin-top: -1px;
	}

	.work-item .post-header-title span + span b {
		transform: none;
		display: inline;
		padding: 5px 10px;
		line-height: 31px;
		background: #000;
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
		border-radius: 5px;
	}

	.single-post .post-header-title {
		align-items: center;
		margin: 15px 0 0 0;
		justify-content: center;
	}

	.review-link {
		font-size: 14px;
	}

	.review-item {
		min-height: 502px;
	}

	#main-home .header-scene canvas {
		position: absolute;
	}

	.work-short-right {
		width: 70px;
	}

	html:has(.nav-panel.active) {
		overflow: hidden;
	}

	.works-country-list {
		bottom: 25px;
	}

	.process {
		padding: 0 20px;
	}

	#main-home .header-scene:after {
		content: "";
		position: absolute;
		width: 100%;
		height: 200px;
		background: linear-gradient(0deg, black, transparent);
		bottom: -20px;
	}

	.work-by-country:has(> div:nth-child(2)) {
		max-height: 230px;
	}

	.nav-panel {
		bottom: 20px;
	}

	.team-member:has(video) {
		height: auto;
	}

	.team-member-video + .team-member-name {
		margin-top: 30px;
	}

	.team-wrap:has(video) .team-text-info {
		margin: 0;
	}

	.footer-visual-inner {
		margin-bottom: 0;
	}

	.footer-visual-item.footer-socials {
		padding-bottom: 120px;
	}

	.footer-visual-item.footer-message {
		position: static;
	}

	.footer-visual-item.footer-menu {
		position: static;
	}

	.responsive-video {
		height: 420px;
	}

	#main-home .responsive-video {
		height: 100vh;
	}

	#main-home .planet-spline .responsive-video {
		height: 420px;
	}

	#main-home .planet-spline div[data-animation-type="spline"] {
		display: none;
	}

	#main-team .header-scene .responsive-video {
		height: 740px !important;
		padding-top: 60px;
		margin-bottom: -60px;
	}

	.preloader-wrap {
		justify-content: center;
	}
}

@media screen and (max-width: 438px) {
	.proj-review-inner .review-link a {
		font-size: 14px;
		line-height: 20px;
	}

	#main-home .planet-spline canvas {
		height: 400px !important;
	}

	.gallery-beaf img {
		height: 230px;
	}

	.header-scene-text-inner i {
		margin-right: 0;
	}

	.mmt-cookie-banner button {
		background: none;
		color: rgba(255, 255, 255, 0.5);
		border: 1px solid rgba(255, 255, 255, 0.5);
		border-radius: 30px;
		padding: 12px 20px;
		font-size: 16px;
		margin: 0 10px;
		transition: all 0.3s ease;
	}
	.mmt-cookie-banner button:hover {
		background: rgba(255, 255, 255, 0.5);
		color: #fff;
	}
}

/* Disable hover effects on touch devices (no mouse/trackpad) */
@media (hover: none) {
	*:hover {
		transition: none !important;
	}

	/* Remove tap highlight on mobile */
	* {
		-webkit-tap-highlight-color: transparent;
	}
}