/* nav bar */
*{
    box-sizing: border-box;
    /* border: 1px yellow solid; */
    
}
body{
    background-image: url("https://assets.nflxext.com/ffe/siteui/vlv3/8728e059-7686-4d2d-a67a-84872bd71025/e90516bd-6925-4341-a6cf-0b9f3d0c140a/IN-en-20240708-POP_SIGNUP_TWO_WEEKS-perspective_WEB_34324b52-d094-482b-8c2a-708dc64c9065_small.jpg");
    opacity: 1;
    background-size: cover;
    width: 100vw;
    height: 100vh;
    background-position: center;
    background-size: cover; 
    border-bottom: 6px solid grey;
}
.one{
    padding-left: 46%;
}
.li1:hover{
    background-color: blue !important;
    color: white !important;
}
.li2:hover{
    background-color: blue !important;
    color: white !important;
}
/* content */
.content{
    margin-top: 16%;
}
.content h1{
    margin-left: 15%;
    font-weight: bold;
    font-size:45px;
}
.content p{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /* font-weight: bold; */
    font-size: 24px;
    text-align: center;
    margin-top: 2%;
}
.content form{
    margin-left: 30%;
    /* padding-left: 30%; */
    /* padding-right: 45%; */
}
.si{
    margin-left: -6%;
    width: 50vw;
    height: 7vh;
}
.si input{
    width: 50%;
    height: 100% !important;
    border-radius: 5px;
    background-color: rgba(243, 243, 243, 0.1   );
    color:white;
    border: 0.5px solid white;
    font-weight: bold;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.si button{
    color: white;
    background-color: rgb(255, 0, 0);
    border: none !important;
    margin-left: 3%;
    width: 30%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 20px;
    font-weight: bold;
    height: 100%;
    border-radius: 5px;
}
.si button:hover{
    background-color: rgb(207, 10, 10)!important;
}
/* para 2 */
.container1{
    display: flex;
    flex-direction: row;
    background-color: black;
    width: 100% !important;
    height: 84%;
    align-items: center;
    border-bottom: 6px solid gray;
}
.par1 h1{
    color: white !important;
    font-weight: bold;
    font-size: 45px;
    padding-left: 25%;
}
.par1 p{
    color: white !important;
    font-size: 25px;
    padding-left: 25%;
}
.para2{
    padding-top: 10%;
}
.para2 .z1{
    margin-left: 5% !important;
    margin-top: 10%;

}
.par1{
    width: 60%;
}
.z2{
    position: relative;
    z-index:1;
    top:-213px;
    left: 169.6px;
}
.z1{
    z-index: 0;
}
/*  */
.par4 h1{
    color: white !important;
    font-weight: bold;
    font-size: 45px;
    padding-right: 20%;
}
.par4 p{
    color: white;
    font-size: 25px;
    padding-right: 25%;
}.par4{
    margin-left: 6%;
}
.z9{
    position: relative;
    z-index:1;
    top:-242px;
    left: 190px;
}
.z0{
    z-index: 0;
}
.par0 h1{
    color: white !important;
    font-weight: bold;
    font-size: 45px;
    padding-right: 35%;
}
.par0 p{
    color: white;
    font-size: 25px;
    padding-right: 25%;
}
.container9{
    background-color: black;
    border-top: 2px solid gray;
    border-bottom: 6px solid gray;
    /* padding-bottom: %; */
}
.di{
    margin-left: 30%;
    margin-top: 3%;
    margin-bottom: 5%;
    width: 50vw;
    height: 7vh;
}
.di input{
    width: 50%;
    height: 100% !important;
    border-radius: 5px;
    background-color: rgba(243, 243, 243, 0.1   );
    color:white;
    border: 0.5px solid white;
    font-weight: bold;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.di button{
    color: white;
    background-color: red;
    border: none !important;
    margin-left: 3%;
    width: 30%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 20px;
    font-weight: bold;
    height: 100%;
    border-radius: 5px;
}
.di button:hover{
    background-color: rgb(207, 10, 10)!important;
}