body{
    overflow-x: hidden;
}


.arrive{
    text-align: center;
    color: rgb(9, 9, 129);
    text-shadow: 10px darkgrey;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.card1{
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 5px;
    justify-content: space-between;
    margin-top: 10px !important;
    
    
}
.card:hover{
    box-shadow: 10px solid grey !important;
    border-color: rgb(2, 52, 109);

}

    .nav {background-image: linear-gradient(to right, #003973 0%, #E5E5BE  51%, #003973  100%)}
    .nav {
      
       padding: 15px 45px;
       text-align: center;
       text-transform: uppercase;
       transition: 0.5s;
       background-size: 200% auto;
       color: white;            
       box-shadow: 0 0 20px #eee;
       width: 100vw;
     
       display: flex;
     }
.imgnav{
    width: 60px;
    height: 60px;
    border-radius: 30px;

animation-name: spin;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-duration: 5000ms;
}
@keyframes spin{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}
     .nav:hover {
       background-position: right center; /* change the direction of the change here */
       color: #fff;
       text-decoration: none;
     }
     .nav-item >a{
         color: white !important;
     }
 .advertise{
    text-align: center;
    color:  rgb(4, 43, 87);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }

 
    .footer {background-image: linear-gradient(to right, #003973 0%, #E5E5BE  51%, #003973  100%)}
    .footer {
      
       padding: 15px 45px;
       text-align: center;
       text-transform: uppercase;
       transition: 0.5s;
       background-size: 200% auto;
       color: white;            
       box-shadow: 0 0 20px #eee;
       width: 100vw;
       font-weight: lighter !important;
     
 }
 .img1,.img2{
     border-color: black;
 }

.fl{
    display: flex !important;
}
p{
    font-size: 20px;
    font-weight: normal;
} 
.imgs{
    width: 100% !important;
}

 .main{
    padding-left: 30vw;
    background-image: linear-gradient(to right, #003973 0%, #E5E5BE  51%, #003973  100%)
}

.cnt{
    padding-left: -12vw;
    border: none;
}
.main{
    border: none;
}
.btn{
    font-size: large;
    background-image: linear-gradient(to right, #003973 0%, #E5E5BE  51%, #003973  100%)
}

.btn:hover {
       background-position: right center; /* change the direction of the change here */
       color: #fff;
       text-decoration: none;
     }
.leg{
    text-align: 50svw;
}
.hed{
    color: rgb(6, 60, 110);
} 
.hed{
    color: white;
}
@media only screen and (max-width: 450px) {
    .card {
      margin-left: 30px;
      justify-content: center;
      text-align: center;
    }
  }