section.ship-hero-section .section-bg img {
    position: relative;
    -webkit-animation: 1;
    animation: 1;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

section.ship-hero-section:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .4;
    z-index: -1;
}

section.ship-hero-section .section-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(28.9%, rgba(0, 0, 0, 0.50)), color-stop(47.11%, rgba(0, 0, 0, 0.00)), color-stop(57.39%, rgba(0, 0, 0, 0.00))), url(<path-to-image>), lightgray 0px -318.222px / 100% 259.211% no-repeat;
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.50) 28.9%, rgba(0, 0, 0, 0.00) 47.11%, rgba(0, 0, 0, 0.00) 57.39%), url(<path-to-image>), lightgray 0px -318.222px / 100% 259.211% no-repeat;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.9%, rgba(0, 0, 0, 0.00) 47.11%, rgba(0, 0, 0, 0.00) 57.39%), url(<path-to-image>), lightgray 0px -318.222px / 100% 259.211% no-repeat;
    z-index: -2;
}

section.ship-hero-section {
    position: relative;
    -webkit-animation: 1;
    animation: 1;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 560px;
    padding: 80px 0;
    z-index: 1;
}

section.ship-hero-section h1 {
    color: #fff;
    font-family: PT Serif;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 15px;
}

section.ship-hero-section h2 {
    color: #FFF;
    font-family: Poppins;
    font-size: 24px;
    font-weight: 500;
    line-height: 20px;
    /* 83.333% */
    letter-spacing: 0.48px;
    text-transform: uppercase;
}


/* ship sticky bar  */
.ship-sticky-bar {}

.ship-sticky-bar ul {
    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;
    border-radius: 15px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.11);
    padding: 7px 6px;
    list-style: none;
    margin: 0;
}

.ship-sticky-bar ul a {
    color: #2B2B2B;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 111.111% */
    padding: 25px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-radius: 12px;
}

.ship-sticky-bar ul a img {
    width: 24px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.ship-sticky-bar ul a:hover {
    background: #546EF3;
    color: #fff;
}

.ship-sticky-bar ul a:hover img {
    -webkit-filter: brightness(6.5);
    filter: brightness(6.5);
}

.ship-sticky-bar {
    margin-top: -44px;
    top: 161px;
    position: sticky;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: 12;
}

.admin-bar .ship-sticky-bar {
    top: 193px;
}

/* ship overview  */
.ship-common-content h3,
.ship-common-content h1 {
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    color: #546EF5;
}

.ship-common-content h2 {
    color: #000;
    font-family: Poppins;
    font-size: 46px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* margin-bottom: 0; */
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 15px;
}

.ship-common-content p {
    /* color: #000;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; */
}

.overview-technical-data h4 {
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: #1937b5;
    padding: 5px 12px;
}

.overview-technical-data ul {
    list-style: none;
}

.overview-technical-data ul li {
    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;
    background: #f9f9f9;
    margin-bottom: 5px;
    padding: 5px;
    color: #000;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.overview-technical-data ul li .data-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}

.overview-technical-data ul li .data-name img {
    width: 17px;
    height: 17px;
    -o-object-fit: contain;
    object-fit: contain;
}

section.ship-overview-section .container {}

section.ship-overview-section {
    padding: var(--section-padding) 0;
}


.overview-technical-data {
    margin-top: 13px;
}

/* deck plan  */
.deck-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px;
}

.deck-sidebar {
    max-height: 261px;
    overflow: auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 255px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 255px;
    flex: 0 0 255px;
}

.deck-title {
    margin-bottom: 5px;
    color: #000;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    cursor: pointer;
}

.deck-title p {
    margin: 0;
    background: #EDF4FE;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 4px 9px;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.deck-title>span {
    width: 27px;
    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: #546EF3;
    color: #fff;
}

.deck-title.active p {
    background: #546EF3;
    color: #fff;
}

.deck-image {
    display: none;
}

.deck-image.active {
    display: block;
}

a.deck-enlarge-btn {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 200% */
    text-transform: uppercase;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 39.5px;
    border: 1px solid #4370F5;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 6px 16px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    transform: translatey(-100%);
    z-index: 1;
}

.deck-image-wrap {
    position: relative;
    margin-top: -21px;
}

section#ship-deck-plan {
    padding: 80px;
}

.deck-content.ship-common-content {
    margin-bottom: 27px;
}

.overview-content.ship-common-content {
    padding-right: 90px;
}

/* SHIP CABIN CSS */
.cabin-tabs {
    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;
    width: 100%;
    margin: 0 auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
    max-width: 100%;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* padding: 0 15px; */
    margin-bottom: -13px;
}

.cabin-title h3 {
    color: #000;
    font-family: Poppins;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px;
}

.cabin-tab-item img {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    border: 5px solid transparent;
}

.cabin-tab-item {
    text-align: center;
    cursor: pointer;
    padding-bottom: 37px;
    position: relative;
    z-index: 2;
    left: 31px;
}

.cabin-tab-item p {
    margin: 0;
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background-color: #4370F5;
    padding: 2px 9px;
    border-radius: 5px;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-top: 10px;
    position: absolute;
    bottom: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
}

.cabin-tab-item.active p {
    opacity: 1;
    visibility: visible;
}

.cabin-tab-item.active img {
    border-color: #4370F5;
}

.cabin-tab-item p:before {
    background-color: #4370F5;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translatex(-50%) translatey(-50%) rotate(45deg);
    -ms-transform: translatex(-50%) translatey(-50%) rotate(45deg);
    transform: translatex(-50%) translatey(-50%) rotate(45deg);
}

.cabin-image {
    height: 400px;
    ;
}

.cabin-image img {
    WIDTH: 100%;
    border-radius: 16px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.cabin-item {
    DISPLAY: NONE;
}

.cabin-item.active {
    DISPLAY: BLOCK;
}

.cabin-content-wrap {
    DISPLAY: FLEX;
    FLEX-WRAP: WRAP;
    GAP: 17PX;
    MARGIN-TOP: 20PX;
}

.cabin-content {
    WIDTH: 50%;
}

.cabin-content h3 {
    color: #000;
    font-family: Poppins;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 5PX;
}

.cabin-content P {
    color: #000;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.cabin-info-wrap {
    background: #EDF4FE;
    padding: 40px;
    width: 380px;
    margin-top: -50px;
    z-index: 1;
    margin-left: 30px;
}

.cabin-info {
    position: relative;
    padding-left: 49px;
    margin-bottom: 20px;
}

.cabin-info img {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
}

.cabin-info p {
    color: #262626;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.cabin-info h4 {
    color: #262626;
    font-family: Poppins;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

.cruise-sortable-gallery-section .container .more-gallery-btn {
    position: absolute;
    right: 30px;
    bottom: 22px;
}

.cabin-images-wrap .swiper-arrow {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 1;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
}



.cabin-images-wrap {
    position: relative;
}

.cabin-images-wrap .swiper-arrow .swiper-btn.swiper-next {
    -webkit-transform: rotate(180deg) translatex(-50%);
    -ms-transform: rotate(180deg) translatex(-50%);
    transform: rotate(180deg) translatex(-50%);
}

.cabin-images-wrap .swiper-arrow .swiper-btn.swiper-prev {
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
}

/* gallery css  */
.isotope-row>.gallery-item.gallery-item-1 {
    width: 50%;
    height: 380px;
    max-width: 50%;
}

.cruise-sortable-gallery-section .main-row .video a img.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    -o-object-fit: inherit;
    object-fit: inherit;
    height: 30px;
    -webkit-transform: translatex(-50%) translatey(-50%);
    -ms-transform: translatex(-50%) translatey(-50%);
    transform: translatex(-50%) translatey(-50%);
}

.cruise-sortable-gallery-section .main-row .video a img.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    -o-object-fit: inherit;
    object-fit: inherit;
    height: 50px;
    -webkit-transform: translatex(-50%) translatey(-50%);
    -ms-transform: translatex(-50%) translatey(-50%);
    transform: translatex(-50%) translatey(-50%);
}


.isotope-row>.gallery-item {
    height: 190px;
    padding: 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.isotope-row>.gallery-item.hide-gallery {
    display: none;
}

.cruise-sortable-gallery-section .main-row a {
    height: 100% !important;
    display: block;
    overflow: hidden;
}

.row.isotope-row.main-row {
    border-radius: 30px;
    overflow: hidden;
}


.isotope-row>.gallery-item-3 .image-popup {
    border-top-right-radius: 20px;
    overflow: hidden;
}

.isotope-row>.gallery-item-5 .image-popup {
    border-bottom-right-radius: 20px;
    overflow: hidden;
}

.isotope-row>.gallery-item.gallery-item-1 a {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

ul.gallery-isotope-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    list-style: none;
}

ul.gallery-isotope-nav li {
    padding: 7px 20px;
    border-radius: 7px;
    border: 1px solid #000;
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

ul.gallery-isotope-nav li.active {
    background: #546EF3;
    border-color: #546EF3;
    color: #fff;
}

section.cruise-sortable-gallery-section {
    background: #EDF4FE;
    padding: 80px 0;
}

section.cruise-sortable-gallery-section .title {
    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-bottom: 24px;
}

section.cruise-sortable-gallery-section .title h3 {
    color: #000;
    font-family: Poppins;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

.cruise-sortable-gallery-section .main-row a img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

section.cruise-sortable-gallery-section .container {
    position: relative;
}

.cruise-sortable-gallery-section .container .more-gallery-btn a img {
    width: 9px;
    margin-right: 5px;
}

/* sticky bar  */
.promo-top-bar {
    top: 0;
    color: #fff;
}

.admin-bar .promo-top-bar {
    top: 30px;
}

body.single-ship,
body.page-template-ship-details {
    overflow: initial;
}

.admin-bar .ship-sticky-bar.hide {
    top: 83px;
}

.ship-sticky-bar.scrolling {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.11);
    border-top: 3px solid #cccccc5e;
}

.ship-sticky-bar.scrolling ul {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.ship-sticky-bar.hide {
    top: 53px;
}

section.ship-hero-section .line-logo {
    /* margin-bottom: 56px; */
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
}

section.ship-hero-section .container {
    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;
}


section.ship-hero-section.ship-title-img .container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    /* flex-direction: row; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ship-hero-promo-img {
    max-width: 879px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.ship-hero-promo-img img {
    width: 970px;
    max-width: 100%;
}

section.ship-hero-section.ship-title-img .line-logo-wrap {
    position: absolute;
    bottom: 50px;
    right: 70px;
}

section.ship-hero-section.ship-title-img:after {
    display: none;
}

.page-template-ship-details section.cruise-gallery-carousel-section {
    padding-bottom: var(--section-padding);
}

.page-template-ship-details section.port-guides-section {
    padding: var(--section-padding) 0;
}

@media only screen and (max-width: 1024px) {
    .ship-sticky-bar ul a {
        padding: 17px 14px;
        font-size: 18px;
    }

    .admin-bar .ship-sticky-bar {
        top: 151px;
    }

    .ship-sticky-bar {
        top: 118px;
    }

    .cabin-info-wrap {
        max-width: 42%;
        padding: 37px;
    }

    .cabin-info img {}

    .isotope-row>.gallery-item {
        max-width: 50%;
        height: 190px;
    }

    .cruise-sortable-gallery-section .container .more-gallery-btn {
        position: static;
        text-align: center;
        margin-top: 20px;
    }

    .overview-content.ship-common-content {
        padding-right: 0;
    }

    .overview-technical-data {
        padding-left: 50px;
    }

    .page-template-ship-details section.cruise-gallery-carousel-section {
        padding-bottom: var(--section-padding-md);
    }

    .page-template-ship-details section.port-guides-section {
        padding: var(--section-padding-md) 0;
    }

    section.ship-overview-section {
        padding: var(--section-padding-md) 0;
    }

    .ship-common-content h2 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 767px) {
    .cruise-sortable-gallery-section .main-row a img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .ship-sticky-bar ul {
        overflow: auto;
        /* padding: 0; */
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 100%;

    }

    .ship-sticky-bar ul a {
        font-size: 14px;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
    }

    section.ship-hero-section h1 {
        font-size: 36px;
    }

    section.ship-hero-section h2 {
        font-size: 20px;
    }

    .deck-image-wrap {
        width: 96%;
        margin-top: 20px;
        padding-bottom: 15px;
    }

    .deck-data {
        display: block;
    }

    .deck-sidebar {
        width: 100%;
        height: 171px;
    }

    a.deck-enlarge-btn {
        top: auto;
        bottom: 0;
        -webkit-transform: translatey(100%) translatex(50%);
        -ms-transform: translatey(100%) translatex(50%);
        transform: translatey(100%) translatex(50%);
        right: 50%;
    }

    .cabin-content-wrap {}

    .cabin-content {
        width: 100%;
    }

    .cabin-info-wrap {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 37px 25px;
    }

    section.cruise-sortable-gallery-section .title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .isotope-row>.gallery-item.gallery-item-1 {
        height: 260px;
        max-width: 100%;
        width: 100%;
    }

    .isotope-row>.gallery-item {
        padding: 10px;
    }

    .isotope-row>.gallery-item-3 .image-popup {
        border-radius: 0;
    }

    ul.gallery-isotope-nav {
        margin-top: 26px;
    }

    .ship-sticky-bar.hide {
        top: 53px;
    }

    .ship-sticky-bar {
        margin-top: -20px;
    }

    .isotope-row>.gallery-item.gallery-item-1 a {
        border-radius: 0;
        border-radius: 15px 15px 0 0;
    }

    .isotope-row>.gallery-item-5 .image-popup {
        border-radius: 0;
    }

    section#ship-deck-plan {
        padding: 60px 0;
    }

    section.ship-hero-section {
        height: 300px;
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .cabin-tab-item {
        margin-bottom: 0;
        min-width: 64px;
    }

    .isotope-row>.gallery-item.gallery-item-4 a {
        border-radius: 0 0 0 15px;
    }

    .isotope-row>.gallery-item.gallery-item-5 a {
        border-radius: 0 0 15px 0;
    }

    .cabin-images-wrap .swiper-arrow .swiper-btn.swiper-next {
        -webkit-transform: rotate(180deg) translatex(-10px);
        -ms-transform: rotate(180deg) translatex(-10px);
        transform: rotate(180deg) translatex(-10px);
    }

    .cabin-images-wrap .swiper-arrow .swiper-btn.swiper-prev {
        -webkit-transform: translatex(-10px);
        -ms-transform: translatex(-10px);
        transform: translatex(-10px);
    }

    .ship-sticky-bar ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;

    }

    .cabin-image {
        height: 200px;
    }

    .cabin-tabs {
        max-width: 100%;
        overflow-x: scroll;
        /* overflow-y: hidden; */
        gap: 7px;
    }

    .cabin-tab-item:first-child p {
        left: 0;
        -webkit-transform: translatex(0);
        -ms-transform: translatex(0);
        transform: translatex(0);
    }

    .cabin-tab-item:first-child p:before {
        left: 33px;
    }

    .cabin-tab-item:last-child p {
        right: 0px;
        left: auto;
        -webkit-transform: translatex(0);
        -ms-transform: translatex(0);
        transform: translatex(0);
    }

    .cabin-tab-item:last-child p:before {
        right: 22px;
        left: auto;
    }

    section.ship-hero-section .line-logo {
        width: 145px;
    }

    .cabin-content h3 {
        font-size: 28px;
    }

    section.ship-hero-section.ship-title-img .line-logo-wrap {

        bottom: 30px;
        right: 21px;
    }


    .overview-technical-data {
        padding-left: 0;
    }

    .page-template-ship-details section.cruise-gallery-carousel-section {
        padding-bottom: var(--section-padding-sm);
    }

    .page-template-ship-details section.port-guides-section {
        padding: var(--section-padding-sm) 0;
    }

    section.ship-overview-section {
        padding: var(--section-padding-sm) 0;
    }

    .ship-common-content h2 {
        font-size: 28px;
    }

    .overview-technical-data h4 {
        font-size: 13px;
    }

    .overview-technical-data ul li {
        font-size: 13px;
    }
}







/* api search functonality:  */
form.cruise-api-searchbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* height: 100px; */
    border-radius: 10px;
    gap: 10px;
    /* padding: 20px; */
}

form.cruise-api-searchbar .search-field {
    /* flex: 0 0 calc(50% - 90px); */
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* border-right: 1px solid #66666663; */
    /* padding-right: 15px; */
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

form.cruise-api-searchbar .search-field.api_search-field input {
    width: 100%;
    font-size: 14px;
    height: 50px;
    padding: 0 20px;
    border: 1px solid #cccccc82;
    border-radius: 0;
    margin: 0;
    display: block;
    padding-left: 37px;
    color: #2B2C3E;
    font-family: 'Poppins';
}

form.cruise-api-searchbar .search-field.api_search-field.has-value input {
    padding-right: 140px;
}

form.cruise-api-searchbar .search-field.api_search-field {
    flex-basis: 28%;
}

form.cruise-api-searchbar .search-date-field {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 90px);
    flex: 0 0 calc(50% - 90px);
    padding-left: 15px;
}

form.cruise-api-searchbar button {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #546EF3;
    gap: 10px;
    height: 50px;
    cursor: pointer;
    border-radius: 0;
    font-size: 15px;
    padding: 0 20px 0 17px;
}

form.cruise-api-searchbar .search-field.date-field input {
    width: 100%;
    font-size: 14px;
    height: 50px;
    padding: 0 20px;
    border: 1px solid #cccccc82;
    border-radius: 0;
    margin: 0;
    display: block;
    padding-left: 37px;
    color: #2B2C3E;
    font-family: 'Poppins';
    cursor: pointer;
}

.cruise-years-wrap .year-navigations span.year-nav {
    cursor: pointer;
}

form.cruise-api-searchbar .search-field .field-wrap>svg {
    position: absolute;
    left: 11px;
    width: 20px;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    z-index: 1;
}

form.cruise-api-searchbar .search-date-field label {
    display: block;
    font-size: 16px;
    color: #666666;
    #666666: ;
    font-weight: 400;
    margin-bottom: 5px;
}

form.cruise-api-searchbar .search-date-field input#search_dates {
    font-size: 17px;
    width: 100%;
}

form.cruise-api-searchbar .search-date-field .flatpickr-wrapper {
    position: static;
    width: 100%;
}

form.cruise-api-searchbar .search-date-field .flatpickr-wrapper .flatpickr-calendar.static {
    left: 0;
    width: 100% !important;
}

/* 
.flatpickr-innerContainer {}

.flatpickr-weekdays {
    width: 100%;
}

.flatpickr-days {
    width: 100% !important;
    max-width: 100%;
}

.dayContainer {
    flex-basis: 0;
    flex-grow: 1;
    width: auto;
    max-width: 100%;
    display: flex;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    -webkit-box-shadow: -2px 0 0 #EDF0FF, 5px 0 0 #EDF0FF;
    box-shadow: -2px 0 0 #EDF0FF, 5px 0 0 #EDF0FF;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    -webkit-box-shadow: -2px 0 0 #EDF0FF, 5px 0 0 #EDF0FF;
    box-shadow: -2px 0 0 #EDF0FF, 5px 0 0 #EDF0FF;
}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #EDF0FF, 5px 0 0 #EDF0FF;
    box-shadow: -5px 0 0 #EDF0FF, 5px 0 0 #EDF0FF;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #EDF0FF;
    border-color: #EDF0FF;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: #546EF3;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #546EF3;
}

span.flatpickr-day {
    max-width: 100%;
}
 */
.search-backdrop.active {
    display: block;
}


.cruise-api-search {
    position: relative;
    z-index: 1;
    background-color: #fff;
    margin-top: -81px;
    border-radius: 0;
    -webkit-box-shadow: 0px 4px 14px 0px #0000000F;
    box-shadow: 0px 4px 14px 0px #0000000F;
    padding: 20px;
}



/* api search page  */
section.cruise-api-search-area {
    padding-top: 0;
}

ul.cruise-api-pricing-lists {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #E1E1E1;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

ul.cruise-api-pricing-lists .api-pricing-title {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 17px 103px 17px 35px;
}

ul.cruise-api-pricing-lists li .cruise-line {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    width: 22%;
}

ul.cruise-api-pricing-lists li .cruise-name {
    width: 60%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    padding: 0 5px;
}

ul.cruise-api-pricing-lists li .cruise-price {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    width: 20%;
}

ul.cruise-api-pricing-lists .api-pricing .api-pricing-content-wrap {
    display: none;
}

ul.cruise-api-pricing-lists li.api-pricing {
    border-bottom: 1px solid #E1E1E1;
    cursor: pointer;
}

ul.cruise-api-pricing-lists li.api-pricing.api-pricing-header span {
    font-size: 14px;
    font-weight: normal;
}

ul.cruise-api-pricing-lists li.api-pricing span {
    font-weight: 500;
    font-size: 16px;
}

ul.cruise-api-pricing-lists .api-pricing .api-pricing-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;
    padding: 27px 30px;
    background: #F3F3F3;
    margin: 21px 35px;
    border-radius: 8px;
}

ul.cruise-api-pricing-lists .api-pricing.active:not(.api-pricing-header) .api-pricing-title {
    background: #4370f5;
    color: #fff;
}

ul.cruise-api-pricing-lists .api-pricing-title:after {
    content: "+";
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
}

ul.cruise-api-pricing-lists .api-pricing.active .api-pricing-title:after {
    content: "-";
}

ul.cruise-api-pricing-lists .api-pricing .api-pricing-content img {
    width: 19px;
    margin-right: 8px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

ul.cruise-api-pricing-lists .api-pricing .api-pricing-content>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.4;
}

.cruise-api-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
    margin-top: 30px;
    position: relative;
    padding: 0 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cruise-api-pagination .page-numbers {
    width: 50px;
    height: 50px;
    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%;
    border: 1px solid #E1E1E1;
    font-weight: 500;
    font-size: 14px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #151e28;
}

.cruise-api-pagination .page-numbers.current {
    font-weight: 400;
    cursor: not-allowed;
    background: #4370f5;
    color: #fff;
    border-color: #4370f5;
    opacity: .9;
}

.cruise-api-pagination a.page-numbers:hover {
    background: #4370f5;
    color: #fff;
    border-color: #4370f5;
}

ul.cruise-api-pricing-lists .api-pricing.api-pricing-header .api-pricing-title:after {
    display: none;
}

ul.cruise-api-pricing-lists .api-pricing .api-pricing-content .cruise-date strong {
    margin: 0 5px;
    font-weight: 400;
}


span#MonthPicker_Button_search_dates {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 100%;
}

.cruise-api-searchbar .select2-container {
    width: 100% !important;
    display: block;
    padding: 0 20px;
}

.select2-container--default .select2-selection--single {
    background-color: transparent;
    border: none;
    /* border-bottom: 1px solid #ccc; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    /* height: 40px; */
    font-size: 14px;
    padding: 0;
    color: #2B2C3E;
    display: block;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
}

.price-filter-wrap .select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #4370f5;
    background-color: transparent;
}

.select2-container--default .select2-results__group {
    font-weight: 600;
}

body .select2-container ::-webkit-scrollbar-thumb {
    background: #4370f5 !important;
}

.ui-widget-header {
    background: #4370f5;
    color: #fff;
}

.month-picker-year-table .month-picker-title .ui-button {
    color: #fff;
    font-weight: 600 !important;
    font-family: 'Poppins';
    border: none;
    font-size: 16px;
}

.month-picker-year-table .ui-button {
    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;
    color: #fff;
}

.ui-widget-header .ui-icon {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.month-picker-month-table .ui-button {
    font-size: 14px;
}

form.cruise-api-searchbar .search-field select {
    border: none;
    padding: 0 20px;
    font-size: 18px;
    height: 50px;
    padding-left: 40px;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 1px solid #cccccc82;
    border-radius: 10px;
    width: 100%;
    color: #2B2C3E;
    padding-left: 36px;
    font-family: 'Poppins';
}

form.cruise-api-searchbar .search-field label {

    font-size: 16px;
    margin-bottom: 5px;
    display: block;
    font-weight: 500;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: none;
    background: #4370f5;
    color: #fff;
    padding: 5px 0;
    display: block;
}

section.cruise-api-searchbar-section .row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

ul.cruise-api-pricing-lists .api-pricing .api-pricing-content>.cruise-price {
    background-color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px;
    padding: 8px 0;
}



/* search page  */
.cruise-api-search-page h1 {
    font-size: 24px;
    /* margin-bottom: 65px; */
    color: #151e28;
    text-align: center;
    font-family: 'Poppins';
    font-weight: 500;
}

.cruise-api-search-page {
    padding-top: 20px;
}

.cruise-api-price-filter-wrap {
    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-bottom: 19px;
    position: relative;
    z-index: 3;
}

.cruise-api-price-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.cruise-api-price-filters .cruise-api-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #E1E1E1;
    padding: 0 9px;
    border-radius: 5px;
    width: 100%;
    position: relative;
}

.cruise-api-price-filters .cruise-api-filter>svg {
    width: 18px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
}

.cruise-api-price-filters .cruise-api-filter .select2-container {
    padding-left: 11px;
    position: relative;
    z-index: 1;
    width: 100% !important;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;

}

.cruise-api-price-filters .cruise-api-filter .select2-container span {
    font-size: 15px;
    font-weight: 400;
}

.cruise-api-pagination .page-numbers.next {

    position: absolute;
    right: 0;
}

.cruise-api-pagination .page-numbers.prev {
    position: absolute;
    left: 0;
}

.select2-hidden-accessible {
    /* display: none; */
}

.cruise-api-search .select2.select2-container {
    border: 1px solid #cccccc82;
    border-radius: 10px;
    /* padding-left: 36px; */
    /* padding-right: 32px; */
    position: relative;
    z-index: 2;
    cursor: pointer;
    padding: 0;
}

.cruise-api-search .select2.select2-container--open {
    border-color: #546EF3;
    -webkit-box-shadow: 0px 0px 19px 0px #00000021;
    box-shadow: 0px 0px 19px 0px #00000021;
}

form.cruise-api-searchbar .search-field.date-field.active input {
    border-color: #546EF3;
    -webkit-box-shadow: 0px 0px 19px 0px #00000021;
    box-shadow: 0px 0px 19px 0px #00000021;
}




.cruise-month-picker {
    position: absolute;
    width: 600px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: #FFFFFF;
    right: 0;
    -webkit-box-shadow: 0px 0px 10px 0px #0000001A;
    box-shadow: 0px 0px 10px 0px #0000001A;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    padding: 30px 20px;
    border-radius: 0;
    top: calc(100% + 10px);
    opacity: 0;
    visibility: hidden;
}

.cruise-years-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

.cruise-years-wrap>button {
    position: absolute;
    display: none !important;
}

.cruise-years-wrap .cruise-months-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    text-align: center;
}

.cruise-years-wrap .cruise-months-wrap .months {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cruise-years-wrap .cruise-months-wrap .months .month {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    cursor: pointer;
}

.cruise-years-wrap .cruise-months-wrap .months .month>span {
    width: 45px;
    height: 45px;
    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: 0;
    color: #000;
    font-weight: 400;
    padding: 5px;
    font-size: 15px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.cruise-years-wrap .cruise-months-wrap .months .month.selected {
    background: #fff;
}

.cruise-years-wrap .cruise-months-wrap .months .month.selected:not(.disabled)>span,
.cruise-years-wrap .cruise-months-wrap .months .month:not(.disabled):hover>span {
    background-color: #546EF3;
    color: #fff;
}

.cruise-years-wrap .cruise-months-wrap .months .month.disabled {
    opacity: .5;
}

.cruise-month-picker:after {
    content: "";
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: 1px;
    right: 23px;
    -webkit-transform: rotate(45deg) translatey(-50%);
    -ms-transform: rotate(45deg) translatey(-50%);
    transform: rotate(45deg) translatey(-50%);
}

.curise-month-picker-actions {
    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;
    margin-top: 20px;
    gap: 10px;
}

.cruise-years-wrap .cruise-months-wrap .year-selection {
    margin-bottom: 18px;
    color: #434343;
}

div.curise-month-picker-actions button {
    border-radius: 40px;
    padding: 0px 24px;
    height: 45px;
}

div.curise-month-picker-actions button.reset {
    background-color: transparent;
    border: 1px solid #546EF3;
    color: #546EF3;
}

.cruise-month-picker>h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-family: 'Poppins';
    font-weight: 600;
    margin-bottom: 20px;
}

.cruise-month-picker.active {
    opacity: 1;
    visibility: visible;
}

form.cruise-api-searchbar .search-field .field-wrap {
    position: relative;
}

.cruise-api-search span.select2-search.select2-search--dropdown {
    display: block;
    padding: 10px;
    position: relative;
    z-index: 1;
}

.cruise-api-search span.select2-search.select2-search--dropdown input.select2-search__field {
    border-radius: 0;
    border-color: #D2D1D1;
    height: 35px;
    font-size: 12.08px;
    padding: 0 11px;
    padding-left: 28px;
}

.cruise-api-search .select2-container span.select2-dropdown .select2-results>.select2-results__options {
    padding: 0 10px;
}

.cruise-api-search .select2-container span.select2-dropdown .select2-results__options li[role=option] {
    background-color: #FCFCFC;
    border: 1px solid #F1F1F1;
    font-size: 12.08px;
    margin-bottom: 5px;
}

.cruise-api-search .select2-container span.select2-dropdown .select2-results__option--highlighted[aria-selected][role=option] {
    background: #4370f5;
}

.cruise-api-search .select2-container span.select2-dropdown .select2-results__options strong.select2-results__group {
    font-weight: 500;
    font-size: 13.8px;
    margin-bottom: 8px;
    margin-top: 15px;
}


.cruise-api-search span.select2-dropdown {
    overflow: unset;
    border-radius: 10px;
}

.cruise-api-search span.select2-dropdown:after {
    content: "";
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 23px;
    -webkit-transform: rotate(45deg) translatey(-50%);
    -ms-transform: rotate(45deg) translatey(-50%);
    transform: rotate(45deg) translatey(-50%);
    z-index: -1;
}

.cruise-api-search span.select2-container.select2-container--default:not(.select2) {
    padding-top: 13px;
}

.cruise-api-search .search-bar-title h2 {
    font-size: 22px;
    color: #2B2C3E;
    font-family: Poppins;
    font-weight: 600;
}

.cruise-api-search .search-bar-title h2 a {
    color: #4370f5;
    font-family: 'PT serif';
    font-style: italic;
    text-decoration: underline;
}

form.cruise-api-searchbar .search-field.active label {
    color: #4370f5;
}

form.cruise-api-searchbar .search-field.active .field-wrap>svg path {
    fill: #4370f5;
}

.cruise-api-searchbar .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.cruise-api-searchbar .search-field span.down-arrow-icon {
    position: absolute;
    right: 9px;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    width: 13px;
    display: block;
    z-index: -1;
}

.cruise-api-searchbar .search-field.active span.down-arrow-icon path {
    stroke: #4370f5;
}

.cruise-api-search span.select2-search.select2-search--dropdown svg {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    width: 11px;
}

.cruise-years-wrap .year-navigations {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-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;
}

.cruise-api-price-filters .cruise-api-filter .select2-container span.select2-selection__arrow {
    display: none;
}

.cruise-api-price-filters .cruise-api-filter .select2-container:not(.select2) {
    margin: 0 auto;
    display: block;
    left: 0 !important;
}

.cruise-api-price-filters .cruise-api-filter .select2-container .select2-dropdown {
    width: calc(100% - 34px) !important;
    display: block;
    margin-left: 16px;
}

.cruise-api-price-filters .cruise-api-filter-wrap .select2-container .select2-dropdown ul.select2-results__options {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 10px;
}

.cruise-api-price-filters .select2-results__option {
    background: #fff !important;
    /* border: 1px solid #F1F1F1; */
    /* margin-bottom: 5px; */
    position: relative;
    /* padding-left: 30px; */
    font-size: 15px;
    font-weight: 400;
}

.cruise-api-price-filters .cruise-api-filter-wrap .select2-results__option:after {
    /* content: ""; */
    position: absolute;
    width: 15px;
    height: 15px;
    left: 7px;
    top: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
}


.cruise-api-price-filters .cruise-api-filter-wrap .select2-results__option--highlighted:after {
    -webkit-filter: invert(2) contrast(1);
    filter: invert(2) contrast(1);
}

/* .cruise-api-price-filters .cruise-api-filter-wrap.price-filter-wrap .select2-results__option:after {
    background-image: url(https://www.crui.se/wp-content/uploads/2024/03/pound-sterling.svg);
}

.cruise-api-price-filters .cruise-api-filter-wrap.night-filter-wrap .select2-results__option:after {
    background-image: url(https://www.crui.se/wp-content/uploads/2024/03/up-down.svg);
} */

.cruise-api-price-filters .cruise-api-filter-wrap.night-filter-wrap .select2-container .select2-dropdown {
    width: calc(100% - 30px) !important;
}

.cruise-api-filter-wrap .select2-results__option:first-child {
    /* display: none; */
}

.cruise-api-price-filters .cruise-api-filter-wrap.night-filter-wrap {
    width: 222px;
}

.cruise-api-filter-data strong {
    color: #4370f5;
}

.cruise-api-filter-data {
    font-weight: 500;
    font-size: 20px;
    font-weight: 400;
}

.cruise-api-price-filters .cruise-api-filter select {
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 25px;
    width: 100%;
    display: block;
    height: 40px;
    background-color: #fff;
    font-size: 12px;
    height: 46px;
}

.cruise-api-price-filters .cruise-api-filter .select2-container span.select2-selection.select2-selection--single {
    height: 46px;
    /* padding-left: 16px; */
}

.cruise-api-price-filters .cruise-api-filter.active {
    border-color: #4370f5;
}

.cruise-api-price-filters .cruise-api-filter.active span.down-arrow-icon svg path {
    stroke: #4370f5;
}

.cruise-api-price-filters .select2-results__option:last-child {
    margin-bottom: 0;
    background-color: #fff;
}

.cruise-api-filter span.down-arrow-icon {
    position: absolute;
    right: 9px;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    width: 13px;
    display: block;
    z-index: -1;
}

.cruise-api-price-filters .cruise-api-filter.selected:not(.active) .select2-container span {
    color: #546EF3;
}

.cruise-api-price-filters .cruise-api-filter.selected:not(.active) svg path {
    stroke: #546EF3;
}

.cruise-api-price-filters .cruise-api-night-filter.selected:not(.active)>svg path {
    fill: #546EF3;
}

.cruise-api-price-filters .cruise-api-filter .down-arrow-icon svg {
    width: 12px;
}

.cruise-api-filter-wrap.price-filter-wrap {
    width: 269px;
}

.modal.pricing-modal .pricing-modal-left p.no-price .per-person {
    display: none;
}

ul.cruise-api-pricing-lists .api-pricing .api-pricing-content .cruise-date span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* justify-content: center; */
    line-height: 1.5;
}

.cruise-api-search .select2-dropdown--above.select2-dropdown:after {
    top: auto;
    bottom: 0;
    -webkit-transform: rotate(-45deg) translatey(50%);
    -ms-transform: rotate(-45deg) translatey(50%);
    transform: rotate(-45deg) translatey(50%);
}




section.cruise-api-searchbar-section {
    z-index: 9;
    position: relative;
}

.cruise-api-banner-wrap .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
}

.cruise-api-banner-wrap .bg-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

.cruise-api-banner-wrap {
    position: relative;
    z-index: 1;

}

.cruise-api-banner {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* align-items: center; */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    padding: 35px 40px 20px;
}

.cruise-api-banner h4 {
    font-size: 18px;
    color: #fff;
    font-family: 'Poppins';
    font-weight: 600;
    margin-bottom: 35px;
}

.cruise-api-banner h3 {
    font-size: 32px;
    color: #fff;
    font-family: 'Poppins';
    font-weight: 600;
    margin-bottom: 14px;
}

.cruise-api-banner p {
    font-size: 16px;
    color: #fff;
    font-family: 'Poppins';
    font-weight: 400;
    margin-bottom: 20px;
}

.cruise-api-banner a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    gap: 8px;
    text-decoration: underline;
    font-weight: 700;
    color: #fff;
}

.cruise-api-banner a svg {
    width: 20px;
}

.cruise-api-price-filters .select2-container .select2-dropdown {
    width: calc(100%) !important;
    display: block;
    /* margin-left: 16px; */
}

.cruise-api-filter-wrap {
    position: relative;
    z-index: 1;
}

.cruise-api-filter-wrap>span.select2-container {
    width: 100%;
    left: 0 !important;
    z-index: -1;
}

.cruise-api-search .select2.select2-container span.select2-selection {
    padding-left: 36px;
    padding-right: 32px;
}





@media only screen and (max-width: 991px) {
    .cruise-month-picker {
        width: 479px;
    }

    .cruise-api-filter-wrap.price-filter-wrap {
        /* -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px); */
        /* flex: 0 0 calc(50% - 10px); */
    }

    .cruise-api-price-filters .cruise-api-filter-wrap.night-filter-wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
    }

    ul.cruise-api-pricing-lists .api-pricing .api-pricing-content {
        margin: 15px 20px;
        padding: 20px 21px;
    }

    .cruise-api-banner h4 {
        margin-bottom: 15px;
        font-size: 16px;
    }

    .cruise-api-banner h3 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .cruise-api-banner p {
        margin-bottom: 10px;
    }

    .cruise-api-search-page {
        padding-top: 0px;
    }

}

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    form.cruise-api-searchbar .search-field {
        flex: 0 0 calc(25% - 90px);
        min-width: 24%;
        max-width: 25%;
    }



}

@media only screen and (max-width: 767px) {

    ul.cruise-api-pricing-lists .api-pricing .api-pricing-content .cruise-date strong {
        margin: 0 5px;
        display: block;
    }


    ul.cruise-api-pricing-lists li .cruise-line {
        display: none;
    }

    ul.cruise-api-pricing-lists li.api-pricing span.cruise-name {
        width: 70%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
    }

    ul.cruise-api-pricing-lists li span.cruise-price {
        text-align: right;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
    }

    ul.cruise-api-pricing-lists .api-pricing-title {
        padding-right: 30px;
        padding-left: 15px;
    }

    ul.cruise-api-pricing-lists li.api-pricing span {
        font-size: 13px;
    }

    ul.cruise-api-pricing-lists .api-pricing .api-pricing-content {
        padding: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
    }

    form.cruise-api-searchbar {
        display: block;
        /* overflow: hidden; */
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }

    form.cruise-api-searchbar .search-field {
        border-right: 0;
        border: none;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        margin-bottom: 15px;
    }

    form.cruise-api-searchbar .search-date-field {
        padding: 10px 33px;
    }

    form.cruise-api-searchbar button[type=submit] {
        width: 100%;
        height: 46px;
        border-radius: 0;
        font-size: 15px;
        margin-top: 10px;
        margin-bottom: -42px;
    }

    form.cruise-api-searchbar button svg {
        width: 28px;
    }

    form.cruise-api-searchbar .search-date-field .flatpickr-wrapper {
        position: relative;
    }

    div#live-search-resultss ul.result-list li a {
        font-size: 14px;
        gap: 10px;
    }

    form.cruise-api-searchbar .search-date-field .flatpickr-wrapper .flatpickr-calendar.static {
        width: 610px;
    }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border: none;
        background: #4370f5;
        color: #fff;
        padding: 5px 0;
        display: block;
    }

    section.cruise-api-searchbar-section {
        position: relative;
        z-index: 7;
    }

    form.cruise-api-searchbar .search-field label {
        margin: 0;
        padding: 0;
        margin-bottom: 15px;
    }



    .cruise-api-search .select2-container span.select2-selection.select2-selection--single {
        /* height: 30px; */
    }

    .cruise-api-search .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 15px;
    }

    .cruise-api-search .select2-container--default .select2-selection--single .select2-selection__arrow {
        /* height: 30px; */
    }

    form.cruise-api-searchbar .search-field input {
        font-size: 15px;
        height: 30px;
    }

    form.cruise-api-searchbar .search-field.date-field {
        border: none;
        padding-bottom: 0;
    }

    .cruise-api-search-page {
        padding-top: 20px;
    }

    .cruise-api-search-page h1 {
        font-size: 16px;
        padding: 0 22px;
        /* margin-bottom: 38px; */
    }

    .cruise-api-price-filter-wrap {
        display: block;
        text-align: center;
        height: 100px;
    }

    .cruise-api-filter-data {
        margin-bottom: 15px;
        font-size: 15px;
    }

    .cruise-api-filter-wrap.price-filter-wrap {
        max-width: 40%;
        min-width: 40%;
    }

    .cruise-api-pagination {
        padding: 0 50px;
    }

    .cruise-api-pagination .page-numbers {
        width: 40px;
        height: 40px;
    }

    ul.cruise-api-pricing-lists .api-pricing .api-pricing-content>div {
        display: block;
        text-align: center;
        width: 100%;
    }

    .cruise-years-wrap .cruise-second-year-wrap.cruise-months-wrap {
        display: none;
    }

    .cruise-month-picker {
        width: 100%;
        background: #fff;
    }

    .cruise-years-wrap .cruise-months-wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .cruise-api-search .search-bar-title h2 {
        font-size: 19px;
        /* margin-bottom: 20px; */
    }



    .cruise-api-price-filters .cruise-api-filter .select2-container span {
        font-size: 13px;
        /* font-weight: 400; */
    }




    .cruise-api-price-filters .select2-results__option {
        font-size: 12px;
        padding-right: 5px;
        padding-left: 10px;
        text-align: left;
    }

    .cruise-api-price-filters .cruise-api-filter-wrap .select2-results__option:after {
        width: 12px;
        height: 12px;
        left: 5px;
    }

    .cruise-api-price-filters .cruise-api-filter-wrap .select2-container .select2-dropdown ul.select2-results__options {
        padding: 4px;
    }

    .cruise-api-price-filters .cruise-api-filter img {
        width: 15px;
    }

    .cruise-api-price-filters .cruise-api-filter-wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(62% - 10px);
        flex: 0 0 100%;
        min-width: 100%;
        -webkit-box-shadow: 0px 4px 4px 0px #426DF71F;
        box-shadow: 0px 4px 4px 0px #426DF71F;
    }



    .cruise-api-price-filters .cruise-api-filter-wrap.night-filter-wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(48% - 10px);
        flex: 0 0 calc(48% - 10px);
        min-width: calc(48% - 10px);
    }

    ul.cruise-api-pricing-lists .api-pricing-title:after {
        right: 10px;
    }

    ul.cruise-api-pricing-lists .api-pricing .api-pricing-content>.cruise-price {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 4px 9px;
    }

    ul.cruise-api-pricing-lists .api-pricing .api-pricing-content .cruise-enquire a.btn {
        width: 100%;
        margin-top: 10px;
    }



    ul.cruise-api-pricing-lists .api-pricing .api-pricing-content .cruise-nights {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    ul.cruise-api-pricing-lists .api-pricing .api-pricing-content .cruise-date span {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .cruise-api-search {
        margin-top: -50px;
    }

    .cruise-api-banner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 298px 20px 39px;
    }

    .cruise-api-banner h4 {
        font-size: 24px;
        line-height: 1.4;
        font-weight: 500;
        margin-bottom: 30px;
    }

    .cruise-api-banner h3 {
        font-size: 40px;
    }

    .cruise-api-banner p br {
        display: none;
    }





}



/* api pricing v2  */
.api-pricing-v2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* align-items: center; */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #F4F4F4;
    margin-bottom: 30px;
    border-radius: 10px;
    overflow: hidden;
}

.api-pricing-v2 .api-pricing-data {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    position: relative;
    padding: 30px;
    color: #fff;
    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;
    gap: 40px;
    z-index: 1;
}

.api-pricing-v2 .api-pricing-v2-content-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    padding: 20px 20px;
}

li.api-pricing-v2 {}

.api-pricing-v2 .api-pricing-data {}

.api-pricing-v2 .api-pricing-data .pricing-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.api-pricing-v2 .api-pricing-data .pricing-bg img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.api-pricing-v2 .api-pricing-data .pricing-bg:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(25 25 25 / 40%);
}

.api-pricing-v2 .cruise-name {
    font-size: 24px;
    color: #fff;
    /* max-width: 70%; */
}

.api-pricing-v2 .cruise-itineraries {
    position: relative;
    padding-left: 22px;
    /* column-gap: 17px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.api-pricing-v2 .cruise-itineraries svg {
    position: absolute;
    left: 0;
    top: 2px;
    width: 13px;
}

.api-pricing-v2 .cruise-itineraries span {
    position: relative;
    padding: 0 11px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}

.api-pricing-v2 .cruise-itineraries span:after {
    width: 5px;
    height: 5px;
    background: #fff;
    content: "";
    position: absolute;
    left: 0;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translatey(-50%) translatex(-50%);
    -ms-transform: translatey(-50%) translatex(-50%);
    transform: translatey(-50%) translatex(-50%);
}

.api-pricing-v2 span.brand-logo {
    position: absolute;
    top: 22px;
    right: 30px;
    width: 100px;
    z-index: 1;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 43px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.api-pricing-v2 .cruise-itineraries span:nth-child(2):after {
    display: none;
}

.api-pricing-v2 .api-pricing-data-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 13px;
    font-size: 14px;
}

.api-pricing-v2 .api-pricing-data-bottom>span {
    position: relative;
    padding-left: 19px;
}

.api-pricing-v2 .api-pricing-data-bottom svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 13px;
}

.api-pricing-v2 .cruise-itineraries span:nth-child(2) {
    padding-left: 0;
}

.api-v2-pricing-header {
    text-align: center;
    margin-bottom: 15px;
}

.api-v2-pricing-header .from {
    font-size: 16px;
}

.api-v2-pricing-header h4 {
    font-size: 30px;
    color: #151e28;
    margin: 0;
    font-family: 'Poppins';
    font-weight: 600;
}

.api-v2-pricing-header span.price-est {
    font-size: 12px;
    color: #666666;
}

.api-v2-pricing-list {
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 6.04px 0px #00000008;
    box-shadow: 0px 0px 6.04px 0px #00000008;
    margin-bottom: 15px;
}

.api-v2-pricing-list .api-v2-pricing-top {
    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;
    font-size: 13px;
    color: #666666;
    margin-bottom: 10px;
}

.api-v2-pricing-list .api-v2-date-price {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #666;
    font-weight: 600;
    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;
    gap: 5px;
}

.api-v2-pricing-list .api-v2-date-price .cruise-price {
    color: #546EF5;
}

.api-pricing-v2 a.btn.call-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: transparent;
    color: #4370f5;
    position: relative;
    border: 1px solid #4370f5;
    padding-left: 51px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}

.api-pricing-v2 a.btn.call-btn svg {
    width: 13px;
    gap: 5px;
    position: absolute;
    left: 0;
    background-color: #4370f5;
    width: 20px;
    height: 41px;
    width: 41px;
    padding: 10px;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
}

.api-pricing-v2 .cruise-enquire {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.api-v2-pricing-list-wrap {
    height: 150px;
    overflow: auto;
    margin-bottom: 15px;
}

.api-pricing-v2 .cruise-enquire a.modal-button {
    height: 41px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}

.api-v2-pricing-list:last-child {
    margin-bottom: 0;
}

.api-pricing-v2 span.brand-logo img {
    max-height: 43px;
    -o-object-fit: contain;
    object-fit: contain;
}


section.cruise-api-search-area.cruise-api-search-v2-area>.container {
    width: 1300px;
    max-width: 100%;
}

.cruise-api-search-v2-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cruise-api-v2-sidebar .cruise-api-side-filters-wrap {
    width: 320px;
    padding: 41px 21px;
    border: 1px solid #0000002E;
    border-radius: 5px;
    /* height: 1000px; */
    /* overflow: auto; */
}

.cruise-api-v2-search-results-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 330px);
    flex: 0 0 calc(100% - 330px);
    padding-left: 20px;
    position: relative;
    z-index: 6;
}

.api-pricing-data-top {
    max-width: 74%;
}

/* search filtering css  */
.cruise-api-side-filters-heading {
    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;
    border-bottom: 1px solid #343434;
    padding-bottom: 20px;
    margin-bottom: 20px;
    /* position: sticky; */
    position: relative;
}

.cruise-api-side-filters-heading h2 {
    color: #343434;
    font-weight: 500;
    font-family: 'Poppins';
    font-size: 27px;
    margin: 0;
}

.cruise-api-side-filters-heading button.reset {
    color: #426DF5;
    border: 1px solid #426DF5;
    background: unset;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    padding: 9px 27px;
    border-radius: 32.09px;
}

.cruise-api-v2-sidebar .cruise-api-side-filter {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #343434;
}

.cruise-api-v2-sidebar .cruise-api-side-filter>h4 {
    font-size: 21px;
    font-weight: 600;
    font-family: 'Poppins';
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
}

.cruise-api-v2-sidebar .cruise-api-side-filter>h4:after {
    content: "";
    width: 15px;
    height: 17px;
    background-image: url(https://www.crui.se/wp-content/uploads/2024/05/down-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translatey(-50%) rotate(-180deg);
    -ms-transform: translatey(-50%) rotate(-180deg);
    transform: translatey(-50%) rotate(-180deg);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.cruise-api-v2-sidebar .filter-item label {
    font-size: 16px;
    line-height: 2;
    font-weight: 500;
    display: block;
    cursor: pointer;
    width: 100%;
}

.cruise-api-v2-sidebar .filter-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    /* cursor: pointer; */
}



.cruise-api-v2-sidebar .cruise-api-side-filter .filter-list-wrap.dates-wrap {
    background: #FAFAFA;
    padding: 25px 17px;
}

.cruise-api-v2-sidebar .filter-list-wrap .flatpickr-calendar {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    background: transparent;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1.09px solid #666666;
    margin-bottom: 20px;
}

.cruise-api-v2-sidebar .cruise-api-side-filter .filter-list-wrap input.flatpickr-input {
    display: none;
}


/* flatpickr css start */

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    color: #34343475;
}

.flatpickr-day {
    color: #343434;
    font-size: 15px;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background-color: #546EF3;
    /* border-radius: 50px 50px!important; */
    border-color: #546EF3;
}

.flatpickr-day.inRange {
    background: #E4E8FB;
    -webkit-box-shadow: 6px 0 0 #E4E8FB, -4px 1px 0 #E4E8FB;
    box-shadow: 6px 0 0 #E4E8FB, -4px 1px 0 #E4E8FB;
}



.flatpickr-current-month .flatpickr-monthDropdown-months {
    /* display: inline-flex; */
    /* max-width: min-content; */
    font-size: 17px;
    font-family: 'Poppins';
    font-weight: 600;
}

.flatpickr-current-month input.cur-year {
    font-size: 17px;
    font-weight: 600;
    font-family: 'Poppins';
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    width: 10px;
    height: 10px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
    stroke: #343434;
}

.flatpickr-current-month {
    padding: 0;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    padding-top: 2px;
}

span.flatpickr-weekday {
    font-weight: 700;
    color: #343434;
    font-size: 13px;
}

.flatpickr-months {
    border-bottom: 1.09px solid #BDBDBD;
    margin-bottom: 10px;
}

/* flatpickr css end */

.cruise-api-v2-sidebar .cruise-api-side-filter .dates-wrap .date-range-action button {
    font-size: 17px;
    font-weight: 500;
    padding: 11px 41px;
    border-radius: 43.57px;
    border: 1px solid #546EF3;
    color: #546EF3;
    background: transparent;
}

.cruise-api-v2-sidebar .cruise-api-side-filter .dates-wrap .date-range-action button.apply {
    background: #546EF3;
    color: #fff;
}

.cruise-api-v2-sidebar .cruise-api-side-filter .dates-wrap .date-range-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}




.cruise-api-v2-sidebar .cruise-api-side-filter .api-search-field {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border: 1px solid #2E2D2D;
    height: 44px;
    border-radius: 10px;
    padding-left: 51px;
    padding-right: 20px;
}

.cruise-api-v2-sidebar .cruise-api-side-filter .api-search-field>svg {
    position: absolute;
    left: 15px;
    width: 28px;
}

.cruise-api-v2-sidebar .cruise-api-side-filter .api-search-field span.clear-text {
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}

.cruise-api-v2-sidebar .cruise-api-side-filter .api-search-field input {
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 500;
    color: #343434;
}

.cruise-api-v2-sidebar .cruise-api-side-filter .api-search-field input::-webkit-input-placeholder {
    color: #343434a8;
}

.cruise-api-v2-sidebar .cruise-api-side-filter .api-search-field input::-moz-placeholder {
    color: #343434a8;
}

.cruise-api-v2-sidebar .cruise-api-side-filter .api-search-field input:-ms-input-placeholder {
    color: #343434a8;
}

.cruise-api-v2-sidebar .cruise-api-side-filter .api-search-field input::-ms-input-placeholder {
    color: #343434a8;
}

.cruise-api-v2-sidebar .cruise-api-side-filter .api-search-field input::placeholder {
    color: #343434a8;
}

.cruise-api-v2-sidebar .search-filter-wrap .api-search-filter-results.has-result>div {
    background-color: #EDF0FF;
    font-size: 14px;
    padding: 9px 15px;
    border-radius: 6px;
    margin-bottom: 5px;
    cursor: pointer;
}

.cruise-api-v2-sidebar .search-filter-wrap .api-search-filter-results.has-result {
    margin-top: 10px;
}



.cruise-api-v2-sidebar .filter-showmore-btn {
    font-size: 18px;
    font-weight: 500;
    color: #426DF5;
    margin-top: 10px;
    cursor: pointer;
}

.cruise-api-side-filters-heading button.sidebar-apply {
    display: none;
}

.cruise-api-mov-sidebar-trigger {
    display: none;
}


.api-searhch-result-page section.cruise-api-searchbar-section {
    display: none;
}

.cruise-api-v2-sidebar .cruise-api-side-filter.filters-hidden>h4:after {
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
}


a.back-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* justify-content: center; */
    gap: 5px;
    margin-bottom: 20px;
}

a.back-btn>svg {
    width: 14px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

li.api-pricing-v2.brand-croisieurope span.brand-logo {
    top: 12px;
}

li.api-pricing-v2.brand-tui span.brand-logo {
    top: 17px;
}

.cruise-api-side-filters-heading .close-filter {
    display: none;

}

.api-pricing-v2 .api-pricing-data-bottom>span.cruise-rivers svg {
    width: 16px;
    margin-top: 3px;
}

.api-pricing-v2 a.btn.call-btn span.call-us-mobile {
    display: none;
}

section.high-z-index {
    z-index: 55555555;
    position: relative;
}

@media only screen and (max-width: 1500px) {
    .cruise-api-v2-sidebar .cruise-api-side-filters-wrap {
        width: 300px;
    }

    .cruise-api-v2-search-results-wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 300px);
        flex: 0 0 calc(100% - 300px);
    }

    .api-v2-pricing-header h4 {
        font-size: 28px;
    }
}

.cruise-api-preloader {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    background-color: #ffffffb0;
    height: 100%;
    width: 100%;
    min-height: 500px;
}

.cruise-api-preloader .api-preloader-box {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;

    position: relative;
    top: 300px;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
}

.cruise-api-preloader img {
    width: 170px;
    height: 170px;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 3019ms;
    animation-duration: 3019ms;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.api-pricing-v2 .cruise-itineraries .show-more-btn {
    display: none;
}


/* search bar search input  */
.api-search-suggestion-wrap {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0px 8px 11px #00000017;
    width: 100%;
    display: none;
}

.api-search-suggestion-wrap.has-result {
    display: block;
}

.api-search-suggestion-wrap .search-item {
    font-size: 14px;
    padding: 12px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .4s;
    gap: 30px;
}

.api-search-suggestion-wrap .search-item:hover {
    background-color: #546ef314;
}


.search-field span.search-type {
    background: #546EF3;
    color: #fff;
    padding: 7px 19px;
    font-size: 13px;
    border-radius: 20px;
}

.search-field span.search-type.river {
    background-color: #ec7922;
}

.search-field span.search-type.ship {
    background-color: #c5147b;
}

.search-field span.search-type.ports {
    background-color: #7e14c5;
}

.search-field span.search-type.line {
    background-color: #049db5;
}



form.cruise-api-searchbar .search-field .field-wrap sapn.clear-input {
    position: absolute;
    right: 11px;
    width: 20px;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
}

form.cruise-api-searchbar .search-field .field-wrap sapn.clear-input.active {
    visibility: visible;
    opacity: 1;
}

.search-field .field-wrap>span.search-type {
    position: absolute;
    top: 50%;
    right: 37px;
    transform: translatey(-50%);
    text-transform: capitalize;
}

.ship-sticky-bar~section.cruise-api-searchbar-section .cruise-api-search {
    margin-top: 0;
}

@media only screen and (max-width: 991px) {
    li.api-pricing-v2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
    }

    ul.cruise-api-v2-pricing-lists {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .api-pricing-v2 .api-pricing-data {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 30px 26px;
    }

    .api-pricing-v2 .api-pricing-v2-content-wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .api-v2-pricing-header {
        display: none;
    }

    .api-pricing-v2 span.brand-logo {
        bottom: 33px;
        top: auto !important;
    }

    .api-pricing-v2 .cruise-name {
        max-width: 100%;
        font-size: 20px;
        line-height: 1.4;
    }

    .cruise-api-v2-search-results-wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
    }

    .cruise-api-v2-sidebar {
        display: none;
    }


    .cruise-api-mov-sidebar-trigger {
        width: 37%;
        height: 46px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid #E1E1E1;
        -webkit-box-shadow: 0px 4px 4px 0px #426DF71F;
        box-shadow: 0px 4px 4px 0px #426DF71F;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 20px;
        border-radius: 6px;
        font-size: 15px;
        font-weight: 500;
        color: #2B2C3E;
    }

    .cruise-api-price-filters .cruise-api-filter-wrap {
        -webkit-box-shadow: 0px 4px 4px 0px #426DF71F;
        box-shadow: 0px 4px 4px 0px #426DF71F;
    }

    .cruise-api-v2-sidebar .cruise-api-side-filters-wrap {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 11;
        max-height: calc(100%);
        background-color: #fff;
        border-radius: 20px;
        overflow: auto;
        z-index: 2147483647;
        padding-bottom: 100vh;
    }

    .api-filter-backdrop {
        content: "";
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        background-color: #436FF4B2;
        z-index: 10;
    }

    /* .cruise-api-side-filters-heading button.reset {
        display: none;
    } */

    .cruise-api-side-filters-heading button.sidebar-apply {
        display: block;
        font-size: 14px;
        border: 1px solid #546EF3;
        background: transparent;
        padding: 15px 40px;
        background: #546EF3;
        color: #fff;
        border-radius: 32.09px;
    }


    .api-pricing-data-top {
        max-width: 100%;
    }

    .api-v2-pricing-list-wrap {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        max-height: 150px;
    }


    .cruise-api-side-filters-heading .close-filter:before,
    .cruise-api-side-filters-heading .close-filter::after {
        content: "";
        width: 19px;
        height: 2px;
        background-color: #665757fc;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }


    .cruise-api-side-filters-heading .close-filter::after {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .cruise-api-side-filters-heading .close-filter {
        width: 21px;
        height: 21px;
        display: block;
        border-radius: 100%;
        border: none;
        position: absolute;
        background-color: transparent;
        cursor: pointer;
        left: 0;
        /* box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); */
        z-index: 1;
    }



    .cruise-api-side-filters-heading .api-side-filter-actions {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        gap: 10px;
        z-index: 9;
        background-color: #fff;
        padding: 12px 18px;
        -webkit-box-shadow: 0px -4px 7px 0px #426df721;
        box-shadow: 0px -4px 7px 0px #426df721;
    }

    .cruise-api-side-filters-heading .api-side-filter-actions button {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .cruise-api-side-filters-heading button.reset {
        display: none;
    }

    .cruise-api-v2-sidebar.has-filter .cruise-api-side-filters-heading button.reset {
        display: block;
    }

    .cruise-api-side-filters-heading {
        padding-left: 30px;
    }

    .cruise-api-price-filters.scrolling {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        margin: 0;
    }

    .cruise-api-price-filters {
        margin: 0 -15px;
        background: #fff;
        padding: 10px 15px;
        position: relative;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        justify-content: space-between;
    }

    .api-pricing-v2 a.btn.call-btn span.call-us-mobile {
        display: block;
    }

    .api-pricing-v2 a.btn.call-btn span.call-us-desktop {
        display: none;
    }

    form.cruise-api-searchbar .search-field.api_search-field {
        max-width: 50%;
        flex: auto;
        z-index: 3;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .api-pricing-v2 .cruise-itineraries span.show-on-tablet {
        display: none;
    }

    .api-pricing-v2 .show-more-itineraries .cruise-itineraries span.show-on-tablet {
        display: block;
    }

    .api-pricing-v2 .api-pricing-data.show-more-itineraries {
        height: fit-content;
        min-height: 342px;
    }

    .api-pricing-v2 .api-pricing-data {
        height: 342px;
    }

    .api-pricing-v2 .cruise-itineraries .show-more-btn {
        text-decoration: underline;
        font-size: 14px;
        line-height: 1.5;
        display: flex;
        align-items: center;
        gap: 5px;
        flex: 0 0 100%;
    }

    .api-pricing-v2 .cruise-itineraries .show-more-btn svg {
        position: static;
        transform: rotate(90deg);
    }

    .api-pricing-v2 .cruise-itineraries .show-more-btn svg path {
        fill: #fff;
    }

    .api-pricing-v2 .show-more-btn span::after {
        display: none;
    }

    .api-pricing-v2 .show-more-btn span {
        padding: 0;
    }

    .api-pricing-v2 .show-more-itineraries .cruise-itineraries .show-more-btn svg {
        transform: rotate(-90deg);
    }

    .cruise-api-mov-sidebar-trigger {
        width: 48%;
    }

}

@media only screen and (max-width: 768px) {
    ul.cruise-api-v2-pricing-lists {
        display: block;
    }

    .cruise-api-mov-sidebar-trigger {
        font-size: 13px;
    }

    form.cruise-api-searchbar .search-field.api_search-field {
        max-width: 100%;
    }

}



/* deals departures  */
section.port-guides-section.deal-departures .port-guides-tab-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
}

section.port-guides-section.deal-departures .port-guides-tab-menu ul {
    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;
    width: 100%;
    padding-bottom: 7px;
}

section.port-guides-section.deal-departures .port-guides-tab-menu ul li a {
    padding: 10px 0;
    min-width: 50px;
    display: block;
    /* border-radius: 5px; */
}

section.port-guides-section.deal-departures .port-guides-tab-menu ul li {
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333%;
    flex: 0 0 8.333%;
    padding: 0 8px;
}

section.port-guides-section.deal-departures .port-guides-tab-menu ul li a[data-item-count="0"] {
    cursor: not-allowed;
    opacity: .5;
}

section.port-guides-section.deal-departures .port-guides-tab-menu ul li a[data-item-count="0"]:hover,
section.port-guides-section.deal-departures .port-guides-tab-menu ul li a[data-item-count="0"].active {
    background-color: transparent;
    color: #4370f5;
}

section.port-guides-section.deal-departures .port-guides-tab-menu input.port-guides-year {
    border: 1px solid #4370f5;
    color: #4370f5;
    height: 38px;
    min-width: 50px;
    padding: 0 28px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    max-width: 100%;
    -webkit-appearance: none;
    -moz-appearance: textfield !important;

}

section.port-guides-section.deal-departures .port-guides-tab-menu .port-guides-year-wrap {
    position: relative;
    margin-right: 7px;
    width: 95px;
}

section.port-guides-section.deal-departures .port-guides-tab-menu .port-guides-year-wrap .port-guide-year-btn {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    cursor: pointer;
    height: 100%;
    width: 50%;
    padding: 0 5px;
    text-align: left;
    line-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #4370f5;
    font-size: 19px;
}

section.port-guides-section.deal-departures .port-guides-tab-menu .port-guides-year-wrap .port-guide-year-inc-btn {
    left: auto;
    right: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

section.port-guides-section.deal-departures .port-guides-tab-menu input.port-guides-year::-webkit-outer-spin-button,
section.port-guides-section.deal-departures .port-guides-tab-menu input.port-guides-year::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

section.port-guides-section.deal-departures .port-guides-tab-content .port-guides-list .port-guides-list-title {
    padding: 20px 25px 20px 50px;
}

.port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .port-guides-header {
    padding: 17px 25px 17px 50px;
}

.port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .port-guides-list .port-guides-list-title::before {
    content: "";
    left: 13px;
    width: 20px;
    height: 20px;
    border: 1px solid #151e28;
    border-radius: 50%;
    top: 50%;
}

.port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .port-guides-list .port-guides-list-title .col-head .port-guides-enquire {
    right: auto;
    left: -36px;
}

.port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .port-guides-list .port-guides-list-title .col-head .port-guides-enquire:before {
    right: auto;
    left: 16px;
}

.port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .port-guides-list .port-guides-list-title::after {
    width: 13px;
    height: 13px;
    content: "";
    position: absolute;
    left: 24px;
    top: calc(50% + 5px);
    -webkit-transform: translatey(calc(-50% - 5px)) translatex(-50%);
    -ms-transform: translatey(calc(-50% - 5px)) translatex(-50%);
    transform: translatey(calc(-50% - 5px)) translatex(-50%);
    background: #ffffffd6;
    border-radius: 50%;
}

.port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .port-guides-list .port-guides-list-title.active::before {
    border-color: #fff;
}

section.port-guides-section.deal-departures .port-guides-tab-menu .port-guides-year-wrap .port-guide-year-btn.disabled {
    opacity: .4;
    cursor: not-allowed;
}




.port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .port-guides-list .port-guides-list-title .col-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .port-guides-list .port-guides-list-title .col-head.price-col {
    gap: 5px;
}

.port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .col-head.line {
    width: 21%;
}

.port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .col-head.nights {
    width: 15%;
}



/* cabin carousel  */
.cabin-slide-item h3 {
    font-size: 24px;
    color: #151e28;
    margin-bottom: 5px;
    margin-top: 20px;
}

.cabin-slide-item .cabin-title-wrap {
    margin-bottom: 20px;
}

.ship-cabin-carousel-section {
    background-color: #f9f9f9;
    padding: 70px 0;
}

.cabin-carousel .swiper-navigation-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.cabin-carousel .swiper-navigation-wrap .swiper-btn {
    width: 40px;
    height: 40px;
}

.cabin-carousel .swiper-navigation-wrap .swiper-btn svg {
    width: 100%;
    height: 100%;
}

.cabin-carousel .swiper-navigation-wrap .swiper-btn svg path {
    /* fill: #151e28; */
}

.cabin-carousel .swiper-navigation-wrap .swiper-btn svg circle {
    /* stroke: #151e28; */
}

.cabin-carousel .swiper-navigation-wrap .swiper-btn.swiper-next {
    transform: rotate(180deg);
}



@media only screen and (max-width: 1024px) {
    .port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .port-guides-list .port-guides-list-title .col-head.price-col {
        padding-right: 0;
    }
}

@media only screen and (max-width: 768px) {
    section.port-guides-section.deal-departures .port-guides-tab-content .port-guides-list .port-guides-list-title {
        padding-left: 40px !important;
        padding-right: 5px !important;
    }

    .port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .port-guides-header {
        padding-left: 40px !important;
        /* padding-right: 5px !important; */
    }

    .port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .port-guides-list .port-guides-list-title .col-head .port-guides-enquire {
        display: block !important;
        left: -44px;
        margin-top: 13px;
    }

    .port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .port-guides-list .port-guides-list-title .col-head.line {
        display: none;
    }

    .port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .port-guides-list .port-guides-list-title .col-head.direction {
        display: none;
        width: 37%;
    }

    .port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .col-head.departure {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 35%;
        padding-left: 1px !important;
    }


    .port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .col-head.price-col {
        width: 30%;
        display: block !important;
        padding-right: 0;
    }

    .port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .col-head.nights {
        display: block;
        width: 35%;
    }

    .port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .col-head.direction {
        width: 37%;
        display: none;
    }

    .port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .port-guides-list .port-guides-list-title::before {
        width: 14px;
        height: 14px;
        left: 15px;
    }

    .port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .port-guides-list .port-guides-list-title::after {
        width: 8px;
        height: 8px;
        left: 23px;
    }

    .port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .port-guides-list .port-guides-list-title .col-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .port-guides-section.deal-departures .port-guides-tab-main .port-guides-tab-content .port-guides-list .port-guides-list-title .col-head.price-col {
        padding-right: 0 !important;
    }

    .cabin-slide-item .cabin-image {
        height: 350px;
    }
}


/* search v3  */
/* search v3  */



.cruise-search-v3 .deal-card-item .deal-content-btottom {
    padding-top: 14px;
    display: block;
    margin-top: 20px;
}

.cruise-search-v3 .deal-pricing-label {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 400;
    font-size: 14px;
    /* text-transform: uppercase; */
    justify-content: center;
}

.cruise-search-v3 .deal-pricing-slider.activated {
    max-width: 100%;
    width: 100%;
    padding-right: 87px;
}

.cruise-search-v3 {
    max-width: 100%;
    position: relative;
}

.cruise-search-v3 .deal-pricing-slider .swiper-navigation-wrap .swiper-btn.swiper-next {
    width: 87px;
    height: 100%;
}

.cruise-search-v3 .deal-pricing-slider .deal-pricing-slide {
    min-width: 33.33%;
    height: fit-content;
    padding: 10px;
}

.cruise-search-v3 .deal-pricing-slider {
    height: 118px;
    box-shadow: unset;
}

.cruise-search-v3 .deal-pricing-slider.deactivated .deal-pricing-slide {
    min-width: 140px;
}

.cruise-search-v3 a.btn.deal-view-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 0;
    font-weight: 400;
    background-color: #fff;
    color: #151e28;
}

.cruise-search-v3 a.btn.deal-view-btn:hover {
    background: #151e28;
    color: #fff;
}

.deal-pricing-slider.deactivated .swiper-navigation-wrap {
    display: none;
}

ul.search-v3-filter-tab {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
    max-width: 100%;
    overflow: auto;
    margin: 0 auto;
    width: fit-content;
}

ul.search-v3-filter-tab a {
    display: flex;
    background: #f9f9f9;
    padding: 13px 23px;
    font-size: 16px;
    align-items: center;
    gap: 5px;
    transition: .3s;
}


.search-v3-filter input {
    display: none;
}

.search-v3-filter input:checked~label {
    background: #151e28;
    color: #fff;
}

.search-v3-filter label {
    border: 1px solid #151e28;
    cursor: pointer;
    padding: 9px 15px;
    display: flex;
    color: #151e28;
    font-size: 14px;
    transition: .3s;
    border-radius: 20px;
}

.search-v3-filter .filter-list-wrap {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    width: 100%;
}

ul.search-v3-filter-tab a svg {
    width: 12px;
}

ul.search-v3-filter-tab a:hover,
ul.search-v3-filter-tab a.active,
ul.search-v3-filter-tab li.all-filter-trigger a {
    background: #1937b5;
    color: #fff;
}

ul.search-v3-filter-tab a:hover svg path,
ul.search-v3-filter-tab a.active svg path {
    fill: #fff;
}

ul.search-v3-filter-tab a svg path {
    transition: .3s;
}

.search-filter-modal .modal-body.with-bg {
    padding: 70px 40px 40px;
}

.search-v3-filter {
    display: none;
}

.search-v3-filter.active {
    display: block;
}

.search-v3-filter h4 {
    margin-bottom: 20px;
}

.search-filter-modal.modal .modal-wrapper {
    max-width: 1120px;
    max-height: 80vh;
}

.all-filter-trigger {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}

.search-v3-all-filters ul.search-v3-filter-tab {
    display: block;
    width: 100%;
}

.search-v3-all-filters ul.search-v3-filter-tab a {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
}

.search-v3-all-filters ul.search-v3-filter-tab a svg {
    transform: rotate(-90deg);
}

.search-v3-all-filters ul.search-v3-filter-tab a:hover {
    color: #151e28 !important;
}

.search-v3-all-filters ul.search-v3-filter-tab a:hover svg path {
    fill: #151e28 !important;
}

.search-v3-all-filters {
    display: none;
}

.search-v3-all-filters.active {
    display: block;
}

ul.search-v3-filter-tab>li {
    /* display: flex; */
    flex-grow: 1;
    flex-basis: max-content;
    flex: none;
    padding-bottom: 10px;
    position: relative;
    left: 0;
    top: 0;
}

ul.search-v3-filter-tab>li.all-filter-trigger {
    display: none;
}

.search-v3-wrap .modal button.btn.see-results {
    display: block;
    position: static;
    margin: 0 auto;
    width: unset;
    height: unset;
    border-radius: 0;
    font-weight: 300;
    /* margin-top: 40px; */
    font-size: 16px;
    background: #1937b5;
    padding: 14px 34px;
}

.search-v3-wrap .modal .see-results-wrap {
    background: #f9f9f9;
    padding: 20px 40px;
}

.search-v3-wrap .modal button.btn.see-results:before,
.search-v3-wrap .modal button.btn.see-results:after {
    display: none;
}


.search-v3-filter .filter-list-wrap .month-year-group {
    flex: 0 0 30%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    column-gap: 0;
    row-gap: 10px;
}

.search-v3-filter .filter-list-wrap.month-list-wrap {
    justify-content: space-around;
    row-gap: 30px;
}

.search-v3-filter .filter-list-wrap .month-year-group .months-item {
    flex: 0 0 21%;
    display: flex;
}

.search-v3-filter .filter-list-wrap .month-year-group .year-label {
    flex: 0 0 100%;
    margin-bottom: 10px;
}

.search-v3-filter .filter-list-wrap .month-year-group .months-item label {
    min-width: 61px;
    justify-content: center;
}

.search-v3-filter .filter-list-wrap .month-year-group .months-item.disabled {
    opacity: .5;
}

.cruise-api-filter-data strong {
    font-weight: inherit;
}

.cruise-api-search-page .cruise-api-search {
    margin-top: 0 !important;
}

.search-v3-filter-tab-wrap.scrolling {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* margin: 0; */
    z-index: 3;
    padding: 15px;
    transition: .4s;
}

.search-v3-filter-tab-wrap {
    margin-bottom: 20px;
    transition: .4s;
    background: #fff;
}

@media only screen and (max-width: 991px) {
    ul.search-v3-filter-tab>li.all-filter-trigger {
        display: block;
    }

    .search-filter-modal .search-v3-filter-tab-wrap,
    .search-filter-modal ul.search-v3-filter-tab>li.all-filter-trigger {
        display: none;
    }


}

@media only screen and (max-width: 768px) {
    .cruise-search-v3 .deal-pricing-slider {
        height: fit-content;
    }

    .cruise-search-v3 .deal-pricing-slider.activated {
        padding-right: 0;
    }

    .cruise-search-v3 .deal-pricing-slider .swiper-navigation-wrap .swiper-btn.swiper-next {
        width: 100%;
    }

    .cruise-search-v3 .deal-pricing-slider .deal-pricing-slide {
        max-height: 60px;
        padding-bottom: 15px;
    }

    .cruise-search-v3 .deal-pricing-slider .deal-pricing-slide:last-child {
        border-bottom: 0;
    }

    .search-v3-filter .filter-list-wrap .month-year-group {
        flex: 0 0 100%;
    }

    ul.search-v3-filter-tab a {
        font-size: 14px;
        padding: 11px 23px;
    }

    section.cruise-api-search-area {
        padding-top: 15px;
    }

    .cruise-api-search-page section.cruise-api-searchbar-section {
        padding-top: 0;
    }



}