.logos {
display: flex;
overflow: hidden;
background: white;
white-space: nowrap;
padding: 30px 0;
position: relative;
}
.logos-slide {
display: flex;
flex-direction: row !important;
flex-shrink: 0;
min-width: fit-content;
animation: slide 15s linear infinite reverse;
}
.logos-slide img {
height: 40px !important;
}
.logos-slide .wp-block-image {
width: fit-content;
}
@keyframes slide {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.logos:hover .logos-slide {
animation-play-state: paused;
}
.logos-slide img {
height: 35px;
margin: 0 40px;
display: block;
filter: invert(1);
}.get-in-touch {
font-size: 4rem;
font-size: clamp(4rem, 2.8rem + 6vw, 10rem);
}
.animated-text-action-wrap {
overflow: hidden;
white-space: nowrap;
position: relative;
width: 100%;
display: block !important;
max-width: 460px;
margin-top: 40px;
transition: all ease-in 0.2s;
}
.animated-text-action-wrap:hover {
background-color: oxycolor(16);
}
.animated-text-action-wrap:hover div {
color: white !important;
}
.animated-text-action {
display: inline-block !important;
white-space: nowrap;
animation: scrollText 15s linear infinite;
padding-right: 2em; }
@keyframes scrollText {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  ; }
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  ; }
.absolute {
position: absolute; }
.relative {
position: relative; }
.left-0 {
left: 0; }
.top-0 {
top: 0; }
.z-10 {
z-index: 10; }
.z-50 {
z-index: 50; }
.\!m-0 {
margin: 0 !important; }
.m-0 {
margin: 0; }
.\!mx-auto {
margin-left: auto !important;
margin-right: auto !important; }
.my-giga {
margin-top: clamp(25.92px, 22.35vi + -108.16px, 160px);
margin-bottom: clamp(25.92px, 22.35vi + -108.16px, 160px); }
.my-lg {
margin-top: clamp(21.60px, 9.73vi + -36.80px, 80px);
margin-bottom: clamp(21.60px, 9.73vi + -36.80px, 80px); }
.\!-mt-mega {
margin-top: calc(clamp(31.10px, 48.15vi + -257.80px, 320px) * -1) !important; }
.\!mt-0 {
margin-top: 0 !important; }
.mt-lg {
margin-top: clamp(21.60px, 9.73vi + -36.80px, 80px); }
.\!block {
display: block !important; }
.block {
display: block; }
.\!inline-block {
display: inline-block !important; }
.flex {
display: flex; }
.inline-flex {
display: inline-flex; }
.grid {
display: grid; }
.\!hidden {
display: none !important; }
.\!aspect-video {
aspect-ratio: 16 / 9 !important; }
.size-full {
width: 100%;
height: 100%; }
.h-\[2px\] {
height: 2px; }
.h-\[50px\] {
height: 50px; }
.h-\[80vh\] {
height: 80vh; }
.h-\[85vh\] {
height: 85vh; }
.h-fit {
height: fit-content; }
.h-full {
height: 100%; }
.\!w-fit {
width: fit-content !important; }
.\!w-full {
width: 100% !important; }
.w-\[50px\] {
width: 50px; }
.w-\[90\%\] {
width: 90%; }
.w-full {
width: 100%; }
.columns-1 {
columns: 1; }
.columns-2 {
columns: 2; }
.items-center {
align-items: center; }
.justify-center {
justify-content: center; }
.gap-lg {
gap: clamp(21.60px, 9.73vi + -36.80px, 80px); }
.gap-sm {
gap: clamp(12.50px, -0.42vi + 15px, 10px); }
.overflow-hidden {
overflow: hidden; }
.\!text-nowrap {
text-wrap: nowrap !important; }
.rounded-full {
border-radius: 9999px; }
.bg-action-200 {
--tw-bg-opacity: 1;
background-color: rgb(187 218 255 / var(--tw-bg-opacity, 1)); }
.bg-grey-800 {
--tw-bg-opacity: 1;
background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1)); }
.\!p-0 {
padding: 0 !important; }
.leading-none {
line-height: 1; }
.no-underline {
text-decoration-line: none; }
* {
box-sizing: border-box; }
html {
scroll-behavior: smooth;
-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
.alignwide {
width: 90%; }
section {
padding-top: clamp(25.92px, 22.35vi + -108.16px, 160px);
padding-bottom: clamp(25.92px, 22.35vi + -108.16px, 160px); }
@media (max-width: 600px) {
section > *:not(.alignfull) {
width: 90%;
margin-left: auto;
margin-right: auto; }
section .alignfull.is-layout-constrained {
width: 90%;
margin-left: auto;
margin-right: auto; } }
.h2-title {
font-family: "FK Screamer";
font-size: clamp(33.18px, 7.16vi + 10.27px, 96.19px);
text-transform: uppercase;
letter-spacing: 0.2rem; }
.wp-block-image {
position: relative; }
.wp-block-image .wp-element-caption {
position: absolute;
bottom: 0;
left: 0;
margin: 0;
width: fit-content;
padding: 4px;
font-size: 14px;
background-color: rgba(0, 0, 0, 0.7);
color: white; }
.home header {
position: absolute;
top: 0;
z-index: 50;
width: 100%; }
.is-style-rounded img {
border-radius: 16px !important; }
.projects-loop .post-loop-content,
.projects-loop .post-archive-loop-content {
transition: all ease-in-out 1s;
border-radius: 16px; }
.projects-loop .post-loop-content:hover,
.projects-loop .post-archive-loop-content:hover {
background-color: rgba(255, 255, 255, 0.5) !important; }
@media (min-width: 960px) {
.projects-loop li:nth-child(even) .post-loop-content {
flex-direction: row-reverse; } }
.post-type-archive-project .wp-block-post-featured-image img {
aspect-ratio: 4/3; }
.is-menu-open a.wp-block-navigation-item__content {
font-size: 2rem; }
.hover\:\!border-white:hover {
--tw-border-opacity: 1 !important;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important; }
.hover\:text-black:hover {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1)); }
.hover\:text-sec-200:hover {
--tw-text-opacity: 1;
color: rgb(254 229 190 / var(--tw-text-opacity, 1)); }
@media (min-width: 480px) {
.mobile\:\!block {
display: block !important; } }
@media (min-width: 600px) {
.small\:\!hidden {
display: none !important; } }
@media (min-width: 782px) {
.medium\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) {
.xlarge\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1920px) {
.xhuge\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr)); } }