body{

font-family:Arial,Helvetica,sans-serif;
background:url('../image/bg.png');
color:#1d2d50;
height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 20px;
   

}
.hero-section{

padding:20px 0;

/* background:linear-gradient(180deg,#ffffff,#eef5ff); */

}

.logo{

max-width:380px;

}

.tagline{

letter-spacing:4px;

font-weight:600;

color:#12326e;

}
.coming{
    color:#ff6b00;
}
.tagline span{

color:#ff6b00;

}

h1{

font-size:60px;

font-weight:800;

line-height:1.2;

color:#16356d;

}

h1 span{

color:#ff6b00;

}

.lead{

font-size:22px;

line-height:1.8;

}

.features{

padding-bottom:80px;

}

.title{

background:#0d2f68;

color:#fff;

width:320px;

margin:auto;

padding:16px;

border-radius:50px;

font-size:34px;

font-weight:bold;

text-align:center;

}

.title span{

color:#ff7b00;

}

.features ul{

padding:0;

margin:0;

list-style:none;

}

.features li{

padding:8px 0;

font-size:20px;

font-weight:500;

}

.launch{

padding:50px 0;

/* background:linear-gradient(180deg,#eef5ff,#ffffff); */

}

.launch h2{

font-size:58px;

font-weight:800;

color:#16356d;

}

.launch h2 span{

color:#ff6b00;

}

.launch p{

font-size:22px;

}

.coming-btn{

display:inline-block;

padding:18px 50px;

background:#0d2f68;

color:#fff;

text-decoration:none;

border-radius:50px;

font-size:26px;

font-weight:bold;

transition:.3s;

}

.coming-btn:hover{

background:#ff6b00;

color:#fff;

}

@media(max-width:991px){

h1{

font-size:42px;

text-align:center;

}

.lead{

text-align:center;

font-size:18px;

}

.title{

width:260px;

font-size:28px;

}

.features li{

font-size:18px;

}

.launch h2{

font-size:42px;

}

.launch p{

font-size:18px;

}

}

@media(max-width:576px){

.logo{

max-width:250px;

}

h1{

font-size:34px;

}

.tagline{

font-size:12px;

letter-spacing:2px;

}

.coming-btn{

font-size:18px;

padding:14px 25px;

}

}