@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root {
    /* --primary-color: #000000;
    --text-color: #000000;
    --theme-color1: var(--theme-color1);
    --theme-color1-dim: rgba(236, 0, 140, 0.6);
    --theme-color2: var(--theme-color2);
    --theme-color2-dim: rgba(0, 184, 185, 0.2); */

    --primary-color: #000000;
    --text-color: #000000;
    --theme-color1: #AF533E;
    --theme-color1-dim: rgba(175, 83, 62, 0.6);
    --theme-color1-dim2: rgba(175, 83, 62, 0.8);
    --theme-color2: #475D45;
    --theme-color2-dim: rgba(71, 93, 69, 0.6);
    --theme-color3: #F7F0E6;
}

.bg-primary{
    background-color: var(--theme-color1) !important;
}

.bg-secondary{
    background-color: var(--theme-color2) !important;
}

.modal-content{
    border-radius: 20px;
}

.btn {
    border-radius: 80px;
    font-size: 18px;
    line-height: 1;
    padding: 13px 20px;
    border: 1px solid var(--theme-color1);
    transition: all 0.3s;
    font-weight: bold;
    outline: none;
}

.btn:hover {
    /* transform: scale(0.9); */
    /* border: 1px solid var(--theme-color1);
    background-color: var(--theme-color1-dim)!important; */
}

.btn.btn-primary {
    background-color: var(--theme-color1);
}

.btn-primary:disabled, .btn-primary.disabled{
    background-color: var(--theme-color1);
    border-color: var(--theme-color1);
}

.btn.btn-primary:hover {
    border: 1px solid var(--theme-color1);
    /* background-color: var(--theme-color1-dim)!important; */
}

.btn.btn-secondary {
    background-color: transparent;
    color: var(--primary-color);

}

.hyper_offer_searchbox-wrapper .offer-api-filter-container {
    padding: 0px;
    background-color: #ffffff;
    border-radius: 20px;
}

.hyper_offer_searchbox-wrapper .offer-api-filter-container .inputs-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    margin: 0;
    justify-content: space-between;
}

/* .hyper_offer_searchbox-wrapper .result-form .form-group .select2-container {
    min-width: 150px;
}

.hyper_offer_searchbox-wrapper .result-form form .form-inner .form-group{
    flex: 1;
} */

.hyper_offer_searchbox-wrapper .result-form .offer-api-filter-container .bootstrap-select .dropdown-toggle .filter-option {
    color: #5D5D5D;
    padding-left: 0px;
    font-size: 18px;
    line-height: 100%;
}

.hyper_offer_searchbox-wrapper.offer-api-filter-container .offer-filter-form .bootstrap-select .dropdown-toggle:after {
    filter: grayscale(1) brightness(0);
}

.hyper-carousel .group-btns{
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

.hyper-carousel .group-btns button{
    border-radius: 5px;
    background-color: #ffffff;
    margin: 0px;
}

.hyper-carousel .group-btns button.selected, .hyper-carousel .group-btns button:hover{
    background-color: var(--theme-color1);
    color: #ffffff;
}

/*-------header--------*/

body #tpbr_box{
    /* background-color: var(--theme-color2)!important; */
    /* color: var(--theme-color3)!important; */
}

/* header.main-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9;
} */

header.main-header.header-inner {
    background-color: var(--theme-color2);
    position: static;
}

header.main-header .container {
    /* padding-top: 30px; */
    /* padding-bottom: 20px; */
    border-bottom: 1px solid rgb(255 255 255 / 50%);
}

.nav-logo img {
    max-width: 265px;
}

a.nav-logo {
    display: block;
}

.header-right .custom-html-widget{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

a.site-telephone {
    display: inline-flex;
    margin: 0 20px 0 0;
    color: #fff;
    text-decoration: none;
    column-gap: 10px;
    align-items: center;
    font-size: 18px;
    justify-self: flex-start;
}

a.site-telephone span{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 100%;
}

a.site-telephone i.tel-icon svg{
    width: 1em;
    height: 1em;
    line-height: 0;
    text-align: center;
}

.language-dropdown select {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    font-size: 16px;
    border-radius: 16px;
    padding: 0 4px;
}

.language-dropdown select option {
    color: var(--primary-color);
}

.dropleft.user-detail .dropdown-toggle::before {
    display: none;
}

.user-detail {
    display: inline-flex;
    margin: 0 0 0 40px;
    color: #fff;
    text-decoration: none;
    /* column-gap: 14px; */
    align-items: center;
    font-size: 18px;
}

.user-detail .dropdown-menu.show{
    border: 0px!important;
    box-shadow: 5px 10px 15px -5px rgba(0, 0, 0, 0.5);
    top: 65px;
}

.user-detail .dropdown-item.active, .dropdown-item:active{
    background-color: var(--theme-color2);
    color: #fff!important;
}

.user-detail:hover {
    color: #fff;
}

.user-detail a{
    color: #fff;
    text-decoration: none;
}

i.user-icon {
    font-size: 20px;
}

.user-detail a.dropdown-toggle::after{
    display: none!important;
}

.user-detail .dropdown-menu a{
    color: #000;
    line-height: 100%;
}

.user-detail .dropdown-menu a svg{
    width: 15px;
    height: 15px;
}

/*---home banner-----*/
.home-banner,
.inner-banner {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.home-banner {
    min-height: 750px;
}

.inner-banner {
    min-height: 350px;
}

.home-banner:after,
.inner-banner:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.3;
}

.home-banner>.container,
.inner-banner>.container {
    position: relative;
    z-index: 9;
    margin-top: 90px;
}

.home-form {
    padding: 30px 64px;
    background-color: #fff;
    border-radius: 20px;
}

.home-form h3 {
    font-size: 30px;
}

.home-banner .breadcrumb-steps {
    padding-left: 100px;
}

.breadcrumb-steps ul {
    font-size: 20px;
    color: #fff;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.inner-banner .breadcrumb-steps ul,
section.inner-breadcrumb .breadcrumb-steps ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

section.inner-breadcrumb .breadcrumb-steps ul {
    color: var(--primary-color);
}

.breadcrumb-steps ul li {
    font-weight: bold;
}

.breadcrumb-steps ul li.active~li {
    font-weight: 400;

}

.breadcrumb-steps ul li:not(:last-child) {
    margin-bottom: 35px;
}

.inner-banner .breadcrumb-steps ul li,
.inner-breadcrumb .breadcrumb-steps ul li {
    margin: 0;
}

.breadcrumb-steps {
    counter-reset: my-awesome-counter;
}

.breadcrumb-steps ul li {
    counter-increment: my-awesome-counter;
}

.breadcrumb-steps ul>li:before {
    /* content: " 0"counter(my-awesome-counter); */
    content: attr(data-step);
    font-size: 18px;
    width: 35px;
    display: inline-flex;
    height: 35px;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 50%;
    margin: 0 10px 0 0;
}

.inner-breadcrumb .breadcrumb-steps ul>li:before {
    border: 2px solid var(--primary-color);

}

.breadcrumb-steps ul li.active:before {
    background-color: #fff;
    color: #000;
}

.inner-breadcrumb .breadcrumb-steps ul>li.active:before {
    background-color: var(--primary-color);
    color: #fff;

}

section.inner-breadcrumb {
    padding: 25px 0;
    position: relative;
    overflow: hidden;
}

section.inner-breadcrumb .back-btn {
    position: absolute;
    left: 20px;
    top: 18px;
}

.back-btn a.btn {
    font-size: 21px;
    line-height: 1;
    min-width: 93px;
}

/*-------destination------*/
.container-fluid {
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1680px;
}

section.destination-section {
    padding: 60px 0;
}

ul.slick-slider {
    padding: 0;
    margin: 0;
}

li.destination-item a,
.servicelist a {
    text-decoration: none;
    overflow: hidden;
    position: relative;
}

.servicesgrid .servicelist:not(:last-child) {
    margin-bottom: 20px;
}

.destination-content,
.servicelist-content {
    min-height: 282px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px;
    overflow: hidden;
    /* remove background-image property from here if it's set inline in HTML */
    /* transition effect for the background-size property */
    -webkit-transition: all .4s linear;
    transition: all .3s linear;
}

/* When the user hovers, the background image will "zoom" */
li.destination-item a:hover .destination-content {
    transform: scale(1.03);
    /* You can adjust the zoom level by increasing the percentage */
}

.servicelist-content {
    min-height: 250px;
    align-items: flex-end;
    justify-content: flex-start;

}

.servicelist-content:after,
.destination-content:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.3;
}

.servicelist-content:after {
    background-color: transparent;
    opacity: 0.5;
    background-image: linear-gradient(1deg, #000, transparent);
}

.servicelist-content iframe {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.destination-content h3,
.servicelist-content h5 {
    color: #fff;
    margin: 0;
    position: relative;
    z-index: 1;
}

.servicelist-content h5 {
    font-size: 25px;
    max-width: 325px;
}

.other-destinations {
    /* padding-bottom: 117px; */
    padding-bottom: 50px;
}

.other-destinations-item .btn:hover {
    transform: unset;
    background-color: #E4E4E4;
}

ul.other-destinations-lists {
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/*--------client-------*/
.client-dummy-img img {
    width: 87%;
    margin: 0 auto;
    display: block;
    margin-top: -180px;
}

section.client-section {
    /* padding: 140px 0 60px; */
    padding: 60px 0 60px;
    background-color: #fff;
}

/*-----search page header------*/

.result-title .container-fluid {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 25px;
    padding-bottom: 25px;
}

.result-title .container-fluid:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 40px;
    right: 40px;
    height: 1px;
    background-color: #000000;
    opacity: 0.1;
}

.result-title iframe {
    max-width: 150px !important;
    max-height: 100px !important;
}

section.client-section h2 {
    border: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

section.client-section .section-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.result-title h2 {
    margin: 0;
    padding: 0px 15px;
    font-size: 30px;
}

figure.visualise-img {
    margin: 0;
}

figure.visualise-img img {
    max-width: 225px;
    padding-left: 50px;
}

.visualise-wrap {
    max-width: 225px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.visualise-wrap i {
    font-size: 40px;
    line-height: 0;
}

.visualise-wrap i img {
    object-fit: contain;
}

.visualise-wrap span {
    width: calc(100% - 40px);
    padding-left: 20px;
    font-size: 16px;
}

/*---------search main-------*/

.search-main {
    padding: 20px 0 90px;
}

.search-main .col-3 {
    width: 100%;
    max-width: 400px;
}

.search-main .col-9 {
    width: 100%;
    max-width: calc(100% - 400px);
}

.search-main .close-btn {
    display: none;
}

.siderbar-filter {
    padding: 20px;
    background-color: #FFFFFF;
    border-radius: 20px;
}

.siderbar-filter .accordion-item{
    border: 0px;
}

.siderbar-filter .accordion-header button{
    border: 1px solid var(--theme-color1);
    border-radius: 80px!important;
    padding: 10px 20px;
}

.siderbar-filter .accordion-button{
    background-color: #ffffff;
    color: #000000;
    box-shadow: unset!important;
}

.siderbar-filter .accordion-collapse{
    border: 1px solid var(--theme-color1);
    border-radius: 10px;
    margin-top: 10px;
}

.siderbar-filter ul.filter-lists{
    max-height: 250px;
    overflow-y: auto;
}

.siderbar-filter ul.filter-lists li.inactive{
    position: relative;
}

.siderbar-filter ul.filter-lists li.inactive:after{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255);
    opacity: 0.5;
    z-index: 1;
}

/* .siderbar-filter ul.filter-lists li:last-child label{
    margin-bottom: 0px;
} */

.filter-main-title {
    padding: 10px 0;
    border-bottom: 1px solid rgb(112 112 112 / 30%);
    margin: 0 0 30px 0;
}

.filter-main-title h5 {
    margin: 0;
}

.price-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    color: var(--theme-color1);
}

.price-content #amount-text{
    color: var(--theme-color2);
}

.price-main {
    background-color: #F6F6F6;
    padding: 20px;
    border-radius: 20px;
}

.price-main h6 {
    margin: 0 0 10px 0;
    font-weight: 400;
}

.lb-range-slider.ui-widget.ui-widget-content {
    border: 0px !important;
    height: 2px;
    background: var(--theme-color1);
    width: 92%;
    margin: 0 auto;
}

.lb-range-slider.ui-slider .ui-slider-handle {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: var(--theme-color1);
    border-color: var(--theme-color1);
}

.lb-range-slider.ui-slider .ui-slider-handle.ui-state-active {
    border-color: var(--theme-color1) !important;
}

.lb-range-slider.ui-slider .ui-slider-range {
    background: #707070;
    border: 0px !important;
}

.range-slider {
    width: 92%;
    position: relative;
    margin: 15px auto;
}

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
    position: absolute;
    left: 0;
    padding: 0;
    border: none;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: var(--theme-color1);
    cursor: pointer;
    margin-top: -4px;
    position: relative;
    z-index: 1;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    background: var(--theme-color1);
    border-radius: 0px;
    border: none;
}

.filter-group {
    border-bottom: 1px solid rgb(181 48 48 / 20%);
    padding: 20px 0;
}

.filter-group .select2-container {
    width: 100% !important;
}

.filter-group.no-border {
    border-bottom: 0;
}

.filter-qty {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
}

.filter-qty:not(:last-child) {
    margin-bottom: 20px;
}

.filter-group label {
    font-weight: bold;
    margin: 0 0 15px 0;

}

.filter-qty label,
.filter-select label {
    width: 50%;
    margin: 0;
}

.filter-qty .number-wrap {
    width: 50%;
    display: inline-flex;
    justify-content: flex-end;
}

.filter-select .filter-select-wrap {
    width: 50%;

}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.number-wrap>span {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid hsl(0deg 0% 44% / 20%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
}

.number-wrap>span:hover,
.number-wrap>span:focus {
    background-color: #000;
    color: #fff;
    border-color: #000;
}

.number-wrap input[type="number"] {
    width: 40px;
    text-align: center;
    border: none;
    outline: none;
    padding: 0!important;
}

.number-wrap>span.disabled:after{
    content: "";
    left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    border-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.number-wrap>span.disabled:hover:after, .number-wrap>span.disabled:focus:after{
    background-color: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.3);
}

.filter-select {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.filter-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
    padding: 9px 20px;
    /* border: 1px solid #E4E4E4; */
}

.filter-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 29px;
}

ul.filter-lists {
    padding: 0;
    list-style-type: none;
}

ul.filter-lists>li:not(:last-child) {
    margin-bottom: 10px;
}

ul.filter-lists>li a {
    color: var(--text-color);
    text-decoration: none;
    font-size: 12px;
    transition: all 0.3s;
}

ul.filter-lists>li a:hover {
    color: var(--theme-color1);

}

.filter-group .select-default:not(:last-child) {
    margin-bottom: 10px;
}

.filter-btn {
    margin: 50px 0 0;
}

a.btn.btn-filter {
    width: 100%;
    font-size: 17px;
    background-color: #E4E4E4;
    border-color: #E4E4E4;
}

.help-block {
    padding: 20px;
    border-radius: 20px;
    background-color: #fff;
    margin-top: 30px;
    text-align: center;
}

.help-block h5 {
    margin: 0 0 10px 0;
}

.help-block a.btn {
    font-size: 16px;
}

.lb-label-only-checkbox {
    cursor: pointer;
    font-weight: normal !important;
    position: relative;
    padding-left: 20px;
}

.btn-check:checked+.lb-label-only-checkbox,
.btn-check:active+.lb-label-only-checkbox {
    color: var(--theme-color1);
}

.btn-check+.lb-label-only-checkbox:before, .btn-check+.lb-label-only-checkbox:after {
    content: "";
    width: 12px;
    height: 12px;
    border: 1px solid #000000;
    /* background-color: var(--theme-color1); */
    /* opacity: 0.2; */
    position: absolute;
    left: 0px;
    top: 3px;
}

.btn-check+.lb-label-only-checkbox:after {
    width: 6px;
    height: 6px;
    border-radius: 0%;
    top: 6px;
    left: 3px;
    border: 0px;
}

/* .btn-check:hover+.lb-label-only-checkbox:after, */
.btn-check:checked+.lb-label-only-checkbox:after {
    background-color: var(--theme-color1);
 }

.lbloading {
    position: relative;
}

.lbloading.default {
    width: 100%;
    min-height: 30px;
    max-width: 250px;
    margin: 20px auto;
}

.lbloading:before {
    content: "";
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, var(--theme-color1)), color-stop(18%, #fdfdfd), color-stop(33%, #bbbbbb));
    background: -webkit-linear-gradient(left, #bbbbbb 8%, #fdfdfd 18%, var(--theme-color1) 33%);
    background: linear-gradient(to right, #bbbbbb 8%, #fdfdfd 18%, var(--theme-color1) 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    opacity: 0.2;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 5;
}

.select-default.lbloading:before,
.filter-select-wrap.lbloading:before {
    border-radius: 20px;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    text-decoration: none;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -50px 0
    }

    100% {
        background-position: 200px 0
    }
}

/*-------archive result------*/
.archive-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.search-stays {
    margin: 0 auto;
}

.search-stays ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 18px;
}

.search-stays ul>li:not(:last-child):after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: var(--theme-color2);
    margin: 2px 20px;
    border-radius: 50%;
}

.archive-wrapper {
    padding: 0;
}

.slider-box {
    width: 90%;
    margin: 25px auto
}

.slider-box label,
.slider-box input {
    border: none;
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 30%
}

.slider-box input {
    width: 70%
}

.slider-box .slider {
    margin: 25px 0
}

.archive-wrapper.lbloading {
    height: 100px;
    overflow: hidden;
    position: relative;
}

.archive-wrapper.lbloading:before {
    background: var(--theme-color1);
    opacity: 1;
    z-index: 2;
}

.archive-wrapper.lbloading:after {
    content: "";
    position: absolute;
    margin: 0 auto;
    z-index: 5;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner_LWk7{animation:spinner_GWy6 1.2s linear infinite,spinner_BNNO 1.2s linear infinite}.spinner_yOMU{animation:spinner_GWy6 1.2s linear infinite,spinner_pVqn 1.2s linear infinite;animation-delay:.15s}.spinner_KS4S{animation:spinner_GWy6 1.2s linear infinite,spinner_6uKB 1.2s linear infinite;animation-delay:.3s}.spinner_zVee{animation:spinner_GWy6 1.2s linear infinite,spinner_Qw4x 1.2s linear infinite;animation-delay:.45s}@keyframes spinner_GWy6{0%,50%{width:9px;height:9px}10%{width:11px;height:11px}}@keyframes spinner_BNNO{0%,50%{x:1.5px;y:1.5px}10%{x:.5px;y:.5px}}@keyframes spinner_pVqn{0%,50%{x:13.5px;y:1.5px}10%{x:12.5px;y:.5px}}@keyframes spinner_6uKB{0%,50%{x:13.5px;y:13.5px}10%{x:12.5px;y:12.5px}}@keyframes spinner_Qw4x{0%,50%{x:1.5px;y:13.5px}10%{x:.5px;y:12.5px}}</style><rect class="spinner_LWk7" x="1.5" y="1.5" rx="1" width="9" height="9"/><rect class="spinner_yOMU" x="13.5" y="1.5" rx="1" width="9" height="9"/><rect class="spinner_KS4S" x="13.5" y="13.5" rx="1" width="9" height="9"/><rect class="spinner_zVee" x="1.5" y="13.5" rx="1" width="9" height="9"/></svg>');
    height: 50px;
    width: 50px;
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.8);
}

li.archive-list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 30px;
}

.archive-image,
.mid-content,
.right-content {
    /* Make sure all children can grow and shrink as needed, and have a flex-basis of 0 to start */
    flex: 1;
}

.archive-image {
    width: 34%;
    position: relative;
    flex: 0 1 34%;
}

.badge-wrapper {
    position: absolute;
    z-index: 1;
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.badge-wrapper>span {
    font-size: 14px;
    font-weight: bold;
    padding: 7px 15px;
    display: inline-block;
    border-radius: 40px;
}

.badge-wrapper>span.days-badge {
    background-color: #fff;
    color: var(--theme-color2);
}

.badge-wrapper>span.discount-badge {
    background-color: var(--theme-color2);
    color: #fff;
}

.archive-image{
    align-self: stretch;
}

.archive-image .archive-image-inner,
.archive-image .archive-image-inner ul.image-gallery.slick-slider,
.archive-image .archive-image-inner div,
.archive-image .archive-image-inner .slick-slide,
.archive-image .archive-image-inner figure,
.archive-image .archive-image-inner figure img {
    height: 100%;
}

.archive-image img {
    width: 100%;
    min-height: 240px;
    object-fit: cover;
}

.archive-image figure {
    margin: 0;
}

.image-gallery ul.slick-dots li>button {
    background-color: #fff;
    opacity: 0.8;
}

.image-gallery ul.slick-dots li.slick-active>button {
    opacity: 1;
}

.image-gallery ul.slick-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    z-index: 1;
}

ul.image-gallery.slick-slider {
    line-height: 0;
}

.image-gallery.slick-slider:not(:hover) button.slick-arrow.slick-prev {
    left: 0;
    opacity: 0;
}

.image-gallery.slick-slider:not(:hover) button.slick-arrow.slick-next {
    right: 0;
    opacity: 0;
}

.right-content {
    width: 28%;
    padding: 20px 20px 20px 0;
    flex: 0 1 28%;
    position: relative;
}

.date {
    display: flex;
    gap: 10px;
    margin: 0 0 15px 0;
}

.date span.icon {
    font-size: 16px;
    line-height: 0;
}


.price-wrapper {
    margin: 0 0 30px 0;
}

.price-wrapper .price {
    font-size: 30px;
    line-height: 1;
    font-weight: bold;
    color: var(--theme-color2);
    /* color: #ffffff;
    background-color: var(--theme-color1);
    padding: 5px 10px;
    text-align: center; */
}

.btn-wrapper {
    max-width: 226px;
}

.btn-wrapper a.btn {
    width: 100%;
}


.destination-desktop{
    width: 100%;
}

.destination-dropdown-menu.dropdown-menu{
    /* min-width: 600px; */
    /* inset: unset!important; */
}

.destination-dropdown-menu.dropdown-menu .v-pills-tab{
    list-style: none;
    border-right: 1px solid rgba(112, 112, 112, 0.2);
    align-self: stretch;
}

.destination-dropdown-menu.dropdown-menu .nav-pills .nav-link{
    font-size: 25px;
    font-weight: bold;
    color: #000000;
    cursor: pointer;
    position: relative;
    min-width: 150px;
}

.destination-dropdown-menu.dropdown-menu .nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background: transparent;
}

.destination-dropdown-menu.dropdown-menu .nav-pills .nav-link:hover:after, .destination-dropdown-menu.dropdown-menu .nav-pills .nav-link.active:after{
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.655' height='15.277' viewBox='0 0 14.655 15.277'%3E%3Cg id='Icon_feather-arrow-left' data-name='Icon feather-arrow-left' transform='translate(21.405 21.716) rotate(180)'%3E%3Cpath id='Path_7538' data-name='Path 7538' d='M20.655,18H7.5' transform='translate(0 -3.922)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Path_7539' data-name='Path 7539' d='M14.078,20.655,7.5,14.078,14.078,7.5' transform='translate(0 0)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.destination-dropdown-menu.dropdown-menu .v-pills-tab{
    display: block;
    min-width: 180px;
    padding-left: 0.2em;
}

.destination-dropdown-menu.dropdown-menu .tab-content>.tab-pane{
    padding:0px;
}

.destination-dropdown-menu.dropdown-menu .tab-content>.tab-pane a{
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    cursor: pointer;
    display: inline-flex;
    width: 100%;
    padding: .5rem 1rem;
}

.destination-dropdown-menu.dropdown-menu .tab-content>.tab-pane a.active,
.destination-dropdown-menu.dropdown-menu .tab-content>.tab-pane a:hover{
    color: var(--theme-color1);
}

#loca-searchform .form-group.inactive {
    position: relative;
}

#loca-searchform .form-group.inactive:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(255, 255, 255, 0.2);
    /* backdrop-filter: blur(0.8px); */
}

/** datepicker ui */
.dropdown-item{  color: var(--theme-color2); }
.airpicker--cell.airpicker--cell-day.-current-{ color: var(--theme-color1)!important; }
.airpicker--cell.airpicker--cell-day.-current-.-selected-{ color: var(--theme-color3)!important; }
.airpicker--nav-title, .airpicker--nav-title i{  color: var(--theme-color2)!important; }
#calendarModal .modal-header, #calendarModal .modal-footer{
    border: 0px;
}
.ui-datepicker.ui-widget.ui-widget-content:not(.gform-legacy-datepicker) {
    /* position: fixed !important;
    background-color: #fff;
    border: none;
    padding: 40px 25px;
    border-radius: 15px;
    width: 100% !important;
    max-width: 789px;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    box-shadow: none;
    overflow: visible;
    z-index: 99;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.5);
    display: none; */

    display: flex !important;
    width: 100% !important;
    justify-content: space-between;
    flex-wrap: wrap;
    border: none;
    box-shadow: unset!important;
    padding: 0px;
}

.ui-datepicker.ui-widget.ui-widget-content:not(.gform-legacy-datepicker) {
    display: flex;
    justify-content: space-between;
    z-index: 2;
}

.ui-datepicker.ui-widget.ui-widget-content>div:nth-child(1) {
    order: 2;
}

.ui-datepicker.ui-widget.ui-widget-content>div:nth-child(2) {
    order: 4;
}

.ui-datepicker.ui-widget.ui-widget-content>div:nth-child(3) {
    order: 3;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 44%;
}

.ui-datepicker-row-break {
    width: 12%;
}

.ui-widget-header {
    background-color: unset;
    border: 0px;
}

.ui-datepicker {
    background-color: #fff;
    border: 1px solid #66AFE9;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(102, 175, 233, .6);
    display: none;
    margin-top: 4px;
    padding: 10px;
    width: 240px;
}

.ui-datepicker a,
.ui-datepicker a:hover {
    text-decoration: none;
}

.ui-datepicker a:hover,
.ui-datepicker td:hover a {
    color: #2A6496;
    -webkit-transition: color 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out;
}

.ui-datepicker .ui-datepicker-header {
    margin-bottom: 20px;
    text-align: center;
    border-radius: 4px;
    padding: 2px;
}

.ui-datepicker .ui-datepicker-title {
    font-weight: 700;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: normal;
    height: 26px;
    line-height: 1;
    width: 30px;
}

.ui-datepicker .ui-datepicker-prev-hover:hover,
.ui-datepicker .ui-datepicker-next-hover:hover {
    border-radius: 0px;
    background-color: unset;
    border-width: 0px;
}

.ui-datepicker .ui-datepicker-next-hover{
    right:2px;
}

.ui-datepicker .ui-datepicker-prev-hover{
    left: 2px;
}

.ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
    width: 100% !important;

}

.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
    padding: 4px 0;
}

.ui-datepicker .ui-datepicker-calendar td {
    border-radius: 4px;
    -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}

.ui-datepicker .ui-datepicker-calendar td:hover {
    background-color: #eee;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-calendar td a {
    text-decoration: none;
    border: 0px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    border: none;
    font-size: 14px;
    padding: 8px;
    font-weight: 400;
    background-color: unset;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: unset;
    color: #ffffff;
}

.ui-state-highlight:before,
.ui-widget-content .ui-state-highlight:before,
.ui-widget-header .ui-state-highlight:before {
    content: '';
    width: 28px;
    height: 28px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--theme-color2);
    border-radius: 50%;
    z-index: -1;
}

.ui-datepicker .ui-datepicker-current-day {
    background-color: unset;
}

.ui-datepicker .ui-datepicker-current-day a {
    color: #000000;
    border: 1px solid var(--theme-color1)!important;
    position: relative;
}
/* 
.ui-datepicker .ui-datepicker-current-day a:before {
    content: '';
    width: 28px;
    height: 28px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--theme-color2);
    border-radius: 50%;
    z-index: -1;
} */

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable {
    background-color: #ffffff;
    cursor: default;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
    background-color: #eff0f1;
    cursor: default;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button {
    background-color: #ffffff;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border-width: 0px !important;
    text-align: center;
    font-size: 14px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
    display: none !important;
    background-image: none !important;
}

.ui-datepicker-prev::before {
    display: inline-block;
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/></svg>');
    background-repeat: no-repeat;
    width: 26px;
    height: 30px;
    background-position: center;
}

.ui-datepicker-next::after {
    display: inline-block !important;
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>');
    background-repeat: no-repeat;
    width: 26px;
    height: 30px;
    background-position: center;
}

#api_datepicker .ui-datepicker-inline .ui-datepicker-group-last .ui-datepicker-header .ui-datepicker-prev,
#api_datepicker .ui-datepicker-inline .ui-datepicker-group-first .ui-datepicker-header .ui-datepicker-next{
    display: none!important;
}

/** header */
header.hyper-header-2024 .container{
    padding-left: 40px;
    padding-right: 40px;
    max-width: 100%;
    border-bottom: 0px;
}

header.hyper-header-2024 a.navbar-brand.nav-logo{
    color: #ffffff;
    height: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding-bottom: 10px;
}

body:not(.hyper-transparent-header) header.hyper-header-2024 a.site-telephone span{
    color: #000000;
}

header.hyper-header-2024 .container nav.navbar{
    border-bottom: 0px;
    padding: 0px;
}

body.hyper-transparent-header header.hyper-header-2024 .container nav.navbar{
    border-bottom: 0px solid rgb(255 255 255 / 50%);
    padding: 0px;
}


header.hyper-header-2024 .container nav.navbar .navbar-nav .nav-link{
    font-size: 16px;
    padding-right: 0.8rem;
    padding-left: 0.8rem;
    text-decoration: none;
}

header.hyper-header-2024 a.site-telephone span{
    line-height: 100%;
}

header.hyper-header-2024 a.site-telephone span small{
    font-size: 12px;
}

header.hyper-header-2024 .user-detail{
    display: inline-flex;
    margin: 0;
    color: #fff;
    text-decoration: none;
    align-items: center;
    font-size: 18px;
}

header.hyper-header-2024 svg{
    width: 28px!important;
    height: 28px!important;
}

header.hyper-header-2024 .result-form{
    max-width: 1171px;
}

.header-offers .hyper-offers-wrapper{
    display: none!important;
}

/*------footer-------*/
.newsletter-section {
    padding: 25px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 19vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.newsletter-form {
    padding: 40px 60px;
    background-color: #fff;
    border-radius: 10px;
    max-width: 525px;
}

.newsletter-form h4{
    color: var(--primary-color);
    font-weight: bold;
    margin: 0 0 20px 0;
}

.newsletter-form p {
    margin: 0 0 20px 0;
}

.newsletter-section .gform_wrapper form input:not([type="submit"]) {
    width: calc(100% - 50px);
    margin: 0 5px 0;
    border-radius: 80px;
    border-color: #707070;
    padding: 10px 15px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    flex: 1;
}

.newsletter-section .gform_wrapper form input[type="submit"]{
    transform: none;
    margin: 0px;
    border-radius: 80px;
    line-height: 1;
    padding: 13px 20px;
    border: 1px solid var(--theme-color1);
    transition: all 0.3s;
    font-weight: bold;
    outline: none;
    background-color: var(--theme-color1);
    color: #ffffff!important;
    min-width: 80px;
}

body .newsletter-section .gform_wrapper form input[type="submit"]{
    margin-bottom: 0px!important;
}

.main-footer .trustpilot-widget{
    position: relative;
    max-width: 180px;
    background: #fff;
    border-radius: 12px;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 10px 20px;
}

.newsletter-section .gform_wrapper form{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.newsletter-section .gform_wrapper form > div{
    width: auto;
    margin: 0px;
    min-height: 50px;
}

.newsletter-section .gform_wrapper form > .gform_body{
    flex: 1;
    margin: 0 5px 0;
    border-radius: 80px;
    padding: 11px 15px;
    border: 1px solid #707070;
    margin-right: -45px;
}

.newsletter-section .gform_wrapper form > .gform_footer{
    margin: 0px;
    padding: 0px;
}

.newsletter-section .gform_wrapper form ul.gform_fields{
    display: block!important;
}

body .newsletter-section .gform_wrapper .top_label div.ginput_container,
body .newsletter-section .gform_wrapper ul li.gfield{
    padding: 0px;
    margin: 0px;
}

.newsletter-section .gform_wrapper form label.gfield_label,
.newsletter-section .gform_wrapper form .required-fields-msg,
body .newsletter-section li.gfield.gfield_error.gfield_contains_required div.gfield_description,
.newsletter-section .gform_wrapper form .top_label div.ginput_container:after{
    display: none!important;
}

.newsletter-section .gform_legacy_markup_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .newsletter-section .gform_legacy_markup_wrapper li.gfield_error textarea{
    border: unset!important;
    background: unset!important;
}

.newsletter-section .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required{
    background: unset!important;
}

.newsletter-section .gform_legacy_markup_wrapper li.gfield.gfield_error, .newsletter-section .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
    margin-bottom: 0px!important;
}

.newsletter-section .gform_wrapper form input{
    min-height: 50px;
}

input:not([type="submit"]):not([type="checkbox"])::placeholder {
    color: var(--primary-color)!important;
}

/* 

form.footer-form>input {
    width: calc(50% - 10px);
    margin: 0 5px 0;
}

form.footer-form>input:not([type="submit"]) {
    width: calc(50% - 10px);
    margin: 0 5px 0;
    border-radius: 80px;
    border-color: #707070;
    padding: 11px 15px;
}

form.footer-form label {
    padding: 15px 5px 0;
    display: flex;
    gap: 10px;
    align-items: baseline;
    max-width: 300px;
}

form.footer-form label input {
    width: 16px;
    height: 16px;
    transform: translateY(3px);
}

form.footer-form input.btn.btn-primary {
    font-size: 14px;
    transform: none;
    width: auto;
} */

form.footer-form input.btn.btn-primary:hover, form.footer-form input.btn.btn-primary:focus{
    background-color: var(--theme-color1)!important;
}

footer {
    background-color: var(--theme-color2);
    padding: 30px 0;
    text-align: center;
}

footer .nav-brand img {
    max-width: 343px;
    margin: 0 0 10px;
    width: 100%;
}

ul.social-icons,
ul.footer-links {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    padding: 0;
    margin: 0;

}

ul.social-icons {
    gap: 20px;
    margin: 0 0 20px 0;
}


ul.social-icons>li {
    font-size: 20px;
}

ul.footer-links {
    color: #fff;
}

ul.footer-links>li:not(:last-child):after {
    content: '';
    width: 15px;
    display: inline-block;
    height: 1px;
    background-color: currentColor;
    margin: 4px 20px;
}

ul.footer-links>li>a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

.footer-payment h6{
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
    margin: 0 0 20px 0;
}

/** checkout form */
.select2-container--open .select2-dropdown--below.payment_type-lbDropdown{
    z-index: 9999;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*-------responsive--------*/
@media (max-width: 1024px) {

}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .newsletter-section .col-5 {
        flex: 0 0 auto;
        width: 70%;
    }
}

@media (max-width: 767px) {

    .form-group .select2-container--default .select2-selection--single .select2-selection__rendered,
    .form-group select,
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    input[type="number"],
    input[type="tel"],
    input[type="range"],
    input[type="date"],
    input[type="month"],
    input[type="week"],
    input[type="time"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="color"],
    textarea {
        padding: 10px 15px;
        line-height: 1.25;
    }


    /*----header-------*/
    .nav-logo img {
        max-width: 156px;
    }

    header.main-header .col-6 {
        width: 50%;
    }

    a.site-telephone {
        margin: 0 20px 0 0;
        line-height: 0;
    }

    a.site-telephone span{ display: none;}

    .user-detail {
        margin: 0 0 0 20px;
        line-height: 0;
    }

    .user-detail span.user-text {
        display: none;
    }

    .destination-dropdown-menu.dropdown-menu{
        min-width: 300px;
        width: 100%;
    }

    .destination-dropdown-menu.dropdown-menu .accordion-item{
        border: 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    }

    .destination-dropdown-menu.dropdown-menu .accordion-button{
        padding: 10px 0px;
        font-size: 16px;
        font-weight: bold;
        color: #000000;
    }

    .destination-dropdown-menu.dropdown-menu .accordion-button::after, .destination-dropdown-menu.dropdown-menu .accordion-button:not(.collapsed)::after{
        width: 12px;
        height: 12px;
        transform: rotate(90deg);
    }

    .destination-dropdown-menu.dropdown-menu .accordion-button:not(.collapsed){
        background-color: #ffffff;
    }

    .destination-dropdown-menu.dropdown-menu .accordion-button:focus{
        box-shadow: unset;
    }

    .destination-dropdown-menu.dropdown-menu .accordion-button:not(.collapsed)::after{
        transform: rotate(180deg);
    }

    .destination-dropdown-menu.dropdown-menu .accordion-body{
        padding: 0px;
    }

    .destination-dropdown-menu.dropdown-menu .accordion-body .nav-link{
        font-size: 14px;
        font-weight: 400;
        color: #000000;
        cursor: pointer;
    }
    
    .destination-dropdown-menu.dropdown-menu .accordion-body .nav-link.active,
    .destination-dropdown-menu.dropdown-menu .accordion-body .nav-link:hover{
        color: var(--theme-color1);
    }

    .ui-datepicker-row-break {
        display: none;
    }

    .ui-datepicker.ui-widget.ui-widget-content.activated {
        flex-direction: column;
        height: 100vh;
        align-items: center;
        border-radius: 0px;
        padding: 20px;
    }

    .datepicker-close-wrapper {
        display: block !important;
        width: 100%;
        order: 1;
    }

    .datepicker-close-wrapper span.back-btn {
        padding-top: 0px;
    }

    .result-form .departure-date-group{
        border-radius: 8px;
        border: 1px solid #D4D4D4;
    }

    #api_datepicker .ui-datepicker-inline .ui-datepicker-group:not(:last-child){
        max-width: 400px;
        margin: 0 auto;
    }

    #api_datepicker .ui-datepicker-inline .ui-datepicker-group-last .ui-datepicker-header .ui-datepicker-prev,
    #api_datepicker .ui-datepicker-inline .ui-datepicker-group-first .ui-datepicker-header .ui-datepicker-next{
        display: block!important;
    }

    .ui-datepicker.ui-widget.ui-widget-content>div:nth-child(2){
        display: none!important;
    }

    

    /*-------footer---------*/
    .newsletter-form {
        padding: 20px 15px;
    }

    .newsletter-form h4 {
        text-align: center;
    }

    form.footer-form>input:not([type="submit"]) {
        width: 100%;
        margin: 0 5px 10px;
    }

    form.footer-form>input {
        width: 100%;
    }

    footer .nav-brand img {
        max-width: 299px;
    }

    ul.footer-links>li:not(:last-child):after {
        margin: 4px 5px;
    }

    .sticky-phone>a {
        width: 40px;
        height: 40px;
    }

    .sticky-phone>a:hover {
        width: 125px;
        height: 65px;
    }

    .sticky-phone i {
        font-size: 18px;
    }

    .sticky-phone>a span.phone-text {
        font-size: 14px;
        min-width: 100px;
        text-align: center;
        margin: 25px 0 0;
    }

    .sticky-phone>a:hover i {
        margin-bottom: 20px;
        transition-delay: 0.3s;
    }

}

/*** 2024CSS */

/* #wpadminbar{ display: none!important;} */

body .vc_row[data-vc-full-width]:not(.vc_row-no-padding) > .vc_column_container > .vc_column-inner{ padding-left: 30px;  padding-right: 30px;}

.vc_row.wpb_row.vc_inner.vc_row-fluid.vc_row-o-equal-height.vc_row-flex .wpb_wrapper {
    height: 100%;
}

/** helps with blog items equal height */
.blogs-container-with-equal-height.vc_row-o-equal-height .wpb_wrapper > div{
    height: 100%;
    max-height: 505px;
    max-width: 1260px;
    margin: 0 auto;
}

.btn:hover, .button:hover {
    -moz-animation: none!important;
    -webkit-animation: none!important;
    animation: none!important;
    transform: none!important;
}

#desktop-header{
    display: block;
}

#mobile-header{
    display: none;
}

/** fullscreen menu */

.fullscreen-menu.fullscreen-menu-2024 {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 9999999999999;
    top: 0;
    left: 0;
    background-color: var(--theme-color2-dim);
    overflow-y: auto;
    transition: 0.5s;
    padding: 20px 10px;
    top: 80px;
    background-color: #ffffff;
    color: #000000;
    border-top-right-radius: 40px;
    max-width: 550px;
    -webkit-box-shadow: 1px -1px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px -1px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 1px -1px 5px 0px rgba(0,0,0,0.25);
}

.fullscreen-menu-2024 #close-fullscreen {
    position: relative;
    display: block;
    text-align: right;
    font-size: 42px;
    color: #fff;
    font-weight: 300;
    line-height: 25px;
    padding-right: 15px;
    color: #000000;
    right: -5px;
    top: -10px;
    text-decoration: none;
}

body #mega-menu-wrap-mobile-menu-2024 #mega-menu-mobile-menu-2024 > li.mega-menu-item{
    padding-top: 15px;
    padding-bottom: 15px;
    /* border-bottom: 1px solid rgba(0,0,0,0.2); */
}

.fullscreen-menu.fullscreen-menu-2024 .mega-sub-menu li > .vc_row > .wpb_column{
    width: 100%!important;
    /* max-width: 330px; */
}

.fullscreen-menu.fullscreen-menu-2024 .mega-sub-menu li > .vc_row > .wpb_column .vc_column-inner .wpb_column{
    width: 100%!important;
}

.fullscreen-menu.fullscreen-menu-2024 .hyper-bgimage-wrapper  .fb_bg_inner{
    background-position: center;
}

.fullscreen-menu.fullscreen-menu-2024 .mega-menu-accordion > li.mega-menu-item.mega-toggle-on{
    position: absolute;
}

.fullscreen-menu .mega-menu-item.mega-toggle-on > a.mega-menu-link{
    position: absolute!important;
    top: -35px!important;
    height: 100px;
    justify-content: space-between!important;
    width: 100%!important;
    padding: 15px 10px 20px 30px!important
}

.fullscreen-menu .mega-menu-item.mega-toggle-on > a.mega-menu-link:before{
    content: ""!important;
    height: 1px;
    width: 248px;
    background-color: #707070;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.fullscreen-menu .mega-menu-item.mega-toggle-on > a.mega-menu-link > span.mega-indicator{
    display: flex !important;
    justify-content: space-between;
    top: -35px !important;
    float: none !important;
}

.fullscreen-menu .mega-menu-item.mega-toggle-on > ul.mega-sub-menu{
    display: block!important;
    position: fixed!important;
    top: 120px!important;
    width: 100%!important;
    height: 80vh!important;
    padding: 20px 40px!important;
    overflow-y: auto!important;
}

.fullscreen-menu .mega-menu-item.mega-toggle-on > a.mega-menu-link > span:before {
    content: "\f335";
    position: absolute;
    right: 0px;
    font-family: dashicons;
}

.fullscreen-menu .mega-menu-item.mega-toggle-on > a.mega-menu-link > span:after {
    position: absolute !important;
    left: -40px;
    transform: rotate(90deg) !important;
}

.fullscreen-content .hyper_social_icon_widget .widget-title{
    font-size: 20px;
    font-weight: bold;
    text-align: initial;
    margin-bottom: 5px;
}

.fullscreen-content .hyper_social_icon_widget ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
    font-size: 30px;
    color: #000000;
}

.fullscreen-content .hyper_social_icon_widget ul a {
    color: #000000;
}

.fullscreen-content .hyper_social_icon_widget ul img{
    max-width: 32px;
}

.offcanvas-below-menu{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 200px;
}

.offcanvas-below-menu > section.widget{
    padding: 20px 0px;
    text-align: left;
    margin-bottom: 30px;
    position: relative;
}

.offcanvas-below-menu > section.widget:after{
    content: '' !important;
    position: absolute;
    bottom: -15px;
    left: 5px;
    height: 1px;
    background-color: #b7b7b7;
    width: 90%;
}

.offcanvas-below-menu > section.widget:last-child{
    border: 0px;
    margin-bottom: 0px;
}

.offcanvas-below-menu > section.widget:last-child:after{
    display: none;
}

body {
    background-color: #FFFFFF;
}

body.fullscreen-menu-activated{
    overflow-y: hidden!important;
    height: 100vh!important;
    background-color: #000000;
}

body.fullscreen-menu-activated #h-theme-container{
   height: 80px;
   overflow-y: hidden!important;
}

#sticky-wrapper {
    height: auto!important;
    position: relative;
    z-index: 10;
}
body header .container-xxl{
    max-width: 1516px;
    margin: 0 auto;
}

.font-instrumental-serif {
    font-family: "Instrument Serif", serif !important;
}

footer.main-footer{
    margin-top: 0px;
    color: #ffffff;
    text-align: center;
    padding: 60px 0px;
}

footer:before{
    display: none;
}

footer a{
    color: var(--theme-color3);
}

.main-footer .footer-1{
    text-align: left;
}

.main-footer .footer-1 img.footer-logo{
    max-width: 221px!important;
}

.main-footer .footer-2 .inner{
    display: block;
}

.main-footer .footer-2 .inner > div {
    display: flex;
    column-gap: 50px;
    justify-content: space-between;
    text-align: left;
}

.main-footer .footer-2 .inner .widget{
    flex: 1;
}

footer .widget {
    margin-bottom: 20px;
}

footer ul.social-icons{
    justify-content: flex-start;
}

footer ul.social-icons img{
    height: 19px;
    width: auto;
}

footer .tel{
    display: flex;
    flex-wrap: wrap;
    text-decoration: none;
}

footer p{
    margin-bottom: 10px;
}

footer .wpml-ls-legacy-dropdown {
    max-width: 100%;
    width: 65px;
}

footer .wpml-ls-legacy-dropdown > ul > li > a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    border: 1px solid #fff;
    background-color: transparent;
    padding: 10px 15px;
    line-height: 1;
    border-radius: 15px;
}

footer ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

footer ul li{
    margin-bottom: 10px;
}

footer ul li a{
   text-decoration: none;
}

footer ul li a:hover{
    color: #ffffff;
    text-decoration: underline;
}

footer .footer-2 .widget-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: none;
    padding-bottom: 5px;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}

footer .footer-2 .widget-title:before{
    content: "";
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.footer-bottom .footer-payment img{
    height: 28px;
    object-fit: contain;
}

.main-footer .footer-2 .footer-2-a  .menu{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.main-footer .footer-2 .footer-2-a  .menu > li > a{
    font-size: 18px;
    font-weight: 600;
    position: relative;
    display: inline-flex;
    margin-bottom: 20px;
}

.main-footer .footer-2 .footer-2-a  .menu > li > a:hover{
    text-decoration: none;
}

.main-footer .footer-2 .footer-2-a  .menu > li > ul a{
    font-size: 14px;
    margin-bottom: 5px;
}

.main-footer .footer-2 .footer-2-a  .menu > li > a:after{
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #ffffff;
    left: 0;
    right: 0px;
    bottom: -3px
}

.footer-2-a .widget_nav_menu{
    display: block;
}

.footer-2-a .widget_maxmegamenu{
    display: none;
}

@media(max-width: 800px){
    .footer-2-a .widget_nav_menu{
        display: none;
    }

    .footer-2-a .widget_maxmegamenu{
        display: block;
    }
}

/* .vc_column_container>.vc_column-inner{
    padding-left: 10px;
    padding-right: 10px;
} */

body .vc_row[data-vc-full-width].container-xxl>.vc_column_container>.vc_column-inner {
    max-width: 1516px;
    margin: 0 auto;
}

/* Hide scrollbar for Chrome, Safari and Opera */
html::-webkit-scrollbar, .fullscreen-menu .mega-menu-item.mega-toggle-on > ul.mega-sub-menu::-webkit-scrollbar {
    display: none;
}
  
html, .fullscreen-menu .mega-menu-item.mega-toggle-on > ul.mega-sub-menu{
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}


/*** offers */

.manual-offer-wrapper,
.models-filter-container .models-filter-inner {
    max-width: 100%;
    margin: 0 auto;
}

@media(min-width: 1025px){
    .hyper-offers-wrapper.style1 .slick-slide {
        width: auto !important;
    }
}


.hyper-offers-wrapper.style1 .card-price,
.hyper-offers-wrapper.style1 .sep {
    display: none;
}

.hyper-offers-wrapper.style1 .card {
    min-width: inherit;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: unset;
    text-align: left;
    background: inherit;
}

.hyper-offers-wrapper.style1 .card-footer{
    background: inherit;
}

.hyper-offers-wrapper.style1 .card-body {
    text-align: left;
}

.hyper-offers-wrapper.style1 .card-body .title {
    text-align: left;
    align-items: flex-start;
    margin-top: 0px;
    margin-bottom: 0px;
    min-height: 20px;
}

.hyper-offers-wrapper.style1 .card-body .the_title {
    font-size: 25px;
    font-style: normal;
    text-align: left;
    line-height: 135%;
}

.hyper-offers-wrapper.style1>.row>.col {
    flex: 1;
}

.hyper-offers-wrapper.style1 .card-body .the_title{
    font-family: 'Lato', sans-serif!important;
}

.hyper-offers-wrapper.style1 .card-footer {
    text-align: left;
    padding-top: 0px;
}

.hyper-offers-wrapper .card-body .card-text{
    font-size: 14px;
}

.hyper-offers-wrapper.style1 .card-img-top {
    border-radius: 15px;
}

.hyper-offers-wrapper.style1 .card-img-top {
    min-height: 450px;
}

.hyper-offers-wrapper .card-header .img {
    transition: transform 0.3s ease, border 0.3s ease;
}

.hyper-offers-wrapper .card-header:hover .img {
    transform: unset;
    border: 0px;
    position: relative;

}

.hyper-offers-wrapper .card-header .img:before {
    transition: border 0.3s ease;
    /* Add transition property */
}

/* .hyper-offers-wrapper .card-header:hover .img:before {
    content: "";
    position: absolute;
    width: 98%;
    height: 98%;
    left: 0px;
    right: 0px;
    top: 4px;
    border: 4px solid #ffffff;
    margin: 0 auto;
    border-radius: 15px;
} */

.hyper-offers-wrapper.style1 .discount {
    position: absolute;
    left: 15px;
    top: 15px;
    right: unset;
    bottom: unset;
    margin: 0 auto;
    text-align: center;
}

.hyper-offers-wrapper.style1 .discount span {
    font-size: 20px;
    font-weight: bold;
    color: var(--theme-color2);
    border-radius: 8px;
    background-color: #ffffff;
}

.hyper-offers-wrapper.style1 .card-footer a {
    background-color: unset;
    text-transform: none;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    padding: 0px;
    text-decoration: underline;
    border: 0px !important;
}

.hyper-offers-wrapper.style1 .card-body,
.hyper-offers-wrapper.style1 .card-footer {
    padding-left: 0px;
    padding-right: 0px;
}

.vc_row.quote-row .wpb_wrapper {
    position: relative;
    padding-left: 8%;
    padding-right: 8%;
}

.vc_row.quote-row .wpb_wrapper:before {
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="74" height="48.939" viewBox="0 0 74 48.939"><defs><clipPath id="clip-path"><rect id="Rectangle_990" data-name="Rectangle 990" width="74" height="48.939" fill="%23af533e"/></clipPath></defs><g id="Group_4839" data-name="Group 4839" transform="translate(74 48.939) rotate(180)" opacity="0.2"><g id="Group_4838" data-name="Group 4838" clip-path="url(%23clip-path)"><path id="Path_7568" data-name="Path 7568" d="M29.083,6.855a19.136,19.136,0,0,0-5.607-4.919A14.356,14.356,0,0,0,16.655.078,15.3,15.3,0,0,0,15.12,0,15.12,15.12,0,1,0,27.7,23.5a26.091,26.091,0,0,1-3.442,13.553,47.172,47.172,0,0,1-8.334,10.076,1.052,1.052,0,0,0-.109,1.447,1.028,1.028,0,0,0,1.386.162,60.929,60.929,0,0,0,5.68-4.7,47.2,47.2,0,0,0,5.607-6.3,29.552,29.552,0,0,0,4.034-7.477A24.725,24.725,0,0,0,34,21.71a25.385,25.385,0,0,0-1.279-7.87,22.9,22.9,0,0,0-3.64-6.985" transform="translate(0 -0.001)" fill="%23af533e"/><path id="Path_7569" data-name="Path 7569" d="M404.224,13.84a22.9,22.9,0,0,0-3.64-6.985,19.135,19.135,0,0,0-5.608-4.919A13.843,13.843,0,0,0,390.2.268a15.121,15.121,0,1,0,8.986,24.276,25.557,25.557,0,0,1-3.421,12.513,47.175,47.175,0,0,1-8.334,10.076,1.052,1.052,0,0,0-.109,1.448,1.028,1.028,0,0,0,1.386.162,60.923,60.923,0,0,0,5.68-4.7,47.211,47.211,0,0,0,5.607-6.3,29.553,29.553,0,0,0,4.034-7.477A24.725,24.725,0,0,0,405.5,21.71a25.381,25.381,0,0,0-1.279-7.87" transform="translate(-331.503 -0.001)" fill="%23af533e"/></g></g></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    width: 74px;
    height: 48px;
    position: absolute;
    left:0px;
    top: 20px;
}



.vc_row.quote-row .wpb_wrapper:after {
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="74" height="48.939" viewBox="0 0 74 48.939"><defs><clipPath id="clip-path"><rect id="Rectangle_990" data-name="Rectangle 990" width="74" height="48.939" fill="%23af533e"/></clipPath></defs><g id="Group_4839" data-name="Group 4839" transform="translate(74 48.939) rotate(180)" opacity="0.2"><g id="Group_4838" data-name="Group 4838" clip-path="url(%23clip-path)"><path id="Path_7568" data-name="Path 7568" d="M29.083,6.855a19.136,19.136,0,0,0-5.607-4.919A14.356,14.356,0,0,0,16.655.078,15.3,15.3,0,0,0,15.12,0,15.12,15.12,0,1,0,27.7,23.5a26.091,26.091,0,0,1-3.442,13.553,47.172,47.172,0,0,1-8.334,10.076,1.052,1.052,0,0,0-.109,1.447,1.028,1.028,0,0,0,1.386.162,60.929,60.929,0,0,0,5.68-4.7,47.2,47.2,0,0,0,5.607-6.3,29.552,29.552,0,0,0,4.034-7.477A24.725,24.725,0,0,0,34,21.71a25.385,25.385,0,0,0-1.279-7.87,22.9,22.9,0,0,0-3.64-6.985" transform="translate(0 -0.001)" fill="%23af533e"/><path id="Path_7569" data-name="Path 7569" d="M404.224,13.84a22.9,22.9,0,0,0-3.64-6.985,19.135,19.135,0,0,0-5.608-4.919A13.843,13.843,0,0,0,390.2.268a15.121,15.121,0,1,0,8.986,24.276,25.557,25.557,0,0,1-3.421,12.513,47.175,47.175,0,0,1-8.334,10.076,1.052,1.052,0,0,0-.109,1.448,1.028,1.028,0,0,0,1.386.162,60.923,60.923,0,0,0,5.68-4.7,47.211,47.211,0,0,0,5.607-6.3,29.553,29.553,0,0,0,4.034-7.477A24.725,24.725,0,0,0,405.5,21.71a25.381,25.381,0,0,0-1.279-7.87" transform="translate(-331.503 -0.001)" fill="%23af533e"/></g></g></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    width: 74px;
    height: 48px;
    position: absolute;
    right:0px;
    bottom: 20px;
    transform: rotate(180deg);
}

/*** blogs */
.hyper-blog-container.hyper-style3-wrapper {
    display: flex;
}

.hyper-blog-container.hyper-style3-wrapper .card {
    border: 0px;
}

.hyper-blog-container.hyper-style3-wrapper .card-columns .card {
    position: relative;
}

.hyper-blog-container.hyper-style3-wrapper .card-image {
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    /* max-height: 490px; */
}

.hyper-blog-container.hyper-style3-wrapper .card-image:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 12px;
}

.hyper-blog-container.hyper-style3-wrapper .card-image:hover:before {
    background-color: rgb(236, 0, 140, 0.1);
    border-radius: 12px;
}

.hyper-blog-container.hyper-style3-wrapper .card-image img {
    border-radius: 12px;
    width: 100%;
    /* max-height: 490px; */
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hyper-blog-container.hyper-style3-wrapper .card-body {
    position: absolute;
    background-repeat: no-repeat;
    width: 100%;
    bottom: 10px;
    background: transparent;
    color: #ffffff;
}

.hyper-blog-container.hyper-style3-wrapper .card-body time, .hyper-blog-container.hyper-style3-wrapper .card-body time{
    display: block;
    margin-bottom: 5px;
}

.hyper-blog-container.hyper-style3-wrapper .card-body .the_title {
    margin-bottom: 10px;
    line-height: 100%!important;
    font-size: 25px;
}

.hyper-blog-container.hyper-style3-wrapper .card-body .the_title a {
    font-size: 25px;
    font-weight: bold;
}

.hyper-blog-container.hyper-style3-wrapper .card-body time {
    font-size: 16px;
    line-height: 100%;
}

.hyper-blog-container.hyper-style3-wrapper .card-body a.hyper-button {
    font-size: 18px !important;
    padding: inherit !important;
    font-style: normal !important;
    font-weight: inherit !important;
    text-decoration: underline !important;
    text-align: left;
    border: 0px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.hyper-blog-container.hyper-style3-wrapper .card-body a.hyper-button:before {
    background-color: unset !important;
    border: unset !important;
}

.hyper-blog-container.hyper-style3-wrapper .hyper-categories,
.hyper-blog-container.hyper-style4-wrapper .hyper-categories {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #ffffffff;
    border-radius: 6px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.hyper-blog-container.hyper-style3-wrapper .card-body a.hyper-button span, .hyper-blog-container.hyper-style4-wrapper .card-body a.hyper-button span{
    font-weight: bold;
}

.hyper-blog-container.hyper-style3-wrapper .the-excerpt {
    margin-bottom: 10px;
}

.hyper-blog-container.hyper-style4-wrapper {
    display: flex;
    flex-direction: column;
}

.hyper-blog-container.hyper-style4-wrapper .card {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    border: 0px;
    background: #F6F6F6;
    height: 100%;
}

.hyper-blog-container.hyper-style4-wrapper .card .card-body {
    color: var(--theme-color2);
    flex: 1;
}

.hyper-blog-container.hyper-style4-wrapper .card-body .the_title a {
    color: var(--theme-color2);
    font-size: 20px;
    font-weight: bold;
}

.hyper-blog-container.hyper-style4-wrapper .card-body time {
    font-size: 14px;
}

.hyper-blog-container.hyper-style4-wrapper .card .card-image {
    max-width: 235px;
    height: 100%;
}

.hyper-blog-container.hyper-style4-wrapper .card .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    min-height: 235px;
    border-radius: 12px;
}

.hyper-blog-container.hyper-style4-wrapper .card-body a.hyper-button {
    font-size: 16px !important;
    padding: inherit !important;
    font-style: normal !important;
    font-weight: inherit !important;
    text-decoration: underline !important;
    text-align: left;
    color: var(--theme-color2) !important;
    border: 0px;
    font-weight: bold;
}

.hyper-blog-container.hyper-style4-wrapper .card-body a.hyper-button:before {
    border: unset !important;
    background: unset !important;
}

.hyper-blog-container.hyper-style4-wrapper .hyper-button span.hyper-button--text {
    color: var(--theme-color2) !important;
}

.hyper-blog-container.hyper-style4-wrapper .card-body .the_title {
    margin-bottom: 10px;
    font-size: 20px;
}

.hyper-blog-container.hyper-style4-wrapper .the-excerpt {
    margin-bottom: 10px;
}

/** offer search box */

.hyper_offer_searchbox-wrapper .video-container{
    position: absolute;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 500px;
    z-index: -1;
    overflow: hidden;
    width: 100%;
}

.hyper_offer_searchbox-wrapper .video-container{
    display: block!important;
}

.hyper_offer_searchbox-wrapper .image-container{
    display: none!important;
}

.hyper_offer_searchbox-wrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.hyper_offer_searchbox-wrapper .image-container{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0px;
}

.hyper_offer_searchbox-wrapper .image-container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hyper_offer_searchbox-wrapper .result-form{
    max-width: 1180px;
}

body .hyper_offer_searchbox-wrapper .form-group.loading{
    opacity: 0.5!important;
}

body .hyper_offer_searchbox-wrapper .form-group.loading:before{
    display: none!important;
}

.hyper_offer_searchbox-wrapper .destination-group i, .hyper_offer_searchbox-wrapper .duration-group i, .hyper_offer_searchbox-wrapper .departure-date-group i, .hyper_offer_searchbox-wrapper .passenger-group i{
    content: '';
    width: 18px;
    height: 18px;
    background-image: url(../images/2024/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.hyper_offer_searchbox-wrapper .departure-date-group i {
    background-image: url(../images/checkin.svg);
}

.hyper_offer_searchbox-wrapper .duration-group i {
    background-image: url(../images/calendar.svg);
}

.hyper_offer_searchbox-wrapper .passenger-group i {
    background-image: url(../images/search.svg);
}

.hyper_offer_searchbox-wrapper .inner-banner:after{
    opacity: 0.2;
}

.hyper_offer_searchbox-wrapper .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
    overflow: visible;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 40px;
}

.hyper_offer_searchbox-wrapper, .result-form .form-group {
    position: relative;
    margin-bottom: 0px;
}

.hyper_offer_searchbox-wrapper .bootstrap-select>select {
    /* position: unset!important;
    bottom: unset;
    left: unset;
    display: unset!important;
    width: unset!important;
    height: unset!important;
    padding: unset!important;
    opacity: unset!important;
    border: unset;
    display: none!important; */
}

.hyper_offer_searchbox-wrapper .bootstrap-select .dropdown-toggle:after{
    filter: grayscale(100) brightness(0);
}

.search-heading{
    color: #ffffff;
    font-size: 75px;
    /* font-family: "Instrument Serif", serif !important; */
    /* font-style: italic; */
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0px 20px;
}

.search-heading span{
    display: block;
    transition: transform 1s ease;
}

/* .search-heading span {
    display: inline-block;
} */

.search-heading span:first-child{
    text-align: left;
}

.search-heading span:last-child{
    text-align: right;
}

.searchbox-btn{
    margin: 20px auto;
    display: flex;
    justify-content: center;
}

.searchbox-btn .btn, .searchbox-btn .btn:hover{
    background-color: var(--theme-color1);
    color: #ffffff !important;
    text-decoration: none;
}


.animate {
    animation: moveText 2s infinite alternate ease-in-out;
    animation-fill-mode: both;
}

.animateReverse {
    animation: moveTextReverse 2s infinite alternate ease-in-out;
    animation-fill-mode: both;
}

@keyframes moveText {
    to {
        transform: translateX(20px);
    }
}

@keyframes moveTextReverse {
    to {
        transform: translateX(-20px);
    }
}

.hyper_offer_searchbox-wrapper{
    position: relative;
    overflow: hidden
}

.hyper_offer_searchbox-wrapper  .map-info {
    text-align: center;
    margin: 20px auto;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
}

.hyper_offer_searchbox-wrapper .map-info img{
    max-width: 40px;
}

.hyper_offer_searchbox-wrapper .searchbox-footer{
    position: absolute;
    bottom: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 35px 50px;
}

.hyper_offer_searchbox-wrapper .searchbox-footer .trustpilot-widget {
    background: #fff;
    padding: 15px;
    border-radius: 12px;
    max-width: 280px;
}

.hyper_offer_searchbox-wrapper .searchbox-footer > a{
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: auto;
    text-align: center;
}

.header-offers{
    z-index: 1;
}

.hyper_html_block_widget{
    color: var(--theme-color2);
}

.fullscreen-content .hyper_html_block_widget{
    max-width: 400px!important;
}

header .bateaux-block .wpb_raw_code.label-value ul{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}

#desktop-header .bateaux-block.bateaux-block-second > div:nth-child(1), #desktop-header .bateaux-block.bateaux-block-second > div:nth-child(2){
    width: 20%;
}

#desktop-header .bateaux-block.bateaux-block-second > div:nth-child(3){
    width: 45%;
    margin-left: 15%;
}

.label-value ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.label-value ul span {
    color: var(--theme-color2);
    font-weight: bold;
}

header.hyper-header-2024 .mega-sub-menu a{
    color: #000000;
    text-decoration: none;
}

header.hyper-header-2024 .mega-sub-menu .hyper-title a:hover{
    color: var(--theme-color1);
}

.wpb_single_image.img--with-top-center-title {
    position: relative;
}

.wpb_single_image.img--with-top-center-title .wpb_heading{
    position: absolute;
    top: 20px;
    left: 0px;
    right: 0px;
    font-size: 16px;
    display: block;
    text-align: center;
    color: #ffffff;
}

.wpb_single_image.img-with-discount-tag{
    position: relative;
}

.wpb_single_image.img-with-discount-tag .wpb_heading{
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: auto;
    background-color: #ffffff;
    color: var(--theme-color2);
    padding: 8px 15px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: bold;
}

.services-info{
    max-width: 280px;
    background: #f6f6f6;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 12px;
}

.services-info .item{
    font-size: 16px;
    color: #000000;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 80%;
    margin: 10px auto;
    align-items: center;
}

.services-info .item span:first-child{
    flex: 1;
}

.services-info .item img{
    max-width: 22px!important;
}

header.hyper-header-2024 .mega-sub-menu .services-info a:hover{
    color: var(--theme-color1);
}

.hyper-destination-tab .dropdown-menu{
    border: 0px;
}

.hyper-destination-tab .destination-dropdown-menu.dropdown-menu{
    max-width: 100%;
}

.hyper-destination-tab .list-group-item{
    border: 0px;
    padding: 0.5rem 1rem;
    text-decoration: none;
}

.hyper-destination-tab .badge.bg-secondary{
    color: #ffffff;
    padding: 5px 10px;
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.hyper-destination-tab .destination-map{
    width: 350px;
}

.hyper-destination-tab .destination-map img{
    max-width: 330px!important;
    padding-right: 20px;
}

.hyper-destination-tab .destination-dropdown-menu.dropdown-menu{
   flex: 1;
}

.hyper-destination-tab .destination-dropdown-menu.dropdown-menu .v-pills-tab{
    min-width: 250px;
}

.hyper-destination-tab  .destination-dropdown-menu.dropdown-menu .tab-content{
    padding-left: 3%;
}

.hyper-destination-tab .destination-desktop{ display: flex!important; }
.hyper-destination-tab .destination-mobile{ display: none!important; max-width: 100%;}

.hyper-destination-tab .destination-mobile .dest-filter{
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    gap: 20px;
    margin-bottom: 20px;
    top: 20px;
    padding-bottom: 20px;
    background: #ffffff;
    position: sticky;
    z-index: 2;
}

.hyper-destination-tab .destination-mobile .dest-filter a{
    color: #000000 !important;
    border-radius: 5px;
    border: 1px solid var(--theme-color1);
    background-color: #ffffff;
    margin: 0px;
    text-decoration: none;
}

.hyper-destination-tab .destination-mobile .dest-filter a.selected{
    background-color: var(--theme-color1);
    color: #ffffff !important;
}

.hyper-destination-tab .destination-mobile .dest-items{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 0px;
}

.hyper-destination-tab .destination-mobile .dest-items .item{
    position: relative;
}

.hyper-destination-tab .destination-mobile .dest-items .item a:before{
    content: '';
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.hyper-destination-tab .destination-mobile .dest-items .item a img{
    width: 100%;
    height: 110px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}

.hyper-destination-tab .destination-mobile .dest-items a span.title{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 95%;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    line-height: 100%;
    z-index: 1;
    display: block;
    text-align: center;

}

.hyper-destination-tab .destination-mobile .dest-items a span.badge{
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: var(--theme-color2)!important;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    padding: 7px 15px;
    display: inline-block;
    border-radius: 10px;
    margin-left: 0px;
}

/* li.mega-menu-item > ul.mega-sub-menu{
    max-width: 1200px!important;
    margin: 0 auto!important;
} */

.hyper-bgimage-wrapper{
    position: relative;
}

.hyper-bgimage-wrapper.rounded-image .fb_bg_inner{
    border-radius: 12px;
}

.hyper-bgimage-wrapper .img-title {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    border-radius: 12px;
    padding: 10px 0px;
}

.hyper-bgimage-wrapper.no-bg .img-title{
    background-color: transparent;
}

.bateaux-block > div > div{
    background-color: #f6f6f6;
    border-radius: 12px;
}

.loca-item-filter{
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    gap: 20px;
    margin-top: 0px;
    margin-bottom: 20px;
}

.loca-item-filter a {
    color: #000000 !important;
    border-radius: 5px;
    border: 1px solid var(--theme-color1);
    background-color: #ffffff;
    margin: 0px;
    text-decoration: none;
}

.loca-item-filter a.selected {
    background-color: var(--theme-color1);
    color: #ffffff !important;
}

body:not(.hyper-transparent-header) header.hyper-header-2024{
    background-color: var(--theme-color3);
}

body:not(.hyper-transparent-header) header.main-header{
    box-shadow: 0 -6px 10px 5px rgba(0,0,0,0.5);
}

body.sticky-active header.main-header{
    position: fixed;
    top: 0px;
    width: 100%;
    background-color: var(--theme-color3);
    box-shadow: 0 -6px 10px 5px rgba(0,0,0,0.5);
    z-index: 9;
}

body:not(.hyper-transparent-header) header.main-header .navbar,
body.sticky-active header.main-header .navbar,
body.page-template-hyper2024.sticky-active header.main-header .navbar{
    background-color: var(--theme-color3)!important;
}

body:not(.hyper-transparent-header) header.hyper-header-2024 .container nav.navbar{
    margin-top: 0px!important;
}

body.sticky-active header.main-header .container{
    padding-top: 0px;
    padding-bottom: 0px;
}

body.sticky-active header.hyper-header-2024 a, body.sticky-active header.hyper-header-2024 a.site-telephone span{
    color: var(--theme-color2);
}

body:not(.hyper-transparent-header) header.main-header .mega-menu-wrap .max-mega-menu > li.mega-menu-item > a,
body.sticky-active header.main-header .mega-menu-wrap .max-mega-menu > li.mega-menu-item > a{
    color: var(--theme-color2)!important;
}

body:not(.hyper-transparent-header) header.hyper-header-2024 svg path,
body.sticky-active  header.hyper-header-2024 svg path{
    stroke: var(--theme-color2);
}


/* Initially hide the sticky logo */
body:not(.sticky-active) header.main-header .sticky-logo {
    display: none;
}

/* Initially hide the main logo when sticky-active class is present */
body.sticky-active header.main-header .main-logo {
    display: none;
}

body:not(.hyper-transparent-header) header .navbar .navbar-toggler-bar,
body.sticky-active header .navbar .navbar-toggler-bar{
    background-color: var(--theme-color2);
}

.site-content-bg{
    display: none!important;
}

/*** carousel */

.hyper-carousel{
    font-family: 'Lato', sans-serif !important;
    /* padding-bottom: 20px; */
}

.owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    /* position: absolute;
    bottom: -20px; */
    width: 100%;
}

.owl-carousel button.owl-dot{
    background-color: var(--theme-color1);
    opacity: 0.4;
}

.owl-carousel button.owl-dot.active{
    opacity: 1;
}

.owl-dot {
    background-color: #bbb; /* Inactive dot color */
    height: 10px;
    width: 10px;
    margin: 0 5px;
    border-radius: 50%;
}

.owl-dot.active {
    background-color: #333; /* Active dot color */
}

.owl-progress-bar {
    position: absolute;
    height: 2px;
    width: 0;
    background-color: #333; /* Progress bar color */
    bottom: 0;
}

.owl-carousel .owl-nav button span{
    display: none;
}

.owl-carousel .owl-nav button {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    opacity: 1;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    top: 50%;
}

.owl-carousel .owl-nav button.owl-next {
    background-image: url(https://locaboat.com/wp-content/themes/hyper/assets/images/2024/icon-next.png)!important;
    right: 25px;
}

.owl-carousel .owl-nav button.owl-prev {
    background-image: url(https://locaboat.com/wp-content/themes/hyper/assets/images/2024/icon-prev.png)!important;
    left: 25px;
}

.owl-theme .owl-nav [class*='owl-']:hover{
    background-color: unset;
}

.owl-carousel .owl-stage-outer{
    height: auto!important;
}

.owl-carousel .badge{
    background-color: #ffffff;
    color: var(--theme-color2);
    font-size: 16px;
    font-weight: bold;
    padding: 7px 15px;
    display: inline-block;
    border-radius: 10px;
    position: absolute;
    z-index: 1;
    top: 0px;
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.owl-carousel .item-link{
    color: inherit;
    text-decoration: none;
}

.owl-filter-bar {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    margin-bottom: 20px;
}

.owl-filter-bar a.btn {
    background-color: var(--theme-color1);
    color: #000000;
    border-radius: 5px;
    background-color: #ffffff;
    margin: 0px;
    text-decoration: none;
}

.owl-filter-bar a.selected, .owl-filter-bar a:hover {
    background-color: var(--theme-color1);
    color: #ffffff!important;
}

.layout-icon .owl-carousel{
    background-color: #f6f6f6 !important;
}

.layout-icon .owl-carousel .owl-stage{
    margin: 0 auto;
}

@media(min-width: 1024px){
    .layout-icon .owl-carousel .owl-item .item{
        min-width: 320px;
    }    
}

.layout-icon .owl-carousel .owl-item{ text-align: center; color: #000000;}
.layout-icon .owl-carousel .carousel-item-image{ margin-bottom: 10px; height: 50px; display: flex; align-items: center;}
.layout-icon .owl-carousel .owl-item img{
    max-width: 50px;
    margin: 0 auto;
}

.layout-icon .owl-carousel .owl-item .title {
    letter-spacing: 0px;
    text-transform: initial;
    font-size: 16px;
    color: var(--theme-color2);
    text-align: center;
    font-style: inherit;
    font-weight: bold;
    margin-top: px;
    margin-bottom: 0px;
}

.layout-icon .owl-carousel .owl-item .text {
    font-size: 14px;
    margin-bottom: 15px;
}

.layout-icon .owl-carousel button.owl-dot{
    background-color: var(--theme-color2);
}

.layout-destination .owl-carousel{
    text-align: center;
    color: #000000;
    /* display: flex; */
    overflow: hidden;
}

.layout-destination .owl-carousel .owl-item .title{
    text-align: center;
    font-size: 22px;
    margin: 0 auto;
}

.layout-destination .owl-carousel .owl-item .text {
    font-size: 14px;
    margin-bottom: 15px;
}

.layout-destination .owl-carousel .carousel-item-image{
    position: relative;
    margin-bottom: 10px;
}

.layout-destination.autowidth .owl-carousel .carousel-item-image{
    height: 322px;
    overflow: hidden;
}

.layout-destination .owl-carousel .carousel-item-image img{
    object-fit: none;
    object-position: center;
    height: 100%;
    width: 100%;
    border-radius: 20px;
}

.layout-destination .owl-item img{
    
}

.layout-destination .owl-item .item{
    width: 100%;  
}

.layout-destination.autowidth .owl-item .item:hover{
    margin-right: 100px;
    transition: 0.75s all;
}

.layout-destination .owl-carousel .owl-item .item:hover .carousel-item-image img{
    
}

.layout-destination.autowidth .owl-carousel .owl-stage{
    width: 10000px!important;
}

.layout-destination.autowidth .owl-item:first-child{
    margin-right: -50px; 
}

.layout-destination.autowidth .owl-item:first-child:hover {
    margin-right: 0px;
}

/* .layout-destination .dest-link{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1;
} */

.layout-offer .owl-carousel .owl-stage{
    display: flex;
}

.layout-offer .owl-carousel .owl-stage .owl-item{
    display: flex;
    flex: 1 0 auto;
}

.layout-offer .owl-carousel .owl-stage .owl-item .item{
    display: flex;
    flex-wrap: wrap;
}

.layout-offer .owl-carousel .carousel-item-image img{
    border-radius: 20px;
}

.layout-offer .owl-carousel .carousel-item-body {
    text-align: left;
    color: #000000;
    padding: 0px;
}

.layout-offer .owl-carousel .title {
    font-size: 25px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.layout-offer .owl-carousel .text {
    font-size: 14px;
    margin-bottom: 10px;
}

.layout-offer .owl-carousel .button-wrapper a {
    font-size: 16px;
    text-decoration: underline;
    color: #000000;
    font-weight: bold;
}

@media(max-width:768px){
    .layout-offer .owl-carousel .owl-nav button.owl-prev, .layout-offer .owl-carousel .owl-nav button.owl-next{
        top: 30%;
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: -15px;
    }

    .owl-carousel .owl-nav button.owl-next {
        right: -15px;
    }
}

.layout-boat{
    background-color: #ffffff;
}

.layout-boat .owl-carousel .item {
    display: flex;
    align-items: stretch; /* Ensure children take equal height */
}

.layout-boat .owl-carousel .item > .carousel-item-image {
    overflow: hidden; /* Ensure child contents don't overflow */
    width: 55%;
}

.layout-boat .owl-carousel .item > .carousel-item-image img {
    width: 100%; /* Take full width */
    height: 100%; /* Take full height */
    object-fit: cover; /* Maintain aspect ratio */
}

.layout-boat .owl-carousel .item > .carousel-item-body {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Center vertically */
    padding: 20px 40px;
    width: 45%;
    background-color: #F5F5F5;
}

.layout-boat .owl-carousel .item > .carousel-item-body img{
    max-width: 200px;
    height: auto;
    margin-bottom: 8px;
}

.layout-boat .owl-carousel .item > .carousel-item-body .title {
    font-size: 35px;
    margin-bottom: 10px;
}

.layout-boat .owl-carousel .item > .carousel-item-body .ideal-for {
    font-size: 16px;
}

.layout-boat .owl-carousel .item > .carousel-item-body .sub-heading {
    font-size: 25px;
    color: var(--theme-color2);
    margin-bottom: 15px;
}

.owl-thumb-carousel img{
    max-width: 200px;
}

.label-value-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.label-value-list .item {
    font-size: 16px;
}

.label-value-list .item span {
    color: var(--theme-color2);
    font-weight: bold;
}

.layout-collection{
    position: relative;
}

.layout-collection .owl-carousel .carousel-item-body {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 650px;
    color: #ffffff;
}

.layout-collection .owl-carousel .carousel-item-body .title {
    font-size: 55px;
    margin-bottom: 25px;
    font-family: "Instrument Serif", serif !important;
    font-style: italic;
}

.layout-collection .owl-carousel .carousel-item-body .text{
    font-size: 16px;
    margin-bottom: 25px;
}

.layout-collection .owl-carousel .carousel-item-body .button-wrapper a {
    color: #fff;
    font-size: 14px;
    text-decoration: underline;
}

.layout-collection .owl-dots.progress-dots{
    width: 100%;
    margin: 15px 0 0;
    padding: 0;
    display: flex;
    list-style-type: none;
    justify-content: center;
    position: absolute;
    bottom: 50px;
    z-index: 1;
}

.layout-collection .owl-dots.progress-dots .owl-dot{
    font-size: 16px;
    line-height: 100%;
    display: block;
    width: auto;
    height: auto;
    padding: 5px;
    cursor: pointer;
    color: #ffffff;
    border: 0;
    outline: none;
    background: transparent;
    min-width: 120px;
    position: relative;
    text-align: center;
}

.layout-collection .owl-dots.progress-dots .slider-progress{
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 5px;
    background-color: #ffffff;
    border-radius: 10px;
}

.layout-collection .owl-dots.progress-dots .slider-progress span{
	left: 0;
	bottom: -5px;
	display: block;
	width: 0px;
    max-width: 100%;
	height: 5px;
	background-color: var(--theme-color1);;
	transition: all 0s linear;
    border-radius: 10px;
}

.slider-progress span.active{
	width: 100%;
}

.owl-carousel .carousel-item-body{
    padding: 20px;
}

.owl-carousel .carousel-item-image{ position: relative; }
.owl-carousel .carousel-item-image.overlay:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0,0,0,0.45);
}

.item-body-link{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

/*** offcanvas */
.offcanvas-bottom-sticky{
    position: fixed;
    bottom: 0px;
    display: block;
    width: 100%;
    left: 0px;
    right: 0px;
    padding: 10px 15px;
    border-top: 1px solid rgba(0,0,0,0.2);
    background-color: #ffffff;
    z-index: 9999;
    max-width: 550px;
}

.offcanvas-bottom-sticky .wpml-ls-legacy-dropdown{
    width: 70px;
}

.offcanvas-bottom-sticky .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.offcanvas-bottom-sticky .wpb_content_element{
    margin-bottom: 0px!important;
}

#floating-search-btn{
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: -1px -7px 24px -10px rgba(0,0,0,0.64);
    -moz-box-shadow: -1px -7px 24px -10px rgba(0,0,0,0.64);
    box-shadow: -1px -7px 24px -10px rgba(0,0,0,0.64);
}

#tpbr_box{
    padding: 6px 20px;
}

#tpbr_box a#tpbr_calltoaction:hover{
    /* color: #ffffff !important;
    background-color: unset!important; */
    text-decoration: underline!important;
}

#tpbr_box .tpbr_closing{
    right: 5px!important;
}

#tpbr_box .empty_anchor{
    display: none!important;
}

.grayed-bg .wpb_wrapper{
    background-color: #f6f6f6!important;
    padding: 5px 10px;
}

.vc_row.vc-column-pad-10>.vc_column_container>.vc_column-inner{
    padding-left: 10px;
    padding-right: 10px;
}

/*** end of carousel */

/** contact dropdown */

.dropdown.contact-dropdown .dropdown-toggle::after{
    display: none!important;
}

.contact-dropdown-menu{
    width: 250px;
    padding: 20px;
    text-align: center;
}

.dropdown-menu.contact-dropdown-menu.show{
    margin-top: 35px!important;
}

/* .dropdown.contact-dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 35px;
} */

.contact-dropdown-menu h5, .contact-dropdown-menu .contactDropdownHeading{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.contact-dropdown-menu p{
    font-size: 14px;
    margin-bottom: 10px;
}

.contact-dropdown-menu .inner-phone{
    background-color: #EFEFEF;
    padding: 10px 15px;
    border-radius: 12px;
    margin-bottom: 10px;
}

.contact-dropdown-menu .inner-phone a span.phone-text{
    font-size: 18px;
    font-weight: 600;
    color: var(--theme-color2)!important;
}

.contact-dropdown-menu .inner-phone a small{
    color: #000000;
    font-size: 12px;
}

.contact-dropdown-menu ul{
    text-align: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-weight: 600;
}

.contact-dropdown-menu ul li{
    margin-bottom: 5px!important;
}


body .site-search{
    display: inline-flex;
}

body .site-search a{
    font-size: 12px;
    color: #ffffff!important;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
}

/** floating action links */
.floating-action-links{
    display: block;
}

.floating-action-links:hover{
    display: block;
}

body.sticky-active.is-scrolling .floating-action-links{
    display: block;
}

.floating-action-links{
    padding: 20px;
    background-color: var(--theme-color2);
    color: #ffffff;
    position: fixed;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    z-index: 9;
}

.floating-action-links a{
    display: block;
    padding: 20px 0px;
    position: relative;

    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 14.52px;
    text-align: center;
    color: #fff;
    text-decoration: none;

}

.floating-action-links a:not(:last-child):after{
    content: "";
    position: absolute;
    left: 0;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
}

#menu-mobile-floating-topbar-menu li a{
    color: #ffffff!important;
}

html.disable-vertical-scroll{
    overflow: hidden!important;
}

#hyper-breadcrumbs ul#breadcrumbs{
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

#hyper-breadcrumbs ul#breadcrumbs li.item-home{
    /* flex: 1; */
}

#hyper-breadcrumbs ul#breadcrumbs li.item-current{
    flex: 1;
}

body #lb_newsletterModal .gform_wrapper .gform_footer input{
    background-color: var(--theme-color1)!important;
}

@media(max-width: 1550px){
    header .navbar .navbar-brand.logo img{
        max-width: 180px;
    }
}

@media(max-width: 1499px){
    header .navbar .navbar-brand.logo img.sticky-logo{
        max-width: 180px;
    }

    header.hyper-header-2024 svg,
    header.hyper-header-2024 a.site-telephone i.tel-icon svg{
        width: 20px !important;
        height: 20px !important;
    }

    body.sticky-active header.hyper-header-2024 a, body.sticky-active header.hyper-header-2024 a.site-telephone span{
        font-size: 14px;
    }

}

@media(max-width: 1400px){
    header .navbar .navbar-brand.logo img{
        max-width: 180px;
    }

    .search-heading{
        font-size: 50px;
        max-width: 600px;
    }
}

@media(max-width: 1310px){
    #desktop-header{
        display: none!important;
    }
    
    #mobile-header{
        display: block!important;
    }

    .hyper-destination-tab .destination-desktop{ display: none!important; }
    .hyper-destination-tab .destination-mobile{ display: block!important; }
    .fullscreen-menu .fullscreen-content{
        margin-top: 0px;
    }

    header .navbar .navbar-brand.logo img{
        margin-top: 30px!important;
    }
}

@media(max-width: 1240px){

    header .navbar-expand-xl .navbar-toggler {
        display: block!important;
    }  

    header.hyper-header-2024 a.site-telephone span.phone-text{
        display: none;
    }

    header.hyper-header-2024 a.site-telephone{
        margin-right: 20px;
    }

    header .navbar .navbar-toggler-bar{
        height: 2px;
    }

    body .theme-content > .vc_row > .vc_column_container > .vc_column-inner{
        padding-left: 25px;
        padding-right: 25px;
    }

    body .theme-content .vc_row.vc_row-no-padding .vc_column-inner {
        padding-left: 0;
        padding-right: 0;
    }
    
}

@media(max-width: 1100px){

    .hyper-destination-tab .destination-map, .hyper-destination-tab .tab-content .desktop-items {
        display: none!important;
    }

    .hyper-destination-tab .tab-content .mobile-items{
        display: flex!important;
    }

    .hyper-destination-tab .destination-dropdown-menu.dropdown-menu .tabDestination{
        display: block!important;
    }

    .hyper-destination-tab .destination-dropdown-menu.dropdown-menu .v-pills-tab {
        width: 100%;
        display: flex;
        flex-direction: row !important;
        flex-wrap: nowrap;
        gap: 20px;
        border: 0px;
        overflow: hidden;
    }

    .destination-dropdown-menu.dropdown-menu .nav-pills .nav-link{
        width: auto;
        border-radius: 12px;
        font-size: 18px;
        line-height: 1;
        padding: 13px 20px;
        border: 1px solid var(--theme-color1);
        transition: all 0.3s;
        font-weight: bold;
        outline: none;
        text-align: center;
        height: 45px;
    }

    .destination-dropdown-menu.dropdown-menu .nav-pills .nav-link:hover, .destination-dropdown-menu.dropdown-menu .nav-pills .nav-link.active{
        background-color: var(--theme-color1);
        color: #ffffff;
    }

    .destination-dropdown-menu.dropdown-menu .nav-pills .nav-link:hover:after{
        display: none;
    }

    .hyper-destination-tab .destination-dropdown-menu.dropdown-menu .tab-content{
        padding-left: 0px;
        margin-top: 20px;
    }

    .hyper-destination-tab .tab-content .mobile-items .inner{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .destination-dropdown-menu.dropdown-menu .tab-content>.tab-pane a{
        position: relative;
    }

    .destination-dropdown-menu.dropdown-menu .tab-content>.tab-pane a img{
        width: 100%;
    }

    .destination-dropdown-menu.dropdown-menu .tab-content>.tab-pane a span.title{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        text-align: center;
        color: #ffffff;
        font-size: 16px;
        line-height: 100%;
    }

    .destination-dropdown-menu.dropdown-menu .tab-content>.tab-pane a span.badge{
        position: absolute;
        top: 5px;
        left: 5px;
        background-color: var(--theme-color2)!important;
        color: #ffffff;
        font-size: 10px;
        font-weight: bold;
        padding: 7px 15px;
        display: inline-block;
        border-radius: 10px;
        margin-left: 0px;
    }

    .fullscreen-menu .mega-menu-item.mega-toggle-on > ul.mega-sub-menu{
        padding: 20px 0px 200px 0px!important;
    }

    .fullscreen-menu .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{
        top: unset;
        bottom: 100%;
    }

    .hyper-blog-container.hyper-style4-wrapper .card-body .the_title a{
        font-size: 16px;
    }

    header.main-header .container{
        padding-bottom: 0px;
    }
}

@media(max-width: 1024px){

    body.sticky-active header.main-header{
        z-index: 10;
    }

    header .navbar-toggler:not(:disabled):not(.disabled) {
        /* height: auto; */
        padding-left: 0px;
    }

    body.sticky-active header .navbar-toggler:not(:disabled):not(.disabled){
        height: 70px;
    }

    header.hyper-header-2024 .container{
        padding-right: 25px;
        padding-left: 25px;
    }

    .search-heading{
        font-size: 35px;
    }

    .hyper-carousel .group-btns button{
        border: 1px solid var(--theme-color1)!important;
    }

    .hyper-carousel .group-btns {
        gap: 20px;
    }

    .search-heading{
        max-width: 500px;
    }

    .hyper_offer_searchbox-wrapper .result-form{
        max-width: 400px!important;
        margin: 0 auto!important;
    }

    .hyper_offer_searchbox-wrapper .result-form form .form-inner{
        display: block!important;
        max-height: inherit;
    }

    /* .hyper_offer_searchbox-wrapper .result-form form .form-inner .form-group:nth-child(2),
    .hyper_offer_searchbox-wrapper .result-form form .form-inner .form-group:nth-child(3),
    .hyper_offer_searchbox-wrapper .result-form form .form-inner .form-group:nth-child(4){
        display: none!important;
    } */

    .hyper_offer_searchbox-wrapper .result-form .offer-api-filter-container .bootstrap-select .dropdown-toggle .filter-option{
        border: 1px solid #DBDBDB;
        border-radius: 12px;
    }

    /* .hyper_offer_searchbox-wrapper .result-form form .form-inner .form-group:nth-child(1){
        margin-bottom: 12px!important;
    }

    .hyper_offer_searchbox-wrapper .result-form form .form-inner .form-group{
        max-width: 100%;
        margin: 0 auto;
    } */

    .hyper_offer_searchbox-wrapper .map-info{}
    .hyper_offer_searchbox-wrapper .searchbox-footer > a{
        display: none;
    }

    .hyper_offer_searchbox-wrapper .searchbox-footer {
        position: absolute;
        bottom: -5px;
        justify-content: center;
    }

    .hyper-blog-container.hyper-style3-wrapper .card{
        display: flex;
        gap: 10px;
    }

    .hyper-blog-container.hyper-style3-wrapper .card-image img{
        max-height: auto;
        height: 100%;
    }

    .hyper-blog-container.hyper-style3-wrapper .the-excerpt p{
        font-size: 14px;
    }

    body .vc_row[data-vc-full-width] {
        z-index: auto;
    }

    header .navbar{
        padding-left: 0px;
        padding-right: 0px;
    }

    .layout-boat .owl-carousel .item{
        display: block;
    }

    .layout-boat .owl-carousel .item > .carousel-item-image, .layout-boat .owl-carousel .item > .carousel-item-body{
        width: 100%;
    }

    .layout-boat .owl-carousel .item > .carousel-item-body .heading {
        font-size: 25px;
    }
    
    .layout-boat .owl-carousel .item > .carousel-item-body .ideal-for {
        font-size: 14px;
    }
    
    .layout-boat .owl-carousel .item > .carousel-item-body .sub-heading {
        font-size: 16px;
    }

    .label-value-list .item {
        font-size: 16px;
    }

    .layout-boat .owl-carousel .item > .carousel-item-body img{
        max-width: 150px;
    }

    .layout-collection .owl-carousel .carousel-item-body .title {
        font-size: 30px;
    }
    
    .layout-collection .owl-carousel .carousel-item-body .text{
        font-size: 14px;
    }
    
    .layout-collection .owl-carousel .carousel-item-body .button-wrapper a {
        font-size: 14px;
        font-weight: bold;
    }

    .layout-collection .owl-dots.progress-dots {
        position: relative;
        bottom: unset;
        margin-top: 10px;
        margin-bottom: 20px;
        align-items: self-end;
        justify-content: flex-start;
        overflow: hidden;
        flex-wrap: nowrap;
        gap: 0px;
    }

    .layout-collection .owl-dots.progress-dots .slider-progress{
        display: none!important
    }

    .layout-collection .owl-dots.progress-dots .pager{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        min-width: 145px;
    }

    .layout-collection .owl-dots.progress-dots .pager-img{
        width: 135px;
        height: 135px;
    }

    .layout-collection .owl-dots.progress-dots img{
        display: block!important;
        width: 100%;
        height: 100%;
        border-radius: 8px;
        object-fit: cover;
    }

    .layout-collection .owl-dots.progress-dots .pager-img:hover img{
        border: 2px solid var(--theme-color1);
    }

    .layout-collection .owl-dots.progress-dots .pager-img{
        order: 2;
    }

    .layout-collection .owl-dots.progress-dots .pager-title{
        color: #000000;
        order: 1;
        margin-bottom: 5px;
        font-size: 14px;
        text-align:center;
    }

    .layout-collection .owl-carousel .owl-item img{
        min-height: 350px;
    }

    .owl-filter-bar {
        flex-wrap: nowrap;
        overflow: hidden;
    }

    .layout-destination .owl-carousel .owl-item .title{
        font-size: 18px;
    }

    .owl-carousel .carousel-item-body{
        padding: 15px 20px;
    }

    /* .hyper-destination-tab{
        display: block!important;
        margin-top: -15px;
    } */

    .hyper-destination-tab .destination-dropdown-menu.dropdown-menu {
        min-width: auto;
        flex: 1;
        display: flex;
        width: 100%;
        padding: 0px!important;
    }

    .hyper-destination-tab .destination-dropdown-menu.dropdown-menu .tabDestination{
        display: block!important;
    }

    .hyper-destination-tab .destination-dropdown-menu.dropdown-menu .v-pills-tab {
        border: 0px;
        display: flex!important;
        flex-wrap: nowrap;
        width: 100%;
    }

    .hyper-destination-tab .destination-dropdown-menu.dropdown-menu .v-pills-tab a{
        display: inline-flex;
        flex: 1;
        justify-content: center;
    }

    body #mega-menu-wrap-mobile-menu-2024 #mega-menu-mobile-menu-2024 > li.mega-menu-item:first-child{
        padding-top: 0px;
    }

    body #mega-menu-wrap-mobile-menu-2024 #mega-menu-mobile-menu-2024.mega-open-state > li:not(.mega-toggle-on){
        display: none;
    }

    .hyper-destination-tab .tab-content .mobile-items .nav-link{
        padding: 0px;
    }

    .bateaux-block > div > div{
        margin-left: 15px;
    }

    .fullscreen-menu.fullscreen-menu-2024 .mega-sub-menu .bateaux-block{
        max-width: 100%!important;
    }

    .hyper_offer_searchbox-wrapper .video-container{
        display: none!important;
    }

    .hyper_offer_searchbox-wrapper .image-container{
        display: block!important;
    }

    .footer-bottom{
        margin-bottom: 106px;
    }

}

html{ margin-top: 0px!important; }

@media(max-width: 768px){
    
    body p {
        font-size: 14px;
        line-height: 135% !important;
    }

    header .navbar .navbar-brand.logo img,
    header .navbar .navbar-brand.logo img.sticky-logo {
        max-width: 180px;
    }

    .home-banner>.container, .inner-banner>.container {
        margin-top: 40px;
    }
  
    .search-heading span:first-child,
    .search-heading span:last-child{ text-align: center;}
    .search-heading {
        max-width: 315px;
        margin-bottom: 15px;
    }

    .main-footer .footer-2 .inner > div{
        display: block;
    }

    .main-footer .footer-1 {
        text-align: center;
    }

    .main-footer .footer-1 .widget.widget_media_image > div{
        margin: 0 auto;
    }

    .main-footer .footer-1 .widget.widget_media_image img{
        max-width: 260px!important;
        height: auto;
        width: 100%;     
        margin: 0 auto;
        object-fit: contain;
    }

    .main-footer .footer-1 a.site-telephone{
        display: none;
    }

    .main-footer .footer-1 .widget_icl_lang_sel_widget{
        /* display: none; */
    }

    footer ul.social-icons{
        justify-content: center;
    }

    .footer-payment h6{
        font-size: 14px;
    }

    .footer-payment img{
        max-width: 100px;
    }

    .newsletter-section p{
        font-size: 14px;
    }

    .main-footer .trustpilot-widget{
        justify-content: center;
        margin: 0 auto;
    }

    footer .wpml-ls-legacy-dropdown {
        margin: 0 auto;
    }

    footer .footer-2 .widget-title {
        display: block;
        text-align: left;
        width: 100%;
        max-width: 100%;
    }

    .newsletter-section form input[type="submit"] {
        width: auto;
    }

    /* .newsletter-section form.footer-form>input:not([type="submit"]){
        width: 100%;
        flex: none;
        border-radius: 30px!important;
        margin: 8px auto;
    }

    .newsletter-section form input[type="submit"]{
        margin: 0 auto;
    } */

    #h-footer{padding-bottom: 80px; }
    .hyper-blog-container.hyper-style3-wrapper .card-body .the_title a{
        color: #000000;
    }

    .hyper-blog-container.hyper-style3-wrapper .card-body{
        position: relative;
        color: #000000;
    }

    .hyper-blog-container.hyper-style3-wrapper .card-body {
        padding: 10px 0px;
        bottom: unset;
    }

    .hyper-blog-container.hyper-style4-wrapper .card{
        display: block;
    }

    .hyper-blog-container.hyper-style4-wrapper .card .card-image {
        max-width: 100%;
    }

    .hyper-blog-container.hyper-style4-wrapper .card .card-body {
        color: #000000;
        padding: 10px 0px;
    }

    .vc_row.quote-row .wpb_wrapper:before,
    .vc_row.quote-row .wpb_wrapper:after{
        width: 35px;
        height: 35px;
    }

    .hyper-carousel.default-layout .hyper-carousel-item .carousel-item-body{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        text-align: center;
    }

    .hyper-carousel.default-layout .hyper-carousel-item .title{
        font-weight: bold;
    }

    .hyper-carousel.default-layout .hyper-carousel-item .title, .hyper-carousel.default-layout .hyper-carousel-item .text {
        font-size: 14px;
    }

    .hyper-carousel.default-layout.icon-slider .hyper-carousel-item .carousel-item-image{ 
        max-width: 50px;
        margin: 0 auto;
    }

    .hyper-carousel .slick-dots{
        position: relative;
        bottom: unset;
    }

    .hyper-carousel .slick-dots li button{
        display: flex;
        flex-wrap: wrap;
    }

    .hyper-carousel .slick-dots li button img{
        display: block;
        order: 2;
    }

    .hyper-carousel .slick-dots li button .pager-title{
        color: #000000;
        order: 1;
    }

    .hyper-carousel.centered-body-layout .carousel-item-body {
        top: 50%;
        transform: translateY(-50%);
    }

    .slider-progress{
        display: none;
    }

    .hyper-carousel .slick-prev, .hyper-carousel .slick-next{
        display: none!important;
    }

    .hyper-carousel.centered-body-layout .carousel-item-image img{
        height: 300px;
    }

    .hyper-carousel.centered-body-layout .carousel-item-body .title {
        font-size: 30px;
    }

    .hyper-carousel .boat-section .hyper-title{
        text-align: left!important;
    }

    .hyper-offers-wrapper.style1 .card-img-top{
        min-height: 200px;
    }

    .hyper-offers-wrapper.style1 .slick-prev, .hyper-offers-wrapper.style1 .slick-next{
        display: none!important;
    }

    .hyper-carousel.default-layout .slick-dots li button img, .hyper-carousel.default-layout .slick-dots li button div{
        display: none;
    }

    .hyper-carousel.default-layout .hyper-carousel-item{
        justify-content: center;
    }

    .hyper-carousel.default-layout .slick-dots li.slick-active button:before{
        display: block;
    }

    .manual-offer-wrapper, .models-filter-container .models-filter-inner {
       padding-left: 0px;
       padding-right: 0px;
    }

    .hyper-offers-wrapper.style1 .card-footer a {
        padding: 0px!important;
        text-align: left;
    }

    .container-xxl{
        padding-right: 0px;
        padding-left: 0px;
    }

    body.hyper-transparent-header header.hyper-header-2024 .navbar, body.hyper-transparent-header header.hyper-header-2024 .navbar:before {
        background-color: transparent;
    }

    /* .result-form form .form-inner .form-group, .result-form form .form-inner .form-group:nth-child(2){
        display: block!important;
    } */

    .vc_row.quote-row .wpb_wrapper:before{
        top: 5px;
    }

    .vc_row.quote-row .wpb_wrapper:after{
        bottom: 5px;
    }

    .hyper-blog-container.hyper-style3-wrapper .card{
        background-color: inherit;
    }

    .hyper-blog-container.hyper-style3-wrapper .card-body a.hyper-button{
        color: #000000!important;
    }

    #floating-search-btn{
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        padding: 20px;
        background: #f6f6f6;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        z-index: 1;
    }

    .hyper_offer_searchbox-wrapper .bootstrap-select .dropdown-toggle:after{
        filter: grayscale(100) brightness(0);
        right: 10px;
    }

    .layout-destination .owl-carousel .carousel-item-image img{
        object-fit: contain;
    }

    .layout-boat .owl-carousel .item > .carousel-item-body{
        padding: 20px;
        min-height: 330px;
    }

    .layout-boat .owl-carousel .item > .carousel-item-body .title{
        font-size: 22px;
    }

    .layout-collection .owl-carousel .owl-item img{
        object-fit: cover;
    }

    .hyper-carousel.layout-icon{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .fullscreen-menu a{
        color: #000000;
    }

    .fullscreen-menu .offcanvas-bottom-sticky .hyper-icontitle img{
        max-width: 28px!important;
    }

    .offer-service-block .wpb_single_image.img-with-discount-tag{
        height: 165px;
        overflow: hidden;
    }

    .offer-service-block .wpb_single_image.img-with-discount-tag img{
        object-fit: cover;
        object-position: center;
    }

    .services-info{
        max-width: 100%;
        margin-top: 15px;
    }

    .footer-bottom{
        margin-bottom: 0px;
    }

    /* .hyper-destination-tab{
        overflow: hidden;
    } */

    body .floating-action-links{
        display: none!important;
    }

    .vc_row.sticky-row{
        overflow: hidden;
        gap: 20px;
        /* margin-bottom: 20px; */
        top: 0px;
        /* padding-bottom: 20px; */
        background: #ffffff;
        position: sticky;
        z-index: 2;
    }

    .footer-3{

    }

    body #mobile-header .site-search{
        display: none;
    }

    .hyper-destination-tab .destination-mobile .dest-filter{
        top: 0px;
    }
    
}

@media(max-width: 600px){

    .destination-dropdown-menu.dropdown-menu .tab-content>.tab-pane a span.title{
        font-size: 14px;
    }
    
    .hyper-destination-tab .tab-content .mobile-items .inner{
        gap: 15px;
    }

    .fullscreen-menu.fullscreen-menu-2024 .mega-sub-menu li > .vc_row > .wpb_column {
        width: 100% !important;
        max-width: 100%;
    }

    body.hyper-transparent-header #h-content {
        margin-top: -80px!important;
    }
}