*{
    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;
    
}
#headear>div:nth-child(5){
    width:400px ;
}
#content{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: 500px;
    gap: 20px;
    margin-top: 100px
}

#content>div:nth-child(1){
    width: 550px;
}
#content>div:nth-child(2){
    width: 800px;

}
#content>div>h1{
    font-size: 90px;
   
    margin: auto;
    margin-left: 50px;
}
#content>div>p{
    margin-left:50px ;
    font-size: 20px;
}
#attractive{
    width: 90%;
    height: 400px;
    background-color: blue;
    margin: auto;
   
   
    border-radius: 30px;
    margin-top: 60px;
    padding-top: 10px;
}
#blueimg{
    width:30%;
    height: 100px;
    margin-left: 200px;
   
    margin-top: 20px;
    padding-bottom: 30px;
    
    
}
#blueimg>img{
    width: 400px;
    /* margin-bottom: 20px; */
   
}
#bluetxt{
    display: flex;
    width: 35%;
    height: 100px;
    margin: auto;
    margin-top: 20px;
    /* border: 1px solid yellow; */
}
#bluetxt>div{
    width: 50%;
    /* border: 1px solid black; */
    
}
#bluetxt>div>h1{
    font-size: 35px;
    margin-top: 10px;
    
}
#attractive>h3{
    text-align: center;
    color: aliceblue;
}
#bluelink{
    display: flex;
    width: 35%;
    margin: auto;
    /* border: 1px solid black; */
    /* color: white; */
}
#bluelink>div{
    width: 300px;
    /* border: 1px solid black; */
    margin-left: 20px;
}
/* a{
    color: white;
} */
#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: 30px;
    border-radius: 20px;
    padding: 10px;
    /* border-radius: 20px; */
    /* border: 1px solid black; */
}
#sponser+h3:hover{
    background-color: blue;
    color: white;
}
#sponser>div:last-child>img{
    width: 50%;
    height: 100%;

}
#attractive+h1{
    margin: 90px 30px;
}
#platform{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: 400px;
    gap: 20px;
    margin-top: 50px;
    background-color: blue;
}
#platform>div{
    /* border: 1px solid red; */
    padding-left: 30px;
    padding-right: 30px;
    color: white;
    

}
#platform>div:nth-child(2){
    background-color: blue;

}
#platform>div>p+p:hover{
    color: black;

}
#platform>div>p+p{
    margin-top: 60px;
}
#cont{
   display:grid ;
   grid-template-columns: repeat(3,1fr);
   grid-template-rows: 300px;
   background-color: #861dff;
}
#cont>div{
    /* border: 1px solid red; */
    color: #FFFFFF;
}
#subcont{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(3,40px);
    gap: 10px;
    margin: auto;
    text-align: center;
    margin-top: 40px;
    width: 80%;
    justify-items: center;
    justify-content: center;
    
}
#subcont>div{
    border: 1px solid white;
    font-family: "TT Commons",Arial,sans-serif;
    border-radius: 20px;
    color:#F0F2F3;
    
    
}
/* #subcont>div:hover{
    color: #0037FF;
} */
#subcont>div:nth-child(3){
    width: 180px;
    
}
#subcont>div:nth-child(2){
    width: 90px;
}
#subcont>div:nth-child(1){
    width: 120px;
    
}
button{
    border: 0px;
    background: none;
}
#cont>div>h3,p{
    margin-left: 30px;
    font-size: 20px;
}
h5{
    color: #FFFFFF;
}
#subcont>div:hover{
    background-color:rgb(25, 202, 202);
    color:blue;
    cursor: pointer;


}

#ndcont>div>h3{
    margin-left: 30px;
}
#nndcont>div>h3{
    margin-left: 30px;
}
#insights{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: 250px;
    gap: 10px;
}
#insights>div{
    /* border: 1px solid blue; */
}
#insights>div>h1{
    font-size: 25px;
    margin-left: 30px;
    font-family: ;"TT Commons Book",Arial,sans-serif
    
}
#insights>div>p>button{
    color: blue;
    font-family: "TT Commons Book",Arial,sans-serif;
    font-size: 17px;
}
#insights>div>h1:hover{
    color: blue;
    cursor: pointer;
}
#insights>div>p>button:hover{
    color: black;
}
#insights>div>p{
    font-family: "TT Commons Book",Arial,sans-serif;
    font-size: 18px;
}
#mazba{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: 500px;
    margin: auto;
    width:90%;
    margin-top: 90px;
}
#mazba>div{
    /* border: 1px solid red; */
    cursor: pointer;
    color: white;
    
}
#mazba>div>img{
    width: 50%;
    margin:30px 0px 20px 30px;
    
}
#mazba>div:nth-child(1){
    background-color: #080736;
}
#mazba>div>h1{
    color: #FFCC00;
    margin-left: 25px;
}
#mazba>div>h1:nth-child(1){
    padding-top: 50px;
}
#mazba>div:nth-child(2){
    background-color: #816DFF;
}
#mazba>div:nth-child(3){
    background-color: #0037FF;
}
#cont+h1{
    margin-top: 100px;
    margin-bottom: 30px;
}
input:hover{
    border-bottom:2px solid red;
}
input{
    border: 0px solid red;
}
#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;
}
#headear>div:last-child:hover{
    color: #FFFFFF;
    background-color: darkblue;
}
#infopage{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: 800px;
    margin-top: 100px;
}
#infopage>div{
    /* border: 1px solid red; */
}
#infopage>div:nth-child(1){
    font-family: "TT Commons Book",Arial,sans-serif;
    padding-top: 70px;
    color: #FFFFFF;
    background-color: #080736;
    line-height: 30px;
}

#infopage>div:nth-child(1)>h1,p{
    margin-left: 60px;
    margin-bottom: 60px;
}
#infopage>div:nth-child(1)>ul{
    margin-left: 150px;
    margin-top: 50px;

}
#infopage>div:nth-child(1)>p+p{
    margin-top: 40px;
}
#infopage>div>input{
    width: 250px;
    margin-left: 50px;
    margin-bottom: 50px;
    margin-top: 40px;
    background-color:#3BE081 ;
}
#infopage>div>h1{
    margin-left: 50px;
}
#infopage>div>input:nth-child(4){
    width:500px ;
}
#infopage>div>select{
    border: none;
    border-bottom: 2px solid red;
    margin-left: 40px;
    width: 200px;
    background-color: #3BE081;
}
#labl{
    margin-left: 40px;
    margin-top: 0px;
}
#labl+input{
    width: 300px;
    height: 100px;
    box-sizing: border-box;
    border: 1px solid red;
}
#infopage>div>button{
    margin-left: 100px;
    border: 2px solid blue;
    padding: 10px 20px 10px 20px;
    border-radius: 30px;
    background-color: blue;
    color: #FFFFFF;
    
    
    margin-top: 0px;
}
#infopage>div>p{
    margin-bottom: 15px;
}
#infopage>div:nth-child(2){
    background-color: #3BE081;
}
#just{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: 600px;
    gap: 10px;
    width: 80%;
    margin: auto;
    margin-top: 80px;
    cursor: pointer;
    border-radius: 20px;
}
#just>div{
    /* border: 1px solid red; */
    border-radius: 20px;
    font-size: 15px;
    font-family: "TT Commons Book",Arial,sans-serif;
    padding: 10px;
    cursor: pointer;
    background-color: #F0F2F3;
    
    
}
#just>div>h1{
    font-size: 23px;
    color: #000000;
}
#just>div>img{
    width: 100%;
    height: 320px;

}
#just>div>p{
    font-size: 15px;
    margin-left: 5px;
    margin-bottom: none;
}
#just>div>p+p{
    padding-top: 0px;
    margin-top: none;
    margin-left: 10px;
    color: blue;

}
#just>div>p+p:hover{
    color: #000000;
}
#just>div>h1:hover{
    color: #0037FF;
}
#infopage+h1{
    margin-left: 130px;
    margin-top: 100px;
    font-size: 40px;
}
#footer{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-template-rows: 400px;
    gap: 15px;
    margin-top: 50px;
    background-color: black;
   

}
#footer>div{
    /* border: 1px solid white; */
    width: 90%;
    line-height: 0px;
    color: white;
    cursor: pointer;
}
#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;
}
a{
    text-decoration: none;
}
#bluelink>div>button>a:nth-child(1):hover{
    background-color: darkblue;
    color: white;
    
    
    
}
#reg>a{
    /* border: 2px solid red; */
    font-family: "TT Commons Book",Arial,sans-serif;
    background-color:rgb(118, 232, 232);
    padding: 10px;
    border-radius: 16px;
    color: #0037FF;
    padding-left: 15px;
    padding-right: 15px;

}
/* #bluelink>div>button>a:nth-child(1){
    background-color:lightcyan;
    padding: 10px;
} */
#headear>div:nth-child(2)>h3:hover{
    /* margin-left: 10px; */
    border-bottom:4px solid blue ;
    padding-bottom: 20px;
}
#headear>div:nth-child(3)>h3:hover{
    /* margin-left: 10px; */
    border-bottom:4px solid blue ;
    padding-bottom: 20px;
}
#headear>div:nth-child(4)>h3:hover{
    /* margin-left: 10px; */
    border-bottom:4px solid blue ;
    padding-bottom: 20px;
}
#headear>div:nth-child(6)>h3:hover{
    /* margin-left: 10px; */
    border-bottom:4px solid blue ;
    padding-bottom: 20px;
}
#headear>div:nth-child(7)>h3:hover{
    /* margin-left: 10px; */
    border-bottom:4px solid blue ;
    padding-bottom: 20px;
}
#headear>div:nth-child(8)>h3:hover{
    /* margin-left: 10px; */
    border-bottom:4px solid blue ;
    padding-bottom: 20px;
}
#footer>div>p{
    font-size: 15px;
}
#platform>div>img{
    width: 100%;
}
#cont>div>h3:hover{
    color: #000000;

}
#ndcont>div>h3:hover{
    color: #000000;
}
#nndcont>div>h3:hover{
    color: #000000;
}
#attractive+h1{
    margin-left: 70px;
}