@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Playfair+Display:wght@400;700&display=swap');

/*font-family: 'Open Sans', sans-serif;*/

html {
    scroll-behavior: smooth;
}

.fa {
    font: normal normal normal 14px/1 FontAwesome !important;
}

.fa-stack {
    height: 1.2em !important;
    width: 1.5em !important;
}

.tiendas {
    display: none !important;
}

.extension-d_blog_module-category,
.extension-d_blog_module-post {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

body {
    /* font-family: 'Montserrat', sans-serif; */
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #06156f !important;
    line-height: 24px !important;
    background: #fff;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    scroll-behavior: smooth;
}


/* code written by developer start here */

.well {
    box-shadow: none;
    border-radius: 0;
}
.dropdown-menu-right {
    color: #fff!important;
    right: -57px!important;
    /* left: auto; */
    left: auto!important;
    background: #1e1e1e!important;
    border: none;
   border-radius:0!important;
}
.dropdown-menu-right a{color:#fff!important;}
.dropdown-menu-right a:hover{background:none!important; color: #d39c48 !important;}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

#account-login .well,
#account-login .well-box,
#account-register .well,
#account-register .well-box {
    background-color: #ffffff;
}

#account-register .well {
    padding: clamp(30px, 3vw, 50px);
    background-color: #ffffff;
}

#account-login .well {
    padding: clamp(30px, 3vw, 50px);
    padding-left: calc(clamp(30px, 3vw, 50px) - 2.083vw);
    border: 0;
}

.well-box {
    /* background-color: #f7f7f7; */
    box-shadow: 0 0 1.389vw rgb(0 0 0 / 10%);
    position: relative;
}

.mainbanner-text img {
    width: 45vw;
}
.booking-gradient-sec{
    display: grid;
    grid-template-columns: 300px 1fr;
    align-items: center;
    max-width: 800px;
    background: #000;
    margin: 5vw auto;
    color:#fff;
    position:relative;
}
.booking-gradient-sec p{color:#fff;}
    .booking-gradient-sec .content-sec{padding: 3vw;}
#checkout-cart img,
#cart img {
    width: 90px;
    height: 90px;
}

.whatsapp-widget {
    position: fixed;
    right: 15px;
    bottom: 20px;
    z-index: 90;
    animation: scale 2s infinite;
}

.whatsapp-widget img {
    vertical-align: middle;
    margin-right: 5px;
    width: 39px;
    animation: scale 2s infinite;
}

@keyframes scale {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

.blink-icon {
    animation: scale 2s infinite;
}

.team-img img {
    position: relative;
}

.modal-title {
    color: #d7950b;
}

#flipFlops label {
    color: #06156f
}


/*  */

.img-equal-height {
    height: 200px;
    /* Adjust this value as needed to make the images appear equal in height */
}

select.form-control {
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%), radial-gradient(#fff 70%, transparent 72%);
    background-position: calc(100% - 20px) 50%, calc(100% - 15px) 50%, calc(100% - 0.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 30px 30px;
    background-repeat: no-repeat;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

select.form-control:focus {
    outline: 0;
}

.team-img img {
    aspect-ratio: 3/4;
    object-fit: cover;
    border-radius: 20px;
    margin-bottom: 30px;
    box-shadow: 0 0 20px rgb(0 0 0 / 37%);
}

.meet {
    margin-bottom: 30px;
}

.category-flex {
    display: flex;
    /* justify-content: space-between; */
    align-items: end;
}

.category-swiper .category-image img {
    height: 100%;
    width: 100%;
    aspect-ratio: 2/3;
    object-fit: cover;
}

.category-image {
    position: relative;
}

.category-image::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgb(0 0 0 / 30%);
}

.slide-text {
    padding-bottom: 40px;
}

#account-register .pull-right {
    margin-bottom: 30px;
}

#description p {
    font-size: 17px;
}

.video-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    color: #d7950b;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.video-overlay::before {
    position: absolute;
    content: '';
    border: 1px dashed rgb(151 151 151 / 50%);
    inset: -20px;
    border-radius: inherit;
    animation: spin 60s linear infinite;
}

.video-overlay i {
    font-size: 32px;
    color: #d7950b;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.account {
    position: absolute;
    right: 30px;
    font-size: 20px;
    line-height: 18px;
    color: #FFF !important;
    right: -40px;
}

.account a {
    color: #fff !important;
}

.category-desc {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40px;
}

.category-desc h4 {
    color: #fff;
    text-transform: capitalize;
}

.category-desc p {
    color: #fff;
}

.cat-btn {
    border: solid 1px #fff;
    border-radius: 50%;
    color: #fff;
}


/* .text-section {
    position: fixed;
    z-index: 9999;
    bottom: 5%;
    right: 20px;
} */

.whatsapp-btn {
    width: 40px !important;
    height: 40px !important;
}

.whatsapp-btn svg {
    font-size: 16px;
}
.btn-gradient {
  background: linear-gradient( to left ,#f2326e,#ae05f8);
  color: #fff;
}
.text-section {
    position: fixed;
    z-index: 99;
    bottom: 20px;
    right: 80px;
}

.circle:hover {
    color: #E69500;
}

.circle {
    position: absolute;
    /* inset: 0; */
    bottom: -20px;
    left: 0;
    right: 0;
    color: #fff;
    margin: 0 auto;
    height: 120px;
    width: 120px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    letter-spacing: 2px;
    cursor: pointer;
    line-height: normal;
    z-index: 9;
}

.circle:visited {
    color: #fff !important;
}

.circle:before {
    position: absolute;
    content: '';
    border: 1px dashed rgb(151 151 151 / 50%);
    inset: -60px;
    border-radius: inherit;
    animation: spin 60s linear infinite;
}

.circle:after {
    position: absolute;
    content: '';
    border: 1px dashed #fff;
    inset: 0;
    border-radius: inherit;
    animation: spin-reverse 30s linear infinite;
}

@keyframes spin {
    100% {
        transform: rotateZ(360deg);
    }
}

@keyframes spin-reverse {
    100% {
        transform: rotateZ(-360deg);
    }
}

.cursor {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-50%);
    border-radius: 50%;
    background: transparent;
    pointer-events: none;
    z-index: 111;
    /* border: 1px solid #000; */
    background: #ca921a3a;
    transition: all 0.2s ease-out;
    /* animation: moveCursor1 .5s infinite alternate; */
}

.cursor::before {
    position: absolute;
    content: '';
    border: 1px dashed rgb(237 168 27);
    inset: -20px;
    border-radius: inherit;
    animation: spin 60s linear infinite;
}

.expand {
    background: transparent;
    animation: moveCursor2 .5s forwards;
    border: 1px solid #000;
}

@keyframes moveCursor1 {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(.8);
    }
}

@keyframes moveCursor2 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(2);
    }

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


/* code written by developer end here */

a,
.header,
#logo img,
.thumbsection img,
.thumbsection:hover .btn {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}


/* #checkout-checkout .collapse {
    display: block !important;
} */

#logo img,
.f-logo img {
    width: 90px;
    /* height: 100%; */
    object-fit: cover;
    object-position: top;
}

.header.shrink #logo img {
    width: 70px;
    height: 60px;
    object-fit: cover;
    object-position: top;
}

body,
html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

.d-none {
    display: none;
}

html {
    scroll-padding-top: 140px;
}

.access li a.active {
    color: #d39c48 !important;
}

.main-banner>video {
    width: 100%;
    object-fit: cover;
    height: 100%;
    opacity: 0.5;
}

.main-banner {
    position: relative;
    margin-bottom: -6px;
    background: #000;
    height: 100vh;
}

.main-banner:before {
    background-color: #000;
    opacity: .3;
}

.mainbanner-text {
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    right: 0;
    margin: 0 auto;
    transform: translate(0, -50%);
}

.mainbanner-text .caption-logo {
    animation: slideup 2s ease forwards;
    animation-delay: 2s;
}

.mainbanner-text .caption-title {
    animation: slideup 2s ease forwards;
    animation-delay: 4s;
}


/* .container-fluid {
    padding-right: 0px!important;
    padding-left: 0px!important;
    margin-right: auto;
    margin-left: auto;
    overflow-x: hidden!important;} */

.full-width {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.spacer {
    height: 159px;
}


/* .account-register .spacer,.account-login .spacer{height:194px!important;} */

.date-container {
    position: relative;
}

.date-container .date-text {
    position: absolute;
    top: 6px;
    left: 12px;
    color: #aaa;
}

.date-container input[type="date"] {
    -webkit-appearance: none;
    -moz-appearance: none;
}

.date-container .date-icon {
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 6px;
    pointer-events: none;
    cursor: pointer;
    color: #000;
    background: #ffffff;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

@keyframes slideup {
    0% {
        margin-top: 20px;
        opacity: 0;
    }

    20% {
        margin-top: 20px;
        opacity: 0;
    }

    100% {
        margin-top: 0;
        opacity: 1;
    }
}

.text-white {
    color: #b5b5b5;
}

.blog-packages {
    aspect-ratio: 2/1;
}

.chef-icon {
    transform: rotate(26deg);
    position: absolute;
    top: 0;
    right: 70px;
}

.private-wrapper div {
    width: 100% !important;
}

.private-wrapper:before {
    content: "";
    position: absolute;
    height: 94%;
    border-radius: 20px;
    left: -26px;
    margin: 0 auto;
    background: #f6f3ec;
    width: 100%;
    top: 20px;
}


/* img {
    width: 100%;
    display: block;
} */

.image-stack {
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    font-family: 'Playfair Display', sans-serif;
    font-weight: 700;
}

.image-stack img {
    /* aspect-ratio: 1/2; */
    object-fit: cover;
    width: 100%;
}

.image-stack div {
    width: calc(100% - 100px);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    display: grid;
    place-items: center;
}

.item-top,
.item-bottom {
    position: absolute;
}

.item-top {
    top: -50px;
    right: 0;
    ;
    z-index: 1;
}

.item-middle {
    position: relative;
    margin: 0 auto;
    z-index: 2;
}

.item-bottom {
    top: 50px;
    right: auto;
    z-index: 3;
}

.image-stack div>* {
    grid-row: 1 / -1;
    grid-column: 1 / -1;
}

.image-stack div a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 80px;
    background: #FFFFFF;
    color: #000000;
    border-radius: 50%;
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    text-decoration: none;
}

.image-stack div:hover {
    z-index: 4;
}

.image-stack div span {
    place-self: end;
    justify-self: flex-start;
    color: #FFFFFF;
    padding: 20px;
    font-size: 24px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.stack-left .item-top {
    right: auto;
}

.stack-left .item-bottom {
    right: 0;
}

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

.centered-y {
    position: absolute;
    inset: 0;
}

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

.distribution-map {
    position: relative;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    margin: 0 auto;
}

.distribution-map>img {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}

.distribution-map .map-point {
    cursor: pointer;
    outline: none;
    z-index: 0;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    transform: translate(-50%, -50%);
    -moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out;
    -webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s;
    transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    background: rgba(26, 26, 26, 0.85);
    border: 5px solid #7fcff7;
    overflow: hidden;
}

.distribution-map .map-point .content {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
    width: 100%;
    height: 100%;
    left: 50%;
}

.distribution-map .map-point:active,
.distribution-map .map-point:focus {
    margin: 0;
    padding: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 300px;
    height: 220px;
    color: #e5e5e5;
    z-index: 1;
    transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
}

.distribution-map .map-point:active .content,
.distribution-map .map-point:focus .content {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
    -webkit-transition-delay: 0.25s, 0s, 0s;
    transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
    overflow: hidden;
}

.distribution-map .map-point:active .content a:hover,
.distribution-map .map-point:active .content a:active,
.distribution-map .map-point:focus .content a:hover,
.distribution-map .map-point:focus .content a:active {
    color: #afe1fa;
}

.breadcrumb {
    display: none !important;
}


/* body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #666;
	font-size: 12px;
	line-height: 20px;
	width: 100%;
} */

.purpose {
    display: flex;
    justify-content: center;
}


/* header {
	background-color: #000;

} */

.fw-bold {
    font-weight: 700 !important;
}

a {
    text-decoration: none !important;
}

.py-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.py-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.py-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}


.mt-0 {
    margin-top: 0px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mt-5 {
    margin-top: 10rem;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}


/* .pe-5 {
		padding-right: 3rem!important;
	} */

.me-5 {
    margin-right: 3rem !important;
}

.travel {
    margin-top: 190px !important;
    margin-bottom: 190px !important;
}


/* .table{border: 1px solid #06156f; white-space: nowrap; font-size: 14px;} */

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #06156f;
}

.line {
    margin: 10px 0;
}

.vcenter {
    align-items: center;
    display: flex;
}

.ms-5 {
    margin-left: 15px;
}

.py-5 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
}

.pb-5 {
    padding-bottom: 10rem !important;
}

.vip {
    height: 450px;
    border-radius: 20px;
}

.pe-5 {
    padding-right: 5rem !important;
}

.me-5 {
    margin-right: 5rem !important;
}

.mt-2 {
    margin-top: 20px;
}
.mt-48 {
    margin-top: 48px;
}

.mb-2 {
    margin-bottom: 20px;
}


/* #logo {
	margin-top: 10px;
	margin-bottom: 10px;
	display: flex;
	justify-content: center;
} */

#logo {
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.addressbox,
.pdficonbox {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    font-size: 12px;
}

.form-group .btn,
.form-group button {
    padding: 6px 12px;
}

.card-container {
    position: relative;
}

.card-container,
.front,
.back {
    width: 100%;
    height: 250px;
}

.back p {
    padding: 20px;
}

.front,
.back {
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    overflow: hidden;
    transition: transform .8s ease;
}

.front {
    /* background-image: linear-gradient(to right bottom, #a4be25, #bac970); */
    background-color: #d7950b;
}

.front,
.back {
    box-sizing: border-box;
    padding: 2rem;
    border-radius: 10px;
    /* box-shadow: 0 1rem 2rem rgb(0 0 0 / 25%); */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #fff;
    text-align: center;
}


/* .front span {
    text-shadow: -2px 1px 3px #949494;
} */

.front i {
    display: block;
    font-size: 60px;
    margin-bottom: 10px;
}

.back {
    transform: rotateY(180deg);
    font-size: 14px;
    font-weight: normal;
}

.back {
    /* background-image: linear-gradient(to right bottom, #2d3b39, #656c6b); */
    background-color: #333;
}

.front span,
.back span {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    right: 0;
}

.card-container:hover .front {
    transform: rotateY(-180deg);
}

.card-container:hover .back {
    transform: rotateY(0deg);
}

.navbar-collapse ul {
    margin: 0;
    /* padding: 0 !important;
	list-style: none !important;
	border-top: 1px solid #3a3a3a !important;
	border-bottom: 1px solid #3a3a3a !important; */
    width: 100%;
    padding: 10px 0;
}


/* .navbar-collapse {
	background-color: #000;
} */

.addressbox img {
    margin: 0 auto 10px;
    max-width: 60px;
    filter: brightness(0) invert(1);
}

.navbar-nav {
    margin-left: 40px !important;
}

.navbar-nav li:hover {
    color: #c9a443;
}

.swiper-viewport {
    background-color: #000 !important;
}


/* default font size */


/* Override the bootstrap defaults */

a {
    color: #d7950b;
}

a:hover {
    text-decoration: none;
}

legend {
    font-size: 18px;
    padding: 7px 0px
}

label {
    font-size: 12px;
    font-weight: normal;
}

.bg-grey {
    background-color: #d3d3d378;
}

.inner-padding {
    padding: 50px;
}

video {
    width: 100%;
}

#business img {
    width: 100%;
}

.form-box {
    padding: clamp(30px, 3vw, 50px);
    background: #d7950b;
    border-radius: 20px;
}

#information-contact .media-left i {
    font-size: 30px;
    height: 50px;
    width: 50px;
    background: #d7950b;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    border-radius: 100px;
}

.accommodations img {
    aspect-ratio: 3/2;
    object-fit: cover;
    width: 100%;
}

.img-overlay {
    display: grid;
    place-items: center;
    position: relative;
}

.img-overlay>* {
    grid-row: 1 / -1;
    grid-column: 1 / -1;
}

.thumb {
    margin-bottom: 30px;
}

.thumb div {
    position: relative;
    margin-bottom: 20px;
}

.thumb img {
    width: 100%;
}

.thumb-card {
    border-radius: 15px;
    aspect-ratio: 2/1;
    object-fit: cover;
    width: 100%;
}

.thumb h3 {
    text-align: center;
}

.caption {
    margin-top: 30px !important;
}

.boat img {
    margin-top: 100px;
    border-radius: 90px 90px 0px 0px;
}

.position-relative {
    position: relative;
}

.boat {
    position: relative;
    background-image: url(https://luxour.co/image/midbanner.jpg);
    height: 620px;
    border-radius: 80px 80px 0 0;
    /* margin-top: 105px; */
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0;
}

div#cart {
    position: absolute;
    right: 0;
}

.private {
    position: absolute;
    top: 46%;
    left: 43%;
}


/* .thumb-card{position: absolute;top: 21%;left: 42%;} */

.boat:before {
    background-color: #000;
    opacity: .3;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 80px 80px 0 0;
}

.boat-text {
    position: relative;
    text-align: center;
}

.boat-text h1 {
    color: #d39c48;
    font-size: 90px;
}

.boat-text h4 {
    color: white;
}

.helicopter {
    position: relative;
    margin-top: 7vw;
}

.helicopter-text {
    text-align: center;
}

.helicopter-text h1 {
    color: white;
    font-weight: 700;
}

.helicopter-text h3 {
    color: #d39c48;
    font-weight: 600;
    font-size: 35px;
    font-family: 'Playfair Display', sans-serif;
}


/* .helicopter-text a{margin-top: 25px;} */

.bg-transparent {
    background: #d7950b00 !important;
    border-color: #edecea;
}


/* .videoicon {
    
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: #d39c48;
    height: 60px;
    width: 60px;
    background: rgba(255, 255, 255, .9);} */

.videoicon {
    border-radius: 100px;
    font-size: 40px;
    color: #d39c48;
    height: 60px;
    width: 60px;
    background: rgba(255, 255, 255, .9);
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control,
input[type="month"].form-control,
input[type="time"].form-control,
input[type="week"].form-control,
input[type="number"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="color"].form-control {
    font-size: 12px;
}

.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
    font-size: 12px;
}

.input-group .input-group-addon {
    font-size: 12px;
    height: 30px;
    background: transparent;
    border-color: #000;
}


/* Fix some bootstrap issues */

span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg {
    display: inline;
}

.nav-tabs {
    margin-top: -57px;
    border-color: #fff5cf;
    font-size: 18px;
    font-weight: 700;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #06156f;
    background-color: #fff6cf;
    border: 1px solid #fff6cf;
}

.nav-tabs>li>a:hover {
    border-color: #fff6cf;
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: #fff6cf;
}

.nav-tabs>li>a {
    padding: 15px;
}

div.required .control-label:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}


/* Gradent to all drop down menus */

.dropdown-menu li>a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #d7950b, #1f90bb);
    background-repeat: repeat-x;
}


/* top */

#top {
    background-color: #EEEEEE;
    border-bottom: 1px solid #e2e2e2;
    padding: 4px 0px 3px 0;
    margin: 0 0 20px 0;
    min-height: 40px;
}

#top .container {
    padding: 0 20px;
}

#top #form-currency .currency-select,
#top #form-language .language-select {
    text-align: left;
}

#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
    text-shadow: none;
    color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #d7950b, #1f90bb);
    background-repeat: repeat-x;
}

#top .btn-link,
#top-links li,
#top-links a {
    color: #888;
    text-shadow: 0 1px 0 #FFF;
    text-decoration: none;
}

#top .btn-link:hover,
#top-links a:hover {
    color: #444;
}

#top-links .dropdown-menu a {
    text-shadow: none;
}

#top-links .dropdown-menu a:hover {
    color: #FFF;
}

#top .btn-link strong {
    font-size: 14px;
    line-height: 14px;
}

#top-links {
    padding-top: 6px;
}

#top-links a+a {
    margin-left: 15px;
}


/* logo */

.main-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}


/* search */

#search {
    margin-bottom: 10px;
}

#search .input-lg {
    height: 40px;
    line-height: 20px;
    padding: 0 10px;
}

#search .btn-lg {
    font-size: 15px;
    line-height: 18px;
    padding: 10px 35px;
    text-shadow: 0 1px 0 #FFF;
}


/* cart */


/* #cart {
	margin-bottom: 10px;
} */

.open>.dropdown-menu {
    display: flex;
    flex-direction: column;
}

#cart .dropdown-menu table td {
    vertical-align: middle;
}

#checkout-cart table td {
    vertical-align: middle;
}


/* #cart{
	position: absolute;
    display: inline-flex;
    place-content: center;
    align-items: center;
    inset: 0;
    left: auto;
} */

#cart>.btn {
    font-size: 20px;
    line-height: 18px;
    color: #FFF;
    border: 1px solid #333;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

#cart.open>.btn {
    background-image: none;
    background-color: #FFFFFF;
    color: #666;
    box-shadow: none;
    text-shadow: none;
}

#cart.open>.btn:hover {
    color: #FFFFFF;
}

#cart .dropdown-menu {
    z-index: 1001;
}

@media (max-width: 478px) {
    #cart .dropdown-menu {
        width: 100%;
    }
}

#cart .dropdown-menu table {
    margin-bottom: 10px;
}

#cart .dropdown-menu li>div {
    min-width: 427px;
    padding: 0 10px;
}

@media (max-width: 478px) {
    #cart .dropdown-menu li>div {
        min-width: 100%;
    }
}

#cart .dropdown-menu li p {
    margin: 20px 0;
}


/* menu */


/* #menu {
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #d7950b, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
	min-height: 40px;
} */

#menu .nav>li>a {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: 10px 15px 10px 15px;
    min-height: 15px;
    background-color: transparent;
}

#menu .nav>li>a:hover,
#menu .nav>li.open>a {
    background-color: rgba(0, 0, 0, 0.1);
}

#menu .dropdown-menu {
    padding-bottom: 0;
}

#menu .dropdown-inner {
    display: table;
}

#menu .dropdown-inner ul {
    display: table-cell;
}

#menu .dropdown-inner a {
    min-width: 160px;
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 20px;
    color: #333333;
    font-size: 12px;
}

#menu .dropdown-inner li a:hover {
    color: #FFFFFF;
}

#menu .see-all {
    display: block;
    margin-top: 0.5em;
    border-top: 1px solid #DDD;
    padding: 3px 20px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 3px 3px;
    font-size: 12px;
}

#menu .see-all:hover,
#menu .see-all:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #d7950b, #1f90bb);
    background-repeat: repeat-x;
}

#menu #category {
    float: left;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

#menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #FFF;
    padding: 2px 18px;
    float: right;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #d7950b, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
}

#menu .btn-navbar:hover,
#menu .btn-navbar:focus,
#menu .btn-navbar:active,
#menu .btn-navbar.disabled,
#menu .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #229ac8;
}

@media (max-width: 991.98px) {
    .py-4 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .account {
        right: 54px;
    }

    .category-desc {
        padding: 20px;
    }

    .category-desc h4 {
        font-size: 20px;
    }

    .category-desc .btn {
        padding: 5px 10px;
    }

    .cursor {
        display: none;
    }

    footer,
    .f-logo {
        text-align: center;
        flex-direction: column;
    }

    .f-logo img {
        display: inherit;
    }

    .footer-navigation ul {
        text-align: center !important;
    }

    .navbar-collapse {
        transition: max-height 0.4s ease;
    }

    .py-5 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }

    .boat-text h1 {
        font-size: 80px;
    }

    .my-5 {
        margin-top: 9rem;
    }

    .spacer {
        height: 120px !important;
    }

    /* .team-img img {
        height: 100%;
    } */
    .header-top {
        display: flex;
        align-items: center;
        /* margin: 20px 0; */
    }

    .access {
        background-color: #000;
    }

    .access>li {
        display: block !important;
        /* line-height: 30px;
		height: 30px; */
        height: inherit;
        margin: 0 !important;
    }

    .access>li>a {
        padding: 10px 0;
    }

    .footer-navigation li a {
        padding: 0 !important;
    }

    .navbar-toggle {
        display: block;
        margin-right: 0;
        padding: 14px 10px;
    }

    .navbar {
        position: inherit;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .collapse.in {
        display: block !important;
    }

    #menu .nav {
        text-align: left;
        height: 420px;
        overflow-y: auto;
    }

    #menu {
        position: absolute;
        left: 0px;
        top: 121px;
    }

    .access li.has-children ul {
        position: relative;
        display: block;
        left: 0;
        border: 0;
        width: 100%;
    }

    .vcenter-sm {
        display: grid;
    }

    #menu {
        top: 53px !important;
        background: #000;
    }

    #menu .nav {
        display: block;
        text-align: left;
        margin: 0;
    }

    #menu .access li {
        display: block;
    }

    #menu .access li a {
        padding: 10px 15px;
        color: #fff;
    }

    .navbar-toggle {
        display: block;
        margin-right: 0;
        padding: 9px 10px;
        color: #ffff;
        /* background: #000; */
    }

    .circle {
        height: 80px;
        width: 80px;
    }

    .header-top {
        display: flex;
        justify-content: space-between;
    }

    #menu {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        /* background-color: #f9f9f9;
        border: 1px solid #ccc; */
        padding: 15px;
        display: none;
        z-index: 999;
    }

    .navbar-toggle {
        display: block;
        order: -1;
        /* Move the toggle icon to the left side */
    }

    .navbar-toggle i {
        font-size: 20px;
    }

    .navbar-toggle[aria-expanded="true"] {
        background-color: transparent;
    }

    .navbar-toggle[aria-expanded="true"] i:before {
        content: '\f00d';
        /* Change the icon to close icon (e.g., "X") when expanded */
    }

    .navbar-toggle[aria-expanded="false"] i:before {
        content: '\f0c9';
        /* Hamburger icon (three horizontal lines) when collapsed */
    }

    .collapse.navbar-collapse {
        display: none;
    }

    .collapse.navbar-collapse.show {
        display: block;
    }

    .header-top .navbar-toggle,
    .header-top .collapse.navbar-collapse {
        margin-top: 15px;
    }

    .category-flex {
        display: block;
    }

    .video-btn::before {
        inset: -10px !important;
    }

    .video-btn {
        bottom: 6% !important;
        left: 3% !important;
    }

    .circle:before {
        inset: -40px !important;
    }
}


/* @media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
} */

@media (max-width: 767px) {

    /* .access li{
		display: block!important;

		height: inherit;
		margin: 0!important;
		} */
    .access li a {
        padding: 10px 0;
    }

    #menu .nav {
        text-align: left;
        height: 420px;
        overflow-y: auto;
    }

    #menu {
        position: absolute;
        left: 0px;
        top: 99px;
    }

    .spacer {
        height: 67px !important;
    }

    .order-change {
        display: flex;
        flex-direction: column-reverse;
    }

    #menu div.dropdown-inner>ul.list-unstyled {
        display: block;
    }

    #menu div.dropdown-menu {
        margin-left: 0 !important;
        padding-bottom: 10px;
        background-color: rgba(0, 0, 0, 0.1);
    }

    #menu .dropdown-inner {
        display: block;
    }

    #menu .dropdown-inner a {
        width: 100%;
        color: #fff;
    }

    #menu .dropdown-menu a:hover,
    #menu .dropdown-menu ul li a:hover {
        background: rgba(0, 0, 0, 0.1);
    }

    #menu .see-all {
        margin-top: 0;
        border: none;
        border-radius: 0;
        color: #fff;
    }

    #logo img,
    .header.shrink #logo img {
        width: 60px;
        height: 52px;
        object-fit: cover;
        object-position: top;
    }

    .boat {
        height: inherit;
        margin-top: 50px;
    }
}


/* content */

#content {
    min-height: 600px;
}


/* footer */

footer {
    padding-top: 30px;
    background-color: #000;
    color: #e2e2e2;
    padding-bottom: 30px;
}

.flogo-text {
    font-size: 14px;
    color: #868689;
    margin-top: 10px;
}

.is-invalid {
    border: solid 1px red;
}

footer hr {
    border-top: none;
    border-bottom: 1px solid #666;
}

footer a {
    color: #ccc;
    font-size: 13px !important;
    display: flex;
    align-items: center;
}

footer a svg {
    max-width: 14px;
    margin-right: 5px;
}

footer a:hover {
    color: #fff;
}

footer h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.footer-navigation a {
    font-size: 13px !important;
}

footer i {
    margin-right: 4px;
}


/* alert */

.alert {
    padding-top: 8px;
    padding-bottom: 8px;
}


/* breadcrumb */

.breadcrumb {
    margin: 0 0 20px 0;
    padding: 8px 0;
    border: 1px solid #ddd;
}

.breadcrumb i {
    font-size: 15px;
}

.breadcrumb>li {
    text-shadow: 0 1px 0 #FFF;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
}

.breadcrumb>li+li:before {
    content: '';
    padding: 0;
}

.breadcrumb>li:after {
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    right: -5px;
    width: 26px;
    height: 26px;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.pagination {
    margin: 0;
}


/* buttons */

.buttons {
    margin: 1em 0;
}

.btn-group>.btn,
.btn-group>.dropdown-menu,
.btn-group>.popover {
    font-size: 12px;
}

.btn-group>.btn-xs {
    font-size: 9px;
}

.btn-group>.btn-sm {
    font-size: 10.2px;
}

.btn-group>.btn-lg {
    font-size: 15px;
}

.btn-link {
    border-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    color: #d7950b;
    border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: none;
}

.btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
    background-color: #222222;
    background-image: linear-gradient(to bottom, #333333, #111111);
}


/* list group */

.list-group a {
    border: 1px solid #DDDDDD;
    color: #888888;
    padding: 8px 12px;
}

.list-group a.active,
.list-group a.active:hover,
.list-group a:hover {
    color: #444444;
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    text-shadow: 0 1px 0 #FFF;
}


/* carousel */

.carousel-caption {
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
}

.carousel-control .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome;
}

.carousel-control .icon-next:before {
    content: '\f054';
    font-family: FontAwesome;
}

.thumb h4 {
    color: #06156f !important;
}

.thumb p {
    color: #06156f !important;
}

.thumbsection {
    background: #000;
    overflow: hidden;
    margin-bottom: 30px;
    text-align: center;
}

.thumbsection div {
    position: relative;
}

.thumbsection img {
    aspect-ratio: 3/2;
    object-fit: cover;
}

.thumbsection:hover img {
    opacity: .5;
    transform: scale(1.03);
}

.thumbsection h2 {
    position: absolute;
    inset: 0;
    color: #fff;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thumbsection .btn {
    opacity: 0;
    bottom: 20%;
    position: absolute;
    left: 0;
    right: 0;
    color: #d39c48 !important;
}

.p-15 {
    padding: 25px;
}

.thumbsection:hover .btn {
    opacity: 1;
    bottom: calc(50% - 100px);
    transform: translateY(-50%);
    color: #ccc;
}


/* product list */

.product-thumb {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    overflow: auto;
}

.product-thumb .image {
    text-align: center;
}

.product-thumb .image a {
    display: block;
}

.product-thumb .image a:hover {
    opacity: 0.8;
}

.product-thumb .image img {
    margin-left: auto;
    margin-right: auto;
}

.product-grid .product-thumb .image {
    float: none;
}

@media (min-width: 767px) {
    .product-list .product-thumb .image {
        float: left;
        padding: 0 15px;
    }
}

.product-thumb h4 {
    font-weight: bold;
}

.product-thumb .caption {
    padding: 0 20px;
    min-height: 180px;
}

.product-list .product-thumb .caption {
    margin-left: 230px;
}

.booking-sec {
    padding: 4vw 2vw 6vw;
    background: url(https://luxour.co/image/catalog/Guatapetour.jpg);
    position: relative;
}

.bookingform {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    border-radius: 20px;
    padding: 3vw;
    position: relative;
    background: rgb(255 255 255 / 80%);
}

.booking-sec:before {
    content: '';
    background: #564226;
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    opacity: .8;
}

.bookingform input[type="number"] {
    outline: none;
    -moz-appearance: textfield;
}

.bookingform input[type=number]::-webkit-inner-spin-button,
.bookingform input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

.access li.active a {
    color: #d39c48 !important;
}
.access li:nth-of-type(3).active a {
    color: #ffffff !important;
}
@media (max-width: 1200px) {
    .product-grid .product-thumb .caption {
        min-height: 210px;
        padding: 0 10px;
    }
}

@media (max-width: 767px) {
    .product-list .product-thumb .caption {
        min-height: 0;
        margin-left: 0;
        padding: 0 10px;
    }

    .product-grid .product-thumb .caption {
        min-height: 0;
    }
}

.product-thumb .rating {
    padding-bottom: 10px;
}

.rating .fa-stack {
    font-size: 8px;
}

.rating .fa-star-o {
    color: #999;
    font-size: 15px;
}

.rating .fa-star {
    color: #FC0;
    font-size: 15px;
}

.rating .fa-star+.fa-star-o {
    color: #E69500;
}

h2.price {
    margin: 0;
}

.product-thumb .price {
    color: #444;
}

.product-thumb .price-new {
    font-weight: 600;
}

.product-thumb .price-old {
    color: #999;
    text-decoration: line-through;
    margin-left: 10px;
}

.product-thumb .price-tax {
    color: #999;
    font-size: 12px;
    display: block;
}

.product-thumb .button-group {
    border-top: 1px solid #ddd;
    background-color: #eee;
    overflow: auto;
}

.product-list .product-thumb .button-group {
    border-left: 1px solid #ddd;
}

@media (max-width: 768px) {
    .product-list .product-thumb .button-group {
        border-left: none;
    }
}

.product-thumb .button-group button {
    width: 60%;
    border: none;
    display: inline-block;
    float: left;
    background-color: #eee;
    color: #888;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.product-thumb .button-group button+button {
    width: 20%;
    border-left: 1px solid #ddd;
}

.product-thumb .button-group button:hover {
    color: #444;
    background-color: #ddd;
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 1200px) {

    .product-thumb .button-group button,
    .product-thumb .button-group button+button {
        width: 33.33%;
    }
}

@media (max-width: 767px) {

    .product-thumb .button-group button,
    .product-thumb .button-group button+button {
        width: 33.33%;
    }

    .bm-grid .row {
        margin-bottom: 30px;
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    /* footer a {
        flex-direction: column !important;
    } */
}

.thumbnails {
    overflow: auto;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
}

.thumbnails>li {
    margin-left: 20px;
}

.thumbnails {
    margin-left: -20px;
}

.thumbnails>img {
    width: 100%;
}

.image-additional a {
    margin-bottom: 20px;
    padding: 5px;
    display: block;
    border: 1px solid #ddd;
}

.image-additional {
    max-width: 78px;
}

.thumbnails .image-additional {
    float: left;
    margin-left: 20px;
}

@media (min-width: 1200px) {

    #content .col-lg-2:nth-child(6n+1),
    #content .col-lg-3:nth-child(4n+1),
    #content .col-lg-4:nth-child(3n+1),
    #content .col-lg-6:nth-child(2n+1) {
        clear: left;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    #content .col-md-2:nth-child(6n+1),
    #content .col-md-3:nth-child(4n+1),
    #content .col-md-4:nth-child(3n+1),
    #content .col-md-6:nth-child(2n+1) {
        clear: left;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    #content .col-sm-2:nth-child(6n+1),
    #content .col-sm-3:nth-child(4n+1),
    #content .col-sm-4:nth-child(3n+1),
    #content .col-sm-6:nth-child(2n+1) {
        clear: left;
    }
}


/* fixed colum left + content + right*/

@media (min-width: 768px) {
    #column-left .product-layout .col-md-3 {
        width: 100%;
    }

    #column-left+#content .product-layout .col-md-3 {
        width: 50%;
    }

    #column-left+#content+#column-right .product-layout .col-md-3 {
        width: 100%;
    }

    #content+#column-right .product-layout .col-md-3 {
        width: 100%;
    }
}


/* fixed product layouts used in left and right columns */

#column-left .product-layout,
#column-right .product-layout {
    width: 100%;
}


/* fixed mobile cart quantity input */

.input-group .form-control[name^=quantity] {
    min-width: 50px;
}


/* Missing focus and border color to overwrite bootstrap */

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}

a,
.header,
.logo,
.btn,
.gallery:hover img {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Playfair Display', sans-serif;
    font-weight: 700;
    line-height: normal;
}

h1 {
    font-size: clamp(48px, 4.5vw, 60px);
}

h2 {
    font-size: clamp(36px, 3vw, 48px);
}

h3 {
    font-size: clamp(20px, 3vw, 36px);
}

h4 {
    font-size: clamp(24px, 3vw, 30px);
}

h5 {
    font-size: clamp(20px, 3vw, 24px);
}

h6 {
    font-size: clamp(16px, 3vw, 18px);
}

.header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    background: #000;
}

.home .header {
    background: none;
}


/* .header {
	width: 100%;
	position: fixed;
	z-index: 999;
	padding: 0;
	background: #000;
} */


/* .header-top {
    display: flex;
    align-items: center;
    margin: 20px 0;
} */

.header.shrink {
    -webkit-box-shadow: 1px 1px 2px 0px rgb(50 50 50 / 30%);
    -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 1px 1px 2px 0px rgb(50 50 50 / 30%);
}

.navbar-inverse {
    background: none;
    border: 0;
    margin-bottom: 0;
    text-align: center;
}

#menu {
    border-top: 1px solid #2d2d2d;
    width: 100%;
    /* background: black; */
}

#menu .nav {
    padding: 0;
    float: none;
    text-align: center;
}

.logo {
    max-width: 156px;
}

.shrink .logo {
    max-width: 100px;
}

.spacer {
    height: 122px;
}

.bg-warning {
    background: #f1e1d5 !important;
}

.text-warning {
    color: #d39c48 !important;
}

.text-info {
    color: #f2e9e2 !important;
}

.bg-light {
    background: #f2e9e2 !important;
}


/*
.btn, .btn-info{display: inline-flex; padding:5px 25px; font-size:14px; font-weight:700; align-items: center; border-radius:0; text-transform: uppercase; 
background-image: linear-gradient(0deg,transparent,transparent 50%,#333 0,#333);
background-position:0 -100%;
background-size: 100% 200%;
transition: all .25s ease-in;}
.btn:hover{background-color: transparent;transition: all .25s ease-in-out;background-position: 0 0;color:#fff;border-color:#333;}
*/

.btn {
    font-family: 'Playfair Display', sans-serif;
    padding: 12px 25px;
    font-size: 14px;
    font-weight: 700;
    align-items: center;
    border-radius: 50px;
    text-transform: uppercase;
}

.btn:focus {
    box-shadow: none;
    outline:none;
}

.btn-default {
    color: #FFFFFF;
    background-color: #222222;
    border-color: #222222;
}

.btn-default:hover {
    color: #FFFFFF;
    background-color: #d7950b;
    border-color: #d7950b;
}

.btn-default-outline {
    color: #222222;
    background-color: transparent;
    border-color: #222222;
}

.btn-default-outline:hover {
    color: #FFFFFF;
    background-color: #222222;
}

.btn-warning,
.btn-primary {
    background: #d7950b;
    border-color: #d7950b;
}

.btn-warning:hover,
.btn-primary:hover {
    background: #333;
    border-color: #333;
    color: #fff;
}

.btn-white-outline {
    color: #FFFFFF;
    background-color: transparent;
    border-color: #FFFFFF;
}

.btn-white-outline:hover {
    color: #000000;
    background-color: #FFFFFF;
}

.btn-lg {
    padding: 20px 50px;
    font-size: 18px;
}

.btn-sm {
    padding: 8px 20px;
}

.btn-xs {
    padding: 2px 5px;
    font-size: 10px;
}

.cart-btn {
    padding: 6px;
    width: 40px;
}


/* .access {
	margin: 0;
	list-style: none;
	border-top: 1px solid #3a3a3a;
	border-bottom: 1px solid #3a3a3a;
	background-color: #000;
	padding: 10px 0px 10px 0px;
	text-align: center;
} */

.access ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #3a3a3a;
    border-bottom: 1px solid #3a3a3a;
}

.access li {
    display: inline-block;
    margin: 0 40px;
}

.access li a {
    font-size: 16px;
    color: #fff;
    display: block;
    font-weight: 300;
}

.access li a:hover,
.access li a.active {
    color: #c9a443;
}

.banner {
    background: #000;
    position: relative;
    height: 650px;
}

.arrowicon {
    position: absolute;
    inset: 0;
    top: auto;
    bottom: 4vw;
    font-size: clamp(20px, 5vw, 30px);
    color: #fff;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    width: 44px;
    padding: 20px 0;
    margin: 0 auto;
    border-radius: 50px;
}

.arrowicon i {
    -webkit-animation: downarrow 0.9s infinite alternate ease-in-out;
}

@-webkit-keyframes downarrow {
    0% {
        -webkit-transform: translateY(0);
        opacity: 0.4
    }

    100% {
        -webkit-transform: translateY(0.4em);
        opacity: 0.9
    }
}

.arrowicon i:hover {
    -webkit-animation: downarrow 0.5s infinite alternate ease-in-out;
}

.gradientbox {
    background: rgb(255, 244, 206);
    background: linear-gradient(180deg, rgba(236, 191, 101, 1) 0%, rgba(255, 255, 255, 1) 48%, rgba(236, 191, 101, 1) 100%);
}

.number {
    display: flex;
    width: 15%;
    align-items: center;
}

.number:before {
    content: '';
    border-top: 1px solid;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}

.imagebox,
.radiusbox {
    position: relative;
}

.imagebox div {
    border-radius: 20px;
    box-shadow: -6px 7px 5px 0px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: -6px 7px 5px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: -6px 7px 5px 0px rgba(0, 0, 0, 0.09);
}

.radiusbox img {
    position: relative;
    z-index: 9;
    border-radius: 20px;
}

.radiusbox:before,
.radiusbox:after {
    content: "";
    position: absolute;
    height: 100%;
    border-radius: 20px;
    z-index: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.radiusbox:before {
    top: -24px;
    background: #e9ddb5;
    width: 85%;
}

.radiusbox:after {
    top: -12px;
    background: #b6b597;
    width: 94%;
}

.first-image,
.third-image {
    position: absolute;
}

.first-image {
    top: 50px;
    right: 100px;
    z-index: 3;
}

.second-image {
    position: relative;
    z-index: 2;
    margin-left: -50px;
}

.third-image {
    top: -50px;
    left: 0;
    z-index: 1;
}

.imagebox span {
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    color: #fff;
    left: 0;
    height: 100%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    z-index: 9;
}

address {
    margin-bottom: 0 !important;
    font-style: normal;
    line-height: 1.42857143;
}

.innerbanner {
    width: 100%;
    position: relative;
    background: #d1c2b2;
}

.innerbanner h1,
.innerbanner h2 {
    color: #fff;
}

.innerbanner img {
    height: 500px;
    object-fit: cover;
    opacity: .7;
}

.midbanner {
    background: url(images/gruange.jpg);
    position: relative;
    font-size: 16px;
    background-size: cover;
}

.midbanner:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #bcb3ad;
    opacity: .5;
}

.video-btn {
    position: absolute;
    bottom: 5%;
    left: 2%;
    border: solid 1px #fff;
    color: #d7950b;
    background: #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline:0;
}

.video-btn::before {
    position: absolute;
    content: '';
    border: 1px dashed rgb(151 151 151 / 50%);
    inset: -20px;
    border-radius: inherit;
    animation: spin 60s linear infinite;
}


/* .swiper-button-prev {
    color: #000;
    border: 2px dashed #ccc;
    border-radius: 50%;
    padding: 3px;
    width: 50px !important;
    height: 50px !important;
} */

.swiper-button-prev::before {
    background-color: #fff;
    width: 40px !important;
    height: 40px !important;
    display: block;
    font-size: 17px !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* .swiper-button-next {
    color: #000;
    border: 2px dashed #ccc;
    border-radius: 50%;
    padding: 3px;
    width: 50px !important;
    height: 50px !important;
} */

.swiper-slide {
    border-radius: 20px;
    overflow: hidden;
}

.swiper-button-next,
.swiper-button-prev {
    border: 1px dashed rgb(204 204 204 / 50%);
    border-radius: 50%;
    width: 60px !important;
    height: 60px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-button-next::before {
    background-color: #fff;
    width: 40px !important;
    height: 40px !important;
    display: block;
    font-size: 17px !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.list {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.list li {
    margin-bottom: 10px;
    padding-left: 30px;
}

.list li:before {
    font-family: 'Line Awesome Free';
    display: flex;
    content: '\f00c';
    color: #000;
    font-size: 20px;
    font-weight: 700;
    padding-right: 10px;
    position: absolute;
    left: 0;
}

.list-arrow li {
    line-height: normal;
    margin-bottom: 20px;
}

.list-arrow li:before {
    font-size: 30px;
    padding-right: 15px;
    content: '\f30b';
    color: #d6beaf;
    margin-top: -6px;
}

.list2 li {
    margin-bottom: 15px;
}

.right-line {
    display: grid;
    grid-template-columns: auto minmax(20px, 1fr);
    align-items: center;
    grid-gap: 20px;
    width: 100%;
}

.fivestar {
    display: block !important;
}

.right-line:after {
    content: '';
    border-top: 1px solid #06156f !important;
    margin-top: 15px;
}


h5 .list :before {
    font-family: 'Line Awesome Free';
    display: flex;
    content: '\f00c';
    color: #000;
    font-size: 20px;
    font-weight: 700;
    padding-right: 10px;
    position: absolute;
    left: 0;
}















/* #content h1{display: none!important;} */

.footer-navigation ul {
    margin: 0 !important;
    list-style: none !important;
    background-color: #000 !important;
    padding: 0 !important;
    border-top: none !important;
    border-bottom: none !important;
    text-align: left;
}

.footer-navigation li {
    display: inline !important;
    margin: 0px !important;
}

.footer {
    font-size: 14px;
    background: url("images/footerbg.jpg") center center;
    position: relative;
    width: 100%;
    line-height: 24px;
    background-size: cover;
}

.footer:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #f2e9e2;
    opacity: .2;
    top: 0;
}

.footer a {
    margin: 0;
    line-height: 30px;
}

.footer a:hover {
    color: #9a6a57;
}

.footer h6 {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 700;
}

.social a {
    display: inline-block;
    margin: 0 12px 0 0;
    font-size: 30px;
    color: #000;
}

.f-menu {
    margin: 0;
    padding: 0;
}
.home-form-btn{color:#fff;}

.f-menu a {
    font-size: 14px;
    display: block;
}

.form-control {
    background: #fff;
    border: 1px solid #000000;
    font-size: 14px;
    padding: 0 10px;
    text-transform: none;
    margin-bottom: 5px;
    border-radius: 30px;
}

.form-control:focus {
    border-color: #d3b9aa;
    box-shadow: none;
    background-color: #fff;
    text-transform: none;
}

.error {
    font-size: 13px;
    display: block;
    color: #f70000;
    margin-top: 5px;
}

textarea.form-control {
    height: 120px;
    padding-top: 10px;
    resize: none;
}

.form-select {
    border-radius: 0;
    height: 50px;
    border: 1px solid #d3b9aa;
    font-size: 14px;
    padding: 0 10px;
}

.form-control::place-holder {
    text-transform: none;
}

.form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    text-transform: none;
}

.form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    text-transform: none;
}

.formbox {
    margin-top: -260px;
}

.formbox i {
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    font-size: 24px;
    vertical-align: middle;
    margin-right: 10px;
    color: #000;
}

.formbox a {
    color: #fff;
    display: block;
}

.locationbox,
.locationbox a {
    font-size: 16px;
    font-weight: 700;
}

.locationbox i {
    font-size: 30px;
    display: block;
    color: #9a6a57;
}

@media (max-width:1400px) {
    .container {
        max-width: 1230px;
        position: relative;
    }
}

@media (max-width:1199.98px) {
    .logo {
        max-width: 180px;
    }

    .access li {
        /* margin: 0 0 0 10px; */
        margin: 0 20px;
    }

    .banner h1 {
        font-size: 34px;
    }

    .btn-lg {
        padding: 12px 30px;
    }
}


/* @media (max-width:991.98px) {
	.banner img {
		height: 350px;
		object-fit: cover;
	}

	.testimonialslider .slick-slide {
		font-size: 16px;
		height: 490px;
	}

	.testimonialslider .las.la-angle-right {
		right: -5%;
	}

	.testimonialslider .las.la-angle-left {
		left: -5%;
	}

	.social a {
		font-size: 30px;
	}

	.formbox {
		margin-top: -220px;
	}
} */

@media (max-width: 575.98px) {
    .booking-gradient-sec{grid-template-columns:1fr;}
    .py-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
.dropdown-menu-right{right:0!important;}
    .bm .row {
        flex-direction: column !important;
    }

    .my-5 {
        margin-top: 6rem;
    }

    .chef-icon {
        top: -17px !important;
    }

    /* .access li {
		display: block !important;
		line-height: 30px;
		height: 30px;
	} */
    .purpose {
        display: grid;
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .image-stack {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .h1,
    .h2,
    .h3,
    h1,
    h2,
    h3 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .front span,
    .back span {
        left: 10px;
        right: 10px;
    }

    p {
        margin: 0 0 20px;
    }

   
    #menu .nav {
        text-align: left;
        height: 420px;
        overflow-y: auto;
    }

    .main-banner {
        height: 75vw;
    }

    .main-banner video {
        height: 100%;
        object-fit: cover;
    }

    .boat-text h1 {
        font-size: 50px;
    }

    .boat-text h4 {
        font-size: 20px;
        padding: 10px 50px;
    }

    .nav-tabs {
        font-size: 14px;
        margin-top: -52px;
    }

    .nav-tabs>li>a {
        padding: 15px;
    }

    .helicopter-text h3 {
        font-size: 16px;
        margin: 6px 0;
    }

    .helicopter-text h1 {
        font-size: 24px;
        margin: 0;
    }

    .formbox {
        margin-top: 0;
    }

    .arrowicon {
        width: 30px;
        padding: 10px 0;
    }

    .logo {
        max-width: 120px !important;
    }

    .shrink .logo {
        max-width: 120px !important;
    }

    .addressbox {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .addressbox img {
        max-width: 40px;
    }

    .addressbox h5 {
        font-size: 18px;
    }

    .card-container,
    .front,
    .back {
        height: inherit;
        aspect-ratio: 1/1;
    }

    body {
        font-size: 13px;
        line-height: 20px;
    }

    .list-lg li {
        font-size: 14px;
        margin-bottom: 20px;
        height: 20px;
        line-height: 20px;
    }

    .list {
        font-size: 14px;
    }

    .form-control {
        height: 40px;
    }

    .banner p {
        font-size: 12px !important;
        line-height: 22px !important;
    }

    .banner h2 {
        font-size: 16px !important;
    }

    .banner .btn-lg {
        font-size: 14px;
    }

    .testimonialbox:before {
        height: 300px;
    }

    .testimonialslider .slick-slide {
        font-size: 14px;
    }

    .testimonialslider p {
        line-height: 22px;
    }

    .testimonialslider .slick-arrow {
        font-size: 20px;
        padding: 5px;
    }

    .testimonialslider .las.la-angle-left {
        left: 0%;
    }

    .testimonialslider .las.la-angle-right {
        right: 0%;
    }

    .testimonialslider img {
        margin: 10px auto 10px;
    }

    .footer {
        font-size: 12px;
    }

    .footer a {
        line-height: 24px;
    }

    .social a {
        font-size: 25px;
    }

    .btn {
        padding: 8px 15px !important;
        font-size: 14px;
    }

    .navbar-toggle {
        padding: 10px;
    }

    .innerbanner img {
        height: 200px;
    }

    .travel-card {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .travel-card .travel-caption {
        padding: 0 0 30px !important;
    }
}


/* product list */

.product-thumb {
    margin-bottom: 20px;
    overflow: auto;
}

.product-thumb .image {
    text-align: center background: #FFFFFF;
    /*border: 1px solid #000;*/
    border: 1px solid #e6e6e6;
    aspect-ratio: 1 / 1;
    display: flex;
    justify-content: center;
}

.product-thumb img {
    width: 100%;
}

.product-thumb .image a {
    display: block;
}

.product-thumb .image a:hover {
    opacity: 0.8;
}

.product-thumb .image img {
    height: 100%;
}

.product-grid .product-thumb .image {
    float: none;
}

@media (min-width: 767px) {
    .product-list .product-thumb .image {
        float: left;
        padding: 0 15px;
    }
}

.product-thumb h4 {
    font-size: 18px;
    overflow: hidden;
    height: 52px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-thumb h4 a {
    color: #000;
}


/*
.product-thumb .caption {
	padding: 0 20px;
	min-height: 180px;
}
*/

.product-list .product-thumb .caption {
    margin-left: 230px;
}

@media (max-width: 767px) {
    .product-list .product-thumb .caption {
        min-height: 0;
        margin-left: 0;
        padding: 0 10px;
    }
    .footer-navigation li, footer .list-unstyled li {
        display: inline-block !important;
        margin: 10px !important;
    }
footer address{display: inline-block; margin:10px!important;}
    .product-grid .product-thumb .caption {
        min-height: 0;
    }

    .custom-left {
        order: 1 !important;
    }

    .custom-right {
        order: 2 !important;
    }

    .text-right.medical {
        text-align: left !important;
    }
}

.product-thumb .rating {
    padding-bottom: 10px;
}

.rating .fa-stack {
    font-size: 8px;
}

.rating .fa-star-o {
    color: #999;
    font-size: 15px;
}

.rating .fa-star {
    color: #FC0;
    font-size: 15px;
}

.rating .fa-star+.fa-star-o {
    color: #E69500;
}

h2.price {
    margin: 0;
}

.product-thumb .price {
    margin-bottom: 5px;
    font-weight: 600;
}


/*
.product-thumb .price-new {
	font-weight: 600;
}
*/

.product-thumb .price-old {
    color: #999;
    text-decoration: line-through;
    margin-left: 10px;
    font-weight: normal;
}

.product-thumb .price-tax {
    color: #999;
    font-size: 12px;
    display: block;
}

.product-thumb .button-group {
    border-top: 1px solid #ddd;
    background-color: #eee;
    overflow: auto;
}

.product-list .product-thumb .button-group {
    border-left: 1px solid #ddd;
}

@media (max-width: 768px) {
    .product-list .product-thumb .button-group {
        border-left: none;
    }
}

.product-thumb .button-group button {
    width: 60%;
    border: none;
    display: inline-block;
    float: left;
    background-color: #eee;
    color: #888;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.product-thumb .button-group button+button {
    width: 20%;
    border-left: 1px solid #ddd;
}

.product-thumb .button-group button:hover {
    color: #444;
    background-color: #ddd;
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 1200px) {

    .product-thumb .button-group button,
    .product-thumb .button-group button+button {
        width: 33.33%;
    }
}

@media (max-width: 767px) {

    .product-thumb .button-group button,
    .product-thumb .button-group button+button {
        width: 33.33%;
    }

    .header-top {
        padding: 0 !important;
    }
}

.panel-group .panel+.panel {
    margin-top: -1px;
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border: 0;
}

.panel-group .panel {
    border: 0;
    box-shadow: none;
}

.panel {
    border-radius: 0 !important;
    background: #FFFFFF;
    border-bottom: 1px solid #000 !important;
}

.panel-default>.panel-heading {
    background-color: transparent;
    border-top: 1px solid #000;
    padding: 20px 0;
    border-radius: 0;
}

.panel-body {
    padding: 0 0 15px 0;
}

.panel-title {
    text-transform: uppercase;
}

.panel-heading:after {
    content: '\f105';
    font-family: 'Line Awesome Free' !important;
    font-weight: 700;
    position: absolute;
    font-size: 18px;
    line-height: 22px;
    right: 0;
    top: calc(50% - 10px);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.panel-heading.collapsed:after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.panel-heading {
    position: relative;
    cursor: pointer;
}


/*
.panel-body, .panel-heading {
    padding-right: 0;
    padding-left: 0;
}
*/

table>tbody>tr>td {
    vertical-align: middle;
}

#information-information,
#information-contact,
#product-category,
#account-register,
#account-login,
#checkout-checkout,
#checkout-cart,
#container,
#account-edit,
#account-transaction,
#common-success,
#account-account,
#error-not-found,
#product-search,
#account-order,
#account-download,
#account-password,
#account-address,
#account-wishlist,
#account-reward,
#account-return,
#account-recurring,
#account-affiliate,
#account-newsletter {
    margin-bottom: 3.5vw;
    margin-top: 3.5vw;
}

#product-product,
#checkout-checkout,
#common-success {
    margin-top: 3.5vw;
    margin-bottom: 3.5vw;
}

#product-product {
    margin-bottom: 0;
}

#product-product #product {
    margin-top: 20px;
}

#product-product .breadcrumb,
#product-category .breadcrumb {
    display: block;
}

#product-product .product-thumb h4 {
    font-size: 16px;
    height: 46px;
}

#product-product h1,
#information-information h1,
#information-contact h1,
#checkout-cart h1,
#checkout-checkout h1,
#container h1,
#account-edit h1,
#account-transaction h1,
#common-success h1,
#error-not-found h1,
#product-search h1,
#account-account h1,
#account-order h1,
#account-download h2,
#account-password h1,
#account-address h2,
#account-wishlist h2,
#account-reward h1,
#account-return h1,
#account-recurring h1,
#account-affiliate h1,
#account-newsletter h1 {
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: 'Playfair Display', sans-serif;
}

.offcanvas.dropdown-menu {
    z-index: 1001;
    position: fixed;
    top: 0;
    width: 450px;
    min-width: 400px;
    max-width: 90%;
    height: 99vh;
    overflow-y: auto;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: #fff;
    padding: 0 20px;
}

.offcanvas-header,
.offcanvas-footer {
    flex: 0 0 auto;
}


/* .bm-grid .row{margin-bottom:0!important;} */

.bm-grid .row {
    /* margin-bottom: 0!important; */
    display: flex !important;
    align-items: center !important;
}

.bm-grid img {
    aspect-ratio: 1/1 !important;
    object-fit: cover !important;
    border-radius: 20px !important;
}

.bm .post-thumb .post-thumb-footer {
    padding-bottom: 0 !important;
}

.offcanvas-body {
    flex: 1 1 auto;
    overflow-y: auto;
}

.offcanvas-body::-webkit-scrollbar {
    display: none;
}

.empty-cart {
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.empty-cart p {
    margin-bottom: 0 !important;
}

.animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

@keyframes slideIn {
    0% {
        transform: translateX(10rem);
        opacity: 0;
    }

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

    0% {
        transform: translateX(10rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        -webkit-opacity: 1;
    }

    0% {
        -webkit-transform: translateX(10rem);
        -webkit-opacity: 0;
    }
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}

.bootstrap-datetimepicker-widget td span {
    width: 34px !important;
    height: 34px !important;
    line-height: 34px !important;
}

.bootstrap-datetimepicker-widget td {
    height: 34px !important;
    line-height: 34px !important;
    width: 34px !important;
    padding: 0 !important;
}

.date-published {
    color: #9b9b9b;
    font-size: 14px;
}

.date-published i {
    margin-right: 6px;
}

.bm a {
    color: #c9a443 !important;
}

.travel-card {
    /*box-shadow: 0 0 10px rgba(0 0 0 / 20%);*/
    background: #f7f4ef;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}

.travel-card img {
    aspect-ratio: 1/1;
    object-fit: cover;
    max-width: 270px;
    height: 100%;
    width: 100%;
}

.travel-card .travel-caption {
    padding: 15px;
}

.travel-card .package-heading {
    background: #d39c49;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    padding: 4px 6px;
    margin: 0;
    border-radius: 3px;
    text-transform: uppercase;
}


/* custom code  written here */

.home .spacer {
    display: none;
}

#top {
    background: transparent !important;
    border-bottom: none;
    /* padding: 4px 0px 3px 0;  */
    margin: 0;
    min-height: 40px;
}

#top-links {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top: 10px;
    gap: 10px;
}

.header-top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
}

#menu {
    padding: 0;
    position: absolute;
    width: 100%;
    width: calc(100% - 5vw);
    border-top: 0;
}

.access>li {
    float: none;
    display: inline-block;
    position: relative;
}

.access li.has-children ul {
    display: none;
    min-height: 150px;
    width: 230px;
    border: none;
    position: absolute;
    left: -20px;
    border-top: 50px solid transparent;
}

header.shrink .access li.has-children ul {
    border-top: 30px solid transparent;
}

.access li.has-children ul li {
    margin: 0;
    display: block;
    background: #1e1e1e;
}

.access li.has-children ul li a {
    padding: 10px 20px;
    display: block;
}

.access li.has-children:hover ul {
    display: block;
}

#cart>.btn {
    padding: 0 !important;
    /* padding-top:40px!important; */
    border: 0 !important;
    /* color:#000; */
}

#menu .nav {
    text-align: center;
    width: 100%;
    display: flex;
}

.navbar-collapse>ul {
    display: flex;
}

#menu .access>li:nth-of-type(4) {
    margin-left: auto;
}

#logo {
    margin: 0 auto;
    z-index: 1;
}

@media (max-width:992px) {
    .navbar-collapse ul {
        flex-direction: column;
    }

    .access li.has-children ul {
        position: relative;
        display: block;
        left: 0;
        border: 0;
        width: 100%;
    }
}