html {
    scroll-behavior: smooth;
}
  .logo img{
    height: 70px;
    width: 70px;
}

.primary-bg{
    text-align: center;
    background-color: #EF7B26;
}

 .package-nav{
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 10px 0 10px 200px;
}
 .package-nav a{
    text-decoration: none;
    padding: 7px  10px;
    text-align: center;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    display: inline-block;
    transition: .3s;
    
}
 .package-nav a:hover{
     color: #EF7B26;
     background-color: aliceblue;
     border-radius: 3px;
    
}
 .package-nav a.active{
  color: #EF7B26;
  background-color: aliceblue;
  border-radius: 3px;
    
}

  /* styky top */

   .stikyTab{
    position:fixed;
    top:78px;
    left: 0;
    width: 100%;
    background-color: #EF7B26 ;

    -webkit-box-shadow:0 10px 15px rgba(25,25,25,0.1);
    box-shadow:0 10px 15px rgba(25,25,25,0.1);
    z-index:100;
    -webkit-box-shadow:0 10px 15px rgba(25,25,25,0.1);
}
@media only screen and (max-width: 768px) {
    .package-nav{
        padding: 10px 0 10px 20px;
    }
     .package-nav a{
        width: 17%;
        
    }
     .package-nav a span{
        display: none;
        
    }
    .stikyTab{
        position:fixed;
        top:100px;
        width: 100%;
        background-color: #EF7B26 ;
    
        -webkit-box-shadow:0 10px 15px rgba(25,25,25,0.1);
        box-shadow:0 10px 15px rgba(25,25,25,0.1);
        z-index:100;
        -webkit-box-shadow:0 10px 15px rgba(25,25,25,0.1);
    }
  }
  .single-slider {
    position: relative;
    width: 100%;
  }
  .single-slider .container{
    bottom: 5%;
    left: 10%;

    width: 90%;
    position: absolute;
  }
  .single-slider .container .pins span{
    font-family:"Barlow Condensed";
    color:#fff;
    font-size:16px;
    text-align: center;
  }
  .single-slider .container .pins span i{
    color:#EF7B26;
    margin-top: 20px;
    font-size:20px;
  }
  @media only screen and (max-width: 768px) {
    .slider-area .hero-cap h2{
        font-size:35px;
    }
    .single-slider .container{
        bottom: 10%;
        left: 5%;
        width: 100%;
        position: absolute;
      }
  }
  .blog-author .media-body .col-6 span{
    color: #0B1C39;
    font-weight: 400;
    }
  .blog-author .media-body .col-6 span .fas{
      color: #EF7B26;

  }
  .blog-author .media-body .col-6 span .gray{
    color: #f0dccd;

}
/* overview */
.overview{
  width: 100%;
}

.overview .ov-icon{
  color: rgb(235, 183, 159);
  font-size: 45px;
}
.overview .col-10{
  padding: 10px ;
  padding-left: 40px;
}
.overview .ov-title{
  font-weight: bold;
  color: #989b9f;
  font-size: 13px;
  font-family: verdana;
}
.overview .ov-text{
  font-weight: bold;
  color: #1a1c1e;
  font-size: 16px;
  font-weight: 600;
}

/* highlights */
.blog_details h2{
  font-size: 30px;
  color: #2560c4;
}
.highlight{
  line-height: 2;
  font-weight: 500;
}
.highlight i{
  color: #EF7B26;
}

.incDontInc{
  width: 100%;
}
.incDontInc .includes{
  padding: 30px 20px ;
  border-radius: 5px  0  0 5px ;

  background-color: rgba(192, 240, 192, 0.53);
}
.incDontInc .includes .col-1 i{
  color: green;
  font-size: 30px;
  font-weight: 600;
}
.incDontInc .notIncludes{
  background-color: rgba(246, 182, 182, 0.771);
  padding: 30px 20px;
  border-radius: 0 5px 5px 0;
}
.incDontInc .notIncludes .col-1 i{
  color: red;
  font-size: 30px;
  font-weight: 600;
}
.incDontInc .col-11{
  font-weight: 450;

}

.blog_details .join_group{
  padding: 10px;
  background-color: #fceee3dc;
  border-radius: 5px;
}
.blog_details .join_group .date{
  border-radius: 5px;
}
.blog_details .join_group .date i, .blog_details .join_group .user i{
  color: #EF7B26;

}
.blog_details .join_group .join_btn{
  padding: 5px 7px;
  width: 100%;
  background-color: #234174;
  border: 1px solid #234174;
  color: white;
  font-weight: bold;
  outline: none;
  border-radius: 7px;
  transform: .3s;
  
}
.blog_details .join_group .join_btn:hover{
  background-color: #0B1C39;
  
}

/* package right side */
.blog_right_sidebar{
  top: 400px;
}
.blog_right_sidebar .row{
  text-align: center;
  padding: 20px;
  border-radius: 5px;
  background-color: #3b60a0;
}
.blog_right_sidebar h2{
  color: white;
  padding: 5px 0;
  background-color: #3165c0;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.blog_right_sidebar h3{
  color: white;
}
.blog_right_sidebar h3 .big_font{
  color: #ff6a00;
  font-weight: 700;
  font-size: 40px;
}

.blog_right_sidebar .form-group label{
  color: rgb(209, 205, 205);
}
.booking_btn{
  background-color: #ff6a00;
  padding: 15px 25px;
  color: white;
  border-radius: 7px;
  outline: none;
  border: none;
  transition: .3s;
  text-transform: uppercase;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-weight: bold;
}
 .booking_btn:hover{
  background-color: #bb682c;
}
.jumbotron{
  padding: 30px 0;
  background-color: #d3def1;
}
.jumbotron .emailNewsletter ,.jumbotron .fnameNewsletter ,.jumbotron .lnameNewsletter{
  width: 100%;

  padding: 8px 15px;
  border-radius: 10px;
  background-color: transparent;
  border: 1px solid #4c4f54;
  outline: none;
}
.pill_button_group{
  background-color: #fff;
  padding: 5px 70px;
  border-radius: 5px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.pill_button_group .nav-item{
  /* background-color: #fff; */
}
.pill_button_group .nav-item .nav-link{
  background-color: #fff;
  color: #EF7B26;
  border-radius: 3px;
  transition: .3s;
}
.pill_button_group .nav-item .nav-link .circle{
 padding: 0px 7px;
  background-color: #EF7B26;
  color: white;
  border-radius: 50%;
}
.pill_button_group .nav-item .nav-link.active{
  background-color: #EF7B26;
  color: #fff;
}
.pill_button_group .nav-item .nav-link.active .circle{
  padding: 0px 7px;
  background-color: #fff;
  color: #EF7B26;
  border-radius: 50%;
}
.success_booking_msg{
  padding: 20px;
  text-align: center;
  color: white;
  background-color: rgb(20, 174, 20);
}
.success_booking_msg h2{
  font-size: 30px;
  border-radius: 5px;
  color: white;
}