* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.banner-wrap {
    background-image: url("./Assets/Model-S-homepage-desktop.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
    width: 100vw;
}
.logo {
    height: 24px;
    width: 120px;
}
nav{
display: flex;
justify-content: space-between;
height: 56px;
align-items: center;
padding: 0% 32px;

}
.nav-item{
padding:5px 15px ;
cursor: pointer;

}

.nav-item:hover{
  background-color:blueviolet ;
  background-color: #d8d9da;
    border-bottom-left-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
}

main{
text-align: center;
height: calc(100vh - 56px );
display: flex;
flex-direction: column;
}
.title-section{
margin: calc(164px - 56px);

}
.action-section{
margin: 400px;

}
.font{
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   font-size: 40px;
   font-weight: 600;
 }

 p{
    font-size: 20px;
    font-weight: 500;
    padding: 6px 24px 16px 24px ;
 }
 button{
    border: none ;
    background: none;
    
    width: 210px;
    height: 26px;
    padding: 10px 27px;
    height: 40px;
    background-color: #d8d9da;
    border-bottom-left-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    margin: 15px;
    cursor: pointer;
 }
 .dark{
    background-color: #191d21;
    color: white;
 }