#chi_siamo .box_chisiamo {
    margin: 0 auto 176px;
}
#chi_siamo .ripple_green {
    animation: ripple_green 5s infinite;
}
#chi_siamo .ripple_blue {
    animation: ripple_blue 5s infinite;
}

/* .ripple::before,
.ripple::after {
  content: "";
  grid-area: 1/1;
  border-radius: 50%;
  animation: inherit;
  animation-delay: 1s;
} */

/* Sezione 2024 */
#chi_siamo .bg2024 {
    position: absolute;
    top: 45%;
    color: white;
    font-size: 400px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 3px;
}
#chi_siamo .box_chisiamo .box_text_grey {
    position: relative;
    z-index: 3;
    transform: translate(110%, 10%);
}
#chi_siamo .box_chisiamo .box_text_blue {
    position: relative;
    transform: translate(-120%, -50%);
    z-index: 2;
}
#chi_siamo .box_chisiamo .img1 {
    position: relative;
    transform: translate(-120%, 50%);
    z-index: 4;
}
#chi_siamo .box_chisiamo .users {
    position: relative;
    transform: translate(-100%, 100%);
    z-index: 4;
}
#chi_siamo .box_chisiamo .swaps {
    position: relative;
    transform: translate(100%, -100%);
    z-index: 4;
}
#chi_siamo .box_2024{
    min-height: 522px;
}
#chi_siamo .box_text_grey_animation {
    animation: box_text_grey_diffusion 0.5s forwards ;
}
#chi_siamo .box_text_blue_animation {
    animation: box_text_blue_diffusion 0.5s forwards ;
}
#chi_siamo .swaps_animation {
    animation: box_text_swaps_diffusion 0.5s forwards;
}
#chi_siamo .users_animation {
    animation: box_text_users_diffusion 0.5s forwards;
}
#chi_siamo .box_green {
    width: fit-content;
    background-color: #00D566;
    padding: 16px ;
    border-radius: 16px;
    text-align: left;
}
#chi_siamo .box_green h2, #chi_siamo .box_green p{
    margin: 0;
    padding: 0;
}
#chi_siamo .img1_animation {
    animation: box_text_img1_diffusion 0.5s forwards;
}


.box_chisiamo_slide_testo {
    overflow: hidden;
}
.box_chisiamo_slide_testo .owl-carousel {
    pointer-events: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.box_chisiamo_slide_testo .w-grid.type_carousel {
    max-width: 320px;
    margin: auto;
    text-align: left;
}
.box_chisiamo_slide_testo .w-grid.type_carousel,
.box_chisiamo_slide_testo .w-grid.type_carousel .owl-stage-outer,
.box_chisiamo_slide_testo .w-grid.type_carousel .owl-stage {
    overflow: visible;
}
.box_chisiamo_slide_testo .w-grid.type_carousel .owl-item {
    opacity: 0.15;
}
.box_chisiamo_slide_testo .w-grid.type_carousel .owl-item.active {
    opacity: 1;
}
.box_chisiamo_slide_testo h2 {
    font-size: 35px;
    line-height: 42px;
    color:#000;
    font-weight: 700;
    font-family: "Plus Jakarta Sans";
}
.box_chisiamo_slide_testo h2.post_title {
    padding-left: 60px;
}
.box_chisiamo_slide_testo .post-7035 h2 {
    /* font-size: 28px; */
}



/* Sezione animazione persone - explosion */
.box_people {
    min-height: 450px;
}
.box_people .w-image {
    position: absolute;
    transform: translate(100%, -50%);
}

/* CSS Diffusione Card Persone - sezione "Lavora con noi" */
#chi_siamo .img_1_animation {
    animation: img1_diffusion 0.3s forwards;
}
#chi_siamo .img_2_animation {
    animation: img2_diffusion 0.3s forwards;
}
#chi_siamo .img_3_animation {
    animation: img3_diffusion 0.3s forwards;
}
#chi_siamo .img_4_animation {
    animation: img4_diffusion 0.3s forwards;
}
#chi_siamo .img_5_animation {
    animation: img5_diffusion 0.3s forwards;
}
#chi_siamo .img_6_animation {
    animation: img6_diffusion 0.3s forwards;
}

/* Animazioni Diffusione Card Persone - sezione "Lavora con noi" */
@keyframes img1_diffusion {
    from{
        transform: translate(100%, -50%);
    }
    to{
        transform: translate(0%, -150%);
    }
}
@keyframes img2_diffusion {
    from{
        transform: translate(100%, -50%);
    }
    to {
        transform: translate(20%, -30%);
    }
}
@keyframes img3_diffusion {
    from{
        transform: translate(100%, -50%);
    }
    to {
        transform: translate(5%, 110%);
    }
}
@keyframes img4_diffusion {
    from{
        transform: translate(100%, -50%);
    }
    to {
        transform: translate(85%, -100%);
    }
}
@keyframes img5_diffusion {
    from{
        transform: translate(100%, -50%);
    }
    to {
        transform: translate(125%, 10%);
        z-index: 1;
    }
}
@keyframes img6_diffusion {
    from{
        transform: translate(100%, -50%);
    }
    to {
        transform: translate(250%, -50%);
    }
}

/* Ripple animation */
@keyframes ripple_green {
    0% {
        box-shadow: 0 0 0 .7rem rgb(220, 247, 197, 1), 0 0 0 .7rem rgb(220, 247, 197, 1);
    }
    75% {
        box-shadow: 0 0 0 9rem rgb(220, 247, 197, 0.2), 0 0 0 4rem rgb(220, 247, 197, 0.4);
    }
    100% {
        box-shadow: 0 0 0 9rem rgb(220, 247, 197, 0), 0 0 0 4rem rgb(220, 247, 197, 0)
    }
}

@keyframes ripple_blue {
    0% {
        box-shadow: 0 0 0 .7rem rgb(209,243,246, 1), 0 0 0 .7rem rgb(209,243,246, 1);
    }
    75% {
        box-shadow: 0 0 0 9rem rgb(209,243,246, 0.2), 0 0 0 4rem rgb(209,243,246, 0.4);
    }
    100% {
        box-shadow: 0 0 0 9rem rgb(209,243,246, 0), 0 0 0 4rem rgb(209,243,246, 0)
    }
}

/* Animazioni diffusione 1 */
@keyframes box_text_grey_diffusion {
    from{
        position: absolute;
        transform: translate(110%, 10%);
    }
    to{
        position: relative;
        transform: translate(0, 0);
    }
}

@keyframes box_text_blue_diffusion {
    from {
        position: absolute;
        transform: translate(-120%, -50%);
    }

    to {
        position: relative;
        transform: translate(0, 0%);
    }
}

@keyframes box_text_img1_diffusion {
    from {
        position: absolute;
        transform: translate(-120%, 50%);
    }

    to {
        position: relative;
        transform: translate(0, 0);
    }
}

@keyframes box_text_users_diffusion {
    from {
        position: absolute;
        transform: translate(-100%, 100%);
    }

    to {
        position: relative;
        transform: translate(0, 0);
    }
}

@keyframes box_text_swaps_diffusion {
    from {
        position: absolute;
        transform: translate(100%, -100%);
    }

    to {
        position: absolute;
        transform: translate(0, 0);
    }


}
