.circle-container {
    position: absolute;
    width: 500px;
    height: 500px;
}

.circle {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-sizing: border-box;
}

@keyframes girar {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.circuloHomeSeccion5-1 {
    border: 3px dashed #1B9F68;
    top: 0vh;
    left: 20vh;
    animation: girar 5s linear infinite; /* Aplica la animación de rotación */

}

.circuloHomeSeccion5-2 {
    border: 3px dashed #FFAF00;
    top: 38vh;
    left: 145vh;
    z-index: 1;
    animation: girar 5s linear infinite; /* Aplica la animación de rotación */

}

.circuloHomeSeccion2-5-2 {
    border: 3px dashed #1B9F68;
    top: 38vh;
    left: 145vh;
    z-index: 1;
    animation: girar 5s linear infinite; /* Aplica la animación de rotación */
}

.circuloHomeSeccion2-2-5-1{
    border: 3px dashed #3360AA;
    top: 38vh;
    left: 5vh;
    z-index: 1;
    animation: girar 5s linear infinite; /* Aplica la animación de rotación */
}

.circuloHomeSeccion2-2-5-2 {
    border: 3px dashed #E51A31;
    top: -20vh;
    left: 140vh;
    z-index: 0;
    animation: girar 5s linear infinite;
}

.circuloHomeSeccion8-1 {
    border: 3px dashed #FCC417;
    top: 50vh;
    left: 3vh;
    z-index: 1;
    animation: girar 5s linear infinite; /* Aplica la animación de rotación */

}

.circuloHomeSeccion8-2 {
    border: 3px dashed #1B9F68;
    top: 0vh;
    left: 145vh;
    z-index: 1;
    animation: girar 5s linear infinite; /* Aplica la animación de rotación */

}




@media (max-width:1400px) {

    .circle-container {
        position: absolute;
        width: 250px;
        height: 250px;
    }
    

}



@media (max-width: 799px) {
    .circle-container {
        width: 100px;
        height: 100px;
    }
   
    .circuloHomeSeccion2-5-2 {
        top: -2vh;
        left: 0vh;
    }

    .circuloHomeSeccion5-2 {
        top: 10vh;
        left: 0vh;
    }

    .circuloHomeSeccion8-2 {
        top: 0vh;
        left: 34vh;
   
    }
    .circuloHomeSeccion2-2-5-2 {
        top: 0vh;
        left: 36vh;
    }

    .circuloHomeSeccion8-1 {
        bottom: 0vh;
        left: 4vh;
        top: 5vh;
    }

    .circuloHomeSeccion2-2-5-1 {
        top: 0vh;
        left: 0vh;
    }

}