@media (min-width:992px) {
    html.w-mod-js:not(.w-mod-ix) [data-w-id="c294e42d-4372-d31b-872d-434aa6784945"] {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(-20px, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(-20px, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(-20px, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="c294e42d-4372-d31b-872d-434aa6784975"] {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(-20px, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(-20px, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(-20px, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }
}

@media (max-width:991px) and (min-width:768px) {
    html.w-mod-js:not(.w-mod-ix) [data-w-id="c294e42d-4372-d31b-872d-434aa6784945"] {
        opacity: 0;
        -webkit-transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="c294e42d-4372-d31b-872d-434aa6784975"] {
        opacity: 0;
        -webkit-transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }
}

@media (max-width:767px) and (min-width:480px) {
    html.w-mod-js:not(.w-mod-ix) [data-w-id="c294e42d-4372-d31b-872d-434aa6784945"] {
        opacity: 0;
        -webkit-transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="c294e42d-4372-d31b-872d-434aa6784975"] {
        opacity: 0;
        -webkit-transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="5f5c821d-0d4f-53ea-cf7b-ac5c8d98e572"] {
        -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform-style: preserve-3d;
    }
}

@media (max-width:479px) {
    html.w-mod-js:not(.w-mod-ix) [data-w-id="c294e42d-4372-d31b-872d-434aa6784945"] {
        opacity: 0;
        -webkit-transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="c294e42d-4372-d31b-872d-434aa6784975"] {
        opacity: 0;
        -webkit-transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0px, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="5f5c821d-0d4f-53ea-cf7b-ac5c8d98e572"] {
        -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform-style: preserve-3d;
    }
}

/* Overide default styles so all slides are visible */
.splide__track {
    overflow: visible;
}

/* Change button style when disabled */
.splide button:disabled {
    opacity: 0.2;
}

/* --- Additional Global CSS --- */

/* Menu tabs - current with orange line*/
.w--current .studio-tab_text-container {
    border-left: var(--stroke-medium) solid var(--color--sunstone-orange);
}

/* Slider auto-height */
.w-slide[aria-hidden="true"] {
    height: 0px;
}

/* Change colour of burger menu icon */
#burger-lines path {
    fill: currentColor;
}

/* Hide cookie video frame when no consent */
.cookie-video-frame:has(:not([src])) {
    padding-top: 0px !important;
}

/* Make headers break text more balanced */
h1,
h2,
h3,
h4,
h5,
h6,
.heading-style-h1,
.heading-style-h2,
.heading-style-h3,
.heading-style-h4,
.heading-style-h5,
.heading-style-h6 {
    text-wrap: balance;
}

/* --- Client First CSS --- */
/* Make text look crisper and more legible in all browsers */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* Focus state style for keyboard navigation for the focusable elements */
*[tabindex]:focus-visible,
input[type="file"]:focus-visible {
    outline: 0.125rem solid #4d65ff;
    outline-offset: 0.125rem;
}

/* Get rid of top margin on first element in any rich text element */
.w-richtext> :not(div):first-child,
.w-richtext>div:first-child> :first-child {
    margin-top: 0 !important;
}

/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child,
.w-richtext ol li:last-child,
.w-richtext ul li:last-child {
    margin-bottom: 0 !important;
}

/* Prevent all click and hover interaction with an element */
.pointer-events-off {
    pointer-events: none;
}

/* Enables all click and hover interaction with an element */
.pointer-events-on {
    pointer-events: auto;
}

/* Create a class of .div-square which maintains a 1:1 dimension of a div */
.div-square::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

/* Shadows */
.shadow-light,
.w--current.studio-tab_menu {
    box-shadow: 0px 8px 18px 0px rgba(206, 213, 222, 0.10), 0px 33px 33px 0px rgba(206, 213, 222, 0.09), 0px 75px 45px 0px rgba(206, 213, 222, 0.05), 0px 134px 54px 0px rgba(206, 213, 222, 0.01), 0px 209px 59px 0px rgba(206, 213, 222, 0.00);
}

.shadow {
    box-shadow: 0px 5px 10px 0px rgba(20, 57, 76, 0.07), 0px 18px 18px 0px rgba(20, 57, 76, 0.06), 0px 41px 25px 0px rgba(20, 57, 76, 0.04), 0px 74px 29px 0px rgba(20, 57, 76, 0.01), 0px 115px 32px 0px rgba(20, 57, 76, 0.00);
}

@media screen and (max-width: 991px) {
    .nav-main_dropdown-list {
        box-shadow: none;
    }
}


/* Make sure containers never lose their center alignment */
.container-medium,
.container-small,
.container-large {
    margin-right: auto !important;
    margin-left: auto !important;
}

/*
  Make the following elements inherit typography styles from the parent and not have hardcoded values.
  Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
  Uncomment this CSS to use it in the project. Leave this message for future hand-off.
  */


/* Apply "..." after 3 lines of text */
.text-style-3lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* Apply "..." after 2 lines of text */
.text-style-2lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Adds inline flex display */
.display-inlineflex {
    display: inline-flex;
}

/* These classes are never overwritten */
.hide {
    display: none !important;
}

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

    .hide,
    .hide-tablet {
        display: none !important;
    }
}

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

    .hide,
    .hide-tablet {
        display: none !important;
    }
}

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

    .hide,
    .hide-tablet {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .hide-mobile-landscape {
        display: none !important;
    }
}

@media screen and (max-width: 479px) {
    .ide-mobile {
        display: none !important;
    }
}

.margin-0 {
    margin: 0rem !important;
}

.padding-0 {
    padding: 0rem !important;
}

.spacing-clean {
    padding: 0rem !important;
    margin: 0rem !important;
}

.margin-top {
    margin-right: 0rem !important;
    margin-bottom: 0rem !important;
    margin-left: 0rem !important;
}

.padding-top {
    padding-right: 0rem !important;
    padding-bottom: 0rem !important;
    padding-left: 0rem !important;
}

.margin-right {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
    margin-left: 0rem !important;
}

.padding-right {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
    padding-left: 0rem !important;
}

.margin-bottom {
    margin-top: 0rem !important;
    margin-right: 0rem !important;
    margin-left: 0rem !important;
}

.padding-bottom {
    padding-top: 0rem !important;
    padding-right: 0rem !important;
    padding-left: 0rem !important;
}

.margin-left {
    margin-top: 0rem !important;
    margin-right: 0rem !important;
    margin-bottom: 0rem !important;
}

.padding-left {
    padding-top: 0rem !important;
    padding-right: 0rem !important;
    padding-bottom: 0rem !important;
}

.margin-horizontal {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}

.padding-horizontal {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

.margin-vertical {
    margin-right: 0rem !important;
    margin-left: 0rem !important;
}

.padding-vertical {
    padding-right: 0rem !important;
    padding-left: 0rem !important;
}

/* Show empty text boxes in editor */
*[data-w-text-holder="true"]:empty {
    min-width: 2em;
    min-height: 2em;
    outline: 1px red solid;
}

.hero-carousel {
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-card {
    display: flex;
    background-color: white;
    position: absolute;
    opacity: 0;
    will-change: transform, opacity;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 4px 6px rgba(34, 42, 53, .04), 0 24px 68px rgba(47, 48, 55, .05), 0 2px 3px rgba(0, 0, 0, .04);
    /* duration should be 3 multiplied by the total number of cards (7) */
    animation: carousel 14s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

/* Increment animation delay by 3 for each card */
.carousel-card:nth-child(1) {
    animation-delay: -12s;
}

.carousel-card:nth-child(2) {
    animation-delay: -10s;
}

.carousel-card:nth-child(3) {
    animation-delay: -8s;
}

.carousel-card:nth-child(4) {
    animation-delay: -6s;
}

.carousel-card:nth-child(5) {
    animation-delay: -4s;
}

.carousel-card:nth-child(6) {
    animation-delay: -2s;
}

.carousel-card:nth-child(7) {
    animation-delay: 0s;
}

@keyframes carousel {
    0% {
        transform: translateY(270%) scale(0.8);
        opacity: 0;
        visibility: hidden;
        z-index: 0;
    }

    4%,
    12.29% {
        transform: translateY(180%) scale(0.8);
        opacity: 0;
        visibility: visible;
        z-index: 1;
    }

    16.29%,
    26.58% {
        transform: translateY(90%) scale(0.8);
        opacity: 0.9;
        visibility: visible;
        z-index: 2;
    }

    30.58%,
    40.87% {
        transform: translateY(0%) scale(0.8);
        opacity: 0.9;
        visibility: visible;
        z-index: 3;
    }

    44.87%,
    44.87% {
        transform: translateY(-90%) scale(0.8);
        opacity: 1;
        visibility: visible;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 4px 6px rgba(34, 42, 53, .04), 0 24px 68px rgba(47, 48, 55, .05), 0 2px 3px rgba(0, 0, 0, .04);
        z-index: 4;
    }

    47.87%,
    55.16% {
        transform: translateY(-90%) scale(1);
        opacity: 1;
        visibility: visible;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 4px 6px rgba(34, 42, 53, .04), 0 24px 68px rgba(47, 48, 55, .05), 0 2px 3px rgba(0, 0, 0, .04), 0 0 0 2px rgba(110, 184, 98, .8), 0 2px 16px -2px rgba(110, 184, 98, .2);
        z-index: 4;
    }

    59.16%,
    69.45% {
        transform: translateY(-180%) scale(0.8);
        opacity: 0.9;
        visibility: visible;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 4px 6px rgba(34, 42, 53, .04), 0 24px 68px rgba(47, 48, 55, .05), 0 2px 3px rgba(0, 0, 0, .04);
        z-index: 3;
    }

    73.45%,
    83.74% {
        transform: translateY(-270%) scale(0.8);
        opacity: 0.9;
        visibility: visible;
        z-index: 2;
    }

    87.74%,
    96.16% {
        transform: translateY(-360%) scale(0.8);
        opacity: 0;
        visibility: hidden;
        z-index: 1;
    }
}

.partners {
    text-align: center;
    margin-top: 5%;
}



/* Slideshow container */
.slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
}

.mySlides {
    display: none;
}

.containu{
    display: flex;
    justify-content: center;
}

.containu img{
    width: 60%;
}

.text-desc{
    width: 40%;
    padding: 10% 2%;
    display: block;
    align-items: center;
    justify-content: center;
}

.text-desc h3{
    font-size: 25px;
    margin-bottom: 3%;
}

.text-desc p{
    font-size: 14px;
    margin-bottom: 4%;
}

/* Fading animation */
.fade {
    animation-name: fade;
    animation-duration: 3s;
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .text {
        font-size: 11px
    }
}
