*{
    margin:0;
    padding:0;
    font-family:verdana;
}
#header{
    width:100%;
    height:70vh;
    background-image: url(11.jpg);
    background-size: cover;
    opacity: 0.8;

}
h3 {
    color: aliceblue;
    float: left;
}
nav{
    width: 100%;
    height: 50px;
    background-color: #0005;
    line-height: 50px;
    /* position: fixed; */
    /* margin-top: -1px; */
}
nav ul{
    float: right;
    margin-right: 30px;
}
nav ul li{
    list-style-type: none;
    display: inline-block;
    transition: 0.7s all;
}
nav ul li a{
    text-decoration: none;
    color: #fff;
    padding: 10px;
}
nav ul li a:hover{
    background-color:#088;
    text-decoration: none;
    color: bisque;
}
h1 {
    width: 390px;
    color: rgb(215, 229, 239);
    margin-left: 110px;
    margin-top: 90px;
    font-size:3.4rem;
    font-weight: bolder;
}
button {
    border-radius: 20px;
    background-color:  rgb(137, 162, 215);
    width: 100px;
    height: 40px;
    margin-left: 120px;
    margin-top: 20px;
}
.navbar {
width: 100%;
height: 50px;
background-color: rgb(137, 162, 215);
}
.navbar p {
    font-size: large;
    font-weight: bolder;
    margin-left: 12px;
}
.navbar p i{
    font-size: x-large;
}
/* .trip {
    width: 100%;
    background-image: url(2.jpg);
    height: 900px;
    background-size: cover;
    margin-top: 90px;
    opacity: 0.7;
    background-repeat: no-repeat;
}
.tour {
    background-color: #0005;

} */
.trip{
    width:100%;
    height:1400px;
    background-image: url(2.jpg);
    background-size: cover;
    opacity: 0.8;
    margin-top: 90px;
}

.tour{
    width: 100%;
    height: 1200px;
    background-color: #0005;
    line-height: 50px;
}
    .tour-card {
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 5px 15px rgba(0,0,0,0.3);
        margin-bottom: 30px;
    }
    /* .tour-card:hover {
        
    } */
    .tour-img {
        height: 200px;
        object-fit: cover;
    }
    .tour-label {
        position: absolute;
        top: 10px;
        left: 10px;
        background:  rgb(137, 162, 215);
        color: black;
        padding: 5px 10px;
        font-size: 14px;
        border-radius: 4px;
    }
    .col-main {
        width: 100%;
        height: 250px;
        background-color: #088;
        float: left;
    }
    
.why-book {
    background-color:  rgb(137, 162, 215);
    color: black;
    padding: 20px;
    text-align: center;
}

.reasons {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

.reason {
    text-align: center;
    font-size: 1.5rem;
    width: 260px;
}

.reason i {
    font-size: 2.1rem;
    margin-bottom: 10px;
}
.reason:hover {
    background-color: aquamarine;
    color: brown;
}
/* section {
    width: 100%;
    margin-top: 10px;
    height: 500px;
    background-color: rgb(27, 25, 25);
}
section h3 {
    margin-top: 70px;
    margin-left: 180px;
    
}
f p {
    width: 300px;
    margin-top: 80px;
    margin-left: 180px;
    color: rgb(195, 187, 187);
    line-height: 28px;
    font-size: 14px;
    padding-bottom: 30px;
}
.section2 {
    ma
} */

    .footer {
      background-color: #121212;
      padding: 40px 0 20px 0;
    }

    .footer h6 {
      color: #ffffff;
      font-weight: 600;
      margin-bottom: 15px;
    }

    .footer p {
      font-size: 14px;
      line-height: 1.7;
      color: #ccc;
    }

    .map-img {
      width: 100%;
      border-radius: 8px;
    }

    .footer a {
      color: #66b3ff;
      text-decoration: none;
    }

    .footer a:hover {
      text-decoration: underline;
    }

    .social-icons i {
      margin-right: 10px;
    }

    .footer-bottom {
      text-align: center;
      font-size: 13px;
      color: #aaa;
      margin-top: 20px;
    }