*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
/* nav bar */
.navi{
    background: linear-gradient(to bottom, rgb(89, 19, 19) ,rgb(79, 13, 13));
    /* top: 0px; */
    color: black;
    /* border: 2px solid black; */
}
.main{
  color: black;
    /* margin-left: 350px; */
    /* border: 2px solid black; */
}
.new{
  color: black;
}
.name{
    color: white;
    font-size: 18px;
    font-weight: 600;
}
.name:hover{
    color: rgb(225, 191, 0);
    /* font-weight: 600; */
}
.navi2{
    width: 1390%;
    height: 53.5vh;
    margin-left: -200px !important;
    border:0px solid white !important;
    /* border: 2px solid black; */
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    background-color: rgba(0,0, 0,0.5) !important; 
}
.navi2 p{
    background-color: rgba(0,0, 0,0.8);
}
.sub{
    width: 100%;
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    grid-column-gap: 15px;
    /* border: 2px solid black; */
}
/*  */
/*  */

.box1{
    width: 100%;
    height: 60vh;
    /* border: 2px solid black; */
    padding-top: 15px;
    
}
.box1 p{
    text-align: center;
    font-size: 20px;
    color: rgb(225, 191, 0);
}
.box2{
    width: 100%;
    height: 60vh;
    /* border: 2px solid black; */
    padding-top: 15px;
    
}
.box2 p{
    text-align: center;
    font-size: 20px;
    color: rgb(225, 191, 0);
}
.box3{
    width: 100%;
    height: 60vh;
    /* border: 2px solid black; */
    padding-top: 15px;
    
}
.box3 p{
    text-align: center;
    font-size: 20px;
    color: rgb(225, 191, 0);
}
.box4{
    width: 100%;
    height: 60vh;
    /* border: 2px solid black; */
    padding-top: 15px;
    
}
.box4 p{
    text-align: center;
    font-size: 20px;
    color: rgb(225, 191, 0);
}
.box5{
    width: 100%;
    height: 60vh;
    /* border: 2px solid black; */
    padding-top: 15px;
    
}
.box5 p{
    text-align: center;
    font-size: 20px;
    color: rgb(225, 191, 0);
}
.box6{
    width: 100%;
    height: 60vh;
    /* border: 2px solid black; */
    padding-top: 15px;
    
}
.box6 p{
    text-align: center;
    font-size: 20px;
    color: rgb(225, 191, 0);
}
/*  */
/*  */


.menu1 ul li{
    /* padding: 25px; */
    display: inline;
    /* margin: auto; */
}
.menu1 ul li a{
    color: white;
}
.menu1 ul li a:hover{
    color: rgb(225, 191, 0);
}

/* banner */
.ban{
    width: 100%;
    height: 70vh;
    /* margin-top: 40px; */
    /* border: 2px solid black; */
}
.banrap{
    width: 100%;
    height: 70vh;
    margin: auto;
    /* border: 2px solid black; */
}
/* middle */
.mid{
    width: 100%;
    height: 40vh;
}
.midrap{
    width: 85%;
    height: 40vh;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 40px;
}
.boxa{
    width: 100%;
    height: 30vh;
    background-color: blanchedalmond;
    border-radius: 20px;
}
.boxa h1{
    text-align: center;
    padding-top: 35px;
    font-size: 40px;
    font-style: oblique;
}
.boxa p{
    text-align: center;
    font-size: 20px;
}
.boxa:hover{
    transform: scale(1.1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
}
.boxc{
    width: 100%;
    height: 30vh;
    background-color: blanchedalmond;
    border-radius: 20px;
}
.boxc h1{
    text-align: center;
    padding-top: 35px;
    font-size: 40px;
    font-style: oblique;
}
.boxc p{
    text-align: center;
    font-size: 20px;
}
.boxc:hover{
    transform: scale(1.1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
}

/* nav2 */
.nav2{
    width: 100%;
    height: 10vh;
    /* border: 2px solid black; */
}
.navrap2{
    width: 85%;
    height: 10vh;
    margin: auto;
    /* border: 2px solid black; */
}
/* middle2 */
.mid2{
    width: 100%;
    height: 80vh;
    margin-top: 15px;
}
.midrap2{
    width: 85%;
    height: 80vh;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-column-gap: 20px;
}
.box8{
    width: 100%;
    height: 70vh;
    /* border: 2px solid black; */
    background-color: blanchedalmond;
    border-radius: 20px;
    text-align: center;
}
.box8:hover{
    transform: scale(1.02);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5); 
}
.box8 h1{
    font-size: 35px;
    font-style: oblique;
}
.box8 p{
    font-size: 20px;
}
.box8 s{
    font-style: italic;
    font-size: 20px;
}

.box9{
    width: 100%;
    height: 70vh;
    /* border: 2px solid black; */
    background-color: blanchedalmond;
    border-radius: 20px;
    text-align: center;
}
.box9:hover{
    transform: scale(1.02);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5); 
}
.box9 h1{
    font-size: 35px;
    font-style: oblique;
}
.box9 p{
    font-size: 20px;
}
.box9 s{
    font-style: italic;
    font-size: 20px;
}


.box10{
    width: 100%;
    height: 70vh;
    /* border: 2px solid black; */
    background-color: blanchedalmond;
    border-radius: 20px;
    text-align: center;
}
.box10:hover{
    transform: scale(1.02);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5); 
}
.box10 h1{
    font-size: 35px;
    font-style: oblique;
}
.box10 p{
    font-size: 20px;
}
.box10 s{
    font-style: italic;
    font-size: 20px;
}


.box11{
    width: 100%;
    height: 70vh;
    /* border: 2px solid black; */
    background-color: blanchedalmond;
    border-radius: 20px;
    text-align: center;
}
.box11:hover{
    transform: scale(1.02);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5); 
}
.box11 h1{
    font-size: 35px;
    font-style: oblique;
}
.box11 p{
    font-size: 20px;
}
.box11 s{
    font-style: italic;
    font-size: 20px;
}
   



/* nav3 */
.nav3{
    width: 100%;
    height: 10vh;
    /* border: 2px solid black; */
}
.navrap3{
    width: 85%;
    height: 10vh;
    margin: auto;
    /* border: 2px solid black; */
}
/* middle2 */
.mid3{
    width: 100%;
    height: 80vh;
    margin-top: 15px;
}
.midrap3{
    width: 85%;
    height: 80vh;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-column-gap: 20px;
}
.box12{
    width: 100%;
    height: 70vh;
    /* border: 2px solid black; */
    background-color: blanchedalmond;
    border-radius: 20px;
    text-align: center;
}
.box12:hover{
    transform: scale(1.02);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5); 
}
.box12 h1{
    font-size: 35px;
    font-style: oblique;
}
.box12 p{
    font-size: 20px;
}
.box12 s{
    font-style: italic;
    font-size: 20px;
}

.box13{
    width: 100%;
    height: 70vh;
    /* border: 2px solid black; */
    background-color: blanchedalmond;
    border-radius: 20px;
    text-align: center;
}
.box13:hover{
    transform: scale(1.02);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5); 
}
.box13 h1{
    font-size: 35px;
    font-style: oblique;
}
.box13 p{
    font-size: 20px;
}
.box13 s{
    font-style: italic;
    font-size: 20px;
}


.box14{
    width: 100%;
    height: 70vh;
    /* border: 2px solid black; */
    background-color: blanchedalmond;
    border-radius: 20px;
    text-align: center;
}
.box14:hover{
    transform: scale(1.02);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5); 
}
.box14 h1{
    font-size: 35px;
    font-style: oblique;
}
.box14 p{
    font-size: 20px;
}
.box14 s{
    font-style: italic;
    font-size: 20px;
}


.box15{
    width: 100%;
    height: 70vh;
    /* border: 2px solid black; */
    background-color: blanchedalmond;
    border-radius: 20px;
    text-align: center;
}
.box15:hover{
    transform: scale(1.02);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5); 
}
.box15 h1{
    font-size: 35px;
    font-style: oblique;
}
.box15 p{
    font-size: 20px;
}
.box15 s{
    font-style: italic;
    font-size: 20px;
}


/* banner2 */
.ban{
    width: 100%;
    height: 70vh;
    /* margin-top: 40px; */
    /* border: 2px solid black; */
}
.banrap2{
    width: 85%;
    height: 65vh;
    margin: auto;
    /* border: 2px solid black; */
}
#img1{
    border-radius: 20px !important;
}



/* Footer */
.foot{
    width: 100%;
    height: 50vh;
    background-color: rgb(45, 45, 57);
    /* border: 2px solid black; */
  }
  .footrap{
    width: 90%;
    /* border: 2px solid black; */
    padding-top: 25px;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    grid-column-gap: 20px;
  }
  .box20{
    width: 100%;
    /* border: 2px solid black; */
    text-align: center;
  }
  .box20 h1{
    font-size: 25px;
    color: white;
    font-style: oblique;
  }
  .box20 ul{
    text-align: center;
    list-style: none;
  }
  .box20 ul li a{
   color: white;
   font-size: 15px; 
   font-style: italic;
   text-decoration: none;
  }
  .box16{
    width: 100%;
    /* border: 2px solid black; */
    text-align: center;
  }
  .box16 h1{
    font-size: 25px;
    color: white;
    font-style: oblique;
  }
  .box16 ul{
    text-align: center;
    list-style: none;
  }
  .box16 ul li a{
   color: white;
   font-size: 15px; 
   font-style: italic;
   text-decoration: none;
  }
  .box17{
    width: 100%;
    /* border: 2px solid black; */
    text-align: center;
  }
  .box17 h1{
    font-size: 25px;
    color: white;
    font-style: oblique;
  }
  .box17 ul{
    text-align: center;
    list-style: none;
  }
  .box17 ul li a{
   color: white;
   font-size: 15px; 
   font-style: italic;
   text-decoration: none;
  }
  .box18{
    width: 100%;
    /* border: 2px solid black; */
    text-align: center;
  }
  .box18 h1{
    font-size: 25px;
    color: white;
    font-style: oblique;
  }
  .box18 ul{
    text-align: center;
    list-style: none;
  }
  .box18 ul li a{
   color: white;
   font-size: 25px; 
   font-style: italic;
   text-decoration: none;
  }
  .box19{
    width: 100%;
    /* border: 2px solid black; */
    text-align: center;
  }
  .box19 iframe{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }
  .footfinal{
    width: 100%;
    height: 10vh;
    background-color: rgb(45, 45, 57);
  }
  .footfinalrap{
    width: 90%;
    margin: auto;
  }
  .menulast{
    text-align: center;
  }
  .menulast p{
    color: white;
    font-size: 15px;
    font-style: oblique;
  }