* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/customfont/Inter.ttf') format('truetype');
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/customfont/Manrope.ttf') format('truetype');
}

@font-face {
    font-family: 'Montez';
    src: url('../fonts/customfont/Montez-Regular.ttf') format('truetype');
}



html {
    scroll-behavior: smooth;
}


:root {
    --primary-color: #34b54c;
    --dark-primary: #28a745;
    --light-primary: #f2fff4;
    /* --title-color: #13576C; */
    --title-color: #34b54c;
    --white-color: #ffffff;
    --off-white: #E1E4E5;
    --border-color: #E9EDF5;
    --body-color: #6E7070;
    --yellow-color: #FFB539;
    --orange: #FF833D;
    --black-color: #000000;
    --black-color2: #232323;
    --footer-icon-bg2: #34b54c;

    --bs-secondary-rgb: 108, 117, 125;

    --overlay-primary: rgba(17, 61, 72, 0.7);

    /* font family  */
    --body-font: 'Inter', sans-serif;
    --title-font: 'Manrope', sans-serif;
    --cursive-font: 'Montez', sans-serif;
}

body {
    background-color: var(--white-color);
    font-size: 16px;
    color: var(--body-color);
    font-family: var(--body-font);
}



/* common css  */
img {
    width: 100%;
}

a {
    text-decoration: none;
    color: inherit;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.side_gap {
    padding-left: 50px;
    padding-right: 50px;
}

.common_btn_dark {
    padding: 15px 30px;
    background: var(--title-color);
    color: var(--white-color);
    border-radius: 50px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.common_btn_dark span {
    position: relative;
    padding-right: 30px;
}

.common_btn_dark span::after {
    height: 20px;
    width: 20px;
    background: url('../images/icons/arrow-right.svg');
    background-size: contain;
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.button_primary span {
    position: relative;
    padding-right: 30px;
}

.button_border span {
    position: relative;
    padding-right: 30px;
}

.button_primary span::after {
    height: 20px;
    width: 20px;
    background: url('../images/icons/arrow-right.svg');
    background-size: contain;
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.button_border span::after {
    height: 20px;
    width: 20px;
    background: url('../images/icons/arrow-right.svg');
    background-size: contain;
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.common_btn_dark::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: var(--primary-color);
    height: 100%;
    width: 0%;
    z-index: -1;
    border-radius: 50px;
    transition: all .5s ease-in-out;
}

.common_btn_dark:hover::before {
    width: 100%;
}

.button_primary {
    padding: 15px 30px;
    background: var(--title-color);
    color: var(--white-color);
    border-radius: 50px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    width: max-content;
}

.button_primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: var(--primary-color);
    height: 100%;
    width: 100%;
    z-index: -1;
    border-radius: 50px;
    transition: all .5s ease-in-out;
}

.button_primary:hover::before {
    width: 0%;
}

.button_border {
    padding: 13px 30px;
    border: 1px solid var(--white-color);
    color: var(--white-color);
    border-radius: 50px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    width: max-content;
    transition: all .5s ease-in-out;
}

.button_border:hover {
    border-color: var(--primary-color);
}

.button_border::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: var(--primary-color);
    height: 0%;
    width: 0%;
    z-index: -1;
    border-radius: 50px;
    transition: all .5s ease-in-out;
}

.button_border:hover:before {
    height: 100%;
    width: 100%;
}

#scrollToTopBtn {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    z-index: 100;
    border: 5px solid var(--white-color);
    outline: 2px solid var(--primary-color);
    background: var(--title-color);
    color: var(--white-color);
    position: fixed;
    bottom: 30px;
    right: 30px;
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: none;
}

#scrollToTopBtn img {
    padding: 10px;
    transform: rotate(-90deg);
}

.common_heading h5 {
    font-family: var(--cursive-font);
    font-size: clamp(32px, 2.5vw, 36px);
    text-transform: capitalize;
    color: var(--dark-primary);
    /* color: var(--body-color); */
    text-align: center;
    margin: 0;
}

.common_heading h3 {
    font-size: clamp(32px, 3.2vw, 64px);
    color: var(--title-color);
    /* color: #198754; */
    color: var(--black-color2);
    font-weight: 500;
    text-align: center;
    text-transform: capitalize;
}

.common_heading p {
    font-size: clamp(16px, 1vw, 18px);
    max-width: 1000px;
    text-align: center;
    margin: auto;
    padding: 0 10px;
}

.second_common_heading h5 {
    font-family: var(--cursive-font);
    font-size: clamp(32px, 2.5vw, 36px);
    text-transform: capitalize;
    color: var(--title-color);
    /* color: #198754; */
    color: var(--body-color);
}

.second_common_heading h3 {
    font-size: clamp(32px, 3.2vw, 52px);
    color: var(--title-color);
    font-weight: 500;
    text-transform: capitalize;
}

/* top header css  */
.top_border {
    border-bottom: 1px solid var(--border-color);
}

.top_header_section {
    font-size: 14px;
    /* color: var(--black-color2); */
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
    padding: 10px 0;
}

.top_header_left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.top_header_left .location {
    border-right: 1px solid var(--black-color2);
    padding-right: 16px;
}

.top_header_right {
    display: flex;
    align-items: center;
    gap: 24px;
}

.top_header_right .language {
    padding: 5px 10px;
    border: 1px solid var(--off-white);
    border-radius: 30px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.support_data a {
    display: flex;
    align-items: center;
    gap: 5px;
    border-right: 1px solid var(--off-white);
    padding-right: 0.5rem;
}

.support_data a:last-child {
    border: none;
    padding: 0;
}

.language .dropdown-menu {
    border: 1px solid var(--primary-color);
    padding: 0;
    overflow: hidden;
}

.language .dropdown-menu .dropdown-item {
    font-size: 14px;
    color: var(--black-color2);
}

.language .dropdown-menu .dropdown-item:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

/* nav bar css  */
.navbar-toggler {
    background: var(--primary-color);
    color: var(--white-color) !important;
    border: none;
    box-shadow: none;
    padding: 10px;
}

.navbar-toggler i {
    font-size: 24px;
    color: var(--white-color) !important;
}

.navbar-toggler:focus {
    box-shadow: none;
    border: none;
}

nav {
    position: relative;
    z-index: 100;
}

#navbar.scrolled {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 777;
    background: var(--white-color);
    animation: slideDown 0.5s ease-in-out forwards;
    box-shadow: 5px 0px 10px 10px rgba(0, 0, 0, 0.08);
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.logo {
    height: 100%;
    max-width: 300px;
    width: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    display: flex;
    align-items: center;
    padding-left: 60px;
    top: 0;
    left: 0;
    overflow: hidden;
}

.logo img {
    height: 80px;
    width: 100%;
    object-fit: contain;
}

.larg_nav_bar {
    padding-left: 300px;
}

.logo h2 {
    font-size: clamp(26px, 3vw, 36px);
    color: var(--white-color);
    font-family: var(--title-font);
    font-weight: 600;
    margin: 0;
}

.logo h2 span {
    font-family: var(--cursive-font);
}

.navbar .nav-link {
    font-size: 16px;
    color: var(--black-color2);
    color: var(--bs-secondary-rgb);
    text-transform: capitalize;
    padding: 0 !important;
}

/* large screen dropdown  */

.navbar-nav {
    perspective: 10 0px;
}

.hover_dropdown {
    position: relative;
    z-index: 2;
}

.hover_dropdown .dropdown_menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: rotateX(-90deg);
    transform-origin: top;
    transition: all 0.5s ease;
    background: var(--white-color);
    border: 1px solid var(--primary-color);
    position: absolute;
    top: 30px;
    left: 0;
    width: max-content;
    z-index: 5;
}

.hover_dropdown .dropdown_menu .dropdown_item {
    color: var(--black-color2);
    color: var(--bs-secondary-rgb);
    padding: 10px;
    display: block;
    font-size: 16px;
    transition: all .3s ease-in-out;
    width: 100%;
}

.larg_nav_bar ul li .nav-link {
    position: relative;
}

.larg_nav_bar ul li .nav-link.active {
    color: var(--primary-color);
}

.larg_nav_bar ul li .nav-link:hover {
    color: var(--primary-color);
}

.larg_nav_bar ul li .nav-link::before {
    content: '';
    position: absolute;
    bottom: -2px;
    height: 1px;
    width: 0%;
    border-radius: 10px;
    transition: all .3s ease-in-out;
    /* background-color: var(--black-color2); */
    background-color: var(--primary-color);
}

.larg_nav_bar ul li .nav-link:hover::before {
    width: 100%;
}

.larg_nav_bar ul li .nav-link.active::before {
    width: 100%;
}

.hover_dropdown .dropdown_menu .dropdown_item:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

.larg_nav_bar ul {
    display: flex;
    align-items: center;
    gap: 28px;
}

.hover_dropdown:hover .dropdown_menu {
    opacity: 1;
    visibility: visible;
    transform: rotateX(0deg);
}


.hover_dropdown .nav-link .ri-arrow-down-s-line {
    transition: transform 0.5s ease;
    display: inline-block;
    /* margin-left: 0px; */
    font-size: 16px;
}

.hover_dropdown:hover .nav-link .ri-arrow-down-s-line {
    transform: rotateX(180deg);
}

.hover_dropdown:hover .dropdown_menu {
    pointer-events: auto;
}

/* home slider  */
.home_hero {
    height: 85vh;
    position: relative;
}

.mySwiperHomeHero {
    height: 100%;
}

.mySwiperHomeHero .home_slider_bg {
    height: 100%;
    width: 100%;
    position: relative;
    color: var(--white-color);
}

.mySwiperHomeHero .home_slider_bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
}

.mySwiperHomeHero .home_slider_bg::before {
    content: '';
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.home_slider_content {
    position: absolute;
    /* left: 0; */
    top: 50%;
    transform: translateY(-50%);
    max-width: 900px;
    width: 100%;
}

.home_slider_content h5 {
    font-size: clamp(24px, 3vw, 44px);
    font-family: var(--cursive-font);
}

.home_slider_content h3 {
    font-size: clamp(32px, 5vw, 86px);
    text-transform: capitalize;
}

.swiper-button-prevHome {
    position: absolute;
    top: 70%;
    transform: translateY(-50%);
    z-index: 3;
    cursor: pointer;
    right: 50px;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    height: 60px;
    width: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-button-nextHome {
    position: absolute;
    top: 30%;
    transform: translateY(-50%);
    z-index: 3;
    cursor: pointer;
    right: 50px;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    height: 60px;
    width: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.swiper-button-prevHome::before,
.swiper-button-nextHome::before {
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    width: 35px;
    overflow: hidden;
}

.swiper-button-prevHome::before {
    content: '';
    background: url('../images/icons/arrow-right.svg');
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(90deg);
}

.swiper-button-nextHome::before {
    content: '';
    background: url('../images/icons/arrow-right.svg');
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}

.swiper-paginationHome {
    position: absolute;
    right: 80px !important;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 10px;
    top: 50%;
    transform: translateY(-50%);
}

/* Bullet size */
.home_hero .swiper-pagination-bullet {
    width: 3px;
    height: 30px;
    background: var(--white-color);
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

/* Active bullet */
.swiper-pagination-bullet-active {
    background: var(--primary-color) !important;
}


/* destination search form  */
.destination_search_form {
    position: absolute;
    bottom: -60px;
    width: 100%;
    left: 0;
    z-index: 3;
}

.destination_search_Details {
    background: var(--light-primary);
    border: 2px solid var(--primary-color);
    border-radius: 10px;
    padding: 24px;
    box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.06);
}

.destination h4 {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--black-color);
    margin: 0;
}

input {
    outline: none;
}

.destination {
    border-right: 2px solid var(--body-color);
}

.destination input {
    border: none;
    padding: 5px 0;
    width: 100%;
}

.destination .button_primary {
    padding: 10px 40px;
}

.destination select {
    padding: 5px 40px 5px 0;
    border: none;
    outline: none;
    width: max-content;
    color: var(--body-color);
    background-color: transparent;
}

.form-select:focus {
    box-shadow: none;
}

/* TOP CATEGORES SECTION CSS STARTS  */
.top_categoreis_Section {
    padding: 160px 0 84px 0;
    background: url('../images/bgs/category_bg_1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.top_places .place_image {
    width: 100%;
    height: 260px;
    overflow: hidden;
    border-radius: 10px;
}

.top_places .place_image img {
    height: 100%;
    object-fit: cover;
    transition: all .5s ease-in-out;
}

.top_places:hover img {
    transform: scale(1.1);
}

.top_places h3 {
    font-size: 24px;
    color: var(--black-color);
    color: var(--dark-primary);
    text-transform: capitalize;
    text-align: center;
    padding-top: 16px;
}

.top_places a {
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
}

.top_places a:hover {
    color: var(--primary-color);
}

.mySwiperCategories {
    padding-bottom: 64px;
}

.mySwiperCategories .swiper-pagination-bullet,
.mySwiperTOURGUIDE .swiper-pagination-bullet,
.mySwiperTourGudie .swiper-pagination-bullet {
    background-color: transparent;
    border: 1px solid var(--body-color);
    opacity: 1;
    height: 14px;
    width: 14px;
    transition: background-color 0.3s, border 0.3s;
}

.mySwiperCategories .swiper-pagination-bullet-active,
.mySwiperTOURGUIDE .swiper-pagination-bullet-active,
.mySwiperTourGudie .swiper-pagination-bullet-active {
    background-color: var(--white-color);
    border: none;
}

/* TOP CATEGORES SECTION CSS ENDS */

/* ======= top destination css starts ======== */
.top_destination_section {
    padding: 84px 0;
}

.top_destination_section .common_heading h5,
.top_destination_section .common_heading h3 {
    text-align: start;
}

.desnation_filte_btns button {
    background: var(--light-primary);
    padding: 8px 24px;
    color: var(--title-color);
    text-transform: capitalize;
    border: none;
    font-size: 16px;
    border-radius: 10px;
    transition: all .5s ease-in-out;
}

.desnation_filte_btns button.active {
    background: var(--primary-color);
    color: var(--white-color);
}

.desnation_filte_btns button:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

.mySwiperFilterDesination .swiper-slide {
    width: max-content;
}

.destination_image_container {
    height: 560px;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
}
.destination input{
    background-color: transparent;
}

.destination_image_container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3));
}

.destination_details {
    position: absolute;
    bottom: 0px;
    color: var(--white-color);
    left: 0;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
}

.destination_image_container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.top_Destination_list_slider {
    margin-top: 64px;
}

.mySwiperDestinationList .swiper-slide {
    filter: blur(5px);
    transition: filter 0.3s ease-in-out, transform 0.3s ease-in-out;
    transform: scale(0.95);
}

.mySwiperDestinationList .swiper-slide-active {
    filter: blur(0);
    transform: scale(1);
    z-index: 10;
}

.destination_title h3 {
    font-size: 24px;
    text-transform: capitalize;
}

.destination_title p {
    font-size: 16px;
    text-transform: capitalize;
}

.destination_details a {
    padding: 8px 24px;
    border: 1px solid var(--white-color);
    border-radius: 50px;
}

.destination_details a span {
    position: relative;
    margin-right: 20px;
}

.destination_details a span::before {
    position: absolute;
    content: '';
    background: url('../images/icons/arrow-right.svg');
    background-size: contain;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
}

.drag_tooltip {
    position: absolute;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: var(--white-color);
    height: 100px;
    width: 100px;
    border-radius: 50%;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: opacity 0.2s ease;
    z-index: 50;

}

/* ======= top destination css ends======== */


/* plan together css stars */
.plan_together_Section {
    padding: 84px 0;
    position: relative;
    overflow-x: hidden;
    z-index: 1;
}

.paln_ballon {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
}

.plan_together_Section::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 20px;
    max-height: 450px;
    height: 100%;
    max-width: 450px;
    width: 100%;
    background: url('../images/bgs/together.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.plan_together_Section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10%;
    max-height: 80px;
    height: 100%;
    max-width: 200px;
    width: 100%;
    background: url('../images/bgs/car.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.large_s_image {
    height: 570px;
    overflow: hidden;
    border-top-left-radius: 200px;
    border-top-right-radius: 200px;
    width: 100%;
    border-bottom-left-radius: 200px;
}

.large_s_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.small_s_image1 {
    height: calc(280px - 1.5rem);
    width: 100%;
    overflow: hidden;
    border-top-left-radius: 180px;
    border-top-right-radius: 180px;
    border-bottom-right-radius: 180px;
}

.small_s_image2 {
    height: 280px;
    width: 100%;
    overflow: hidden;
    border-bottom-left-radius: 150px;
    border-top-left-radius: 150px;
    border-bottom-right-radius: 150px;
}

.small_s_image1 img,
.small_s_image2 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.trip_icon {
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    /* background: var(--title-color); */
    background: var(--light-primary);
    font-size: 32px;
    flex-shrink: 0;
}

.trip_decription_container {
    max-width: 450px;
}

.trip_decription_container h4 {
    color: var(--title-color);
    font-size: 24px;
    text-transform: capitalize;
}

.trip_decription_container p {
    font-size: 14px;
    font-weight: 500;
}

.plan_together_heading h5 {
    font-size: clamp(32px, 3vw, 36px);
    font-family: var(--cursive-font);
    color: var(--title-color);
    color: var(--dark-primary);
    text-transform: capitalize;
}

.plan_together_heading h3 {
    color: var(--title-color);
    font-size: clamp(32px, 3vw, 44px);
    text-transform: capitalize;
}

.plan_together_heading p {
    font-weight: 500;
    padding-bottom: 10px;
}

.plan_together_content_container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: start;
}

/* plan together css edns */



/* tour package section css */
.tour_package_section {
    padding: 84px 0 290px 0;
    margin-top: 24px;
    background: var(--light-primary);
    position: relative;
    z-index: 1;
    margin-bottom: 250px;
}

.tour_package_slider {
    margin-bottom: -480px;
}



.tour_package_section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: url('../images/bgs/category_bg_1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


.package_detail_container {
    border: 2px solid var(--border-color);
    border-radius: 20px;
    overflow: hidden;
    background: var(--white-color)
}

.package_detail_container .package_image {
    width: 100%;
    height: 240px;
    overflow: hidden;
}

.package_detail_container .package_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.package_details {
    padding: 16px;
    color: var(--black-color);
}

.package_details h4 {
    font-size: 22px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.package_rating {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}

.package_price {
    font-size: 26px;
    font-weight: 500;
    margin-top: 4px;
}

.package_price span {
    font-size: 18px;
    color: var(--body-color);
    font-weight: 500;
}

.package_rating .stars {
    color: var(--orange);
    font-size: 16px;
}

.package_days {
    color: var(--body-color);
    font-size: 16px;
    position: relative;
}

.package_days::before {
    content: '\f20f';
    font-family: 'remixicon';
    margin-right: 2px;
    font-size: 1em;
    display: inline-block;
}

.package_book {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 20px;
}

.package_book a {
    padding: 8px 16px;
    border: 1px solid var(--border-color);
    border-radius: 40px;
    color: var(--title-color);
    font-weight: 500;
    text-transform: capitalize;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all .5s ease-in-out;
}

.package_book a:hover {
    background: var(--light-primary);
}

/* tour package section css ends */


/* GALLARY SECTION CSS START  */
.gallary_section {
    padding: 84px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.paper_plane {
    position: absolute;
    top: 0;
    left: 20%;
    height: 50px;
    width: 50px;
    object-fit: contain;
}

.ballon {
    position: absolute;
    top: 20%;
    left: 0;
    object-fit: contain;
    opacity: 0.5;
}

.gallary_section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url('../images/bgs/line_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    opacity: 0.2;
    z-index: -1;
    background-position: center;
    transform: rotate(-20deg);
}

.gallary_image {
    width: 100%;
    height: 180px;
    overflow: hidden;
    border-radius: 20px;
}

.gallary_image_large {
    width: 100%;
    height: 376px;
    overflow: hidden;
    border-radius: 20px;
}

.gallary_photo_sec img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all .5s ease-in-out;
}

.gallary_photo_sec img:hover {
    transform: scale(1.1);
}

/* GALLARY SECTION CSS ENDS */


/* ---- TOUR SUCCESS RATE SECTION CSS STARTS ----  */
.tour_Success_RateSection {
    padding: 94px 0;
    position: relative;
}

.SBallon {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
}

.exp_box_wrapper {
    position: relative;
    width: 300px;
    height: 300px;
}

.exp_box {
    height: 100%;
    width: 100%;
    background: var(--light-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    border: 20px solid var(--white-color);
    outline: 2px solid var(--primary-color);
    position: relative;
    z-index: 2;
}

.rotating_dot_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: rotate 8s linear infinite;
    z-index: 3;
    pointer-events: none;
}

.dot {
    position: absolute;
    top: -10px;
    left: 50%;
    width: 20px;
    height: 20px;
    background-color: var(--light-primary);
    border-radius: 50%;
    transform: translateX(-50%);
}

.dot_inner {
    width: 10px;
    height: 10px;
    background-color: var(--primary-color);
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
}

.dot_glow {
    width: 20px;
    height: 20px;
    background-color: var(--primary-color);
    opacity: 0.3;
    border-radius: 50%;
    filter: blur(4px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/* Rotation Animation */
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


.exp_box h3 {
    font-size: 60px;
    /* color: var(--black-color); */
    color: var(--primary-color);
    text-align: center;
    font-weight: 600;
}

.exp_box p {
    font-size: 24px;
    /* color: var(--black-color2); */
    text-transform: capitalize;
    text-align: center;
}

.translate {
    transform: translateY(-100px);
}

/* ---- TOUR SUCCESS RATE SECTION CSS ENDS----  */



/* TOUR GUIDE SECTON CSS STARTS  */
.tour_guide_section {
    padding: 84px 0;
    background: var(--light-primary);
    position: relative;
    z-index: 1;
}

.tour_guide_section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: url('../images/bgs/category_bg_1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.mySwiperTourGudie {
    padding-top: 120px;
    padding-bottom: 64px;
}

.tour_guide_detail_container {
    background: var(--white-color);
    padding: 100px 16px 16px 16px;
    position: relative;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 2px rgba(202, 202, 202, 0.1);
}

.guide_profile {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: -75px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    border: 5px solid var(--white-color);
}

.guide_profile img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.guide_social_links {
    margin-top: 16px;
}

.guide_social_links ul {
    display: flex;
    align-items: center;
    gap: 16px;
}

.guide_social_links ul li a {
    height: 30px;
    width: 30px;
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    font-size: 16px;
    transition: all .5s ease-in-out;
}

.guide_social_links ul li a:hover {
    background: var(--light-primary);
    color: var(--title-color) !important;
}

.tour_guide_detail {
    padding: 20px;
    background: var(--light-primary);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all .5s ease-in-out;
    border-radius: 10px;
}

.tour_guide_detail:hover {
    background: var(--primary-color);
}

.tour_guide_detail:hover .guide_social_links ul li a {
    color: var(--white-color);
    border-color: var(--white-color);
}

.tour_guide_detail:hover h4,
.tour_guide_detail:hover .guide_title {
    color: var(--white-color);
}

.tour_guide_detail h4 {
    font-size: 22px;
    text-transform: capitalize;
    color: var(--black-color);
    transition: all .5s ease-in-out;
    text-align: center;
}

.tour_guide_detail .guide_title {
    font-size: 16px;
    text-transform: capitalize;
    transition: all .5s ease-in-out;
    font-weight: 400;
    text-align: center;
}

/* TOUR GUIDE SECTON CSS ENDS */


/* *** CLIENT TESTINOMIALS SECTION CSS *** */
.client_testinomials {
    padding: 84px 0;
    position: relative;
    /* overflow: hidden; */
}

.client_testinomials::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url('../images/bgs/line_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.2;
    background-position: top;
}

.mySwiperClientTestinomial {
    padding: 84px 0 84px 0;
}

.client_review_Data_container {
    padding: 44px 24px 64px 24px;
    background: var(--light-primary);
    position: relative;
    border-radius: 25px;
}

.client_qute {
    height: 80px;
    width: 80px;
    background: var(--white-color);
    border: 5px solid var(--white-color);
    color: var(--primary-color);
    font-size: 44px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -40px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.client_image {
    height: 60px;
    width: 60px;
    overflow: hidden;
    border-radius: 50%;
}

.client_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.client_profile_container {
    display: flex;
    gap: 16px;
    flex-shrink: 0;
}

.client_name h4 {
    color: var(--title-color);
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
}

.client_name p {
    text-transform: capitalize;
    margin: 0;
}

.client_description {
    font-size: 16px;
    color: var(--black-color);
    font-weight: 500;
    line-height: 1.6;
    padding-top: 16px;
}

.client_rating {
    font-size: 18px;
    color: var(--yellow-color);
}

.mySwiperClientTestinomial .swiper-pagination-bullet {
    background-color: var(--light-primary);
    opacity: 1;
    height: 14px;
    width: 14px;
    transition: background-color 0.3s, border 0.3s;
}

.mySwiperClientTestinomial .swiper-pagination-bullet-active {
    background-color: var(--white-color);
    border: none;
}

.mySwiperClientTestinomial .swiper-slide-next .client_review_Data_container {
    transform: translateY(-50px);
    transition: transform 0.3s ease;
}

.mySwiperClientTestinomial .swiper-slide-next .client_review_Data_container .client_qute {
    color: var(--white-color);
    background: var(--primary-color);
}

.company_logo_section {
    padding: 44px 0 84px 0;
}


.company_logo img {
    aspect-ratio: 3;
    object-fit: contain;
}

/* *** CLIENT TESTINOMIALS SECTION CSS ENDS*** */


/* +++++++++++ BLOG ARTICLE SECTION CSS STARTS ++++++ */
.blog_article_Section {
    padding: 84px 0;
    background: var(--light-primary);
    position: relative;
    z-index: 1;
}

.balon {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0.5;
}

.more_blog_btn a {
    border: 1px solid var(--title-color);
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 10px 24px;
    border-radius: 40px;
    color: var(--title-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all .5s ease-in-out;
}

.more_blog_btn a:hover {
    background: var(--primary-color);
    color: var(--white-color);
    border-color: var(--primary-color);
}

.blog_article_heading h5 {
    font-size: clamp(32px, 3vw, 44px);
    font-family: var(--cursive-font);
    color: var(--title-color);
    color: var(--dark-primary);
    text-transform: capitalize;
}

.blog_article_heading h3 {
    font-size: clamp(32px, 3vw, 44px);
    color: var(--title-color);
    text-transform: capitalize;
}

.blog_article_image {
    width: 100%;
    height: 320px;
    border-radius: 20px;
    overflow: hidden;
}

.blog_article_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all .5s ease-in-out;
}

.blog_article_contents {
    padding: 24px 0;
}

.date_time_container {
    display: flex;
    align-items: center;
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.date_time_container .blog_Date {
    position: relative;
    padding-right: 16px;
    margin-right: 16px;
}

.date_time_container .blog_Date::before {
    position: absolute;
    content: '';
    height: 60%;
    width: 1px;
    background: var(--body-color);
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.blog_article_contents .blog_title {
    font-size: 28px;
    margin-bottom: 16px;
    font-weight: 600;
    color: var(--black-color);
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog_article_contents a {
    padding: 10px 24px;
    font-size: 16px;
    font-weight: 500;
    color: var(--title-color);
    border: 1px solid var(--title-color);
    text-transform: capitalize;
    border-radius: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: max-content;
    transition: all .5s ease-in-out;
    display: block;
    margin-top: 20px;
}

.blog_article_contents a:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
}

.blog_details_container:hover .blog_article_image img {
    transform: scale(1.1);
}

.blog_details_container:hover .blog_article_contents a {
    transform: scale(1.05);
    border-color: var(--primary-color);
}

/* +++++++++++ BLOG ARTICLE SECTION CSS ENDS++++++ */



/* NEWS LETTER SECTION CSS STARTS  */
.news_letter_section {
    padding: 84px 0 64px 0;
}

.news_letter_heading {
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 500;
    color: var(--title-color);
    text-transform: capitalize;
}

.bg_title_color .news_letter_heading {
    color: var(--off-white);
}

.new_letter_input form {
    display: flex;
    align-items: center;
    gap: 16px;
}

.new_letter_input form input {
    padding: 20px;
    width: 60%;
    border: 1px solid var(--off-white);
    border-radius: 50px;
    outline: none;
    color: var(--title-color);
}

.bg_title_color .new_letter_input form input::placeholder {
    color: var(--off-white);
}

.bg_title_color .new_letter_input form input {
    background: transparent;
    color: var(--off-white);
}

.new_letter_input form button {
    border: 0;
    text-wrap: nowrap;
    padding: 20px;
}

.bg_title_color .new_letter_input form button {
    border: 0;
    text-wrap: nowrap;
    padding: 20px;
    background: var(--footer-icon-bg2);
}

/* NEWS LETTER SECTION CSS ENDS */


/* footer css starts  */
footer {
    overflow-x: hidden;
    position: relative;
}

.footer_border_top {
    border-top: 1px solid var(--off-white);
    padding-top: 64px;
}

.bg_title_color .footer_border_top {
    border-top: 1px solid rgba(144, 144, 144, 0.25);
    padding-top: 64px;
}

.bg_title_color {
    background: var(--title-color);
    color: var(--off-white);
}

.footer_logo h4 {
    font-size: clamp(38px, 3vw, 44px);
    color: var(--primary-color);
}

.bg_title_color .footer_logo h4 {
    color: var(--white-color);
}

.footer_logo h4 span {
    font-family: var(--cursive-font);
}

.footer_logo img {
    height: 120px;
    object-fit: contain;
    object-position: left;
}

.footer_logo_container p {
    /* font-weight: 500; */
    line-height: 1.8;
}

.footer_scoial_icons ul {
    display: flex;
    align-items: center;
    gap: 16px;
}

.footer_scoial_icons ul li a {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    color: var(--primary-color);
    font-size: 20px;
    background-color: var(--light-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s ease-in-out;
}

.footer_scoial_icons ul li a {
    background: var(--footer-icon-bg2);
    color: var(--white-color);
}

.footer_scoial_icons ul li a:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

.footer_links h3 {
    font-size: 28px;
    text-transform: capitalize;
    font-weight: 600;
    color: var(--title-color);
}

.bg_title_color .footer_links h3 {
    color: var(--white-color);
}

.footer_links {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer_links .footer_sub_links ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer_links .footer_sub_links ul li a {
    font-size: 16px;
    text-transform: capitalize;
    position: relative;
    transition: all .5s ease-in-out;
}

.footer_links .footer_sub_links ul li a:hover {
    color: var(--primary-color);
}

.footer_links .footer_sub_links ul li a::before {
    font-family: 'remixicon';
    content: '\ea6e';
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px;
}

.footer_contact ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer_contact ul .icon_c {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    color: var(--primary-color);
    font-size: 20px;
    background-color: var(--light-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all .5s ease-in-out;
}

.footer_contact ul .icon_c {
    background: var(--footer-icon-bg2);
    color: var(--white-color);
}

.footer_contact ul li a {
    display: block;
    transition: all .5s ease-in-out;
}

.footer_contact ul li a:hover {
    color: var(--primary-color);
}

.post_links a {
    height: 85px;
    border-radius: 5px;
    overflow: hidden;
    display: block;
}

.post_links a img {
    height: 100%;
    width: 100%;
    transition: all .5s ease-in-out;
}

.post_links a:hover img {
    transform: scale(1.1);
}

.bg_title_color .footer_copy_right {
    border-top: 1px solid rgba(144, 144, 144, 0.25);
}

.footer_copy_right {
    padding: 24px 0;
    background: url('../images/bgs/beach.jpg');
    background-size: cover;
    margin-top: 84px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
}

.bg_title_color .footer_copy_right {
    background: var(--title-color);
}

.footer_copy_right::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(17, 61, 72, 0.6);
    z-index: -1;
}

.bg_title_color .footer_copy_right::before {
    background: var(--title-color);
}

.footer_copy_right p {
    margin: 0;
    color: var(--white-color);
}

.bg_title_color .footer_copy_right p {
    margin: 0;
    color: var(--off-white);
}

.footer_copy_right p a {
    color: var(--primary-color);
    font-weight: 500;
}

.payment_Accept_container h4 {
    font-size: 18px;
    color: var(--white-color);
    font-weight: 400;
    margin: 0;
}

.bg_title_color .payment_Accept_container h4 {
    color: var(--off-white);
}

.payment_Accept_container .payment_methods {
    display: flex;
    align-items: center;
    gap: 10px;
}

.payment_Accept_container .payment_methods div {
    background: var(--white-color);
    padding: 5px;
    overflow: hidden;
    border-radius: 5px;
    width: 50px;
}

.payment_Accept_container .payment_methods div img {
    aspect-ratio: 3/2;
    object-fit: contain;
}

/* footer css ends */


/* ----------- ABOUT PAGE CSS STARTS FORM HERE  -------- */
.second_common_hero_section {
    height: 400px;
    background: url('../images/bgs/island.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.second_common_hero_section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--overlay-primary);
}

.common_hero_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--white-color);
    text-transform: capitalize;
}

.common_hero_content .breadCrump img {
    width: 24px;
}

.common_hero_content h1 {
    font-size: clamp(32px, 3vw, 52px);
    font-size: 600;
}

.common_hero_content .breadCrump {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: clamp(18px, 1.5vw, 20px);
    color: var(--off-white);
}

.common_hero_content .breadCrump a:hover {
    color: var(--white-color);
}

.common_hero_content .breadCrump p {
    margin: 0;
}

/* about welcome  */
.about_welcome_Section {
    padding: 84px 0;
    position: relative;
}

.boat_gif {
    position: absolute;
    height: 80px;
    width: 80px;
    bottom: 20%;
    left: 5%;
}

.hat_icon {
    position: absolute;
    right: 5%;
    top: 20%;
}

.crismas_tree {
    position: absolute;
    bottom: 100px;
    right: 5%;
    z-index: -1;
}

.van {
    height: 100px;
    width: 200px;
    position: absolute;
    bottom: 0;
    right: 5%;
}

.about_welcome_left img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.about_welcome_left {
    position: relative;
}

.first1Img,
.second2Img {
    height: 460px;
    overflow: hidden;
    position: absolute;
    border-radius: 24px;
}

.first1Img {
    top: 0;
    left: 0;
    width: 60%;
}

.second2Img {
    right: 0;
    top: 250px;
    width: 60%;
    border: 5px solid var(--white-color);
}

.third3Img {
    height: 320px;
    border: 5px solid var(--white-color);
    border-radius: 20px;
    overflow: hidden;
    position: absolute;
    top: 500px;
    width: 60%;
    left: 50%;
    transform: translateX(-50%);

}

.about_welcome_right {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.about_welcome_right p {
    font-weight: 500;
}

.about_welcome_right .trip_icon {
    height: 60px;
    width: 60px;
    color: var(--title-color);
    border-radius: 50%;
    background: var(--light-primary);
}

.about_welcome_right .common_btn_dark {
    width: max-content;
}

/* services offer  */
.services_offer_Section {
    padding: 104px 0;
}

.offer_Service_content_Container {
    background: var(--light-primary);
    border-radius: 15px;
}

.offer_ser_imge {
    height: 220px;
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    overflow: hidden;
    position: relative;
}

.offer_ser_imge img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), filter 0.8s ease;
    will-change: transform, filter;
}

.hover_overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 0%;
    width: 0%;
    background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.2));
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

.offer_Service_content_Container:hover .offer_ser_imge img {
    transform: scale(1.1) rotate(0.5deg);
    filter: brightness(0.9) contrast(1.05);
}

.offer_Service_content_Container:hover .hover_overlay {
    height: 100%;
    width: 100%;
}

.offer_Service_content {
    padding: 24px 20px;
}

.offer_Service_content .service_name {
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--black-color2);
}

.offer_Service_content .service_listing {
    text-align: center;
    color: var(--black-color2);
}

.offer_Service_content_Container:hover .offer_Service_content a {
    transform: scale(1.05);
}

.offer_Service_content a {
    padding: 10px 24px;
    border: 1px solid var(--primary-color);
    color: var(--title-color);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 50px;
    width: max-content;
    margin: 24px auto auto auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all .5s ease-in-out;
}

.offer_Service_content a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    scale: 0;
    height: 100%;
    width: 100%;
    background: var(--primary-color);
    transition: all .5s ease-in-out;
    z-index: -1;
}

.offer_Service_content a:hover {
    color: var(--white-color);
}

.offer_Service_content a:hover::before {
    scale: 1;
}

/* meet with guide  */

.meet_gudides_Section {
    padding-top: 84px;
    padding-bottom: 200px;
    background: var(--light-primary);
    position: relative;
    z-index: 1;
    margin-bottom: 340px;
}

.meet_gudides_Section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: url('../images/bgs/category_bg_1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.icon_list_bg {
    position: absolute;
    top: -60px;
    width: 100%;
    left: 0;
    height: 60px;
}

.icon_list_bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.tour__gudie__slider {
    position: absolute;
    width: 100%;
    left: 0;
}

.tour_gudie_slider_arrow .swiper-button-next::after,
.tour_gudie_slider_arrow .swiper-button-prev::after {
    display: none;
}

.tour_gudie_slider_arrow .swiper-button-next:hover,
.tour_gudie_slider_arrow .swiper-button-prev:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

.tour_gudie_slider_arrow .swiper-button-next {
    right: -30px;
    background: var(--white-color);
    color: var(--primary-color);
    height: 40px;
    width: 60px;
    border-radius: 40px;
    top: 36%;
    font-size: 24px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
    transition: all .5s ease-in-out;
}

.tour_gudie_slider_arrow .swiper-button-prev {
    left: -30px;
    background: var(--white-color);
    color: var(--primary-color);
    height: 40px;
    width: 60px;
    border-radius: 40px;
    top: 36%;
    font-size: 24px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
    transition: all .5s ease-in-out;
}

.tour__gudide_details_container {
    background: var(--light-primary);
    border-radius: 15px;
    overflow: hidden;
}

.tour__gudide_details_container .tour_guide_bg {
    height: 200px;
    overflow: hidden;
    width: 100%;
}

.tour__gudide_details_container .tour_guide_bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.mySwiperTOURGUIDE {
    padding-bottom: 54px;
}

.tour_gudie_profile {
    height: 240px;
    width: 240px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-top: -140px;
    margin-bottom: 24px;
    border: 5px solid var(--white-color);
    margin-left: auto;
    margin-right: auto;
}

.tour_gudie_profile img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.tour__gudide_details_container .tour_guide_detail {
    background: var(--white-color);
}

.tour__gudide_details_container .tour_guide_detail:hover {
    background: var(--primary-color);
}

/* insta slider  */
.insta_slider_section {
    padding: 84px 0;
}

.insta_slider_img_container {
    height: 380px;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
}

.insta_slider_img_container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.insta_slider_img_container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.insta_slider_img_container a {
    font-size: 34px;
    color: var(--white-color);
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}

/* ----------- ABOUT PAGE CSS STARTS ENDS HERE  -------- */


/* +++++++++++++ DESTINATION FILTER SECTION STARTS FORM 
HERE +++++++++ */
.destination_filter_section {
    padding: 84px 0;
    position: relative;
    z-index: 1;
}

.destination_filter_section::before {
    content: '';
    position: absolute;
    bottom: 50px;
    right: 50px;
    height: 200px;
    width: 200px;
    opacity: 0.5;
    z-index: -1;
    background: url('../images/bgs/balloon.png');
    background-size: contain;
}

.destination_Search {
    position: relative;
    max-width: 500px;
    width: 100%;
}

.destination_Search input {
    max-width: 600px;
    width: 100%;
    background-color: var(--light-primary);
    padding: 16px 24px;
    border: none;
    border-radius: 50px;
}

.desti_Serch_icon {
    height: 40px;
    width: 40px;
    background-color: var(--title-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--white-color);
    font-size: 20px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}

.bar_container {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 2px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.bar_Div {
    padding: 1px 4px;
    font-size: 20px;
    cursor: pointer;
    color: var(--title-color);
}

.bar_Div.active {
    color: var(--white-color);
    background: var(--primary-color);
    border-radius: 4px;
}

.dest_sort .form-select:focus {
    border: none;
}

.dest_sort .form-select {
    border: none;
    font-size: 16px;
}

.paginaton_number {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 2px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

.paginaton_number:hover,
.paginaton_number.active {
    color: var(--white-color);
    background: var(--title-color);
}

.paginaton_next {
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    padding: 5px 16px;
    border: 2px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all .3s ease-in-out;
    text-transform: capitalize;
    width: max-content;
    border-radius: 50px;
    cursor: pointer;
}

.paginaton_next:hover {
    color: var(--white-color);
    background: var(--title-color);
}

.myMeter {
    width: 100%;
    height: 8px;
}

/* WebKit-based browsers (Chrome, Edge, Safari) */
.myMeter::-webkit-meter-bar {
    background: #e2e2e2;
    border-radius: 5px;
    border: 0;
}

.myMeter::-webkit-meter-optimum-value {
    background: var(--title-color);
}

.myMeter::-webkit-meter-suboptimum-value {
    background: var(--title-color);
}

.myMeter::-webkit-meter-even-less-good-value {
    background: var(--title-color);
}

.filter_Categories {
    padding: 16px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
}

.filter_des_name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    color: var(--title-color);
    font-size: 16px;
    cursor: pointer;
    padding: 10px 0;
    border-bottom: 1px solid var(--border-color);
    font-weight: 500;
}

.filter_Categories h4 {
    color: var(--title-color);
    font-size: 24px;
    margin-bottom: 0px;
}

.filter_des_name:last-child {
    border-bottom: none;
}

.filter_des_name .cat_name {
    text-transform: capitalize;
    position: relative;
    padding-left: 24px;
}

.filter_des_name .cat_name::before {
    content: '\eeb8';
    font-family: 'remixicon';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.post_image {
    height: 90px;
    width: 90px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-shrink: 0;
}

.post_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post_description h6 {
    color: var(--title-color);
    font-weight: 400;
    font-size: 18px;
}

.post_description .post_Date {
    font-size: 14px;
}

.recent_posts_container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
}

.popular_tags_btn {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 24px;
}

.popular_tags_btn a {
    padding: 4px 10px;
    color: var(--title-color);
    background: var(--light-primary);
    transition: all .3s ease-in-out;
    border-radius: 4px;
}

.popular_tags_btn a:hover {
    color: var(--white-color);
    background: var(--primary-color);
}

.need_help_Section {
    padding: 44px;
    background: url('../images/bgs/beach.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    color: var(--white-color);
}

.need_help_Section::before {
    background: rgba(17, 61, 72, 0.8);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.need_help_Section .company_logo {
    text-align: center;
}

.need_help_Section h6 {
    text-align: center;
    font-size: 20px;
}

.send_msg__btn a {
    padding: 12px 24px;
    border-radius: 50px;
    border: 1px solid var(--white-color);
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all .5s ease-in-out;
    width: max-content;
    margin: auto;
}

.send_msg__btn a:hover {
    background: var(--primary-color);
}

/* +++++++++++++ DESTINATION FILTER SECTION ENDS+++++++++ */



/* ======== DESTINATION DETAILS SECTION STARTS ======= */
.desti_det_search {
    padding: 24px;
    background: var(--light-primary);
    border-radius: 10px;
}

.desti_det_search .destination_Search input {
    color: var(--title-color);
    background-color: var(--white-color);
}

.idvidual_Desti_img img {
    border-radius: 10px;
}

.des_Det_featured {
    display: flex;
    align-items: center;
    gap: 24px;
}

.des_Det_featured .featured {
    color: var(--white-color);
    padding: 6px 24px;
    background-color: var(--title-color);
    font-size: 14px;
    border-radius: 50px;
}

.des_Det_featured .desti_rating i {
    color: var(--orange);
}

.des_Det_featured .desti_rating {
    background-color: var(--light-primary);
    padding: 6px 10px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    font-size: 16px;
    color: var(--black-color2);
}

.destination_individual_detail_Container h3 {
    color: var(--title-color);
    font-size: clamp(24px, 3vw, 40px);
    font-weight: 500;
    margin: 0;
}

.destination_individual_detail_Container p {
    font-size: clamp(16px, 1vw, 17px);
    font-weight: 500;
    margin: 0;
}

.desti_info_list,
.desti_info_list2,
.desti_info_list3 {
    padding: 16px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
}

.desti_info_list ul,
.desti_info_list2 ul,
.desti_info_list3 ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.desti_info_list ul::before,
.desti_info_list2 ul::before,
.desti_info_list3 ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 100%;
    background-color: var(--border-color);
}

.desti_info_list ul li,
.desti_info_list2 ul li,
.desti_info_list3 ul li {
    display: grid;
    grid-template-columns: 1fr 1fr;
    font-size: clamp(16px, 1vw, 18px);
    color: var(--black-color2);
    text-transform: capitalize;
    align-items: center;
}

.desti_info_list ul li .list2 {
    padding-left: 16px;
}

.desti_info_list ul li .list1,
.desti_info_list2 ul li .list1,
.desti_info_list3 ul li .list1 {
    position: relative;
    padding-left: 30px;
}

.desti_info_list ul li .list1::before {
    content: '';
    background: url('../images/icons/checked.png');
    height: 18px;
    width: 18px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.desti_info_list3 ul li .list1::before {
    content: '';
    background: url('../images/icons/checked.png');
    height: 18px;
    width: 18px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.desti_info_list3 ul li .list2 {
    position: relative;
    padding-left: 50px;
}

.desti_info_list3 ul li .list2::before {
    content: '';
    background: url('../images/icons/checked.png');
    height: 18px;
    width: 18px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    /* top: 50%; */
    top: 8px;
    left: 0;
    /* transform: translateY(-50%); */
    margin-left: 20px;
}

.desti_info_list2 ul li .list1::before {
    content: '';
    background: url('../images/icons/checked\ green.png');
    height: 18px;
    width: 18px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.desti_info_list2 ul li .list2 {
    padding-left: 46px;
    position: relative;
}

.desti_info_list2 ul li .list2::before {
    content: '';
    background: url('../images/icons/x-mark.png');
    height: 18px;
    width: 18px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
}

.quote_share {
    padding: 10px 16px 40px 34px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    position: relative;
    margin-top: 24px;
    color: var(--title-color);
    font-size: clamp(16px, 1vw, 18px);
    font-weight: 500;
}

.quote_share .quote_icon {
    height: 70px;
    width: 50px;
    background: var(--white-color);
    font-size: 44px;
    color: var(--primary-color);
    position: absolute;
    top: -30px;
    left: -20px;
}

.quote_perosn {
    padding: 6px 36px 6px 16px;
    background: var(--primary-color);
    color: var(--white-color);
    position: absolute;
    bottom: -16px;
    left: 10%;
    clip-path: polygon(0 0, 100% 0%, 79% 100%, 0% 100%);
    font-size: 15px;
    text-transform: capitalize;
}

.place_Description p {
    font-size: 15px;
}

.place_Description img {
    border-radius: 10px;
}

.place_imageDescription p {
    line-height: 1.8;
    margin-bottom: 8px;
}

.destination_gallary_img {
    height: 260px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
}

.destination_gallary_img::before,
.tour_gallay_img::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 0%;
    width: 0%;
    scale: 0;
    background: rgba(0, 0, 0, 0.4);
    transition: all .5s ease-in-out;
}

.destination_gallary_img:hover::before,
.tour_gallay_img:hover::before {
    height: 100%;
    scale: 1;
    width: 100%;
}

.destination_gallary_img i,
.tour_gallay_img i {
    font-size: 30px;
    color: var(--white-color);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease-in-out;
    opacity: 0;
    scale: 0;
    visibility: hidden;
}

.destination_gallary_img:hover i,
.tour_gallay_img:hover i {
    opacity: 1;
    scale: 1;
    visibility: visible;
}

.destination_gallary_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.reviewer_name {
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color2);
}

.review_date,
.review_rating {
    font-size: 14px;
}

.review_rating {
    color: var(--orange);
}

.reviewer_img {
    height: 80px;
    width: 80px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.reviewer_img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.thumb {
    font-size: 24px;
    cursor: pointer;
}

.destination_Review_container {
    border: 1px solid var(--border-color);
    padding: 16px;
    border-radius: 10px;
}

.replay_form_container form textarea {
    padding: 8px 24px;
    background: transparent;
    border: 1px solid var(--border-color);
    width: 100%;
    border-radius: 5px;
    height: 120px;
    outline: none;
}

.replay_form_container form input {
    padding: 8px 24px;
    background: transparent;
    border: 1px solid var(--border-color);
    width: 100%;
    border-radius: 5px;
}

.replay_form_container form .ic {
    position: absolute;
    top: 10px;
    right: 10px;
}

.replay_form_container form input[type="checkbox"] {
    width: max-content;
}

.replay_form_container form button {
    padding: 12px 24px;
    border: none;
    background: var(--primary-color);
    color: var(--white-color);
    border-radius: 50px;
    transition: all .5s ease-in-out;
}

.replay_form_container form button:hover {
    background: var(--title-color);
}

/* ======== DESTINATION DETAILS SECTION ENDS ======= */


/* ----------- SERVICE PAGE CSS STARTS -------- */
.services_list {
    padding: 84px 0;
    position: relative;
    z-index: 1;
}

.services_list::before {
    content: '';
    position: absolute;
    bottom: 10%;
    right: 0px;
    background: url('../images/bgs/balloon.png');
    background-size: contain;
    max-height: 200px;
    height: 100%;
    max-width: 200px;
    width: 100%;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 0.5;
}

.package_filter_btn {
    display: flex;
    align-items: center;
    gap: 5px;
    width: max-content;
    justify-content: center;
    font-size: clamp(16px, 1vw, 18px);
    background: var(--white-color);
    padding: 8px 12px;
    border-radius: 50px;
    color: var(--title-color);
    transition: all .5s ease-in-out;
    text-transform: capitalize;
    cursor: pointer;
}

.company_logo_section .company_logo {
    border: 1px solid var(--primary-color);
    border-radius: 10px;
}

.package_filter_btn.active,
.package_filter_btn:hover {
    color: var(--white-color);
    background: var(--title-color);
}

.package_filter_slide .owl-item {
    width: auto !important;
}

.package_filter_slide {
    display: flex !important;
    justify-content: center;
}

/* pricing plan section  */
.pricing_plan_section {
    padding: 84px 0;
    position: relative;
    overflow-x: hidden;
}

.hatIcon {
    position: absolute;
    top: 5%;
    left: 10%;
    transform: rotate(20deg);
}

.man_SuitCase {
    position: absolute;
    bottom: 0;
    right: 0;
    max-height: 400px;
    height: 100%;
    max-width: 250px;
}

.coconut_TREE {
    position: absolute;
    bottom: 0;
    left: 20px;
}

.tour_plan_details {
    background: var(--light-primary);
    padding: 34px 0;
    border-radius: 10px;
    height: 100%;
}

.plain_title {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0 64px 34px 64px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--white-color);
}

.plain_title .plan_img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: var(--title-color);
    flex-shrink: 0;
    color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.advanced_plan .plain_title .plan_img {
    background: var(--off-white);
    color: var(--title-color);
}

.plain_title .tour_plan_heading {
    font-size: 26px;
    font-weight: 500;
    color: var(--black-color2);
}

.tour_plan_price_detaling {
    padding: 0 64px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.plan_price {
    font-size: 32px;
    color: var(--black-color2);
    font-weight: 600;
}

.plan_price small {
    font-size: 16px;
    color: var(--body-color);
    font-weight: 400;
}

.tour_plan_price_detaling p {
    color: var(--title-color);
    margin: 0;
}

.tour_plan_price_detaling ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--title-color);
}

.tour_plan_price_detaling ul li {
    position: relative;
    padding-left: 24px;
}

.tour_plan_price_detaling ul li::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 16px;
    width: 16px;
    background: url('../images/icons/checked.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.tour_plan_details .start_btn {
    padding: 24px 44px 0 44px;
}

.tour_plan_details .start_btn a {
    padding: 10px;
    width: 100%;
    border-radius: 50px;
    color: var(--white-color);
    text-transform: capitalize;
    font-weight: 500;
    background: var(--title-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--title-color);
    transition: all .5s ease-in-out;
}

.tour_plan_details .start_btn a:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.advanced_plan {
    background: var(--title-color);
    color: var(--off-white);
}

.advanced_plan .tour_plan_heading,
.advanced_plan .plan_price small,
.advanced_plan p {
    color: var(--off-white);
}

.advanced_plan .plan_price {
    color: var(--white-color);
}

.advanced_plan .tour_plan_price_detaling ul {
    color: var(--off-white);
}

.advanced_plan .tour_plan_price_detaling ul li::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 16px;
    width: 16px;
    background: url('../images/icons/checked\ \(1\).png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.advanced_plan .start_btn a {
    border: 1px solid var(--off-white);
    transition: all .5s ease-in-out;
}

.popular_tag {
    padding: 5px 32px;
    background: var(--white-color);
    color: var(--title-color);
    font-size: 14px;
    position: absolute;
    bottom: -1px;
    right: 0;
    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 18% 48%, 0% 0%)
}

.tour_pricing_plans_container {
    display: block;
    margin-top: 44px;
}

/* ----------- SERVICE PAGE CSS ENDS -------- */




/* ++++++++ TOUR DETAILS PAGE CSS STARTS +++++ */
.mySwiperTourDetails2 .swiper-slide img {
    height: 460px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.mySwiperTourDetails {
    margin-top: 16px;
}

.mySwiperTourDetails .swiper-slide img {
    height: 160px;
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.mySwiperTourDetails .swiper-button-next::after,
.mySwiperTourDetails .swiper-button-prev::after {
    display: none;
}

.mySwiperTourDetails .swiper-button-next {
    height: 50px;
    width: 50px;
    background: var(--white-color);
    font-size: 24px;
    color: var(--title-color);
    border-radius: 50%;
    right: -5px;
    transition: all .4s ease-in-out;
}

.mySwiperTourDetails .swiper-button-prev {
    height: 50px;
    width: 50px;
    background: var(--white-color);
    font-size: 24px;
    color: var(--title-color);
    border-radius: 50%;
    transition: all .4s ease-in-out;
    left: -5px;
}

.mySwiperTourDetails .swiper-button-prev:hover,
.mySwiperTourDetails .swiper-button-next:hover {
    background: var(--title-color);
    color: var(--white-color);
}

.tour_details_section {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.tour_details_section h3 {
    font-size: clamp(28px, 2.4vw, 44px);
    color: var(--title-color);
    margin-bottom: 20px;
}

.tour_trip_price {
    font-size: 24px;
    color: var(--primary-color);
    font-weight: 500;
    margin-bottom: 16px;
}

.tour_trip_price small {
    font-size: 16px;
    color: var(--body-color);
}

.tour_highlight_section ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tour_highlight_section ul li {
    position: relative;
    padding-left: 30px;
}

.tour_highlight_section ul li::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 16px;
    width: 16px;
    background: url('../images/icons/checked.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.tour_plan_list .tour_Days {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.tour_plan_list .tour_Days a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background-color: var(--light-primary);
    color: var(--title-color);
    font-weight: 500;
    width: max-content;
    border-radius: 5px;
    transition: all .5s ease-in-out;
}

.tour_plan_list .tour_Days a.active,
.tour_plan_list .tour_Days a:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.tour_plan_list ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
}

.tour_plan_list ul li {
    padding-left: 24px;
    position: relative;
}

.tour_plan_list ul li::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 16px;
    width: 16px;
    background: url('../images/icons/checked.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.destination_gallary h3,
.tour_map h3 {
    font-size: clamp(28px, 2.4vw, 44px);
    color: var(--title-color);
}

.tour_gallay_img {
    height: 496px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
}

.tour_gallay_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.tour_map iframe {
    height: 500px;
    width: 100%;
    border-radius: 10px;
    margin-top: 20px;
}

.tour_map_activity iframe {
    height: 320px;
    width: 100%;
    border-radius: 10px;
    margin-top: 20px;
}

.ballan_dummy {
    position: absolute;
    top: -30px;
    opacity: 0.5;
    right: -100px;
}

/* ++++++++ TOUR DETAILS PAGE CSS ENDS +++++ */


/* ============ ACTIVITY PAGE CSS STARTS ========== */
.activity_types ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 10px 0;
    color: var(--title-color);
    font-weight: 500;
    /* text-transform: capitalize; */
    border-bottom: 1px solid var(--border-color);
}

.activity_types ul li:last-child {
    border-bottom: 0;
}

.activity_types ul li .activity_name {
    position: relative;
    /* padding-left: 24px; */
}

.activity_types ul li .activity_name::before {
    content: "\eb85";
    font-family: "remixicon";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    margin-right: 5px;
    font-size: 16px;
}

.value-display {
    color: var(--black-color);
    padding: 16px 0;
}

/* Make the slider track thinner */
#slider-range.ui-slider {
    height: 6px;
    background: var(--border-color);
    border: none;
    border-radius: 3px;
    position: relative;
}

/* Customize the range bar between handles */
#slider-range .ui-slider-range {
    background: var(--title-color);
    border-radius: 3px;
}

/* Make the handles circular and styled */
#slider-range .ui-slider-handle {
    width: 15px;
    height: 15px;
    background: var(--white-color);
    border: 2px solid var(--title-color);
    border-radius: 50%;
    top: -5px;
    cursor: pointer;
}

/* ============ ACTIVITY PAGE CSS ENDS ========== */


/* 0000000000  ACTIVITY DETAILS PAGE CSS STARTS 000000 */
.activityDetails_container {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.activityDetails_container h3 {
    font-size: clamp(28px, 2.4vw, 44px);
    color: var(--title-color);
    margin-bottom: 16px;
}

.activitiy_social_links ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.activitiy_social_links ul li a {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--light-primary);
    color: var(--title-color);
    border-radius: 50%;
    transition: all .5s ease-in-out;
}

.activitiy_social_links ul li a:hover {
    color: var(--white-color);
    background-color: var(--primary-color);
}

.snap_icon {
    font-size: 22px;
    color: var(--title-color);
}

.snap_heading p {
    color: var(--body-color);
    margin: 0;
}

.snap_heading h6 {
    font-weight: 600;
    color: var(--title-color);
    margin: 0;
    padding: 0;
}

.snap_heading a {
    text-decoration: underline;
    color: var(--primary-color);
    font-weight: 600;
}

.snap_shots_Details_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.tour_snap_shots {
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 24px 34px;
}

.tour_snap_shots h4 {
    font-size: 28px;
    color: var(--title-color);
}


.Data_picker {
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    position: relative;
}

.card_title {
    color: var(--black-color);
    text-transform: capitalize;
}

.card-value {
    font-size: 14px;
    color: var(--body-color);
}

.hidden-inputs {
    display: none;
}

.Data_picker input[type="text"],
.Data_picker input[type="number"] {
    width: 100%;
    margin-top: 5px;
    padding: 7px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    font-size: 14px;
    box-sizing: border-box;
}

.Upadte_Date_btn {
    margin-top: 10px;
    background-color: var(--primary-color);
    color: var(--white-color);
    border: none;
    padding: 7px 12px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
}

.Upadte_Date_btn:hover {
    background-color: var(--title-color);
    color: var(--white-color);
}

.start_price {
    font-size: 24px;
    font-weight: 600;
    color: var(--title-color);
    margin-bottom: 16px;
}

.start_price small {
    font-size: 15px;
    font-weight: 400;
}

#book_now_btn a {
    padding: 10px 24px;
    border-radius: 50px;
    color: var(--white-color);
    background: var(--primary-color);
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    width: max-content;
    transition: all .4s ease-in-out;
}

#book_now_btn a:hover {
    background: var(--title-color);
}

.travel_exp {
    margin-top: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.travel_exp i {
    font-size: 14px;
    background: var(--light-primary);
    color: var(--primary-color);
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    border-radius: 50%;
}

/* 0000000000  ACTIVITY DETAILS PAGE CSS ENDS 000000 */


/* ------- TOUR GUIDE PAGE CSS STARS ------- */
.tour_gudide_Section {
    padding: 84px 0;
}

.individual_guide_info_right h3 {
    font-size: 32px;
    color: var(--black-color);
}

.guide_expericene h4 {
    color: var(--black-color);
}

.guide_achievement_Details {
    margin-top: 32px;
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.guide_achievement_Details .guide_box {
    padding: 34px 24px;
    border-radius: 5px;
    border: 1px solid var(--border-color);
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.guide_achievement_Details .guide_box h3 {
    font-size: 28px;
    font-weight: 600;
}

.guide_achievement_Details .guide_box p {
    color: var(--title-color);
    margin: 0;
    text-align: center;
}

.guide_Address_info {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 24px;
    height: 100%;
}

.info_icon_guide {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: var(--title-color);
    color: var(--white-color);
    border-radius: 50%;
    font-size: 32px;
}

.guide_address_Details {
    color: var(--title-color);
}

.guide_address_Details h4 {
    font-size: 20px;
}

.guide_contact_info>h3 {
    color: var(--black-color);
    padding-bottom: 20px;
}

.more_tour_guide_section {
    padding-bottom: 284px;
}

/* ------- TOUR GUIDE PAGE CSS ENDS------- */

/* gallary page css starts  */
.gallary_Page_section {
    padding: 84px 0;
}

/* gallary page css ends */

/* contact page css starts  */
.tour_book_Section {
    padding: 84px 0;
    background: url('../images/tour/tour5.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    overflow-x: hidden;
    position: relative;
    z-index: 1;
}

.tour_book_Section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: -1;
}

.tour_book_form_container {
    background: var(--white-color);
    padding: 34px;
    border-radius: 10px;
}

.tour_book_form_container form .book_form_input {
    position: relative;
}

.tour_book_form_container form input,
.tour_book_form_container form textarea,
.tour_book_form_container form .form-select {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid var(--border-color);
    width: 100%;
    outline: none;
}

.tour_book_form_container form .form-select {
    color: var(--body-color);
    font-size: 14px;
}

.tour_book_form_container form .form-select:focus {
    border: 1px solid var(--border-color);
}

.tour_book_form_container form input::placeholder {
    font-size: 14px;
}

.tour_book_form_container form .book_form_input i {
    position: absolute;
    top: 10px;
    right: 10px;
}

.tour_book_form_container h3 {
    font-size: 32px;
    color: var(--black-color);
    margin-bottom: 20px;
}


.play_btn {
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.7);
    animation: pulse_glow 2s infinite;
    transition: background 0.3s ease;
}

.play_btn:hover {
    background: rgba(255, 255, 255, 0.9);
}

.play_btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(1);
    animation: pulse_ring 2s infinite ease-out;
    z-index: 1;
}

.play_icon__icon {
    font-size: 36px;
    color: var(--white-color);
    position: relative;
    z-index: 3;
}

@keyframes pulse_ring {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.6;
    }

    100% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0;
    }
}

@keyframes pulse_glow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }

    70% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.contact_map iframe {
    height: 360px;
    width: 100%;
}

/* contact page css ends */


/* ++++++ FAQ PAGE CSS STARTS +++++ */
.faq_section {
    padding: 84px 0;
}

.faq_accordion {
    display: flex;
    flex-direction: column;
    gap: 24px;
    border: 0;
}

.faq_accordion .accordion-body {
    font-size: 16px;
    color: var(--title-color);
    padding: 0;
}

.faq_accordion .accordion-item {
    border: 1px solid var(--body-color);
    border-radius: 5px;
    font-weight: 500;
    padding: 16px 32px;
}

.faq_accordion .accordion-header {
    box-shadow: none;
    border: none;
    padding: 0;
    margin: 0;
}

.faq_accordion .accordion-header .accordion-button {
    font-size: clamp(18px, 2vw, 24px);
    color: var(--title-color);
    font-weight: 500;
    padding: 0;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button::after {
    font-family: 'remixicon';
    background: none;
    content: '\ea4e';
    font-size: clamp(20px, 2vw, 28px);
}

.accordion-button:not(.collapsed)::after {
    font-family: 'remixicon';
    background: none;
    content: '';
    font-size: clamp(20px, 2vw, 24px);
}

.faq_accordion .accordion-button:not(.collapsed) {
    background: none;
    border: none;
    box-shadow: none;
    padding-bottom: 16px;
}

.tour__gudie__slider .tour_book_form_container {
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
}

.meet_gudides_SectionFaq {
    margin-bottom: 400px;
}

/* ++++++ FAQ PAGE CSS ENDS +++++ */


/* ********* BLOG POST PAGE CSS STARTS ******* */
.latest_blog_img {
    height: 420px;
    overflow: hidden;
    border-radius: 10px;
}

.latest_blog_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.blog_post_Details {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    color: var(--title-color);
    margin: 24px 0;
}

.latest_blog_Details_container h3 {
    font-size: clamp(26px, 3vw, 32px);
    color: var(--title-color);
    margin-bottom: 16px;
}

.blog_more_btn .blog_read_btn i {
    font-size: 22px;
}

.blog_more_btn .blog_read_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    gap: 10px;
    width: max-content;
    background: transparent;
    border: 1px solid var(--title-color);
    border-radius: 50px;
    color: var(--title-color);
    text-transform: capitalize;
    transition: all .5s ease-in-out;
}

.blog_more_btn .blog_read_btn:hover {
    color: var(--white-color);
    background: var(--title-color);
}

.BloG_paly_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.BloG_paly_icon {
    background: var(--white-color);
    border-radius: 50%;
}

.BloG_paly_icon i {
    color: var(--title-color);
}

.mySwiperBlogPost .swiper-wrapper {
    height: 100%;
    width: 100%;
}

.mySwiperBlogPost .swiper-slide {
    height: 100%;
    width: 100%;
}

.mySwiperBlogPost .swiper-button-prev::after,
.mySwiperBlogPost .swiper-button-next::after {
    display: none;
}

.mySwiperBlogPost .swiper-button-next {
    height: 40px;
    width: 40px;
    background: var(--white-color);
    font-size: 20px;
    color: var(--title-color);
    border-radius: 50%;
    right: 5%;
    transition: all .4s ease-in-out;
}

.mySwiperBlogPost .swiper-button-prev {
    height: 40px;
    width: 40px;
    background: var(--white-color);
    font-size: 20px;
    color: var(--title-color);
    border-radius: 50%;
    transition: all .4s ease-in-out;
    left: 5%;
}

.mySwiperCompanyLogo {
    padding-bottom: 20px;
}

/* ********* BLOG POST PAGE CSS ENDS  ******* */


/* ERROR PAGE CSS STARTS  */
.error_page_Section {
    padding: 144px 0;
    background-color: var(--light-primary);
    overflow-x: hidden;
}

.Error_msg_container h3 {
    color: var(--title-color);
    font-size: clamp(28px, 3vw, 52px);
    margin-bottom: 24px;
}

.Error_msg_container h5 {
    font-size: clamp(22px, 2.5vw, 30px);
    color: var(--title-color);
    margin-bottom: 20px;
}

.Error_msg_container a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin-top: 44px;
}

/* ERROR PAGE CSS ENDS */

/* Large devices (less than 1200px) */
@media (max-width: 1400px) {
    .side_gap {
        padding-left: 40px;
        padding-right: 40px;
    }

    .logo {
        max-width: 250px;
        padding-left: 40px;
    }

    .larg_nav_bar {
        padding-left: 180px;
    }

    .larg_nav_bar ul {
        gap: 24px;
    }

    .plan_together_Section::before {
        max-height: 300px;
        height: 100%;
        max-width: 300px;
        width: 100%;
    }

    .exp_box_wrapper {
        position: relative;
        width: 260px;
        height: 260px;
    }

    .exp_box h3 {
        font-size: 50px;
    }

    .exp_box p {
        font-size: 22px;
    }

    .top_categories_sliders {
        grid-template-columns: repeat(5, minmax(0, 220px));
    }

    .man_SuitCase {
        max-width: 200px;
        right: -50px;
    }

}

@media (max-width: 1300px) {
    .logo {
        max-width: 220px;
        width: 100%;
        min-width: 180px;
    }
}

@media (max-width: 1200px) {

    .logo {
        max-width: 180px;
        width: 100%;
        min-width: 180px;
    }

    .side_gap {
        padding-left: 24px;
        padding-right: 24px;
    }

    .logo {
        max-width: 220px;
        padding-left: 24px;
    }

    .larg_nav_bar {
        padding-left: 200px;
    }

    .larg_nav_bar ul {
        gap: 16px;
    }

    .plan_together_Section::before {
        display: none;
    }

    .exp_box_wrapper {
        position: relative;
        width: 200px;
        height: 200px;
    }

    .exp_box h3 {
        font-size: 36px;
    }

    .exp_box p {
        font-size: 16px;
    }

    .top_categories_sliders {
        grid-template-columns: repeat(5, minmax(0, 200px));
    }

    .larg_nav_bar ul {
        gap: 10px;
    }
}

@media (min-width: 992px) {
    .top_categories_sliders {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 300px));
        justify-content: center;
        gap: 10px;
        padding: 44px 0 50px 0;
        position: relative;
        overflow: hidden;
        width: 100%;
        box-sizing: border-box;
    }


    .top_places {
        transform-origin: bottom center;
    }

    .top_places:nth-child(1) {
        transform: rotate(-10deg) translateY(50px);
    }

    .top_places:nth-child(2) {
        transform: rotate(-5deg) translateY(10px);
    }

    .top_places:nth-child(3) {
        transform: rotate(0deg);
    }

    .top_places:nth-child(4) {
        transform: rotate(5deg) translateY(10px);
    }

    .top_places:nth-child(5) {
        transform: rotate(10deg) translateY(50px);
    }
}


/* Medium devices (less than 992px) */
@media (max-width: 992px) {

    .news_letter_section,
    .top_destination_section,
    .tour_guide_section,
    .client_testinomials,
    .company_logo_section,
    .blog_article_Section,
    .tour_Success_RateSection,
    .about_welcome_Section,
    .services_offer_Section,
    .insta_slider_section,
    .destination_filter_section,
    .services_list,
    .pricing_plan_section,
    .tour_gudide_Section,
    .gallary_Page_section,
    .tour_book_Section,
    .faq_section {
        padding: 44px 0;
    }

    .footer_copy_right {
        margin-top: 44px;
    }

    .plan_together_Section,
    .tour_package_section,
    .mySwiperClientTestinomial,
    .meet_gudides_Section {
        padding-top: 44px;
    }

    /* Dropdown animation */

    #navbar.scrolled .offcanvas {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 777;
        background: var(--white-color);
        animation: slideDown 0.5s ease-in-out forwards;
        box-shadow: 5px 0px 10px 10px rgba(0, 0, 0, 0.08);
    }

    .animated-dropdown {
        overflow: hidden;
        max-height: 0;
        display: block !important;
        pointer-events: none;
        transition: all .5s ease-in-out;
    }

    .animated-dropdown.open {
        max-height: 600px;
        pointer-events: auto;
    }

    .dropdown_Toggle::after {
        display: none !important;
    }

    .dropdown_Toggle {
        position: relative;
    }

    .dropdown_Toggle::before {
        content: '\ea4e';
        font-family: 'remixicon';
        display: inline-block;
        margin-right: 5px;
        transition: transform 0.3s ease;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .dropdown_Menu_small .dropdown-item {
        font-size: 16px;
        padding: 10px 0;
    }

    .dropdown_Toggle.open::before {
        transform: rotate(180deg);
    }

    .offcanvas-header {
        border-bottom: 1px solid var(--off-white);
    }


    /* home hero  */
    .home_hero {
        height: 50vh;
    }

    .home_slider_content {
        padding: 0 20px;
    }

    .footer_border_top {
        border: 0;
        padding: 0;
    }


    .top_categoreis_Section,
    .gallary_section {
        padding-bottom: 44px;
    }

    .swiper-button-prevHome,
    .swiper-button-nextHome,
    .swiper-paginationHome {
        right: 20px !important;
    }

    .destination_search_form {
        bottom: -100px;
    }

    .new_letter_input form input {
        width: 70%;
    }

    .destination_image_container {
        height: 420px;
    }

    .trip_decription_container {
        max-width: 1000px;
    }

    .translate {
        transform: translateY(0);
    }

    .offcanvas-title {
        color: var(--primary-color);
        font-size: 36px;
        font-family: var(--cursive-font);
    }

    .first1Img,
    .second2Img,
    .third3Img {
        height: 320px;
        position: static;
        transform: translate(0);
        width: 100%;
    }

    .second2Img,
    .third3Img {
        margin-top: 24px;
    }

    .about_welcome_Section {
        overflow-x: hidden;
    }

    .tour__gudide_details_container .tour_guide_bg {
        height: 160px;
    }

    .tour_gudie_profile {
        height: 180px;
        width: 180px;
        margin-top: -110px;
        margin-bottom: 16px;
    }

    .tour_plan_price_detaling {
        padding: 0 34px;
    }

    .tour_plan_details .start_btn {
        padding: 24px 34px 0 34px;
    }

    .plain_title {
        padding: 0 34px 34px 34px;
    }

    .more_tour_guide_section {
        padding-bottom: 200px;
    }

    .error_page_Section {
        padding: 84px 0;
    }
}

/* Small devices (less than 768px) */
@media (max-width: 768px) {
    .top_header_section {
        font-size: 12px;
    }

    .top_header_right .language {
        font-size: 10px;
    }

    /* home hero  */
    .home_hero {
        height: 70vh;
    }

    .button_primary,
    .button_border,
    .common_btn_dark {
        padding: 10px 20px;
        font-size: 15px;
    }

    .new_letter_input form input {
        width: 100%;
    }

    .new_letter_input form {
        flex-direction: column;
        align-items: start;
    }

    .destination {
        border-right: 0;
    }

    .top_categoreis_Section {
        padding-top: 330px;
    }

    .destination_search_form {
        bottom: -280px;
    }

    .destination select {
        width: 100%;
        /* padding: 5px; */
    }

    .mySwiperCategories {
        padding-bottom: 44px;
    }

    .mySwiperCategories .swiper-pagination-bullet {
        height: 8px;
        width: 8px;
    }

    .destination_image_container {
        height: 380px;
    }

    .large_s_image {
        height: 340px;
    }

    .small_s_image2 {
        height: 160px;
    }

    .small_s_image1 {
        height: 160px;
    }

    .exp_box_wrapper {
        position: relative;
        width: 260px;
        height: 260px;
    }

    .exp_box h3 {
        font-size: 40px;
    }

    .exp_box p {
        font-size: 18px;
    }

    .insta_slider_img_container {
        height: 320px;
    }

    .bg_title_color .footer_border_top {
        padding-top: 0;
    }

    .mySwiperTourDetails2 .swiper-slide img {
        height: 320px;
    }

    .tour_gallay_img {
        height: 240px;
    }

    .destination_Review_container>div:first-of-type {
        flex-direction: column !important;
    }

    .guide_Address_info {
        align-items: start;
        justify-content: start;
    }

    .faq_accordion .accordion-item {
        padding: 10px;
    }

    .tour_book_form_container {
        padding: 24px;
    }

    .latest_blog_img {
        height: 350px;
    }
}

/* Extra small devices (phones, less than 576px) */
@media (max-width: 576px) {}

.book_flight {
    color: var(--primary-color);
    font-weight: 600;
}