/* All Variables */
:root{
    /* --primary:#bb736a; */
    --primary:#008768; --successs:#3bd5b1;
    --shaded-primary:#84bdff;
    --dark-primary:#2e8af1;
    --dark-success:#b13a7b;
    --shaded-success:#ff9ad1;
    --black:#161616;
    --pink:#f12fac;
    --orange:#ee4b51;
    --green:#00bd96;
    --purple:#6696e9;
    --blue1:#30c3f2;
    --red:red;
    --blue:#076ee3;
    --lightgray1:#fbfbfb;
    --lightblue1:#f8fcff;
    --lightgray:rgb(237, 237, 237);

}

/* scrollbar */
::-webkit-scrollbar { width: 7px; } /* Track */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ ::-webkit-scrollbar-thumb { background-image: linear-gradient(#ffc48c,var(--successs)); } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #555; }

/* universal css */
/* *{font-family: 'Poppins', sans-serif;} */
body{background-color: #ffffff!important;}

/* body{background-color: #fdfdfd!important;} */

/* font used */
/* @font-face {
    font-family: poppins;
    src: url(/attachments/fonts/Poppins-Regular.ttf);
 } */

 /* @font-face {
    font-family: Callient;
    src: url(/attachments/fonts/Callient.otf);
 } */

 /* font size */
 .fs-8{font-size: 8px;}
 .fs-10{font-size: 12px;}
 .fs-11{
    font-size: 11px;
}
.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}
.heading{font-size: 18px;}
.heading-0{font-size: 30px;}
.heading-1{font-size: 25px;}
.heading-2{font-size: 22px;}
.heading-3{font-size: 20px!important;}

/* override bootstrap colors */
.bg-primary{background-color: var(--primary)!important;}
.bg-success{background-color: var(--successs)!important;}
.btn-primary{background-color: var(--primary)!important; border: none!important;}
.btn-primary:hover{background-color: #c7644d; color:var(--primary)}
.btn-success{background-color: var(--pink)!important; border: none!important;}
.text-primary{color:var(--primary)!important;}
.text-info{color: var(--green)!important;}
.text-pink{color: var(--dark-success)!important;}
.bg-light-gray1{background-color: var(--lightgray1);}
.bg-light-blue1{background-color: var(--lightblue1);}
.bg-light-blue2{background-image: linear-gradient(var(--lightblue1), var(--lightblue1),#e5f4ff);}
.bg-green1{background-color: var(--green)!important; border: none!important;}
.bg-orange1{background-color: var(--orange)!important; border: none!important;}
.bg-purple1{background-color: var(--purple)!important; border: none!important;}
.bg-blue1{background-color: var(--blue1)!important; border: none!important;}

/* menu bar */
.dropdown-item.active, .dropdown-item:active{
    background-color: var(--primary)!important;
}

/* custom css */
.object-fit-cover{object-fit: cover;
}
a{text-decoration: none!important;}
.mh-100{min-height: 100%;}
.mw-100{min-width: 100%;}
.bottom-divider{background-image: linear-gradient(white,white, #fbfbfb7a); padding-bottom: 30px;}
.bottom-border{border-bottom: 1px solid #e9e9e9;}
.btn-white{background-image: linear-gradient(#f4f9ff, white)!important;
    border-bottom: 2px solid #e2c8a6!important;
    color: black!important;
}
.accordion-button:not(.collapsed), .accordion-button{
    background-color: transparent!important;
    color: var(--primary)!important;
    box-shadow: none!important;
}
.accordion-button:not(.collapsed)::after{
    margin-left: auto;
    margin-right: 3px;
 }

 .faq{max-height: 250px; overflow-y: auto; padding-right: 10px;}
/* .accordion-button:not(.collapsed)::after{
    background-image: transparent!important;
} */
.ws-nowrap{white-space: nowrap;}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border: none!important;}
.nav-link:focus, .nav-link:hover{color: var(--primary);}
/* basic sizing */
.cont{padding:0px 20px ;}
.semi-cont{padding:0px 40px ;}
.box-border-white{border:3px solid white}
/* Basic colors */
.active{color: var(--primary)!important;
font-weight: 500!important;}
.nav-link{color:var(--black);
font-size: 14px;}

/* Navbar Section Css */
.nav-item{padding: 3px!important;}
/* to remove */


.black-animation{
    color:black!important;
    }

    .primary-animation{
    color: #3bd5b1!important;
    }

.btn-check:focus+.btn, .btn:focus{box-shadow: none!important;}


/* slider section */
/* .slider-section .carousel-inner{min-height:573px!important;} */

/* overview section */
.overview-section .title{
    font-family: 'Mea Culpa', cursive;
    font-size: 40px;
    /* font-family: callient; */
}

/* features area */
.features-area{
    background-image: linear-gradient(#FFFFFF, #fbfbfb);
    /* height: 60px; */
}
.features-area img{width: 40px;}

.icon-images:nth-child(2){width: 100px;}

.ellipse1{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  overflow: hidden;}
.ellipse3{font-size: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  overflow: hidden;}
.custom_lh1{line-height: 1.7;}
.top-150{top: 150px;}
/* tickets section */
.tickets-active{border-bottom: 2px solid var(--primary)!important;
margin-bottom: -2px!important;}
.tickets ul{padding-left: 0!important}
.tickets-tabs>.nav-item{padding: 0px!important;}
.tickets-price .price{font-size: 30px;}
.tickets-price strike{font-size: 12px; text-align: left;}
.tickets-price .saving-box{
    background-image: linear-gradient(var(--green),#049174);
    color: white;
}
.tickets-status{font-size: 12px;}
.tickets-features p{padding: 0px; margin: 5px 0px;}
.tickets-features span{margin-right: 10px;}
.tickets .nav-link{border: 0px!important;}
/* .tickets .tickets-image{width: 300px;}
.tickets .tickets-price{width: 250px;} */
.tickets-image .ribbon{z-index: 1;
    top: -4px;
    left: 8px;
    width: 120px;}

/* feature gallery */
.features-gallery .card-body{font-size: 20px;
    bottom: 0px; left: 0px; right: 0px;
    color: white;
    /* border-top-right-radius: 20px; border-bottom-right-radius: 20px; */
    padding: 3px 10px;
    font-size: 16px;
}
.features-gallery .overlay-div{
    bottom: 0;
    height: 60%;
    width: 100%;
    position: absolute;
    /* background-image: linear-gradient(#00000000, var(--primary)); */
    /* background-color: #009aff; */
    opacity: 0.8;
}
.features-gallery .overlay-activities{
    top: 5px;
    left: -3px;
    width: 90px;
    position: absolute;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-image: linear-gradient(#e58872, #3bd5b1)!important;
    font-size: 12px;
}
.features-gallery .overlay-categories{
    top: 27px;
    left: -3px;
    width: 90px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    background-image: linear-gradient(#ffd295, #c39362)!important;
    font-size: 12px;
}
.features-gallery .activities .card-title{color: white; font-weight: 600;}
.features-gallery .category .card-title{color: var(--primary)!important; font-weight: 600;}
.features-card-title{
    padding: 5px;
    background-image: linear-gradient(white, #e9d4bb8c);
    font-weight: 700;
    margin-bottom: 0px!important;
    font-weight: bold;
}


/* slider section */

/* tour-filters */
.tour-filters{
    /* display: grid;
    grid-template-columns: 1fr 3fr; */
}
.tour-filters .flex-grow-1{padding-top: 3px; padding-bottom: 3px;}

.tour-filters .filters-accordion-list{
    background-image: linear-gradient(-90deg,#ffffff, #dbb98f);
    /* -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s; */
}
.tour-filters .filters-accordion-list:hover{
    background-image: linear-gradient(-90deg,#ffffff, #c96b55)!important;
    color: #ffffff!important;
    /* background-color: red!important; */
}
.tour-filters .filter-detail .filter{
    border:1px solid #3bd5b19c!important
}
.filter-detail .stars-overlay{letter-spacing: -3px;}
.tour-filters .filter-title{
    font-size: 20px;
}
.tour-filters .filter-specifications{
    /* display: grid;
    grid-template-columns: repeat(4, 1fr); */
}
.filter-specifications .specification{
text-align: center;
font-size: 12px;
}
.specification span{
    background-image:linear-gradient(#cee5ff, #5da5f6);
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.tour-filters .accordion-item{
    /* border-bottom: 3px solid #3bd5b1; */
    font-size: 10px;
}
.tour-filters .image{
    height: 125px;
    min-width:  175px;
    max-width: 175px;
}

.tour-filters .pricing{
    min-width: 150px;
    max-width: 150px;
    background-image: linear-gradient(#ffffff69,#eedeca80);
}
.tour-filters .pricing .rating{
    background-color:  var(--primary);
}
.tour-filters .pricing .features{
    line-height: 15px;
}
.tour-filters .pricing strike{
    border-radius: 5px;
    padding: 0px 3px;
}
.tour-filters .pricing svg{
    width: 12px;
}
.tour-filters .overlay-discount{
    top: 5px;
    left: -5px;
    position: absolute;
    background-image: linear-gradient(#e58872, #3bd5b1)!important;
    font-size: 12px;
}

.tour-filters .overlay-stars{
    bottom: 5px;
    left: -5px;
    position: absolute;
    background-image: linear-gradient(#e58872, #3bd5b1)!important;
    font-size: 12px;
}

.filter{
    box-shadow: 1px 3px 6px #bbbaba85!important;
}

.tour-filters .category-button{color: var(--primary)!important; font-weight: 600;}
.tour-filters .cateogory{top: 150px; z-index: 3;}
.tour-filters .filter-detail{top: 150px; z-index: 3;}
.tour-filters .activities{
    border: 2px solid #ddbc94;
    border-left: honeydew;
}

/* media accordion */
.media-accordion .accordion-button{
    color: black!important;
    /* background-image: linear-gradient(#fff2ef7a, transparent); */
}
.media-faq2 .accordion-item:first-of-type .accordion-button{
    /* background-image: linear-gradient(#fff2ef7a, transparent); */
}

/* .media-accordion .sticky-top{top:90px!important} */

/* .media-accordion .ribbon{z-index: 1; top: -5px; left: -5px; width: 150px;} */
.media-faq2 .ribbon{z-index: 1; top: -5px; left: -5px; width: 100px;}

/*
category slider */
.category-slider img{
    width: 12px!important;
}
.category-slider .right-arrow{
    width: 16px!important;
}
.category-slider .nav-item{padding:5px  10px!important;}
.category-slider .nav-link{font-size: 12px;}
.category-slider .nav-link.active{background-color: transparent!important;}
.category-slider .to-right{
    top: 0px;
    right: 0px;
    width: 50px;
    background-image: linear-gradient(90deg, #ffffffcf, white,white);
    height: 100%;
}
.category-slider nav{
    width: 100%!important;
    margin: 0 auto;
}
.category-slider .nav-link{
    background-color: #fbfbfb!important;
    margin-right: 5px;
    text-align: center;
    border-radius: 2px!important;
    padding: 3px 8px!important;
    margin-bottom: 3px;
    border: 1px solid whitesmoke;
    font-size: 12px!important;
}
.category-slider .to-left-css{
    top: 0px;
    left: 0px;
    width: 50px;
    background-image: linear-gradient(90deg, white,#ffffff,#ffffffcf);
    height: 100%;
}
.category-slider .right-arrow{
    position: absolute;
    top: 0px;
    right: 5px;
    padding: 5px;
    width: 20px!important;
    box-shadow: 1px 1px 2px 0px #645a5aab;
    border-radius: 4px;
    background-color: #fbfbfb
}
.category-slider .left-arrow{
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px;
    width: 20px!important;
    box-shadow: 1px 1px 2px 0px #645a5aab;
    border-radius: 4px;
    background-color: #fbfbfb;
}
.category-slider .list{
    /* background-image: linear-gradient(white,#f9f9f945); */
    border-top: 1px solid whitesmoke;
}
.category-slider .xscroll{cursor: move!important;}
.category-slider .overflow-x-auto{overflow-x: auto;}
/* swipper gallery */
    .swiper-gallery .divider {border: 1px solid #ccc;}
    .swiper-gallery .gallery{padding: 40px;}
    .swiper-gallery img {width:100%;}
    .swiper-gallery{
        position: relative;
        height: 100%;
    }

    .swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        /* margin-right:15px!important;
        width: 250px!important; */
      }

      .swiper-slide .lazy {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 15px!important;
        color: #646363!important;
        background-color: #fdfdfdd9!important;
        padding: 10px 7px!important;
        border-radius: 5px!important;
      }

      .swiper-button-next, .swiper-button-prev{
        top:var(--swiper-navigation-top-offset,50%)!important;
          }


           .internal{
            display: inline-block;
           }

           .center{
            /*will change this to hidden later to deny scolling to user*/
            white-space: nowrap;
           }


           .category-swiper .swiper-slide {
            margin-right: 10px!important;
            font-size: 12px;
            margin-bottom: 5px;
            width: auto!important;
            background-color: #fbfbfb;
            text-align: center;
            border-radius: 2px;
            padding: 1px 0px;
            border: 1px solid whitesmoke;
            font-size: 10px;
            }

            /* .category-swiper{width: 95%!important;} */
          /* custom ticket pricing */
          .custom-sm-tickets-price .saving-box{
            background-image: linear-gradient(var(--green),#049174);
            color: white;
        }
          .custom-sm-tickets-price .custom-price{
            background-color: #f7fbff;
           padding: 0px 10px;
        }
        .custom-sm-tickets-price .ticket-arrows{width: 30px!important;
        }
        .custom-sm-tickets-price .btn-success{
            width: 30px!important;
            color: black;
            border: 1px solid #d7d7d76e!important;
            background-color: white!important;
        }
        .custom-sm-tickets-price .prev-price{margin-bottom: -3px!important;}
        .custom-sm-tickets-price .Availability{font-size: 8px!important;}

        .detailed-gallery .card-body .book-btn,.more-info .card-body .book-btn, .more-features .card-body .book-btn{
            background-image: linear-gradient(-90deg, #f1e4d4, #c5a680);
        }
        .detailed-gallery .card-body .book-btn .action-btn,.more-info .card-body .book-btn .action-btn{
            padding-top: 2px;
            padding-bottom: 2px;
        }
        .detailed-gallery .card-body .book-btn .action-btn .icon,.more-info .card-body .book-btn .action-btn .icon{
            width: 10px!important;
        }

        .tour-filters ul li{background: linear-gradient(-90deg,#ffffff, #dbb98f);}

        /* media faq */
        .media-faq2{background-image: linear-gradient(#f5ebde3d, transparent);
            padding-top: 11px;}
        .media-faq2 .box1{
            background-color: #3bd5b1;
            color: white;
            text-align: center;
            margin-top: 10px;
            /* font-family: 'Bruno Ace SC', cursive; */
        }
        .media-faq2 .price{
            font-family: 'Abril Fatface', cursive;
            margin-top: 10px;
            font-size: 30px;
            letter-spacing: 2px;
            line-height: 15px;
        }
        .media-faq2 .strike{
            letter-spacing: 10px;
            font-size: 12px;
            margin-top: 10px!important;
            color: var(--primary);
        }
        .media-faq2 .sticky-top{top: 100px; z-index: 3;}
        .accordion-button::after{background-image: url('../../../attachments/svg/arrow-down.svg')!important; background-size: 15px; width: 1rem!important; height: 1rem!important;}

        .filter-detail .ribbon{
            position: absolute;
            left: -5px;
            top: -5px;
            z-index: 1;
            overflow: hidden;
            width: 100px;
            height: 75px;
            text-align: right;
        }

        .filter-detail .ribbon span{
            font-size: 12px;
            font-weight: bold;
            color:var(--primary);
            text-transform: uppercase;
            text-align: center;
            line-height: 15px;
            /* transform: rotate(-45deg); */
            /* -webkit-transform: rotate(-45deg); */
            /* width: 81px; */
            display: block;
            background: #79A70A;
            /* background: linear-gradient(#e58872, #3bd5b1)!important; */
            background: linear-gradient(#ffffff, #fdfdfd)!important;
            box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
            position: absolute;
            /* top: 9px;
            left: 0px; */
            padding: 2px 6px;
                }

         .filter-detail .ribbon span::after {
            content: "";
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #61052A;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #61052A;
        }

        .features-gallery .overlay-categories .ribbon{
            position: absolute;
            left: -5px;
            top: -5px;
            z-index: 1;
            overflow: hidden;
            width: 150px;
            height: 75px;
            text-align: right;
        }

        .features-gallery .overlay-categories .ribbon span{
            font-size: 12px;
            font-weight: bold;
            color:var(--primary);
            text-align: center;
            line-height: 15px;
            /* transform: rotate(-45deg); */
            /* -webkit-transform: rotate(-45deg); */
            width: 100px;
            display: block;
            background: #79A70A;
            /* background: linear-gradient(#e58872, #3bd5b1)!important; */
            background: linear-gradient(#ffd295, #c39362)!important;
            box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
            position: absolute;
            top: 6px;
            left: 2px;
            padding: 2px 0px;
                }

         .features-gallery .overlay-categories .ribbon span::after {
            content: "";
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #61052A;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #61052A;
        }

        .features-gallery .overlay-activities .ribbon{
            position: absolute;
            left: -5px;
            top: -5px;
            z-index: 1;
            overflow: hidden;
            width: 150px;
            height: 75px;
            text-align: right;
        }

        .features-gallery .overlay-activities .ribbon span{
            font-size: 12px;
            font-weight: bold;
            color:white;
            text-align: center;
            line-height: 15px;
            /* transform: rotate(-45deg); */
            /* -webkit-transform: rotate(-45deg); */
            width: 100px;
            display: block;
            background: #79A70A;
            /* background: linear-gradient(#e58872, #3bd5b1)!important; */
            background: linear-gradient(#e58872, #3bd5b1)!important;
            box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
            position: absolute;
            top: 5px;
            left: 2px;
            padding: 2px 0px;
                }

         .features-gallery .overlay-activities .ribbon span::after {
            content: "";
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #61052A;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #61052A;
        }

        .media-faq .ribbon{
            position: absolute;
            right: -5px;
            top: -5px;
            z-index: 1;
            overflow: hidden;
            width: 75px;
            height: 75px;
            text-align: right;
        }

        .media-faq .ribbon span{
            font-size: 10px;
            font-weight: bold;
            color: var(--primary);
            text-transform: uppercase;
            text-align: center;
            line-height: 20px;
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            width: 100px;
            display: block;
            background: #79A70A;
            background: linear-gradient(#ffffff 0%, #ffffff 100%);
            box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
            position: absolute;
            top: 19px;
            left: -21px;
        }

        .media-faq .ribbon span::before {
            content: "";
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid #61052A;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #61052A;
        }

        .media-faq .ribbon span::after {
            content: "";
            position: absolute;
            right: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #61052A;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #61052A;
        }

        .social .whatsapp-icon{line-height: 20px!important;}

        /* .overview-content{display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical;  overflow: hidden;} */

                  /* hover animtions */

        /* .filter:hover, .features-gallery .col:hover, .swiper .card:hover{
            transform: translateY(-0.3em);
            transition-duration: .3s;
            transition-timing-function: linear;
            -webkit-box-shadow: 0 0.4em 2.4em 0 rgba(0,0,0,0.05);
            -moz-box-shadow: 0 .4em 2.4em 0 rgba(0,0,0,0.05);
            box-shadow: 0 0.4em 2.4em 0 rgba(0,0,0,0.05);
        } */



            /* media queries */
            @media only screen and ((max-width: 300px)){
                .navbar-brand img {width: 100px!important;}
                #navbar-section .navbar-nav{line-height: 15px!important;}
                #navbar-section .navbar-nav{line-height: 15px!important;}
                #navitem-blink{font-size: 8px!important;}
                #nav-right-social {font-size: 8px!important;}
                .sub-nav .side-last{display: none;}
                .side-whatsapp .icon{width: 10px!important; margin-bottom: 2px;}
                .overview-section .title{font-size: 30px;}
                .features-gallery .col{width: 100%;}
                .tour-filters .filter{flex-direction: column;}
                .tour-filters .image {
                    height: 100%!important;
                    min-width: 100%!important;
                    max-width: 100%!important;
                }
                .quick-time{margin-top: 5px!important;}
                .tickets-tabs-accordion ul li:last-child{
                    display: none;
                }
                .media-faq .accordion-button, .faq .accordion-button{font-size: 10px!important;}
                .category-slider .col{width: 100%;
                    text-align: center;
                    border: 1px solid #f9f9f9;
                     margin-bottom: 2px;
                }
                .category-slider .col span{
                    display: flex;
                    justify-content: space-between;
                    flex-direction: row-reverse;
                }
                .category-slider .to-right, .category-slider .to-left{width: 40px!important;}
            }

            /* program section */
            .programs .image1{ height: 230px; object-fit: cover; }
            .programs .image2{ height: 300px; object-fit: cover; }
            .programs .overlay-div{
                outline: 4px solid white;
                outline-offset: -13px;
                /* blue */
                /* background-image: linear-gradient(90deg ,#226ba300,#226ba300, #0f75bdc2,#0f75bd,#0f75bd); */

                /* black */
                background-image: linear-gradient(90deg,#ffffff00,#260700);

                /* brown */
                /* background-image: linear-gradient(90deg,#ffffff00,#3bd5b1,#3bd5b1); */

                padding-right: 30px;
            }
            .programs .overlay-div-bg{
                padding-right:40px;
            }

            .programs .overlay-div1{
                /* background-image: linear-gradient(90deg ,#226ba300,#226ba300, #0f75bdc2,#0f75bd,#0f75bd); */
            }

            .programs .overlay-div2{
                /* background-image: linear-gradient(90deg ,#226ba300,#226ba300, #0fbd85c2,#0fbd85eb,#0fbd85); */
            }
            .programs .overlay-div3{
                /* background-image: linear-gradient(90deg ,#226ba300,#226ba300, #e59f47eb,#e59f47,#e59f47); */
            }
            .programs .title{font-size: 30px;}
            .programs .title-bg{font-size: 36px;}
            /* .programs small{font-size: 12px;} */
            .programs .time{background-color: #ffb62e;}

            #top-blogs .mySwiper-top-blogs img {
                border-top-left-radius: 20px;
                border-top-right-radius: 20px;
            }

            .sliderFeature{white-space: nowrap; overflow: auto; flex-wrap: nowrap;}
            .sliderFeature .feature{margin-right: 5px;}
            .sliderFeature::-webkit-scrollbar {
                display: none;
            }

            .photo-moments .accordion{height: 375px; overflow-y: scroll;}
            .photo-moments .mySwiper-photo-moments{height: 375px;}
            .photo-moments .swiper-pagination{bottom:30px!important;}
            .photo-moments .overlay{background-image: linear-gradient(#ffffff00,#02020200,#00000000, #08080847);}
            .photo-moments .swiper-button-next{right:27px!important;}
            .photo-moments .swiper-button-prev{left:27px!important;}
            .photo-moments .swiper-pagination-bullet{width: 10px; height: 10px; opacity: 0.5; }
            .photo-moments .swiper-pagination-bullet-active{background: white; width: 10px; height: 10px; opacity: 1; }

            .overview-more-trigger{bottom: 2px!important;}

            #top-blogs .swiper-button-next:after, #top-blogs .swiper-button-prev:after{font-size: 20px!important;}
            #top-blogs .swiper-button-next, #top-blogs .swiper-button-prev{background-color: white!important; color:black!important; width: 25px!important; height: 40px!important; border-radius: 5px!important;}

            #categories-tags .container, #subcategories-tags .container{line-height: 40px;}
            .info-table ul{padding-left: 0px!important;}
            .info-table li{list-style: none; font-size: 14px; margin-bottom: 5px; padding: 0px; border: 1px solid #dee2e6!important; text-align: center;}

            #in-the-media .mySwiper-latest-news{height: 400px;}
            .overview-content li{list-style: unset!important;}
            .overview-content p{text-align: justify;}

            @media only screen and ((min-width: 600px)) {
            .tour-filters .tour-desc .book-now{
                background-image:linear-gradient(#f7cc9c,var(--successs));
                padding: 1px 4px!important;
                border-radius: 2px;
                }
                .tour-filters .tour-desc .book-now a{
                    color: #74200c!important;
                }
            }


            @media only screen and ((max-width: 600px)) {
                .corporateBox .corporate_title{text-align: center; font-weight: bold;}
                .overview-more-trigger{bottom: -2px!important;}
                .photo-moments .mySwiper-photo-moments{height: 275px;}

                .programs .image1{ height: 180px!important; object-fit: cover; }
                .programs .image2{ height: 180px!important; object-fit: cover; }

                /* font size */
                .fs-10-sm{font-size: 12px;} .fs-11-sm{font-size: 11px;} .fs-12-sm{font-size: 12px;} .fs-13-sm{font-size: 13px;} .fs-14-sm{font-size: 14px;} .fs-15-sm{font-size: 15px;} .fs-16-sm{font-size: 16px;} .fs-17-sm{font-size: 17px;} .fs-18-sm{font-size: 18px;} .fs-19-sm{font-size: 19px;} .fs-20-sm{font-size: 20px;} .fs-24-sm{font-size: 24px;}
                /* .fs-10-xs{font-size: 10px!important;} .fs-11-xs{font-size: 11px!important;} .fs-12-xs{font-size: 12px!important;} .fs-13-xs{font-size: 13px!important;} .fs-14-xs{font-size: 14px!important;} .fs-15-xs{font-size: 15px!important;} .fs-16-xs{font-size: 16px!important;} .fs-17-xs{font-size: 17px!important;} .fs-18-xs{font-size: 18px!important;} .fs-19-xs{font-size: 19px!important;} .fs-20-xs{font-size: 20px!important;}  */

                /* .sub-nav-div-icon{background-color: white; border-radius: 2px; padding: 2px;} */
                .features-gallery .overlay-activities .ribbon span{
                    font-size: 9px!important; width: 75px!important; padding: 0px!important;
                }
                .features-gallery .overlay-categories .ribbon span{
                    font-size: 9px!important; top: 0px!important; width: 75px!important; padding: 0px!important;
                }
                .media-faq2{background-image: none;}
                .media-accordion .nav-link{font-size: 12px!important;}
                .features-gallery .card-title{font-size: 12px!important;}
                .features-gallery .overlay-categories{top: 24px;}
                .tour-filters .image{min-width: 100px;}
                /* .tour-filters .ellipse2{max-width: 130px!important;} */
                .heading-2{font-size: 14px!important;}
                .features-gallery .overlay-activities{width: 80px;}
                .features-gallery .overlay-categories{width: 80px;}
                .pricing .fs-12{font-size: 8px!important;}

                .filter .card-title{font-size: 10px;}
                .filter .tour-title{color: var(--primary); font-size: 11px!important;
                    /* display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;} */
                }
                    .media-accordion .nav-link{font-size: 10px!important; padding: 0px 10px;}
                    .media-faq .accordion-body{font-size: 10px;}
                    .media-faq .accordion-button,.faq .accordion-button{font-size: 12px;}
                    .faq .accordion-body{font-size: 10px;}
                    .swiper .fs-14{font-size: 12px;}
                    .swiper .fs-12{font-size: 10px;}
                    .swiper-gallery p{font-size: 14px;}
                    .tickets .nav-link{font-size: 10px!important;  padding-left: 5px!important; padding-right: 5px!important;}

                    .category-slider .nav-link{
                        font-size: 10px!important;
                    }

                    /* .stars-overlay{
                        background-color: white;
                        font-size: 5px;//
                        width: 100%;
                        box-shadow: 0px -1px 5px 0px #2e2e2e24;
                    } */

                    .category-slider .to-left{
                        width: 50px;
                    }
                    .category-slider .to-right{
                        width: 50px;
                    }
                    /* #content{margin-left: 50px; margin-right: 50px;} */
                    .tour-filters .accordion-button{font-size: 10px;}

                    .tour-filters .image {
                        height: 95px;
                        min-width: 110px;
                        max-width: 110px;
                    }
                    .tour-filters .tour-title{padding-bottom: 0px!important;}
                    .tour-filters .tour-desc .fs-12{font-size: 10px!important;}
                    .tour-filters .tour-desc .fs-10{font-size: 12px!important;}
                    .tour-filters .tour-desc .icon{width: 10px!important;}
                    .tour-filters .pricing {
                        min-width: 80px;
                        max-width: 80px;
                        background-image: linear-gradient(#ffffff69,#eedeca80);
                    }
                    .tour-filters .features .fs-10{font-size: 8px!important;}
                    .tour-filters .features .me2{padding: 3px!important;}
                    .tour-filters .pricing .features {
                        line-height: 10px;
                        margin:0px!important;
                    }

                    .filter .filter-price{justify-content: center!important;}
                    .filter .pe-2{padding: 0px 2px!important;}
                    /* .tour-filters .pricing .price{flex-direction: column!important; justify-content: center!important; align-items: center!important;} */
                    .tour-filters .pricing .price span{font-size: 14px!important;}
                    .tour-filters .flex-grow-1{padding-top: 2px;}
                    .tour-filters .flex-grow-1{padding-bottom: 2px!important;}
                    .tour-filters .tour-desc .book-now{
                    background-image:linear-gradient(#f7cc9c,var(--successs));
                    padding: 1px 4px!important;
                    border-radius: 2px;
                    }
                    .tour-filters .tour-desc .book-now a{
                        color: #74200c!important;
                    }

                    .tour-filters .activities {
                        /* border: 1px solid #ddbc94;
                        border-left: none; */
                        border: none!important;
                    }

                    .detailed-gallery .ellipse2, .more-info .ellipse2, .more-features .ellipse2{font-size: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden;
                    margin-bottom: 0px!important;
                    }
                    .detailed-gallery .card-body .fs-14,.more-info .card-body .fs-14{font-size: 12px;}
                    .accordion-button::after{background-image: url('../attachments/svg/arrow-down.svg')!important; background-size: 12px; width: 1rem!important; height: 0.75rem!important;}
                    .media-faq2 .fs-14{font-size: 12px;}
                    .media-faq2 .tickets-features {border: 1px solid #dfdfdf;}

                    .filter-detail .ribbon span{padding: 0px 4px!important; font-size: 10px!important;}
                    .info-table .col{min-width: 50%!important;}
                }

            @media only screen and (max-width: 768px) and (min-width: 600px) {
                .overview-more-trigger{bottom: 0px!important;}
                .programs .image1{ height: 200px!important; object-fit: cover; }
                .programs .image2{ height: 200px!important; object-fit: cover; }
            /* font size */
            .fs-10-md{font-size: 12px;} .fs-11-md{font-size: 11px;} .fs-12-md{font-size: 12px;} .fs-13-md{font-size: 13px;} .fs-14-md{font-size: 14px;} .fs-15-md{font-size: 15px;} .fs-16-md{font-size: 16px;} .fs-17-md{font-size: 17px;} .fs-18-md{font-size: 18px;} .fs-19-md{font-size: 19px;} .fs-20-md{font-size: 20px;} .fs-24-md{font-size: 24px;} .fs-30-md{font-size: 30px;}

            }

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

            .more-info .ellipse3{font-size: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  overflow: hidden;}

            .sub-nav .fs-12{font-size: 12px;}

                .heading{
                    font-size: 14px!important;
                }
                .overview-section{margin-top: 20px;}
                .overview-section .overview-content p{font-size: 13px;}
                .overview-more-trigger{bottom: -2px!important;}
                .filter-detail .tour-desc .ellipse2{display: -webkit-box; -webkit-line-clamp: 2 ; -webkit-box-orient: vertical;  overflow: hidden;
                margin-bottom: 0px!important;}

                /* .tour-filters .ellipse2{
                white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  max-width: 200px;
                }  */
                .navbar .main-nav-link{font-size: 12px!important;}
                .navbar-toggler:focus-visible,.navbar-toggler:active,.navbar-toggler:focus,.navbar-toggler:focus-within,.navbar-toggler:target,.navbar-toggler:hover,.navbar-toggler:visited,.navbar-toggler:focus-visible{box-shadow: none!important;}
                .payment-list .nav-link,footer .fs-14{font-size: 12px; padding: 0px!important; margin-top: 10px;}
                .filter-detail .tour-title .fs-16{font-size: 11px;}

                .media-faq2 .tickets-features {border: 1px solid #dfdfdf;}
                .info-table .col{min-width: 50%!important;}

            }

            .featureTitle{font-size: calc(12px + (6) * (100vw - 320px) / (1880 - 320))!important;}
            .featureSubTitle{font-size: calc(9px + (5) * (100vw - 320px) / (1880 - 320))!important;}

            @media only screen and (max-width:992px)  {
                .sliderFeature .feature{
                    border-radius: .25rem!important;
                    border: 1px solid #dee2e6!important;
                    background: linear-gradient(#ffffff0f, #fff3f3ba);
                }
                .featureIcon img{width: 25px;}
                .featureIcon .starIcon{width: 22px!important;}

                .photo-moments .accordion{height: 100%; overflow-y: hidden;}

                .ellipse-8-lg{display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;  overflow: hidden;}
                #in-the-media .mySwiper-latest-news{height: 350px;}
            }

            @media only screen and ((max-width: 992px) and (min-width:769px)) {
                .overview-more-trigger{bottom: 5px!important;}

                .programs .image1{ height: 280px!important; object-fit: cover; }
                .programs .image2{ height: 280px!important; object-fit: cover; }

                /* font size */
                .fs-10-lg{font-size: 12px;} .fs-11-lg{font-size: 11px;} .fs-12-lg{font-size: 12px;} .fs-13-lg{font-size: 13px;} .fs-14-lg{font-size: 14px;} .fs-15-lg{font-size: 15px;} .fs-16-lg{font-size: 16px;} .fs-17-lg{font-size: 17px;} .fs-18-lg{font-size: 18px;} .fs-19-lg{font-size: 19px;} .fs-20-lg{font-size: 20px;} .fs-30-lg{font-size: 30px;} .fs-36-lg{font-size: 36px;}

                .programs .overlay-div{
                    padding-right: 60px;
                    }


                .overview-section .overview-content p{font-size: 14px;}
                .sub-nav .nav-link{font-size: 11px;}
                .tickets .nav-link{font-size: 12px!important; padding: 10px!important;}
                .tickets-content p {
                    font-weight: 100;
                    font-size: 12px;
                }

                /* .tour-filters .ellipse2{
                white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  max-width: 400px;
                }  */
                .navbar .main-nav-link{font-size: 12px!important;}

                .slider-section .carousel-inner{min-height:225px!important;}
                .filter-detail .tour-title .fs-16{font-size: 12px;}
                .filter-detail .tour-desc .ellipse2{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden;}
                .sub-nav .nav-link{font-size: 12px!important;}
                .info-table .col{min-width: 25%!important;}


            }

            @media only screen and ((max-width: 1200px) and (min-width:992px)) {

                .photo-moments .accordion{height: 325px; overflow-y: scroll;}
                .photo-moments .mySwiper-photo-moments{height: 325px;}

                /* .programs .image1{ height: 180px; object-fit: cover; }
                .programs .image2{ height: 250px; object-fit: cover; } */

                /* font size */
                .fs-10-xl{font-size: 12px;} .fs-11-xl{font-size: 11px;} .fs-12-xl{font-size: 12px;} .fs-13-xl{font-size: 13px;} .fs-14-xl{font-size: 14px;} .fs-15-xl{font-size: 15px;} .fs-16-xl{font-size: 16px;} .fs-17-xl{font-size: 17px;} .fs-18-xl{font-size: 18px;} .fs-19-xl{font-size: 19px;} .fs-20-xl{font-size: 20px;} .fs-24-xl{font-size: 24px;}

                .programs .overlay-div{
                padding-right: 40px;
                }

                .slider-section .carousel-inner{min-height:300px!important;}
                .filter-detail .tour-desc .fs-12{font-size: 10px;}
                .filter-detail .tour-desc .ellipse2{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden;}
                /* .filter-detail .tour-title{padding-top: 5px!important;} */
                .filter-detail .tour-title .fs-16{font-size: 14px;}
                .sub-nav .nav-link{font-size: 12px!important;}
                .info-table .col{min-width: 25%!important;}

            }

            @media only screen and (max-width:1200px) and (min-width:992px) {
                .ellipse-8-lg{display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;  overflow: hidden;}
                #in-the-media .mySwiper-latest-news{height: 300px;}
            }

            /* extra large query */
            @media only screen and (min-width:1200px) {
                /* font size */
                .overview-more-trigger{bottom: 3px!important;}
                .fs-10-xl{font-size: 12px;} .fs-11-xl{font-size: 11px;} .fs-12-xl{font-size: 12px;} .fs-13-xl{font-size: 13px;} .fs-14-xl{font-size: 14px;} .fs-15-xl{font-size: 15px;} .fs-16-xl{font-size: 16px;} .fs-17-xl{font-size: 17px;} .fs-18-xl{font-size: 18px;} .fs-19-xl{font-size: 19px;} .fs-20-xl{font-size: 20px;} .fs-24-xl{font-size: 24px;}

                .slider-section .carousel-inner{min-height:357px!important;}
                .filter-detail .tour-desc .ellipse2{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden;}
                .sub-nav .nav-link{font-size: 12px!important;}
            }

            @media only screen and (min-width:1300px) {
            /* font size */
            .fs-10-xl{font-size: 12px;} .fs-11-xl{font-size: 11px;} .fs-12-xl{font-size: 12px;} .fs-13-xl{font-size: 13px;} .fs-14-xl{font-size: 14px;} .fs-15-xl{font-size: 15px;} .fs-16-xl{font-size: 16px;} .fs-17-xl{font-size: 17px;} .fs-18-xl{font-size: 18px;} .fs-19-xl{font-size: 19px;} .fs-20-xl{font-size: 20px;} .fs-24-xl{font-size: 24px;}

                .slider-section .carousel-inner{min-height:387px!important;}
                /* .filter-detail .tour-title .fs-16{font-size: 14px;} */
                .sub-nav .nav-link{font-size: 12px!important;}

            }

            @media only screen and (max-width:1400px) and (min-width:1200px) {
                .ellipse-8-lg{display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;  overflow: hidden;}
                #in-the-media .mySwiper-latest-news{height: 350px;}
            }



            @media only screen and (min-width:1400px) {

                .fs-10-xxl{font-size: 12px;} .fs-11-xxl{font-size: 11px;} .fs-12-xxl{font-size: 12px;} .fs-13-xxl{font-size: 13px;} .fs-14-xxl{font-size: 14px;} .fs-15-xxl{font-size: 15px;} .fs-16-xxl{font-size: 16px;} .fs-17-xxl{font-size: 17px;} .fs-18-xxl{font-size: 18px;} .fs-19-xxl{font-size: 19px;} .fs-20-xxl{font-size: 20px;} .fs-30-xxl{font-size: 30px;} .fs-36-xxl{font-size: 36px;}
                .slider-section .carousel-inner{min-height:418px!important;}
            }

            @media only screen and (min-width:1500px) {
                .slider-section .carousel-inner{min-height:450px!important;}
                /* .last-features-icon{display: block!important;} */
            }

            @media only screen and (min-width:1600px) {
                .slider-section .carousel-inner{min-height:555px!important;}
            }
