*{
    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;
}
/* From */
.container{
    color: white;
    border: 2px solid white;
    border-radius: 20px;
}
.container h1{
    text-align: center;
}
/* Plan Your Travel  */
.plahea{
    width: 90%;
    height: 9vh;
    margin: auto;
    border: 2px solid white;
    border-radius: 20px;
}
.plahea h1{
    color: white;
    /* color: gold; */
    text-align: center;
}
.paly{
    width: 90%;
    height: 60vh;
    margin: auto;
    
}
.palyrap{
    width: 100%;
    height: 56vh;
    display: grid;
    grid-template-columns: auto auto auto auto;
    margin: auto;
    border: 2px solid white;
    /* grid-column-gap: 20px; */
    border-radius: 20px;
    margin-top: 5px;
}
.play1 {
    /* width: 100%;
    height: 45vh;    */
    margin: auto; 
    margin-top: 5px;
}
.play1 ul{
    list-style: none;
}
.play1 ul li{
    color: white;
    padding-top:11px;
    padding-bottom:20px;
    font-weight: bold;
}
.play1 ul li:hover{
    /* width: 20%; */
    color:gold;
    /* border-bottom: 2px solid white; */
    /* border-radius: 20px; */
    /* text-align: center; */
    /* background-color:white ; */
    /* font-size: 15px; */
}
.chep{
    width: 90%;
    /* height: 10vh; */
    color: white;
}
.cheprap{
    width: 90%;
    height: 30vh;
    color: white;
    font-size: 20px;
}
#cheprap1{
    width: 90%;
    height: 43vh;
}
 /* 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;
}