body{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    height: 100vh;
}
*, ul{
    padding:0;
    margin:0;
}
a{text-decoration: none;}
:focus-visible{outline:0;}
.topbar{
    background: #2d2330;
    position: relative;
    z-index:0;
    padding: 8px 0;
}
.topbar::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 75%;
    height: 100%;
    z-index: 0;
    background-color: #0e97b1;
    border-radius: 0 0px 15px 0;
}
.topbar_topleft{
    z-index: 9;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.topbar_left ul{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    font-size: 14px;
}
.topbar_left ul li{
    color: #fff;
}
.topbar_right ul li a{color: #fff;}
.topbar_right ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    font-size: 16px;
}
.top_mobile{
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: end;
}
.topmob_icon{
    padding: 15px 8px;
    border: 1px solid #0e97b1;
    border-radius: 20px;
    color: #0e97b1;
}
.topmob_txt p{
    margin-bottom: 3px;
    font-weight: 700;
    color: #0e97b1;
    text-transform: uppercase;
    font-size: 11px;
}
.topmob_txt h6{
    margin-bottom: 0;
    color: #000;
    font-weight: 600;
        font-size: 14px;
}
.loginbtn {text-align: end;}
.loginbtn a{
    display: inline-block;
    padding: 5px 20px;
    background: #0e97b1;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.menubar{padding: 7px 0px;}

.menubar .nav-link{
    padding-right: 15px !important;
    color: #000;
    font-weight: 600;
    font-size: 17px;
}
#carouselExampleIndicators .carousel-caption p{
    font-size: 2.5rem;
    color: #0e97b1;
    font-weight: 700;
}
#carouselExampleIndicators .carousel-caption h5{
    font-size: 4rem;
    color: #2d2330;
    text-shadow: 2px 2px 3px #0e97b1;
    font-weight: 600;
}
#carouselExampleIndicators .carousel-caption{
    top: 0;
    padding: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.top_search .nav-tabs .nav-item .nav-link.active{
    background: #0e97b1;
    color: #fff;
}
.top_search .nav-tabs .nav-item .nav-link{
    padding: 7px 20px;
    border-radius: 5px;
    font-size: 14px;
    margin-right: 10px;
    border: 0;
    position: relative;
    background: #0e97b12e;
    color: #000;
    font-weight: 500;
}
.form-deletebtn{text-align: center;}
.form-deletebtn a{font-size: 26px;
    color: #0e97b1;
    display: inline-block;}
    .abt_btn{
        padding: 8px 20px;
        background: #0e97b1;
        border-radius: 5px;
        color: #fff;
        font-weight: 500;
        display: inline-block;
    }
.abt_txt{padding-left: 6rem;}
.abt_img1 img{
    width: 100%;
    height: 400px;
        object-fit: cover;
    border-radius: 50px;
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.abt_img2 img{
    margin-top: 30px;
    width: 100%;
    height: 400px;
    border-radius: 50px;
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.tour_bbx{text-align: center;}
.tour_bbx img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bbx_txt h4{
    font-size: 1.7rem;
    font-weight: 600;
}
.bbx_txt{
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0e97b1ba;
}
.tour_bluebg{
    background:#2d2330d9;
}
.tour_bbx a{    width: 300px;
    height: 300px;
    position: relative;
    display: inline-block;
    color: #fff;
    border-radius: 50%;
    overflow: hidden;}
.ferry_bottombtn{display: flex;}
.ferry_bottombtn a{
    width: 50%;
    padding: 10px;
    text-align: center;
    color: #fff;
}
.ferry_view{
    background: #0e97b1;
}
.ferry_book{
    background: #2d2330;
}
.ferry_rating{margin-bottom: 10px;}
.ferry_rating span{font-size: 12px;}
.ferry_rating span .rating_num{    background: #0e97b1;
    padding: 1px 5px;
    color: #fff;}
.ferry_rating svg{
    color: #ffcd43;
    font-size: 12px;
}
.banner_twobtn{margin-top: 30px;}
.banner_twobtn a{
    color: #fff;
    padding: 13px 20px;
    border-radius: 5px;
    display: inline-block;
}
.banner_twobtn a {
    font-size: 14px;
    margin-bottom: 10px;
}
.banner_firstbtn{    background: #0e97b1;}
.banner_scndbtn{    background: #2d2330;}
.topmid p{
    margin: 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.topmid p a{
    text-decoration: underline;
    color: #0e97b1;
}
.top_search{
    padding: 20px;
    box-shadow: 0 0 10px #d4d4d4;
    border-radius: 15px;
    margin-top: -10%;
    position: relative;
    background: #e6f4f7;
    z-index: 9;
}
.top_search .form-label {
    color: #0e97b1;
    display: block;
    font-weight: 600;
    margin-top: 10px;
    font-size: 14px;
    letter-spacing: 0.6px;
}
.top_search .form-btn input{
    width: 100%;
    background: #0e97b1;
    border-color: #0e97b1;
    color: #fff;
}
.best_deal{
    padding-top: 100px;
    padding-bottom: 50px;
}
.common_title h4{
    font-size: 26px;
    font-weight: 700;
    position: relative;
    margin-bottom: 25px;
}
.common_title h4::after {
    content: "";
    position: relative;
    bottom: -10px;
    width: 180px;
    height: 3px;
    background: #0e97b1;
    display: block;
}
.dealitems{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.dealimages{
    width: 30%;
    height: 100%;
}
.dealimages img{height:150px;}
.dealcontent{
    width: 70%;
    padding: 10px 10px 10px 20px;
}
.dealcontent h5{
    font-size: 18px;
    color: #000;
    font-weight: 600;
}
.dealcontent p{
    font-size: 14px;
    color: #000;
    margin: 0;
}
/*******Slick Dots**********/
.slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
}
.slick-dots li {
    margin: 0 0.25rem;
}
.slick-dots button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #2d2330;
    text-indent: -9999px;
}
.slick-dots li.slick-active button {
    background-color: #0e97b1;
    width: 40px;
    border-radius: 50px;
}
.slick-prev svg,
.slick-next svg{
  font-size: 32px;
  color: #0e97b1;
  font-weight: 500;
      width: 32px !important;
}
.slick-prev {
    z-index: 1;
    left: -3%;
    background: transparent;
    border: 0;
    position: absolute;
    top: 40%;
}
.slick-next {
    z-index: 1;
    right: -3%;
    background: transparent;
    border: 0;
    position: absolute;
    top: 40%;
}
/*******Slick Dots**********/
.webkit-center{
    text-align: -webkit-center;
}
.travel_company{
    background-image: url(../img/bg1.jpg);
    background-size: cover;
    background-position: center;
    padding-top: 50px;
    position: relative;
}
.bg-overlay::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #0000006e;
    width:100%;
    height:100%;
}
.travel_catslider{margin-bottom: -100px;}
.tcate_box{
    background: #fff;
    text-align: -webkit-center;
    padding: 20px;
    border-radius: 15px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.tcate_box img{
    width: 70px;
    margin-bottom: 20px
}
    .tcate_box h4{
        font-size: 20px;
        font-weight: 700;
        color: #000;
    }

  .slick-slide {
        margin: 20px 10px;
      }
.best_package{
    padding: 150px 0 60px;
}

.bestpack_box{
    position: relative;
    height: 300px;
    border-radius: 20px;
    overflow: hidden;
    transition: 0.8s;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.bestpack_box:hover img{
    transition: 0.8s;
    transform: scale(1.1);
}
.bestpack_box img{
    width: 100%;
    height: 100%;
    transition: 0.8s;
    object-fit: cover;
}
.bestpack_content{
    position: absolute;
    bottom: 0;
    padding: 15px;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(9 9 121 / 0%) 10%, rgb(0 0 0) 100%);
}
.bestpack_content h6{
    font-size: 14px;
    color: #fff;
}
.bestpack_content h4{
    font-size: 24px;
    color: #fff;
}
.best_packslider .slick-slide:nth-child(even) .bestpack_box{
    margin-top: 20px;
}
.bestisland_box{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 20px;
    overflow: hidden;
}
.bestisland_box img{
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.bestisland_content{padding: 10px 15px;}
/*.certified_certificate{padding-top: 100px;}*/
.bestisland_content h4{
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}
.view-detailbtn{
    display: inline-block;
    padding: 5px 15px;
    border-radius: 30px;
    border: 1px dashed #0e97b1;
    font-size: 14px;
    color: #0e97b1;
    font-weight: 500;
    transition: 0.8s;
}
.bestisland_box:hover .view-detailbtn{
    transition: 0.8s;
    background-color: #0e97b1;
    color: #fff;
}
.best_sightseeing, .popular_cruise, .popular_beaches, .popular_articles, .about_us{padding: 50px 0;}
.sightseeing_box{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 15px;
    overflow: hidden;
}
.sightseeing_image{
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
}
.sightseeing_image img{
    width: 100%;
    height:100%;
    object-fit: cover;
}
.sightseeing_box:hover .sightseeing_btn {
    transform: translateY(0%);
}
.sightseeing_box .sightseeing_btn {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    background: #0e97b1bf;
    height: 100%;
    left: 0px;
    top: 0px;
    transition: all 500ms ease;
    transform: translateY(-100%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.sightseeing_btn a{
    
    border: 1px solid #fff;
    padding: 7px 20px;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;}
.sightseeing_content{
    padding: 15px;
}
.sightseeing_content h4{
    font-size: 18px;
    font-weight: 600;
}
p.sightseeing_price span{
    font-size: 14px;
    color: gray;
    font-weight: 500;
    margin-right: 8px;
}
p.sightseeing_price{
    font-size: 22px;
    color: #0e97b1;
    font-weight: 700;
    margin-bottom: 0;
}
.activity_box{
    /*box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;*/
    /*border-radius: 15px;*/
    overflow: hidden;
}
.activity_image{
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.activity_image img{width: 100%;height: 100%;object-fit: cover;}
.activity_price{
    position: absolute;
    bottom: 0;
    left: 0;
    background: #2d2330;
    border-radius: 0 0px;
    padding: 8px;
        width: 100%;
    text-align: center;
}
.activity_price p{margin-bottom: 0;
    color: #fff;
    font-size: 14px;}
    .activity_price p strong{font-size: 16px;margin-left: 5px;}
.activity_content{padding: 10px;}
.activity_content h4{margin-bottom: 0;}
.activity_content h4 a{
    font-size: 18px;
    text-align: center;
    display: block;
    color: #000;
}
.activity_box:hover .activity_content, .activity_box:hover .activity_price{
    background: #0e97b1;
}
.activity_box:hover .activity_content h4 a{
    color: #fff;
}
.cruise_box, .beaches_box{
    width: 100%;
    height: 250px;
    border-radius: 20px;
    overflow: hidden;
    transition: 0.8s;
    margin-bottom: 20px;
    position: relative;
}
.cruise_box:hover img, .beaches_box:hover img{
    transform: scale(1.1);
    transition: 0.8s;
}
.cruise_box img, .beaches_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.8s;
}
.cruise_box a{
    display: block;
    height:100%;
    position: relative;
}
    .cruise_content{
        padding: 15px;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(9 9 121 / 0%) 10%, rgb(0 0 0) 100%);
    }
    .cruise_content h4{
        color: #fff;
    margin-bottom: 0;
    font-size: 16px;
    }
.cruise_bigbox, .beaches_bigbox{
    height: calc(100% - 20px);
}
.beaches_content{
    padding: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    background: #ffffffc2;
}
.beaches_content h4{
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 600;
}
.beaches_content a{
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    background: #0e97b1;
    border-radius: 50%;
    color: #fff;
}
.visit_box, .article_box{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 15px;
    overflow: hidden;
    transition: 0.8s;
}
.visit_img{
    width: 100%;
    height: 130px;
    overflow: hidden;
    margin-bottom: 15px;
}
.visit_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.visit_content{text-align: center;}
.visit_content h4{
    font-size: 16px;
    padding: 0 10px;
    margin-bottom: 15px;
}
.visit_content a{
    display: block;
    background: #2d2330;
    padding: 5px;
    color: #fff;
    font-size: 14px;
}
.visit_box:hover .visit_content a{
    background: #0e97b1;
    transition: 0.8s;
}
.article_box:hover .article_type{background: #0e97b1;}
.article_image{
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
}
.article_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.article_type{
    position: absolute;
    bottom: 10%;
    left: 0;
    background: #2d2330;
    padding: 6px 20px;
    border-radius: 0 10px 10px 0;
}
.article_type p{    color: #fff;
    margin-bottom: 0;}
    .article_content{padding: 15px;}
.article_content h4{
    font-size: 20px;
    font-weight: 600;
}
.article_content p{
    font-size: 14px;
}
.article_content a{
    display: inline-block;
    padding: 5px 15px;
    border-radius: 30px;
    border: 1px dashed #0e97b1;
    font-size: 14px;
    color: #0e97b1;
    font-weight: 500;
    transition: 0.8s; 
}
.about_feat ul li{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 15px;
    border-left: 8px solid #2d2330;
}
.about_feat ul li:hover{
    border-left: 8px solid #0e97b1;
}
.abt_featcontent{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.feat_left{width: 15%;text-align: center;}
.feat_left svg{
    width: 36px !important;
    height: 36px;

}
.feat_right{width: 85%;padding-left: 15px;}
.feat_right h5{
    font-size: 20px;
    font-weight: 600;
}
.feat_right p{margin-bottom: 0;}
.abt_img img{
    width: 100%;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.certified_box{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.certified_box img{
    box-shadow: 0 5px 10px #d4d4d4;
    border-radius: 10px;
    margin-bottom: 20px;
    width: 80px;
    padding: 10px;
    object-fit: contain;
    height: 80px;
}
.certified_box h4{
    width: 100%;
    font-size: 20px;
    font-weight: 600;
}
.certified_box p{
    margin-bottom: 0;
    color: #8f8f8f;
    font-size: 14px;
}
.single-cta{margin-bottom: 15px;    display: flex;
    align-items: center;}
.certified_certificate{padding-bottom: 50px;}
/*.video_slider{margin-top: -180px;}*/
.video_box{
    box-shadow: 0 0 10px #d4d4d4;
    padding: 15px;
    background: #fff;
}
.accredited_img li {
    width: 100px !important;
    float: none !important;
    height: 45px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 5px !important;
}
.accredited_img li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.client_review{
    /*background-image: url(../img/bg2.jpg);*/
    background-position: center;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 50px;
}
.testimonial_inner{position: relative;}
.testimonial_box{box-shadow: 0 0 10px #d4d4d4;
    padding: 35px;
    background: #fff;
    overflow: hidden;
    /*margin-bottom: -100px;*/
}
    .testimonial_box{text-align: center;    position: relative;    min-height: 290px;}
.testiicon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 59px;
    height: 41px;
    background-repeat: no-repeat;
       z-index: 0;
    opacity: 0.7;
}
.testimonial_box p{
    font-size: 18px;
    text-align: center;z-index: 99;
    position: relative;
}
.testimonial_box h5{
    margin-top: 80px;z-index: 99;
    position: relative;}

    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99;
        background: #fff;
        box-shadow: 0 0 10px #d4d4d4;
      } 
      .accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
        transform: scale(.7) !important;
      }
      .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
      }
.faq-form{
    padding: 150px 0 50px 0;
}
.accordion-item{border: 0;margin-bottom: 40px;}
.accordion-item .accordion-button{
    background: #2d2330;
    box-shadow: 0 0 10px #2d2330;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
}
.accordion-button:not(.collapsed)::after, .accordion-button::after {
    filter: contrast(0) sepia(1);
}
/*.accordion-collapse{*/
/*    border: 1px solid #d4d4d4;*/
/*    padding: 20px;*/
/*    border-radius: 30px;*/
/*}*/
.home_form{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 30px;
    border-radius: 20px;
}
.inputgroup input{
    width: 100%;
    height: 50px;
    border-radius: 30px;
    margin-bottom: 20px;
    box-shadow: 0 6px 10px #d4d4d4;
    color: #000;
}
.inputgroup textarea{
    width: 100%;
    height: 100px;
    border-radius: 30px;
    margin-bottom: 20px;
    box-shadow: 0 6px 10px #d4d4d4;
    color: #000;
}
.inputgroup input::placeholder{color:#000;}
.inputgroup input[type=submit]{
    width: 100%;
    height: 50px;
    border-radius: 30px;
    margin-bottom: 0px;
    box-shadow: none;
    color: #fff;
    background: #0e97b1;
}
.footer-section {
    background: #151414;
    position: relative;
  }
  .footer-cta {
    border-bottom: 1px solid #373636;
  }
  .single-cta i {
    color: #0e97b1;
    font-size: 30px;
    float: left;
    margin-top: 8px;
  }
  .cta-text {
    padding-left: 15px;
    display: inline-block;
  }
  .cta-text h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 2px;
  }
  .cta-text span {
    color: #757575;
    font-size: 15px;
  }
  .ferry_partner{padding-bottom: 50px;}
  .partner_logo{text-align: center;}
  .partner_logo img{width: 100%;height: 70px;object-fit: contain;}
  .footer-content {
    position: relative;
    z-index: 2;
  }
  .footer-pattern img {
    position: absolute;
    top: 0;
    left: 0;
    height: 330px;
    background-size: cover;
    background-position: 100% 100%;
  }
  .footer-logo {
    margin-bottom: 15px;
  }
  .footer-logo img {
      max-width: 100px;
  }
  .footer-text p {
    margin-bottom: 14px;
    font-size: 14px;
        color: #7e7e7e;
    line-height: 28px;
  }
  .footer-social-icon span {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
  }
  .footer-social-icon a {
        color: #fff;
    font-size: 16px;
    margin-right: 15px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    place-items: center;
}
  .footer-social-icon i {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
  }
  .facebook-bg{
    background: #3B5998;
  }
  .twitter-bg{
    background: #55ACEE;
  }
  .google-bg{
    background: #DD4B39;
  }
  .footer-widget-heading h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
    position: relative;
  }
  .footer-widget-heading h3::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    height: 2px;
    width: 50px;
    background: #0e97b1;
  }
  .footer-widget ul li {
    display: inline-block;
    float: left;
    width: 50%;
    margin-bottom: 12px;
  }
  .footer-widget ul li a:hover{
    color: #0e97b1;
  }
  .footer-widget ul li a {
    color: #878787;
    text-transform: capitalize;
    font-size: 14px;
  }
  .subscribe-form {
    position: relative;
    overflow: hidden;
  }
  .subscribe-form input {
    width: 100%;
    padding: 14px 28px;
    background: #2E2E2E;
    border: 1px solid #2E2E2E;
    color: #fff;
  }
  .subscribe-form button {
      position: absolute;
      right: 0;
      background: #0e97b1;
      padding: 13px 20px;
      border: 1px solid #0e97b1;
      top: 0;
  }
  .subscribe-form button i {
    color: #fff;
    font-size: 22px;
    transform: rotate(-6deg);
  }
  .copyright-area{
    background: #202020;
    padding: 25px 0;
  }
  .copyright-text p {
    margin: 0;
    font-size: 14px;
    color: #878787;
  }
  .verified-text p {
    margin: 0;
    font-size: 14px;
    color: #878787;
  }
  .verified-text p img{width: 100px;margin-left: 20px;}
  .copyright-text p a{
    color: #0e97b1;
  }
  .footer-menu li {
    display: inline-block;
    margin-left: 20px;
  }
  .footer-menu li:hover a{
    color: #0e97b1;
  }
  .footer-menu li a {
    font-size: 14px;
    color: #878787;
  }
  .single-cta svg{
    width: 25px !important;
    height: 25px;
    color: #0e97b1;
  }
  .login_body {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  padding: 0 10px;
}
.login_body::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../img/bg1.webp"), #000;
  background-position: center;
  background-size: cover;
}
.loginform {
  width: 400px;
  border-radius: 8px;
  padding: 30px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.loginform form {
  display: flex;
  flex-direction: column;
}
.loginform h2 {
  font-size: 2rem;
  margin-bottom: 20px;
  color: #fff;
}
.loginform .input-field {
  position: relative;
  border-bottom: 2px solid #ccc;
  margin: 15px 0;
}
.loginform .input-field label {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: #fff;
  font-size: 16px;
  pointer-events: none;
  transition: 0.15s ease;
}
.loginform .input-field input {
  width: 100%;
  height: 40px;
  background: transparent;
  border: none;
  outline: none;
  font-size: 16px;
  color: #fff;
}
.loginform .input-field input:focus~label,
.loginform .input-field input:valid~label {
  font-size: 0.8rem;
  top: 10px;
  transform: translateY(-120%);
}
.loginform .forget {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px 0 10px 0;
  color: #fff;
}
.loginform #remember {
  accent-color: #fff;
}
.loginform .forget label {
  display: flex;
  align-items: center;
}
.loginform .forget label p {
  margin-left: 8px;
}
.loginform .wrapper a {
  color: #efefef;
  text-decoration: none;
}
.loginform .wrapper a:hover {
  text-decoration: underline;
}
.loginform button {
  background: #fff;
  color: #000;
  font-weight: 600;
  border: none;
  padding: 12px 20px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 16px;
  border: 2px solid transparent;
  transition: 0.3s ease;
}
.loginform button:hover {
  color: #fff;
  border-color: #fff;
  background: rgba(255, 255, 255, 0.15);
}
.loginform .register {
  text-align: center;
  margin-top: 30px;
  color: #fff;
}
.loginform .forget a{color:#feea21;}
.bread_banner img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.bread_txt{
    padding: 10px 0;
    border-bottom: 1px solid #d4d4d4;
}
.bread_txt .breadcrumb li a{
    color:#0e97b1;
}

#sidebar-nav li {
    list-style:none;
    border:1px solid #ddd;
    margin:10px;
    padding:2px;
}
#content {
    width:100%;
}
.clear {
    clear:both;
}
/* Sticky our navbar on window scroll */
 #sidebar-nav.sticky {
    position:sticky;
    top:150px;
    z-index:9;
}
.filter-price {
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0; 
}

.price-title {
  position: relative;
  color: #000;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 400;
}

.price-field {
  position: relative;
  width: 100%;
  height: 25px;
  box-sizing: border-box;
  background: rgba(248, 247, 244, 0.2);
  padding-top: 15px;
  padding-left: 0px;
  border-radius: 3px;
}

.price-field input[type=range] {
    position: absolute;
}

/* Reset style for input range */

.price-field input[type=range] {
  width: 100%;
  height: 2px; 
  border: 0;
  outline: 0;
  box-sizing: border-box;
  border-radius: 5px;
  pointer-events: none;
  -webkit-appearance: none;
}

.price-field input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

.price-field input[type=range]:active,
.price-field input[type=range]:focus {
  outline: 0;
}

.price-field input[type=range]::-ms-track {
  width: 188px;
  height: 2px; 
  border: 0;
  outline: 0;
  box-sizing: border-box;
  border-radius: 5px;
  pointer-events: none;
  background: transparent;
  border-color: transparent;
  color: transparent;
  border-radius: 5px;
}

/* Style toddler input range */

.price-field input[type=range]::-webkit-slider-thumb { 
  /* WebKit/Blink */
    position: relative;
    -webkit-appearance: none;
    margin: 0;
    border: 0;
    outline: 0;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    margin-top: -4px;
    background-color: #000;
    cursor: pointer;
    cursor: pointer;
    pointer-events: all;
    z-index: 100;
}

.price-field input[type=range]::-moz-range-thumb { 
  /* Firefox */
  position: relative;
  appearance: none;
  margin: 0;
  border: 0;
  outline: 0;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  margin-top: -5px;
  background-color: #000;
  cursor: pointer;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
}

.price-field input[type=range]::-ms-thumb  { 
  /* IE */
  position: relative;
  appearance: none;
  margin: 0;
  border: 0;
  outline: 0;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  margin-top: -5px;
  background-color: #000;
  cursor: pointer;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
}

/* Style track input range */

.price-field input[type=range]::-webkit-slider-runnable-track { 
  /* WebKit/Blink */
  width: 188px;
  height: 2px;
  cursor: pointer;
  background: #000;
  border-radius: 5px;
}

.price-field input[type=range]::-moz-range-track { 
  /* Firefox */
  width: 188px;
  height: 2px;
  cursor: pointer;
  background: #000;
  border-radius: 5px;
}

.price-field input[type=range]::-ms-track { 
  /* IE */
  width: 188px;
  height: 2px;
  cursor: pointer;
  background: #000;
  border-radius: 5px;
}

/* Style for input value block */

.price-wrap {
  display: flex;
  justify-content: center;
  color: #000;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 400;
  margin-bottom: 7px;
}

.price-wrap-1, 
.price-wrap-2 {
  display: flex;
}

.price-title {
  margin-right: 5px;
  backgrund: #d58e32;
}

.price-wrap_line {
  margin: 0 10px;
}

.price-wrap #one, 
.price-wrap #two {
  width: 30px;
  text-align: right;
  margin: 0;
  padding: 0;
  margin-right: 2px;
  background:  0;
  border: 0;
  outline: 0;
  color: #000;
  font-family: 'Karla', 'Arial', sans-serif;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 400;
}

.price-wrap label {
  text-align: right;
}

/* Style for active state input */
    
.price-field input[type=range]:hover::-webkit-slider-thumb {
  box-shadow: 0 0 0 0.5px #000;
  transition-duration: 0.3s;
}

.price-field input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 0.5px #000;
  transition-duration: 0.3s;
}
.innerpages{padding:50px 0;}
#sidebar-nav .card{
        /*box-shadow: 0 0 10px #d4d4d4;*/
    border-radius: 0px;}
#sidebar-nav header.card-header a h6{
        font-size: 18px;
    margin-bottom: 0;
}
#sidebar-nav header.card-header a{
        margin: 5px 0;
    display: block;
    color: #0e97b1;
}
.custom-checkbox {
    display: flex;
    gap: 10px;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}
#text{
display:none;
}
.inner_content h4{
        font-size: 24px;
    font-weight: 600;
}
.read_moreless button{
        background: transparent;
    border: 0;
    color: #0e97b1;
    font-weight: 600;
    padding-bottom: 0px;
    border-bottom: 2px solid #0e97b1;
}
.inner_content{margin-bottom:50px;}
#sidebar-nav .filter-group header.card-header{
    background-color: #0e97b11a;
    border-bottom: 0;
    border-radius:0;
}
.activity_listbox{
        border: 1px solid #e7e7e7;
        margin-bottom:30px;
}
.acty_listinner{
    padding: 1rem;
}
.acty_listcontent h4 a{color:#000;}
.acty_listcontent h4{
        font-size: 20px;
    font-weight: 600;
    margin-bottom:20px;
}
.acty_listcontent h6 span{
        margin-left: 10px;
    font-size: 22px;
    color: #0e97b1;
    font-weight: 600;
}
.acty_listcontent h6{
    font-size: 14px;
    font-weight: 400;
    color: #adadad;
}
.acty_listcontent h6 span.pp_cost{
        display: block;
    font-size: 14px;
    color: #737373;
    margin: 10px 0 0 0;
    font-weight: 400;
}
.acty_listimg img{
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.acty_listfooter{
        padding: 1rem;
    text-align: end;
    background: #0e97b11a;
}
.acty_listfooter a {
    padding: 7px 20px;
    display: inline-block;
    border-radius: 30px;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}
.acty_listinfo{
    background:#2d2330;
}
.acty_listenq{
    background:#0e97b1;
}
.acty_enqinner{
        background: #000000b0;
            backdrop-filter: blur(8px);
}
.acty_enqinner .btn-close{
    filter: invert(1) brightness(1);
    opacity: 1;
    position: relative;
    cursor: pointer !important;
    pointer-events: auto;
}
.enqry_forminputs input::placeholder{color:#fff;}
.enqry_forminputs input{
        width: 100%;
    height: 40px;
    background: transparent;
    box-shadow:none;
    border:0;
    border-bottom: 1px solid #fff;
    color: #fff;
    margin-bottom: 20px;
}
.enqry_forminputs textarea{
        width: 100%;
    height: 120px;
    background: transparent;
    box-shadow:none;
    border:0;
    border-bottom: 1px solid #fff;
    color: #fff;
    margin-bottom: 20px;
}
.enqry_forminputs input[type="submit"]{
    border:0;
    margin-bottom: 0px;
        background: #0e97b1;
        padding: 7px 20px;
    display: inline-block;
    border-radius: 0px;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}
.actydetail_carousel{margin:25px 0;}
.actydetail_carousel img{width:100%;height:350px;object-fit:cover;}
#sidebar-nav .panel-heading{padding: 15px;}
#sidebar-nav .panel-heading h4, #sidebar-nav .panel-heading h6{margin-bottom:0;}
#sidebar-nav .panel-heading h6 a{    background: #0e97b1;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;}
    .innerheading{
        color: #0e97b1;
    font-weight: 600;
    }
.inclusion_checks li, .exclusion_cross li{    position: relative;
    margin-bottom: 8px;}
.inclusion_checks li:before{
    content:"\f00c";
    position:relative;
    left:0;
        font-family: "Font Awesome 5 Free";
        color:green;
        margin-right:10px;
    font-weight: 900;
}
.exclusion_cross li:before{
    content:"\f00d";
    position:relative;
    left:0;
        font-family: "Font Awesome 5 Free";
        color:red;
        margin-right:10px;
    font-weight: 900;
}
.side_innerinput{margin-bottom:10px;}
.side_innerinput input::placeholder{color:#000;}
.side_innerinput input, .side_innerinput select{width: 100%;
    height: 45px;
    padding: 0 15px;
    border: 1px solid;
    border-radius: 5px;}
.side_innerinput input[type="submit"]{
        border: 0;
    background: #0e97b1;
    color: #fff;
}
.inner_sideform{
    box-shadow:0 0 10px #d4d4d4;
    padding:20px;
}
.ferrycrui_box{border-bottom: 2px solid #e5e7eb;}
.ferry_nameloc {
    padding: 1.25rem;
    border-right: 2px solid #e5e7eb;
}
.ferryprice, .ferrybook{    padding: 1.25rem;
    display: flex;
    place-content: center;
    place-items: center;
    height: 100%;}
.ferrydaytym{    padding: 1.25rem;
    background: #e5e7eb;
    display: flex;
    flex-wrap: wrap;
        place-content: center;
    place-items: center;
    height: 100%;
    width: 65%;
}
.ferrydaytym h6{
        font-size: 12.8px;
    color: #0e97b1;
    font-weight: 600;
    margin-bottom: 0;
    width:100%;
}
.ferrydaytym h5{
        font-size: 12.8px;
    font-weight: 600;
    margin-bottom: 0;
    width:100%;
}
.ferry_nameloc h4{font-size:19.2px;    margin-bottom: 0;}
.ferry_nameloc ul li {
    display: inline-block;
    margin-right: 10px;
    font-size: 12.8px;
}
.ferry_nameloc ul li:last-child::after {display:none;}
.ferry_nameloc ul li::after {
    content: "\f30b";
    position: relative;
    font-weight: 700;
    margin-left: 10px;
    font-size: 12.8px;
    font-family: "Font Awesome 5 Free";
}
.ferryprice h5{
    font-size:9.6px;margin-bottom:0;font-weight:400;
}
.ferryprice h5 span{    display: block;
    font-size: 24px;
    font-weight: 700;color:#0e97b1;}
.ferrybook a{
        width: 100%;
    background: #0e97b1;
    border-color: #0e97b1;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}
.tourlist_box{border-radius:20px;    border: 2px solid #e5e7eb;overflow:hidden;margin-bottom:20px;}
.tourlist_img{width:100%;height:100%;}
.tourlist_img img{width:100%;height:100%;object-fit:cover;}
.tour_listtitle, .tourlist_duration{padding:13px 20px;}
.tour_listtitle{border-right: 2px solid #e5e7eb;}
.tourbottom_top{color:#000;border-bottom: 2px solid #e5e7eb;}
.tourbottom_top h4 a{color:#000;}
.tourbottom_top h6{    font-size: 14px;
    font-weight: 400;margin-bottom: 0;}
.tourbottom_top h4{    font-size: 20px;
    margin-bottom: 0;}
.tourbottom_center{padding:10px 20px;border-bottom: 2px solid #e5e7eb;}
.tourbottom_center ul li{    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    text-transform:uppercase;
}
.tourbottom_center ul li:last-child::after {display:none;}
.tourbottom_center ul li::after {
    content: "\f30b";
    position: relative;
    font-weight: 700;
    margin-left: 10px;
    font-size: 16px;
    font-family: "Font Awesome 5 Free";
}
.tourbottom_last ul li svg{
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    padding: 5px;
    margin-bottom:10px;
    fill:#0e97b1;
    display:block;
    border-radius: 50%;
}
.tourbottom_last {padding:15px 20px;}
.tourbottom_last ul li {
    display: inline-block;
    width: 19%;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    text-align: -webkit-center;
}
.tourlist_pkg{border-left: 2px solid #e5e7eb;}
.package_type{padding:30px 20px 13px 20px;border-bottom: 2px solid #e5e7eb;}
.package_type h5 span {color:#0e97b1;}
.package_type h5 {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
}
.priceanddetail{padding:13px 20px;text-align: center;}
.priceanddetail h6 {
        font-size: 25px;
    line-height: 30px;
    font-family: sans-serif;
    font-weight: 700;
}
.priceanddetail p {
    font-size: 13px;
    color: #999;
    text-align: center;
    font-weight: 600;
    margin-bottom: 5px;
}
.priceanddetail a{
    display:block;
    width:100%;
    margin-bottom:10px;
    border-radius:30px;
    padding:10px;
    color:#fff;
    text-align:center;
    font-size:14px;
}
.cutomize_one{background:#0e97b1;}
.tourlist_detail{background:#2d2330;}
/* GALLERY
   ============================= */
#overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }
         #overlay img {
            max-width: 80%;
            max-height: 80%;
        }
.tourbanner_detailimages .gallery .gallery_grid:first-child img{width:100%;height:400px;}
.tourbanner_detailimages .gallery .gallery_grid .gallery-item{width:100%;height:calc(100% / 2 - 5px);}
.tourbanner_detailimages .gallery .gallery_grid .gallery-item img, .tourbanner_detailimages .gallery .gallery_grid:first-child .gallery-item{width:100%;height:100%;}
.tourbanner_detailimages .gallery .gallery-item{margin-bottom:10px;}
.tourbanner_detailimages .gallery .gallery-item:last-child{margin-bottom:0px;}
.tourbanner_detailimages .gallery .img-thumbnail{border:0;padding:0;border-radius:0;}
.tourbanner_detailimages .gallery{
        display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap:10px;
}
.img-ovy{
        display: flex;
    align-items: center;
    justify-content: center;
}

.img-ovy .btn{color:#fff;}
.tour_days{
        display: inline-block;
    border: 1px solid #959595;
    padding: 3px 15px;
    border-radius: 30px;
    color: #959595;
    font-size: 14px;
}
.normal_innerul{padding-left:15px;}
.itinry ul{padding-left:40px;list-style: decimal-leading-zero;position:relative;}
.itinry ul li{
    padding-left: 20px;
}
.itinry ul li h4:before{
    content:"\f078";
    font-family: "Font Awesome 5 Free";
    position:absolute;
    font-weight:700;
    right:10px;
    
}
.itinry ul li::before{
       content: "";
    position: absolute;
    left: 0;
    width: 50px;
    z-index: -1;
    height: 50px;
    background: #0e97b1;
    border-radius: 50%;
}
.itinry ul li::marker{
    width:50px;
    height:50px;
    background:red;
    color:#fff;
}
.itinry ul li h4{
        font-size: 16px;
    background: #f3f3f3;
    padding: 15px;
    border-radius: 5px;
    position:relative;
}
.itinry ul::before{
       content: "";
    position: absolute;
    left: 25px;
    z-index: -1;
    height: 100%;
    top: 0;
    border-right: 1px dashed #959595;
}
.why_choose{
    padding:60px 0;
    background:url(../img/bg4.png);
    background-position:center;
    background-size:center;
}
.choose_title{padding:3rem;}
.choose_title h4{
        font-size: 2.6rem;
    font-weight: 700;
}
.whychoose_boxes{
        padding: 40px;
    background: #fff;
    border-radius: 12px;
    text-align: center;
    margin-bottom:20px;
}
.whychoose_boxes img{margin-bottom:20px;}
.whychoose_boxes p{margin-bottom:0;}
.whychoose_boxes h5{
        font-size: 2.5rem;
    font-weight: 600;
    color: #0e97b1;
}
.abt1{padding:80px 0;}
.abt1txt h4{
    font-size:2.5rem;
    font-weight:700;
}
.testimonial_Sec{
    background:url(../img/1.png);
    background-position:center;
    background-size:cover;
    padding:0 0 80px 0;
}
.testimonial_img img{
    width:80px;
    height:80px;
    margin-bottom:30px;
}
#carouselExampleControls2 .carousel-control-next span.carousel-control-next-icon, #carouselExampleControls2 .carousel-control-prev span.carousel-control-prev-icon{
        filter: brightness(0);
}
#carouselExampleControls2 .carousel-control-next{
        opacity: 1;
    width: auto;
    height: auto;
    right: -50px;
}
#carouselExampleControls2 .carousel-control-prev{
        opacity: 1;
    width: auto;
    height: auto;
    left: -50px;
}
.ftco-section {
  padding: 7em 0; }

.ftco-no-pt {
  padding-top: 0; }

.ftco-no-pb {
  padding-bottom: 0; }

.heading-section {
  font-size: 28px;
  color: #000; }

.ftco-section .img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.ftco-section .form-control {
  height: 36px;
  background: #fff;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  border-radius: 2px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(0, 0, 0, 0.3) !important; }
  .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(0, 0, 0, 0.3) !important; }
  .form-control:-ms-input-placeholder {
    /* IE 0+ */
    color: rgba(0, 0, 0, 0.3) !important; }
  .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(0, 0, 0, 0.3) !important; }
  .form-control:focus, .form-control:active {
    border-color: #0e97b1 !important; }

.ftco-section textarea.form-control {
  height: inherit !important; }

.ftco-section .wrapper {
  width: 100%; }

.ftco-section .contact-wrap {
  background: #fff; }
.island_image img{
        width: 100%;
    height: 150px;
    border-radius: 15px;
    object-fit: cover;
}
@media (max-width: 767.98px) {
    #pkgDetail .box-body {padding:0 8px !important;        padding-top: 100px !important;}
    #pkgDetail .box-body .btn-success, #pkgDetail .box-body .btn-danger {
    padding: 0px;
    font-size: 12px;
}
    #pkgDetail .box-body > .row .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .trend-item2 > a {
    height: 200px !important;
    margin-bottom: 10px;}
  .ftco-section .info-wrap {
    height: 400px; } }

.ftco-section .dbox {
  width: 100%;
  margin-bottom: 25px; }
  @media (max-width: 767.98px) {
    .ftco-section .dbox {
      margin-bottom: 25px !important;
      padding: 0 20px; } }
  .ftco-section .dbox p {
    margin-bottom: 0; }
   .ftco-section  .dbox p span {
      font-weight: 500;
      color: #000; }
   .ftco-section  .dbox p a {
      color: #0e97b1; }
  .ftco-section .dbox .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #0e97b1;
    margin: 0 auto;
    margin-bottom: 20px; }
    .ftco-section .dbox .icon span {
      font-size: 20px;
      color: #fff; }
  .ftco-section .dbox .text {
    width: 100%; }

.ftco-section .btn {
  padding: 12px 16px;
  cursor: pointer;
  border-width: 1px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  -webkit-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
  position: relative;
  margin-bottom: 20px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  @media (prefers-reduced-motion: reduce) {
    .ftco-section .btn {
      -webkit-transition: none;
      -o-transition: none;
      transition: none; } }
 .ftco-section  .btn:hover, .btn:active, .btn:focus {
    outline: none !important; }
  .ftco-section .btn.btn-primary {
    background: #0e97b1 !important;
    border-color: #0e97b1 !important;
    color: #fff; }
   .ftco-section  .btn.btn-primary:hover, .btn.btn-primary:focus {
      border-color: #0e97b1!important;
      background: #0e97b1 !important; }

.ftco-section .contactForm .label {
  color: #000;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600; }

.ftco-section .contactForm .form-control {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0; }

.ftco-section #contactForm .error {
  color: red;
  font-size: 12px; }

.ftco-section #contactForm .form-control {
  font-size: 16px; }

.ftco-section #message {
  resize: vertical; }

.ftco-section #form-message-warning, .ftco-section #form-message-success {
  display: none; }

.ftco-section #form-message-warning {
  color: red; }

.ftco-section #form-message-success {
  color: #28a745;
  font-size: 18px;
  font-weight: 500; }

.ftco-section .submitting {
  float: left;
  width: 100%;
  padding: 10px 0;
  display: none;
  font-size: 16px;
  font-weight: bold; }
.contact_pgefrm{
        box-shadow: 0 0 10px #d4d4d4;
    border-radius: 10px;
    overflow: hidden;
}
.ftco-section .form-group{margin-bottom:15px;}
.luxpkg{padding-top:50px;}
.luxy_pkgimg img{
        width: 100%;
    height: 200px;
    object-fit: cover;
}
.luxypkgbox{
        box-shadow: 0px 0px 11px 0px rgba(191,191,191,0.61);
    border-radius: 14px;
    overflow: hidden;
}
.luxypkg_duration i{
        color: #0e97b1;
    margin-right: 5px;
}
.luxypkg_duration{
         background: #fff;
    position: relative;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 500;
        box-shadow:0px 0px 22px 0px rgba(0,0,0,0.09);
    margin-bottom:15px;
    font-size: 14px;
}
.luxy_pkgtxt{
        padding: 15px;
    margin-top: -25px;
}
.luxy_pkgtxt h4{
        line-height: 1.2;
    font-weight: 500;
    font-size: 1rem;
    color: #3a4652;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
        margin-bottom: 15px;
}
.pkg_luxybtn{
        background: #0e97b1;
    padding: 5px 10px;
    border-radius: 30px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}
.price_bx h5 span{
        display: block;
    font-size: 13px;
    color: #000;
    font-weight: 700;
    margin-bottom: 5px;
}
.price_bx h5{
          font-size: 10px;
    color: #0e97b1;
    text-align: end;
    margin-bottom:0;
}








  @media (max-width:767px){
      #carouselExampleControls2 .carousel-control-next{
    right: 0px;
}
#carouselExampleControls2 .carousel-control-prev{
    left: 0px;
}

      .abt1img{display:none;}
      .choose_title {
    padding: 0;
    margin-bottom:30px;
}
.choose_title h4, .abt1txt h4 {
    font-size: 1.6rem;}
    .abt1 {
    padding: 50px 0;
}
    .whychoose_boxes {
    margin-bottom: 20px !important;
}
      .tourbanner_detailimages .gallery {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
}
.tourbanner_detailimages .gallery .gallery_grid:first-child img {
    height: 200px;
}
.tourbanner_detailimages .gallery .gallery-item img {
    height: 80px;
}
#overlay img {
    max-width: 60%;
    max-height: 60%;
}
  .tourbanner_detailimages .gallery .gallery_grid:nth-child(1) {
            grid-column: 1 / -1; /* Span all columns */
        }
 .tourbanner_detailimages .gallery .gallery_grid:nth-child(2), .tourbanner_detailimages .gallery .gallery_grid:nth-child(3) {
            grid-column: span 1; /* Each item spans one column */
        }
.tourlist_img img {
    height: 150px;
}
.tour_listtitle {
    border-bottom: 2px solid #e5e7eb;
    border-right:0;
}
.tourbottom_last{display:none;}
.tourbottom_last ul li {
    width: 49%;
    margin-bottom: 15px;
}
.tourlist_box {
    text-align: center;
}
.package_type {
    padding: 13px 20px;
}
.ferrycrui_box{border: 2px solid #e5e7eb;margin-bottom:30px;}
      .ferry_nameloc ul li {
   margin-right: 4px;
    font-size: 12px;
}
.ferry_nameloc ul li::after {
    margin-left: 4px;
}
      .ferrydaytym {
    padding: 10px;
    width: 100%;
}
.ferry_nameloc {
    background: #e5e7eb;
    padding: 1.25rem 8px;
}
.ferryprice, .ferrybook{padding: 1.25rem 8px;    place-content: flex-start;}
      .acty_listcontent h4 {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.acty_listcontent h6 span {
    font-size: 18px;
}
.acty_listfooter {
    text-align: start;
}
.acty_listfooter a {
    font-size: 14px;
}
      #sidebar-nav{margin-bottom:30px;}
      .video_box iframe{height:250px;}
      .abt_img1{display:none;}
      .abt_txt {
          margin-bottom:0px;
    padding-left: 0;
}
      #carouselExampleIndicators .carousel-caption h5 {
    font-size: 1.8rem;
      }
      #carouselExampleIndicators .carousel-caption p {
    font-size: 1.5rem;
      }
      #carouselExampleIndicators .carousel-item img{
              min-height: 400px;
    object-fit: cover;
      }
      .menubar {
    padding: 0px;
}
      .loginbtn {
    text-align: center;
}
    .topbar_right, .topbar::before{display: none;}
    .topbar {
        padding: 10px 1px;
    }
    .topmid p {
        padding-top: 10px;
    }
    #navbarSupportedContent{
        position: absolute;
        z-index: 999;
        background: #fff;
        width: 100%;
        left: 0;
        padding: 20px;
        box-shadow: 0 0 10px #d4d4d4;
    }
    .top_search .form-btn input{margin-top: 20px;}
    .best_deal {
        padding-top: 50px;
    }
    .common_title h4 {
        font-size: 24px;
    }
    .tcate_box img {
        width: 50px;
    }
    .bestisland_content{
        text-align: center;
    }
    .bestisland_content .text-end{
        text-align: center !important;
    } 
    .bestisland_content h4 {
        margin-bottom: 10px;
        font-size: 16px;}
        .bestisland_box img {
            height: 150px;
        }   
        .view-detailbtn{font-size: 12px;}
        .cruise_box {
            height: 150px;
        }
        .cruise_content h4 {
            font-size: 14px;
        }
        .activity_content h4 a {
            font-size: 14px;
        }
        .activity_price p {
            font-size: 9px;
        }
        .activity_price p strong {
            font-size: 13px;
        }
        .activity_image {
            height: 150px;
        }
        .visit_content h4 {
            font-size: 14px;
            padding: 0 5px;
        }
        .article_image {
            height: 150px;
        }
        .article_box, .certified_box {margin-bottom: 20px;}
        .certified_box{    padding: 10px;}
        .article_content h4 {
            font-size: 16px;
        }
        .article_content p, .article_content a {
            font-size: 12px;
        }
        .article_type {
            padding: 6px 10px;
        }
        .article_type p {
            font-size: 12px;
        }
        .certified_box img {
                 width: 50px;
        height: 50px;
        padding: 8px;
        }
        .footer-widget{margin-top:20px;}
        .verified-text p img {
    margin-left: 10px;
}
        .certified_box h4 {
            font-size: 15px;
        }
        .certified_box p {
            font-size: 12px;
        }
        .testimonial_box p {
            font-size: 16px;
        }
        .testimonial_box h5 {
            margin-top: 50px;
            font-size: 18px;
        }
        .testimonial_box p{font-size: 12px;}
        .accordion-item .accordion-button {
            font-size: 14px;
        }
        .accordion-item p{
            font-size: 14px;
            margin-bottom: 0;
        }
        .home_form {
            padding: 30px 15px;
        }
        .single-cta{margin-bottom: 20px;}
        .cruise_bigbox, .beaches_bigbox {
            height: calc(100% - 20px);
        }
        
  }
  @media (max-width:991px) and (min-width:768px){
      .price_bx h5 {
    font-size: 10px;}
    .price_bx h5 span {
    font-size: 14px;
    }
      .pkg_luxybtn {
    padding: 5px 7px;
    font-size: 12px;
}
      .whychoose_boxes {
    padding: 20px;}
    .whychoose_boxes h5 {
    font-size: 1.7rem;}
      .tourbottom_top h4 {
    font-size: 16px;
}
.tourbottom_top h6 {
    font-size: 12px;}
    .tourbottom_center ul li {
    font-size: 12px;
}
.package_type {
    padding: 13px 20px;
    border-bottom: 2px solid #e5e7eb;
    border-top: 2px solid #e5e7eb;
}
.priceanddetail a {
    display: inline-block;
    width: 48%;
}
      .tourbottom_last ul li {
    width: 32%;
    margin-bottom: 15px;}
      .ferrybook a {
    padding: 5px 10px;
    font-size: 16px;
}
      .ferryprice h5 span {
    font-size: 20px;
      }
      .ferrydaytym{width:100%;}
      .verified-text p {
    text-align: center;
    margin-top: 15px;
}
      .footer-widget{margin-top:20px;}
      .tour_bbx a {
    width: 200px;
    height: 200px;
      }
      .bbx_txt h4 {
    font-size: 1.2rem;
 }
      .abt_txt {
    padding-left: 0;
}
      .banner_twobtn {
    margin-top: 0;
}
      #carouselExampleIndicators .carousel-caption h5 {
    font-size: 2.5rem;}
    #carouselExampleIndicators .carousel-caption p {
    font-size: 2rem;}
      .menubar .navbar-toggler{float:right;}
      .topbar{display:none;}
    .topbar_left ul li {
        font-size: 12px;
    }
  }
@media (max-width:1024px) and (min-width:992px){
    .luxy_pkgtxt {
    padding: 15px 10px;
    }
    .ferrydaytym {
    width: 85%;
}
    .menubar .nav-link {
    font-size: 15px;
}
.topmob_icon {
    padding: 11px 5px;}
    .topmob_txt p {
    font-size: 11px;
}
#carouselExampleIndicators .carousel-caption h5 {
    font-size: 3rem;
}
#carouselExampleIndicators .carousel-caption p {
    font-size: 2rem;}
    .menubar .nav-link {
    padding-right: 10px !important;7
    font-size: 15px;
}
    .topbar_left ul {
    gap: 10px;
    font-size: 12px;
}
.topbar_right ul {
    gap: 15px;
    font-size: 14px;
}
.loginbtn a{font-size:12px;}
}
@media (max-width:1199px) and (min-width:1025px){
    .luxy_pkgtxt {
    padding: 15px 10px;
    }
    .ferrydaytym {
    width: 85%;
}
}
/*********************************call-whatsapp*****************************************/
 .call-back-1 {
    position: fixed;
     bottom: 0;
    right: 0;
    z-index: +9999;
     animation-name: mover1;
  -webkit-animation: mover1 1s infinite alternate;
  animation: mover1 1s infinite alternate;
    
}
@-webkit-keyframes mover1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}

@keyframes mover1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}

.call-back-1 img{
           width: 50px;
    margin-bottom: 5px;
    display: block;
    
}
/*********************************call-whatsapp*****************************************/
.form-steps {
	display: block;
	width: 100%;
	position: relative;
	margin: 40px 0;
}

.form-steps:after {
		content: "";
		display: table;
		clear: both;
}

.form-steps__item {
		padding: 0;
		position: relative;
		display: block;
		float: left;
		width: 33.33%;
		text-align: center;
}

.form-steps__item-content {
		display: inline-block;
}

.form-steps__item-icon {
		background: lightgray;
		color: lightslategray;
		display: block;
		border-radius: 100%;
		text-align: center;
		width: 40px;
		height: 40px;
		line-height:32px;
		margin: 0 auto 10px auto;
		position: relative;
		font-size: 13px;
		font-weight: 700;
		z-index: 2;
		border: 5px solid;
}

.form-steps__item-text {
		font-size: 13px;
		color: lightslategray;
		font-weight: 500;
}

.form-steps__item-line {
		display: inline-block;
		height: 3px;
		width: 100%;
		background: lightgray;
		float: left;
		position: absolute;
		left: -50%;
		top: 20px;
		z-index: 1;
		border: 5px solid lightslategray;
}

.form-steps__item--active .form-steps__item-icon {
		background: green;
		color: white;
		border-color: mediumseagreen;
}

.form-steps__item--active .form-steps__item-text {
		color: green;
		font-weight: 600;
}

.form-steps__item--active .form-steps__item-line,
.form-steps__item--completed .form-steps__item-line {
		background: green;
		border: 5px solid mediumseagreen;
}

.form-steps__item--completed .form-steps__item-text {
		color: #4f5e77;
}

.form-steps__item--completed .form-steps__item-icon {
	background: green;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDkuMTIgNyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTkuMTIgMS4wNkw4LjA2IDAgMy4xOCA0Ljg4IDEuMDYgMi43NiAwIDMuODIgMy4xOCA3bDUuOTQtNS45NHoiLz48L3N2Zz4=);
  color: transparent;
  background-size: 10px;
  background-repeat: no-repeat;
	background-position: center center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 5px solid mediumseagreen;
}

@media only screen and (max-width: 767px) {

		.form-steps__item-icon,
		.form-steps__item--completed .form-steps__item-icon {
				width: 30px;
				height: 30px;
				line-height: 22px;
		}

		.form-steps__item-line {
				top: 15px;
		}
}

.form-steps__item-icon:after {
	  content: '';
    position: absolute;
    top: 50%;
    right: -5px;
    width: 5px;
    height: 3px;
    background: lightgrey;
    display:none;
}

.form-steps__item-icon:before {
	content: '';
	position: absolute;
    top: 50%;
    left: -5px;
    width: 5px;
    height: 3px;
    background: lightgrey;
    display:none;
}

.form-steps__item--active .form-steps__item-icon:before,
.form-steps__item--completed .form-steps__item-icon:after,
.form-steps__item--completed .form-steps__item-icon:before {
	background: green;
}

.form-steps__item:last-child .form-steps__item-icon:after {
	background: lightslategray;
}

.form-steps__item--active .form-steps__item-icon:after,
.form-steps__item:last-child.form-steps__item--active .form-steps__item-icon:after,
.form-steps__item:first-child.form-steps__item--active .form-steps__item-icon:before,
.form-steps__item:first-child.form-steps__item--completed .form-steps__item-icon:before{
	background: mediumseagreen;
}
.trend-full {
        border: 3px dashed #d3d3d3;
}
.trend-item1::before {
	 display: none;
}
 .trend-item2 {
	 position: relative;
	 transition: transition;
	 height: 100%;
	 overflow: hidden;
}
 .trend-item2 > a {
	 background-size: cover;
	 height: 100%;
	 width: 100%;
	 background-position: center;
	 display: inline-block;
	 transition: transition;
}
 .trend-item2::before {
	 display: none;
}
 .trend-image1 {
	 position: relative;
	 height: 100%;
	 overflow: hidden;
	 transition: all ease-in-out 0.5s;
}
 .trend-image1 > a {
	 background-size: cover;
	 height: 100%;
	 width: 100%;
	 background-position: center;
	 display: inline-block;
	 transition: all ease-in-out 0.5s;
}
.travel-info {
  display: flex;
  align-items: center;
  gap: 20px;
  text-align: center;
      justify-content: start;
}

.time {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.time-text {
  font-size: 1.5rem;
  color: #3f51b5;
  font-weight: bold;
}

.location {
  font-size: 1rem;
  color: #666;
  margin-top: 0px;
}

.travel-duration {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #3f51b5;
}

.duration {
  font-size: 1rem;
  margin-bottom: 10px;
}

.icon {
  font-size: 2rem;
}

.rating span {
    color: #ffbc00;
    display: inline;
    font-size: 14px;
}
.trend-content h3 a{color:#000;}
.profastnew {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 20px;
    margin-bottom:10px;
}

.profastnew li {
    background: #c2f5ff;
    font-size: 12px;
    padding: 5px 15px;
    border-radius: 5px;
}
.modalSlider{margin-bottom:20px;}
.modalSlider img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

label[for="pkgSelect"]{
        display: contents;
}
h3.ticket-type {
    font-size: 18px;
}

span.seats-left {
    font-size: 14px;
    color: #505050;
}
ul.features {
    list-style: none;
    display: flex;
    font-size: 14px;
    gap: 5px;
    flex-wrap: wrap;
}

ul.features li {
    width: 47%;
}

.price {
    text-align: center;
}

.discount-price {
    text-decoration: line-through;
    font-size: 14px;
    color: #828282;
}

.original-price {
    font-size: 20px;
    font-weight: 700;
}
.ticket-card {
    border: 1px solid #d4d4d4;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
}
.seat-booking {
  display: inline-block;
  max-width: 600px;
  width: 100%;
}

.legend {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 40px;
}
.legend-item .seat{width:20px;height:20px;}

.legend-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}

.seats-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.seats-container .row{row-gap:10px;}
.seat {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  cursor: pointer;
  display: inline-flex;
  align-items:center;
  border: 2px solid #ccc;
  justify-content:center;
}

/* Seat colors */
.seat.available {
      background-color: #fff;
    border-color: #4caf50;
    color: #4caf50;
}
.seat.available:hover{
      background-color: #4caf50;
    color: #fff;
}
.seat.reserved {
     background-color: #cfcfcf;
    cursor: not-allowed;
    color: #a4a4a4;
}

.seat.selected {
      background-color: #ffffff;
        box-shadow: 0 0 4px 0px inset #ffa100;
    border-color: #ffa100;
}
.seat.selected:hover {
      background-color: #ffa100;
    color:#fff;
}
.form-deletebtn{text-align: center;}
.form-deletebtn a{font-size: 26px;
    color: #ffa100;
    display: inline-block;}
 #pkgDetail .box-body{min-width: 100% !important;}
 /*#pkgDetail .box-body > .row{column-gap:4px;}*/
 
#pkgDetail .box-body .btn-success {
    width: 100%;
    padding: 2px;
        /*margin: 2px;*/
}