/*
Theme Name: USVI Theme 0.6.35
Theme URI: https://virgin-islands-hotels.com/
Author: Dazzle Me Digital
Description: Custom WordPress theme framework converted from the USVI static HTML package. Built to work with the USVI Core plugin.
Version: 0.6.36
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
*/

@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Taviraj:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
    margin: 0;
    padding: 0;
    font-family: var(--body-font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    font-weight: normal;
    font-style: normal;
    color: var(--body-color);
    font-size: 18px;
    line-height: 1.5;
    background-color: var(--white);
    letter-spacing: -0.03em;
}
:root {
    scroll-behavior: smooth;
    --body-font: "Instrument Sans", sans-serif;
    --header-font: "Taviraj", sans-serif;
    --black: #000;
    --white: #fff;
    --body-color: #5C5C5C;
    --heading-color: #232323;
    --usvi-sky-blue: #30A4BB;
    --usvi-sky-blue-dark: #0A7F99;
    --usvi-sky-blue-soft: #EAF8FB;
    --orange-color: #FC620A;
}
b,
strong {
    font-weight: 700;
}
p {
    margin: 0 0 22px 0;
}
p:last-child {
    margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 25px 0;
    padding: 0;
    color: #000;
    font-weight: 700;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin-bottom: 0;
}
h1,
.h1-title {
    font-weight: 300;
    font-size: 100px;
    line-height: 1;
    color: var(--heading-color);
    font-family: var(--header-font);
    letter-spacing: -0.02em;
    text-transform: capitalize;
}
h2,
.h2-title {
    font-weight: 300;
    font-size: 65px;
    line-height: 1;
    color: var(--heading-color);
    font-family: var(--header-font);
    letter-spacing: -0.03em;
    text-transform: capitalize;
}
h3,
.h3-title {
    font-weight: 300;
    font-size: 40px;
    line-height: 1;
    color: var(--heading-color);
    font-family: var(--header-font);
    text-transform: capitalize;
}
h4,
.h4-title {
    font-weight: 300;
    font-size: 28px;
    line-height: 1.2;
    font-family: var(--header-font);
    color: var(--heading-color);
    text-transform: capitalize;
}
h5,
.h5-title {
    font-size: 20px;
    line-height: 1.2;
}
a {
    margin: 0;
    padding: 0;
    text-decoration: none !important;
    outline: none !important;
    color: #ecb61e;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a:hover {
    color: red;
}
img {
    max-width: 100%;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
select {
    background-color: transparent;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border-radius: 0;
    color: #000;
    border: 1px solid rgba(255, 255, 255, 0.7);
    height: 58px;
    padding: 0 16px;
    outline: none !important;
}

textarea {
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.7);
    padding: 12px 16px;
    width: 100%;
    color: #000;
    height: 158px;
    outline: none !important;
}

select {
    border: 1px solid rgba(255, 255, 255, 0.7);
    width: 100%;
    padding: 0 11px;
    background: url(assets/images/sort-down.svg) no-repeat calc(100% - 16px) center transparent;
    background-size: 18px;
    padding-right: 40px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

input[type="submit"] {
    background: #eab71e;
    color: #000000;
    height: 58px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border-radius: 0;
    padding-left: 30px;
    padding-right: 30px;

    cursor: pointer;
    font-size: 24px;
    font-weight: 700;
    outline: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

input[type="submit"]:hover {
    background: #000;
    color: #eab71e;
}

::-webkit-input-placeholder {
    opacity: 0.7;
    color: #000;
}

:-ms-input-placeholder {
    opacity: 0.7;
    color: #000;
}

::-moz-placeholder {
    opacity: 0.7;
    color: #000;
}

:-moz-placeholder {
    opacity: 0.7;
    color: #000;
}
.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    float: none;
    clear: both;
}

.form_input_check label {
    position: relative;
    margin: 0;
    padding-left: 40px;
    display: inline-block;
}

.form_input_check label span {
    margin: 0;
    padding: 0;
}

.form_input_check label input[type="checkbox"] {
    visibility: hidden;
    display: none;
}

.form_input_check label input[type="checkbox"]+span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 22px;
    height: 22px;
    border: 1px solid #3E3E42;
    background: transparent;
}

.form_input_check label input[type="checkbox"]+span::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 22px;
    height: 22px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: url(assets/images/tick.svg) no-repeat center center;
    background-size: 15px;
}

.form_input_check label input[type="checkbox"]:not(:checked)+span::after {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
        transform: scale(0);
}


.form_input_check label input[type="checkbox"]:checked+span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}


.form_input_radio label {
    position: relative;
    margin: 0;
    padding-left: 30px;
    display: inline-block;
}

.form_input_radio label span {
    margin: 0;
    padding: 0;
}

.form_input_radio label input[type="radio"] {
    visibility: hidden;
    display: none;
}

.form_input_radio label input[type="radio"]+span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 22px;
    height: 22px;
    border: 2px solid #000000;
    border-radius: 100%;
    background: #fff;
}

.form_input_radio label input[type="radio"]+span::after {
    content: '';
    width: 12px;
    height: 12px;
    background: #4b0049;
    position: absolute;
    top: 6px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.form_input_radio label input[type="radio"]:not(:checked)+span::after {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
        transform: scale(0);
}


.form_input_radio label input[type="radio"]:checked+span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}


#scroll {
    position: fixed;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
    width: 55px;
    height: 55px;
    background-color: #bdd653;
    display: none;
    border-radius: 100%;
    line-height: 68px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    z-index: 9;
}

#scroll:hover {
    background: #88a725;
}

#scroll i {
    color: #fff;
    font-size: 44px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
}

#scroll:hover i {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
        transform: translateY(-6px);
}


.navbar-brand {
    padding: 0;
    margin: 0;
    width: 245px;
    display: inline-block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.scroll-up .navbar-brand {
    -webkit-filter: none;
            filter: none;
    width: 160px;
}

.scroll-up .navbar-nav>li>a {
    color: var(--black);
}

.scroll-up .navbar-nav .clickD {
    -webkit-filter: brightness(1) invert(1);
            filter: brightness(1) invert(1);
}

.navbar-brand img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.navbar {
    background: none;
    margin: 0;
    padding: 0;
    min-height: inherit;
    height: inherit;
    border: none;
    border-radius: 0;
}

.navbar-nav li {
    position: relative;
    list-style: none;
}

.navbar-nav>li {
    margin: 0 30px;
    padding: 20px 0;
    position: relative;
}

.navbar-nav>li:last-child {
    margin-right: 0;
}

.navbar-nav>li:first-child {
    margin-left: 0;
}

.navbar-nav>li>a {
    color: var(--white);
    font-size: 16px;
    line-height: 1.2;
    position: relative;
    font-weight: normal;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 500;
}

.navbar-nav>li>a:after {
    content: '';
    display: block;
    width: 0;
    height: 4px;
    background: var(--orange-color);
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.navbar-nav>li.current-menu-item>a:after,
.navbar-nav>li>a:hover:after,
.navbar-nav>li.menu-item-has-children:hover>a:after {
    width: 100%;
}


.sub-menu {
    background: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    width: 140px;
    padding: 0;
}

.sub-menu>li>a {
    color: #000;
    display: block;
    width: 100%;
    padding: 6px 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
}

.sub-menu>li {
    width: 100%;
    display: block;
}

.sub-menu>li>a:hover,
.sub-menu>li.menu-item-has-children:hover>a,
.sub-menu>li.current-menu-item>a {
    background: #eab71e;
    color: #fff;
}



.navbar-nav>li:last-child>.sub-menu {
    right: 0;
    left: inherit;
    padding: 0;
}

.navbar-nav>li>.sub-menu .sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
}

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

#navoverlay {
    display: block;
    pointer-events: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: transparent;
    margin: 0;
    padding: 0;
    z-index: 99;
    -webkit-transition: background-color 0.5s linear;
    -o-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear;
}

.banner-inr {
    position: relative;
    z-index: 3;
    max-width: 1620px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding-top: 127px;
}

.bnnr-main-slider {
    width: 100%;
    height: 100%;

}

.bnnr-main-itm {
    width: 100%;
    height: 100%;
}

.banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.banner-bg::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #043649 65%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(65%, #043649));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #043649 65%);
    mix-blend-mode: multiply;
    opacity: 0.5;
    pointer-events: none;
}

.banner-bg::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 32.68%, rgba(0, 0, 0, 0.17) 67.32%);
    background: -webkit-gradient(linear, right top, left top, color-stop(32.68%, rgba(0, 0, 0, 0)), color-stop(67.32%, rgba(0, 0, 0, 0.17)));
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 32.68%, rgba(0, 0, 0, 0.17) 67.32%);
    opacity: 0.14;
    z-index: 2;
    pointer-events: none;
}

.banner-sec {
    position: relative;
    height: 966px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.bnnr-main-innr {
    width: 100%;
    height: 100%;
    padding-bottom: 290px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.col-white {
    color: var(--white);
}

.main-head {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 27px 0;
}

.navbar-nav .clickD {
    position: absolute;
    right: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    background: url(assets/images/down-arrow.svg) center center no-repeat;
    display: block;
    background-size: 12px;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu-item-has-children>a {
    padding-right: 18px !important;
}

.banner-btn-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: 44px;
}

.banner-btn-wrp>*:not(:last-child) {
    margin-right: 10px;
}


.cmn-btn.header-btn {
    padding: 17px 28px;
}

.cmn-btn {
    padding: 18px 28px;
    text-transform: uppercase;
    background-color: var(--orange-color);
    border-radius: 10px 0 10px 0;
    font-size: 16px;
    color: var(--white);
    border: 2px solid var(--orange-color);
    text-align: center;
    letter-spacing: 0.06em;
}

.cmn-btn:hover {
    color: var(--orange-color);
    background-color: var(--white);
}

.cmn-gap {
    padding: 100px 0;
}

.left-banner-part {
    width: 100%;
    height: 100%;
}

.bnnr-main-itm .left-banner-part {
    opacity: 1;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    -webkit-transition-delay: 0.8s;
         -o-transition-delay: 0.8s;
            transition-delay: 0.8s;
    -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
            transform: translateX(20px);
}

.bnnr-main-itm.swiper-slide-active .left-banner-part {
    opacity: 1;
    -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
}

.cmn-header-title {
    display: inline-block;
    font-family: var(--body-font);
    font-weight: 700;
    margin-bottom: 20px;
}

.cmn-header-subtitle {
    letter-spacing: 0.56em;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.cmn-header-subtitle i {
    width: 83px;
    height: 1px;
    background-color: var(--white);
    margin-left: 20px;
}

.banner-overlay-three {
    position: absolute;
    left: 0px;
    top: 0px;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.301638) 39.83%, rgba(0, 0, 0, 0) 68.77%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.48)), color-stop(39.83%, rgba(0, 0, 0, 0.301638)), color-stop(68.77%, rgba(0, 0, 0, 0)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.301638) 39.83%, rgba(0, 0, 0, 0) 68.77%);
    width: 100%;
    height: 30%;
    z-index: 3;
    pointer-events: none;
}

.banner-slider-card {
    border-radius: 100px 20px 20px 20px;
    position: relative;
    min-height: 435px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    overflow: hidden;
    padding: 10px 0 20px 20px;
}

.banner-slider-card img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: -2;
}

.banner-slider-overlay {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 43.6%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(43.6%, rgba(0, 0, 0, 0)), to(#000000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 43.6%, #000000 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.banner-row {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.banner-slider-outer {
    position: absolute;
    top: 50%;
    right: 0;
    overflow: hidden;
    padding-bottom: 77px;
    margin-bottom: -77px;
    z-index: 3;
    max-width: 49.4%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.banner-slider {
    margin-left: auto;
    margin-right: -25%;
}

.banner-slider .each-banner-item {
    padding: 0px 10px;
    height: inherit !important;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

/* Hero preview cards remain visible. The active card is marked by the
   shared hero script instead of being removed from the rail. */
.usvi-hero:not([data-usvi-hero-engine="original"]) .banner-slider .each-banner-item,
.usvi-hero:not([data-usvi-hero-engine="original"]) .banner-slider .each-banner-item.swiper-slide-active,
.usvi-hero:not([data-usvi-hero-engine="original"]) .banner-slider .each-banner-item.swiper-slide-next,
.usvi-hero:not([data-usvi-hero-engine="original"]) .banner-slider .each-banner-item:has(+.swiper-slide-active) {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto;
}

.usvi-hero .banner-slider .each-banner-item.is-active .banner-slider-card {
    outline: 2px solid rgba(255, 255, 255, 0.95);
    outline-offset: -2px;
}

.banner-slider .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.banner-slider .slick-list {
    margin: -10px;
}

.banner-slider-arrow-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    bottom: 0;
    right: 40px;
}

.banner-slider-arrow-wrp>*:not(:last-child) {
    margin-right: 10px;
}

.slider-arrow {
    border-radius: 10px;
    border: 1px solid var(--orange-color);
    width: 52px;
    height: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: var(--white);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 12px;
}

.slider-arrow img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.slider-arrow:hover {
    background-color: var(--orange-color);
}

.slider-arrow:hover img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}

.banner-forms {
    position: absolute;
    z-index: 4;
    width: 100%;
    bottom: 37px;
    left: 0;
    pointer-events: none;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

.booking-sec {
    background-color: #1D8E89;
    padding: 40px 0;
    position: relative;
    z-index: 5;
}

.booking-inr {
    max-width: 1345px;
    margin: 0 auto;
    background-color: var(--usvi-sky-blue);
    -webkit-box-shadow: 0px 4px 72px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 4px 72px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 2;
    padding: 28px 40px;
    border-radius: 15px 0 15px 0;
    pointer-events: all;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

.booking-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 30px;
}

.booking-field {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.booking-field label {
    display: block;
    color: var(--white);
}

.input-wrap {
    position: relative;
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.8);
}

.input-wrap input,
.input-wrap select {
    border: none !important;
    height: 45px !important;
    padding: 0 !important;
    color: var(--white) !important;
    font-size: 16px !important;
    background: transparent !important;
    width: 100% !important;
    outline: none !important;
    cursor: pointer;
}

.input-wrap input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.9) !important;
}

.input-wrap input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.9) !important;
}

.input-wrap input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.9) !important;
}

.input-wrap input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.9) !important;
}

.input-wrap input::placeholder {
    color: rgba(255, 255, 255, 0.9) !important;
}

.input-wrap img {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    color: var(--white);
    pointer-events: none;
    width: 18px;
    height: 18px;
    -o-object-fit: contain;
       object-fit: contain;
}

.booking-search-btn {
    background-color: var(--orange-color);
    color: var(--white);
    border: none;
    height: 65px;
    padding: 0 45px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 15px 0 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.booking-search-btn:hover {
    background-color: var(--white);
    color: var(--orange-color);
}

.booking-inr input[type='submit'] {
    padding: 0 40px;
    text-transform: uppercase;
    background-color: var(--orange-color);
    border-radius: 10px 0 10px 0;
    font-size: 16px;
    color: var(--white);
    border: 1px solid var(--orange-color);
    min-width: 180px;
    font-weight: 400;
    background-image: url("assets/images/iconoir_search.svg");
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 20px;
}

.booking-inr input[type='submit']:hover {
    color: var(--white);
    background-color: var(--heading-color);
    border-color: var(--heading-color);
}

.booking-inr input[type='date'] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: relative;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.discover-sec {
    position: relative;
    padding: 100px 0;
}

.discover-inr {
    position: relative;
    z-index: 3;
}

.discover-separator {
    width: 1px;
    height: 65px;
    background-color: var(--usvi-sky-blue);
    margin: 0 auto 25px;
}

.discover-img-card {
    width: 100%;
    height: 100%;
    overflow: hidden;
    max-height: 495px;
}

.discover-img-card img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.left-card {
    border-radius: 100px 20px 20px 20px;
    margin-bottom: 100px;
}

.right-card {
    border-radius: 20px 20px 100px 20px;
    margin-top: 100px;
}

.island-hosted-row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.island-hosted-row .island-hosted-left-col {
    width: 28%;
}

.island-hosted-row .island-hosted-mid-col {
    width: 44%;
}

.island-hosted-row .island-hosted-right-col {
    width: 28%;
}

.discover-content {
    max-width: 662px;
    margin: 0 auto;
    position: relative;
}

.explore-island-btnwrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
}

.explore-island-btnwrp>*:not(:last-child) {
    margin-right: 10px;
}

.discover-content h2 {
    margin-bottom: 10px;
}

.discover-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(top, rgba(48, 164, 187, 0.3) 0%, rgba(48, 164, 187, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 164, 187, 0.3)), to(rgba(48, 164, 187, 0)));
    background: linear-gradient(180deg, rgba(48, 164, 187, 0.3) 0%, rgba(48, 164, 187, 0) 100%);
    z-index: 2;
}

.rooter-lines {
    width: 1px;
    height: calc(100% + 200px);
    position: absolute;

    background: -o-linear-gradient(bottom, rgba(210, 210, 210, 0) 0%, rgba(210, 210, 210, 1) 100%);

    background: -webkit-gradient(linear, left bottom, left top, from(rgba(210, 210, 210, 0)), to(rgba(210, 210, 210, 1)));

    background: linear-gradient(0deg, rgba(210, 210, 210, 0) 0%, rgba(210, 210, 210, 1) 100%);
}

.right-rooler {
    top: -100px;
    right: -27px;
}

.left-rooler {
    top: -100px;
    left: -27px;
}

.brows-pdf-btn,
.book-now {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 5;
    background-color: var(--usvi-sky-blue);
    border: none;
    -webkit-writing-mode: sideways-lr;
        -ms-writing-mode: sideways-lr;
            writing-mode: sideways-lr;
    padding: 44px 18px;
    min-height: 242px;
    text-align: center;
    letter-spacing: 0.06em;
    -webkit-box-shadow: 0px 4px 72px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 4px 72px rgba(0, 0, 0, 0.2);
}

.brows-pdf-btn:hover {
    background-color: var(--orange-color);
    color: var(--white);
}

.booking-header-btnwrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: 40px;
}

.booking-header-btnwrp>*:not(:last-child) {
    margin-right: 10px;
}

.booking-all-wrp h2 {
    margin-bottom: 0;
}

.booking-all-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 40px;
}

.banner-forms.is-sticky {
    position: fixed;
    top: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: var(--usvi-sky-blue);
    -webkit-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.2);
}

.banner-forms.is-sticky .booking-inr {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    padding: 15px 10px 20px;
}

.booking-previous,
.stay-booking-previous,
.john-eat-sec.where-eat-sec .booking-previous {
    position: absolute;
    top: 30%;
    left: 7%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 3;
}

.booking-next,
.stay-booking-next,
.john-eat-sec.where-eat-sec .booking-next {
    position: absolute;
    top: 30%;
    right: 7%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 3;
}

.booking-slider-outer {
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.slider-left-lay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 9%;
    z-index: 2;
    background: -o-linear-gradient(315deg, #FFFFFF 30.55%, rgba(255, 255, 255, 0.7) 100%);
    background: linear-gradient(135deg, #FFFFFF 30.55%, rgba(255, 255, 255, 0.7) 100%);
}

.slider-right-lay {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 9%;
    z-index: 2;
    background: -o-linear-gradient(right, #FFFFFF 30.55%, rgba(255, 255, 255, 0.7) 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(30.55%, #FFFFFF), to(rgba(255, 255, 255, 0.7)));
    background: linear-gradient(270deg, #FFFFFF 30.55%, rgba(255, 255, 255, 0.7) 100%);
}

.booking-img-wrp {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    padding-top: 40%;
}

.booking-img-wrp img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.booking-slider .each-booking-part,
.stay-booking-slider .each-booking-part {
    height: inherit !important;
    padding: 7px;
}

.booking-slider .slick-track,
.stay-booking-slider .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.booking-slider .slick-list,
.stay-booking-slider .slick-list {
    margin: -7px;
}

.sec-head .cmn-small-title {
    color: var(--usvi-sky-blue);
    font-size: 16px;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
    display: inline-block;
}

.booking-bottom-wrp .booking-all-wrp {
    margin-bottom: 20px;
}

.booking-bottom-wrp {
    margin-top: 48px;
    opacity: 0;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    padding: 0 15px;
}

.each-booking-part.slick-center .booking-bottom-wrp {
    opacity: 1;
}
.choose-img-wrp {
    width: 100%;
    height: 100%;
    border-radius: 20px 20px 100px 20px;
    overflow: hidden;
}

.choose-img-wrp img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.choose-content {
    padding-left: 30px;
    width: 100%;
    height: 100%;
}

.choose-content .sec-head h2 {
    margin-bottom: 12px;
}

.choose-list {
    margin: -15px 0 0 0;
}

.choose-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.choose-item:first-child .choose-text {
    border-top: none;
}

.choose-text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 20px 0;
    border-top: 1px dashed #ccc;
}

.choose-content .sec-head{
    margin-bottom: 30px;
}

.choose-icon {
    width: 50px;
    height: 50px;
    margin-right: 20px;
    margin-top: 25px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.choose-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.contact-row {
    --bs-gutter-y: 30px;
}

.choose-list>*:first-child {
    padding-top: 0;
}

.choose-list>*:last-child {
    padding-bottom: 0;
}

.choose-text h3 {
    margin-bottom: 5px;
}

.cruise-sec {
    background-color: #9fdded;
    position: relative;
}

.crouse-back-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    opacity: 0.15;
}

.cruise-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    min-height: 717px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 50px;
}

.cruise-card img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
    -webkit-transition: -webkit-transform 0.8s ease;
    transition: -webkit-transform 0.8s ease;
    -o-transition: transform 0.8s ease;
    transition: transform 0.8s ease;
    transition: transform 0.8s ease, -webkit-transform 0.8s ease;
}

.cruise-card:hover img {
    -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
            transform: scale(1.03);
}

.cruise-content {
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    z-index: 3;
}

.cruise-content h2 {
    margin-bottom: 30px;
}


.cruise-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.cruise-bg-lay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 39.9%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(39.9%, rgba(0, 0, 0, 0)), to(#000000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 39.9%, #000000 100%);
    z-index: 1;
}

.cruis-btn-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.cruis-btn-wrp>*:not(:last-child) {
    margin-right: 20px;
}

.newsletter-inr-wpr {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.footer-sec {
    position: relative;
    padding: 167px 0 42px;
}

.newsletter-sec {
    position: relative;
    text-align: center;
}

.newsletter-inr {
    max-width: 929px;
    margin: 0 auto;
}

.mail-input-wpr {
    min-width: 513px;
}

.submit-btn-wpr {
    min-width: 284px;
}

.newsletter-inr h2 {
    margin-bottom: 30px;
}

.newsletter-inr p {
    margin-bottom: 20px;
}

.newsletter-form {
    max-width: 816px;
    margin: 0 auto;
}

.newsletter-form .input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 19px;
}

/* This CTA intentionally keeps the original newsletter panel's image and spacing. */
.usvi-island-discovery-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    min-width: 284px;
}

.usvi-island-discovery-cta__button span {
    font-size: 1.45em;
    line-height: 0.7;
}

.ftr-top-logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 16px;
    max-width: 513px;
    margin: 0 auto;
    background-color: #FFF7EF;
    margin-bottom: -22px;
    position: relative;
}

.logo-item {
    padding: 0 40px;
}

.logo-item:first-child {
    padding-left: 0;
    border-right: 1px solid #E5E5E5;
}

.logo-item:last-child {
    padding-right: 0;
}

.logo-item img {
    width: 100%;
}

.ftr-title {
    margin-bottom: 25px;
    display: inline-block;
}

.ftr-links {
    padding: 0;
    margin: 0;
    list-style: none;
}

.ftr-links li {
    margin-bottom: 15px;
}

.ftr-links li a {
    color: var(--body-color);
}

.ftr-links li a:hover {
    color: var(--orange-color);
}

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

.contact-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
    margin-bottom: 20px;
}

.contact-list li img {
    width: 20px;
    margin-top: 5px;
}

.contact-list li a,
.contact-list li p {
    color: var(--body-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.contact-list li a:hover {
    color: var(--orange-color);
}

.contact-list li p span strong {
    font-weight: 500;
}

.ftr-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    padding-left: 0;
    margin-bottom: 0;
}

.ftr-social>*:not(:last-child) {
    margin-right: 7px;

}

.ftr-social a {
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid #E5E5E5;
    border-radius: 50%;
}

.ftr-social a img {
    width: 16px;
}

.ftr-social a:hover {
    background: var(--orange-color);
    border-color: var(--orange-color);
}

.ftr-social a:hover img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}

.ftr-bottom {
    padding-top: 31px;
    border-top: 1px solid #E5E5E5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.ftr-btm-rt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: 40px;
}

.ftr-bottom-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.ftr-bottom-links li {
    padding: 0 12px;
    position: relative;
}

.ftr-bottom-links li:first-child {
    padding-left: 0;
}

.ftr-bottom-links li:last-child {
    padding-right: 0;
}

.ftr-bottom-links li::after {
    content: "";
    width: 1px;
    height: 15px;
    background-color: var(--body-color);
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.ftr-bottom-links li:last-child::after {
    display: none;
}

.ftr-btm-lt p a,
.ftr-btm-rt ul li a {
    color: var(--body-color);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.ftr-btm-lt p a:hover,
.ftr-btm-rt ul li a:hover {
    color: var(--orange-color);
}



.mail-input-wpr input[type="email"] {
    background-color: var(--white);
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border-radius: 0;
    color: var(--body-color);
    border: 1px solid rgb(171, 171, 171, 0.6);
    height: 60px;
    padding: 0 45px 0 22px;
    outline: none !important;
    font-family: var(--public-font);
    font-size: 16px;
}

.newsletter-form input {
    border: none;
    height: 55px;
    padding: 0 20px;
    font-size: 16px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background: url(assets/images/gray-mail-icn.svg) no-repeat calc(100% - 16px) center transparent;
    background-size: 18px;
}

.mail-input-wpr ::-webkit-input-placeholder {
    color: #9C9C9C;
}

.mail-input-wpr :-ms-input-placeholder {
    color: #9C9C9C;
}

.mail-input-wpr ::-moz-placeholder {
    color: #9C9C9C;
}

.mail-input-wpr :-moz-placeholder {
    color: #9C9C9C;
}

.submit-btn-wpr input[type="submit"] {
    background: var(--orange-color);
    color: var(--white);
    height: 60px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border-radius: 0;
    padding-left: 30px;
    padding-right: 30px;
    letter-spacing: 0.06em;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    outline: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    width: 100%;
    border-radius: 10px 0 10px 0;
    border: 1px solid var(--orange-color);
}

.submit-btn-wpr input[type="submit"]:hover {
    color: var(--orange-color);
    background-color: var(--white);
}

.ftr-badge {
    max-width: 250px;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 5px;
    padding: 24px;
    position: relative;
}

.ftr-badge::after {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    left: 0;
    background: #fefefe;
    -webkit-filter: blur(25px);
            filter: blur(25px);
}

.ftr-badge img {
    width: 100%;
    z-index: 1;
    position: relative;
}

.ftr-grid-wrp {
    border: 1px solid #D9D9D9;
    border-radius: 16px;
    padding: 80px 35px 36px;
}

.ftr-top {
    padding: 0 20px 70px;
}

.ftr-links-mid {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
}

.ftr-col:first-child {
    width: 12%;
}

.ftr-col:nth-child(2) {
    width: 10.7%;
}

.ftr-col:nth-child(3) {
    width: 27.1%;
}

.ftr-col:nth-child(4) {
    width: 18%;
}

.ftr-col:last-child {
    width: 21.5%;
}

.ftr-col-wrp {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.contact-list li i {
    display: inline-block;
    line-height: 0;
    max-width: 18px;
    width: 100%;
}

.ftr-social li {
    list-style: none;
    margin-bottom: 0;
}

.ftr-social li a {
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid rgb(124, 121, 119, 0.5);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.ftr-social li a i {
    display: inline-block;
    line-height: 0;
    max-width: 14px;
    width: 100%;
    max-height: 14px;
    height: 100%;
}

.ftr-social li a i img {
    width: 100%;
    height: 100%;
}


.ftr-social li a:hover {
    background: var(--orange-color);
    border-color: var(--orange-color);
    border-radius: 50%;
}

.ftr-social li a:hover img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}


.newsleetr-img-wpr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.footer-img-wpr {
    position: absolute;
    left: 0;
    width: 100%;
    top: -51px;
    z-index: 1;
}

.footer-img-wpr img {
    width: 100%;
    -webkit-transform: translateY(-7%);
        -ms-transform: translateY(-7%);
            transform: translateY(-7%);
    max-height: 110%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: top center;
       object-position: top center;
}

.things-img-wrp {
    width: 100%;
    height: 100%;
}

.newsleetr-img-wpr img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.newsleetr-img-wpr::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: -o-linear-gradient(top, #FFFFFF 10%, rgba(255, 255, 255, 0) 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #FFFFFF), color-stop(90%, rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, #FFFFFF 10%, rgba(255, 255, 255, 0) 90%);
}

.footer-sec::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: -o-linear-gradient(bottom, #FFF7EF 62%, rgba(255, 247, 239, 0) 76%, rgba(255, 247, 239, 0) 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(62%, #FFF7EF), color-stop(76%, rgba(255, 247, 239, 0)), to(rgba(255, 247, 239, 0)));
    background: linear-gradient(to top, #FFF7EF 62%, rgba(255, 247, 239, 0) 76%, rgba(255, 247, 239, 0) 100%);
    z-index: 1;
}

.footer-sec-in {
    position: relative;
    z-index: 2;
}

.blog-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-bottom: 50px;
}

.view-all-btn {
    font-size: 14px;
    color: var(--orange-color);
    text-transform: uppercase;
    padding: 12px 25px;
    border: 1px solid var(--orange-color);
    border-radius: 8px;
    font-weight: 500;
    letter-spacing: 0.05em;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.view-all-btn:hover {
    background-color: var(--orange-color);
    color: var(--white);
}

.blog-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.blog-card:hover {
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
}

.blog-img {
    height: 100%;
    position: relative;
    width: 100%;
    padding-top: 66.5%;
}

.blog-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.blog-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 33px;
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.blog-date {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    margin-bottom: 15px;
    line-height: 1;
}

.blog-content h3 {
    color: var(--white);
    line-height: 1.3;
    margin-bottom: 0;
}

.blog-arrow {
    width: 52px;
    height: 52px;
    background-color: var(--orange-color);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.blog-arrow img {
    max-width: 20px;
    width: 100%;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}


.blog-arrow:hover {
    background-color: var(--white);
}

.blog-arrow:hover img {
    -webkit-filter: brightness(0) saturate(100%) invert(70%) sepia(81%) saturate(5848%) hue-rotate(354deg) brightness(98%) contrast(102%);
            filter: brightness(0) saturate(100%) invert(70%) sepia(81%) saturate(5848%) hue-rotate(354deg) brightness(98%) contrast(102%);
}

.blog-info {
    padding-right: 20px;
}

.blog-row {
    --bs-gutter-x: 10px;
}

.cmn-btn.border-btn {
    background-color: var(--white);
    color: var(--orange-color);
}

.cmn-btn.border-btn:hover {
    background-color: var(--orange-color);
    color: var(--white);
}

.blog-head h2 {
    margin-bottom: 0;
}

.things-sec h2 {
    margin-bottom: 60px;
}

.things-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 250px;
    gap: 10px;
    max-width: 1580px;
    margin: 0 auto;
}

.things-item {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
}

.things-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.things-item:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.things-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 5.33%, rgba(0, 0, 0, 0.498758) 55.11%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5.33%, rgba(0, 0, 0, 0)), color-stop(55.11%, rgba(0, 0, 0, 0.498758)), to(#000000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 5.33%, rgba(0, 0, 0, 0.498758) 55.11%, #000000 100%);
    height: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.things-overlay h3 {
    color: var(--white);
    margin-bottom: 0;
    font-weight: 300;
}

.things-item:nth-child(1) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
}

.things-item:nth-child(2) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
}

.things-item:nth-child(3) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 1;
    grid-row: 1;
}

.things-item:nth-child(4) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2 / 4;
}

.things-item:nth-child(5) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 3;
    grid-row: 3;
}

.things-item:nth-child(6) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 2;
    grid-row: 2;
}

.things-item:nth-child(7) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 3;
    grid-row: 3;
}


.section-head h2 {
    margin-bottom: 0;
    text-align: center;
}

.section-head {
    margin-bottom: 50px;
}

.events-row {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;

}

.events-left,
.events-right {
    width: 50%;

}

.events-left-in {
    position: relative;
    border-radius: 20px 0 0 20px;
    overflow: hidden;
}

.events-right-in {
    position: relative;
    border-radius: 0px 20px 20px 0px;
    overflow: hidden;
    padding: 40px 43px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 100%;
    -webkit-box-align: self-end;
        -ms-flex-align: self-end;
            align-items: self-end;
}

.events-right-in::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
}

.events-right-in::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 65.83%, rgba(0, 0, 0, 0.550519) 80.82%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(65.83%, rgba(0, 0, 0, 0)), color-stop(80.82%, rgba(0, 0, 0, 0.550519)), to(#000000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 65.83%, rgba(0, 0, 0, 0.550519) 80.82%, #000000 100%);
    z-index: 2;
}

.event-img,
.event-tab-bg {
    height: 100%;
    position: relative;
    padding-top: 103.2%;
}

.event-img img,
.event-tab-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.event-date-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--orange-color);
    color: var(--white);
    padding: 19px 14px 43px 14px;
    text-align: center;
    border-radius: 4px;
    z-index: 2;
    -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 60%, 100% 100%, 49% 73%, 0 100%, 0 0);
            clip-path: polygon(50% 0%, 100% 0, 100% 60%, 100% 100%, 49% 73%, 0 100%, 0 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.event-date-badge span {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1;
}

.event-date-badge strong {
    display: block;
    font-size: 24px;
    line-height: 1;
}


.event-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px;
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    color: var(--white);
}

.event-info p {
    margin-bottom: 8px;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}

.event-info p strong {
    font-weight: 300;
    font-size: 28px;
    line-height: 1.2;
    font-family: var(--header-font);
    text-transform: capitalize;
    margin-right: 16px;
    color: var(--white);
    letter-spacing: -0.03em;
    min-width: 185px;
    display: inline-block;
}

.slider-arrows {
    position: absolute;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: var(--white);
    z-index: 5;
}

.slider-arrows button {
    width: 50px;
    height: 50px;
    border: 1px solid var(--orange-color);
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slider-arrows button:hover {
    background: var(--orange-color);
}

.slider-arrows button:hover img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}


.event-tab-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.event-tab-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.event-tab-content {
    position: relative;
    z-index: 2;
    color: var(--white);
}

.save-date {
    display: block;
    font-size: 16px;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
    opacity: 0.8;
}

.event-tab-content h3 {
    color: var(--white);
    margin-bottom: 20px;
}

.event-tab-content p {
    line-height: 1.6;
    margin-bottom: 40px;
}

.event-tabs {
    border: none;
    gap: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.event-tabs .nav-link {
    background: none !important;
    border: none !important;
    padding: 0 0 15px 0 !important;
    color: var(--white) !important;
    font-size: 28px;
    font-family: var(--header-font);
    position: relative;
    opacity: 0.6;
}

.event-tabs .nav-link.active {
    opacity: 1;
}

.event-tabs .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--white);
}

.events-slider-wpr {
    position: relative;
    z-index: 1;
}

.event-info p:last-child {
    margin-bottom: 0;
}

.discover-sec-two {
    padding: 100px 0 0;
    position: relative;
}



.discover-header {
    max-width: 950px;
    margin: 0 auto 20px;
}

.discover-header h2 {
    margin-bottom: 20px;
}

.discover-header p {
    font-size: 18px;
    line-height: 1.6;
    color: var(--body-color);
}

.discover-content-wrap {
    position: relative;
    margin: -80px auto 0;
}

.map-img-box {
    width: 100%;
    max-width: 63.6%;
    margin: 0 auto;
}

.map-img-box img {
    width: 100%;
}

.map-pin {
    position: absolute;
    z-index: -1;
    width: 45px;
    cursor: pointer;
    pointer-events: auto;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.map-pin img {
    width: 100%;
}

.pin-thomas {
    left: 35.8%;
    top: 31.5%;
}

.pin-john {
    left: 51.3%;
    top: 32.2%;
}

.pin-croix {
    left: 50.8%;
    top: 52.5%;
}
.island-card {
    position: absolute;
    z-index: 10;
}

.island-card.active{
    z-index: 11;
}

.island-card .card-img {
    overflow: hidden;
    padding-top: 48%;
    position: relative;
    border-radius: 20px 20px 0 0;
}

.island-card .card-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.island-card .card-info {
    padding: 20px 23px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 14px 74px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 14px 74px rgba(0, 0, 0, 0.08);
    border-radius: 0 0 20px 20px;
}

.island-card h3 {
    margin-bottom: 10px;
}


.island-card p a {
    color: var(--usvi-sky-blue);
    text-decoration: underline !important;
    font-weight: 500;
}

.card-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.card-links li {
    margin-bottom: 8px;
}

.card-links li a {
    color: var(--orange-color);
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    letter-spacing: 0.05em;
}

.card-links li a:hover {
    color: var(--heading-color);
}

.card-thomas {
    left: 50px;
    top: 290px;
}

.card-john {
    right: 50px;
    top: 205px;
}

.card-croix {
    right: 340px;
    bottom: 50px;
}


.line-john-img {
    width: 435px;
    height: 102px;
    left: 51.3%;
    top: 22.5%;
}

.line-croix-img {
    width: 107px;
    height: 329px;
    left: 50.8%;
    top: 52.5%;
}

.disc-point-wrp {
    position: absolute;
    width: 64%;
}

.dotted-crcl {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--usvi-sky-blue);
    -webkit-box-shadow: 0px 0px 0px 3px var(--white);
            box-shadow: 0px 0px 0px 3px var(--white);
    position: absolute;
    z-index: 4;
}

.island-card-main .island-card:first-child {
    left: 0%;
    top: 28%;
}

.island-card-main .island-card:first-child .map-pin {
    top: -29%;
    right: 0%;
}

.island-card-main .island-card:first-child .disc-point-wrp {
    top: 11%;
    right: -64%;
}

.island-card-in {
    max-width: 375px;
    opacity: 0;
    -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transition: opacity 0.4s ease, visibility 0.4s ease, -webkit-transform 0.4s ease;
    transition: opacity 0.4s ease, visibility 0.4s ease, -webkit-transform 0.4s ease;
    -o-transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease;
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease;
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}

.dotted-line-wrp {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
    -o-transition: opacity 0.3s ease, visibility 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.dotted-line-img {
    -webkit-transition: -webkit-clip-path 0.6s ease;
    transition: -webkit-clip-path 0.6s ease;
    -o-transition: clip-path 0.6s ease;
    transition: clip-path 0.6s ease;
    transition: clip-path 0.6s ease, -webkit-clip-path 0.6s ease;
}

.dotted-crcl {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--usvi-sky-blue);
    -webkit-box-shadow: 0px 0px 0px 3px var(--white);
            box-shadow: 0px 0px 0px 3px var(--white);
    position: absolute;
    z-index: 4;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}

.island-card.active .dotted-line-wrp {
    opacity: 1;
    visibility: visible;
}

.island-card.active .dotted-crcl {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition-delay: 0.6s;
         -o-transition-delay: 0.6s;
            transition-delay: 0.6s;
}

.island-card.active .island-card-in {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: 0.4s;
         -o-transition-delay: 0.4s;
            transition-delay: 0.4s;
    pointer-events: auto;
}

.island-card:first-child .dotted-line-img {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
}

.island-card:first-child.active .dotted-line-img {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
}

.island-card:nth-child(2) .dotted-line-img {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
}

.island-card:nth-child(2).active .dotted-line-img {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
}

.island-card:last-child .dotted-line-img {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
}

.island-card:last-child.active .dotted-line-img {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
}


.island-card p a:hover {
    color: var(--orange-color);
}


.island-card-main .island-card:first-child .dotted-crcl {
    right: 7%;
    top: -3%;
}


.island-card-main .island-card:nth-child(2) {
    top: 13%;
    right: 0;
}

.island-card-main .island-card:nth-child(2) .disc-point-wrp {
    width: 116%;
    top: 36%;
    left: -116%;
}

.island-card-main .island-card:nth-child(2) .map-pin {
    top: -34%;
    left: -9%;
}

.island-card-main .island-card:nth-child(2) .dotted-crcl {
    top: -7%;
    left: -1%;
}

.island-card-main .island-card:last-child {
    bottom: -43%;
    right: 21%;
}

.island-card-main .island-card:last-child .disc-point-wrp {
    top: -37%;
    left: -30%;
}

.island-card-main .island-card:last-child .map-pin {
    top: -18%;
    left: -8%;
}

.island-card-main .island-card:last-child .dotted-crcl {
    top: -4%;
    left: -2%;
}

.st-thomas-island .island-card-main .island-card:last-child .dotted-crcl {
    top: auto;
    bottom: -10%;
    left: -2%;
}

.island-card.active .disc-point-wrp {
    pointer-events: all;
}

.card-links li a img {
    width: 25px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.card-links li a:hover img {
    -webkit-transform: translateX(5px);
        -ms-transform: translateX(5px);
            transform: translateX(5px);
}

.visitor-gallery-sec {
    padding: 50px 0 80px;
}

.sec-head {
    margin-bottom: 50px;
}

.sec-head.gallery-head {
    text-align: center;
    max-width: 1160px;
    margin: 0 auto 50px;
}

.gallery-container {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

.gallery-head h2 {
    margin-bottom: 15px;
}

.visitor-gallery-slider {
    margin: 0 -5px;
}

.visitor-gallery-slider .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.visitor-gallery-slider .gallery-item {
    padding: 0 5px;
    height: inherit !important;
}

.visitor-gallery-slider .gallery-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 20px;
}

.visitor-gallery-slider-arrow-wrp {
    padding-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.visitor-gallery-slider-arrow-wrp>*:not(:last-child) {
    margin-right: 12px;
}

.testimonial-sec {
    position: relative;
    z-index: 1;
}

.testimonial-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.testimonial-bg-innr {
    width: 100%;
    position: relative;
}

.testimonial-bg-innr img {
    width: 100%;
}

.testimonial-bg-innr::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 273px;
    top: -1px;
    left: 0;
    background: -o-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0.604423) 42.98%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(42.98%, rgba(255, 255, 255, 0.604423)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.604423) 42.98%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

.testimonial-sec::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 12.8%, rgba(255, 255, 255, 0.567178) 28.47%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(12.8%, rgba(255, 255, 255, 0)), color-stop(28.47%, rgba(255, 255, 255, 0.567178)), to(#FFFFFF));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 12.8%, rgba(255, 255, 255, 0.567178) 28.47%, #FFFFFF 100%);
    z-index: 2;
}

.testimonial-main {
    position: relative;
    z-index: 3;
}

.testimonial-head {
    margin-bottom: 40px;
}

.testimonial-slider-outtr {
    position: relative;
    max-width: 1198px;
    margin: 0 auto;
}

.feed-top-part {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.feed-top-part .quote-icon {
    padding: 0 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.feed-top-part .quote-icon img {
    width: 116px;
}

.cmn-feed-line {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 32px;
    border-top: 1px solid #D9D9D9;
}

.cmn-feed-line.left {
    border-left: 1px solid #D9D9D9;
    border-top-left-radius: 15px;
}

.cmn-feed-line.right {
    border-top-right-radius: 10px;
    border-right: 1px solid #D9D9D9;
}

.feed-main-part {
    padding: 58px 104px 30px;
    border: 1px solid #D9D9D9;
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 100px;
}




.testimonial-card {
    text-align: center;
}

.testimonial-card h3 {
    margin-bottom: 20px;
    text-transform: inherit;
    letter-spacing: -0.03em;
}

.testimonial-card p {
    font-style: italic;
    line-height: 2;
    margin-bottom: 25px;
}

.testimonial-card .testimonial-sep {
    display: block;
    width: 262px;
    height: 1px;
    background-color: var(--orange-color);
    margin: 0 auto 30px;
}

.testimonial-card h4 {
    margin-bottom: 0;
}

.testimonial-slider-outtr .slider-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 2;
    background-color: transparent;
}

.testimonial-slider-outtr .slider-arrow:hover {
    background-color: var(--orange-color);
}

.testimonial-slider-outtr .testimonial-previous {
    left: -92px;
}

.testimonial-slider-outtr .testimonial-next {
    right: -92px;
}


.booking-all-wrp .sec-head {
    margin-bottom: 0;
}

.banner-sec-inr-new {
    width: 100%;
    height: 100%;
}


.main-head.nw-main-head .navbar-brand {
    width: 180px;
}

.main-head.nw-main-head .navbar-brand img {
    width: 100%;
}


.main-head.nw-main-head .navbar-nav>li:first-child>a {
    border-radius: 0 10px 0 10px;
    padding: 10px;
}

.main-head.nw-main-head .navbar-nav>li:first-child>a {
    background-color: var(--orange-color);

}

.main-head.nw-main-head .navbar-nav>li:first-child:hover>a {
    color: var(--black);

}

.main-head.nw-main-head .navbar-nav>li:first-child>a::after {
    display: none;
}

.main-head .sub-menu {
    background: var(--white);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    width: 200px;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    border-top: 2px solid var(--orange-color);
}

.main-head .sub-menu>li>a:hover,
.main-head .sub-menu>li.current-menu-item>a {
    background: var(--orange-color);
    color: var(--white);
}

.main-head .sub-menu>li>a {
    display: block;
    width: 100%;
    padding: 8px 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--heading-color);
}

.down-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: var(--orange-color);
    position: relative;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid var(--orange-color);
}

/* Islands hub: approved WebKitters island-overview composition. */
.page-template-template-islands-hub-php .usvi-islands-hub {
    overflow: hidden;
}

.page-template-template-islands-hub-php .usvi-islands-hub-hero .usvi-hero-bg img {
    object-position: center 48%;
}

.usvi-islands-overview {
    padding: clamp(72px, 8vw, 120px) 0 clamp(56px, 6vw, 90px);
    background: #fff;
}

.usvi-islands-overview-grid {
    display: grid;
    grid-template-columns: minmax(190px, 0.82fr) minmax(360px, 1.36fr) minmax(190px, 0.82fr);
    align-items: center;
    gap: clamp(28px, 4vw, 64px);
}

.usvi-islands-overview-image {
    height: clamp(390px, 41vw, 545px);
    margin: 0;
    overflow: hidden;
}

.usvi-islands-overview-image-left {
    border-radius: 92px 20px 20px 20px;
}

.usvi-islands-overview-image-right {
    border-radius: 20px 20px 92px 20px;
}

.usvi-islands-overview-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.usvi-islands-overview-copy {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
}

.usvi-islands-overview-copy h2,
.usvi-island-feature-copy h2 {
    margin-bottom: 0;
}

.usvi-islands-heading-rule,
.usvi-island-feature-rule {
    display: block;
    width: 2px;
    height: 28px;
    margin: 18px auto 24px;
    background: var(--usvi-sky-blue, #0aa6b5);
}

.usvi-islands-rich-text {
    font-size: 16px;
    line-height: 1.75;
}

.usvi-islands-rich-text > :last-child {
    margin-bottom: 0;
}

.usvi-islands-showcase {
    position: relative;
    isolation: isolate;
    padding: clamp(82px, 8vw, 130px) 0;
    background: linear-gradient(180deg, #e9f8fc 0%, #f7fdff 48%, #e9f8fc 100%);
}

.usvi-islands-showcase-pattern {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: url('assets/images/usvi-map-bg.webp') center top / 100% auto repeat-y;
    opacity: 0.68;
}

.usvi-islands-list {
    display: grid;
    gap: clamp(90px, 10vw, 150px);
}

.usvi-island-feature {
    display: grid;
    grid-template-columns: minmax(0, 1.28fr) minmax(330px, 0.72fr);
    align-items: center;
    gap: clamp(54px, 7vw, 110px);
}

.usvi-island-feature.is-reversed {
    grid-template-columns: minmax(330px, 0.72fr) minmax(0, 1.28fr);
}

.usvi-island-feature.is-reversed .usvi-island-feature-map {
    order: 2;
}

.usvi-island-feature-map {
    display: grid;
    place-items: center;
    min-height: clamp(300px, 37vw, 500px);
}

.usvi-island-feature-map img {
    display: block;
    width: 100%;
    max-height: 500px;
    object-fit: contain;
    filter: drop-shadow(0 22px 28px rgba(0, 74, 105, 0.14));
}

.usvi-island-feature-st-john .usvi-island-feature-map img {
    width: 94%;
}

.usvi-island-feature-copy {
    max-width: 520px;
}

.usvi-island-feature-kicker {
    margin-bottom: 12px;
    color: var(--usvi-teal, #007e87);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.17em;
    text-transform: uppercase;
}

.usvi-island-feature-rule {
    width: 44px;
    height: 2px;
    margin: 20px 0 24px;
}

.usvi-island-feature-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    min-width: 220px;
    line-height: 1.25;
    text-align: center;
}

@media (max-width: 1199.98px) {
    .usvi-islands-overview-grid {
        grid-template-columns: minmax(175px, 0.78fr) minmax(330px, 1.44fr) minmax(175px, 0.78fr);
        gap: 28px;
    }

    .usvi-islands-overview-image {
        height: 430px;
    }

    .usvi-island-feature,
    .usvi-island-feature.is-reversed {
        grid-template-columns: minmax(0, 1.14fr) minmax(300px, 0.86fr);
        gap: 54px;
    }
}

@media (max-width: 991.98px) {
    .page-template-template-islands-hub-php .usvi-islands-hub-hero {
        --usvi-hero-height: 54vh !important;
    }

    .usvi-islands-overview-grid {
        grid-template-columns: 1fr 1fr;
        gap: 28px;
    }

    .usvi-islands-overview-copy {
        grid-column: 1 / -1;
        grid-row: 1;
        max-width: 680px;
        padding-bottom: 12px;
    }

    .usvi-islands-overview-image {
        height: 380px;
    }

    .usvi-island-feature,
    .usvi-island-feature.is-reversed {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .usvi-island-feature.is-reversed .usvi-island-feature-map {
        order: initial;
    }

    .usvi-island-feature-map {
        min-height: 0;
    }

    .usvi-island-feature-map img {
        width: min(100%, 720px);
        max-height: 440px;
    }

    .usvi-island-feature-copy {
        max-width: 650px;
        margin: 0 auto;
        text-align: center;
    }

    .usvi-island-feature-rule {
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 575.98px) {
    .page-template-template-islands-hub-php .usvi-islands-hub-hero {
        --usvi-hero-height: 58vh !important;
    }

    .usvi-islands-overview {
        padding-top: 64px;
    }

    .usvi-islands-overview-grid {
        gap: 14px;
    }

    .usvi-islands-overview-copy {
        padding-bottom: 18px;
    }

    .usvi-islands-overview-image {
        height: 248px;
    }

    .usvi-islands-overview-image-left {
        border-radius: 56px 14px 14px 14px;
    }

    .usvi-islands-overview-image-right {
        border-radius: 14px 14px 56px 14px;
    }

    .usvi-islands-showcase {
        padding: 72px 0 84px;
    }

    .usvi-islands-list {
        gap: 82px;
    }

    .usvi-island-feature-map img,
    .usvi-island-feature-st-john .usvi-island-feature-map img {
        width: 100%;
        max-height: 310px;
    }

    .usvi-island-feature-kicker {
        font-size: 13px;
        letter-spacing: 0.12em;
    }

    .usvi-island-feature-link {
        width: 100%;
        min-width: 0;
    }
}

/* Keep the two-card original Hero rail clear of the content column on
 * compact desktop widths without changing its wider or mobile layouts. */
@media (min-width: 1200px) and (max-width: 1599px) {
    .usvi-hero[data-usvi-hero-engine="original"] .banner-slider-outer {
        max-width: 54%;
    }
}

button.down-btn {
    padding: 0;
    cursor: pointer;
}

.down-btn:hover {
    background: var(--white);
}

.down-btn:hover img {
    -webkit-filter: brightness(0) saturate(100%) invert(42%) sepia(77%) saturate(2674%) hue-rotate(357deg) brightness(102%) contrast(98%);
            filter: brightness(0) saturate(100%) invert(42%) sepia(77%) saturate(2674%) hue-rotate(357deg) brightness(102%) contrast(98%);
}

.down-btn i {
    display: inline-block;
    max-width: 20px;
    width: 100%;
    line-height: 0;
}

.down-btn i img {
    width: 100%;
}

.dwn-btn-wpr {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.introduction-content {
    max-width: 1185px;
    margin: 0 auto;
}

.events-row {
    max-width: 1600px;
    margin: 0 auto;
}

.blog-row {
    max-width: 1601px;
    width: 100%;
    margin: 0 auto;
}

.featured-resorts-sec {
    background-color: var(--usvi-sky-blue);
    background-image: url('assets/images/featured-bg.webp');
    background-size: cover;
    background-position: center;
}

.featured-header {
    margin-bottom: 40px;
}

.resort-card {
    background: var(--white);
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    -webkit-box-shadow: 0px 14px 74px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 14px 74px rgba(0, 0, 0, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.resort-card-img {
    position: relative;
    padding-top: 60.5%;
}

.resort-card-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.resort-card-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
}

.ad-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--white);
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    color: var(--orange-color);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    letter-spacing: 0.06em;
    z-index: 1;
}

.resort-card-body {
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.resort-card-body h3 {
    margin-bottom: 10px;
}

.location-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    list-style: none;
    padding: 0;
    margin: 0 0 13px;
}

.location-info li {
    position: relative;
    padding: 0 15px;
}

.location-info li:first-child {
    padding-left: 0;
}

.location-info li:last-child {
    padding-right: 0;
}

.location-info li::after {
    content: "";
    width: 1px;
    height: 15px;
    background-color: var(--body-color);
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.location-info li:last-child::after {
    display: none;
}


.orange-tags-wrapper {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.orange-tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid rgb(252, 98, 10, 0.5);
    color: var(--orange-color);
    padding: 2px 15px;
    border-radius: 100px;
    font-size: 16px;
    margin-right: 5px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.orange-tag::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: rgb(252, 98, 10, 0.2);
    z-index: -1;
    width: 100%;
    height: 100%;

}

.orange-tag:last-child {
    margin-right: 0;
}

.orange-tag i {
    display: inline-block;
    margin-right: 6px;
    line-height: 0;
    max-width: 16px;
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.orange-tag i img {
    width: 100%;
}

.feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
}

.feature-list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 6px;
}

.feature-list li:last-child {
    margin-bottom: 0;
}

.feature-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 17px;
    height: 16px;
    background-image: url('assets/images/li-icn.svg');
    background-size: 15px;
    background-repeat: no-repeat;
}

.facility-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    list-style: none;
    padding: 0;
    margin: 0 0 25px;
}

.facility-tags li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding: 0 26px;
}

.facility-tags li:first-child {
    padding-left: 0;
}

.facility-tags li:last-child {
    padding-right: 0;
}

.facility-tags li::after {
    content: "";
    width: 1px;
    height: 19px;
    background-color: var(--body-color);
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.facility-tags li:last-child::after {
    display: none;
}

.facility-tags li i {
    display: inline-block;
    margin-right: 15px;
    line-height: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    max-width: 26px;
    width: 100%;
}

.facility-tags li i img {
    width: 100%;
}

.facility-tags li span {
    display: inline-block;
    font-weight: 700;
    line-height: 1;
}

.card-btn-wrp .cmn-btn {
    display: block;
    width: 100%;
    text-align: center;
}

.feature-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
}

.discover-resortss-sec {
    background: -o-linear-gradient(top, rgba(48, 164, 187, 0.3) 0%, rgba(48, 164, 187, 0) 104.33%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 164, 187, 0.3)), color-stop(104.33%, rgba(48, 164, 187, 0)));
    background: linear-gradient(180deg, rgba(48, 164, 187, 0.3) 0%, rgba(48, 164, 187, 0) 104.33%);
}

.discover-parar-wpr {
    --bs-gutter-y: 24px;
}

.resort-filter-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 40px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.filter-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.filter-left>span {
    font-weight: 700;
    margin-right: 20px;
    display: inline-block;
    line-height: 1;
}


.form-select-wpr select {
    background-color: var(--white);
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border-radius: 0;
    color: var(--body-color);
    height: 60px;
    padding: 0 22px;
    outline: none !important;
    min-width: 252px;
}

.form-select-wpr select {
    width: 100%;
    padding: 0 11px;
    background-image: url(assets/images/drop-down.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 22px) center;
    background-size: 12px;
    padding-right: 40px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.filter-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.search-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    background: var(--white);
    overflow: hidden;
    min-width: 505px;
    height: 60px;
}

.search-wrap input[type="text"] {
    border: none;
    padding: 20px 22px;
    width: 100%;
    font-size: 18px;
    display: block;
    letter-spacing: 0.03em;
    color: var(--body-color);
}

.search-wrap input:focus {
    outline: none;
}

.search-btn {
    background: var(--orange-color);
    border: none;
    padding: 0 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
}

.search-btn img {
    width: 18px;
}

.view-toggles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.view-btn {
    background: var(--white);
    border: none;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
    margin-right: 10px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.view-btn:last-child {
    margin-right: 0;
}

.view-btn.grid-view.active {
    background: var(--usvi-sky-blue);
}

.view-btn.grid-view.active img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}

.view-btn.list-view.active {
    background: var(--usvi-sky-blue);
}

.view-btn.list-view.active img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}

.list-layout .feature-col {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
}

.list-layout .resort-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100%;
}

.list-layout .resort-card-img {
    width: 32%;
    padding-top: 0;
    height: auto;
    min-height: 100%;
    border-radius: 0 20px 20px 0;
}

.list-layout .resort-card-body {
    width: 65%;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.list-layout .facility-tags {
    margin-top: auto;
}

.list-layout .feature-list {
    margin-bottom: 20px;
}

.resort-cards-wpr.list-view .feature-col {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
}

.resort-cards-wpr.list-view .resort-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100%;
}

.resort-cards-wpr.list-view .resort-card-img {
    width: 35%;
    padding-top: 0;
    height: auto;
    min-height: 100%;
}

.resort-cards-wpr.list-view .resort-card-body {
    width: 65%;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.resort-cards-wpr.list-view .facility-tags {
    margin-top: auto;
}

.resort-cards-wpr.list-view .feature-list {
    margin-bottom: 20px;
}

.resort-card .cmn-btn {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
}

.choose-itm-wpr {
    margin-bottom: 56px;
}

.choose-sec2 {
    background: -o-linear-gradient(top, rgba(48, 164, 187, 0.3) 0%, rgba(48, 164, 187, 0) 99.13%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 164, 187, 0.3)), color-stop(99.13%, rgba(48, 164, 187, 0)));
    background: linear-gradient(180deg, rgba(48, 164, 187, 0.3) 0%, rgba(48, 164, 187, 0) 99.13%);
}

.guides-category-box {
    background: #F8F8F8;
    padding: 40px 50px;
    border-radius: 10px;
    margin-bottom: 28px;
}

.guides-category-box:last-child {
    margin-bottom: 0;
}

.guides-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.guide-card {
    background: var(--white);
    padding: 10px;
    border-radius: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: var(--body-color);
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.02);
            box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.02);
    border-radius: 10px 0 10px 0;
    height: 100%;
}

.guide-card:hover {
    -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
            transform: translateY(-2px);
    color: var(--orange-color);
}

.guide-card:hover .guide-name-wpr img {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.guide-img {
    width: 44px;
    height: 46px;
    border-radius: 6px;
    overflow: hidden;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.guide-img img {

    -webkit-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

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



.guide-arrow {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 30px;
    line-height: 0;
}

.guide-arrow img {
    max-width: 16px;
    width: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.guide-name-wpr {
    width: calc(100% - 44px);
    padding-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.guide-name-wpr span {
    display: inline-block;
    line-height: 1.4;
}

.guide-row {
    --bs-gutter-y: 12px;

}

.guide-row {
    --bs-gutter-y: 12px;
    --bs-gutter-x: 20px;
}

.guide-outer .sec-head {
    margin-bottom: 60px;
}

.guides-category-box h3 {
    margin-bottom: 35px;
}

.guide-outer {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.island-card-main .island-card:last-child {
    bottom: -3%;
    right: 6%;
}

.island-card-main .island-card:last-child .disc-point-wrp {
    top: 25%;
    left: -88%;
    width: 140%;
}

.choose-sec2 .choose-content .sec-head {
    margin-bottom: 0;
}

.view-btn i {
    display: inline-block;
    line-height: 0;
    max-width: 24px;
    width: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.view-btn i img {
    width: 100%;
}


.close-card {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    background: var(--white);
    border: none;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
    z-index: 10;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.close-card img {
    width: 12px;
}

.island-card.active .close-card {
    opacity: 1;
    visibility: visible;
}

.discover-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
}

body.overlay-active .discover-overlay {
    opacity: 1;
    visibility: visible;
}

.explore-island-btnwrp .cmn-btn {
    min-width: 242px;
}

.overlay-active {
    overflow: hidden;
}

.orange-tag {
    margin-bottom: 4px;
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 8;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
}

.overlay-active .popup-overlay {
    opacity: 1;
    visibility: visible;
}

.innr-banners-sec {
    position: relative;
    padding: 125px 0 90px 0;
    min-height: 792px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.innrbanner-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.innr-banner-overlay-two {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #043649 65%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(65%, #043649));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #043649 65%);
    mix-blend-mode: multiply;
    opacity: 0.5;
}

.innr-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.301638) 39.83%, rgba(0, 0, 0, 0) 68.77%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.48)), color-stop(39.83%, rgba(0, 0, 0, 0.301638)), color-stop(68.77%, rgba(0, 0, 0, 0)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.301638) 39.83%, rgba(0, 0, 0, 0) 68.77%);

}

.innr-banners-sec-in {
    position: relative;
    z-index: 3;
}

.feature-inspection-sec {
    position: relative;
}

.feature-inspection-inr {
    position: relative;
    z-index: 3;
}

.feature-inspection-inr .sec-head {
    margin-bottom: 30px;
}

.feature-slider .blog-card:hover {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.feature-slider .each-features {
    padding: 5px;
}

.feature-slider .slick-list {
    margin: -5px;
}

.feture-slider-outer {
    position: relative;
}

.featured-btns-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 50px;
}

.featured-btns-outer>*:not(:last-child) {
    margin-right: 12px;
}

.paradise-sec {
    position: relative;
}

.paradise-sec-inr {
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.paradise-sec-inr .custom-tabs {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px;
    margin: -12px;
    border-radius: 10px;
    border: 1px solid rgba(171, 171, 171, 0.6);
    margin: 0 auto 60px;
    background-color: var(--white);
}

.paradise-sec-inr .custom-tabs li {
    padding: 12px;
}

.paradise-sec-inr .custom-tabs .nav-link {
    min-width: 260px;
    text-align: center;
    border: 1px solid var(--orange-color);
    font-size: 21px;
    letter-spacing: 0.06em;
    border-radius: 5px;
    color: #232323;
    padding: 13px;
}

.paradise-sec-inr .custom-tabs .nav-link:hover,
.paradise-sec-inr .custom-tabs .nav-link.active {
    background-color: var(--orange-color);
    color: var(--white);
}

.paradise-tab-content {
    width: 100%;
    border-radius: 20px;
    -webkit-box-shadow: 1px 1px 23.2px rgba(0, 0, 0, 0.1);
            box-shadow: 1px 1px 23.2px rgba(0, 0, 0, 0.1);
    background-color: var(--white);
    padding: 50px 60px;

}

.paradise-tab-content .discover-content-wrap {
    width: 100%;
    height: 100%;
    margin: 0;
}

.paradise-tab-content .map-img-box {
    max-width: 554px;
    margin: 0;
}

.paradise-tab-content .map-pin {
    width: 20px;
    height: 25px;
}

.paradise-tab-content .island-card-main .island-card:first-child {
    left: 13%;
    top: 8%;
}

.paradise-tab-content .island-card-in {
    -webkit-box-shadow: 0px 6.68261px 35.3224px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 6.68261px 35.3224px rgba(0, 0, 0, 0.08);
    opacity: 0;
}

.paradise-tab-content .island-card-main .island-card:nth-child(2) .map-pin {
    top: -25%;
    left: -10%;
}

.paradise-tab-content .island-card-main .island-card:nth-child(2) {
    right: auto;
    left: 28%;
    top: 25%;
}

.paradise-tab-content .island-card-main .island-card:nth-child(2) .disc-point-wrp {
    width: 100%;
    left: -60%;
}

.paradise-tab-content .island-card-main .island-card:nth-child(3) .map-pin {
    top: -25%;
    left: -10%;
}

.paradise-tab-content .island-card-main .island-card:nth-child(3) {
    right: auto;
    left: 40%;
    top: 39%;
}

.paradise-tab-content .island-card-main .island-card:nth-child(3) .disc-point-wrp {
    width: 70%;
    left: -60%;
    top: 10%;
}

.paradise-tab-content .island-card-main .island-card:nth-child(4) .map-pin {
    top: -25%;
    left: -10%;
}

.paradise-tab-content .island-card-main .island-card:nth-child(4) {
    right: auto;
    left: 70%;
    top: 9%;
}


.paradise-tab-content .island-card-main .island-card:nth-child(4) .disc-point-wrp {
    width: 125%;
    left: -116%;
    top: 40%;
}

.paradise-tab-content .island-card-main .island-card:nth-child(5) .map-pin {
    top: -25%;
    left: -10%;
}

.paradise-tab-content .island-card-main .island-card:nth-child(5) {
    right: auto;
    left: 68%;
    top: 18%;
}


.paradise-tab-content .island-card-main .island-card:nth-child(5) .disc-point-wrp {
    width: 45%;
    left: -46%;
    top: 40%;
}

.paradise-tab-content .island-card-main .island-card:nth-child(6) .map-pin {
    top: -25%;
    left: -10%;
}

.paradise-tab-content .island-card-main .island-card:nth-child(6) {
    right: auto;
    left: 71%;
    top: 28%;
}


.paradise-tab-content .island-card-main .island-card:nth-child(6) .disc-point-wrp {
    width: 15%;
    left: -19%;
    top: 40%;
}

.paradise-tab-content .island-card-main .island-card:last-child .map-pin {
    top: 60%;
    left: -10%;
}

.paradise-tab-content .island-card-main .island-card:last-child {
    right: auto;
    left: 68%;
    top: 20%;
    bottom: auto;
}

.paradise-tab-content .island-card.active {
    z-index: 11;
}

.paradise-tab-content .island-card-main .island-card:last-child .disc-point-wrp {
    width: 150%;
    left: -89%;
    top: auto;
}

.paradise-tab-content .dotted-crcl {
    display: none;
}

.paradise-tab-content .island-card-main .island-card:first-child .disc-point-wrp {
    right: auto;
    left: -18%;
}

.paradise-tab-content .island-card-main .island-card:first-child .map-pin {
    top: -29%;
    right: auto;
    left: -5%;
}

.paradise-tab-content .island-card-in {
    max-width: 180px;
}

.paradise-tab-content .card-info h3 {
    font-size: 19px;
    margin-bottom: 6px;
}

.paradise-tab-content .card-info p {
    font-size: 9px;
    margin-bottom: 7px;
}

.paradise-tab-content .card-links li a {
    font-size: 7px;
}

.paradise-tab-content .card-links li a img {
    width: 9px;
}

.paradise-tab-content .card-links li {
    margin-bottom: 3px;
}

.paradise-tab-content .island-card .card-info {
    padding: 10px;
}

.paradise-tab-content .island-card-in {
    border-radius: 10px;
}

.paradise-tab-content .disc-point-wrp {
    pointer-events: none;
}

.paradise-tab-content .island-card.active .disc-point-wrp {
    pointer-events: all;
}

.all-insperation-inr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 50px;
    margin-bottom: 60px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.all-insperation-inr .sec-head {
    margin-bottom: 0;
    max-width: 400px;
}

.insperation-select {
    margin-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.insperation-select p {
    margin-bottom: 0;
    font-family: var(--header-font);
    letter-spacing: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.insperation-select select {
    min-width: 194px;
    border: 1px solid var(--orange-color);
    cursor: pointer;
    padding: 0 50px 0 30px;
    background-image: url("assets/images/select-down-arrow.svg");
    background-repeat: no-repeat;
    background-position: right 25px center;
    background-size: 24px;
    margin-left: 20px;
}

.insperation-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
}

.all-insperation-sec .blog-card .blog-date {
    letter-spacing: 0.15em;
}

.all-insperation-sec .blog-img {
    padding-top: 109%;
}

.insperation-btnwrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 50px;
}

.insperation-btnwrp>*:not(:last-child) {
    margin-right: 10px;
}

.insperation-btnwrp .cmn-btn {
    min-width: 260px;

}

.paradise-row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    --bs-gutter-y: 40px;
}

.paradise-rightpar::before {
    content: "";
    width: 1px;
    height: 100%;
    background: -o-linear-gradient(top, #FFFFFF 0%, #FC620A 50%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(50%, #FC620A), to(#FFFFFF));
    background: linear-gradient(180deg, #FFFFFF 0%, #FC620A 50%, #FFFFFF 100%);
    position: absolute;
    left: -30px;
    top: 0;
}

.paradise-sec-inr .sec-head {
    margin-bottom: 30px;
}

.paradise-rightpar {
    padding-left: 30px;
    position: relative;
}

.paradise-side-lists {
    padding-left: 0;
    margin: -6px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.paradise-side-lists li {
    padding: 6px;
}

.paradise-side-lists li .paradise-cou {
    width: 100%;
    height: 100%;
    background-color: #F8F8F8;
    text-align: center;
    padding: 20px 30px;
}

.paradise-side-lists li .paradise-cou span {
    font-size: 50px;
    font-family: var(--header-font);
    line-height: 1;
    color: #232323;
}

.paradise-side-lists li .paradise-cou span {
    font-weight: 400;
}

.column-lists {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 39px;
    list-style: none;
}

.column-lists li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.column-lists li span {
    width: 69px;
    height: 60px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 19px;
    padding: 12px;
    border: 2px solid var(--orange-color);
    border-radius: 5px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.column-lists li span img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.column-lists>*:not(:last-child) {
    margin-bottom: 40px;
}

.column-lists h4 {
    margin-bottom: 10px;
}

.tab-content-btn-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 50px;
}

.tab-content-btn-wrp>*:not(:last-child) {
    margin-right: 21px;
}

.main-head.fixed {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    padding: 10px 0;
    -webkit-transition: 0s all ease;
    -o-transition: 0s all ease;
    transition: 0s all ease;
    background-color: var(--white);
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
}

.main-head.fixed.smooth {
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.main-head.fixed.scroll-up {
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
}

.home-body .main-head.fixed.scroll-up {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.resort-highlights-sec {
    position: relative;
    background: var(--white);
}

.highlights-img-row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 15px;
}

.highlights-img-col:first-child {
    width: 62.2%;
}

.highlights-img-col:nth-child(2),
.highlights-img-col:last-child {
    width: 37.8%;
}

.highlights-main-img {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    padding-top: 58.7%;
}

.highlights-main-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.sub-img-box {
    margin-bottom: 15px;
    padding-top: 47.2%;
}

.sub-img-box:last-child {
    margin-bottom: 0;
}

.highlights-col:first-child {
    width: 66.6%;
}

.highlights-col:last-child {
    width: 33.4%;
}

.highlights-content {
    padding-left: 26px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

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

.highlights-list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
    font-size: 18px;
    color: var(--body-color);
    font-weight: 400;
}

.highlights-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 11px;
    height: 11px;
    background-color: var(--orange-color);
    border-radius: 50%;
}


.highlights-btn-wrp .cmn-btn {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 363px;
}



.details-nav-wrapper {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}


.details-col .details-tab {
    display: block;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 17px 22px;
}

.details-col .details-tab a {
    font-size: 20px;
    font-weight: 300;
    color: var(--heading-color);
    font-family: var(--header-font);
    letter-spacing: 0;
}

.details-col.active a,
.details-col .details-tab:hover a {
    color: var(--orange-color);
}

.details-col .details-tab::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--orange-color);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.details-col .details-tab:hover::after,
.details-col.active .details-tab::after {
    opacity: 1;
}

.details-share i {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--usvi-sky-blue);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.details-share i:hover {
    border-color: var(--orange-color);
}

.details-col.details-share .share-link {
    padding: 0;
}

.details-share i img {
    max-width: 20px;
    width: 100%;
}

.details-nav-list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.details-nav-sec {
    padding: 60px 0;
}


.facility-full-list,
.rules-list {
    list-style: none;
    padding: 0;
}

.facility-full-list li,
.rules-list li {
    padding: 10px 0;
    font-size: 18px;
    color: var(--body-color);
    position: relative;
    padding-left: 20px;
}

.facility-full-list li::before,
.rules-list li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: var(--orange-color);
    font-weight: bold;
}

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


.overview-scroll-btn-wrp {
    margin-top: 40px;
    margin-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.overview-down-btn {
    width: 60px;
    height: 60px;
    background-color: var(--orange-color);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.overview-down-btn:hover {
    -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
            transform: translateY(5px);
    background-color: var(--heading-color);
}

.video-thumbnail-container {
    position: relative;
    max-width: 100%;
    border-radius: 20px;
    overflow: hidden;

}

.video-thumb {
    width: 100%;
    height: auto;
    display: block;
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    -o-transition: transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}

.video-popup-btn:hover .video-thumb {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}

.play-btn-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: rgba(0, 0, 0, 0.1);
    -webkit-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.video-popup-btn:hover .play-btn-overlay {
    background: rgba(0, 0, 0, 0.25);
}

.play-icon-circle {
    width: 100px;
    height: 100px;
    background: var(--white);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid transparent;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.play-icon-circle img {
    max-width: 45px;
    width: 100%;
    max-height: 35px;
    height: 100%;
    margin-left: 5px;
}

.play-icon-circle:hover {
    border-color: var(--orange-color);
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}


.details-content-sec {
    background: -o-linear-gradient(top, rgba(48, 164, 187, 0.3) 0%, rgba(48, 164, 187, 0) 99.13%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 164, 187, 0.3)), color-stop(99.13%, rgba(48, 164, 187, 0)));
    background: linear-gradient(180deg, rgba(48, 164, 187, 0.3) 0%, rgba(48, 164, 187, 0) 99.13%);
}

.sec-title {
    font-family: var(--header-font);
    font-size: 55px;
    font-weight: 300;
    margin-bottom: 50px;
    color: var(--heading-color);
    letter-spacing: -0.02em;
}

.amenities-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -35px -60px;
}

.amenity-item {
    padding: 0 45px;
    margin: 59px 0;
    position: relative;
}

.amenity-item-inr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.amenity-item::after {
    content: '';
    position: absolute;
    right: 0;
    top: -10px;
    width: 1px;
    height: 55px;
    background: -o-linear-gradient(top, transparent 0%, var(--usvi-sky-blue) 50%, transparent 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, var(--usvi-sky-blue)), to(transparent));
    background: linear-gradient(180deg, transparent 0%, var(--usvi-sky-blue) 50%, transparent 100%);
}

.amenity-item:last-child::after,
.amenity-item:nth-child(5n)::after {
    display: none;
}

.amenity-icn {
    width: 33px;
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;

}

.amenity-icn img {
    width: 100%;
}

.facility-wpr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}


.nearby-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

.nearby-icn {
    width: 33px;
    margin-right: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.nearby-icn img {
    width: 100%;
}

.nearby-info h4 {
    margin-bottom: 10px;
}

.nearby-info span {
    display: inline-block;
}

.nearby-col-custom:first-child,
.nearby-col-custom:nth-child(3),
.nearby-col-custom:last-child {
    width: 22.5%;
}

.nearby-col-custom:nth-child(2) {
    width: 25%;
}

.nearby-row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.location-sec {
    background: -o-linear-gradient(top, rgba(48, 164, 187, 0.3) 0%, rgba(48, 164, 187, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 164, 187, 0.3)), to(rgba(48, 164, 187, 0)));
    background: linear-gradient(180deg, rgba(48, 164, 187, 0.3) 0%, rgba(48, 164, 187, 0) 100%);
}

.location-sec .sec-title {
    font-size: 55px;
    font-weight: 300;
    margin-bottom: 20px;
    color: var(--heading-color);
}

.loc-address {
    font-size: 16px;
    color: #5C5C5C;
    margin-bottom: 35px;
    line-height: 1.6;
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 30px;
    max-width: 95%;
}

.loc-search-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    border: 1px solid #DEDEDE;
    background: var(--white);
    border-radius: 4px;
    overflow: hidden;
    max-width: 100%;
}

.loc-search-wrp input {
    border: none;
    padding: 18px 25px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 16px;
    color: var(--body-color);
    outline: none;
}

.loc-search-btn {
    background: var(--orange-color);
    border: none;
    width: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
}

.loc-search-btn img {
    width: 24px;
}

.loc-tab-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    border-bottom: 1px solid #DEDEDE;
    margin: 0 0 45px 0;
}

.loc-tab-list li {
    padding: 15px 50px 15px 0;
    font-family: var(--header-font);
    font-size: 32px;
    font-weight: 300;
    cursor: pointer;
    position: relative;
    color: #8C8C8C;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.loc-tab-list li.active {
    color: var(--usvi-sky-blue);
}

.loc-tab-list li.active::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--usvi-sky-blue);
}

.loc-cat-box {
    margin-bottom: 40px;
}

.loc-cat-label {
    display: inline-block;
    background: #B2D8D8;
    color: var(--usvi-sky-blue);
    padding: 7px 18px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    margin-bottom: 25px;
    letter-spacing: 0.05em;
}

.loc-items-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.loc-items-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 22px;
}

.chk-box-wpr {
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.chk-box-wpr input[type="checkbox"] {
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    background: var(--white);
}

.chk-box-wpr input[type="checkbox"]:checked {
    background-color: var(--usvi-sky-blue);
    border-color: var(--usvi-sky-blue);
}

.chk-box-wpr input[type="checkbox"]:checked::after {
    content: '\f00c';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: white;
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.loc-item-name {
    font-size: 18px;
    color: #5C5C5C;
    font-weight: 400;
}

.loc-dist {
    margin-left: auto;
    font-size: 16px;
    color: #5C5C5C;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.loc-dist i {
    margin-left: 15px;
    font-size: 16px;
    color: var(--usvi-sky-blue);
}

.map-img-wrp {
    position: sticky;
    top: 100px;
}

.map-img-wrp img {
    width: 100%;
    border-radius: 35px;
    -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
}

.loc-tab-content {
    display: none;
}

.loc-tab-content.active {
    display: block;
}

.location-content-left .sec-head {
    padding-bottom: 27px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.location-content-left .sec-head {
    margin-bottom: 30px;
}

.location-content-left .sec-head p {
    margin-bottom: 0;
}

.location-address-box {
    margin-bottom: 35px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.location-address-box p {
    font-size: 18px;
    color: #5C5C5C;
    margin: 0;
    line-height: 1.6;
}

.location-search-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: var(--white);
    border: 1px solid #EDEDED;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 40px;
}


.white-icn {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    width: 25px;
}

.nav-tabs-custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.nav-tabs-custom li {
    font-family: var(--header-font);
    padding: 10px 34px 15px 0;
    cursor: pointer;
    position: relative;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.nav-tabs-custom li:last-child {
    padding-right: 0;
}

.nav-tabs-custom li.active::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--usvi-sky-blue);
}

.category-block {
    margin-bottom: 20px;
    padding-right: 30px;
}

.cat-tag {
    display: inline-block;
    background-color: rgba(48, 164, 187, 0.3);
    padding: 8px 18px;
    font-weight: 600;
    border-radius: 5px;
    margin-bottom: 20px;
}

.location-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.location-items li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 16px;
}

.location-items li:last-child {
    margin-bottom: 0;
}

.custom-chk {
    position: relative;
    width: 22px;
    height: 22px;
    margin-right: 10px;
}

.custom-chk input {
    opacity: 0;
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.custom-chk span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 1px solid rgba(124, 121, 119, 0.7);
    border-radius: 4px;
    z-index: 1;
}

.custom-chk input:checked~span {
    overflow: hidden;
}

.custom-chk input:checked~span::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    background: url(assets/images/check-mark.svg) no-repeat center #fff;
    background-size: 100%;
    border-radius: 5px;
}

.item-text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.item-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 500;
}

.item-meta i {
    margin-left: 15px;
    color: var(--usvi-sky-blue);
    font-size: 18px;
}

.location-map-view {
    position: relative;
    padding-top: 80%;
    overflow: hidden;
    border-radius: 20px;
    height: 100%;
}

.location-map-view img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
}

.tab-pane-custom {
    display: none;
}

.tab-pane-custom.active {
    display: block;
}

.rules-card-box {
    background: var(--white);
    padding: 100px 50px 30px;
    border-radius: 20px;
    border: 1px solid var(--white);
    -webkit-box-shadow: 1px 1px 23.2px rgba(0, 0, 0, 0.1);
            box-shadow: 1px 1px 23.2px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}

.rules-title {
    font-family: var(--header-font);
    font-size: 50px;
    font-weight: 300;
    margin-bottom: 40px;
    color: var(--heading-color);
}

.rule-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 35px 0;
    border-bottom: 1px solid #EDEDED;
}

.rule-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.rule-col-left {
    width: 473px;
}

.rule-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.rule-icn {
    width: 30px;
    margin-right: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-filter: brightness(0) saturate(100%) invert(54%) sepia(34%) saturate(530%) hue-rotate(133deg) brightness(91%) contrast(86%);
            filter: brightness(0) saturate(100%) invert(54%) sepia(34%) saturate(530%) hue-rotate(133deg) brightness(91%) contrast(86%);
}

.rule-icn img {
    width: 100%;
}

.rule-label {
    margin: 0;
}

.rule-col-right {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}



.complex-policy {
    width: 100%;
}

.policy-section {
    margin-bottom: 35px;
}

.rules-content p {
    margin-bottom: 10px;
}



.bed-cards-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 25px -12px;
}

.bed-card-item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 12px;
    border: 1px solid rgba(55, 53, 54, .22);
    border-radius: 10px;
    overflow: hidden;

}

.bed-card-item:first-child {
    min-width: 429px;
}

.bed-card-top {
    padding: 15px 25px;
    font-weight: 500;
    border-bottom: 1px solid #EDEDED;
    border-bottom: 1px solid rgba(55, 53, 54, .22);
}

.bed-card-bottom {
    padding: 20px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.bed-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 30px;
}

.bed-type i {
    margin-right: 12px;
    max-width: 20px;
    width: 100%;
}

.bed-type img {
    width: 100%;

}

.bed-status {
    font-weight: 500;
    color: var(--usvi-sky-blue);
}

.policy-note {
    margin-bottom: 12px;
}

.payment-icons-list img {
    max-width: 400px;
    width: 100%;
}

.accordion-wpr {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    position: relative;
    padding-top: 30px;
}

.accordion-wpr::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 2px;
    border-bottom: 1px dashed #D5D0C4;
    width: 49.7%;
}

.accorsin-outer {
    position: relative;
}

.accorsin-outer::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    border-bottom: 1px dashed #D5D0C4;
    width: 49.7%;
}

.accordion-item {
    margin-bottom: 23px;
    padding: 0 0 23px;
    border-bottom: 1px dashed #D5D0C4;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}

.accordion-item:last-child {
    margin-bottom: 0;
}

.accordion-content {
    padding-top: 14px;
}

.accordion-item.open .accordion-title h3,
.accordion-item.open .accordion-title .h4-title {
    color: var(--orange-color);
}

.accordion-item.open {
    border-color: var(--orange-color);
}

.accordion-title {
    position: relative;
    cursor: pointer;
}

button.accordion-title {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
}

button.accordion-title:focus-visible {
    outline: 2px solid var(--orange-color);
    outline-offset: 4px;
}

.accordion-title:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 17px;
    height: 17px;
    background: url(assets/images/plus.svg) no-repeat center;
    background-size: 100%;
}

.accordion-title.active:after {
    background: url(assets/images/minus.svg) no-repeat center;
    background-size: 100%;
}

.accordion-title h3,
.accordion-title .h4-title {
    padding-right: 25px;
}

.usvi-faq-intro > :last-child {
    margin-bottom: 0;
}

.important-sec {
    position: relative;
}

.important-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    opacity: .4;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    z-index: -1;

}

.travel-outer .important-bg-img {
    height: 50%;
}

.important-bg-img img {
    width: 100%;
}

.important-sec:after,
.reach-outer::after,
.travel-outer::after,
.stay-rich-sec:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: -o-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0.604423) 62.98%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(62.98%, rgba(255, 255, 255, 0.604423)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.604423) 62.98%, rgba(255, 255, 255, 0) 100%);
}

.important-sec:before,
.reach-outer::before,
.travel-outer::before,
.stay-rich-sec:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 52%;
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 12.8%, rgba(255, 255, 255, 0.567178) 28.47%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(12.8%, rgba(255, 255, 255, 0)), color-stop(28.47%, rgba(255, 255, 255, 0.567178)), to(#FFFFFF));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 12.8%, rgba(255, 255, 255, 0.567178) 28.47%, #FFFFFF 100%);
}

.travel-outer::before {

    height: 82%;

}

.important-info-bx.cmn-gap.pb-0 {
    border-top: 1px solid rgba(0, 0, 0, .2);
    position: relative;
    z-index: 2;
}

.accordion-content {
    display: none;
}

.journey-card {
    border: 1px solid rgba(55, 53, 54, 0.22);
    border-radius: 10px;
    padding: 23px 32px 40px;
    height: 100%;
    overflow: hidden;
}

.journey-card-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.journey-info h3 {
    margin-bottom: 10px;
}

.journey-img-top {
    margin-bottom: 15px;
    max-width: 281px;
    width: 100%;
    min-height: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.journey-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
}

.location-content-left {
    padding-right: 16px;
}

.highlights-row,
.location-row {
    --bs-gutter-y: 24px;
}

.custom-chk input:checked~span {
    border-color: transparent;
}


.main-head.nw-main-head.scroll-up .navbar-brand {
    -webkit-filter: brightness(0);
            filter: brightness(0);
}

.contact-options-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.left-contact-part {
    width: 100%;
    background-color: var(--white);
    -webkit-box-shadow: 0px 4px 44.7px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 4px 44.7px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    padding: 35px 40px 45px;
}

.contact-options-wrp>*:not(:last-child) {
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid rgba(35, 35, 35, 0.2);
}

.left-contact-part .sec-head {
    margin-bottom: 40px;
}

.each-contact-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.contact-icon-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 9px;
    width: 97px;
    height: 97px;
    border-radius: 50%;
    background-color: rgba(48, 164, 187, 0.18);
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.018);
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.018);
    margin-right: 22px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.contact-icon-inr {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%;
    background-color: var(--usvi-sky-blue);
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 23px;
}

.contact-icon-inr img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.contact-icontxts h3 {
    margin-bottom: 20px;
}

.contact-icontxts a {
    color: var(--body-color);
}

.contact-icontxts a:hover {
    color: var(--orange-color);
}

.contact-icontxts span {
    font-weight: 500;
}

.contact-icontxts {
    margin-top: 10px;
}

.contact-row-new .contact-left-col {
    width: 36.3%;
}

.contact-row-new .contact-right-col {
    width: 63.7%;
}

.contact-row-new {
    --bs-gutter-y: 50px
}

.contact-right-inrs {
    padding-left: 44px;
}

.contact-right-inrs .sec-head h3 {
    margin-bottom: 20px;
}

.contact-right-inrs .sec-head {
    margin-bottom: 20px;
}

.contact-form-row label {
    display: block;
    width: 100%;
}

.contact-form-row label span {
    text-transform: capitalize;
    margin-bottom: 10px;
    color: var(--heading-color);
    font-size: 24px;
    font-weight: 300;
    font-family: var(--header-font);
    display: inline-block;
}

.contact-form-row label input,
.contact-form-row label textarea {
    border: 1px solid var(--usvi-sky-blue);
    border-radius: 5px;
    height: 64px;
    padding: 10px;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.contact-form-row label input:focus,
.contact-form-row label textarea:focus,
.contact-form-row label input:focus-visible,
.contact-form-row label textarea:focus-visible {
    border-color: var(--orange-color);
}

.contact-form-row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 30px;
}

.contact-form-row label textarea {
    resize: none;
    height: 124px;
}

.contact-form-row .submit-label {
    margin-top: 15px;
    width: auto;
    display: inline-block;
}

.contact-form-row label input[type="submit"] {
    padding: 0 28px;
    text-transform: uppercase;
    background-color: var(--orange-color);
    border-radius: 10px 0 10px 0;
    font-size: 16px;
    color: var(--white);
    border: 1px solid var(--orange-color);
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.06em;
    font-weight: 400;
    height: 60px;
    min-width: 194px;
}

.contact-form-row label input[type="submit"]:hover {
    background-color: var(--heading-color);
    border-color: var(--heading-color);
}

.all-insperation-sec-two {
    position: relative;
}

.insperation-overlay-new {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(top, rgba(48, 164, 187, 0.1) 0%, rgba(48, 164, 187, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 164, 187, 0.1)), to(rgba(48, 164, 187, 0)));
    background: linear-gradient(180deg, rgba(48, 164, 187, 0.1) 0%, rgba(48, 164, 187, 0) 100%);
}

.important-sec-two::before {
    display: none;
}

.important-sec-two::after {
    background: -o-linear-gradient(top, rgba(48, 164, 187, 0.3) 0%, rgba(48, 164, 187, 0) 99.13%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 164, 187, 0.3)), color-stop(99.13%, rgba(48, 164, 187, 0)));
    background: linear-gradient(180deg, rgba(48, 164, 187, 0.3) 0%, rgba(48, 164, 187, 0) 99.13%);
    height: 53%;
    z-index: -1;
}

.important-info-head-new .sec-head {
    max-width: 1160px;
    margin: 0 auto 40px;
}

.details-col .details-tab.share-link-tab {
    padding: 11px 0 11px 25px;
}

.rules-content p:last-child {
    margin: 0;
}



.callender-head-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
}

.callender-head-wrp span {
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-right: 10px;
}

.callender-head-wrp span img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.callender-head-wrp p {
    line-height: 1;
}

.insperation-details-sec .sec-head {
    margin-bottom: 50px;
}

.insperation-details-sec .sec-head h2 {
    margin-bottom: 40px;
}

.share-post-wrps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.share-post-wrps h3 {
    margin-bottom: 0;
}

.socialmedia-uls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-left: 18px;
}

.socialmedia-uls li a {
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid rgba(124, 121, 119, 0.5);
    border-radius: 50%;
    padding: 8px;
}

.socialmedia-uls li a img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.socialmedia-uls li>*:not(:last-child) {
    margin-right: 8px;
}

.insperation-details-row {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px;
}

.left-side-detail {
    width: 100%;
    height: 100%;
}

.left-deyails-bigimg-wrp {
    width: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    padding-top: 48%;
}

.left-deyails-bigimg-wrp img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
}

.insperation-details-row .insperation-details-left-col {
    width: 68.7%;
}

.insperation-details-row .insperation-details-right-col {
    width: 31.3%;
}

.left-deyails-bigimg-wrp {
    margin-bottom: 55px;
}

.left-side-detail>*:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 50px;
    padding-bottom: 50px;
}

.right-inrpart-inrwrp {
    width: 100%;
    height: 100%;
    border-radius: 20px 20px 100px 20px;
    overflow: hidden;
}

.right-inrpart-inrwrp img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.left-inrpart-row {
    --bs-gutter-x: 14px;
    --bs-gutter-y: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.left-inrpart-row .left-inrpart-left-col {
    width: 56%;
}

.left-inrpart-row .left-inrpart-right-col {
    width: 44%;
}

.coocktail-row .coocktail-left-col {
    width: 52%;
}

.coocktail-row .coocktail-right-col {
    width: 48%;
}

.left-inrpart-inrwrp>*:last-child {
    margin-bottom: 0;
}

.left-inrpart-inrwrp h3 {
    margin-bottom: 25px;
    margin-top: 40px;
}

.left-inrpart-inrwrp ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.left-inrpart-inrwrp li {
    padding-left: 15px;
    position: relative;
}

.left-inrpart-inrwrp li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background-color: var(--body-color);
}

.coocktail-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 40px;
}

.main-head .cmn-btn.header-btn {
    padding: 17px 30.6px;
}

.banner-slider-card {
    cursor: pointer;
}

.banner-forms.is-sticky .booking-field label {
    display: none;
}

.booking-header-btnwrp .cmn-btn {
    padding: 17px 30px;
    min-width: 180px;
}

.booking-all-wrp .sec-head {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.booking-all-wrp .booking-header-btnwrp {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.blog-row {
    max-width: 100%;
}

.blog-arrow img {
    -webkit-transition: initial;
    -o-transition: initial;
    transition: initial;
}

.event-date-badge {
    border-radius: 0;
    padding: 16px 14px 36px 14px;
}

.event-date-badge strong {
    font-family: var(--header-font);
    font-weight: 400;
}

.event-date-badge span {
    font-size: 18px;
    text-transform: initial;
    line-height: 1;
    margin-bottom: 6px;
}

.blog-head {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    z-index: 1;
}

.cmn-btn.book-now,
.banner-forms-close {
    display: none;
}

.banner-forms.is-sticky .input-wrap input,
.input-wrap select {
    height: 35px !important;
}

.banner-forms.is-sticky .booking-field label {
    display: block;
    font-size: 12px;
}
.night-file-sld-wpr .slick-dots {
    margin: 15px -5px 0 -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
}

.night-file-sld-wpr .slick-dots li button {
    font-size: 0;
    width: 12px;
    height: 12px;
    border-radius: 100px;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    background: rgba(252, 98, 10, 0.2);
    border: none;
}

.night-file-sld-wpr .slick-dots .slick-active button {
    background-color: var(--orange-color);
}

.night-file-sld-wpr .slick-dots li {
    margin: 0 5px;
    list-style: none;
}


.details-col .details-tab.share-link-tab {
    padding: 11px 0 11px 25px;
}

.rules-content p:last-child {
    margin: 0;
}


.callender-head-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
}

.callender-head-wrp span {
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-right: 10px;
}

.callender-head-wrp span img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.callender-head-wrp p {
    line-height: 1;
}

.insperation-details-sec .sec-head {
    margin-bottom: 50px;
}

.insperation-details-sec .sec-head h2 {
    margin-bottom: 40px;
}

.share-post-wrps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.share-post-wrps h3 {
    margin-bottom: 0;
}

.socialmedia-uls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-left: 18px;
}

.socialmedia-uls li a {
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid rgba(124, 121, 119, 0.5);
    border-radius: 50%;
    padding: 8px;
}

.socialmedia-uls li a img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.socialmedia-uls li>*:not(:last-child) {
    margin-right: 8px;
}

.insperation-details-row {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px;
}

.left-side-detail {
    width: 100%;
    height: 100%;
}

.left-deyails-bigimg-wrp {
    width: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    padding-top: 48%;
}

.left-deyails-bigimg-wrp img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
}

.insperation-details-row .insperation-details-left-col {
    width: 72.7%;
}

.insperation-details-row .insperation-details-right-col {
    width: 27.3%;
}

.left-deyails-bigimg-wrp {
    margin-bottom: 55px;
}

.left-side-detail>*:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 50px;
    padding-bottom: 50px;
}

.right-inrpart-inrwrp {
    width: 100%;
    height: 100%;
    border-radius: 20px 20px 100px 20px;
    overflow: hidden;
}

.right-inrpart-inrwrp img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.left-inrpart-row {
    --bs-gutter-x: 14px;
    --bs-gutter-y: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.left-inrpart-row .left-inrpart-left-col {
    width: 56%;
}

.left-inrpart-row .left-inrpart-right-col {
    width: 44%;
}

.coocktail-row .coocktail-left-col {
    width: 52%;
}

.coocktail-row .coocktail-right-col {
    width: 48%;
}

.left-inrpart-inrwrp>*:last-child {
    margin-bottom: 0;
}

.left-inrpart-inrwrp h3 {
    margin-bottom: 25px;
}

.left-inrpart-inrwrp-two h3 {
    margin-top: 40px;

}

.left-inrpart-inrwrp ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.left-inrpart-inrwrp li {
    padding-left: 15px;
    position: relative;
}

.left-inrpart-inrwrp li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background-color: var(--body-color);
}

.coocktail-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 40px;
}


.torinfo-lists {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.torinfo-lists li {
    position: relative;
    padding-left: 15px;
    font-weight: 700;
}

.torinfo-lists li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    background-color: var(--body-color);
}

.left-inrpart-inrwrp ul>*:not(:last-child) {
    margin-bottom: 5px;
}

.torinfo-lists>*:not(:last-child) {
    margin-bottom: 5px;
}

.tour-info-inr .sec-head {
    margin-bottom: 20px;
}

.info-catagory-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 25px 0;
    margin: 45px 0 20px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.info-catagory-wrp h4 {
    margin-bottom: 0;
}

.info-catagory-wrp ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 15px;
}

.info-catagory-wrp ul li {
    line-height: 1;
    position: relative;
}

.info-catagory-wrp ul>*:not(:last-child) {
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid var(--body-color);
}

.tour-info-last>*:not(:last-child) {
    margin-bottom: 10px;
}

.rightside-details {
    position: sticky;
    top: 100px;
}

.rightside-details>*:not(:last-child) {
    margin-bottom: 20px;
}

.right-side-each-cards {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(55, 53, 54, 0.22);
    border-top: none;
    border-radius: 10px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.right-side-each-cards h4 {
    width: 100%;
    color: var(--white);
    padding: 16px 26px;
    background-color: var(--usvi-sky-blue);
    margin-bottom: 0;
}

.right-side-each-cards ul {
    padding: 15px 27px;
}

.right-side-each-cards ul>*:last-child {
    margin-bottom: 0;
}

.right-side-each-cards ul a {
    font-size: 20px;
    color: var(--heading-color);
    font-family: var(--header-font);
    letter-spacing: 0;
    font-weight: 300;
}

.right-side-each-cards ul a:hover {
    color: var(--orange-color);
}

.right-side-each-cards .highlights-list li {
    padding-left: 20px;
}

.right-side-each-contentwrp {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.rightside-content-img {
    position: relative;
    padding-top: 94%;
    border-radius: 20px;
    overflow: hidden;
}

.rightside-content-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.rightside-content-btnwrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 10px;
}

.rightside-content-btnwrp>*:not(:last-child) {
    margin-bottom: 10px;
}

.socialmedia-uls>*:not(:last-child) {
    margin-right: 7px;
}

.socialmedia-uls li a:hover {
    background-color: var(--orange-color);
    border-color: var(--orange-color);
}

.socialmedia-uls li a:hover img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}

.islands-card-all-outer>*:not(:last-child) {
    margin-bottom: 120px;
}

.islands-card-all-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.islands-count-sec {
    position: relative;
}

.islands-count-inrs {
    position: relative;
    z-index: 4;
}

.islands-card-all {
    width: 100%;
}

.each-island-btnwrpsall {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 30px;
}

.each-island-btnwrpsall>*:not(:last-child) {
    margin-right: 12px;
}

.each-island-btnwrpsall a {
    min-width: 242px;
}

.each-islandall-row .each-islandallimg-col {
    width: 56%;
}

.each-islandall-row .each-islandalltxt-col {
    width: 44%;
}

.st-thomas-island .map-img-box {
    max-width: inherit;
    width: 100%;
}

.islands-card-all-outer>*:nth-child(odd) .island-each-txtwrp {
    padding-left: 46px;
}

.islands-card-all-outer>*:nth-child(even) .island-each-txtwrp {
    padding: 0 46px 0 0;
}

.islands-card-all-outer>*:nth-child(even) .each-islandallimg-col {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}

.islands-card-all-outer>*:nth-child(even) .each-islandalltxt-col {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}

.st-thomas-island {
    margin: 0;
}

.st-thomas-island .map-pin {
    width: 32px;
}

.st-thomas-island .island-card-main .island-card:first-child .disc-point-wrp {
    right: auto;
    left: -15%;
}

.st-thomas-island .island-card-main .island-card:first-child {
    top: -3%;
    left: 12%;
}

.st-thomas-island .island-card-main .island-card:first-child .map-pin {
    right: auto;
    left: -10%;
}

.st-thomas-island .island-card-main .island-card:first-child .dotted-crcl {
    right: auto;
    left: 0;
}


.st-thomas-island .island-card-outer {
    pointer-events: none;
}

.st-thomas-island .island-card.active .island-card-outer {
    pointer-events: all;
}

.st-thomas-island .island-card-main .island-card:nth-child(2) .disc-point-wrp {
    width: 45%;
}

.st-thomas-island .island-card-main .island-card:nth-child(2) {
    right: auto;
    left: 15%;
    top: 17%;
}

.st-thomas-island .island-card-main .island-card:nth-child(2) .disc-point-wrp {
    left: -20%;
}

.st-thomas-island .island-card-main .island-card:nth-child(2) .map-pin {
    left: -15%;
}

.st-thomas-island .island-card-main .island-card:nth-child(3) .disc-point-wrp {
    width: 45%;
}

.st-thomas-island .island-card-main .island-card:nth-child(3) {
    right: auto;
    left: 33%;
    top: 23%;
}

.st-thomas-island .island-card-main .island-card:nth-child(3) .disc-point-wrp {
    left: -20%;
    top: 20%;
}

.st-thomas-island .island-card-main .island-card:nth-child(3) .map-pin {
    left: -15%;
    top: -39%;
}

.st-thomas-island .island-card-main .island-card:nth-child(3) .dotted-crcl {
    top: -7%;
    left: -1%;
    position: absolute;
}



.st-thomas-island .island-card-main .island-card:nth-child(4) .disc-point-wrp {
    width: 45%;
}

.st-thomas-island .island-card-main .island-card:nth-child(4) {
    right: auto;
    left: 52%;
    top: 9%;
}

.st-thomas-island .island-card-main .island-card:nth-child(4) .disc-point-wrp {
    left: -20%;
    top: 20%;
}

.st-thomas-island .island-card-main .island-card:nth-child(4) .map-pin {
    left: -15%;
    top: -39%;
}

.st-thomas-island .island-card-main .island-card:nth-child(4) .dotted-crcl {
    top: -7%;
    left: -1%;
    position: absolute;
}



.st-thomas-island .island-card-main .island-card:nth-child(5) .disc-point-wrp {
    width: 15%;
    left: 20%;
    top: 20%;
}

.st-thomas-island .island-card-main .island-card:nth-child(5) {
    right: -4%;
    left: auto;
    top: 16%;
}

.st-thomas-island .island-card-main .island-card:nth-child(5) .map-pin {
    left: -45%;
    top: -39%;
}

.st-thomas-island .island-card-main .island-card:nth-child(5) .dotted-crcl {
    top: -7%;
    left: -1%;
    position: absolute;
}



.st-thomas-island .island-card-main .island-card:nth-child(6) .disc-point-wrp {
    width: 15%;
    left: auto;
    right: 32%;
    top: 6%;
}

.st-thomas-island .island-card-main .island-card:nth-child(6) {
    right: -11%;
    left: auto;
    top: 33%;
}

.st-thomas-island .island-card-main .island-card:nth-child(6) .map-pin {
    left: -45%;
    top: -39%;
}

.st-thomas-island .island-card-main .island-card:nth-child(6) .dotted-crcl {
    top: 77%;
    left: -29%;
    position: absolute;
}

.st-thomas-island .island-card-main .island-card:nth-child(6) .dotted-line-img {
    opacity: 0;
}

.st-thomas-island .island-card.active {
    z-index: 11;
}



.st-thomas-island .island-card-main .island-card:nth-child(7) .disc-point-wrp {
    width: 65%;
    left: auto;
    right: 33%;
    top: 30%;
    z-index: -1;
}

.st-thomas-island .island-card-main .island-card:nth-child(7) {
    right: 4%;
    left: auto;
    top: auto;
    bottom: -20%;
}

.st-thomas-island .island-card-main .island-card:nth-child(7) .map-pin {
    left: -15%;
    top: 55%;
}

.st-thomas-island .island-card-main .island-card:nth-child(7) .dotted-line-img {
    z-index: -1;
}

.st-thomas-island .island-card.active {
    z-index: 11;
}


.st-thomas-island .island-card {
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
}

.st-thomas-island .disc-point-wrp {
    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2);
}

.each-islandall-row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    --bs-gutter-y: 40px;
}



.st-johns-island .island-card.active {
    z-index: 11;
}


.st-johns-island .island-card {
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
}

.st-johns-island .disc-point-wrp {
    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2);
}

.st-johns-island .island-card-main .island-card:nth-child(7) .dotted-line-img {
    z-index: -1;
}

.st-johns-island .island-card.active {
    z-index: 11;
}

.st-johns-island .island-card-outer {
    pointer-events: none;
}

.st-johns-island .island-card.active .island-card-outer {
    pointer-events: all;
}

.st-johns-island .island-card-main .island-card:nth-child(2) .disc-point-wrp {
    width: 45%;
}

.st-johns-island .island-card-main .island-card:nth-child(2) {
    right: auto;
    left: 29%;
    top: 8%;
}

.st-johns-island .island-card-main .island-card:nth-child(2) .disc-point-wrp {
    left: -20%;
}

.st-johns-island .island-card-main .island-card:nth-child(2) .map-pin {
    left: -15%;
}

.st-johns-island .island-card-main .island-card:nth-child(3) .disc-point-wrp {
    width: 45%;
}

.st-johns-island .island-card-main .island-card:nth-child(3) {
    right: auto;
    left: 46%;
    top: 19%;
}

.st-johns-island .island-card-main .island-card:nth-child(3) .disc-point-wrp {
    left: -20%;
    top: 20%;
}

.st-johns-island .island-card-main .island-card:nth-child(3) .map-pin {
    left: -15%;
    top: -39%;
}

.st-johns-island .island-card-main .island-card:nth-child(3) .dotted-crcl {
    top: -7%;
    left: -1%;
    position: absolute;
}



.st-johns-island .island-card-main .island-card:nth-child(4) .disc-point-wrp {
    width: 45%;
}

.st-johns-island .island-card-main .island-card:nth-child(4) {
    right: auto;
    left: 43%;
    top: -9%;
}

.st-johns-island .island-card-main .island-card:nth-child(4) .disc-point-wrp {
    left: -20%;
    top: 20%;
}

.st-johns-island .island-card-main .island-card:nth-child(4) .map-pin {
    left: -15%;
    top: -39%;
}

.st-johns-island .island-card-main .island-card:nth-child(4) .dotted-crcl {
    top: -7%;
    left: -1%;
    position: absolute;
}



.st-johns-island .island-card-main .island-card:nth-child(5) .disc-point-wrp {
    width: 45%;
    left: -20%;
    top: 20%;
}

.st-johns-island .island-card-main .island-card:nth-child(5) {
    right: 4%;
    left: auto;
    top: -4%;
}

.st-johns-island .island-card-main .island-card:nth-child(5) .map-pin {
    left: -15%;
    top: -39%;
}

.st-johns-island .island-card-main .island-card:nth-child(5) .dotted-crcl {
    top: -7%;
    left: -1%;
    position: absolute;
}



.st-johns-island .island-card-main .island-card:nth-child(6) .disc-point-wrp {
    width: 15%;
    left: auto;
    right: 32%;
    top: -25%;
}

.st-johns-island .island-card-main .island-card:nth-child(6) {
    right: 4%;
    left: auto;
    top: 23%;
}

.st-johns-island .island-card-main .island-card:nth-child(6) .map-pin {
    left: -45%;
    top: -39%;
}

.st-johns-island .island-card-main .island-card:nth-child(6) .dotted-crcl {
    top: 77%;
    left: -29%;
    position: absolute;
}

.st-johns-island .island-card-main .island-card:nth-child(6) .dotted-line-img {
    opacity: 0;
}

.st-johns-island .island-card.active {
    z-index: 11;
}



.st-johns-island .island-card-main .island-card:nth-child(7) .disc-point-wrp {
    width: 55%;
    left: 78%;
    right: auto;
    top: 30%;
    z-index: -1;
}

.st-johns-island .island-card-main .island-card:nth-child(7) {
    right: 20%;
    left: auto;
    top: auto;
    bottom: -7%;
}

.st-johns-island .island-card-main .island-card:nth-child(7) .map-pin {
    left: auto;
    top: 32%;
    right: -5%;
}

.st-johns-island {
    margin: 0;
}

.st-johns-island .map-pin {
    width: 32px;
}

.st-johns-island .island-card-main .island-card:first-child .disc-point-wrp {
    right: auto;
    left: -15%;
}

.st-johns-island .island-card-main .island-card:first-child {
    top: 7%;
    left: 21%;
}

.st-johns-island .island-card-main .island-card:first-child .map-pin {
    right: auto;
    left: -10%;
}

.st-johns-island .island-card-main .island-card:first-child .dotted-crcl {
    right: auto;
    left: 0;
}

.st-johns-island .map-img-box {
    max-width: inherit;
    width: 100%;
}

.st-johns-island .island-card-main .island-card:last-child .dotted-crcl {
    top: auto;
    bottom: -10%;
    left: auto;
    right: -1%;
}


.st-croix-island .island-card.active {
    z-index: 11;
}


.st-croix-island .island-card {
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
}

.st-croix-island .disc-point-wrp {
    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2);
}

.st-croix-island .island-card-main .island-card:nth-child(7) .dotted-line-img {
    z-index: -1;
}

.st-croix-island .island-card.active {
    z-index: 11;
}

.st-croix-island .island-card-outer {
    pointer-events: none;
}

.st-croix-island .island-card.active .island-card-outer {
    pointer-events: all;
}

.st-croix-island .island-card-main .island-card:nth-child(2) .disc-point-wrp {
    width: 45%;
}

.st-croix-island .island-card-main .island-card:nth-child(2) {
    right: auto;
    left: 22%;
    top: -55%;
}

.st-croix-island .island-card-main .island-card:nth-child(2) .disc-point-wrp {
    left: -20%;
}

.st-croix-island .island-card-main .island-card:nth-child(2) .map-pin {
    left: -15%;
}

.st-croix-island .island-card-main .island-card:nth-child(3) .disc-point-wrp {
    width: 45%;
}

.st-croix-island .island-card-main .island-card:nth-child(3) {
    right: auto;
    left: 39%;
    top: -50%;
}

.st-croix-island .island-card-main .island-card:nth-child(3) .disc-point-wrp {
    left: -20%;
    top: 20%;
}

.st-croix-island .island-card-main .island-card:nth-child(3) .map-pin {
    left: -15%;
    top: -39%;
}

.st-croix-island .island-card-main .island-card:nth-child(3) .dotted-crcl {
    top: -7%;
    left: -1%;
    position: absolute;
}



.st-croix-island .island-card-main .island-card:nth-child(4) .disc-point-wrp {
    width: 45%;
}

.st-croix-island .island-card-main .island-card:nth-child(4) {
    right: auto;
    left: 42%;
    top: -22%;
}

.st-croix-island .island-card-main .island-card:nth-child(4) .disc-point-wrp {
    left: -20%;
    top: 20%;
}

.st-croix-island .island-card-main .island-card:nth-child(4) .map-pin {
    left: -15%;
    top: -39%;
}

.st-croix-island .island-card-main .island-card:nth-child(4) .dotted-crcl {
    top: -7%;
    left: -1%;
    position: absolute;
}



.st-croix-island .island-card-main .island-card:nth-child(5) .disc-point-wrp {
    width: 45%;
    left: -20%;
    top: 20%;
}

.st-croix-island .island-card-main .island-card:nth-child(5) {
    right: 11%;
    left: auto;
    top: -38%;
}

.st-croix-island .island-card-main .island-card:nth-child(5) .map-pin {
    left: -15%;
    top: -39%;
}

.st-croix-island .island-card-main .island-card:nth-child(5) .dotted-crcl {
    top: -7%;
    left: -1%;
    position: absolute;
}



.st-croix-island .island-card-main .island-card:nth-child(6) .disc-point-wrp {
    width: 45%;
    left: 7%;
    right: auto;
    top: 32%;
}

.paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(6) .disc-point-wrp {
    top: -16%;
}

.st-croix-island .island-card-main .island-card:nth-child(6) {
    right: 1%;
    left: auto;
    top: -28%;
}

.st-croix-island .island-card-main .island-card:nth-child(6) .map-pin {
    left: -15%;
    top: -39%;
}

.st-croix-island .island-card-main .island-card:nth-child(6) .dotted-crcl {
    top: 77%;
    left: -29%;
    position: absolute;
}

.st-croix-island .island-card-main .island-card:nth-child(6) .dotted-line-img {
    opacity: 0;
}

.st-croix-island .island-card.active {
    z-index: 11;
}



.st-croix-island .island-card-main .island-card:nth-child(7) .disc-point-wrp {
    width: 55%;
    left: 78%;
    right: auto;
    top: 30%;
    z-index: -1;
}

.st-croix-island .island-card-main .island-card:nth-child(7) {
    right: 21%;
    left: auto;
    top: auto;
    bottom: -9%;
}

.st-croix-island .island-card-main .island-card:nth-child(7) .map-pin {
    left: auto;
    top: 32%;
    right: -5%;
}

.st-croix-island {
    margin: 0;
}

.st-croix-island .map-pin {
    width: 32px;
}

.st-croix-island .island-card-main .island-card:first-child .disc-point-wrp {
    right: auto;
    left: -15%;
}

.st-croix-island .island-card-main .island-card:first-child {
    top: 13%;
    left: 19%;
}

.st-croix-island .island-card-main .island-card:first-child .map-pin {
    right: auto;
    left: -10%;
}

.st-croix-island .island-card-main .island-card:first-child .dotted-crcl {
    right: auto;
    left: 0;
}

.st-croix-island .map-img-box {
    max-width: inherit;
    width: 100%;
}

.st-croix-island .island-card-main .island-card:last-child .dotted-crcl {
    top: auto;
    bottom: 75%;
    left: -1%;
    right: auto;
}

.island-bg-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: -2;
}

.island-bg-bottom {
    position: absolute;
    bottom: -10%;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: -2;
}

.banner-sec p {
    color: var(--white);
    max-width: 741px;
}

.accordion-sec .sec-head {
    max-width: 1161px;
    margin: 0 auto 50px;
}

.accordion-sec .accordion-wpr {
    max-width: 1345px;
    margin: 0 auto;
    padding: 0;
    -webkit-column-count: inherit;
       -moz-column-count: inherit;
            column-count: inherit;
}

.accordion-sec .accordion-wpr::after {
    display: none;
}

.accordion-sec .accordion-wpr .accordion-item:first-child {
    padding-top: 30px;
    border-top: 1px dashed #D5D0C4;
}

.where-to-sec {
    padding: 60px 0;
}

.where-to-slide-card {
    position: relative;

}

.where-to-card {
    border-radius: 20px;
    overflow: hidden;
}


.where-to-slide-card {
    width: 100%;
    position: relative;
}

.where-to-slide-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 39.9%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(39.9%, rgba(0, 0, 0, 0)), to(#000000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 39.9%, #000000 100%);
    pointer-events: none;
}

.where-content-outer {
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 50px 50px;
    z-index: 1;
}

.where-to-btn-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.where-to-btn-wrp .cmn-btn {
    width: 100%;
    margin-bottom: 20px;
}

.where-to-btn-wrp .cmn-btn:last-child {
    margin-bottom: 0;
}

.where-content-wpr p {
    color: var(--white);
}

.where-content-wpr {
    width: 100%;
    max-width: 1255px;
    padding-right: 20px;
}

.where-img-wpr {
    position: relative;
    padding-top: 44.3%;
    width: 100%;
}

.where-img-wpr img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.reach-sec,
.where-to-card {
    position: relative;
}

.reach-wpr .introduction-content {
    max-width: 1345px;
}

.reach-wpr,
.popular-sld-outer {
    position: relative;
    z-index: 1;
}

.awr-wpr .slider-arrow,
.popular-awr-wpr .slider-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.awr-wpr .slider-arrow.where-prev,
.awr-wpr .slider-arrow.eat-prev,
.popular-awr-wpr .slider-arrow.popular-prev {
    left: 30px;
}

.awr-wpr .slider-arrow.where-next,
.awr-wpr .slider-arrow.eat-next,
.popular-awr-wpr .slider-arrow.popular-next {
    right: 30px;
}


.getting-around-sec {
    background: -o-linear-gradient(top, rgba(48, 164, 187, 0.3) 0%, rgba(48, 164, 187, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 164, 187, 0.3)), to(rgba(48, 164, 187, 0)));
    background: linear-gradient(180deg, rgba(48, 164, 187, 0.3) 0%, rgba(48, 164, 187, 0) 100%);
}


.getting-around-content ul {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
}

.getting-around-content ul li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 12px;
}

.getting-around-content ul li:last-child {
    margin-bottom: 0;
}

.getting-around-content ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: url(assets/images/orng-li-icn.svg) no-repeat center;
    background-size: 20px;
}

.getting-around-btn {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.getting-around-btn .cmn-btn {
    min-width: 260px;
}

.getting-around-img-wpr {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 20px 20px 100px 20px;
    padding-top: 62.5%;
}

.getting-around-img-wpr img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;

    -webkit-transition: -webkit-transform 0.6s ease;

    transition: -webkit-transform 0.6s ease;

    -o-transition: transform 0.6s ease;

    transition: transform 0.6s ease;

    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.getting-around-img-wpr:hover .getting-around-img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}

.getting-around-row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    --bs-gutter-y: 24px;
}

.getting-rt-col {
    width: 47%;
}

.getting-lt-col {
    width: 53%;
}

.getting-around-content {
    max-width: 644px;
}

.beaches-sec {
    position: relative;
    padding: 80px 0;
    z-index: 1;
    min-height: 850px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.beach-main-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.beaches-sec::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 39.9%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(39.9%, rgba(0, 0, 0, 0)), to(#000000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 39.9%, #000000 100%);
    pointer-events: none;
}

.beaches-content {
    max-width: 978px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.beaches-content p {
    color: var(--white);
    margin-bottom: 40px;
}

.beaches-btn-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.beaches-btn-wrp .cmn-btn {
    min-width: 260px;
}

.family-sec .getting-around-content {
    margin-left: auto;
}

.local-business-sec {
    position: relative;
    overflow: hidden;
}

.local-business-slider {
    height: 100%;
}

.local-business-slide {
    position: relative;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 80px 0;
    z-index: 1;
    min-height: 850px;
    height: 100%;
}

.local-business-slide .slide-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.local-business-slide .slide-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.local-business-slide::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 39.9%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(39.9%, rgba(0, 0, 0, 0)), to(#000000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 39.9%, #000000 100%);
    pointer-events: none;
}

.local-business-content {
    max-width: 1070px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.local-business-content p {
    color: var(--white);
    margin-bottom: 40px;
}

.local-business-btn-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.local-business-btn-wrp .cmn-btn:last-child {
    margin-right: 0;
}

.local-business-btn-wrp .cmn-btn {
    min-width: 260px;
    margin-right: 20px;
}

.support-content-wpr {
    width: 100%;
    height: 100%;
}

.local-business-sec .slider-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.local-business-sec .slider-arrow.local-prev {
    left: 40px;
}

.local-business-sec .slider-arrow.local-next {
    right: 40px;
}

.local-awr-wpr .slider-arrow {
    border-color: transparent;
}

.popular-sec .cruise-bg-lay {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 26.79%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(26.79%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 26.79%, rgba(0, 0, 0, 0.8) 100%);
}

.popular-sec .cruise-content p {
    color: var(--white);
}

.popular-sec.cruise-content {
    max-width: 704px;
    margin: 0 auto;
}

.getting-around-img-outer {
    position: relative;
    height: 100%;

}

.getting-btn-wpr {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.getting-btn-wpr .cmn-btn,
.adventure-sec .cmn-btn,
.dwn-btn-wpr .cmn-btn {
    min-width: 260px;
}

.spa-sec .getting-around-content {
    max-width: 776px;
}

.adventure-sec .cruise-content,
.explore-sec .cruise-content {
    max-width: 1282px;
    margin: 0 auto;
}


.escapes-sec .beaches-content,
.popular-sec .cruise-content {
    max-width: 704px;
    margin: 0 auto;
}

.travel-information .introduction-content {
    max-width: 1486px;
    margin: 0 auto;
}

.discover-itm {
    max-width: 386px;
    margin: 0 auto;
    text-align: center;
}

.travel-information {
    position: relative;
}

.travel-information-wpr {
    position: relative;
    z-index: 1;
}

.discover-itm h3 {
    margin-bottom: 12px;
}


.booking-inr .col-white {
    max-width: 100%;
}


.highlights-list li {
    font-family: var(--header-font);
    font-size: 20px;
    color: var(--heading-color);
}

.highlights-btn-wrp .cmn-btn {
    letter-spacing: 0.06em;
}

.rule-row {
    border-color: rgba(0, 0, 0, 0.2);
}

.policy-section h5 {
    font-family: var(--header-font);
    color: var(--heading-color);
    font-weight: 500;
}

.journey-btn-wrp .cmn-btn {
    padding: 10px 26px;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.03em;
    text-transform: capitalize;
}

.journey-info p {
    font-weight: 500;
}

.paradise-rightpar .tab-content-btn-wrp .cmn-btn.border-btn {
    border-width: 2px;
}

.all-insperation-sec.insperation .all-insperation-inr .insperation-select select {
    color: var(--orange-color);
}

.accordion-wpr::after {
    width: calc(50% - 10px);
}

.accorsin-outer::before {
    width: calc(50% - 10px);
    left: auto;
}

.contact-right-inrs .sec-head h3 {
    text-transform: initial;
}

.insperation-details-sec .sec-head h2 {
    font-size: 60px;
}

.resort-card-img {
    overflow: hidden;
}

.resort-card-img img {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.resort-card:hover .resort-card-img img {
    -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
            transform: scale(1.04);
}

.resort-discover-all .resort-filter-bar .search-wrap {
    margin: 0;
}

.details-tab.share-link-tab:after {
    display: none;
}

.share-link i {
    border-radius: 8px 0 8px 0;
}

.share-link i:hover {
    background-color: var(--orange-color);
}

.share-link i:hover img {
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
            filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.amenity-item-inr .h4-title,
.nearby-info h4 {
    font-size: 25px;
}

.nearby-inr h3 {
    font-size: 30px;
}

.nearby-item:last-child {
    margin-bottom: 0;
}

.nearby-row {
    --bs-gutter-y: 30px;
}

.important-sec-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 78%;
}

.important-sec-bg img {
    position: relative;
}

.important-sec-bg:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 29%;
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 12.8%, rgba(255, 255, 255, 0.567178) 28.47%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(12.8%, rgba(255, 255, 255, 0)), color-stop(28.47%, rgba(255, 255, 255, 0.567178)), to(#FFFFFF));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 12.8%, rgba(255, 255, 255, 0.567178) 28.47%, #FFFFFF 100%);
}

.discover-parar-wpr {
    max-height: 140px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.discover-parar-wpr:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(rgba(255, 255, 255, 0) 12%, rgba(255, 255, 255, 0.9) 99%, rgb(255, 255, 255) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(12%, rgba(255, 255, 255, 0)), color-stop(99%, rgba(255, 255, 255, 0.9)), to(rgb(255, 255, 255)));
    background: linear-gradient(rgba(255, 255, 255, 0) 12%, rgba(255, 255, 255, 0.9) 99%, rgb(255, 255, 255) 100%);
    pointer-events: none;
}

.discover-parar-wpr.active {
    max-height: 100%;
}

.discover-parar-wpr.active:after {
    opacity: 0;
    visibility: hidden;
}

.down-btn.active {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.filter-select-wrap .select2 {
    width: 252px !important;
    border: 1px solid rgba(171, 171, 171, 0.6);
    background: url(assets/images/drop-down.svg) no-repeat center right 16px / 12px;
    background-color: #FFFFFF;
    padding-left: 22px;
    padding-bottom: 5px;
}

.filter-select-wrap .select2-selection.select2-selection--multiple {
    width: 100%;
    height: 53px;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.filter-select-wrap .select2-search__field {
    line-height: 1.2;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.select2-results__option.select2-results__option--highlighted,
.filter-select-wrap .select2-selection__choice__remove:hover,
.select2-results__option.select2-results__option--selectable.select2-results__option--selected {
    background-color: var(--orange-color) !important;
    color: #fff;
}

.filter-select-wrap .select2-selection__choice {
    background-color: var(--orange-color) !important;
    color: var(--white);
    font-size: 15px;
    border-color: var(--orange-color) !important;
}

.filter-select-wrap .select2-selection__choice__remove {
    color: var(--white) !important;
}

.filter-select-wrap .select2-selection__rendered {
    position: relative;
    z-index: 9;
    width: 100%;
    margin: 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.filter-select-wrap .select2-selection.select2-selection--multiple::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #F5F5F5;
}

.filter-select-wrap .select2-selection.select2-selection--multiple::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

.filter-select-wrap .select2-selection.select2-selection--multiple::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ccc;
}

.resort-outer {
    padding: 30px 20px;
    background-color: #F8F8F8;
    border-radius: 10px;
}

.resort-outer .sec-head {
    margin-bottom: 30px;
}

.resort-outer .sec-head h2 {
    font-size: 44px;
}

.details-col .details-tab {
    border-radius: 10px 0 10px 0;
}

.details-col .details-tab {
    padding: 15px 30px;
}

.details-col.active .details-tab,
.details-col .details-tab:hover {
    background-color: var(--orange-color);
}

.details-col.active .details-tab a,
.details-col .details-tab:hover a {
    color: var(--white);
}

.details-col .details-tab::after {
    display: none;
}

.highlights-img-row {
    --bs-gutter-x: 12px;
    --bs-gutter-y: 12px;
}

.details-col.details-share:hover .details-tab.share-link-tab {
    background-color: transparent;
}

.rules-card-box {
    padding: 50px;
}

.rule-row {
    padding: 22px 0;
}

.policy-section h5 {
    margin-bottom: 10px;
}

.policy-section {
    margin-bottom: 25px;
}

.highlights-main-img {
    display: block;
    overflow: hidden;
}

.highlights-main-img img {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.highlights-main-img:hover img {
    -webkit-transform: scale(1.07);
        -ms-transform: scale(1.07);
            transform: scale(1.07);
}

.booking-inr input[type='date'] {
    opacity: 0;
}

.custom-bnr-input-txt {
    position: absolute;
    bottom: 5px;
    left: 0;
    font-size: 16px;
    color: #fff;
    pointer-events: none;
}

.banner-forms .booking-field label,
.banner-forms.is-sticky .booking-field label {
    display: none;
}

.banner-forms input[type="submit"] {
    height: 48px;
}

.bdy-rgt-float-btn a {
    -webkit-writing-mode: sideways-lr;
    -ms-writing-mode: sideways-lr;
    writing-mode: sideways-lr;
}


.thomas-island-sec .sec-head {
    max-width: 1161px;
    margin: 0 auto 30px;
}

.thomas-island-sec .discover-content-wrap {
    max-width: 1161px;
    margin: 0 auto;
}

.thomas-island-sec .st-thomas-island .island-card {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.thomas-island-sec .st-thomas-island .disc-point-wrp {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.thomas-island-sec .st-thomas-island .island-card-main .island-card:first-child .dotted-crcl {
    top: -10%;
}

.thomas-island-sec .st-thomas-island .island-card-main .island-card:first-child .disc-point-wrp {
    left: -50%;
}

.thomas-island-sec .st-thomas-island .island-card-main .island-card:first-child {
    top: 8%;
    left: 29%;
}

.thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(2) {
    left: 23%;
    top: 23%;
}

.thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(2) .map-pin {
    left: -20%;
}

.thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(3) .map-pin {
    left: -26%;
}

.thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(3) {
    left: 42%;
    top: 32%;
}

.thomas-island-sec .st-thomas-island .island-card-main .island-card:first-child .map-pin {
    left: -17%;
}

.thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(4) .map-pin {
    left: -24%;
}

.thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(5) {
    right: -2%;
    top: 45%;
}

.thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(4) {
    left: 61%;
    top: 18%;
}

.thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(5) .disc-point-wrp {
    top: -10%;
}

.thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(6) .disc-point-wrp {
    top: -12%;
}

.thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(5) .dotted-line-wrp {
    display: none;
}

.thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(6) {
    right: -5%;
    top: 56%;
}

.thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(7) .disc-point-wrp {
    right: 50%;
}

.thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(7) .map-pin {
    left: -19%;
}

.thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(7) {
    right: 3%;
    bottom: -17%;
}

.thomas-island-sec .dotted-crcl {
    display: none;
}


.thomas-island-sec .st-thomas-island .map-pin {
    width: 45px;
}


.johns-island-sec .sec-head {
    max-width: 1161px;
    margin: 0 auto 30px;
}

.johns-island-sec .discover-content-wrap {
    max-width: 1116px;
    margin: 0 auto;
}

.johns-island-sec .st-johns-island .island-card {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.johns-island-sec .st-johns-island .disc-point-wrp {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.johns-island-sec .dotted-crcl {
    display: none;
}

.johns-island-sec .st-johns-island .map-pin {
    width: 45px;
}

.johns-island-sec .st-johns-island .island-card-main .island-card:first-child {
    top: 19%;
    left: 26%;
}

.johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(2) {
    left: 17%;
    top: 41%;
}

.johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(3) {
    left: 54%;
    top: 27%;
}

.johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(2) .disc-point-wrp {
    left: 42%;
    top: -12%;
}

.johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(4) {
    left: 51%;
    top: 1%;
}

.johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(5) {
    right: 3%;
    top: 6%;
}

.johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(6) .disc-point-wrp {
    top: -12%;
}

.johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(6) {
    right: 9%;
    top: 35%;
}

.johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(7) {
    right: 29%;
    bottom: -3%;
}

.croix-island-sec .sec-head {
    max-width: 1161px;
    margin: 0 auto 90px;
}

.croix-island-sec .discover-content-wrap {
    max-width: 1357px;
    margin: 0 auto;
}

.croix-island-sec .st-croix-island .island-card {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.croix-island-sec .st-croix-island .disc-point-wrp {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.croix-island-sec .dotted-crcl {
    display: none;
}

.croix-island-sec .st-croix-island .map-pin {
    width: 45px;
}

.croix-island-sec .island-card-main .island-card:first-child .disc-point-wrp {
    top: 37%;
}

.croix-island-sec .st-croix-island .island-card-main .island-card:first-child {
    top: 14%;
    left: 23%;
}

.croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(2) {
    left: 28%;
    top: -31%;
}

.croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(3) {
    left: 65%;
    top: -16%;
}

.croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(3) .disc-point-wrp .dotted-line-wrp img {
    width: 100%;
}

.croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(4) {
    left: 48%;
    top: 8%;
}

.croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(5) {
    right: 16%;
    top: -4%;
}

.croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(6) {
    right: 9%;
    top: 31%;
}

.croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(3) .disc-point-wrp {
    width: 100%;
    left: -90%;
}

.croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(3) .map-pin {
    left: -10%;
}


.stay-txts-part {
    width: 100%;
    height: 100%;
    padding-right: 50px;
    position: relative;
    z-index: 1;
}

.stay-btn-wrps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 30px;
}

.stay-btn-wrps .cmn-btn {
    min-width: 260px;
    letter-spacing: 0.06em;
}

.stay-btn-wrps>*:not(:last-child) {
    margin-right: 10px;
}

.each-stay-cardinr {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    padding: 33% 40px 40px;
}

.each-stay-cardinr img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    bottom: 0;
    left: 0;
}

.stay-slider-btn-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

.stay-slider-btn-wrp .cmn-btn {
    min-width: 260px;
    letter-spacing: 0.06em;
}

.stay-slider-btn-wrp>*:not(:last-child) {
    margin-right: 10px;
}

.stay-row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    --bs-gutter-y: 40px;
}

.stay-prev-arrow {
    position: absolute;
    top: 50%;
    left: -25px;
    -webkit-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
            transform: translatey(-50%);
    z-index: 3;
}

.stay-next-arrow {
    position: absolute;
    top: 50%;
    right: calc((100vw - 1680px) / 2);
    -webkit-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
            transform: translatey(-50%);
    z-index: 3;
}

.stay-slider-outer {
    position: relative;
    margin-right: calc(((100vw - 1600px) / 2) * -1);
}

.stay-sec {
    overflow: hidden;
}

.stay-slider .slick-list {
    overflow: visible !important;
    margin: -5px;
}

.stay-slider-outer .stay-slider-inr {
    width: 100%;
    padding-right: calc((100vw - 1620px) / 2);
    overflow: hidden;
}

.stay-slider .each-stay-card {
    padding: 5px;
}

.john-island-se {
    overflow: hidden;
}

.accprdion-img-wpr {
    position: relative;
    padding-top: 75.6%;
    overflow: hidden;
    border-radius: 20px 20px 100px 20px;
    height: 100%;
}

.accprdion-img-wpr img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.jhon-accordion-sec .accordion-wpr {
    padding-left: 6px;
}

.stay-img-btn-wpr,
.john-eat-sec.where-eat-sec .stay-img-btn-wpr {
    position: absolute;
    bottom: 30px;
    right: 26px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.john-eat-sec.where-eat-sec .stay-img-btn-wpr {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.stay-img-btn-wpr .cmn-btn {
    min-width: 260px;
}

.stay-sec .booking-header-btnwrp .cmn-btn,
.where-eat-sec .booking-header-btnwrp .cmn-btn {
    min-width: 260px;
}

.stay-sec .booking-all-wrp h2,
.where-eat-sec .booking-all-wrp h2 {
    margin-bottom: 20px;
}

.stay-sec .booking-all-wrp,
.where-eat-sec .booking-all-wrp {
    margin-bottom: 0px;
}

.getting-around-content-outer {
    padding: 55px 40px;
    border-radius: 80px 20px 20px 20px;
    overflow: hidden;
    background-color: var(--white);
    height: 100%;
    -webkit-box-shadow: 0px 14px 74px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 14px 74px rgba(0, 0, 0, 0.08);
}

.john-beaches-sec .beaches-content,
.john-local-sec .beaches-content {
    max-width: 1069px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    bottom: -170px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: var(--white);
    padding: 50px;
    -webkit-box-shadow: 0px 14px 74px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 14px 74px rgba(0, 0, 0, 0.08);
    border-radius: 80px 20px 20px 20px;
    width: 100%;
}

.john-beaches-sec .beaches-content p,
.john-local-sec .beaches-content p {
    color: var(--body-color);
}

.beaches-content h2 {
    margin-bottom: 17px;
}

.john-beaches-sec.beaches-sec::after {
    display: none;
}

.john-explore-sec .john-img-wpr {
    overflow: hidden;
    border-radius: 20px;
    padding-top: 44.3%;
    position: relative;
}

.john-explore-sec .john-img-wpr img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;

}

.john-explore-sec .john-content-wpr {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-width: 717px;
    padding: 70px 55px;
    background: var(--white);
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.john-explore-sec .john-content-wpr h2 {
    max-width: 535px;
}

.john-explore-sec .john-btn-wrp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
}

.john-explore-sec .btn-wrp .cmn-btn {
    min-width: 260px;
}

.john-explore-card {
    position: relative;
    overflow: hidden;
}

.john-family-sec .getting-around-content-outer {
    padding: 74px 75px;
}

.john-local-sec .local-business-slide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 700px;
}

.john-local-sec.local-business-sec {
    overflow: visible;
}

.john-local-sec .local-business-slider .slick-list {
    overflow: visible;
}

.john-nightfile-sec.cmn-gap,
.john-event-sec.cmn-gap,
.john-travel-sec.cmn-gap {
    padding-top: 260px;
}

.john-nightfile-sec .getting-around-row,
.john-family-sec .getting-around-row,
.john-around-sec .getting-around-row,
.john-shopping-sec .getting-around-row,
.john-cruise-information-sec .getting-around-row {
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
}

.john-nightfile-sec .getting-around-content-outer {
    padding: 120px 50px;
}

.john-nightfile-sec .getting-around-img-wpr::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.8) 100%);
}

.john-shopping-sec.john-nightfile-sec .getting-around-content-outer {
    padding: 50px;
}

.john-beaches-sec {
    min-height: 700px;
}

.john-spa-sec .getting-around-content-outer {
    padding: 50px;
}

.john-adventure-sec.adventure-se .cruise-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: left;
    max-width: 100%;
}

.john-adventure-sec .cruise-content h2 {
    margin-bottom: 0;
    padding-right: 20px;
    text-transform: inherit;
}

.john-cruise-information-sec {
    background: var(--white);
}

.john-tours-sec .local-business-slide::after {
    display: none;
}

.stay-sec,
.where-eat-sec {
    overflow: hidden;
}

.local-part-wpr {
    overflow: hidden;
}

.john-shopping-sec .getting-around-img-wpr,
.john-spa-sec .getting-around-img-wpr,
.john-around-sec .getting-around-img-wpr,
.john-nightfile-sec .getting-around-img-wpr,
.john-adventure-sec .getting-around-img-wpr,
.john-cruise-information-sec .getting-around-img-wpr {
    height: 100%;
    padding-top: 0;
}

.john-shopping-sec .getting-around-img-wpr img,
.john-spa-sec .getting-around-img-wpr img,
.john-around-sec .getting-around-img-wpr img,
.john-nightfile-sec .getting-around-img-wpr img,
.john-adventure-sec .getting-around-img-wpr img,
.john-cruise-information-sec .getting-around-img-wpr img {
    position: relative;
}

.escape-outer.beaches-outer .beaches-content {
    bottom: -150px;
}

.new-visitor-gallery-sec {
    padding: 100px 0 0;
}

.john-tours-sec {
    position: relative;
    z-index: 10;
}

.accordion-itm-rw {
    --bs-gutter-y: 24px;
}

.support-content-outer {
    width: 100%;
}

.croix-eat-sec {
    background: -o-linear-gradient(top, rgba(48, 164, 187, 0.3) 0%, rgba(48, 164, 187, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 164, 187, 0.3)), to(rgba(48, 164, 187, 0)));
    background: linear-gradient(180deg, rgba(48, 164, 187, 0.3) 0%, rgba(48, 164, 187, 0) 100%);
}


.croix-getting-around-sec .getting-around-row {
    --bas-gutter-x: 20px;
    --bs-gutter-y: 20px;
}

.croix-getting-around-sec .getting-around-img-wpr,
.croix-getting-around-sec .getting-sml-co {
    height: 100%;
    padding-top: 0;
}

.croix-getting-around-sec .getting-around-img-wpr img,
.croix-getting-around-sec .getting-sml-co img {
    position: relative;
}

.croix-getting-around-sec .getting-around-content {
    margin-left: auto;
}

.reach-sec {
    overflow: hidden;
}

.croix-beaches-sec.john-beaches-sec .beaches-content {
    max-width: 528px;
    bottom: 0;
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    padding: 50px;
    margin: 0 0 auto;
    position: relative;
}

.croix-beaches-sec {
    min-height: 850px;
}

.croix-explore-sec.john-explore-sec .john-img-wpr {
    max-width: 1427px;
    margin-right: auto;
}

.croix-explore-sec.john-explore-sec .john-content-wpr {
    top: 50%;
    max-width: 462px;
    padding: 50px;
    max-height: 427px;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.island-bg-top.island-bg-top-new {
    height: 100%;
}

.stay-row .stay-right-col {
    width: 55.3%;
}

.stay-row .stay-left-col {
    width: 44.7%;
}

.where-eat-sec .booking-previous,
.where-eat-sec .booking-next {
    top: 50%;
}

.where-eat-sec .stay-img-btn-wpr {
    right: 50%;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
}

.where-eat-sec .slider-left-lay,
.where-eat-sec .slider-right-lay {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 8%;
}

.where-eat-sec .slider-right-lay {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    background: -o-linear-gradient(right, #FFFFFF 30.55%, rgba(255, 255, 255, 0.7) 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(30.55%, #FFFFFF), to(rgba(255, 255, 255, 0.7)));
    background: linear-gradient(270deg, #FFFFFF 30.55%, rgba(255, 255, 255, 0.7) 100%);
    opacity: 0.9;
}

.where-eat-sec .slider-left-lay {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background: -o-linear-gradient(left, #FFFFFF 49.79%, rgba(255, 255, 255, 0.78) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(49.79%, #FFFFFF), to(rgba(255, 255, 255, 0.78)));
    background: linear-gradient(90deg, #FFFFFF 49.79%, rgba(255, 255, 255, 0.78) 100%);
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    opacity: 0.9;
}

.where-eat-sec {
    position: relative;
}

.where-eatbg-lay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -o-linear-gradient(top, rgba(48, 164, 187, 0.3) 0%, rgba(48, 164, 187, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 164, 187, 0.3)), to(rgba(48, 164, 187, 0)));
    background: linear-gradient(180deg, rgba(48, 164, 187, 0.3) 0%, rgba(48, 164, 187, 0) 100%);
}

.where-eat-sec .booking-img-wrp {
    border: 7px solid var(--white);
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.where-eat-sec .slick-active .booking-img-wrp {
    border: 0px;
}

.where-eat-sec .sec-head {
    max-width: 963px;
    margin: 0 auto 50px;
}

.eat-header-btnwrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
}

.eat-header-btnwrp>*:not(:last-child) {
    margin-right: 10px;
}

.eat-header-btnwrp .cmn-btn {
    min-width: 260px;
    letter-spacing: 0.06em;
}


.paradise-tab-content .st-johns-island .map-pin {
    width: 20px;
    height: 25px;
}

.paradise-tab-content .st-johns-island .disc-point-wrp {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.paradise-tab-content .st-johns-island .island-card {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.paradise-tab-content .st-johns-island .island-card-main .island-card:first-child {
    top: 23%;
    left: 25%;
}

.paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(2) {
    left: 36%;
    top: 21%;
}

.paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(3) {
    left: 53%;
    top: 33%;
}

.paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(4) {
    left: 49%;
    top: 6%;
}

.paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(5) {
    right: 14%;
    top: 12%;
}

.paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(6) {
    right: 14%;
    top: 42%;
}

.paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(7) {
    right: 26%;
    bottom: 5%;
}


.paradise-tab-content .st-croix-island .map-pin {
    width: 20px;
    height: 25px;
}

.paradise-tab-content .st-croix-island .disc-point-wrp {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.paradise-tab-content .st-croix-island .island-card {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.paradise-tab-content .st-croix-island .island-card-main .island-card:first-child {
    top: 50%;
    left: 22%;
}

.paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(2) {
    left: 28%;
    top: -23%;
}

.paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(3) {
    left: 44%;
    top: -14%;
}

.paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(4) {
    left: 47%;
    top: 15%;
}

.paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(5) {
    right: 20%;
    top: 3%;
}

.paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(6) {
    right: 12%;
    top: 39%;
}

.croix-family-sec.croix-getting-around-sec .getting-around-content {
    margin-left: 0;
}

.croix-local-sec.john-local-sec .local-business-slide {
    min-height: 850px;
}

.croix-local-sec.john-local-sec.local-business-sec {
    overflow: hidden;
}

.croix-local-sec.john-local-sec .local-business-slider .slick-list {
    overflow: hidden;
}

.croix-local-sec.john-local-sec .beaches-content,
.croix-popular-sec .beaches-content {
    max-width: 640px;
    bottom: 0;
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    padding: 50px;
    margin: 0 0 auto;
    position: relative;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.croix-local-sec .support-content-wpr {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.croix-local-sec .local-awr-wpr,
.croix-popular-sec .local-awr-wpr {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: auto;
    z-index: 1;
}

.croix-local-sec .local-business-content {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 0 0 50px;
}

.croix-local-sec.local-business-sec .slider-arrow.local-prev {
    left: 0px;
    margin-right: 20px;
}

.croix-local-sec.local-business-sec .slider-arrow {
    position: relative;
    top: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.croix-local-sec.local-business-sec .slider-arrow.local-next {
    right: 0px;
}

.night-sml-img {
    overflow: hidden;
    border-radius: 20px 20px 100px 20px;
    border: 7px solid #fff;
    max-width: 401px;
    margin-left: auto;
    position: absolute;
    width: 100%;
    bottom: -30px;
    right: 63px;
}

.getting-around-img-wpr-in {
    margin-bottom: 25px;
}

.croix-nightfill-sec .night-file-sld-wpr .slick-list {
    overflow: visible;
}

.croix-nightfill-sec .getting-btn-wpr {
    position: relative;
    left: 50px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    bottom: 0;
}

.croix-nightfill-sec .getting-around-content {
    margin-left: auto;
}

.croix-nightfill-sec.getting-around-sec {
    background: var(--white);
    overflow: hidden;
}

.john-explore-card {
    position: relative;
    overflow: hidden;

}

.croix-popular-sec .john-explore-card .john-img-wpr {
    overflow: hidden;
    border-radius: 20px;
    padding-top: 44.3%;
    position: relative;
    max-width: 1427px;
    margin-left: auto;
}

.croix-popular-sec .john-explore-card .john-img-wpr img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.croix-popular-sec .john-explore-card .john-content-wpr {
    top: 50%;
    left: 0;
    max-width: 462px;
    padding: 50px;
    max-height: 335px;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--white);
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.croix-popular-sec .john-explore-card .john-btn-wrp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.croix-popular-sec .john-explore-card .john-content-wpr .cmn-btn {
    min-width: 260px;
}

.croix-popular-sec .john-explore-card .john-content-wpr p {
    margin-bottom: 30px;
}

.croix-popular-img-outer {
    position: relative;

}

.croix-popular-content-outer {
    position: absolute;
    bottom: 25px;
    left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 100%;
    height: 100%;
    max-width: 1151px;
    right: 0;
    padding-right: 30px;
}

.croix-book-btn-wrp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.croix-book-btn-wrp .cmn-btn {
    min-width: 260px;
}

.croix-local-sec .local-awr-wpr {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: auto;
}

.croix-shopping-sec.croix-nightfill-sec .getting-around-content {
    margin-left: 0;
}

.croix-shopping-sec .getting-around-content {
    max-width: 695px;
}

.croix-shopping-sec .getting-btn-wpr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    left: auto;
    right: 70px;
}

.croix-shopping-sec .night-sml-img {
    right: auto;
    left: 47px;
}

.croix-escape-sec.croix-beaches-sec.john-beaches-sec .beaches-content {
    max-width: 580px;
    margin: 0 0 0 auto;
}

.croix-spa-sec .getting-around-content {
    max-width: 657px;
}

.croix-adventure-sec.croix-explore-sec.john-explore-sec .john-content-wpr {
    max-width: 462px;
    padding: 50px;
    max-height: 377px;
    left: 0;
    right: auto;
}

.croix-adventure-sec.croix-explore-sec.john-explore-sec .john-img-wpr {
    margin-right: 0;
    margin-left: auto;
}

.croix-family-sec {
    background: var(--white);
}

.croix-popular-prev {
    margin-right: 15px;
}

.stay-rich-sec {
    position: relative;
}

.stay-rich-sec .important-bg-img {
    height: 100%;
    z-index: -1;
}

.booking-inr .booking-field .input-wrap select option {
    color: var(--black);
}

.ftr-top-logos {
    mix-blend-mode: luminosity;
}

.reach-wpr .discover-parar-wpr,
.travel-information .discover-parar-wpr {
    overflow: visible;
    max-height: 100%;
    margin-bottom: 35px;
}

.reach-wpr .discover-parar-wpr:after,
.travel-information .discover-parar-wpr:after {
    display: none;
}

.reach-outer,
.travel-outer {
    position: relative;
}

.where-sec.cmn-gap {
    padding-top: 40px;
}

.explore-sec .cruise-bg-lay {
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.8) 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0.8)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.8) 80%);
}

.explore-sec .cruis-btn-wrp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.explore-sec .cruis-btn-wrp .cmn-btn {
    min-width: 260px;
}

.jhon-accordion-sec .sec-head {
    position: relative;
    z-index: 1;
}

.john-reach-slider-sec .slider-left-lay {
    background: -o-linear-gradient(left, #FFFFFF 30.55%, rgba(255, 255, 255, 0.7) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(30.55%, #FFFFFF), to(rgba(255, 255, 255, 0.7)));
    background: linear-gradient(90deg, #FFFFFF 30.55%, rgba(255, 255, 255, 0.7) 100%);
    opacity: 0.8;
    width: 8.5%;
}

.john-reach-slider-sec .slider-right-lay {
    opacity: 0.8;
    width: 8.5%;
}

.john-reach-slider-sec .stay-booking-slider .booking-img-wrp {
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    border: 7px solid var(--white);
}

.john-reach-slider-sec .stay-booking-slider .slick-active .booking-img-wrp {
    border: 0px;
}

.croix-beaches-sec.beaches-sec {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.croix-local-sec .beaches-content h2 {
    text-align: center;
}

.croix-local-sec .beaches-content {
    display: block;
}

.croix-local-sec .beaches-btn-wrp {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.st-croix-island .dotted-line-wrp {
    position: relative;
}

.st-croix-island .dotted-line-wrp::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("assets/images/map-border-before.webp");
    background-position: 10% top;
    background-repeat: repeat-x;
    /* background-size: cover; */
    width: 100%;
    height: 4px;
    z-index: -2;
}

.st-croix-island .dotted-line-wrp img {
    opacity: 0;
}


.st-johns-island .dotted-line-wrp {
    position: relative;
}

.st-johns-island .dotted-line-wrp::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("assets/images/map-border-before.webp");
    background-position: 10% top;
    background-repeat: repeat-x;
    /* background-size: cover; */
    width: 100%;
    height: 4px;
    z-index: -2;
}

.st-johns-island .dotted-line-wrp img {
    opacity: 0;
}

.st-johns-island .island-card-main .island-card:nth-child(7) .dotted-line-wrp::before {
    top: 95%;
}

.st-johns-island .island-card-main .island-card:nth-child(6) .dotted-line-wrp::before {
    opacity: 0;
}

.st-johns-island .island-card-main .island-card:nth-child(6) .dotted-line-wrp::after {
    content: "";
    position: absolute;
    top: 100%;
    left: -20%;
    width: 4px;
    height: 100%;
    border-right: 2px dashed var(--usvi-sky-blue);
    z-index: -2;
}


.st-thomas-island .dotted-line-wrp {
    position: relative;
}

.st-thomas-island .dotted-line-wrp::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("assets/images/map-border-before.webp");
    background-position: 10% top;
    background-repeat: repeat-x;
    /* background-size: cover; */
    width: 100%;
    height: 4px;
    z-index: -2;
}

.st-thomas-island .dotted-line-wrp img {
    opacity: 0;
}

.st-thomas-island .island-card-main .island-card:nth-child(7) .dotted-line-wrp::before {
    top: 100%;
}

.johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(2) .dotted-line-wrp::before {
    opacity: 0;
}

.croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(6) .disc-point-wrp {
    top: -16%;
}

.croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(6) .dotted-line-wrp::before {
    opacity: 0;
}

.thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(6) .dotted-line-wrp::before {
    opacity: 0;
}


.croix-beaches-sec.beaches-sec.croix-beachsec-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.croix-local-sec.john-local-sec .local-business-slide {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.adventure-sec.john-adventure-sec .cruise-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%;
    text-align: left;
}

.adventure-sec.john-adventure-sec .cruise-content h2 {
    padding-right: 20px;
}

.choose-item:last-child .choose-text {
    padding-bottom: 0;
}

.rules-sec {
    padding-top: 20px;
}

.night-file-sld-outer {
    position: relative;
}

.nightlife-slider-wraper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /* margin-top: 40px; */
    width: 52%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-140%) translateX(14px);
        -ms-transform: translateY(-140%) translateX(14px);
            transform: translateY(-140%) translateX(14px);
    z-index: 3;
}

.nightlife-slider-wraper.nightlife-slider-wraper-left {
    right: auto;
    left: 0;
    -webkit-transform: translateY(-100%) translateX(-20px);
        -ms-transform: translateY(-100%) translateX(-20px);
            transform: translateY(-100%) translateX(-20px);
}

.nightlife-slider-wraper.nightlife-slider-wraperjohn.nightlife-slider-wraperjohn-left {
    right: auto;
    left: 0;
    -webkit-transform: translateY(-100%) translateX(-20px);
        -ms-transform: translateY(-100%) translateX(-20px);
            transform: translateY(-100%) translateX(-20px);
}

.nightlife-slider-wraper.nightlife-slider-wraperthomas {
    width: 48%;
}

.nightlife-slider-wraper.nightlife-slider-wraperthomas.nightlife-slider-wraperthomas-left {
    right: auto;
    left: 0;
    -webkit-transform: translateY(-100%) translateX(-15px);
        -ms-transform: translateY(-100%) translateX(-15px);
            transform: translateY(-100%) translateX(-15px);
}

.island-logo-wrp {
    width: 13%;
    height: auto;
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1;
    background-color: var(--white);
    padding: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 14px 74px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 14px 74px rgba(0, 0, 0, 0.8);
}

.highlights-main-img :hover .island-logo-wrp img {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.island-logo-wrp img {
    position: static;
    -o-object-fit: contain;
       object-fit: contain;
}

.bdy-rgt-new>* {
    position: static;
    -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
            writing-mode: unset;
}

.bdy-rgt-new {
    position: fixed;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.bdy-rgt-new>*:not(:last-child) {
    margin-bottom: 20px;
}

.brows-pdf-btnorange {
    background: var(--orange-color);
    color: var(--white);
}

.brows-pdf-btnorange:hover {
    background-color: var(--usvi-sky-blue)
}

.brows-pdf-btnorange i {
    /* filter: brightness(0) invert(1); */
    width: 20px;
    height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2px;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    background-color: #77c8e1;
    margin-bottom: 5px;
    border-radius: 0px 3px 0px 3px;
}

.brows-pdf-btnorange i img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.croix-accordion-sec::after{
    z-index: -1;
}

.brows-pdf-btnorange{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.resort-cards-wpr .orange-tags-wrapperlist{
    display: none;
}

.list-layout .orange-tags-wrapperlist{
    display: block;
}
.resort-cards-wpr .orange-tags-wrappercard{
    display: block;
}

.list-layout .orange-tags-wrappercard{
    display: none;
}

.list-layout .resort-card-body{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.list-layout .resort-card .cmn-btn{
    /* min-width: inherit; */
    width: auto;
}

.list-layout .resort-card-body-bottom{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.list-layout .cmn-btn{
    min-width: 195px;
}

.list-layout .facility-tags li{
    padding: 0 50px;
}

.list-layout .facility-tags>*:first-child{
    padding-left: 0;
} 
.list-layout .facility-tags>*:last-child{
    padding-right: 0;
} 

.john-btn-wrp-new .cmn-btn {
    min-width: 260px;
}

.resort-details-faqsec::after{
    height: 20%;
}
.resort-details-faqsec::before{
    height: 85%;
}

.where-eat-sec.john-eat-sec .sec-head{
    max-width: inherit;
}

.choose-sec.choose-sec2 .choose-content{
    padding: 36px 0 36px 30px;
}

.facility-wpr .amenities-row>*:last-child::after{
    display: none;
}

.nightlife-slider-wraperjohn{
    top: 60%;
}

.nav-mega-menu{
    top: 90% !important;
    width: 100% !important;
    border: none !important;
    border-radius: 0px !important;
    background-color: #F6EFE7 !important;
    padding: 40px !important;
-webkit-box-shadow: 0px 14px 44px rgba(0, 0, 0, 0.28);
        box-shadow: 0px 14px 44px rgba(0, 0, 0, 0.28);
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
opacity: 0;
pointer-events: none;
display: block !important;

}

.menu-item-has-children.has-mega-menu{
    position: static;
}

.has-mega-menu .clickD{
    display: none;
}

.has-mega-menu> a::before{
    content: "";
    position: absolute;
    right: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url(assets/images/down-arrow.svg) center center no-repeat;
    width: 20px;
    height: 20px;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}
.main-head.fixed .has-mega-menu> a::before {
    filter: brightness(0);
}
.has-mega-menu:hover> a::before{
    -webkit-transform: rotate(180deg) translateY(50%);
        -ms-transform: rotate(180deg) translateY(50%);
            transform: rotate(180deg) translateY(50%);
}

.has-mega-menu:hover .nav-mega-menu{
    opacity: 1;
    pointer-events: all;
}

.megamenu-row{
    --bs-gutter-x: 10px;
    --bs-gutter-y: 30px;
}

.megamenu-heading-wrp{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
}

.megamenu-heading-wrp p{
    margin-bottom: 0;
}

.megamenu-heading-wrp span{
    width: 33px;
    height: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: 20px;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.megamenu-heading-wrp span img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.megamenu-heading-wrp p{
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.megamenu-heading-wrp:hover p{
    color: var(--orange-color);
    text-decoration: underline;
    text-underline-offset: 8px;
    text-decoration-thickness: 2px !important;
}
/* .megamenu-heading-wrp:hover{
    text-decoration: underline;
    text-underline-offset: 8px;
  text-decoration-thickness: 2px !important;
} */

.megamenu-heading-wrp:hover span{
    -webkit-filter: brightness(0) saturate(100%) invert(46%) sepia(54%) saturate(2205%) hue-rotate(351deg) brightness(95%) contrast(109%);
            filter: brightness(0) saturate(100%) invert(46%) sepia(54%) saturate(2205%) hue-rotate(351deg) brightness(95%) contrast(109%);
}

.megamenu-txts-wrp{
    margin-bottom: 20px;
}

.megamenu-img-wrp{
    overflow: hidden;
    width: 100%;
    display: block;
    margin-top: auto;
}

.megamenu-img-wrp img{
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.megamenu-img-wrp:hover img{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.meganu-cards-wrp{
    height: 100%;
    max-height: 520px;
    overflow-y: auto;
    overflow-x: inherit;
}

.meganu-btn-wrp{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 20px;
}

.meganu-btn-wrp>*:not(:last-child){
    margin-right: 10px;
}

.each-megamenu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: 100%;
}

.list-layout .facility-tags{
    margin-bottom: 55px;
}

/* ========== responsive css =========== */



@media(min-width:1025px) {

    /* navbar*/
    /* .navbar-nav .clickD {
        display: none;
    } */

    .navbar-nav li.menu-item-has-children:hover>.sub-menu {
        display: block;
    }
}

@media(min-width: 1600px) {
    .container {
        max-width: 1440px;
    }
}

@media(min-width: 1700px) {
    .container.sml-container {
        max-width: 1644px;
    }
}

@media(min-width: 1800px) {
    .container {
        max-width: 1741px;
    }
}

@media(max-width:1799px) {


    /* sp afternoon starts */
    h2,
    .h2-title {
        font-size: 60px;
    }

    .discover-content {
        padding-right: 20px;
        padding-left: 20px;
    }

    .right-rooler {
        right: 0;
    }

    .left-rooler {
        left: 0;
    }

    .discover-content.cmn-gap {
        padding-top: 0;
        padding-bottom: 0;
    }

    /* sp afternoon ends */

    /* sm starts */

    .map-img-box {
        max-width: 77.6%;
    }

    .island-card-main .island-card:nth-child(2) .disc-point-wrp {
        width: 86%;
        top: 36%;
        left: -85%;
    }

    .disc-point-wrp {
        width: 52%;
    }

    .island-card-main .island-card:first-child .disc-point-wrp {
        top: 12%;
        right: -34%;
    }

    .island-card-main .island-card:first-child .dotted-crcl {
        right: -2%;
        top: -4%;
    }

    .island-card-main .island-card:first-child {
        left: -5%;
        top: 27%;
    }

    .island-card-main .island-card:first-child .map-pin {
        top: -37%;
        right: -11%;
    }

    .island-card-main .island-card:last-child .disc-point-wrp {
        width: 22%;
    }

    .island-card-main .island-card:last-child .dotted-crcl {
        top: -4%;
        left: -4%;
    }

    .island-card-main .island-card:last-child .disc-point-wrp {
        top: -40%;
        left: -17%;
    }

    .island-card-main .island-card:last-child .map-pin {
        top: -18%;
        left: -20%;
    }

    .island-card-main .island-card:last-child {
        right: 18%;
    }

    /* sm ends */

    .island-card-main .island-card:last-child {
        right: 0%;
    }

    .island-card-main .island-card:last-child .disc-point-wrp {
        top: 22%;
        left: -85%;
        width: 100%;
    }

    .island-card-main .island-card:last-child .map-pin {
        left: -12%;
    }



    /* S.Mv Css Start 18-05-26 */
    h3,
    .h3-title {
        font-size: 30px;
    }

    h1,
    .h1-title {
        font-size: 82px;
        margin-bottom: 15px;
    }


    .banner-sec {
        height: 930px;
    }

    .navbar-brand {
        width: 225px;
    }

    .main-head {
        padding: 22px 0;
    }

    .navbar-nav>li {
        margin: 0 25px;
    }

    .banner-slider-card {
        min-height: 365px;
    }

    .cmn-header-title {
        margin-bottom: 10px;
    }

    .cmn-header-subtitle {
        letter-spacing: 0.45em;
    }

    .cmn-header-subtitle i {
        width: 70px;
        margin-left: 8px;
    }

    .booking-inr .col-white {
        font-size: 17px;
    }

    .banner-forms.is-sticky .booking-inr .col-white {
        margin-bottom: 6px;
    }

    /* .choose-sec.cmn-gap{
        padding-top:0;
    } */
    .choose-content {
        padding-left: 20px;
    }

    .choose-content .sec-head {
        margin-bottom: 20px;
    }

    .choose-icon {
        width: 32px;
        height: 32px;
        margin-right: 12px;
    }

    /* .choose-item {
        padding: 10px 0;
    } */

    .choose-list {
        margin-top: 20px;
    }

    .choose-item .choose-text p,
    .choose-content .sec-head p {
        font-size: 17px;
    }



    /* S.Mv Css End 18-05-26 */


    .island-card-main .island-card:last-child {
        right: -2%;
    }

    .island-card-main .island-card:last-child .disc-point-wrp {
        top: 22%;
        left: -85%;
        width: 100%;
    }

    .island-card-main .island-card:last-child .map-pin {
        left: -12%;
    }


    /* sp 18-evening starts */

    .st-thomas-island .island-card-main .island-card:first-child {
        top: -7%;
        left: 10%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(2) {
        top: 10%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(3) {
        top: 17%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(4) {
        top: 4%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(5) {
        right: -10%;
        top: 13%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(6) {
        right: -16%;
        top: 28%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(7) {
        right: -4%;
        bottom: -26%;
    }

    .island-card-main .island-card:last-child .dotted-crcl {
        top: 81%;
    }

    .st-johns-island .island-card-main .island-card:first-child {
        top: 2%;
        left: 19%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(2) {
        top: 1%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(3) {
        top: 13%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(4) {
        top: -14%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(5) {
        right: -4%;
        top: -10%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(6) {
        right: 0%;
        top: 21%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(7) {
        right: 21%;
        bottom: -14%;
    }

    .st-croix-island .island-card-main .island-card:first-child {
        top: 1%;
        left: 17%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(2) {
        left: 23%;
        top: -72%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(3) {
        top: -64%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(4) {
        left: 41%;
        top: -35%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(5) {
        right: 2%;
        top: -54%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(6) {
        right: -6%;
    }

    /* sp 18-evening ends */

    .island-card-main .island-card:last-child .dotted-crcl {
        top: -5%;
    }

    /* S.Mv Css Start 19-05-26 */
    .generic-pg-ovrvw {
        padding-top: 70px;
    }

    .generic-pg-ovrvw .island-hosted-row {
        -webkit-box-align: initial;
            -ms-flex-align: initial;
                align-items: initial;
    }

    .overview-sec-new.generic-pg-ovrvw .right-rooler,
    .overview-sec-new.generic-pg-ovrvw .left-rooler {
        top: -70px;
    }

    .generic-pg-ovrvw .discover-separator {
        height: 45px;
        margin: 0px auto 8px;
    }

    .generic-pg-ovrvw .right-card {
        margin-top: 70px;
    }

    .generic-pg-ovrvw .discover-content p {
        font-size: 17px;
    }

    .paradise-sec-inr .custom-tabs {
        margin: 0 auto 30px;
    }

    .paradise-sec-inr .custom-tabs li {
        padding: 8px;
    }

    /* .paradise-tab-content {
        padding: 35px;
    } */
    .paradise-rightpar h3,
    .paradise-rightpar>p {
        margin-bottom: 10px;
    }

    .paradise-side-lists li .paradise-cou {
        padding: 12px 28px;
    }

    .paradise-rightpar .column-lists {
        margin-top: 22px;
    }

    .paradise-rightpar .column-lists li span {
        width: 59px;
        height: 60px;
        padding: 16px;
    }

    .paradise-rightpar .column-lists li h4 {
        font-size: 22px;
        margin-bottom: 4px;
    }

    .paradise-rightpar .column-lists>*:not(:last-child) {
        margin-bottom: 30px;
    }

    .paradise-rightpar .tab-content-btn-wrp {
        margin-top: 30px;
    }

    .amenity-icn {
        width: 26px;
        margin-right: 15px;
    }

    .amenity-item-inr .h4-title {
        font-size: 22px;
    }

    .facility-wpr {
        padding-bottom: 70px;
    }

    .nw-nearby-sec {
        padding: 70px 0;
    }

    .nearby-inr h3 {
        font-size: 26px;
    }

    .nearby-icn {
        width: 28px;
        margin-right: 16px;
    }

    .amenity-item-inr .h4-title,
    .nearby-info h4 {
        font-size: 22px;
    }

    .discover-resortss-sec.resort-discover-all {
        padding-top: 70px;
    }

    .resort-outer .sec-head h2 {
        font-size: 40px;
    }

    .banner-forms.is-sticky .booking-inr .col-white {
        font-size: 16px;
    }

    .banner-forms.is-sticky input[type="submit"] {
        height: 48px;
    }


    /* S.Mv Css End 19-05-26 */

    /* sp 19 starts */


    .island-card-main .island-card:last-child .dotted-crcl {
        top: -5%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(7) {
        right: 3%;
        bottom: -16%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(5) {
        right: -1%;
        top: 43%;
    }

    /* sp 19 ends */



}

/* pp starts */

@media(max-width:1699px) {
    .ftr-col:first-child {
        width: 14%;
    }

    .ftr-col:nth-child(2) {
        width: 13.7%;
    }

    .ftr-col:nth-child(3) {
        width: 28.1%;
    }

    .ftr-col:last-child {
        width: 24.5%;
    }

    h2,
    .h2-title {
        font-size: 44px;
    }

    .footer-sec {
        padding: 97px 0 42px;
    }

    .ftr-badge {
        max-width: 220px;
    }

    .right-rooler,
    .left-rooler {
        top: -128px;
    }

    .orange-tag {
        font-size: 15px;
    }

    .innr-banners-sec {
        padding: 125px 0 90px 0;
        min-height: 650px;
    }

    .paradise-tab-content .island-card-main .island-card:first-child .map-pin {
        left: 2%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(2) .map-pin {
        top: -30%;
        left: 4%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(3) .map-pin {
        top: -50%;
        left: 30px;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(4) .disc-point-wrp {
        width: 85%;
        left: -84%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(5) .disc-point-wrp {
        left: -10%;
    }

    .paradise-rightpar::before {
        left: 0;
    }

    .paradise-tab-content .island-card-outer {
        pointer-events: none;
    }

    .paradise-tab-content .island-card-main .island-card.active .island-card-outer {
        pointer-events: all;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(6) .disc-point-wrp {
        left: 21%;
    }

    .paradise-side-lists li .paradise-cou span {
        font-size: 40px;
    }

    .paradise-tab-content .island-card-main .island-card:last-child .disc-point-wrp {
        width: 50%;
    }

    .paradise-tab-content .island-card-main .island-card:last-child .map-pin {
        left: -15%;
    }

    .paradise-tab-content .island-card-main .island-card:last-child .disc-point-wrp {
        left: -59%;
        bottom: -22%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(6) {
        z-index: 11;
    }

    .paradise-tab-content .island-card.active {
        z-index: 12;
    }

    /* 15.05.26 */
    .amenity-item-inr .h4-title {
        font-size: 24px;
    }

    .amenity-item {
        padding: 0 35px;
        margin: 37px 0;
    }

    .amenities-row {
        margin: -35px -35px;
    }

    .nav-tabs-custom .h4-title {
        font-size: 24px;

    }

    .nav-tabs-custom li {
        padding: 10px 25px 15px 0;
    }

    .location-content-left .search-wrap {
        min-width: 425px;
    }

    .bed-card-item:first-child {
        min-width: 251px;
    }

    .bed-card-bottom {
        padding: 20px 17px;
    }

    .bed-card-top {
        padding: 15px 20px;
        ;
    }

    .bed-type {
        padding-right: 15px;
        font-size: 15px;
    }

    .bed-status {
        font-size: 15px;
    }

    /* .rules-card-box {
        padding: 70px 50px 30px;
    } */

    .contact-icontxts h3 {
        margin-bottom: 15px;
    }

    .contact-icon-wrp {
        width: 80px;
        height: 80px;
    }

    .contact-icon-inr {
        padding: 17px;
    }

    .left-contact-part .sec-head {
        margin-bottom: 30px;
    }

    /* h4,
    .h4-title {
        font-size: 26px;
    } */


    /* 5:44PM */
    /* .thomas-island-sec .st-thomas-island .island-card-main .island-card:first-child .map-pin {
        left: 30%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(2) .map-pin {
        left: 40%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(3) .map-pin {
        left: 11%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(5) .map-pin {
        left: -435%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(6) .map-pin {
        left: -455%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(7) .map-pin {
        left: -110%;
    } */

    /* sp 18-new starts */
    .overview-sec-new .rooter-lines {
        height: calc(100% + 120px);
    }

    .overview-sec-new .right-rooler,
    .overview-sec-new .left-rooler {
        top: -100px;
    }



    /* sp 18-new ends */

    /* p.p start 18.05.26 */
    .where-content-wpr {
        max-width: 985px;
    }

    .where-to-btn-wrp .cmn-btn {
        margin-bottom: 13px;
    }



    /* sp 19-new starts */

    .getting-around-content-outer {
        padding: 34px 40px;
    }

    .john-explore-sec .john-content-wpr h2 {
        max-width: 535px;
    }

    .john-explore-sec .john-content-wpr {
        max-width: 427px;
        padding: 70px 38px;
    }

    .john-family-sec .getting-around-content-outer {
        padding: 36px 50px;
    }

    .john-nightfile-sec .getting-around-content-outer {
        padding: 100px 50px;
    }

    .john-shopping-sec .getting-around-content ul {
        margin: 0 0 17px 0;
    }

    .john-shopping-sec .getting-around-content p {
        margin-bottom: 12px;
    }

    .john-shopping-sec .getting-around-content h2 {
        margin-bottom: 12px;
    }

    .stay-slider-outer {
        margin-right: calc(((100vw - 1410px) / 2) * -1);
    }

    .stay-next-arrow {
        right: calc((100vw - 1490px) / 2);
    }

    .stay-slider-outer .stay-slider-inr {
        padding-right: calc((100vw - 1440px) / 2);
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:first-child {
        top: 21%;
        left: 23%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(2) {
        left: 34%;
        top: 18%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(3) .disc-point-wrp {
        left: -30%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(3) {
        left: 49%;
        top: 32%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(4) {
        left: 53%;
        top: 5%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(4) .disc-point-wrp {
        width: 45%;
        left: -30%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(5) {
        right: 12%;
        top: 10%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(6) {
        right: 22%;
        top: 43%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:last-child .disc-point-wrp {
        left: auto;
        right: -78%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(7) .map-pin {
        right: auto;
        top: 14%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(6) .disc-point-wrp {
        left: auto;
        right: -4%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:last-child .disc-point-wrp .dotted-line-wrp {
        display: none;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:first-child {
        top: 45%;
        left: 21%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(2) {
        left: 27%;
        top: -28%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(3) .map-pin {
        left: -20%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(3) {
        left: 46%;
        top: -17%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(4) .disc-point-wrp {
        width: 45%;
        left: -45%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(4) {
        left: 55%;
        top: 10%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(5) {
        right: 18%;
        top: -3%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:last-child .disc-point-wrp {
        bottom: auto;
        left: 22%;
    }

    .croix-explore-sec.john-explore-sec .john-img-wpr,
    .croix-popular-sec .john-explore-card .john-img-wpr {
        max-width: 1250px;
    }


    .croix-adventure-sec.croix-explore-sec.john-explore-sec .john-content-wpr {
        max-width: 322px;
        padding: 30px;
        max-height: 307px;
    }

    .croix-explore-sec.john-explore-sec .john-content-wpr {
        max-width: 352px;
    }

    .getting-around-img-wpr {
        border-radius: 20px 20px 42px 20px;
    }

    .night-sml-img {
        border-radius: 20px 20px 40px 20px;
        max-width: 321px;
        bottom: -10px;
    }

    .croix-nightfill-sec .getting-btn-wpr .cmn-btn {
        min-width: 220px;
    }

    /* sp 19-new ends */


    .adventure-sec .cruise-content,
    .explore-sec .cruise-content {
        max-width: 912px;
    }

    .croix-local-sec.john-local-sec .beaches-content {
        max-width: 540px;
    }

    .croix-nightfill-sec .getting-btn-wpr {
        left: 65px;
    }

    .croix-shopping-sec.croix-nightfill-sec .getting-btn-wpr {
        left: auto;
        right: 85px;
    }

    .croix-shopping-sec.croix-nightfill-sec .getting-around-content {
        padding-right: 40px;
    }

    .footer-sec::after{
        background: -o-linear-gradient(bottom, #FFF7EF 69%, rgba(255, 247, 239, 0) 77%, rgba(255, 247, 239, 0) 100%);
        background: -webkit-gradient(linear, left bottom, left top, color-stop(69%, #FFF7EF), color-stop(77%, rgba(255, 247, 239, 0)), to(rgba(255, 247, 239, 0)));
        background: linear-gradient(to top, #FFF7EF 69%, rgba(255, 247, 239, 0) 77%, rgba(255, 247, 239, 0) 100%);
    }

}

@media(max-width:1599px) {
    .ftr-col:first-child {
        width: 16%;
    }

    .ftr-col:nth-child(2) {
        width: 15.7%;
    }

    .ftr-col:nth-child(3) {
        width: 30.1%;
    }

    .ftr-col:last-child {
        width: 26.5%;
    }

    .booking-img-wrp {
        max-height: 550px;
    }

    .cruise-card {
        min-height: 620px;
    }

    h3,
    .h3-title {
        font-size: 32px;
    }

    .cmn-gap {
        padding: 90px 0;
    }

    .discover-separator {
        height: 55px;
    }

    .right-card {
        border-radius: 15px 15px 70px 15px;
        margin-top: 80px;
    }

    .left-card {
        border-radius: 70px 15px 15px 15px;
        margin-bottom: 80px;
    }

    .right-rooler {
        height: calc(100% + 180px);
        top: -95px;
    }

    .left-rooler {
        height: calc(100% + 180px);
        top: -95px;
    }

    .map-img-box {
        max-width: 84.6%;
    }

    .island-card-main .island-card:nth-child(2) .disc-point-wrp {
        width: 67%;
        top: 35%;
        left: -64%;
    }

    .island-card-main .island-card:nth-child(2) .dotted-crcl {
        top: -10%;
        left: 0;
    }

    .island-card-main .island-card:nth-child(2) .map-pin {
        top: -34%;
        left: -14%;
    }

    .discover-content.cmn-gap {
        padding: 0 10px;
    }

    .right-rooler,
    .left-rooler {
        top: -110px;
    }

    .banner-slider-card {
        border-radius: 80px 20px 20px 20px;
        min-height: 350px;
    }

    .location-info li {
        font-size: 17px;
    }

    .orange-tag {
        font-size: 12px;
    }

    .guide-name-wpr span {
        font-size: 15px;
    }

    .nw-main-head .navbar-nav>li {
        margin: 0 19px;
    }

    .main-head.nw-main-head .navbar-brand {
        width: 160px;
    }

    .paradise-tab-content .island-card-main .island-card:first-child .disc-point-wrp {
        left: -13%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(2) .map-pin {
        top: -24%;
        left: 17%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(3) .map-pin {
        left: 40%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(4) .disc-point-wrp {
        width: 57%;
        left: -54%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(4) .map-pin {
        left: -27%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(5) .map-pin {
        left: 38%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(5) {
        z-index: 11;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(5) .disc-point-wrp {
        top: -60%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(5) {
        top: 56%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(5) {
        left: 69%;
        top: 78%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(2) {
        top: 23%;
    }

    .paradise-tab-content .island-card-main .island-card:last-child {
        left: 69%;
        top: 7%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(6) {
        left: 70%;
        top: 70%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(6) .island-card-in {
        min-width: 180px;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(6) .disc-point-wrp {
        left: 48%;
        top: -37%;
    }

    .paradise-tab-content .island-card-main .island-card:last-child .disc-point-wrp {
        left: -40%;
    }

    .paradise-sec-inr .custom-tabs {
        margin-bottom: 40px;
    }

    .amenity-item-inr .h4-title {
        font-size: 21px;
    }

    .amenity-item {
        padding: 0 31px;
    }

    .amenities-row {
        margin: -35px -31px;
    }

    .contact-form-row label span {
        font-size: 22px;
    }

    .contact-form-row label input,
    .contact-form-row label textarea {
        height: 58px;
    }

    .contact-form-row label input[type="submit"] {
        height: 58px;
    }

    .contact-form-row label textarea {
        height: 100px;
    }


    /* S.M Css Start 18-05-26 */
    h1,
    .h1-title {
        font-size: 70px;
    }

    h2,
    .h2-title {
        font-size: 42px;
    }

    h3,
    .h3-title {
        font-size: 28px;
    }

    .cmn-btn {
        padding: 15px 25px;
    }

    .cmn-btn.brows-pdf-btn {
        padding: 15px 14px;
        font-size: 15px;
        min-height: 192px;
    }





    .navbar-brand {
        width: 190px;
    }

    .navbar-nav>li {
        margin: 0 22px;
    }

    .left-banner-part .cmn-header-title {
        font-size: 38px;
    }

    .banner-slider-outer {
        max-width: 60%;
    }

    .banner-sec {
        height: 900px;
    }

    .booking-header-btnwrp .cmn-btn {
        padding: 17px 30px;
        min-width: 170px;
    }

    .island-card-in .card-info h3 {
        font-size: 28px;
    }

    .island-card-in .card-info p {
        margin-bottom: 12px;
    }

    .island-card .card-info {
        padding: 20px;
    }

    .choose-item .choose-text p,
    .choose-content .sec-head p {
        font-size: 15px;
    }

    .choose-icon {
        width: 28px;
        height: 28px;
        margin-right: 10px;
    }

    .choose-text h3 {
        font-size: 24px;
    }

    .choose-content {
        padding-left: 10px;
    }

    .event-info {
        padding: 30px;
    }

    .event-info p strong {
        font-size: 24px;
    }

    .event-info p {
        margin-bottom: 5px;
        font-size: 17px;
    }

    .events-right-in {
        padding: 40px 30px 50px;
    }

    .event-tab-content h3 {
        margin-bottom: 14px;
    }

    .save-date {
        margin-bottom: 8px;
        line-height: 1.1;
    }

    .event-tabs .nav-link {
        font-size: 22px;
    }

    .slider-arrows {
        bottom: 1px;
    }

    .event-date-badge {
        padding: 8px 14px 32px 14px;
    }

    .feed-top-part .quote-icon {
        padding: 0 15px;
        max-width: 110px;
    }

    .testimonial-card h3 {
        margin-bottom: 12px;
    }

    .feed-main-part {
        padding: 40px 70px 30px;
    }

    .ftr-badge {
        max-width: 200px;
    }

    .event-date-badge span {
        font-size: 16px;
    }



    /* S.M Css End 18-05-26 */
    /* 5:44Pm */
    /* .thomas-island-sec .st-thomas-island .island-card-main .island-card:first-child .map-pin {
        left: 6%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(2) .map-pin {
        left: 14%;
        top: 130%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(3) .map-pin {
        left: 2%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(5) .map-pin {
        left: -325%;
        top: 245%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(6) .map-pin {
        left: -325%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(7) .map-pin {
        left: -90%;
    } */

    /* sp 18-new starts */
    .right-inrpart-inrwrp {
        border-radius: 15px 15px 70px 15px;
    }

    .overview-sec-new .rooter-lines {
        height: calc(100% + 100px);
    }

    .overview-sec-new .right-rooler,
    .overview-sec-new .left-rooler {
        top: -90px;
    }

    /* sp 18-new ends */

    /* sp 18-evening starts */

    .st-thomas-island .island-card-main .island-card:first-child {
        top: -10%;
        left: 9%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(2) {
        top: 8%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(3) {
        top: 15%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(4) {
        top: 2%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(5) {
        right: -13%;
        top: 10%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(6) {
        right: -18%;
        top: 26%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(7) {
        right: -8%;
        bottom: -30%;
    }

    .st-johns-island .island-card-main .island-card:first-child {
        top: 0%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(2) {
        top: -2%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(3) {
        top: 11%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(4) {
        top: -17%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(5) {
        right: -8%;
        top: -12%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(6) {
        right: -3%;
        top: 20%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(7) {
        bottom: -17%;
    }

    .st-croix-island .island-card-main .island-card:first-child {
        top: -4%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(2) {
        top: -76%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(3) {
        top: -70%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(4) {
        top: -42%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(5) {
        right: -2%;
        top: -57%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(6) {
        right: -10%;
    }

    /* sp 18-evening ends */

    .island-card-main .island-card:first-child .disc-point-wrp {
        top: 7%;
        right: -19%;
        width: 37%;
    }


    /* S.Mv 19-05-26 Css Start */

    .insperation-details-sec .sec-head h2 {
        font-size: 42px;
    }

    .generic-pg-ovrvw {
        padding-top: 60px;
    }

    .overview-sec-new.generic-pg-ovrvw .right-rooler,
    .overview-sec-new.generic-pg-ovrvw .left-rooler {
        top: -60px;
    }

    .generic-pg-ovrvw .right-card {
        margin-top: 40px;
    }

    .generic-pg-ovrvw .discover-content p {
        font-size: 16px;
    }

    .paradise-side-lists li .paradise-cou span {
        font-size: 30px;
    }

    .paradise-sec-inr .custom-tabs {
        margin-bottom: 30px;
    }

    .paradise-sec-inr .custom-tabs .nav-link {
        min-width: 240px;
        font-size: 18px;
        padding: 10px;
    }

    .paradise-rightpar .column-lists>*:not(:last-child) {
        margin-bottom: 18px;
    }

    .facility-wpr {
        padding-bottom: 60px;
    }

    .nw-nearby-sec {
        padding: 60px 0;
    }

    .discover-resortss-sec.resort-discover-all {
        padding-top: 60px;
    }

    .discover-resortss-sec.resort-discover-all .sec-head {
        margin-bottom: 35px;
    }

    .highlights-main-img {
        border-radius: 15px;
    }

    /* S.Mv 19-05-26 Css End */

    /* sp 19 starts */
    .island-card-main .island-card:first-child .disc-point-wrp {
        top: 7%;
        right: -19%;
        width: 37%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:first-child {
        top: 10%;
        left: 28%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(2) {
        top: 24%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:first-child {
        top: 21%;
        left: 25%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(7) {
        bottom: -1%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:first-child {
        left: 22%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(2) {
        left: 29%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(3) {
        left: 55%;
        top: -20%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(5) {
        right: 15%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(3) .map-pin {
        left: -23%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(3) .disc-point-wrp {
        width: 50%;
        left: -50%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(6) {
        right: 8%;
    }

    .stay-slider-outer {
        margin-right: calc(((100vw - 1290px) / 2) * -1);
    }

    .stay-slider-outer .stay-slider-inr {
        padding-right: calc((100vw - 1320px) / 2);
    }

    .stay-next-arrow {
        right: calc((100vw - 1380px) / 2);
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:first-child {
        top: 22%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(2) {
        left: 33%;
        top: 47%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(2) .disc-point-wrp {
        top: -19%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(3) {
        top: 30%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(4) {
        left: 56%;
        top: 2%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(5) .disc-point-wrp {
        top: -12%;
        left: 10%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(5) {
        left: auto;
        right: 20%;
        top: 24%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card.active:nth-child(5) {
        z-index: 12;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(5) .disc-point-wrp .dotted-line-wrp {
        display: none;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(6) {
        left: auto;
        top: 51%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(7) {
        left: auto;
        top: auto;
        bottom: -8%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:last-child .disc-point-wrp {
        top: 20%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(2) {
        left: 25%;
        top: -43%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(3) {
        left: 47%;
        top: -27%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(4) {
        left: 59%;
        top: 4%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(5) {
        left: auto;
        right: 22%;
        top: 40%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(5) .disc-point-wrp {
        top: -10%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(6) {
        left: auto;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:last-child .disc-point-wrp {
        top: -15%;
        left: 27%;
    }

    .croix-explore-sec.john-explore-sec .john-img-wpr,
    .croix-popular-sec .john-explore-card .john-img-wpr {
        max-width: 1120px;
    }

    .croix-local-sec.john-local-sec .beaches-content,
    .croix-popular-sec .beaches-content {
        max-width: 480px;
        padding: 30px;
        border-radius: 40px 20px 20px 20px;
    }

    .croix-popular-content-outer {
        max-width: 800px;
    }

    .croix-popular-sec .john-explore-card .john-content-wpr {
        max-width: 362px;
        padding: 30px;
        max-height: 310px;
    }

    /* sp 19 ends */


    .croix-explore-sec.john-explore-sec .john-content-wpr {
        max-width: 342px;
        padding: 34px;
        max-height: 277px;
    }

    .croix-nightfill-sec .getting-btn-wpr {
        left: 15px;
    }

    .croix-shopping-sec.croix-nightfill-sec .getting-btn-wpr {
        left: auto;
        right: 30px;
    }

    .footer-sec::after {
        background: -o-linear-gradient(bottom, #FFF7EF 69%, rgba(255, 247, 239, 0) 85%, rgba(255, 247, 239, 0) 100%);
        background: -webkit-gradient(linear, left bottom, left top, color-stop(69%, #FFF7EF), color-stop(85%, rgba(255, 247, 239, 0)), to(rgba(255, 247, 239, 0)));
        background: linear-gradient(to top, #FFF7EF 69%, rgba(255, 247, 239, 0) 85%, rgba(255, 247, 239, 0) 100%)
    }

    .list-layout .facility-tags li {
    padding: 0 30px;
}

.megamenu-txts-wrp>p{
    font-size: 16px;
}

.nav-mega-menu{
    padding: 30px !important;
}

}

@media(max-width:1499px) {

    .map-pin {
        width: 32px;
    }

    .island-card-in {
        max-width: 305px;
    }

    .island-card-main .island-card:first-child {
        left: 2%;
        top: 26%;
    }

    .island-card-main .island-card:first-child {
        left: 2%;
        top: 28%;
    }

    .island-card-main .island-card:nth-child(2) {
        top: 16%;
        right: 8%;
    }

    .island-card-main .island-card:last-child {
        right: 5%;
        bottom: 2%;
    }

    .island-card-main .island-card:last-child .disc-point-wrp {
        width: 85%;
    }

    .insperation-row .blog-content {
        padding: 20px;
    }

    /* 15.05.26 */
    .rule-col-left {
        width: 353px;
    }

    body {
        font-size: 17px;
    }

    .left-contact-part {
        padding: 30px;
    }

    .contact-right-inrs {
        padding-left: 30px;
    }


    /* 5:44pm */
    /* .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(2) .map-pin {
        left: 17%;
        top: 167%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(3) .map-pin {
        top: 170%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(4) .map-pin {
        top: 120%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(5) .map-pin {
        left: -496%;
        top: 218%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(6) .map-pin {
        left: -465%;
        top: 193%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(7) .map-pin {
        left: -138%;
        top: -88%;
    } */

    /* sp 18-new starts */
    .insperation-details-sec .sec-head h2 {
        margin-bottom: 30px;
    }

    .insperation-details-sec .sec-head {
        margin-bottom: 40px;
    }

    .left-deyails-bigimg-wrp {
        margin-bottom: 30px;
    }

    .left-side-detail>*:not(:last-child) {
        margin-bottom: 40px;
        padding-bottom: 40px;
    }

    /* sp 18-new ends */

    /* sp 18-evening starts */

    .islands-card-all-outer>*:not(:last-child) {
        margin-bottom: 100px;
    }

    .islands-card-all-outer>*:nth-child(odd) .island-each-txtwrp {
        padding-left: 30px;
    }

    .islands-card-all-outer>*:nth-child(even) .island-each-txtwrp {
        padding: 0 30px 0 0;
    }

    .st-thomas-island .island-card-main .island-card:first-child {
        top: -10%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(3) {
        top: 17%;
        left: 32%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(5) {
        right: -6%;
        top: 12%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(6) {
        right: -13%;
        top: 28%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(7) {
        right: 1%;
        bottom: -28%;
    }

    .st-johns-island .island-card-main .island-card:first-child {
        left: 18%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(2) {
        top: -1%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(4) {
        top: -15%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(5) {
        right: 1%;
        top: -15%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(6) {
        right: 2%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(7) {
        bottom: -15%;
        right: 20%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(2) {
        left: 22%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(4) {
        top: -37%;
        left: 42%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(5) {
        right: 7%;
        top: -63%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(6) {
        right: -1%;
        top: -31%;
    }

    /* sp 18-evening ends */

    /* sp 19 starts */

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:first-child {
        left: 24%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(2) {
        left: 21%;
        top: 25%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(3) {
        left: 40%;
        top: 33%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(4) {
        left: 59%;
        top: 19%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(5) {
        right: 4%;
        top: 42%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(6) {
        right: -2%;
        top: 55%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(7) {
        right: 11%;
        bottom: -14%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:first-child {
        left: 24%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(2) {
        left: 18%;
        top: 41%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(3) {
        left: 53%;
        top: 28%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(4) {
        left: 49%;
        top: 2%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(5) {
        right: 11%;
        top: 7%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(6) {
        right: 13%;
        top: 34%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(7) {
        right: 26%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:first-child {
        left: 21%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(2) {
        left: 27%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(3) {
        left: 52%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(4) {
        left: 47%;
        top: 9%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(5) {
        right: 22%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(6) {
        right: 13%;
        top: 28%;
    }

    /* sp 19 ends */

}

@media(max-width:1399px) {
    .ftr-col:first-child {
        width: 18%;
    }

    .ftr-col:nth-child(2) {
        width: 17.7%;
    }

    .ftr-col:nth-child(3) {
        width: 36.1%;
    }

    .cmn-gap {
        padding: 80px 0;
    }

    .map-img-box {
        max-width: 77.6%;
    }

    .island-card-main .island-card:first-child {
        left: -1%;
        top: 28%;
    }

    .island-card-main .island-card:last-child {
        bottom: -61%;
    }

    .island-card-main .island-card:nth-child(2) {
        top: 13%;
        right: 2%;
    }

    .right-rooler,
    .left-rooler {
        top: -80px;
    }

    .testimonial-slider-outtr .testimonial-previous {
        left: -60px;
    }

    .testimonial-slider-outtr .testimonial-next {
        right: -60px;
    }

    .feed-top-part .quote-icon img {
        width: 100px;
    }

    .feed-top-part .quote-icon {
        padding: 0 33px;
    }

    h4,
    .h4-title {
        font-size: 24px;
    }

    .blog-arrow {
        width: 45px;
        height: 45px;
    }

    .blog-arrow img {
        max-width: 16px;
    }

    .sec-head.gallery-head {
        margin: 0 auto 30px;
    }

    .sec-head {
        margin-bottom: 40px;
    }

    .choose-icon {
        width: 40px;
        height: 40px;
    }

    h4,
    .h4-title {
        font-size: 20px;
    }

    .choose-content {
        padding-left: 10px;
    }

    h1,
    .h1-title {
        font-size: 85px;
    }

    .navbar-nav>li {
        margin: 0 15px;
    }

    .cmn-btn.header-btn {
        padding: 10px 20px;
    }

    .navbar-brand {
        width: 200px;
    }

    .cmn-header-subtitle i {
        display: none;
    }

    .cmn-header-subtitle {
        position: relative;
        display: inline-block;
    }

    .cmn-header-subtitle::before {
        content: "";
        position: absolute;
        right: -60px;
        top: 10px;
        width: 50px;
        height: 1px;
        background-color: var(--white);
    }

    .banner-sec {
        height: 850px;
    }

    .banner-slider-outer {
        -webkit-transform: translateY(-60%);
            -ms-transform: translateY(-60%);
                transform: translateY(-60%);
    }

    .bnnr-main-innr {
        padding-bottom: 320px;
    }

    .booking-inr input[type='submit'] {
        min-width: 150px;
        background-position: 11px center;
    }

    .facility-tags li {
        padding: 0 19px;
    }

    .facility-tags li i {
        max-width: 18px;
    }

    .resort-card-body {
        padding: 23px;
    }

    .location-info li {
        font-size: 15px;
    }

    .orange-tag {
        padding: 2px 12px;
        margin-right: 2px;
    }

    .orange-tag i {
        max-width: 12px;
    }

    .feature-row {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 24px;
    }

    .guide-name-wpr span {
        font-size: 14px;
    }

    .island-card-main .island-card:last-child {
        right: -2%;
        bottom: -3%;
    }

    .island-card-main .island-card:first-child .dotted-crcl {
        right: -4%;
        top: -11%;
    }

    .main-head.nw-main-head .navbar-brand {
        width: 140px;
    }

    .nw-main-head .navbar-nav>li {
        margin: 0 10px;
    }

    .banner-btn-wrp {
        margin-left: 20px;
    }

    .all-insperation-inr {
        padding-bottom: 30px;
        margin-bottom: 40px;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(5) .map-pin {
        left: 52%;
        top: -12%;
    }

    .paradise-tab-content .dotted-line-wrp {
        display: none;
    }

    .paradise-tab-content .island-card-main .island-card:last-child {
        top: 8%;
    }

    .paradise-tab-content .island-card-main .island-card:last-child .map-pin {
        left: 5%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(4) {
        top: 4%;
    }

    /* 15.05.26 */
    .highlights-content {
        padding-left: 15px;
    }

    .play-icon-circle {
        width: 80px;
        height: 80px;
    }

    .amenities-row {
        margin: -35px -25px;
    }

    .amenity-item {
        padding: 0 25px;
    }

    .amenity-icn {
        width: 28px;
        margin-right: 13px;
    }

    .amenity-item-inr .h4-title {
        font-size: 19px;
    }

    /* 
    .nearby-inr h3 {
        font-size: 30px;
    } */

    .nearby-col-custom:nth-child(2) {
        width: 27%;
    }

    .nav-tabs-custom .h4-title {
        font-size: 21px;
    }

    .nav-tabs-custom li {
        padding: 10px 8px 15px 0;
    }

    .rules-card-box {
        padding: 50px 50px 30px;
    }

    /* S.M Css Start 18-05-26 */
    h1,
    .h1-title {
        font-size: 56px;
    }

    h2,
    .h2-title {
        font-size: 38px;
    }


    .navbar-brand {
        width: 160px;
    }

    .main-head .cmn-btn.header-btn {
        padding: 12px 30px;
    }

    .left-banner-part .cmn-header-title {
        font-size: 32px;
    }

    .cmn-header-subtitle {
        letter-spacing: 0.35em;
    }

    .banner-slider-card {
        border-radius: 60px 15px 15px 15px;
        min-height: 330px;
    }

    .input-wrap img {
        width: 15px;
        height: 15px;
    }

    .booking-inr .col-white {
        font-size: 16px;
    }

    .banner-forms.is-sticky .booking-inr .col-white {
        margin-bottom: 5px;
    }

    .booking-inr input[type='submit'] {
        background-position: 26px center;
        padding: 0 20px 0 40px;
        height: 50px;
    }

    .bnnr-main-innr {
        padding-bottom: 290px;
    }

    .banner-slider-card h3 {
        font-size: 26px;
    }

    .slider-arrow {
        border-radius: 8px;
    }

    .discover-sec-two {
        padding: 80px 0 0;
    }

    .choose-content {
        padding-left: 0;
    }

    .choose-content h2 {
        font-size: 34px;
    }

    .choose-item .choose-text p,
    .choose-content .sec-head p {
        font-size: 14px;
    }

    .choose-icon {
        width: 26px;
        height: 26px;
    }

    .choose-item {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .choose-text h3 {
        font-size: 20px;
    }

    .slider-arrows {
        bottom: 0;
    }

    .event-info p strong {
        font-size: 22px;
    }

    .event-info {
        padding: 34px 20px;
    }

    .events-right-in {
        padding: 40px 20px;
    }

    .booking-inr {
        max-width: 1140px;
    }

    .discover-separator {
        height: 35px;
        margin: 0 auto 8px;
    }

    .island-card .card-info {
        padding: 16px;
    }

    .island-card-in .card-info h3 {
        font-size: 24px;
        margin-bottom: 4px;
    }

    .card-links li {
        margin-bottom: 5px;
    }

    .card-links li a {
        font-size: 14px;
        gap: 6px;
    }

    .card-links li a img {
        width: 18px;
    }

    .feed-top-part .quote-icon {
        padding: 0px 12px;
        max-width: 90px;
    }

    .banner-forms.is-sticky .booking-inr .col-white {
        margin-bottom: 10px;
    }


    /* S.M Css End 18-05-26 */

    /* 5:44pm */
    /* .thomas-island-sec .st-thomas-island .island-card-main .island-card:first-child .map-pin {
        left: -21%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(2) .map-pin {
        left: -17%;
        top: 139%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(5) .map-pin {
        left: -313%;
        top: 185%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(6) .map-pin {
        left: -265%;
        top: 178%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(7) .map-pin {
        left: -98%;
        top: -68%;
    } */

    /* sp 18-new starts */


    .overview-sec-new .right-rooler,
    .overview-sec-new .left-rooler {
        top: -80px;
    }

    /* sp 18-new ends */

    /* p.p start 18.05.26 */
    .where-content-outer {
        padding: 37px 35px;
    }

    .where-content-wpr h2 {
        margin-bottom: 12px;
    }

    .where-content-wpr {
        max-width: 850px;
    }

    .local-business-slide,
    .beaches-sec {
        min-height: 750px;

    }

    /* p.p end 18.05.26 */

    /* sp evening strats */

    .st-croix-island .disc-point-wrp,
    .st-johns-island .disc-point-wrp,
    .st-thomas-island .disc-point-wrp {
        -webkit-transform: scale(1.5);
            -ms-transform: scale(1.5);
                transform: scale(1.5);
    }

    .st-thomas-island .island-card-main .island-card:first-child {
        top: -12%;
        left: 6%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(2) {
        top: 7%;
        left: 12%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(3) {
        top: 16%;
        left: 30%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(4) {
        top: 0%;
        left: 49%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(5) {
        right: -9%;
        top: 10%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(6) {
        right: -15%;
        top: 28%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(7) {
        right: -1%;
        bottom: -30%;
    }

    .st-johns-island .island-card-main .island-card:first-child {
        left: 15%;
        top: -1%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(2) {
        top: -3%;
        left: 26%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(3) {
        top: 10%;
        left: 43%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(4) {
        top: -16%;
        left: 40%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(5) {
        right: -3%;
        top: -14%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(6) {
        right: 0%;
        top: 21%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(7) {
        bottom: -17%;
        right: 18%;
    }

    .st-croix-island .island-card-main .island-card:first-child {
        top: -10%;
        left: 13%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(2) {
        left: 19%;
        top: -82%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(3) {
        top: -68%;
        left: 35%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(4) {
        top: -40%;
        left: 38%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(5) {
        right: 4%;
        top: -60%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(6) {
        right: -4%;
        top: -36%;
    }

    /* sp evening ends */

    .paradise-tab-content .island-card-main .island-card:first-child {
        top: 3%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(2) {
        top: 17%;
        left: 30%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(3) {
        left: 43%;
        top: 34%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(4) {
        top: 1%;
        left: 71%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(5) {
        top: 79%;
    }

    .paradise-tab-content .island-card-main .island-card:last-child {
        top: -6%;
        left: 68%;
    }



    /* S.Mv 19-05-26 Css Start */

    .insperation-details-sec .sec-head h2 {
        font-size: 38px;
    }

    .generic-pg-ovrvw {
        padding-top: 60px;
    }

    .generic-pg-ovrvw .discover-separator {
        height: 28px;
        margin: 0px auto 5px;
    }

    .generic-pg-ovrvw .discover-content p {
        font-size: 15px;
    }

    .paradise-sec-inr .custom-tabs {
        margin-bottom: 25px;
    }

    .paradise-sec-inr .custom-tabs .nav-link {
        min-width: 220px;
        font-size: 16px;
        padding: 12px;
    }

    .paradise-side-lists li .paradise-cou span {
        font-size: 26px;
    }

    .paradise-rightpar .column-lists li span {
        width: 49px;
        height: 50px;
        padding: 13px;
        margin-right: 15px;
    }

    .facility-wpr {
        padding-bottom: 50px;
    }

    .nw-nearby-sec {
        padding-top: 50px;
    }

    .nearby-inr h3 {
        font-size: 24px;
    }

    .amenity-item-inr .h4-title,
    .nearby-info h4 {
        font-size: 20px;
    }

    .rules-card-box {
        padding: 40px;
    }

    .details-col .details-tab a {
        font-size: 18px;
    }

    .details-col .details-tab {
        padding: 12px 30px;
    }

    .resort-outer .sec-head h2 {
        font-size: 38px;
    }




    /* S.Mv 19-05-26 Css End */
    /* sp 19 starts */

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(7) {
        right: 9%;
        bottom: -13%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(5) {
        right: 3%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(7) {
        right: 27%;
        bottom: 2%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:first-child {
        top: 10%;
        left: 22%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(2) {
        left: 28%;
        top: -35%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(3) {
        left: 54%;
        top: -23%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(4) {
        left: 48%;
        top: 6%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(5) {
        right: 17%;
        top: -8%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(6) {
        right: 10%;
    }

    .john-explore-sec .john-content-wpr h2 {
        max-width: 365px;
    }

    .stay-slider-outer {
        margin-right: calc(((100vw - 1110px) / 2) * -1);
    }

    .stay-slider-outer .stay-slider-inr {
        padding-right: calc((100vw - 1140px) / 2);
    }

    .stay-next-arrow {
        right: calc((100vw - 1200px) / 2);
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(5) {
        right: 15%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(5) .disc-point-wrp {
        left: 0;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(7) {
        bottom: -14%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:last-child .disc-point-wrp {
        bottom: auto;
        right: -62%;
        top: 25%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:first-child {
        top: 39%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(2) {
        left: 26%;
        top: -51%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(3) {
        left: 48%;
        top: -42%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(4) {
        left: 61%;
        top: -8%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(5) {
        right: 20%;
        top: 33%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(6) {
        right: 11%;
        top: 34%;
    }

    .croix-explore-sec.john-explore-sec .john-content-wpr h2 {
        max-width: 225px;
    }

    .croix-explore-sec.john-explore-sec .john-img-wpr,
    .croix-popular-sec .john-explore-card .john-img-wpr {
        max-width: 950px;
    }

    .night-sml-img {
        max-width: 281px;
        bottom: 0px;
        right: 33px;
    }

    .croix-nightfill-sec .getting-btn-wpr .cmn-btn {
        min-width: 160px;
    }

    .getting-around-img-wpr-in {
        margin-bottom: 15px;
    }

    /* sp 19 ends */

    .john-explore-sec .john-content-wpr {
        max-width: 387px;
    }

    .croix-nightfill-sec .getting-btn-wpr {
        left: 60px;
    }

    .croix-shopping-sec.croix-nightfill-sec .getting-btn-wpr {
        left: auto;
        right: 45px;
    }

    .list-layout .resort-card .cmn-btn{
        min-width: inherit;
    }

    .introduction-content h2{
        margin-bottom: 8px;
    }

    .megamenu-txts-wrp>p {
    font-size: 14px;
}

.megamenu-heading-wrp{
    margin-bottom: 15px;
}

.nav-mega-menu {
    padding: 25px !important;
}

}

@media(max-width:1299px) {
    .event-info p {
        font-size: 16px;
    }

    .event-info {
        padding: 34px 28px;
    }

    .events-right-in {
        padding: 40px 28px 50px;
    }

    .testimonial-slider-outtr {
        max-width: 950px;
    }

    .feed-main-part {
        padding: 40px 70px 30px;
    }

    .feed-top-part .quote-icon img {
        width: 80px;
    }

    /* h2,
    .h2-title {
        font-size: 38px;
    } */
    /* 
    h3,
    .h3-title {
        font-size: 28px;
    } */

    .section-head {
        margin-bottom: 30px;
    }

    .cruise-card {
        min-height: 480px;
    }

    .cmn-btn {
        padding: 12px 25px;
    }

    /* h1,
    .h1-title {
        font-size: 70px;
    } */

    /* h2,
    .h2-title {
        font-size: 32px;
    } */

    .ftr-badge {
        max-width: 200px;
    }

    .footer-sec {
        padding: 80px 0 42px;
    }

    .blog-content {
        padding: 25px;
    }

    .cmn-btn.brows-pdf-btn {
        padding: 24px 9px;
    }

    .visitor-gallery-sec {
        padding: 50px 0;
    }

    .newsletter-form .input-group {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .submit-btn-wpr {
        min-width: 250px;
    }

    .mail-input-wpr {
        min-width: 480px;
    }

    .event-tabs .nav-link {
        font-size: 24px;
    }

    .all-insperation-sec .blog-img {
        padding-top: 90%;
    }

    .insperation-row {
        --bs-gutter-x: 20px;
        --bs-gutter-y: 20px;
    }

    .insperation-row .blog-card {
        border-radius: 15px;
    }

    .paradise-side-lists li .paradise-cou {
        padding: 8px 15px;
    }

    /* .paradise-side-lists li .paradise-cou span {
        font-size: 30px;
    } */

    .paradise-sec-inr .custom-tabs {
    margin-bottom: 20px;
    padding: 5px;
}

    body {
        font-size: 16px;
    }

    .contact-form-row label span {
        font-size: 18px;
    }

    .contact-form-row label input,
    .contact-form-row label textarea {
        height: 56px;
    }

    .contact-form-row label input[type="submit"] {
        height: 56px;
    }

    .contact-form-row label textarea {
        height: 100px;
    }

    .contact-icontxts h3 {
        margin-bottom: 10px;
    }

    /* 5:44pm starts */
    /* .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(5) .map-pin {
        top: 252%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(3) .map-pin {
        top: 158%;
        left: -14%;
    } */

    /* sp 18-evening starts */

    .st-johns-island .island-card-main .island-card:nth-child(7) {
        bottom: -23%;
    }

    .st-croix-island .island-card-main .island-card:first-child {
        top: -14%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(2) {
        left: 18%;
        top: -90%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(3) {
        top: -75%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(5) {
        top: -68%;
    }


    /* sp 18-evening ends */

    .st-thomas-island .island-card-main .island-card:first-child {
        top: -10%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(2) {
        top: 10%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(4) {
        top: 2%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(5) {
        top: 12%;
    }

    .st-johns-island .island-card-main .island-card:first-child {
        top: 1%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(2) {
        top: 0%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(3) {
        top: 12%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(4) {
        top: -15%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(5) {
        top: -12%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(7) {
        bottom: -17%;
    }

    .st-croix-island .island-card-main .island-card:first-child {
        top: -2%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(2) {
        top: -77%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(3) .disc-point-wrp {
        top: 28%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(4) {
        top: -37%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(5) {
        top: -53%;
    }

    /* sp 19 starts */

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(2) {
        top: 26%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(3) {
        top: 30%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(2) {
        top: -23%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(2) .disc-point-wrp {
        top: 27%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(3) .disc-point-wrp {
        top: 20%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(3) {
        top: -57%;
    }

    /* sp 19 ends */

}

/* pp ends */

@media(max-width:1199px) {
    .slider-arrow {
        padding: 10px;
        width: 45px;
        height: 45px;
    }

    .ftr-col-wrp .ftr-col {
        width: 33.33%;
    }

    .ftr-col:last-child {
        width: 100%;
    }

    .ftr-col-wrp .ftr-col {
        width: 25%;
    }

    .ftr-col:nth-child(3) {
        width: 50%;
    }

    .logo-item:first-child {
        max-width: 150px;
    }

    .logo-item:last-child {
        max-width: 250px;
    }

    .ftr-top-logos {
        max-width: 440px;
    }

    .ftr-badge {
        max-width: 180px;
    }

    .footer-sec {
        padding: 60px 0 42px;
    }

    .submit-btn-wpr input[type="submit"] {
        height: 50px;
    }

    .mail-input-wpr input[type="email"] {
        height: 50px;
    }

    .newsletter-inr h2 {
        margin-bottom: 20px;
    }

    .newsletter-inr p {
        margin-bottom: 30px;
    }

    .blog-head {
        margin-bottom: 30px;
    }

    .testimonial-slider-outtr {
        padding: 0 50px;
    }

    .feed-main-part {
        padding: 30px 60px 20px;
    }

    .testimonial-slider-outtr .testimonial-previous {
        left: -10px;
    }

    .testimonial-slider-outtr .testimonial-next {
        right: -10px;
    }

    .cruise-card {
        min-height: 420px;
        border-radius: 15px;
    }

    .event-tabs .nav-link {
        font-size: 18px;
    }

    .event-info {
        padding: 54px 28px;
    }

    .contact-row>* {
        width: 100%;
    }

    .choose-img-wrp {
        max-width: 550px;
        margin: 0 auto;
    }

    .choose-img-wrp {
        border-radius: 15px 15px 90px 15px;
    }

    .contact-row {
        --bs-gutter-y: 40px;
    }

    .booking-bottom-wrp {
        margin-top: 40px;
    }

    .island-hosted-row .island-hosted-left-col {
        width: 50%;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    .island-hosted-row .island-hosted-mid-col {
        width: 100%;
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
    }

    .island-hosted-row .island-hosted-right-col {
        width: 50%;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .island-hosted-row {
        --bs-gutter-y: 40px;
    }

    .discover-content.cmn-gap {
        padding: 0;
    }

    .discover-content {
        max-width: inherit;
    }

    .discover-content h2 br {
        display: none;
    }

    .rooter-lines {
        display: none;
    }

    .discover-separator {
        height: 40px;
    }

    .navbar-nav .clickD.toggled {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    }

    .main-head .sub-menu>li.menu-item-has-children .clickD {
        top: 8px;
        right: 5px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    }

    .main-head .sub-menu>li.menu-item-has-children .clickD.toggled {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    }

    .navbar-nav>li.menu-item-has-children {
        padding-right: 20px;
    }

    .main-head .sub-menu>li.menu-item-has-children>a {
        padding-right: 20px;
    }

    .main-head .sub-menu {
        position: relative;
        width: 100%;
        display: none;
        background-color: var(--body-color);
        border-radius: 0;
        border: none;
    }

    .main-head .sub-menu>*:not(:last-child) {
        margin-bottom: 2px;
    }

    .main-head .sub-menu.show {
        display: block;
    }


    .navbar-nav>li {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navbar-nav>li.current-menu-item>a:after,
    .navbar-nav>li>a:after,
    .navbar-nav>li.menu-item-has-children>a:after {
        width: 100%;
        opacity: 0;
    }

    .navbar-nav>li.current-menu-item>a:after,
    .navbar-nav>li>a:hover:after,
    .navbar-nav>li.menu-item-has-children:hover>a:after {
        width: 100%;
        display: none;
    }

    .navbar-toggler {
        position: relative;
        width: 40px;
        margin-left: 50px;
        height: 40px;
        padding: 0;
        outline: none !important;
        border: none !important;
        -webkit-box-shadow: none !important;
                box-shadow: none !important;
        background-color: var(--orange-color);
    }

    .stick,
    .stick:after,
    .stick:before {
        width: 25px;
        height: 2px;
        background: var(--white);
        position: absolute;
        left: 7px;
        top: auto;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
        border-radius: 5px;
    }

    .stick:before {
        content: '';
        top: -8px;
        left: 0;
    }

    .stick:after {
        content: '';
        top: 8px;
        left: 0;
    }

    .stick.open {
        -webkit-transform: translateX(-50px);
            -ms-transform: translateX(-50px);
                transform: translateX(-50px);
        background: transparent;
    }

    .stick.open:before {
        -webkit-transform: rotate(45deg) translate(42px, -28px);
            -ms-transform: rotate(45deg) translate(42px, -28px);
                transform: rotate(45deg) translate(42px, -28px);
        left: 0;
        top: -10px;
    }

    .stick.open:after {
        -webkit-transform: rotate(-45deg) translate(42px, 28px);
            -ms-transform: rotate(-45deg) translate(42px, 28px);
                transform: rotate(-45deg) translate(42px, 28px);
        left: 0;
        top: 10px;
    }

    .navbar-nav .clickD {
        top: 10px;
        right: 20px;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
    }

    .navbar-nav .clickD.toggled {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    }

    .sub-menu>li.menu-item-has-children .clickD {
        top: 8px;
        right: 10px;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0)
    }


    .sub-menu,
    .navbar-nav>li>.sub-menu .sub-menu {
        position: relative;
        width: 100%;
        left: inherit;
        top: inherit;
        border: none;
        right: inherit;
    }

    .navbar-nav>li.menu-item-has-children {
        padding-right: 0;
    }

    .navbar-nav>li {
        margin: 0;
        padding: 0;
    }

    .navbar-nav>li.current-menu-item>a {
        background-color: var(--orange-color);
    }

    .navbar-collapse .navbar-nav>*:not(:last-child) {
        margin-bottom: 10px;
    }

    .navbar-nav>li>a {
        padding: 10px 20px;
        display: inline-block;
        width: 100%;
        font-weight: 500;
    }

    .navbar-nav li.menu-item-has-children>a {
        padding-right: 30px;
    }

    .sub-menu>li>a {
        padding-left: 40px;
    }

    .sub-menu .sub-menu>li>a {
        padding-left: 60px;
    }

    .sub-menu .sub-menu .sub-menu>li>a {
        padding-left: 80px;
    }

    .navbar-nav>li>a:after {
        bottom: 0;
    }

    .banner-btn-wrp {
        margin-left: auto;
    }

    .navbar-nav>li>a:hover {
        background-color: var(--orange-color);
    }

    .navbar-collapse {
        background: var(--body-color);
        position: fixed;
        top: 0;
        height: 100dvh !important;
        width: 290px;
        overflow-y: auto;
        -webkit-transition: inherit !important;
        -o-transition: inherit !important;
        transition: inherit !important;
        right: 0;
        margin: 0;
        display: block !important;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
        -webkit-transition: transform 0.2s ease-in-out !important;
        -webkit-transition: -webkit-transform 0.2s ease-in-out !important;
        transition: -webkit-transform 0.2s ease-in-out !important;
        -o-transition: transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
        z-index: 100;
    }

    .navbar-collapse.show,
    .navbar-collapse.collapsing {
        display: block !important;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
        -webkit-transition: transform 0.2s ease-in-out !important;
        -webkit-transition: -webkit-transform 0.2s ease-in-out !important;
        transition: -webkit-transform 0.2s ease-in-out !important;
        -o-transition: transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
    }

    .navbar-collapse .navbar-nav {
        margin: 80px 0 0;
        padding: 0 0 40px 0;
    }

    .navbar-collapse .navbar-toggler {
        display: block;
        right: 20px;
        top: 20px;
        position: absolute;
    }

    #navoverlay.open {

        background-color: rgba(0, 0, 0, 0.4);
        pointer-events: all;
        -webkit-transition: background-color 0.5s linear;
        -o-transition: background-color 0.5s linear;
        transition: background-color 0.5s linear;
    }

    body.open-nav,
    html.open-nav {
        /* height: 100%; */
        overflow: hidden;
    }

    .navbar-brand {
        width: 180px;
    }

    .choose-item {
        /* padding: 18px 0; */
        width: 50%;
        border: none;
        padding-left: 5px;
        padding-right: 5px;
    }

    .choose-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin: 0 -5px;
    }

    .choose-list>*:first-child {
        padding-top: 18px;
    }

    .choose-list>*:last-child {
        padding-bottom: 18px;
    }

    .ftr-col:last-child {
        width: 100%;
    }

    /* .banner-slider-outer {
        display: none;
    } */

    .banner-forms {
        position: static;
    }

    .booking-inr {
        border-radius: 0px;
    }

    .banner-slider {
        display: none;
    }

    .banner-slider-arrow-wrp {
        position: static;
    }

    .bnnr-main-innr {
        padding-bottom: 50px;
    }

    .banner-slider-outer {
        right: 50px;
        bottom: 0;
        top: auto;
        padding-bottom: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        margin-bottom: 40px;
    }

    .banner-sec-inr-new {
        position: relative;
    }

    .banner-forms.is-sticky .booking-inr {
        padding: 28px 40px;
    }

    .booking-inr input[type='submit'] {
        height: 50px;
    }

    .banner-sec {
        height: 700px;
    }

    .banner-forms.is-sticky {
        position: static;
    }

    .card-links li a {
        font-size: 14px;
    }

    .island-card-main .island-card:last-child {
        right: 0;
        bottom: -12%;
    }

    .island-card-main .island-card:last-child .disc-point-wrp {
        left: -50%;
    }

    .island-card-main .island-card:last-child .map-pin {
        top: -32%;
    }

    .dotted-crcl {
        width: 10px;
        height: 10px;
    }

    .island-card-main .island-card:last-child .dotted-crcl {
        top: -8%;
        left: 0%;
    }

    .island-card-main .island-card:nth-child(2) {
        top: 5%;
        right: -7%;
    }

    .island-card-main .island-card:last-child .disc-point-wrp {
        width: 55%;
    }

    .island-card-main .island-card:nth-child(2) .disc-point-wrp {
        width: 50%;
    }

    .island-card-main .island-card:nth-child(2) {
        top: 9%;
        right: 0%;
    }

    .island-card-main .island-card:nth-child(2) .disc-point-wrp {
        top: 33%;
        left: -47%;
    }

    .island-card-main .island-card:first-child {
        left: 0;
        top: 35%;
    }

    .island-card-main .island-card:first-child .disc-point-wrp {
        top: -4%;
        right: 4%;
    }

    .island-card-main .island-card:first-child .dotted-crcl {
        /* opacity: 0; */
        right: -2%;
        top: 0%;
    }

    .feature-row {
        --bs-gutter-x: 17px;
        --bs-gutter-y: 17px;
    }

    .resort-card-body {
        padding: 16px;
    }

    .location-info li {
        padding: 0 10px;
        font-size: 13px;
    }

    .orange-tags-wrapper {
        margin: 0 0 10px;
    }

    .orange-tag {
        margin-bottom: 4px;
    }

    .facility-tags li {
        padding: 0 14px;
    }

    .facility-tags li i {
        margin-right: 10px;
    }

    .facility-tags {
        margin: 0 0 17px;
    }

    .search-wrap input[type="text"] {
        font-size: 14px;
    }

    .search-wrap {
        min-width: 405px;
        margin-right: 12px;
    }

    .form-select-wpr select {
        min-width: 200px;
    }

    .guide-outer .sec-head {
        margin-bottom: 30px;
    }

    .featured-header {
        margin-bottom: 30px;
    }

    .main-head .sub-menu>li>a {
        color: var(--white);
        padding: 10px 35px;
    }

    .main-head .sub-menu>li>a:hover,
    .main-head .sub-menu>li.current-menu-item>a {
        background: var(--orange-color);
        color: var(--white);
    }

    .main-head.scroll-up {
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) !important;
                box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) !important;
    }

    .scroll-up .navbar-nav>li>a {
        color: var(--white);
    }

    .scroll-up .navbar-nav .clickD {
        -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1);
    }

    .innr-banners-sec {
        min-height: 500px;
        padding: 120px 0 80px 0;
    }

    .insperation-row>* {
        width: 50%;
    }

    .insperation-select select {
        min-width: 174px;
        padding: 0 50px 0 20px;
        background-position: right 20px center;
        height: 50px;
    }

    .all-insperation-sec .blog-img {
        padding-top: 75%;
    }

    .paradise-row>* {
        width: 100%;
    }

    .paradise-rightpar::before {
        /* display: none; */
        width: 100%;
        height: 1px;
        top: -20px;
    }

    .paradise-rightpar {
        padding-left: 0;
    }

    .paradise-tab-content .map-img-box {
        max-width: inherit;
    }

    .paradise-tab-content .island-card-main .island-card:first-child {
        top: 10%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(2) {
        left: 24%;
        top: 31%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(3) {
        left: 40%;
        top: 37%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(4) {
        top: 14%;
        left: 67%;
    }

    .paradise-tab-content .island-card-main .island-card:last-child .disc-point-wrp {
        left: 25%;
        bottom: -15%;
    }

    .paradise-tab-content .island-card-main .island-card:last-child {
        top: -4%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(6) {
        left: 78%;
        top: 64%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(5) {
        top: 58%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(5) .disc-point-wrp {
        top: 65%;
        left: -80%;
    }

    .paradise-sec-inr .custom-tabs .nav-link {
        min-width: 220px;
        font-size: 18px;
        padding: 8px;
    }

    /* 15.05.26 */
    .highlights-content {
        padding-left: 0;
    }

    .overview-scroll-btn-wrp {
        margin-bottom: 40px;
    }

    .amenity-item {
        margin: 24px 0;
    }

    .nearby-col-custom:nth-child(2),
    .nearby-col-custom:first-child,
    .nearby-col-custom:nth-child(3),
    .nearby-col-custom:last-child {
        width: 33.3%;
    }

    .location-col {
        width: 100%;
    }

    .location-content-left .search-wrap {
        min-width: 100%;
        width: 100%;
    }

    .bed-card-item:first-child {
        min-width: 100%;
        margin: 0 0 20px;
    }

    .bed-card-item {
        margin: 0;
    }

    .bed-cards-container {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin: 25px 0;
    }

    .details-col a {
        font-size: 15px;
    }

    .amenity-item:nth-child(4n)::after {
        display: none;
    }

    .amenity-item:nth-child(5n)::after {
        display: block;
    }

    .contact-options-wrp>*:not(:last-child) {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }

    .contact-right-inrs {
        padding-left: 20px;
    }

    .contact-row-new .contact-left-col {
        width: 40%;
    }

    .contact-row-new .contact-right-col {
        width: 60%;
    }

    .contact-form-row label input,
    .contact-form-row label textarea {
        height: 50px;
    }

    .contact-form-row label input[type="submit"] {
        height: 50px;
    }

    .contact-form-row label textarea {
        height: 80px;
    }

    .contact-icon-wrp {
        width: 70px;
        height: 70px;
        padding: 6px;
    }

    .contact-icon-inr {
        padding: 15px;
    }


    /* S.M Css Start 18-05-26 */
    h1,
    .h1-title {
        font-size: 50px;
    }

    h2,
    .h2-title {
        font-size: 34px;
    }

    .cmn-gap {
        padding: 70px 0;
    }


    .booking-header-btnwrp .cmn-btn {
        padding: 13px 20px;
        min-width: 160px;
    }


    .navbar-brand {
        width: 160px;
    }

    .navbar-toggler {
        width: 50px;
        margin-left: 15px;
        height: 50px;
        border-radius: 10px 0 10px 0;
    }

    .stick,
    .stick:after,
    .stick:before {
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }

    .stick.open,
    .stick.open:after,
    .stick.open:before {
        left: 18%;
    }

    .left-banner-part .cmn-header-title {
        font-size: 30px;
    }

    .cmn-header-subtitle {
        letter-spacing: 0.25em;
    }

    .right-card {
        margin-top: 10px;
    }

    .banner-forms {
        top: 0;
        position: fixed;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        z-index: 999;
        display: none;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 30px;
        overflow-y: auto;
    }

    .banner-sec {
        height: 550px;
    }

    .left-card {
        border-radius: 60px 12px 12px 12px;
    }

    .island-hosted-row {
        --bs-gutter-y: 20px;
    }

    .discover-separator {
        height: 30px;
    }

    .booking-bottom-wrp {
        padding: 0 6px;
    }

    .each-booking-part>.booking-all-wrp {
        margin-bottom: 0;
    }

    .choose-item {
        /* padding: 4px 0; */
        width: 100%;
    }

    .contact-row>* {
        width: 50%;
    }

    /* .contact-row {
        align-items: flex-start;
    } */

    .choose-content .sec-head {
        margin-bottom: 6px;
    }

    .choose-list>*:first-child {
        padding-top: 10px;
    }

    .choose-icon {
        width: 20px;
        height: 20px;
        margin-right: 12px;
    }

    .choose-content h2 {
        font-size: 32px;
    }

    .choose-list>*:last-child {
        padding-bottom: 0;
    }

    .event-date-badge span {
        font-size: 13px;
    }

    .event-date-badge strong {
        font-size: 20px;
    }

    .event-info p {
        font-size: 14px;
    }

    .event-info p strong {
        font-size: 20px;
        min-width: 155px;
    }

    .event-info {
        padding: 54px 20px;
    }

    .events-right-in {
        padding: 40px 20px 40px;
    }

    .event-tabs .nav-link {
        font-size: 16px;
        padding: 0 0 10px 0 !important;
    }

    .event-tab-content h3 {
        margin-bottom: 8px;
    }

    .cruise-sec.cmn-gap {
        padding: 60px 0;
    }

    .things-img-wrp h3 {
        font-size: 24px;
    }

    .visitor-gallery-sec {
        padding: 0;
    }

    .footer-sec::after {
        height: 55%;
    }

    .footer-sec {
        background: #fef6ee;
    }

    .ftr-top {
        padding: 0 0 30px;
    }

    .ftr-grid-wrp {
        padding: 60px 25px 30px;
    }

    .logo-item {
        padding: 0 30px;
    }

    .ftr-badge {
        max-width: 140px;
    }

    .slider-arrows button {
        width: 40px;
        height: 40px;
        padding: 9px;
    }

    .cmn-btn.book-now {
        display: block;
        top: 29%;
        min-width: 1px;
        min-height: 1px;
        padding: 20px 11px;
        background: #fc610b;
    }

    .banner-forms {
        display: none;
    }

    .banner-forms.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        pointer-events: all;
    }

    .booking-inr {
        border-radius: 20px 0 20px 0;
        padding: 30px 30px 40px;
    }

    .booking-form {
        gap: 0;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin: -8px;
    }

    .booking-form>* {
        width: 48%;
        -webkit-box-flex: initial;
            -ms-flex: initial;
                flex: initial;
        margin: 8px;
    }

    .banner-forms-close {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        width: 35px;
        height: 35px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        background: #fff;
        border-radius: 7px 0 7px 0;
        top: -20px;
        right: 0px;
    }

    .banner-forms-close img {
        width: 12px;
        margin-left: 2px;
    }

    .cmn-btn.book-now:hover {
        background-color: var(--usvi-sky-blue);
        color: var(--white);
    }

    .bdy-rgt-float-btn {
        position: fixed;
        top: 60%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        right: 0;
        z-index: 9;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;

    }

    .bdy-rgt-float-btn .cmn-btn {
        position: relative;
    }



    /* S.M Css End 18-05-26 */


    /* 5:44pm */
    /* .thomas-island-sec .st-thomas-island .island-card-main .island-card:first-child .map-pin {
        top: -1%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(2) .map-pin {
        top: 47%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(3) .map-pin {
        top: 74%;
        left: -17%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(4) .map-pin {
        top: 49%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(5) .map-pin {
        top: 101%;
        left: -189%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(6) .map-pin {
        left: -175%;
        top: 68%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(7) .map-pin {
        left: -58%;
        top: -8%;
    } */

    /* sp 18-new starts */
    .rightside-content-img {
        border-radius: 15px;
    }

    .insperation-details-row {
        --bs-gutter-x: 30px;
    }

    .right-side-each-cards ul a {
        font-size: 18px;
    }

    /* sp 18-new ends */
    /* p.p start 18.05.26 */
    .local-business-slide,
    .beaches-sec {
        min-height: 650px;
    }

    .getting-around-img-wpr {
        border-radius: 20px 20px 40px 20px;
    }

    .where-content-outer {
        padding: 23px 17px;
    }

    .where-content-wpr {
        max-width: 710px;
    }

    /* p.p end 18.05.26 */

    /* sp 18-evening starts */

    .each-island-btnwrpsall a {
        min-width: inherit;
    }

    .islands-card-all-outer>*:not(:last-child) {
        margin-bottom: 80px;
    }

    .st-thomas-island .island-card-main .island-card:first-child {
        top: -14%;
        left: 5%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(2) {
        top: 4%;
        left: 11%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(3) {
        top: 10%;
        left: 29%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(4) {
        top: -5%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(5) {
        right: -16%;
        top: 6%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(6) {
        right: -20%;
        top: 23%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(7) {
        right: -9%;
        bottom: -38%;
    }

    .st-johns-island .island-card-main .island-card:first-child {
        top: -4%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(2) {
        top: -7%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(3) {
        top: 4%;
        left: 42%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(4) {
        top: -22%;
        left: 39%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(5) {
        right: -11%;
        top: -17%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(6) {
        right: -5%;
        top: 17%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(7) {
        bottom: -25%;
        right: 17%;
    }

    .st-croix-island .island-card-main .island-card:first-child {
        top: -19%;
        left: 13%;
    }

    .st-croix-island .island-card-main .island-card:first-child .disc-point-wrp {
        left: -21%;
        top: 12%;
    }

    .st-croix-island .island-card-main .island-card:first-child .map-pin {
        left: -20%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(2) {
        top: -93%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(3) {
        top: -91%;
        left: 34%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(4) {
        top: -54%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(5) {
        top: -70%;
        right: -5%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(6) {
        right: -12%;
        /* top: -2%; */
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(6) {
        right: -12%;
        top: -2%;
    }

    /* sp 18-evening ends */



    /* S.Mv 19-05-26 Css End */

    .insperation-details-sec .sec-head h2,
    .resort-outer .sec-head h2 {
        font-size: 34px;
    }


    /* S.Mv 19-05-26 Css End */

    /* sp 19 starts */

    .thomas-island-sec .st-thomas-island .map-pin {
        width: 30px;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:first-child {
        left: 28%;
        top: 16%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(2) {
        left: 23%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(3) {
        left: 42%;
        top: 34%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(4) {
        left: 61%;
        top: 20%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(5) {
        top: 45%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(5) .disc-point-wrp {
        top: -12%;
        left: 35%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(6) {
        top: 58%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(6) .disc-point-wrp {
        right: 22%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(7) {
        right: 2%;
        bottom: -19%;
    }

    .johns-island-sec .st-johns-island .map-pin {
        width: 30px;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:first-child {
        top: 29%;
        left: 25%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(2) {
        left: 17%;
        top: 42%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(3) {
        left: 54%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(4) {
        left: 51%;
        top: 3%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(5) {
        right: 3%;
        top: 8%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(6) {
        right: 9%;
        top: 37%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(7) {
        right: 29%;
        bottom: -5%;
    }

    .croix-island-sec .st-croix-island .map-pin {
        width: 30px;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(2) {
        left: 30%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:first-child {
        left: 23%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(3) {
        left: 58%;
        top: -22%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(4) {
        left: 50%;
        top: 7%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(5) {
        right: 10%;
        top: -6%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(6) {
        right: 4%;
        top: 33%;
    }

    .accprdion-img-wpr {
        border-radius: 20px 20px 60px 20px;
    }

    .john-explore-sec .john-content-wpr {
        max-width: 357px;
        padding: 30px 38px;
    }

    .john-explore-sec .john-content-wpr h2 {
        max-width: 365px;
    }

    .john-nightfile-sec .getting-around-content-outer {
        padding: 50px 30px;
    }

    .getting-around-content-outer {
        border-radius: 40px 20px 20px 20px;
    }

    .john-beaches-sec .beaches-content,
    .john-local-sec .beaches-content {
        max-width: 849px;
    }

    .john-family-sec .getting-around-content-outer {
        padding: 31px 24px;
    }

    .stay-txts-part {
        padding-right: 20px;
    }

    .stay-slider-outer {
        margin-right: calc(((100vw - 930px) / 2) * -1);
    }

    .stay-slider-outer .stay-slider-inr {
        padding-right: calc((100vw - 960px) / 2);
    }

    .stay-next-arrow {
        right: calc((100vw - 970px) / 2);
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:first-child {
        top: 28%;
        left: 22%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(2) {
        left: 32%;
        top: 43%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(3) {
        top: 32%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(4) {
        left: 52%;
        top: 5%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(5) {
        right: 28%;
        top: 25%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(6) {
        top: 44%;
        right: 23%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(7) {
        bottom: 2%;
        right: 24%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:first-child {
        top: 29%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:first-child .disc-point-wrp {
        top: 30%;
        left: -18%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(2) {
        left: 27%;
        top: -9%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(2) .disc-point-wrp {
        left: -32%;
        top: 21%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(3) {
        top: 0%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(3) .disc-point-wrp {
        top: 2%;
        left: -37%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(4) {
        left: 54%;
        top: 12%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(5) {
        top: 3%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card.active:nth-child(5) {
        top: 3%;
        z-index: 12;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(5) .disc-point-wrp {
        top: 16%;
        left: -62%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(6) {
        right: 20%;
        top: 30%;
    }

    .croix-explore-sec.john-explore-sec .john-img-wpr,
    .croix-popular-sec .john-explore-card .john-img-wpr {
        max-width: 770px;
    }

    .getting-around-content h2,
    .getting-around-content p,
    .getting-around-content ul {
        margin-bottom: 12px;
    }

    .croix-beaches-sec.john-beaches-sec .beaches-content,
    .croix-local-sec.john-local-sec .beaches-content,
    .croix-popular-sec .beaches-content {
        padding: 20px;
    }

    .local-business-btn-wrp .cmn-btn {
        min-width: 190px;
    }

    .getting-around-btn .cmn-btn,
    .beaches-btn-wrp .cmn-btn,
    .explore-sec .cruis-btn-wrp .cmn-btn,
    .getting-btn-wpr .cmn-btn,
    .cruis-btn-wrp .cmn-btn,
    .dwn-btn-wpr .cmn-btn,
    .john-btn-wrp-new .cmn-btn,
    .stay-img-btn-wpr .cmn-btn,
    .stay-sec .booking-header-btnwrp .cmn-btn,
    .where-eat-sec .booking-header-btnwrp .cmn-btn,
    .stay-slider-btn-wrp .cmn-btn,
    .stay-btn-wrps .cmn-btn,
    .eat-header-btnwrp .cmn-btn,
    .john-btn-wrp .cmn-btn {
    min-width: 190px;
}

    .croix-local-sec.john-local-sec .local-business-slide {
        min-height: 700px;
    }

    .night-sml-img {
        max-width: 55%;
        bottom: 0px;
        right: 20px;
    }

    .john-content-wpr h2,
    .john-content-wpr p {
        margin-bottom: 12px;
    }

    .croix-book-btn-wrp .cmn-btn {
        min-width: 160px;
    }

    .croix-popular-content-outer {
        max-width: 550px;
    }

    /* .croix-popular-sec .john-explore-card .john-content-wpr .cmn-btn {
        min-width: 180px;
    } */
    .croix-popular-sec .john-explore-card .john-content-wpr .cmn-btn {
        min-width: 190px;
    }

    .croix-popular-sec .john-explore-card .john-content-wpr {
        max-width: 292px;
    }

    .croix-adventure-sec.croix-explore-sec.john-explore-sec .john-content-wpr {
        max-width: 262px;
        padding: 30px;
        max-height: 307px;
    }

    .croix-explore-sec.john-explore-sec .john-content-wpr {
        max-width: 332px;
        padding: 30px;
        max-height: 307px;
    }

    /* sp 19 ends */

    .croix-island-sec .st-croix-island .island-card-main .island-card:first-child .disc-point-wrp {
        left: -12%;
        top: 37%;
    }

    .adventure-sec.john-adventure-sec .cruise-card {
        padding: 30px;
    }

    .adventure-sec.john-adventure-sec .cmn-btn {
        min-width: 220px;
    }
    
    .croix-nightfill-sec .getting-btn-wpr {
        left: 20px;
    }

    .croix-shopping-sec.croix-nightfill-sec .getting-btn-wpr {
        left: auto;
        right: 0;
    }

    .nw-main-head .navbar-nav>li {
        margin: 0 10px 15px;
    }

    .croix-shopping-sec.croix-nightfill-sec .getting-around-content {
        padding-right: 20px;
    }

    .list-layout .resort-card-body{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    .list-layout .resort-card-body-top{
        width: 100%;
    }
    .list-layout .resort-card-body-bottom{
        width: 100%;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .list-layout .orange-tags-wrapperlist{
        display: none;
    }

    .list-layout .orange-tags-wrappercard{
        display: block;
    }

    .list-layout .resort-card-img{
        width: 40%;
    }

    .home-body.active{
        overflow: hidden;
    }

    .getting-around-btn{
        margin-top: 20px;
    }

    .testimonial-sec::before{
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 12.8%, rgba(255, 255, 255, 0.567178) 68.47%, #FFFFFF 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(12.8%, rgba(255, 255, 255, 0)), color-stop(68.47%, rgba(255, 255, 255, 0.567178)), to(#FFFFFF));
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 12.8%, rgba(255, 255, 255, 0.567178) 68.47%, #FFFFFF 100%);
    }

    .testimonial-bg-innr::before{
        height: 130px;
    }

    .choose-sec.cmn-gap{
        padding-top: 100px;
    }
    .highlights-col:first-child,
    .highlights-col:last-child{
        width: 100%;
    }

    .highlights-main-imgouter{
        width: 100%;
    }

    .highlights-main-imgouter .highlights-main-img{
        width: 100%;
    }

    .reach-outer::before{
        height: 80%;
    }

    .reach-outer::after{
        height: 20%;
    }

    .stay-rich-sec:after{
        height: 10%;
    }

    .croix-escape-sec.croix-beaches-sec.john-beaches-sec .beaches-content{
        max-width: 450px;
    }

    .menu-item-has-children.has-mega-menu{
        position: relative;
    }
    .has-mega-menu .clickD{
        display: block;
    }
    .has-mega-menu> a::before{
        display: none;
    }

    .nav-mega-menu{
        position: static !important;
        display: none !important;
    }

    .nav-mega-menu.show{
        display: block !important;
    }

    .megamenu-row>*{
        width: 100%;
    }

    .megamenu-txts-wrp{
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        margin: 10px 0 0 0;
    }

    .megamenu-img-wrp{
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    .meganu-cards-wrp{
        max-height: inherit;
        overflow: inherit;
    }

    .meganu-btn-wrp .cmn-btn{
        font-size: 14px;
        padding: 8px 12px;
    }

    .megamenu-heading-wrp span{
        height: auto;
        width: 20px;
        margin-left: 10px;
    }

    .megamenu-heading-wrp p{
        font-size: 22px;
    }

    .nav-mega-menu{
        opacity: 1;
    }

    .megamenu-txts-wrp>p{
        overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
    }

    .megamenu-heading-wrp {
    margin-bottom: 6px;
}

.meganu-btn-wrp{
    width: 100%;
}

.meganu-btn-wrp .cmn-btn{
    width: 100%;
}

.meganu-btn-wrp>*:not(:last-child){
    margin-bottom: 10px;    

}

.megamenu-row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 22px;
}

}

@media(max-width:1024px) {

    /* navbar*/
    /* .navbar-nav .clickD {
        position: absolute;
        right: 0;
        top: 17px;
        width: 20px;
        height: 20px;
        background: url(assets/images/sort-down.svg) center center no-repeat;
        display: block;
        background-size: 10px;
        cursor: pointer;
    } */

    /* .navbar-nav .clickD.toggled {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sub-menu>li.menu-item-has-children .clickD {
        top: 8px;
        right: 5px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .sub-menu>li.menu-item-has-children .clickD.toggled {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .navbar-nav>li.menu-item-has-children {
        padding-right: 20px;
    }

    .sub-menu>li.menu-item-has-children>a {
        padding-right: 20px;
    }

    .sub-menu.show {
        display: block;
    }

    .navbar-nav>li {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navbar-nav>li.current-menu-item>a:after,
    .navbar-nav>li>a:after,
    .navbar-nav>li.menu-item-has-children>a:after {
        width: 100%;
        opacity: 0;
    }

    .navbar-nav>li.current-menu-item>a:after,
    .navbar-nav>li>a:hover:after,
    .navbar-nav>li.menu-item-has-children:hover>a:after {
        width: 100%;
        opacity: 1;
    } */

    /* navbar end*/


}


@media (max-width: 991px) {
    .discover-sec-two {
        padding: 60px 0;
        background-size: cover !important;
    }

    .discover-header {
        margin-bottom: 30px;
    }

    .discover-content-wrap {
        margin-top: 0;
    }

    .map-img-box {
        max-width: 100%;
    }

    .island-card-in {
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -40%);
            -ms-transform: translate(-50%, -40%);
                transform: translate(-50%, -40%);
        width: 90%;
        max-width: 400px;
        z-index: 100;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        pointer-events: none;
    }

    .island-card.active .island-card-in {
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .island-card.active .close-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .island-card .close-card {
        top: 10px;
        right: 10px;
    }

    /* Adjust pin positions for smaller screens if needed */
    .island-card-main .island-card:first-child {
        left: 31%;
        top: 26%;
    }

    .island-card-main .island-card:nth-child(2) {
        top: 27%;
        right: 43%;
    }

    .island-card-main .island-card:last-child {
        bottom: 34%;
        right: 43%;
    }

    /* Hide dotted lines on mobile */
    .dotted-line-wrp {
        display: none !important;
    }

    .map-pin {
        width: 35px;
        z-index: 5;
    }

    .island-card-main .island-card:first-child .map-pin,
    .island-card-main .island-card:nth-child(2) .map-pin,
    .island-card-main .island-card:last-child .map-pin {
        position: static;
        -webkit-transform: translate(-20px, -1px);
            -ms-transform: translate(-20px, -1px);
                transform: translate(-20px, -1px);
    }

    .disc-point-wrp {
        width: auto;
        position: static;
    }

    .island-card {
        z-index: 11;
    }

    .overlay-active .map-pin {
        opacity: 0;
        pointer-events: none;
    }
}

@media (max-width: 991px) {

    .booking-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        gap: 20px;
    }

    .booking-search-btn {
        margin-top: 20px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    /* navbar*/
    /* .navbar-toggler {
        position: relative;
        width: 33px;
        margin-left: auto;
        height: 28px;
        padding: 0;
        outline: none !important;
        border: none !important;
        box-shadow: none !important;
    }

    .stick,
    .stick:after,
    .stick:before {
        width: 30px;
        height: 2px;
        background: #000;
        position: absolute;
        left: 0;
        top: auto;
        transition: all 0.6s;
        border-radius: 5px;
    }

    .stick:before {
        content: '';
        top: -10px;
        left: 0;
    }

    .stick:after {
        content: '';
        top: 10px;
        left: 0;
    }

    .stick.open {
        transform: translateX(-50px);
        background: transparent;
    }

    .stick.open:before {
        transform: rotate(45deg) translate(42px, -28px);
        left: 2px;
    }

    .stick.open:after {
        transform: rotate(-45deg) translate(42px, 28px);
        left: 2px;
    }

    .navbar-nav .clickD {
        top: 8px;
        right: 10px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    .navbar-nav .clickD.toggled {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sub-menu>li.menu-item-has-children .clickD {
        top: 8px;
        right: 10px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }


    .sub-menu,
    .navbar-nav>li>.sub-menu .sub-menu {
        position: relative;
        width: 100%;
        left: inherit;
        top: inherit;
        border: none;
        right: inherit;
    }

    .navbar-nav>li.menu-item-has-children {
        padding-right: 0;
    }

    .navbar-nav>li {
        margin: 0;
        padding: 0;
    }

    .navbar-nav>li>a {
        padding: 8px 20px;
        display: inline-block;
        width: 100%;
    }

    .navbar-nav li.menu-item-has-children>a {
        padding-right: 30px;
    }

    .sub-menu>li>a {
        padding-left: 40px;
    }

    .sub-menu .sub-menu>li>a {
        padding-left: 60px;
    }

    .sub-menu .sub-menu .sub-menu>li>a {
        padding-left: 80px;
    }

    .navbar-nav>li>a:after {
        bottom: 0;
    } */

    /* navbar end*/

    /* push nav */

    /* .navbar-collapse {
        background: #fff;
        position: fixed;
        top: 0;
        height: 100% !important;
        width: 290px;
        overflow-y: auto;
        transition: inherit !important;
        right: 0;
        margin: 0;
        display: block !important;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out !important;
        z-index: 100;
    }

    .navbar-collapse.show,
    .navbar-collapse.collapsing {
        display: block !important;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out !important;
    }

    .navbar-collapse .navbar-nav {
        margin: 80px 0 0;
        padding: 0 0 40px 0;
    }

    .navbar-collapse .navbar-toggler {
        display: block;
        right: 20px;
        top: 20px;
        position: absolute;
    }

    #navoverlay.open {

        background-color: rgba(0, 0, 0, 0.4);
        pointer-events: all;
        -webkit-transition: background-color 0.5s linear;
        transition: background-color 0.5s linear;
    }

    body.open-nav,
    html.open-nav {
        height: 100%;
        overflow: hidden;
    } */

    /* push nav end */




    .ftr-col-wrp .ftr-col {
        width: 50%;
    }

    .ftr-col-wrp {
        --bs-gutter-y: 30px;
    }

    .ftr-col:nth-child(3) {
        width: 100%;
    }

    .ftr-col:nth-child(4) {
        width: 100%;
    }

    .cmn-gap {
        padding: 60px 0;
    }

    .ftr-badge {
        max-width: 160px;
    }

    .blog-row {
        --bs-gutter-y: 30px
    }

    .blog-row .blog-col {
        width: 100%;
    }

    .blog-img {
        padding-top: 50%;
    }

    .feed-main-part {
        padding: 40px 20px;
    }

    .things-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 10px;
    }

    .things-grid>* {
        width: 49%;
    }

    .things-img-wrp {
        height: 300px;
    }

    h3,
    .h3-title {
        font-size: 26px;
    }

    .cruise-card {
        padding: 40px;
    }

    .events-left,
    .events-right {
        width: 100%;
    }

    .event-img,
    .event-tab-bg {
        padding-top: 70%;
    }

    .booking-previous {
        left: 5%;
    }

    .booking-next {
        right: 5%;
    }

    .booking-img-wrp {
        padding-top: 50%;
    }

    .right-card {
        margin-top: 60px;
    }

    .left-card {
        margin-bottom: 60px;
    }

    .choose-list .choose-item {
        width: 100%;
        padding: 0;
    }

    /* .choose-list>*:not(:last-child) {
        margin-bottom: 30px;
    } */

    .cruise-card {
        min-height: 300px;
        padding: 20px;
    }

    .things-overlay {
        padding: 20px;
    }

    .things-grid>* {
        width: 100%;
    }

    .banner-sec {
        height: 100%;
    }

    body.open-nav,
    html.open-nav {
        height: auto;
    }

    .main-head {
        padding: 20px 0;
    }

    .banner-row>* {
        width: 100%;
    }

    .left-banner-part {
        padding-right: 150px;
    }

    .banner-inr {
        padding-top: 170px;
    }

    .cmn-header-subtitle::before {
        right: -10px;
    }

    .booking-form {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        gap: 0;
        width: 100%;
    }

    .booking-field {
        width: 50%;
        padding: 10px;
        -webkit-box-flex: inherit;
            -ms-flex: inherit;
                flex: inherit;
    }

    .booking-form>*:nth-child(3) {
        width: 100%;
    }

    .booking-search-btn {
        margin: 30px auto auto;
    }

    .guide-name-wpr {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .guide-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .guides-category-box {
        padding: 30px 24px;
    }

    .guides-category-box h3 {
        margin-bottom: 20px;
    }

    .search-wrap {
        height: 50px;
    }

    .search-btn {
        padding: 0 14px;
    }

    .view-btn {
        width: 50px;
        height: 50px;
    }

    .search-wrap {
        min-width: 325px;
        margin-right: 10px;
    }

    .form-select-wpr select {
        min-width: 140px;
        font-size: 14px;
        height: 50px;
    }

    .filter-left>span {
        margin-right: 9px;
    }

    .resort-filter-bar {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .search-wrap input[type="text"] {
        padding: 12px 6px 20px 10px;
        font-size: 13px;
    }

    .island-card.active .island-card-outer {
        padding: 40px 20px;
        width: 100%;
        height: 100%;
        overflow: auto;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 101;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .island-card.active .island-card-in {
        position: relative;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        left: auto;
        top: auto;
        height: auto;
        margin: auto;
        max-width: 400px;
        width: 100%;
    }

    .booking-next,
    .booking-previous {
        top: 35%;
    }

    .footer-sec::after {
        background: -o-linear-gradient(top, rgba(255, 247, 239, 0) -67%, #FFF7EF 42.35%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(-67%, rgba(255, 247, 239, 0)), color-stop(42.35%, #FFF7EF));
        background: linear-gradient(180deg, rgba(255, 247, 239, 0) -67%, #FFF7EF 42.35%);
    }

    .featured-btns-outer {
        margin-top: 30px;
    }

    .feature-slider .blog-card {
        border-radius: 15px;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(2) {
        left: 18%;
        top: 42%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(3) {
        left: 32%;
        top: 42%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(4) {
        top: 28%;
        left: 51%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(5) {
        top: 38%;
        left: 73%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(6) {
        left: 88%;
        top: 48%;
    }

    .paradise-tab-content .island-card-main .island-card:last-child {
        top: 83%;
        left: 60%;
    }

    .overlay-active .paradise-sec-inr {
        z-index: inherit;
    }

    .paradise-tab-content {
        padding: 30px;
    }

    .column-lists li span {
        width: 50px;
        height: 50px;
        padding: 8px;
    }

    .paradise-sec-inr .custom-tabs .nav-link {
        min-width: 150px;
    }

    /* 15.05.26 */
    .highlights-col:first-child,
    .highlights-col:last-child {
        width: 100%;
    }

    .highlights-content h3 {
        margin-bottom: 15px;
    }

    .highlights-img-row {
        --bs-gutter-x: 15px;
        --bs-gutter-y: 15px;
    }

    .play-icon-circle {
        width: 60px;
        height: 60px;
    }

    .play-icon-circle img {
        max-width: 15px;
    }

    .accordion-wpr {
        -webkit-column-count: 1;
           -moz-column-count: 1;
                column-count: 1;
    }

    .bed-type {
        padding-right: 0;
        margin-bottom: 10px;
    }

    .bed-card-bottom {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .rules-card-box {
        padding: 30px 20px 30px;
    }

    .details-col a {
        font-size: 14px;
        padding: 24px 5px;
    }

    .details-share i {
        width: 29px;
        height: 30px;
    }

    .details-share i img {
        max-width: 15px;
    }

    .details-nav-sec {
        padding: 30px 0;
    }

    .amenity-item:nth-child(3n)::after {
        display: none;
    }

    .amenity-item:nth-child(4n)::after {
        display: block;
    }

    .scroll-up .navbar-brand {
        -webkit-filter: none;
                filter: none;
        width: 140px;
    }

    .contact-row-new .contact-left-col {
        width: 100%;
    }

    .contact-row-new .contact-right-col {
        width: 100%;
    }

    .contact-row-new .contact-form-mid-col {
        width: 50%;
    }

    .contact-right-inrs {
        padding-left: 0;
    }

    /* 18.05.26 */
    .accordion-wpr::after {
        width: 100%;
    }

    .accorsin-outer::before {
        display: none;
    }

    .accordion-item {
        margin-bottom: 20px;
        padding: 0 0px 20px;
    }

    .accordion-wpr {
        margin: 0 0px;
        padding-top: 20px;
    }

    .accordion-content {
        padding-top: 16px;
    }


    /* S.M Css Start 18-05-26 */
    h1,
    .h1-title {
        font-size: 38px;
        margin-bottom: 10px;
    }

    h2,
    .h2-title {
        font-size: 32px;
    }


    .banner-sec {
        height: 480px;
    }

    .left-banner-part .cmn-header-title {
        font-size: 26px;
    }

    .cmn-header-subtitle::before {
        right: -40px;
        width: 25px;
    }

    .cmn-header-subtitle {
        font-size: 13px;
    }

    .left-card {
        border-radius: 40px 12px 12px 12px;
    }

    .right-card {
        margin-top: 10px;
        border-radius: 15px 15px 40px 15px;
    }

    .explore-island-btnwrp {
        margin-top: 22px;
    }

    .explore-island-btnwrp .cmn-btn {
        min-width: 200px;
    }

    .booking-header-btnwrp .cmn-btn {
        padding: 10px 20px;
        min-width: 144px;
    }

    .booking-header-btnwrp {
        margin-left: 20px;
    }

    .contact-row>* {
        width: 100%;
    }

    .choose-img-wrp {
        max-width: 100%;
    }

    .choose-sec {
        padding: 0;
    }

    .choose-item .choose-text p,
    .choose-content .sec-head p {
        font-size: 16px;
    }

    .choose-content .sec-head {
        margin-bottom: 20px;
    }

    .events-slider-wpr {
        overflow: hidden;
        border-radius: 10px 10px 0 10px;
    }

    .events-right-in {
        padding: 40px 20px;
        border-radius: 10px;
    }

    .cruise-content h2 {
        margin-bottom: 20px;
    }

    .things-grid {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .things-grid>* {
        width: 49%;
    }

    .feed-main-part {
        padding: 15px 20px 20px;
    }

    .feed-top-part .quote-icon {
        padding: 0px 13px;
        max-width: 70px;
        top: -16px;
        position: relative;
    }

    .testimonial-card p {
        margin-bottom: 12px;
    }

    .testimonial-card .testimonial-sep {
        margin: 0 auto 12px;
    }

    .blog-head {
        margin-bottom: 10px;
    }

    .blog-row .blog-col {
        width: 50%;
    }

    .blog-img {
        padding-top: 80%;
    }

    .blog-card {
        border-radius: 15px;
    }

    .blog-date {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .blog-info .h4-title {
        font-size: 18px;
    }

    .blog-content {
        padding: 18px 15px;
    }

    .blog-info {
        padding-right: 15px;
    }

    .blog-arrow {
        width: 40px;
        height: 40px;
        border-radius: 6px;
        padding: 14px;
    }

    .input-group>* {
        width: 100%;
    }

    .ftr-badge {
        max-width: 135px;
    }

    .banner-inr {
        padding-top: 0;
    }

    .booking-field {
        width: 47%;
        padding: 0;
    }


    /* S.M Css End 18-05-26 */

    /* 5:44 p.p*/
    .where-to-btn-wrp .cmn-btn {
        margin-bottom: 0;
        max-width: 190px;
        width: 100%;
    }

    .where-to-btn-wrp {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        gap: 15px;
    }

    .where-content-outer {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .where-content-wpr {
        margin-bottom: 20px;
    }

    .awr-wpr {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 25px;
        gap: 15px;
    }

    .awr-wpr .slider-arrow.where-prev,
    .awr-wpr .slider-arrow.eat-prev,
    .popular-awr-wpr .slider-arrow.popular-prev {
        left: 0;
    }

    .awr-wpr .slider-arrow.where-next,
    .awr-wpr .slider-arrow.eat-next,
    .popular-awr-wpr .slider-arrow.popular-next {
        right: 0;
    }

    .awr-wpr .slider-arrow,
    .popular-awr-wpr .slider-arrow {
        position: relative;
        top: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .where-to-slide-card::after {

        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 1.9%, #000000 100%);

        background: -webkit-gradient(linear, left top, left bottom, color-stop(1.9%, rgba(0, 0, 0, 0)), to(#000000));

        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1.9%, #000000 100%);

    }

    .getting-lt-col,
    .getting-rt-col {
        width: 100%;
    }

    .local-business-slide,
    .beaches-sec {
        min-height: 500px;
    }

    .getting-around-content {
        max-width: 100%;
    }

    .getting-around-content h2 {
        margin-bottom: 12px;
    }

    .local-business-slide::after {
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 1.9%, #000000 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1.9%, rgba(0, 0, 0, 0)), to(#000000));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1.9%, #000000 100%);
    }

    .night-file-sec .getting-around-row,
    .spa-sec .getting-around-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .popular-awr-wpr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 15px;
        margin-top: 25px;
    }

    .where-img-wpr {
        padding-top: 78.3%;
    }

    .local-business-content p,
    .beaches-content p {
        margin-bottom: 20px;
    }

    .beaches-content h2 {
        margin-bottom: 12px;
    }

    .thomas-island-sec .st-thomas-island .map-pin {
        width: 22px;
    }


    /* 18.05.26 */
    .accordion-wpr::after {
        width: 100%;
    }

    .accorsin-outer::before {
        display: none;
    }

    .accordion-item {
        margin-bottom: 20px;
        padding: 0 0px 20px;
    }

    .accordion-wpr {
        margin: 0 0px;
        padding-top: 20px;
    }

    .accordion-content {
        padding-top: 16px;
    }

    /* sp 18-new starts */
    .insperation-details-row .insperation-details-left-col {
        width: 100%;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .insperation-details-row .insperation-details-right-col {
        width: 100%;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    .rightside-details>*:not(:last-child) {
        margin-bottom: 0;
    }

    .right-side-each-cardswrp {
        width: 50%;
        padding: 10px;
    }

    .rightside-details {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin: -10px;
    }

    .left-inrpart-row .left-inrpart-right-col {
        width: 100%;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    .left-inrpart-row .left-inrpart-left-col {
        width: 100%;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .right-inrpart-inrwrp {
        max-width: 450px;
        margin: 0 auto;
    }

    .left-inrpart-row {
        --bs-gutter-x: 0;
    }

    .coocktail-row .coocktail-left-col {
        width: 100%;
    }

    .coocktail-row .coocktail-right-col {
        width: 100%;
    }

    .left-inrpart-inrwrp-two>*:first-child {
        margin-top: 0;
    }

    .right-side-each-cards ul a {
        font-size: 17px;
    }

    /* sp 18 new-ends */

    /* sp 18-evening starts */

    .each-islandall-row .each-islandalltxt-col,
    .each-islandall-row .each-islandallimg-col {
        width: 100%;
    }

    .islands-card-all-outer>*:nth-child(even) .each-islandallimg-col {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    .islands-card-all-outer>*:nth-child(even) .each-islandalltxt-col {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .islands-card-all-outer>*:nth-child(odd) .island-each-txtwrp {
        padding-left: 0;
    }

    .islands-card-all-outer>*:nth-child(even) .island-each-txtwrp {
        padding: 0;
    }

    .st-croix-island .disc-point-wrp,
    .st-johns-island .disc-point-wrp,
    .st-thomas-island .disc-point-wrp {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .st-thomas-island .island-card,
    .st-johns-island .island-card,
    .st-croix-island .island-card {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .overlay-active .islands-count-inrs {
        z-index: inherit;
    }

    .st-thomas-island .island-card-main .island-card:first-child {
        top: 13%;
        left: 13%;
    }


    .st-thomas-island .island-card-main .island-card:nth-child(2) {
        top: 43%;
        left: 17%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(3) {
        top: 44%;
        left: 31%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(4) {
        top: 28%;
        left: 51%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(5) {
        right: 26%;
        top: 39%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(6) {
        right: 12%;
        top: 50%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(7) {
        right: 37%;
        bottom: 9%;
    }

    .st-johns-island .island-card-main .island-card:first-child {
        top: 25%;
        left: 22%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(2) {
        top: 35%;
        left: 31%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(3) {
        top: 12%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(4) {
        top: 38%;
        left: 46%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(5) {
        right: 45%;
        top: 19%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(6) {
        right: 27%;
        top: 30%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(7) {
        bottom: 25%;
        right: 15%;
    }

    .st-croix-island .island-card-main .island-card:first-child {
        top: 56%;
        left: 20%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(2) {
        top: 10%;
        left: 24%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(3) {
        top: 0%;
        left: 37%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(4) {
        top: 29%;
        left: 41%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(5) {
        top: 19%;
        right: 51%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(6) {
        right: 30%;
        top: 15%;
    }

    .islands-card-all-outer .map-pin {
        width: 20px;
    }

    /* sp 18-evening ends */



    /* S.Mv 19-05-26 Css End */

    .insperation-details-sec .sec-head h2 {
        font-size: 32px;
    }

    .rules-card-box h2 {
        margin-bottom: 10px;
    }

    .nearby-inr h3 {
        font-size: 23px;
    }

    .amenity-item-inr .h4-title,
    .nearby-info h4 {
        font-size: 18px;
    }

    .amenity-icn {
        width: 22px;
        margin-right: 10px;
    }

    .down-btn {
        width: 45px;
        height: 45px;
    }

    .details-nav-list>* {
        width: 22.5%;
    }

    .details-nav-list>*:last-child {
        width: 10%;
    }

    .details-col .details-tab a {
        font-size: 14px;
        padding: 0;
    }

    .details-col .details-tab {
        padding: 12px 9px;
        text-align: center;
    }

    .rule-col-left {
        width: 310px;
    }

    .highlights-list li {
        font-size: 16px;
    }

    .insperation-details-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .filter-select-wrap .select2 {
        width: 162px !important;
        padding-left: 9px;
    }

    .filter-select-wrap .select2-selection.select2-selection--multiple {
        height: 45px;
    }

    .generic-pg-ovrvw .right-card {
        margin-top: 10px;
    }

    .footer-sec::after {
        background: -o-linear-gradient(top, rgba(255, 247, 239, 0) 3%, #FFF7EF 42.35%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, rgba(255, 247, 239, 0)), color-stop(42.35%, #FFF7EF));
        background: linear-gradient(180deg, rgba(255, 247, 239, 0) 3%, #FFF7EF 42.35%);
        height: 25%;
    }

    .insperation-details-sec {
        overflow: hidden;
    }

    /* S.Mv 19-05-26 Css End */


    /* sp 19 starts */

    .thomas-island-sec .st-thomas-island .island-card {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:first-child {
        left: 13%;
        top: 13%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(2) {
        left: 17%;
        top: 42%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(3) {
        left: 32%;
        top: 42%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(4) {
        left: 51%;
        top: 29%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(5) {
        right: 25%;
        top: 39%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(6) {
        top: 49%;
        right: 12%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(7) {
        right: 38%;
        bottom: 10%;
    }

    .overlay-active .bdy-rgt-float-btn {
        z-index: 7;
    }

    .johns-island-sec .st-johns-island .island-card {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .johns-island-sec .st-johns-island .map-pin {
        width: 22px;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:first-child {
        top: 25%;
        left: 22%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(2) {
        left: 31%;
        top: 34%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(3) {
        left: 45%;
        top: 38%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(4) {
        left: 43%;
        top: 12%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(5) {
        right: 44%;
        top: 17%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(6) {
        right: 27%;
        top: 29%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(7) {
        right: 14%;
        bottom: 24%;
    }

    .croix-island-sec .st-croix-island .island-card {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .croix-island-sec .st-croix-island .map-pin {
        width: 22px;
    }

    .croix-island-sec .sec-head {
        margin: 0 auto 60px;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:first-child {
        top: 55%;
        left: 20%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(2) {
        top: 9%;
        left: 24%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(3) {
        left: 38%;
        top: -1%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(4) {
        left: 41%;
        top: 28%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(5) {
        right: 51%;
        top: 17%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(6) {
        right: 30%;
        top: 15%;
    }

    .stay-sec .booking-bottom-wrp,
    .where-eat-sec .booking-bottom-wrp {
        margin-top: 30px;
    }

    .stay-sec .booking-all-wrp .sec-head,
    .stay-sec .booking-all-wrp .booking-header-btnwrp,
    .where-eat-sec .booking-all-wrp .sec-head,
    .where-eat-sec .booking-all-wrp .booking-header-btnwrp {
        width: 100%;
    }

    .stay-sec .booking-header-btnwrp,
    .where-eat-sec .booking-header-btnwrp {
        margin-left: 0;
    }

    .stay-sec .booking-all-wrp .sec-head,
    .where-eat-sec .booking-all-wrp .sec-head {
        margin-bottom: 20px;
    }

    .stay-sec .booking-all-wrp,
    .where-eat-sec .booking-all-wrp {
        text-align: left;
    }

    .stay-sec .booking-header-btnwrp,
    .where-eat-sec .booking-header-btnwrp {
        margin-top: 0px;
    }

    .stay-img-btn-wpr {
        bottom: 20px;
        right: 20px;
    }

    .stay-img-btn-wpr .cmn-btn {
        min-width: 190px;
    }

    .stay-sec .booking-bottom-wrp .booking-all-wrp,
    .where-eat-sec .booking-bottom-wrp .booking-all-wrp {
        margin-bottom: 0px;
    }

    .john-around-sec .getting-around-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .john-family-sec .getting-around-row {
        -webkit-box-orient: initial;
        -webkit-box-direction: initial;
            -ms-flex-direction: initial;
                flex-direction: initial;
    }

    .john-beaches-sec .beaches-content,
    .john-local-sec .beaches-content {
        max-width: 760px;
        bottom: -140px;
        padding: 30px;
        border-radius: 40px 20px 20px 20px;
    }

    .john-nightfile-sec.cmn-gap,
    .john-event-sec.cmn-gap,
    .john-travel-sec.cmn-gap {
        padding-top: 190px;
    }

    .john-explore-sec .john-img-wpr {
        margin-bottom: 20px;
    }

    .john-explore-sec .john-img-wpr {
        border-radius: 10px;
    }

    .john-explore-sec .john-content-wpr {
        max-width: 100%;
        padding: 20px 20px;
        position: relative;
        border-radius: 10px;
    }

    .john-explore-sec .john-content-wpr h2 {
        max-width: 100%;
    }

    .john-local-sec .local-business-slide {
        min-height: 500px;
    }

    .john-adventure-sec .cruise-content {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .john-adventure-sec .cruise-content h2 {
        margin-bottom: 20px;
        padding-right: 0px;
    }

    .john-nightfile-sec .getting-around-content-outer {
        padding: 28px 21px;
    }

    .getting-around-content-outer {
        padding: 26px 26px;
    }

    .getting-btn-wpr {
        bottom: 20px;
    }

    .stay-row .stay-left-col,
    .stay-row .stay-right-col {
        width: 100%;
    }

    .stay-txts-part {
        padding-right: 0;
    }

    .stay-slider-outer {
        margin-right: 0;
    }

    .stay-slider-outer .stay-slider-inr {
        padding-right: 0;
    }

    .stay-next-arrow {
        position: static;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .stay-prev-arrow {
        position: static;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .stay-slider-arrow-wrp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 20px;
    }

    .stay-slider-arrow-wrp>*:not(:last-child) {
        margin-right: 20px;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:first-child {
        top: 25%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(2) {
        top: 34%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(3) {
        top: 38%;
        left: 45%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(4) {
        left: 42%;
        top: 12%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(5) {
        right: 45%;
        top: 18%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(6) {
        top: 29%;
        right: 27%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(7) {
        bottom: 25%;
        right: 14%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:first-child {
        top: 54%;
        left: 20%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(2) {
        left: 24%;
        top: 9%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(3) {
        top: -2%;
        left: 37%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(4) {
        left: 40%;
        top: 28%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(5) {
        top: 18%;
        right: 51%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(6) {
        right: 30%;
        top: 15%;
    }

    .croix-explore-sec.john-explore-sec .john-content-wpr,
    .croix-adventure-sec.croix-explore-sec.john-explore-sec .john-content-wpr {
        max-width: 100%;
        padding: 28px;
        max-height: 100%;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        top: 0;
    }

    .croix-explore-sec.john-explore-sec .john-content-wpr h2 {
        max-width: 100%;
    }

    .getting-big-col {
        width: 65%;
    }

    .getting-sml-col {
        width: 35%;
    }

    .croix-getting-around-sec .getting-around-img-wpr {
        max-height: 380px;
    }

    .getting-img-outer {
        --bs-gutter-x: 20px;
    }

    .croix-family-sec .getting-around-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .croix-local-sec .support-content-wpr {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .croix-local-sec.john-local-sec .beaches-content {
        padding: 20px;
        max-width: 100%;
    }

    .croix-local-sec .local-business-content {
        margin: 20px 0 0;
    }

    .croix-local-sec.john-local-sec .local-business-slide {
        min-height: 600px;
    }

    .croix-popular-img-outer {
        margin-bottom: 20px;
    }

    .croix-popular-sec .john-explore-card .john-content-wpr {
        max-width: 100%;
        position: relative;
        top: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .croix-popular-content-outer {
        max-width: 100%;
        padding: 0 30px;
    }

    .croix-popular-sec .john-explore-card .john-content-wpr p {
        margin-bottom: 12px;
    }

    .croix-shopping-sec .night-sml-img {
        left: 20px;
    }

    .each-stay-cardinr {
        padding: 33% 25px 25px;
    }

    /* sp 19 ends */
    .local-business-content {
        max-width: 490px;
    }

    .choose-text {
        padding: 20px 0;
    }

    .croix-nightfill-sec .getting-btn-wpr {
        left: 18%;
    }

    .croix-shopping-sec.croix-nightfill-sec .getting-btn-wpr {
        left: auto;
        right: 18%;
    }

    .nightlife-slider-wraper {
        position: static;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        max-width: none;
        width: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 40px;
    }

    .nightlife-slider-wraper>*:not(:last-child) {
        margin-right: 20px;
    }

    .nightlife-slider-wraper.nightlife-slider-wraper-left,
    .nightlife-slider-wraper.nightlife-slider-wraperjohn.nightlife-slider-wraperjohn-left,
    nightlife-slider-wraper.nightlife-slider-wraperthomas.nightlife-slider-wraperthomas-left,
    .nightlife-slider-wraper.nightlife-slider-wraperthomas.nightlife-slider-wraperthomas-left {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        width: 100%;
    }

    .nightlife-slider-wraper.nightlife-slider-wraperthomas {
        width: 100%;
    }

    .stay-rich-sec-new .stay-txts-part{
        text-align: center;
    }

    .stay-rich-sec-new .stay-btn-wrps{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .stay-rich-sec-new .stay-slider-btn-wrp{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .stay-rich-sec-new .stay-slider-arrow-wrp{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .choose-icon{
        margin-top: 20px;
    }

    .paradise-tab-content .card-info p{
        font-size: 16px;
    }

    .paradise-tab-content .card-links li a {
    font-size: 14px;
}
.paradise-tab-content .island-card .card-info {
    padding: 16px;
}

.left-inrpart-inrwrp h3{
    margin-top: 0;
}

.accordion-sec .accordion-wpr .accordion-item:first-child{
    padding-top: 20px;
}

.choose-sec.choose-sec2 .choose-content {
    padding: 0;
}

.highlights-img-col:first-child,
.highlights-img-col:nth-child(2), .highlights-img-col:last-child {
    width: 100%;
}

.highlights-img-col:nth-child(2) .highlights-main-imgouter{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* flex-wrap: wrap; */
}

.highlights-img-col:nth-child(2) .highlights-main-imgouter .highlights-main-img{
    width: 50%;
}

.highlights-img-col:nth-child(2) .sub-img-box{
    margin-bottom: 0;
}

.highlights-img-col:nth-child(2) .highlights-main-imgouter>*:not(:last-child) {
    margin-right: 20px;

}
.important-bg-img{
    opacity: 0.1;
}
}

@media (max-width: 767px) {

    /* images alignment for wordpress content pages */
    .alignright,
    .alignleft,
    .aligncenter {
        float: none;
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        clear: both;
        margin-bottom: 24px;
    }

    .island-hosted-row .island-hosted-left-col,
    .island-hosted-row .island-hosted-right-col {
        width: 100%;
    }

    .left-card {
        margin-bottom: 0;
    }

    .right-card {
        margin-top: 0;
    }

    .discover-img-card {
        max-height: 350px;
    }

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

    .booking-all-wrp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .booking-header-btnwrp {
        margin-left: 0;
        margin-top: 20px;
    }

    .booking-all-wrp {
        margin-bottom: 30px;
    }

    .booking-all-wrp {
        text-align: center;
    }

    .booking-bottom-wrp {
        text-align: center;
    }

    .cmn-btn.brows-pdf-btn {
        min-height: inherit;
    }

    h1,
    .h1-title {
        font-size: 55px;
    }

    .testimonial-slider-outtr {
        padding: 0;
    }

    .testimonial-slider-outtr .slider-arrow {
        position: static;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .testemonial-btn-wrp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 30px;
    }

    .testemonial-btn-wrp>*:not(:last-child) {
        margin-right: 10px;
    }

    .blog-img {
        padding-top: 70%;
    }

    .ftr-badge {
        max-width: 150px;
    }

    .ftr-top-logos {
        max-width: 400px;
    }

    .logo-item:first-child {
        max-width: 130px;
    }

    .logo-item:last-child {
        max-width: 200px;
    }

    .ftr-top {
        padding: 0 20px 50px;
    }

    .ftr-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center;
    }

    .ftr-btm-rt {
        margin: 20px 0 0 0;
    }

    .mail-input-wpr {
        min-width: inherit;
        width: 100%;
    }

    .navbar-brand {
        width: 140px;
    }

    .bnnr-main-innr {
        padding-bottom: 80px;
    }

    .left-banner-part {
        padding: 0;
    }

    .banner-slider-outer {
        margin-bottom: 20px;
    }

    .cmn-header-subtitle::before {
        display: none;
    }

    .discover-parar-wpr {
        margin-bottom: 20px;
    }

    .down-btn {
        width: 50px;
        height: 50px;
    }

    .search-wrap {
        min-width: 100%;
        margin-right: 0;
        width: 100%;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin-bottom: 20px;
    }

    .filter-left {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .view-toggles {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
    }

    .search-wrap input[type="text"],
    .form-select-wpr select {
        font-size: 16px;
    }

    .map-pin {
        width: 25px;
    }

    .booking-next,
    .booking-previous {
        top: 30%;
    }

    .innr-banners-sec {
        padding: 120px 0 60px 0;
    }

    .blog-img {
        padding-top: 60%;
    }

    .insperation-row>* {
        width: 100%;
    }

    .all-insperation-sec .blog-img {
        padding-top: 65%;
    }

    .all-insperation-inr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .all-insperation-inr .sec-head {
        margin-bottom: 30px;
    }

    .all-insperation-inr .insperation-select {
        margin-left: 0;
    }

    .paradise-sec-inr .custom-tabs li {
        padding: 6px;
    }

    .paradise-rightpar h3 {
        margin-bottom: 18px;
    }

    /* 15.05.26 */
    .resort-cards-wpr.list-layout .resort-card-body {
        padding: 15px;
    }

    .location-info li {
        padding: 0 5px;
        font-size: 11px;
    }

    .facility-tags {
        margin: 0 0 17px;
    }

    .facility-tags li i {
        max-width: 14px;
    }

    .facility-tags li i {
        margin-right: 8px;
    }

    .amenity-item {
        width: 50%;
        margin: 18px 0;
    }

    /* 
    .nearby-inr h3 {
        font-size: 26px;
    } */

    .nearby-col-custom:nth-child(2),
    .nearby-col-custom:first-child,
    .nearby-col-custom:nth-child(3),
    .nearby-col-custom:last-child {
        width: 50%;
    }

    .nav-tabs-custom .h4-title {
        font-size: 19px;
    }

    .rule-col-left {
        width: 100%;
        margin-bottom: 15px;
    }

    .rule-row {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .policy-section h5 {
        margin-bottom: 15px;
    }

    .journey-card {
        padding: 23px 22px 29px;
    }

    .amenity-item:nth-child(2n)::after {
        display: none;
    }

    .amenity-item:nth-child(odd)::after {
        display: block;
    }

    .scroll-up .navbar-brand {
        -webkit-filter: none;
                filter: none;
        width: 120px;
    }

    .contact-row-new .contact-form-mid-col {
        width: 100%;
    }

    .contact-form-row label input,
    .contact-form-row label textarea {
        height: 46px;
    }

    .contact-form-row label input[type="submit"] {
        height: 46px;
    }

    .contact-form-row label textarea {
        height: 80px;
    }

    .contact-form-row .submit-label {
        margin-top: 0;
    }

    /* S.M Css Start 18-05-26 */
    h1,
    .h1-title {
        font-size: 36px;
    }

    h2,
    .h2-title {
        font-size: 30px;
    }

    .cmn-btn {
        padding: 12px 20px;
    }


    .main-head .cmn-btn.header-btn {
        padding: 10px 24px;
    }

    .navbar-toggler {
        height: 46px;
    }

    .left-banner-part .cmn-header-title {
        font-size: 22px;
        letter-spacing: 1px;
    }

    .island-hosted-right-col,
    .island-hosted-left-col {
        display: none;
    }

    .discover-separator {
        height: 18px;
        margin-bottom: 4px;
    }

    .booking-bottom-wrp {
        margin-top: 20px;
    }

    .booking-bottom-wrp .booking-all-wrp {
        margin-bottom: 15px;
    }

    .cruise-sec.cmn-gap {
        padding: 50px 0;
    }

    .things-img-wrp {
        height: 270px;
    }

    .things-img-wrp h3 {
        font-size: 22px;
    }

    .feed-main-part {
        border-bottom-right-radius: 40px;
    }

    .blog-row .blog-col {
        width: 100%;
    }

    .ftr-grid-wrp {
        padding: 50px 10px 25px;
    }

    .discover-sec-two,
    .cmn-gap {
        padding: 70px 0;
    }

    .choose-sec {
        padding-top: 0;
    }

    .banner-forms {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding: 60px 30px 30px;
    }

    .booking-field {
        width: 100%;
        padding: 0;
        -webkit-box-flex: inherit;
            -ms-flex: inherit;
                flex: inherit;
    }

    .booking-inr input[type='submit'] {
        min-width: 1px;
        width: auto;
        padding: 10px 25px 10px 57px;
    }


    /* S.M Css End 18-05-26 */

    /* 5:44pm */
    .discover-itm h3 {
        margin-bottom: 4px;
    }

    .local-business-btn-wrp .cmn-btn {
        margin-right: 0;
    }

    .local-business-btn-wrp {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 15px;
    }

    .popular-sec .cruise-content h2 {
        margin-bottom: 12px;
    }

    .local-business-sec .slider-arrow.local-prev {
        left: 10px;
    }

    .local-business-sec .slider-arrow.local-next {
        right: 10px;
    }

    .local-business-slide,
    .beaches-sec {
        padding: 50px 0;

    }

    /* sp 18-new starts */
    .right-side-each-cardswrp {
        width: 100%;
        padding: 0;
    }

    .rightside-details {
        margin: 0;
    }

    .rightside-details>*:not(:last-child) {
        margin-bottom: 10px;
    }

    .right-side-each-cards ul {
        padding: 15px 20px;
    }

    .right-side-each-cards h4 {
        padding: 12px 20px;
    }

    .insperation-details-sec .sec-head {
        margin-bottom: 25px;
    }

    .left-inrpart-inrwrp h3 {
        margin-bottom: 15px;
    }

    .left-side-detail>*:not(:last-child) {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .info-catagory-wrp {
        margin-top: 35px;
        padding: 20px 0;
    }

    .tour-info-inr .sec-head h3 {
        margin-bottom: 20px;
    }

    .left-deyails-bigimg-wrp {
        padding-top: 60%;
    }

    .insperation-details-sec .sec-head h2 br {
        display: none;
    }

    /* sp 18-new-ends */

    /* sp 18-evening starts */
    .st-thomas-island .island-card-main .island-card:first-child {
        left: 13%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(2) {
        top: 41%;
        left: 18%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(3) {
        top: 40%;
        left: 32%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(4) {
        top: 27%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(5) {
        top: 37%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(6) {
        right: 12%;
        top: 47%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(7) {
        right: 36%;
        bottom: 10%;
    }

    .st-johns-island .island-card-main .island-card:first-child {
        top: 23%;
        left: 22%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(2) {
        top: 33%;
        left: 32%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(4) {
        top: 36%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(3) {
        top: 11%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(6) {
        top: 28%;
    }

    .st-croix-island .island-card-main .island-card:first-child {
        top: 52%;
        left: 20%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(2) {
        top: 6%;
        left: 25%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(3) {
        top: -5%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(6) {
        right: 29%;
        top: 11%;
    }


    /* sp 18-evening ends */

    .st-johns-island .island-card-main .island-card:nth-child(7) {
        bottom: 24%;
        right: 14%;
    }



    /* S.Mv 19-05-26 Css End */

    .insperation-details-sec .sec-head h2 {
        font-size: 30px;
    }

    .details-nav-wrapper {
        position: relative;
        padding-top: 40px;
        border: 0;
    }

    .details-col.details-share {
        position: absolute;
        top: -20px;
        right: -8px;
    }

    .details-nav-list>* {
        width: 50%;
    }

    .details-nav-list {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 12px;
    }

    .details-col .details-tab {
        background-color: #F8F8F8;
    }

    .details-col .details-tab.share-link-tab {
        padding: 0;
        background: transparent;
    }

    .details-col .details-tab a {
        font-size: 16px;
    }

    .resort-outer .sec-head h2 {
        font-size: 30px;
    }

    .highlights-img-row {
        --bs-gutter-x: 8px;
        --bs-gutter-y: 8px;
    }

    .sub-img-box {
        margin-bottom: 8px;
    }

    .highlights-main-img {
        border-radius: 10px;
    }

    .resort-discover-all .resort-filter-bar .search-wrap {
        margin: 0 0 20px;
    }

    .footer-sec::after {
        height: 21%;
    }

    /* S.Mv 19-05-26 Css End */


    /* sp 19 starts */

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(2) {
        left: 17%;
        top: 40%;
    }

    .thomas-island-sec .st-thomas-island .island-card-main .island-card:nth-child(7) {
        right: 36%;
    }

    .john-beaches-sec .beaches-content,
    .john-local-sec .beaches-content,
    .escape-outer.beaches-outer .beaches-content {
        max-width: 100%;
        position: relative;
        bottom: 0;
        left: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .john-nightfile-sec.cmn-gap,
    .john-event-sec.cmn-gap,
    .john-travel-sec.cmn-gap {
        padding-top: 70px;
    }

    .support-content-outer .local-business-content {
        margin-bottom: 20px;
    }

    .john-local-sec .local-business-slide {
        padding: 40px 0;
    }

    .john-explore-sec .john-content-wpr h2 {
        margin-bottom: 12px;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(7) {
        right: 13%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:first-child {
        top: 50%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(2) {
        left: 25%;
        top: 4%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(3) {
        top: -7%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(4) {
        top: 23%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(5) {
        top: 12%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(6) {
        right: 29%;
        top: 11%;
    }

    .getting-img-outer {
        --bs-gutter-x: 12px;
    }

    .croix-getting-around-sec .getting-around-img-wpr {
        max-height: 290px;
    }

    .beaches-btn-wrp .cmn-btn {
        min-width: 180px;
    }

    .croix-local-sec .support-content-outer .local-business-content {
        margin-bottom: 0;
    }

    .croix-local-sec.local-business-sec .slider-arrow.local-prev {
        margin-right: 9px;
    }

    /* sp 19 ends */

    .john-eat-sec .booking-slider-arrow,
    .john-reach-slider-sec .booking-slider-arrow {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 15px;
        margin-top: 15px;
    }

    .stay-booking-previous,
    .john-eat-sec.where-eat-sec .booking-previous {
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .stay-booking-next,
    .john-eat-sec.where-eat-sec .booking-next {
        position: relative;
        top: 0;
        right: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        z-index: 3;
    }

    .croix-shopping-sec.croix-nightfill-sec .getting-btn-wpr {
        left: auto;
        right: 8%;
    }

    .croix-nightfill-sec .getting-btn-wpr {
        left: 8%;
    }

    .island-logo-wrp {
        /* width: 20%; */
        bottom: 10px;
        left: 10px;
    }

    .list-layout .resort-card-img{
        display: none;
    }

    .rule-col-right-cards{
        -webkit-box-flex: 1;
            -ms-flex: auto;
                flex: auto;
    }

    .blog-arrow{
        margin-left: auto;
    }

    section.choose-sec.cmn-gap {
    padding-top: 70px;
}

.highlights-img-col:nth-child(2) .highlights-main-imgouter>*:not(:last-child) {
    margin-right: 8px;
}

.nav-mega-menu{
    padding: 12px !important;
}

.list-layout .facility-tags {
    margin-bottom: 25px;
}

}

@media (max-width: 575px) {

    .mail-input-wpr,
    .submit-btn-wpr {
        min-width: inherit;
        width: 100%;
    }

    .event-info p strong {
        font-size: 22px;
    }

    .event-info p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .event-info>*:not(:last-child) {
        margin-bottom: 10px;
    }

    .event-info p strong {
        margin: 0 0 5px 0;
    }

    .event-info {
        padding: 30px 120px 30px 30px;
    }

    .event-date-badge {
        padding: 9px 10px 30px 10px;
    }

    .cmn-btn {
        font-size: 14px;
    }

    h1,
    .h1-title {
        font-size: 42px;
    }

    .cruise-card {
        padding: 30px;
    }

    .cruise-content h2 {
        margin-bottom: 20px;
    }

    .feed-top-part .quote-icon img {
        width: 70px;
    }

    .ftr-grid-wrp {
        padding: 60px 20px;
    }

    .ftr-top {
        padding: 0 10px 50px;
    }

    .feed-main-part {
        border-bottom-right-radius: 60px;
    }

    .booking-field {
        width: 100%;
    }

    .booking-inr input[type='submit'] {
        width: 100%;
    }

    .booking-inr input[type='submit'] {
        background-position: 38% center;
    }

    .cmn-header-subtitle {
        letter-spacing: 0.20em;
    }

    .booking-inr {
        padding: 40px 12px;
    }

    .explore-island-btnwrp .cmn-btn {
        min-width: inherit;
    }

    .innr-banners-sec {
        min-height: 400px;
        padding: 120px 0 40px 0;
    }

    .paradise-sec-inr .custom-tabs .nav-link {
        font-size: 16px;
    }

    .paradise-sec-inr .custom-tabs {
        margin-bottom: 20px;
    }

    /* 15.05.26 */
    .journey-row {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 24px;
    }

    .col-auto {
        width: 100%;
    }

    .details-nav-wrapper {
        padding-bottom: 20px;
    }

    .details-col.active a::after {
        display: none;
    }

    .details-col a {
        font-size: 16px;
        padding: 13px 5px;
    }

    .details-col.active a {
        color: var(--orange-color);
    }

    .amenities-row {
        margin: -35px -12px -10px -12px;
    }

    .amenity-item {
        padding: 0 12px;
    }

    .details-nav-list {
        --bs-gutter-x: 6px;
        --bs-gutter-y: 20px;
    }

    .details-nav-list>* {
        width: 50%;
    }

    .details-col a {
        padding: 0;
    }

    .contact-form-row .submit-label {
        width: 100%;
    }

    .contact-form-row label input[type="submit"] {
        width: 100%;
    }

    /* S.M Css Start 18-05-26 */
    h1,
    .h1-title {
        font-size: 32px;
    }

    h2,
    .h2-title {
        font-size: 28px;
    }

    .navbar-toggler {
        height: 43px;
        width: 46px;
    }

    .banner-sec {
        height: 420px;
    }

    .left-banner-part .cmn-header-title {
        font-size: 18px;
    }

    .cmn-header-subtitle {
        letter-spacing: 0.15em;
    }

    /* .bnnr-main-innr {
        padding-bottom: 60px;
    } */

    .banner-slider-outer {
        margin-bottom: 16px;
    }

    .slider-arrow {
        padding: 10px;
        width: 40px;
        height: 40px;
        border-radius: 6px;
    }

    .discover-content,
    .discover-header,
    .events-sec .section-head,
    .sec-head.testimonial-head {
        text-align: left !important;
    }

    .explore-island-btnwrp {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }

    .discover-separator {
        display: none;
    }

    .booking-all-wrp {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .booking-slider .slick-list,
    .stay-booking-slider .slick-list {
        padding: 0 10px !important;
    }

    .slider-right-lay,
    .slider-left-lay {
        width: 5%;
        display: none;
    }

    .booking-previous {
        left: 1%;
    }

    .booking-next {
        right: 1%;
    }

    .booking-all-wrp,
    .booking-bottom-wrp,
    .section-head h2,
    .sec-head.gallery-head {
        text-align: left;
    }

    section.discover-sec-two {
        padding-bottom: 30px;
    }

    .contact-row {
        --bs-gutter-y: 30px;
    }

    .choose-list {
        margin: 0;
    }

    /* .choose-list>*:not(:last-child) {
        margin-bottom: 20px;
    } */

    .event-date-badge {
        padding: 9px 14px 26px 14px;
    }

    .section-head {
        margin-bottom: 22px;
    }

    .event-info {
        padding: 30px 20px 50px 20px;
    }

    .event-img {
        padding-top: 80%;
    }

    .events-left-in {
        border-radius: 10px 0 0 10px;
    }

    .cruise-sec.cmn-gap {
        padding: 40px 0;
    }

    .things-grid>* {
        width: 48%;
    }

    .things-img-wrp {
        height: 230px;
    }

    .visitor-gallery-slider-arrow-wrp {
        padding-top: 30px;
    }

    .visitor-gallery-sec {
        position: relative;
        z-index: 1;
    }

    .newsletter-inr-wpr {
        text-align: left;
    }

    .booking-form {
        margin: 0;
    }

    .booking-inr input[type='submit'] {
        min-width: 1px;
        width: auto;
        padding: 10px 25px 10px 57px;
    }

    .booking-inr input[type='submit'] {
        padding: 10px 25px 10px 50px;
        background-position: 19% center;
    }


    /* S.M Css End 18-05-26 */

    /* 5:44pm */
    .local-awr-wpr {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 15px;
        margin: 25px 0;
    }

    .croix-popular-sec .local-awr-wpr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: auto;
    }

    .local-business-sec .slider-arrow.local-prev {
        left: 0;
    }

    .local-business-sec .slider-arrow {
        position: relative;
        top: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .local-business-sec .slider-arrow.local-next {
        right: 0;
    }

    .local-awr-wpr .slider-arrow {
        border-color: var(--orange-color);
    }


    /* S.Mv 19-05-26 Css End */

    .insperation-details-sec .sec-head h2 {
        font-size: 28px;
    }

    .details-col.details-share {
        top: -26px;
    }

    .details-nav-list {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 10px;
    }

    .resort-outer .sec-head h2 {
        font-size: 28px;
    }

    .insperation-details-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        --bs-gutter-x: 0;
    }

    .insperation-row {
        --bs-gutter-x: 0;
    }

    .generic-pg-ovrvw .discover-content {
        padding: 0;
    }

    .island-bg-bottom,
    .island-bg-top {
        display: none;
    }

    .select2-container .select2-search--inline .select2-search__field {
        margin-top: 3px;
    }
    /* .select2-container .select2-search--inline .select2-search__field {
        margin-top: 7px;
    } */

    /* .ftr-top-logos{
        background-color:transparent;
    } */
    /* .footer-sec::after {
        background: linear-gradient(180deg, rgba(255, 247, 239, 0) 7%, #FFF7EF 32%,#FFF7EF 100%);
        top: -10%;
    } */
    .footer-sec::after {
        background: -o-linear-gradient(top, rgba(255, 247, 239, 0) -8%, #FFF7EF 42.35%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(-8%, rgba(255, 247, 239, 0)), color-stop(42.35%, #FFF7EF));
        background: linear-gradient(180deg, rgba(255, 247, 239, 0) -8%, #FFF7EF 42.35%);
        height: 14%;

    }



    /* S.Mv 19-05-26 Css End */

    /* sp 19 starts */

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(7) {
        right: 13%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(4) {
        left: 42%;
        top: 10%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(5) {
        right: 45%;
        top: 16%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(6) {
        right: 28%;
        top: 27%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:first-child {
        top: 48%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(2) {
        top: 2%;
        left: 25%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(3) {
        left: 37%;
        top: -8%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(4) {
        left: 40%;
        top: 21%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(5) {
        right: 52%;
        top: 10%;
    }

    .croix-island-sec .st-croix-island .island-card-main .island-card:nth-child(6) {
        right: 28%;
        top: 7%;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(7) {
        right: 11%;
    }

    .croix-local-sec .local-awr-wpr,
    .croix-popular-sec .local-awr-wpr {
        gap: 0;
        margin: 0 0 0 auto;
    }

    .local-business-btn-wrp .cmn-btn {
        min-width: 100%;
    }



    /* sp 19 ends */

    .croix-nightfill-sec .getting-btn-wpr {
        left: 3%;
    }

    .croix-shopping-sec.croix-nightfill-sec .getting-btn-wpr {
        left: auto;
        right: 3%;
    }

    .reach-outer-john .john-reach-slider-sec .stay-booking-slider .booking-img-wrp{
        border: 0;
    }

    .reach-outer-john .stay-img-btn-wpr{
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        right: auto;
    }

    .reach-outer-john .booking-all-wrp{
        text-align: center;
    }

    .reach-outer-john .booking-header-btnwrp{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .booking-next,
    .booking-previous{
        top: 25%;
    }

    .reach-sec.cmn-gap{
        padding-bottom: 0;
    }

    .getting-around-content ul li::before{
        top: 2px;
    }

    .megamenu-txts-wrp>p {
    font-size: 12px;
}

.megamenu-heading-wrp p {
    font-size: 20px;
}
.megamenu-heading-wrp {
    margin-bottom: 10px;
}

}

@media (max-width: 479px) {
    .ftr-col-wrp .ftr-col {
        width: 100%;
    }

    .ftr-links-mid {
        -webkit-column-count: 1;
           -moz-column-count: 1;
                column-count: 1;
    }

    .ftr-top-logos {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .ftr-top-logos>* {
        padding: 20px 0;
    }

    .logo-item:first-child {
        border-bottom: 1px solid #E5E5E5;
        border-right: none;
    }

    body {
        font-size: 14px;
    }

    .cmn-gap {
        padding: 40px 0;
    }

    .blog-img {
        padding-top: 100%;
    }

    .blog-content {
        padding: 15px;
    }

    .blog-date {
        font-size: 14px;
    }

    h4,
    .h4-title {
        font-size: 18px;
    }

    h2,
    .h2-title {
        font-size: 28px;
    }

    .blog-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .blog-head>*:not(:last-child) {
        margin-bottom: 20px;
    }

    .visitor-gallery-slider-arrow-wrp {
        padding-top: 30px;
    }

    .visitor-gallery-sec {
        position: relative;
        z-index: 2;
    }

    .feed-main-part {
        padding: 20px 10px;
    }

    h3,
    .h3-title {
        font-size: 22px;
    }

    .feed-top-part .quote-icon {
        padding: 0 20px;
    }

    .feed-top-part .quote-icon img {
        width: 60px;
    }

    .sec-head {
        margin-bottom: 30px;
    }

    .things-img-wrp {
        height: 250px;
    }

    h2,
    .h2-title {
        font-size: 26px;
    }

    .event-tabs .nav-link {
        font-size: 14px;
    }

    .event-tabs {
        gap: 18px;
    }

    .save-date {
        font-size: 14px;
    }

    .event-img,
    .event-tab-bg {
        padding-top: 150%;
    }

    .event-info {
        padding: 20px 20px 60px;
    }

    .slider-arrows button {
        width: 40px;
        height: 40px;
    }

    .event-info p {
        font-size: 14px;
    }

    .choose-img-wrp {
        border-radius: 15px 15px 60px 15px;
    }

    .booking-slider-arrow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 30px;
    }

    .booking-slider-arrow>*:not(:last-child) {
        margin-right: 10px;
    }

    .booking-slider-arrow>* {
        position: static;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .slider-arrow {
        width: 40px;
        height: 41px;
    }

    .booking-img-wrp {
        padding-top: 70%;
        border-radius: 15px;
    }

    .right-card {
        border-radius: 15px 15px 60px 15px;
    }

    .left-card {
        border-radius: 60px 15px 15px 15px;
    }

    .cmn-btn.header-btn {
        padding: 8px 18px;
        -webkit-box-shadow: 0px 4px 72px rgba(0, 0, 0, 0.2);
                box-shadow: 0px 4px 72px rgba(0, 0, 0, 0.2);
    }

    .navbar-toggler {
        margin-left: 20px;
    }

    .navbar-collapse {
        width: 250px;
    }

    .navbar-nav>li>a {
        font-size: 14px;
    }

    .banner-inr {
        padding-top: 120px;
    }

    .navbar-brand {
        width: 100px;
    }

    .down-btn {
        width: 40px;
        height: 40px;
    }

    .resort-card {
        border-radius: 10px;
    }

    .view-btn {
        width: 40px;
        height: 40px;
        margin-right: 5px;
    }

    .view-btn i {
        max-width: 19px;
    }

    .form-select-wpr select {
        height: 40px;
        background-position: calc(100% - 14px) center;
        padding-right: 20px;
    }

    .guides-category-box {
        padding: 22px 16px;
    }

    .insperation-select select {
        min-width: inherit;
    }

    .insperation-select select {
        padding: 0 30px 0 10px;
        background-position: right 5px center;
    }

    .column-lists li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .column-lists li span {
        margin: 0 0 20px 0;
    }

    .tab-content-btn-wrp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .tab-content-btn-wrp>*:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .paradise-side-lists li .paradise-cou span {
        font-size: 24px;
    }

    .paradise-sec-inr .custom-tabs .nav-link {
        width: 100%;

    }

    .paradise-sec-inr .custom-tabs li {
        width: 100%;
    }

    .paradise-side-lists li .paradise-cou {
        padding: 10px 13px;
    }

    .paradise-side-lists li {
        padding: 3px;
    }

    .paradise-side-lists {
        margin: -3px;
    }

    .cmn-btn {
        font-size: 12px;
    }

    /* 15.05.26 */
    /* .list-layout .resort-card-img {
        display: none;
    } */

    .highlights-img-col:first-child,
    .highlights-img-col:nth-child(2),
    .highlights-img-col:last-child {
        width: 100%;
    }

    .amenity-item {
        width: 100%;
    }

    .amenity-item::after {
        display: none;
    }

    .nearby-col-custom:nth-child(2),
    .nearby-col-custom:first-child,
    .nearby-col-custom:nth-child(3),
    .nearby-col-custom:last-child {
        width: 100%;
    }

    .nav-tabs-custom {
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 0px;

    }

    .nav-tabs-custom li {
        padding: 10px 10px 15px 0;
        white-space: nowrap;
    }

    .nav-tabs-custom .h4-title {
        font-size: 16px;
    }

    .journey-info {
        margin-bottom: 20px;
        width: 100%;
    }

    .journey-card-content {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .amenity-item:nth-child(3n)::after,
    .amenity-item::after {
        display: none;
    }

    .scroll-up .navbar-brand {
        -webkit-filter: none;
                filter: none;
        width: 100px;
    }

    .amenity-item:nth-child(odd)::after {
        display: none;
    }

    .feature-slider .blog-img {
        padding-top: 65%;
    }

    .contact-form-row label span {
        font-size: 16px;
    }

    .contact-form-row label input[type="submit"] {
        font-size: 16px;
        height: 44px;
    }

    .contact-form-row label input,
    .contact-form-row label textarea {
        height: 44px;
    }

    .contact-form-row label textarea {
        height: 70px;
    }

    .contact-form-row {
        --bs-gutter-y: 24px;
    }

    .contact-icon-wrp {
        margin-right: 10px;
    }

    .left-contact-part {
        padding: 20px;
    }

    .contact-icon-wrp {
        width: 60px;
        height: 60px;
    }

    .contact-options-wrp>*:not(:last-child) {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .contact-icon-inr {
        padding: 12px;
    }

    /* 18.05.26 */
    .details-nav-list>* {
        width: 100%;
    }

    .details-col .details-tab {
        padding: 9px 12px;
    }

    .details-col .details-tab.share-link-tab {
        padding: 11px 12px;
    }

    .details-nav-list {
        --bs-gutter-x: 6px;
        --bs-gutter-y: 6px;
    }


    /* S.M Css Start 18-05-26 */
    h1,
    .h1-title {
        font-size: 28px;
    }

    .choose-content h2 {
        font-size: 26px;
    }



    .cmn-btn.brows-pdf-btn {
        padding: 12px 9px;
    }

    .left-banner-part .cmn-header-title {
        font-size: 17px;
    }

    .booking-all-wrp .sec-head h2 {
        font-size: 22px;
    }

    .booking-header-btnwrp {
        margin-top: 15px;
    }

    .booking-slider-arrow {
        margin-top: 20px;
    }

    .booking-slider-arrow {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding-left: 16px;
    }

    .discover-header h2 {
        margin-bottom: 10px;
    }

    .event-img,
    .event-tab-bg {
        padding-top: 130%;
    }

    .cruise-sec.cmn-gap {
        padding: 30px 0;
    }

    .things-grid>* {
        width: 100%;
    }

    .feed-main-part {
        padding: 0px 10px 20px;
    }

    .feed-main-part {
        border-bottom-right-radius: 40px;
    }

    .blog-head {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .blog-row {
        --bs-gutter-y: 20px;
    }

    .visitor-gallery-slider .gallery-item img {
        border-radius: 10px;
    }

    .newsletter-inr h2 {
        margin-bottom: 10px;
    }

    .newsletter-inr-wpr {
        padding: 30px 0 70px;
    }

    .footer-sec {
        padding: 5px 0 20px;
    }

    .ftr-badge {
        max-width: 100px;
        padding: 10px;
    }

    .ftr-top-logos>* {
        padding: 15px 0;
    }

    .ftr-grid-wrp {
        padding: 20px 10px;
        border-top: 1px solid #d8d8d8;
        margin-top: 30px;
    }

    .ftr-col-wrp {
        --bs-gutter-y: 20px;
    }

    .ftr-title {
        margin-bottom: 16px;
    }

    .ftr-top {
        padding: 0 10px 20px;
    }

    .ftr-bottom {
        padding-top: 20px;
    }

    .ftr-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin: -6px;
    }

    .ftr-links li {
        margin-bottom: 0;
        width: 50%;
        padding: 6px;
    }

    .navbar-toggler {
        margin-left: 12px;
        height: 40px;
    }

    .stick.open,
    .stick.open:after,
    .stick.open:before {
        left: 15%;
    }

    .discover-sec-two,
    .cmn-gap {
        padding: 50px 0;
    }

    .choose-sec {
        padding-top: 0;
    }

    .main-head {
        padding: 16px 0;
    }

    .banner-forms {
        padding: 60px 12px 30px;
    }



    /* S.M Css End 18-05-26 */

    /* 5:44pm */
    .where-img-wpr {
        padding-top: 141.3%;
    }


    /* 18.05.26 */
    .details-nav-list>* {
        width: 100%;
    }

    .details-col .details-tab {
        padding: 9px 12px;
    }

    .details-col .details-tab.share-link-tab {
        padding: 11px 12px;
    }

    .details-nav-list {
        --bs-gutter-x: 6px;
        --bs-gutter-y: 6px;
    }

    /* sp 18-new starts */

    .socialmedia-uls li a {
        width: 30px;
        height: 30px;
        padding: 7px;
    }

    .left-inrpart-inrwrp-two h3 {
        margin-top: 30px;
    }

    .info-catagory-wrp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .info-catagory-wrp ul {
        margin: 15px 0 0 0;
    }

    .right-side-each-cards ul a {
        font-size: 16px;
    }

    /* sp 18-new ends */

    /* sp 18-evening starts */

    .st-thomas-island .island-card-main .island-card:first-child {
        left: 15%;
        top: 7%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(2) {
        top: 36%;
        left: 20%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(3) {
        top: 35%;
        left: 30%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(4) {
        top: 26%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(5) {
        top: 36%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(6) {
        right: 14%;
        top: 46%;
    }

    .st-thomas-island .island-card-main .island-card:nth-child(7) {
        right: 35%;
    }

    .st-johns-island .island-card-main .island-card:first-child {
        top: 22%;
        left: 24%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(2) {
        top: 31%;
        left: 33%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(3) {
        top: 8%;
        left: 41%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(4) {
        top: 35%;
        left: 45%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(5) {
        right: 47%;
        top: 15%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(6) {
        top: 25%;
        right: 28%;
    }

    .st-johns-island .island-card-main .island-card:nth-child(7) {
        right: 11%;
    }

    .st-croix-island .island-card-main .island-card:first-child {
        top: 47%;
        left: 21%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(2) {
        top: 2%;
        left: 26%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(3) {
        top: -8%;
        left: 36%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(4) {
        top: 22%;
        left: 40%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(5) {
        top: 5%;
        right: 51%;
    }

    .st-croix-island .island-card-main .island-card:nth-child(6) {
        right: 27%;
        top: 6%;
    }

    /* sp 18-evening ends */

    /* .paradise-tab-content .island-card-main .island-card:first-child {
        top: 3%;
        left: 16%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(2) {
        left: 20%;
        top: 32%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(3) {
        left: 30%;
        top: 32%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(4) {
        top: 19%;
        left: 49%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(5) {
        top: 30%;
        left: 72%;
    }

    .paradise-tab-content .island-card-main .island-card:nth-child(6) {
        left: 85%;
        top: 40%;
    }

    .paradise-tab-content .island-card-main .island-card:last-child {
        top: 74%;
        left: 62%;
    } */



    /* S.Mv 19-05-26 Css End */

    .insperation-details-sec .sec-head h2 {
        font-size: 26px;
    }

    .details-nav-list>* {
        width: 50%;
    }

    .details-col .details-tab a {
        font-size: 13px;
    }

    .details-col.details-share {
        right: 16px;
    }

    .resort-outer .sec-head h2 {
        font-size: 26px;
    }

    .details-nav-sec {
        padding: 30px 0 10px;
    }

    /* .highlights-img-col:first-child,
    .highlights-img-col:nth-child(2),
    .highlights-img-col:last-child {
        width: 50%;
    } */

    .highlights-main-img {
        border-radius: 5px;
    }

    .highlights-img-row .highlights-img-col:first-child a {
        height: 100%;
    }

    .resort-outer .sec-head {
        margin-bottom: 20px;
    }

    .filter-select-wrap .select2 {
        width: 132px !important;
    }

    /* .filter-select-wrap .select2-selection.select2-selection--multiple {
        height: 37px;
    } */

    .filter-select-wrap .select2 {
        background-position: center right 9px;
        background-size: 12px;
    }

    .footer-sec::after {
        height: 8%;
    }


    /* S.Mv 19-05-26 Css End */


    /* sp 19 starts */

    .bdy-rgt-float-btn {
        z-index: 11;
    }

    .john-nightfile-sec.cmn-gap,
    .john-event-sec.cmn-gap,
    .john-travel-sec.cmn-gap {
        padding-top: 40px;
    }

    .john-beaches-sec .beaches-content,
    .john-local-sec .beaches-content,
    .escape-outer.beaches-outer .beaches-content,
    .getting-around-content-outer,
    .getting-around-img-wpr,
    .accprdion-img-wpr {
        border-radius: 10px;
    }

    /* .stay-btn-wrps .cmn-btn,
    .stay-slider-btn-wrp .cmn-btn,
    .eat-header-btnwrp .cmn-btn {
        width: 100%;
    } */


    .each-stay-cardinr {
        padding: 33% 30px 30px;
    }

    .paradise-tab-content .st-johns-island .island-card-main .island-card:nth-child(7) {
        right: 8%;
    }

    .johns-island-sec .st-johns-island .island-card-main .island-card:nth-child(7) {
        right: 11%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:first-child {
        top: 40%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(2) {
        left: 26%;
        top: 0%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(3) {
        top: -11%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(5) {
        top: 9%;
    }

    .paradise-tab-content .st-croix-island .island-card-main .island-card:nth-child(6) {
        right: 27%;
        top: 6%;
    }

    .croix-explore-sec.john-explore-sec .john-content-wpr {
        padding: 18px;
    }

    .croix-getting-around-sec .getting-around-img-wpr {
        max-height: 200px;
    }

    .croix-nightfill-sec .getting-btn-wpr .cmn-btn {
        min-width: 100px;
        padding: 7px 20px;
    }

    .night-sml-img {
        max-width: 50%;
        bottom: 0px;
        right: 0;
        border-radius: 10px;
        border: 5px solid var(--white)
    }

    .getting-around-img-wpr-in {
        margin-bottom: 10px;
    }

    .croix-book-btn-wrp .cmn-btn {
        min-width: 120px;
        padding: 8px 20px;
    }

    .croix-popular-content-outer {
        padding: 0 20px;
        bottom: 15px;
    }

    .croix-explore-sec.john-explore-sec .john-img-wpr,
    .croix-popular-sec .john-explore-card .john-img-wpr {
        border-radius: 10px;
    }

    .croix-popular-sec .john-explore-card .john-content-wpr {
        padding: 20px;
        border-radius: 10px;
    }

    .croix-shopping-sec .night-sml-img {
        left: 0;
    }

    /* sp 19 ends */
    .main-head.nw-main-head .navbar-brand {
        width: 100px;
    }

    .main-head.nw-main-head .cmn-btn.header-btn {
        padding: 10px 18px;
    }

    .getting-btn-wpr .cmn-btn,
    .adventure-sec .cmn-btn,
    .dwn-btn-wpr .cmn-btn,
    .getting-around-btn .cmn-btn {
        min-width: 140px;
        padding: 8px 20px;
    }

    .local-business-btn-wrp {
        gap: 10px;
    }

    .popular-sec .cruise-content p {
        margin-bottom: 12px;
    }

    .john-eat-sec .booking-slider-arrow,
    .john-reach-slider-sec .booking-slider-arrow {
        gap: 0;
    }

    .croix-shopping-sec.croix-nightfill-sec .getting-btn-wpr {
        left: auto;
        right: 7%;
    }

    .croix-nightfill-sec .getting-btn-wpr {
        left: 7%;
    }

    .nightlife-slider-wraper {
        margin-top: 30px;
    }

    .john-blog-sec .blog-head{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .feature-list li::before{
        top: 4px;
    }

    .amenities-row{
        margin: 0;
    }

    .amenities-row>*:first-child{
        padding-top: 0;
    }
    .amenities-row>*:last-child{
        padding-bottom: 0;
    }

    .paradise-tab-content .card-info p {
    font-size: 14px;
}

.open-nav .bdy-rgt-float-btn{
    z-index: 9;
}

.john-explore-sec .john-content-wpr h2{
    line-height: 1.2;
}

section.choose-sec.cmn-gap {
    padding-top: 50px;
}

.getting-big-col {
        width: 50%;
    }

    .getting-sml-col {
        width: 50%;
    }

}

.croix-shopping-sec .stay-sec{
    position: relative;
    z-index: 10;
}

    /* booking bar */

.hotel-booking-bar{
    position:relative;
    margin-top:-75px;
    z-index:50;
}

.hotel-booking-card{
    display:flex;
    align-items:center;
    gap:30px;
    padding:25px 35px;
    background:#30a4bb;
    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:50px 18px 50px 18px;
    box-shadow:0 20px 50px rgba(0,0,0,.25);
}

.booking-message{
    flex:0 0 25%;
    display:flex;
    align-items:center;
    gap:18px;
    padding-right:25px;
    border-right:1px solid rgba(255,255,255,.25);
}

.booking-icon{
    width:60px;
    height:60px;
    border:2px solid rgba(255,255,255,.35);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:24px;
    flex:0 0 auto;
}

.booking-copy h4{
    color:#fff;
    font-size:30px;
    margin:0 0 10px;
    line-height:1.1;
}

.booking-copy p{
    color:#fff;
    margin:0;
    line-height:1.4;
}

.booking-fields{
    flex:1;
    display:grid;
    grid-template-columns:1fr 1fr 1.1fr 180px;
    gap:18px;
    align-items:end;
}

.booking-field label{
    display:block;
    color:#fff;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:8px;
}

.booking-input-wrap{
    position:relative;
}

.booking-input-wrap i{
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
    color:#168f98;
    pointer-events:none;
    z-index:2;
}

.booking-field input,
.booking-field select{
    width:100%;
    height:55px;
    border:none;
    border-radius:8px;
    background:#fff;
    color:#333;
    padding:0 45px 0 18px;
    font-size:15px;
}

.booking-field input[type="date"]{
    position:relative;
    cursor:pointer;
}

.hotel-booking-card input[type="date"]::-webkit-calendar-picker-indicator{
    width:100%;
    height:100%;
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    cursor:pointer;
}

.booking-search-btn{
    height:55px;
    border:none;
    border-radius:8px;
    background:#ff6200;
    color:#fff;
    font-size:16px;
    font-weight:600;
    text-transform:uppercase;
    cursor:pointer;
    justify-content:center;
}

.booking-search-btn:hover{
    opacity:.9;
}

@media(max-width:1199px){
    .hotel-booking-card{
        gap:22px;
        padding:22px 28px;
    }

    .booking-message{
        flex:0 0 28%;
        gap:14px;
        padding-right:20px;
    }

    .booking-copy h4{
        font-size:25px;
    }

    .booking-copy p{
        font-size:15px;
    }

    .booking-fields{
        grid-template-columns:1fr 1fr 1fr 150px;
        gap:14px;
    }
}

@media(max-width:991px){
    .hotel-booking-bar{
        margin-top:-45px;
    }

    .hotel-booking-card{
        flex-direction:column;
        align-items:stretch;
        padding:24px;
        border-radius:35px 12px 35px 12px;
    }

    .booking-message{
        width:100%;
        flex:0 0 auto;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.25);
        padding-right:0;
        padding-bottom:20px;
    }

    .booking-fields{
        width:100%;
        grid-template-columns:1fr;
        gap:15px;
    }

    .booking-search-btn{
        width:100%;
    }
}

@media(max-width:575px){
    .hotel-booking-bar{
        margin-top:-30px;
    }

    .hotel-booking-card{
        padding:20px;
    }

    .booking-message{
        gap:14px;
    }

    .booking-icon{
        width:50px;
        height:50px;
        font-size:20px;
    }

    .booking-copy h4{
        font-size:24px;
    }

    .booking-copy p{
        font-size:14px;
    }

    .booking-field input,
    .booking-field select,
    .booking-search-btn{
        height:50px;
    }
}

/* Listing makeover: resort gallery + contact block */
.resort-highlights-sec .listing-contact-outer {
    background: #fff;
    border-radius: 20px;
    padding: 40px 35px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.06);
}

.listing-gallery-contact-row {
    --bs-gutter-x: 34px;
    align-items: stretch;
}

.listing-gallery-col.highlights-col:first-child {
    width: 70%;
}

.listing-contact-col.highlights-col:last-child {
    width: 30%;
}

.listing-main-gallery-col.highlights-img-col:first-child {
    width: 63%;
}

.listing-side-gallery-col.highlights-img-col:nth-child(2) {
    width: 37%;
}

.listing-main-img.highlights-main-img {
    padding-top: 65.7%;
}

.listing-side-img.sub-img-box {
    padding-top: 54.4%;
    margin-bottom: 15px;
}

.listing-side-img.sub-img-box:last-child {
    margin-bottom: 0;
}

.listing-thumb-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 14px;
    margin-top: 20px;
}

.listing-thumb {
    position: relative;
    display: block;
    padding-top: 65%;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f5f5;
}

.listing-thumb img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease;
}

.listing-thumb:hover img {
    transform: scale(1.07);
}

.listing-thumb.active {
    border: 2px solid var(--orange-color);
}

.listing-view-all {
    padding-top: 0;
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #0e2742;
    font-weight: 700;
}

.listing-view-all span {
    font-size: 22px;
    line-height: 1;
}

.listing-view-all strong {
    font-size: 16px;
    margin-top: 6px;
}

.listing-contact-card.highlights-content {
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    padding-left: 34px;
    height: 100%;
    justify-content: flex-start;
}

.listing-contact-card h3 {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
    color: #0e2742;
}

.listing-contact-card h3 i {
    color: var(--orange-color);
    font-size: 26px;
}

.listing-address {
    color: var(--body-color);
    margin-bottom: 25px;
}

.listing-contact-list,
.listing-social-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.listing-contact-list {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 21px 0;
}

.listing-contact-list li:not(:last-child) {
    margin-bottom: 16px;
}

.listing-contact-list a {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #00758a;
    font-size: 17px;
    word-break: break-word;
}

.listing-contact-list a i {
    width: 20px;
    text-align: center;
    color: #00758a;
    font-size: 19px;
}

.listing-social-block {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 24px 0;
}

.listing-social-block h4 {
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 700;
    color: #0e2742;
    margin-bottom: 14px;
}

.listing-social-list {
    display: flex;
    align-items: center;
    gap: 18px;
}

.usvi-single-listing .listing-social-list a {
    width: 38px;
    height: 38px;
    border: 1px solid #00758a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #00758a;
    font-size: 18px;
    line-height: 1;
    transition: background-color 0.2s ease, border-color 0.2s ease,
        color 0.2s ease, transform 0.2s ease;
}

.usvi-single-listing .listing-social-list a:hover,
.usvi-single-listing .listing-social-list a:focus-visible {
    color: #fff;
    background: var(--orange-color);
    border-color: var(--orange-color);
    transform: translateY(-2px);
}

.usvi-single-listing .listing-social-list a:focus-visible {
    outline: 3px solid rgba(0, 117, 138, 0.42) !important;
    outline-offset: 3px;
}

.listing-contact-actions {
    padding-top: 28px;
}

.listing-contact-actions .cmn-btn {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 14px;
}

.listing-outline-btn.cmn-btn {
    background: transparent;
    color: var(--orange-color);
    border: 1px solid var(--orange-color);
}

.listing-outline-btn.cmn-btn:hover {
    color: #fff;
    background: var(--orange-color);
}

@media (max-width: 1199px) {
    .listing-gallery-col.highlights-col:first-child,
    .listing-contact-col.highlights-col:last-child {
        width: 100%;
    }

    .listing-contact-card.highlights-content {
        border-left: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.12);
        margin-top: 28px;
        padding-left: 0;
        padding-top: 28px;
    }
}

@media (max-width: 767px) {
    .resort-highlights-sec .listing-contact-outer {
        padding: 26px 18px;
        border-radius: 15px;
    }

    .listing-main-gallery-col.highlights-img-col:first-child,
    .listing-side-gallery-col.highlights-img-col:nth-child(2) {
        width: 100%;
    }

    .listing-thumb-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

    .listing-contact-list a {
        font-size: 15px;
    }
}

/* Listing details: compact amenities + nearby split section */
.listing-info-split-sec {
    padding-top: 70px;
}

.listing-info-card {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 42px 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 46px;
    -webkit-box-shadow: 0 12px 40px rgba(0, 0, 0, 0.04);
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.04);
}

.listing-info-col {
    width: 50%;
}

.listing-amenities-col {
    padding-right: 46px;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.listing-info-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 14px;
    margin-bottom: 28px;
}

.listing-info-head h2 {
    font-size: 24px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #0d6f77;
    margin: 0;
    font-family: var(--body-font);
    font-weight: 700;
}

.listing-info-head-icn {
    width: 28px;
    height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.listing-info-head-icn img,
.listing-amenity-item img,
.listing-nearby-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.listing-amenities-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 34px;
}

.listing-amenity-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    color: #1c2f45;
    font-size: 16px;
    line-height: 1.35;
}

.listing-amenity-item .amenity-icn,
.listing-nearby-item .nearby-icn {
    width: 28px;
    height: 28px;
    margin-right: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.listing-nearby-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 34px;
}

.listing-nearby-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
}

.listing-nearby-item .nearby-info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 12px;
}

.listing-nearby-item .nearby-info h4 {
    margin: 0;
    font-size: 16px;
    line-height: 1.35;
    color: #1c2f45;
    font-weight: 500;
}

.listing-nearby-item .nearby-info span {
    color: #6c6c6c;
    font-size: 15px;
    white-space: nowrap;
}

.listing-info-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 9px;
    margin-top: 28px;
    color: #0d6f77;
    font-weight: 700;
    font-size: 16px;
}

.listing-info-link:hover {
    color: var(--orange-color);
}

@media (max-width: 1199px) {
    .listing-info-card {
        padding: 34px;
        gap: 34px;
    }

    .listing-amenities-col {
        padding-right: 34px;
    }

    .listing-amenities-grid,
    .listing-nearby-grid {
        gap: 20px 24px;
    }
}

@media (max-width: 991px) {
    .listing-info-card {
        display: block;
    }

    .listing-info-col {
        width: 100%;
    }

    .listing-amenities-col {
        padding-right: 0;
        padding-bottom: 34px;
        margin-bottom: 34px;
        border-right: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    }
}

@media (max-width: 575px) {
    .listing-info-split-sec {
        padding-top: 45px;
    }

    .listing-info-card {
        border-radius: 16px;
        padding: 28px 22px;
    }

    .listing-info-head h2 {
        font-size: 20px;
    }

    .listing-amenities-grid,
    .listing-nearby-grid {
        grid-template-columns: 1fr;
    }
}

/* Overview, video, amenities */

.listing-about-sec {
    padding-top: 40px;
}

.listing-about-card {
    background: #fff;
    border: 1px solid #e8edf0;
    border-radius: 14px;
    padding: 34px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.04);
}

.listing-about-copy {
    margin-bottom: 26px;
}

.listing-about-copy h2 {
    color: #00264a;
    margin-bottom: 12px;
}

.listing-about-copy p {
    max-width: 1200px;
    margin-bottom: 0;
}

.listing-about-content {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 34px;
    align-items: stretch;
}

.listing-about-media {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.listing-about-media img {
    width: 100%;
    height: 100%;
    min-height: 230px;
    object-fit: cover;
    display: block;
}

.about-play-btn {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-watch-label {
    position: absolute;
    left: 18px;
    bottom: 18px;
    color: #fff;
    font-weight: 600;
}

.listing-about-details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1px solid #e8edf0;
    border-radius: 10px;
    padding: 28px;
}

.about-detail-col:first-child {
    padding-right: 34px;
    border-right: 1px solid #e1e7ea;
}

.about-detail-col:last-child {
    padding-left: 34px;
}

/* USVI 0.5.2: island-page recovery and responsive layout safeguards. */

/* Island landing page responsive polish. */
.usvi-island-landing .night-file-sld-wpr:not(.slick-initialized) .night-file-sld-itm:not(:first-child),
.usvi-island-landing .visitor-gallery-slider:not(.slick-initialized) .gallery-item:nth-child(n+4) {
    display: none;
}

.usvi-island-landing .getting-around-sec .night-file-sld-outer,
.usvi-island-landing .getting-around-sec .night-file-sld-wpr,
.usvi-island-landing .getting-around-sec .slick-list,
.usvi-island-landing .getting-around-sec .slick-track {
    width: 100%;
}

.usvi-island-landing .getting-around-sec .getting-around-row {
    align-items: center;
}

.usvi-island-landing .visitor-gallery-slider:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.usvi-island-landing .visitor-gallery-slider .gallery-item {
    height: 420px !important;
    overflow: hidden;
}

.usvi-island-landing .visitor-gallery-slider .gallery-item img {
    min-height: 100%;
}

.usvi-island-landing .blog-row .blog-col,
.usvi-island-landing .blog-row .blog-card {
    height: 100%;
}

.usvi-island-landing .blog-row .blog-img {
    aspect-ratio: 16 / 10;
    overflow: hidden;
}

.usvi-island-landing .blog-row .blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 767px) {
    .usvi-island-landing .visitor-gallery-slider:not(.slick-initialized) {
        grid-template-columns: 1fr;
    }

    .usvi-island-landing .visitor-gallery-slider:not(.slick-initialized) .gallery-item:not(:first-child) {
        display: none;
    }

    .usvi-island-landing .visitor-gallery-slider .gallery-item {
        height: 320px !important;
    }

    .usvi-island-landing .getting-around-sec .nightlife-slider-wraper {
        justify-content: center;
        margin-top: 24px;
    }
}
.hotel-booking-bar .hotel-booking-card,
.hotel-booking-card {
    background: var(--usvi-sky-blue);
}

.hotel-booking-bar .booking-search-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* Preserve the desktop booking-bar design through small-desktop widths. */
@media (min-width: 992px) and (max-width: 1199px) {
    .hotel-booking-bar .hotel-booking-card {
        gap: 12px;
        padding: 18px 22px;
    }

    .hotel-booking-bar .booking-message {
        flex: 0 0 clamp(180px, 19vw, 220px);
        gap: 12px;
        padding-right: 14px;
    }

    .hotel-booking-bar .booking-icon {
        width: 50px;
        height: 50px;
        font-size: 21px;
    }

    .hotel-booking-bar .booking-copy h4 {
        margin-bottom: 6px;
        font-size: 23px;
        line-height: 1.05;
    }

    .hotel-booking-bar .booking-copy p {
        font-size: 14px;
        line-height: 1.3;
    }

    .hotel-booking-bar .booking-fields {
        grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(120px, 135px);
        gap: clamp(8px, 1vw, 12px);
    }

    .hotel-booking-bar .booking-field,
    .hotel-booking-bar .booking-search-btn {
        width: 100%;
        min-width: 0;
    }

    .hotel-booking-bar .booking-field input,
    .hotel-booking-bar .booking-field select,
    .hotel-booking-bar .booking-search-btn {
        height: 52px;
        font-size: 14px;
    }

    .hotel-booking-bar .booking-field input,
    .hotel-booking-bar .booking-field select {
        padding-right: 38px;
        padding-left: 14px;
    }

    .hotel-booking-bar .booking-input-wrap i {
        right: 13px;
    }
}

.usvi-booking-close,
.usvi-booking-trigger {
    display: none;
}

.brows-pdf-btn,
.bdy-rgt-float-btn .brows-pdf-btn {
    background-color: var(--usvi-sky-blue);
}

.brows-pdf-btn:hover,
.bdy-rgt-float-btn .brows-pdf-btn:hover {
    background-color: var(--usvi-sky-blue-dark);
}

@media (max-width: 991px) {
    body.usvi-booking-open {
        overflow: hidden;
    }

    .hotel-booking-bar {
        position: fixed !important;
        inset: 0;
        z-index: 6000;
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
        padding: 20px 12px !important;
        background: transparent !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: none !important;
        transition: opacity .22s ease, visibility .22s ease;
    }

    .hotel-booking-bar.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .hotel-booking-bar .usvi-booking-backdrop {
        position: absolute;
        inset: 0;
        z-index: 0;
        display: block;
        width: 100%;
        height: 100%;
        border: 0;
        background: rgba(2, 30, 48, .68);
        cursor: pointer;
    }

    .hotel-booking-bar > .container {
        position: relative;
        z-index: 1;
        width: min(100%, 560px);
        max-width: 560px;
        margin: 0;
        padding: 0;
    }

    .hotel-booking-bar .hotel-booking-card {
        position: relative;
        display: block;
        max-height: calc(100vh - 40px);
        padding: 32px 24px 24px;
        overflow-y: auto;
        border-radius: 24px;
        box-shadow: 0 22px 60px rgba(2, 30, 48, .3);
    }

    .hotel-booking-bar .usvi-booking-close-button {
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, .7);
        border-radius: 50%;
        background: rgba(255, 255, 255, .16);
        color: #fff;
        cursor: pointer;
    }

    .hotel-booking-bar .booking-message {
        margin: 0 0 24px;
        padding: 0 44px 20px 0;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .35);
    }

    .hotel-booking-bar .booking-fields {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .hotel-booking-bar .booking-field,
    .hotel-booking-bar .booking-search-btn {
        width: 100%;
        min-width: 0;
    }

    .bdy-rgt-float-btn {
        z-index: 5500;
    }

    .bdy-rgt-float-btn .usvi-booking-trigger {
        position: fixed;
        top: 34%;
        right: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 22px 13px;
        border-radius: 12px 0 0 12px;
        background: var(--usvi-sky-blue);
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .08em;
        line-height: 1;
        text-transform: uppercase;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        box-shadow: 0 8px 24px rgba(2, 30, 48, .2);
    }

    .bdy-rgt-float-btn .usvi-booking-trigger:hover,
    .bdy-rgt-float-btn .usvi-booking-trigger:focus {
        background: var(--usvi-sky-blue-dark);
        color: #fff;
    }

    .bdy-rgt-float-btn .brows-pdf-btn {
        top: 64%;
        background: var(--usvi-sky-blue);
    }
}

@media (max-width: 575px) {
    .hotel-booking-bar {
        align-items: flex-end;
        padding: 0 !important;
    }

    .hotel-booking-bar > .container {
        width: 100%;
        max-width: none;
    }

    .hotel-booking-bar .hotel-booking-card {
        max-height: 92vh;
        border-radius: 24px 24px 0 0;
    }
}

/* Keep the mobile booking panel above legacy hero placement rules. */
@media (max-width: 991px) {
    .banner-sec > .hotel-booking-bar {
        position: fixed !important;
        inset: 0 !important;
        margin: 0 !important;
        padding: 20px 12px !important;
    }
}

@media (max-width: 575px) {
    .banner-sec > .hotel-booking-bar {
        padding: 0 !important;
    }
}

/* Inspiration archive and article templates (WebKitters editorial design). */
.usvi-inspiration-page {
    overflow: clip;
}

.usvi-inspiration-hero .bnnr-main-innr {
    /* The original full-height hero reserves 290px for its card rail. These
       static editorial heroes have no rail, so that reservation pulls their
       content above the short hero viewport. */
    padding-bottom: 0 !important;
}

/* The booking panel shares the lower edge of these editorial heroes. Keep
   the title group clear of it without changing the shared island-page hero. */
@media (min-width: 992px) {
    .usvi-inspiration-hero .left-banner-part {
        top: -85px;
    }
}

.usvi-inspiration-hero .usvi-hero-content {
    max-width: 920px;
}

.usvi-inspiration-hero .usvi-hero-title {
    font-size: clamp(42px, 5vw, 78px);
    line-height: 0.98;
}

.usvi-inspiration-article-hero .usvi-hero-title {
    font-size: clamp(38px, 4.4vw, 68px);
}

.usvi-inspiration-intro .sec-head {
    max-width: 900px;
    margin-inline: auto;
}

.usvi-inspiration-intro-copy {
    max-width: 780px;
    margin: 0 auto;
}

.usvi-inspiration-intro-copy > :last-child {
    margin-bottom: 0;
}

/* Inspiration’s island gateway keeps the original design's destination-led
 * editorial rhythm without duplicating the standalone Islands experience. */
.usvi-inspiration-island-guide {
    padding: clamp(80px, 9vw, 140px) 0;
    background: linear-gradient(180deg, #f6fcfd 0%, #ddf3f7 100%);
}

.usvi-inspiration-island-guide .sec-head {
    max-width: 850px;
    margin: 0 auto clamp(34px, 4vw, 54px);
}

.usvi-inspiration-island-guide .sec-head p {
    max-width: 680px;
    margin: 20px auto 0;
}

.usvi-inspiration-kicker {
    display: block;
    color: #108ba2;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.usvi-inspiration-island-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.usvi-inspiration-island-card {
    position: relative;
    display: block;
    min-height: 460px;
    overflow: hidden;
    border-radius: 26px;
    color: #fff;
    isolation: isolate;
}

.usvi-inspiration-island-card img,
.usvi-inspiration-island-card-overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.usvi-inspiration-island-card img {
    object-fit: cover;
    transition: transform 0.45s ease;
}

.usvi-inspiration-island-card-overlay {
    background: linear-gradient(180deg, rgba(3, 32, 43, 0.08) 22%, rgba(3, 25, 33, 0.9) 100%);
}

.usvi-inspiration-island-card-content {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 34px;
}

.usvi-inspiration-island-card .usvi-inspiration-kicker {
    color: rgba(255, 255, 255, 0.78);
    margin-bottom: 12px;
}

.usvi-inspiration-island-card strong {
    display: block;
    margin-bottom: 13px;
    color: #fff;
    font-family: var(--header-font);
    font-size: clamp(38px, 3vw, 52px);
    font-weight: 300;
    line-height: 0.95;
}

.usvi-inspiration-island-card-content > span:not(.usvi-inspiration-kicker):not(.usvi-inspiration-island-card-link) {
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    line-height: 1.5;
}

.usvi-inspiration-island-card-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 26px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.usvi-inspiration-island-card-link b {
    color: var(--orange-color);
    font-size: 20px;
    line-height: 1;
}

.usvi-inspiration-island-card:hover,
.usvi-inspiration-island-card:focus-visible {
    color: #fff;
}

.usvi-inspiration-island-card:hover img,
.usvi-inspiration-island-card:focus-visible img {
    transform: scale(1.05);
}

.usvi-inspiration-card {
    min-height: 100%;
    background: #183e4d;
}

.usvi-inspiration-card .blog-img {
    height: auto;
    padding-top: 0;
    aspect-ratio: 4 / 5;
}

.usvi-inspiration-card.is-featured .blog-img {
    aspect-ratio: 16 / 9;
}

.usvi-inspiration-card .blog-content {
    min-height: 52%;
    background: linear-gradient(0deg, rgba(6, 24, 31, 0.96) 0%, rgba(6, 24, 31, 0.68) 58%, rgba(6, 24, 31, 0) 100%);
}

.usvi-inspiration-card .blog-info {
    min-width: 0;
}

.usvi-inspiration-card .blog-info a,
.usvi-inspiration-card .blog-info a:hover,
.usvi-inspiration-card .blog-info a:focus {
    color: #fff;
}

.usvi-inspiration-topic {
    display: inline-block;
    margin-bottom: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.usvi-inspiration-card-excerpt {
    display: -webkit-box;
    margin: 13px 0 0;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.usvi-feature-single {
    max-width: 900px;
    margin-inline: auto;
}

.usvi-feature-single .each-features {
    padding: 5px;
}

.usvi-inspiration-archive .all-insperation-sec {
    padding-top: 90px;
}

.usvi-inspiration-archive .all-insperation-inr {
    gap: 25px;
}

.usvi-inspiration-archive .insperation-select {
    gap: 14px;
    margin-left: auto;
}

.usvi-inspiration-archive .insperation-select label {
    margin: 0;
    flex: 0 0 auto;
}

.usvi-inspiration-archive .insperation-select select {
    margin-left: 0;
}

.usvi-topic-submit {
    min-width: 110px;
    padding-inline: 20px;
}

.usvi-inspiration-pagination {
    margin-top: 50px;
}

.usvi-inspiration-pagination .page-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.usvi-inspiration-pagination a,
.usvi-inspiration-pagination span {
    display: grid;
    min-width: 46px;
    min-height: 46px;
    padding: 9px 14px;
    place-items: center;
    border: 1px solid var(--orange-color);
    border-radius: 8px;
}

.usvi-inspiration-pagination .current,
.usvi-inspiration-pagination a:hover {
    color: #fff;
    background: var(--orange-color);
}

.usvi-inspiration-empty {
    max-width: 700px;
    margin: 0 auto;
    padding: 60px 30px;
    border-radius: 20px;
    text-align: center;
    background: #eefbfe;
}

.usvi-article-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 50px;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.usvi-article-heading .callender-head-wrp {
    margin: 0;
}

.usvi-article-heading .callender-head-wrp time {
    line-height: 1;
}

.usvi-article-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.usvi-article-categories a {
    padding: 7px 13px;
    border: 1px solid rgba(252, 98, 10, 0.45);
    border-radius: 999px;
    color: var(--orange-color);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.usvi-article-heading .share-post-wrps {
    margin-left: auto;
}

.usvi-article-heading .share-post-wrps h2 {
    margin: 0;
}

.usvi-article-content {
    color: #353535;
    font-size: 18px;
    line-height: 1.8;
}

.usvi-article-content > :first-child {
    margin-top: 0;
}

.usvi-article-content h2,
.usvi-article-content h3,
.usvi-article-content h4 {
    margin: 1.55em 0 0.6em;
    color: #232323;
    line-height: 1.2;
}

.usvi-article-content p,
.usvi-article-content ul,
.usvi-article-content ol,
.usvi-article-content blockquote {
    margin-bottom: 1.4em;
}

.usvi-article-content ul,
.usvi-article-content ol {
    padding-left: 1.4em;
}

.usvi-article-content img,
.usvi-article-content figure,
.usvi-article-content .wp-block-image img {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
}

.usvi-article-content a {
    color: var(--orange-color);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.usvi-article-content blockquote {
    padding: 25px 30px;
    border-left: 4px solid var(--orange-color);
    border-radius: 0 14px 14px 0;
    background: #eefbfe;
}

.usvi-post-navigation {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    padding-top: 35px;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.usvi-post-navigation > div:last-child {
    text-align: right;
}

.usvi-post-navigation a {
    color: #232323;
    font-family: var(--header-font);
    font-size: 20px;
}

.usvi-post-navigation span {
    display: block;
    margin-bottom: 4px;
    color: var(--orange-color);
    font-family: var(--body-font);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.usvi-inspiration-article .rightside-details {
    position: sticky;
    top: 120px;
}

.usvi-inspiration-article .right-side-each-cards h2 {
    margin-bottom: 22px;
}

.usvi-inspiration-article .highlights-list a {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.usvi-sidebar-story {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    color: #232323;
    font-family: var(--header-font);
    line-height: 1.25;
}

.usvi-sidebar-story + .usvi-sidebar-story {
    margin-top: 18px;
}

.usvi-sidebar-story img {
    width: 90px;
    height: 74px;
    border-radius: 10px;
    object-fit: cover;
}

.usvi-related-inspiration {
    position: relative;
}

.usvi-related-inspiration .container {
    position: relative;
    z-index: 2;
}

.usvi-inspiration-newsletter .newsletter-inr {
    min-height: 170px;
}

@media (max-width: 1199px) {
    .usvi-inspiration-card .blog-content {
        padding: 24px;
    }

    .usvi-inspiration-card-excerpt {
        display: none;
    }

    .usvi-inspiration-archive .insperation-select {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 991px) {
    .usvi-inspiration-hero .banner-inr {
        padding-top: 115px !important;
    }

    .usvi-inspiration-hero .usvi-hero-title,
    .usvi-inspiration-article-hero .usvi-hero-title {
        font-size: clamp(36px, 7vw, 56px) !important;
    }

    .usvi-inspiration-archive .all-insperation-sec {
        padding-top: 70px;
    }

    .usvi-inspiration-island-grid {
        grid-template-columns: 1fr;
        max-width: 620px;
        margin-inline: auto;
    }

    .usvi-inspiration-island-card {
        min-height: 390px;
    }

    .usvi-article-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .usvi-article-heading .share-post-wrps {
        margin-left: 0;
    }

    .usvi-inspiration-article .rightside-details {
        position: static;
    }
}

@media (max-width: 767px) {
    .usvi-inspiration-card .blog-img,
    .usvi-inspiration-card.is-featured .blog-img {
        aspect-ratio: 4 / 3;
    }

    .usvi-inspiration-archive .insperation-select {
        align-items: stretch;
        flex-direction: column;
    }

    .usvi-inspiration-archive .insperation-select select,
    .usvi-topic-submit {
        width: 100%;
        min-width: 0;
    }

    .usvi-inspiration-archive .all-insperation-inr {
        padding-bottom: 30px;
        margin-bottom: 35px;
    }

    .usvi-article-content {
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    .usvi-inspiration-hero .banner-inr {
        padding-top: 90px !important;
    }

    .usvi-inspiration-hero .usvi-hero-title,
    .usvi-inspiration-article-hero .usvi-hero-title {
        font-size: clamp(31px, 9vw, 42px) !important;
    }

    .usvi-inspiration-card .blog-img,
    .usvi-inspiration-card.is-featured .blog-img {
        aspect-ratio: 1 / 1;
    }

    .usvi-inspiration-card .blog-content {
        min-height: 64%;
        padding: 18px 15px;
    }

    .usvi-inspiration-island-guide {
        padding: 68px 0;
    }

    .usvi-inspiration-island-card {
        min-height: 350px;
        border-radius: 20px;
    }

    .usvi-inspiration-island-card-content {
        padding: 26px;
    }

    .usvi-inspiration-card .blog-date {
        font-size: 12px;
        letter-spacing: 0.1em;
    }

    .usvi-inspiration-card .blog-info .h4-title {
        font-size: 20px;
    }

    .usvi-article-heading {
        margin-bottom: 35px;
    }

    .usvi-post-navigation {
        grid-template-columns: 1fr;
    }

    .usvi-post-navigation > div:last-child {
        text-align: left;
    }
}

/* Central Cruise Information page (WebKitters generic-page adaptation). */
.usvi-cruise-page {
    overflow: hidden;
    color: #202020;
}

.usvi-cruise-page figure,
.usvi-cruise-page p {
    margin-bottom: 0;
}

.usvi-cruise-page h2,
.usvi-cruise-page h3 {
    color: #242424;
}

.usvi-cruise-page h2 {
    font-size: clamp(38px, 4vw, 64px);
    line-height: 1.02;
}

.usvi-cruise-page h3 {
    font-size: clamp(31px, 3vw, 48px);
    line-height: 1.08;
}

.usvi-cruise-kicker {
    color: var(--orange-color);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .16em;
    line-height: 1.4;
    text-transform: uppercase;
}

.usvi-cruise-rule {
    display: block;
    width: 84px;
    height: 2px;
    margin: 24px 0 28px;
    background: var(--orange-color);
}

.usvi-cruise-rich-text {
    color: #4d4d4d;
    font-size: 17px;
    line-height: 1.75;
}

.usvi-cruise-rich-text > * + * {
    margin-top: 18px;
}

.usvi-cruise-overview {
    padding: 110px 0 105px;
    background: #fff;
}

.usvi-cruise-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .85fr);
    gap: clamp(55px, 7vw, 105px);
    align-items: center;
}

.usvi-cruise-overview-copy h2 {
    max-width: 690px;
    margin: 14px 0 0;
}

.usvi-cruise-guidance {
    margin-top: 28px !important;
    padding: 18px 20px 18px 56px;
    border: 1px solid #d8eaec;
    border-radius: 12px;
    background: #f3fbfc;
    color: #263e42;
    font-size: 15px;
    line-height: 1.55;
    position: relative;
}

.usvi-cruise-guidance::before {
    content: "\f13a";
    position: absolute;
    top: 20px;
    left: 21px;
    color: var(--orange-color);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.usvi-cruise-overview-image {
    position: relative;
    min-height: 470px;
}

.usvi-cruise-overview-image::before {
    content: "";
    position: absolute;
    inset: 24px -24px -24px 24px;
    border-radius: 24px;
    background: #c9f1f5;
}

.usvi-cruise-overview-image img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 470px;
    border-radius: 24px;
    object-fit: cover;
}

.usvi-cruise-islands {
    position: relative;
    padding: 110px 0 120px;
    background: linear-gradient(180deg, #ecfbfd 0%, #fff 100%);
}

.usvi-cruise-islands::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .2;
    background-image: url(assets/images/discover-bg.svg);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: 100% auto;
    pointer-events: none;
}

.usvi-cruise-islands > .container {
    position: relative;
}

.usvi-cruise-section-head {
    max-width: 850px;
    margin: 0 auto 60px;
    text-align: center;
}

.usvi-cruise-section-head h2 {
    margin: 14px 0 20px;
}

.usvi-cruise-section-head > p:last-child {
    color: #545454;
    font-size: 17px;
    line-height: 1.7;
}

.usvi-cruise-island-list {
    display: grid;
    gap: 54px;
}

.usvi-cruise-island {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
    max-width: 1240px;
    min-height: 470px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 20px 55px rgba(10, 71, 81, .12);
}

.usvi-cruise-island.is-reversed .usvi-cruise-island-image {
    order: 2;
}

.usvi-cruise-island-image,
.usvi-cruise-island-image img {
    min-height: 470px;
}

.usvi-cruise-island-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.usvi-cruise-island-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: clamp(42px, 5vw, 72px);
}

.usvi-cruise-island-copy h3 {
    margin: 12px 0 22px;
}

.usvi-cruise-island-copy .cmn-btn {
    margin-top: 28px;
}

.usvi-cruise-resource-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid #d8e9eb;
}

.usvi-cruise-resource-links a,
.usvi-cruise-text-link {
    color: #126777;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .04em;
    text-decoration: underline;
    text-decoration-color: rgba(18, 103, 119, .35);
    text-underline-offset: 4px;
}

.usvi-cruise-resource-links a:hover,
.usvi-cruise-resource-links a:focus-visible,
.usvi-cruise-text-link:hover,
.usvi-cruise-text-link:focus-visible {
    color: var(--orange-color);
}

.usvi-cruise-details {
    padding: 110px 0 45px;
}

.usvi-cruise-detail {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .8fr);
    gap: clamp(50px, 7vw, 100px);
    align-items: center;
    padding-bottom: 95px;
}

.usvi-cruise-detail.image-left .usvi-cruise-detail-image {
    order: -1;
}

.usvi-cruise-detail-copy h2 {
    margin: 12px 0 26px;
}

.usvi-cruise-detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
    margin-top: 30px;
}

.usvi-cruise-detail-image img {
    width: 100%;
    height: 420px;
    border-radius: 22px;
    object-fit: cover;
}

.usvi-cruise-schedule {
    padding: 20px 0 100px;
}

.usvi-cruise-schedule-card {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
    padding: clamp(34px, 5vw, 62px);
    border-radius: 24px;
    background: #063d49;
}

.usvi-cruise-schedule-card h2,
.usvi-cruise-schedule-card .usvi-cruise-rich-text {
    color: #fff;
}

.usvi-cruise-schedule-card h2 {
    margin: 10px 0 18px;
}

.usvi-cruise-schedule-card .cmn-btn {
    flex: 0 0 auto;
}

.usvi-cruise-faq {
    background: #fff;
}

.usvi-cruise-faq .sec-head {
    max-width: 850px;
    margin-right: auto;
    margin-left: auto;
}

/*
 * The Cruise hero also contains the overlaid booking bar. Its 54vh template
 * height can become shorter than the fixed desktop header + hero copy +
 * booking-bar reservation on compact displays, pulling the breadcrumb and
 * eyebrow into the navigation. Keep the fluid height on taller screens while
 * providing only the minimum canvas required by this static hero.
 */
@media (min-width: 1200px) {
    .usvi-cruise-hero {
        min-height: 650px;
    }

    .usvi-cruise-hero .usvi-hero-content,
    .usvi-cruise-hero .bnnr-main-itm.swiper-slide-active .usvi-hero-content {
        transform: translate(20px, 90px);
    }
}

/* Preserve room for the visible booking bar at the compact tablet breakpoint. */
@media (min-width: 992px) and (max-width: 1199px) {
    .usvi-cruise-hero .bnnr-main-innr {
        padding-bottom: 150px;
    }
}

@media (max-width: 1199px) {
    .usvi-cruise-overview {
        padding: 90px 0;
    }
    .usvi-cruise-islands {
        padding: 90px 0 100px;
    }
    .usvi-cruise-island-copy {
        padding: 44px;
    }
}

@media (max-width: 991px) {
    .usvi-cruise-overview-grid,
    .usvi-cruise-island,
    .usvi-cruise-detail {
        grid-template-columns: 1fr;
    }
    .usvi-cruise-overview-grid,
    .usvi-cruise-detail {
        gap: 48px;
    }
    .usvi-cruise-overview-image,
    .usvi-cruise-overview-image img {
        min-height: 390px;
        height: 390px;
    }
    .usvi-cruise-island.is-reversed .usvi-cruise-island-image,
    .usvi-cruise-detail.image-left .usvi-cruise-detail-image {
        order: 0;
    }
    .usvi-cruise-island-image,
    .usvi-cruise-island-image img {
        min-height: 390px;
        height: 390px;
    }
    .usvi-cruise-detail-image img {
        height: 390px;
    }
    .usvi-cruise-schedule-card {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .usvi-cruise-page h2 {
        font-size: clamp(34px, 10vw, 46px);
    }
    .usvi-cruise-page h3 {
        font-size: clamp(29px, 8vw, 39px);
    }
    .usvi-cruise-overview,
    .usvi-cruise-islands {
        padding: 72px 0;
    }
    .usvi-cruise-section-head {
        margin-bottom: 42px;
    }
    .usvi-cruise-island-list {
        gap: 34px;
    }
    .usvi-cruise-island,
    .usvi-cruise-overview-image,
    .usvi-cruise-overview-image img,
    .usvi-cruise-island-image,
    .usvi-cruise-island-image img {
        min-height: 300px;
    }
    .usvi-cruise-overview-image,
    .usvi-cruise-overview-image img,
    .usvi-cruise-island-image,
    .usvi-cruise-island-image img {
        height: 300px;
    }
    .usvi-cruise-overview-image::before {
        inset: 14px -10px -14px 10px;
        border-radius: 18px;
    }
    .usvi-cruise-overview-image img,
    .usvi-cruise-island,
    .usvi-cruise-detail-image img,
    .usvi-cruise-schedule-card {
        border-radius: 18px;
    }
    .usvi-cruise-island-copy {
        padding: 34px 26px 38px;
    }
    .usvi-cruise-details {
        padding: 72px 0 20px;
    }
    .usvi-cruise-detail {
        padding-bottom: 64px;
    }
    .usvi-cruise-detail-image img {
        height: 300px;
    }
    .usvi-cruise-schedule {
        padding-bottom: 72px;
    }
    .usvi-cruise-faq .accordion-wpr {
        column-count: 1;
    }
    .usvi-cruise-faq .accordion-wpr::after,
    .usvi-cruise-faq .accorsin-outer::before {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .usvi-cruise-rich-text,
    .usvi-cruise-section-head > p:last-child {
        font-size: 16px;
    }
    .usvi-cruise-resource-links {
        gap: 12px 16px;
    }
}

/* Category heroes keep their shorter 65vh treatment, but the original
 * desktop card rail needs a stable vertical canvas on short viewports. */
.usvi-category-content--no-hero {
    padding-top: 140px;
}

@media (min-width: 1200px) {
    .usvi-category-hero {
        --usvi-hero-height: max(650px, 65vh) !important;
    }

    .usvi-category-hero .banner-slider-outer {
        -webkit-transform: translateY(-50%) !important;
            -ms-transform: translateY(-50%) !important;
                transform: translateY(-50%) !important;
    }

    .usvi-category-hero .banner-slider-card {
        min-height: 330px !important;
    }
}

@media (max-width: 1199px) {
    .usvi-category-content--no-hero {
        padding-top: 91px;
    }
}

/* Homepage Why Visit: balanced rhythm and uncropped ACF imagery. */
section.usvi-home-why.cmn-gap {
    padding: 80px 0;
}

.usvi-home-why .contact-row {
    align-items: center;
}

.usvi-home-why .choose-img-wrp,
.usvi-home-why .choose-img-wrp img {
    height: auto;
}

@media (max-width: 1399px) {
    section.usvi-home-why.cmn-gap {
        padding: 70px 0;
    }
}

@media (max-width: 1199px) {
    section.usvi-home-why.cmn-gap {
        padding: 60px 0;
    }
}

@media (max-width: 767px) {
    section.usvi-home-why.cmn-gap {
        padding: 50px 0;
    }
}

@media (max-width: 479px) {
    section.usvi-home-why.cmn-gap {
        padding: 40px 0;
    }
}

/* Island page vertical rhythm: avoid applying the shared section gap twice. */
.usvi-island-landing .stay-rich-sec.stay-rich-sec-new.cmn-gap > .stay-sec.cmn-gap,
.usvi-island-landing .getting-around-sec.cmn-gap > .sml-container > .getting-around-row.cmn-gap {
    padding-top: 0;
    padding-bottom: 0;
}

.usvi-island-landing .getting-around-sec.cmn-gap > .sml-container > .getting-around-row.cmn-gap {
    margin-top: 0;
}

/* Keep ACF supporting-list labels emphasized without inheriting the global 700 weight. */
.usvi-island-landing .island-supporting-items strong {
    font-weight: 600;
}

/* The section already supplies the responsive outer gap; do not stack it inside the panel. */
.usvi-island-landing .newsletter-sec.cmn-gap > .sml-container > .newsletter-inr-wpr.cmn-gap {
    padding-top: 0;
}

/* The shared preview rail is hidden below 1200px, so its controls must be hidden too. */
@media (max-width: 1199px) {
    .usvi-hero .banner-slider-arrow-wrp {
        display: none;
    }
}

/* Keep the mobile PDF tab above, rather than on top of, the Book Direct trigger. */
@media (max-width: 991px) {
    .bdy-rgt-float-btn .brows-pdf-btn {
        transform: translateY(calc(-75% - 16px));
    }
}

/* Shared picture-on-picture listing cards: title on image, inset below, action beside it. */
.usvi-island-landing .sponsor-image-slider .night-file-sld-itm {
    --usvi-promo-footer-space: clamp(7.5rem, 10vw, 9.5rem);
    --usvi-promo-action-width: 33%;
    --usvi-promo-action-gap: clamp(1rem, 2vw, 1.5rem);
    position: relative;
    padding-bottom: var(--usvi-promo-footer-space);
}

.usvi-island-landing .sponsor-image-slider .getting-around-img-outer,
.usvi-island-landing .sponsor-image-slider .getting-around-img-wpr-in {
    display: block;
    height: auto;
    margin-bottom: 0;
}

.usvi-island-landing .sponsor-image-slider .listing-card-title {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    max-width: 84%;
    padding: clamp(1rem, 2vw, 1.75rem);
    color: var(--white);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0.5) 72%, rgba(0, 0, 0, 0) 100%);
    font-family: var(--header-font);
    font-size: clamp(20px, 2.1vw, 32px);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: 0;
    text-transform: uppercase;
}

.usvi-island-landing .sponsor-image-slider .night-sml-img {
    bottom: clamp(-6rem, -7vw, -3.5rem);
    right: auto;
    left: calc(var(--usvi-promo-action-width) + var(--usvi-promo-action-gap));
    z-index: 2;
}

.usvi-island-landing .croix-shopping-sec .sponsor-image-slider .night-sml-img {
    right: auto;
    left: auto;
    right: calc(var(--usvi-promo-action-width) + var(--usvi-promo-action-gap));
}

.usvi-island-landing .sponsor-image-slider .night-file-sld-itm > .getting-btn-wpr {
    position: absolute;
    right: auto;
    bottom: calc(var(--usvi-promo-footer-space) - 5rem);
    left: 0;
    display: flex;
    width: var(--usvi-promo-action-width);
    min-height: 0;
    margin: 0;
    transform: none;
}

.usvi-island-landing .sponsor-image-slider .night-file-sld-itm > .getting-btn-wpr .cmn-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 16px 14px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
}

.usvi-island-landing .sponsor-image-slider .night-file-sld-itm > .getting-btn-wpr .cmn-btn span {
    margin-left: 10px;
    font-size: 1.25em;
    line-height: 1;
}

/* Existing shopping sections mirror the smaller image to the left and the action to the right. */
.usvi-island-landing .croix-nightfill-sec.croix-shopping-sec .getting-btn-wpr {
    right: 0;
    left: auto;
    justify-content: flex-end;
}

.usvi-island-landing .croix-nightfill-sec:not(.croix-shopping-sec) .getting-btn-wpr {
    right: auto;
    left: 0;
}

@media (max-width: 575px) {
    .usvi-island-landing .sponsor-image-slider .night-file-sld-itm {
        --usvi-promo-footer-space: 6.5rem;
        --usvi-promo-action-gap: 1rem;
    }

    .usvi-island-landing .sponsor-image-slider .listing-card-title {
        max-width: 88%;
        padding: 14px 16px;
        font-size: clamp(18px, 4.8vw, 21px);
    }

    .usvi-island-landing .sponsor-image-slider .night-sml-img {
        bottom: -42px;
    }

    .usvi-island-landing .croix-shopping-sec .sponsor-image-slider .night-sml-img {
        left: auto;
    }

    .usvi-island-landing .sponsor-image-slider .night-file-sld-itm > .getting-btn-wpr {
        bottom: calc(var(--usvi-promo-footer-space) - 4rem);
    }

    .usvi-island-landing .sponsor-image-slider .night-file-sld-itm > .getting-btn-wpr .cmn-btn {
        padding: 13px 8px;
        font-size: 13px;
    }

    .usvi-island-landing .sponsor-image-slider .night-file-sld-itm > .getting-btn-wpr .cmn-btn span {
        margin-left: 6px;
    }
}

/* Island feature blocks: maintain the same rounded-image language and clear content rhythm. */
.usvi-island-landing .cruise-sec .cruise-bg-img {
    display: block;
    border-radius: clamp(12px, 2vw, 20px) clamp(12px, 2vw, 20px) clamp(40px, 7vw, 100px) clamp(12px, 2vw, 20px);
}

.usvi-island-landing .cruise-sec .cruise-content {
    margin-top: clamp(24px, 3vw, 40px);
}

.usvi-island-landing .cruise-sec .cruise-content p {
    margin-bottom: 0;
}

/* The coral feature uses a light aqua background; use the site navy for
 * consistently readable editorial copy on every island landing page. */
.usvi-island-landing .cruise-sec .cruise-content,
.usvi-island-landing .cruise-sec .cruise-content h2,
.usvi-island-landing .cruise-sec .cruise-content p {
    color: #00264a;
}

.usvi-island-landing .cruise-sec .cruise-content p {
    line-height: 1.6;
}

.usvi-island-landing .cruise-sec .cruise-content .cmn-btn {
    display: inline-flex;
    margin-top: 24px;
}

/* The shared image CTA carries a dark lower gradient, so keep its heading readable. */
.usvi-island-landing .beaches-sec.escapes-sec .beaches-content h2 {
    color: var(--white);
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.65);
}

/* Match the Beaches transition by reserving room below the floating Nightlife card. */
.usvi-island-landing .escape-outer.beaches-outer {
    padding-bottom: 90px;
}

/* Continue the Spa & Wellness blue behind the reserved space below each floating Nightlife card. */
.usvi-island-landing .escape-outer.beaches-outer {
    background-color: rgba(48, 164, 187, 0.3);
}

/* Sitewide VISIT USVI guide library. */
.usvi-guides-trigger {
    position: fixed;
    z-index: 5500;
    top: 50%;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 190px;
    padding: 24px 14px;
    border: 0;
    border-radius: 12px 0 0 12px;
    background: var(--orange-color);
    color: var(--white);
    box-shadow: 0 10px 36px rgba(0, 0, 0, .22);
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .12em;
    line-height: 1;
    writing-mode: vertical-rl;
    transform: translateY(-50%);
    transition: background-color .2s ease, padding .2s ease;
}

.usvi-guides-trigger:hover,
.usvi-guides-trigger:focus-visible {
    padding-right: 20px;
    background: #d94d00;
    color: var(--white);
    outline: 0;
}

.usvi-guides-shell {
    position: fixed;
    z-index: 6200;
    inset: 0;
    visibility: hidden;
    pointer-events: none;
}

.usvi-guides-shell.is-open {
    visibility: visible;
    pointer-events: auto;
}

.usvi-guides-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(3, 25, 37, .55);
    opacity: 0;
    transition: opacity .25s ease;
}

.usvi-guides-shell.is-open .usvi-guides-backdrop {
    opacity: 1;
}

.usvi-guides-panel {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    width: min(560px, 100%);
    height: 100%;
    padding: clamp(28px, 4vw, 54px);
    overflow-y: auto;
    background: #fff;
    box-shadow: -18px 0 54px rgba(0, 0, 0, .22);
    opacity: 0;
    transform: translateX(100%);
    transition: transform .3s ease, opacity .3s ease;
}

.usvi-guides-shell.is-open .usvi-guides-panel {
    opacity: 1;
    transform: translateX(0);
}

.usvi-guides-panel-head {
    position: relative;
    display: flex;
    gap: 24px;
    padding-right: 42px;
    margin-bottom: 28px;
}

.usvi-guides-eyebrow,
.usvi-guide-card-copy small {
    display: block;
    color: var(--orange-color);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .14em;
}

.usvi-guides-panel h2 {
    margin: 6px 0 10px;
    font-size: clamp(34px, 4vw, 48px);
    line-height: 1.05;
}

.usvi-guides-panel p {
    max-width: 390px;
    margin: 0;
}

.usvi-guides-close {
    position: absolute;
    top: -8px;
    right: 0;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    background: #f3f4f2;
    color: #142e3d;
    cursor: pointer;
    font-size: 30px;
    line-height: 1;
}

.usvi-guides-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.usvi-guide-card {
    position: relative;
    display: block;
    min-height: 0;
    aspect-ratio: 640 / 778;
    overflow: hidden;
    border-radius: 16px;
    background: #183c4d;
    color: #fff;
    isolation: isolate;
}

.usvi-guide-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.usvi-guide-card img {
    object-fit: cover;
    transition: transform .3s ease;
}

.usvi-guide-card:hover,
.usvi-guide-card:focus-visible {
    color: #fff;
}

.usvi-guide-card:hover img,
.usvi-guide-card:focus-visible img {
    transform: scale(1.05);
}

body.usvi-guides-open {
    overflow: hidden;
}

@media (max-width: 767px) {
    .usvi-guides-trigger {
        top: auto;
        right: 16px;
        bottom: 16px;
        min-height: auto;
        padding: 14px 18px;
        border-radius: 999px;
        font-size: 12px;
        writing-mode: horizontal-tb;
        transform: none;
    }

    .usvi-guides-trigger:hover,
    .usvi-guides-trigger:focus-visible {
        padding-right: 18px;
    }

    .usvi-guides-panel {
        width: 100%;
        padding: 28px 20px;
    }

    .admin-bar .usvi-guides-panel {
        padding-top: 68px;
    }

    .usvi-guides-grid {
        grid-template-columns: 1fr;
    }

    .usvi-guide-card {
        aspect-ratio: 640 / 778;
    }
}

/* Give the St. Thomas Travel Information call-to-action breathing room above the following image. */
.usvi-island-landing-st-thomas .travel-information {
    padding-bottom: 40px !important;
}

/* Things To Do gateway: let the transparent topic artwork carry the same visual weight as the Islands page maps. */
.usvi-topic-island-gateway .usvi-island-feature-map {
    overflow: visible;
}

.usvi-topic-island-gateway .usvi-islands-showcase {
    background: #dff5fa;
}

.usvi-topic-island-gateway .usvi-islands-showcase-pattern {
    opacity: 0.68;
    background: url('assets/images/usvi-map-bg.webp') center top / 100% auto repeat-y;
}

.usvi-topic-gateway-faq {
    padding: 100px 0 150px !important;
    background: #fff;
}

.usvi-topic-gateway-faq .sec-head {
    margin-bottom: 42px;
}

.usvi-topic-gateway-faq .accordion-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Long FAQ collections remain compact until a visitor chooses to reveal them. */
.usvi-faq-extra[hidden] {
    display: none !important;
}

.usvi-faq-toggle-wrap {
    display: flex;
    justify-content: center;
    margin-top: 28px;
}

.usvi-faq-toggle {
    min-width: 220px;
}

/* Card excerpts are editorial copy, not a checklist. */
.resort-card .feature-list li {
    padding-left: 0;
}

.resort-card .feature-list li::before {
    display: none;
}

/* Keep long directory headings readable at desktop widths without forcing mobile overflow. */
.resort-discover-all .discover-header {
    max-width: 1400px;
}

/* Keep the non-home hero's initial semantic H1 and its later slide title
 * containers geometrically identical. The original slide engine anchors its
 * copy from the bottom, so the H1's default margin previously made only the
 * first slide sit 25px higher. Shift the entire shared content group down
 * without interfering with the existing horizontal entrance transition. */
.usvi-hero[data-usvi-hero-engine="original"]:not(.usvi-home-hero) .usvi-hero-title {
    margin: 0 0 25px;
}

.usvi-hero[data-usvi-hero-engine="original"]:not(.usvi-home-hero) .left-banner-part {
    position: relative;
    top: 45px;
}


@media (max-width: 575.98px) {
    .usvi-topic-gateway-faq {
        padding: 72px 0 96px !important;
    }
}

@media (min-width: 992px) {
    .usvi-topic-island-gateway .usvi-island-feature-map img {
        transform: scale(1.14);
    }

    .usvi-topic-island-gateway .usvi-island-feature-st-croix .usvi-island-feature-map img {
        transform: scale(1.07);
    }
}

/* Match the default editorial-page hero canvas to the islands hub treatment. */
@media (min-width: 1200px) {
    .usvi-default-page-hero {
        min-height: 600px;
    }
}

@media (min-width: 992px) {
    .usvi-default-page-hero .bnnr-main-innr {
        padding-bottom: 210px;
    }
}

@media (max-width: 991.98px) {
    .usvi-default-page-hero {
        --usvi-hero-height: 54vh !important;
    }
}

/* Align the homepage resort carousel calls to the visible image edge on desktop. */
/* Align the homepage resort carousel calls to the visible image edge on desktop. */
@media (min-width: 768px) {
    .bookig-sec > .container .booking-header-btnwrp {
        margin-right: 40px;
    }

    .bookig-sec .booking-bottom-wrp {
        box-sizing: border-box;
        width: 100%;
        padding-right: 0;
    }
}

@media (max-width: 1399px) {
    .usvi-island-landing .escape-outer.beaches-outer {
        padding-bottom: 100px;
    }
}

@media (max-width: 1199px) {
    .usvi-island-landing .escape-outer.beaches-outer {
        padding-bottom: 110px;
    }
}

@media (max-width: 991px) {
    .usvi-island-landing .escape-outer.beaches-outer {
        padding-bottom: 120px;
    }
}

@media (max-width: 767px) {
    .usvi-island-landing .escape-outer.beaches-outer {
        padding-bottom: 50px;
    }
}

/* Keep shared hero navigation aligned beneath the first visible preview card. */
.usvi-hero .banner-slider-arrow-wrp {
    left: calc(41.6667% + 10px);
    right: auto;
}

.listing-about-details-single {
    grid-template-columns: 1fr;
}

.listing-about-details-single .about-detail-col:first-child {
    padding-right: 0;
    border-right: 0;
}

.about-detail-col h3 {
    color: #00264a;
    margin-bottom: 18px;
}

.about-check-list,
.about-nearby-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.about-nearby-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.about-nearby-heading h3 {
    margin-bottom: 0;
}

.about-nearby-heading strong {
    color: #00264a;
    font-weight: 600;
    white-space: nowrap;
}

.about-check-list li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 24px;
}

.about-check-list li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #ff5b16;
    font-weight: 700;
}

.about-nearby-list li {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

.about-nearby-list strong {
    font-weight: 500;
    color: #555;
    white-space: nowrap;
}

@media (max-width: 991px) {
    .listing-about-content {
        grid-template-columns: 1fr;
    }

    .listing-about-details {
        grid-template-columns: 1fr;
    }

    .about-detail-col:first-child {
        padding-right: 0;
        border-right: 0;
        border-bottom: 1px solid #e1e7ea;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }

    .about-detail-col:last-child {
        padding-left: 0;
    }
}
/* ------------------------------------------------------------
   Global booking bar placement fix
   Keeps the new hotel booking bar attached to the hero/banner
   and removes the white spacer caused by old booking wrappers.
------------------------------------------------------------ */

.banner-sec {
    overflow: visible;
}

.banner-sec > .hotel-booking-bar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -34px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    background: transparent;
    z-index: 60;
}

.hotel-booking-bar {
    background: transparent;
}

.hotel-booking-card {
    margin: 0 auto;
}

.booking-sec {
    background: transparent;
    padding: 0;
}

.banner-forms {
    background: transparent;
}

.usvi-island-landing .around-lt-col .getting-around-btn {
    margin-bottom: 45px;
}

.usvi-island-landing .sponsor-image-slider .getting-around-img-wpr {
    aspect-ratio: 8 / 5;
    height: auto;
    padding-top: 0;
}

.usvi-island-landing .sponsor-image-slider .getting-around-img-wpr img,
.usvi-island-landing .sponsor-image-slider .night-sml-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.usvi-island-landing .sponsor-image-slider .night-sml-img {
    aspect-ratio: 16 / 9;
    height: auto;
}

.usvi-island-landing .sponsor-image-slider .getting-btn-wpr .cmn-btn {
    white-space: normal;
    line-height: 1.25;
    text-align: center;
}

.banner-sec + .indroduction-sec,
.banner-sec + .introduction-sec,
.banner-sec + main .indroduction-sec,
.banner-sec + main .introduction-sec {
    padding-top: 115px !important;
}

/* Listing hero: preserve the Visit USVI three-line hierarchy below the menu. */
.usvi-listing-hero .banner-inr {
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box;
    padding-top: 125px !important;
    transform: translateY(168px);
}

.usvi-listing-hero .banner-row {
    width: 100%;
    align-items: center;
}

.usvi-listing-hero .usvi-hero-content {
    max-width: 980px !important;
    padding-right: 0 !important;
}

.usvi-listing-hero .usvi-hero-eyebrow {
    display: block;
    margin: 0 0 10px;
    font-size: clamp(28px, 3vw, 46px);
    line-height: 1;
    letter-spacing: 0;
}

.usvi-listing-hero .usvi-hero-title {
    margin: 0 0 14px;
    font-size: clamp(34px, 3.4vw, 50px) !important;
    line-height: 1.08 !important;
    text-wrap: balance;
}

.usvi-listing-hero .usvi-hero-subtitle {
    margin: 0;
    font-size: clamp(13px, 1.2vw, 17px);
    line-height: 1.4;
    letter-spacing: 0.32em;
    white-space: normal;
}

.usvi-listing-hero .usvi-hero-subtitle i {
    flex: 0 0 58px;
    width: 58px;
}

@media (max-width: 991px) {
    .usvi-listing-hero .banner-inr {
        padding-top: 105px !important;
        transform: translateY(68px);
    }

    .usvi-listing-hero .usvi-hero-content {
        max-width: 100%;
    }

    .banner-sec > .hotel-booking-bar {
        position: relative;
        bottom: auto;
        margin-top: -45px;
        padding: 0 15px;
    }

    .banner-sec + .indroduction-sec,
    .banner-sec + .introduction-sec,
    .banner-sec + main .indroduction-sec,
    .banner-sec + main .introduction-sec {
        padding-top: 80px !important;
    }
}

@media (max-width: 575px) {
    .usvi-listing-hero .banner-inr {
        padding-top: 86px !important;
        transform: translateY(34px);
    }

    .usvi-listing-hero .usvi-hero-title {
        font-size: clamp(30px, 9vw, 40px) !important;
    }

    .usvi-listing-hero .usvi-hero-subtitle {
        letter-spacing: 0.18em;
    }
    .banner-sec > .hotel-booking-bar {
        margin-top: -30px;
        padding: 0 12px;
    }

    .banner-sec + .indroduction-sec,
    .banner-sec + .introduction-sec,
    .banner-sec + main .indroduction-sec,
    .banner-sec + main .introduction-sec {
        padding-top: 60px !important;
    }
}

/* Final mobile precedence for the booking modal. */
@media (max-width: 991px) {
    .banner-sec > .hotel-booking-bar {
        position: fixed !important;
        inset: 0 !important;
        margin: 0 !important;
        padding: 20px 12px !important;
    }
}

@media (max-width: 575px) {
    .banner-sec > .hotel-booking-bar {
        padding: 0 !important;
    }
}

/* Listing hero clearance for desktop and compact-desktop viewports. */
@media (min-width: 1200px) {
    .usvi-listing-hero {
        min-height: 520px;
    }

    .usvi-listing-hero .banner-inr {
        transform: translateY(88px);
    }
}

/* Shared desktop hero scale: category hubs, the Islands overview, Inspiration,
   and individual business listings all share one comfortable large-screen
   canvas. The cap keeps the experience intentional on very tall monitors. */
@media (min-width: 992px) {
    .usvi-category-hero,
    .usvi-islands-hub-hero,
    .usvi-inspiration-hero,
    .usvi-listing-hero {
        --usvi-hero-height: clamp(650px, 65vh, 800px) !important;
    }

    /* Editorial hero titles need a reserved lower zone for the booking bar,
       particularly on long article headlines. */
    .usvi-inspiration-hero .bnnr-main-innr {
        padding-bottom: 140px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .usvi-listing-hero {
        min-height: 520px;
    }

    .usvi-listing-hero .banner-inr {
        transform: translateY(-90px);
    }
}

/*
 * Islands hub: the 62vh canvas can become shorter than the fixed desktop
 * header, hero copy, and booking-bar reservation on compact-height screens.
 * Keep the fluid height on taller displays, but enforce only the minimum
 * canvas needed to preserve the full static-hero hierarchy below the header.
 */
@media (min-width: 1200px) {
    .page-template-template-islands-hub-php .usvi-islands-hub-hero {
        min-height: 600px;
    }
}

/* On wide desktops the Islands eyebrow grows to the full display size.
 * Reserve a little less of the hero for the booking bar so the copy stays
 * entirely below the fixed site header. */
@media (min-width: 1500px) {
    .page-template-template-islands-hub-php .usvi-islands-hub-hero .bnnr-main-innr {
        padding-bottom: 190px;
    }
}

/* The footer illustration intentionally rises above its own section. Keep a
 * clear buffer after the final FAQ row so the artwork cannot cover it. */
.page-template-template-islands-hub-php .usvi-faq-section {
    padding-bottom: 130px !important;
}

/* Keep the static copy clear of the visible booking bar at 992-1199px. */
@media (min-width: 992px) and (max-width: 1199px) {
    .page-template-template-islands-hub-php .usvi-islands-hub-hero .bnnr-main-innr {
        padding-bottom: 150px;
    }
}

/* Homepage featured partner: a reusable editorial sponsor spotlight. */
.featured-partner-sec {
    position: relative;
    background: linear-gradient(135deg, #f5fbfd 0%, #e7f5f9 100%);
}

.featured-partner-card {
    display: grid;
    grid-template-columns: minmax(0, 58%) minmax(0, 42%);
    overflow: hidden;
    border: 8px solid rgba(255, 255, 255, 0.8);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 20px 52px rgba(0, 38, 74, 0.13);
}

.featured-partner-media {
    display: grid;
    min-height: 560px;
    grid-template-rows: minmax(0, 1fr) 145px;
    background: #d6edf2;
}

.featured-partner-media--solo {
    grid-template-rows: minmax(560px, 1fr);
}

.featured-partner-primary,
.featured-partner-supporting a {
    position: relative;
    display: block;
    overflow: hidden;
}

.featured-partner-primary img,
.featured-partner-supporting img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.featured-partner-primary:hover img,
.featured-partner-supporting a:hover img {
    transform: scale(1.035);
}

.featured-partner-logo {
    position: absolute;
    top: 28px;
    left: 28px;
    width: min(42%, 225px) !important;
    height: auto !important;
    max-height: 120px;
    object-fit: contain !important;
    object-position: left top;
    filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.35));
}

.featured-partner-supporting {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 3px;
    background: #fff;
}

.featured-partner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(42px, 5vw, 82px) clamp(36px, 5vw, 76px);
    color: #00355d;
}

.featured-partner-label,
.featured-partner-mobile-label {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 24px;
    color: #ff5b16;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.35em;
    line-height: 1.2;
    text-transform: uppercase;
}

.featured-partner-label:after {
    width: 68px;
    height: 1px;
    content: '';
    background: currentColor;
}

.featured-partner-mobile-label {
    display: none;
}

.featured-partner-content h2 {
    max-width: 580px;
    margin: 0 0 24px;
    color: #002f57;
    font-size: clamp(38px, 4vw, 66px);
    line-height: 1.05;
}

.featured-partner-description {
    max-width: 600px;
    color: #536c84;
    font-size: clamp(17px, 1.25vw, 21px);
    line-height: 1.48;
}

.featured-partner-description p {
    margin: 0;
}

.featured-partner-highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 34px 0 36px;
    padding: 0;
    list-style: none;
}

.featured-partner-highlights li {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 9px;
    color: #526b82;
    font-size: 14px;
    line-height: 1.35;
}

.featured-partner-highlights img,
.featured-partner-highlight-mark {
    grid-row: span 2;
    align-self: start;
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.featured-partner-highlight-mark {
    position: relative;
    border: 1.5px solid #b3925e;
    border-radius: 50%;
}

.featured-partner-highlight-mark:after {
    position: absolute;
    inset: 6px;
    content: '';
    border: 1px solid #b3925e;
    border-radius: 50%;
}

.featured-partner-highlights strong {
    color: #00355d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.3;
    text-transform: uppercase;
}

.featured-partner-highlights li > span:last-child {
    margin-top: 4px;
}

.featured-partner-cta {
    align-self: flex-start;
    min-width: min(100%, 370px);
    text-align: center;
}

@media (max-width: 1199px) {
    .featured-partner-media {
        min-height: 490px;
        grid-template-rows: minmax(0, 1fr) 120px;
    }

    .featured-partner-media--solo {
        grid-template-rows: minmax(490px, 1fr);
    }

    .featured-partner-content {
        padding: 46px 40px;
    }

    .featured-partner-highlights {
        grid-template-columns: 1fr;
        gap: 14px;
        margin: 28px 0 30px;
    }
}

@media (max-width: 767px) {
    .featured-partner-card {
        display: block;
        border-width: 5px;
        border-radius: 16px;
    }

    .featured-partner-mobile-label {
        display: inline-flex;
        margin: 0;
        padding: 27px 25px 20px;
    }

    .featured-partner-label {
        display: none;
    }

    .featured-partner-media {
        min-height: 0;
        grid-template-rows: 270px 92px;
    }

    .featured-partner-media--solo {
        grid-template-rows: 300px;
    }

    .featured-partner-logo {
        top: 18px;
        left: 18px;
        max-height: 82px;
    }

    .featured-partner-content {
        display: block;
        padding: 30px 25px 34px;
    }

    .featured-partner-content h2 {
        margin-bottom: 17px;
        font-size: clamp(35px, 10vw, 48px);
    }

    .featured-partner-description {
        font-size: 16px;
    }

    .featured-partner-highlights {
        grid-template-columns: 1fr;
        margin: 25px 0 28px;
    }

    .featured-partner-cta {
        width: 100%;
    }
}

/* Inspiration article sidebar: approved editorial panels, scoped to this component. */
.usvi-inspiration-article .usvi-inspiration-sidebar {
    display: grid;
    gap: 18px;
    position: static;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}
.usvi-inspiration-sidebar .usvi-sidebar-panel {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 5px 20px rgba(23, 42, 51, .04);
}
.usvi-inspiration-sidebar .usvi-sidebar-panel-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin-bottom: 14px;
}
.usvi-inspiration-sidebar .usvi-sidebar-panel-header h2 {
    font-size: 24px;
    line-height: 1.2;
    margin: 0;
    color: #182b38;
}
.usvi-inspiration-sidebar .usvi-sidebar-panel-header h2::after {
    content: "";
    display: block;
    width: 32px;
    height: 3px;
    background: #ff6600;
    margin-top: 9px;
}
.usvi-inspiration-sidebar .usvi-sidebar-view-all {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    white-space: nowrap;
    color: #606b75;
    display: inline-flex;
    gap: 10px;
    align-items: center;
}
.usvi-inspiration-sidebar .usvi-sidebar-view-all i { color: #ff6600; }
.usvi-inspiration-sidebar .usvi-sidebar-intro {
    font-size: 15px;
    line-height: 1.4;
    color: #5b6570;
    margin: 0 0 16px;
}
.usvi-inspiration-sidebar .usvi-sidebar-island-list { display: grid; gap: 10px; }
.usvi-inspiration-sidebar .usvi-sidebar-island {
    display: grid;
    grid-template-columns: 94px minmax(0, 1fr) 26px;
    align-items: center;
    gap: 12px;
    border: 1px solid #e8e8e8;
    border-radius: 11px;
    padding: 3px 10px 3px 3px;
    color: #182b38;
}
.usvi-inspiration-sidebar .usvi-sidebar-island > img {
    display: block;
    width: 100%;
    height: 88px;
    object-fit: cover;
    border-radius: 8px;
}
.usvi-inspiration-sidebar .usvi-sidebar-island-copy { min-width: 0; }
.usvi-inspiration-sidebar .usvi-sidebar-island-copy strong {
    display: block;
    font-family: 'Taviraj', serif;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 4px;
}
.usvi-inspiration-sidebar .usvi-sidebar-island-copy > span {
    display: block;
    color: #5b6570;
    font-size: 14px;
    line-height: 1.4;
}
.usvi-inspiration-sidebar .usvi-sidebar-island-arrow {
    display: grid;
    place-items: center;
    width: 26px;
    height: 30px;
    border-radius: 50%;
    background: #fff4eb;
    color: #ff6600;
    font-size: 13px;
}
.usvi-inspiration-sidebar .usvi-sidebar-topic-list { list-style: none; padding: 0; margin: 0; }
.usvi-inspiration-sidebar .usvi-sidebar-topic-list li { margin: 0; padding: 0; }
.usvi-inspiration-sidebar .usvi-sidebar-topic-list li + li { border-top: 1px solid #e8e8e8; }
.usvi-inspiration-sidebar .usvi-sidebar-topic-list a {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 11px 0;
    font-size: 15px;
    line-height: 1.4;
    color: #182b38;
}
.usvi-inspiration-sidebar .usvi-sidebar-topic-list a::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #ff6600;
    border-radius: 50%;
}
.usvi-inspiration-sidebar .usvi-sidebar-story {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    color: #182b38;
    margin: 0;
    padding: 0;
}
.usvi-inspiration-sidebar .usvi-sidebar-story + .usvi-sidebar-story {
    border-top: 1px solid #e8e8e8;
    padding-top: 14px;
    margin-top: 14px;
}
.usvi-inspiration-sidebar .usvi-sidebar-story img {
    width: 86px;
    height: 66px;
    object-fit: cover;
    border-radius: 9px;
}
.usvi-inspiration-sidebar .usvi-sidebar-story span { font-family: 'Taviraj', serif; font-size: 18px; line-height: 1.35; }
.usvi-inspiration-sidebar .usvi-sidebar-ad {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    overflow: hidden;
}
.usvi-inspiration-sidebar .usvi-sidebar-ad-label {
    display: block;
    font-size: 10px;
    letter-spacing: .14em;
    color: #606b75;
    padding: 7px 12px;
}
.usvi-inspiration-sidebar .usvi-sidebar-ad a,
.usvi-inspiration-sidebar .usvi-sidebar-ad picture { display: block; }
.usvi-inspiration-sidebar .usvi-sidebar-ad img { display: block; width: 100%; height: auto; }
.usvi-inspiration-sidebar .usvi-sidebar-view-all:hover,
.usvi-inspiration-sidebar .usvi-sidebar-topic-list a:hover,
.usvi-inspiration-sidebar .usvi-sidebar-story:hover { color: #c94e00; }
.usvi-inspiration-sidebar .usvi-sidebar-island:hover { border-color: #ff6600; }
/* The legacy global anchor rule suppresses outlines with !important. */
.usvi-inspiration-sidebar a:focus-visible { outline: 2px solid #c94e00 !important; outline-offset: 3px; }
@media (min-width: 992px) and (max-width: 1199px) {
    .usvi-inspiration-sidebar .usvi-sidebar-panel { padding: 16px; }
    .usvi-inspiration-sidebar .usvi-sidebar-panel-header h2 { font-size: 23px; }
    .usvi-inspiration-sidebar .usvi-sidebar-island { grid-template-columns: 68px minmax(0, 1fr) 22px; gap: 8px; padding-right: 6px; }
    .usvi-inspiration-sidebar .usvi-sidebar-island > img { height: 90px; }
    .usvi-inspiration-sidebar .usvi-sidebar-island-copy strong { font-size: 18px; }
    .usvi-inspiration-sidebar .usvi-sidebar-island-copy > span { font-size: 13px; }
    .usvi-inspiration-sidebar .usvi-sidebar-island-arrow { width: 22px; }
    .usvi-inspiration-sidebar .usvi-sidebar-story { grid-template-columns: 68px minmax(0, 1fr); gap: 10px; }
    .usvi-inspiration-sidebar .usvi-sidebar-story img { width: 68px; }
    .usvi-inspiration-sidebar .usvi-sidebar-story span { font-size: 17px; }
}
@media (max-width: 991px) {
    .usvi-inspiration-article .usvi-inspiration-sidebar { margin-top: 32px; }
    .usvi-inspiration-sidebar .usvi-sidebar-island { grid-template-columns: 110px minmax(0, 1fr) 26px; }
}
@media (max-width: 575px) {
    .usvi-inspiration-sidebar .usvi-sidebar-panel { padding: 16px; }
    .usvi-inspiration-sidebar .usvi-sidebar-panel-header h2 { font-size: 24px; }
    .usvi-inspiration-sidebar .usvi-sidebar-island { grid-template-columns: 78px minmax(0, 1fr) 24px; gap: 9px; padding-right: 7px; }
    .usvi-inspiration-sidebar .usvi-sidebar-island-copy strong { font-size: 20px; }
    .usvi-inspiration-sidebar .usvi-sidebar-island-arrow { width: 24px; }
}