*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
#myVideo {
    /* position: fixed; */
    /* right: 0;
    bottom: 0; */
    width: 100%;
    height: 123.5vh;
    /* background-color: #000;    */
} 
  /* Add some content at the bottom of the video/page */
  .content {
    position: absolute;
    /* bottom: 0; */
    background: rgba(0, 0, 0, 0.3);
    color: #f1f1f1;
    width: 100%;
    height: 123.5vh;   
    margin-top: -861px; 
    text-align: center;
    /* padding: 20px; */
}
.content h1{
    margin-top: 280px;
}
.content a {
    text-decoration: none;
    color: #000;
    border: 2px solid white;
    background-color:white;
    padding-top:500px ;
    padding: 20px;
}
.content a:hover{
    border: 2px solid rgb(64, 98, 132);
    background-color:black;
    color: white;
    padding: 20px;
}
  

/* Social media */
.ban{
    width: 100%;
    height: 70vh;
    background-color: rgb(210, 215, 218);
}
.lower_part{
    width: 100%;
    height: 42vh;
}
.lower_part_rap{
    width: 95%;
    height: 50vh;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto auto auto   ;
    padding-top: 30px;
}
.box1 ul li {
    padding-top: 8px;
    list-style: none;
    text-decoration: none; 
}
.box2 ul li {
    padding-top: 8px;
    list-style: none;
    text-decoration: none; 
}
.box3 ul li {
    padding-top: 8px;
    list-style: none;
    text-decoration: none; 
}
.box4 ul li {
    padding-top: 8px;
    list-style: none;
    text-decoration: none; 
}
.lowermi {
    border: 2px solid black;
    padding: 10px;
    /* padding-top: 10px; */
}
.lowermi :hover{
    /* background: linear-gradient(to blue red); */
    background:linear-gradient(to right,orange,maroon,blue);
    padding: 6px;
    
}
.lowermi ul li{   
    padding-left: 20px;
    padding-right: 20px;
    display: inline;
}
.lowermi ul li:hover{
    color: white;
    /* font: 40px; */
}
.foot{
    width: 100%;
    height: 50vh;
    background-image: url(/p12.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.foot1{
    width: 100%;
    height: 50vh;
    background-color: rgba(0, 0, 0, 0.736);
}
.footerrap{
    width:85%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    grid-column-gap: 20px;
    padding-top: 50px;
}
.image{
    /* width:  150%; */
    /* height: 35vh; */
    padding: 25px;
    /* border: 2px solid white; */
}
.footrap_img img{
    width:  100%;
    height: 30vh;
    border-radius: 15px;
}
/* menu */
.footerrap1{
    border-left: 2px solid white; 
}
.footerrap1 h1{
    color: white;
    margin-left: 40px;
}
.footerrap1  ul li {
    list-style: none;
    margin-left: 40px;
}
.footerrap1  ul li a{
    color: white;
    font-size: 25px;
    text-decoration: none; 
    /* display: grid ;       */
}
.footerrap1 ul li a:hover{
    border-bottom: 2px solid white;  
}
.logo{
    width: 100%;
    height: 20vh;
}
.logo img{
    width: 100%;
    padding-top: 5px;
}
.footerrap2{
    display: list-item;
    padding-top: 10px;
    list-style: none;
    /* margin-right: 550px; */
}
 .footerrap2 h1{
    color: white;
}
.footerrap2  ul li {
    list-style: none;  
} 
.footerrap2  ul li a{
    color: white;
    font-size: 25px;
    text-decoration: none;   
    /* display: grid ;    */
}
.footerrap2 ul li a:hover{
    border-bottom: 2px solid white;    
}
.app{
    padding-top: 10px;
    /* margin-right: 200px; */
}
.app ul li{
    /* display: list-item; */
    list-style: none;
}
.app ul li a {
    color: aliceblue;
    font-size: 25px;
    text-decoration: none;
    padding: 5px;
    display: grid ;  
}
.app ul li a:hover{
    border-bottom: 2px solid white;
    
}
.map h1{
    color: white;
}
.map iframe{
    width: 100%;
    height: 30vh;
    padding: 10px; 
}