/* barlow-latin-100-normal */
@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-display: swap;
    font-weight: 100;
    src: url(../font/barlow/barlow-latin-100-normal.ttf) format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* barlow-latin-200-normal */
@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-display: swap;
    font-weight: 200;
    src: url(../font/barlow/barlow-latin-200-normal.ttf) format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* barlow-latin-300-normal */
@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: url(../font/barlow/barlow-latin-300-normal.ttf) format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* barlow-latin-400-normal */
@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(../font/barlow/barlow-latin-400-normal.ttf) format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* barlow-latin-500-normal */
@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url(../font/barlow/barlow-latin-500-normal.ttf) format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* barlow-latin-600-normal */
@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url(../font/barlow/barlow-latin-600-normal.ttf) format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* barlow-latin-700-normal */
@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url(../font/barlow/barlow-latin-700-normal.ttf) format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/**, :after, :before {*/
/*    border: 0 solid #e0e0e0;*/
/*}*/

:root {
    --font-serif: "Barlow";
    --font-display: "Averia Serif Libre";
    --radii-sm: 6px;
    --radii-md: 8px;
    --radii-lg: 10px;
    --radii-xlg: 30px;
    --radii-full: 9999px;
    --max-content-width: 1600px;
    --max-nav-width: 1741px;
    --color-black: #222;
    --color-dark-gray: #484d42;
    --global-color-text: #484d42;
    --color-gray: #707780;
    --color-red: #ba3834;
    --color-green: #507716;
    --color-green-shade: #f0f2ef;
    --color-orange: #d3582d;
    --color-white: #fff;
    --color-snow: #f9f9f9;
    --color-light-gray: #faf9f5;
    --color-text: #484d42;
    --color-gray-border: #ede8e9;
    --color-gray-label: #c3c8bd;
    --global-color-links: #507716;
    --red-overlay: rgba(70, 14, 12, 0.5);
    --black-overlay: rgba(0, 0, 0, 0.4);
}

body {
    font-family: "Barlow", sans-serif;
    color: var(--color-text);
    font-weight: 400;
    line-height: 1.45;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
}

#squared-calendar-container{
    border-radius: 8px;
    border:1px solid #484D42;
}

#squared-calendar-container #checkin {
    border-bottom-left-radius: 7px !important;
    border-top-left-radius: 7px !important;
}
#squared-calendar-container .calendar-open {
    background-color: #507716 !important;
}
#squared-calendar-container #checkout {
    border-bottom-right-radius: 7px !important;
    border-top-right-radius: 7px !important;
}

body::-webkit-scrollbar {
    display: none;
}

.month {
    font-size: 16px !important;
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 600;
}

.e-widget-wrapper {
    margin: 0 !important;
    max-width: 800px !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
}

h1 {
    font: normal normal bold 34px/48px "Barlow";
    letter-spacing: -0.68px;
    color: #484d42;
    font-weight: 700;

    @media (max-width: 60em) {
        font: normal normal bold 24px/36px "Barlow", sans-serif;
        letter-spacing: 0;
    }
}

.pdp-filters{
    background-color:#F2F0E9;
    padding: 40px;
    border-radius: 20px;
    margin-bottom: 40px;
}
.pdp-filters-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.pdp-filters-grid p{
    font: normal normal normal 18px/20px Barlow;
    letter-spacing: 0px;
    color: #6F7A62;
}
.couples-escape{
    background-color: #F6F4EF;
    border-radius: 10px;
    padding: 15px;
}
.pdp-filters h2{
    font: normal normal bold 24px/27px Barlow;
    letter-spacing: 0px;
    color: #484D42;
}
.new-bg-color{
    background-color: #F6F4EF;
}
.new-border-color{
    border-color: #E0DDD3;
}
h2 {
    font: normal normal bold 34px/40px "Barlow", sans-serif;
    letter-spacing: -0.68px;
    color: #484d42;

    @media (max-width: 60em) {
        font: normal normal bold 24px/36px "Barlow", sans-serif ;
        letter-spacing: 0;
    }
}

.payable-now {
    font: normal normal bold 24px / 24px Barlow;
}

h3 {
    font: normal normal normal 24px/37px "Barlow", sans-serif;
}

.dates-title {
    font: normal normal bold 24px / 27px Barlow;
    letter-spacing: 0px;
    color: #6F7A62;

    @media (max-width: 60em) {
        font: normal normal bold 16px "Barlow", sans-serif;
        letter-spacing: 0;
    }
}
/*16px*/
.font-size-default{
    font-size: 1rem;
    font-family: "Barlow", sans-serif;
    color: #484d42;
}
/*14px*/
.font-size-small{
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-family: "Barlow", sans-serif;
    color: #484d42;
}
/*12px*/
.font-size-tiny{
    font-size: 0.75rem;
    line-height: 1.313rem;
    font-family: "Barlow", sans-serif;
    color: #484d42;
}
/*24px*/
.heading-h3-style {
    font-size: 1.5rem;
    line-height: 1.6rem;
    font-family: "Barlow", sans-serif;
    color: #484d42;
}

.underline {
    text-decoration: underline;
}
.capital {
    text-transform: uppercase;
    font-weight: bold;
}
.bold{
    font-weight: bold;
}
span.trust-items,
.trust-items {
    font: normal normal normal 16px/36px Barlow;
    letter-spacing: 0;
    color: #138088;

    @media (max-width: 60em) {
        line-height: 0;
    }
}

.section_title {
    font: normal normal bold 34px/58px "Barlow", sans-serif;
}

p {
    margin: 0;
    font: normal normal normal 16px/26px "Barlow", sans-serif;
    letter-spacing: 0;
    color: #484d42;
}

strong {
    font-weight: 600;
}

button,
a {
    cursor: pointer;
}

.payment-modal-inputs {
    border: 2px solid #F0F2EF;
    border-radius: 8px;
    padding: 20px 10px;
}

.payment-modal-inputs input[type="radio"]:checked::before {
    cursor: pointer;
}

/* Styling the radio input */
.payment-modal-inputs input[type="radio"] {
    /* Hide the native radio button */
    appearance: none;
    -webkit-appearance: none;

    min-width: 23px; /* Outer circle width */
    min-height: 23px;
    border: 1px solid #484D42; /* Grey border */
    border-radius: 50%; /* Make it circular */
    background-color: white; /* Background for the white surrounding */
    display: inline-block; /* Ensure proper alignment */
    position: relative; /* Needed for inner circle placement */
    cursor: pointer;
    outline: none; /* Remove focus outline */
    transition: border-color 0.3s ease-in-out;
}

/* Green middle circle for checked radio */
.payment-modal-inputs input[type="radio"]:checked::before {
    content: '';
    min-width: 13px; /* Inner green circle size */
    min-height: 13px;
    background-color: #507716; /* Green middle color */
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cancellation-policy-check-out-flow-grid {
    grid-template-columns: 1fr 1fr;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 20px;
    border: 1px solid #E0DDD3;
}

.cancellation-policy-check-out-flow-grid div:nth-of-type(1),
.cancellation-policy-check-out-flow-grid div:nth-of-type(2),
.cancellation-policy-check-out-flow-grid div:nth-of-type(5),
.cancellation-policy-check-out-flow-grid div:nth-of-type(6),
.cancellation-policy-check-out-flow-grid div:nth-of-type(9),
.cancellation-policy-check-out-flow-grid div:nth-of-type(10),
.cancellation-policy-check-out-flow-grid div:nth-of-type(13),
.cancellation-policy-check-out-flow-grid div:nth-of-type(14) {
    background-color: white;
}

.cancellation-policy-check-out-flow-grid-mobile div:nth-of-type(1),
.cancellation-policy-check-out-flow-grid-mobile div:nth-of-type(3),
.cancellation-policy-check-out-flow-grid-mobile div:nth-of-type(5),
.cancellation-policy-check-out-flow-grid-mobile div:nth-of-type(7),
.cancellation-policy-check-out-flow-grid-mobile div:nth-of-type(9),
.cancellation-policy-check-out-flow-grid-mobile div:nth-of-type(11),
.cancellation-policy-check-out-flow-grid-mobile div:nth-of-type(13),
.cancellation-policy-check-out-flow-grid-mobile div:nth-of-type(15) {
    background-color: white;
}

.description-blue-background {
    background: #19868E 0% 0% no-repeat padding-box;
    border-radius: 5px;
    padding: 2px 4px;
    color: white;
}

.cancellation-policy-check-out-flow {
    max-width: 753.25px;
    margin: 20px auto 20px auto;
    /*.row-background {*/
    /*  background-color: #F0F2EF; !* Odd rows get a grey background *!*/
    /*}*/

    .row {
        padding: 20px;
    }
}

/* Add hover effect for a better user experience */
.check-out-flow-deposit-modal input[type="radio"]:hover {
    border-color: #6b7280; /* Slightly darker grey on hover */
}

.check-out-flow-deposit-modal form div {
    display: flex;
    gap: 10px;
    align-items: center;
}

.check-out-flow-deposit-modal form div label {
    line-height: 18px;
}

.discount-value-absolute {
    background: #C84630 0% 0% no-repeat padding-box;
    border-radius: 5px;
    justify-self: flex-start;
    padding: 2px 3px;
    font: normal normal bold 12px/18px Barlow;
    letter-spacing: -0.24px;
    color: #FFFFFF;
    margin-top: 3px;
    align-self: flex-start;

}

.calculating-spinner {
    left: 50%;
    transform: translateX(-50%);
    bottom: 0
}

.check-out-flow-deposit-modal .check-out-flow-deposit-modal-deposit {
    font-weight: 600;
}

.check-out-flow-deposit-modal input:checked + label {
    font-weight: 700;
}

button {
    padding: 0;
    margin: 0;
    border: none;
    letter-spacing: inherit;
    font-family: inherit;
    background-color: transparent;
}

.voucher-switch {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

a {
    text-decoration: none;
}

.max-width {
    max-width: calc(106.754rem + 130px);
    margin: 0 auto;
    padding: 0 100px;
}

@media (max-width: 1024px) {
    :root {
        --max-padding: 15px;
    }

    .max-width {
        padding: 0 25px;

    }
}

@media (min-width: 1024px) {
    :root {
        --max-padding: 65px;
    }
}

.htmx-indicator {
    display: none;
}

.htmx-request .htmx-indicator {
    display: inline;
}

.htmx-request.htmx-indicator {
    display: inline;
}

.pdp-reviews-mobile {
    background-color: #f0f2ef;
    padding: 40px 0;
    min-width: 100%;
    margin: 0 -20px;
    margin-bottom: 40px;
    display: none !important;
}

.pdp-reviews-desktop {
    background-color: #f0f2ef;
    padding: 40px 0;
    margin-bottom: 40px;
}

.review-background {
    margin: 0 0 40px 0;
}
.review-top-section-top-right{
    background-color: transparent;
    border-radius: 10px;
    padding: 12px 15px;
    max-width:270px;
    border: 1px solid #E0DDD3;
}
.aggregate-review-modal .review-top-section-top-right{
    margin: 20px auto 20px auto;
}
.review-top-section-top-right-score{
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 7px;
}
.review-top-section-top-right div p:nth-of-type(1){
    font: normal normal bold 42px/32px Barlow;
    letter-spacing: -0.84px;
    color: white;
}
.review-top-section-top-right div p:nth-of-type(2){
    font: normal normal normal 16px/16px Barlow;
    letter-spacing: -0.32px;
    color: white
}
.review-top-section-top{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0px;
}
.review-top-section-top-left{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 41px;
}
.review-top-section-top-left-bottom{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 17px;
}
.review-top-section-top-right section p{
    font: normal normal normal 16px/32px Barlow;
    letter-spacing: -0.32px;
    color: #6F7A62;
}
.trusted-review-logos img{
    width: 24px;
    height: 24px;
}
.trusted-review-logos {
    display: flex ;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}
.star-rating {
    position: relative;
    display: inline-block;
    line-height: 1;
}
.stars-inner span, .stars-bg span {
    width: 20px;
    max-width: 20px;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}
.stars-outer {
    position: relative;
    display: inline-block;
    color: #ccc; /* gray stars */
}

.stars-inner {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #EFBA0E; /* gold stars */
    width: 0%; /* dynamically set via JS */
    z-index: 2;
}

.stars-bg {
    color: #ccc; /* base stars */
    z-index: 1;
}



.aggregate-review-modal-overlay{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #484D42;
    z-index: 999;
    display: none;
}
.aggregate-review-modal{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 34px 91px 120px 91px;
    border-radius: 10px;
    z-index: 999;
    text-align: center;
}

.aggregate-review-modal h2{
    font: normal normal bold 34px/32px Barlow;
    letter-spacing: -0.68px;
    color: #484D42;
    margin-bottom: 40px;
}

.aggregate-review-modal >p{
    font: normal normal normal 16px/28px Barlow;
    letter-spacing: 0px;
    color: #484D42;
    width: 927px;
}

.aggregate-review-modal h3{
    font: normal normal bold 16px/28px Barlow;
    letter-spacing: 0px;
    color: #484D42;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 20px;
}


.aggregate-review-modal button{
margin-top: 25px;
}

.review-top-section-bottom h3{
    font: normal normal bold 18px/24px Barlow;
    letter-spacing: 0px;
    color: #484D42;
    margin-bottom: 11.75px;
}

.review-top-section-bottom p{
    font: normal normal normal 18px/26px Barlow;
    letter-spacing: 0px;
    color: #6F7A62;
    margin-bottom: 25px;
}
.review-bottom-line{
    width: 100%;
    height: 1px;
    background-color: #E0DDD3;
    margin-bottom: 20px;
}
.review-question{
    background-color: #C3C8BD;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #484D42;
    cursor: pointer;
    line-height: 16px;
}
.review-question svg{

}
.review-modal-close{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.review-popup {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    border-radius: 10px;
    background-color: #19868E;
    gap: 16px;
}

.review-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 53px;
}
.circle-plus{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #507716;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #507716;
    font-size: 18px;
}
.review-popup p {
    font: normal normal bold 42px/32px Barlow;
    letter-spacing: -0.84px;
    color: #FFFFFF;
}
#remaining-units-container #unit-card-rm-bd{
    border: none !important;
    padding: 0 20px 20px 20px;
    margin-top: 0 !important;
}
#remaining-units-container #unit-card-rm-padding{
    padding: 0 !important;
}
.review-popup p span {
    font: normal normal normal 16px/32px Barlow;
    letter-spacing: -0.32px;
    color: #FFFFFF;
}

.review-popup-right p {
    background-color: white;
    padding: 3px 20px;
    border-radius: 10px;
    font: normal normal bold 16px/16px Barlow;
    letter-spacing: -0.32px;
    color: #484D42;
    margin-bottom: 7px;
}

.review-popup-right div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.review-popup-right div svg {
    max-width: 20px;
    max-height: 20px;
}

/* Property Page Map Marker */
.marker,
.mapboxgl-marker {
    background-image: url("../images/green-pin.png");
    background-size: cover;
    width: 17px;
    height: 23px;
    border-radius: 50%;
    cursor: pointer;
}

.PropertyCard_AddressLink {
    font: normal normal 700 12px / 21px Barlow;
    letter-spacing: 0.6px;
    color: #484d42;
    text-transform: uppercase;
}

.PropertyCard_Title {
    font: normal normal 700 18px / 27px Barlow;
    letter-spacing: 0;
    color: #484d42;
    margin-bottom: 8px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.show {
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

.swiper-unit-options {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

.active {
    background-color: var(--color-green);
    color: white;
}

.no-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.daterangepicker {
    max-width: 95% !important;
}

.daterangepicker td.active {
    background-color: var(--color-green) !important;
    border-radius: 100% !important;
}

.daterangepicker thead {
    font: normal normal bold 16px/24px Barlow !important;
    letter-spacing: 0 !important;
    color: #484d42 !important;
}

.daterangepicker tr {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: var(--color-green) !important;
    border-radius: 100% !important;
    border-color: transparent !important;
    color: white !important;
}

.daterangepicker .calendar-table .next:hover,
.daterangepicker .calendar-table .prev:hover {
    background-color: var(--color-gray-border) !important;
}

.daterangepicker td.start-date.end-date {
    border-radius: 100% !important;
}

.daterangepicker {
    width: 404px !important;
    min-height: 300px !important;
    padding: 15px !important;
    margin-top: 0 !important;
    border-radius: 8px !important;
    border-width: 0 !important;
    box-shadow: 0 0 10pt 0 rgba(153, 155, 168, 0.75) !important;

    @media (max-width: 60em) {
        width: 100% !important;
    }
}

.daterangepicker:before,
.daterangepicker:after {
    display: none !important;
}

.daterangepicker .drp-calendar {
    min-width: 100% !important;
}

.daterangepicker tbody {
    font: normal normal normal 14px/21px Barlow !important;
    letter-spacing: -0.1px !important;
    color: #484d42 !important;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    height: 32px !important;
    width: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.daterangepicker .calendar-table .next,
.daterangepicker .calendar-table .prev {
    border-radius: 100% !important;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    padding: 4px !important;
}

a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

a.read-more {
    text-decoration: underline;
    font: normal normal bold 12px/21px Barlow;
    letter-spacing: 0.6px;
    color: #6F7A62;
    text-transform: uppercase;
    z-index: 10;
    position: relative;
}

.border-bottom-radius {
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

.mobile-pdp-promoting {
    border: 1px solid #F0F2EF;
    border-radius: 8px;
    gap: 12px;
    justify-content: space-evenly;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
    width: 469px;
    max-width: calc(100% - 2rem);
}

.mobile-pdp-promoting h5 {
    font: normal normal bold 14px/17px Barlow;
    letter-spacing: 0px;
    color: #484D42;
}

.mobile-pdp-promoting h4 {
    font: normal normal bold 24px/17px Barlow;
    letter-spacing: 0px;
    color: #484D42;
}

.mobile-pdp-promoting p {
    font: normal normal normal 14px/17px Barlow;
    letter-spacing: 0px;
    color: #6F7A62;
}

.unit-page-payment {
    align-self: center;
    max-width: 305px;
    margin: 0 auto 28px auto
}

.pdp-container .set-currency {
    box-shadow: none !important;
    font: normal normal bold 16px/21px Barlow;
}

.pdp-container .set-currency span {
    font: normal normal normal 16px/21px Barlow;
}

.mobile-pdp-promoting-content {
    gap: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.mobile-pdp-promoting-content p {
    font: normal normal normal 16px/19px Barlow;
}

.mobile-pdp-promoting-content h5 {
    font: normal normal bold 16px/19px Barlow;
}

.mobile-pdp-promoting-content:nth-of-type(2) {
    flex: 100;
}

.mobile-pdp-promoting-line {
    width: 1px;
    min-width: 1px;
    height: 90px;
    max-height: 100%;
    background-color: #F0F2EF;
}

.refund-background {
    background: #19868E 0% 0% no-repeat padding-box;
    border-radius: 5px;
    padding: 2px 5px;
    color: white;
    font: normal normal bold 12px / 16px Barlow;
    align-self: start;
}

.enquire-text-color {
    color: #484D42;
    font-weight: 500;
}

.calendar-open-enquire .enquire-text-color {
    font-weight: 900 !important;
}

.home-dropdown-guest-amount-enquire {
    top: 3.2rem !important;
    right: 0;
}

.enquire-dates-selected-container {
    border: 1px solid #484D42;
    border-radius: 100px;
    /*padding: 10px 50px;*/
    display: flex;
    justify-content: space-between;
    align-self: center;
    min-width: 492px;
    position: relative;
}


.enquire-dates-selected-container .checkin-enquire {
    padding: 10px 0 10px 50px;
    min-width: 30%;
}

.enquire-dates-selected-container .checkout-enquire {
    padding: 10px 0px;
}

.enquire-guest-allocation-container {
    display: flex;
    align-items: center;
    width: 30%;
    padding-left: 30px
}

.enquire-dates-selected-container #guest-amount-button button {
    margin-right: 0 !important;
}

#enquire-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    align-items: center;
    justify-content: center;
}

.enquire-modal .enquire-remove {
    display: none;
}

#guestAmountEnquire {
    display: flex !important;
}

#guestAmountEnquire .home-dropdown-guest-amount-top .incrementor {
    display: flex;
    justify-content: center;
    align-items: center;
}

.enquire-guest-selection {
    display: flex;
    align-items: center;
    justify-content: center;
}

#guestAmountEnquire .home-dropdown-guest-amount-top p {
    margin: 0;
}

.lekkerwater-rates {
    margin-bottom: 40px;
    margin-top: 20px;
}

.lekkerwater-rates h3 {
    font: normal normal bold 18px/40px Barlow;
    letter-spacing: -0.36px;
    color: #484D42;
}

.lekkerwater-rates .rate-table {
    font-family: Arial, sans-serif;
    color: #4a4a4a;
}

#newsLetterFormFooter p {
    font: normal normal normal 16px/33px Barlow;
}

.capital {
    text-transform: uppercase;
    font: normal normal bold 12px/21px Barlow !important;
}

#newsLetterFormFooter p {
    font: normal normal normal 16px/33px Barlow;
}

#newsLetterFormFooter button {
    font: normal normal bold 16px/21px Barlow;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

.footer-bottom-left input::placeholder {
    font: normal normal normal 16px/21px Barlow;
}

.footer-bottom-secure {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}
#enquire-now-button{
    padding: 15px 48px;
}
.rate-table table {
    width: 100%;
    border-collapse: collapse;
    border: 1.5px solid #E0DDD3;
    border-radius: 10px;
    overflow: hidden;
}

.rate-table th,
.rate-table td {
    padding: 1rem;
    text-align: left;
    border-right: 1px solid #E0DDD3;
}

.rate-table td {
    font: normal normal normal 16px/30px Barlow;
    letter-spacing: 0px;
    color: #6F7A62;
}

.rate-table th {
    background-color: white;
    font: normal normal bold 16px/26px Barlow;
}

.rate-table tr:nth-child(even) {
    background-color: white;
}

.rate-table .note {
    text-align: center;
    margin-top: 0.5rem;
    font: normal normal normal 16px/30px Barlow;
    letter-spacing: 0px;
    color: #484D42;
}

.enquire-modal {
    padding: 44px 32px;
    background-color: white;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.enquire-modal form {
    display: flex;
    flex-direction: column;
}

.enquire-modal form button {
    width: 496px !important;
    margin: 0 auto;
}

#enquire-modal-close {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    padding: 5px;
}

.enquire-modal-dates {
    margin-bottom: 10px;
    align-self: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

.enquire-modal-success {
    max-width: 557px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.enquire-modal-success h1 {
    font: normal normal normal 60px/64px Barlow !important;
    text-align: center;
    margin-bottom: 40px;
}

.enquire-modal-success p {
    font: normal normal normal 16px/26px Barlow !important;
    letter-spacing: 0px;
    color: #484D42;
    text-align: center;
}

.enquire-modal-success-socials {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.enquire-modal-success-socials a {
    padding: 11px;
    border-radius: 50%;
    background-color: #484D42;
}

.enquire-modal-success-socials a svg {
    filter: invert(100%) brightness(2);
}

.enquire-modal h2, .enquire-modal-success h2 {
    font: normal normal bold 34px/48px Barlow;
    letter-spacing: -0.68px;
    color: #484D42;
    align-self: center;
    text-align: center;
}

.enquire-modal p {
    font: normal normal normal 24px/48px Barlow;
    letter-spacing: -0.48px;
    color: #484D42;
    margin: 10px 0 20px 0;
    align-self: center;
}
.enquire-modal .note {
    font: normal normal normal 14px / 14px Barlow;
    color: #888;
    text-align: center;
    margin-top: 0.5rem;
    margin-bottom: 0rem;
}
.enquire-modal .note:nth-of-type(3) {
    margin-bottom: 40px;
}

.enquire-modal-input-container {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.enquire-modal-input-container-label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    margin-top: 8px;
}

.enquire-modal-input-container-label label {
    font: normal normal bold 14px/21px Barlow;
    letter-spacing: 0px;
    color: #484D42;
    text-transform: capitalize;

}

.enquire-modal-input-container-label input {
    padding: 16px 20px;
    border-radius: 8px;
    border: 1px solid #C3C8BD;
    width: 305px;
}

.unit-divider{
    background:rgba(0,0,0,0.1);
    width:95%;
    height: 1px;
    margin: 0 auto 20px auto;
}

#mobileNumber {
    padding-left: 85px !important;
}

.enquire-modal-input-container-label input:active {
    outline: none;
}

.enquire-modal-input-container-label textarea {
    padding: 16px 20px;
    border-radius: 8px;
    border: 1px solid #C3C8BD;
    width: 100%;
    margin-bottom: 40px;
    resize: none;
}

.enquire-modal-input-container-label input::placeholder {
    font: normal normal normal 16px/21px Barlow;
    letter-spacing: 0px;
    color: #C3C8BD;
    text-transform: capitalize;
}

.lekk-resident {
    display: flex;
    gap: 4px;
    justify-content: flex-end;
    align-items: center;
}

.lekk-resident div {
    padding: 2px 8px;
    background-color: #2ABC8F;
    color: white;
    font: normal normal bold 12px/48px Barlow;
    letter-spacing: -0.24px;
    color: #FFFFFF;
    border-radius: 5px;
    max-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lekk-resident p {
    font: normal normal bold 24px/24px Barlow;
    letter-spacing: 0px;
    color: #2ABC8F;
}

a.location-link {
    font: normal normal bold 12px/21px Barlow;
    letter-spacing: 0.6px;
    color: #6F7A62;
    text-transform: uppercase;
}

p.payment-terms {
    font: normal normal normal 14px/20px Barlow;
    letter-spacing: 0;
    color: #484d42;
}

.unit-option-info {
    color: #6F7A62;
}

.rate {
    font: normal normal normal 14px/24px Barlow;
    letter-spacing: 0;
    color: #484d42;
    text-align: right;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.unit-option-button {
    font: normal normal bold 14px/21px Barlow;
    letter-spacing: 0.7px;
    color: #ffffff;
    text-transform: uppercase;

}

.unit-option-amenity-items,
span.unit-option-amenity-items {
    font: normal normal bold 12px/21px Barlow;
    letter-spacing: 0.6px;
    color: #c3c8bd;
    text-transform: uppercase;
}

.show-all-photos {
    font: normal normal bold 16px/21px Barlow;
    letter-spacing: 0.8px;
    color: #ffffff;
    text-transform: uppercase;
}

.swipe-container svg {
    display: block;
}

.swipe-container:hover svg {
    display: block;
}

aside.ribbon-banner {
    display: block;
    position: absolute;
    top: 60px;
    left: -82px;
    width: 400px;
    height: 30px;
    line-height: 30px;
    transform: rotate(-33deg);
    background-color: #484d42;
    z-index: 20;
}

h4.trust-title {
    font: normal normal bold 18px/43px Barlow;
    letter-spacing: 0;
    color: #484d42;

    @media (max-width: 60em) {
        color: white;
        line-height: normal;
    }
}

.calendar-open {
    background-color: var(--color-green);
    color: white;
}

.dates-not-selected {
    background-color: var(--color-green);
}

.dates-selected {
    background-color: #484d42;
    @media (max-width: 60em) {
        background-color: #484d42;
    }
}

.map-container-pdp {
    position: relative !important;
}

.map-container-pdp, .map-container-pdp .mapboxgl-canvas, .map-container-pdp #map {
    position: relative !important;
}

.map-container-pdp #map {
    width: 100% !important;
    border-radius: 8px;
    margin-bottom: 40px !important;
    height: auto;
}

.dates-selected-container {
    background-color: #f0f2ef;
}

.enquire-modal-dates .dates-selected-container {
    background-color: transparent !important;
}

.map-overlay-view {
    position: relative;
}

.map-overlay-view::after {
    content: "View On Map";
    color: #507716;
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

.unavailable-class {
    max-width: 60rem;
}

@media (max-width: 649px) {
    .pdp-reviews-mobile {
        background-color: #f0f2ef;
        display: block !important;
    }

    .pdp-reviews-desktop {
        margin: 0 0px;
        padding: 30px 0;
    }
}

@media (max-width: 650px) {
    .unavailable-class {
        max-width: 90%;
    }
}


.truncate-with-css-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.unit-page-back {
    font: normal normal normal 14px/26px Barlow;
    letter-spacing: 0;
    color: #484d42;
}

.breadcrums,
.breadcrums a,
.breadcrums span {
    font: normal normal normal 14px/26px Barlow;
    letter-spacing: 0;
    color: #484d42;
}
.underline-tabs{
    width: 100%;
    height: 1px;
    background-color: #E0DDD3;
    margin-bottom: 40px;
    margin-top: -2.5px;
}
.underline-tabs-active{
    width: 105px;
    border-bottom: 4px solid #507716;
    font: normal normal bold 18px/36px Barlow;
    letter-spacing: 0px;
    color: #507716 !important;
}
.pdp-max-width{
    max-width: 978px;
}
.guest-alloc-continue{
    font: normal normal bold 14px/21px Barlow;
    letter-spacing: 0.7px;
}
@media (max-width: 450px) {
    .dates-title {
        font: normal normal normal 14px/36px Barlow;
    }

    .max-width {
        padding: 0 15px;
    }


    .breadcrums,
    .breadcrums a,
    .breadcrums span {
        font: normal normal normal 12px/26px Barlow;
    }
}

.breadcrums span.current {
    font: normal normal bold 14px/26px Barlow;
}

.property-title {
    font: normal normal bold 18px/20px Barlow;
    letter-spacing: 0;
    color: #484d42;
}

.checkout-rate {
    font: normal normal bold 24px/24px Barlow;
    letter-spacing: 0;
    color: #484d42;
}

.form-title {
    font: normal normal bold 18px/21px Barlow;
    letter-spacing: 0;
    color: #484d42;
}

.availability-title {
    font: normal normal bold 34px/48px Barlow;
    letter-spacing: -0.68px;
    color: #484d42;
    @media (max-width: 60em) {
        font: normal normal bold 24px/36px Barlow;
        letter-spacing: 0;
    }
}

.availability-subtitle {
    @media (max-width: 60em) {
        font: normal normal normal 18px/36px Barlow;
    }
}

.availability-dates {
    font: normal normal normal 24px/42px Barlow;
    letter-spacing: -0.48px;
    @media (max-width: 60em) {
        font: normal normal normal 18px/42px Barlow;
        letter-spacing: -0.36px;
    }
}

#unit-options {
    transition: opacity 300ms ease-in;
}

.availability-unit-title {
    font: normal normal normal 14px/27px Barlow;
    letter-spacing: 0;
    color: #484d42;
}

/*@media screen and (-webkit-min-device-pixel-ratio:0) {*/
/*    select.custom {*/
/*        background: url("../icons/down.png") no-repeat 95% 50%;*/
/*        -webkit-appearance: none;*/
/*    }*/
/*}*/
.availability-unit-titles{
    font-family: "Barlow", sans-serif;
}
.avail-cal-units-view {
    flex: 1;
    padding-top:40px ;
    @media (max-width: 60em) {
        max-height: 600px;
    }
}
.pdp-h1{
    font: normal normal bold 34px / 48px 'Barlow';
}
body.modal-open {
    overflow: hidden;
}

h2.unit-page-title {
    font: normal normal bold 24px/27px Barlow;
}

#reviews-spinner{
    position: absolute;
    left: 35%;
}

#reviews{
    min-height: 100px;
}

.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border-left-color: #507716;
    animation: spin 1s ease infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.daterangepicker-loader {
    display: none !important; /* Initially hidden */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(255, 255, 255, 0.8) !important;
    z-index: 1000 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.daterangepicker td.dontshow {
    visibility: hidden !important;
}

.button-loader.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border-left-color: var(--color-green);
    animation: spin 1s ease infinite;
}

.map_address {
    font: normal normal normal 16px/26px Barlow;
    letter-spacing: 0;
    color: #484d42;
}

.swiper {
    width: 100%;
    height: fit-content;
}

.swiper-slide {
    min-height: 150px;
    cursor: pointer;
}

.swiper-pagination {
    position: relative !important;
}

.swiper-pagination-bullet {
    width: 16px !important;
    height: 16px !important;
    text-align: center !important;
    line-height: 9px !important;
    opacity: 1 !important;
    background-color: #c3c8bd !important;
    padding: 2px !important;
}

.swiper-pagination-bullet-active {
    background-color: transparent !important;
    content: url(../icons/active.png) !important;
    height: 28px !important;
    width: 28px !important;
    position: relative !important;
    top: 6px !important;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
.swiper-pagination-bullet {
    margin: 0 5px !important;
}

.htmx-request #unit-options {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

#reviews-spinner.htmx-request{
    display: flex;
}

#pdp-tab-loading.htmx-request{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.htmx-request #unit-options-loader {
    display: block;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.show-toggle span {
}

.show-toggle .show-toggle-btn {
    color: var(--color-green);
    border: 0;
    border-radius: 0;
    background: transparent;
    cursor: pointer;
    padding: 0;
}

.formatted-text h1 {
    color: #484d42 !important;
    font: normal normal bold 34px / 40px "Barlow" !important;
}

.formatted-text h2 {
    color: #484d42 !important;
    font: normal normal bold 34px / 40px "Barlow" !important;
    @media (max-width: 60em) {
        font: normal normal bold 24px/36px "Barlow", sans-serif !important;
        letter-spacing: 0;
    }
}

.formatted-text strong {
    color: #484d42 !important;
    font: normal normal bold 34px / 40px "Barlow" !important;
}

.formatted-text span {
    color: #484d42 !important;
    font-family: "Barlow" !important;
}

.formatted-text a {
    color: #507716 !important;
    font-family: "Barlow" !important;
    font-weight: 500;
}

.gallery-page {
    font: normal normal normal 18px/26px Barlow;
    letter-spacing: 0;
    color: #ffffff;

    @media (max-width: 60em) {
        font: normal normal normal 16px/26px Barlow;
    }
}

.gallery-pagination {
    text-align: left;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pdp-top-filter{
    font: normal normal normal 18px/20px Barlow;
    letter-spacing: 0px;
    color: #6F7A62;
}

.reviewsSwiper .swiper-slide {
    text-align: left;
    display: flex;
    align-items: start;
    /*max-height: 408px;*/
    /*min-height: 408px;*/
    /*overflow: hidden;*/
}

.reviewsSwiper .swiper-slide img {
    display: block;
    width: fit-content;
}

.swiper-slide img {
    display: block;
    width: 100%;
    object-fit: contain;
}

.unit-page-top-info {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-top: 37px;
}

.unit-page-top-info-left {
    display: flex;
    flex-direction: column;
    gap: 32px;
    flex: 100;
}

.unit-page-top-info-left-top {
    justify-content: flex-start;
    gap: 30px;
}

.unit-page-top-info-container {
    display: flex;
    gap: 30px;
    align-items: center;
}

.unit-page-top-info-flex {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}

.unit-page-top-info-flex p {
    font: normal normal bold 12px "Barlow", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0;
}
.mobile-pdp-date-selection{
    display: none;
}
.desktop-date-selection{
    display: flex;
}
.unit-options-margin {
    margin-top: 14px
}

.unit-options-margin-small {
    margin-top: 16px
}
.full-cal-width{
    width: 77%;
}
.unit-cal-width{
    width: 100%;
}
.unit-line {
    width: 150%;
    height: 2px;
    background-color: #F0F2EF;
    align-self: center;
    max-width: 375px;
}

.unit-page-top-info-right {
    flex-direction: column;
    gap: 10px;
    min-width: 375px;
    align-items: center;
}

.unit-page-map > div {
    width: 375px;
}

.unit-page-top-info-right-trust {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
}

.unit-page-top-info-right-trust p {
    font: normal normal normal 14px/20px Barlow;
    letter-spacing: 0px;
    color: #484D42;
}

.unit-page-top-info-right-trust img {
    max-width: 375px;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.mainSwiper {
    height: 100%;
    width: 100%;
}

.thumbSwiper {
    height: 100%;
    box-sizing: border-box;
    padding: 10px 0;
}

.home-features-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(313px, 1fr));
    column-gap: 20px;
    justify-items: center;
    row-gap: 20px;
}

.thumbSwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.6;
    min-height: 100%;
}

.booking-verify-green {
    background-color: #D5E6BD;
    width: 100%;
    max-width: 583px;
    border-radius: 8px;
    padding: 11px;
}

#booking-success-flex {
    flex-direction: row-reverse;
}

.booking-verify-green h1 {
    font: normal normal bold 24px/28px Barlow;
    letter-spacing: -0.48px;
    color: #507716
}

.thumbSwiper .swiper-slide-thumb-active {
    opacity: 1;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#main-menu {
    z-index: 99999 !important;
}

.main-gallery-swiper .swiper-button-next,
.main-gallery-swiper .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    z-index: 60;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.main-gallery-swiper .swiper-button-next:after,
.main-gallery-swiper .swiper-button-prev:after {
    content: none;
}

.adjustment-size {
    width: 76% !important;
}
.show-all-photos-btn{
    position: absolute;
    bottom: 45px;
    left: 45px;
    z-index: 1;
    font: normal normal bold 16px/21px Barlow;
    letter-spacing: 0.8px;
    color: #FFFFFF;
    text-transform: uppercase;
    border-bottom: 2px solid white;
}

.gallery-title {
    text-align: center;
    font: normal normal bold 24px/26px Barlow;
    letter-spacing: 0;
    color: #ffffff;

    @media (max-width: 60em) {
        font: normal normal bold 16px/26px Barlow;
    }
}

/*needed for alpine cloak to work*/
[x-cloak] {
    display: none !important;
}

.overlay-newsletter {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(72, 77, 66, 0.9);
    z-index: 1000;
    display: none;
    align-items: center;
}

.newsletter {
    background-color: white;
    border-radius: 15px;
    height: 80%;
    width: 70%;
    max-width: 800px;
    margin: 0 auto;
    overflow: auto;
    position: relative;
    z-index: 10000;
}

.newsletter-top {
    background-image: url(/public/images/newsletter-modal-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 50%;
}

.newsletter-top h1 {
    text-align: center;
    max-width: 550px;
    font-size: 34px;
    padding-top: 65px;
    margin: 0 auto;
}

.newsletter form {
    margin: 3rem auto 0 auto;
    width: 90%;
    display: flex;
    flex-direction: column;
}

.newsletter form button {
    align-self: center;
}

.newsletter form .newsletter-form-flex {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

.newsletter form .newsletter-form-flex-label {
    display: flex;
    flex-direction: column;
    border: 1px solid #ede8e9;
    border-radius: 8px;
    padding: 10px 16px;
    width: 100%;
}

.newsletter form .newsletter-form-flex-label input {
    color: black;
}

.newsletter form .newsletter-form-flex-label input:focus {
    outline: none;
}

.newsletter form .newsletter-form-flex-label label {
    color: var(--color-gray-label);
}

.newsletter form .newsletter-form-flex-label input::placeholder {
    color: black;
    font-weight: 600;
}

.acceptence-newsletter {
    display: flex;
    gap: 1rem;
    margin: 1rem;
    align-items: center;
}

.acceptence-newsletter label {
    color: black;
}

.newsletter [type="checkbox"] {
    /* Hide the default checkbox */
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid var(--color-gray);
    border-radius: 50%; /* This makes it circular */
    outline: none;
    cursor: pointer;
    position: relative;
}

.newsletter input[type="checkbox"]:checked {
    background-color: #507716; /* Checked state color */
}

.newsletter-close-icon {
    position: absolute;
    top: 0px;
    right: 20px;
    font-size: 50px;
    color: black;
    cursor: pointer;
}

.main-button {
    background-color: #507716;
    border-radius: 50px;
    padding: 20px 68px;
    border: none;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: white;
}

.remove-h2 h2:nth-of-type(2) {
    display: none;
}

/* Dropdowns */

.dropdown-container-available {
    position: relative;
    display: inline-block;
    text-align: left;
}

/* Button styling */
.dropdown-container-available-toggle {
    display: inline-flex;
    justify-content: center;
    width: 100%;
    min-width: 5rem;
    background-color: transparent;
    border: 1px solid #F0F2EF;
    font-size: 14px;
    font-weight: 700;
    color: #484d42;
    cursor: pointer;
    align-items: center;
    text-transform: uppercase;
    border-radius: 8px;
    padding: 8.5px 10px;
}
#map {
    width: 80%;
    height: 500px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.set-currency{
    color: #484D42 !important;
    margin-right: 15px !important;
}
/* Date Picker */
.daterangepicker thead {
    font: normal normal bold 16px/24px Barlow !important;
    letter-spacing: 0 !important;
    color: #484d42 !important;
}

.daterangepicker thead tr:nth-of-type(1) {
    flex: 1 !important;
    justify-content: center !important;
    position: relative !important;
}

.daterangepicker thead tr:nth-of-type(1) th:nth-of-type(1) {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.daterangepicker thead tr:nth-of-type(1) .prev {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.daterangepicker thead tr:nth-of-type(1) .next {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.daterangepicker thead tr:nth-of-type(1) .month {
    justify-self: center !important;
    text-align: center !important;
}

.daterangepicker tr {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.daterangepicker .calendar-table .next:hover,
.daterangepicker .calendar-table .prev:hover {
    background-color: var(--color-gray-border) !important;
}

.daterangepicker td.start-date.end-date {
    border-radius: 100% !important;
}

.daterangepicker {
    width: 404px !important;
    min-height: 300px !important;
    padding: 15px !important;
    margin-top: 0 !important;
    border-radius: 8px !important;
    border-width: 0 !important;
    box-shadow: 0 0 10pt 0 rgba(153, 155, 168, 0.75) !important;

    @media (max-width: 60em) {
        width: 95% !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}

.daterangepicker:before,
.daterangepicker:after {
    display: none !important;
}

.daterangepicker .drp-calendar {
    min-width: 100% !important;
}

.daterangepicker tbody {
    font: normal normal normal 14px/21px Barlow !important;
    letter-spacing: -0.1px !important;
    color: #484d42 !important;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    height: 32px !important;
    width: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #484d42 !important;
}
.daterangepicker td.disabled, .daterangepicker option.disabled{
    color: rgb(195, 200, 189, 1) !important;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: var(--color-green) !important;
    border-radius: 100% !important;
    border-color: transparent !important;
    color: white !important;
}

.daterangepicker td.active {
    background-color: var(--color-green) !important;
    border-radius: 100% !important;
    color: white !important;
}

.daterangepicker .calendar-table .next,
.daterangepicker .calendar-table .prev {
    border-radius: 100% !important;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    padding: 4px !important;
}
.calendar-open {
    background-color: var(--color-green);
    color: white;
}

.dates-not-selected {
    background-color: var(--color-green);
}

.dates-selected {
    background-color: #484d42;
    @media (max-width: 60em) {
        background-color: #484d42;
    }
}

.dates-selected-container {
    background-color: #f0f2ef;
}

.home-features-cards-card {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    overflow: hidden !important;
}
.home-features-cards-card-top {
    min-width: 100%;
    max-width: 100%;
    height: 224px;
    border-radius: 20px;
    margin-bottom: 0.688rem;
    object-fit: cover;
}
.home-features-cards-card-instant {
    padding: 0px 10px;
    position: absolute;
    background-color: white;
    font: normal normal bold 12px/25px Barlow;
    letter-spacing: 0.6px;
    color: #484d42;
    text-transform: uppercase;
    border-radius: 10px;
    top: 20px;
    left: 20px;
    text-wrap: nowrap;
    z-index: 2;
    text-decoration: none;
}
.home-features-cards-card-bottom h5 {
    margin-bottom: 0.391rem;
    margin-top: 10px;
}
.home-features-cards-card-bottom h4 {
    font-size: 18px;
    line-height: 27px;
}
.home-features-cards-card-bottom h4,
.home-features-cards-card-bottom p:nth-of-type(1) {
    margin-bottom: 0.891rem;
}
.home-features-cards-card-bottom span {
    font-size: 18px;
    font-weight: bold;
}
.home-features-button {
    margin: 3.719rem auto 0 auto;
    align-self: center;
}
.home-features-cards-card .swiper-container {
    height: 224px;
    position: relative;
}
.home-features-cards-card .swiper-button-next {
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    font-size: 10px;
}
.swiper-navigation-icon{
    display: none;
}
.home-features-cards-card .swiper-button-next::after,
.home-features-cards-card .swiper-button-prev::after {
    font-size: 20px !important;
    color: white;
}
/* Dropdown icon styling */
.dropdown-icon {
    margin-left: 0.5rem;
    height: 1.25rem;
    width: 1.25rem;
}

/* Dropdown menu styling */
.dropdown-container-available-option-container {
    position: absolute;
    right: 0;
    margin-top: 0.5rem;
    width: 100%;
    background-color: white;
    border-radius: 0.375rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.05);
    z-index: 9999;
}

.dropdown-container-available-options {
    max-height: 15rem;
    overflow: auto;
}

.dropdown-container-available-options p {
    padding: 0.5rem 1rem;
    color: #374151;
    font-size: 0.875rem;
    cursor: pointer;
}
.home-dropdown-guest-amount {
    top: 5rem;
    width: 262px;
    overflow: auto;
    max-height: 245px;
    position: absolute;
    right: -15%;
    margin-top: 0.5rem;
    border-radius: 0.375rem;
    background-color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 0.625rem 1rem;
}

.home-dropdown-guest-amount-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

    .dropdown-container-available-options p:hover {
    background-color: #f9fafb;
}

    #guest-amount-button button{
        display: flex;
        align-items: center;
        gap: 5px;
        justify-content: center;
        margin-right: 30px;
        color: #484d42;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0px;
        line-height: 21px;
    }

    #guest-amount-button div p {
        color: black !important;
    }
    #guest-amount-button button svg{
        filter: invert(100);
        width: 18px;
    }

    .incrementor{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }

    #decrement, #increment{
        border: 1px solid #484D42;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #484D42;
    }
    #number{
        padding: 12px 16px;
        background-color:#6CA41A ;
        color: white;
        border-radius: 8px;
        font: normal normal bold 16px/21px Barlow;
    }

.image-carousel-relative {
    position: relative;
}

.image-carousel-absolute {
    position: absolute;
    padding: 4px 11px;
    top: 20px;
    left: 20px;
    font: normal normal bold 12px/25px Barlow !important;
    letter-spacing: 0.6px;
    color: #ffffff !important;
    text-transform: uppercase;
    background-color: #484D42;
    border-radius: 10px;
    z-index: 50;
}

.image-carousel-absolute-unit {
    position: absolute;
    padding: 4px 11px;
    top: 20px;
    left: 20px;
    font: normal normal bold 12px/25px Barlow !important;
    letter-spacing: 0.6px;
    color: #ffffff !important;
    text-transform: uppercase;
    background-color: #507716;
    border-radius: 10px;
    z-index: 1;
}

.cancellation-date-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.cancellation-date-flex-specific {
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.cancellation-date-flex-tick {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #19868e;
    display: flex;
    align-items: center;
    justify-content: center;
}

.original-rate-line {
    text-decoration: line-through;
    font: normal normal bold 14px/24px Barlow;
    letter-spacing: 0px;
    color: #484d42;
}

.rate-discount-red strong {
    font: normal normal bold 24px/24px Barlow;
    letter-spacing: 0px;
    color: #c84630;
}

#reserve-button {
    height: 57px;
}

.rate-discount-red {
    display: flex;
    align-items: center;
    gap: 3px;
    justify-content: end;
}

.rate-container-discount p {
    text-align: end;
}

.rate-discount-red p {
    background-color: #c84630;
    font: normal normal bold 12px/14px Barlow;
    letter-spacing: -0.24px;
    color: #ffffff;
    padding: 2px 3px;
    border-radius: 5px;
    display: inline;
}

.absolute-discount-banner-container {
    position: absolute;
    top: 170px;
    left: -5px;
    background-color: #c84630;
    z-index: 10;
    padding: 2px 20px 5px 45px;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    display: flex;
    align-items: center;
}

.absolute-discount-banner-container::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    border-right: 5px solid #7e2617;
    border-bottom: 10px solid transparent;
    width: 0;
    height: 0;
    z-index: 10;
}

.absolute-discount-banner {
    font: normal normal normal 16px/27px Barlow;
    letter-spacing: -0.32px;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 5px;
}

.absolute-discount-banner span {
    font: normal normal bold 24px/28px Barlow;
    letter-spacing: -0.48px;
    color: #ffffff;
}

.check-out-flow {
    display: flex;
    justify-content: space-between;
    max-width: 753.25px;
    margin: 0 auto;
    align-items: center;
    padding: 25px 0 30px 0;
}

.check-out-flow-item {
    display: flex;
    gap: 10px;
    align-items: center;
}

.check-out-flow-item-number {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #6ca41a;
    display: flex;
    align-items: center;
    justify-content: center;
    font: normal normal bold 18px/20px Barlow;
    letter-spacing: 0px;
    color: #ffffff;
}

.check-out-flow-item p {
    font: normal normal normal 18px/20px Barlow;
    letter-spacing: 0px;
    color: #484d42;
}

.check-out-flow-item-active {
    font: normal normal bold 18px/20px Barlow !important;
    letter-spacing: 0px;
    color: #484d42;
}

.check-out-flow-line {
    background-color: #f0f2ef;
    height: 2px;
    width: 150px;
}

.booking-cancellation-tick {
    background-color: #19868e;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.add-border {
    border-left: 1px solid #E0DDD3;
    border-right: 1px solid #E0DDD3;
    border-bottom: 1px solid #E0DDD3;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 0 2.5% 4.5% 2.5%;
}

.set-grid {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.pdp-reviews-redo-container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    background-color: #F6F4EF;
    border: 1px solid #E0DDD3;
    padding: 20px;
    border-radius: 20px;
    min-height: 408px;
    /*max-height: 408px;*/
}
.pdp-reviews-redo-container h3 {
    font: normal normal bold 18px/24px Barlow;
    letter-spacing: 0px;
    color: #507716;
}

.pdp-reviews-redo-container-name {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.pdp-reviews-redo-container-name p {
    font: normal normal normal 16px/18px Barlow;
    letter-spacing: 0px;
    color: #484d42;
}

.pdp-reviews-redo-container-name p span {
    font: normal normal bold 16px/24px Barlow;
    letter-spacing: 0px;
    color: #484d42;
}

.pdp-reviews-redo-container-name img {
    border-radius: 20px;
    height: 100px;
    width: 100px;
    object-fit: cover;
}

.pdp-reviews-redo-container-name-container-name {
    font: normal normal bold 18px/18px Barlow !important;
    letter-spacing: 0px;
    color: #484D42;
}

.pdp-reviews-redo-container-review {
/ / max-width: 671 px;
    flex: 100;
}

.pdp-reviews-redo-container-review-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.pdp-reviews-redo-container-review-top-stars {
    display: flex;
    align-items: flex-start;
    gap: 2px;
}

.pdp-reviews-redo-container-review-top-stars svg {
    max-width: 14px;
    max-height: 14px;
}

.pdp-reviews-redo-container-review-top-headline {
    font: normal normal bold 12px/15px Barlow;
    letter-spacing: 0.6px;
    color: #484d42;
    text-transform: uppercase;
    position: relative;
}

.new-404 {
    max-width: 836px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

#booking-success-container {
    max-width: 780px;
}

.actual-rand-conversion {
    display: flex;
    gap: 3px;
    align-items: center;
    margin-top: 5px;
    padding-left: 2.5%;
    margin-bottom: 10px;
}

.actual-rand-conversion-question {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #F0F2EF;
    position: relative;
}

.currency-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(72, 77, 66, 0.9);
    z-index: 901;
    display: none;
    align-items: center;
}

.set-currency {
    margin-left: 40px;
    margin-right: 24px;
    cursor: pointer;
    font: normal normal normal 16px / 21px Barlow;
    letter-spacing: 0px;
}

.currency-list {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 90%;
    max-width: 1282px;
    max-height: 800px;
    background-color: white;
    z-index: 9999;
    padding: 25px 30px;
    border-radius: 10px;
    overflow: auto;
}


.close-currency {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.currency-list h3 {
    font: normal normal bold 34px/48px Barlow;
    letter-spacing: -0.68px;
    color: #484D42;
    margin-bottom: 37px;
}


.currency-list-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-auto-flow: row;
    background-color: white;
    z-index: 100;
    column-gap: 93px;
    row-gap: 30px;
    position: relative;
}

.currency-list-grid::after {
    content: '';
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: 2px; /* Adjust the thickness of the border */
    background-color: #C3C8BD; /* Adjust the color of the border */
}

.currency-list-grid-item:nth-child(-n+4) { /* Target the first row items */
    margin-bottom: 30px; /* Adjust padding or margin as needed */
}

.set-currency {
    color: #484D42 !important;
    list-style-type: none;
}

.currency-list-grid .selected-currency {
    padding: 5px 10px;
    background: #F0F2EF 0% 0% no-repeat padding-box;
    border: 2px solid #C3C8BD;
    border-radius: 10px;
}

.currency-list-grid-item {
    cursor: pointer;
}

.currency-list-grid-item h4 {
    font: normal normal bold 14px/18px Barlow;
    letter-spacing: 0.7px;
    color: #484D42;
    text-transform: uppercase;
}

.actual-rand-conversion-question-message {
    padding: 13px 11px;
    background-color: #F0F2EF;
    border-radius: 10px;
    position: absolute;
    top: -142px;
    width: 380px;
    font: normal normal normal 14px/20px Barlow;
    letter-spacing: 0;
    color: #484D42;
    display: none;
}

.actual-rand-conversion-question-message::after {
    content: "";
    position: absolute;
    bottom: -7px; /* Adjust to place the arrow correctly */
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #F0F2EF; /* Same color as the background */
}

.actual-rand-conversion-question svg {
    max-width: 17px;
}
.pdp-reviews-redo-container-review-bottom p{
   color:  #6F7A62;
    font-size: 16px;
}

.pdp-reviews-redo-container-review-bottom {
    overflow: hidden;
    max-height: 350px;
    transition: max-height 0.1s ease;
}

.truncate-text {
    text-overflow: ellipsis;
    overflow: hidden;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    display: none !important;
    content: none !important;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    display: none !important;
    content: none !important;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    display: none !important;
}
#review-opacity{
    position: absolute;
    height: 90px;
    opacity: 0.95;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 18%;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
.show-more-btn {
    font-size: 14px;
    color: var(--global-color-links);
    background: none;
    border: none;
    cursor: pointer;
    z-index: 3;
    text-decoration: underline;
    margin-top: 8px;
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
}

.pdp-about-property p, .pdp-about-property h2, .pdp-about-property strong, .pdp-about-property span, .pdp-about-property ul li {
    color: #484d42 !important;
}
.pdp-about-property p, .accordions-p, .accordions-p p{
    font: normal normal normal 18px/26px Barlow !important;
    letter-spacing: 0px;
    color: #6F7A62 !important;
}
#review-score-absolute{
    position: absolute;
    top: 14px;
    right: 10.25px;
}
#review-score-absolute .score-value-star{
    font: normal normal bold 24px/24px Barlow;
}
#review-score-absolute .review-top-section-top-right div p:nth-of-type(2){
    font: normal normal normal 14px/18px Barlow;
}

#review-score-absolute .review-score-stars-inner span, .review-score-stars-bg span{
    width: 15px !important;
    height: 15px !important;
    font-size: 14px !important;
}

#review-score-absolute .review-top-section-top-right{
    padding: 9px;
}
#review-score-absolute .review-top-section-top-right-score{
    gap: 4px;
}

#gallery-stars .score-value-star{
    font: normal normal bold 24px/24px Barlow;
}
#gallery-stars .review-top-section-top-right div p:nth-of-type(2){
    font: normal normal normal 14px/18px Barlow;
}

#gallery-stars .review-score-stars-inner span, .review-score-stars-bg span{
    width: 15px !important;
    height: 15px !important;
    font-size: 14px !important;
}

#gallery-stars .review-top-section-top-right{
    padding: 9px;
}
#gallery-stars .review-top-section-top-right-score{
    gap: 4px;
}
.pdp-about-property ul li{
    font: normal normal normal 14px/24px Barlow;
}

.pdp-about-property a {
    color: #507716 !important;
    font-weight: 600;
}

.guest-allocation-modal{
    box-shadow: 0px 3px 20px #999BA826;
    border-radius: 10px;
    padding: 40px 26px;
    min-width: 433px;
    position: sticky;
    top: 20%;
    margin-top: 30px;
    background-color: white;
}
.guest-alloc-added-text{
    color: #507716;
}

.guest-alloc-added-text p{
    color: #507716;
    font: normal normal bold 14px/16px Barlow;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.guest-alloc-units-booked-container{
    max-height: 350px;
    overflow: auto;
    margin-bottom: 10px;
    padding-top: 20px;
    border-top: 2px solid #F0F2EF;
}
.guest-alloc-units-booked-container::-webkit-scrollbar {
    width: 5px;
    border-radius: 10px;
}
.guest-alloc-units-booked-container::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px transparent;
    border-radius: 10px;
}
.guest-alloc-units-booked-container::-webkit-scrollbar-thumb {
    background: #507716;
    border-radius: 10px;
}
.guest-alloc-units-booked-container::-webkit-scrollbar-thumb:hover {
    background: #507716;
}
.full-unit-overlay{
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;

}
.guest-allocation-modal h2{
    font: normal normal bold 24px/27px Barlow;
    letter-spacing: 0px;
    color: #484D42;
    text-align: center;
}
.guest-alloc-text{
    font: normal normal normal 14px/21px Barlow;
    letter-spacing: 0px;
    color: #484D42;
}
.guest-alloc-text-bold{
    font: normal normal bold 16px/21px Barlow;
    letter-spacing: 0px;
    color: #484D42;
}
.guest-alloc-dates{
    font: normal normal bold 16px/21px Barlow;
    letter-spacing: 0px;
    color: #484D42;
}
.guest-alloc-units-booked{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.unit-card-guest-allocation-indicator{
    background-color: #F0F2EF;
    padding: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    display: none;
}

.unit-card-guest-allocation-single-indicator{
    background-color: #F0F2EF;
    padding: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
}
.unit-page-mobile-line{
    width: 100%;
    height: 1px;
    background-color: #E0DDD3;
}
.unit-card-guest-allocation-single-indicator-unit-page {
    opacity: 0.4;
    background-color: transparent;
}
.unit-card-guest-allocation-single-indicator.htmx-request{
    display: flex;
}
#unit-card-allocation-mobile{
    display: flex;
    margin-top: 1rem;
}

.unit-card-guest-allocation-indicator.htmx-request{
    display: block !important;
}
.unit-card-guest-allocation-unit-page{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.unit-card-guest-allocation-unit-page .unit-card-guest-allocation-section-top{
    width: 100%;
}

#score-color .score-value-star{
    color: #6F7A62 !important;
}

#score-color .review-top-section-top-right div p:nth-of-type(2){
    color: #6F7A62 !important;
}

.unit-card-guest-allocation-unit-page .unit-page-space{
    justify-content: space-between;
    width: 100%;
    margin-bottom: 24px;
}

.unit-card-guest-allocation{
    background-color: white;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 60px;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
    border-top: 1px solid #E0DDD3;
}
.unit-card-guest-allocation-section{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
#payment-option-form{
    border: 1px solid #E0DDD3;
    padding: 20px 10px;
}
.unit-card-guest-allocation-section-allocation{
    gap: 24px;
    justify-content: flex-start;
}
.unit-card-guest-allocation-section-heading{
    font: normal normal bold 16px/21px Barlow;
    letter-spacing: 0px;
    color: #484D42;
}
.unit-card-guest-allocation-section-text{
    font: normal normal normal 14px/21px Barlow;
    letter-spacing: 0px;
    color: #6F7A62;
}
.unit-card-guest-allocation-section-alloc{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}
.unit-card-guest-allocation-section-alloc-name{
    display: flex;
    flex-direction: column;
}
.unit-card-guest-allocation-section-select{
    padding: 10px 25px 10px 10px;
    font: normal normal bold 16px/21px Barlow;
    letter-spacing: 0px;
    color: #484D42;
    border-radius: 8px;
    border: 1px solid #484D42;
    text-align: center;
    /* Remove default arrow */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    /* Material design arrow */
    background-image: url("/public/images/arrow-down.svg");
    background-repeat: no-repeat;
    background-position: right 0px center;
    background-size: 30px;
}
.unit-card-guest-allocation-section-select option{
    border: 1px solid red !important;
}

.pdp-about-property h2 {
    margin-bottom: 10px;
    font-weight: 700 !important;
}

.pdp-about-property h2 strong {
    font-weight: 700 !important;
}

.pdp-about-property h2:nth-of-type(2), .pdp-about-property h2:nth-of-type(3), .pdp-about-property h2:nth-of-type(4), .pdp-about-property h2:nth-of-type(5) {
    margin-top: 20px;
}


.actual-rand-conversion p {
    font: normal normal normal 14px/26px Barlow;
    letter-spacing: 0px;
    color: #484D42;
}
#mobile-line{
    display: none;
}
.actual-rand-conversion p span {
    font: normal normal bold 14px/26px Barlow;
    letter-spacing: 0px;
    color: #484D42;
}

.new-oops {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.error-image {
    max-width: 371px;
}

.oops-image {
    width: 605px;
}

.error-bg {
    position: absolute;
    top: 0;
    width: 100% !important;
    height: 20rem;
    max-width: none;
    z-index: -1;
}

.new-404 h1,
.new-oops h1 {
    font: normal normal normal 34px/48px Barlow;
    letter-spacing: -0.68px;
    color: #484d42;
}

.new-404 h2,
.new-oops h2 {
    font: normal normal bold 34px/58px Barlow;
    letter-spacing: -0.68px;
    color: #484d42;
}

.new-404 p,
.new-oops p {
    font: normal normal normal 16px/26px Barlow;
    letter-spacing: 0px;
    color: #484d42;
}

.new-404 p span,
.new-oops p span {
    font: normal normal bold 16px/26px Barlow;
    letter-spacing: 0px;
    color: #c3c8bd;
}

.new-404 .main-button,
.new-oops .main-button {
    margin: 30px 0 50px 0;
}

.error-nav .hamburger svg {
    fill: black;
}

.error-nav .search-for-property {
    display: none;
}

.search-for-property {
    display: flex;
    align-items: center;
    position: relative;
}

.search-for-property input {
    border: none;
}

.search-for-property input:focus {
    outline: none;
}

.voucher-code-add {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
    background-color: #D5E6BD;
    border-radius: 8px;
    gap: 15px;
}

.voucher-code-add button {
    text-decoration: underline;
    font: normal normal bold 12px/17px Barlow;
    text-transform: uppercase;
    letter-spacing: 0px;
    color: #507716;
}
.unit-page-mealplan{
    color: #507716;
    font: normal normal bold 12px/14px Barlow;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}
.about-unit-padding {
    padding: 20px 0 0 0;
}

.unit-page-padding {
    padding: 0 54px;
}

.valid-voucher {
    border: 1px solid green !important;
}

.voucher-tick-check {
    position: relative;
}

.voucher-tick {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.voucher-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(72, 77, 66, 0.9);
    z-index: 71;
}

.voucher-pop-up {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 706px;
    z-index: 72;
    max-width: 90%;
}

.review-score-amount p{
    font: normal normal normal 16px/32px Barlow;
    letter-spacing: 0px;
    color: #6F7A62;
}

.review-score-amount {
    margin-bottom: 0;
}


.voucher-close {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}
.review-top-section-top-right-container{
    display: flex;
    gap: 2rem;
    margin-bottom: 40px;
}

.voucher-pop-up h2 {
    color: white;
}

.rate {
    display: flex;
    flex-direction: column;
    align-items: end;
}

#rate-percentage {
    display: block;
}

.voucher-pop-up-top {
    background-color: #507716;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    padding: 60px 50px;
}

.voucher-pop-up-bottom {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background-color: white;
    gap: 5px;
    padding: 40px 50px 60px 50px;
    max-width: 100%;
}

.support-footer {
    padding: 20px;
    background-color: #D5E6BD;
    border-radius: 8px;
    margin-top: 20px;
    text-align: left;
    width: 100%;
    margin-bottom: 20px;
}

.support-footer h3 {
    font: normal normal bold 18px/20px Barlow;
    letter-spacing: -0.36px;
    color: #507716;
}

.support-footer p {
    font: normal normal normal 14px/21px Barlow;
    letter-spacing: 0px;
    color: #507716;
    margin-bottom: 10px;
}

.support-footer a {
    font: normal normal bold 16px/26px Barlow;
    letter-spacing: 0px;
    color: #507716;
    display: block;
}

.reserve-header {
    background-color: #D5E6BD;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 20px;
}

.booking-confirmation-right-container {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
}

.reserve-header h1 {
    font: normal normal bold 24px/28px Barlow;
    letter-spacing: -0.48px;
    color: #507716;
}

.reserve-header p {
    font: normal normal bold 14px/26px Barlow;
    letter-spacing: 0px;
    color: #507716;
    text-transform: uppercase;
    margin-top: 10px;
}

.whats-included-container {
    display: none;
    flex-direction: column;
    gap: 5px;
    padding: 2.5%;
    border: none;
    border-radius: 8px;
    margin-top: 20px;
}

.whats-included-container-details {
    margin-top: 0px !important;
    margin-bottom: 20px;
}

.voucher-pop-up-bottom button:disabled {
    background: #C3C8BD 0% 0% no-repeat padding-box;
    border-radius: 50px;
    padding: 15px 50px;
    font: normal normal bold 16px/21px Barlow;
    color: #484D42;
    opacity: 0.5;
}

.voucher-pop-up-bottom button {
    background: #507716;
    border-radius: 50px;
    padding: 15px 50px;
    font: normal normal bold 16px/21px Barlow;
    color: white;
}

.conservio-vetted {
    border: 1px solid #F0F2EF;
    border-radius: 8px;
    gap: 10px;
    align-items: center;
}

.conservio-vetted h2 {
    font: normal normal bold 24px/36px Barlow;
    letter-spacing: 0px;
    color: #484d42;
}

.conservio-vetted p {
    font: normal normal normal 16px/19px Barlow;
    letter-spacing: 0px;
    color: #6F7A62;
}

.voucher-pop-up-bottom div {
    display: flex;
    align-items: center;
    gap: 21px;
}

.voucher-pop-up-bottom div input {
    border: 1px solid #484D42;
    border-radius: 8px;
    padding: 16px 20px;
    width: 365px;
}

.voucher-pop-up-bottom div input:focus {
    outline: none;
}

.voucher-pop-up-bottom label {
    font: normal normal bold 12px/21px Barlow;
    letter-spacing: 0px;
    color: #484D42;
    text-transform: capitalize;
    align-self: flex-start;
}

.voucher-pop-up-bottom div input::placeholder {
    font: normal normal normal 16px/21px Barlow;
    letter-spacing: 0px;
    color: #C3C8BD;
    text-transform: capitalize;
}
.swiper-button-prev-activity{
    position: absolute;
    top: 20px;
    right: 50px;
    z-index: 10;
    cursor: pointer;
}
.swiper-button-next-activity{
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 10;
    cursor: pointer;
}

#voucher-applied {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.remove-voucher-button {
    font: normal normal bold 14px/24px Barlow !important;
}

#voucher-applied p:nth-of-type(1) {
    font: normal normal bold 18px/20px Barlow;
    letter-spacing: 0px;
    color: #484D42;
}

#unit-page-top-info-left-top-mobile {
    display: none !important;
}

#reserve-button-mobile {
    width: 100%;
    padding: 19px 0;
    margin-top: 10px;
}

.booking-confirmation-right {
    max-width: 375px;
}

.booking-confirmation-footer .hide-reservation {
    display: none;
}

.unit-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-auto-flow: row;
    background-color: white;
    z-index: 10;
    column-gap: 26px;
    row-gap: 26px;
    position: relative;
    margin-bottom: 60px;
}

.unit-grid img {
    height: 222px;
    object-fit: cover;
    width: 100%;
    border-radius: 8px;
}

.booking-summary-line {
    height: 41px;
}

.large-img-unit {
    grid-column: span 2;
}
.gallery-sizing{
    max-width: 1400px;
    margin: 0 auto;
}
@media (max-width: 1440px) {
    .pdp-max-width{
        max-width: 820px;
    }
}

@media (max-width: 1280px) {
    .guest-allocation-modal{
        padding: 20px 14px;
        min-width: 300px;
    }
}
.guest-allocation-mobile-toggle, .allocation-modal-rate{
    display: none;
}
.guest-allocation-full-info, .guest-alloc-mobile-hidden{
    display: block;
}

.prop-sec-unit-page{
    background-color: #F2F0E9;
    position: absolute;
    top: -10%;
    left: -5%;
    width: 95vw;
    height: 110%;
    z-index: -1;
    border-radius: 40px;
    max-width: 1400px;
}

@media (max-width: 1200px) {
    .prop-sec-unit-page{
        top: -5%;
        left: -2%;
        width: 95vw;
        height: 105%;
    }
    .desktop-date-selection{
        display: none;
    }
    .mobile-pdp-date-selection{
        display: block;
    }
    .unit-card-guest-allocation-section-select{
        padding: 8px 22px 8px 6px;
        font: normal normal bold 14px/16px Barlow;
        background-size: auto;
    }
    .guest-alloc-total{
        margin: 10px 0 0px 0 !important;
        align-items: flex-start !important;
        flex: 100;
    }
    .allocation-modal-rate{
        justify-content: space-between;
    }
    .allocation-modal-rate .main-button{
        font: normal normal bold 16px/18px Barlow;
    }
    .allocation-modal-rate .rate{
        align-items: flex-start !important;
        text-align: left;
    }
    .guest-alloc-mobile-hidden{
        display: none;
    }
    .pdp-max-width{
        max-width: 100%;
    }
    .guest-allocation-mobile-toggle{
        display: block;
    }
    .guest-allocation-mobile-toggle-absolute{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
    .guest-allocation-unhide{
        display: block !important;
        width: 443px;
    }
    .allocation-modal-rate{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 443px;
        gap: 8px;
    }
    .allocation-modal-rate.hidden{
        display: none !important;
    }
    .guest-allocation-full-info{
        display: none;
    }
    .guest-allocation-modal{
        box-shadow: 0px 3px 20px #999BA826;
        border-radius: 10px;
        padding: 20px 14px 20px 14px;
        min-width: 100%;
        max-width: 100%;
        margin-top: 30px;
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        z-index: 99;
        background-color: white;
        display: flex;
        justify-content: center;
        flex-direction: column-reverse;
        align-items: center;
    }
}
.unit-card-guest-allocation-section-allocation .htmx-request {
    display: flex !important; /* Override `hidden` or conflicting CSS */
}


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

.booking-confirmation-meal-plan {
    padding: 0% 2.5% 2.5% 2.5%;
    flex-direction: column;
}

.full-amount {
    font: normal normal bold 16px / 20px Barlow;
    color: #484D42;
    margin-top: 10px;
}

.booking-flow-input input {
    font-size: 16px !important;
}

#map-for-scroll {
    gap: 2rem
}
.margin-payments{
    margin-bottom: 60px;
}
.unit-p p{
    font: normal normal normal 18px / 26px Barlow !important;
    letter-spacing: 0px;
    color: #6F7A62 !important;
}
.guest-alloc-total{
    justify-content: space-between;
    align-items: center;
    margin: 40px 0 20px 0;
}
.guest-alloc-total h3{
    font: normal normal normal 24px/27px Barlow;
    letter-spacing: 0px;
    color: #484D42;
}
.guest-alloc-total p{
    font: normal normal bold 24px/24px Barlow;
    letter-spacing: 0px;
    color: #484D42;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.avail-font{
    font-size: 18px;
}
.availability-padding{
    padding: 20px 20px 10px 20px;
}
.iti__flag {
    background-image: url("/public/images/flags.webp") !important;
}
@media (max-width: 850px) {
    .home-features-cards-card {
        width: 100% !important;
        max-width: 100% !important;
    }
}
@media (max-width: 550px) {
    .home-dropdown-guest-amount{
        right: 0;
    }
    #guest-amount-button button{
        margin-right: 0;
    }
}
#normal-price-color{
    color: #484D42 !important
}
.not-charged-yet{
    font: normal normal normal 16px/18px Barlow;
    letter-spacing: 0px;
    color: #6F7A62;
    text-align: center;
}
.counter-section-gap{
    gap: 8px;
}
.resize-map .mapboxgl-canvas{
    height: 100% !important;
    width: 100% !important;
}
.set-currency-glass{
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(5px);
    box-shadow: none !important;
    border: 1px solid #F0F2EF;
}
.set-currency-glass-green{
    background: rgba(80, 119, 85, 0.8);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    box-shadow: none !important;
    border: 1px solid #F0F2EF;
}
#h2-mobile{
    font: normal normal bold 24px/32px Barlow !important;
}
.new-vetted{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.new-vetted div{
    text-align: left;
}

.footer-underline{
    width: 100%;
    height: 1px;
    border-bottom:1px solid #E0DDD3;
    margin: 60px auto 80px auto;
}
.pdp-about-property h2{
    font: normal normal bold 24px/32px Barlow !important;
}
.tab-button{
    width: 105px;
    padding: 0.5rem 0.5rem;
    font: normal normal bold 18px/36px Barlow;
    letter-spacing: 0px;
    color: #6F7A62;
}
.tab-container{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 80px;
    max-width: 100%;
}
.unit-page-prop .review-score-amount > div{
    justify-content: flex-start !important;
}

#unit-tabs .activities-container{
    max-width: 75% !important;
}
.avail-bg-container .avail-bg{
    background-color: white;
}
@media (max-width: 640px) {
    .heading-h3-style {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
    #mobile-line{
        display: block;
    }

    #reviews-spinner{
        position: absolute;
        left: 45%;
    }
    .pdp-top-filter{
        font: normal normal normal 16px/20px Barlow;
        letter-spacing: 0px;
        color: #6F7A62;
    }
    .guest-alloc-added-text p{
        color: #507716;
        font: normal normal bold 12px/16px Barlow;
        letter-spacing: 0.7px;
        text-transform: uppercase;
    }
    .pdp-filters-grid{
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .pdp-filters-grid p{
        font: normal normal normal 16px/18px Barlow;
        letter-spacing: 0px;
        color: #6F7A62;
    }

    .pdp-filters h2{
        font: normal normal bold 24px/27px Barlow;
        letter-spacing: 0px;
        color: #484D42;
    }
    .unit-page-top-info-left-top {
        justify-content: flex-start;
        gap: 16px;
    }
    .tab-container .star-rating{
        display: none;
    }
    .footer-underline{
        height: 1px;
        margin: 0px auto 40px auto;
    }
    .underline-tabs-active{
        width: 10px;
        border-bottom: 4px solid #507716;
    }
    .tab-container{
        gap: 10px;
        max-width: 100%;
    }
    .tab-button{
        width: 100%;
    }
    .underline-tabs{
        margin-bottom: 20px;
    }

    .cal-margin-mobile {
        margin-top: 30px;
        width: 100%;
    }
    .pdp-mobile-absolute{
        margin-top: -20px;
        z-index: 10;
        position: relative;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        background-color: #F6F4EF;
    }
    #payment-option-form{
        border: 2px solid #F0F2EF;
        padding: 20px 10px;
    }
    .avail-cal-units-view{
       padding-top: 0;
    }
    .guest-alloc-added-text{
        position: absolute;
        top: -20px;
        left: 80%;
    }
    .no-meal-added-text{
        top: -20px !important;
    }
    .counter-section-gap{
        gap: 8px;
    }
    .counter-section-width{
        width: 100%
    }
    .guest-allocation-unhide{
        display: block !important;
        width: 100%;
    }
    .unit-card-guest-allocation{
        background-color: white;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 0;
        z-index: 2;
        gap: 10px;
        position: relative;
        padding: 10px 10px 10px 10px;
    }
    #unit-card-guest-allocation-section-allocation-check{
        width: 100%;
    }
    .unit-card-guest-allocation-section{
        display: flex;
        align-items: flex-start;
        justify-content: start;
        gap: 10px;
    }
    .unit-card-guest-allocation-section-center{
        align-items: center;
    }
    .unit-card-guest-allocation-section-allocation{
        gap: 8px;
        flex-direction: column;
        width: 100%;
    }
    .unit-card-guest-allocation-section-heading{
        font: normal normal bold 14px/16px Barlow;
        letter-spacing: 0px;
        color: #484D42;
    }
    .unit-card-guest-allocation-section-top{
        align-items: center;
        justify-content: flex-start;
        width: 100%;
    }
    .unit-card-guest-allocation-section-text{
        font: normal normal normal 14px/21px Barlow;
        letter-spacing: -0.6px;
        color: #6F7A62;
    }
    .unit-card-guest-allocation-section-alloc{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
    }
    .unit-card-guest-allocation-section-alloc-name{
        display: flex;
        flex-direction: column;
    }


    .guest-allocation-modal{
        box-shadow:0px 5px 30px rgba(0, 0, 0, 0.8);
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        padding: 20px 14px 20px 14px;
        min-width: 100%;
        max-width: 100%;
        margin-top: 30px;
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        z-index: 49;
        background-color: white;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .guest-allocation-rate-unhide{
        display: flex !important;
    }
    .allocation-modal-rate{
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .rate-table th,
    .rate-table td {
        padding: 0.5rem;
        text-align: left;
        border-right: 1px solid #E0DDD3;
    }
    .review-top-section-top-right div p:nth-of-type(1){
        font: normal normal bold 32px/32px Barlow;
        letter-spacing: -0.84px;
        color: #484D42;
    }
    .pdp-h1, #review-title, .pdp-about-property h2, .pdp-h2{
        font: normal normal bold 24px / 36px 'Barlow';
    }
    #remaining-units-container #unit-card-rm-bd{
        padding: 0 10px 0px 10px;
    }
    .avail-font{
        font-size: 16px;
    }
    .availability-padding{
        padding: 0px 10px
    }

    .review-top-section-top-left-bottom p{
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }
    .review-top-section-top-left-bottom{
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start;
        margin-top: 10px;
        gap: 10px;
    }
    .review-top-section-top-left{
        margin-bottom: 20px;
    }
    .review-top-section-top{
        flex-direction: column;
        margin-bottom: 20px;
    }
    .review-top-section-top .review-top-section-top-right{
        max-width: 100%;
        width: 100%;
    }
    .review-top-section-top-right-container{
        display: flex;
        gap: 10px;
        margin: 15px 0;
    }
    .margin-payments{
        margin-bottom: 40px;
    }
    .review-top-section-top-right-mobile{
        display: flex !important;
        flex-direction: row !important;
        gap: 14px;
        padding: 20px 10px 20px 20px !important;
        justify-content: space-between !important;
    }
    .aggregate-review-modal{
        height: 100%
    }
    .aggregate-review-modal{
        padding: 15px;
        width: 100%;
        overflow: auto;
        height: 95vh;
        text-align: left;
    }
    .aggregate-review-modal h2{
        font: normal normal bold 24px/28px Barlow;
        margin-bottom: 20px;
    }
    .aggregate-review-modal h3{
        font: normal normal bold 16px/28px Barlow;
        margin-bottom: 20px;
        margin-top: 40px;
    }
    .aggregate-review-modal >p{
        max-width: 95%;
        width: 95%;
        font: normal normal normal 16px/28px Barlow;
    }
    .mobile-pdp-promoting p {
        font: normal normal normal 14px / 17px Barlow;
        letter-spacing: 0px;
        color: #6F7A62;
    }
    .mobile-pdp-promoting-content h5{
        font-size: 14px;
        line-height: 17px;
    }
    .mobile-pdp-promoting{
        gap: 10px;
    }
    .review-top-section-top-right{
        position: relative;
        padding: 6px 11px;
        min-width: 157px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .review-top-section-top-right section p{
        font: normal normal normal 12px/14px Barlow;
        letter-spacing: -0.24px;
    }
.review-question{
    position: absolute;
    top: 5px;
    right: 5px;
}
    .enquire-modal .note:nth-of-type(3) {
        margin-bottom: 10px;
    }
    .cancellation-policy-check-out-flow {
        .row {
            padding: 9px;
            align-items: flex-start;
        }

        .row div span {
            font: normal normal normal 16px/14px Barlow;
        }
    }

    #map-for-scroll {
        gap: 0
    }

    .unit-options-margin {
        margin-top: 0px
    }

    .footer-bottom-secure {
        align-items: center;
    }

    .enquire-guest-allocation-container {
        width: 30%;
        padding-left: 10px
    }

    .enquire-modal-dates .enquire-dates-selected-container {
        min-width: 100%;
    }

    .enquire-dates-selected-container .checkin-enquire {
        padding: 10px 0 10px 20px;
    }

    .rate-type {
        display: none;
    }

    .lekker-enquire-full {
        width: 100%;
    }

    .support-footer {
        padding: 10px;
    }

    .cancellation-policy-check-out-flow {
        margin: 30px auto 0 auto;
    }

    .calculating-spinner {
        bottom: -25px;
    }

    .booking-summary-line {
        height: 61px;
    }

    .booking-summary-line-short {
        height: 40px;
    }

    .booking-confirmation-meal-plan {
        margin-top: 10px;
    }

    .cancellation-policy-check-out-flow-grid-mobile {
        grid-template-columns: 1fr;
        border-radius: 8px;
        border: 1px solid #E0DDD3;
        margin-top: 20px
    }

    .voucher-switch {
        margin-top: 20px;
        flex-direction: column-reverse;
    }

    .unit-page-payment {
        max-width: 95%;
    }

    #booking-success-margin-bottom {
        margin-bottom: 20px;
    }

    #booking-success-flex .success-remove {
        display: none;
    }

    .success-support-footer {
        max-width: 95% !important;
    }

    #booking-success-flex {
        flex-direction: column;
    }

    .review-background {
        margin: 0 0 20px 0;
    }

    .check-out-flow {
        padding: 25px 15px 30px 15px;
    }

    .booking-confirmation-check-flow .check-out-flow {
        margin: 0 -15px 0 -15px;
    }

    .booking-confirmation-meal-plan {
        padding: 0% 2.5% 2.5% 2.5%;
    }

    .booking-verify-green h1 {
        font: normal normal bold 24px/26px Barlow;
        letter-spacing: 0px;
        color: #507716
    }

    .reserve-header p {
        font: normal normal bold 14px/26px Barlow;
        margin-top: 9px;
    }

    .reserve-header h1 {
        font: normal normal bold 18px/22px Barlow;
        letter-spacing: 0;
    }

    .whats-included-container {
        display: flex;
        flex-direction: column;
        gap: 5px;
        padding: 2.5%;
        border: 2px solid #F0F2EF;
        border-radius: 8px;
        margin-top: 20px;
    }

    .mobile-pdp-promoting {
        width: 100%;
        max-width: 100%;
    }

    .full-amount {
        font: normal normal bold 14px / 16px "Barlow", sans-serif !important
    }

    .conservio-vetted h2 {
        font: normal normal bold 18px/36px Barlow !important;
        letter-spacing: 0px;
    }

    .conservio-vetted {
        padding: 10px 10px 10px 10px;
        margin: 20px 0px;
    }

    .conservio-vetted svg {
        min-width: 53px;
    }

    .conservio-vetted p {
        font: normal normal normal 14px/19px Barlow;
    }

    .mobile-pdp-promoting {
        margin: 20px auto 0px auto;
    }

    .mobile-pdp-promoting-pdp {
        max-width: 95%;
        margin-bottom: 20px;
    }

    .swiper-pagination {
        margin-top: 10px;
    }

    .absolute-discount-banner-container {
        display: none;
    }

    .absolute-discount-banner-container::after {
        display: none;
    }

    .pdp-select-dates-mobile {
        flex-direction: column-reverse;
    }

    .dates-title {
        color: #6F7A62 !important;
    }

    #reserve-button {
        height: auto;
    }

    .rate {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }

    .about-unit-padding {
        padding: 10px;
    }

    .unit-grid {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 11px;
        row-gap: 11px;
        margin-bottom: 120px;
    }

    .unit-grid img {
        height: 167px;
    }

    .large-img-unit {
        display: none;
    }

    #unit-page-top-info-left-top-mobile {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }

    .unit-page-top-info-flex {
        justify-content: flex-start;
    }

    .grid-mobile:nth-of-type(2n) {
        margin-left: 20%;
    }

    .unit-page-padding {
        padding: 0 15px;
    }

    .review-heading {
        padding-top: 0px;
        margin-bottom: 23px;
    }

    .pdp-reviews-mobile {
        margin: 0 0px;
        display: block !important;
    }

    .voucher-pop-up {
        width: 100%;
        max-width: 100%;
    }

    .voucher-tick-check {
        width: 100%;
    }

    #absolute-discount-banner-container-mobile-pdp {
        top: 125px !important;
    }

    .voucher-pop-up-bottom div {
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
    }

    .voucher-pop-up-top {
        padding: 60px 15px;
    }

    .voucher-pop-up-bottom {
        padding: 40px 15px 60px 15px;
    }

    .voucher-pop-up-bottom div input, .voucher-pop-up-bottom div button {
        max-width: 100%;
        width: 100%;
    }

    .pdp-reviews-redo-container-name-container-name {
        font: normal normal bold 18px/18px Barlow !important;
    }

    .pdp-reviews-redo-container-review-top-stars svg {
        max-width: 15px;
        max-height: 15px;
    }

    .pdp-reviews-redo-container {
        align-items: flex-start;
        padding: 20px;
        border-radius: 8px;
        min-height: 350px;
        gap: 20px;
    }

    .pdp-reviews-redo-container-review-top-headline {
        font: normal normal bold 12px/15px Barlow;
    }

    .absolute-discount-banner-container-mobile-pdp {
    / / bottom: 200 px;
    }

    .cancellation-date-flex {
        justify-content: flex-end;
    }

    .set-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        grid-gap: 5px;
    }

    .check-out-flow-item p {
        font: normal normal normal 13px/20px Barlow !important;
    }

    .check-out-flow-item {
        gap: 3px;
    }

    .check-out-flow-item .check-out-flow-item-active {
        font: normal normal bold 13px/20px Barlow !important;
    }

    .check-out-flow-item-number {
        width: 18px;
        height: 18px;
        font: normal normal bold 14px/20px Barlow;
    }

    .check-out-flow-line {
        width: 25px;
    }


    .enquire-modal {
        padding: 20px 16px;
        border-radius: 10px;
        width: 100%;
        max-height: 100vh;
        overflow-y: auto;
        height: 100%;
    }

    #enquire-modal-close {
        top: 10px;
        right: 10px;
    }

    .enquire-modal-dates {
        margin-bottom: 10px;
    }

    .enquire-modal h2, .enquire-modal-success h2 {
        font: normal normal bold 24px/25px Barlow;
    }

    .enquire-modal p {
        font: normal normal normal 18px/25px Barlow;
        margin: 15px 0 10px 0;
    }

    .enquire-modal-input-container {
        gap: 00px;
        flex-direction: column;
    }

    .enquire-modal-input-container-label {
        margin-top: 10px;
    }

    .enquire-modal-input-container-label input {
        width: 100%;
        padding: 10px 12px;
    }

    .enquire-modal-input-container-label input:focus {
        outline: none;
        padding: 10px 12px;
    }

    .enquire-modal-input-container-label textarea {
        margin-bottom: 10px;
    }

    .enquire-modal form button {
        width: 100% !important;
    }

}



.cancellation-date-flex p,
.cancellation-date-flex-specific p {
    color: #19868e;
    font-size: 14px;
}

@media (max-width: 950px) {
    .actual-rand-conversion-question-message::after {
        left: 6%;
    }

    .prop-sec-unit-page{
        top: -5%;
        left: -2%;
        width: 92vw;
        height: 105%;
        z-index: -1;
        border-radius: 40px;
    }

    .actual-rand-conversion-question-message {
        top: -140px;
        left: -50%;
        width: 335px;
        font: normal normal normal 14px/20px Barlow;
    }

    .wrapping-items {
        flex-direction: column;
        align-items: flex-start;
    }

    .new-404 {
        max-width: 95%;
        text-align: center;
    }

    .new-oops {
        max-width: 95%;
        text-align: center;
    }

    .error-image {
        max-width: 221px;
    }

    .oops-image {
        max-width: 221px;
    }

    .error-bg {
        position: absolute;
        top: 0;
        width: 100% !important;
        height: 12rem;
        max-width: none;
        z-index: -1;
    }

    .new-404 h1 {
        font: normal normal normal 24px/36px Barlow;
        letter-spacing: -0.48px;
    }

    .new-oops h1 {
        font: normal normal normal 24px/36px Barlow;
        letter-spacing: -0.48px;
        max-width: 90%;
    }

    .new-404 h2,
    .new-oops h2 {
        font: normal normal bold 24px/36px Barlow;
    }

    .new-404 p,
    .new-oops p {
        font: normal normal normal 16px/26px Barlow;
        letter-spacing: 0px;
        color: #484d42;
    }

    .new-404 p span,
    .new-oops p span {
        font: normal normal normal 16px/26px Barlow;
    }

    .new-404 .main-button,
    .new-oops .main-button {
        margin: 30px 0 60px 0;
    }
}

@media (max-width: 800px) {
    .switch-flex{
        flex-direction: column;
    }
    .newsletter form .newsletter-form-flex {
        flex-direction: column;
    }

    .newsletter {
        height: 100%;
        width: 100%;
    }

    .newsletter-top {
        height: 40%;
    }

    .newsletter form {
        margin: 1rem;
    }

    .acceptence-newsletter {
        margin: 0;
    }
}

@media (max-width: 750px) {
    .absolute-discount-banner-container {
        top: 160px !important;
    }
    #map{
        position: absolute;
        top: 0;
    }
    .daterangepicker {
        left: 50% !important;
        transform: translateX(-50%) !important;
        max-width: 100% !important;
        width: 95% !important;
    }
}
.new-vetted div h3 {
    font: normal normal bold 24px/24px Barlow !important;
}
.new-vetted div h2{
    font: normal normal bold 18px/19px Barlow !important;
    letter-spacing: 0px;
    color: #6F7A62;
    margin-bottom: 7px;
}
.new-vetted img, .new-vetted svg{
    min-width: 30px;
    width: 30px;
}
.new-vetted div .h2-bold{
    font: normal normal bold 24px/26px Barlow !important;
    letter-spacing: 0px;
    color: #484D42;
}
.new-vetted div p{
    font: normal normal normal 18px/21px Barlow !important;
    letter-spacing: 0px;
    color: #6F7A62;
}

@media (max-width: 640px) {
    .prop-sec-unit-page{
        top: -5%;
        left: -2%;
        width: 98vw;
        height: 105%;
        z-index: -1;
        border-radius: 40px;
    }
    .new-vetted div h2{
        font: normal normal bold 18px/19px Barlow !important;
        letter-spacing: 0px;
        color: #6F7A62;
        margin-bottom: 7px;
    }
    .new-vetted div .h2-bold{
        font: normal normal bold 24px/26px Barlow !important;
        letter-spacing: 0px;
        color: #484D42;
    }
    .new-vetted div p{
        font: normal normal normal 16px/21px Barlow !important;
        letter-spacing: 0px;
        color: #6F7A62;
    }
    .date-picker-unit-page {
        padding-left: 0px;
        padding-right: 0px;
    }

    .date-selection-mobile {
        width: 100%;
    }

    .pdp-calendar-size {
        width: 100%;
    }

    .adjustment-size {
        width: 100% !important;
    }
}

.no-scroll {
    overflow: hidden;
}

@media (max-width: 600px) {
    .currency-list-grid::after {
        display: none;
    }
}

@media (max-width: 500px) {
    .currency-list-grid-item:nth-child(-n+4) { /* Target the first row items */
        margin-bottom: 0 !important; /* Adjust padding or margin as needed */
    }

}

@media (max-width: 450px) {
        .main-button {
            padding: 18px 55px;
            max-width: 100%;
        }

    .unit-grid {
        margin-bottom: 40px;
    }

    .currency-list-grid {
        column-gap: 30px !important;
        row-gap: 40px !important;
    }

    .currency-list {
        padding: 25px 20px !important;
        width: 100% !important;
        height: 90% !important;
    }
}

@media (max-width: 350px) {
    .unit-grid {
        margin-bottom: 40px;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 450px){
    .prop-sec-unit-page{
        top: -5%;
        left: -2%;
        width: 96vw;
        height: 105%;
        z-index: -1;
        border-radius: 40px;
    }
}