#app{
    width: 100%;
margin: 0 auto;

}

.page-wrapper{
    opacity: 0;
transition: all 1s;
}

.page-wrapper.show{
    opacity:1;
}

#app .page-router-wrapper{
    max-width: 1920px;
margin: 0 auto;
}

.page-router-wrapper{
    min-height: 400px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.home-page-wrapper .module-homeTopKeyVisualData{
    margin-bottom: 100px;
}

.module-homeTopKeyVisualData{
    position: relative;
}

.module-homeTopKeyVisualData .content-wrapper.desktop{
    height: 100vh;
}

.module-homeTopKeyVisualData .content-wrapper{
    overflow: hidden;
    display: block;
    position: relative;
    background-color: rgba(8,27,42,.3);
}

.module-homeTopKeyVisualData .content-wrapper .autoplay-container{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.autoplay-container div{
    height: 100%;
}

.module-homeTopKeyVisualData .content-wrapper .autoplay-container img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.module-homeTopKeyVisualData .content-wrapper .content-area{
    width: 90%;
padding-top: 70vh;
padding-left: 210px;
padding-bottom: 383px;
background-color: transparent;
position: absolute;
z-index: 1;
}

.module-homeTopKeyVisualData .content-wrapper .content-area .section-title{
    color: #fff;
font-size: 20px;
line-height: 30px;
margin-bottom: 10px;
text-shadow: 0 2px 15px rgba(8,27,42,.3);
}

.module-homeTopKeyVisualData .content-wrapper .content-area .title{
    color: #fff;
font-size: 50px;
line-height: 74px;
font-weight: 700;
margin-bottom: 10px;
text-shadow: 0 3px 25px rgba(8,27,42,.3);
font-family: monsterrat-semi-bold;
}

.module-homeTopKeyVisualData .content-wrapper .content-area .summary{
    font-size: 28px;
color: #fff;
line-height: 30px;
text-shadow: 0 2px 15px rgba(8,27,42,.3);
font-family: monsterrat-semi-bold;
}

@media only screen and (max-width: 1533px){
    .module-homeTopKeyVisualData .content-wrapper .autoplay-container img{
        width:auto;
        height:100%;
    }
    
}

@media only screen and (max-width: 1440px){
    .module-homeTopKeyVisualData .content-wrapper .content-area{
        padding-left: 100px;
    }

    /* .module-homeTopKeyVisualData .content-wrapper.desktop{
        height: 80VH
    } */
}

@media only screen and (max-width: 991px){






 

    .module-homeTopKeyVisualData .content-wrapper .content-area{
        padding: 25vh 73px 312px 60px;
        position: relative;

    }

    .module-homeTopKeyVisualData .content-wrapper .content-area .title{

    font-size: 40px;
    line-height:50px

    }
}


@media only screen and (max-width: 768px){

    .module-homeTopKeyVisualData .content-wrapper .content-area{
        padding: 0;
        position: absolute;
        bottom: 10px;
        left: 10px;

    }
}