#heroVideo{
    border-radius: 1.5rem;
    min-height:600px;
}
#heroVideo video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: auto;
}
#logoHero{
    max-width: 100%;
    width: 388px;
    height:auto;
    opacity: 0;
    position:relative;
}
#logoHero.loaded{
    animation: identifier 1.2s ease forwards;
}
@keyframes identifier {
    0% {
        transform:translateY(46px);
    }
    100% {
        transform:translateY(0px);
        opacity: 1;
    }
}
#firstLogo{
    position:absolute;
    top:0;
    left:0;
    /* transform: rotate(90deg) translate(10px, 10px); */
}
#logoHero.loaded #firstLogo{
    animation: firstLogo 1.5s ease forwards;
    /* animation: firstLogo2 .5s ease 1.5s forwards; */
}
@keyframes firstLogo {
    0% {
        transform: rotate(-180deg)  translate(0, 0);
    }
    92% {
        transform: rotate(0deg) translate(0, 0);
    }
    96% {
        transform: rotate(0deg) translate(3px, 3px);
    }
    100% {
        transform: rotate(0deg) translate(0, 0);
    }
}
#pointLogo{
    opacity: 0;
}
#logoHero.loaded #firstLogo #pointLogo{
    animation: firstLogo2 .2s ease 1.5s forwards;
}

@keyframes firstLogo2 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#swiper, #swiperTwo{
    width: 100%;
    height: 100%;
    padding:0;
    max-width: 1320px;
    padding-right: 1rem;
    padding-left: 1rem;
}
#swiper .swiper-wrapper{
   display: flex;
   flex-wrap: nowrap;
}
#swiper .swiper-slide{
    width:240px;
    height:auto;
}

#swiperTwo .swiper-slide{
    width:392px;
    height:auto;
    background-color:#00000014;
    border-radius: 1.5rem;
}

#swiperTwo .swiper-slide img{
    width:100%;
    height:100%;
    border-radius: 1.5rem;
    height:200px;
    object-fit: cover;
    object-position: bottom;
}
#client{
    max-width: 696px;
}
#client img{
    width: 100%;
    max-width: 120px;
    max-height:120px;
    aspect-ratio: 1 / 1;
    padding:.875rem;
    object-fit: contain;
    object-position: center;
}

@media (min-width: 1200px) {
    #heroVideo video{
        width:100%;
        height:auto;
    }
}