*{
    font-family: "TT Commons",Arial,sans-serif;
}
#headear{
    display: grid;
    display: flex;
    grid-template-columns: repeat(9,1fr);
    grid-template-rows: 80px;
    gap: 10px;
    justify-content: space-evenly;
    cursor: pointer;
    width: 95%;
    margin: auto;
}
#headear>div:hover{
color:blue;
text-decoration: underline;
/* border: 1px solid red; */
}
#headear>div:nth-child(5){
width:400px ;
}
a{
text-decoration: none;
}
#headear>div:last-child:hover{
color: #FFFFFF;
}
#headear>div:last-child{
border: 1px solid blue;
border-radius: 40px;
padding-left: 20px;
padding-right: 20px;
padding-top: 0px;
margin-top: 5px;
color: white;
background-color: blue;
}
#getstart{
display: flex;
width: 100%;
height: 400px;
/* border: 1px solid red; */
margin-top: 30px;
/* background-color: black; */
background-color: #080736;
}
#getstart>div{
width: 50%;
/* border: 1px solid red; */


}
#getstart>div:nth-child(2){
width: 40%;

margin-bottom: 0px;
margin: auto;
margin-top: 150px;
height: 800px;
background-color: #F6F6F6;
border-radius: 10px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}
#getstart>div:nth-child(1)>h1{
margin-left: 80px;
margin-top: 150px;
margin-right: 70px;
font-size: 40px;
line-height: 50px;
color: #FFFFFF;
}
#getstart>div>input{
width: 220px;
margin-bottom: 40px;
height: 25px;
font-size: 20px;
margin-top: 20px;
border: none;
background-color: #F6F6F6;
margin-left: 30px;
border-bottom: 1px solid ;

}
#getstart>div>label{
margin-left: 30px;
}
#getstart>div>h1{

margin: 40px 20px 40px 40px;
}
#getstart>div>p{
margin-left: 35px;
margin-right: 55px;
}
#getstart>div>button{
margin-left: 40px;
margin-top: 10px;
padding: 10px;
border-radius: 20px;
padding-left: 20px;
padding-right: 20px;
color: #FFFFFF;
background-color: blue;
border: none;

}
#getstart+h3{
margin-left:100px;
margin-top: 90px;
}
#getstart+h3+ol{
width: 250px;
margin-left: 150px;
padding-right: 100px;
margin-right: 200px;
line-height: 30px;
font-family: "TT Commons",Arial,sans-serif;
}
#sponser{
display: grid;
grid-template-columns: repeat(4,1fr);
grid-template-rows: repeat(2,100px);
gap: 20px;
width: 90%;
margin: auto;
margin-left: 120px;

}
#sponser>div{
/* border: 1px solid red; */
}
#sponser+h3{
text-align: center;
width: 17%;
margin: auto;
margin-top: 50px;
font-size: 15px;
padding: 15px;
border-radius: 20px;
background-color: rgb(193, 216, 216);
color: blue;
/* border: 1px solid black; */
}
#sponser+h3:hover{
background-color: blue;
color: white;
}
#sponser>div:last-child>img{
width: 50%;
height: 100%;

}
ol+h1{
margin-top: 350px;
margin-bottom: 100px;
margin-left: 70px;
}
#footer{
display: grid;
grid-template-columns: repeat(5,1fr);
grid-template-rows: 400px;
gap: 15px;
margin-top: 50px;
background-color: black;
/* width: 90%; */

}
#footer>div{
/* border: 1px solid white; */
width: 90%;
line-height: 0px;
color: white;
}
#footer>div>img{
width: 30%;
margin-top: 20px;
margin-left: 40px;
margin-bottom: 40px;
border-bottom: 2px solid red;
padding-bottom: 30px;
}
#footer>div>h2{
margin-left:40px;
margin-bottom: 50px;
}
#footer>div>p{
margin-left: 40px;
margin-bottom: 20px;
line-height: 15px;
}
#footer>div:nth-child(4)>label{
margin-top: 80px;
margin-bottom: 30px;
}
#downfoot{
display: grid;
height: 100px;

background-color: #393A5D;
}
#downfoot>h5{
margin:40px 0px 0px 50px;
color: white;
}
#downfoot>h5:hover{
color: white;
}
#footer>div>p{
font-size: 15px;
}