* {
    margin: auto;
    padding: 0px;
    box-sizing: border-box;
}

body {
    background-color: rgb(0, 0, 150);
}

/* navigations bar */
/* .ale{
    width: 100%;
    height: 8vh;
} */
.navi {
    width: 100%;
    /* height: 10vh; */
    background: rgb(0, 0, 150) !important;
}
/* .navi img{
    width: 100%;
    height: 15vh;
    background: transparent;
} */
.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;
}

/* 6E Service */
.text {
    margin-top: 20px;
    width: 20%;
    height: 10vh;
    /* margin: auto; */
}

.text h1 {
    color: white;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    border-bottom: 2px dotted gold;
}

/* Food & Beverage */
/* Service  */
.servi {
    width: 90%;
    height: 60vh;
}

.head {
    width: 25%;
    /* height: 5vh; */
    margin-left: 130px;
}

.head h4 {
    /* width: 100%;
    height: 5vh; */
    text-align: center;
    color: white;
    /* border-bottom: 2px solid white; */

}

.servirap {
    width: 80%;
    height: 50vh;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 10px;
    /* border: 2px solid white; */
    /* background-color: rgba(47, 3, 242, 0.91); */
    /* background-color:rgb(0, 0, 150) ; */
    border-radius: 20px;
    /* background: linear-gradient(rgb(255, 0, 0), yellow); */
}

.image {
    width: 80%;
    height: 41vh;
    border: 2px solid white;
    background: white;
    border-radius: 25px;
}

.image img {
    width: 100%;
    height: 30vh;
    border-radius: 25px;
    /* border-bottom: 2px solid white;    */
}

.image:hover {
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 white;
}

.image img:hover {
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 white;
}

/* #he1 {
    width: 12%;
} */

#a1 {
    width: 50%;
    height: 45vh;
    margin-left: 40px;
}

#a2 {
    width: 130%;
    height: 45vh;
    margin-left: -110px;
}
#a4 {
    width: 60%;
    height: 45vh;
    margin-left: 40px;
}
#a3 {
    width: 95%;
    height: 44vh;
    /* margin-left: -90px; */
}
/* Combo */
/* Baggage */
.bagg {
    width: 90%;
    height: 62vh;
}

.bagh {
    width: 8%;
    /* height: 5vh; */
    margin-left: 51px;
}

.bagh h4 {
    /* width: 50%;
    height: 5vh; */
    /* text-align: center; */
    color: white;
    /* border-bottom: 2px solid white; */

}

.bagirap {
    width: 96%;
    height: 55vh;
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-column-gap: 10px;
    /* border: 2px solid white; */
    background-color: rgb(0, 0, 150);
    border-radius: 20px;
    /* border: 2px solid white; */
    /* background: linear-gradient(rgb(255, 0, 0), yellow); */
}

.bagimage {
    width: 90%;
    height: 47vh;
    border: 2px solid white;
    background: white;
}

.bagimage img {
    width: 100%;
    height: 30vh;
    /* border-bottom: 2px solid white;    */
}

.bagimage:hover {
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 white;
}

.bagimage img:hover {
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 white;
}

#bag {
    width: 25%;
}

/* get inspired */
.bag {
    width: 95%;
    height: 60vh;
}

/* .bah{
    width: 8%;
    height: 5vh; 
    margin-left: 49px;
}
.bah h4{
     width: 50%;
    height: 5vh; 
     text-align: center; 
    color: white;
    border-bottom: 2px solid white;
    
} */
.bagrap {
    width: 100%;
    height: 56vh;
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-column-gap: 10px;
    /* border: 2px solid white;
    background-color: rgb(0, 0, 150);
    border-radius: 20px;
    border: 2px solid white;
    background: linear-gradient(rgb(255, 0, 0), yellow); */
}

.bagmage {
    width: 90%;
    height: 50vh;
    border: 2px solid white;
    background: white;
    transition: width 1s, height 1s;
}
.bagmage:hover {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 white;
}

.bagmage img {
    width: 100%;
    height: 30vh;
    /* border-bottom: 2px solid white;    */
}

.bagmage:hover {
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 white;
}

.bagmage img:hover {
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 white;
}

#bag1 {
    width: 12%;
}

/* IndiGo News */
/* .bag{
    width: 95%;
    height: 60vh;
} */
/* .bah{
    width: 8%;
    height: 5vh; 
    margin-left: 49px;
}
.bah h4{
     width: 50%;
    height: 5vh; 
     text-align: center; 
    color: white;
    border-bottom: 2px solid white;
    
} */
.barap {
    width: 100%;
    height: 56vh;
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-column-gap: 10px;
    /* border: 2px solid white;
    background-color: rgb(0, 0, 150);
    border-radius: 20px;
    border: 2px solid white;
    background: linear-gradient(rgb(255, 0, 0), yellow); */
}

.bamage {
    width: 90%;
    height: 50vh;
    border: 2px solid white;
    background: white;
    transition: width 1s, height 1s;
}

.bamage img {
    width: 100%;
    height: 30vh;
    /* border-bottom: 2px solid white;    */
}

.bamage:hover {
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 white;
}

.bamage img:hover {
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 white;
}

#bag1 {
    width: 12%;
}

/* 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;
}