@media (max-width:1000px){
    /*nav bar*/
body{
    scroll-behavior: smooth;
}
    .about-image{
    display: none;
}
.nav{
    position:fixed;
    top: 0;
    z-index: 9;
}
.bottom-1-container{
    margin-top: 100px;
}
.page-1-container{
    height: 100vh;
    padding-top:2.020vw;
    padding-left: 2.525vw;
}

.logo-title{
    font-size:6.565vw;
    font-weight: 600;
}
.overview-container{
    display: none;
}
.try-us-container{
    display: hidden;
    margin-top: 1.9vw;
    margin-left: 50.50vw;
}
.try-us-button{
    
    height: 6.06vw;
    width: 20.20vw;
    font-size: 3.53vw;
    border-radius: 5.05vw;
    
}
.nav-phone{
    display: none;
}
.about-image-container{
    margin-top: 3.03vw;
    margin-left:6.06vw;
}

.about-image-phone{
    display: block;
    height: 78.78vw;
    width: 75.05vw;
}
.about-content-container{
    margin-top: 5.05vw;
    margin-left:4.04vw;
}
.about-title{
    font-size: 11.59vw;
    line-height: 1.2;
    font-weight: 500;
}

.about-content{
    font-size: 5.05vw;
}

.explore-more-container{
    margin-top: 5.05vw;
    margin-left: 23.23vw;
}
.explore-more{
    height: 10.06vw;
    width: 37.20vw;
    font-size: 4.53vw;
    border-radius: 5.05vw;
}


/*page 2*/

.ai-background{
    display: none;
}
.page-2-container{
    height: 100vh;
}

.bottom-2-container{
    margin-top: 14.12vw;
}
.ai-image-container{
    margin-top: 8.08vw;
    margin-left:7.07vw ;
    position: relative;
    max-width: 100%;
    
    
}
.ai-background-phone{
    position: absolute;
    height: 101.01vw;
    margin-top: 8.08vw;
    margin-left: 9.10vw;
    z-index: 1;
}
.ai-robo{
    position: absolute;
    height: 80.08vw;
    margin-top: 18.18vw;
    margin-left: 17.17vw;
    z-index: 1;
    
}

.ai-content-container{
    position:absolute;
    margin-top: 116.16vw;
    z-index: 1;
    
}

.ai-title-container{
    width: 80.80vw;
    margin-left: 5.05vw;
}
.ai-title{
    font-size: 12.52vw;
    font-weight: 500;
    line-height: 1.1;
}
.ai-descrip-container{
    margin-top: 3.02vw;
    margin-left: 5.05vw;
    font-size: 5.05vw;
    line-height: 1.2;
   
}



/*page3*/


.page-3-container{
    height: 100vh;
}
.bottom-3-container{
    margin-top: 14.12vw;
}
.map-image-container{
    margin-left: .50vw;
}
.map-phone{
    height: 100.40vw;
}

.map-content-container{
    margin-top: 4.04vw;
    margin-left: 5.05vw;
}

.map-title{
    font-size: 12.22vw;
    font-weight: 500;
    line-height: 1.2;
}

.map-descrip-container{
    margin-top: 3.02vw;
    font-size: 5.05vw;
    line-height: 1.2;
}

/*page 4*/


.page-4-container{
    height: 100vh;
}
.bottom-4-container{
    margin-top: 14.12vw;
}

.scope-image-container{
    margin-left: 8vw;
}

.scope{
    height: 81vw;
}

.scope-content-container{
    margin-top:10vw ;
    width: 80.80vw;
    margin-left: 5.05vw;
}


.scope-title{
    font-size: 12.52vw;
    font-weight: 500;
    line-height: 1.1;
    
}


.scope-descrip{
    margin-top: 3.02vw;
    font-size: 5.05vw;
    line-height: 1.2;
}



/*page-5*/

.page-5-container{
    height: 100vh;
}

.bottom-5-container{
    margin-top: 14.12vw;
}

.dashboard-image{
    height: 110vw;
}



.dashboard-content-container{
    margin-top:10vw ;
    width: 80.80vw;
    margin-left: 5.05vw;
}


.dashboard-title{
    font-size: 12.52vw;
    font-weight: 500;
    line-height: 1.1;
    
}


.dashboard-descrip{
    margin-top: 3.02vw;
    font-size: 5.05vw;
    line-height: 1.2;
}

}









@media (min-width:1001px) and (max-width:2040px){
    body{
        scroll-behavior: smooth;
        
    }
.about-image-phone{display: none;}
.nav-phone{
    display: none;
}

/*nav container*/

.page-1-container{
    height: 100vh;
    
}

.about-image{
    margin-top: 0.5vw;
}

.nav{
    top: 0;
    padding-left: 2vw;
    padding-top: 1.2vw;
    position: fixed;
    z-index:10
}
.logo-title{
    font-size: 2.85vw;

}

.overview-container{
    margin-top: 0.6vw;
    font-size: 1.571vw;
    margin-left: 65.42vw;
}
.try-us-container{
    margin-left: 4.14vw;
}
.try-us-button{
    margin-top: 0.6vw;
    width: 9.78vw;
    height: 2.57vw;
    border-radius: 1.785vw;
    font-size: 1.571vw;
}


.bottom-1-container{
    margin-top: 5.4vw;
}
.about-image-container{
    margin-top: 1vw;
}
.about-image{
    height: 44.75vw;
    width: 50vw;
}
.about-content-container{
    margin-top: vw;
    margin-left: 5.125vw;
}
.about-title{
    font-size: 5.625vw;
    line-height: 1.2;
}
.about-content{
    margin-top: 0.625vw;
    width: 42.125vw;
    line-height: 1.3;
    font-size: 2.5vw;
}

.explore-more-container{
    margin-top: 1.875vw;
}
.explore-more{
    height: 4vw;
    width: 14.375vw;
    font-size: 1.5vw;
    border-radius: 3.125vw;
}





/*page-2*/
.page-2-container{
    height: 100vh;
}
.ai-background-phone{
    display: none;
}
.bottom-2-container{
    margin-top: 7.625vw;
    margin-left: 3.75vw;
}

.ai-background{
    position: absolute;
    height:38.43vw;
    width: 36.75vw;
    z-index: 1;
}
.ai-robo{
    position: absolute;
    height:32.016vw;
    width:25.57vw;
    margin-left: 6vw;
    margin-top: 2.75vw;
    z-index: 2;
}

.ai-content-container{
    margin-left: 50.75vw;
    margin-top: 1.875vw;
}
.ai-title{
    font-size: 5.525vw;
    line-height: 1.2;
}
.ai-descrip-container{
    width: 39.5vw;
    margin-top: 1.25vw;
    font-size: 2.18vw;
}





/*page 3*/


.page-3-container{
    height: 100vh;
}
.chat-phone{
    height: 45vw;
    width: 40.28vw  ;
}
.bottom-3-container{
    margin-top: 7.625vw;
    margin-left: 3.75vw;
}

.map-content-container{
    margin-left: 11.125vw;
    margin-top: 1.875vw;
}

.map-title{
    font-size: 5.525vw;
    line-height: 1.2;
}
.map-descrip-container{
    width: 39.5vw;
    margin-top: 1.25vw;
    font-size: 2.18vw;
}






/*page 4*/
.page-4-container{
    height: 100vh;
}
.bottom-4-container{
    margin-top: 7vw;
    margin-left: 4vw;
}
.scope{
    height: 43vw;
    width: 43vw  ;
}

.scope-content-container{
    margin-left: 11.125vw;
    margin-top: 1.875vw;
}

.scope-title{
    font-size: 5.525vw;
    line-height: 1.2;
    width: 30vw;
}

.scope-descrip{
    width: 39.5vw;
    margin-top: 1.25vw;
    font-size: 2.18vw;
}



/*page-5*/

.page-5-container{
    height: 100vh;
}
.bottom-5-container{
    margin-top: 7vw;
    margin-left: 2vw;
}

.dashboard-image{
    height: 53vw;
    width: 53vw  ;
}

.dashboard-content-container{
    margin-left: .125vw;
    margin-top: 6.875vw;
}

.dashboard-title{
    font-size: 5.525vw;
    line-height: 1.2;
    width: 30vw;
}

.dashboard-descrip{
    width: 39.5vw;
    margin-top: 1.25vw;
    font-size: 2.18vw;
}

}