/* @keyframes revealImage {
    0% {
        clip-path: inset(0 0 100% 0);
    }

    100% {
        clip-path: inset(0 0 0 0);
    }
} */

@keyframes scroll-horizontal-first {
    0% {
        left: 0;
        /* Start on the screen */
    }

    100% {
        left: -198%;
        /* Move to the left */
    }
}

@keyframes scroll-horizontal {
    0% {
        left: 203%;
    }

    100% {
        left: -198%;
    }
}

@keyframes scroll-horizontal-reverse {
    0% {
        left: -103%;
    }

    100% {
        left: 100%;
    }
}

/*hero*/
/* .logo-watermark {
    position: absolute;
    top: 0;
    z-index: -1;
} */


/* .logo-watermark img {
    max-width: none;
    width: 106vw;
    opacity: .4;
    clip-path: inset(0 0 100% 0);
    animation: revealImage 5s ease-in-out .8s forwards;
    display: none;
} */

h1 {
    font-family: 'PF BeauSans ProSemiBold';
    line-height: 68px;
}

h1 code {
    width: 9%;
    display: inline-block;
}

.hero-container .wp-block-lpb-lottie-player.earth-lottie {
    width: fit-content;
    display: inline-block;
}

h1 img:nth-of-type(1) {
    display: none;
}

h1 img:nth-of-type(1),
.hero-container .wp-block-lpb-lottie-player.earth-lottie {
    position: relative;
    top: 8px;
    margin-right: -31px;
    margin-left: -14px;
}

h1 img:nth-of-type(2) {
    position: relative;
    top: 5px;
    border-radius: var(--radius-border);
}

.hero-container {
    position: relative;
    overflow-x: clip;
}

.hero-gif-container {
    gap: 4%;
}

.hero-gif-right {
    width: 32.45%;
}

.hero-gif-right {
    font-size: 1rem;
}

.hero-gif-container img,
.hero-gif-container video {
    border-radius: var(--radius-border);
}

.hero-gif-container>figure:first-child {
    flex-grow: 1;
}

.hero-gif-container figure img:first-child {
    width: 100%;
}

.hero-gif-right p {
    line-height: 1.208rem;
}

.hero-gif-right .wp-block-buttons {
    align-self: flex-end;
}

.hero-gif-right .wp-block-buttons a {
    font-size: 1rem;
    font-weight: 400;
    padding: 7.5px 17px;
    line-height: 1;
    box-shadow: none;
    border-radius: 23px;
    background-color: transparent;
    border: 1px solid var(--wp--preset--color--regulargrey);
}

/*work grid*/

.work-container {
    margin-block-start: 153px;
}

.work-container h2 {
    margin-block-start: 0;
}

.work-title-container {
    margin-left: 19.43%;
}

.work-title-container p {
    font-size: 1rem;
}

.work-title-container h2 {
    font-size: 3rem;
    font-family: 'PF BeauSans ProSemiBold';
    line-height: 87px;
}

.c-image-grid {
    padding-bottom: var(--gap-grid);
}

.c-image-grid__grid {
    display: -ms-grid;
    display: grid;
    grid-gap: 0.81rem;
    grid-gap: var(--gap-grid);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(4, minmax(0, 1fr));
}

.c-image-grid--1 .c-image-grid__grid {
    -ms-grid-rows: 1fr 1fr 1fr 0.5fr 0.5fr;
    grid-template-rows: 1fr 1fr 1fr 0.5fr 0.5fr;
}

.c-image-grid--1.c-image-grid--standard:not([data-image-count="2"]) .c-image-grid__item:nth-child(1) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
}

.was-in-view [data-animation-name="fade-in-up"],
[data-animation-name="fade-in-up"].was-in-view,
.has-scrolled-to-bottom [data-site-footer] [data-animation-name="fade-in-up"],
.acf-block-preview [data-animation-name="fade-in-up"] {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

[data-animation-name="fade-in-up"] {
    opacity: 0;
    transform: translate3d(0, 1rem, 0);
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    transition: opacity var(--animation-slow), transform var(--animation-slow);
}

.c-image-grid--1.c-image-grid--standard:not([data-image-count="2"]) .c-image-grid__item:nth-child(1) .c-image-grid__card {
    height: 0;
    overflow: hidden;
    padding-top: calc((2 / 3) * 100%);
    position: relative;
}

.c-image-grid__card {
    border-radius: 9.7px;
    color: #E8E8E3;
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}


.c-image-grid__card:hover .c-image-grid__header,
.c-image-grid__card:focus .c-image-grid__header {
    opacity: 1;
    visibility: visible;
}

.c-image-grid__header {
    left: 0;
    opacity: 0;
    padding: calc(.81rem * 1);
    padding: var(--row-1);
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.4s cubic-bezier(0.36, 0.64, 0.23, 0.94),
        visibility 0.4s cubic-bezier(0.36, 0.64, 0.23, 0.94);
    transition: opacity var(--transition),
        visibility var(--transition);
    visibility: hidden;
    z-index: 1;
}

.c-image-grid__card-title,
.c-image-grid__list,
.c-image-grid__plus {
    margin-top: calc((1 / 16) * -1em);
}

ul.c-image-grid__list {
    padding-left: 0;
}

.c-image-grid__card-title,
.c-image-grid__list {
    font-size: .72rem;
}


.c-image-grid__inner-grid {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: calc(.81rem / 2 * -1);
    margin-left: calc(var(--gap-grid) / 2 * -1);
    margin-right: calc(.81rem / 2 * -1);
    margin-right: calc(var(--gap-grid) / 2 * -1);
    width: calc(100% + .81rem);
    width: calc(100% + var(--gap-grid));
}

/*.c-image-grid__inner-grid.only-header {*/
/*    width: 131% !important;*/
/*}*/

/*.c-image-grid__inner-grid.only-header .c-image-grid__header-item:first-child {*/
/*    max-width: calc(100%) !important;*/
/*}*/



.c-image-grid__header-item {
    flex-basis: calc((100 / (12 / 6)) * 1%);
    flex-grow: 0;
    max-width: calc((100 / (12 / 5)) * 1%);
    padding-left: calc(.81rem / 2);
    padding-left: calc(var(--gap-grid) / 2);
    padding-right: calc(.81rem / 2);
    padding-right: calc(var(--gap-grid) / 2);
    position: relative;
    left: 5px;
}

/*.c-image-grid__inner-grid .c-image-grid__header-item:first-child {*/
/*    max-width: calc((100 / (12 / 9.3)) * 1%);*/
/*    flex-basis: calc((100 / (12 / 9.3)) * 1%);*/
/*}*/

.c-image-grid__plus {
    font-size: 3rem;
    padding: calc(.81rem * 1);
    padding: var(--row-1);
    position: absolute;
    right: 2px;
    top: -21px;
    z-index: 1;
}

.c-image-grid__plus .c-icon {
    overflow: visible;
}

.c-icon {
    display: none;
}

.b-image-grid.js-scrollspy {
    margin-block-start: 0 !important;
}

a.c-image-grid__card .c-icon {
    display: inline-block;
    fill: currentColor;
    /* height: .8em; */
    vertical-align: top;
    /* width: .8em; */
    width: 19.2px;
}

.c-image-grid--1.c-image-grid--standard:not([data-image-count="2"]) .c-image-grid__item:nth-child(1) .c-image-grid__card .c-image-grid__image {
    left: 0;
    position: absolute;
    top: 0;
}

.c-image-grid__image {
    border-radius: 9.7px;
    height: 100%;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    overflow: hidden;
    width: 100%;
}

.c-image-grid__image::before {
    background-color: #fff;
    border-radius: 9.7px;
    bottom: 1px;
    content: "";
    display: block;
    left: 1px;
    position: absolute;
    right: 1px;
    top: 1px;
}


.c-image-grid__card:hover .c-image-grid__image img,
.c-image-grid__card:focus .c-image-grid__image img {
    transform: scale(1.025);
}

.c-image-grid__image img,
.c-image-grid__image video,
.c-image-grid__image iframe,
.c-image-grid__image embed {
    border-radius: 9.7px;
    transform: scale(1);
    transition: transform 0.8s cubic-bezier(0.36, 0.64, 0.23, 0.94);
    transition: transform var(--transition-slow);
}

.c-image-grid__image embed,
.c-image-grid__image iframe,
.c-image-grid__image img,
.c-image-grid__image video {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}

.c-image-grid--1.c-image-grid--standard:not([data-image-count="2"]) .c-image-grid__item:nth-child(2) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 4;
    -ms-grid-row: 2;
    grid-row-start: 2;
}

.c-image-grid--1.c-image-grid--standard:not([data-image-count="2"]) .c-image-grid__item:nth-child(3) {
    -ms-grid-column-span: NaN;
    grid-column-end: 3;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 6;
    -ms-grid-row: 4;
    grid-row-start: 4;
}

[data-animation-delay="1"] {
    transition-delay: 0.15s;
}

[data-animation-delay="2"] {
    transition-delay: 0.3s;
}

[data-animation-delay="3"] {
    transition-delay: 0.45s;
}

.c-image-grid--1.c-image-grid--standard:not([data-image-count="2"]) .c-image-grid__item:nth-child(4) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-row-span: NaN;
    grid-row-end: 5;
    -ms-grid-row: 4;
    grid-row-start: 4;
}

.c-image-grid--1.c-image-grid--standard:not([data-image-count="2"]) .c-image-grid__item:nth-child(5) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-row-span: NaN;
    grid-row-end: 6;
    -ms-grid-row: 5;
    grid-row-start: 5;
}

.c-image-grid--6.c-image-grid--inverted .c-image-grid__item:nth-child(1) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 5;
    -ms-grid-row: 3;
    grid-row-start: 3;
}

.c-image-grid--6.c-image-grid--inverted .c-image-grid__item:nth-child(1) .c-image-grid__card {
    height: 0;
    overflow: hidden;
    padding-top: calc((3 / 2) * 100%);
    position: relative;
}

.c-image-grid--6.c-image-grid--inverted .c-image-grid__item:nth-child(1) .c-image-grid__card .c-image-grid__image {
    left: 0;
    position: absolute;
    top: 0;
}

.c-image-grid--6.c-image-grid--inverted .c-image-grid__item:nth-child(2) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 3;
    -ms-grid-row: 1;
    grid-row-start: 1;
}

.c-image-grid--3.c-image-grid--standard .c-image-grid__item:nth-child(1) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 3;
    -ms-grid-row: 1;
    grid-row-start: 1;
}

.c-image-grid--3.c-image-grid--standard .c-image-grid__item:nth-child(1) .c-image-grid__card {
    height: 0;
    overflow: hidden;
    padding-top: calc((2 / 3) * 100%);
    position: relative;
}

.c-image-grid--3.c-image-grid--standard .c-image-grid__item:nth-child(1) .c-image-grid__card .c-image-grid__image {
    left: 0;
    position: absolute;
    top: 0;
}

.c-image-grid--3.c-image-grid--standard .c-image-grid__item:nth-child(2) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 5;
    -ms-grid-row: 3;
    grid-row-start: 3;
}

.c-image-grid--4.c-image-grid--standard .c-image-grid__item:nth-child(1) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 3;
    -ms-grid-row: 1;
    grid-row-start: 1;
}

.c-image-grid--4.c-image-grid--standard .c-image-grid__item:nth-child(1) .c-image-grid__card {
    height: 0;
    overflow: hidden;
    padding-top: calc((2 / 3) * 100%);
    position: relative;
}

.c-image-grid--4.c-image-grid--standard .c-image-grid__item:nth-child(1) .c-image-grid__card .c-image-grid__image {
    left: 0;
    position: absolute;
    top: 0;
}

.c-image-grid--4.c-image-grid--standard .c-image-grid__item:nth-child(2) {
    -ms-grid-column-span: NaN;
    grid-column-end: 3;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 4;
    -ms-grid-row: 3;
    grid-row-start: 3;
}

.c-image-grid--4.c-image-grid--standard .c-image-grid__item:nth-child(3) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-row-span: NaN;
    grid-row-end: 4;
    -ms-grid-row: 3;
    grid-row-start: 3;
}

.c-image-grid--4.c-image-grid--standard .c-image-grid__item:nth-child(4) {
    -ms-grid-column-span: NaN;
    grid-column-end: 3;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 5;
    -ms-grid-row: 4;
    grid-row-start: 4;
}

.c-image-grid--4.c-image-grid--standard .c-image-grid__item:nth-child(5) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-row-span: NaN;
    grid-row-end: 5;
    -ms-grid-row: 4;
    grid-row-start: 4;
}

.c-image-grid--1.c-image-grid--inverted:not([data-image-count="2"]) .c-image-grid__item:nth-child(1) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 3;
    -ms-grid-row: 1;
    grid-row-start: 1;
}

.c-image-grid--1.c-image-grid--inverted:not([data-image-count="2"]) .c-image-grid__item:nth-child(1) .c-image-grid__card {
    height: 100%;
    padding-top: 0;
}

.c-image-grid--1.c-image-grid--inverted:not([data-image-count="2"]) .c-image-grid__item:nth-child(2) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 4;
    -ms-grid-row: 3;
    grid-row-start: 3;
}

.c-image-grid--1.c-image-grid--inverted:not([data-image-count="2"]) .c-image-grid__item:nth-child(2) .c-image-grid__card {
    height: 0;
    overflow: hidden;
    padding-top: calc((2 / 3) * 100%);
    position: relative;
}

.c-image-grid--1.c-image-grid--inverted:not([data-image-count="2"]) .c-image-grid__item:nth-child(2) .c-image-grid__card .c-image-grid__image {
    left: 0;
    position: absolute;
    top: 0;
}

.c-image-grid--1.c-image-grid--inverted:not([data-image-count="2"]) .c-image-grid__item:nth-child(3) {
    -ms-grid-column-span: NaN;
    grid-column-end: 3;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 5;
    -ms-grid-row: 4;
    grid-row-start: 4;
}

.c-image-grid--1.c-image-grid--inverted:not([data-image-count="2"]) .c-image-grid__item:nth-child(4) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-row-span: NaN;
    grid-row-end: 6;
    -ms-grid-row: 4;
    grid-row-start: 4;
}

.c-image-grid--1.c-image-grid--inverted:not([data-image-count="2"]) .c-image-grid__item:nth-child(5) {
    -ms-grid-column-span: NaN;
    grid-column-end: 3;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 6;
    -ms-grid-row: 5;
    grid-row-start: 5;
}

.c-image-grid--5.c-image-grid--standard .c-image-grid__item:nth-child(1) {
    -ms-grid-column-span: NaN;
    grid-column-end: 3;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
}

.c-image-grid--5.c-image-grid--standard .c-image-grid__item:nth-child(1) .c-image-grid__card {
    height: 0;
    overflow: hidden;
    padding-top: calc((2 / 3) * 100%);
    position: relative;
}

.c-image-grid--5.c-image-grid--standard .c-image-grid__item:nth-child(1) .c-image-grid__card .c-image-grid__image {
    left: 0;
    position: absolute;
    top: 0;
}

.c-image-grid--5.c-image-grid--standard .c-image-grid__item:nth-child(2) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-row-span: NaN;
    grid-row-end: 3;
    -ms-grid-row: 1;
    grid-row-start: 1;
}

.c-image-grid--5.c-image-grid--standard .c-image-grid__item:nth-child(3) {
    -ms-grid-column-span: NaN;
    grid-column-end: 3;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 3;
    -ms-grid-row: 2;
    grid-row-start: 2;
}

.c-image-grid--5.c-image-grid--standard .c-image-grid__item:nth-child(4) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 5;
    -ms-grid-row: 3;
    grid-row-start: 3;
}

.c-image-grid--2.c-image-grid--inverted .c-image-grid__item:nth-child(1) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
}

.c-image-grid--2.c-image-grid--inverted .c-image-grid__item:nth-child(1) .c-image-grid__card {
    height: 0;
    overflow: hidden;
    padding-top: calc((2 / 3) * 100%);
    position: relative;
}

.c-image-grid--2.c-image-grid--inverted .c-image-grid__item:nth-child(1) .c-image-grid__card .c-image-grid__image {
    left: 0;
    position: absolute;
    top: 0;
}

.c-image-grid--2.c-image-grid--inverted .c-image-grid__item:nth-child(2) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 4;
    -ms-grid-row: 2;
    grid-row-start: 2;
}

.c-image-grid--2.c-image-grid--inverted .c-image-grid__item:nth-child(3) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 5;
    -ms-grid-row: 4;
    grid-row-start: 4;
}

.c-image-grid--6.c-image-grid--standard .c-image-grid__item:nth-child(1) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 3;
    -ms-grid-row: 1;
    grid-row-start: 1;
}

.c-image-grid--6.c-image-grid--standard .c-image-grid__item:nth-child(1) .c-image-grid__card {
    height: 0;
    overflow: hidden;
    padding-top: calc((3 / 2) * 100%);
    position: relative;
}

.c-image-grid--6.c-image-grid--standard .c-image-grid__item:nth-child(1) .c-image-grid__card .c-image-grid__image {
    left: 0;
    position: absolute;
    top: 0;
}

.c-image-grid--6.c-image-grid--standard .c-image-grid__item:nth-child(2) {
    -ms-grid-column-span: NaN;
    grid-column-end: 5;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: NaN;
    grid-row-end: 5;
    -ms-grid-row: 3;
    grid-row-start: 3;
}

/*heading with buttons*/

.button-heading {
    font-size: 3rem;
    font-weight: 400;
    text-align: center;
    line-height: 1.2;
    font-family: 'PF BeauSans ProLight';
}

.after-gird-heading-container {
    padding-top: 472px;
    padding-bottom: 412px;
}

.after-gird-heading-container h2 {
    opacity: 0;
    transform: translate3d(0, 1rem, 0);
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    transition: opacity var(--animation-slow), transform var(--animation-slow);
}

.after-gird-heading-container h2.was-in-view {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.button-heading mark:nth-of-type(1) {
    font-size: 1.292rem;
    font-family: 'PF BeauSans ProSemiBold';
    border-radius: 56px;
    padding: 9px 24px;
    white-space: nowrap;
    position: relative;
    top: -13px;
    border: 1px solid var(--wp--preset--color--secondary);

}

.button-heading mark:nth-of-type(1) a {
    color: var(--wp--preset--color--base);
    text-decoration: none;
}

.button-heading mark:nth-of-type(1):hover {
    background-color: var(--wp--preset--color--secondbuttonbg) !important;

}

.button-heading mark:nth-of-type(1):hover a {
    color: var(--wp--preset--color--contrast) !important;
}

.button-heading mark:nth-of-type(2) {
    font-size: 1.292rem;
    font-family: 'PF BeauSans ProLight';
    border-radius: 56px;
    padding: 5px 15px;
    white-space: nowrap;
    position: relative;
    top: -11px;
}

.button-heading mark sup a {
    color: var(--wp--preset--color--secondary);
    text-decoration: none;
    font-size: 1rem;
    font-family: 'PF BeauSans ProRegular';
    white-space: nowrap;
}

/*parallax-section*/
/* .parallax-container {
    position: relative;
}

.parallax-inner figure {
    padding-top: 150vw;
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
}

.parallax-inner figure img {
    height: 100vh;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: fixed;
    top: 0;
    width: 100%;
} */


/*capabilities section*/


.circle {
    position: absolute;
    width: 92px;
    height: 92px;
    background-color: var(--wp--preset--color--secondary);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease 0.1s;
    z-index: 99;
    mix-blend-mode: difference;
}


.capabilities-container {
    padding-top: 60px;
}

.capabilities-inner {
    background-color: var(--wp--preset--color--contrast);
    border-radius: var(--radius-border);
    padding-top: 150px;
    padding-bottom: 198px;
    position: relative;
    cursor: none;
}

.capabilities-inner h2 {
    color: var(--wp--preset--color--base);
    font-size: 1rem;
    margin-left: 18.01%;
}

.capabilities-group {
    position: relative;
    padding-left: 26px;
    padding-right: 26px;
}

.capabilities-background {
    position: absolute;
    top: 0;
    width: calc(100% - 52px);
    /* height: 100%; */
}

.capabilities-background img {
    /* height: 100%; */
    /* object-fit: cover; */
}

.capabilities-group .normal-container h3 {
    /* font-size: 6rem; */
    font-size: clamp(2.8rem, 5.8vw + 1rem, 6rem);
    color: var(--wp--preset--color--base);
    /* font-family: 'PF BeauSans ProSemiBold'; */
    font-family: 'PF BeauSans ProLight';
    line-height: 1.1;
    margin-top: -5px;
}

.capabilities-group .normal-container h3 a {
    color: var(--wp--preset--color--base);
    text-decoration: none;
    cursor: none;
}

.capabilities-group .hover-container h3:not(.capabilities-group .hover-container h3 sup) {
    /* font-size: 6rem; */
    font-size: clamp(2.8rem, 5.8vw + 1rem, 6rem);
    line-height: 1.1;
    margin-top: -5px;
    font-family: 'PF BeauSans ProLight';
}

.capabilities-group .hover-container h3 a {
    cursor: none;
}

.capabilities-group .hover-container h3 a:not(.capabilities-group .hover-container h3 a sup) {
    /* font-size: 6rem; */
    font-size: clamp(2.8rem, 5.8vw + 1rem, 6rem);
    /* color: transparent; */
    text-decoration: none;
    /* -webkit-text-stroke: .2px var(--wp--preset--color--base);  */
    /*text-stroke: .2px var(--wp--preset--color--base);*/
    text-shadow: -1px -1px 0 var(--wp--preset--color--base), 1px -1px 0 var(--wp--preset--color--base), -1px 1px 0 var(--wp--preset--color--base), 1px 1px 0 var(--wp--preset--color--base);
    cursor: none !important;
}

.capabilities-group .hover-container h3 a sup {
    text-shadow: none !important;
}

.capabilities-group h3 sup {
    color: var(--wp--preset--color--base);
    -webkit-text-stroke: unset;
    font-size: 1rem;
    /* font-family: 'PF BeauSans ProRegular'; */
    font-family: 'PF BeauSans ProLight';
    position: relative;
    top: -26px;
    text-shadow: none !important;
}

.last-h3 sup {
    margin-left: 7px;
}

.capabilities-group figure:not(.capabilities-background) {
    border-radius: 56px;
    overflow: hidden;
}

.capability-container {
    position: relative;
}

.normal-container,
.hover-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.5rem;
    padding-left: 0.606rem;
    padding-right: 0.606rem;
}

.normal-container {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* Initial state: hover-container is completely clipped (invisible) */
.hover-container {
    position: relative;
    background: transparent;
    /* The container itself is transparent */
    clip-path: inset(100% 0 0 0);
    /* Fully hidden, clipped from top */
    pointer-events: none;
    transition: clip-path 0.6s cubic-bezier(.165, .84, .44, 1);
    /* Smooth transition for the reveal */
    z-index: 2;
}

/* Pseudo-element for the bottom 70px blue background */
.hover-container::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 70px;
    background-color: var(--wp--preset--color--secondary);
    /* Blue background for bottom 70px */
    z-index: -1;
    /* Ensure the blue part is behind the content */
    height: 4.1vw;
}

.capability-row {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    --bs-gutter-x: 0.606rem;
    --bs-gutter-y: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: calc(var(--bs-gutter-x)*-.5);
    margin-right: calc(var(--bs-gutter-x)*-.5);
    margin-top: calc(var(--bs-gutter-y)*-1);

}

.col-12 {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.simple-masking {
    position: relative;
}

.overflow-hidden {
    overflow: hidden;
}

.simple-masking_el {
    display: inline-block;
}

.d-none {
    display: none !important;
}

/* When the is-hover class is added, reveal the container */
.capability-container.is-hover .hover-container {
    clip-path: inset(0 0 0 0);
    /* Reveal the entire container */
    transition: clip-path 0.6s cubic-bezier(.165, .84, .44, 1);
    /* Smooth reveal from bottom to top */
}

/* When the is-hover class is added, show the blue bottom 70px */
.capability-container.is-hover .hover-container::before {
    opacity: 1;
    /* Show the bottom 70px blue background */
}


.capability-container.is-hover .capability-inner-header-container {
    opacity: 0;
}

.capability-container.is-hover .hover-container h3 a sup {
    background-color: var(--wp--preset--color--secondbuttonbg);
    color: var(--wp--preset--color--contrast);
    border-radius: 11px;
    padding: 2px 10px;
    -webkit-text-stroke: var(--wp--preset--color--contrast);
}

.capability-row figure {
    position: absolute;
    top: -50%;
    will-change: transform;
    transform-style: preserve-3d;
}

.capability-container.is-hover .normal-container .capability-row figure {
    z-index: 999;
    right: 4%;
    width: 20.61vw;
    height: 20.61vw;
    max-width: 400px;
    max-height: 400px;
    top: -86%;
    display: block !important;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
}

.capability-inner-header-container {
    opacity: 1;
    transition: opacity .2s ease-in .1s;
}

/*partnership*/
.partnership-container {
    margin-top: 120px;
}

.partnership-container-inner {
    background-color: #E8E8E3;
    border-radius: var(--radius-border);
    padding-top: 240px;
    padding-bottom: 268px;
}

.partnership-container-inner h2 {
    font-size: 1rem;
    margin-left: 18.01%;
}



.scroll-container-second {
    margin-top: 7.5%;
}

.scroll-container {
    margin-block-start: 98px;
}


.scroll-container,
.scroll-container-second {
    height: 117px;
    position: relative;
    overflow: hidden;
}

.carousel-primary,
.carousel-secondary {
    top: 0;
    left: 198%;
    width: 198%;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    align-items: flex-end !important;
    gap: 3%;
}

.carousel-primary img,
.carousel-secondary img {
    max-height: 116px;
    object-fit: contain;
    width: 100%;
    min-height: 66px;
}

.carousel-primary figure,
.carousel-secondary figure {
    width: 100%;
    margin-left: 20px;
    /* max-width: fit-content; */
    margin-block-start: 0 !important;
}

.scroll-container .carousel-primary {
    display: flex;
    justify-content: space-around;
    animation: scroll-horizontal-first 30s linear;
}

.scroll-container .carousel-secondary {
    animation: scroll-horizontal 60s linear infinite;
    /* animation-delay: 30s; */
    margin-block-start: 0 !important;

}

/* .carousel-secondary {
    display: none !important;
} */

.square-images img {
    width: 6vw;
}



.scroll-container-second .carousel-primary {
    display: flex;
    justify-content: space-around;
    animation: scroll-horizontal-reverse 40s linear infinite;
}

.scroll-container-second .carousel-secondary {
    animation: scroll-horizontal-reverse 40s linear infinite;
    animation-delay: 20s;
    margin-block-start: 0 !important;
}

/*feedback*/

.feedback-container {
    background-color: #E8E8E3;
    padding-top: 63px;
    padding-bottom: 268px;
    padding-left: 10.5%;
}

.feedback-container h2 {
    font-size: 1rem;
    margin-left: 12.5%;
    margin-bottom: 140px;
    font-family: 'PF BeauSans ProLight';
}

.feedback-scroll-container {
    overflow-x: hidden;
    position: relative;
    width: 100%;
}

.feedback-scroll-inner-container {
    display: flex;
    flex-wrap: nowrap;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: .81rem;
    padding-left: var(--gap-container);
    scroll-behavior: smooth;
    scrollbar-width: none;
    transition: all 0.4s cubic-bezier(0.36, 0.64, 0.23, 0.94);
    transition: all var(--transition);
    width: 100%;
}

.feedback-item {
    transition: width 0.6s ease-in-out 0.6s, min-width 0.6s ease-in-out 0.6s;
    --column: 9;
    border-right: 1px solid rgb(28, 28, 28, .2);
    position: relative;
    --column: 12;
    --columns: calc(12 / var(--column));
    display: flex;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    min-width: 100px;
    scroll-snap-align: start;
    width: calc((1000vw - (.81rem * 2)) / var(--columns));
    width: calc((100vw - (var(--gap-container) * 2)) / var(--columns));
    --filter-width: 25vw;
    margin-block-start: 0;
    cursor: pointer;
}

.feedback-item.active {
    transition: width 0.4s cubic-bezier(0.36, 0.64, 0.23, 0.94),
        min-width 0.4s cubic-bezier(0.36, 0.64, 0.23, 0.94);
    transition: width var(--transition),
        min-width var(--transition);
    width: calc(100vw - (.81rem * 2));
    width: calc(100vw - (var(--gap-container) * 2));
}

.feedback-item-inner {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity var(--animation-slow), transform var(--animation-slow);
    display: block;
    height: 100%;
    position: relative;
    transition: background-color 0.4s cubic-bezier(0.36, 0.64, 0.23, 0.94);
    transition: background-color var(--transition);
    width: 100%;
}

.feedback-item-button {
    display: block;
    padding-bottom: calc(0.25rem * 42);
    padding-bottom: calc(var(--baseline-unit) * 42);
    padding-top: calc(0.25rem * 42);
    padding-top: calc(var(--baseline-unit) * 42);
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
    justify-content: center;
    margin-block-start: 0 !important;
}

.feedback-item-button .wp-block-button {
    transition: opacity var(--transition) 0.6s, visibility var(--transition) 0.6s;
    padding: 0;

}

.active-inner .feedback-item-button .wp-block-button {
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.36, 0.64, 0.23, 0.94),
        visibility 0.4s cubic-bezier(0.36, 0.64, 0.23, 0.94);
    transition: opacity var(--transition),
        visibility var(--transition);
    visibility: hidden;
}

.feedback-item-button .wp-block-button a,
.feedback-item-button .wp-block-button a:hover {
    /* font-size: 3rem; */
    font-family: 'PF BeauSans ProSemiBold';
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.feedback-item-content {
    left: 0;
    opacity: 0;
    padding: calc(1rem * 3) calc(1rem * 2);
    padding: var(--row-3) var(--row-2);
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;
    visibility: hidden;
    z-index: 1;

}

.active-inner .feedback-item-content {
    opacity: 1;
    transition: opacity 0.6s ease-in-out 0.4s,
        visibility 0.6s ease-in-out 0.4s;
    visibility: visible;

}

.feedback-item-content h3.wp-block-heading {
    padding-bottom: var(--row-2);
    /* font-size: 3rem; */
    white-space: nowrap;
}

.feedback-item:last-child .feedback-item-content h3.wp-block-heading {
    white-space: wrap;
}

.feedback-item:last-child .active-inner .feedback-item-content h3.wp-block-heading {
    white-space: nowrap;
}

.feedback-item-content p {
    font-size: 1rem;
    line-height: 29px;
}


@media screen and (min-width: 1000px) {
    main {
        overflow-x: hidden;
    }

    .hover-container {
        width: calc(100% + 140px);
        margin-left: -70px;
    }

    .capabilities-group .hover-container h3 {
        position: relative;
        left: 60px;
    }

    .simple-masking.overflow-hidden {
        overflow: visible;
    }


    h1 {
        font-size: 3.7vw;
        margin-left: 10.3%;
        margin-right: 5.3%;
    }

    h1 img:nth-of-type(2) {
        width: 415px;
        max-width: 20.7vw;
    }

    h1 img:nth-of-type(1),
    .hero-container .wp-block-lpb-lottie-player.earth-lottie {
        max-width: 7.2vw;
    }

    /*.hero-gif-container {*/
    /*    margin-top: -35px;*/
    /*}*/

    .for-mobile {
        display: none;
    }

    .feedback-item-content h3.wp-block-heading,
    .feedback-item-button .wp-block-button a,
    .feedback-item-button .wp-block-button a:hover {
        font-size: clamp(2rem, 3.8vw, 3rem);
    }

    .circle.hover-active {
        mix-blend-mode: unset;
    }

    .show-circle {
        opacity: 1;
    }

    .circle::after {
        content: 'view';
        color: var(--wp--preset--color--base);
        opacity: 0;
        font-size: 1rem;
    }

    .circle.show-text::after {
        opacity: 1;
    }
}

@media screen and (min-width: 2050px) {
    h1 {
        font-size: clamp(75.85px, 3.7vw, 148px);
        line-height: clamp(72.6px, 3.54vw, 141.67px);
    }

    h1 img:nth-of-type(1),
    .hero-container .wp-block-lpb-lottie-player.earth-lottie {
        top: clamp(8.54px, 0.42vw, 16.67px);
        margin-right: clamp(-64.58px, -1.61vw, -33.10px);
        margin-left: clamp(-29.17px, -0.73vw, -14.95px);
    }

    #lpbLottiePlayer-4 .lpbLottiePlayer dotlottie-player {
        width: clamp(121.72px, 5.94vw, 237.5px)!important;
    }

    h1 img:nth-of-type(2) {
        width: clamp(443.10px, 21.61vw, 864.58px) !important;
        top: clamp(5.34px, 0.26vw, 10.42px);
    }
    
    /* Βάση font-size για όλο το δεξί column του hero */
    .hero-gif-right {
        font-size: clamp(25.63px, 1.25vw, 50px);
        gap: clamp(25.63px, 1.25vw, 50px);
    }

    /* Κείμενο παραγράφου */
    .hero-gif-right p {
        /* κληρονομεί το font-size από πάνω,
           εδώ μεγαλώνουμε μόνο το line-height που ήταν ~29px (1.208rem) */
        line-height: clamp(30.96px, 1.51vw, 60.42px);
    }

    /* CTA κουμπί "The design process >" */
    .hero-gif-right .wp-block-buttons a {
        /* 1rem -> scale */
        font-size: clamp(25.63px, 1.25vw, 50px);

        /* padding: 7.5px 17px */
        padding: clamp(8.01px, 0.39vw, 15.63px)
                 clamp(18.15px, 0.89vw, 35.42px);

        /* border-radius: 23px */
        border-radius: clamp(24.56px, 1.20vw, 47.92px);
    }
    
    .hero-gif-right figure {
        width: 100%;
    }
    
    .work-container {
        margin-block-start: calc(153px * (100vw / 1920));
    }


    .work-title-container p {
        font-size: calc(1rem * (100vw / 1920));
    }

    .work-title-container h2 {
        font-size: clamp(3.203rem, 3.75vw, 6.25rem);
        line-height: clamp(3.87rem, 4.53125vw, 7.552rem);
    }

    .c-image-grid {
        --row-height: clamp(0.76rem, 0.9vw, 1.1rem);
    }

    .c-image-grid__card,
    .c-image-grid__image,
    .c-image-grid__image::before {
        border-radius: clamp(9.7px, 0.5vw, 16px);
    }

    .c-image-grid__card-title,
    .c-image-grid__list {
        font-size: clamp(0.72rem, 0.9vw, 1.9rem);
    }

    .c-image-grid__header-item {
        left: clamp(5px, 0.3vw, 8px);
    }

    .c-image-grid__plus {
        font-size: clamp(3rem, 3vw, 4rem);
        right: clamp(2px, 0.3vw, 8px);
        top: clamp(-30px, -1vw, -21px);
    }

    a.c-image-grid__card .c-icon {
        width: clamp(19.2px, 1vw, 46px);
    }
    
}

@media (min-width: 1440px) {
    .feedback-item {
        --column: 2 !important;
    }
}

@media (min-width: 992px) {
    .feedback-item {
        --column: 3 !important;
    }
}

@media screen and (max-width: 1500px) {
    .capabilities-group .normal-container h3 {
        /* font-size: 6rem; */
        font-size: clamp(2.8rem, 5vw + 1rem, 6rem);
    }


    .capabilities-group .hover-container h3:not(.capabilities-group .hover-container h3 sup) {
        /* font-size: 6rem; */
        font-size: clamp(2.8rem, 5vw + 1rem, 6rem);
        line-height: 1.1;
        margin-top: -5px;

    }

    .capabilities-group .hover-container h3 a:not(.capabilities-group .hover-container h3 a sup) {
        /* font-size: 6rem; */
        font-size: clamp(2.8rem, 5vw + 1rem, 6rem);
    }

    .capabilities-group h3 sup {
        top: -17px;
    }
}

@media screen and (max-width: 1280px) {
    .feedback-item {
        --columns: calc(9 / var(--column));
    }
}

@media screen and (max-width: 1200px) {
    h1 {
        line-height: 2.8rem;
    }

    .hero-gif-container {
        flex-direction: column;
        margin-top: 40px;
        gap: 34px;
    }

    .hero-gif-container>figure:first-child {
        width: 100%;
    }

    .hero-gif-right {
        width: 100%;
        gap: 3%;
        flex-direction: row;
    }

    .hero-gif-right .wp-block-buttons {
        align-self: flex-start;
    }

    .hero-gif-right .wp-block-group,
    .hero-gif-right figure {
        width: calc(50% - 3%);
    }

    .hero-gif-right .wp-block-group {
        flex-grow: 1;
    }

    .button-heading {
        font-size: 1.5rem;
    }


    .button-heading mark:nth-of-type(1) {
        font-size: 1rem;
        padding: 5px 21px;
        top: -5px;
    }

    .button-heading mark:nth-of-type(2) {
        font-size: 1rem;
        top: -3px;
        padding: 4px 8px;
    }

    .button-heading mark sup a {
        font-size: 0.9rem;
    }

    .after-gird-heading-container {
        padding-top: 127px;
        padding-bottom: 111px;
    }

    .capabilities-group .normal-container h3 {
        /* font-size: 6rem; */
        font-size: clamp(2.5rem, 3.7vw + 1rem, 6rem);
    }


    .capabilities-group .hover-container h3:not(.capabilities-group .hover-container h3 sup) {
        /* font-size: 6rem; */
        font-size: clamp(2.5rem, 3.7vw + 1rem, 6rem);
        line-height: 1.1;
        margin-top: -5px;

    }

    .capabilities-group .hover-container h3 a:not(.capabilities-group .hover-container h3 a sup) {
        /* font-size: 6rem; */
        font-size: clamp(2.5rem, 3.7vw + 1rem, 6rem);
    }

    .capability-container.is-hover .normal-container .capability-row figure {
        top: -142%;
    }

    .capabilities-group h3 sup {
        top: -7px;
        font-size: .8rem;
    }

}

@media screen and (max-width: 999px) {
    @keyframes scroll-horizontal-first {
        0% {
            left: 0;
            /* Start on the screen */
        }

        100% {
            left: -143%;
            /* Move to the left */
        }
    }

    @keyframes scroll-horizontal {
        0% {
            left: 146%;
        }

        100% {
            left: -143%;
        }
    }

    @keyframes scroll-horizontal-reverse {
        0% {
            left: -146%;
        }

        100% {
            left: 143%;
        }
    }

    /* .hero-gif-container {
        max-width: calc(100% - 16px);
        margin-left: 2px;
    } */



    .work-container.padding {
        padding: 0 16px;
    }


    .for-desktop {
        display: none;
    }

    main {
        padding-top: 0.50rem !important;
    }

    .work-title-container {
        margin-left: 0;
        margin-bottom: 39px;
    }

    .capabilities-background {
        top: -29px;
    }

    .capabilities-background img {
        max-height: 338px;
    }

    /* .scroll-container .carousel-primary {
        animation: scroll-horizontal-first 40s linear;
    } */

    h1 {
        margin-left: 8px;
        margin-right: 8px;
        font-size: 2.1rem;
    }

    h1 img:nth-of-type(2) {
        width: 247px !important;
    }

    h1 img:nth-of-type(1),
    .hero-container .wp-block-lpb-lottie-player.earth-lottie {
        width: 88px !important;
    }

    a.c-image-grid__card .c-icon {
        height: 17px;
        width: 19.2px;
    }

    .c-image-grid__plus {
        right: -5px;
        top: 9px;
    }



    .hover-container .capability-row>div:nth-of-type(2),
    .normal-container .capability-row figure,
    .capability-container.is-hover .normal-container .capability-row figure {
        display: none !important;
    }

    .capability-inner-header-container,
    .offset-sm-1.col-sm-6 {
        margin-left: 1% !important;
        width: 100% !important;
    }

    .capabilities-group .normal-container h3 {
        /* font-size: 6rem; */
        font-size: 2.33rem;
    }


    .capabilities-group .hover-container h3:not(.capabilities-group .hover-container h3 sup) {
        /* font-size: 6rem; */
        font-size: 2.33rem;
    }

    .capabilities-group .hover-container h3 a:not(.capabilities-group .hover-container h3 a sup) {
        /* font-size: 6rem; */
        font-size: 2.33rem;
    }

    .capabilities-group {
        padding-left: 9.6px;
        padding-right: 9.6px;
    }

    .capabilities-background {
        width: calc(100% - 19.2px);
    }

    .normal-container,
    .hover-container {
        height: auto;
    }

    .capabilities-inner {
        padding-top: 72px;
        padding-bottom: 109px;

    }

    .work-title-container p {
        font-size: .585rem;
    }


    .capabilities-inner h2,
    .partnership-container-inner h2 {
        margin-left: 9.6px;
        font-size: .585rem;
    }

    .feedback-container h2 {
        margin-left: 16px;
        font-size: .585rem;
    }

    .work-title-container h2 {
        font-size: 1.667rem;
        line-height: 48px;
    }

    .partnership-container {
        margin-top: 40px;
    }

    .carousel-primary,
    .carousel-secondary {
        top: 0;
        left: 100%;
        width: 142%;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        align-items: flex-end !important;
        gap: 3%;
    }

    .square-images img {
        width: 9vw;
    }

    .partnership-container-inner {
        padding-top: 39px;
        padding-bottom: 23px;
    }

    .scroll-container {
        margin-block-start: 10px;
    }

    .feedback-scroll-container {
        margin-left: -8px;
    }

    .feedback-container {
        padding-top: 16px;
        padding-bottom: 175px;
        padding-left: 0;
    }

    .feedback-container h2 {
        font-size: 0.585rem;
        margin-bottom: 32px;
    }

    .feedback-item-content h3.wp-block-heading,
    .feedback-item-button .wp-block-button a,
    .feedback-item-button .wp-block-button a:hover {
        font-size: clamp(1.167rem, 0.6977rem + 2.0858vw, 2rem);
    }

    .feedback-item {
        --column: 9 !important;
    }

    .feedback-item {
        --columns: calc(24 / var(--column));
    }

    .feedback-item-content p {
        font-size: .585rem;
    }

    .feedback-item-content h3.wp-block-heading {
        padding-bottom: 0;
    }

    .feedback-scroll-inner-container {
        padding-left: 0;
    }



}

/*@media screen and (min-width: 900px) {*/
/*    .c-image-grid__card-title {*/
/*        white-space: nowrap;*/
/*    }*/
/*}*/

@media screen and (max-width:1580px) and (min-width: 768px) {
    .c-image-grid__inner-grid .c-image-grid__header-item:first-child {
        max-width: 47% !important;
    }

    .c-image-grid__inner-grid .c-image-grid__header-item:nth-of-type(2) {
        left: -3px;
    }

    .c-image-grid__card-title,
    .c-image-grid__list {
        font-size: .6rem;
    }

    .c-image-grid__header-item {
        padding-left: 0 !important;
    }

    .c-image-grid__plus {
        right: -8px;
    }
}

@media screen and (min-width: 768px) {

    .c-image-grid__grid,
    .c-image-grid--1 .c-image-grid__grid,
    .c-image-grid--1[data-image-count="2"] .c-image-grid__grid,
    .c-image-grid--2[data-image-count="2"] .c-image-grid__grid,
    .c-image-grid--3[data-image-count="1"] .c-image-grid__grid,
    .c-image-grid--6[data-image-count="1"] .c-image-grid__grid {
        grid-template-rows: repeat(4, minmax(0, 1fr));
    }

    .c-image-grid--1.c-image-grid--standard:not([data-image-count="2"]) .c-image-grid__item:nth-child(1),
    .c-image-grid--1.c-image-grid--standard[data-image-count="2"] .c-image-grid__item:nth-child(1) {
        -ms-grid-column-span: NaN;
        grid-column-end: 3;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: NaN;
        grid-row-end: 3;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    .c-image-grid--1.c-image-grid--standard:not([data-image-count="2"]) .c-image-grid__item:nth-child(1) .c-image-grid__card,
    .c-image-grid--1.c-image-grid--standard[data-image-count="2"] .c-image-grid__item:nth-child(1) .c-image-grid__card {
        height: 0;
        overflow: hidden;
        padding-top: calc((2 / 3) * 100%);
        position: relative;
    }

    .c-image-grid--1.c-image-grid--standard:not([data-image-count="2"]) .c-image-grid__item:nth-child(1) .c-image-grid__card .c-image-grid__image,
    .c-image-grid--1.c-image-grid--standard[data-image-count="2"] .c-image-grid__item:nth-child(1) .c-image-grid__card .c-image-grid__image {
        left: 0;
        position: absolute;
        top: 0;
    }

    .c-image-grid--1.c-image-grid--standard:not([data-image-count="2"]) .c-image-grid__item:nth-child(2),
    .c-image-grid--1.c-image-grid--standard[data-image-count="2"] .c-image-grid__item:nth-child(2) {
        -ms-grid-column-span: NaN;
        grid-column-end: 5;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-row-span: NaN;
        grid-row-end: 5;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    .c-image-grid--1.c-image-grid--standard:not([data-image-count="2"]) .c-image-grid__item:nth-child(3),
    .c-image-grid--1.c-image-grid--standard[data-image-count="2"] .c-image-grid__item:nth-child(3) {
        -ms-grid-column-span: NaN;
        grid-column-end: 2;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: NaN;
        grid-row-end: 5;
        -ms-grid-row: 3;
        grid-row-start: 3;
    }

    .c-image-grid--1.c-image-grid--standard:not([data-image-count="2"]) .c-image-grid__item:nth-child(4),
    .c-image-grid--1.c-image-grid--standard[data-image-count="2"] .c-image-grid__item:nth-child(4) {
        -ms-grid-column-span: NaN;
        grid-column-end: 3;
        -ms-grid-column: 2;
        grid-column-start: 2;
        -ms-grid-row-span: NaN;
        grid-row-end: 4;
        -ms-grid-row: 3;
        grid-row-start: 3;
    }

    .c-image-grid--1.c-image-grid--standard:not([data-image-count="2"]) .c-image-grid__item:nth-child(5),
    .c-image-grid--1.c-image-grid--standard[data-image-count="2"] .c-image-grid__item:nth-child(5) {
        -ms-grid-column-span: NaN;
        grid-column-end: 3;
        -ms-grid-column: 2;
        grid-column-start: 2;
        -ms-grid-row-span: NaN;
        grid-row-end: 5;
        -ms-grid-row: 4;
        grid-row-start: 4;
    }

    .c-image-grid--6.c-image-grid--inverted .c-image-grid__item:nth-child(1),
    .c-image-grid--6.c-image-grid--inverted.c-image-grid--6[data-image-count="1"] .c-image-grid__item:nth-child(1) {
        -ms-grid-column-span: NaN;
        grid-column-end: 5;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-row-span: NaN;
        grid-row-end: 5;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    .c-image-grid--6.c-image-grid--inverted .c-image-grid__item:nth-child(1) .c-image-grid__card,
    .c-image-grid--6.c-image-grid--inverted.c-image-grid--6[data-image-count="1"] .c-image-grid__item:nth-child(1) .c-image-grid__card {
        height: 0;
        overflow: hidden;
        padding-top: calc((3 / 2) * 100%);
        position: relative;
    }

    .c-image-grid--6.c-image-grid--inverted .c-image-grid__item:nth-child(1) .c-image-grid__card .c-image-grid__image,
    .c-image-grid--6.c-image-grid--inverted.c-image-grid--6[data-image-count="1"] .c-image-grid__item:nth-child(1) .c-image-grid__card .c-image-grid__image {
        left: 0;
        position: absolute;
        top: 0;
    }

    .c-image-grid--6.c-image-grid--inverted .c-image-grid__item:nth-child(2) {
        -ms-grid-column-span: NaN;
        grid-column-end: 3;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: NaN;
        grid-row-end: 5;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    .c-image-grid--3.c-image-grid--standard .c-image-grid__item:nth-child(1) {
        -ms-grid-column-span: NaN;
        grid-column-end: 3;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: NaN;
        grid-row-end: 5;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    .c-image-grid--3.c-image-grid--standard .c-image-grid__item:nth-child(1) .c-image-grid__card {
        height: 0;
        overflow: hidden;
        padding-top: calc((2 / 3) * 100%);
        position: relative;
    }

    .c-image-grid--3.c-image-grid--standard .c-image-grid__item:nth-child(1) .c-image-grid__card .c-image-grid__image {
        left: 0;
        position: absolute;
        top: 0;
    }

    .c-image-grid--3.c-image-grid--standard .c-image-grid__item:nth-child(2) {
        -ms-grid-column-span: NaN;
        grid-column-end: 5;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-row-span: NaN;
        grid-row-end: 5;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    .c-image-grid--3.c-image-grid--standard .c-image-grid__item:nth-child(2) .c-image-grid__card {
        height: 0;
        overflow: hidden;
        padding-top: calc((2 / 3) * 100%);
        position: relative;
    }

    .c-image-grid--3.c-image-grid--standard .c-image-grid__item:nth-child(2) .c-image-grid__card .c-image-grid__image {
        left: 0;
        position: absolute;
        top: 0;
    }

    .c-image-grid--4.c-image-grid--standard .c-image-grid__item:nth-child(1) {
        -ms-grid-column-span: NaN;
        grid-column-end: 3;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: NaN;
        grid-row-end: 5;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    .c-image-grid--4.c-image-grid--standard .c-image-grid__item:nth-child(1) .c-image-grid__card {
        height: 0;
        overflow: hidden;
        padding-top: calc((2 / 3) * 100%);
        position: relative;
    }

    .c-image-grid--4.c-image-grid--standard .c-image-grid__item:nth-child(1) .c-image-grid__card .c-image-grid__image {
        left: 0;
        position: absolute;
        top: 0;
    }

    .c-image-grid--4.c-image-grid--standard .c-image-grid__item:nth-child(2) {
        -ms-grid-column-span: NaN;
        grid-column-end: 4;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-row-span: NaN;
        grid-row-end: 3;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    .c-image-grid--4.c-image-grid--standard .c-image-grid__item:nth-child(3) {
        -ms-grid-column-span: NaN;
        grid-column-end: 5;
        -ms-grid-column: 4;
        grid-column-start: 4;
        -ms-grid-row-span: NaN;
        grid-row-end: 3;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    .c-image-grid--4.c-image-grid--standard .c-image-grid__item:nth-child(4) {
        -ms-grid-column-span: NaN;
        grid-column-end: 4;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-row-span: NaN;
        grid-row-end: 5;
        -ms-grid-row: 3;
        grid-row-start: 3;
    }

    .c-image-grid--4.c-image-grid--standard .c-image-grid__item:nth-child(5) {
        -ms-grid-column-span: NaN;
        grid-column-end: 5;
        -ms-grid-column: 4;
        grid-column-start: 4;
        -ms-grid-row-span: NaN;
        grid-row-end: 5;
        -ms-grid-row: 3;
        grid-row-start: 3;
    }

    .c-image-grid--1.c-image-grid--inverted:not([data-image-count="2"]) .c-image-grid__item:nth-child(1),
    .c-image-grid--1.c-image-grid--inverted[data-image-count="2"] .c-image-grid__item:nth-child(1) {
        -ms-grid-column-span: NaN;
        grid-column-end: 3;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: NaN;
        grid-row-end: 5;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    .c-image-grid--1.c-image-grid--inverted:not([data-image-count="2"]) .c-image-grid__item:nth-child(1) .c-image-grid__card,
    .c-image-grid--1.c-image-grid--inverted[data-image-count="2"] .c-image-grid__item:nth-child(1) .c-image-grid__card {
        height: 100%;
        padding-top: 0;
    }

    .c-image-grid--1.c-image-grid--inverted:not([data-image-count="2"]) .c-image-grid__item:nth-child(2),
    .c-image-grid--1.c-image-grid--inverted[data-image-count="2"] .c-image-grid__item:nth-child(2) {
        -ms-grid-column-span: NaN;
        grid-column-end: 5;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-row-span: NaN;
        grid-row-end: 3;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    .c-image-grid--1.c-image-grid--inverted:not([data-image-count="2"]) .c-image-grid__item:nth-child(2) .c-image-grid__card,
    .c-image-grid--1.c-image-grid--inverted[data-image-count="2"] .c-image-grid__item:nth-child(2) .c-image-grid__card {
        height: 0;
        overflow: hidden;
        padding-top: calc((2 / 3) * 100%);
        position: relative;
    }

    .c-image-grid--1.c-image-grid--inverted:not([data-image-count="2"]) .c-image-grid__item:nth-child(2) .c-image-grid__card .c-image-grid__image,
    .c-image-grid--1.c-image-grid--inverted[data-image-count="2"] .c-image-grid__item:nth-child(2) .c-image-grid__card .c-image-grid__image {
        left: 0;
        position: absolute;
        top: 0;
    }

    .c-image-grid--1.c-image-grid--inverted:not([data-image-count="2"]) .c-image-grid__item:nth-child(3),
    .c-image-grid--1.c-image-grid--inverted[data-image-count="2"] .c-image-grid__item:nth-child(3) {
        -ms-grid-column-span: NaN;
        grid-column-end: 4;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-row-span: NaN;
        grid-row-end: 4;
        -ms-grid-row: 3;
        grid-row-start: 3;
    }

    .c-image-grid--1.c-image-grid--inverted:not([data-image-count="2"]) .c-image-grid__item:nth-child(4),
    .c-image-grid--1.c-image-grid--inverted[data-image-count="2"] .c-image-grid__item:nth-child(4) {
        -ms-grid-column-span: NaN;
        grid-column-end: 5;
        -ms-grid-column: 4;
        grid-column-start: 4;
        -ms-grid-row-span: NaN;
        grid-row-end: 5;
        -ms-grid-row: 3;
        grid-row-start: 3;
    }

    .c-image-grid--1.c-image-grid--inverted:not([data-image-count="2"]) .c-image-grid__item:nth-child(5),
    .c-image-grid--1.c-image-grid--inverted[data-image-count="2"] .c-image-grid__item:nth-child(5) {
        -ms-grid-column-span: NaN;
        grid-column-end: 4;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-row-span: NaN;
        grid-row-end: 5;
        -ms-grid-row: 4;
        grid-row-start: 4;
    }

    .c-image-grid--5.c-image-grid--standard .c-image-grid__item:nth-child(1) {
        -ms-grid-column-span: NaN;
        grid-column-end: 2;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: NaN;
        grid-row-end: 3;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    .c-image-grid--5.c-image-grid--standard .c-image-grid__item:nth-child(1) {
        -ms-grid-column-span: NaN;
        grid-column-end: 2;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: NaN;
        grid-row-end: 3;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    .c-image-grid--5.c-image-grid--standard .c-image-grid__item:nth-child(1) .c-image-grid__card {
        height: 0;
        overflow: hidden;
        padding-top: calc((2 / 3) * 100%);
        position: relative;
    }

    .c-image-grid--5.c-image-grid--standard .c-image-grid__item:nth-child(1) .c-image-grid__card .c-image-grid__image {
        left: 0;
        position: absolute;
        top: 0;
    }

    .c-image-grid--5.c-image-grid--standard .c-image-grid__item:nth-child(2) {
        -ms-grid-column-span: NaN;
        grid-column-end: 3;
        -ms-grid-column: 2;
        grid-column-start: 2;
        -ms-grid-row-span: NaN;
        grid-row-end: 5;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    .c-image-grid--5.c-image-grid--standard .c-image-grid__item:nth-child(3) {
        -ms-grid-column-span: NaN;
        grid-column-end: 2;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: NaN;
        grid-row-end: 5;
        -ms-grid-row: 3;
        grid-row-start: 3;
    }

    .c-image-grid--5.c-image-grid--standard .c-image-grid__item:nth-child(4) {
        -ms-grid-column-span: NaN;
        grid-column-end: 5;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-row-span: NaN;
        grid-row-end: 5;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    .c-image-grid--2.c-image-grid--inverted .c-image-grid__item:nth-child(1) {
        -ms-grid-column-span: NaN;
        grid-column-end: 3;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: NaN;
        grid-row-end: 3;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    .c-image-grid--2.c-image-grid--inverted .c-image-grid__item:nth-child(1) .c-image-grid__card {
        height: 0;
        overflow: hidden;
        padding-top: calc((2 / 3) * 100%);
        position: relative;
    }

    .c-image-grid--2.c-image-grid--inverted .c-image-grid__item:nth-child(1) .c-image-grid__card .c-image-grid__image {
        left: 0;
        position: absolute;
        top: 0;
    }

    .c-image-grid--2.c-image-grid--inverted .c-image-grid__item:nth-child(2) {
        -ms-grid-column-span: NaN;
        grid-column-end: 5;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-row-span: NaN;
        grid-row-end: 5;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    .c-image-grid--2.c-image-grid--inverted .c-image-grid__item:nth-child(2) .c-image-grid__card {
        height: 100%;
        padding-top: 0;
    }

    .c-image-grid--2.c-image-grid--inverted .c-image-grid__item:nth-child(3) {
        -ms-grid-column-span: NaN;
        grid-column-end: 3;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: NaN;
        grid-row-end: 5;
        -ms-grid-row: 3;
        grid-row-start: 3;
    }

    .c-image-grid__grid,
    .c-image-grid--1 .c-image-grid__grid,
    .c-image-grid--1[data-image-count="2"] .c-image-grid__grid,
    .c-image-grid--2[data-image-count="2"] .c-image-grid__grid,
    .c-image-grid--3[data-image-count="1"] .c-image-grid__grid,
    .c-image-grid--6[data-image-count="1"] .c-image-grid__grid {
        grid-template-rows: repeat(4, minmax(0, 1fr));
    }

    .c-image-grid--6.c-image-grid--standard .c-image-grid__item:nth-child(1) {
        -ms-grid-column-span: NaN;
        grid-column-end: 3;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: NaN;
        grid-row-end: 5;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    .c-image-grid--6.c-image-grid--standard .c-image-grid__item:nth-child(1) .c-image-grid__card {
        height: 0;
        overflow: hidden;
        padding-top: calc((3 / 2) * 100%);
        position: relative;
    }

    .c-image-grid--6.c-image-grid--standard .c-image-grid__item:nth-child(1) .c-image-grid__card .c-image-grid__image {
        left: 0;
        position: absolute;
        top: 0;
    }

    .c-image-grid--6.c-image-grid--standard .c-image-grid__item:nth-child(2) {
        -ms-grid-column-span: NaN;
        grid-column-end: 5;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-row-span: NaN;
        grid-row-end: 5;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    /*end grid*/
    .parallax-inner figure {
        padding-top: 56.25vw;
    }

    /*capadilities*/
    .normal-container,
    .hover-container {
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
        display: block;
        height: unset;
        padding-left: 0;
        padding-right: 0;
    }

    .capability-inner-header-container,
    .offset-sm-1.col-sm-6 {
        margin-left: 8.33333333%;
        width: 50%;
        webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        min-width: fit-content;
    }

    /* .capability-inner-header-container h3 {
    margin-left: 8.33333333%;
    padding-left: calc(var(--bs-gutter-x)* .5);
    padding-right: calc(var(--bs-gutter-x)* .5);
} */

    .capability-row>* {
        margin-top: var(--bs-gutter-y);
        max-width: 100%;
        padding-left: calc(var(--bs-gutter-x)*.5);
        padding-right: calc(var(--bs-gutter-x)*.5);
    }

    .normal-container .capability-row figure,
    .hover-container .capability-row figure {
        opacity: 0;
        pointer-events: none;
        display: none !important;
        width: 25%;
    }



    .d-sm-block {
        display: block !important;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3,
    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .feedback-item {
        --column: 4;
        /* width: calc((100vw - (1rem * 2))) / var(--columns));
    width: calc((100vw - (var(--gap-container) * 2))) / var(--columns)); */
    }

    .feedback-item.active {
        min-width: 31.6rem;
        width: 25vw;
    }


}

@media screen and (max-width: 1188px) and (min-width: 768px) {
    .b-image-grid .c-image-grid__grid .c-image-grid__header .c-image-grid__list {
        padding-left: 0;
    }
}

@media screen and (max-width: 999px) and (min-width: 701px) {
    .hero-gif-container img {
        border-radius: 41px !important;
    }
}

@media screen and (max-width: 767px) {

    @keyframes scroll-horizontal-first {
        0% {
            left: 0;
            /* Start on the screen */
        }

        100% {
            left: -422%;
            /* Move to the left */
        }
    }

    @keyframes scroll-horizontal {
        0% {
            left: 413%;
        }

        100% {
            left: -422%;
        }
    }

    @keyframes scroll-horizontal-reverse {
        0% {
            left: -258%;
        }

        100% {
            left: 267%;
        }
    }

    .button-heading {
        font-size: 1.167rem;
    }


    .button-heading mark:nth-of-type(1) {
        font-size: 0.583rem;
        padding: 5px 21px;
        top: -5px;
    }

    .button-heading mark:nth-of-type(2) {
        font-size: 0.583rem;
        top: -3px;
        padding: 4px 8px;
    }

    .button-heading mark sup a {
        font-size: 0.5rem;
    }

    .after-gird-heading-container {
        padding-top: 127px;
        padding-bottom: 111px;
    }

    .carousel-primary img,
    .carousel-secondary img {
        max-height: 44px;
        min-height: 22px;
    }

    .carousel-primary,
    .carousel-secondary {
        width: 413%;
    }

    .square-images img {
        max-height: unset !important;
    }

    .scroll-container-second {
        margin-top: 3%;
    }

    /* .scroll-container .carousel-primary {
        animation: scroll-horizontal 40s linear infinite;

    }

    .scroll-container .carousel-secondary {
        animation: scroll-horizontal 40s linear infinite;
        animation-delay: 20s;

    } */
}

@media screen and (max-width: 700px) {
    h1 {
        font-size: 1.667rem;
        line-height: 1.8rem;
        /* by sam */
        margin-block-start: 0 !important;
        padding-top: 1.7rem !important;
        /* by sam */
    }

    h1 img:nth-of-type(2) {
        width: 220px !important;
    }

    h1 img:nth-of-type(1),
    .hero-container .wp-block-lpb-lottie-player.earth-lottie {
        width: 65px !important;
        top: 5px;
        margin-right: -14px;
        margin-left: -3px;
    }


    h1 code {
        width: 83px;
    }

    h1 br {
        display: none;
    }

    h1 mark:nth-of-type(1) {
        margin-right: 14px;
    }

    .c-image-grid__list {
        display: none;
    }

    .hero-gif-right,
    .hero-gif-right .wp-block-buttons a {
        font-size: 0.59rem;
        padding: 7.5px 0;
    }

    .hero-gif-right .wp-block-buttons a {
        padding: 7.5px 11px;
    }

    .hero-gif-right p {
        line-height: 0.708rem;
    }
}

@media screen and (max-width: 550px) {

    .c-image-grid__card-title,
    .c-image-grid__list {
        font-size: .6rem;
        line-height: 1.2;
    }

    .c-image-grid__header {
        padding-left: 8px;
    }
}

@media screen and (max-width: 480px) {
    .capabilities-group h3 sup {
        font-size: .55rem;
        display: block;
        text-align: end;
    }

    .normal-container,
    .hover-container {
        height: 66px;
    }

    .feedback-item {
        --columns: calc(13 / var(--column));
    }

    .feedback-container h2 {
        max-width: 75%;
        min-width: 258px;
    }

}

/* by sam */
.parallax-inner video {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    object-fit: cover !important;
    z-index: -1 !important;
    pointer-events: none !important;
    max-width: none !important;
    max-height: none !important;
}

/* by sam */
@media (max-width: 768pxpx) {
    .parallax-inner video {
        width: 100vw !important;
        height: 100vh !important;
        min-width: 100vw !important;
        min-height: 100vh !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        top: 0 !important;
        left: 0 !important;
        right: unset !important;
        bottom: unset !important;
        position: fixed !important;
        /* Κράτα το fixed! */
        z-index: -1 !important;
    }

    .parallax-inner,
    .parallax-container.before-footer {
        min-height: 100vh !important;
        min-height: 100svh !important;
    }
}