body{
    background-color: black;
    color:lawngreen;
    
    position: relative;
   /* ya jitna tumhara design hai */
    margin:  auto; /* center alignment */
  
}

.navbar{ display: flex;
    justify-content: space-between; list-style: none;
      position: fixed;
    top: 0;
    width: 100%;
    background-color: black;

}
.header{
    height:320px;
    margin-top:100%;
  
    width:100%;
    background-color: black; margin-top: 20px;
}
.header img{ height: 300px;
    width:100%;
}
.header iframe{
    height:50px;
    width:300px;
    margin-top:-60%;
    margin-left:1000px;
}
.header-headings h1 p{
    padding-left:50px;
}
/* .heroSection{
    width: 100%;
    height: 200px;
    border: 1px solid black; margin-top:30px;
    font-size: 20px;
    font-weight: 20px;
    color:blue;
    text-align: center;
}
.heroSection img{
    margin-right:70%;
    height: 100px;
    width:400px;
    margin-top:-45.5%;
    overflow: hidden;
}
.heroSection h1 p{
    padding-top: -100px;
} */
/* .AboutActivites{
    width:100%;
display:flex;
justify-content:center;
gap:50px;
text-align:center;
margin-top: 500px;
} */
.AboutActivites{ width:100%;
display:flex;
gap:30px; margin-top:300px;
padding-top: 70px;
padding-left: 30px;
}
.AboutActivites.activity i h3 p{
font-size:40px;


}
.AboutActivites button{
    height: 50px;
    width:300px;
    margin-top: 150px;
    margin-right: 230px;
    font-size: 30px;
    
}
.achives{  width:100%;
display:flex;
justify-content:center;
gap:10px;
text-align:center;
margin-top:40px;

}
.achives p{
    margin-top:30px;
     
}
/*exploer images */
.container{
    height:50%;
    width: 100%;
    border: 1px solid white;
    border-radius: 50px;
    display: inline-flex;
justify-content: center; text-align: center;
   flex-wrap: wrap;   /* ye line images ko niche bhej degi */
  gap: 10px;
  object-fit: cover;
  margin-top:50px;
  grid-template-columns: repeat(3, 1fr);
  overflow: hidden;

}
.container section p{
    margin-top:30;
}
section{
    height:400px;
    width:400px;
    border:1px solid black;
      background-color: rgb(128, 128, 128);
      color:black;
      margin-left:10px;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      
}
img{height: 200px;
    width:400px;
  border-top-left-radius: 10px;
      border-top-right-radius: 10px;
    padding-left:0px;
border-radius: 30px,30px; overflow: hidden;


}
section i{
    margin-right: 50%;
}
p{
margin-top:-9px;
margin-right:40%;
}
section h5{
    margin-left:120px;
    margin-top:3px;
}
section button{
    margin-right:50%;
   margin-top:70px;
    background-color: chocolate;
    color:black;
   
      
}


.btn{ width:300px;
    height:50px;
    margin-left:100px;
    border-radius: 100px; background-color: darkslategrey;
}
.corner-btn{
    height:50px;
    width: 200px;
    font-size: 30px;
    border-radius:2px solid black;display: flex; margin-top:50px; 
    margin-left:400px; justify-content: center;
    text-align: center;
}

/*booking section start*/

  .booking1 {
    width: 70%;
    margin: 100px auto;
    padding: 20px;
    background: rgba(188, 187, 187, 0.923);
    border: none;
    background: transparent; margin-left:0%;
}
 
.footer{
     margin-top:20px;
    height:300px;
      display:flex;
justify-content:space-around;
    width:100%; border:1px solid black;
}.footer div{
    margin-left: 70px;
    padding-top: 30px;
    gap:20px;
    text-align: center;
}












/* 2  html page */
.container3{ height:400px;
width:100%;
display:flex;
margin-top: 20px;
}
.container3 img{
    height:200px;
    width: 350px;
}
.container3 h3 p {
    margin-top: 20px;
    margin-left: 10px;
}
/* .container3
{
    height:500px;
    
    border:1px solid black;
      width:100%;
display:flex;
justify-content:center;
gap:5px;
text-align:center;
margin-top:50px;
overflow: hidden; padding-top:-200px;

} */

.container3 i{
font-size:30px;


}
.container3 .activity
{
    margin-top: 20px;
}
.container3.activity p {
margin-left: 10px; 
}
.achivement2{  
      height:400px;
    
    border:1px solid black;
      width:100%;
display:flex;
justify-content:space-between;

text-align:center;
margin-top:30px;
overflow: hidden;


}
.achivement2 img{
      margin-top: -10px;
    height:200px;
    width:270px;
    margin-right:20px;
   
    
}
.achive h2{   font-size:20px; padding-top: -5px; margin-left:10px; margin-top: 50px;}
/* sliders imgs section */
.sliders-img{
    background-color: black;
    color:rgb(0, 252, 17);
    height:350px;
    width:20%;
    
    border: 1px solid black; display:inline-flex ;
    justify-content: center; 
   margin-top: 100px;
  margin-left:45px;
  overflow: hidden;
}

.slider1{
    width:100%;
    margin:auto;
    flex-direction: column;
    position:relative; display: flex;margin-top: 0;
  
       
    margin-top:-20%;
    gap:10px; overflow: hidden;
}.slider1 h1{
    overflow: visible;
    margin-top:0%;
    font-size: 10px;
    font-weight: 10px;
   
 margin-left: 30%;
}

.slider img{
    width:100%;
    height:200px;
    object-fit:cover; 
}

.arrow{
    position:absolute;
    top:30%;
    font-size:30px;
    color:white;
    background:rgba(0,0,0,0.5);
    padding:10px;
    cursor:pointer;
}


.left{
    left:10px;
}

.right{
    right:10px;
}
.slider-btn{
    margin-left:50%; height: 50px;
    width:200px;
    font-size: 10px;
    font-weight: 20px;
    border-radius:100px;
}
.sliders-img  button{
    margin-top:-5px;
}


/* Section ki height badhane aur alignment ke liye */
.booking-section2 {
    width: 350px;
    min-height:600px;
    margin: 100px auto;   /* center */
    padding: 20px;
    text-align: center;

    display: flex;
    flex-direction: column;
    gap: 1px;

    background: rgba(188, 187, 187, 0.923);
    border-radius: 10px;
}
    


/* OTP Button aur Input ko ek line mein laane ke liye */
.otp-container {
    display: flex;
    flex-direction: column;
    
}

/* Specific styling */

    /* Purana margin-left hata dein */
   
    .genrateOt {
    margin-right: 0%;
    margin-top: -45px;
}

.otp-container{
    margin-top:20px;
}



.button-group{ 
	display:flex;
	margin-left:11px;
	
	}
form button{margin-top: 10px;}




/*  booking section */
.imges-bok{
    
    margin-top: 20px;
}
.imges-bok img{
height:50%;
    width:65%;
}

.booking-section button{
    margin-top: -30px;
}
.footer{
    overflow: hidden;
    list-style:  none;
}
/* html 3 page file */
.navbar .btn{
height: 50px;
width:100px;
}


/* 3HTML PAGE */
.lastpages{
    height:500px;
    width:500px;
    margin-top:100px;
    padding: left 30px;justify-content: center;
    padding-top: 30px;
    text-align: center;
    margin-left:250px;
    border:1px solid black;
}
.lastpages button
{
    margin-top: -30px;
    width:100px;
    margin-left:150px;
    
}
.lastpages .genrate{
    margin-top:10px;
}
.lastpages .verify{
    margin-left:300px;
    bottom-top:40px;
}