@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;900&display=swap');

html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
}

input {
    outline: none;
}
input:disabled {
    outline: none;
    color: #828282 !important;
}
.room-prev,
.room-next {
    cursor: pointer;
}

.reservation-wrapper {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
}

.reservation-wrapper::-webkit-scrollbar {
    display: none;
}

.room-gallery-wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    cursor: pointer;
}

.room-gallery-wrapper img {
    min-height: 210px;
    object-fit: cover;
    object-position: center;
}

.single-hotel-page .room-gallery-wrapper img {
    max-width: 315px;
}

.room-gallery-wrapper .room-gallery-button,
.hotel-details-container .details-item .info-item .room-gallery-button {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 5px 10px;
    background: #000000;
    border-radius: 5px;
    left: 10px;
    margin-bottom: 20px;
    cursor: pointer;
}

.hotel-details-container .details-item .info-item .room-gallery-button {
    bottom: 0;
}

.room-gallery-wrapper .room-gallery-button .gallery-icon,
.hotel-details-container .details-item .gallery-icon {
    background: url(../images/gallery-icon.svg);
    height: 18px;
    width: 22px;
    background-repeat: no-repeat;
}

.room-gallery-wrapper .room-gallery-button .gallery-text,
.hotel-details-container .details-item .gallery-text {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #E6E8EC;
}

.gallery-modal-wrapper {
    max-width: 1024px;
    margin: auto;
    margin-top: -50px;
}

.gallery-modal-wrapper .gallery-modal-close {
    padding: 3px 10px;
    color: #fff;
    margin-left: 15px;
    font-family: unset;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -50px;
    width: 40px;
    height: 40px;
    border: none;
    background: #23262F;
    font-size: 0;
    border-radius: 12px;
}

.gallery-modal-wrapper .gallery-modal-close span {
    background: url(../images/icon-close.svg);
    width: 14px;
    height: 14px;
    background-size: 14px;
    display: block;
}

.gallery-modal-wrapper .gallery-slider {
    display: flex;
    padding: 30px;
    background: #23262F;
    border-radius: 24px;
    max-width: 800px;
    flex-direction: column;
    align-items: center;
    overflow-y: auto;
}

.gallery-modal-wrapper .gallery-slider .big-slider .big-item {
    border-radius: 24px;
    max-width: 1000px;
    max-height: 500px;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 16/9;
}

.gallery-modal-wrapper .gallery-slider .small-slider {
    display: block;
    overflow: hidden;
    width: 100%;
}

.gallery-modal-wrapper .gallery-slider .small-slider .owl-stage {
    display: flex;
    gap: 10px;
}

.gallery-modal-wrapper .gallery-slider .small-slider .small-item {
    height: -webkit-fill-available;
    border-radius: 24px;
    height: 100px;
    object-fit: cover;
    object-position: center;
}

.gallery-modal-wrapper .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #4FF6B1 !important;
}

.gallery-modal-wrapper .owl-carousel button.owl-dot {
    margin: 10px 0px 22px 0;
}

.gallery-modal-wrapper .owl-theme .owl-dots .owl-dot span {
    background: #777E90;
    width: 8px;
    height: 8px;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    outline: none;
}

#label-filter-by {
    margin-left: 20px;
}

.filter-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #313440;
    border-radius: 5px;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 600;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    box-shadow: none;
    border: none;
    color: #FFF;
}

.filter-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px;
}

.filter-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.filter-by-wrapper {
    position: relative;
    width: auto;
    float: left;
    display: flex;
    align-items: center;
    gap: 0px;
    justify-content: space-between;
    /*width: 166px;*/
    flex-direction: row;
}

.sorting-drop .third-section {
    width: auto;
    float: none;
    display: block;
}

#filter-by-container {
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    top: 100%;
    margin: 20px 20px 100px 86px;
    background: #FFF;
    color: #3F3F3F;
    padding: 20px;
    gap: 10px;
    width: 325px;
    z-index: 999;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);
    border-radius: 8px;
}

#filter-by-container .row {
    display: flex;
    flex-direction: column;
}

.filter-input-group.filter-am-hidden {
    display: none;
}

#filter-type {
    width: 40%;
    float: left;
    margin-right: 10px;
}

#filter-type ul {
    list-style: none;
    margin: 0;
}

#filter-type ul li {
    cursor: pointer;
}

#filter-type ul li,
.filter-selector-group label {
    font-size: 14px;
    margin-bottom: 12px;
    margin-left: 5px;
    text-transform: capitalize;
}

#filter-type ul li.active {
    background: #23262F;
    border-radius: 8px;
    padding: 5px 10px;
    color: #FFF;
    margin-left: 0;
}

.filter-selector-group {
    margin-bottom: 20px;
}

p#title-browse-type {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.sorting-drop .icon-amenities {
    margin-right: 0;
    margin-left: 5px;
    color: #777E91;
}

.filter-selector-group input[type="checkbox"],
.filter-selector-group input[type="radio"],
.crew-select-guests input[type="checkbox"],
input[type="checkbox"].crew-pay-primary-contact,
input[type="radio"].crew-pay-primary-contact,
.option-holder input[type="radio"],
.option-holder input[type="checkbox"] {
    appearance: none;
    background-color: #FFF;
    margin: 0;
    font: inherit;
    color: #8F939C;
    width: 20px;
    height: 20px;
    border: 2px solid #8F939C;
    border-radius: 4px;
    transform: translateY(-0.075em);
    display: inline-flex;
    place-content: center;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.filter-selector-group input[type="checkbox"]::before,
.filter-selector-group input[type="radio"]::before,
.crew-select-guests input[type="checkbox"]::before,
input[type="checkbox"].crew-pay-primary-contact::before,
input[type="radio"].crew-pay-primary-contact::before,
.option-holder input[type="radio"]::before,
.option-holder input[type="checkbox"]::before {
    content: ' ';
    width: 0.65em;
    height: 0.65em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #FFF;
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.filter-selector-group input[type="checkbox"]::before,
.filter-selector-group input[type="radio"]::before,
.crew-select-guests input[type="checkbox"]::before,
input[type="checkbox"].crew-pay-primary-contact::before,
input[type="radio"].crew-pay-primary-contact::before,
.option-holder input[type="radio"]::before,
.option-holder input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
}

.filter-selector-group input[type="checkbox"]:checked,
.filter-selector-group input[type="radio"]:checked,
.crew-select-guests input[type="checkbox"]:checked,
input[type="checkbox"].crew-pay-primary-contact:checked,
input[type="radio"].crew-pay-primary-contact:checked,
.option-holder input[type="radio"]:checked,
.option-holder input[type="checkbox"]:checked {
    background: #6707FD;
    border-color: #6707FD;
}

.filter-selector-group input[type="checkbox"]:checked::before,
.filter-selector-group input[type="radio"]:checked::before,
.crew-select-guests input[type="checkbox"]:checked::before,
input[type="checkbox"].crew-pay-primary-contact:checked::before,
input[type="radio"].crew-pay-primary-contact:checked::before,
.option-holder input[type="radio"]:checked::before,
.option-holder input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.filter-input-group {
    margin-bottom: 10px;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    margin-top: 8px;
}

.dates-available-popup {
    display: none;
    position: absolute;
}

.single-booking .daterangepicker[style*='display: block'] {
    margin-top: -45px !important;
}

.rooms-modal {
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    background: #FFF;
    color: #000;
    padding: 20px;
    margin: 0;
    gap: 10px;
    width: 350px;
    z-index: 2;
    border-radius: 12px;
}

#title-add-room {
    color: #000000;
    font-size: 18px;
    font-weight: 700;
}

.rooms-table-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    border-radius: 12px;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.rooms-table-wrapper table {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    border-radius: 12px;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.rooms-table-wrapper table thead tr {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 70px;
}

.rooms-table-wrapper table thead tr th {
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    color: #B1B5C4;
    text-align: left;
    padding: 0;
}

.rooms-table-wrapper table tbody tr {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px 5px 5px 11px;
    gap: 31px;
    background: #EFEFEF;
    border-radius: 8px;
}

.rooms-table-wrapper table tbody tr td {
    padding: 0px;
    border: none;
}

.rooms-table-wrapper tfoot {
    display: none;
}

.rooms-table-wrapper .guest-selection {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 6px;
}

.rooms-table-wrapper .selected-room {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 13px;
    border: none;
}

.rooms-table-wrapper .guest-number {
    box-sizing: border-box;
    flex-direction: column;
    padding: 0px;
    background: #FFF;
    border: 1px solid #777E90;
    border-radius: 4px;
    width: 32px;
    height: 32px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    align-items: center;
    text-align: center;
    color: #000;
    cursor: pointer;
}

.rooms-table-wrapper .guest-number.guest-active {
    background: #6707FD;
    color: #FFF;
}

.rooms-table-wrapper .selected-room {
    font-size: 14px;
}

.rooms-table-wrapper .selected-room-delete i {
    font-family: 'FontAwesome';
    cursor: pointer;
    color: #777E90;
}

.rooms-table-wrapper span.txt-room-number {
    width: 60px;
}

.add-additional-room {
    position: relative;
    padding: 10px;
    color: #6707FD;
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23e0e0e0' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 12px;
    margin: 10px 0 20px 0;
}

#rooms-update {
    margin-top: 20px;
}

.btn-purple {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 14px 20px;
    gap: 10px;
    position: relative;    
    width: 80px;
    height: 40px;
    background: #6707FD;
    border: 2px solid #6707FD;
    border-radius: 50px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 12px;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
}

.room-number-wrap .selected-room-delete,
.room-number-wrap-mobile .selected-room-delete,
.rooms-table-wrapper .additional-room .selected-room-delete {
    visibility: hidden;
    pointer-events: none;
}

.rooms-table-wrapper table .additional-room:last-of-type .selected-room-delete {
    visibility: visible;
    pointer-events: all;
}

.room-id-0 .room-delete,
.rooms-guest-wrapper .rooms-container-col .room-delete {
    display: none;
}

.rooms-guest-wrapper .rooms-container-col:last-of-type .room-delete {
    display: block;
}

.rooms-guest-wrapper .rooms-container-col.room-id-0 .room-delete {
    display: none;
}

#similar-hotels-wrapper {
    position: relative;
    width: 100%;
    margin: 50px 0 30px 0;
}

.similar-filter-wrap {
    width: 100%;
}

.similar-filter-wrap .select-hollow {
    display: flex;
    align-items: center;
    background: #313440;
    border-radius: 8px;
    border: none;
    font-weight: 400;
}

.similar-hotel-filter {
    position: relative;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

#similar-hotel-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #FCFCFD;
}

.select-hollow {
    background: transparent;
    border: solid 2px #777e90;
    border-radius: 50px;
    font-weight: 700;
    width: 100%;
}

.select-hollow:after {
    border-color: #FFF;
}

.sort-title {
    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
    min-width: 50px;
}

.similar-hotels-container {
    margin-top: 20px;
}

.similar-hotel-wrap {
    position: relative;
    display: flex;
    background: #23262F;
    border-radius: 12px;
    padding: 12px;
    margin: 10px 0;
    overflow: hidden;
}

.img-similar-hotel {
    width: 73px;
    height: 73px;
    object-fit: cover;
    filter: drop-shadow(0px 4px 30px #000000);
    border-radius: 12px;
}

.similar-hotel-info {
    padding: 0 0 0 15px;
    margin-top: -5px;
}

.similar-hotel-info .hotel-info {
    font-size: 12px;
    display: flex;
    gap: 10px;
}

.similar-hotel-info h4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin: 0;
}

.similar-hotel-info h4 a:hover,
.similar-hotel-info h4 a:focus {
    color: #FFF;
}

a.similar-hotel-btn {
    border: 2px solid #6707FD;
    border-radius: 50px;
    font-weight: 700;
    font-size: 14px;
    padding: 0px 20px;
    margin-top: 5px;
    display: inline-block;
}

a.similar-hotel-btn:hover,
a.similar-hotel-btn:focus {
    background: #6707FD;
    color: #FFF;
}

span.similar-available {
    transform: rotate(-45deg);
    background: #4FF6B1;
    box-shadow: 0.552566px 0.552566px 5.52566px rgb(0 0 0 / 20%);
    display: block;
    color: #000;
    font-size: 8px;
    position: absolute;
    z-index: 1;
    width: 100px;
    text-align: center;
    top: 18px;
    left: -23px;
    font-weight: 600;
}

.btn-similar {
    text-transform: uppercase;
    background: #23262F;
    border-radius: 50px;
    width: 100%;
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    padding: 8px 0;
    margin-bottom: 10px;
}

.btn-similar:hover,
.btn-similar:focus {
    background: #393b43;
}

#similar-show-less {
    display: none;
}

.btn-similar:hover,
.btn-similar:focus {
    color: #FFF;
}

.similar-hidden {
    display: none;
}

#booking-sidebar {
    display: flex;
}

#reservation-wrapper {
    position: relative;
    background: #23262F;
    border-radius: 20px;
    gap: 10px;
    margin-bottom: 30px;
    width: 100%;
}

#reservation-details-container {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    gap: 10px;
    padding: 20px;
}

#reservation-details-container .reservation-detail-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #FFF;
    gap: 20px;
    margin-bottom: 10px;
}

#reservation-wrapper .section-title .r-sub-icon {
    display: flex;
}

#reservation-wrapper .section-title .r-sub-icon:before {
    content: ' ';
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: contain;
}

#reservation-wrapper .section-title .r-sub-icon.r-hotel:before {
    background-image: url(../images/hotel-icon-blue.svg);
}

#reservation-wrapper .section-title .r-sub-icon.r-room:before {
    background-image: url(../images/door-active.svg);
}

#reservation-wrapper .section-title .r-sub-icon.r-date:before {
    background-image: url(../images/calender-blue.svg);
}

#reservation-wrapper .section-title .r-sub-icon.r-extras:before {
    background-image: url(../images/extras-icon-pink.svg);
    width: 18px;
}

#reservation-wrapper .r-sub-title {
    text-transform: uppercase;
}

#reservation-wrapper .r-sub-title span {
    font-weight: 300;
    text-transform: initial;
}

#reservation-wrapper .info-item.section-title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}

.reservation-item-hotel {
    border-bottom: 1px dashed #656565;
    padding-bottom: 10px;
}

.b-bottom {
    border-bottom: 1px solid #656565;
    padding-bottom: 10px;
}

#reservation-wrapper .reservation-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

#reservation-wrapper .r-det-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: #FFF;
    gap: 15px;
}

#reservation-wrapper .r-det-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    color: #E6E8EC;
}

.r-det-img {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 8px;
}

.r-det-part {
    display: flex;
    gap: 10px;
}

.r-flight-group {
    display: flex;
    gap: 7px;
    align-items: center;
}

#reservation-wrapper .r-flight-codes .r-det-title,
.r-det-title.flight-code {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
}

#reservation-wrapper .flight .r-det-item {
    align-items: flex-start;
}

.r-flight-journey {
    background-image: url(../images/icon-journey.svg);
    width: 15px;
    height: 13.5px;
    display: block;
    background-size: 15px 13.5px;
}

.r-small {
    color: #E6E8EC;
    font-size: 12px;
    line-height: 20px;
    display: inline-flex;
    align-items: center;
    gap: 5px;    
}

.r-flight-icon:before {
    content: ' ';    
    width: 14px;
    height: 11px;
    display: inline-flex;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
}

.r-cap {
    text-transform: capitalize;
}

.r-icon-passenger:before {background-image: url(../images/icon-passengers.svg);}
.r-icon-time:before {background-image: url(../images/icon-time.svg);}
.r-icon-depart:before {background-image: url(../images/icon-departure.svg);}
.r-icon-arrive:before {background-image: url(../images/icon-arrival.svg);}

span.flight-sep {
    color: #E6E8EC;
    font-size: 8px;
}

#reservation-wrapper .reservation-flights .r-det-item {
    align-items: flex-start;
}

#reservation-wrapper .r-det-info {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-overflow: clip;
}

#reservation-wrapper .r-det-price {
    font-weight: 400;
    color: #4FF6B1;
}

#reservation-wrapper .r-bold {
    font-weight: 700;
}

#reservation-wrapper .r-thin {
    font-weight: 400;
}

#r-view-details,
.txt-view-details {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #4FF6B1;
    margin: 5px 0;
    cursor: pointer;
}

#r-view-details:before,
.txt-view-details:before {
    content: ' ';
    width: 8px;
    height: 8px;
    display: inline-block;
    background-size: contain;
    background-image: url(../images/caret-down.svg);
    margin-right: 10px;
    transform: rotate(-90deg);
}

#r-discount-code {
    background: #313440;
    border-radius: 8px;
    padding: 7px 12px;
    text-align: center;
    max-width: 80px;
}

#reservation-wrapper .r-det-grand-total {
    font-weight: 700;
    font-size: 25px;
    color: #9AC8FF;
}

#reservation-wrapper .r-det-per-person {
    font-weight: 700;
    font-size: 20px;
    color: #4FF6B1;
}

a.edit-reservation-btn {
    background: #353945;
    border-radius: 50px;
    font-weight: 700;
    font-size: 14px;
    padding: 8px 0;
    margin-top: 5px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
}

a.edit-reservation-btn:hover,
a.edit-reservation-btn:focus {
    background: #6707FD;
    color: #FFF;
}

#reservation-wrapper .hidden-prices {
    display: none;
    margin-left: 10px;
}

#reservation-wrapper .hidden-prices .r-det-title,
#reservation-wrapper .hidden-prices .r-det-price {
    font-size: 12px;
}

#r-view-details.active:before {
    transform: rotate(180deg);
}

#crewfare-addon-wrapper {
    margin: 40px 0;
}

.extras-section {
    display: flex;
    width: 100%;
    padding: 30px 0;
    flex-direction: column;
    gap: 20px;
}

.extras-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 56px;
    color: #FCFCFD;
    letter-spacing: -0.02em;
    margin: 0;
}

.extras-title span {
    font-weight: 400;
    font-size: 16px;
}

.extras-thumb {
    position: relative;
    float: left;
    max-width: 32%;
    margin-right: 30px;
    border-radius: 24px;
    max-width: 276px;
    overflow: hidden;
}

.extras-thumb img {
    max-width: 390px;
}

.extra-included .extras-thumb {
    margin-right: 0;
}

.extras-container {
    position: relative;
    display: flex;
    margin-bottom: 0;
}

.extras-container.extra-included {
    overflow: hidden;
}

.extras-container.extra-included {
    background: #23262F;
    border-radius: 20px;
    padding: 30px;
}

.extra-inc-banner {
    transform: rotate(-45deg);
    background: #4FF6B1;
    box-shadow: 0.552566px 0.552566px 5.52566px rgb(0 0 0 / 20%);
    display: block;
    color: #000;
    font-size: 12px;
    position: absolute;
    z-index: 1;
    width: 180px;
    text-align: center;
    text-transform: uppercase;
    top: 22px;
    left: -52px;
    font-weight: 700;
    padding: 5px 0;
}

.extra-addon-container {
    width: 100%;
}

.extra-addon-title {
    color: #E6E8EC;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
}

.extra-addon-desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #E6E8EC;
}

.inc-within-package {
    padding: 3px 10px;
    gap: 5px;
    background: #4FF6B1;
    border-radius: 4px;
    font-weight: 700;
    font-size: 10px;
    color: #000;
    text-transform: uppercase;
    display: inline-flex;
    margin-bottom: 18px;
    align-items: center;
}

.inc-within-package:before {
    content: ' ';
    position: relative;
    width: 14px;
    height: 14px;
    background-size: 14px;
    background-image: url(../images/circle-tick.svg);
    display: inline-block;
    margin-right: 10px;
}

.extra-addon-container.extra-price .extra-addon-title {
    float: left;
}

.extra-add-on-price {
    float: right;
    font-weight: 700;
    font-size: 26px;
    line-height: 14px;
    color: #4FF6B1;
}

.extra-add-on-price .price-node {
    font-weight: 700;
    font-size: 30px;
    color: #4FF6B1;
}

.extra-add-on-price span {
    font-size: 12px;
    font-weight: 400;
    color: #777E90;
}

.extra-addon-addititonal:after {
    content: ' ';
    display: table;
    clear: both;
}

.extra-add-header {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    gap: 10px;
}


.extra-quantity-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #848998;
    margin-bottom: 10px;
}

.extras-container .sorting-drop {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: flex-start;
}

.btn-extra {
    color: #4FF6B1;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    padding: 6px 30px;
    border: 2px solid #4FF6B1;
    border-radius: 90px;
    margin-top: 30px;
    display: inline-flex;
}

.extras-popup-cta {
    text-align: center;
    display: flex;
    gap: 10px;
}

.btn-close-extra {
    color: #f1f4f2;
    border-color: #f1f4f2;
}

.btn-close-extra:hover {
    color: #a9abaa;
    border-color: #a9abaa;
}

.extras-popup-cta .btn-add-extra.btn-extra-selected {
    border: 2px solid #4FF6B1;
}

.btn-add-extra:hover,
.btn-add-extra:focus {
    background: #4FF6B1;
    color: #000;
}

.btn-soon-extra {
    color: #6707FD;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    padding: 6px 30px;
    border: 2px solid #6707FD;
    border-radius: 90px;
    margin-top: 30px;
    display: inline-flex;
    pointer-events: none;
}

.btn-soon-extra:hover,
.btn-soon-extra:focus {
    background: #6707FD;
    color: #000;
}

.btn-extra-selected, .btn-flight-selected {
    background: #4FF6B1 !important;
    color: #000 !important;
    border-radius: 90px;
    padding: 6px 20px;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    font-size: 14px;    
}

.btn-extra-selected:before, .btn-flight-selected:before {
    content: ' ';
    position: relative;
    width: 22px;
    min-width: 22px;
    height: 22px;
    background-size: 22px;
    background-image: url(../images/circle-tick.svg);
    display: inline-block;
    margin-right: 10px;
}

.head-cont .view-button .active {
    font-weight: 700;
    color: #000;
}

.products-grid.map-view .generic .showSlide:first-of-type {
    display: block;
}

.daterangepicker td.off.in-range-min-span {
    cursor: not-allowed;
}

input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    margin: 20px 0;
    width: 100%;
    border-radius: 25px;
}

input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    -moz-apperance: none;
    border-radius: 6px;
    height: 6px;
    background-image: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(0.10, #6707FD),
            color-stop(0.10, #E4E4E4));
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-thumb {
    position: relative;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #FFF;
    background: url(../images/icon-slider.svg);
    background-size: 24px;
    top: 7px;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    margin-top: -8px;
    z-index: 9999999;
}

.filter-all-am {
    font-size: 14px;
    line-height: 21px;
    color: #6707FD;
    margin: 12px 0 0 0;
    cursor: pointer;
}

.range-filter-holder {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
}

.range-wrap {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-direction: row;
    width: 100%;
    max-width: 180px;
}

.range-value {
    position: absolute;
    top: -50%;
}

.range-value span {
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 6px;
    background: #FFFFFF;
    border: 0.5px solid #E4E4E4;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
    color: #6707FD;
    font-size: 14px;
    font-weight: 700;
}

.range-value span:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 7px solid #FFF;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 100%;
    border-radius: 00;
    left: 50%;
    margin-left: -5px;
    margin-top: -1px;
}

.range-label {
    display: inline;
    margin: 0;
    font-size: 14px;
}

.icon-star {
    position: relative;
    background-image: url(../images/icon-star-hollow.svg);
    width: 12px;
    height: 12px;
    display: inline-block;
    background-size: 12px;
}

.icon-star.checked {
    background-image: url(../images/icon-star.svg);
}

.star-rating-group {
    margin-bottom: 10px;
}

.elementor-menu-toggle {
    display: none;
}

.products-grid .hotel-col[data-filter-hidden="1"] {
    display: none;
}

.filter-amenities-wrapper {
    overflow-x: scroll;
}

.rooms-guest-wrapper {
    width: 100%;
    overflow: scroll;
    display: flex;
    max-width: 700px;
}

.room-popup-wrapper .popup-col .popup-rooms .rooms-container-col .room-col.room-content {
    display: inline-flex;
    gap: 4px;
    min-width: 125px;
}

.popup-rooms.rooms-container .rooms-guest-wrapper.fade:after {
    content: ' ';
    top: 0;
    right: 0;
    width: 200px;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 1) 100%);
    position: absolute;
    pointer-events: none;
}

.popup-rooms.rooms-container .rooms-guest-wrapper.divend:after {
    content: none;
}

.popup-rooms.rooms-container .rooms-guest-wrapper::-webkit-scrollbar {
    display: none;
}

.room-popup-wrapper .popup-col .popup-rooms .rooms-addnew.is-open {
    background: #4FF6B1;
    color: #23262F;
}

.single-custom-room section#passport-booking-process {
    margin-top: 20px;
    margin-bottom: 20px;
}

.single-custom-room #booking-sidebar .right-sidebar {
    max-width: -webkit-fill-available;
}

.single-custom-room .gdlr-pagination {
    display: none;
}

.room-prev,
.room-next {
    background-image: url(../images/arrow-right.svg);
    height: 14px;
    width: 8px;
    background-size: 8px 14px;
    display: inline-block;
}

.room-prev {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.reservation-guest-title-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.reservation-guest-title-wrapper .reservation-room-slide .room-count {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #4FF6B1;
}

.reservation-guest-title-wrapper span.reservation-room-slide {
    font-family: monospace;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #4FF6B1;
    align-items: center;
    display: flex;
    gap: 10px;
}

.dates-selection .date-input-icon {
    background-image: url(../images/chevrons.svg);
    width: 21px;
    height: 10px;
    background-size: 21px 10px;
}

.avalibity-sub-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.avalibity-sub-container.mobile {
    display: none;
}

#modal-calendar,
#modal-rooms {
    position: fixed;
    top: 148px;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #141416;
    display: none;
    z-index: 99999;
    padding: 0;
    overflow: scroll;
}

#modal-rooms {
    background: #000;
}

#modal-rooms .modal-popup-title {
    color: #FFF;
}

#modal-rooms .modal-back {
    background-image: url(../images/arrow-white-left.svg);
}

body.is-modal {
    overflow: hidden;
}

@media all and (min-width: 600px) {

    #modal-calendar,
    #modal-rooms {
        display: none !important;
    }

    html body.is-modal {
        overflow: initial;
    }
}

#modal-calendar-wrapper,
#modal-rooms-wrapper {
    padding: 20px;
    overflow-x: scroll;
    padding-bottom: 250px;
}

#modal-rooms-wrapper {
    padding-bottom: 200px;
}

#modal-calendar .daterangepicker {
    position: relative;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    border: none;
}

#modal-calendar .daterangepicker .drp-buttons .applyBtn {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    margin-top: 20px;
}

.modal-title-holder {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.modal-popup-title {
    font-size: 20px;
    color: #000;
    letter-spacing: 0.390625px;
    font-weight: 700;
    margin: 0;
}

.modal-back {
    background-image: url(../images/arrow-left.svg);
    width: 22px;
    height: 22px;
    background-size: 22px;
    display: inline-block;
    cursor: pointer;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    border-radius: 4px;
}

body.is-modal {
    overflow: hidden;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    border: none !important;
    background-image: url(../images/arrow-left-purple.svg);
    width: 22px;
    height: 22px;
    display: block;
    transform: none;
}

.calendar-table thead tr th:not(.month) {
    color: #BDBDBD !important;
    text-transform: uppercase;
}

.calendar-table thead tr th.month {
    letter-spacing: 0.12px;
    color: #333333;
    font-size: 16px;
    font-weight: 500;
}

.daterangepicker .calendar-table table {
    padding: 10px;
}

.daterangepicker .calendar-table .next span {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: transparent;
}

.daterangepicker td.off.in-range {
    background-color: #F5EFFF;
    color: #000 !important;
    border-radius: 4px;
}

.daterangepicker td.in-range:not(.end-date) {
    background-color: #F5EFFF !important;
}

.daterangepicker td.active:after {
    filter: invert(1);
}

#modal-calendar-dates {
    position: relative;
    width: 100%;
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

#modal-calendar .reservation-date {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border: solid 2px #7B7B7B;
    border-radius: 12px;
    padding: 15px;
}

#modal-calendar .reservation-date .reservation-input-area {
    background: #EFEFEF;
    color: #000;
    width: auto;
    width: calc(100% - 15px);
    width: -webkit-calc(100% - 15px);
    width: -moz-calc(100% - 15px);
}

.reservation-rooms-mobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    gap: 7px;
    background: #23262F;
    border-radius: 12px;
    flex: none;
    order: 0;
    flex-grow: 0;
    z-index: 9999;
    border: 1px solid #000;
    width: 50%;
}

.reservation-room-title-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 10px;
    flex: none;
    flex-grow: 0;
}

.reservation-room-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    color: #B1B5C4;
    flex: none;
    flex-grow: 0;
}

.reservation-field-rooms .reservation-room-title {
    text-transform: capitalize;
}

#mobile-rooms {
    display: flex;
    flex-direction: row;
    padding: 5px 10px 5px 11px;
    background: #000;
    border-radius: 8px;
    flex: none;
    flex-grow: 0;
    align-items: center;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

#mobile-rooms-wrap {
    position: relative;
    width: 100%;
}

.reservation-rooms-mobile .room-col.room-door-icon {
    position: absolute;
    top: 6px;
    right: 10px;
}

#modal-rooms #rooms-update {
    width: 100%;
}

#modal-rooms .room-number-wrap,
#modal-rooms .room-number-wrap-mobile {
    width: 100%;
}

#modal-rooms .rooms-modal-container {
    width: 100%;
    display: flex;
}

#modal-rooms p.modal-room-num {
    color: #23262F;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    background: transparent;
    padding: 0;
}

#modal-rooms .rooms-table-wrapper .col-delete-room {
    visibility: hidden;
    pointer-events: none;
}

#modal-rooms .additional-room:last-child .col-delete-room {
    visibility: visible;
    pointer-events: all;
}

#room-number-wrap-1 .col-delete-room {
    display: none;
}

#pay-for-crew-wrapper {
    padding: 40px 0 0 0;
    display: flex;
}

#pay-for-crew-wrapper ul {
    list-style: none;
    margin: 0;
}

#pay-for-crew-wrapper ul li {
    float: left;
    width: 185px;
    border-radius: 20px 20px 0px 0px;
    text-align: center;
    padding: 16px 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    cursor: pointer;
}

#pay-for-crew-wrapper ul li.active {
    color: #4FF6B1;
    background: #23262F;
}

.pay-for-wrap {
    display: block;
    background: #23262F;
    padding: 30px;
    border-radius: 0px 20px 20px 20px;
    margin-bottom: 40px;
}

#crewpay-details {
    border-radius: 20px;
}

#crewpay-details.pay-for-wrap.split-only {
    border-radius: 0px 20px 20px 20px;
}

.pay-crew-title {
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
}

#primary-details,
#crew-primary-details {
    display: flex;
    flex-direction: column;
}

#primary-info-wrap {
    display: flex;
    gap: 20px;
}

#primary-details label,
#crew-primary-details label,
.header-form-wrapper label {
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
}

#primary-details input,
.guest-room-details input,
#crew-primary-details input,
.header-form-wrapper input {
    position: relative;
    font-family: 'Poppins', sans-serif;
    background: #313440;
    border-radius: 8px;
    padding: 8px 12px;
    border: solid 2px #313440;
    color: #FFF;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;    
}

label.required:after {
    content: '\25CF';
    font-size: 13px;
    color: #EE0F0F;
    position: relative;
    left: 2px;
    bottom: 5px;
}

.btn-standard {
    font-family: 'Poppins', sans-serif;
    background: #4FF6B1;
    border: 2px solid #4FF6B1;
    border-radius: 90px;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    padding: 6px 30px;
    font-weight: 700;
    font-size: 14px;
    margin: 40px 0 20px 0;
    align-self: flex-start;
    cursor: pointer;
}

.btn-standard:hover,
.btn-standard:focus {
    color: #000;
}

#primary-info-wrap {
    display: flex;
    gap: 0;
    flex-direction: column;
}

.policy-wrap {
    margin-top: 0;
}

.policy-title {
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    color: #DADDE4;
    text-transform: uppercase;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
}

.policy-title:before {
    content: ' ';
    background-image: url(../images/arrow-right-white.svg);
    width: 6px;
    height: 10px;
    background-size: 6px 10px;
    display: flex;
    margin-right: 14px;
    float: left;
}

.policy-title.active:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.policy-details {
    display: none;
}

.policy-content {
    font-size: 13px;
    margin-bottom: 30px;
}

.crew-wrapper {
    margin-top: 40px;
}

.crew-room-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pay-crew-hero {
    background: #000;
    border-radius: 12px 12px 0 0;
    padding: 16px 30px;
    gap: 20px;
    margin: 20px 0 0 0;
    cursor: pointer;
    border-bottom: solid 4px #23262F;
    transition: all 0.5s linear;
}

.crew-room-title {
    font-size: 25px;
    color: #4FF6B1;
    font-weight: 700;
    margin: 0;
    display: flex;
    align-items: center;
}

.crew-room-title:before {
    content: ' ';
    width: 30px;
    height: 15px;
    display: inline-flex;
    background: url(../images/arrow-right.svg);
    background-size: 30px 15px;
    margin-right: 10px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.crew-hotel-title {
    font-size: 14px;
    margin: 0;
    display: flex;
    align-items: center;
    color: #FFF;
    font-weight: 700;
}

.crew-hotel-title:before {
    content: ' ';
    background-image: url(../images/map-marker-black.svg);
    width: 15px;
    height: 18px;
    background-size: 15px 18px;
    display: inline-block;
    margin-right: 10px;
}

.pay-crew-guest {
    padding: 30px;
    padding-bottom: 0;
    background: #15171C;
    border-bottom: solid 4px #23262f;
}

.crew-guest-title:before {
    content: ' ';
    background-image: url(../images/icon-group.svg);
    width: 24px;
    height: 21px;
    display: inline-block;
    margin-right: 10px;
}

.crew-guest-title {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}

.crew-guest-title span {
    font-weight: 400;
    margin-left: 10px;
}

.crew-guest-value {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #FFF;
    margin-bottom: 0;
    margin-right: 15px;
}

.crew-guest-value span {
    text-transform: lowercase;
    font-weight: 400;
    margin-left: 5px;
}

.crew-guest-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}

.crew-guest-name {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    align-items: center;
    margin: 0;
}

.crew-guest-name.right:before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.btn-add-guest,
.btn-add-guest-later {
    background: #9AC8FF;
    border: solid 2px #9AC8FF;
    border-radius: 50px;
    padding: 6px 20px;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 0;
    cursor: pointer;
    transition: color 300ms, background-color 300ms, opacity 300ms;
    -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
    -o-transition: color 300ms, background-color 300ms, opacity 300ms;
    -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
}

.btn-add-guest:hover,
.btn-add-guest:focus,
.btn-add-guest-later:hover,
.btn-add-guest-later:focus {
    color: #FFF;
    background: transparent;
}

.btn-add-guest:before {
    content: ' ';
    background-image: url(../images/icon-plus.svg);
    width: 10px;
    height: 9px;
    background-size: 10px 9px;
    display: inline-block;
    margin-right: 10px;
    transition: all 0.2s linear;
}

.btn-add-guest:hover:before,
.btn-add-guest:focus:before {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.crew-guest-details {
    display: flex;
    align-items: center;
}

.crew-guest-limit {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #9AC8FF;
    margin: 0 0 0 20px;
}

.crew-room-type-title {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}

.crew-room-type-title:before {
    content: ' ';
    background-image: url(../images/door-active.svg);
    width: 18px;
    height: 18px;
    background-size: 18px;
    display: inline-block;
    margin-right: 10px;
}

.pay-for-wrap .crew-room-display {
    display: flex;
    background: #15171C;
    padding: 0 30px 30px 30px;
    border-radius: 0;
}

.pay-for-wrap .crew-room-type.pay-crew-guest {
    padding-bottom: 10px;
}

.pay-for-wrap .gdlr-medium-room.gdlr-item {
    position: relative;
    width: 100%;
    background-image: none;
}

.pay-for-wrap .room-cont {
    float: left;
}

.crew-confirm-single {
    overflow: hidden;
}

.pay-for-wrap .gdlr-room-excerpt {
    padding-top: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #E6E8EC;
}

.pay-for-wrap .gdlr-medium-room .gdlr-room-content:after {
    content: none;
}

.pay-for-wrap .gdlr-medium-room .gdlr-room-content {
    font-size: 16px;
    color: #E6E8EC;
}

.pay-for-wrap .gdlr-medium-room .gdlr-room-price {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.pay-for-wrap .gdlr-medium-room.gdlr-item {
    border: none;
    padding-bottom: 0;
}

.pay-for-wrap .gdlr-medium-room.gdlr-item {
    margin-bottom: 0;
}

.crew-room-type.pay-crew-guest {
    border: none;
}

a.btn-change-room {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #4FF6B1;
    padding: 6px 30px;
    border: 2px solid #4FF6B1;
    border-radius: 90px;
    display: inline-block;
    margin-top: 17px;
    cursor: pointer;
}

a.btn-change-room:hover,
a.btn-change-room:focus {
    background: #4FF6B1;
    color: #000;
}

a.btn-change-room.room-selected {
    background: #4FF6B1;
    color: #000;
    text-transform: uppercase;
}

a.btn-change-room.room-selected:before {
    content: ' ';
    position: relative;
    width: 22px;
    height: 22px;
    background-size: 22px;
    background-image: url(../images/circle-tick.svg);
    display: inline-block;
    margin-right: 0;
    left: -20px;
    margin-bottom: -6px;
}

.pay-crew-hero.room-next {
    margin-top: 4px;
}

.pay-crew-hero.pay-crew-hero-next {
    margin-top: 20px;
}

.crew-room-guest {
    font-size: 20px;
    border-radius: 8px;
}

input.crew-room-guest {
    background: none;
}

.room-guest-add-name:before {
    content: ' ';
    background-image: url(../images/arrow-right-white.svg);
    width: 10px;
    height: 9px;
    background-size: 10px 9px;
    display: inline-block;
    margin-right: 10px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.room-guest-add-name {
    margin-left: 10px;
    margin-bottom: 10px;
}

.crew-input-row {
    display: flex;
    gap: 10px;
    flex-direction: column;
    width: 100%;
}

.guest-room-details {
    display: flex;
    margin: 10px 0;
    gap: 20px;
    background: #23262F;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
}

.guest-room-details.is-duplicate {
    border: 2px solid #EE0F0F;
    position: relative;
}

.guest-room-details.is-duplicate:before {
    content: "Duplicate not allowed";
    position: absolute;
    top: -13px;
    font-size: 13px;
    background-color: #1b1b1b;
    padding: 0px 4px;
    color: #EE0F0F;
    border-radius: 2px;
}

.crew-add-person {
    display: flex;
    column-gap: 20px;
    flex-direction: row;
    flex: 1;
}

#btn-add-guest,
#btn-add-new-guest,
.btn-add-new-guest {
    margin-top: 30px;
}

#add-room-popup #btn-add-new-guest {
    margin-top: 10px;
}

.guest-room-details label {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 5px;
}

.guest-room-details label span {
    font-weight: 400;
}

.pb-30 {
    padding-bottom: 30px;
}

.crew-room-booking-next {
    position: relative;
    display: flex;
    width: 100%;
    margin: 40px 0;
    flex-direction: column;
}

.crew-add-room-booking {
    position: relative;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    height: 100%;
    text-align: center;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23777E90' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 12px;
    margin: 0 0 30px 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    cursor: pointer;
    background-size: calc(100% - 1px);
    background-size: -webkit-calc(100% - 1px);
    background-size: -moz-calc(100% - 1px);
    background-repeat: no-repeat;    
}

.crew-add-room-booking p {
    margin: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    gap: 10px;
}

.crew-add-room-booking p:before {
    content: '+';
    width: 40px;
    height: 40px;
    background: #4FF6B1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-size: 18px;
}

.btn-continue.btn-purple {
    width: auto;
    padding: 12px 20px;
    max-width: 342px;
    text-transform: uppercase;
    cursor: pointer;
}

.btn-purple:hover,
.btn-purple:focus {
    color: #FFF;
}

#btn-empty-guest-confirm {
    width: 250px;
    padding: 0;
    margin: 20px auto;
}

#btn-empty-guest-cancel {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

#crewpay-details {
    display: none;
}

#crewpay-information {
    background: #141416;
    border-radius: 12px;
    padding: 30px;
    margin: 10px 0 0 0;
}

.crewpay-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #E6E8EC;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

/*
.crewpay-title:after {
    content: ' ';
    background-image: url(../images/icon-info.svg);
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-left: 10px;
}
*/

.crewpay-info-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}

#crewpay-process {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
}

.crewpay-process-title {
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    display: flex;
    margin: 0;
}

.crewpay-process-title:before {
    content: '1';
    width: 23px;
    height: 23px;
    background: #4FF6B1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-size: 12px;
    margin-right: 10px;
}

.crewpay-process-title.step-2:before {
    content: '2';
}

.crewpay-process-title.step-3:before {
    content: '3';
}

.crewpay-process-title.step-4:before {
    content: '4';
}

.crewpay-process-arrow {
    position: relative;
    background: url(../images/arrow-right-lrg.svg);
    width: 31px;
    height: 15px;
    background-size: 31px 15px;
    display: inline-block;
    margin: 4px 13px 0 13px;
}

.modal-popup {
    width: 100%;
    max-width: 1070px;
    background: #23262F;
    box-shadow: 0px 30px 40px #000000;
    border-radius: 24px;
    padding: 30px;
}

.popup-title {
    font-weight: 700;
    font-size: 30px;
    line-height: 45px;
    color: #FCFCFD;
    letter-spacing: -0.02em;
    text-align: center;
}

#add-room-popup .crew-add-person,
#add-room-popup .crew-input-row {
    width: 100%;
}

.popup_close {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -50px;
    width: 40px;
    height: 40px;
    border: none;
    background: #23262F;
    font-size: 0;
    border-radius: 12px;
}

button.popup_close span {
    background: url(../images/icon-close.svg);
    width: 14px;
    height: 14px;
    background-size: 14px;
    display: block;
}

#add-room-popup .guest-room-details {
    margin: 10px 0 20px 0;
    display: flex;
    gap: 20px;
}

.crew-guest-title.title-dates:before {
    background-image: url(../images/calender-blue.svg);
    width: 19px;
    height: 20px;
    background-size: 19px 20px;
}

#pay-crew-additional-guest {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;
    flex: none;
    flex-grow: 0;
}

#pay-crew-additional-guest .reservation-date {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 15px;
    gap: 7px;
    width: 207px;
    background: #23262F;
    border-radius: 12px;
    flex: none;
    order: 0;
    flex-grow: 0;
    z-index: 9999;
}

#add-room-popup .reservation-date .reservation-input-area .reservation-date-input {
    max-width: initial;
    width: 100%;
}

#add-room-popup .reservation-date .reservation-input-area {
    width: calc(100% - 15px);
    width: -webkit-calc(100% - 15px);
    width: -moz-calc(100% - 15px);
}

.crew-add-guests {
    position: relative;
    padding: 100px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    height: auto;
    text-align: center;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23777E90' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 12px;
    margin: 0 0 30px 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    cursor: pointer;
}

.crew-add-guests p {
    margin: 0;
}

.b-blue {
    font-weight: 700;
    color: #83BBFF;
}

.b-purple {
    font-weight: 700;
    color: #8A3FFF;
}

#add-room-modal-calendar .daterangepicker,
.select-passport-date .daterangepicker {
    position: relative;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    border: none;
    margin: 10px 0 0 0 !important;
    padding: 30px !important;
}

#add-room-modal-calendar,
.select-passport-date {
    display: none;
}

#add-room-modal-calendar .drp-calendar.right,
.select-passport-date .drp-calendar.right {
    display: none;
}

#add-room-modal-calendar .daterangepicker .drp-buttons .applyBtn,
.select-passport-date .daterangepicker .drp-buttons .applyBtn {
    position: relative;
    margin: 0 0 0 auto;
    left: 0;
    top: 0;
}

.crew-additional-guest {
    display: none;
}

.crew-additional-guest.new-addition {
    display: block;
}

#split-page-wrapper {
    background: #23262F;
    border-radius: 0 30px 30px 30px;
    padding: 30px;
    margin: 0 0 20px 0;
}

.hotel-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
}

#split-container {
    margin: 0 0 20px 0;
}

.event-date-display,
.event-location {
    font-size: 16px;
}

.event-date-display:before {
    content: ' ';
    background: url(../images/icon-event-green.svg);
    width: 17px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
}

.event-location:before {
    content: ' ';
    background: url(../images/icon-location-green.svg);
    width: 10px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
}

#split-payment-title {
    font-weight: 700;
    font-size: 30px;
    text-align: center;
}

.split-payment-rooms {
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    color: #4FF6B1;
    text-align: center;
    margin: 0 0 30px 0;
}

.split-payment-rooms span {
    font-size: 16px;
    color: #848998;
    margin-left: 5px;
}

.split-room-details {
    display: flex;
    margin: 20px;
    gap: 30px;
    flex-direction: row;
}

.split-room-information {
    background: #1E2028;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 55%;
}

.split-pay-title {
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 700;
}

.package-price-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.split-pay-price {
    background: #2E323E;
    border-radius: 90px;
    padding: 7px 20px;
    font-size: 14px;
    font-weight: 700;
}

.split-room-gallery {
    position: relative;
    max-width: 390px;
    min-width: 390px;
    display: flex;
    gap: 20px;
}

.split-room-gallery .gdlr-room-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #E6E8EC;
    margin: 0;
}

.split-room-detail {
    display: flex;
    justify-content: space-between;
}

.split-room-info {
    width: 100%;
    background: #1E2028;
    border-radius: 12px;
    padding: 0;
    max-width: 300px;
    display: flex;
    flex-direction: column;
}

.split-room-info .split-room-title {
    font-weight: 400;
    font-size: 14px;
    color: #FFF;
    margin-bottom: 5px;
    display: block;
}

.split-room-gallery .gdlr-room-thumbnail {
    border-radius: 24px;
}

.split-det {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #848998;
}

.split-det-info {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    color: #FFFFFF;
}

.split-room-info p {
    margin-bottom: 2px;
}

.btn-set-split {
    width: 100%;
    min-width: 260px;
    padding: 12px 20px;
    text-transform: uppercase;
    height: auto;
    margin-top: 30px;
    cursor: pointer;
}

.btn-set-split:hover,
.btn-set-split:focus {
    background: transparent;
}

.split-room-gallery .room-gallery-wrapper img {
    width: 100px;
    height: 75px;
    border-radius: 12px;
    min-height: auto;
}

.split-total .split-det-info {
    font-weight: 700;
    font-size: 30px;
}

.split-room-detail.split-total {
    margin-top: 20px;
    border-top: 1px solid #2E323E;
    padding-top: 30px;
}

#split-room-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
}

.prev-link {
    font-weight: 700;
    font-size: 14px;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}

.prev-link:hover,
.prev-link:focus {
    color: #FFF;
}

.prev-link:before {
    content: ' ';
    background: url(../images/arrow-right-white.svg);
    ;
    width: 6px;
    height: 10px;
    background-size: 6px 10px;
    display: flex;
    margin-right: 24px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

#btn-pay-continue,
#btn-pay-continue-split {
    background: #5C616E;
    border-radius: 90px;
    border: solid 2px #5C616E;
    color: #000;
    padding: 6px 60px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

#split-paypments-popup {
    max-width: 490px;
}

.popup-title-lrg {
    font-weight: 700;
    font-size: 30px;
    line-height: 45px;
    letter-spacing: -0.02em;
    text-align: center;
}

.split-paypments-popup {
    background: #23262F;
    border-radius: 24px;
    padding: 20px;
    width: 490px;
}

.split-payments-wrapper {
    background: #15171C;
    border-radius: 24px;
    padding: 20px;
}

.split-option-tabs {
    display: flex;
    border: 2px solid #6707FD;
    border-radius: 50px;
    text-align: center;
    align-items: center;
}

.split-tab {
    font-weight: 700;
    font-size: 14px;
    margin: 0;
    padding: 7px 0;
    width: 100%;
    border-radius: 50px;
    cursor: pointer;
}

.split-tab.active {
    background: #6707FD;
    cursor: initial;
}

.room-split-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #4FF6B1;
    margin: 20px 0;
}

.room-guest-amount {
    position: relative;
}

.main-contact-amount-notice {
    position: absolute;
    top: -7px;
    font-size: 13px;
    background: #900000;
    color: #fff;
    padding: 5px 20px;
    border-radius: 14px;
}

.room-split-total {
    text-align: center;
    margin: 0;
}

.room-split-total .remaining-total {
    font-weight: 700;
    font-size: 64px;
    line-height: 83px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -0.02em;
}

.room-split-total .remaining-total.all-done {
    color: #4FF6B1;
}

.room-split-total .remaining-total.error {
    color: #EE0F0F;
}

span.suggested-amount {
    font-size: 14px;
    font-weight: 600;
    color: #4FF6B1;
    border: 1px solid;
    padding: 8px 20px;
    border-radius: 64px;
    cursor: pointer;
}

span.suggested-amount:before {
    content: "$";
}

.room-split-total span {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.02em;
}

.room-split-remaining {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #848998;
    text-align: center;
    text-transform: uppercase;
}

.room-guest-notice {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.02em;
}

.input-price-holder {
    position: relative;
}

.input-price:focus {
    color: #4FF6B1;
}

.input-price.error {
    color: #EE0F0F;
}

.input-price:focus~.input-currency {
    color: #4FF6B1;
}

input[type="text"].split-person-name {
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: -0.02em;
    margin-bottom: 0;
    display: block;
    background-color: transparent;
    color: #FFF;
    padding: 0;
    width: 100%;
    pointer-events: none;
}

input[type="text"].split-person-name:focus {
    color: #4FF6B1;
}

.input-currency {
    position: absolute;
    left: 0;
    font-weight: 300;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: -0.02em;
}

.input-price {
    border: none;
    background: transparent;
    border-bottom: 1px solid #575C6A;
    width: 300px;
    font-weight: 300;
    font-size: 40px !important;
    line-height: 60px;
    letter-spacing: -0.02em;
    color: #FFF;
    padding-left: 30px;
    margin-bottom: 20px;
}

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

input[type=number].input-price {
    -moz-appearance: textfield;
    appearance: textfield;
}

span.add-contributor {
    width: 100%;
    background: #23262F;
    border: 1px solid #FFFFFF;
    border-radius: 50px;
    display: flex;
    padding: 10px 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    justify-content: center;
    margin: 5px 0 0 0;
    cursor: pointer;
}

span.add-contributor.active {
    color: #4FF6B1;
    border-color: #4FF6B1;
}

span.add-contributor:before {
    content: '+';
    color: #4FF6B1;
    font-size: 16px;
    font-weight: 700;
    margin-right: 12px;
}

.split-recalculate {
    width: 100%;
    padding: 0;
    margin: 20px 0 20px 0;
    background: transparent;
    text-transform: uppercase;
}

.btn-popup-close {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    display: block;
}

.btn-popup-close:hover,
.btn-popup-close:focus {
    color: #FFF;
}

.split-continue {
    width: 100%;
    max-width: 116px;
    display: flex;
    padding: 0;
    margin: 20px auto 20px auto;
    text-transform: uppercase;
}

.split-payments-equal .input-price {
    pointer-events: none;
}

#btn-pay-continue.active,
#btn-pay-continue-split.active {
    background: #4FF6B1;
    border-color: #4FF6B1;
}

#btn-pay-continue.active:hover,
#btn-pay-continue.active:focus,
#btn-pay-continue-split.active:hover,
#btn-pay-continue-split.active:focus {
    background: transparent;
    color: #FFF;
}

.split-header {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    font-size: 14px;
    gap: 10px;
}

.splt-dist-info {
    font-size: 12px;
    line-height: 20px;
}

.split-dist-edit {
    color: #4FF6B1;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.split-dist-edit:before {
    content: ' ';
    background: url(../images/icon-pencil-grey.svg);
    width: 14px;
    height: 14px;
    display: inline-block;
    background-size: 14px;
    margin-right: 7px;
}

.split-dist-guest-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    line-height: 24px;
    background: #2E323E;
    border-radius: 90px;
    padding: 7px 10px;
    margin-bottom: 10px;
}

.split-dist-guests {
    margin-top: 20px;
}

.split-dist-guest-wrap p {
    margin: 0;
}

p.split-dist-name {
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.split-dist-name:before {
    content: ' ';
    background: url(../images/icon-tick.svg);
    width: 16px;
    min-width: 16px;
    height: 15px;
    background-size: 16px 15px;
    display: inline-block;
    margin-right: 10px;
}

.split-guests-template {
    display: none;
}

.split-dist-guest-00 {
    display: none !important;
}

.split-dist-list {
    margin-top: 14px;
}

p.split-room-num {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFF;
}

#confirm-booking-wrapper {
    margin: 0 0 20px 0;
}

#confirm-booking-wrapper #split-distribution {
    display: block;
}

#confirm-booking-wrapper .split-guests-template {
    display: flex;
}

#confirm-booking-wrapper #split-page-wrapper .split-room-details-additional {
    margin-top: 60px;
}

#full-pay-wrapper {
    margin: 20px 0;
}

#full-pay-wrapper .hotel-title span {
    font-weight: 300;
}

#billing-wrapper {
    margin: 0 0 20px 0;
}

.label-billing {
    font-weight: 700;
    margin-bottom: 10px;
}

.radio-form-control {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.radio-form-control input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    margin: 0;
    font: inherit;
    color: blue;
    width: 1.15em;
    height: 1.15em;
    /* border: 2px solid #777E91
    border-radius: 50%; */
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
    margin-left: 20px;
    cursor: pointer;
}

.radio-form-control label {
    cursor: pointer;
}

.radio-form-control input[type="radio"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    border-radius: 50%;
    transition: 120ms transform ease-in-out;
    background-color: transparent;
    border: 2px solid #777E91;
    outline: solid 2px transparent;
    margin-right: 40px;
}

.radio-form-control input[type="radio"]:checked::before {
    transform: scale(1);
    border-color: #13DBBF;
    border: 4px solid #13DBBF;
}

.radio-form-control input[type="radio"]:checked~label {
    font-weight: 600;
}

.billing-details-wrap {
    margin: 0;
}

.billing-details-wrap label {
    font-weight: 700;
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    margin-top: 15px;
}

input[type="text"].billing-input,
input[type="email"].billing-input,
input[type="tel"].billing-input {
    background-color: #313440;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    border: none;
    color: #FFF;
    box-sizing: border-box;
}

input#billing-address {
    width: 100%;
}

.full-input {
    width: 100%;
}

input[type="text"].single-input {
    width: calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
}

.billing-left,
.billing-right,
.billing-middle,
.on-left,
.on-right {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-basis: calc(50% - 10px);
    flex-basis: -webkit-calc(50% - 10px);
    flex-basis: -moz-calc(50% - 10px);
    max-width: calc(50% - 10px);
}

.name-3-col .billing-left,
.name-3-col .billing-middle,
.name-3-col .billing-right {
    flex-basis: calc(33.33333% - 14px);
    flex-basis: -webkit-calc(33.33333% - 14px);
    flex-basis: -moz-calc(33.33333% - 14px);    
}

.billing-group,
.details-layout {
    display: flex;
    gap: 20px;
    width: 100%;
    flex-wrap: wrap;
}

.details-layout .payment-details {
    width: 100%;
}

.billing-details-wrap .nice-select {
    background-color: #313440;
    border-radius: 8px;
    padding-top: 1px;
    border: none;
    color: #FFF;
}

.mt-30 {
    margin-top: 30px;
}

.card-type {
    position: relative;
    width: 40px;
    height: 25px;
    background-size: 40px 25px;
    display: inline-block;
}

#mastercard,
.mastercard {
    background-image: url(../images/logo-mastercard.svg)
}

#visa,
.visa {
    background-image: url(../images/logo-visa.svg)
}

#amex,
.amex {
    background-image: url(../images/logo-amex.svg)
}

#discover,
.discover {
    background-image: url(../images/logo-discover.svg)
}

#diners,
.diners {
    background-image: url(../images/logo-diners.svg)
}

.billing-cards {
    height: 100%;
    display: flex;
    align-items: flex-end;
    margin-top: -10px;
    gap: 10px;
}

.billing-terms {
    flex-basis: 50%;
}

.billing-terms-wrap {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    margin: 30px 0 20px 0;
}

.billing-details-wrap .label-terms-accept {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #777E90;
    margin: 0;
}

#full-pay-wrapper input[type="checkbox"],
.policy-acceptance-part input[type="checkbox"] {
    appearance: none;
    background-color: transparent;
    margin: 0;
    font: inherit;
    color: #8F939C;
    width: 24px;
    min-width: 24px;
    height: 24px;
    border: 2px solid #8F939C;
    border-radius: 4px;
    transform: translateY(-0.075em);
    display: inline-flex;
    place-content: center;
    justify-content: center;
    align-items: center;
}

#full-pay-wrapper input[type="checkbox"]::before,
.policy-acceptance-part input[type="checkbox"]::before {
    content: ' ';
    width: 0.65em;
    height: 0.65em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #FFF;
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

#full-pay-wrapper input[type="checkbox"]::before,
.policy-acceptance-part input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
}

#full-pay-wrapper input[type="checkbox"]:checked,
.policy-acceptance-part input[type="checkbox"]:checked {
    background: #6707FD;
    border-color: #6707FD;
}

#full-pay-wrapper input[type="checkbox"]:checked::before,
.policy-acceptance-part input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.payment-option {
    display: flex;
    flex-direction: column;
    margin-top: 14px;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    background: #4FF6B1;
    box-shadow: 0px 0px 40px #000000;
    border-radius: 90px;
    max-width: 330px;
    padding: 8px;
    text-transform: uppercase;
    justify-content: center;
    cursor: pointer;
}

#payment-options a {
    color: #000;
}

#payment-options {
    margin-top: 40px;
}

p.alt-payment {
    width: 330px;
    text-align: center;
    margin: 10px;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
}

a#crew-venmo-pay {
    position: relative;
    background: #3D95CE;
    color: #FFF;
}

a#crew-apple-pay {
    position: relative;
    background: #FFF;
}

a#crew-venmo-pay:before,
a#crew-apple-pay:before {
    content: ' ';
    background: url(../images/icon-venmo.svg);
    width: 14px;
    height: 16px;
    display: flex;
    position: absolute;
    align-items: center;
    background-position: center;
    left: 30px;
}

a#crew-apple-pay:before {
    background: url(../images/icon-apple.svg);
    width: 14px;
    height: 17px;
}

.crew-payment-amount {
    background: #1C1E25;
    border-radius: 12px;
    padding: 20px;
    width: 285px;
    margin-bottom: 30px;
}

.crew-pay-details {
    display: flex;
    justify-content: space-between;
}

.crew-pay-title {
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 5px 0;
}

.crew-pay-values {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    justify-content: space-between;
}

.text-green {
    color: #4FF6B1;
}

p.crew-indv-pay.text-green {
    margin: 0 0 5px;
}

p.crew-indv-pay {
    margin: 0;
}

.crew-pay-monthly-wrap {
    background: #23262F;
    border-radius: 12px;
    padding: 30px;
    display: flex;
    gap: 50px;
    display: none;
}

.pay-monthly-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    color: #E6E8EC;
    margin-bottom: 14px;
}

.pay-monthly-title span {
    font-weight: 400;
}

.pay-monthly-subtitle {
    font-weight: 700;
    font-size: 14px;
}

.pay-monthly-content {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}

.pay-monthly-grid {
    min-width: 360px;
}

.pay-monthly-breakdown {
    background: #1C1E25;
    border-radius: 12px;
    padding: 20px;
}

.pay-month-header {
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    display: flex;
    justify-content: space-between;
}

.pay-month-amount {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    justify-content: space-between;
}

.pay-month-header p {
    margin-bottom: 8px;
}

.pay-month-amount p {
    margin-bottom: 5px;
    color: #E6E8EC;
}

.pay-month-amount.today p {
    color: #4FF6B1;
}

.passport-paypal-buttons {
    text-align: center;
}

.monthly-process-step {
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 5px;
}

.monthly-process-details {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    margin-left: 33px;
}

.monthly-process-step:before {
    content: '1';
    position: relative;
    width: 23px;
    height: 23px;
    display: inline-flex;
    margin-right: 10px;
    background: #4FF6B1;
    justify-content: center;
    align-items: center;
    color: #000;
    border-radius: 50%;
    z-index: 2;
}

.monthly-process-step.step-2:before {
    content: '2';
}

.monthly-process-step.step-3:before {
    content: '3';
}

.pay-monthy-process {
    position: relative;
    place-self: flex-start;
}

.pay-monthy-process:before {
    content: ' ';
    position: absolute;
    width: 1px;
    height: 79%;
    background: #4FF6B1;
    display: flex;
    left: 11px;
    top: 10px;
    z-index: 1;
}

.monthly-process-step.step-3:after {
    content: ' ';
    position: absolute;
    width: 1px;
    height: 22%;
    background: #23262F;
    display: flex;
    left: 11px;
    z-index: 1;
}

#order-confirmation-wrapper {
    margin: 20px 0;
}

.confirm-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
}

.reservation-info {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #4FF6B1;
    display: flex;
    align-items: center;
}

.reservation-info:before {
    content: url(../images/circle-tick-green.svg);
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    margin-right: 15px;
}

#reservation-details {
    background: #23262F;
    border-radius: 20px 20px 0 0;
    padding: 30px 30px 0 30px;
    display: flex;
    gap: 40px;
}

#order-confirmed {
    width: 320px;
}

#crewfare-confirmation {
    border: 1px solid #FFFFFF;
    border-radius: 12px;
    padding: 18px;
    text-align: center;
}

.confirmation-title {
    color: #E6E8EC;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 5px 0;
}

.reservation-num {
    font-weight: 700;
    font-size: 35px;
    line-height: 48px;
    text-align: center;
    color: #E6E8EC;
    margin: 0;
}

.txt-recommended {
    font-weight: 700;
    font-size: 10px;
    line-height: 24px;
    background: #EE1C9A;
    border: 1px solid #EE1C9A;
    border-radius: 2px 2px 0px 0px;
    padding: 2px 10px;
    margin: 0;
    text-transform: uppercase;
    display: inline-flex;
    float: right;
}

#travel-protection-wrap {
    margin-top: 16px;
}

.tab-bar:after {
    content: ' ';
    clear: both;
    display: table;
}

#txt-protection {
    margin: 0 0 5px 0;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #E6E8EC;
}

#protection-header {
    display: flex;
    gap: 15px;
    margin-bottom: 10px;
}

#protection-header .img-protect {
    max-width: 35px;
    border-radius: 0;
    pointer-events: none;
}

#travel-protection {
    background: #313642;
    border: 2px solid #EE1C9A;
    border-radius: 12px 0px 12px 12px;
    padding: 20px;
}

.protection-info {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #E6E8EC;
}

#add-protection {
    background: #4FF6B1;
    border: 2px solid #4FF6B1;
    border-radius: 90px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    padding: 4px 54px;
}

#add-protection:hover,
#add-protection:focus {
    background: transparent;
    color: #FFF;
}

#order-confirmed {
    width: 320px;
    min-width: 320px;
}

#booking-changes {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}

.booking-title {
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 5px;
}

.txt-med-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    margin-top: 26px;
    margin-bottom: 10px;
}

.txt-lrg-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin-top: 26px;
    margin-bottom: 10px;
}

.notice-info p {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #D2D7E1;
}

#confirmed-hotel-info {
    padding: 30px;
    background: #23262F;
    border-radius: 20px;
    margin-top: 20px;
}

.hotel-info-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
}

#confirmed-hotel-info .room-gallery-wrapper {
    position: relative;
}

#confirmed-hotel-info .room-gallery-wrapper img {
    height: 320px;
}

#confirmed-hotel-info .gdlr-room-thumbnail {
    border-radius: 24px;
}

div#reservation-type {
    max-width: fit-content;
}

div#map-container {
    display: flex;
    flex-direction: row;
    gap: 60px;
    align-items: center;
    margin-top: 10px;
}

#add-map-here {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    border-radius: 24px;
    margin-top: 20px;
    overflow: hidden;
}

#add-map-here img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#map-container .hotel-details-confirmation {
    width: 100%;
}

#map-container .hi-item {
    display: flex;
    gap: 5px;
}

#map-container .hi-name {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: #E6E8EC;
    margin: 0;
    min-width: 110px;
}

#map-container .hi-info {
    font-size: 14px;
    line-height: 27px;
    font-weight: 700;
    color: #E6E8EC;
    margin: 0;
}
#hotel-map-view .map_image {
    width: 100%;
    max-width: 100%;
    height: 150px;
    border-radius: 12px;
    object-fit: cover;
    object-position: center;
    cursor: pointer;
}
#order-confirmation-wrapper .hotel-details-container {
    margin-top: 30px;
}

#btn-reservation {
    background: transparent;
    color: #4FF6B1;
}

#btn-reservation:hover,
#btn-reservation:focus {
    background: #4FF6B1;
    color: #000;
}

.mt-0 {
    margin-top: 0;
}

.page-not-found-block {
    position: relative;
    background-color: transparent;
    padding: 100px 0;
    margin: 100px 0;
}

.fof-title {
    font-size: 80px;
    font-weight: 700;
    margin-bottom: 10px;
}

.fof-subtitle {
    font-size: 30px;
    font-weight: 700;
}

.fof-text {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 30px;
}

.animation-mobile {
    width: 100%;
    position: absolute;
}

.animation-mobile .box1 {
    width: 12px;
    height: 12px;
    left: 0%;
    position: absolute;
    transform: matrix(0.09, -1, -1, -0.09, 0, 0);
    -webkit-animation: scale-up-center 5s linear infinite alternate-reverse backwards;
    animation: scale-up-center 5s linear infinite alternate-reverse backwards;
    top: 0;
    background: #E6E8EC;
    border-radius: 2px;
    transform: matrix(0.09, -1, -1, -0.09, 0, 0);
}

.animation-mobile .box2 {
    width: 8px;
    height: 8px;
    background: #D3FFFA;
    border-radius: 2px;
    transform: rotate(75deg);
    right: 56px;
    position: absolute;
    top: 144%;
    -webkit-animation: float 6s ease-in-out infinite;
    animation: float 6s ease-in-out infinite;
    left: inherit;
}

.animation-mobile .box3 {
    transform: matrix(0.09, -1, -1, -0.09, 0, 0);
    width: 157px;
    height: 157px;
    top: 59px;
    position: absolute;
    left: -10%;
    -webkit-animation: scale-up-center 5s linear infinite alternate-reverse backwards;
    animation: scale-up-center 5s linear infinite alternate-reverse backwards;
    background: #6707FD;
    border-radius: 16px
}

.animation-mobile .box4 {
    border-radius: 16px;
    width: 97px;
    height: 97px;
    right: 0;
    top: 200px;
    position: absolute;
    background: #4FF6B1;
    transform: matrix(0.94, -0.34, -0.34, -0.94, 0, 0);
    transform: translatey(0px);
    -webkit-animation: float 6s ease-in-out infinite;
    animation: float 6s ease-in-out infinite;
}

.animation-mobile .box5 {
    border-radius: 4px;
    width: 8px;
    height: 8px;
    right: 300px;
    top: 160px;
    position: absolute;
    background: #93E9DE;
    transform: rotate(-15deg);
}

.animation-mobile .box6 {
    border-radius: 2px;
    width: 10px;
    height: 10px;
    right: 0;
    top: 150px;
    position: absolute;
    background: #13DBBF;
    transform: rotate(-160deg);
    -webkit-animation: scale-up-center 5s linear infinite alternate-reverse backwards;
    animation: scale-up-center 5s linear infinite alternate-reverse backwards;
}

.animation-mobile .box7 {
    width: 10px;
    height: 10px;
    right: 50px;
    top: 30px;
    position: absolute;
    -webkit-animation: scale-up-center 5s linear infinite alternate-reverse backwards;
    animation: scale-up-center 5s linear infinite alternate-reverse backwards;
    background: #6707FD;
    border-radius: 4px;
    transform: rotate(-15deg);
}

.animation-mobile .box8 {
    border-radius: 2px;
    width: 8px;
    height: 8px;
    left: 40px;
    top: 30px;
    position: absolute;
    background: #4FECFA;
    transform: matrix(0.09, -1, -1, -0.09, 0, 0);
    -webkit-animation: scale-up-center 5s linear infinite alternate-reverse backwards;
    animation: scale-up-center 5s linear infinite alternate-reverse backwards;
}

.animation-mobile .box9 {
    border-radius: 16px;
    width: 100px;
    height: 106px;
    left: 100px;
    top: -50px;
    position: absolute;
    background: #A4CDE3;
    transform: matrix(0.09, -1, -1, -0.09, 0, 0);
    -webkit-animation: scale-up-center 5s linear infinite alternate-reverse backwards;
    animation: scale-up-center 5s linear infinite alternate-reverse backwards;
}

@-webkit-keyframes float {
    0% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        transform: translatey(0px);
    }

    50% {
        box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
        transform: translatey(-20px);
    }

    100% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        transform: translatey(0px);
    }
}

@keyframes float {
    0% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        transform: translatey(0px);
    }

    50% {
        box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
        transform: translatey(-20px);
    }

    100% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        transform: translatey(0px);
    }
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes float-horizontal {
    0% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        transform: translatey(0px);
    }

    50% {
        box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
        transform: translatex(-100px);
    }

    100% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        transform: translatex(0px);
    }
}

@keyframes float-horizontal {
    0% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        transform: translatex(0px);
    }

    50% {
        box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
        transform: translatex(-100px);
    }

    100% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        transform: translatex(0px);
    }
}

@-webkit-keyframes float-horizontal-r {
    0% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        transform: translatey(0px);
    }

    50% {
        box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
        transform: translatex(50px);
    }

    100% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        transform: translatex(0px);
    }
}

@keyframes float-horizontal-r {
    0% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        transform: translatex(0px);
    }

    50% {
        box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
        transform: translatex(50px);
    }

    100% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        transform: translatex(0px);
    }
}

#no-hotels-found {
    padding: 100px 0;
    display: none;
}

.no-hotels-wrap {
    position: relative;
    background-color: transparent;
    padding: 0;
    margin: 100px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

h2.nrf-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    text-align: center;
    color: #4FF6B1;
}

.nrf-text {
    text-align: center;
    font-size: 20px;
    line-height: 28px;
}

.no-results-wrap {
    max-width: 720px;
    z-index: 9;
}

#filter-selections {
    display: flex;
    width: 100%;
    flex-direction: row;
    padding-top: 20px;
}

.filter-attr {
    display: flex;
    background: #6707FD;
    border-radius: 8px;
    padding: 4px 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    align-items: center;
    border: solid 1px #6707FD;
}

.filter-attr:after {
    content: ' ';
    background: url(../images/icon-cross.svg);
    display: inline-flex;
    width: 7px;
    height: 7px;
    background-size: 7px;
    margin-left: 7px;
}

.filter-attr:hover {
    background: #FFF;
    color: #000;
    border-color: #FFF;
}

.filter-attr:hover:after {
    background: url(../images/icon-cross-black.svg);
}

.filter-attr.filter-clear-all {
    background: transparent;
    order: 999;
    display: none;
}

.filter-attr.filter-clear-all:after {
    content: none;
}

.filter-attr.filter-clear-all:hover,
.filter-attr.filter-clear-all:focus {
    color: #FFF;
}

.crew-guest-added {
    display: none;
}

.guest-added .crew-guest-added {
    display: block;
}

.has-error {
    border: solid 2px #EE0F0F !important;
}

.error-message {
    color: #EE0F0F;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin: 4px 0;
}

.extras-con.mobile {
    display: none;
}

#mobile-filters p {
    font-size: 14px;
    font-weight: 700;
    color: #4FF6B1;
    margin: 0;
}

#mobile-filters p:before {
    content: ' ';
    background: url(../images/icon-filters.svg);
    width: 12px;
    height: 12px;
    display: inline-block;
    background-size: 12px;
    margin-right: 10px;
}

#mobile-filters {
    display: inline-flex;
    border: 2px solid #777E90;
    border-radius: 90px;
    padding: 7px 22px;
    cursor: pointer;
    display: none;
}

#mobile-contents-included {
    position: relative;
    align-items: center;
    padding: 22px 0;
    background: #23262F;
    border-radius: 999px;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 10px;
    display: none;
    cursor: pointer;
}

#mobile-contents-included p {
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    justify-content: space-between;
}

#mobile-contents-included p:before {
    content: ' ';
    background: url(../images/package-icon-green.svg);
    width: 80px;
    height: 18px;
    background-size: 80px 18px;
    display: inline-flex;
    margin-right: 10px;
}

#mobile-contents-included p:after {
    content: ' ';
    background-image: url(../images/arrow-right.svg);
    height: 14px;
    width: 8px;
    background-size: 8px 14px;
    display: inline-block;
    margin-left: 10px;
}

.elementor-element-1ef9f897 .elementor-container.elementor-column-gap-default {
    align-items: center;
}

.nice-dates {
    height: auto;
    padding-left: 5px;
    padding-right: 3px;
}

.nice-dates:after {
    border-bottom: 2px solid #4ff6b1;
    border-right: 2px solid #4ff6b1;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px;
}

.nice-dates .list {
    margin-left: -40px;
    margin-top: 20px;
    background: #FFF;
    padding: 10px;
    color: #23262F;
}

.reservation-input-area.select-dates-input-area.open {
    border: solid 1px #4FF6B1;
}

.nice-dates .option {
    padding-right: 16px;
    color: #23262F;
}

.nice-dates .option:hover {
    color: #FFF;
    background-color: #23262F;
    border-radius: 8px;
    font-weight: 400;
}

.nice-dates .option:hover {
    color: #FFF;
}

.nice-dates .option:hover,
.nice-date .option.focus,
.nice-dates .option.selected.focus {
    font-weight: 400;
}

.nice-dates .option.selected.focus {
    background: transparent;
}

.nice-dates .option.selected.focus:hover {
    color: #FFF;
    background-color: #23262F;
}

.edit-guest-info {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #4FF6B1;
    cursor: pointer;
    display: none;
}

.guest-added .edit-guest-info {
    display: block;
}

.crew-add-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.btn-add-new-guest {
    margin: 10px 0 0 0;
}

.crew-input-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 12px;
    text-transform: uppercase;
    color: #B1B5C4;
    margin: 10px 0;
}

#pay-crew-guest-container .country-select .selected-flag .arrow {
    border-top: 4px solid #FFF;
}

#pay-crew-guest-container .country-select.inside input,
.country-select.inside input[type=text] {
    width: 100%;
}

#pay-crew-guest-container .country-select .country-list {
    border: none;
    background: #23262F;
    border-radius: 8px;
    font-size: 14px;
}

.guest-cancel {
    margin: 10px 0 0 0;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
}

.calendar-table td:after {
    content: none;
}

.crew-edit-save {
    align-items: center;
}

#pay-crew-guest-container .daterangepicker .event-date {
    display: none;
}

#pay-crew-guest-container td.available {
    background: #FFF !important;
    font-weight: 400;
}

#pay-crew-guest-container .select-passport-date .daterangepicker {
    padding: 0px 30px 20px 30px !important;
}

#pay-crew-guest-container td.active,
#pay-crew-guest-container td.active:hover {
    background-color: #6707FD !important;
    border-color: transparent !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.date-value {
    background: url(../images/calender.svg);
    width: 19px;
    height: 20px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 11px;
}

.date-field-wrap {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.date-field-wrap input {
    flex-grow: 1;
}

.guest-additional-details.open {
    display: block;
}

.flexible-dates-container .dates-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    padding: 10px;
    padding-left: 0px;
}

.flexible-dates-container .reservation-input-area.select-dates-input-area,
.flexible-dates-container .reservation-select-dates .select-dates-input-area .select-date-input {
    background: #23262F;
}
.back-to-tbd {
    font-size: 14px;
    background: #6707FD;
    padding: 2px 10px;
    border-radius: 8px;
}
.back-to-tbd:hover, .back-to-tbd:focus {
    color: #FFF;
}
.manage-room-delete {
    background: url(../images/icon-delete.svg);
    width: 11px;
    height: 12px;
    background-size: 11px 12px;
    display: inline-block;
    cursor: pointer;
}

.crew-guest-delete {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #EE0F0F;
    cursor: pointer;
    width: fit-content;
}

.crew-guest-delete:before {
    content: ' ';
    background: url(../images/icon-delete-red.svg);
    width: 11px;
    height: 12px;
    background-size: 11px 12px;
    display: inline-block;
    cursor: pointer;
    margin-right: 10px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    text-align: center;
}

.ui-datepicker {
    padding: 20px;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    margin: 0 5px;
    padding: 3px 5px;
    color: #4b4b4b;
    border-radius: 8px;
}

.datepicker:focus {
    border-color: #4FF6B1;
}

.crew_close_edit {
    cursor: pointer;
    margin-left: 10px;
}

.crew_room_title strong {
    margin-right: 5px;
}

#add-room-popup .guest-room-details.guest-closed {
    display: none;
}

#add-room-popup .crew-guest-details {
    padding: 0 0 30px 0;
}

.elementor-element-dba28fe img {
    width: 100%;
}

.change-room-carousel .gdlr-medium-room .gdlr-room-thumbnail {
    float: none;
    max-width: 100%;
}

.change-room-carousel .gdlr-medium-room-new .gdlr-room-title {
    margin-top: 16px;
}

.change-room-carousel .gdlr-medium-room .gdlr-room-price {
    float: none;
    width: 100%;
    text-align: left;
    margin-top: 10px;
}

.change-room-carousel .gdlr-medium-room .gdlr-room-content:after {
    content: none;
}

.change-room-carousel .gdlr-room-excerpt {
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
}

.change-room-carousel .gdlr-medium-room.gdlr-item {
    border: none;
    padding-bottom: 0;
    margin: 0;
    background-image: none;
}

.change-room-carousel.owl-carousel .owl-stage {
    padding-left: 0 !important;
}

.change-room-carousel .gdlr-medium-room .gdlr-room-price .gdlr-tax,
.change-room-carousel .gdlr-medium-room .gdlr-room-price .gdlr-tail {
    display: inline-block;
    margin-top: 10px;
}

.change-room-carousel .gdlr-medium-room .gdlr-room-price .gdlr-tail {
    margin-top: 0;
}

.change-room-carousel .owl-nav button.owl-next span,
.change-room-carousel .owl-nav button.owl-prev span,
.gallery-slider .owl-nav button.owl-next span,
.gallery-slider .owl-nav button.owl-prev span {
    font-size: 0;
    background: url(../images/carousel-right.svg);
    width: 35px;
    height: 37px;
    background-size: 35px 37px;
    display: block;
}

.change-room-carousel .owl-nav button.owl-prev span,
.gallery-slider .owl-nav button.owl-prev span {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.change-room-carousel button.owl-next,
.change-room-carousel button.owl-prev,
.gallery-slider button.owl-next,
.gallery-slider button.owl-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

.gallery-slider button.owl-next,
.gallery-slider button.owl-prev {
    top: -55px;
}

.change-room-carousel button.owl-prev,
.gallery-slider button.owl-prev {
    right: initial;
    left: 0;
}

.gallery-slider .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
}

.change-room-carousel .owl-nav .owl-prev.disabled,
.change-room-carousel .owl-nav .owl-next.disabled {
    display: none;
}

.change-room-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.change-room-type {
    padding-bottom: 30px;
}

.pay-crew-guest.crew-add-r-types {
    border-radius: 0 0 12px 12px;
}

.popup-room-selector {
    display: none;
}

.popup-guest-room-cta {
    text-align: center;
}

#save-guest-room,
#change-extra-room,
#change-flight-room {
    width: auto;
    display: inline-flex;
    margin-top: 20px;
    background: #6707FD;
    border-color: #6707FD;
    color: #FFF;
}

#cancel-guest-room,
.cancel-guest-room {
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
}

#hero-actions {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 20px auto 40px auto;
}

#hero-actions a {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #777E91;
    display: flex;
    align-items: center;
}

#back-hotel-list:before {
    content: ' ';
    background: url(../images/hotel-icon.svg);
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px;
}

#page-hero .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 10px 0;
}

#page-hero h2.hotel-name {
    margin-top: 20px;
}

#back-to-event:before,
.back-to-action:before {
    content: ' ';
    background-image: url(../images/arrow-right-white.svg);
    width: 10px;
    height: 9px;
    background-size: 10px 9px;
    display: inline-block;
    margin-right: 10px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#page-hero .elementor-element .elementor-widget-container:after {
    content: ' ';
    display: table;
    clear: both;
}

.event-detail-container {
    display: flex;
    text-align: left;
    gap: 20px;
    margin-top: 40px;
}

.elementor-7399 .elementor-element.elementor-element-5a18dcea>.elementor-container {
    max-width: 100%;
}

.similar-hotel-filter #filter-by-tooltip {
    width: 100%;
    font-weight: 400;
}

.similar-hotel-filter #filter-by-container {
    margin-left: 0;
    left: initial;
    right: -20px;
}

.pay-crew-additional-dates {
    display: none;
}

#split-container,
#confirm-booking-wrapper {
    display: none;
}

.pay-for-wrap {
    display: none;
}

#passport-booking-content .pay-for-wrap.active {
    display: block;
}

.room_cat_check_avail_banner #crew-gdlr-reservation-form .gdlr-button {
    letter-spacing: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    background: #FFF !important;
    color: #9755FF !important;
    border: 0px !important;    
}

.crew-selected-room-container {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}

.room_cat_check_avail_banner .fa-arrow-right:before {
    content: ' ';
    background-image: url(../images/arrow-right-black.svg);
    width: 16px;
    height: 14px;
    background-size: 16px 14px;
    display: block;
}

.room_cat_check_avail_banner span.crew_edit_room {
    display: flex;
    align-items: center;
}

.room_cat_check_avail_banner .right-text {
    font-size: 20px;
    line-height: 28px;
}

.room_cat_check_avail_banner .right-text span {
    font-weight: 700;
}

.booking_room_selection .room_cat_check_avail_banner .fa-arrow-right:before {
    background-image: url(../images/arrow-right-point-white.svg);
}

.products-grid .hotel-col img {
    object-fit: contain;
    object-position: center;
}

.products-grid .hotel-col .colimg img {
    min-width: 100%;
}

.elementor-element-33d7a328 .elementor-10085 .elementor-element.elementor-element-77f97ce4>.elementor-container {
    max-width: 100%;
}

.elementor-nav-menu li:last-child a:hover {
    color: #000 !important;
}

.room_cat_check_avail_banner .middle-text {
    margin: 0 15px 0 0;
}

.room_cat_check_avail_banner .left-text {
    padding: 6px 10px;
}

.similar-hotel-wrap[data-filter-hidden="1"] {
    display: none;
}

select.similar-price-sort {
    display: none;
}

#modal-filters {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: #000;
    display: none;
    z-index: 99999;
    padding: 0;
    overflow: scroll;
}

#modal-filters-wrapper {
    padding: 20px;
}

#modal-filters-wrapper h3 {
    color: #FFF;
}

#modal-filters-wrapper .modal-back {
    background-image: url(../images/arrow-right-point-white.svg);
    width: 22px;
    height: 20px;
    background-size: 22px 20px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-bottom: 20px;
}

.mobile-filter-wrap.filter-selector-group {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
}

.mobile-filter-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    margin-top: 20px;
}

.mobile-filter-wrap:after {
    content: ' ';
    clear: both;
    display: table;
}

#modal-filters-wrapper .filter-selector-group input[type="checkbox"],
#modal-filters-wrapper .filter-selector-group input[type="radio"] {
    background-color: transparent;
}

#modal-filters-wrapper .filter-selector-group input[type="checkbox"]:checked,
#modal-filters-wrapper .filter-selector-group input[type="radio"]:checked {
    background: #6707FD;
    border-color: #6707FD;
}

#modal-filters-wrapper .filter-selector-group label {
    margin: 0 0 0 5px;
}

.m-filter-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin: 14px 0;
    opacity: 0.8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    width: 100%;
}

.m-filter-title:after {
    content: ' ';
    width: 12px;
    height: 12px;
    display: inline-block;
    background-size: contain;
    background-image: url(../images/caret-down.svg);
    margin-right: 10px;
    transition: all 0.2s linear;
}

.m-filter-title.filter-open:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);    
}

.m-filter-drop {
    display: none;
    flex-direction: column;
}

.m-filter-drop.active {
    display: flex;
}

.m-filter-drop .filter-input-group {
    display: block;
}

.icon-amenities:before {
    color: #777E91;
}

#modal-filters-wrapper .filter-selector-group input[type="checkbox"] {
    margin-right: 5px;
}

#modal-filters-wrapper .filter-selector-group {
    width: 100%;
}

#btn-apply-filters {
    background: #6707FD;
    border-color: #6707FD;
    color: #FFF;
    width: 100%;
    display: inline-flex;
    justify-content: center;
    padding: 6px 0;
    margin: 20px 0 20px 0;
}

#m-clear-filters {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}

.popup-col.popup-rooms-container {
    width: 100%;
}

.room-popup-wrapper .popup-col .rooms-container {
    width: 100%;
    flex-wrap: nowrap;
    cursor: pointer;
}

body.passport-button-style .gdlr-medium-room .gdlr-button {
    font-family: 'Poppins';
    font-weight: 700;
    letter-spacing: 0;
    font-size: 14px;
}

.crew_room_select label {
    display: inline-flex;
}

#mobile-room-ctas {
    position: relative;
    display: flex;
    gap: 10px;
    margin: 4px 0 15px 0;
    display: none;
}

.room-mobile-cta {
    border: 2px solid #777E90;
    border-radius: 50px;
    padding: 6px 10px;
    font-weight: 700;
    font-size: 12px;
    flex-basis: 50%;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

#cta-hotel-info:before {
    content: ' ';
    display: inline-flex;
    background: url(../images/hotel-icon-active.svg);
    width: 18px;
    height: 18px;
    background-size: 18px;
    align-items: center;
    position: relative;
    margin-right: 10px;
}

#cta-reservation-info:before {
    content: ' ';
    display: inline-flex;
    background: url(../images/icon-receipt-green.svg);
    width: 18px;
    height: 18px;
    background-size: 18px;
    align-items: center;
    position: relative;
    margin-right: 10px;
}

.mobile-room-pack #gdlr-reservation-bar {
    border-radius: 40px 40px 0 0;
}

.single-booking span#cta-reservation-info {
    display: none;
}

.single-booking .room-mobile-cta {
    flex-basis: 100%;
}

.crew-popup {
    margin-top: 50px !important;
    margin-left: -80px;
}

.cmw_submit button {
    background: #6707FD;
}

.crew-step {
    display: flex;
    align-items: flex-start;
}

body.passport-master-style #passport-booking-process .gdlr-booking-process-bar .gdlr-booking-process.gdlr-back:not(.gdlr-active):before {
    content: ' ';
    background: url(../images/circle-tick-green.svg);
    width: 16px;
    height: 16px;
    margin-right: 15px;
    background-size: 16px !important;
    border: none;
    right: initial;
    left: 0;
    top: 3px;
    position: relative;
    display: inline-flex;
}

body.passport-master-style #passport-booking-process .gdlr-booking-process-bar .gdlr-booking-process.gdlr-back:not(.gdlr-active) {
    color: #4FF6B1;
}

body.passport-master-style .gdlr-booking-process-bar .gdlr-booking-process.gdlr-back a {
    color: #4FF6B1;
}

#split-room-more {
    display: none;
}


#pay-for-crew-wrapper[data-step="1"] {
    display: flex;
}

/*#addon-dates-rooms form#gdlr-hotel-availability {
    pointer-events: none;
}*/

#trip-changes-popup {
    width: 490px;
}

#trip-changes-popup .btn-purple {
    width: 100%;
    padding: 0;
    margin: 30px 0 30px 0;
}

.txt-change-dates {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
}

#trip-changes-popup .btn-cancel {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}

.change-room-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #676767;
    display: block;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.change-room-carousel .owl-dots .owl-dot.active span,
.change-room-carousel .owl-theme .owl-dots .owl-dot:hover span {
    background: #4FF6B1;
    width: 20px;
}

.change-room-carousel .owl-dots {
    margin: 20px 0 0 0;
    display: flex;
    justify-content: center;
}

.row.products-grid.grid-view.grid-container {
    overflow: initial !important;
}

.products-grid .hotel-col .colimg:before {
    content: ' ';
    position: absolute;
    transition: all 0.2s linear;
}

.products-grid.grid-view .hotel-col:hover .colimg:before {
    content: 'View Details';
    background: rgba(103, 7, 253, 0.78);
    width: 100%;
    height: 100%;
    border-radius: 24px 24px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #FFF;
    z-index: 1;
}

#home-hero-text {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    left: 60px;
    font-weight: 700;
    font-size: 62px;
    line-height: 70px;
    margin: 0;
}

.crew-select-guests {
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 10px;
    background: #FFFFFF;
    border-radius: 12px;
    margin-top: 10px;
    display: none;
}

.crew-select-guests.active {
    display: flex;
}

.crew-input-guest label {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #3F3F3F;
    margin-left: 10px;
}

#btn-split-add-guest {
    padding: 10px 15px;
    margin-top: 10px;
    color: #fff;
    background-color: #6707FD;
    width: 134px;
    height: auto;
    text-align: center;
    border-radius: 64px;
    cursor: pointer;
}

.split-payment-part {
    display: none;
}

.split-payment-part-1 {
    display: block;
}

#split-room-nav #btn-pay-continue.active {
    background: #6707FD;
    color: #FFF;
    border: solid 2px #6707FD;
}

#split-room-nav #btn-pay-continue.active:focus,
#split-room-nav #btn-pay-continue.active:hover {
    background: transparent;
}

.crew-count-disabled {
    display: none;
}

.crew-delete-guest-01 {
    display: none;
}

.crew-add-hidden {
    display: none;
}

.crew-guest-delete-1 {
    display: none;
}

.r-det-room-type {
    text-transform: capitalize;
}

/* Header */

header {
    display: flex;
    flex-direction: column;
}

.header-style-3 .gdlr-logo {
    position: relative;
}

.header-style-3 .gdlr-logo .gdlr-logo-inner img {
    max-height: 32px;
    object-fit: cover;
}

.gdlr-header-wrapper {
    padding: 1.5% 4% 1.5% 4%;
    background-color: transparent !important;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    max-width: 1450px;
    margin: 0 auto;
}

.gdlr-navigation-wrapper .gdlr-main-menu>li {
    float: left;
}

.gdlr-logo {
    margin: 0;
}

.gdlr-navigation-wrapper .gdlr-main-menu>li>a {
    font-size: 14px;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    font-weight: 700;
}

.gdlr-navigation-wrapper .gdlr-main-menu li:first-child a:hover {
    background-color: #6707FD;
    border-color: #6707FD;
    color: #fff;
}

.gdlr-navigation-wrapper .gdlr-main-menu li:nth-child(2) a:hover {
    background-color: #4FF6B1;
    color: #000;
}

.gdlr-navigation-wrapper {
    margin: 0;
}

.body-wrapper,
.gdlr-single-lightbox-container,
.gdlr-header-wrapper,
.gdlr-header-inner {
    background-color: transparent;
}

body.header-style-3 .gdlr-navigation-wrapper.is-active {
    display: block !important;
}

.content-wrapper {
    z-index: initial;
}

/* Hamburger */

button.hamburger {
    position: absolute;
    right: 0;
    top: 36px;
    background: transparent;
    border: none;
    cursor: pointer;
    display: none;
}

.hamburger-box {
    width: 25px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 25px;
    height: 2px;
    background-color: #FFF;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -7px;
}

.hamburger-inner::after {
    bottom: -7px;
}

/*
* 3DX
*/
.hamburger--3dx .hamburger-box {
    perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
        background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 7px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -7px, 0) rotate(-45deg);
}

/* Footer */

.crewfare-footer {
    margin: 40px auto 20px auto;
}

.crewfare-footer-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #777E90;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding-bottom: 20px;
}

.view-all-events {
    font-size: 18px;
    line-height: 24px;
    color: #4FF6B1;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.view-all-events:before {
    content: url(../images/icon-event-green.svg);
    display: flex;
    align-items: center;
    width: 21px;
    height: 16px;
    margin-right: 10px;
}

.view-all-events:hover,
.view-all-events:focus {
    color: #4FF6B1;
}

.footer-wrapper {
    background: transparent;
    margin-bottom: 60px;
    display: flex;
    gap: 30px;
}

footer p {
    color: #FFF;
}

footer a {
    color: #6707FD;
    font-size: 12px;
    line-height: 20px;
}

footer input#mail-input {
    border-color: #353945;
    border-radius: 24px 24px 24px 24px;
    background: transparent;
    border: solid 2px #353945;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    padding: 0 15px;
    padding-right: 50px;
    flex: 1;
}

.footer-form-subscribe {
    width: 100%;
    display: flex;
}

footer #mail-button {
    position: absolute;
    right: 6px;
    top: 6px;
    font-size: 0;
    width: 32px;
    height: 32px;
    background: #6707FD;
    padding: 0;
    border-radius: 50%;
    margin: 0;
    border: none;
    cursor: pointer;
}

footer #mail-button .mailchimp-loader {
    display: none;
    width: 20px;
}

footer #mailchimp-status p {
    font-size: 13px;
    text-align: left;
    margin-top: 5px;
}

footer #mailchimp-status p.error {
    color: #e43e3e;
}

footer #mailchimp-status p.success {
    color: #4FF6B1;
}

footer .mail-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%;
}

footer .mc4wp-form-fields label {
    position: relative;
}

.footer-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}

#icon-tiktok:before {
    content: url(../images/icon-tiktok.svg);
    width: 22px;
    height: 20px;
    background-size: 17px 20px;
    margin-right: 15px;
}

#icon-instagram:before {
    content: url(../images/icon-instagram.svg);
    width: 22px;
    height: 20px;
    background-size: 18px 20px;
    margin-right: 15px;
}

#icon-twitter:before {
    content: url(../images/icon-x.svg);
    width: 22px;
    height: 21px;
    background-size: 22px 21px;
    margin-right: 15px;
}

#icon-facebook:before {
    content: ' ';
    background-image: url(../images/icon-facebook.svg);
    width: 22px;
    height: 22px;
    background-size: 22px;
    margin-right: 15px;
}

#icon-youtube:before {
    content: ' ';
    background-image: url(../images/icon-youtube.svg);
    width: 22px;
    height: 17px;
    background-size: 22px 17px;
    margin-right: 15px;
}

.footer-wrapper .social-icon {
    color: #FFF;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

footer #footer-col-1 {
    width: 20.931%;
}

footer #footer-col-2 {
    width: 11.725%;
}

footer #footer-col-3 {
    width: 16.666%;
}

footer #footer-col-4 {
    width: 16.666%;
}

footer #footer-col-5 {
    width: 16.666%;
}

#footer-col-6 {
    width: 16.666%;
}

#site-status {
    display: flex;
    gap: 5px;
    margin-top: 60px;
}

.footer-sc #site-status {
    margin-top: 0;
}

.footer-select {
    border: 2px solid #777E90;
    border-radius: 90px;
    background: #000;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
}

.footer-select:after {
    border-bottom: 2px solid #FFF;
    border-right: 2px solid #FFF;
}

.footer-select.site-currency .list {
    max-height: 135px;
    z-index: 9999999999;
}

footer .btn-standard {
    background: transparent;
    font-size: 14px;
    display: flex;
    margin: 0;
    justify-content: center;
    margin-bottom: 30px;
    max-width: 100%;
}

footer .btn-standard:hover,
footer .btn-standard:focus {
    background: #4FF6B1;
    color: #000;
}

.footer-icons {
    font-size: 12px;
    color: #FFF;
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.footer-icons:before {
    content: ' ';
    width: 34px;
    height: 34px;
    margin-right: 10px;
    background-size: 34px;
    display: inline-flex;
    align-items: center;
}

#icon-accessibility {
    margin-bottom: 30px;
    cursor: pointer;
}

#icon-accessibility:before {
    background-image: url(../images/icon-accessibility.svg);
}

#icon-chat:before {
    background-image: url(../images/icon-chat.svg);
}

#icon-chat p {
    margin: 0;
}

#copyright {
    background: #27272B;
    padding: 16px 0;
}

.copyright-wrap {
    display: flex;
    justify-content: space-between;
    color: #777E91;
    font-weight: 700;
    font-size: 14px;
}

.copyright-wrap a {
    color: #777E91;
}

#footer-links {
    display: flex;
    gap: 10px;
}

#homepage-hero {
    width: 100%;
}

.hotel-pp-cost {
    font-size: 19px;
}

.single-hotel-page .row.products-grid.grid-view.grid-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

.head-cont {
    padding-bottom: 0;
}

.single-hotel-page .products-grid .hotel-col {
    width: calc(50% - 20px);
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    margin: 10px;
}

.with-sidebar-content.single-h-page.columns {
    float: left;
}

.nice-select .list {
    overflow-y: scroll;
    max-height: 400px;
    margin-left: 0;
}

.crew-room-type-title.extras:before {
    background-image: url(../images/extras-icon-pink.svg);
    width: 18px;
    height: 16px;
    background-size: 18px 16px;
}

input[type="checkbox"].crew-pay-primary-contact {
    margin: 0 5px 0 0;
    padding: 0;
    background: transparent;
}

.crew-guest-primary-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 10px;
}

.guest-room-details .lbl-primary {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0;
    display: inline-flex;
    align-items: center;
}

.proceed-to-payment-bar {
    display: flex;
    justify-content: flex-end;
    padding: 20px;
    box-sizing: border-box;
    background: #6707FD;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    align-items: center;
    z-index: 9999999999;
}

.proceed-pay-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin: 0;
}

#btn-continue {
    margin: 0;
    border: 0;
    font-weight: 700;
    background: #FFF;
    color: #9755FF;
    opacity: 0.4;
    padding: 8px 30px;
}

#btn-continue.active {
    opacity: 1;
}

.pay-for-crew-arrow {
    color: #FFF;
    margin: 0 20px 0 20px;
}

.btn-continue-payforcrew,
.btn-split-options {
    opacity: 0.4;
}

.btn-continue-payforcrew.active,
.btn-split-options.active {
    opacity: 1;
}

.proceed-to-payment-bar .btn-split-options {
    background: #FFF;
    color: #9755FF;
    padding: 14px 30px;
    height: auto;
}

.reservation-details-wrap {
    background-color: #23262f;
    border-radius: 30px;
    margin-bottom: 30px;
    padding: 30px;
}

.reservation-det-title {
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    color: #FFF;
    margin-bottom: 10px;
}

.res-contact-title:before {
    content: ' ';
    background: url(../images/icon-contact.svg);
    width: 16px;
    height: 17px;
    background-size: 10px 17px;
    display: inline-block;
    margin-right: 10px;
    background-repeat: no-repeat;
}

.r-det-wrapper {
    display: flex;
    gap: 10px;
}

.r-det-label {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #E6E8EC;
    margin: 0;
    min-width: 110px;
}

.r-det-value {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #E6E8EC;
    margin: 0;
}

.r-det-break {
    word-break: break-all;
}

.r-det-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.res-title {
    margin-top: 20px;
}

.res-hotel {
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    margin-top: 16px;
}

.r-det-hotel {
    border-bottom: 1px dashed #656565;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.res-room,
.res-dates,
.res-extras {
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
}

.r-det-type {
    text-transform: capitalize;
}

.res-dates,
.res-extras {
    margin: 16px 0;
}

.res-dates span {
    font-weight: 400;
    text-transform: initial;
}

.res-extras:before {
    content: ' ';
    background-image: url(../images/extras-icon-pink.svg);
    width: 18px;
    height: 16px;
    background-size: 18px 16px;
    display: inline-block;
    margin-right: 10px;
}

.r-det-extras {
    border-bottom: 1px solid #656565;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.res-pay-method:before {
    content: ' ';
    background: url(../images/icon-card.svg);
    width: 21px;
    height: 16px;
    background-size: 21px 16px;
    display: inline-block;
    margin-right: 10px;
}

.res-payment-value {
    background: #353945;
    border-radius: 12px;
    padding: 10px 20px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
    color: #E6E8EC;
}

.res-payment-details-wrap {
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: #353945;
    border-radius: 12px;
    padding: 10px 20px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
    color: #E6E8EC;
}

.res-payment-details-wrap p {
    margin: 0;
}

.res-payment-container {
    display: flex;
    justify-content: space-between;
}

.res-pay-timeline {
    margin-top: 20px;
}

.res-pay-timeline:before {
    content: ' ';
    background: url(../images/calender-white.svg);
    width: 19px;
    height: 20px;
    background-size: 19px 20px;
    display: inline-block;
    margin-right: 10px;
}

.r-det-part-costs {
    margin-top: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #656565;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.r-det-part-costs .r-det-wrapper {
    justify-content: space-between;
}

.r-det-part-costs .r-det-value {
    font-weight: 400;
    color: #4FF6B1;
}

.r-det-total-costs .r-det-wrapper {
    justify-content: space-between;
}

.r-det-total-costs .r-det-label {
    font-weight: 700;
}

.r-det-total-costs .r-det-value {
    font-weight: 400;
    color: #4FF6B1;
}

.reservation-prices #r-view-details {
    margin-top: 6px;
}

.r-det-wrapper.hidden-prices {
    font-size: 12px;
    display: none;
}

.r-det-wrapper.hidden-prices div {
    font-size: 12px;
}

.reservation-prices {
    border-bottom: 1px solid #656565;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.payment-res-btn {
    width: 100%;
}

.r-det-grand-total {
    margin-bottom: 10px;
}

.r-det-grand-total .r-det-wrapper {
    justify-content: space-between;
    align-items: center;
}

.r-det-grand-total .r-det-label {
    font-weight: 700;
    text-transform: uppercase;
}

.r-det-grand-total-value {
    color: #4FF6B1;
}

.r-det-share {
    font-size: 25px;
    line-height: 33px;
    font-weight: 700;
    color: #9AC8FF;
}

.btn-add-guest-later {
    background: transparent;
    margin-left: 20px;
    border: solid 2px #9AC8FF;
    color: #9AC8FF;
    transition: all 0.2s linear;
}

.btn-add-guest-later:hover,
.btn-add-guest-later:focus {
    color: #000;
    background: #9AC8FF;
}

input.gdlr-button.continue_btn {
    background: #FFF !important;
    color: #9755FF !important;
    border: solid 2px transparent !important;
    font-weight: 700;
    padding: 7px 40px !important;
    width: 190px;
}

input.gdlr-button.skip-btn {
    background: transparent !important;
    color: #FFF !important;
    font-weight: 700;
    border: solid 2px #FFF !important;
    margin-left: 10px;
    padding: 7px 40px !important;
    width: 190px;
}

form#crew-gdlr-reservation-form {
    display: flex;
}

#card-elem {
    padding: 12px;
    border-radius: 8px;
    background-color: #313440;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    background-color: #313440;
    color: #fff !important;
}

.grid-view-container.main {
    padding: 30px 0 0 0;
}

#crewfare-addon-wrapper .room_selection_screen img {
    max-width: 380px;
    object-fit: cover;
}

.reservation-det-title.res-pay-method {
    margin-top: 20px;
}

[href^="http://maps.google.com/maps"] {
    display: none !important
}

a[href^="https://maps.google.com/maps"] {
    display: none !important
}

.gmnoprint a,
.gmnoprint span,
.gm-style-cc {
    display: none;
}

.gmnoprint div {
    background: none !important;
}

.modal-popup {
    display: none;
}

#map-popup-overview {
    height: 600px;
    border-radius: 12px;
}

.home-extras-only .room_selection_screen,
.home-extras-only .with-sidebar-content.single-h-page.columns,
.home-extras-only .with-sidebar-right.columns {
    width: 100%;
}

.home-extras-only .single-hotel-page .products-grid .hotel-col {
    width: calc(33.33333% - 20px);
    width: -webkit-calc(33.33333% - 20px);
    width: -moz-calc(33.33333% - 20px);
}

.home-extras-only .products-grid .extra-col img {
    height: 300px;
    object-fit: cover;
}

/* DENT */
.sub-hero {
    background-image: initial;
}

.sub-hero .sub-hero-col {
    background: #000;
    position: relative;
    z-index: 1;
    width: 33.33333%;
    display: none;
}

.sub-hero.package .sub-hero-col.package-col {
    display: flex;
    height: 54px;
    box-sizing: border-box;    
}

.sub-hero.stay .sub-hero-col.stay-col {
    display: flex;
    height: 54px;
    box-sizing: border-box;    
}

.sub-hero.extra .sub-hero-col.extra-col {
    display: flex;
    height: 54px;
    box-sizing: border-box;    
}

.sub-hero.rows-2 .sub-hero-col {
    width: 50%;
}

.sub-hero.rows-1 .sub-hero-col {
    width: 100%;
}

.sub-hero.rows-2 {
    max-width: 600px;
    margin: 0 auto;
    margin-top: -60px;
}

.sub-hero.rows-1 {
    max-width: 400px;
    margin: 0 auto;
}

.sub-hero .sub-hero-container {
    min-width: 0;
}

.sub-hero .sub-hero-container:before {
    content: ' ';
    position: absolute;
    width: 100px;
    height: 54px;
    background: url(../images/passport-dent-left.svg);
    display: block;
    top: 0;
    left: -6px;
}

.sub-hero .sub-hero-container:after {
    content: ' ';
    position: absolute;
    width: 81px;
    height: 54px;
    background: url(../images/passport-dent-right.svg);
    display: block;
    top: 0;
    right: -6px;
}

/* DENT END */

.three {
    width: calc(33% - 46px);
    width: -webkit-calc(33% - 46px);
    width: -moz-calc(33% - 46px); 
}

.gdlr-booking-room-wrapper .gdlr-item:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
    background-image: none;
}

.main-contacts-wrap {
    display: flex;
    column-gap: 20px;
    flex-wrap: wrap;
}

.primary-det-wrap {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.pay-crew-hero.pay-crew-active .crew-room-title:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.pay-crew-hero.pay-crew-active {
    border-radius: 12px;
    cursor: initial;
}

.crew-popup .cmw-popup {
    background: #FFFFFF;
    box-shadow: 0px 4px 54px rgba(0, 0, 0, 0.55);
    border-radius: 8px;
}

.crew-popup .cmw-fgroup label {
    font-weight: 700;
}

.crew-popup .cmw-fgroup input {
    background: #EFEFEF;
    border-radius: 8px;
    border: none;
}

.crew-popup .contact-but span a {
    color: #6707FD;
}

#crew-payment-wrapper {
    display: none;
}

#passport-select-process {
    margin-top: 40px;
}

.passport-select-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}

.passport-choice-crew {
    display: flex;
    flex-direction: column;
    flex: 1;
    background: #23262F;
    border-radius: 12px;
    padding: 20px 20px 40px;
    cursor: pointer
}

.passport-booking-options {
    position: relative;
    margin: 30px 0;
    display: flex;
    gap: 16px;
}

.passport-choice-split {
    display: flex;
    flex-direction: column;
    flex: 1;
    background: #23262F;
    border-radius: 12px;
    padding: 20px 20px 40px;
    color: #000;
    cursor: pointer;
}

.passport-choice-title {
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #FFF;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
}

.passport-choice-text {
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
    color: #FFF;
}

.passport-choice-crew .passport-choice-title:before {
    content: ' ';
    background: url(../images/icon-contact.svg);
    width: 56px;
    height: 40px;
    background-size: 56px 40px;
    display: inline-block;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: right;
}

.passport-choice-split .passport-choice-title:before {
    content: ' ';
    background: url(../images/icon-group-white.svg);
    width: 46px;
    height: 40px;
    background-size: 46px 40px;
    display: inline-block;
    margin-bottom: 15px;
    background-repeat: no-repeat;
}

.passport-choice {
    transition: all 0.2s linear;
    text-align: center;
}

.passport-choice:hover {
    background: #4FF6B1;
}

.passport-choice:hover .passport-choice-title,
.passport-choice:hover .passport-choice-text {
    color: #000;
}

.passport-choice:hover .passport-choice-title:before {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

#add-room-popup .pay-crew-hero,
#add-extra-popup .pay-crew-hero,
#add-flight-popup .pay-crew-hero {
    background: #15171C;
    border-radius: 12px 12px 0px 0px;
    border-bottom: solid 4px #23262F;
    padding: 30px;
    pointer-events: none;
}

#add-room-popup .crew-room-title,
#add-extra-popup .crew-room-title,
#add-flight-popup .crew-room-title {
    color: #FFF;
}

#add-room-popup .crew-room-title:before,
#add-extra-popup .crew-room-title:before,
#add-flight-popup .crew-room-title:before {
    content: none;
}

#add-room-popup .crew-hotel-title,
#add-extra-popup .crew-hotel-title,
#add-flight-popup .crew-hotel-title {
    color: #FFF;
}

.crew-hotel-title:before {
    background-image: url(../images/map-marker.svg);
}

.guest-form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex-wrap: wrap;
}

.guest-form-wrapper .main-info,
.guest-form-wrapper .passport-info {
    display: flex;
    gap: 20px;
}

.primary-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    flex: 1;
}

#billing-payment-container {
    background: #23262F;
    border-radius: 20px;
    padding: 30px;
    margin-top: 20px;
}

.crew-hotel-guests {
    margin: 0;
}

.guest-form {
    display: none;
}

.open .guest-form {
    display: block;
}

.confirm-room-details {
    background: #15171C;
    display: flex;
    border-radius: 0px 0px 12px 12px;
    padding: 10px 30px 10px 30px;
    border-top: solid 4px #23262F;
}

.btn-save-room {
    margin: 20px 0;
    background: #6707FD;
    border-color: #6707FD;
    color: #FFF;
}

.btn-save-room:hover,
.btn-save-room:focus {
    color: #FFF;
    background: transparent;
}

.reservation-det-title.res-room {
    margin-top: 10px;
}

#billing-terms-container {
    display: flex;
    justify-content: space-between;
}

.billing-pay-choice {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin-bottom: 40px;
}

.policy-wrap {
    margin-top: 0;
    width: 40%;
    order: 1;
}

.drp-calendar.right {
    display: none !important;
}

.daterangepicker .drp-buttons .applyBtn {
    left: 300px;
    bottom: 16px;
    top: initial;
    cursor: pointer;
}

.daterangepicker .drp-buttons .applyBtn:disabled {
    cursor: not-allowed;
}

.daterangepicker td.active.start-date.available,
.daterangepicker td.active.end-date.available {
    pointer-events: none;
}

.daterangepicker td.off.in-range-min-span {
    pointer-events: none;
}

.crew-enter-guest {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #4FF6B1;
    text-transform: uppercase;
    border: solid 2px #4FF6B1;
    width: auto;
    padding: 7px 30px;
    border-radius: 90px;
    margin: 5px 0 10px 0;
    display: flex;
    align-self: flex-start;
    cursor: pointer;
    transition: color 300ms, background-color 300ms, opacity 300ms;
    -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
    -o-transition: color 300ms, background-color 300ms, opacity 300ms;
    -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
}

.crew-enter-guest:hover,
.crew-enter-guest:focus {
    background: #4FF6B1;
    color: #000;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}

input[data-autocompleted] {
    background-color: transparent !important;
}

input[type="radio"].crew-pay-primary-contact {
    background-color: transparent;
}

.wt-popup .wt-header h2 {
    font-size: 30px;
    font-weight: 700;
    font-family: 'Poppins';
    margin-bottom: 20px;
}

.wt-popup .wt-header p {
    font-size: 14px;
    color: #FFF;
    line-height: 22px;
    letter-spacing: -0.02em;
}

.wt-popup .wt-image {
    border-radius: 24px;
    margin-bottom: 15px;
}

.wt-popup .wt-hotel-info .hotel_location_rating {
    display: flex;
    align-items: center;
    gap: 5px;
}

body .wt-popup {
    height: auto;
}

.wt-popup .wt-wrapper {
    height: calc(100vh - 200px);
    width: -webkit-calc(100vh - 200px);
    width: -moz-calc(100vh - 200px);    
    overflow-y: auto;
}

.wt-popup .wt-hotel-form input,
.wt-popup .wt-hotel-form select {
    background: #313440;
    border-radius: 8px;
    border: none;
}

.wt-popup .wt-half {
    width: calc(50% - 5px);
    width: -webkit-calc(50% - 5px);
    width: -moz-calc(50% - 5px);
}

.wt-popup form.wt-hotel-form {
    margin-top: 20px;
}

.wt-popup .wt-hotel-form-wrapper button {
    background: #6707FD;
    border-radius: 64px;
    border-color: #6707FD;
    color: #FFF;
    font-family: 'Poppins';
    font-weight: 700;
    padding: 8px 10px;
    margin-top: 10px;
    max-width: 150px;
    cursor: pointer;
    transition: color 300ms, background-color 300ms, opacity 300ms;
    -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
    -o-transition: color 300ms, background-color 300ms, opacity 300ms;
    -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
}

.wt-popup .wt-hotel-form-wrapper button:hover,
.wt-popup .wt-hotel-form-wrapper button:focus {
    background: transparent;
}

.wt-popup .wt-image img {
    height: 200px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.wt-popup .popup-close {
    background: url(../images/icon-close.svg);
    width: 14px;
    height: 14px;
    background-size: 14px;
    display: block;
    margin: 0;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

.wt-popup .wt-close {
    right: -40px;
    background: #23262F;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    top: 20px;
    cursor: pointer;
}

.wt-popup .popup-close:before {
    content: none;
}

.crew-data-added .crew-room-title {
    color: #FFF;
}

.crew-data-added .crew-room-title:before {
    width: 25px;
    height: 24px;
    background: url(../images/icon-tick.svg);
    background-size: 25px 24px;
}

.pay-crew-hero .room-edit {
    width: 14px;
    height: 14px;
    background: url(../images/icon-pencil-grey.svg);
    background-size: 14px;
    display: none;
}

.pay-crew-hero.crew-data-added .room-edit {
    display: inline-flex;
    cursor: pointer;
}

.room-title-wrap {
    display: flex;
    gap: 15px;
    align-items: center;
}

.crew-hotel-guests {
    gap: 10px;
    display: flex;
}

.crew-hotel-guests span {
    border-right: solid 1px #6A6A6A;
    padding-right: 10px;
}

.crew-hotel-guests span:last-child {
    border-right: none;
}

.room_selection_screen .gdlr-room-single,
.room_selection_screen .gdlr-extra-single,
.room_selection_screen .gdlr-flight-single {
    width: 100px;
    min-width: 100px;
    height: 75px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 5px;
}

.room_selection_screen .gdlr-room-thumbnail {
    border-radius: 12px;
}

body .crew-room-display .gdlr-room-title {
    font-size: 14px;
    line-height: 22px;
    color: #E6E8EC;
    margin-bottom: 0;
}

.gdlr-room-det {
    color: #E6E8EC;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
}

.btn-edit-room {
    font-size: 14px;
    color: #4FF6B1;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    width: fit-content;
}

.btn-edit-room:hover,
.btn-edit-room:focus {
    color: #4FF6B1;
}

.btn-edit-room:before {
    content: ' ';
    background: url(../images/icon-pencil.svg);
    width: 14px;
    height: 14px;
    display: inline-block;
    background-size: 14px;
    margin-right: 7px;
}

.crew-extra-display,
.crew-flight-display {
    background: #15171C;
    border-top: solid 4px #23262F;
    padding: 30px;
    border-radius: 0 0 12px 12px;
}

.crew-extra-type-title,
.crew-flight-type-title {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}

.crew-extra-type-title:before {
    content: ' ';
    display: flex;
    width: 18px;
    height: 16px;
    background-image: url(../images/extras-icon-pink.svg);
    background-size: 18px 16px;
    margin-right: 10px;
}

.crew-flight-type-title:before {
    content: ' ';
    display: flex;
    width: 20px;
    height: 15px;
    background-image: url(../images/icon-airplane.svg);
    background-size: 20px 15px;
    margin-right: 10px;        
}

#passport-stage-wrapper {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

#passport-step {
    display: flex;
    font-size: 30px;
    font-weight: 700;
    width: 56px;
    height: 56px;
    background: #6707FD;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
}

#passport-step-name {
    font-size: 40px;
    line-height: 56px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #FCFCFD;
}

.reservation-field-rooms .reservation-rooms-wrap .reservation-room thead,
.reservation-field-rooms .reservation-rooms-wrap .reservation-room table thead tr th {
    width: 100%;
}

.reservation-field-rooms .reservation-rooms-wrap .reservation-room table thead tr {
    text-align: left;
}

span.selected-room-delete {
    float: right;
    width: 12px;
    height: 12px;
    background: url(../images/icon-bin.svg);
    background-size: 12px;
    display: block;
    cursor: pointer;
}

.reservation-field-rooms .reservation-rooms-wrap .reservation-room table thead tr th span {
    color: #B1B5C4;
    font-weight: 400;
}

.pp-room {
    font-weight: 700;
}

#other-hotel-title {
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #FCFCFD;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 20px;
}

.other-hotels-container {
    display: flex;
    gap: 30px;
}

.other-hotel-wrap {
    position: relative;
    float: left;
    border-radius: 24px;
    padding: 0;
    background: #23262F;
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(25% - 60px);
    width: -webkit-calc(25% - 60px);
    width: -moz-calc(25% - 60px);
}

.other-available {
    position: absolute;
    display: block;
    width: 225px;
    padding: 10px 0;
    background-color: #4FF6B1;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    color: #fff;
    font: 500 18px/1 'Poppins', sans-serif;
    text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    text-transform: uppercase;
    text-align: center;
}

.img-other-hotel {
    border-radius: 24px 24px 0 0;
    height: auto;
    display: block;
    max-height: 225px;
    width: -webkit-fill-available;
}

.other-hotel-info {
    padding: 20px;
}

.other-hotel-info h4 {
    font-weight: 500;
}

.other-hotel-btn {
    border-radius: 24px;
    padding: 10px 0;
    border: 2px solid #6707FD;
    display: block;
    border-radius: 24px;
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
}

.other-hotel-price {
    text-align: center;
    padding-top: 12px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0px;
    clear: both;
}

.other-hotel-btn span {
    font-size: 19px;
    font-weight: 700;
}

.other-hotel-wrap:hover {
    box-shadow: 0px 0px 43px 16px rgb(103 7 253 / 50%);
    -webkit-box-shadow: 0px 0px 43px 16px rgb(103 7 253 / 50%);
    -moz-box-shadow: 0px 0px 43px 16px rgba(103, 7, 253, 0.9);
    transition: box-shadow 0.5s ease-in-out;
}

.other-img-wrap:before {
    content: ' ';
    transition: all 0.2s linear;
}

.other-hotel-wrap:hover .other-img-wrap:before {
    position: absolute;
    content: 'View Details';
    background: rgba(103, 7, 253, 0.78);
    width: 100%;
    height: 100%;
    border-radius: 24px 24px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #FFF;
    z-index: 0;
    transition: all 0.2s linear;
}

.other-img-wrap {
    position: relative;
    transition: all 0.2s linear;
}

.other-hotel-wrap:hover .other-hotel-btn {
    background: #6707FD;
}

.other-hotel-btn:hover,
.other-hotel-btn:focus {
    color: #FFF;
}

#other-load-more {
    background: #23262F;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px auto 0 auto;
    width: 284px;
    text-align: center;
    cursor: pointer;
}

#other-load-more:hover,
#other-load-more:focus {
    color: #FFF;
    background: #6707FD;
}

.other-hotel-info h4 a:hover,
.other-hotel-info h4 a:focus {
    color: #FFF;
}

#add-room-popup .room-gallery-button {
    display: none;
}

#add-room-popup .room-gallery-wrapper {
    pointer-events: none;
}

.btn-remove-extra,
.btn-remove-flight {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #EE0F0F;
    cursor: pointer;
    margin-bottom: 20px;
    /* display: none; */
}

.btn-remove-extra:before,
.btn-remove-flight:before{
    content: ' ';
    background: url(../images/icon-delete-red.svg);
    width: 11px;
    height: 12px;
    background-size: 11px 12px;
    display: inline-block;
    cursor: pointer;
    margin-right: 10px;
}

.btn-remove-extra:hover,
.btn-remove-extra:focus,
.btn-remove-flight:hover,
.btn-remove-flight:focus {
    color: #EE0F0F;
}

.room-extras-wraper,
.room-flights-wraper {
    display: flex;
    gap: 30px;
    margin-bottom: 10px;
}

.gdlr-extra-title,
.gdlr-flight-title {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #E6E8EC;
    margin-bottom: 0;
}

.room-extras-wraper .gdlr-extra-selections,
.room-flights-wraper .gdlr-flight-selections {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.room-extras-wraper .extras-addon-select,
.room-flights-wraper .flights-addon-select,
.room-extras-wraper .extras-addon-popup-select {
    width: 100px;
    max-height: 40px;
}

.room-add-extra.btn-standard,
.room-add-flight.btn-standard {
    background: #F178B6;
    border-color: #F178B6;
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    padding: 3px 20px;
    text-transform: initial;
    margin-bottom: 0;
    min-width: 100px;
    justify-content: center;    
}

.room-add-extra.btn-standard:before,
.room-add-flight.btn-standard:before {
    content: '+';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-size: 18px;
    margin-right: 10px;
    transition: color 300ms, background-color 300ms, opacity 300ms;
    -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
    -o-transition: color 300ms, background-color 300ms, opacity 300ms;
    -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
}

.room-add-flight.btn-standard {
    background: #FFD166;
    border-color: #FFD166;
}

.room-add-extra.btn-standard:hover,
.room-add-extra.btn-standard:focus,
.room-add-flight.btn-standard:hover,
.room-add-flight.btn-standard:focus {
    background: transparent;
    color: #FFF;
}

.room-add-extra.btn-standard:hover:before,
.room-add-extra.btn-standard:focus:before,
.room-add-flight.btn-standard:hover:before,
.room-add-flight.btn-standard:focus:before {
    color: #FFF;
}

.room_selection_screen .gdlr-extra-single,
.room_selection_screen .gdlr-flight-single {
    margin-bottom: 10px;
}

.crew-add-extras,
.crew-add-flights {
    position: relative;
    padding: 100px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    height: auto;
    text-align: center;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23777E90' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 12px;
    margin: 0 0 30px 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    cursor: pointer;
}

.passport-add-extra,
.passport-add-flight {
    background: #15171C;
    border-radius: 0 0 12px 12px;
    border-bottom: solid 4px #23262F;
    padding: 30px 30px 0 30px;
}

.generic .left:before,
.generic .right:before {
    content: ' ';
    background: url(../images/arrow-left-white.svg);
    width: 10px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 10px 16px;
    margin: 0;
    text-align: center;
    background-position: center;
}

.generic .right:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#booking-room-gallery {
    margin: 30px 0;
    display: flex;
    gap: 10px;
    height: 308px;
}

.room-gallery.room-gallery-0,
.room-gallery.room-gallery-1 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

img.room-gallery.room-gallery-2,
img.room-gallery.room-gallery-3 {
    object-fit: cover;
    object-position: center;
}

.room-gallery-wrap-squares {
    display: flex;
}

.room-gallery-wrap.gallery-wrap-2 {
    width: 150px;
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.room-gallery-wrap {
    position: relative;
    width: calc(50% - 85px);
    width: -webkit-calc(50% - 85px);
    width: -moz-calc(50% - 85px);
}

.room-gallery-last {
    width: 100%;
    max-width: 150px;
    height: calc(50% - 4px);
    height: -webkit-calc(50% - 4px);
    height: -moz-calc(50% - 4px);
    display: flex;
    gap: 100px;
    position: relative;
}

.gallery-additional {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: 700;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
}

#booking-room-gallery .room-gallery {
    cursor: pointer;
}

#room-gallery-popup {
    max-width: 800px;
}

#room-gallery-popup .gallery-slider {
    padding: 0;
    width: 100%;
}

.hotel-single-only img {
    position: relative;
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: center;
    margin-top: 10px;
    margin-bottom: 20px;
}

body.passport-master-style .gdlr-booking-process-bar .gdlr-booking-process a:hover,
body.passport-master-style .gdlr-booking-process-bar .gdlr-booking-process a:focus {
    color: #FFF;
}

#header-notifications {
    position: relative;
    width: 100%;
    height: 60px;
    background: #6707FD;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    gap: 20px;
}

.notification-icon {
    background-image: url(../images/pay-with-friends.svg);
    display: inline-flex;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 31px;
    height: 31px;
}

.notification-icon.calendar {
    background: url(../images/icon-calendar.svg);
}

.notification-title {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 17px;
    line-height: 25px;
    font-weight: 700;
    margin-bottom: 0;
    margin-right: 30px;
}

.notification-text {
    margin: 0;
}

#header-notifications a {
    font-weight: 700;
    cursor: pointer;
    background: #FFF;
    color: #6707FD;
    padding: 2px 18px;
    border-radius: 24px;
    margin-left: 20px;
    border: solid 2px #FFF;
}

#header-notifications a:hover,
#header-notifications a:focus {
    color: #FFF;
    background: #6707FD;
}

.notification-wrap {
    display: flex;
    gap: 20px;
}

.notification-link {
    display: flex;
    gap: 10px;
    align-items: center;
}

.uw-sl {
    display: none;
}

#owl-carousel-notifications.owl-carousel .owl-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

#owl-carousel-notifications .item {
    display: flex;
    align-items: center;
}

#owl-carousel-notifications.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: 15px;
    top: 2px;
}

#owl-carousel-notifications.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 15px;
    top: 2px;
}

#owl-carousel-notifications.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
}

#owl-carousel-notifications.owl-theme .owl-nav {
    margin-top: 0;
}

#owl-carousel-notifications button.owl-prev span,
#owl-carousel-notifications button.owl-next span {
    content: ' ';
    background: url(../images/arrow-left-white.svg);
    width: 10px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 10px 16px;
    margin: 0;
    text-align: center;
    background-position: center;
    font-size: 0;
}

#owl-carousel-notifications button.owl-next span {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#menu-main-menu-new {
    margin: 0;
}

.room-page-notifications {
    border-radius: 12px;
}

.billing-pay-choice label span {
    text-transform: uppercase;
    font-weight: 700;
}

.dates-count-1 {
    pointer-events: none;
}

.dates-count-1 .select-input-icon {
    display: none;
}

.dates-count-1 .reservation-input-area {
    padding: 5px 0px 5px 11px;
}

.lds-ring-wrapper {
    position: relative;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lds-ring {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
    margin: 0;
    border: 4px solid #4FF6B1;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #4FF6B1 transparent transparent transparent;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(4) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

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

.lds-inner-circle {
    background: #6707FD;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lds-inner-circle:before {
    content: ' ';
    background-image: url(../images/icon-plane-loader.svg);
    width: 34px;
    height: 34px;
    display: flex;
    background-size: 34px;
}

.lds-load-wrapper {
    width: 100vw;
    height: 100vh;
    position: fixed;
    align-items: center;
    justify-content: center;
    background: #000;
    z-index: 99999999999999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

.lds-load-wrapper.complete .lds-inner-circle:before {
    background-image: url(../images/icon-tick-loader.svg);
    width: 25px;
    height: 19px;
    background-size: 25px 19px;
}

.lds-load-wrapper.complete .lds-ring div {
    animation: none;
    border-color: #272729;
}

.lds-load-wrapper.flex {
    display: flex;
}

/* Extras and flights carousel */
.change-extras-carousel .owl-dots .owl-dot span,
.change-flights-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #676767;
    display: block;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.change-extras-carousel .owl-dots .owl-dot.active span,
.change-extras-carousel .owl-theme .owl-dots .owl-dot:hover span,
.change-flights-carousel .owl-dots .owl-dot.active span,
.change-flights-carousel .owl-theme .owl-dots .owl-dot:hover span{
    background: #4FF6B1;
    width: 20px;
}

.change-extras-carousel .owl-dots,
.change-flights-carousel .owl-dots {
    margin: 12px 0 0 0;
    display: flex;
    justify-content: center;
}

.change-extras-carousel .gdlr-medium-room .gdlr-room-thumbnail,
.change-flights-carousel .gdlr-medium-room .gdlr-room-thumbnail {
    float: none;
    max-width: 100%;
}

.change-extras-carousel .gdlr-medium-room-new .gdlr-room-title,
.change-flights-carousel .gdlr-medium-room-new .gdlr-room-title {
    margin-top: 16px;
}

.change-extras-carousel .gdlr-medium-room .gdlr-room-price,
.change-flights-carousel .gdlr-medium-room .gdlr-room-price {
    float: none;
    width: 100%;
    text-align: left;
}

.change-extras-carousel .gdlr-medium-room .gdlr-room-content:after,
.change-flights-carousel .gdlr-medium-room .gdlr-room-content:after {
    content: none;
}

.change-extras-carousel .gdlr-room-excerpt,
.change-flights-carousel .gdlr-room-excerpt {
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
}

.change-extras-carousel .gdlr-medium-room.gdlr-item,
.change-flights-carousel .gdlr-medium-room.gdlr-item {
    border: none;
    padding-bottom: 0;
    margin: 0;
    background-image: none;
}

.change-extras-carousel.owl-carousel .owl-stage,
.change-flights-carousel.owl-carousel .owl-stage {
    padding-left: 0 !important;
}

.change-extras-carousel .gdlr-medium-room .gdlr-room-price .gdlr-tax,
.change-extras-carousel .gdlr-medium-room .gdlr-room-price .gdlr-tail,
.change-flights-carousel .gdlr-medium-room .gdlr-room-price .gdlr-tax,
.change-flights-carousel .gdlr-medium-room .gdlr-room-price .gdlr-tail {
    display: inline-block;
    margin-top: 10px;
}

.change-extras-carousel .owl-nav button.owl-next span,
.change-extras-carousel .owl-nav button.owl-prev span,
.change-flights-carousel .owl-nav button.owl-next span,
.change-flights-carousel .owl-nav button.owl-prev span {
    font-size: 0;
    background: url(../images/carousel-right.svg);
    width: 35px;
    height: 37px;
    background-size: 35px 37px;
    display: block;
}

.change-extras-carousel .owl-nav button.owl-prev span,
.change-flights-carousel .owl-nav button.owl-prev span {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.change-extras-carousel button.owl-next,
.change-extras-carousel button.owl-prev,
.change-flights-carousel button.owl-next,
.change-flights-carousel button.owl-prev {
    position: absolute;
    top: -200px;
    bottom: 0;
    right: 0;
}

.change-extras-carousel button.owl-prev,
.change-flights-carousel button.owl-prev {
    right: initial;
    left: 0;
}

.change-extras-carousel .owl-nav .owl-prev.disabled,
.change-extras-carousel .owl-nav .owl-next.disabled,
.change-flights-carousel .owl-nav .owl-prev.disabled,
.change-flights-carousel .owl-nav .owl-next.disabled {
    display: none;
}

.change-extras-carousel .owl-stage-outer,
.change-flights-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.change-extras-carousel .owl-dots .owl-dot span,
.change-flights-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #676767;
    display: block;
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.change-extras-carousel .owl-dots .owl-dot.active span,
.change-extras-carousel .owl-theme .owl-dots .owl-dot:hover span,
.change-flights-carousel .owl-dots .owl-dot.active span,
.change-flights-carousel .owl-theme .owl-dots .owl-dot:hover span {
    background: #4FF6B1;
    width: 20px;
}

.change-extras-carousel .owl-dots,
.change-flights-carousel .owl-dots {
    margin: 20px 0 0 0;
    display: flex;
    justify-content: center;
}

a.btn-change-extra,
a.btn-change-flight {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #4FF6B1;
    padding: 6px 30px;
    border: 2px solid #4FF6B1;
    border-radius: 90px;
    display: inline-block;
    margin-top: 17px;
    cursor: pointer;
    text-transform: uppercase;
}

a.btn-change-extra:hover,
a.btn-change-extra:focus,
a.btn-change-flight:hover,
a.btn-change-flight:focus {
    background: #4FF6B1;
    color: #000;
}

a.btn-change-extra.extra-selected,
a.btn-change-flight.flight-selected {
    background: #4FF6B1;
    color: #000;
    text-transform: uppercase;
}

a.btn-change-extra.extra-selected:before,
a.btn-change-flight.flight-selected:before {
    content: ' ';
    position: relative;
    width: 22px;
    height: 22px;
    background-size: 22px;
    background-image: url(../images/circle-tick.svg);
    display: inline-block;
    margin-right: 0;
    left: -20px;
    margin-bottom: -6px;
}

#addon-dates-rooms .reservation-guest-title-wrapper span.reservation-room-slide {
    display: none;
}

#addon-dates-rooms .flexible-dates-container .reservation-input-area.select-dates-input-area {
    padding: 9px 10px;
}

.list::-webkit-scrollbar,
.scrollable-rooms-area::-webkit-scrollbar,
.flight-filter-details::-webkit-scrollbar,
.extras-popup-wrap::-webkit-scrollbar {
    width: 6px;
}

.list::-webkit-scrollbar-track,
.scrollable-rooms-area::-webkit-scrollbar-track,
.flight-filter-details::-webkit-scrollbar-track,
.extras-popup-wrap::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
}

.list::-webkit-scrollbar-thumb,
.scrollable-rooms-area::-webkit-scrollbar-thumb,
.flight-filter-details::-webkit-scrollbar-thumb,
.extras-popup-wrap::-webkit-scrollbar-thumb {
    background-color: #4ff6b1;
    outline: 1px solid #4ff6b1;
    border-radius: 12px;
}

::selection {
    background: #6707FD;
}

::-moz-selection {
    background: #6707FD;
}

.discount-amount {
    color: #4ff6b1;
}

.extras-addon-select.nice-select .list,
.flights-addon-select.nice-select .list,
.extras-addon-popup-select.nice-select .list {
    max-height: 206px;
}

.hotel-confirmation-thumb img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    object-position: center;
}

.change-room-carousel .gdlr-room-excerpt {
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 56px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.change-room-carousel.owl-carousel .owl-nav button.owl-next,
.change-room-carousel.owl-carousel .owl-nav button.owl-prev {
    top: 90px;
    bottom: initial;
}

.r-det-coupon-wrap {
    display: flex;
    gap: 10px;
}

#apply-coupon {
    color: #4FF6B1;
    background: #313440;
    border-radius: 12px;
    height: 34px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: color 300ms, background-color 300ms, opacity 300ms;
    -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
    -o-transition: color 300ms, background-color 300ms, opacity 300ms;
    -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
}

#apply-coupon:hover,
#apply-coupon:focus {
    background: #4FF6B1;
    color: #000;
}

.r-det-item.r-det-discount {
    margin-bottom: 10px;
}

.split-payment-part .split-room-gallery {
    pointer-events: none;
    margin-bottom: 10px;
}

.split-payment-part .room-gallery-wrapper .room-gallery-button {
    display: none;
}

.split-additional-extras {
    margin-top: 20px;
}

.split-total-amount {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 40px;
}

.split-grand-total {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 20px;
}

.split-grand-value {
    color: #9AC8FF;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
}

.split-dist {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 22px;
}

.split-set-cta {
    display: flex;
    align-items: flex-end;
}

.split-room-info.split-right {
    padding: 20px;
}

.payment-page-wrapper .room-mobile-cta {
    flex-basis: 100%;
}

.split-name-wrap {
    display: flex;
}

.split-extras-thumb img {
    width: 100px;
    min-width: 100px;
    height: 75px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

.split-extra-addon-title {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

.split-extra-addon-container {
    display: flex;
    align-items: center;
}

#included-extras {
    display: none;
}

.split-extra-wrapper {
    display: flex;
    gap: 20px;
}

table.tbl-additional-extras tr th,
table.tbl-additional-flights tr th {
    color: #848998;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    border-bottom: solid 1px #353945;
    padding: 13px 5px;
}

table.tbl-additional-extras tr td,
table.tbl-additional-flights tr td {
    border-color: #353945;
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
}

table.tbl-additional-extras tr th:first-child,
table.tbl-additional-extras tr td:first-child,
table.tbl-additional-flights tr th:first-child,
table.tbl-additional-flights tr td:first-child {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 20px;
    font-weight: 700;
}

table.tbl-additional-extras tr th:last-child,
table.tbl-additional-extras tr td:last-child,
table.tbl-additional-flights tr th:last-child,
table.tbl-additional-flights tr td:last-child {
    text-align: right;
}

td.split-tbl-img img {
    width: 100px;
    min-width: 100px;
    height: 75px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}
.tbl-additional-flights .split-tbl-dates {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
}
.scrollable-rooms-area {
    position: relative;
    width: 100%;
    height: calc(100vh - 445px);
    height: -webkit-calc(100vh - 445px);
    height: -moz-calc(100vh - 445px);
    overflow-x: scroll;
    margin-top: 20px;
}

#reservation-extras-wrapper {
    background: #15171C;
    border-radius: 12px;
    padding: 20px;
}

#reservation-extras-included .txt-lrg-title {
    margin-top: 0;
    padding-top: 20px;
}

#reservation-extras-included {
    background: #23262F;
    border-radius: 0 0 20px 20px;
    padding: 0 30px 30px 30px;
}

.res-extras-thumb img {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 8px;
}

.res-extra-group {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}

.res-extra-title {
    color: #E6E8EC;
    font-size: 14px;
    line-height: 22px;
    max-width: 150px;
    margin: 0;
}

#res-extra-container {
    display: flex;
}

.res-ext-wrap {
    display: flex;
    gap: 10px;
}

.res-extras-display {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.group-extra-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.res-extra-container {
    display: flex;
    align-items: center;
}

.room-mobile-cta.room-cta-full {
    flex-basis: 100%;
}

#split-page-wrapper .split-room-info {
    padding: 0;
    max-width: 100%;
}

#split-page-wrapper .split-room-details {
    flex: 1;
    margin: 0;
    flex: 1 1 calc(33.3333333% - 20px);
}

.tbl-additional-extras-wrap::-webkit-scrollbar {
    height: 6px;
}

.tbl-additional-extras-wrap::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
}

.split-final-room {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
    margin-top: 30px;
}

.tbl-additional-extras-wrap::-webkit-scrollbar-thumb {
    background-color: #4ff6b1;
    outline: 1px solid #4ff6b1;
    border-radius: 12px;
}

.split-name-edit-wrap {
    display: flex;
}

.split-dist-edit-btn {
    background: #6707FD;
    border: 2px solid #6707FD;
    border-radius: 50px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    justify-content: center;
    display: flex;
    padding: 6px 10px;
    margin-top: 20px;
    cursor: pointer;
    transition: color 300ms, background-color 300ms, opacity 300ms;
    -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
    -o-transition: color 300ms, background-color 300ms, opacity 300ms;
    -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
}

.split-dist-edit-btn:hover,
.split-dist-edit-btn:focus {
    background: transparent;
}

#split-page-wrapper .split-room-info.split-right {
    width: auto;
    padding: 20px;
}

#split-page-wrapper .gdlr-room-thumbnail {
    min-width: 100px;
}

#split-page-wrapper .split-rooms-final-display .split-room-info {
    padding: 20px;
}

input.guest-enter-room-value {
    background: #15171C;
    border: 1px solid #777E90;
    border-radius: 4px;
    height: 24px;
    color: #FFF;
    width: 154px;
    padding: 0 10px;
    -moz-appearance: textfield;
    appearance: textfield;
    display: none;
}

input.guest-enter-room-value:focus {
    border-color: #4FF6B1;
}

input.guest-enter-room-value::-webkit-outer-spin-button,
input.guest-enter-room-value::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.guest-enter-room-value.error {
    border-color: #EE0F0F;
}

.defined input.guest-enter-room-value {
    background: #4FF6B1;
    border-color: #4FF6B1;
    color: #000;
    font-weight: 700;
    pointer-events: none;
}

.edit-custom-icon {
    position: absolute;
    display: none;
    width: 14px;
    height: 14px;
    background: url(../images/icon-pencil-black.svg);
    background-size: 14px;
    top: 6px;
    right: 10px;
    cursor: pointer;
}

.defined .edit-custom-icon {
    display: flex;
}

.edit-custom-guests {
    position: relative;
    display: flex;
    align-items: center;
    display: none;
}

@supports (-webkit-overflow-scrolling: touch) {
    input {
        font-size: 16px;
    }
}

#crewpay-details .lbl-primary:after {
    content: ' ';
    background-image: url(../images/icon-info.svg);
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-left: 10px;
}

.cf-tooltip {
    position: relative;
    background: #FFF;
    width: 300px;
    color: #000;
    padding: 15px;
    border-radius: 12px;
}

.cf-tooltip:after {
    content: ' ';
    position: absolute;
    bottom: -10px;
    left: -20px;
    right: 0;
    width: 0;
    height: 0;
    margin: 0 auto;
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFF;
}

.cf-tooltip p {
    font-size: 12px;
    line-height: 20px;
    margin: 0;
}

.wt-overlay {
    background: rgba(0, 0, 0, 0.6);
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.rooms-table-wrapper input.guest-enter-room-value {
    background: #FFF;
    border: 1px solid #777E90;
    padding: 3px 10px;
    color: #000;
    font-size: 14px;
    width: 169px;
}

.rooms-table-wrapper input.guest-enter-room-value.active {
    display: inline-block;
}

.guest-selection.selection-manual .guest-number {
    display: none;
}

.guest-m-edit {
    width: 10px;
    height: 10px;
    background-image: url(../images/icon-pencil-white.svg);
    display: inline-block;
    background-size: 10px;
}

.guest-m-edit.dark {
    background-image: url(../images/icon-pencil-black.svg);
}

.guest-enter-room-value.active.error {
    border-color: #EE0F0F;
}

#addon-dates-rooms .rooms-modal {
    background: #FFF;
    padding: 20px;
}

#addon-dates-rooms .rooms-table-wrapper span.txt-room-number {
    color: #000;
}

#addon-dates-rooms .rooms-table-wrapper table tbody {
    width: 100%;
}

#addon-dates-rooms .rooms-table-wrapper table tbody tr {
    justify-content: space-between;
}

.selectable-dates-1,
.dates-count-1,
.trip-count-1 {
    pointer-events: none;
}

.trip-changes-popup_open {
    cursor: pointer;
}


.multi-package-nights,
.multi-package-week {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.feature.multiple-packages {
    align-items: center;
    background-image: none;
    justify-content: space-between;
}

.multi-nights-selector {
    display: inline-flex;
    justify-content: center;
    background: #23262f;
    border-radius: 40px;
}

.multi-nights {
    border-radius: 40px;
    padding: 8px 24px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
}

.multi-nights.active {
    background: #4FF6B1;
    color: #000;
    cursor: initial;
}

.package-info, .package-info-list ul {
    color: #999999;
    text-align: center;
    margin: 30px 0 25px 0;
    list-style: none;
}

.package-info-list ul li:before {
    content: '●';
    color: #FF4242;
    font-size: 14px;
    margin-right: 5px;
    position: relative;
    top: -6px;
}

.package-info-list ul li {
    margin-bottom: 10px;
}

.package-name,
.package-price {
    font-size: 40px;
    line-height: 48px;
    font-weight: 900;
    letter-spacing: -0.03em;
    text-transform: uppercase;
}

.package-price {
    font-weight: 700;
}

.text-purple {
    color: #8A3FFF;
}

.text-pink {
    color: #EE1C9A;
}

.text-blue {
    color: #9AC8FF;
}

.package-header {
    display: flex;
    justify-content: space-between;
    background: #141C21;
    padding: 32px 40px;
    border-radius: 32px 32px 0px 0px;
}

.passport-packages-container {
    display: flex;
    gap: 16px;
}

.package-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 32px;
    background: linear-gradient(transparent, transparent) padding-box, linear-gradient(to bottom, transparent, transparent) border-box;
    border-radius: 32px;
    border: 3px solid transparent;
    cursor: pointer;
    height: 100%;
}

.package-wrap.highlight {
    background: linear-gradient(transparent, transparent) padding-box, linear-gradient(to bottom, #4FF6B1, #000) border-box;
    border-radius: 32px;
    border: 3px solid transparent;
}

.package-subtitle {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #d0d2d3;
    letter-spacing: -0.03em;
}

.package-nights {
    font-size: 14px;
    font-weight: 400;
    color: #d0d2d3;
    letter-spacing: -0.03em;
}

.package-body {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    background: #121212;
    padding: 40px;
    border-radius: 0 0 32px 32px;
    overflow: hidden;
    justify-content: space-between;
}

.unincluded-header {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 8px;
}

.package-unincluded {
    background: #1F1F1F;
    border-radius: 20px;
    padding: 20px;
    margin-top: 10px;
    width: -webkit-fill-available;
}

.package-unincluded ul {
    margin-left: 20px;
    margin-bottom: 0;
}

.package-unincluded ul li {
    font-size: 14px;
    color: #818181;
}

.package-unincluded.sidebar {
    background: #2E323E;
    margin-bottom: 5px;
}

.package-unincluded.sidebar ul li {
    color: #C4C4C4;
}

.passport-packages-container .owl-stage .owl-item:first-child .package-body:before {
    content: ' ';
    position: absolute;
    border-radius: 50%;
    background: #EE1C9A;
    filter: blur(60px);
    -webkit-filter: blur(60px);
    transform: translate(0, 0);
    transition-duration: 1s;
    transition-delay: 0.25s;
    width: 100px;
    height: 100px;
    bottom: -20px;
    left: -20px;
    animation: float 6s ease-in-out infinite;
}

.passport-packages-container .owl-stage .owl-item:last-child .package-body:before {
    content: ' ';
    position: absolute;
    border-radius: 50%;
    background: #8A3FFF;
    filter: blur(60px);
    -webkit-filter: blur(60px);
    transform: translate(0, 0);
    transition-duration: 1s;
    transition-delay: 0.25s;
    width: 100px;
    height: 100px;
    bottom: -40px;
    right: 20%;
    animation: float-horizontal 14s ease-in-out infinite;
}

.package-fees {
    font-size: 14px;
    line-height: 22px;
}

.package-detail-wrap {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #363636;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.package-information {
    margin: 20px 0 0 0;
}

.package-information .package-detail-wrap:last-child {
    border: none;
}

.package-title {
    font-size: 14px;
    line-height: 22px;
    color: #a1a1a1;
}

.package-value {
    color: #4FF6B1;
    font-size: 14px;
    font-weight: 700;
}

.package-perks {
    list-style: none;
    margin: 20px 0 0 0;
}

.package-perks li {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    color: #FFF;
    margin-bottom: 8px;
}

.package-perks li:before {
    content: ' ';
    background-image: url(../images/tick.svg);
    width: 16px;
    height: 16px;
    display: flex;
    background-size: 16px;
    margin-right: 16px;
}

.package-perks.plus li:before {
    background-image: url(../images/plus.svg);
}

.package-also-inc {
    color: #4FF6B1;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    text-align: center;
    border: dashed 1px #4FF6B1;
    padding: 4px 6px;
    border-radius: 8px;
    margin-top: 20px;
    text-transform: uppercase;
}

.package-select-arrow {
    height: 1px;
    margin: 70px 0 30px 0;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), color-stop(0.5, #4FF6B1), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #4FF6B1, rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #4FF6B1, rgba(0, 0, 0, 0));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0), #4FF6B1, rgba(0, 0, 0, 0));
    background: linear-gradient(left, rgba(0, 0, 0, 0), #4FF6B1, rgba(0, 0, 0, 0));
    border: 0;
}

.arrow-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrow-position {
    position: relative;
    transition: all linear 300ms;
}

.arrow-position:after {
    content: ' ';
    border-color: transparent transparent #000;
    border-style: solid;
    border-width: 23px;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -1.5px;
    left: -24px;
}

.arrow-position:before {
    content: ' ';
    border-color: transparent transparent #4FF6B1;
    border-style: solid;
    border-width: 24px;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -1px;
    left: -25px;
}

.ribbon-packages span {
    font-size: 13px;
    font-weight: 900;
    right: 4px;
    top: 19px;
}

.ribbon-best-value {
    position: absolute;
    top: -30px;
    left: -30px;
    background-image: url(../images/best-value.svg);
    background-size: 125px;
    background-position: center;
    background-repeat: no-repeat;    
    width: 168px;
    height: 168px;
    display: block;
}

.passport-packages-wrapper:before {
    content: ' ';
    position: absolute;
    background-image: url(../images/line-bg.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 103vw;
    padding-bottom: 38.4375%;
    left: 50%;
    right: 50%;
    margin-left: -51vw;
    margin-right: -51vw;
    margin-top: 0;
}

.passport-packages-container .owl-stage .owl-item:first-child .package-header:before {
    content: ' ';
    position: absolute;
    width: 110.69px;
    height: 90.67px;
    background: #4FF6B1;
    border-radius: 16px;
    display: block;
    top: -20px;
    left: -28px;
    z-index: -1;
    animation: float-horizontal-r 12s ease-in-out infinite;
    /*animation: scale-up-center 5s linear infinite alternate-reverse backwards;*/
}

.passport-packages-container .owl-stage .owl-item:first-child .package-header:after {
    content: ' ';
    position: absolute;
    width: 80px;
    height: 80px;
    background: rgba(238, 28, 154, 0.7);
    border-radius: 12px;
    display: block;
    bottom: 30px;
    left: -26px;
    z-index: -1;
    animation: float 6s ease-in-out infinite;
}

.passport-packages-container .owl-stage .owl-item:last-child .package-header:before {
    content: ' ';
    position: absolute;
    width: 52px;
    height: 52px;
    background: #FFA800;
    border-radius: 8px;
    display: block;
    top: 40px;
    right: -20px;
    z-index: -1;
    /*animation: scale-up-center 5s linear infinite alternate-reverse backwards;*/
    animation: float 6s ease-in-out infinite;
}

.passport-packages-container .owl-stage .owl-item:last-child .package-header:after {
    content: ' ';
    position: absolute;
    width: 89px;
    height: 89px;
    background: #8A3FFF;
    border-radius: 16px;
    display: block;
    bottom: -24px;
    right: 20%;
    z-index: -1;
    animation: float-horizontal 14s ease-in-out infinite;
}

.info-details-wrap {
    max-width: 800px;
}

.feature.multiple-packages .feature-gallery .gallery-img-1 {
    width: 290px;
    height: 150px;
}

.feature.multiple-packages .feature-gallery .gallery-img-2 {
    width: 290px;
    height: 250px;
}

.feature.multiple-packages .feature-gallery .gallery-img-3 {
    width: 203px;
    height: 208px;
}

.feature.multiple-packages .feature-gallery .gallery-img-4 {
    width: 203px;
    height: 208px;
}

.feature.multiple-packages .feature-gallery .gallery-img-5 {
    width: 400px;
    height: 192px;
}
/*
.arrow-position[data-id="1"] {
    left: -33.33333%;
}

.arrow-position[data-id="2"] {
    left: 0%;
}

.arrow-position[data-id="3"] {
    left: 33.33333%;
}
*/

.package-select-arrow[data-package-count="1"] .arrow-position[data-id="1"] {
    left: 0;
}

.passport-packages-container[data-package-count="2"] .package-carousel.owl-carousel.package-carousel .owl-stage-outer {
    justify-content: center;
}

.package-select-arrow[data-package-count="2"] .arrow-position[data-id="1"] {
    left: -16.5%;
}

.package-select-arrow[data-package-count="2"] .arrow-position[data-id="2"] {
    left: 16.5%;
}

@media all and (max-width: 699px) {
    .passport-packages-container[data-package-count="2"] .package-carousel.owl-carousel.package-carousel .owl-stage-outer {
        justify-content: initial;
    }
}

@media all and (min-width: 700px) {
    .passport-packages-container[data-package-count="2"] .owl-stage {
        transform: none !important;
    }
}

@media all and (max-width: 1100px) {
    .arrow-position {
        display: none;
    }
}

.owl-carousel.package-carousel .owl-stage-outer {
    display: flex;
    overflow: initial;
    width: auto;
    justify-content: space-around;
}

.package-carousel.owl-carousel.package-carousel .owl-stage-outer {
    justify-content: initial;
}

.owl-carousel.package-carousel .owl-stage {
    display: flex;
}

.owl-carousel.package-carousel .owl-item {
    float: none;
}

.owl-carousel.package-carousel .owl-dots {
    position: relative;
    margin-top: 30px !important;
}


.reservation-wrapper .reservation-room:first-child .selected-room-delete {
    display: none;
}

.extras-included-wrap {
    display: flex;
    gap: 20px;    
    flex-wrap: wrap;    
}

.extras-included-wrap .extras-thumb {
    width: 75px;
    border-radius: 0;
    overflow: initial;
}

.extras-included-wrap .extras-thumb img {
    width: 75px;
    height: 75px;
    min-width: 75px;
    min-height: 75px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

.extras-included-wrap .extra-addon-title {
    color: #E6E8EC;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    margin: 0;
    max-width: 180px;
    text-align: left;
}

.extras-included-wrap .extra-included {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    gap: 20px;
    flex-basis: calc(50% - 20px);
    flex-basis: -webkit-calc(50% - 20px);
    flex-basis: -moz-calc(50% - 20px);
    min-height: 70px;
}

.policy-holder {
    display: flex;
    gap: 40px;
    margin-top: 0;
    margin-bottom: 20px;
}

.monthly-payments .policy-holder {
    margin: 0 0 30px 0;
}

.monthly-payments .policy-wrap {
    margin: 0;
}

#reservation-wrapper .r-det-hotel-name {
    gap: 30px;
    align-items: flex-start;
}

#reservation-wrapper .r-det-hotel-name .r-det-info {
    text-overflow: initial;
    overflow-wrap: initial;
    overflow: initial;
    white-space: initial;
    text-align: right;
}

.generic .showSlide img {
    width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
    max-width: 100%;
    object-fit: cover;
}

.products-grid .extra-col img {
    object-fit: cover;
    object-position: center;
}

.billing-errors {
    color: #EE0F0F;
    font-size: 14px;
    margin: 0;
}

#passport-paypal-buttons {
    opacity: 1;
    margin: 0;
    padding: 30px 0;
}

/****************************************************
 TEMP FOR FIRST RELEASE ****************************
****************************************************/
#passport-select-process {
    display: none;
}

#passport-select-process.process-active {
    display: block;
}

#passport-booking-content.process-active #crew-payment-wrapper {
    display: none;
}

#crew-payment-wrapper {
    display: block;
}

.sub-hero-col.stay-col,
.sub-hero-col.extra-col {
    display: none;
}

.head-cont .extras-con {
    display: none;
}

.confirm-room-details {
    display: none;
}

p.alt-payment {
    display: none;
}

a#crew-venmo-pay,
a#crew-apple-pay {
    display: none;
}

.extras-con.mobile {
    display: none !important;
}

#modal-rooms {
    top: 100px !important;
}

.scrollable-rooms-area {
    height: calc(100vh - 445px);
    height: -webkit-calc(100vh - 445px);
    height: -moz-calc(100vh - 445px);
}

@media all and (max-width: 767px) {
    .avalibity-sub-container .reservation-field-dates .reservation-dates .reservation-date {
        flex-basis: 100% !important;
    }
}

#booking-note {
    background: #313440;
    border-radius: 8px;
    padding: 7px 12px;
    max-width: 400px;
    color: #fff;
}

/****************************************************
END ## TEMP FOR FIRST RELEASE ***********************
****************************************************/

#flights-wrapper {
    position: relative;
    margin-bottom: 140px;
}

.flight-search-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #FCFCFD;
    letter-spacing: -0.02em;
}

#flight-search {
    background: #313440;
    border-radius: 8px;
    padding: 10px 12px;
    border: none; 
    width: 100%;  
    color: #FFF; 
}

.flight-search-wrap {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.f-search-wrap {
    position: relative;
    width: 100%;
}

.flight-filters {
    display: flex;
    gap: 20px;
    min-width: 400px;
    justify-content: flex-end;
}

.flight-single-filter {
    display: flex;
    align-items: center;
}

.search-icon {
    position: absolute;
    background: url(../images/icon-search.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    height: 100%;
    display: block;
    top: 0;
    right: 10px;
    bottom: 0;     
}

.flight-search-initial:before {
    content: ' ';
    background: url(../images/icon-flight.svg);
    width: 56px;
    height: 56px;
    background-size: 56px;
    display: block;
}

.flight-search-initial {
    position: relative;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #FFF;
    height: 500px;
    text-align: center;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23777E90' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 12px;
    background-size: calc(100% - 1px);
    background-size: -webkit-calc(100% - 1px);
    background-size: -moz-calc(100% - 1px);    
    background-repeat: no-repeat;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 25px;
    line-height: 35px; 
    gap: 20px;   
}

.flight-result-count {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;    
    letter-spacing: -0.02em;
    color: #FCFCFD;  
    margin-bottom: 30px;  
}

.f-search {
    font-weight: 700;
}

.flight-search-results {
    display: none;
}

.single-flight-container {
    position: relative;
    background: #23262F;
    border-radius: 20px;    
}

.single-flight-details {
    position: relative;    
    padding: 20px 20px 0 20px; 
    overflow: hidden;
}

.flight-search-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.flight-inc-banner {
    transform: rotate(-45deg);
    background: #4FF6B1;
    box-shadow: 0.552566px 0.552566px 5.52566px rgb(0 0 0 / 20%);
    display: block;
    color: #000;
    font-size: 10px;
    position: absolute;
    z-index: 1;
    width: 180px;
    text-align: center;
    text-transform: uppercase;
    top: 13px;
    left: -64px;
    font-weight: 700;
    padding: 5px 0;
}

.flight-thumb {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.flight-addon-date,
.flight-duration {
    font-size: 20px;
    line-height: 30px;    
    color: #E6E8EC;
    font-weight: 700;
    margin: 0;
}

.flight-duration {
    text-align: right;
}

.flight-duration span {
    font-weight: 400;
    text-transform: capitalize;
}

.flight-codes {    
    font-size: 14px;
    line-height: 24px;
    color: #E6E8EC;    
    font-weight: 400;
    margin: 0;
    text-align: right;
}
.flight-details {
    font-size: 14px;
    line-height: 24px;
    color: #E6E8EC;
    font-weight: 400;
    margin: 0;
}
.flight-information {
    display: flex;
    justify-content: space-between;
}

.flight-left {
    display: flex;
    gap: 30px;
}

.flight-price {    
    font-size: 30px;
    line-height: 40px;
    color: #4FF6B1;   
    font-weight: 700; 
    text-align: right;
}

.flight-price .price-node {
    font-size: 30px;
    line-height: 40px;
    color: #4FF6B1;   
    font-weight: 700; 
    text-align: right;
}

.flight-price p {
    margin: 0;
}

.flight-price span {
    font-size: 12px;
    font-weight: 400;
    color: #777E90;
}

.flight-passengers-select {    
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
}

.passengers-wrap {
    display: flex;
    gap: 20px;
    align-items: center;
}

.btn-add-flight {
    color: #4FF6B1;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    padding: 6px 30px;
    border: 2px solid #4FF6B1;
    border-radius: 90px;
    margin-top: 20px;
    display: inline-flex;
    pointer-events: none;
    cursor: none;
}

.btn-add-flight:hover,
.btn-add-flight:focus {
    background: #4FF6B1;
    color: #000;
}

.flight-actions {
    margin-top: 20px;
    position: relative;
    padding: 0 0 20px 150px;
}

.flight-single-filter label {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    margin-right: 8px;
}

.flight-filter-container {
    display: none;
}

.flight-filter-content {
    position: absolute;
    top: 50px;
    right: 0;
    background: #141416;
    border-radius: 8px;
    padding: 20px;
    min-width: 400px;  
    z-index: 99999;    
}

.flight-filter-wrapper {
    display: flex;
    gap: 20px;
}

.flight-filter-options {
    flex-basis: 30%;
    max-width: 30%;
}

.flight-filter-options ul {
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;    
}

.flight-filter-options ul li {    
    border-radius: 6px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #FFF;
    gap: 20px;
    display: flex;
    padding: 8px;
    cursor: pointer;
}

.flight-filter-options ul li.active {
    background: #6707fd;
    pointer-events: none;
}

.flight-filter-details {
    background: hsla(0,0%,100%,.04);
    border-radius: 8px;
    padding: 12px;
    flex: 1;
    height: 205px;
    overflow-y: auto;    
}

.flight-check {
    margin: 0;
    list-style: none;
}

.flight-check input[type="checkbox"],
.flight-radio input[type="radio"] {
    appearance: none;
    background-color: transparent;
    margin: 0;
    font: inherit;
    color: #8F939C;
    width: 18px;
    height: 18px;
    border: 2px solid #8F939C;
    border-radius: 4px;
    transform: translateY(-0.075em);
    display: inline-flex;
    place-content: center;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin-right: 10px;
}

.flight-radio input[type="radio"] {
    border-radius: 50%;
}

.flight-check input[type="checkbox"]::before,
.flight-radio input[type="radio"]::before {
    content: ' ';
    width: 0.65em;
    height: 0.65em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #FFF;
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.flight-check input[type="checkbox"]:checked,
.flight-radio input[type="radio"]:checked {
    background: #6707FD;
    border-color: #6707FD;
}

.flight-check input[type="checkbox"]:checked::before,
.flight-radio input[type="radio"]:checked::before {
    transform: scale(1);
}

.flight-filter-selected {
    display: none;
}

.flight-filter-selected.active {
    display: block;
}

.flight-radio-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.rad-departure {
    margin: 0 5px 0 0;
}

.flight-filter-btns {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    justify-content: flex-end;
}

.btn-flight {
    padding: 8px 16px;
    background: hsla(0,0%,100%,.08);
    border-radius: 35px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: hsla(0,0%,100%,.8);
}

.btn-flight.save {
    background: #6707fd;
}

.btn-flight:hover, .btn-flight:focus {
    color: hsla(0,0%,100%,.8);
}

/*TEMP*/
/*.flight-search-results {
    display:block;
}
.flight-search-initial{display:none;}*/
.gdlr-logo-inner a {
    display: flex;
    gap: 20px;
    align-items: center;
}

.header-sep {
    position: relative;
    min-width: 1px;
    height: 41px;
    background: #676767;
    display: flex;
    left: 3px;
}

.youtube-container {
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 6.6;
    pointer-events: none;
    border-radius: 24px;
    position: relative;
    margin-bottom: 6px;
}

#banner-player {
    box-sizing: border-box;
    height: 56.25vw;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    width: 177.77777778vh;
}

.multi-number-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.multi-nights-options {
    display: inline-flex;
    justify-content: center;
    background: #23262f;
    border-radius: 40px;
}

.multi-week-options {
    display: inline-flex;
    justify-content: center;
    background: #23262f;
    border-radius: 40px;
}

.multi-week-options .multi-nights-select.active-night,
.multi-week-select.active-week {
    background: #4FF6B1;
    color: #000;
    pointer-events: none;    
}

.multi-nights-select,
.multi-week-select {
    border-radius: 40px;
    padding: 8px 24px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    margin: 0;
    display: none;
}

.multi-nights-select.active,
.multi-week-select.active {
    display: flex;
}

.multi-nights-select.active-night {
    background: #6707FD;
    color: #FFF;
    pointer-events: none;    
}

.package-hide {
    display: none;
}

.crewfare-footer-wrap img {
    max-width: 200px;
}

.cf-ticket:before {
    content: ' ';
    position: relative;
    background: url(../images/icon-airplane.svg);
    background-position: center;
    width: 18px;
    height: 16px;
    display: inline-flex;
    top: 2px;    
}

.payment-invited .policy-wrap {
    margin-top: 0;
    margin-bottom: 30px;        
}

.payment-invited .policy-holder {
    margin-top: 0;
}

.policy-popup-container {
    max-height: 650px;
    overflow-y: scroll;
}

.policy-user-details {
    max-width: 100%;
    margin: 0 auto;
    margin-right: 20px;
}

.policy-part {
    display: flex;
    flex-direction: column;    
}

input.policy-input {
    background: #313440;
    border-radius: 8px;
    padding: 8px 12px;
    border: solid 2px #313440;
    color: #FFF;
    font-size: 14px;    
}

.policy-part label {
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;    
}

.participant-disclaimer {
    margin-top: 20px;
    font-size: 13px;
    line-height: 21px;    
}

.policy-section h4 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    margin-top: 40px;
}

.policy-container {
    max-height: 250px;
    overflow-y: auto;
    border: solid 2px #313440;
    padding: 20px;
    border-radius: 12px 12px 0 0;
    font-size: 14px;
    line-height: 22px;
    margin-right: 20px;
    word-wrap: break-word;
}

.policy-container a {
    color: #4FF6B1;
}

.policy-container::-webkit-scrollbar,
.policy-popup-container::-webkit-scrollbar {
    width: 6px;
}

.policy-container::-webkit-scrollbar-track,
.policy-popup-container::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
}

.policy-container::-webkit-scrollbar-thumb,
.policy-popup-container::-webkit-scrollbar-thumb {
    background-color: #4ff6b1;
    outline: 1px solid #4ff6b1;
    border-radius: 12px;
}

.policy-popup-container::-webkit-scrollbar-thumb {
    background-color: #6707FD;
    outline: 1px solid #6707FD;
}

.mt40 {
    margin-top: 40px;
}

ol.k {list-style-type: lower-alpha;}
ol.q {list-style-type: upper-roman;}

.policy-acceptance-part {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px;
    background: #313440;
    border-radius: 0 0 12px 12px;
    margin-right: 20px;
    pointer-events: none;
    opacity: 0.3;    
}

.policy-acceptance-part label {
    font-size: 14px;
    font-weight: 600;
}

.policy-acceptance-part.read {
    opacity: 1;
    pointer-events: all;
}

#confirm-popup-policy {
    background: #4FF6B1;
    border: solid 2px #4FF6B1;
    border-radius: 50px;
    padding: 9px 20px;
    color: #000;
    display: inline-flex;
    font-weight: 700;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 0;
    cursor: pointer;
    transition: color 300ms, background-color 300ms, opacity 300ms;
    -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
    -o-transition: color 300ms, background-color 300ms, opacity 300ms;
    -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
    opacity: 0.3;
    pointer-events: none;
}

#confirm-popup-policy:hover,
#confirm-popup-policy:focus {
    color: #FFF;
    background: transparent;
}

#confirm-popup-policy.confirmed {
    opacity: 1;
    pointer-events: all;
}

.policy-activated .policy-wrap {
    display: none;
}

.mr-change-guest-invite-container{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    gap: 20px;
}

.guest-invite-sep {
    margin: 20px auto 8px auto;
    display: flex;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
}

.crew-manage-lost {
    font-size: 14px;
    color: #4FF6B1;
    display: block;
    margin-bottom: 20px;
    cursor: pointer;
}

.crew-manage-lost:hover,
.crew-manage-lost:focus {
    color: #FFF;
}

@media all and (min-width: 960px) {

    #gdlr-hotel-availability.sticky {
        position: fixed;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        top: 0;
        left: 0;
        width: 100%;
        padding: 20px;
        background: rgba(0, 0, 0, 0.5);
        box-shadow: 0px 40px 64px -32px rgba(15, 15, 15, 0.1);
        backdrop-filter: blur(16px);
        z-index: 999999999;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .hotel-avalibity-container #gdlr-hotel-availability.sticky .avalibity-sub-container {
        float: left;
        width: auto;
        padding: 0;
        border: none;
        margin: 0;
    }

    .hotel-avalibity-container #gdlr-hotel-availability.sticky .avalibity-search-container {
        float: left;
        width: auto;
        margin: 0;  
        top: 0; 
    }

    #gdlr-hotel-availability.sticky .reservation-dates-title,
    #gdlr-hotel-availability.sticky .reservation-field-rooms .reservation-room-title-wrapper {
        display: none;
    }

    .hotel-avalibity-container #gdlr-hotel-availability.sticky .avalibity-search-container .avalibility-search-button {
        display: flex;
        align-items: center;
        justify-content: center;    
        margin: 0;
        font-size: 0;
        width: 80px;
        height: 80px;
        border-radius: 12px;    
        transition: none;
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
    }

    .hotel-avalibity-container #gdlr-hotel-availability.sticky .avalibity-search-container .avalibility-search-button i {
        font-size: 18px;
    }

}

.header-partner-logo {
    max-height: 50px;
}

#payment-currency-popup,
#generic-popup {
    max-width: 700px;
}

.txt-popup-notification,
.txt-generic-notification {
    text-align: center;
    margin-top: 30px;    
}

.btn-currency-popup,
.btn-generic-popup {
    width: auto;
    display: inline-flex;
    margin-top: 20px;
    background: #6707FD;
    border-color: #6707FD;
    color: #FFF;
    height: auto;
    min-width: 60px;
    max-width: 100px;
    text-align: center;
    margin: 30px auto 0 auto;
    display: block;        
}

#split-booking-popup {
    width: calc(100% - 200px);
}

#split-booking-popup p {
    text-align: center;
}

.txt-header-popup {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    max-width: 500px;
    margin: 0 auto 10px auto;
}

.header-form-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header-popup-modal .btn-purple {
    width: auto;
    padding: 0 30px;
    margin: 30px auto 16px auto;
    display: inline-flex;
}

.header-popup-modal .btn-purple:hover,
.header-popup-modal .btn-purple:focus {
    background: transparent;
}

.header-popup-modal .btn-cancel {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    margin: 0;
}

.header-form-wrapper {
    display: flex;
    flex-direction: row;
    max-width: 600px;
    margin: 0 auto;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.header-input-wrap {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
}

.header-input-wrap textarea {
    background: #313440;
    border-radius: 8px;
    padding: 8px 12px;
    border: solid 2px #313440;
    color: #FFF;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.header-popup-modal {
    margin: 30px 0;
}

.header-form {
    width: 100%;
}

.policy-note {
    background: #6707FD;
    padding: 10px 20px;
    width: calc(100% - 60px);
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 22px;
    border-radius: 12px;
    display: none;
}

#video-showcase {
    padding: 30px 0;
    background-image: linear-gradient(to right, #777E90 6px, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 16px 1px;
    background-repeat: repeat-x;
}

#video-showcase .owl-carousel .owl-stage {
    margin: 0 auto;  
}

.video-showcase-single {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;    
}

.vid-show-wrap {
    position: relative;
    cursor: pointer;    
    display: inline-block;
    width: 100%;
    height: 75%;
    border-radius: 24px;
    overflow: hidden;
}
.vid-show-wrap img {
    display: inline-block;
    width: 100%;
    height: 75%;
    margin: -10% 0;
    object-fit: cover;
}

.youtube-play {
    background: url(../images/icon-play.svg);
    width: 50px;
    height: 50px;
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;    
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;    
}

.home-youtube-popup {
    display: none;
}

.video-showcase-single iframe {
    aspect-ratio: 16/9;
    height: 100%;
}

.home .popup_wrapper, .home .popup_background {
    z-index: 9999999999 !important;    
}

#video-showcase.video-with-packages {
    margin-bottom: 50px;
}

#video-top-border {
    padding: 0;
    background-image: linear-gradient(to right, #777E90 6px, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-size: 16px 1px;
    background-repeat: repeat-x;
    height: 1px;
  
}

/* Weglot custom styles */
#language-switcher {
    float: right;
    position: relative;
    top: -4px;
    cursor: pointer;
    margin-left: 20px;
    height: 34px;
}
aside.country-selector.weglot_switcher.default.wg-drop a img.wg-flag {
    position: relative;
    top: -2px;
}
@media all and (max-width: 959px) {
    .wg-drop.country-selector .wgcurrent a {
        padding-right: 26px;
    }   
    #language-switcher {
        margin-top: 22px;
    }
}
@media all and (max-width: 767px) {
    #language-switcher {
        margin-top: 30px;
        margin-right: 50px;
    }
}
@media all and (max-width: 450px) {
    #language-switcher aside.country-selector.weglot_switcher.default.wg-drop .wgcurrent a {
        padding-right: 0;
    }
    #language-switcher .wg-drop.country-selector.closed .wgcurrent:after {
        content: none !important;
    }
}
#language-switcher ul {
    border-radius: 20px;
    max-height: 250px;
    margin-top: 7px;
    background: #222223;
    border-color: #222223; 
    right: -2px;   
}
#language-switcher .country-selector {
    position: relative;
    right: unset;
    bottom: unset;
    border: 2px solid rgb(73, 227, 164);
    height: 34px;
}
#language-switcher .wg-drop.country-selector.closed {
    border-color: transparent;
}
#language-switcher .wg-drop.country-selector {
    background-color: #262628;
}

#language-switcher .wg-drop.country-selector .wgcurrent a {
    font-size: 0;
    height: 34px;
}

#language-switcher .wg-drop.country-selector .wgcurrent:after {
    background-color: rgb(73, 227, 164);
    mask-image: url(../images/arrow-right-white.svg);
    mask-repeat: no-repeat;
    -webkit-mask-image: url(../images/arrow-right-white.svg);
    -webkit-mask-repeat: no-repeat;
    background-image: unset;
    transform: rotate(-90deg);
    top: -7px;
    right: -5px;
    transition: none;
}
#language-switcher:hover .wg-drop.country-selector .wgcurrent:after {
    background-color: rgb(73, 227, 164);
}
#language-switcher .wg-drop.country-selector.closed .wgcurrent:after {
    transform: rotate(90deg);
    top: 2px;
    right: 25px;
    background-color: #FFF;
}

#language-switcher .wg-drop.country-selector a {
    color: #FFF;
}

#language-switcher ul .wg-flags {
    display: none;
}

.custom-footer {
    display: flex;
    gap: 50px;
    flex: 1;
    justify-content: space-between;
}

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

.custom-footer .footer-link {
    margin-bottom: 10px;
}

.custom-footer #site-status {
    margin: 0;
}

#language-switcher ul #wg-en.wg-flags {
    display: block;
}

html[lang="es"] span.tab-type {
    text-transform: lowercase;
}

span.tab-type {
    text-transform: capitalize;
}

.gdlr-booking-content,
.gdlr-medium-room .gdlr-room-content-wrapper {
    overflow: initial;
}

.gdlr-ux.gdlr-medium-room-ux {
    display: flex;
}

#add-extra-carousel .gdlr-ux.gdlr-medium-room-ux {
    flex-direction: column;
}

.gallery-video-single img {
    height: 18rem;
    margin: -18% 0;
}

.popup-shortcode {
    padding: 1px 10px;
    background: #6707FD;
    border: solid 2px #6707FD;
    border-radius: 4px;
    font-weight: 700;
    font-size: 13px;
    color: #FFF;
    text-transform: uppercase;
    display: inline-flex;
    margin-bottom: 0;
    align-items: center;
    cursor: pointer;
    transition: color 300ms, background-color 300ms, opacity 300ms;
    -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
    -o-transition: color 300ms, background-color 300ms, opacity 300ms;
    -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;    
}

.popup-shortcode:hover, .popup-shortcode:focus {
    background: transparent;
}

.popup-sc-wrapper {
    overflow: auto;
    height: 75vh;
}

.popup-sc-img {
    max-width: 800px;
    display: block;
    margin: 20px auto;
    width: 100%;
    height: auto;    
}

.popup-sc-desc {
    margin: 20px auto;
    display: block;
    text-align: center;
}

.popup-sc-dialog {
    width: 950px;
    max-width: calc(100vw - 200px);
}

p.extra-more {
    color: #4FF6B1;
    margin: -15px 0 10px 0;
    font-size: 12px;
    cursor: pointer;
    display: none;
}

.clear.mb {
    margin-bottom: 16px;
}

.gdlr-room-excerpt:before {
    content: ' ';
    clear: both;
    display: table;
}

.gdlr-medium-room .gdlr-room-excerpt {
    position: relative;
    font-size: 14px;
    line-height: 22px;
}

.gdlr-medium-room .gdlr-room-excerpt:before {
    content: ' ';
    border: 1px solid #777E90;
    width: 55px;
    position: relative;
    margin: 15px 0;
}

.room-det-header {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

body.hotelmaster-button-v4-style .gdlr-medium-room .gdlr-button {
    margin-top: 25px;
}

#add-extra-popup .passport-add-extra {
    padding: 0;
    border: none;
}

.big-slider .owl-item {
    width: 100%;
}
.extra-buy-wrapper {
    display: flex;
    gap: 20px;
}

.extra-bin-wrapper {
    display: flex;
    align-items: flex-end;
}

.nice-select.extras-addon-select {
    height: 40px;
    line-height: 40px;
}

.btn-clear-extra {
    width: 40px;
    height: 40px;
    background-color: #1d1d1f;
    background-image: url(../images/icon-remove-extra.svg);
    border-radius: 10px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.date-selection.date-input-seperator {
    color: #4FF6B1;
}

.daterangepicker .calendar-table td {
    padding: 5px;
    border: 0 !important;
}

.daterangepicker td.weekend.available:not(.start-date):not(.end-date) {
    color: #000 !important;
}

.signature-wrapper {
    position: relative;
    margin: 20px 0;
}

.signature-wrapper canvas.pad {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 30px;
    padding: 10px;
    background-image: linear-gradient(to right, #777E90 6px, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-position: 0 calc(100% - 10px);
    background-size: 16px 3px;
    background-repeat: repeat-x;
    background-color: #313440;
    border-radius: 12px;
}

.sig-options {
    display: flex;
    gap: 20px;
    margin: 20px 0;
}

.sig-options .btn-standard {
    margin: 0;
    transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -webkit-transition: all 300ms;
}

.sig-options .btn-standard.clearButton {
    background: transparent;
    color: #FFF;
}

.sig-options .btn-standard.saveButton {
    background: #6707FD;
    color: #FFF;
    border-color: #6707FD;
}

.sig-options .btn-standard.clearButton:hover,
.sig-options .btn-standard.clearButton:focus {
    background: #4FF6B1;
    color: #000;
}

.sig-options .btn-standard.saveButton:hover,
.sig-options .btn-standard.saveButton:focus,
.option-holder input[type="radio"] {
    display: inline-flex;
    align-items: center;
    margin: 5px 5px 5px 0;
    min-width: 20px;
    background: transparent;
    border-radius: 50%;
}

.option-holder input[type="checkbox"] {
    display: inline-flex;
    align-items: center;
    margin: 5px 5px 5px 0;
    min-width: 20px;
    background: transparent;
}

.header-input-wrap ul.list {
    width: 100%;
    margin: 0;
}

.header-input-wrap ul.list li {
    padding-left: 18px;
    padding-right: 30px;
}

.header-input-wrap ul.list li:hover {
    background: rgba(0,0,0,0.2);
}

.header-form-wrapper .nice-select .list li:first-child {
    display: none;
}

.grid-view-container {
    display: flex;
}

@media all and (min-width: 960px) {
    .grid-view-container .products-grid .hotel-col .main-hotel-img {
        height: 300px;
        width: 100%;
        object-fit: cover;
    }
}

.video-list-img {
    width: 100%;
}

.single-hotel-page.room-page-template #cta-reservation-info {
    display: none;
}

.single-hotel-page.room-page-template .room-mobile-cta {
    flex: 1;
}

.gdlr-page-extras .room-popup-wrapper .popup-col .popup-rooms .rooms-addnew,
.gdlr-page-extras .room-col.room-edit {
    pointer-events: none;
}

#billing-coupon-wrapper {
    position: relative;
    background: #23262F;
    padding: 30px;
    border-radius: 20px;    
}

#billing-coupon-wrapper .coupon-title {
    margin: 0;
    cursor: pointer;
    font-weight: 600;
}

#billing-coupon-wrapper .coupon-title span {
    font-weight: 400;
    color: #4FF6B1;
    margin-right: 6px;
}

.billing-enter-coupon {
    font-size: 14px;
    line-height: 22px;
    margin: 20px 0 0 0;
    display: none;
}

#submit-coupon {
    width: auto;
    padding: 0 20px;
    transition: color 300ms, background-color 300ms, opacity 300ms;
    -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
    -o-transition: color 300ms, background-color 300ms, opacity 300ms;
    -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;    
}

#crewfare-coupon {
    background-color: #313440;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    border: none;
    color: #FFF;
    min-width: 200px;
}
#remove-coupon {
    color: red;
    font-size: 12px;
    cursor: pointer;
}
.billing-coupon-details {
    display: flex;
    gap: 20px;
}

#submit-coupon:hover,
#submit-coupon:focus {
    background: transparent;
}

.crew-wrapper .gdlr-medium-room .gdlr-room-thumbnail {
    min-width: auto;
}

.coupon-response {
    margin-top: 10px;
    margin-bottom: 0; 
    display: none;
}

.coupon-response.success {
    color: #4FF6B1;   
}
.coupon-response.error {
    color: #EE0F0F;
}
.datepicker__month-button--prev:after, .datepicker__month-button--next:after {
    background-image: url(../images/arrow-left-white.svg);
    width: 7px;
    height: 11px;
    background-size: 7px 11px;      
}

.datepicker__month-button--next:after {
    transform: rotate(180deg);
}

.ca-reservation-dates div#datepicker-passport-checkin-edit-resv {
    margin-top: 170px !important;
}

.datepicker.datepicker--topbar-bottom {
    font-family: 'Poppins', sans-serif;
    border-radius: 12px;
    margin-top: 95px;
    width: 666px;
    background: #141416;    
    overflow: initial;
    height: auto !important;
}

body.home #datepicker-passport-checkin {
    margin-top: 130px;
}

.datepicker.datepicker--topbar-bottom th.datepicker__month-name {
    vertical-align: middle;
    padding: 0;
    font-weight: 600;
    text-transform: initial;
    padding: 0; 
    color: #FFF;    
}

.datepicker.datepicker--topbar-bottom .datepicker__month-caption {
    border: none;
}

.datepicker.datepicker--topbar-bottom table tr th {
    background: transparent;
    color: #000;
}

.datepicker.datepicker--topbar-bottom th.datepicker__week-name {
    font-size: 13px;
    font-weight: 500;
    color: #727273;
}

.datepicker.datepicker--topbar-bottom .datepicker__month-day {
    position: relative;
    padding: 14px 12px;
    font-size: 14px;
    font-weight: 500;
    border: none;
    overflow: hidden;
    color: #4c4c4e;
}

.datepicker--topbar-bottom .datepicker__topbar {
    margin-top: 0;
    padding-top: 25px;
    padding-bottom: 4px;
    border: none;
}

.datepicker.datepicker--topbar-bottom .datepicker__month-caption th {
    padding: 0;
}

td.datepicker__month-day.datepicker__month-day--visibleMonth.datepicker__month-day--valid.datepicker__month-day--selected {
    color: #000;
}

.datepicker.datepicker--topbar-bottom .datepicker__month-day--selected {
    background-color: #272729;
    color: #FFF;
}

.datepicker.datepicker--topbar-bottom .datepicker__month-day--first-day-selected,
.datepicker.datepicker--topbar-bottom .datepicker__month-day--last-day-selected {
    background-color: #4FF6B1;  
    color: #141416 !important;  
}

.datepicker.datepicker--topbar-bottom .datepicker__month-day--first-day-selected {
    border-radius: 12px 0 0 12px;
}

.datepicker__month-day--last-day-selected {
    border-radius: 0 12px 12px 0;
}

.datepicker__close-button, .datepicker__clear-button, .datepicker__submit-button,
#mobile-checkin-submit {
    background-color: #6707FD;
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    padding: 10px 20px;
    border: solid 2px #6707FD;
}

#mobile-checkin-submit {
    float: none;
    height: auto;
    margin: 20px 0 20px auto;
    padding: 12px 20px;
}

#mobile-checkin-submit:focus,
#mobile-checkin-submit:hover {
    background: transparent;
    color: #FFF;
}

.signature-wrapper .instructions p, .signature-wrapper .description p {
    font-size: 14px;
    line-height: 22px;
}

div#signature-pad * {
    position: relative;
    box-sizing: border-box;
}

.datepicker__close-button:hover, .datepicker__clear-button:hover, .datepicker__submit-button:hover {
    background: transparent;
    color: #FFF;
}

.datepicker__tooltip {
  background-color: #4FF6B1;
  color: #000;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
}

.datepicker__tooltip:after {
  border-top: 4px solid #4FF6B1;
}

.datepicker__months {
    background: #141416;
    border-radius: 12px;
    padding: 0;
}

.datepicker__month-day--today {
    background-color: #191919;
    color: #9f9f9f !important;
}

/*
.passport-event-date {
    content: ' ';
    position: absolute;
    top: 11px;
    left: -9px;
    width: 9px;
    height: 9px;
    display: flex;
    z-index: 9;
    background-color: #6707FD;
    padding: 7px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    border: 2px solid #141416;
    align-items: center;
    justify-content: center;
}

.passport-event-date:before {
    content: ' ';
    background-image: url(../images/event-date-active-icon.svg);
    background-size: 9px;
    filter: invert(1);
    display: block;
    width: 9px;
    height: 9px;
    background-position: center;
    position: absolute;
}

.passport-event-date.last {
    right: -9px;
    left: initial;
}
*/

.passport-event-date:before {
    content: ' ';    
    position: absolute;
    top: 1px;
    right: 1px;    
    background-image: url(../images/event-date-active-icon-white.svg);
    background-size: 9px;
    width: 9px;
    height: 9px;
    display: block;
    z-index: 9;
}

.passport-event-date:after {
    content: ' ';
    width: 40px;
    height: 15px;
    display: block;
    position: absolute;
    right: -16px;
    top: -2px;
    transform: rotate(45deg);
    background: #6707FD;    
}

.datepicker__month-day--selected {
    border: none;
}

strong.datepicker__info-text.datepicker__info-text--start-day, span.datepicker__info-text.datepicker__info--separator, strong.datepicker__info-text.datepicker__info-text--end-day {
    display: none;
}

span.datepicker__info.datepicker__info--selected-label {
    color: #FFF;
    font-weight: 600;
}

.datepicker__info-text--selected-days span {
    color: #FFF;
}

.datepicker__month-day--invalid {
    color: rgb(224, 224, 224);
}

.datepicker__close-button:disabled, .datepicker__close-button[disabled], .datepicker__clear-button:disabled, .datepicker__clear-button[disabled], .datepicker__submit-button:disabled, .datepicker__submit-button[disabled] {
    border-color: #c8c9d0;    
}

.datepicker__months:before {
    content: none;
}

td.datepicker__month-day.datepicker__month-day--visibleMonth.datepicker__month-day--valid {
    color: #FFF !important;
}

.datepicker__month-day--hovering {
    background-color: #272729;
}

.datepicker__month-button {
    padding: 10px;
}

.datepicker__info.datepicker__info--selected {
    display: none;
}

.passport-event-desc {
    display: inline-flex;
    padding: 8px 12px;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.passport-event-desc p:before {
    content: ' ';
    width: 23px;
    height: 23px;
    left: 4px;
    background: #6707FD;
    display: block;
    border-radius: 50%;
    position: absolute;
    background-image: url(../images/event-date-active-icon-white.svg);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center;
}

.passport-event-desc p {
    margin: 0;
    color: #d4d4d4;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-left: 30px;
}

.passport-event-desc p span {
    color: #4FF6B1;
}

.datepicker.datepicker--topbar-bottom td.datepicker__month-day.datepicker__month-day--visibleMonth.datepicker__month-day--valid.datepicker__month-day--first-day-selected {
    color: #141416 !important;
}

.datepicker.datepicker--topbar-bottom td.datepicker__month-day.datepicker__month-day--visibleMonth.datepicker__month-day--valid.datepicker__month-day--last-day-selected {
    color: #141416 !important;
}

.datepicker__info--error {
    margin-bottom: 20px;
}

.datepicker__info.datepicker__info--feedback.datepicker__info--help {
    margin-bottom: 20px;
    color: #FFF;
}

.flight-search-initial.flights-show {
    display: none;
}

.flight-search-results.flights-show {
    display: block;
}


.additional-extras-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;    
}

.additional-extras-wrapper .extras-container {
    flex: 1 0 calc(33% - 20px);;
    max-width: calc(33% - 20px);
    flex-direction: column;
}

.additional-extras-wrapper .extras-thumb {
    float: none;
    margin-right: 0;
    max-width: 100%;
    height: 200px;
    border-radius: 24px 24px 0px 0px;
}

.additional-extras-wrapper .extras-thumb img {
    border-radius: 24px 24px 0px 0px;
    max-width: 100%;
    height: 200px;
    object-fit: cover;    
}

.additional-extras-wrapper .extra-addon-container {
    width: auto;
    padding: 20px;
    background: #23262f;    
    border-radius: 0 0 24px 24px;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;    
}

.additional-extras-wrapper .extra-add-header {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
    justify-content: flex-start;    
}

.additional-extras-wrapper .extra-addon-container.extra-price .extra-addon-title {
    margin: 0;
    height: auto;
}

.additional-extras-wrapper .extra-add-on-price p {
    margin-top: 10px;
    margin-bottom: 0;
}

.additional-extras-wrapper .btn-add-extra {
    width: -webkit-fill-available;
    justify-content: center;
    margin: 0;    
    cursor: pointer;
}

.additional-extras-wrapper .extra-addon-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 22px;
    height: 66px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    margin: 20px 0;  
}

.extras-popup {
    max-width: 850px;  
}

.extras-popup-wrap {
    max-height: calc(100vh - 300px);
    padding-right: 30px;
}

.extras-popup .extras-thumb {
    float: none;
    min-width: 350px;
}

.extras-popup .extras-thumb img {
    max-width: 350px;
    max-height: 350px;
    border-radius: 24px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.extras-popup .btn-add-extra {
    background: #6707FD;
    border-color: #6707FD;
    color: #FFF;
    cursor: pointer;
}

.extras-popup .btn-add-extra:hover,
.extras-popup .btn-add-extra:focus {
    background: transparent;
}

.extras-popup .extra-add-header {
    flex-direction: column;
    gap: 0;    
    align-items: flex-start;
}

.extras-popup .extra-addon-title {
    float: none;
    margin: 0;
}

.extras-popup .extra-quantity-title {
    margin-bottom: 10px;
}

.extras-popup .extras-popup-close {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    cursor: pointer;
}

.btn-add-extra span {
    font-weight: 700;
}

.btn-add-extra span.count {
    font-weight: 400;
    margin-left: 5px;
}

.extras-popup .extra-add-on-price {
    margin-top: 20px;
}

.d-none {
    display: none;
}

#add-room-carousel .gdlr-ux.gdlr-medium-room-ux {
    flex-direction: column;
}

#add-room-carousel .gdlr-medium-room .gdlr-room-thumbnail img,
#add-extra-carousel .gdlr-medium-room .gdlr-room-thumbnail img {
    max-height: 200px;
    object-fit: cover;
    object-position: center;
}

.pay-for-wrap .crew-room-display .gdlr-medium-room .gdlr-room-thumbnail {
    min-width: initial;
}

.mb-30 {
    margin-bottom: 30px;
}

.extra-qty-container {
    margin-top: 15px;
}

aside.country-selector.weglot_switcher.default.wg-drop a img.wg-flag {
    position: relative;
    top: -2px;
}

.cf-confirm-package {
    width: 96px !important;
    padding-left: 9px;
}

.cf-confirm-stay {
    height: 22px !important;
    padding-left: 9px;
}
.extras-popup-wrap .extra-addon-desc {
    height: auto;
    max-height: 172px;
    margin-bottom: 10px;  
    overflow-y: auto;
    padding-right: 10px;  
}

.extras-popup-wrap .extra-addon-desc::-webkit-scrollbar {
    width: 6px;
}

.extras-popup-wrap .extra-addon-desc::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
}

.extras-popup-wrap .extra-addon-desc::-webkit-scrollbar-thumb {
    background-color: #4ff6b1;
    outline: 1px solid #4ff6b1;
    border-radius: 12px;
}

.extras-popup-wrap .reset-qty {
    font-size: 0;
    float: right;
    min-width: 42px;
    width: 42px;
    height: 42px;
    background: url(../images/icon-bin.svg) 0% 0% / 14px;
    cursor: pointer;
    display: none;
    background-color: #141416;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
}

.quantity-form {
    display: flex;
    gap: 15px;
    align-items: center;
}

.main-footer-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.btn-extra-upgrade {
    margin-top: 10px !important;
    font-size: 12px;
    padding: 3px 35px;
}

.billing-details-wrap .card-js .expiry-wrapper .expiry,
.billing-details-wrap .card-js input.card-number,
.billing-details-wrap .card-js .cvc-wrapper .cvc,
.billing-details-wrap .card-js input.cvc {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    height: auto;   
}

.billing-left.billing-card-number {
    width: calc(100% - 250px);
}

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

.no-incr input[type=number] {
  -moz-appearance: textfield;
}

#single-extra-container {
    display: flex;
    background-color: #23262f;
    padding: 30px;
    float: none;
    margin-right: 0;
    max-width: 100%;
    border-radius: 24px;
}
#single-extra-container .extras-thumb {
    height: 100%;
    max-width: 600px;
}

#single-extra-container .extras-thumb img {
    max-width: 600px;
}

.dedicated-extras-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.dedicated-extras-wrapper .extra-addon-desc {
    min-height: 70px;
}

.dedicated-extras-wrapper #single-extra-container {
    width: 100%;
}

.extra-included {
    display: flex !important;
    grid-template-columns: 70px max-content;
    grid-template-rows: 30px;
}

span.inc-extra-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 57px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;    
}

span.inc-extra-text p {
    color: #E6E8EC;
    font-size: 12px;
    line-height: 19px;
    font-weight: 400;
    margin: 0;
    text-align: left;
    height: auto;
}

.extra-included .extra-addon-container {
    grid-column-start: 2;
    grid-row: 1;
}

.extra-included .btn-extra {
    grid-row-start: 2;
    grid-column: 2;
    max-width: 30%;
    margin: 0;
    display: flex;
    justify-content: center;
}

.extras-thumb {
    grid-row-start: 1;
    grid-row-end: 3;
}

@media only screen and (max-width: 600px) {
    .extra-included .btn-extra {
        grid-row-start: 3;
        grid-column-start: 1;
        grid-column-end: none;
        max-width: 100%;
    }

    .dedicated-extras-wrapper .extras-thumb  img {
        width: 100%;
        max-width: auto;
    }

    .extras-thumb {
        margin-right: 0;
    }

    #single-extra-container {
        padding: 0;
    }

    .extra-addon-container {
        padding: 20px;
        box-sizing: border-box;
    }

    .btn-add-extra {
        margin-top: auto !important;
    }
}

.dedicated-extras-wrapper .extras-thumb  {
    max-width: 320px;
    overflow:visible;
}

.dedicated-extras-wrapper .extras-thumb  img {
    width: 320px;
    height: 180px;
    object-fit: cover;
}

#confirm-popup {
    width: 30%;
    text-align: center !important;
    padding: 45px 0;
}

.modal-popup h3 {
    font-size: 19px;
    font-weight: 600;
}

#confirm-popup .btn-extra {
    margin-top: 15px;
}

.osano-cm-button {
    background-color: #6707FD;
    border: none;
}

.osano-cm-widget { display: none; }
.osano-cm-dialog { display: none; }

.single-room-guest {
    width: auto;
    padding: 12px 20px;
    max-width: 342px;
    text-transform: uppercase;
    cursor: pointer;
    opacity: 0.4;
}

.proceed-to-payment-bar .single-room-guest {
    background: #FFF;
    color: #9755FF;
    padding: 14px 30px;
    height: auto;
}

.single-room-guest.active {
    opacity: 1;
}

.map-view-container .mapboxgl-popup-content {
    background: none;
    padding: 0;
    box-shadow: none;
}

.map-view-container .mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    border-bottom-color: #23262F;
}

.map-view-container .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-top-color: #23262F;
}

.map-view-container .mapboxgl-popup-close-button {
    display: none;
}