* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
 .navbar {
    display: flex;
    /* width: 100%; */
    /* height: 100%; */
    position: absolute;
    text-align: center;
    padding: 90px 20px;
    margin-left: 20px;
    margin-right: 20px;
    /* border: 1px dotted whitesmoke; */
/* margin: 0; */
    z-index: 1000;
    /* background-color: rgba(0, 0, 0, 0.67); */
    /* background-color: #151515; */
    /* border-bottom: 1px solid #DCB658; */
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
    
 }


.navbar ul li {
     color: #E7E7E7;
    display: inline-block;
    font-size: 20px;
    font-family: "Oswald";
    /* border: 1px dotted wheat; */
    
    
}
.navbar ul {
      display: flex;
    list-style-type: none;
    margin-left: 50px;
    margin-right: 50px;



}
.navbar ul li:hover {
    /* text-decoration: none; */
    color: #DCB658;
    /* padding: 10px 20px; */
    /* transition: background-color 0.3s ease, color 0.3s ease; */
}

.navbar li  {
    
    justify-content: center;
    margin-left: 10px;
    margin-right: 10px;
   border-bottom: none;
 } 

.navbar li {
  border: 1px dotted whitesmoke;
    padding: 10px 10px;
   display: flex;
   border-left:none ;
   border-right: none;
    
}
.navbar img {
    width: 270px;
    height: 50px;
   
    object-fit: cover;
    }

  



 .secone {
    font-family: Cabin;
    font-size: 14px;
    color: #E1E1E1;
    position: absolute;
   text-align: start;
   padding: 15px 15px;
   /* z-index: 20; */
   background-color: rgba(0, 0, 0, 0.67);
    top: 0;
    width: 100vw;
  border: 1px dotted whitesmoke; 
  /* display: flex; */
  
 }
 .sec1 {
   
   margin-left: 70px;
    
 }
 .logo i { 
    /* width: 100px; */
    /* height: 100px; */
    /* border-radius: 50%; */
    /* object-fit: cover; */
   
    font-size: 20px;
    /* margin-top: -20px; */
    /* border: 1px solid white; */
 }
.logo1{
    margin-top: -20px;
    margin-left: 1100px;
    border: 2px solid white;
    border-radius: 70%;
    width: 30px;
    height: 30px;
    /* object-fit: cover; */

    padding: 5px;
}
.logo2{
    margin-top: -30px;
    margin-left: 1150px;
    border: 2px solid white;
    border-radius: 70%;
    width: 30px;
    height: 30px;
    padding: 5px;
}






.section3 h1 {
    color: #E7E7E7;
    font-size: 50px;
    font-family: "Oswald";
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.1em;
    /* background-color: rgba(0, 0, 0, 0.6); */
     position: absolute;
     margin: -370px 0 0 310px;
     
}



video{
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    filter: brightness(55%);
    z-index: -1;
    position: relative;

}

 

.main {
    background-color: #151515;
   max-height: 100%;
    max-width: 100%;
    
}
.child1 {
   padding: 80px ;
  
   
}
.child1 h1 {
    color: #E7E7E7;
    font-family: "Oswald";
    margin-left: 5px;
    font-weight: 400;   
    font-size: 40px; 
    padding: 5px;
    text-transform: uppercase;


}
.child1 p {
    color: #999999;
    font-size: 17px;
    font-family: "Cabin";
    margin-left: 5px;
    line-height: 30px;
    padding: 5px;


}
.child2{
    float: right;
    align-items: center;
    gap: 30px;
    padding-top: 20px;
    
    
}
 
.child2 img {
    /* max-width: 40%; */
    /* height: auto; */
    max-width: 42%;
    height: 30%;
    margin-top: -1000px;
    margin-left: 658px;
    margin-bottom: 40px;
    padding-bottom: 40px;
    
    
}


.section5 {
    background-image: url([kababjees.com][57]back1.jpg);
    height: auto;
    width: 100%; 
    text-align: center;
    background-size: cover;
    align-items: center;
     padding:150px; 
     line-height: 60px;
}

 .sec5 h1{
    font-family: "Oswald";
    color: #E7E7E7;
    font-weight: 400;
    font-size: 40px;
    text-transform: uppercase;
    
}
 .sec5 p {
    font-family: "cabin" ;
    color: #E7E7E7;
    font-size: 17px;
}
.sectionimg {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    
}
 .sec5 img {
     width: 320px;
    height: 290px;
    object-fit: cover;
    border-radius: 12px;
    /* display: flex; */
    /* flex-direction: row; */
    /* align-items: flex-start; */
    /* justify-content: center; */
    border: 5px solid white;
    
 
}
.div234 {
    border: 3px solid white;
    border-radius: 30px;
   /* display: flex; */
    height: 385px;
    width: 600px;
}
.class7899{
    background-color: #FFFFFF;
     width: 320px;
     height: 360px;
     margin-left: 10px;
     margin-right: 10px;
     border-radius: 20px;    
     margin-top: 10px;
     

    }
    .sec5 button {

     background-color: #DCB658;
     color: #333333;
     border: none;
    margin-left: 100px;
    font-family: "Oswald";
    font-size: 18px;
    padding: 5px 10px 5px 10px;
    margin-top: -20px;
    /* line-height: 20px; */
    /* flex-direction: column; */
    /* align-items: center; */
    display: flex;
    

}



.section6 {
    background-color: #1B1B1B;
    height: auto;
    width: 100%;
    padding: 50px 0 50px 0;
    line-height: 50px;
    margin-top: 0px;
    
}
 .section6 h1 {
     color: #6F6F6F;
     font-family: "Cabin";
     text-align: center;
     font-size: 20px;
}
 .section6 p {
    color: #DCB658;
    text-align: center;
    font-family: "Cabin";
    font-size: 40px;
    
}
 .section6 button{
    background-color: #DCB658;
    color: #1B1B1B;
    border: none;
    margin-left: 45%;
    font-family: "Cabin";
    font-size: 18px;
    padding: 10px 16px 16px 10px;
    line-height: 20px;

}
.section7 {
     background-image: url([kababjees.com][406]16.jpg);
     background-repeat: no-repeat;
     background-size: cover;
    height: 110vh;
     width: 100%;

}
    .section7 h1 {
    color: #E7E7E7;
    font-size: 40px;
    font-family: sans-serif;
    font-weight: 100;
    text-align: center;
    text-transform: uppercase;
    padding: 100px 0 10px 0 ;

}

    .sec7 img{
        width: 361px;
        height: 361px;
        padding: 10px; 
        
    }   
    .sec7 {
      margin-left: 80px;
      margin-top: 30px;
    }
   .section7 .hr {
    height: 3px;
    width: 144px;
    margin-left: 560px;
    background-color: #DCB658;
    border: none;
    
   } 

.section8 {
    background-color: #151515;
    width: 100%;
    height: 100%;
}
 .section8 h1 {
    color: #E7E7E7;
    font-family: "Oswald";
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    padding: 60px 0 0 0;
 }
 .section8 img {
    margin: 1px 30px 8px 420px;
    height: 40px;
    

 }

 
 
.sec8 {
    
    width: 100px;
    height: auto;
       display: flex;

   }
   .sec8 img {
    width: 245px;
    height: 245px;
    object-fit: cover;
     /* margin-bottom: 280px ; */
    border: 8px solid #282828;
    /* margin-left: 50px; */
    margin:   1px 0 70px 55px; 
    

   }
   
.section9 {  
    background-image: url(3rdimage.jpg);
    background-repeat: no-repeat;
    /* height: 100%; */
    /* margin-left: calc(-50vw + 50%); */
    /* max-width: 1200%; */
    
    height: auto;
    width: 100%;
    /* text-align: center; */
    background-size: cover;
    /* align-items: center; */
     padding:70px; 
     /* line-height: 60px; */
  }   

  .section9 h2 {
    color: #DCB658;
    font-size: 30px;
    font-family: "Cabin";
    font-weight: 300;
    text-align: center;
    padding: 25px;
  }
  .section9 p {
    color: #FFFFFF;
    font-size: 25px;
    font-family: 'josefin Sans';
    text-align: center;
    line-height: 1.5;
  }
  .secchild img {
    padding-left: 430px;
    height: 43px;
  }

  
  













.section10  {
    background-color: #151515;
    margin: 0;
}

 .section10 h1 { 
    color: #E7E7E7;
    text-align: center;
    font-family: "Oswald" ;
    font-size: 40px;
    text-transform: uppercase;
    padding: 60px 0px 50px 0px;
    font-weight: 400;
    
 } 

 .location img { 
    height: 220px;
    width: 250px;
    border-radius: 20px;
    object-fit: cover;
    
   
}
 
.container {
    display: flex;   
    flex-wrap: wrap;
    gap: 30px;
    margin-left: 80px;
    padding: 0 0 80px 0;
}

 .section10 span { 
    color: #DCB658;
    font-size: 25px;
    font-family: "Cabin",sans-serif;
    display:flex;
    gap: 10px;
    margin-left: 30px;
    
   }





.footer {
    background-image: url("[kababjees.com][830]sac12.jpg") ;
    height: 60vh;
    width: 100%;
    display: flex;
    position: relative;
    color: azure;
    background-size: cover;
    align-items: center;
    padding: 20px;
}
.footer p  {
    color: #E7E7E7;
    font-family: sans-serif;
    font-size: 14px;
    letter-spacing: 0.1px;
    padding-top: 10px;
    line-height: 30px;
    
    }
.footer  li{
    color: #FFFFFF;
    list-style:  none;
    font-weight: 400;
    line-height: 25px;
    font-family: 'Oswald';
    font-size: 17px;
    line-height: 30px;


}
footer ul {
    margin-top: 30px;
}


.footer button {
     height: 20%;
    width: 60%;
    font-size: 17px;
    font-weight: 400;
    font-family: sans-serif;
    background-color: #DCB658;
    color: #151515;
    border-style: none;
    margin-top: 10px;

    

}
.loop  {
 
    border: 2px solid rgb(130, 115, 94) ;
   font-size:  17px;
     width: 85px;
    height: 45px;
    display: flex;
    margin-top: 20px;
    border-radius: 10px;
    

}

 .loop i:hover { 
   color: #DCB658;
   border-color: #DCB658;
 }
 


 .loop:hover{
    border-color: #DCB658;
 }
.loop i {
    align-items: center;
    display: flex;
    border: 2px solid white;
    border-radius: 90%;  
    margin-left: 10px;
    width: 70px;       
    height: 30px;
    justify-content: center; 
    font-size: 15px;         
    background: transparent; 
   margin-top: 5px;
   margin-right: 5px;
}


 
.box {
    height: 80%;
    width: 30%;
    padding-left: 4%;
    
}
.box h2 {
      color: #DCB658;
    font-family:'Oswald';
    margin-bottom: 10px; 
    font-weight: 400;

}
.last {
    background-color: #151515;
    color: #AAAAA1;
    height: 70px;
    width: 100%;
   padding: 30px;
   text-align: center;
   font-family: sans-serif;
   
    

}
.last a {
    color: #DCB658;
}