@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
body { font-family: "Montserrat", sans-serif; font-style: normal; height: 100%;} 
/* h1,h2,h3,h4,h5{font-family: "Titillium Web", sans-serif;} */
.navbar .nav-link {margin-left:20px ; font-weight: 600;    text-transform: uppercase;}
.main_banner h1{ font-size: 67px;font-family: "Titillium Web", sans-serif;}
.main_banner h1 strong{color: #f16623;  letter-spacing: 1.4px;font-family: "Montserrat", Sans-serif; font-weight: 800;}
.main_banner h6{font-size: 20px;}
.section{padding:40px 0}
.container_c{padding: 0 50px;}
ul{list-style: none; margin: 0; padding: 0;}
.footer h3{text-transform: uppercase; font-size: 22px;}
.list_1{list-style: square; margin-left: 20px;}
.list_1 li{list-style: square; padding-bottom: 10px;}
.list_1 li a{ text-decoration: none; color: #fff;}
.milestone_section{padding: 60px 0;}
.milestone_section h3{text-align: center;}
.milestone_section h4{text-align: center;}
.milestone_section h4 strong{width: 100%;  font-size: 40px; font-weight: 600; padding-bottom: 15px; width: 100%; display: block;}
.milestone_section h4 label  { font-size: 20px;}
#banner1 .item img{height: 555px; object-fit: cover;  border-radius: 15px;}
#banner1 .owl-stage-outer{border-radius: 10px; overflow: hidden; position: relative;}


/*----------Zoom Slide-Start----------*/

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.2, 1.2);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.2, 1.2);
  }
}
#banner1 .active{
  -webkit-animation: zoom 25s;
  animation: zoom 25s;

  padding:0;

}

.overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(240, 89, 7, 0.82);
  overflow: hidden; width: 100%; height: 100%;  transition: .5s ease;}
  #banner2 .item { position: relative; overflow: hidden; border-radius: 10px;}  
  #banner2 .item img { position: relative; overflow: hidden;  height: 300px; object-fit: cover;}  
.title-overlay { height: auto;  top: auto;  opacity: 0;}
.item:hover .title-overlay { opacity: 1;  height: auto;  padding: 50px 0;}
.text { color: white; width: 100%;  font-size: 20px;  position: absolute;  top: 50%;  left: 50%; -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  text-align: center;}
.heading_1{color: #0e3e68; font-size: 35px; margin-bottom: 25px; position: relative; display: inline-block;}
.heading_1:before { position: absolute; right: -120px; top: 55%; width: 100px; height: 2px; content: "";  background-color: #f16623;}
.heading_2 h2 {  text-align:center; color: #0e3e68; font-size: 35px; margin-bottom: 25px;  display: grid;  grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 23px 0;   grid-gap: 22px;  }
.heading_2 h2:after,.heading_2 h2:before {  content: " ";  display: block;   border-bottom: 2px solid #f16623;   }
.heading_2{width: 50%; margin: 0 auto;}
#Captain .item{border-radius: 0px ; overflow: hidden ; border: #f16623 solid 0px;}
  

#banner3 .item { position: relative; overflow: hidden; border-radius: 10px;}  
#banner3 .item img { position: relative; overflow: hidden;  height: 500px; object-fit: cover;}  
.experts_section h2{font-size: 40px; font-weight: 700; color: #0e3e68;}
.experts_section p{font-size: 18px; color: #555;}
.btn1{ background: #f16623; color: #fff;}
.card_3 h4{margin-top: 15px; text-transform: uppercase; font-size: 18px; font-weight: 700; color: #f16623;}




.tabs-container nav { margin: 0 auto; background: #fff;}
.tabs-container nav ul { list-style: none; margin: 0; padding: 0;  border: 1px solid #ccc; padding: 0 10px; }
.tabs-container nav ul li {padding: 1rem; cursor: pointer; color: #0e3e68; border-top: 1px solid #eee; margin-left: -10px; margin-right: -10px; padding-left: 25px; }
.tabs-container nav ul li:hover { color: #3e4b58;}
.tabs-container nav ul li.active { color: #3e4b58; border-top: none;}
  
.tabs-container {position: relative;  height: 4em; }
.tabs-container nav { position: absolute; width: 100%;}
.tabs-container nav ul li.active {  order: 0;}
.tabs-container nav ul li.active:after { width: 1px; height: 1px;  border: 5px solid transparent;  border-top: 5px solid #555; content: '';  position: absolute; right: 1.5em; top: 1.4em;    z-index: 9999; }
.tabs-container nav ul li:not(.active) { position: absolute; top: -999em; }
.tabs-container nav ul.expanded li.active:after{ border-top-color: transparent; border-bottom-color: #555; top: 1em;  }
.tabs-container nav ul.expanded li:not(.active) { position: relative;  top: auto;}
   @media all and (min-width: 42em) {  
    nav {  background: transparent;  }
    
    .tabs-container nav ul {   border: none;  padding: 0;  }
    .tabs-container nav ul li { display: inline-block;  margin:5px; padding: 0; border: #0e3e68 solid 1px; border-radius: 25px; padding: 5px 15px; text-transform: uppercase; font-size: 14px; }
    .tabs-container nav ul li.active { background: #f16623; color: #fff;  border: #f16623 solid 1px;}
    .tabs-container nav ul li:not(.active) { position: relative;  top: auto; }
    .tabs-container nav ul li.active { order: 1; }
    .tabs-container nav ul li.active:after { display: none; }
  }


.gallery_card{ width:100%;display:flex;justify-content:center; overflow: hidden; align-items: center; overflow:hidden;cursor:pointer; }
.gallery_card .img_card{  width:100%;  transition:all 0.3s ease-in-out;}
.gallery_card .title_card{ position: absolute; font-size:20px; color:#f16623; z-index:10; filter:opacity(0); transition: all 0.3s ease-in-out;}
.gallery_card .subtitle_card{position: absolute; font-size:15px;color:white;margin-top:50px; z-index:10; filter:opacity(0); transition: all 0.3s ease-in-out;}
.gallery_card:hover .img_card{ transform:scale(1.1);  filter:brightness(0.7);}
.gallery_card:hover .title_card, .gallery_card:hover .subtitle_card{ filter:opacity(1);}
  
.tab-content , .tab-content1, .tab-content2, .tab-content3, .tab-content4, .tab-content5, .tab-content6 {display: none; padding: 15px;}
.tab-content.current ,.tab-content1.current  ,.tab-content2.current, .tab-content3.current  ,.tab-content4.current  ,.tab-content5.current,  
.tab-content6.current{ display: inherit;}

.thm_1{width: 100px; height: 80px; border-radius: 4px; object-fit: cover;  margin-right: 15px;}
.card_1 h4{font-size: 15px;} 
.card_1 p{font-size: 14px;color: #f16623;} 
.card_1 a{font-size: 14px;color: #f16623; text-decoration: none;} 
.bg1{background: #f16623; }
.t_color{color: #f16623;}
.card_2 img{width: 60px;}
.card_3 {border: #f16623 dotted 2px; padding: 15px; }
.catd_5{position: relative;}
.tab-content2 .row .col-lg-5 .catd_5 img{width: 100%; height: 330px; object-fit: cover;}
.tab-content2 .row .col-lg-4 .catd_5 img{width: 100%; height: 150px; object-fit: cover;}
.tab-content2 .catd_5 a{font-size: 14px;color: #f16623; text-decoration: none;}
.catd_5 img{width: 100%;}
.catd_5 .info{position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; background: #00000021; color: #fff;}
.catd_5 .info h5{font-size: 16px;}
.catd_5 .info p{font-size: 13px;}


.milestone_section{background-image: url(../img/hill.jpeg);background-position: 0px -364px;
background-repeat: no-repeat;  background-size: cover; color: #fff;}
.services_sec ul{border: 1px solid #e7e7e7;}
.services_sec ul li{text-align: center; width: 20%;  font-size: 20px; border: 1px solid #e7e7e7; padding: 20px 0;}
.services_sec ul li:hover{text-align: center; width: 20%; background: #f16623;  font-size: 20px; border: 1px solid #e7e7e7; padding: 20px 0; color: #fff !important;}
.services_sec ul li span{width: 100px; height: 100px;  display: block; margin: 5px auto;  position: relative; }
.services_sec ul li span img { position: relative;   z-index: 3;  }
.services_sec ul li:hover img {  
  /* transform: rotateY(360deg); */
  filter: brightness(0) invert(1); }
.services_sec ul li span img{width: 80%; }
.footer{background-color: #0D3E69; color: #fff; background-image: url(../img/footer_bg.jpg); background-position: center center;
background-repeat: no-repeat;  background-size: cover; font-size: 15px;}
.background-overlay {  padding: 40px 0 10px 0; }
.coppy_info{text-align: center;  margin: 0; padding: 10px; }

.card_2{text-align: center;   padding: 25px;  border-radius: 5px;}
.card_2 h4{ padding: 10px 0 0 0 ;}
.card_2:hover{ background: #f16623;}
.card_2:hover h4{ color: #fff;}
.card_2:hover img{ filter: brightness(0) invert(1);}

.innter_banner{ position: relative; height: 350px;}
.innter_banner img{ width: 100%; height: 350px; object-fit: cover;}
.innter_banner_con{width: 100%; position: absolute; left: 0; top: 0; padding-top: 100px;}
.innter_banner_con h1{font-size: 50px; font-weight: 600; color: #eee;}
.innter_banner_con p{font-size: 20px; font-weight: 600;}
.tour_packages_box{border: 1px solid #e7e7e7; padding: 0px;  border-radius: 10px; overflow: hidden;}
.list_fetures{list-style: none; padding: 0; margin: 0;}
.list_fetures li{padding: 10px 0px; text-align: center;}
.list_fetures li span{ background: #ffefe6; width: 35px; height: 35px; border-radius: 5px; display: inline-block; padding: 5px; margin: 0 auto;}
.list_fetures li label{ color: #636363; font-size: 12px;  display: block; text-align: center; padding-top: 8px;}
.tour_packages_box h3 a{font-size: 25px; color: #f16623; text-decoration: none; }
.tour_packages_box img{height: 250px; width: 100%; object-fit: cover;}


.timeline-container { display: flex; justify-content: center; }
.timeline-container .vertical-scrollable-timeline { width: 100%;  list-style-type: none;  position: relative;}
.timeline-container .vertical-scrollable-timeline .list-progress {  width: 4px;  height: 100%;  background-color: #f16623;  position: absolute;
  left: 30px;  top: 0;  overflow: hidden;}
.timeline-container .vertical-scrollable-timeline .list-progress .inner {
  position: absolute; right: 0; bottom: 0; height: 100%; background-color: #1e1e1e;  width: 100%;}
.timeline-container .vertical-scrollable-timeline li { position: relative;  padding: 15px 0px 25px 90px;}
.timeline-container .vertical-scrollable-timeline li:last-child {  margin-bottom: 0;}
.timeline-container .vertical-scrollable-timeline li h2 { font-size: 18px;  margin-bottom: 15px; color: #1e1e1e; font-weight: 600;}
.timeline-container .vertical-scrollable-timeline li p:last-child {  margin-bottom: 0;}
.timeline-container .vertical-scrollable-timeline li .icon-holder {
  position: absolute; left: 0; top: 0; width: 64px; height: 64px; display: flex; justify-content: center;  align-items: center;  background-color: #c0c0c0;  border-radius: 50%;  z-index: 1;  transition: 0.4s all;}
.timeline-container .vertical-scrollable-timeline li .icon-holder::before {  content: "";  width: 60px;  height: 60px;  border: 3px solid #fff;
  position: absolute;  background-color: #707070;  border-radius: 50%;  z-index: -1;  transition: 0.4s all;}
.timeline-container .vertical-scrollable-timeline li .icon-holder p {  font-size: 14px;  color: #ffffff; text-align: center; text-transform: uppercase; line-height: 18px;}
.timeline-container .vertical-scrollable-timeline li .icon-holder p strong{  font-weight: 400; font-size: 18px;}
.timeline-container .vertical-scrollable-timeline li::before { content: "";  position: absolute;  height: 100%;  width: 4px;  background-color: transparent;  left: 30px;  z-index: 0;}
.timeline-container .vertical-scrollable-timeline li.active .icon-holder { background-color: #f16623;}
.timeline-container .vertical-scrollable-timeline li.active .icon-holder::before {  background-color: #1e1e1e;}
.timeline-container .list_2{padding-bottom: 15px;}
.timeline-container .list_2 p{position: relative; padding-left: 20px; }
.timeline-container .list_2 p::after{ width: 0; height: 0; border-top: 7px solid transparent; border-left: 8px solid rgb(24, 24, 24);  border-bottom: 7px solid transparent; content: ""; left: 0; top: 4px; position: absolute;}
.l_icon{font-size: 70px; margin-right: 15px;}

.toure_details_nav{background: #f16623; padding: 15px 20px; border-radius: 0 0 7px 7px;  position: sticky ;   top: 0px;  z-index: 99;}
.toure_details_nav ul{list-style: none; padding: 0; margin: 0;}
.toure_details_nav ul li{display: inline-block; margin-right: 25px; color: #fff;  font-size: 20px;}
.toure_details_nav ul li a{  color: #fff;  font-size: 20px; text-decoration: none;}
#details img{border-radius: 7px 7px 0 0; height: 330px; object-fit: cover;}
#details .owl-prev{position: absolute; top: 45%; left: 20px; font-size: 40px; }
#details .owl-next{position: absolute; top: 45%; right: 20px;font-size: 40px;}
.list_4{list-style: none; padding: 0; margin: 0;}
.list_4 li{ margin-top: 10px; position: relative; padding-left: 20px;}
.list_4 li::after{ width: 8px; height: 8px; background: #f16623; content: ""; left: 0; top: 7px; position: absolute;}

.review{background: #ffefe6; color: #070707; padding: 20px; border-radius: 7px;}
.review .bx{font-size: 20px; color: #f16623;}
.enquire_card{background: #ffffff; padding: 20px; border-radius: 7px; position: sticky; top: 80px;}
#Itinerary, #Inclusions, #Exclusions, #Reviews, #SimilarPackages, #Overview{ padding-top: 80px;}

#banner1{position: relative;}
#banner1 .owl-prev{position: absolute; top: 45%; left: 10px; font-size: 30px; color: #fff;  padding: 7px !important; border-radius: 3px;}
#banner1 .owl-next{position: absolute; top: 45%; right: 10px; font-size: 30px;color: #fff;  padding: 7px !important; border-radius: 3px;}

#banner2 ,#banner3,#Captain{position: relative;}
#banner2 .owl-prev ,#banner3 .owl-prev ,#Captain .owl-prev {position: absolute; top: 45%; left: -20px; font-size: 20px; background: #f16823; color: #fff;  padding: 4px !important; border-radius: 50px; border: #fff solid 3px; width: 40px; height: 40px;}
#banner2 .owl-next ,#banner3 .owl-next ,#Captain .owl-next{position: absolute; top: 45%; right: -20px; font-size: 20px; background: #f16823; color: #fff;  padding: 4px !important; border-radius: 50px; border: #fff solid 3px;width: 40px; height: 40px;}
.itinerary_img{width: 100%; height: 200px; object-fit: cover;}
.image_card{ padding:15px; margin: 15px; position: relative;}
.image_card::before { left: 0; top: 0; border-left: 4px solid #f16823; border-top: 4px solid #f16823;position: absolute;
    width: 100px;  height: 45px;  content: "";}
  .image_card::after { right: 0; bottom: 0; border-right: 4px solid #f16823; border-bottom: 4px solid #f16823;position: absolute;
    width: 100px;  height: 45px;  content: "";}









@media only screen and (max-width:700px) {
  #banner2{display: none;}
  #banner1 .item img { height: 400px; object-fit: cover;}
  .container_c{ padding: 0 15px;}
  .services_sec ul li{width: 50%;}
  .heading_1:before { right:inherit; top: inherit; bottom: -15px; left: 0;}
  .heading_2{width: 100%;}
.milestone_section{background-position: inherit;}
.milestone_section .col{padding: 20px;}

}