/* =============================
   Root Variables
   ============================= */
:root {
    --backgroundsurfaceenabled: #fff;
    --backgroundshadowenabled: #f5f5f5;
    --backgroundlightnegativeenabled: #fee2e2;
    --backgroundlightwarningenabled: #ffedd5;
    --backgroundlightpositiveenabled: #D1FAE5;
    --backgroundlightinfoenabled: #DEEEFE;
    --backgroundnegativeenabled: #b91c1c;
    --backgroundwarningenabled: #f97316;
    --backgroundpositiveenabled: #48AC98;
    --backgroundinformationenabled: #0E7490;
    --backgroundaccent: #48AC98;
    --backgroundlightaccent: #FFF4FE;
    --backgroundbrand: #dd4d93;
    --backgroundlightbrand: #FFF4FE;
    --backgroundsandenabled: #f5f5f4;
    --backgroundyellowjacket: #f59e0b;
    --borderstaticenabled: #e5e5e5;
    --borderinteractiveenabled: #d4d4d4;
    --borderinteractivelightenabled: #fff;
    --borderinteractivedisabled: #e5e5e5;
    --borderinteractivehover: #a3a3a3;
    --borderinteractiveactive: #7D1174;
    --bordernegativeenabled: #b91c1c;
    --borderwarningenabled: #f97316;
    --borderpositiveenabled: #48AC98;
    --borderinformationenabled: #0E7490;
    --borderdark: #262626;
    --contentbrandenabled: #dd4d93;
    --contentbranddisabled: #a3a3a3;
    --contentbrandhover: #DB337F;
    --contentbrandfocused: #dd4d93;
    --contentbrandactive: #7B1174;
    --contentaccentenabled: #96248B;
    --contentaccentdisabled: #a3a3a3;
    --contentaccenthover: #7D1174;
    --contentaccentfocused: #96248B;
    --contentaccentactive: #7D1174;
    --contentprimaryenabled: #262626;
    --contentprimarydisabled: #a3a3a3;
    --contentprimarydisabledshadow: #a3a3a3;
    --contentprimaryhover: #000;
    --contentprimaryfocused: #262626;
    --contentprimaryactive: #000;
    --contentsecondaryenabled: #737373;
    --contentsecondarydisabled: #a3a3a3;
    --contentsecondaryhover: #525252;
    --contentsecondaryfocused: #737373;
    --contentsecondaryactive: #525252;
    --contentplaceholderenabled: #737373;
    --contentnegativeenabled: #b91c1c;
    --contentpositiveenabled: #48AC98;
    --contentinformationenabled: #2861B1;
    --contentwarningoncolors: #9A3412;
    --contentwarningonsurface: #C2410C;
    --contentcontrastenabled: #fff;
    --contentbranddark: #130111;
    --formcontrolenabledselected: #F476F4;
    --formcontroldisabledselected: #FFDAFB;
    --formcontrolhoverselected: #EB6DE5;
    --formcontrolfocusedselected: #F476F4;
    --formcontrolactiveselected: #EB6DE5;
    --formcontrolenabled: #d4d4d4;
    --formcontroldisabled: #e5e5e5;
    --formcontrolhover: #a3a3a3;
    --formcontrolfocused: #a3a3a3;
    --formcontrolactive: #a3a3a3;
    --buttonimportantenabled: #fea4f5;
    --buttonimportantdisabled: #f5f5f5;
    --buttonimportanthover: #fb96f5;
    --buttonimportantfocused: #fea4f5;
    --buttonimportantactive: #fb96f5;
    --buttonimportantloading: #fea4f5;
    --buttonaccentenabled: #fea4f5;
    --buttonaccentdisabled: #f5f5f5;
    --buttonaccenthover: #fb96f5;
    --buttonaccentfocused: #fea4f5;
    --buttonaccentactive: #fb96f5;
    --buttonaccentloading: #fea4f5;
    --buttondarkenabled: #262626;
    --buttondarkdisabled: #f5f5f5;
    --buttondarkhover: #000;
    --buttondarkfocused: #262626;
    --buttondarkactive: #000;
    --buttondarkloading: #262626;
    --buttonlightenabled: #fff;
    --buttonlightdisabled: #f5f5f5;
    --buttonlighthover: #fff;
    --buttonlightfocused: #fff;
    --buttonlightactive: #f5f5f5;
    --buttonlightloading: #fff;
    --buttondestructiveenabled: #b91c1c;
    --buttondestructivedisabled: #f5f5f5;
    --buttondestructivehover: #991b1b;
    --buttondestructivefocused: #b91c1c;
    --buttondestructiveactive: #991b1b;
    --buttondestructiveloading: #b91c1c;
    --buttonghostenabled: #0000;
    --buttonghostdisabled: #f5f5f5;
    --buttonghosthover: #0000001a;
    --buttonghostfocused: #0000;
    --buttonghostactive: #00000029;
    --buttonghostloading: #0000;
    --othersdatepickerrange: #f5f5f5;
    --othersdatepickerrangeunavailable: #e5e5e5;
    --othersdatepickerselected: #fea4f5;
    --othersdatepickerselectedunavailable: #fb96f5;
    --othersdatepickerunavailable: #e5e5e5;
    --othersreviewpositive: #F476F4;
    --othersreviewnegative: #d4d4d4;
    --othersdiscounts: #ec782f;
    --locationmapbackground: #dd4d9333;
    --locationmapborder: #fea4f5;
    --overlaylight: #0000001a;
    --overlay: #00000080;
    --overlaygradient: linear-gradient(180deg, #0000 0%, #00000040 100%);
    --fontlabor: Inter, -apple-system, BlinkMacSystemFont, Roboto, sans-serif, Helvetica, Arial;
    --fonttitle: Rubik, -apple-system, BlinkMacSystemFont, Roboto, sans-serif, Helvetica, Arial;
    --fontlaborreg: 400;
    --fontlabormed: 500;
    --fontlaborsemi: 600;
    --fontlaborbold: 600;
    --fontlaborheavy: 700;
    --fonttitlereg: 400;
    --fonttitlemed: 500;
    --fonttitlesemi: 600;
    --fonttitlebold: 600;
    --fillbrand: #F476F4;
    --contentbrand: #C94FBD;
    --interactivebrand: #7B1174;
    --backgroundfooter: #FFDAFB;
    --swiper-navigation-size: 44px
}

a,
.chaos,
div[data-module="link"][data-action="click"] {
    color: var(--contentprimaryenabled);
    text-decoration: none;
}

.spacer {
    height: 64px
}

.homeHero__title {
    font-weight: var(--fonttitlesemi);
    font-family: var(--fonttitle);
    font-size: 2rem;
    line-height: 2.5rem;
    color: var(--contentprimaryenabled);
    padding-bottom: 1rem
}

h2,
.h2 {
    font-weight: var(--fontlaborsemi);
    font-family: var(--fontlabor);
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: var(--contentprimaryenabled)
}

h5,
.h5 {
    font-weight: var(--fontlaborsemi);
    font-family: var(--fontlabor);
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--contentprimaryenabled);
    text-decoration: none
}

.btn {
    border-radius: .25rem;
    font-weight: var(--fontlaborsemi);
    font-family: var(--fontlabor);
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--contentcontrastenabled);
    text-decoration: none;
    display: inline-block;
    margin-bottom: 0;
    padding: .75rem 1rem;
    border: .0625rem solid;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: background, border, -webkit-box-shadow .3s ease;
    transition: background, border, -webkit-box-shadow .3s ease;
    transition: background, border, box-shadow .3s ease;
    transition: background, border, box-shadow .3s ease, -webkit-box-shadow .3s ease
}

.topBar,
.topBar.jss-withPushToApp {
    position: fixed;
    z-index: 9;
    width: 100%;
    height: 4rem;
    background-color: var(--backgroundsurfaceenabled);
    padding: .625rem .75rem;
    -webkit-box-shadow: .0625rem .125rem .25rem #00000014;
    box-shadow: .0625rem .125rem .25rem #00000014;
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 100ms;
    transition: 100ms;
    z-index: 123;
}

.topBar .site,
.topBar.jss-withPushToApp .site {
    width: 100%;
    max-width: 50%;
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.topBar .site .logo,
.topBar.jss-withPushToApp .site .logo {
    margin: 0 .5rem
}

.topBar .site .logo a,
.topBar.jss-withPushToApp .site .logo a,
.topBar .site .logo .data-chaos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: center;
    flex-direction: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.topBar .last,
.topBar.jss-withPushToApp .last {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.topBar .last .user,
.topBar.jss-withPushToApp .last .user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.topBar .last a:not(.language),
.topBar.jss-withPushToApp .last a:not(.language),
.topBar .last .chaos:not(.language) {
    font-weight: var(--fontlabormed);
    font-family: var(--fontlabor);
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--contentprimaryenabled);
    text-decoration: none;
    position: relative;
    float: right;
    margin: 0 .75rem;
    text-decoration: none;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dropdown {
    cursor: pointer;
    position: relative;
    width: 100%;
    border: .0625rem solid var(--borderinteractiveenabled);
    border-radius: .5rem;
    padding: .45rem .45rem .45rem .5rem;
    background-color: var(--backgroundsurfaceenabled);
    text-align: left;
    display: inline-block;
    max-height: 36px
}

.topBar .last .user .topbar__settingsDropdowns {
    padding-right: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.topBar .last .user .topbar__settingsDropdowns .settingsDropdown {
    padding: .5rem;
    width: 9.625rem
}

input,
textarea,
.dropdown,
select {
    font-weight: var(--fontlaborreg);
    font-family: var(--fontlabor);
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--contentprimaryenabled);
    text-decoration: none;
    resize: none
}

.dropdown span.value {
    font-weight: var(--fontlaborreg);
    font-family: var(--fontlabor);
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--contentprimaryenabled);
    text-decoration: none;
    max-width: 80%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dropdown ul li,
.settingsDropdown ul li {
    text-align: left;
    cursor: pointer;
    border-top: .0625rem solid var(--borderstaticenabled);
    padding: .625rem 1rem;
    margin: 0 !important
}

.dropdown ul,
.settingsDropdown ul {
    color: var(--contentprimaryenabled);
    background-color: var(--backgroundsurfaceenabled);
    z-index: 5;
    display: none;
    overflow-y: scroll;
    overscroll-behavior: contain;
    position: absolute;
    left: -.0625rem;
    right: -.0625rem;
    text-align: center;
    border: .0625rem solid var(--borderstaticenabled);
    border-top: 0;
    top: 100%;
    border-radius: .375rem;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    max-height: 15.625rem;
    -webkit-box-shadow: 0 .1875rem .9375rem #EBEBEB;
    box-shadow: 0 .1875rem .9375rem #EBEBEB;
    list-style: none;
    padding-left: 0;
    padding-right: 0
}

.dropdown ul li a {
    color: var(--contentprimaryenabled);
}

.topBar .last .user .topbar__settingsDropdowns .settingsDropdown .dropdown li {
    height: 2.25rem
}

.dropdown:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--contentPrimaryEnabled);
    content: "\f078";
    float: right;
    pointer-events: none
}

.homeHero {
    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-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(assets/images/placeholders/picture-placeholder.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: calc(100vh - 4rem);
    width: 100%;
    min-height: 41.4375rem;
    max-height: 75rem
}

.homeHero--CAB {
    background-position: 61% 37%
}

.homeHero {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: calc(100vh - 4rem);
    width: 100%;
    position: relative;
    padding: 2rem;
    height: calc(100vh - 4rem);
    width: 100%;
    min-height: 41.4375rem
}

.homeHero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #0000004d 0%, #0000001a 100%);
    z-index: 1
}

.homeHero .container-fluid {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    padding: 0 1rem
}

.overlay-card {
    background: var(--backgroundsurfaceenabled);
    border-radius: 16px;
    box-shadow: 0 20px 60px #00000026;
    padding: 2.5rem;
    max-width: 456px;
    margin-left: 7rem;
    margin-top: 30px;
}

.homeHero__subTitle {
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborreg);
    font-size: 0.8rem;
    line-height: 1.5;
    color: var(--contentsecondaryenabled);
    margin: 0 0 1rem
}

.homeHero__form {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.cabInput {
    position: relative;
    width: 100%
}

.cabInput__container {
    position: relative;
    width: 100%
}

.cabInput__label {
    font-family: var(--fontlabor);
    font-weight: var(--fontlabormed);
    font-size: .875rem;
    line-height: 1.25;
    color: var(--contentprimaryenabled);
    display: block;
    margin-bottom: .5rem
}

.cabInput__input,
#home-view .select2-container--default .select2-selection--single {
    width: 100%;
    padding: .8rem .8rem .8rem 3rem;
    border: 1px solid var(--borderinteractiveenabled);
    border-radius: .25rem;
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborreg);
    font-size: 1rem;
    line-height: 1.5;
    color: var(--contentprimaryenabled);
    background-color: var(--backgroundsurfaceenabled);
    transition: all .3s ease;
    outline: none
}

.cabInput__input:focus {
    border-color: var(--contentaccentenabled);
    box-shadow: 0 0 0 3px #96248b1a
}

#home-view .select2-container--default .select2-selection--single {
    height: 51px;
    padding-left: 0;
}

#home-view .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 15px;
}

.cabInput__input::placeholder {
    color: var(--contentplaceholderenabled);
    font-weight: var(--fontlaborreg)
}

.cabInput__inputIconContainer {
    position: absolute;
    left: 1rem;
    top: 70%;
    transform: translateY(-64%);
    pointer-events: none
}

.cabInput__inputIcon img {
    width: 24px;
    height: 24px;
    opacity: .6
}

.cabInput--dates .cabInput__container {
    display: flex;
    flex-direction: column
}

.cabInput__datesTitles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: .5rem
}

.cabInput__datesTitle {
    font-family: var(--fontlabor);
    font-weight: var(--fontlabormed);
    font-size: .875rem;
    line-height: 1.25;
    color: var(--contentprimaryenabled)
}

.cabInput__datesDates {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem
}

.cabInput__datesDateContainer {
    position: relative
}

.cabInput__inputIconDate {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 2
}

.cabInput__inputIconDate img {
    width: 20px;
    height: 20px;
    opacity: .6
}

.cabInput__datesDate--start,
.cabInput__datesDate {
    width: 100%;
    padding: .8rem .8rem .8rem 3rem;
    border: 1px solid var(--borderinteractiveenabled);
    border-radius: .25rem;
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborreg);
    font-size: 1rem;
    line-height: 1.5;
    color: var(--contentprimaryenabled);
    background-color: var(--backgroundsurfaceenabled);
    transition: all .3s ease;
    outline: none;
    cursor: pointer
}

.cabInput__datesDate--start:focus,
.cabInput__datesDate:focus {
    border-color: var(--contentaccentenabled);
    box-shadow: 0 0 0 3px #96248b1a
}

.cabInput__datesDate--start::placeholder,
.cabInput__datesDate::placeholder {
    color: var(--contentplaceholderenabled);
    font-weight: var(--fontlaborreg)
}

.homeHero__boatTypeDropdown {
    position: relative;
    width: 100%;
    padding: .8rem .8rem .8rem 1rem;
    border: 1px solid var(--borderinteractiveenabled);
    border-radius: .25rem;
    background-color: var(--backgroundsurfaceenabled);
    cursor: pointer;
    transition: all .3s ease;
    outline: none;
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborreg);
    font-size: 1rem;
    line-height: 1.5;
    color: var(--contentprimaryenabled)
}

.homeHero__boatTypeDropdown:hover {
    border-color: var(--borderinteractivehover)
}

.homeHero__boatTypeDropdown:focus {
    border-color: var(--contentaccentenabled);
    box-shadow: 0 0 0 3px #96248b1a
}

.homeHero__boatTypeDropdown .value {
    color: var(--contentplaceholderenabled);
    font-weight: var(--fontlaborreg);
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dropdown-arrow {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    transition: transform .3s ease
}

.dropdown-arrow img {
    width: 16px;
    height: 16px;
    opacity: .6
}

.homeHero__boatTypeDropdown.open .dropdown-arrow {
    transform: translateY(-50%) rotate(180deg)
}

.homeHero__boatTypeDropdown ul {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: var(--backgroundsurfaceenabled);
    border: 1px solid var(--borderstaticenabled);
    border-top: none;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 8px 32px #0000001a;
    z-index: 10;
    display: none;
    max-height: 240px;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    list-style: none
}

.homeHero__boatTypeDropdown.open ul {
    display: block
}

.homeHero__boatTypeDropdown ul li {
    padding: .75rem 1rem;
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborreg);
    font-size: 1rem;
    line-height: 1.5;
    color: var(--contentprimaryenabled);
    cursor: pointer;
    transition: background-color .2s ease;
    border-bottom: 1px solid var(--borderstaticenabled)
}

.js-dropdown.dropdownmultiple ul li:before {
    margin-right: .5rem;
    font-family: "Font Awesome 6 Free";
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f111"
}

.homeHero__boatTypeDropdown.active-menu ul {
    display: block
}

.homeHero__boatTypeDropdown ul li:last-child {
    border-bottom: none
}

.homeHero__boatTypeDropdown ul li:hover {
    background-color: var(--backgroundshadowenabled)
}

.homeHero__boatTypeDropdown ul li.selected {
    background-color: var(--backgroundlightaccent);
    color: var(--contentaccentenabled)
}

.homeHero__boatTypeDropdown ul li.selected:before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--contentaccentenabled);
    margin-right: .5rem
}

html body .homeHero__cta {
    font-weight: var(--fontlaborsemi);
    font-family: var(--fontlabor);
    /* font-size: 1rem; */
    line-height: 1.5rem;
    color: var(--contentprimaryenabled);
    text-decoration: none;
    border-radius: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    min-height: .0625rem;
    width: auto;
    text-align: center;
    padding: .75rem 1.5rem;
    background: var(--buttonImportantEnabled);
    color: var(--contentbranddark);
    border: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--contentbranddark);
    background: #fb96f5;
   
}

html body .homeHero__cta:hover {
    background: linear-gradient(135deg, #b946e3 0%, #9333ea 100%);
    transform: translateY(-1px);
    box-shadow: 0 8px 25px #a855f766
}

.homeHero__cta:active {
    transform: translateY(0);
    box-shadow: 0 4px 15px #a855f74d
}

.search-suggestions {
    /* position: absolute; */
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px #0000001a;
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto
}

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

.suggestion-item {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    cursor: pointer;
    border-bottom: 1px solid #f5f5f5;
    transition: background-color .2s ease
}

.suggestion-item:last-child {
    border-bottom: none
}

.suggestion-item:hover {
    background-color: #f8f9fa
}

.suggestion-icon {
    margin-right: 12px;
    color: #6c757d;
    font-size: 14px;
    width: 16px;
    display: flex;
    justify-content: center
}

.suggestion-text {
    color: #C94FBD;
    font-size: 14px;
    font-weight: 600
}

.cabInput__container {
    position: relative
}

.search-suggestions {
    /* position: absolute; */
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px #0000001a;
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto
}

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

.suggestion-item {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    cursor: pointer;
    border-bottom: 1px solid #f5f5f5;
    transition: background-color .2s ease
}

.suggestion-item:last-child {
    border-bottom: none
}

.suggestion-item:hover {
    background-color: #f8f9fa
}

.suggestion-icon {
    margin-right: 12px;
    color: #6c757d;
    font-size: 14px;
    width: 16px;
    display: flex;
    justify-content: center
}

.suggestion-text {
    color: #333;
    font-size: 14px;
    font-weight: 400
}

.cabInput__container {
    position: relative
}

.flatpickr-calendar {
    border-radius: 8px;
    box-shadow: 0 4px 12px #0000001a;
    border: 1px solid #e0e0e0
}

.flatpickr-calendar.animate.open {
    animation: flatpickrFadeIn .3s ease-out
}

@keyframes flatpickrFadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.flatpickr-months {
    border-radius: 8px 8px 0 0
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    font-weight: 600
}

.flatpickr-day.today {
    background: #007bff;
    color: #fff;
    border-color: #007bff
}

.flatpickr-day.selected {
    background: #28a745;
    border-color: #28a745;
    color: #fff
}

.flatpickr-day:hover {
    background: #f0f0f0;
    border-color: #f0f0f0;
    border-radius: 0
}

.flatpickr-weekdays {
    background-color: #f8f9fa
}

.flatpickr-weekday {
    font-weight: 600;
    color: #666
}

.flatpickr-day {
    font-weight: var(--fontlaborsemi);
    font-family: var(--fontlabor);
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--contentprimaryenabled);
    text-decoration: none;
    text-align: center;
    padding: .5em
}

.flatpickr-day.today,
.flatpickr-day.selected {
    font-weight: var(--fontlaborsemi);
    font-family: var(--fontlabor);
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--contentbrandDark);
    text-decoration: none;
    background: var(--othersdatepickerselected);
    border-radius: 0;
    border-color: var(--othersdatepickerselected)
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    text-decoration: none;
    color: var(--contentprimarydisabled)
}

span.flatpickr-weekday {
    font-weight: var(--fontlaborreg);
    font-family: var(--fontlabor);
    font-size: .75rem;
    line-height: 1rem;
    color: var(--contentsecondaryenabled);
    background: none;
    padding: .7em .3em;
    background-color: transparent
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.flatpickr-months .flatpickr-month {
    height: 48px
}

section.boat-renter-yacht-owner .estimate-btn {
    margin-left: auto;
    margin-right: auto
}

.boat-renter-yacht-owner {
    padding: 5rem 0;
    background-color: var(--backgroundsurfaceenabled);
    border-top: .0625rem solid var(--borderstaticenabled);
    border-bottom: .0625rem solid var(--borderstaticenabled);
    margin-top: 2rem
}

.boat-renter-yacht-owner .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem
}

.two-column-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: start
}

.column-card {
    background: var(--backgroundsurfaceenabled);
    padding: 0
}

.column-content {
    height: 100%;
    display: flex;
    flex-direction: column
}

.column-title {
    font-weight: var(--fontlaborsemi);
    font-family: var(--fontlabor);
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: var(--contentprimaryenabled);
    text-align: center
}

.feature-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 2rem
}

.feature-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .25rem
}

.feature-icon svg {
    width: 30px;
    height: 30px;
    color: var(--contentinformationenabled)
}

.feature-text {
    flex: 1
}

.feature-text p {
    font-weight: var(--fontLaborReg);
    font-family: var(--fontLabor);
    color: var(--contentsecondaryenabled);
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 2.5rem 0;
    margin-top: 0
}

.column-content .estimate-btn {
    margin-top: auto;
    padding-top: 1rem;
    align-self: flex-start
}

.no-results {
    min-height: 250px;
    display: flex;
    background: #f8f9fa;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    border-radius: 10px;
    display: block;
    max-width: 100% !important;
}

.no-results p {
    font-weight: bold;
}

.select2-results__option--selectable {
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.25;
    color: var(--contentprimaryenabled);
}

.yacht-pricing .old-price {
    font-size: 13px !important;
    font-weight: normal !important;
    margin-right: 3px !important;
}



/* My account */

.checkout-page-content {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1140px;
    margin-top: 4rem;
}


html .woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    /* width: 25%; */
    border: 1px solid #ebebeb;
    padding: 10px;
    padding-bottom: 0;
    border-radius: 10px;
}

html body .checkout-page-content .woocommerce-MyAccount-navigation ul {
    padding: 0;
    margin: 0;
}

html body .checkout-page-content .woocommerce-MyAccount-navigation ul li {
    padding: 8px 0;
    border-bottom: 1px solid #ebebeb;
    list-style: none;
}

html body .checkout-page-content .woocommerce-MyAccount-navigation ul li a {
    color: #424141;
    text-decoration: none;
    font-weight: var(--fonttitlesemi);
    font-family: var(--fonttitle);
    font-size: 16px;
    line-height: 1;
}

html body .checkout-page-content .woocommerce-MyAccount-navigation ul li.is-active a {
    color: #b46c2d;
}

.woocommerce-account .woocommerce-MyAccount-content p.form-row-first,
.woocommerce-account .woocommerce-MyAccount-content p.form-row-last,
.woocommerce-account .woocommerce-MyAccount-content>p:first-of-type {
    margin-block-start: 0;
    font-weight: var(--fontlaborreg);
    font-family: var(--fontlabor);
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--contentprimaryenabled);
    text-decoration: none;
}

.order-booking-summary,
.woocommerce-customer-details {
    border: 1px solid #ebebeb;
    padding: 1rem;
    border-radius: 10px;
    background: #f9fafb;
}

.order-booking-summary h3,
.woocommerce .woocommerce-customer-details .woocommerce-column__title {
    color: #424141;
    text-decoration: none;
    font-weight: var(--fonttitlesemi);
    font-family: var(--fonttitle);
    font-size: 24px;
    line-height: 1;
    margin-bottom: 18px;
}

section.woocommerce-customer-details {
    margin-top: 1rem;
}

.woocommerce-page .woocommerce-customer-details address {
    padding: 0em;
    border-width: 0;
    border-radius: 0;
    font-size: 15px;
    padding: 10px 0;
    border-bottom: 1px dashed #ddd;
    line-height: 1.5;

}

.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 73%;
}

.woocommerce table.my_account_orders {
    font-size: 15px;
}

.woocommerce table.shop_table {
    border: 1px solid rgba(0, 0, 0, .1);
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 5px;
}

.woocommerce-account .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {
    text-decoration: none;
    border-radius: 5px;
    padding: 6px;
}

.woocommerce-account .addresses .title .edit {
    display: block;
    margin-bottom: 1em;
    margin-block-start: 0;
    font-weight: var(--fontlaborreg);
    font-family: var(--fontlabor);
    font-size: 14px;
    line-height: 1.5rem;
    color: #007de1;
    text-decoration: none;
    /* border: 1px solid #eee; */
    text-decoration: underline;
    float: none;
}

.checkout-page-content address {
    padding: 0em;
    border-width: 0;
    border-radius: 0;
    font-size: 15px;
    padding: 10px 0;
    border-bottom: 1px dashed #ddd;
    line-height: 1.5;

}


.woocommerce-edit-address .form-row {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.woocommerce-page form .form-row label {
    margin-bottom: .7em;
    line-height: 1;
    font-size: 14px;
}

.woocommerce form .form-row {
    margin-bottom: 0px;
}

.woocommerce-edit-address .select2-container .select2-selection--single {
    height: auto;
}

.woocommerce-edit-account .form-row {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

span#account_display_name_description {
    font-size: 12px;
}

.woocommerce-edit-account fieldset {
    margin-top: 2rem;
}

.woocommerce-account .button {
    text-decoration: none;
    padding: 9px 10px;
    border-radius: 5px;
    font-size: 16px;
}

.cabInput__datesDates-parent {
    display: flex;
    flex-wrap: wrap;
}

.cabInput__datesDates-parent .cabInput__datesDateContainer {
    flex: 1;
}

.cabInput__datesDates-parent .cabInput__datesDateContainer a {
    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-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #d4d4d4;
}

.cabInput__datesDates-parent .cabInput__datesDateContainer a img {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0;
    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-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .75rem;
}

.cabInput__datesDates-parent .cabInput__datesDateContainer a.open-end-date-calendar {
    border-left: 0;
}

.cabInput__datesDates-parent .date-value-box {
    font-weight: var(--fontLaborReg);
    font-family: var(--fontLabor);
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--contentPrimaryEnabled);
    text-decoration: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: .75rem 1rem;
    max-height: 3rem;
}

span.nav-link-text {
    text-transform: none;
}

.whb-header {
    margin-bottom: 0px;
}

.footer-container .footer-sidebar {
    padding: 5rem 2.5rem;
}

@media (max-width: 968px) {

    #endingDateModal .modal-body .flatpickr-calendar,
    #startingDateModal .modal-body .flatpickr-calendar {
        box-shadow: 0 0px 0px #0000001a;
        border: 0px solid #e0e0e0;
    }

    .no-results {
        display: block
    }

    .two-column-grid {
        gap: 3rem
    }

    .column-title {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    .feature-text p {
        font-size: .9rem;
        line-height: 1.5
    }
}

@media (max-width: 768px) {

    .homeHero__skipper {
        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-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: .5rem;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }

    .homeHero__skipper .skipperButton {
        border-radius: .5rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        min-height: .0625rem;
        width: auto;
        text-align: center;
        padding: .75rem;
        background: #fff;
        border: .0625rem solid #d4d4d4;
        -webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.04);
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.04);
        color: #262626;

        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-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        font-size: 16px;

    }

    .homeHero__skipper .skipperButton .skipperButton__icon {
        pointer-events: none;
        margin-right: .5rem;
    }

    .homeHero__skipper>div {
        flex: 1;
    }

    .homeHero__skipper .skipperButton .skipperButton__icon svg {
        width: 24px;
        max-width: 24px;
        height: 24px;
    }

    .homeHero__skipper .skipperButton .active-button svg {
        fill: #7B1174;
    }

    .homeHero__skipper .skipperButton.active-button {
        -webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.04);
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.04);
        border: 1px solid #7B1174;
        background: #FFF4FE;
        color: #7B1174;
    }

    .boat-renter-yacht-owner {
        padding: 3rem 0
    }

    .boat-renter-yacht-owner .container {
        padding: 0 1rem
    }

    .two-column-grid {
        grid-template-columns: 1fr;
        gap: 3rem
    }

    .column-title {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 1.5rem
    }

    .feature-item {
        margin-bottom: 1.5rem
    }

    .feature-icon {
        width: 40px;
        height: 40px
    }

    .feature-icon svg {
        width: 20px;
        height: 20px
    }

    .feature-text p {
        font-size: .875rem;
        line-height: 1.4
    }
}

@media (max-width: 480px) {
    .boat-renter-yacht-owner {
        padding: 2rem 0
    }

    .two-column-grid {
        gap: 2rem
    }

    .column-title {
        font-size: 1.375rem;
        line-height: 1.875rem;
        margin-bottom: 1.25rem
    }

    .feature-item {
        gap: .75rem;
        margin-bottom: 1.25rem
    }

    .feature-icon {
        width: 36px;
        height: 36px
    }

    .feature-icon svg {
        width: 18px;
        height: 18px
    }

    .feature-text p {
        font-size: .8rem;
        line-height: 1.3
    }

    .column-content .estimate-btn {
        min-width: auto;
        width: 100%;
        text-align: center
    }
}

@media (max-width: 768px) {
    .homeHero {
        padding: 1rem;
        align-items: flex-start;
        justify-content: center
    }

    .overlay-card {
        padding: 2rem;
        margin: 0;
        max-width: 100%
    }

    .homeHero__title {
        font-size: 1.75rem
    }

    .homeHero__subTitle {
        font-size: .9rem
    }

    .cabInput__datesDates {
        gap: .75rem
    }

    .cabInput__datesTitles {
        /* grid-template-columns:1fr; */
        gap: .75rem
    }

    input#search {
        padding-left: 42px;
    }
}

@media (max-width: 480px) {
    .overlay-card {
        padding: 1.5rem
    }

    .homeHero__title {
        font-size: 1.5rem
    }

    .homeHero__cta {
        padding: .875rem 1.5rem;
        font-size: 1rem
    }
}

.titleSep {
    margin: 3.75rem 0 2.5rem;
    text-align: center;
    font-weight: var(--fonttitlesemi);
    font-size: 2rem;
    line-height: 2.5rem
}

#featuredBoats .titleSep span,
.titleSep span {
    color: var(--contentbrand);
    font-family: var(--fonttitle)
}

.grid {
    width: 100%;
    max-width: 1140px;
    min-width: 755px;
    margin: 0 auto
}

.mosa .boat {
    display: block;
    position: relative;
    margin-bottom: 1.25rem;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 15rem;
    border-radius: 1rem;
    background-blend-mode: multiply;
    background-color: #00000034
}

#featuredBoats .elementor-widget-heading,
#featuredBoats .elementor-widget-heading h2,
#featuredBoats .elementor-widget-heading h2 a {
    height: 100%;
    position: relative;
    display: flex;
    width: 100%;
}

#featuredBoats .mosa:not(:first-child) {
    padding-left: 1.25rem
}

#featuredBoats .wp-caption .wp-caption-text,
#featuredBoats .wp-caption-dd {
    padding: 0;
}

#featuredBoats .boat.a1 {
    min-height: 12.5rem
}

#featuredBoats .boat.a2 {
    min-height: 23.4375rem
}

#featuredBoats .boat.a3 {
    min-height: 21.875rem
}

#featuredBoats .boat.a4 {
    min-height: 14.0625rem
}

#featuredBoats .boat.a5 {

    min-height: 16.875rem;
    margin: 0;
}

#featuredBoats .boat.a6 {
    min-height: 19.1rem;
}

#featuredBoats .more-links {
    font-weight: var(--fontlabormed);
    font-family: var(--fontlabor);
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--contentsecondaryenabled);
    text-decoration: none;
    margin-top: -.75rem
}

.mosa .boat .shadow {
    position: absolute;
    height: 100%;
    display: block;
    padding: 0;
    width: 150%;
    bottom: 0;
    left: -1.25rem;
    right: 0;
    margin: 0 auto;
    -webkit-box-shadow: inset -3.0625rem -5.625rem 3.8125rem #0000009e;
    box-shadow: inset -3.0625rem -5.625rem 3.8125rem #0000009e;
    z-index: 1;
    color: var(--contentcontrastenabled);
    padding-left: 1.875rem
}

.mosa .boat .title {
    font-weight: var(--fonttitlesemi);
    font-family: var(--fonttitle);
    font-size: 2rem;
    line-height: 2.5rem;
    color: var(--contentcontrastenabled);
    bottom: 0rem;
    position: absolute;
    left: 1rem;
    z-index: 2;
    padding-right: 5rem
}

.col-1-3,
.col-4-12 {
    width: 33.33%
}

#featuredBoats [class^='col-'],
#featuredBoats [class*=' col-'] {
    float: left
}

#featuredReviews {
    padding: 4rem 2rem;
    background-color: var(--backgroundsurfaceenabled)
}

#featuredReviews .titleSep {
    font-family: var(--fonttitle);
    font-weight: var(--fonttitlesemi);
    font-size: 2rem;
    line-height: 2.5rem;
    color: var(--contentprimaryenabled);
    text-align: center;
    margin: 0 0 3rem
}

#featuredReviews .titleSep span {
    color: var(--contentbrand)
}

.flex-head {
    display: flex;
    align-items: center;
    column-gap: 10px
}

.review-card,
html body .website-wrapper .sp-testimonial-free-section .sp-testimonial-free,
html body .website-wrapper #sp-testimonial-free-wrapper-14191 .sp-testimonial-free {
    border-radius: .25rem;
    padding: .75rem;
    border: .0625rem solid var(--borderstaticenabled);
    -webkit-box-shadow: 0 2px 4px 0 #383c402e;
    box-shadow: 0 2px 4px 0 #383c402e;
    padding: 2.4em;
    margin-top: 1rem;
    border-radius: 1rem
}

.review-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px
}

.reviewer-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background-color: #F3F4F6;
    display: flex;
    align-items: center;
    justify-content: center
}

.reviewer-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%
}

.reviewer-info {
    flex: 1
}

.reviewer-name {
    font-weight: var(--fontlaborsemi);
    font-family: var(--fontlabor);
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--contentprimaryenabled);
    text-decoration: none
}

.star-rating {
    display: flex;
    gap: 2px
}

.star-rating i {
    color: var(--othersreviewpositive);
    font-size: 12px
}

.review-dates {
    display: flex
}

.rental-date,
.review-date,
.charter-info {
    font-weight: var(--fontlaborreg);
    font-family: var(--fontlabor);
    font-size: .75rem;
    line-height: 1rem;
    color: var(--contentsecondaryenabled);
    padding: .25rem 0
}

.charter-info strong {
    color: var(--contentprimaryenabled);
    font-weight: var(--fontlabormed)
}

.review-content {
    font-weight: var(--fontlaborreg);
    font-family: var(--fontlabor);
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--contentprimaryenabled);
    text-decoration: none
}

.read-more {
    color: var(--contentprimaryenabled);
    font-weight: var(--fontlaborreg);
    cursor: pointer;
    text-decoration: none;
    transition: color .3s ease
}

@media (max-width: 1024px) {
    .review-card {
        max-width: 600px
    }
}

@media (max-width: 768px) {
    #featuredReviews {
        padding: 3rem 1rem
    }

    #featuredReviews .titleSep {
        font-size: 1.75rem;
        line-height: 2.25rem;
        margin-bottom: 2rem
    }

    .review-card {
        padding: 20px;
        max-width: 100%
    }

    .reviewer-avatar {
        width: 40px;
        height: 40px
    }

    .reviewer-name {
        font-size: 1rem
    }

    .star-rating i {
        font-size: 12px
    }
}

@media (max-width: 480px) {
    #featuredReviews {
        padding: 2rem .75rem
    }

    .review-card {
        padding: 16px
    }

    .reviewer-avatar {
        width: 36px;
        height: 36px
    }

    .reviewer-name {
        font-size: .9rem
    }

    .charter-info,
    .rental-date,
    .review-date {
        font-size: .8rem
    }

    .review-content {
        font-size: .9rem
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.review-card {
    animation: fadeInUp .6s ease-out
}

.review-card:nth-child(2) {
    animation-delay: .2s
}

.grid {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 1rem
}

@media (max-width: 1024px) {
    .grid {
        max-width: 100%;
        padding: 0 1rem
    }
}

@media (max-width: 768px) {
    .grid {
        min-width: auto;
        padding: 0 .5rem
    }
}

.columnleft,
.columnright {
    max-width: 49%;
    width: 100%
}

.slide {
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px
}

.gallery-section {
    margin-top: 3.5rem
}

#featuredDestinations .ban {
    display: block;
    padding-top: 5.625rem;
    height: 28.125rem;
    background: no-repeat 10% 10%;
    background-size: cover;
    background-position: 70% 50%;
    text-align: center;
    color: var(--contentcontrastenabled)
}

#featuredDestinations .ban- {
    text-align: center;
    color: var(--contentcontrastenabled)
}

#featuredDestinations .ban- .title {
    font-weight: var(--fonttitlesemi);
    font-family: var(--fonttitle);
    font-size: 3.5rem;
    line-height: 4rem;
    color: var(--contentcontrastenabled);
    text-align: center;
    display: block;
}

div#featuredDestinations {
    padding: 0;
}

#featuredDestinations .ban- .desc {
    font-weight: var(--fonttitlesemi);
    font-family: var(--fonttitle);
    font-size: 1.5rem;
    line-height: 2rem;
    color: var(--contentcontrastenabled);
    margin-top: 1.25rem;
    text-align: center;
    display: block;
}

#featuredDestinations .ban- button {
    font-weight: var(--fontlaborsemi);
    font-family: var(--fontlabor);
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--contentprimaryenabled);
    text-decoration: none;
    background: var(--buttonlightenabled);
    display: block;
    margin: 4.375rem auto 0;
    height: 3.75rem;
    padding: .75rem 3.75rem;
    border: .125rem solid var(--buttonlightenabled);
    border-radius: 6.25rem;
    text-decoration: none;
    cursor: pointer
}

.destinations-section {
    padding: 5rem 0;
    padding-bottom: 2rem
}

.destinations-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
    margin-top: 3.5rem
}

.destinations-section .titleSep {
    font-family: var(--fonttitle);
    font-weight: var(--fonttitlesemi);
    font-size: 2.5rem;
    line-height: 3rem;
    color: var(--contentprimaryenabled);
    text-align: center;
    margin: 0 0 4rem
}

#featuredDestinations figure.wp-caption {
    position: relative;
}

#featuredDestinations .widget-image-caption {
    position: absolute;
    z-index: 123;
    bottom: 0;
    width: 100%;
    padding: 15px;
    color: #fff;
    opacity: 1;
}

.destinations-section .titleSep span {
    color: var(--contentbrand)
}

.destinations-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    align-items: start
}

.destination-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    transition: all .3s ease;
    box-shadow: 0 4px 20px #0000001a
}

.destination-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px #00000026
}

.destination-image {
    width: 100%;
    height: 280px;
    object-fit: cover;
    display: block
}

.destination-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, #000000b3 0%, #0000004d 50%, transparent 100%);
    padding: 2rem 1.5rem 1.5rem;
    display: flex;
    align-items: flex-end
}

.destination-name {
    font-family: var(--fonttitle);
    font-weight: var(--fonttitlesemi);
    font-size: 1.75rem;
    line-height: 2rem;
    color: #fff;
    margin: 0;
    text-shadow: 0 2px 4px #0000004d
}

.helpie-faq.accordions .accordion .accordion__item .accordion__header div.accordion__title {
    font-weight: var(--fontlaborsemi);
    font-family: var(--fontlabor);
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.helpie-faq.accordions .accordion .accordion__item .accordion__body {
    color: var(--wp--preset--color--contrast);
    font-family: var(--wp--preset--font-family--manrope);
    font-size: var(--wp--preset--font-size--large);
    font-weight: 300;
    letter-spacing: -0.1px;
    line-height: 1.4;
    font-size: 20px;
    padding: 0;
    margin-bottom: 14px;
}

.helpie-faq.accordions .accordion .accordion__item .accordion__header {
    padding-left: 0;
    padding-right: 0;
}

.helpie-faq.accordions .accordion__header:before,
.helpie-faq.accordions .accordion__header:after {
    margin-right: 3px;
}

.helpie-faq.accordions .accordion .accordion__item {
    border-bottom: solid 1px #26262636;
}

.helpie-faq.accordions .accordion__header:before,
.helpie-faq.accordions .accordion__header:after {
    background: #262626ad;
}

.helpie-faq.accordions .collection-title {
    display: none;
}

.titleSep {
    margin: 0;
}

.blog-design-masonry.has-post-thumbnail .post-date {
    display: none;
}

@media (max-width: 1024px) {
    .destinations-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem
    }

    .destination-card:last-child {
        grid-column: 1 / -1;
        max-width: 50%;
        margin: 0 auto
    }
}

@media (max-width: 768px) {
    .destinations-section {
        padding: 3rem 0
    }

    .destinations-section .container {
        padding: 0 1rem
    }

    .destinations-section .titleSep {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 2.5rem
    }

    .destinations-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem
    }

    .destination-card:last-child {
        grid-column: 1;
        max-width: 100%;
        margin: 0
    }

    .destination-image {
        height: 240px
    }

    .destination-name {
        font-size: 1.5rem;
        line-height: 1.75rem
    }
}

.yacht-owner-section {
    padding: 2.5rem 0;
    margin-top: 1.25rem;
    background-color: var(--backgroundsurfaceenabled);
    border-top: .0625rem solid var(--borderstaticenabled);
    border-bottom: .0625rem solid var(--borderstaticenabled)
}

.yacht-owner-section .container {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 2rem;
    text-align: center
}

.yacht-owner-content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.yacht-owner-section .yacht-owner-subtitle {
    margin-bottom: 2rem
}

.yacht-owner-title {
    font-family: var(--fonttitle);
    font-weight: var(--fonttitlesemi);
    font-size: 2.5rem;
    line-height: 3rem;
    color: var(--contentprimaryenabled);
    margin: 0
}

.yacht-owner-title span {
    color: var(--contentbrand)
}

.yacht-owner-subtitle {
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborreg);
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: var(--contentsecondaryenabled);
    margin: 0;
    max-width: 500px
}

.estimate-btn {
    background: #fea4f5;
    border: none;
    border-radius: .25rem;
    padding: 1rem 1.2rem;
    font-size: 1.125rem;
    line-height: 1;
    cursor: pointer;
    transition: all .3s ease;
    box-shadow: 0 4px 15px #c94fbd4d;
    margin-top: 1rem;
    font-weight: var(--fontlaborreg);
    font-weight: var(--fontlaborsemi);
    font-family: var(--fontlabor);
    color: var(--contentbranddark)
}

.getinspired-by-your-next-trip {
    background-color: var(--backgroundsurfaceenabled)
}

.getinspired-by-your-next-trip .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem
}

.getinspired-by-your-next-trip .titleSep {
    text-align: center;
    margin-bottom: 3rem;
    font-family: var(--fonttitle);
    font-weight: var(--fonttitlesemi);
    font-size: 32px;
    line-height: 2rem;
    color: var(--contentprimaryenabled)
}

.getinspired-by-your.next-trip .titleSep span {
    color: var(--contentbrand)
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(342px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem
}

.blog-card {
    background: var(--backgroundsurfaceenabled);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: inset -1px 0 0 var(--borderinteractiveenabled), inset 1px 0 0 var(--borderinteractiveenabled), inset 0 -1px 0 var(--borderinteractiveenabled);
    transition: transform .3s ease, box-shadow .3s ease;
    max-width: 342px
}

.blog-image {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden
}

.blog-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease
}

.blog-card:hover .blog-img {
    transform: scale(1.05)
}

.blog-content {
    padding: 1.5rem
}

.blog-title,
html body .blog-design-masonry .post-title {
    font-weight: var(--fontlaborsemi);
    font-family: var(--fontlabor);
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--contentprimaryenabled);
    text-decoration: none;
    margin-bottom: 1rem;
    text-align: left;
}

.hovered-social-icons.wd-tltp {
    display: none;
}

.blog-excerpt,
html body .entry-content.wd-entry-content {
    font-weight: var(--fontlaborreg);
    font-family: var(--fontlabor);
    font-size: .75rem;
    line-height: 1rem;
    color: var(--contentsecondaryenabled);
    margin-bottom: 0;
    text-align: left;
}

.blog-design-masonry.blog-style-shadow .article-inner {
    border-radius: 10px;
}

.blog-meta {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    gap: .2rem;
    flex-direction: column
}

.blog-link {
    font-weight: var(--fontlaborMed);
    font-family: var(--fontlabor);
    font-size: .75rem;
    line-height: 1rem;
    color: var(--contentprimaryenabled)
}

.blog-link:hover {
    color: var(--contentbrandhover);
    text-decoration: underline
}

.blog-date {
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborreg);
    font-size: .75rem;
    line-height: 1rem;
    color: var(--contentsecondaryenabled);
    white-space: nowrap
}

.blog-cta {
    text-align: center;
    margin-top: 2rem
}

@media (max-width: 768px) {
    .getinspired-by-your-next-trip {
        padding: 3rem 0
    }

    .getinspired-by-your-next-trip .container {
        padding: 0 1rem
    }

    .getinspired-by-your.next-trip .titleSep {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 2rem
    }

    .blog-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        margin-bottom: 2rem
    }

    .blog-content {
        padding: 1.25rem
    }

    .blog-title {
        font-size: 1.125rem;
        line-height: 1.5rem
    }

    .blog-excerpt {
        font-size: .8rem;
        line-height: 1.375rem
    }
}

@media (max-width: 480px) {
    .getinspired-by-your-next-trip .titleSep {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    .blog-image {
        height: 180px
    }

    .blog-content {
        padding: 1rem
    }

    .blog-title {
        font-size: 1rem;
        line-height: 1.375rem
    }

    .blog-excerpt {
        font-size: .75rem;
        line-height: 1.25rem;
        margin-bottom: 1rem
    }

    .blog-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: .5rem
    }
}

.sail-safely-container {
    padding: 3rem 0;
    background-color: var(--backgroundsurfaceenabled)
}

.sail-safely-container .container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 2rem
}

.sail-safely-section {
    text-align: center;
    margin-bottom: 4rem
}

.sail-safely-title {
    font-family: var(--fonttitle);
    font-weight: var(--fonttitlesemi);
    font-size: 2.5rem;
    line-height: 3rem;
    color: var(--contentprimaryenabled);
    margin: 0 0 2rem
}

.sail-safely-title span {
    color: var(--contentbrand)
}

.allianz-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.allianz-logo svg {
    max-width: 300px;
    height: auto
}

.most-searched-section {
    text-align: center;
    margin-top: 7rem
}

.most-searched-title {
    font-weight: var(--fonttitlesemi);
    font-family: var(--fonttitle);
    font-size: 1.5rem;
    line-height: 2rem;
    color: var(--contentprimaryenabled);
    margin-bottom: 3rem
}

.search-links-grid {
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

.search-links-row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.search-link {
    font-weight: var(--fontlabormed);
    font-family: var(--fontlabor);
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--contentprimaryenabled);
    text-decoration: none;
    border-radius: 1rem;
    display: inline-block;
    padding: .5rem 1rem;
    line-height: 1.5rem;
    background: var(--backgroundshadowenabled);
    margin: 0 1rem 1rem 0;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease
}

.search-link:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px #0000001a
}

@media (max-width: 968px) {
    .sail-safely-container {
        padding: 4rem 0
    }

    .sail-safely-title {
        font-size: 2rem;
        line-height: 2.5rem
    }

    .most-searched-title {
        font-size: 1.375rem;
        line-height: 1.875rem
    }

    .search-link {
        min-width: 160px;
        font-size: .8rem
    }
}

@media (max-width: 768px) {
    .sail-safely-container {
        padding: 3rem 0
    }

    .sail-safely-container .container {
        padding: 0 1rem
    }

    .sail-safely-section {
        margin-bottom: 3rem
    }

    .sail-safely-title {
        font-size: 1.75rem;
        line-height: 2.25rem;
        margin-bottom: 1.5rem
    }

    .most-searched-title {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: 2rem
    }

    .search-links-grid {
        gap: 1.25rem
    }

    .search-link {
        min-width: 140px;
        padding: .4rem .8rem;
        font-size: .75rem
    }

    .allianz-logo svg {
        max-width: 250px
    }
}

@media (max-width: 480px) {
    .sail-safely-container {
        padding: 2rem 0
    }

    .sail-safely-title {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .most-searched-title {
        font-size: 1.125rem;
        line-height: 1.5rem
    }

    .search-links-row {
        flex-direction: column;
        gap: .75rem;
        align-items: stretch
    }

    .search-link {
        min-width: auto;
        width: 100%;
        max-width: 280px;
        margin: 0 auto
    }

    .allianz-logo svg {
        max-width: 200px
    }
}

.footer {
    clear: both;
    width: 100%;
    background-color: #FFDAFB;
    padding: 5rem 2.5rem;
    margin-top: 5rem;
    color: #130111
}

.footer .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem
}

.footer-content {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 1fr;
    gap: 2rem;
    margin-bottom: 3rem;
    align-items: start
}

.footer-column {
    display: flex;
    flex-direction: column
}

.footer-title,
html body .widgettitle,
html body .widget-title,
html body .footer-title {
    font-weight: var(--fontlaborsemi) !important;
    font-family: var(--fontlabor) !important;
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
    color: var(--contentbranddark) !important;
    font-family: var(--fonttitle) !important;
    text-transform: uppercase !important;
    min-height: 3.75rem
}

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

.copyrights-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.footer-links a,
html body .footer-sidebar ul li a {
    font-weight: 400;
    font-family: var(--fontlabor);
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--contentbranddark);
    text-decoration: none;
    white-space: nowrap;
    color: #130111
}

.footer-links a:hover {
    color: var(--contentbrand);
    text-decoration: underline
}

.trust-content p,
.leader-section p {
    font-weight: var(--fontlaborreg);
    font-family: var(--fontlabor);
    font-size: .75rem;
    line-height: 1rem;
    color: var(--contentbranddark)
}

.customer-reviews {
    margin-top: 2rem
}

.customer-reviews h4 {
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborbold);
    font-size: .75rem;
    line-height: 1rem;
    color: var(--contentprimaryenabled);
    margin: 0 0 .75rem;
    letter-spacing: .05em;
    text-transform: uppercase
}

.rating {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.stars {
    display: flex;
    gap: .25rem
}

.stars i {
    color: var(--othersreviewpositive);
    font-size: 1rem
}

.rating p {
    color: var(--contentbranddark);
    margin-top: .25rem
}

.destinations-links {
    margin-bottom: 1.5rem
}

.charter-types {
    border-top: 1px solid var(--borderstaticenabled);
    padding-top: 1.5rem
}

.social-icons {
    display: flex;
    margin-bottom: 2rem
}

.social-link {
    font-weight: var(--fonttitlereg);
    font-family: var(--fonttitle);
    font-size: 1.5rem;
    line-height: 2rem;
    color: var(--contentbranddark);
    width: 3rem;
    height: 3rem;
    border-radius: 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-right: .625rem;
    margin-bottom: .9375rem;
    border: .125rem solid var(--contentbranddark);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.social-link:hover {
    background-color: var(--backgroundbrand);
    border-color: var(--backgroundbrand);
    transform: translateY(-2px)
}

.social-link i {
    font-size: 1.125rem;
    color: var(--contentbranddark);
    transition: color .3s ease
}

.social-link:hover i {
    color: var(--contentcontrastenabled)
}

.leader-section {
    margin-bottom: 2rem
}

.leader-section h4 {
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborsemi);
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--contentprimaryenabled);
    margin: 0 0 1rem
}

.app-badges {
    display: flex;
    gap: .75rem
}

.app-badge {
    display: block;
    text-decoration: none
}

.app-badge img {
    height: 48px;
    width: auto;
    border-radius: 8px;
    transition: transform .3s ease
}

.app-badge:hover img {
    transform: scale(1.05)
}

.footer-bottom {
    padding-top: .3rem;
    text-align: left
}

.footer-bottom p {
    font-weight: var(--fontlaborreg);
    font-family: var(--fontlabor);
    font-size: .75rem;
    line-height: 1rem;
    color: var(--contentbranddark)
}

.olumn-you-can-trust-us .stars i {
    font-size: 10px
}

.footer-column.column-about {
    min-width: 0
}

.footer-column.column-you-can-trust-us {
    min-width: 0
}

.footer-column.column-destination {
    min-width: 0
}

.footer-column.column-follow-us {
    min-width: 0
}

@media (max-width: 968px) {
    .footer {
        padding: 3rem 0 1.5rem
    }

    .footer-content {
        grid-template-columns: 1fr 1fr;
        gap: 2rem
    }
}

@media (max-width: 768px) {
    .footer {
        padding: 2.5rem 0 1.5rem
    }

    .footer .container {
        padding: 0 1rem
    }

    .footer-content {
        grid-template-columns: 1fr;
        gap: 2rem;
        margin-bottom: 2rem
    }

    .app-badges {
        align-items: center
    }

    .footer-bottom {
        padding-top: 1.5rem
    }
}

@media (max-width: 480px) {
    .footer {
        padding: 2rem 0 1rem
    }

    .footer-content {
        gap: 1.5rem;
        margin-bottom: 1.5rem
    }

    .footer-title {
        font-size: .8rem;
        margin-bottom: 1rem
    }

    .footer-links a,
    .trust-content p,
    .leader-section p {
        font-size: .8rem;
        line-height: 1.375rem
    }

    .leader-section h4 {
        font-size: .9rem;
        line-height: 1.375rem
    }

    .social-link {
        width: 36px;
        height: 36px
    }

    .social-link i {
        font-size: 1rem
    }

    .app-badge img {
        height: 36px
    }

    .footer-bottom {
        padding-top: 1rem
    }
}


@media (min-width: 991px) {
    .popin {
        display: none;
    }
}

@media (min-width: 768px) {

    .hidden-desktop {
        display: none !important;
    }



}

/* only for header menu */
@media (max-width: 990px) {

    #js-main-header .user>a,
    #js-main-header .user>.topbar__settingsDropdowns {
        display: none !important;
    }

    .topBar .mobileMenu span,
    .topBar.jss-withPushToApp .mobileMenu span {
        display: block;
        height: .25rem;
        background-color: var(--contentprimaryenabled);
        width: 100%;
        border-radius: .125rem;
    }

    .topBar .mobileMenu span:not(:last-child),
    .topBar.jss-withPushToApp .mobileMenu span:not(:last-child) {
        margin-bottom: .375rem;
    }

    .topBar .mobileMenu span:not(:last-child),
    .topBar.jss-withPushToApp .mobileMenu span:not(:last-child) {
        margin-bottom: .375rem;
    }



    .topBar .mobileMenu,
    .topBar.jss-withPushToApp .mobileMenu {
        display: block;
        margin: 0 .5rem;
        width: 40px;
    }

    .popin {
        top: 0;
        position: fixed;
        visibility: hidden;
        right: -530px;
        top: 0;
        height: 100%;
        overflow: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateZ(0px);
        opacity: 1;
        padding: 16px 16px 48px;
        max-width: 530px;
        width: 100%;
        z-index: 22;
        background-color: #fafafa;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        max-width: 380px;

    }

    .openNavigationMenu .popin {
        right: 0;
    }

    #bg-popins {
        display: none;
        background-color: var(--overlay);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 9;
        opacity: 0;
    }

    #bg-popins.active {
        opacity: .8;
        display: block;
    }


    .popin .close-popin,
    .popin .close {
        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-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: var(--fontlaboreg);
        font-family: var(--fontlabor);
        font-size: .75rem;
        line-height: 1rem;
        color: var(--contentprimaryenabled);
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: .5rem .75rem;
        padding-top: calc(env(safe-area-inset-top) + .5rem);
        width: 100%;
        cursor: pointer;
        text-align: right;
        text-transform: uppercase;
    }


    .popin .close:after {
        font-size: 1.375rem;
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        content: '\f00d';
        margin-left: .375rem;
    }

    .small .menuMobile__settingsDropdowns {
        margin-top: .5rem;
    }

    .small .menuMobile__settingsDropdowns .settingsDropdown {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

    .small .menuMobile__settingsDropdowns .settingsDropdown .dropdown {
        height: 3rem;
        max-height: none;
        padding: .625rem 1rem;
    }

}

#featuredBoats .boat.a1,
#featuredBoats .boat.a2,
#featuredBoats .boat.a3,
#featuredBoats .boat.a4,
#featuredBoats .boat.a5,
#featuredBoats .boat.a6 {

    margin: 0;
}

/* only for header menu  Ends */



@media (max-width: 767px) {
    .homeHero .cabInput__inputIconDate {
        display: none;
    }

    .iPhoneOnly .cabInput__inputIconDate {
        top: 0%;
        display: inline-block;

    }

    .iPhoneOnly .cabInput__datesDates>div {
        display: flex;
    }

    .iPhoneOnly .cabInput__input,
    .iPhoneOnly .cabInput__datesDate--start,
    .iPhoneOnly .cabInput__datesDate,
    .iPhoneOnly .homeHero__boatTypeDropdown {
        height: 54px;
        flex: 1;
    }


    .cabInput__input,
    .cabInput__datesDate--start,
    .cabInput__datesDate,
    .homeHero__boatTypeDropdown {
        padding: .875rem .875rem .875rem .75rem;
    }

    .popin .user a {
        padding: 12px 16px;
        border-bottom: 1px solid var(--borderstaticenabled);
        display: block;
        color: var(--contentprimaryenabled);
        text-decoration: none;
    }

    .hidden-mobile {
        display: none !important;
    }

    .homeHero__title_mobile {
        position: relative;
        color: var(--contentcontrastenabled);
        padding: 9rem 1.5rem 1rem;
        width: 100%;
        z-index: 2;
        font-size: clamp(2.15rem, 0.15rem + ((1vw - 0.2rem) * 1.333), 3rem);
        font-weight: 400;
        letter-spacing: -0.1px;
        line-height: 1.125;
    }

    .homeHero {
        padding: 0rem;
    }

    .overlay-card {

        border-radius: 0;
        margin-left: -20px;
        margin-right: -20px;
        width: auto;
        max-width: inherit;
    }

    #featuredBoats .mosa,
    #featuredBoats .mosa:not(:first-child) {
        width: 100%;
        padding-left: 0;
    }

    #featuredBoats .boat.a1,
    #featuredBoats .boat.a2,
    #featuredBoats .boat.a3,
    #featuredBoats .boat.a4,
    #featuredBoats .boat.a5,
    #featuredBoats .boat.a6 {
        height: 12.5rem;
        min-height: 12.5rem;
        margin: 0;
    }

    #featuredBoats .boat {
        margin: 0;
    }

    .columnleft,
    .columnright {
        max-width: 100%;
    }

    .homeHero {
        /* height: calc(100vh - 8rem);        min-height: 0; */
    }

    .overlay-card {
        box-shadow: 0 0px 0px #00000026;
    }

    .blog-card {
        max-width: 100%;
    }

    .footer-column {
        padding-left: 3rem;
    }

    .cabInput__datesDates {
        display: flex;
        flex-wrap: wrap;
    }

    .cabInput__datesDates>div {
        max-width: 48%;
        width: 100%;
    }

    .cabInput__datesDates>div input {
        width: 100%;
    }

    section#featuredBoats {
        margin-top: 6rem;
    }

    .destination-image {
        height: 144px;
    }

}

/* Auth Modal Sidebar Styles */
.auth-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

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

.auth-modal-sidebar {
    position: fixed;
    top: 0;
    right: -450px;
    width: 450px;
    height: 100vh;
    background: var(--backgroundsurfaceenabled);
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
    z-index: 1001;
    transition: right 0.3s ease;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.auth-modal-sidebar.active {
    right: 0;
}

.auth-modal-header {
    padding: 24px 32px;
    border-bottom: 1px solid var(--borderstaticenabled);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--backgroundsurfaceenabled);
    position: sticky;
    top: 0;
    z-index: 10;
}

.auth-modal-title {
    font-family: var(--fonttitle);
    font-weight: var(--fonttitlesemi);
    font-size: 1.5rem;
    line-height: 2rem;
    color: var(--contentprimaryenabled);
    margin: 0;
}

.auth-modal-close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.auth-modal-close:hover {
    background-color: var(--backgroundshadowenabled);
}

.auth-modal-close svg {
    width: 20px;
    height: 20px;
    color: var(--contentprimaryenabled);
}

.auth-modal-content {
    flex: 1;
    padding: 32px;
    display: flex;
    flex-direction: column;
}

.auth-modal-subtitle {
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborreg);
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--contentsecondaryenabled);
    margin: 0 0 32px 0;
    text-align: center;
}

.auth-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.auth-form-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 8px;
}

.auth-form-label {
    font-family: var(--fontlabor);
    font-weight: var(--fontlabormed);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--contentprimaryenabled);
}

.auth-form-input {
    width: 100% !important;
    padding: 12px 16px !important;
    border: 1px solid var(--borderinteractiveenabled) !important;
    border-radius: 8px !important;
    font-family: var(--fontlabor) !important;
    font-weight: var(--fontlaborreg) !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    color: var(--contentprimaryenabled) !important;
    background-color: var(--backgroundsurfaceenabled) !important;
    transition: all 0.2s ease !important;
    outline: none !important;
}

.auth-form-input:focus {
    border-color: var(--contentaccentenabled) !important;
    box-shadow: 0 0 0 3px rgba(150, 36, 139, 0.1) !important;
}

.auth-form-input::placeholder {
    color: var(--contentplaceholderenabled) !important;
}

.auth-form-checkbox-group {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 8px 0;
}

.auth-form-checkbox {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    accent-color: var(--contentaccentenabled);
}

.auth-form-checkbox-label {
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborreg);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--contentsecondaryenabled);
    flex: 1;
}

.auth-form-checkbox-label a {
    color: var(--contentaccentenabled);
    text-decoration: none;
}

.auth-form-checkbox-label a:hover {
    text-decoration: underline;
}

.auth-form-submit {
    width: 100% !important;
    padding: 14px 24px;
    background: var(--buttonaccentenabled) !important;
    color: var(--contentbranddark) !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: var(--fontlabor) !important;
    font-weight: var(--fontlaborsemi) !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin-top: 8px !important;
}

.auth-form-submit:hover {
    background: var(--buttonaccenthover) !important;
    transform: translateY(-1px) !important;
}

.auth-form-submit:active {
    transform: translateY(0) !important;
}

.auth-divider {
    display: flex;
    align-items: center;
    margin: 32px 0 24px 0;
}

.auth-divider::before,
.auth-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--borderstaticenabled);
}

.auth-divider span {
    margin: 0 16px;
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborreg);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--contentsecondaryenabled);
}

.auth-social-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 32px;
}

.auth-social-btn {
    width: 100% !important;
    padding: 12px 16px;
    border: 1px solid var(--borderinteractiveenabled) !important;
    border-radius: 8px !important;
    background: var(--backgroundsurfaceenabled) !important;
    color: var(--contentprimaryenabled) !important;
    font-family: var(--fontlabor) !important;
    font-weight: var(--fontlabormed) !important;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.auth-social-btn:hover {
    background: var(--backgroundshadowenabled) !important;
    border-color: var(--borderinteractivehover) !important;
}

.auth-social-btn svg {
    width: 20px;
    height: 20px;
}

.auth-modal-footer {
    padding: 24px 32px;
    border-top: 1px solid var(--borderstaticenabled);
    text-align: center;
    background: var(--backgroundsurfaceenabled);
}

.auth-modal-footer p {
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborreg);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--contentsecondaryenabled);
    margin: 0;
}

.auth-modal-footer a {
    color: var(--contentaccentenabled);
    text-decoration: none;
    font-weight: var(--fontlabormed);
}

.auth-modal-footer a:hover {
    text-decoration: underline;
}

.forgot-password-link {
    text-align: center;
    margin-top: 16px;
}

.forgot-password-link a {
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborreg);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--contentaccentenabled);
    text-decoration: none;
}

.logo img {
    max-width: 124px;
}

.forgot-password-link a:hover {
    text-decoration: underline;
}

#order_review .price-breakdown {
    font-size: 16px;
}

@media (min-width: 769px) {
    .mobile-date-picker {
        display: none;
    }


}

/* Responsive Design */
@media (max-width: 768px) {
    .desktop-date-picker {
        display: none;
    }

    .auth-modal-sidebar {
        width: 100vw;
        right: -100vw;
    }

    .auth-modal-content {
        padding: 24px;
    }

    .auth-modal-header {
        padding: 20px 24px;
    }

    .auth-modal-footer {
        padding: 20px 24px;
    }

    .e-con.e-grid>.e-con-inner {
        justify-content: initial !important;
    }

}

@media (max-width: 767px) {

    html .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {

        width: 100%;
    }

    nav.woocommerce-MyAccount-navigation {
        margin-bottom: 2rem;
    }

    .e-con.e-grid>.e-con-inner {
        justify-content: initial !important;
    }
}

@media (max-width: 480px) {
    .auth-modal-content {
        padding: 20px;
    }

    .auth-modal-header {
        padding: 16px 20px;
    }

    .auth-modal-footer {
        padding: 16px 20px;
    }

    .auth-form {
        gap: 20px;
    }

    .auth-social-buttons {
        gap: 10px;
    }

    .e-con.e-grid>.e-con-inner {
        justify-content: initial !important;
    }

    .wd-tools-element>a {
        color: #000 !important;
        padding-right: 20px !important;

    }

    .wd-header-mobile-nav .wd-tools-icon::before {
        font-size: 45px !important;
        border-radius: 20px;

    }

    #menu-mobile-navigation>.menu-item>.settingsDropdown {
        width: 299px;
        padding-right: 10px;
        padding-left: 10px;
    }

    #menu-mobile-navigation>.menu-item {
        margin-top: 10px;
    }

    #start-date-display {
        font-size: 14px !important;
        color: #666;

    }

    #end-date-display {
        font-size: 14px !important;
        color: #666;
    }
   .wd-nav-mobile li a {
    min-height: 40px !important;
    font-weight: 400 !important;
   }

   #tabs-date-rentaltype {
      margin-top: 20px !important;
   }
}

.hero-banner-section-image {

    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: calc(100vh - 4rem);
    width: 100%;
    position: relative;
    padding: 2rem;
    height: calc(100vh - 4rem);
    width: 100%;
    min-height: 41.4375rem;
}

body .select2-container--default .select2-selection {
    border-radius: 5px !important;
}

.flatpickr-input {
    padding: .8rem .8rem .8rem 3rem !important;
    border-radius: 5px !important;

}

.homeHero__boatTypeDropdown ul li {
    margin-bottom: 0px !important;
}

.parent-icons {
    display: flex;
}

.child-icons {
    width: 300px;
    height: 70px;
}

.child-icons .google-play {
    width: 185px;
    height: 57px;
}

.block-16 .wp-social-link svg {
    width: 50px;
    height: 50px;

}

.estmate-earning {
    background: #fea4f5;
}

body .select2-container--default .select2-search--dropdown {
    padding: 0px !important;
}

.select2-search__field {
    border-radius: 0px !important;

}

.select2-search--dropdown::after {
    display: none !important;
}

body .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 2px #0073aa solid !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0073aa !important;
}

.whb-col-right .wd-header-text {
    width: 150px;
}

body .select2-container--default .select2-selection--single .select2-selection__clear {
    top: 2px !important;
    right: 25px !important;
    background: transparent !important;
}

body .select2-container--default .select2-selection--single .select2-selection__clear::before {
    font-weight: 600 !important;
    font-size: 8px !important;
    color: #2c2c2c !important;

}

.wd-nav[class*="wd-style-"]>li:hover>a {
    color: rgba(0, 0, 0, 0.8) !important;

}

.wd-nav[class*="wd-style-"]>li>a {
    color: rgba(0, 0, 0, 0.8) !important;

}

.elementor-13905 .elementor-element.elementor-element-a13ec9a:not(.elementor-motion-effects-element-type-background) {
    height: 100% !important;
}

.elementor-element-0a8c8de {
    margin-top: 90px;
}

.overlay-card .select2-container--default .select2-selection--single {
    height: 51px;
    padding-left: 0px !important;
    width: 100%;
    padding: .8rem .8rem .8rem 3rem;
    padding-left: 3rem;
    border: 1px solid var(--borderinteractiveenabled);
    border-radius: .25rem;
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborreg);
    font-size: 1rem;
    line-height: 1.5;
    color: var(--contentprimaryenabled);
    background-color: var(--backgroundsurfaceenabled);
    transition: all .3s ease;
    outline: none;
}

.overlay-card .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 15px;
}

.date-picker-modal .modal-footer .btn-secondary {
    background-color: #6c757d !important;
    border-radius: 5px !important;
    color: #fff !important;
    padding: .75rem 1.5rem !important;
    font-size: 13px !important;
    line-height: 1.5rem !important;
}

#tabs-date-rentaltype {
    margin-top: 70px;
}