*{
    margin: auto;
    padding: 0px;
    box-sizing: border-box;
}
body{
    background-color: rgb( 0, 0, 150);
}
/* .ale{
    width: 100%;
    height: 8vh;
} */
.navi{
    width: 100% ;
    /* height: 10vh; */
    background: rgb(0, 0, 150) !important;
}
.navbar-brand{
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.nav-link{
    color: white !important;
}
.nav-link:hover{
    border-bottom: 2px solid white ;
}
.ser{
    margin-left: 320px;
}
/* Offer  */
.of{
    width: 20%;
    margin: auto;
    text-align: center;
    color: white;
    
}
.of h4{
    font-weight: bold;
    font-size: 40px;
    border-bottom: 2px dotted gold;
}
.pic{
    width: 100%;
    height: 35vh;
    /* background-color: blue; */
}
.picrap{
    width: 80%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.box{
    background-image: url(./of_1.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 30vh;
}
.box1{
    background-image: url(./of_2.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 30vh;
}
.box2{
    background-image: url(./of_3.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 30vh;
}
.box3{
    background-image: url(./of_4.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 30vh;
}
.box4{
    background-image: url(./of_5.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 30vh;
}
.box5{
    background-image: url(./of_1.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 30vh;
}
/* Web check-in */
.plan1{
    width: 100%;
    height: 150vh;
    
}
.planrap1{
    width: 90%;
    /* height: 130vh; */
    margin: auto;
    display: grid;
    grid-template-columns: auto auto ;
    grid-column-gap: 20px;
    /* grid-row-gap: 50px; */
    /* border: 2px solid white; */
}
.planyor {
    /* width: 100%; 
    height: 95vh;  */
    margin-top: 33px; 
    margin-bottom: 35px;
    /* border: 2px solid white; */
}
.planyor h6{
    color: white;
    font-size: 17px;
}
.planyor ul{
    list-style: none;
}
.planyor ul li{
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
}
/* .planyor ul li:hover{
    border-radius: 10px;
    border-bottom: 2px solid white;
} */
/* Web check-in */
.webcheck{
    width: 90%;
    /* height: 50vh; */
    color: white;

}
/* alert message */
.alert {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 white;
}
/* state-wise regulations */
.state_wise{
    width: 60%;
    height: 35vh;
    margin: auto;
}
.staterfap{
    width: 100%;
    height: 30vh;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 2px;
}
.state{
    width: 100%;
    height: 30vh;
    border: .65px solid black;
    display: grid;
    grid-template-columns: auto auto;
    background-color: white;
}
.state:hover{
    border: 2px solid black;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 white;
}
.icon h1{
    font-size: 65px;
}
.forp{
    width: 60%;
    height: 15vh;
    margin: auto;
}
.forp p{
    color: white;
}
/* grid */
.row{
    color: black;
    grid-column-gap: 5px !important ;
    text-align: center;
}
.col-sm:hover{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 white; 
}
/* .row h4{
    font-size: 23.70px;
} */

.row h5{
    color: blue;
}

/* ach  */
.achive{
    width: 80%;
    height: 25vh; 
 }
 .achiverap{
    width: 90%;
    height: 20vh;
    display: grid;
    grid-template-columns: auto auto auto auto;
    background-color: gainsboro ;
    border-radius: 20px;
 }
 .icon h1{
    /* padding-right:50px ; */
    text-align: center;
 }
/* footer */
.footer{
    width: 100%;
    height: 90vh;
    margin: auto;
    background-color:rgb(27, 27, 41) ;
    /* border: 1px solid white; */
}
.footerrap{
    width: 90%;
    height: 88vh;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    border-bottom: 1px solid white;
    /* border: 1px solid white; */
}
#co1{
    margin-top: 25px;
}
#cos{
    margin-top: 25px;
    font-size: 20px;
}
#cos ul li a:hover{
    color: gold;
}
#co2 {
    margin-top: 25px;
}
.con h4{
    color: white;
    margin-top: 10px;
    /* border-bottom: 2px solid white; */
}
.con ul {
    
   list-style: none;

}
.con ul li {
    color: white;
    list-style: none;
    padding-top: 4px;
    padding-bottom: 4px;
 
 }
 .con ul li a {
    color: white;
    list-style: none;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
 }
 .con ul li a:hover{
    border-bottom: 2px solid white;   
    border-radius: 10px;
 }
/* Under line */
.under{
    width: 100%;
    height: 10vh;
    background-color:rgb(27, 27, 41) ;
   
}
.underrap{
    width: 90%;
    color: white;
}