*{
    margin: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}
.page1{
    height: 100vh;
    width: 100%;
    background-color:black;
    
    
  
}

.nav{
    height: 70px;
    background-color:transparent ;
    width: 75%;
    margin-left: 10rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    
}



.logo{
    
    background-image: url("logo.png");
    background-size: contain;

    
    height: 40px;
    width: 148px;
    
}
.nav p{
    font-size: 1rem;
    height: 35px;
    width: 70px;
    background-color: red;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;

}
.image1{
    background-image:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url("image1.jpg");
    height: 720px;
    width: 100%;
    background-size: cover;
    border-bottom: 9px solid rgb(75, 73, 73);
    
}
.headings{
    color: #ffffff;
    position: absolute;
    height: 300px;
    width: 1100px;
    display: inline;
    font-family: sans-serif;
    text-align: center;

    top: 29%;
    
    left: 12%
    
    
    
}
.headings h1{
    font-size: 48px;
    font-weight: 800;
}
.headings h2{
    margin-top: 15px;
    margin-bottom: 30px;
}
.headings p{
   font-size: 1.2rem;
   margin-bottom: 20px; 
}
.box{
    position: absolute;
    font-family: sans-serif;
    color: #ffffff;
    height: 50px;
    width: 560px;
    display: flex;
    
    align-items: center;
    justify-content: space-between;
    top:490px;
    left: 450px;
}
.box1{
    background-color: transparent;
    color: rgba(255, 255, 255, 0.523);
    display: flex;
    font-size: 1rem;
    padding-left: 15px;
    align-items: center;
    justify-content: flex-start;
    height: 54px;
    width: 350px;
    border: 1.5px solid white;
    border-radius: 5px;
}
.box2{
    background-color: red;
    display: flex;
    font-size: 1.5rem;
    align-items: center;
    justify-content: center;
    height: 54px;
    width:200px ;
    border-radius: 5px;
}
.page2{
    height: 550px;
    width: 100%;
    display: flex;

    background-color: black;
    border-bottom: 9px solid rgb(75, 73, 73);
}
.text{
    color: #ffffff;
    display: block;
    width: 50%;
    height: 500px;
    align-items: center;
    
}
.text h1{
    margin-left: 150px;
    margin-top: 160px;
    font-size: 48px;
    font-weight: 800;
}
.text p{
    margin-left:150px ;
    font-size: 1.6rem;
    margin-top: 13px;
}
.tv{
    
    background-image: url("tv.png");
    background-color:rgb(32, 31, 31);
    height: 520px;
    width: 641px;
    
}
.page3{
    height: 540px;
    width: 100%;
    display: flex;

    background-color: black;
    border-bottom: 9px solid rgb(75, 73, 73);
}
.phone{
    
    background-image: url("mobile.jpg");
    background-color:rgb(32, 31, 31);
    height: 520px;
    width: 600px;
    margin-left: 50px;
    
}
.text2{
    color: #ffffff;
    display: block;
    width: 580px;
    height: 500px;
    align-items: center;
    
}
.text2 h1{
    margin-left: 50px;
    margin-top: 160px;
    font-size: 48px;
    font-weight: 800;
}
.text2 p{
    margin-left:50px ;
    font-size: 1.6rem;
    margin-top: 13px;
}
.page4{
    height: 550px;
    width: 100%;
    display: flex;

    background-color: black;
    border-bottom: 9px solid rgb(75, 73, 73);
}
.text3{
    color: #ffffff;
    display: block;
    width: 50%;
    height: 500px;
    align-items: center;
    
}
.text3 h1{
    margin-left: 150px;
    margin-top: 160px;
    font-size: 48px;
    font-weight: 800;
}
.text3 p{
    margin-left:150px ;
    font-size: 1.6rem;
    margin-top: 13px;
}
.tv2{
    
    background-image: url("tv2.png");
    
    height: 530px;
    width: 641px;
    
}
.page5{
    height: 550px;
    width: 100%;
    display: flex;

    background-color: black;
    border-bottom: 9px solid rgb(75, 73, 73);
}
.children{
    
    background-image: url("children.png");
    background-color:rgb(32, 31, 31);
    height: 530px;
    width: 600px;
    margin-left: 100px;
    
}
.text4{
    color: #ffffff;
    display: block;
    width: 650px;
    height: 500px;
    align-items: center;
    
}
.text4 h1{
    margin-left: 60px;
    margin-top: 130px;
    font-size: 48px;
    font-weight: 800;
}
.text4 p{
    margin-left:60px ;
    font-size: 1.6rem;
    margin-top: 13px;
}
.end{
    height: 940px;
    width: 100%;
    background-color: black;
    border-bottom: 9px solid rgb(75, 73, 73);
    display: inline-block;
    padding: 0 130px;
    
}
.end h2{
    color:#ffffff;
    display: flex;
    font-size: 48px;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    height: 55px;
    width: 1100px;
    margin-top: 60px;
    margin-left: 30px;
}
.questions{
    
    width: 1130px;
    margin-top: 30px;
    height: 550px;
    display: block;
}
.questions p{
    font-size: 4rem;
}
.questions li{
    color: #ffffff;
    font-size: 1.2rem;
    display: flex;
    height: 85px;
    margin-bottom: 8px;
    padding-left: 25px;
    padding-right: 30px;
    align-items: center;
    justify-content:space-between;
    background-color: rgb(49, 47, 47);
}
.end p{
    color: #ffffff;
    font-size: 1.2rem;
   margin-bottom: 30px; 
   margin-top: 60px;
   margin-left: 285px;
}
.boxa{
    
    font-family: sans-serif;
    color: #ffffff;
    height: 50px;
    width: 560px;
    display: flex;
    
    align-items: center;
    justify-content: space-between;
    
    margin-left: 310px;
}
.boxa1{
    background-color: transparent;
    color: rgba(255, 255, 255, 0.523);
    display: flex;
    font-size: 1rem;
    padding-left: 15px;
    align-items: center;
    justify-content: flex-start;
    height: 54px;
    width: 350px;
    border: 1.5px solid white;
    border-radius: 5px;
}
.boxa2{
    background-color: red;
    display: flex;
    font-size: 1.5rem;
    align-items: center;
    justify-content: center;
    height: 54px;
    width:200px ;
    border-radius: 5px;
}
footer{
    background-color: black;
    color: rgba(255, 255, 255, 0.647);
    height: 350px;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    padding-top: 50px;

}
ul a{
    display: block;
    color: #dddddd9e;
    font-size: 0.85rem;
    margin-top: 12px;
}


footer p{
    margin-top: 60px;
    color: #ffffff80;
    font-size: 0.8rem;
    
}