.body{
    width: 1600px;
    height: 3400px;
    background-color: ghostwhite;
}
.section{
    width: 1600px;
    height: 921px;
    background-color:#461096;
}
.div-1{
    width: 1140;
    height: 59px;
    display: flex;
    vertical-align: middle;
}
.div-2{
    margin-top: auto;
}
.div-0{
    display: flex;
    vertical-align: middle;
    width: 152px;
    height: 50px;
    margin-top: auto;
    margin-left: 230px;
}
.div-3{
    display: flex;
    text-align: center;
    vertical-align: middle;
    margin-right:40px;
    margin-top: auto;
}
.ser{
    color: #FFFFFF;
    font-size: 18px;
}
.Home{
    display: flex;
    color: #44B4EE;
    font-size: 18px;
    vertical-align: middle;
    margin-left: 230px;
    margin-top: auto;
}
.Home-1{
    color:#42B4EE ;
    font-size: 18px;
    margin-right: 40px;
}
.nav {
    width: 160px;
    height: 49px;
    background-color:#42B4EE;
    padding-top: 20px;
}
.nav-1{
    color: #FFFFFF;
    font-size: 18px;
    margin-top: 40px;
}
.Codext{
    width: 498px;
    height: 222px;
    font-size: 62px;
    color: #FFFFFF;
    margin-left: 230px;
    margin-top: 245px;
}
.Lorem{
    width: 435px;
    height: 87px;
    color: #FFFFFF;
    font-size: 18px;
    margin-left: 230px;
}
.Try{
    width:216px;
    height: 62px;
    background-color: #42B4EE;
    font-size: 20px;
    margin-left: 230px;
    text-align: center;
    padding-top: 20px;
    color: #FFFFFF;
}
.main-1{
    background-color: ghostwhite ;
}
.section-0{
    width: 1303px;
    height: 500px;
    display: flex;
    margin-left: 171px;
    margin-top: 230px;
}
.section-1{
     width: 601px;
    height: 471px;
    margin-right: auto;
}
.section-2{
    flex-direction: column;
}
.section-3{
    font-size:44px;
    color: #051114;
    width: 508px;
    height: 114px;
}
.section-4{
    font-size: 25px;
    color: #051114;
    display: flex;
}
.section-6{
    display: flex;
    font-size:25px ;
    margin-left: 25px;
}
.section-5{
   width: 367px;
   height: 44px;
   font-size: 14px;
   color: #051114; 
   margin-left: 50px;
}
.Allows{
    display: flex;
    font-size: 25px;
    color: #051114;
}
.Allows-1{
    margin-left: 25px;
}
.Lorem-0{
    width: 367px;
   height: 44px;
   font-size: 14px;
   color: #051114; 
   margin-left: 50px;
}
.Smart{
    display: flex;
    font-size: 25px;
    color: #051114;
}
.Lorem-1{
      width: 367px;
   height: 44px;
   font-size: 14px;
   color: #051114; 
   margin-left: 50px;
}
.Smart-1{
   margin-left: 30px; 
}
.Let’s{
    width: 1140px;
    height: 496px;
    text-align: center;
    background-color: ghostwhite;
}
.Let’s-1{
    font-size: 44px;
    color: #060E1A;
    width: 575px;
    height: 57px;
    margin-left: auto;
    margin-top: 200px;
}
.Lorem-2{
    width: 670px;
    height: 58px;
    margin-left: auto;
    margin-top: 30px;
}
.let{
    margin-top: 60px;
    margin-left: 230px;
    display: flex;
    width: 1140px;
    height: 291px;
}
.let-1{
    padding-left: 70px;
   width: 360px;
   height: 291px;
   background-color: #FFFFFF; 
   border: 1px solid #5B1FB0;
   border-radius: 10px;
}
.let-3{
    margin-top: 20%;
   width: 200px;
   height: 76px; 
   color: #051114;
}
.let-4{
  width: 247px;
  height: 80px;  
  display: flex;
}
.klas-4{
    color: #051114;
    font-size: 20px;

}
.klas-5{
    color: #051114;
    font-size: 10px;
}
.let-6{
    font-size:20px ;
    color: #051114;
}
.let-7{
    font-size: 10px;
    color: #051114;
}
.klas{
    background-color: #FFFFFF;
    margin-left: 30px;
    margin-right: 30px;
    width: 360px;
    height: 291px;
    padding-top: 50px;
    padding-left: 70px;
}
.klas-2{
    width: 200px;
    height: 76px;
    color: #051114;
}
.klas-3{
    display: flex;
}
.klas-8{
    width: 360px;
    height: 291px;
    background-color: #FFFFFF;
    padding-top: 40px;
    padding-left: 70px;
}
.klas-7{
    width: 200px;
    height: 76px;
}
.klas-6{
    display: flex;
}
.Ryan{
    color: #051114;
    font-size: 20px;
}
.Press{
      color: #051114;
      font-size: 10px;
}
.Lastest{
    text-align: center;
    font-size:44px;
    color: #051114;
    margin-top: 166px;
}
.Our{
    margin-top: 30px;
    margin-left: 30px;
    display: flex;
    flex-direction: row;
    margin-left: 30px;
}
.June{
    margin-left: 60px;
    margin-right: 60px;
}
.Running{
    margin-top: 20px;
    width: 422px;
    height: 33px;
    font-size: 22px;
    color: #060E1A;
    margin-left: 30px;
}
.ipsum{
    margin-top: 20px;
    width: 427px; 
    height: 66px;
    margin-left: 30px;
}
.con{
    padding-top: 8px;
    text-align: center;
    width: 106px;
    height: 42px;
    background-color:#42B4EE ;
    font-size: 14px;
    color: #FFFFFF;
    margin-left: 30px;
}
.Create{
    display: flex;
    margin-top: 30px;
    margin-left: 30px;

}
.June-17{
    margin-left: 60px;
    margin-right: 60px;
}
.Anew{
width: 398px;
height: 33px;
margin-left: 30px;
margin-top: 20px;
font-size:22px ;
color: #051114;
}
.sit-1{
    margin-left: 30px;
    width: 427px;
    height: 66px;
    margin-top: 20px;
    font-size: 14px;
    color: #051114;
}
.sit-2{
    margin-left: 30px;
    padding-top: 10px;
    text-align: center;
    width: 106px;
    height: 42px;
    background-color:#42B4EE ;
    font-size: 14px;
    color: #FFFFFF;
}
.b{
    width: 555px;
    height: 650px;
    margin-left: 218px;
    margin-right: 30px;
    margin-top: 60px;
    border: 1px solid gainsboro;
    border-radius: 10px;
}
.b-2{
    margin-top: 60px;
    width: 555px;
    height: 650px;
    margin-right: 248px;
     border: 1px solid gainsboro;
    border-radius: 10px;
}
.b-1{
    display: flex;
}