body{
    font-family: "Noto Sans", sans-serif;
}
.container-fluid{
    padding: 50px 5%;
}
.center{
    text-align: center;
}
.inline{
    display: inline-block;
}
.right{
    text-align: right;
}
.m{
    display: flex;
    justify-content: space-between;
}
/* navbar  */
.navbar{
    width: 100vw;
    position: fixed;
    z-index: 1;
    font-size: 14px;
}
.navbar.container-fluid{
    padding: 17px 5%;
}
.navbar.bbb.container-fluid{
    margin: 15px;
    background-color: white;
    width: 97vw;
    padding: 11px;
    border-radius: 13px;
}
.navbar-light .navbar-nav .nav-link.login, #landing-content button.vr{
    color: #1C6AAE;
    background-color: #DFF0FF;
}
.navbar-light .navbar-nav .nav-link.register, #landing-content button.dwp, #launch button, .xx .register{
    color: white;
    background-color: #1C6AAE;
}
.navbar-light .navbar-nav .nav-link.login, .navbar-light .navbar-nav .nav-link.register, #launch button{
    border-radius: 24px;
    padding: 10px 24px;
    margin-left: 14px;
}
a, a:hover{
    color: inherit;
    text-decoration: none;
}
/* for sidebar  */
.offcanvas{
    width: 300px;
}
.offcanvas li{
    text-align: center;
    border: 1px solid #C0C0C0;
    margin-bottom: 20px;
}
.navbar-nav{
    font-weight: 600;
}
.navbar-brand img{
    height: 41px;
    width: 45px;
}
.logo{
    height: 70px;
    width: 200px;
}
#landing{
    background: linear-gradient(179.9deg, #E0F3FF 0.09%, #FDFDFD 67.43%);
}
#landing .navbar{
    text-align: center;
}
#landing-content{
    /* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;     */
    /* height: 70vh; */
    width: 100vw;
}

#landing h1{
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 15px;
}
#landing h1 span{
    color: #1270C1;
}
#landing h4{
    font-weight: 400;
    font-size: 20px;
    color: #8B8B8B;
    margin-bottom: 30px;
}
#landing-content button, #launch button{
    border: none;
    padding: 10px 24px;
    border-radius: 30px;
}
#landing-content .col-lg-6 h1{
    margin-top: 120px;
}
#landing-content .container-fluid{
    padding-bottom: 0;
}
#launch{
    background: #f0f6fa;
    text-align: center;
}
#launch h3{
    font-size: 32px;
    font-weight: 600;
} 
#launch h5{
    color: #8B8B8B;
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 30px;
}
#launch .cxn{
    box-shadow: -2px 6px 7.2px 0px #97AABB2E;
    background: white;
    border-radius: 16px;
    padding: 30px;
}
#launch .cxn h2{
    color:#1270C1;
    font-size: 32px;
    font-weight: 600;

}
#launch .cxn h4{
    color: #8B8B8B;
    font-size: 20px;
    font-weight: 400;
}
#launch .ctn button{
    font-size: 16px;
    border: 1px solid #FFFFFF3D;
    background-color: #71a2cc;
    margin-left: 0;
}
#launch .ctn{
    border-radius: 16px;
    padding: 20px;
    box-shadow: -2px 6px 7.2px 0px #97AABB2E;
    background: linear-gradient(180deg, #1C6AAE 0%, #1270C1 100%);
    font-size: 20px;
    text-align: left;
    color: white;
    min-height: 250px;
}
#launch .ctn span{
    color: #E3E3E3;

}

footer h3{
    font-size: 24px;
    color: #1C6AAE;
    margin-bottom: 0;
}
footer img{
    height: 25px;
    margin-bottom: 10px;
}
footer p{
    max-width: 185px;
    color: #8B8B8B;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
}
footer input{
    border: 1px solid #1C6AAE;
    border-radius: 23px;
    padding: 7px 20px;
    font-size: 12px;
}
footer button{
    padding: 7px 20px;
    border-radius: 23px;
    font-size: 12px;
    border: none;
    color: white;
    background-color: #1C6AAE;
}
footer .col-lg-5{
    margin-bottom: 10px;
}
footer .col-lg-3{
    color: #1C6AAE;
}

.xx{
    display: none;       
}
/* laptop view  */
@media(min-width: 920px){
    #landing-content .col-lg-6{
        padding: 120px 0 0 0;
    }
    #landing-content .col-lg-6 h1{
        margin-top: 0px;
    }
}


/* mobile view  */
@media(max-width: 470px){
    .logo{
        height: 50px;
        width: 150px;
    }

    #landing h1{
        font-size: 24px;
    }

    #landing h4{
        font-size: 13px;
    }
    .navbar-brand img{
        height: 31px;
        width: 36px;
    }
    .navbar.bbb.container-fluid{
        width: 93vw;
    }
    #landing-content{
        /* height: 80vh; */
    }
    #landing-content button{
        font-size: 11px;
    }
    #launch h3{
        font-size: 24px;
    } 
    #launch h5{
        font-size: 14px;
    }
    #landing-content .col-lg-6 h1 {
        margin-top: 20px;
    }
    .xx{
        display: block;       
    }
}