* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
    overflow-x: hidden; 
    height: 100h;
    width: 100vw;
}





#nav1 {
    width: 100%;
    height: 8vh;
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0rem;
}

#main #nav2 {
    width: 100%;
    height: 40vh;
    padding-top: 150px;
    text-align: center;
}


#nav1 img {
    width: 30%;
    margin-left:10px;
    height: auto;
}
#main #nav1 i {
    right: 0;
    margin-top: 10px;
    margin-right: 10px;
    font-size: 5vh;
    z-index: 2;
        cursor: pointer;

}


#main #nav2 video {
    width: 80px;
    height: 50px;
    border-radius: 50px;
    margin-right: 5px;
    margin-top: 3px;
    object-fit: cover;
}

#main #nav2 #nav2a {
    width: 80%;
    height: 150px;
    margin-left: 20px;
    background-color: white;
}

#nav2 p.h {
    font-size: 2.5rem;
}

#main #nav2 #nav2a p {
    font-size: 40px;
    margin-top: 5px;
}


#main #nav2 #nav2b {
    display: flex;
}

#and {
    margin-top: 5px;
    margin-left: 5px;
}

.h {
    font-size: 40px;
    font-weight: 400;
}

#des {
    font-size: 40px;
    font-weight: bold;
    font-style: italic;
}

#main #nav3 {
    height: 300px;
}

#nav3 video {
    width: 360px;
    height: 300px;
    object-fit: cover;
}

#main #nav4 {
    width: 100%;
    height: 60vh;
    background-color: white;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#main #nav4 p {
    font-weight: 800;
    font-size: 25px;
    margin-right: 10px;
    margin-left: 10px;
}

#main #nav4 button {
    margin-top: 6vh;
    margin-left: 2.5vw;
    width: 95vw;
    height: 20vh;
    background-color: white;
    border: 1px solid black;
    border-radius: 80px;

}

#nav4 button {
    padding: 0.5rem 1rem;
    font-size: 1rem;
}

#main #nav5 {
    width: 100%;
    height: auto;
    background-color: black;
    padding-top: 60px;
    padding-bottom: 20px;
}

#main #nav6 {
    width: 100%;
    height: auto;
    background-color: white;
    padding-top: 70px;
}

#main #nav7 {
    width: 100vw;
    height: 100vh;
    background-color: #121212;
    padding-top: 5vh;
}

#nav5 h3 {
    color: white;
    padding-top: 53vh;
}

#nav5 h5 {
    color: white;
}

#main #nav7 p {
    color: white;
    font-size: 48px;
    margin-left: 20px;
}

#main #nav7 #pppp {
    margin-top: 5vh;
    font-size: 18px;
}

#main #nav7 #scrollimg {
    width: 100vw;
    height: 40vh;
    margin-top: 20px;
    display: flex;
    overflow-x: scroll;
    scroll-behavior: smooth;
}

#main #nav7 #btn99 {
    margin-top: 30px;
    margin-left: 20px;
    color: white;
    width: 60vw;
    height: 5vh;
    border: 1px solid white;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#main #nav7 #scrollimg div {
    min-width: 80%;
    height: 70%;
    border-radius: 10px;
    margin-right: 15px;
    margin-top: 2vh;

}

#main #nav7 #scrollimg div p {
    font-size: 15px;
    margin-top: 30vh;
    font-weight: bold;
}

#main #nav7 #scrollimg #imgg1 {
    width: 80%; 
    height: 70%;
    background-color: red;
    border-radius: 10px;
    margin-left: 20px;
    background-image: url("111.png");
    background-size: cover;
}

#main #nav7 #scrollimg #imgg2 {
    width: 80%; 
    height: 70%;
    background-color: green;
    border-radius: 10px;
    background-image: url("222.png");
    background-size: cover;
}

#main #nav7 #scrollimg #imgg3 {
    width: 80%; 
    height: 70%;
    border-radius: 10px;
    background-image: url("333.jpg");
    background-size: cover;
}

#main #nav7 #scrollimg #imgg4 {
    width: 80%; 
    height: 70%;
    border-radius: 10px;
    background-image: url("444.png");
    background-size: cover;
}

#main #nav7 #scrollimg #imgg5 {
    width: 80%; 
    height: 70%;
    border-radius: 10px;
    background-image: url("555.png");
    background-size: cover;
}

#main #nav7 #scrollimg #imgg6 {
    width: 80%; 
    height: 70%;
    border-radius: 10px;
    background-image: url("666.png");
    background-size: cover;
}

#main #nav5 p {
    color: white;
    font-size: 60px;
    margin-left: 10px;
}

#main #nav5 video {
    height: 55px;
    width: 90px;
    border-radius: 30px;
    object-fit: cover;
    margin-left: 10px;
}

#main #nav5 #nav5a {
    height: 100px;
    width: 100px;
}

#main #nav5 #pp {
    font-size: 60px;
    font-style: italic;
    margin-top: -110px;
    margin-left: 105px;
}

#main #nav5 .c {
    width: 89%;
    height: 50vh;
    background-color: red;
    margin-top: 40px;
    margin-left: 20px;
    margin-bottom: 100px;
    border-radius: 10px;

}

#main #nav5 #c1 {
    background-image: url("c1.jpg");
    background-size: cover;
}

#main #nav5 #c2 {
    background-image: url("c2.jpg");
    background-size: cover;
}

#main #nav5 #c3 {
    background-image: url("c3.jpg");
    background-size: cover;
}

#main #nav5 #c4 {
    background-image: url("c4.jpg");
    background-size: cover;
}

#main #nav5 #c5 {
    background-image: url("c5.jpg");
    background-size: cover;
}

#main #nav5 #c6 {
    background-image: url("c6.jpg");
    background-size: cover;
}

#main #nav5 #c7 {
    background-image: url("c7.jpg");
    background-size: cover;
}

#main #nav5 #c8 {
    background-image: url("c8.jpg");
    background-size: cover;
}

#main #nav6 #nav6a {
    width: 100%;
    height: auto;
    background-color: white;
    padding-bottom: 20px;
}

#main #nav6 #nav6a #our {
    font-size: 60px;
    font-weight: bold;
    margin-left: 10px;
}

#main #nav6 #nav6a #philosophy {
    font-size: 65px;
    margin-left: 10px;
    margin-top: -20px;
    font-style: italic;
}

#main #nav6 #nav6b {
    width: 100%;
    height: auto;
    margin-top: 20px;
}

#main #nav6 #nav6b video {
    width: 98%;
    height: auto;
    margin-right: 5px;
    margin-top: 3px;
    object-fit: cover;
}

#main #nav6 #nav6c {
    padding: 10px 10px;
    font-size: 19px;
    margin-bottom: 60px;
}

#menupage {
    width: 0vw;
    height: 100vh;
    background-color: black;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;

    transition: all ease-in-out .5s;
    overflow: hidden; /* Prevent overflow of menu content */
}

#menuu {
    width: 100vw;
    height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#menuu a {
    text-decoration: none;
    color: white;
    margin-left: 30px;
    font-size: 40px;
}

#menuu p {
    font-weight: bold;
    margin-left: 30px;
    margin-bottom: 20px;
    color: gray;	
}
	



#narangi{width: 100vw;
height: 80vh;

}


#palpal{width: 100vw;
height:27vh; 

white-space: nowrap;
display: flex;
overflow: hidden;

align-items: center;

}
#palpal #h1{
font-size: 80px;
display: inline-block;
}

#palpal #ih1{
font-size: 80px;
display: inline-block;
font-style: italic;
font-weight: 100px;
}


.text{animation-name: move;
animation-duration: 15s;
animation-iteration-count: infinite;
animation-timing-function: linear;}

@keyframes move{
from{transform: translateX(-100%);}
to{transform: translateX(0);}
}


#harpal{width: 100vw;
height: 53vh;
display: flex;
overflow-x: scroll;
scroll-behavior: smooth;
}


  #imggg1 {width: 80%; 
 height: 70%;
 background-color: red;
 border-radius: 10px;
 margin-left: 20px;
 background-image: url("111.png");
 background-size: cover;
 box-shadow: 0px 0px 10px 1px black;
 }
  #imggg2 {width: 80%; 
height: 70%;
background-color: green;
border-radius: 10px;
background-image: url("222.png");
background-size: cover;
 box-shadow: 0px 0px 10px 1px black;
}
#imggg3 {width: 80%; 
height: 70%;
border-radius: 10px;
background-image: url("333.jpg");
background-size: cover;
 box-shadow: 0px 0px 10px 1px black;
}
#imggg4 {width: 80%; 
height: 70%;
border-radius: 10px;
background-image: url("444.png");
background-size: cover;
 box-shadow: 0px 0px 10px 1px black;
}
#imggg5 {width: 80%; 
height: 70%;
 box-shadow: 0px 0px 10px 1px black;
border-radius: 10px;
background-image: url("555.png");
background-size: cover;
}
 #imggg6 {width: 80%; 
height: 70%;
 box-shadow: 0px 0px 10px 1px black;
border-radius: 10px;
background-image: url("666.png");
background-size: cover;
}

#harpal div {
    min-width: 80%;
    height: 60%;
    border-radius: 10px;
    margin-right: 15px;
    margin-top: 2vh;
    
}

#harpal div p{
margin-left: 10px;
font-size: 15px;
margin-top: 33vh;
font-weight: 200px;
}

#sml{width:100vw;
height: 100vh;
background-color: black;
}

#motiontext{width: 100vw;
height: 20vh;
background-color: black;
display: flex;
align-items: center;}

#motiontext p{margin-left: 20px;
font-size: 40px;
font-weight: bold;
color: white;
}

#smac{width: 100vw;
height: 8vh;
background-color: black;
display: flex;

align-items: center;
}

#smac p{margin-left: 20px;
font-weight: 200px;
color: gray;}
.handles{width: 100vw;
height: 10vh;
background-color: black;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid gray;
}

.handles p{
font-size: 20px;
font-weight: 100px;
color: white;
margin-left: 20px;
}

.handles i{
color: white;
font-size: 20px;
margin-right: 20px;
}


#lastwala{

width: 100vw;
height: 90vh;
background-color: black;


}

#lastwala video{height: 90vh;
width: 100vw;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
opacity:.5;


}
#lastwalesepehla{width: 100vw;
height: 70vh;
background-color: BLACK;}

#lastwalesepehla #palak{
width: 100vw;
height: 30vh;
padding-top: 15vh;


}

#lastwalesepehla #jhalak{
width: 100vw;


height: 30vh;



}

#lastwalesepehla .tala{color:white;
font-size: 18px;
margin-left: 20px;

}





#hara1{width: 200px;
height: 50px;
border-radius: 30px;
border: 1px solid white;
COLOR: WHITE;
display: flex;
justify-content: center;
align-items: center;
margin-left: 20px;
margin-top: 20px;
}
#hara2{width: 150px;
height: 50px;
border-radius: 30px;
border: 1px solid white;
COLOR: WHITE;
display: flex;
justify-content: center;
margin-left: 20px;
margin-top: 20px;
align-items: center;
}
#lastdiv{position: relative;
z-index: 2;
background-color: pink;
width:100vw;
height:100vh;
bottom:100vh;
background-color: transparent;
color: white;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}

#lastdiv1{border: 1px solid white;
font-size: 65px;
height: 70px;
width: 300px;
display: flex;
font-weight: 10px;
justify-content: center;
align-items: center;
border-radius: 50px;}

#antim{
font-size: 60px;

}
#antim1{
font-size: 60px;
font-style: italic;
}

#ekdumlast{
text-align: left;
border: 1px solid white;
font-size: 15px;
position: relative;
bottom: -55vh;
left:-17vh;
border-radius: 20px;
height: 30px;
display:flex;
justify-content: center;
align-items: center;
padding: 0px 10px;
margin-top: 10px;
}
#ekdumlast1{
text-align: left;
border: 1px solid white;
font-size: 15px;
position: relative;
bottom: -55vh;
left:-16vh;
border-radius: 20px;
height: 30px;
display:flex;
justify-content: center;
align-items: center;
padding: 0px 10px;
margin-top: 10px;
}

#maindiv{height: 100vh;
width: 100vw;}