@media (min-width: 1000px) {
    .service-box {
        display: flex;
    }
    .service-description {
        width: 50%;
        margin-right: calc(2vw + 10px);
    }
    .service-hpblc > iframe{
        margin-left: auto;
        width: 50%;
        height: auto; 
    }
    .service-str2 > iframe{
        margin-left: auto;
        width: 50%;
        aspect-ratio: 16/9;
    }
    .service-genesky > img{
        margin-left: auto;
        width: 50%;
        aspect-ratio: 16/9;
    }
}


@media (max-width: 1000px) {
    .service-hpblc > iframe{
        width: 100%;
        height: 50vh; 
    }
    .service-str2 > iframe{
        width: 100%;
        aspect-ratio: 16/9;
    }
    .service-genesky > img{
        margin-left: auto;
        width: 100%;
        aspect-ratio: 16/9;
    }
}



h3 {
    font-size: 5vh;
    color: #ff5555;
}