.search-section-block.marina-detail-search-bar .search-section {
    margin: 0 auto;
}

.filter-search-box button {
    height: 100%;
}

.slider-wrapper {
    position: relative;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #D9DADC;
}

.slider-wrapper .swiper {
    width: 100%;
    height: 100%;
    visibility: hidden;
    /* Initially hide the slider */
}

.marina-detail-slider.swiper-initialized {
    visibility: visible;
    /* Show after initialization */
}

.marina-detail-slider {
    width: 100%;
    /* Adjust as necessary */
    height: 400px;
    /* Set a fixed height to prevent size issues */
    overflow: hidden;
    /* Hide overflow during loading */
}

.slider-wrapper .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    overflow: hidden;
    min-height: 173px
}

.slider-wrapper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    aspect-ratio: 3/2;
}

.lightbox-overlay .index-counter {
    display: none !important;
}

.slider-wrapper .swiper-button-next:after {
    background: url('./../images/select_down_arrow.svg') no-repeat;
    transform: rotate(270deg);
}

.slider-wrapper .swiper-button-prev:after {
    background: url('./../images/select_down_arrow.svg') no-repeat;
    transform: rotate(90deg);
}

.slider-wrapper .swiper-button-next::after,
.slider-wrapper .swiper-button-prev:after {
    width: 14px;
    height: 14px;
    background-position: center right;
    background-size: contain;
    font-size: 0;
    display: block;
}

.slider-wrapper .swiper-button-next,
.slider-wrapper .swiper-button-prev {
    height: 42px;
    width: 42px;
    background: #fff;
    border-radius: 10px;
}

.marina-detail-slider .swiper-button-next {
    right: -16px;
    left: auto;
}


.slider-wrapper .swiper-button-prev {
    left: -16px;
    right: auto;
}


.slider-wrapper .swiper-slide .cwa-lightbox-image {
    width: 100%;
}

.lightbox-gallery-box {
    position: relative;
    width: 100%;
}

.more_btn {
    position: absolute;
    right: 61px;
    bottom: 20px;
    z-index: 9;
}

.show_btn {
    color: #626F70;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.08em;
    font-weight: 700;
    text-transform: uppercase;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.lightbox-overlay .prev {
    background: url('./../images/select_down_arrow.svg') no-repeat !important;
    transform: rotate(90deg) !important;
    left: 0px;
    left: 1% !important;

}

.lightbox-overlay .next {
    background: url('./../images/select_down_arrow.svg') no-repeat;
    transform: rotate(270deg);
    right: 0;
    right: 1% !important;
}

.lightbox-overlay .next,
.lightbox-overlay .prev {
    font-size: 0 !important;
    cursor: pointer;
    position: absolute;
    top: 50%;
    padding: 0 !important;
    margin-top: -50px;
    z-index: 102;
    color: transparent;
    font-weight: bold;
    font-size: 0 !important;
    transition: all 0.6s ease 0s;
    user-select: none;
    border-radius: 10px !important;
    height: 42px !important;
    width: 42px !important;
    background-color: #fff !important;
    background-position: center !important;
}

.lightbox-content>img {
    width: 850px;
    object-fit: cover;
    background-color: transparent !important;
}

.detail_amenities_list.amenities_list_more {
    display: none;
    /* Hidden state for slideUp */
}

.Profile_details:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.head h1 {
    margin-bottom: 12px;
}

.head .aqua-bg-label {
    margin-bottom: 12px;
    display: inline-block;
}

.head_list {
    margin-bottom: 12px;
}

.description-text p {
    display: none;
    /* Initially hide all <p> tags */
}

.description-text p:not(.hidden) {
    display: block;
    /* Show only non-hidden <p> tags */
}

.Profile_details {
    margin: 30px 0 0;
    padding: 0 0 30px;
    border-bottom: 1px solid #D9DADC;
}

.amenities_list li {
    position: relative;
    font-size: 18px;
    line-height: 30px;
    padding-left: 25px;
    color: #626F70;
}

.hidden {
    display: none;
}

.amenities_list li::before {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    background: #626F70;
    border-radius: 100%;
    left: 10px;
    top: 13px;
}

.Profile_details .longi-lattitude {
    font-size: 18px;
    line-height: 30px;
    color: #626F70;
}

.location_image {
    line-height: 0;
}

.iframe-rwd {
    position: relative;
    padding-bottom: 46.25%;
    height: 0;
    overflow: hidden;
}

.iframe-rwd iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vessel-info-block {
    background: #EFF6F6;
    padding: 12px;
    border-radius: 16px;
}

.vessel-info-block h2 {
    margin-bottom: 8px;
}

.max-length h3,
.max-weight h3 {
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0;
}

.max-length>span,
.max-weight>span {
    line-height: 24px;
    font-size: 14px;
}

.length-indicator {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.length-indicator .length-indicator-child {
    gap: 60px;
}

.unit_items {
    display: flex;
    gap: 12px;
}

.guest_toggle {
    padding-top: 24px;
    padding-bottom: 24px;
}

.check-unit {
    position: relative;
    width: 50%;
}

.check-unit>label {
    position: absolute;
    top: 8px;
    right: 10px;
    color: #626F70;
    line-height: 24px;
}

.check-unit input {
    padding-right: 34px;
}

.unit_items_full_width {
    padding-top: 12px;
}

.price-indicator {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.label-massages {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    line-height: 24px;
    background: #EFF6F6;
    padding: 6px;
    border-radius: 8px;
    margin-top: 12px;
}

.list_detail_filter,
.alert_massage,
.hosting-detail-wrapper {
    padding: 24px;
    border-radius: 16px;
    border: 1px solid #D9DADC;
}

.alert_massage {
    margin-top: 22px;
}

.offer-box-wrapper {
    padding: 24px 0;
}

.offer-container h3 {
    margin-bottom: 4px;
}

.offer-container>p {
    line-height: 24px;
}


.offer-container:last-child p {
    margin-bottom: 0;
}

.sticky_filter {
    position: sticky;
    top: 100px;
    margin-left: 24px;
    margin-bottom: 30px;
}

/* Contact owner modal */
.contact-owner .modal-body {
    padding: 30px;
}

.contact-owner-block .modal-title p {
    font-size: 16px;
    line-height: 26px;
    padding-top: 16px;
    margin-bottom: 24px;
}

.contact-owner-block .floating_group {
    margin-bottom: 16px;
}

.contact-owner-block textarea {
    height: 90px;
}

.contact-owner-block .name-box {
    gap: 16px;
}

.floating_group.country-code-overlap {
    position: relative;
}

/* marina details rent css */

/* Phase 2 */
.user-is-subscribbed {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 12px;
}

.ft-fix-pos {
    position: absolute;
    top: 8px;
    right: 10px;
    color: #626F70;
    line-height: 24px;
}

/* Phase 2 */

.date-picker-with-icon {
    display: flex;
    align-items: center;
    border: 1px solid #D9DADC;
    padding-left: 10px;
    border-radius: 8px;
    margin-bottom: 12px;
}

.date-picker-with-icon:focus-within {
    border-color: #161717;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
}

.date-picker-with-icon>input {
    border: none;
}

.calendar-open .daterangepicker.auto-apply {
    display: block !important;
}

.currency-amount>span {
    text-transform: lowercase;
}

.contact-owner-block.invalid-info p+p {
    padding-top: 0;
    padding-bottom: 60px;
    margin-bottom: 0;
}

.contact-owner-block.invalid-info p+p>a {
    text-decoration: underline;
}

.invalid-info .modal-body {
    padding: 30px;
}

.contact-owner-block.invalid-info p {
    padding-top: 23px;
}

.default-open-datepicker-rent {
    position: relative;
}

.default-open-datepicker-rent input {
    width: 1px;
    height: 1px;
    background-color: transparent;
    padding: 0;
}

.default-open-datepicker-rent h3 {
    margin-bottom: 0;
}

.my-custom-calendar {
    position: static;
    box-shadow: none;
    border: 1px solid #D9DADC;
    margin-top: 16px;
    padding: 24px;
}

.my-custom-calendar.daterangepicker .drp-calendar.left {
    padding-right: 0;
}

.my-custom-calendar .drp-calendar.right {
    float: right;
}

.my-custom-calendar.daterangepicker .calendar-table td.start-date::after,
.my-custom-calendar.daterangepicker .calendar-table td.end-date::after {
    background: #EFF6F6;
}

.my-custom-calendar.daterangepicker .calendar-table td.end-date,
.my-custom-calendar.daterangepicker .calendar-table td.end-date:hover,
.my-custom-calendar.daterangepicker .calendar-table td.start-date,
.my-custom-calendar.daterangepicker .calendar-table td.start-date:hover {
    border-radius: 100%;
}

.my-custom-calendar.daterangepicker td.in-range {
    background-color: transparent;
}

.my-custom-calendar.daterangepicker .calendar-table .active.available,
.my-custom-calendar.daterangepicker .calendar-table td.start-date,
.my-custom-calendar.daterangepicker .calendar-table td.end-date,
.my-custom-calendar.daterangepicker .calendar-table td.start-date:hover,
.my-custom-calendar.daterangepicker .calendar-table td.end-date:hover {
    color: #37C0C9;
}

.my-custom-calendar .drp-selected {
    color: transparent;
    /* Hide the text by making it transparent */
    position: relative;
}

.my-custom-calendar .drp-selected:before {
    content: "Dock in - Dock out Date";
    /* Add the static text */
    color: #416168;
    /* Set the color of the static text */
    position: absolute;
    left: 0;
    top: 15px;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: inherit;
    /* Ensure the line height matches */
}

.my-custom-calendar.daterangepicker .drp-selected {
    border-bottom: 1px solid #DDE6FF;
    margin-bottom: 0;
}

.my-custom-calendar .drp-buttons ul {
    display: flex;
    gap: 40px;
    margin-bottom: 0;
    margin-top: 20px;
    flex-wrap: wrap;
}

.my-custom-calendar .drp-buttons ul .common-round {
    position: relative;
    padding-left: 20px;
}

.my-custom-calendar .drp-buttons ul .common-round:before {
    width: 10px;
    height: 10px;
    content: "";
    left: 0;
    position: absolute;
    border-radius: 100%;
    top: 1px;
}

.my-custom-calendar .drp-buttons ul .not-available:before {
    background: #161717;
}

.my-custom-calendar .drp-buttons ul .booked:before {
    background: #37C0C9;
}

.my-custom-calendar .drp-buttons ul .available-for-booking:before {
    background: #D9DADC;
}

.my-custom-calendar.daterangepicker .calendar-table .prev.available,
.my-custom-calendar.daterangepicker .calendar-table .next.available {
    z-index: 0 !important;
    background-color: transparent !important;
}

/* marina details rent css end */

/* Similar marina CSS */
.listing-info>a {
    width: 100%;
}

.listing-block-wrapper {
    padding-top: 30px;
}


.listing-block-wrapper .image-effect-box {
    border-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.listing-block-wrapper .image-effect-box>a {
    vertical-align: bottom;
}

.listing-block-wrapper .image-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    aspect-ratio: 3/2;
}

.listing-block-wrapper .card-content h3 {
    margin-top: 4px;
    margin-bottom: 4px;
    min-height: 46px;
}

.listing-block-wrapper .card-content .map-location {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    letter-spacing: 0.1em;
    min-height: 36px;
}

.listing-block-wrapper .card-content a {
    position: relative;
}

.listing-block-wrapper .image-box>a {
    vertical-align: bottom;
    width: 100%;
}

.listing-block-wrapper .card-content>a::after {
    content: "";
    position: absolute;
    background: #D4EEF0;
    width: 100%;
    height: 1px;
    bottom: -2px;
    left: 0;
    right: 0;
}

.listing-block-wrapper .card-content {
    padding: 16px 16px 10px 16px;
    border: 1px solid #D9DADC;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-top: -1px;
}

.price-block {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    align-items: center;
}

.price-box {
    display: flex;
}

.currency-type.dark-black,
.currency-amount.black,
.day {
    font-size: 16px;
    line-height: 26px;
}

.day {
    padding-left: 3px;
}

.currency-amount {
    padding-left: 3px;
}

/* Similar marina CSS End*/

/* Rent & Buy Listing/Detail Page CSS */

.breadcrumb-block.common-bg-image .breadcrumb-item+.breadcrumb-item::before {
    color: rgb(255, 255, 255);
}

.common-bg-image {
    background-image: url(../images/listing-banner.webp);
    width: 100%;
    min-height: 200px;
    height: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

section.search-section-block.marina-detail-search-bar {
    margin: -50px auto 60px;
}

/* Rent & Buy Listing/Detail Page CSS End*/


/* Rating & Review */
.mb-24 {
    margin-bottom: 24px;
}

.text-black {
    color: #161717 !important;
}

.text-yellow {
    color: #F9BF55 !important;
}

.rating-value h2 {
    margin-bottom: 0;
    display: inline-block;
}

.rating-block-value {
    gap: 12px;
}

.rating-block {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #F7F7F7;
}

.rating-value {
    width: 100%;
}

.rating-widget .star-input,
.rating-widget .review-star-input {
    width: 0;
    height: 0;
    position: absolute;
    left: -5000px;
}

.rating-widget .star-input:checked+.star-input-label .orange,
.rating-widget .review-star-input:checked+.review-star-input-label .orange {
    animation: enlarge 0.5s ease-in-out forwards;
}

.rating-widget .star-input:checked+.star-input-label:nth-of-type(2) .orange,
.rating-widget .review-star-input:checked+.review-star-input-label:nth-of-type(2) .orange {
    animation-delay: 0.1s;
}

.rating-widget .star-input:checked+.star-input-label:nth-of-type(3) .orange,
.rating-widget .review-star-input:checked+.review-star-input-label:nth-of-type(3) .orange {
    animation-delay: 0.2s;
}

.rating-widget .star-input:checked+.star-input-label:nth-of-type(4) .orange,
.rating-widget .review-star-input:checked+.review-star-input-label:nth-of-type(4) .orange {
    animation-delay: 0.3s;
}

.rating-widget .star-input:checked+.star-input-label:nth-of-type(5) .orange,
.rating-widget .review-star-input:checked+.review-star-input-label:nth-of-type(5) .orange {
    animation-delay: 0.4s;
}

.rating-widget .star-input-label,
.rating-widget .review-star-input-label {
    display: inline-block;
    padding: 0 1px;
    margin: 0;
    text-indent: -5000px;
    line-height: 0;
    color: #dcdcdc;
    position: relative;
    cursor: pointer;
}

.rating-widget .star-input-label:hover,
.rating-widget .star-input-label.hovered,
.rating-widget .review-star-input-label:hover,
.rating-widget .review-star-input-label.hovered {
    color: #a7a7a7;
}

.rating-widget .star-input-label i,
.rating-widget .review-star-input-label i {
    display: block;
    font-size: 16px;
    line-height: 16px;
    text-indent: 0;
}

.rating-widget .star-input-label i.orange,
.rating-widget .review-star-input-label i.orange {
    position: absolute;
    display: block;
    padding: 0 1px;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    color: orange;
    transform: scale(0);
}

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

    70% {
        transform: scale(1.25);
    }

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

.grey-star-rating {
    display: flex;
    align-items: center;
}

.grey-star-rating {
    gap: 3px;
}

.add-review-modal .modal-body,
.show-review-modal .modal-body {
    padding: 24px;
}

.add-review-modal .close-btn,
.show-review-modal .close-btn {
    box-sizing: content-box;
    width: 24px;
    height: 24px;
    padding: 0;
    color: #000;
    background: transparent url(../images/icon-close-grey.svg) center/24px auto no-repeat;
    border: 0;
    border-radius: 0;
    opacity: 1;
    position: absolute;
    top: 24px;
    right: 24px;
}

.show-review-modal .modal-dialog {
    max-width: 607px;
}

.add-review-modal .modal-content,
.show-review-modal .modal-content {
    border-radius: 8px;
}

.review-block {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #F7F7F7;
}

.review-block:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.review-block-inner {
    display: flex;
    align-content: flex-start;
    justify-content: space-between;
    margin-bottom: 10px;
}

.reviewer-img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #37C0C9;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #FFFFFF;
    overflow: hidden;
}

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

.review-block-left {
    display: flex;
    align-content: flex-start;
    gap: 10px;
}

.reviewer-name h6 {
    font-size: 16px;
    margin-bottom: 1px;
}

.after-review-rating-star {
    display: flex;
    align-content: center;
    gap: 2px;
}

.rating-star-wrapper {
    display: flex;
    align-content: center;
    gap: 5px;
}

.rating-star-wrapper span {
    display: block;
    line-height: 18px;
    font-size: 12px;
    color: #626F70;
    font-weight: 400;
}

.review-block p {
    font-size: 14px;
    line-height: 24px;
    color: #575E6B;
    font-weight: 400;
}

.review-block p:last-child {
    margin-bottom: 0;
}

.aqua-link-text {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #37C0C9;
    margin-top: 20px;
}

.rating-widget {
    line-height: 0;
}

.add-review-wrapper .reviewer-name p {
    font-size: 12px;
    line-height: 18px;
}

.add-review-wrapper .rating-widget textarea {
    margin-top: 16px;
}

.add-review-wrapper textarea {
    font-size: 16px;
    line-height: 26px;
    color: #626F70;
    font-weight: 400;
    padding: 12px 16px;
}

.add-review-wrapper textarea::placeholder {
    color: #626F70;
}

.review-submit-btn-wrapper {
    margin-top: 30px;
    gap: 16px;
}

.review-submit-btn-wrapper a {
    width: 50%;
}

.green-border-btn,
.common-btn-aqua {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: 0.10em;
    border-radius: 10px;
    text-transform: uppercase;
    padding: 12px 30px;
    text-align: center;
    transition: all 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.green-border-btn {
    color: #37C0C9;
    border: 1px solid #37C0C9;
}

.common-btn-aqua {
    background-color: #37C0C9;
    color: #fff;
    border: 1px solid transparent;
}

.green-border-btn:hover {
    background-color: #37C0C9;
    color: #fff;
    border: 1px solid #37C0C9;
}

.common-btn-aqua:hover {
    background-color: #249DA5;
    color: #fff;
}

#rating-error,
#review-error {
    display: block;
    line-height: normal;
    margin-top: 5px;
}

/* Rating & Review End */

/* Hosting Detail CSS */
.hosting-detail-wrapper {
    margin-top: 24px;
}

.hosting-detail-wrapper ul li {
    display: flex;
    align-items: flex-start;
    column-gap: 8px;
}

.hosting-detail-wrapper ul li:not(:last-child) {
    margin-bottom: 16px;
}

.hosting-detail-wrapper ul li a {
    color: #161717;
}

.hosting-detail-wrapper ul li a:hover {
    color: #37C0C9;
}

/* Hosting Detail CSS End */

/* Calendar CSS - 28/05/2025 */
.front-side-map-view .offcanvas {
    width: 800px;
}

.single-column-row {
    grid-template-columns: repeat(1, 1fr);
}

.short-term-content-item .daterangepicker {
    width: 740px;
}


.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    min-width: 30px;
    width: 30px;
    height: 30px;
    font-weight: 400;
    border: none;
    padding: 0;
    border-radius: 0;
}

.daterangepicker .calendar-table th {
    font-size: 14px;
    line-height: 24px;
    color: #415468;
}

.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th.month {
    font-size: 12px;
    line-height: 22px;
    color: #161717;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    padding: 4px;
    border-color: #626F70;
}

.daterangepicker .calendar-table td.off {
    color: #848E8E;
    background: #F7F7F7;
    text-decoration: none;
}

.daterangepicker .drp-calendar {
    max-width: 100%;
}

.daterangepicker {
    padding: 6px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 0px 20px 10px rgb(0 0 0 / 5%);
    border: none;
    z-index: 9999;
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
}

.daterangepicker:before,
.daterangepicker:after {
    display: block;
    left: -80px !important;
    transform: translateX(-50%);
}

.daterangepicker.show-calendar .drp-calendar,
.daterangepicker .calendar-table {
    padding: 0;
}

.daterangepicker .drp-buttons,
.daterangepicker.show-calendar .drp-buttons {
    padding: 0 !important;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.daterangepicker .drp-selected {
    font-size: 12px;
    line-height: 20px;
    color: #415468;
    padding: 0 0 6px 0;
    border-bottom: 1px solid #BBCDDC8A;
    width: 100%;
    text-align: center;
    margin: 0 0 6px;
}

.daterangepicker .drp-buttons .btn {
    margin: 0;
}

.daterangepicker .drp-buttons .cancelBtn {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.08em;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0;
    color: #8391B2;
}

.daterangepicker .drp-buttons .cancelBtn:hover {
    color: #303837;
}
.daterangepicker .drp-buttons .cancelBtn:active,
.daterangepicker .drp-buttons .cancelBtn:focus-visible {
    border: none !important;
}
.daterangepicker .drp-buttons .applyBtn {
    color: #37C0C9;
    border: 1px solid #37C0C9;
    background: transparent;
    font-size: 10px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.08em;
    border-radius: 6px;
    padding: 4px 8px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.7s;
    opacity: 1;
}

.daterangepicker .drp-buttons .applyBtn:hover {
    background: #37C0C9;
    color: #fff;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    border-radius: 100%;
    background: transparent;
}

.daterangepicker .calendar-table td.start-date,
.daterangepicker .calendar-table td.start-date:hover,
.daterangepicker .calendar-table td.end-date,
.daterangepicker .calendar-table td.end-date:hover {
    position: relative;
    background-color: #37C0C9;
    z-index: 2;
    /* color: #fff !important; */
}

/* .daterangepicker .calendar-table td.start-date .custom-note {
    color: #fff;
} */
.daterangepicker .calendar-table td.end-date,
.daterangepicker .calendar-table td.end-date:hover {
    border-radius: 0 6px 6px 0;
}

.daterangepicker .calendar-table td.start-date,
.daterangepicker .calendar-table td.start-date:hover {
    border-radius: 6px 0 0 6px;
}

.daterangepicker .calendar-table td.start-date.end-date,
.daterangepicker .calendar-table td.start-date.end-date:hover {
    background: #37C0C9;
}

.daterangepicker .calendar-table td.start-date.end-date.active,
.daterangepicker .calendar-table td.start-date.end-date.active .custom-note {
    color: #fff;
}

.daterangepicker .calendar-table td.today .custom-note {
    color: #848E8E;
}

.daterangepicker .calendar-table td.start-date::after,
.daterangepicker .calendar-table td.end-date::after {
    content: '';
    position: absolute;
    background: transparent;
    border-radius: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    color: #161717;
}

/* .daterangepicker .calendar-table td.start-date,
.daterangepicker .calendar-table td.end-date,
.daterangepicker .calendar-table td.start-date:hover,
.daterangepicker .calendar-table td.end-date:hover {
    color: #161717;
} */

.daterangepicker td.in-range,
.daterangepicker td.in-range:hover {
    background-color: #37C0C9;
    border-radius: 0;
    color: #fff;
}

.daterangepicker .calendar-table td.start-date.active .custom-note,
.daterangepicker td.in-range .custom-note {
    color: #fff;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    margin-right: 0;
    width: auto;
    border: 0;
    padding: 6px 18px !important;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 0.05rem;
}

.daterangepicker select.yearselect {
    margin-left: 2px;
}

.custom-note {
    font-size: 10px;
    line-height: 14px;
    color: #848E8E;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 34px;
    text-align: center;
    margin: auto;
}

.long-term-content-items .daterangepicker .calendar-table td.start-date,
.long-term-content-items .daterangepicker .calendar-table td.start-date:hover {
    border-radius: 6px;
}

.daterangepicker .drp-calendar {
    min-width: 360px;
}

.daterangepicker .calendar-table td.ends.off {
    visibility: hidden;
}
.daterangepicker .calendar-table td.ends.off.disabled {
    display: none;
}

/* Calendar CSS - 28/05/2025 End */

/* @media (min-width: 730px) {
    .daterangepicker .drp-calendar {
        min-width: 360px;
    }
} */

.add-read-more .content-description p:last-child {
    margin-bottom: 0;
}
.marina-information ul li p:last-child {
    margin-bottom: 0;
}
/* Responsive */
@media only screen and (max-width: 1199px) {
    .lightbox-overlay .prev {
        left: 1% !important;
    }

    .lightbox-overlay .next {
        right: 1% !important;
    }

    .Profile_details {
        margin: 24px 0 0;
        padding: 0 0 24px;
    }
    .slider-wrapper {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .list_detail_filter, 
    .alert_massage, 
    .hosting-detail-wrapper {
        padding: 20px;
    }
    .guest_toggle {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

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

    .sticky_filter {
        margin-left: 0;
        margin-top: 30px;
    }

    section.list_detail_bottom {
        padding-bottom: 0px;
    }

    .more_btn {
        right: 0;
    }

    .my-custom-calendar {
        margin: 20px 0 0;
    }

    .my-custom-calendar {
        padding: 16px;
    }

    .marina-detail-search-bar .search-section {
        max-width: max-content;
    }

    .hosting-detail-wrapper ul li:not(:last-child) {
        margin-bottom: 12px;
    }

    /* Calendar CSS - 28/05/2025 */
    .front-side-map-view .offcanvas {
        width: 750px;
    }

    .daterangepicker .drp-calendar {
        min-width: 320px;
    }
    .short-term-content-item .daterangepicker {
        width: 656px;
    }
    /* Calendar CSS - 28/05/2025 End */

    .amenities_list li {
        font-size: 16px;
        line-height: 28px;
    }

    .Profile_details {
        margin: 20px 0 0;
        padding: 0 0 20px;
    }
    .slider-wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .list_detail_filter, 
    .alert_massage, 
    .hosting-detail-wrapper {
        padding: 16px;
    }

    .amenities_list {
        padding: 0;
        margin: 0;
    }
    .guest_toggle {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

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

    /* Similar Marina CSS */
    .currency-type.dark-black,
    .currency-amount.black,
    .day {
        font-size: 15px;
        line-height: 26px;
    }

    .currency-type.dark-black,
    .currency-amount.black,
    .day {
        font-size: 15px;
        line-height: 26px;
    }

    /* Similar Marina CSS End*/


    /* Rent & Buy Listing/Detail Page CSS */
    .common-bg-image {
        min-height: 130px;
    }

    section.search-section-block.marina-detail-search-bar {
        margin: -50px auto 30px;
    }

    /* Rent & Buy Listing/Detail Page CSS End*/

    /* Calendar CSS - 28/05/2025 */
    .front-side-map-view .offcanvas {
        width: 500px;
    }

    .daterangepicker {
        width: 100%;
        max-width: 320px;
    }

    .daterangepicker .drp-calendar {
        min-width: 300px;
    }
    .single-column-block {
        grid-template-columns: repeat(1, 1fr);
    }
    .single-column-row {
        margin-bottom: 0 !important;
    }
    /* Calendar CSS - 28/05/2025 End */

    /* 06-06-2025 */
    .selected-birth-wrapper-main {
        margin: 0;
    }
    .selected-birth-wrapper {
        width: 100%;
        padding: 0;
    }

    .long-term-content-items .daterangepicker {
        width: 280px;
        max-width: 280px;
    }
    .long-term-content-items .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 0;
    }
    .long-term-content-items .daterangepicker .drp-calendar {
        min-width: 280px;
    }
    /* 06-06-2025 End */   
}
@media only screen and (max-width: 767px) { 
    .Profile_details {
        margin: 16px 0 0;
        padding: 0 0 16px;
    }
    .slider-wrapper {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .show-review-modal .modal-dialog {
        max-width: 550px;
    }
    .add-review-modal .modal-body, 
    .show-review-modal .modal-body {
        padding: 20px;
    }
    .add-review-modal .close-btn, 
    .show-review-modal .close-btn {
        width: 20px;
        height: 20px;
        background: transparent url(../images/icon-close-grey.svg) center/20px auto no-repeat;
        top: 20px;
        right: 20px;
    }
    .bulid-form-outer.working-hours {
        margin-bottom: 16px;
    }

    .amenities_list {
        column-count: 2;
    }

}
@media only screen and (max-width: 575px) {
    .listing-block-wrapper .card-content h3 {
        min-height: auto;
    }

    .listing-block-wrapper .card-content .map-location {
        min-height: auto;
    }

    .offer-box-wrapper {
        padding: 16px 0;
    }

    /* .Profile_details {
        margin: 22px 0 0;
        padding: 0 0 22px;
    }

    .amenities_list {
        padding-bottom: 0;
    } */
     
    .amenities_list {
        column-count: 1;
    }

    .contact-owner-block .name-box {
        gap: 0;
        flex-wrap: wrap;
    }

    .contact-owner-block .floating_group {
        width: 100%;
    }

    .contact-owner .modal-body {
        padding: 16px;
    }

    .invalid-info .modal-body {
        padding: 16px;
    }

    .contact-owner-block.invalid-info p+p {
        padding-bottom: 26px;
    }

    .my-custom-calendar {
        width: 100%;
    }

    .my-custom-calendar.daterangepicker .calendar-table td {
        width: 50px;
        height: 47px;
        min-width: 47px;
        max-width: 50px;
    }

    .my-custom-calendar .drp-buttons ul {
        gap: 20px;
    }

    /* Similar Marina CSS */
    .listing-block-wrapper .card-content {
        padding: 12px 12px 10px 12px;
        border: 1px solid #D9DADC;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        margin-top: -1px;
    }

    .aqua-bg-label {
        font-size: 10px;
    }

    /* Similar Marina CSS End*/

    .slider-wrapper {
        padding-top: 22px;
    }
    
    /* 06-06-2025 */
    .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 0;
    }
    .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 0;
    }
    /* 06-06-2025 End */


}

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

    .my-custom-calendar.daterangepicker .calendar-table td.end-date,
    .my-custom-calendar.daterangepicker .calendar-table td.end-date:hover,
    .my-custom-calendar.daterangepicker .calendar-table td.start-date,
    .my-custom-calendar.daterangepicker .calendar-table td.start-date:hover {
        border-radius: 0;
    }

    .my-custom-calendar.daterangepicker .calendar-table td.start-date,
    .my-custom-calendar.daterangepicker .calendar-table td.start-date:hover,
    .my-custom-calendar.daterangepicker .calendar-table td.end-date,
    .my-custom-calendar.daterangepicker .calendar-table td.end-date:hover {
        background-color: transparent;
    }

    .my-custom-calendar.daterangepicker .calendar-table td.start-date::after,
    .my-custom-calendar.daterangepicker .calendar-table td.end-date::after {
        border-radius: 0;
    }

    .my-custom-calendar .drp-calendar.right {
        float: none;
    }

    /* Similar Marina CSS */
    .listing-block-wrapper {
        padding-top: 12px;
    }

    /* Similar Marina CSS End */
}
@media only screen and (max-width: 400px) { 
    .long-term-content-items {
        grid-template-columns: repeat(1, 1fr);
    }
    .long-term-content-items .dockindatelong {
        margin-bottom: 20px !important;
    }
    .long-term-content-item:nth-child(5) {
        margin-top: 0;
        margin-bottom: 24px !important;
    }
    .label-massages {
        font-size: 12px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 360px) { 
    /* 06-06-2025 */
    .daterangepicker {
        left: -12px !important;
    }
    .daterangepicker .drp-calendar {
        min-width: 260px;
    }
    .short-term-content-item .daterangepicker {
        width: 280px;
    }
    /* 06-06-2025 End */
}