@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&display=swap');

.carousel-control.right {
    background-image: none;
}

.carousel-control.left {
    background-image: none;
}

.carousel-control {
    position: absolute;
    top: 40%;
    width: 5%;
    font-size: 5rem;

}

.vir1 {
    position: absolute;
    top: 66%;
    left: 19%;
    transform: translate(-50%, -50%);
    animation: virus1 2s normal;
}

.vir2 {
    position: absolute;
    top: 32%;
    left: 36%;
    transform: translate(-50%, -50%);
    animation: virus2 2s normal;
}

.cast {
    position: absolute;
    left: 25%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: castillo 2s normal;
}

.meLogoS {
    position: absolute;
    top: 16%;
    left: 8%;
    transform: translate(-50%, -50%);
}

.textoo {
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    animation: texto 5s normal;
}

@keyframes virus1 {
    0% {
        top: 0;
        opacity: 0;
    }

    100% {
        top: 66%;
        opacity: 1;
    }
}

@keyframes virus2 {
    0% {
        top: 0;
        opacity: 0;
    }

    100% {
        top: 32%;
        opacity: 1;
    }
}

@keyframes castillo {
    0% {
        left: 0;
        opacity: 0;
    }

    100% {
        left: 25%;
        opacity: 1;
    }
}

@keyframes texto {
    0% {
        max-width: 0;
        opacity: 0;
    }

    100% {
        max-width: 100%;
        opacity: 1;
    }
}

@media screen and (max-width:1366px) {
    .textoo {
        width: 50%;
    }

    .cast {
        width: 30%;
    }

    .vir1 {
        top: 69%;
        left: 16%;
        width: 25%;
    }

    .vir2 {
        top: 27%;
        left: 34%;
        width: 17%;
    }

    .meLogoS {
        width: 13%;
    }
}

.imgHome {
    margin: 0px 0px 25px;
}

.imgHome img {
    width: 55%;
}

.contHome {
    background: #eff4f8b8  0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    padding: 24px 35px;
    height: 30rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: column;
    /* opacity: 0.49; */
}

.contHome h4 {
    font-family: 'Exo', sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: #09477C;
    text-transform: uppercase;
    height: 5rem;

}

.contHome p {
    font-family: 'Exo', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #6A6A6A;
}

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

@media screen and (max-width:1024px) {
    .contHome {
        height: 36rem;
    }
}
@media screen and (max-width:991px){
    .contHome h4 {
        height: 8rem;
    }
    .contHome {
        height: 50rem;
    }
}
@media screen and (max-width:768px) {
    .contHome h4 {
        height: 8rem;
    }

    .contHome {
        height: 50rem;
    }
}

@media screen and (max-width:468px){
    .recent_post_home3_card {
        flex-flow: column;
    }
    .contHome {
        height: 29rem;
    }
    .imgHome {
        margin: 50px 0px 25px;
    }
    .contHome h4 {
        height: 5rem;
    }

}