.page {
    width: 100vw;
    height: 100vh;
    padding-top:107px;
    overflow: hidden;
    /* position:relative; */
}
.page .page__info{
    width: 100%;
    position: relative;
}
.page .page__info .info{
    width: 100%;
}
.page .page__info .logo{
    position: absolute;
    top: -15%;
    left: 50%;
    transform: translateX(-50%);
    width: 10%;
}
.page .page_content{
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 40%;
    
}
.page .page_content .content{
    max-width: 60%;
    position: relative;
}
.page .page_content .content .content-bg{
    width: 100%;
}
.page .page_content .content .vector-img{
   position:absolute;
   bottom: -30%;
   left: 15%;
   transform: translateX(-10%);
   width: 15%;
}
.page .page_footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
   

}
.page .page_footer .img-bg{
    position: relative;
    width: 100%;
    height: 100%;
}
.page .page_footer .img-bg .bg-img{
    width: 100%;
    height: 100%;
    margin-bottom: -5px;
    
}
.page .page_footer .img-bg .btn_check{
    position: absolute;
    width: 15%;
    height: 15%;
    z-index: 4;
    top:27%;
    left: 25%;
}
.page .page_footer .img-bg .tick-img{
    position: absolute;
    width: 9%;
    z-index: 3;
    top:27%;
    left: 30%;
    display:none;
}
.page .page_contact{
    position: absolute;
    bottom: 2%;
    z-index: 2;
    width: 100%;
    height: auto;
}
.page .page_contact .img-contact{
width: 100%;
height: 100%;
}
.container{
    background: url("../img/bg2.png");
    background-size: cover;    /* Makes image cover the entire area */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}
html, body
{
  height: 100vh;
  margin: 0;
  padding: 0;
  
}