/* /Features/App.razor.rz.scp.css */
body[b-9s6wfga9pj] {
    margin: 0;
    font-family: "acumin-pro", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 1.2em;
    letter-spacing: 1px;
    color: #314746;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
/* /Features/Components/Accordion.razor.rz.scp.css */

.accordion[b-zm7ucxfc1k] {
    margin: 0;
    padding: 0;
}

.accordion-button[b-zm7ucxfc1k] {
    background: none;
    /*color: #6F9B8B;*/
    color: #6F9B8B;
    border: none;
    border-radius: 0 !important;
    box-shadow: none;
    font-family: "Work Sans", sans-serif;
    font-style: normal;
    font-size: 1.1em;
    font-weight: 300 !important;
    letter-spacing: 1px;
}

    .accordion-button:focus[b-zm7ucxfc1k] {
        border: none;
        box-shadow: none;
    }

    .accordion-button.collapsed[b-zm7ucxfc1k] {
    }

        .accordion-button.collapsed[b-zm7ucxfc1k]::after {
            background: url('images/accordion-arrow.svg');
            width: 30px;
            background-size: contain;
            background-repeat: no-repeat;
        }

    .accordion-button:not(.collapsed)[b-zm7ucxfc1k]::after {
        background: url('images/accordion-arrow.svg');
        width: 30px;
        background-size: contain;
        background-repeat: no-repeat;
        margin-top: -10px;
    }

.accordion-body[b-zm7ucxfc1k] {
    /*margin-top: 0;*/
    padding-top: 0;
    font-size: 1.1em;
}

.accordion-item[b-zm7ucxfc1k] {
    background: none;
    /*color: #ffffff;*/
    border: none;
}

[b-zm7ucxfc1k] .accordion-body b, [b-zm7ucxfc1k] .accordion-body strong {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    color: #000000;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    .accordion-button[b-zm7ucxfc1k] {
        font-size: 1.2em;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .accordion-button[b-zm7ucxfc1k] {
        font-size: 1.6em;
    }

    .accordion-button.collapsed[b-zm7ucxfc1k]::after {
        width: 40px;
    }

    .accordion-button:not(.collapsed)[b-zm7ucxfc1k]::after {
        width: 40px;
        margin-top: 0;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Components/BestForCarousel.razor.rz.scp.css */

/*.background {
    background-color: #ffffff;
}*/

.top[b-j3nrqcyi83] {
    padding: 3em 0 1em 0;
}

.place[b-j3nrqcyi83] {
    margin-top: 0.1em;
    color: #ffffff;
    font-size: 1.8em;
    text-transform: uppercase;
}

.bottom[b-j3nrqcyi83] {
    padding: 2em 0 4em 0;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .top[b-j3nrqcyi83] {
        padding: 4em 0 2em 0;
    }

    .bottom[b-j3nrqcyi83] {
        padding: 3em 0 4em 0;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Components/BestForPropertyCarousel.razor.rz.scp.css */

.background[b-e3e0a3whtz] {
    background-color: #FBF9F4;
}

.top[b-e3e0a3whtz] {
    padding: 2em 0 0em 0;
    /*background-color: #79A495;*/
}

/*.supertitle {
    color: #BAD2C9;
    font-size: 1em;
    text-transform: uppercase;
}*/

.destination[b-e3e0a3whtz] {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.2em;
}

    .destination[b-e3e0a3whtz]::after {
        content: "";
        position: absolute;
        bottom: -20px;
        left: 0;
        width: 100%;
        /*height: 160px;*/
        /*background: linear-gradient(to top, #314746, transparent); */
        background: linear-gradient(to top, #000000, transparent);
    }

.destination-details[b-e3e0a3whtz] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #ffffff;
    padding: 0.5em 0.25em;
    z-index: 1;
}

.destination-name[b-e3e0a3whtz] {
    margin: 0;
    padding: 0;
    font-size: 1.4em;
    line-height: 1em;
    align-self: flex-end;
}

.villa-count[b-e3e0a3whtz] {
    font-size: 0.9em;
    line-height: 1em;
    align-self: flex-end;
}

.place[b-e3e0a3whtz] {
    margin-top: 0.1em;
    color: #ffffff;
    font-size: 1.8em;
    text-transform: uppercase;
}

.middle[b-e3e0a3whtz] {
    /*padding-top: 2em;
    background-color: #E0EBE7;*/
}

.bottom[b-e3e0a3whtz] {
    padding: 4em 0;
    /*background-color: #E0EBE7;*/
}

.bestforProperty-carousel[b-e3e0a3whtz] {
    /*height: 720px; */
    /*border: 1px solid red;*/
    /*display: block;
    overflow: auto;
    height: fit-content;*/
}

.carousel-cell[b-e3e0a3whtz] {
    width: 33%;
    height: auto;
    /*height: 100%;*/
    /*display: block;
    height: fit-content;*/
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .top[b-e3e0a3whtz] {
        padding: 2em 0 1em 0;
        /*background-color: #79A495;*/
    }

    .bestforProperty-carousel[b-e3e0a3whtz] {
        /*height: 720px;*/
    }

    .carousel-cell[b-e3e0a3whtz] {
        width: 25%;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .top[b-e3e0a3whtz] {
        padding: 4em 0 1em 0;
    }

    .bestforProperty-carousel[b-e3e0a3whtz] {
        /*height: 700px;*/
    }

    .destination-details[b-e3e0a3whtz] {
        padding: 0.75em 0.5em;
    }

    .bestforProperty-carousel[b-e3e0a3whtz] {
        /*height: 650px;*/
    }

    .carousel-cell[b-e3e0a3whtz] {
        width: 25%;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .top[b-e3e0a3whtz] {
        padding: 4em 0 2em 0;
    }

    .bestforProperty-carousel[b-e3e0a3whtz] {
        /*height: 580px;*/
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .bestforProperty-carousel[b-e3e0a3whtz] {
        /*height: 580px;*/
        /*border: 1px solid red;*/
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    /*.bestforProperty-carousel {
        height: 580px;
        border: 1px solid red;
    }*/

    .carousel-cell[b-e3e0a3whtz] {
        width: 20%;
    }
}
/* /Features/Components/BestForTitleHero.razor.rz.scp.css */

.title-hero[b-8tylcxwk0o] {
    padding: 100px 0 0 0;
    text-align: center;
    width: 100%;
    margin: 0;
}

    .title-hero h1[b-8tylcxwk0o] {
        margin: 0 auto;
        max-width: 90%;
        font-size: 1.8em;
    }

.pre-header[b-8tylcxwk0o] {
    text-transform: uppercase;
    font-size: 0.9em;
    letter-spacing: 1.5px;
    font-weight: 200;
    margin-bottom: 0.75em;
}
.sub-text[b-8tylcxwk0o] {
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 720px;
    font-size: 0.9em;
}

#background-video[b-8tylcxwk0o] {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.hero-inner[b-8tylcxwk0o] {
    z-index: 1;
}

.jump-links[b-8tylcxwk0o] {
    /*border: 1px solid red;*/
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin-inline: auto;
    margin-bottom: 2em;
}

    .jump-links .row[b-8tylcxwk0o] {
        margin: 0;
        padding: 0;
    }

.jump-link-villas[b-8tylcxwk0o] {
    text-align: right;
    padding-right: 1em;
}

.jump-link-overview[b-8tylcxwk0o] {
    text-align: left;
    /*padding-left: 0.5em;*/
}

.jump-links a[b-8tylcxwk0o] {
    text-decoration: none;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: 200;
    letter-spacing: 1.5px;
}

/*.jump-links a:hover {
        text-decoration: underline;
    }*/

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .title-hero h1[b-8tylcxwk0o] {
        font-size: 2.2em;
    }


    .jump-links[b-8tylcxwk0o] {
        /*border: 1px solid red;*/
        position: absolute;
        z-index: 999;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        margin-inline: auto;
        margin-bottom: 4em;
    }

    .jump-links .row[b-8tylcxwk0o] {
        margin: 0;
        padding: 0;
    }

    .jump-link-villas[b-8tylcxwk0o] {
        text-align: right;
        padding-right: 2em;
    }

    .jump-link-overview[b-8tylcxwk0o] {
        text-align: left;
        /*padding-left: 1em;*/
    }

    .jump-links a[b-8tylcxwk0o] {
        text-decoration: none;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 1.4em;
        /*font-weight: 100;*/
        letter-spacing: 1.5px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .title-hero h1[b-8tylcxwk0o] {
        max-width: 80%;
    }

    .sub-text[b-8tylcxwk0o] {
        width: 80%;
        max-width: 720px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .title-hero h1[b-8tylcxwk0o] {
        max-width: 70%;
    }

    .sub-text[b-8tylcxwk0o] {
        /*width: 50%;*/
        max-width: 720px;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Components/Breadcrumb.razor.rz.scp.css */
.breadcrumb[b-g2vi2uqqpp] {
    background-color: #E0EBE7;
    padding: 1em;
    margin: 0;
}

.text[b-g2vi2uqqpp] {
    font-size: 0.8em;
    color: #314746;
}

    /* ReSharper disable once CssNotResolved */
    .text[b-g2vi2uqqpp]  a {
        color: #314746;
        text-decoration: none;
    }


/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .text[b-g2vi2uqqpp] {
        font-size: 1em;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .breadcrumb[b-g2vi2uqqpp] {
        padding: 1em 3em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

@media print {
}
/* /Features/Components/Carousel.razor.rz.scp.css */

.content[b-umig8pm66z] {
    margin: 0;
    padding: 2em 0 0 0;
}

.my-carousel[b-umig8pm66z] {
    width: 80%;
    margin: auto;
    display: none;
}

[b-umig8pm66z] .slick-prev, [b-umig8pm66z] .slick-next {
    width: 30px !important;
    height: 30px !important;
}

[b-umig8pm66z] .slick-prev {
    left: -20px;
}

[b-umig8pm66z] .slick-next {
    right: -20px;
}

[b-umig8pm66z] .slick-track {
    display: flex;
}

[b-umig8pm66z] .slick-slide {
    display: flex;
    height: auto;
}

.carousel-card[b-umig8pm66z] {
    /*border: 1px solid red;*/
    margin: 0 1em;
    text-align: center;
}

.slide-image[b-umig8pm66z] {
    max-width: 400px;
    border-radius: 10px;
}

.destination[b-umig8pm66z] {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.2em;
    border-radius: 10px;
    letter-spacing: 0.75px;
}

.destination[b-umig8pm66z]::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 160px;
    background: linear-gradient(to top, #000000, transparent);
}

.destination-details[b-umig8pm66z] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #ffffff;
    /*padding: 0.5em 0.25em;*/
    padding: 20px;
    z-index: 1;
}

.destination-name[b-umig8pm66z] {
    margin: 0;
    padding: 0;
    font-size: 1em;
    text-align: left;
    line-height: 1em;
    align-self: flex-end;
}

.villa-count[b-umig8pm66z] {
    font-size: 0.6em;
    line-height: 1em;
    align-self: flex-end;
    display: none;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    [b-umig8pm66z] .slick-prev, [b-umig8pm66z] .slick-next {
        width: 40px !important;
        height: 40px !important;
    }

    [b-umig8pm66z] .slick-prev {
        left: -35px;
    }

    [b-umig8pm66z] .slick-next {
        right: -35px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .slide-image[b-umig8pm66z] {
        border-radius: 10px;
    }

    .destination[b-umig8pm66z] {
        border-radius: 10px;
    }

    [b-umig8pm66z] .slick-prev, [b-umig8pm66z] .slick-next {
        width: 60px !important;
        height: 60px !important;
    }

    [b-umig8pm66z] .slick-prev {
        left: -60px;
    }

    [b-umig8pm66z] .slick-next {
        right: -60px;
    }

    .destination-name[b-umig8pm66z] {
        font-size: 1.2em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    [b-umig8pm66z] .slick-prev {
        left: -70px;
    }

    [b-umig8pm66z] .slick-next {
        right: -70px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    [b-umig8pm66z] .slick-prev, [b-umig8pm66z] .slick-next {
        width: 60px !important;
        height: 60px !important;
    }

    [b-umig8pm66z] .slick-prev {
        left: -100px;
    }

    [b-umig8pm66z] .slick-next {
        right: -100px;
    }

    .villa-count[b-umig8pm66z] {
        display: block;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .villa-count[b-umig8pm66z] {
        font-size: 0.9em;
    }
}
/* /Features/Components/CountryRegion.razor.rz.scp.css */

.country-row[b-k7z8ovt23h] {
    align-items: flex-start;
    background-color: #314746;
    margin: 0;
    padding: 0;
    --bs-gutter-x: 0;
}

.left-text[b-k7z8ovt23h] {
    background-color: #314746;
    margin: 0;
    padding: 2em 1em;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .left-text[b-k7z8ovt23h] {
        padding: 3em 2em;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .left-text[b-k7z8ovt23h] {
        padding: 4em 0;
        margin: 0 auto;
        max-width: 900px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Components/DestinationCard.razor.rz.scp.css */

.destination[b-afm5f0ifc2] {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.2em;
    border-radius: 5px;
    letter-spacing: 0.75px;
}

    .destination[b-afm5f0ifc2]::after {
        content: "";
        position: absolute;
        bottom: -20px;
        left: 0;
        width: 100%;
        height: 160px;
        /*background: linear-gradient(to top, #314746, transparent); */
        background: linear-gradient(to top, #000000, transparent);
    }

.destination-details[b-afm5f0ifc2] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #ffffff;
    /*padding: 0.5em 0.25em;*/
    padding: 20px;
    z-index: 1;
}

.destination-name[b-afm5f0ifc2] {
    margin: 0;
    padding: 0;
    font-size: 1em;
    text-align: left;
    line-height: 1em;
    align-self: flex-end;
}

.villa-count[b-afm5f0ifc2] {
    font-size: 0.6em;
    line-height: 1em;
    align-self: flex-end;
    display: none;
}


/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .destination[b-afm5f0ifc2] {
        border-radius: 10px;
    }
    .destination-name[b-afm5f0ifc2] {
        font-size: 1.2em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .villa-count[b-afm5f0ifc2] {
        display: block;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

    .villa-count[b-afm5f0ifc2] {
        font-size: 0.9em;
    }

    .destination[b-afm5f0ifc2] {
        max-height: 500px;
    }
}
/* /Features/Components/DestinationFilterBar.razor.rz.scp.css */

/*#### CSS Dropdowns ##################################*/

.dropdown[b-2yj2sua9sb] {
    position: relative;
    font-family: "acumin-pro", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1em;
    letter-spacing: 1px;
    color: #314746;
    width: 100%;
}

.dropbtn[b-2yj2sua9sb] {
    border: none;
    cursor: pointer;
    height: 50px;
    line-height: 46px;
    width: 100%;
    padding-left: 25px;
}

.dropdown-content[b-2yj2sua9sb] {
    display: none;
    position: absolute;
    top: 0;
    left: -11px;
    right: -11px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-top: 0;
    border-radius: 10px;
    z-index: 100;
}

    .dropdown-content > div:first-child[b-2yj2sua9sb] {
        border-top: 1px solid #e0e0e0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .dropdown-content > div:last-child[b-2yj2sua9sb] {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

.filter-inputs .filter-item:first-child .dropdown-content > div:first-child[b-2yj2sua9sb] {
    border-top-left-radius: 10px;
}

.filter-inputs .filter-item:last-child .dropdown-content > div:first-child[b-2yj2sua9sb] {
    border-top-right-radius: 10px;
}

.dropdown-content div[b-2yj2sua9sb] {
    display: block;
    cursor: pointer;
    height: 50px;
    line-height: 45px;
    padding-left: 35px;
    text-decoration: none;
    color: #314746;
}

    .dropdown-content div:hover[b-2yj2sua9sb] {
        background-color: #f1f1f1;
    }

.dropdown:hover .dropdown-content[b-2yj2sua9sb] {
    display: block;
}

.dropdown-selected[b-2yj2sua9sb] {
    background-color: #f1f1f1;
}

.dropbtn .chevron[b-2yj2sua9sb] {
    position: absolute;
    top: 20px;
    right: 15px;
    pointer-events: none;
}

.region-item[b-2yj2sua9sb] {
    height: 40px !important;
    line-height: 40px !important;
    padding-left: 50px !important;
    color: #B5CCC2 !important;
}

/*################################################*/
.destination-filter-bar[b-2yj2sua9sb] {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin: 2em 0;
    width: 100%;
}

.filter-bar-container[b-2yj2sua9sb] {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1300px;
    gap: 20px;
    padding: 0 2em;
    flex-wrap: wrap;
}

.filter-inputs[b-2yj2sua9sb] {
    display: flex;
    align-items: center;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 25px;
    padding: 0 10px;
    flex-grow: 1;
    height: 50px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
    width: 100%;
}

    .filter-inputs .filter-item:first-child .dropdown-content > div[b-2yj2sua9sb] {
        padding-left: 25px;
    }

.filter-item[b-2yj2sua9sb] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}

.filter-inputs > .filter-item:first-child[b-2yj2sua9sb] {
    padding-left: 0;
}

.filter-inputs > .filter-item:last-child[b-2yj2sua9sb] {
    padding-right: 0;
}

.select-wrapper[b-2yj2sua9sb] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

    .select-wrapper select[b-2yj2sua9sb] {
        width: 100%;
        padding-right: 30px; /* space for chevron */
        border: 0;
        padding: 0.5em;
        font-family: "acumin-pro", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1em;
        letter-spacing: 1px;
        color: #314746;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        cursor: pointer;
    }

        .select-wrapper select:focus[b-2yj2sua9sb],
        .select-wrapper select:active[b-2yj2sua9sb] {
            outline: none;
            border: none;
            box-shadow: none;
        }

    .select-wrapper .chevron[b-2yj2sua9sb] {
        position: absolute;
        right: 10px;
        pointer-events: none;
    }


.chevron[b-2yj2sua9sb] {
    width: 12px;
    height: 12px;
    border-right: 1px solid #cbd5e0;
    border-bottom: 1px solid #cbd5e0;
    transform: rotate(45deg);
    margin-top: -4px; /* Slight adjustment for visual center */
    margin-left: 10px;
    opacity: 0.6;
}

.divider[b-2yj2sua9sb] {
    width: 1px;
    height: 24px;
    background-color: #e2e8f0;
}

.search-btn[b-2yj2sua9sb] {
    border: none;
    height: 50px;
    padding: 0 40px;
    border-radius: 25px;
    text-transform: uppercase;
    width: 100%;
}

.hide-on-mobile[b-2yj2sua9sb] {
    visibility: collapse;
    display: none;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .filter-bar-container[b-2yj2sua9sb] {
        flex-wrap: nowrap;
    }

    .search-btn[b-2yj2sua9sb] {
        width: auto;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    [b-2yj2sua9sb] .hide-on-mobile {
        visibility: visible;
        display: flex;
    }

    .dropdown-content[b-2yj2sua9sb] {
        left: -1px;
        right: -1px;
        border-radius: 0;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

        .dropdown-content div[b-2yj2sua9sb] {
            padding-left: 25px;
        }

    .filter-inputs .filter-item:first-child .dropdown-content[b-2yj2sua9sb] {
        border-top-left-radius: 10px;
        border-top-right-radius: 0;
        left: -11px;
        max-height: 450px;
        overflow-y: auto;
    }

    .filter-inputs .filter-item:first-child .dropdown-content > div[b-2yj2sua9sb] {
        padding-left: 35px;
    }

    .filter-inputs .filter-item:last-child .dropdown-content[b-2yj2sua9sb] {
        border-top-left-radius: 0;
        border-top-right-radius: 10px;
        right: -11px;
    }

    .dropdown-content > div:first-child[b-2yj2sua9sb] {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Components/DestinationsCarousel.razor.rz.scp.css */

.top[b-nwtt8mj9a7] {
    padding: 1em 0 1em 0;
}

.place[b-nwtt8mj9a7] {
    margin-top: 0.1em;
    color: #ffffff;
    font-size: 1.8em;
    text-transform: uppercase;
}

.bottom[b-nwtt8mj9a7] {
    padding: 2em 0 4em 0;
}

.carousel-inner[b-nwtt8mj9a7] {
    width: 75%;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .top[b-nwtt8mj9a7] {
        padding: 3em 0 1em 0;
        /*background-color: #79A495;*/
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .top[b-nwtt8mj9a7] {
        padding: 3em 0 1em 0;
    }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .top[b-nwtt8mj9a7] {
        padding: 4em 0 2em 0;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    
}
/* /Features/Components/DynamicKitContent.razor.rz.scp.css */

.kit-container[b-of5ajuzk0l] {
    margin: 1em 0 3em 0;
    /*max-width: 1400px;*/
    width: 100%;
}

.kit-carousel[b-of5ajuzk0l] {
    width: 100%;
    margin: auto;
    display: none;
}

[b-of5ajuzk0l] .slick-prev, [b-of5ajuzk0l] .slick-next {
    display: none;
}

[b-of5ajuzk0l] .slick-track {
    display: flex;
}

[b-of5ajuzk0l] .slick-slide {
    display: flex;
    height: auto;
}

.carousel .carousel-indicators button[b-of5ajuzk0l] {
    margin: 0 0.5em;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

div[class^="card-"][b-of5ajuzk0l] {
    margin: 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    /*min-height: 450px;*/
    height: auto;
}

.dynamic-content[b-of5ajuzk0l] {
    max-width: 1800px;
    margin: 0 auto;
}

.carousel-item-body[b-of5ajuzk0l] {
    display: inline-block;
    margin: 2em 1em 2em 1em;
    padding: 2em;
    background-color: #ffffff;
    border-radius: 5px;
    height: auto;
    max-width: 400px;
}

.carousel-item-body p[b-of5ajuzk0l] {
    margin-bottom: 0;
}

    .carousel-item-body a:hover[b-of5ajuzk0l] {
        text-decoration: none;
    }

.vertical-align-container[b-of5ajuzk0l] {
    height: auto;
    margin: auto;
}

.btn-container[b-of5ajuzk0l] {
    padding-top: 2em;
    padding-bottom: 0em;
}

.conde-nast-image[b-of5ajuzk0l] {
    padding-top: 1em;
    margin: auto;
    width: 100%;
    max-width: 500px;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .carousel-item-body[b-of5ajuzk0l] {
        border-radius: 10px;
    }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .column-image[b-of5ajuzk0l] {
        order: 1;
    }

    .column-text[b-of5ajuzk0l] {
        order: 0;
    }

    .vertical-align-container[b-of5ajuzk0l] {
        height: 100%;
    }

    .conde-nast-image[b-of5ajuzk0l] {
        padding-top: 0;
        padding-left: 0;
        padding-right: 2em;
    }

    [b-of5ajuzk0l] .slick-prev, [b-of5ajuzk0l] .slick-next {
        width: 60px !important;
        height: 60px !important;
        z-index: 199;
    }

    [b-of5ajuzk0l] .slick-prev {
        left: 60px !important;
    }

    [b-of5ajuzk0l] .slick-next {
        right: 60px !important;
    }

    .carousel-item-body[b-of5ajuzk0l] {
        margin: 2em 0 2em 6em;
    }

    .conde-nast-image[b-of5ajuzk0l] {
        padding-right: 5em;
        max-width: 800px;
    }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Components/EnquiryForm.razor.rz.scp.css */

.row[b-ey7uopba2w] {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

[b-ey7uopba2w] .textbox-control {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 10px 15px;
}

h2[b-ey7uopba2w] {
    font-family: "Work Sans", sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
    color: #707070;
    padding-top: 2em;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    border-bottom: solid 1px #B2CCC2;
}


/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    .row[b-ey7uopba2w] {
        --bs-gutter-x: 0.5rem;
        --bs-gutter-y: 0;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .row[b-ey7uopba2w] {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0.5rem;
    }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    h2[b-ey7uopba2w] {
        letter-spacing: 0.05em;
    }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}
/* /Features/Components/ErrorComponent.razor.rz.scp.css */
/* /Features/Components/Instagram.razor.rz.scp.css */
.background[b-lcnb74ao2r] {
    background-color: #E0EBE7;
    padding-top: 2em;
    padding-bottom: 2.5em;
}

    .background a[b-lcnb74ao2r] {
        color: #6F9B8B;
        text-decoration: none;
    }

    .background h2[b-lcnb74ao2r] {
        padding-bottom: 1em;
        font-size: 1.4em;
    }

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .background h2[b-lcnb74ao2r] {
        margin-top: 1em;
        font-size: 2em;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Components/JoinTheClub.razor.rz.scp.css */

.join-the-club[b-6o4ywizs4m] {
    box-shadow: inset 0 0 0 1000px rgba(49,71,70,.46); /**/
    color: #ffffff;
    padding: 2em 0 0 0;
    text-align: center;
    width: 100%;
    margin: 0;
}

.sub-text[b-6o4ywizs4m] {
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
}


/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .join-the-club[b-6o4ywizs4m] {
        padding: 10em 0;
    }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

@media print {
    .join-the-club[b-6o4ywizs4m] {
        display: none !important;
    }
}
/* /Features/Components/JoinTheClubSquare.razor.rz.scp.css */
.jtc-background[b-g1w7dyikgu] {
    background-color: #314746;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 425px;
}

.jtc-right-image[b-g1w7dyikgu] {
    display: none;
    visibility: collapse;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .jtc-right-image img[b-g1w7dyikgu] {
        object-fit: cover;
        height: 100%;
    }

.jtc-left-text[b-g1w7dyikgu] {
    padding: 1.5em 2em 0 2em;
    margin: auto;
    max-width: 850px;
    color: #FFFFFF;
}

    .jtc-left-text .sub-text[b-g1w7dyikgu] {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .jtc-background[b-g1w7dyikgu] {
        height: 550px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .jtc-right-image[b-g1w7dyikgu] {
        display: block;
        visibility: visible;
        padding-left: 0px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .jtc-left-text[b-g1w7dyikgu] {
        margin-top: 2em;
    }
}

@media print {
    .jtc-background[b-g1w7dyikgu] {
        display: none !important;
    }
}
/* /Features/Components/LocationCarousel.razor.rz.scp.css */
.top[b-5x1srccved] {
    padding: 1em 0 0.5em 0;
    background-color: #79A495;
}

.supertitle[b-5x1srccved] {
    color: #BAD2C9;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.place[b-5x1srccved] {
    margin-top: 0.1em;
    color: #ffffff;
    font-size: 1.8em;
    text-transform: uppercase;
    font-family: "Work Sans", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.middle[b-5x1srccved] {
    padding-top: 2em;
    background-color: #E0EBE7;
}

.bottom[b-5x1srccved] {
    padding: 1em 0 4em 0;
    background-color: #E0EBE7;
}

.bottom-other[b-5x1srccved] {
    padding: 1em 0 3em 0;
}

.home-background[b-5x1srccved] {
    background-color: #FBF9F4;
}

/*.location-carousel-main {
    height: 340px;
}*/

/* .carousel-cell is inside the child <Carousel> component - use .middle ::deep .carousel-card above instead */

.carousel-inner[b-5x1srccved] {
    width: 75%;
}

.middle[b-5x1srccved]  .content {
    padding: 0;
}

.middle[b-5x1srccved]  .carousel-card {
    height: 100%;
}



.standard-btn[b-5x1srccved] {
    background-color: #ffffff;
}

    .standard-btn:hover[b-5x1srccved] {
        background-color: #79A495;
    }

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .top[b-5x1srccved] {
        padding: 1.5em 0 1.5em 0;
    }

    /*    .location-carousel-main {
        height: 400px;
    }*/
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    /*    .location-carousel-main {
        height: 400px;
    }*/
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    /*    .location-carousel-main {
        height: 430px;
    }*/
}

@media (min-width: 1800px) {
    /*    .location-carousel-main {
        height: 490px;
    }*/
}

@media (min-width: 2200px) {
    /*    .location-carousel-main {
        height: 580px;
    }*/
}

@media (min-width: 2800px) {
    /*    .location-carousel-main {
        height: 680px;
    }*/
}

@media (min-width: 3200px) {
    /*    .location-carousel-main {
        height: 780px;
    }*/
}

@media print {
    .location-carousel-main[b-5x1srccved] {
        display: none !important;
    }
}
/* /Features/Components/NewsletterSignUp.razor.rz.scp.css */
/* Email Input Box Start */

[b-lpa5x5l039] .footer-signup-input {
    margin: 0px;
    padding: 0.6em;
    padding-left: 1.5em;
    font-size: 0.9em;
    border: 0px;
    width: 60%;
    color: #ffffff;
    background-color: #5C6B6A;
    border-top-left-radius: 1.5em;
    border-bottom-left-radius: 1.5em;
}

[b-lpa5x5l039] .signup-input {
    margin: 0;
    padding: 0.6em;
    padding-left: 1.5em;
    font-size: 0.8em;
    border: 0;
    color: #ffffff;
    background-color: rgba(255,255,255, 0.1);
    opacity: 1;
    border: 1px solid #ffffff;
    border-top-left-radius: 1.5em;
    border-bottom-left-radius: 1.5em;
}

[b-lpa5x5l039] .signup-button, [b-lpa5x5l039] .footer-signup-button {
    margin: 0;
    padding: 0.6em;
    padding-right: 1em;
    font-size: 0.8em;
    background-color: #ffffff;
    border-top-right-radius: 1.5em;
    border-bottom-right-radius: 1.5em;
}

    [b-lpa5x5l039] .signup-button:hover, [b-lpa5x5l039] .footer-signup-button:hover {
        color: #ffffff;
        background-color: #DF88B0;
        border: 1px solid #ffffff;
        /*border-left: 1px solid #DF88B0;*/
    }

    [b-lpa5x5l039] .footer-signup-button:hover {
        border: 1px solid #DF88B0;
    }

[b-lpa5x5l039] ::placeholder {
    color: #ffffff;
    opacity: 1; /* Firefox */
}

[b-lpa5x5l039] ::-ms-input-placeholder { /* Edge 12 -18 */
    color: #ffffff;
}

[b-lpa5x5l039] textarea:focus, [b-lpa5x5l039] input:focus {
    outline: none;
}

[b-lpa5x5l039] *:focus {
    outline: none;
}

[b-lpa5x5l039] .signup-input.modified.valid, [b-lpa5x5l039] .footer-signup-input.modified.valid {
    outline: none;
}

[b-lpa5x5l039] .footer-signup-input textarea:focus, [b-lpa5x5l039] .footer-signup-input input:focus {
    outline: none;
}

[b-lpa5x5l039] .footer-signup-input *:focus {
    outline: none;
}

[b-lpa5x5l039] .input-group {
    margin: 0;
    padding: 0;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    [b-lpa5x5l039] .signup-input {
        font-size: 0.9em;
    }

    [b-lpa5x5l039] .signup-button, [b-lpa5x5l039] .footer-signup-button {
        font-size: 0.9em;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

@media print {
}
/* /Features/Components/OurReviews.razor.rz.scp.css */

.review-container[b-s60ukjnsre] {
    background-color: #E3ECEA;
    overflow-x: hidden !important;
    width: 100%;
}

.review-carousel[b-s60ukjnsre] {
    width: 100%;
    margin: auto;
    display: none;
    /*min-height: 500px;*/
    /*border: 1px solid red;*/
}

[b-s60ukjnsre] .slick-prev, [b-s60ukjnsre] .slick-next {
    display: none;
}

/*::deep .slick-prev {
    display: none;
}

::deep .slick-next {
    display: none;
}*/

[b-s60ukjnsre] .slick-track {
    display: flex;
}

[b-s60ukjnsre] .slick-slide {
    display: flex;
    height: auto;
}

h1[b-s60ukjnsre] {
    font-size: 1.6em;
}

.top-section[b-s60ukjnsre] {
    
    padding: 2em 1em;
}

.sub-text[b-s60ukjnsre] {
    color: #6F9B8B;
    font-size: 1em;
}

.background[b-s60ukjnsre] {
    background-color: #38514F;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.left-image[b-s60ukjnsre] {
    display: none;
    visibility: collapse;
    overflow: hidden;
}

    .left-image img[b-s60ukjnsre] {
        object-fit: cover;
        height: 100%;
    }

.quote-text[b-s60ukjnsre] {
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 1.4em;
    letter-spacing: 0.5px;
}

.person[b-s60ukjnsre] {
    color: #6F9B8B;
    font-size: 1em;
}

.carousel .carousel-indicators button[b-s60ukjnsre] {
    margin: 0 0.5em;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.carousel-item-body[b-s60ukjnsre] {
    width: 80%;
    margin: 0 auto;
    padding: 2em 0;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .left-image[b-s60ukjnsre] {
        display: block;
        visibility: visible;
        padding-left: 0;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    h1[b-s60ukjnsre] {
        font-size: 2em;
    }

    .quote-text[b-s60ukjnsre] {
        font-size: 1.4em;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
 
    .quote-text[b-s60ukjnsre] {
        font-size: 1.4em;
    }

    [b-s60ukjnsre] .slick-prev, [b-s60ukjnsre] .slick-next {
        width: 60px !important;
        height: 60px !important;
        z-index: 199;
    }

    [b-s60ukjnsre] .slick-prev {
        left: 20px !important;
    }

    [b-s60ukjnsre] .slick-next {
        right: 20px !important;
        
    }

    .background[b-s60ukjnsre] {
        width: 80%;
        max-width: 1500px;
        margin: 0 auto;
        border-radius: 10px;
    }

    .left-image[b-s60ukjnsre] {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    [b-s60ukjnsre] .slick-prev {
        left: 40px !important;
    }

    [b-s60ukjnsre] .slick-next {
        right: 40px !important;
    }
}
/* /Features/Components/PropertyCard.razor.rz.scp.css */

/*.property-card {
    max-height: 420px;
    border: 1px solid red;
}*/

.property-card a[b-fobg9n7qg6] {
    text-decoration: none;
    color: #37393F;
}

.star[b-fobg9n7qg6] {
    color: #79A495;
}

.main[b-fobg9n7qg6] {
    /*box-shadow: 5px 5px 8px #C0C0C0;*/
    /* ReSharper disable once InvalidValue */
    box-shadow: 0px 1px 6px hsl(0deg 0% 0% / 20%);
    position: relative;
    background-color: white;
    margin: 0 0 2em 0;
    border-radius: 5px;
}

.carousel-item[b-fobg9n7qg6] {
    padding-bottom: 75%;
}

.img-container[b-fobg9n7qg6] {
    align-content: start;
    margin: 0;
    padding: 0;
}

    .img-container img[b-fobg9n7qg6] {
        object-fit: cover;
        align-content: start;
        margin: 0;
        padding: 0;
        position: absolute;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }


.details[b-fobg9n7qg6] {
    padding: 1em 1em 0.5em 1em;
}

.house-name[b-fobg9n7qg6] {
    margin: 0;
    padding: 0;
}

.location[b-fobg9n7qg6] {
    margin: 0;
    padding: 0;
    font-size: 0.7em;
    color: #79A495;
    text-align: left !important;
    /*border: 1px solid red;*/
}

.house-details[b-fobg9n7qg6] {
    margin: 1em 0;
    font-size: 0.8em;
}

.number[b-fobg9n7qg6] {
    margin: 0;
    padding: 0;
    line-height: 16px;
}


.price[b-fobg9n7qg6] {
    margin-top: 0.25em;
    font-size: 0.8em;
    width: 100%;
    text-align: left;
}

.price-image[b-fobg9n7qg6] {
    display: inline-block !important;
    margin: 0;
    padding: 0;
}

.price-text[b-fobg9n7qg6] {
    display: inline-block !important;
    margin: 0;
    padding: 0 0 0 8px;
}


.detail-sleeps[b-fobg9n7qg6] {
    width: 25px;
    margin-right: 0.4em;
}

.detail-bed[b-fobg9n7qg6] {
    width: 25px;
    margin-left: 1em;
    margin-right: 0.4em;
}

.detail-bath[b-fobg9n7qg6] {
    width: 25px;
    margin-left: 1em;
    margin-right: 0.4em;
}


.pill[b-fobg9n7qg6] {
    margin: 0;
    padding: 0.4em 0.7em;
    font-size: 0.7em;
    font-weight: 200;
    background-color: #E3ECEA;
    color: #37393F;
}

.carousel .carousel-indicators button[b-fobg9n7qg6] {
    margin: 0 0.3em;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .main[b-fobg9n7qg6] {
        border-radius: 10px;
    }

    .detail-sleeps[b-fobg9n7qg6] {
        width: 35px;
        margin-left: 0.5em;
    }

    .detail-bed[b-fobg9n7qg6] {
        width: 35px;
    }

    .detail-bath[b-fobg9n7qg6] {
        width: 35px;
    }

    .price[b-fobg9n7qg6] {
        margin-top: 0.5em;
        margin-left: 0.5em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .details[b-fobg9n7qg6] {
        padding: 0.5em 0.5em 0.5em 0.5em;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .details[b-fobg9n7qg6] {
        padding: 1em 1em 1em 1em;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .details[b-fobg9n7qg6] {
        padding: 1em 1em 1em 1em;
    }
}

@media (min-width: 1800px) {
    .col-xxxl-5[b-fobg9n7qg6] {
        flex: 0 0 auto;
        width: 20%;
    }
}

@media (min-width: 2000px) {
    .col-xxxxl-6[b-fobg9n7qg6] {
        flex: 0 0 auto;
        width: 16.666667%;
    }
}

/*@media (min-width: 2400px) {
    .col-xxxxxl-7 {
        flex: 0 0 auto;
        width: 14.2857%;
    }
}*/
/* /Features/Components/PropertyCardLatestVilla.razor.rz.scp.css */

.property-card a[b-aom1h5l0p4] {
    text-decoration: none;
    color: #37393F;
    /*display: block;*/
}

.main[b-aom1h5l0p4] {
    /*box-shadow: 5px 5px 8px #C0C0C0;*/
    /*box-shadow: 0px 1px 6px hsl(0deg 0% 0% / 20%);*/
    position: relative;
    background-color: white;
    margin: 0 0 2em 0;
    --bs-gutter-x: 0 !important;
}


/*    .main .row {
        
    }*/

.img-container[b-aom1h5l0p4] {
    align-content: start;
    margin: 0;
    padding: 0;
}

    .img-container img[b-aom1h5l0p4] {
        object-fit: cover;
        align-content: start;
        margin: 0;
        padding: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }


.details[b-aom1h5l0p4] {
    /*padding: 1em 1em 0.5em 1em;*/
    /*padding: 2em 1em 0.5em 1em;*/
    margin: 0;
    padding: 1em 0;
    text-align: left;
}

.details-text[b-aom1h5l0p4] {
    margin-top: 0.4em;
    font-size: 0.8em;
}

.house-name[b-aom1h5l0p4] {
    margin: 0;
    padding: 0;
    padding-top: 0.2em;
    font-weight: 200;
    font-size: 1.5em;
    color: #314746;
}

.location[b-aom1h5l0p4] {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
    color: #79A495;
}

.house-details[b-aom1h5l0p4] {
    /*display: inline-block;*/
    margin: 1em 0;
    font-size: 0.8em;
}

    .house-details img[b-aom1h5l0p4] {
        /*border: 1px solid #79A495;*/
    }

.number[b-aom1h5l0p4] {
    margin: 0;
    padding: 0; 
    line-height: 16px;
}

/*.card-footer {
    border: 1px solid green;
    background-color: white;
    border: 0;
    margin: 0;
    padding: 0;
}*/

.price[b-aom1h5l0p4] {
    font-size: 0.8em;
    /*border: 1px solid red;*/
}

.best-for[b-aom1h5l0p4] {

}

.pill[b-aom1h5l0p4] {
    margin: 0;
    padding: 0.4em 0.7em;
    font-size: 0.7em;
    font-weight: 200;
    background-color: #E3ECEA;
    color: #37393F;
}

.carousel .carousel-indicators button[b-aom1h5l0p4] {
    margin: 0 0.5em;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .details[b-aom1h5l0p4] {
        /*padding: 0.5em 0.5em 0.5em 0.5em;*/
    }

    .house-details[b-aom1h5l0p4] {
        /*margin: 0;*/
    }
/*    .best-for {
        display: none;
    }*/
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .details[b-aom1h5l0p4] {
        /*padding: 1em 1em 0.5em 1em;*/
    }
/*    .best-for {
        display: block;
    }*/
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .details[b-aom1h5l0p4] {
        /*padding: 1em 1em 0.5em 1em;*/
    }
}
/* /Features/Components/RentYourVilla.razor.rz.scp.css */

.rv-background[b-xbhjef3qq0] {
    background-color: #E0EBE7;
    width: 100%;
    margin: 0;
    padding: 0;
}

.rv-right-image[b-xbhjef3qq0] {
    display: none;
    visibility: collapse;
}

.rv-left-text[b-xbhjef3qq0] {
    padding: 4em;
    margin: auto;
}

.text-block[b-xbhjef3qq0] {
/*    margin-top: 2em;
    margin-right: 6em;
    margin-bottom: 2em;*/
    max-width: 460px;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .rv-right-image[b-xbhjef3qq0] {
        display: block;
        visibility: visible;
        padding-left: 0px;
    }

    .rv-left-text[b-xbhjef3qq0] {
        padding: 1em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .rv-left-text[b-xbhjef3qq0] {
        padding: 4em;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

@media print {
    .rent-your-villa[b-xbhjef3qq0] {
        display: none !important;
    }
}
/* /Features/Components/RentYourVillaSquare.razor.rz.scp.css */

.rv-background[b-zty52j4z4h] {
    background-color: #E0EBE7;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 550px;
}

.rv-left-image[b-zty52j4z4h] {
    display: none;
    visibility: collapse;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .rv-left-image img[b-zty52j4z4h] {
        object-fit: cover;
        height: 100%;
    }

.rv-right-text[b-zty52j4z4h] {
    padding: 0 2em 0.5em 2em;
    margin: auto;
    max-width: 700px;
}

    .rv-right-text h1[b-zty52j4z4h] {
        font-size: 1.8em;
    }

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .rv-right-text[b-zty52j4z4h] {
        padding: 3em 3em 3em 3em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .rv-left-image[b-zty52j4z4h] {
        display: block;
        visibility: visible;
        padding-left: 0px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    
/*    .rv-right-text h1 {
        font-size: 2.8em;
    }*/
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .rv-right-text[b-zty52j4z4h] {
        margin-top: 2em;
    }
}

@media print {
    .rv-background[b-zty52j4z4h] {
        display: none !important;
    }
}
/* /Features/Components/SortDropdown.razor.rz.scp.css */


.sort-by-label[b-1289cdzxj2] {
    color: #314746;
    height: 50px;
    line-height: 50px;
    font-family: "Work Sans", sans-serif;
    font-size: 1em;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-right: 0.75em;
}


/*#### CSS Dropdowns ##################################*/

.sort-by[b-1289cdzxj2] {
    display: flex;
    height: 50px;
    flex-grow: 1;
    align-items: center;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 25px;
    padding: 0 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
    width: 100%;
}

.sort-by-dropdown[b-1289cdzxj2] {
    position: relative;
    font-family: "acumin-pro", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1em;
    letter-spacing: 1px;
    color: #314746;
    width: 100%;
    width: 270px !important;
}

.dropbtn[b-1289cdzxj2] {
    border: none;
    cursor: pointer;
    height: 50px;
    line-height: 46px;
    width: 100%;
    padding-left: 25px;
}

.dropdown-content[b-1289cdzxj2] {
    display: none;
    position: absolute;
    top: 0;
    left: -11px;
    right: -11px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-top: 0;
    border-radius: 25px;
    z-index: 100;
}

    .dropdown-content > div:first-child[b-1289cdzxj2] {
        border-top: 1px solid #e0e0e0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .dropdown-content > div:last-child[b-1289cdzxj2] {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

.filter-inputs .filter-item:first-child .dropdown-content > div:first-child[b-1289cdzxj2] {
    border-top-left-radius: 25px;
}

.filter-inputs .filter-item:last-child .dropdown-content > div:first-child[b-1289cdzxj2] {
    border-top-right-radius: 25px;
}

.dropdown-content div[b-1289cdzxj2] {
    display: block;
    cursor: pointer;
    height: 50px;
    line-height: 45px;
    padding-left: 35px;
    text-decoration: none;
    color: #314746;
}

    .dropdown-content div:hover[b-1289cdzxj2] {
        background-color: #f1f1f1;
    }

.sort-by-dropdown:hover .dropdown-content[b-1289cdzxj2] {
    display: block;
}

.dropdown-selected[b-1289cdzxj2] {
    background-color: #f1f1f1;
}

.chevron[b-1289cdzxj2] {
    position: absolute;
    top: 20px;
    right: 15px;
    pointer-events: none;
    width: 12px;
    height: 12px;
    border-right: 1px solid #cbd5e0;
    border-bottom: 1px solid #cbd5e0;
    transform: rotate(45deg);
    margin-top: -4px; /* Slight adjustment for visual center */
    margin-left: 10px;
    opacity: 0.6;
}

.region-item[b-1289cdzxj2] {
    height: 40px !important;
    line-height: 40px !important;
    padding-left: 50px !important;
    color: #B5CCC2 !important;
}


/*################################################*/

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Components/TestPersistentState.razor.rz.scp.css */

.background[b-w7dwne43fw] {
    background-color: #ffffff;
}

.top[b-w7dwne43fw] {
    padding: 3em 0 1em 0;
}

.place[b-w7dwne43fw] {
    margin-top: 0.1em;
    color: #ffffff;
    font-size: 1.8em;
    text-transform: uppercase;
}

.bottom[b-w7dwne43fw] {
    padding: 2em 0 4em 0;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .top[b-w7dwne43fw] {
        padding: 4em 0 2em 0;
    }

    .bottom[b-w7dwne43fw] {
        padding: 3em 0 4em 0;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Components/TitleHero.razor.rz.scp.css */

.title-hero[b-ewwoe2832f] {
    padding: 100px 0 0 0;
    text-align: center;
    width: 100%;
    margin: 0;
}

    .title-hero h1[b-ewwoe2832f] {
        margin: 0 auto;
        max-width: 90%;
        font-size: 1.8em;
    }

.sub-text[b-ewwoe2832f] {
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 560px;
    font-size: 0.9em;
}

#background-video[b-ewwoe2832f] {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.hero-inner[b-ewwoe2832f] {
    z-index: 1;
}

.jump-links[b-ewwoe2832f] {
    /*border: 1px solid red;*/
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin-inline: auto;
    margin-bottom: 2em;
}

    .jump-links .row[b-ewwoe2832f] {
        margin: 0;
        padding: 0;
    }

.jump-link-villas[b-ewwoe2832f] {
    text-align: right;
    padding-right: 1em;
}

.jump-link-overview[b-ewwoe2832f] {
    text-align: left;
    /*padding-left: 0.5em;*/
}

.jump-links a[b-ewwoe2832f] {
    text-decoration: none;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: 200;
    letter-spacing: 1.5px;
}

/*.jump-links a:hover {
        text-decoration: underline;
    }*/

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .title-hero h1[b-ewwoe2832f] {
        font-size: 2.2em;
    }


    .jump-links[b-ewwoe2832f] {
        /*border: 1px solid red;*/
        position: absolute;
        z-index: 999;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        margin-inline: auto;
        margin-bottom: 4em;
    }

    .jump-links .row[b-ewwoe2832f] {
        margin: 0;
        padding: 0;
    }

    .jump-link-villas[b-ewwoe2832f] {
        text-align: right;
        padding-right: 2em;
    }

    .jump-link-overview[b-ewwoe2832f] {
        text-align: left;
        /*padding-left: 1em;*/
    }

    .jump-links a[b-ewwoe2832f] {
        text-decoration: none;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 1.4em;
        /*font-weight: 100;*/
        letter-spacing: 1.5px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .title-hero h1[b-ewwoe2832f] {
        max-width: 80%;
    }

    .sub-text[b-ewwoe2832f] {
        width: 80%;
        max-width: 720px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .title-hero h1[b-ewwoe2832f] {
        max-width: 70%;
    }

    .sub-text[b-ewwoe2832f] {
        /*width: 50%;*/
        max-width: 720px;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Layout/Footer.razor.rz.scp.css */
.row[b-y5b2m51jq2] {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

.footer[b-y5b2m51jq2] {
    margin-top: auto;
    background-color: #314746;
    color: #ffffff;
    padding: 3em 3em 2em 3em;
    font-size: 0.8em;
    /*margin: 0;*/
}

    .footer a[b-y5b2m51jq2] {
        color: #ffffff;
        text-decoration: none;
    }

h4[b-y5b2m51jq2] {
    color: #6F9B8B;
    font-size: 1.2em;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 1em;
}

p[b-y5b2m51jq2] {
    margin: 0;
}

.victoria[b-y5b2m51jq2] {
    color: #6F9B8B;
}

.destinations[b-y5b2m51jq2], .contact[b-y5b2m51jq2], .company[b-y5b2m51jq2], .newsletter[b-y5b2m51jq2] {
    margin-bottom: 2em;
    line-height: 1.8em;
}

.newsletter[b-y5b2m51jq2] {
    max-width: 380px;
    /*border: 1px solid red;*/
}

.built-by[b-y5b2m51jq2] {
        margin-bottom: 1em;
    }

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
/*    .built-by {
        margin-bottom: 2em;
    }*/
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {


    .footer-areas[b-y5b2m51jq2] {
        display: flex;
    }

    .sub-section[b-y5b2m51jq2] {
        display: flex;
    }

    .sub-section > .built-by[b-y5b2m51jq2] {
        order: 2;
        text-align: end;
        margin-bottom: 0;
    }

    .sub-section > .copyright[b-y5b2m51jq2] {
        order: 1;
    }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .footer[b-y5b2m51jq2] {
        padding: 5em 6em 2em 6em;
    }

    .footer-areas > .destinations[b-y5b2m51jq2] {
        order: 2;
    }

    .footer-areas > .contact[b-y5b2m51jq2] {
        order: 3;
    }

    .footer-areas > .company[b-y5b2m51jq2] {
        order: 4;
    }

    .footer-areas > .newsletter[b-y5b2m51jq2] {
        order: 1;
    }

    
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .footer[b-y5b2m51jq2] {
        padding: 5em 10em 2em 6em;
    }


    .footer-areas > .company[b-y5b2m51jq2] {
        max-width: 20% !important;
    }

    .sub-section > .built-by[b-y5b2m51jq2] {
        max-width: 19.5% !important;
        text-align: left;
    }
}

@media print {
    .footer[b-y5b2m51jq2] {
        display: none !important;
    }
}
/* /Features/Layout/Header.razor.rz.scp.css */

.fixed-nav-bar[b-virzde634f] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 90px;
    color: #FFFFFF;
    font-size: 0.9em;
    padding-top: 40px;
}

    .fixed-nav-bar.scrolled[b-virzde634f] {
        background-color: #FFFFFF !important;
        color: #314746 !important;
        transition: background-color 500ms linear;
    }

    .fixed-nav-bar a[b-virzde634f] {
        color: #FFFFFF;
        text-decoration: none;
    }

    .fixed-nav-bar.scrolled a[b-virzde634f] {
        color: #314746 !important;
        text-decoration: none;
    }

.nav-mobile[b-virzde634f] {
    width: 100vw;
    margin: 0;
    padding: 0 20px;
}

.nav-desktop[b-virzde634f] {
    visibility: hidden;
}

.nav-logo[b-virzde634f] {
    margin-top: -14px;
    background-image: url('images/Logo.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    height: 44px;
}

    .nav-logo.scrolled[b-virzde634f] {
        background-image: url('images/Logo-Green.svg');
        background-repeat: no-repeat;
    }

.nav-search[b-virzde634f], .nav-burger-menu[b-virzde634f] {
    cursor: pointer;
}

.nav-portal-img[b-virzde634f] {
    background-image: url('images/booking-icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
}

    .nav-portal-img.scrolled[b-virzde634f] {
        background-image: url('images/booking-icon-grey.svg');
        background-repeat: no-repeat;
    }

.nav-portal-text[b-virzde634f] {
    display: none;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .nav-logo[b-virzde634f] {
        margin-top: -14px;
        width: 241px;
        height: 51px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .nav-mobile[b-virzde634f] {
        visibility: hidden;
        display: none !important;
    }

    .nav-desktop[b-virzde634f] {
        visibility: visible;
    }

    .nav-item[b-virzde634f] {
        margin: 0 5px;
    }

    .nav-left[b-virzde634f] {
        padding-left: 40px;
    }

    .nav-right[b-virzde634f] {
        padding-right: 40px;
    }

    .nav-about[b-virzde634f], .nav-destination[b-virzde634f], .nav-villas[b-virzde634f], .nav-phone[b-virzde634f] {
        display: none;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .nav-item[b-virzde634f] {
        margin: 0 15px;
    }

    .nav-destination[b-virzde634f] {
        display: block;
    }

    .nav-portal-img[b-virzde634f] {
        display: block;
        width: 28px;
        height: 28px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .nav-about[b-virzde634f], .nav-villas[b-virzde634f], .nav-contact[b-virzde634f] {
        display: block;
    }
}

@media (min-width: 1250px) {
    .nav-phone-icon[b-virzde634f] {
        display: none;
    }

    .nav-phone[b-virzde634f] {
        display: block;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

@media (min-width: 1600px) {
    .nav-portal[b-virzde634f] {
        margin-right: 2em;
    }

    .nav-portal-img[b-virzde634f] {
        width: auto;
        height: 28px;
    }

    .nav-portal-text[b-virzde634f] {
        display: block;
        padding-left: 40px;
    }
}

@media print {
    .nav-search[b-virzde634f], .nav-burger-menu[b-virzde634f] {
        visibility: hidden !important;
    }
}
/* /Features/Layout/MainLayout.razor.rz.scp.css */

/* Search box start */

*[b-dawno2o4cq] {
    box-sizing: border-box;
}

.search-overlay[b-dawno2o4cq] {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    /* ReSharper disable once HexColorValueWithAlpha */
    background-color: #6f9b8ba6;
    backdrop-filter: blur(40px);
    background-size: cover;
    opacity: 0;
    transition: opacity 0.5s ease;
}

#searchOverlay.show[b-dawno2o4cq] {
    display: block;
    opacity: 1;
}

    .search-overlay .closebtn[b-dawno2o4cq] {
        position: absolute;
        top: 5px;
        right: 45px;
        font-size: 50px;
        cursor: pointer;
        color: white;
    }

        .search-overlay .closebtn:hover[b-dawno2o4cq] {
            color: #314746;
        }


.overlay-content[b-dawno2o4cq] {
    position: relative;
    top: 10vh;
    text-align: center;
    margin: auto;
}

.search-overlay input[type=text][b-dawno2o4cq] {
    padding: 0em;
    margin: auto 0;
    border: none;
    width: 100%;
    height: 80vh;
    background: none;
    text-align: center;
    font-family: "acumin-pro", sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 1.2em;
    letter-spacing: 1px;
}

[b-dawno2o4cq]::placeholder {
    color: #ffffff;
    opacity: 1; /* Firefox */
    white-space: pre-line;
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 0em;
    margin: auto;
    transform: translateY(-50%);
    text-align: center;
    font-family: "acumin-pro", sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 1.2em;
    letter-spacing: 1px;
}

[b-dawno2o4cq]::-ms-input-placeholder { /* Edge 12 -18 */
    color: #ffffff;
}

textarea:focus[b-dawno2o4cq], input:focus[b-dawno2o4cq] {
    color: #ffffff;
    outline: none;
    text-align: center;
}

*:focus[b-dawno2o4cq] {
    color: #ffffff;
    outline: none;
    text-align: center;
}

/* Search box end */

/* Nav Memu start */
.nav-overlay[b-dawno2o4cq] {
    height: 100vh;
    width: 100vw;
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    backdrop-filter: blur(10px);
    opacity: 0;
    transition: opacity 0.5s ease;
}

.nav-overlay.show[b-dawno2o4cq] {
    display: block;
    opacity: 1;
}

    .nav-overlay .closebtn[b-dawno2o4cq] {
        position: absolute;
        top: 5px;
        right: 45px;
        font-size: 50px;
        cursor: pointer;
        color: #ffffff;
        z-index: 9999;
    }

        .nav-overlay .closebtn:hover[b-dawno2o4cq] {
            color: #314746;
        }


.nav-overlay-content[b-dawno2o4cq] {
    position: relative;
    top: 0;
    width: 100vw;
    height: 100vh;
    line-height: 1.75em;
    margin: 0 0 0 auto;
    padding: 2em 0 2em 2em;
    color: #314746;
    background-color: #B2CCC2;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 1em;/**/
}

    .nav-overlay-content a[b-dawno2o4cq] {
        color: #314746;
        text-decoration: none;
    }

        .nav-overlay-content a:hover[b-dawno2o4cq] {
            color: #ffffff;
            text-decoration: none;
        }

.nav-title[b-dawno2o4cq], .nav-collections[b-dawno2o4cq], .nav-destinations[b-dawno2o4cq], .nav-booking[b-dawno2o4cq], .nav-follow[b-dawno2o4cq] {
    color: #ffffff;
    margin-bottom: 0.15em;
    font-size: 1.1em;
}

.nav-collections[b-dawno2o4cq], .nav-destinations[b-dawno2o4cq], .nav-booking[b-dawno2o4cq], .nav-follow[b-dawno2o4cq] {
    margin-top: 1em !important;
}

.nav-overlay-content p[b-dawno2o4cq] {
    margin: 0;
}


.social[b-dawno2o4cq] {
    color: #314746;
}

.mobile-call-us[b-dawno2o4cq] {
    padding-top: 2em;
}

.mobile-call-us a[b-dawno2o4cq] {
    color: #ffffff;
}

/* Nav Memu end */


/*############################################################*/
#blazor-error-ui[b-dawno2o4cq] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-dawno2o4cq] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }


/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .search-overlay input[type=text][b-dawno2o4cq] {
        font-size: 1.4em;
    }

    [b-dawno2o4cq]::placeholder {
        font-size: 1.4em;
    }

    .nav-overlay-content[b-dawno2o4cq] {
        padding: 2em 0 2em 4em;
    }

}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .nav-overlay-content[b-dawno2o4cq] {
        width: 60vw;
        padding: 4em 0 2em 6em;
    }

/*    .nav-collections, .nav-destinations, .nav-booking, .nav-follow {
        margin-top: 1.5em !important;
    }*/

    .mobile-only[b-dawno2o4cq] {
        display: none;
    }

    .mobile-call-us[b-dawno2o4cq] {
        display: none;
    }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .nav-overlay-content[b-dawno2o4cq] {
        width: 45vw;
    }

    .search-overlay input[type=text][b-dawno2o4cq] {
        font-size: 1.6em;
    }

    [b-dawno2o4cq]::placeholder {
        font-size: 1.6em;
    }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .nav-overlay-content[b-dawno2o4cq] {
        width: 35vw;
    }

    .search-overlay input[type=text][b-dawno2o4cq] {
        font-size: 1.7em;
    }

    [b-dawno2o4cq]::placeholder {
        font-size: 1.7em;
    }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/AboutUs/Index.razor.rz.scp.css */

/* Override the default - requested by Mark M */
.max-width[b-yc7v7me2o4] {
    max-width: 1100px;
}

.section-sub-header[b-yc7v7me2o4] {
    padding: 1em 2em;
    position: sticky;
    top: 90px;
    background-color: #ffffff;
    z-index: 999;
    border-bottom: solid 1px #B2CCC2;
    display: none;
}

.section-one[b-yc7v7me2o4] {
    background-color: #ffffff;
}

    .section-one p[b-yc7v7me2o4] {
        font-family: "Work Sans", sans-serif;
        font-weight: 200;
        font-style: normal;
        font-size: 1.7em;
        line-height: 1.4em;
        max-width: 700px;
        margin: 1.5em 1em;
    }

.title-item[b-yc7v7me2o4] {
    color: #314746;
    border-right: solid 1px #6F9B8B;
    padding: 0 1em;
    text-align: center;
    font-size: 0.8em;
}

    .title-item a[b-yc7v7me2o4] {
        text-decoration: none;
        color: rgb(49, 71, 70);
    }

.end-item[b-yc7v7me2o4] {
    border: 0;
}


.section-two[b-yc7v7me2o4] {
    padding: 3em 1em 0 1em;
/*    background-color: rgba(224, 235, 231, 0.3);*/
}

    .section-two img[b-yc7v7me2o4] {
        margin-bottom: 1em;
    }

.story-img[b-yc7v7me2o4] {
    /*padding: 0 2em 0 0;
    margin-right: 2em;*/
}

.story-img img[b-yc7v7me2o4] {
    border-radius: 5px;
}

.story-names[b-yc7v7me2o4] {
    font-weight: 300;
    font-size: 1em;
    letter-spacing: 0;
    color: #314746;
}

.story-names-sub[b-yc7v7me2o4] {
    font-weight: 200;
    font-size: 0.8em;
    color: #6F9B8B;
    margin-top: 0.2em;
}

/*.first-paragraph {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.1em;
    margin-bottom: 1em;
}*/

.section-three[b-yc7v7me2o4] {
    padding: 2em 1em 1.5em 1em;
    background-color: rgba(224, 235, 231, 0.3);
}

.section-three-img[b-yc7v7me2o4] {
    border-radius: 5px;
}

.section-three-second-row[b-yc7v7me2o4] {
    margin-top: 2em !important;
}

.section-five[b-yc7v7me2o4] {
    margin-top: 3em;
}

.carousel-wrap[b-yc7v7me2o4] {
    position: relative;
    padding: 2em 0 4em 0;
    /*background-color: #E4B5CC;*/
    background-color: #E1EBE7;
    overflow: hidden;
}

    .carousel-wrap[b-yc7v7me2o4]:before {
        content: ' ';
        display: block;
        position: absolute;
        left: -5%;
        top: 0;
        width: 110%;
        height: 100%;
    }




/* Quotes Carousel Start */

.quote-container[b-yc7v7me2o4] {
    background-color: rgba(224, 235, 231, 0.3);
    /*border-top: solid 1px #B2CCC2; - Removed by Mark M */
}

.quotes[b-yc7v7me2o4] {
    margin: 2em 0 2em 0;
    max-width: 80%;
}

.quote-text[b-yc7v7me2o4] {
    font-size: 1em;
    font-weight: 200;
    letter-spacing: 0.5px;
    max-width: 900px;
}

.quote-attribute[b-yc7v7me2o4] {
    font-size: 0.9em;
    color: #6F9B8B;
    margin-top: 2em;
}

.quote-person[b-yc7v7me2o4] {
    color: #6F9B8B;
    margin: 0;
    margin-bottom: 0.25em;
}

.quote-role[b-yc7v7me2o4] {
    color: #DF88B0;
    font-size: 0.8em;
    margin: 0;
    margin-bottom: 2em;
}

.carousel .carousel-inner[b-yc7v7me2o4] {
    display: block;
}

.carousel-indicators[b-yc7v7me2o4] {
    position: relative;
}

    .carousel-indicators button[b-yc7v7me2o4] {
        margin: 0 0.5em;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background-color: #314746;
    }

/* Quotes Carousel End */


/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    .quotes[b-yc7v7me2o4] {
        margin: 5em 0 4em 0;
    }

    .quote-text[b-yc7v7me2o4] {
        font-size: 1.3em;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .story-img img[b-yc7v7me2o4] {
        border-radius: 10px;
    }

    .section-three-img[b-yc7v7me2o4] {
        border-radius: 10px;
    }

    .section-sub-header[b-yc7v7me2o4] {
        display: block;
    }

    .section-one p[b-yc7v7me2o4] {
        margin: 1.5em auto;
    }

    .section-two[b-yc7v7me2o4] {
        padding: 3em 2em 0 2em;
    }

    .first-paragraph[b-yc7v7me2o4] {
        font-size: 1.2em;
    }

    .section-three-second-row[b-yc7v7me2o4] {
        margin-top: 1em !important;
    }

    .carousel-cell[b-yc7v7me2o4] {
        width: 20%;
    }

    .quote[b-yc7v7me2o4] {
        font-weight: 200;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .section-two[b-yc7v7me2o4] {
        padding: 4em 4em 0 4em;
    }

    .story-img[b-yc7v7me2o4] {
        padding: 0em 0 1em 4em;
    }

    .section-three[b-yc7v7me2o4] {
        padding-bottom: 3em;
    }

    .quote-text[b-yc7v7me2o4] {
        font-size: 1.2em;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .section-three-second-row[b-yc7v7me2o4] {
        margin-top: 0em !important;
    }

    .section-two[b-yc7v7me2o4] {
        padding: 4em 8em 0 8em;
    }

    .carousel-cell[b-yc7v7me2o4] {
        width: 15%;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/AboutUs/OurProcess.razor.rz.scp.css */

.team-title[b-xpad9etb6e] {
    margin: 3em 0 0em 0;
}

.section-four[b-xpad9etb6e] {
    padding: 1em 0;
    max-width: 700px;
    margin: 0 2em;
}


.btn-section[b-xpad9etb6e] {
    margin: 4em 0 2em 0;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .section-four[b-xpad9etb6e] {
        padding: 3em 0;
        margin: 0 auto;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/AboutUs/OurService.razor.rz.scp.css */

.team-title[b-4s6j633zgj] {
    margin: 3em 0 0em 0;
}

.section-four[b-4s6j633zgj] {
    padding: 1em 2em;
}

.section-four-img[b-4s6j633zgj] {
    border-radius: 5px;
}

.small-text[b-4s6j633zgj] {
    margin-top: 0.6em;
    font-size: 0.6em;
}

.section-three-second-row[b-4s6j633zgj] {
    margin-bottom: 2em !important;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .section-four-img[b-4s6j633zgj] {
        border-radius: 10px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
/*    .section-four {
        padding: 2em 0;
    }*/

    .section-three-second-row[b-4s6j633zgj] {
        margin-top: 3em !important;
        margin-bottom: 4em !important;
    }

    .small-text[b-4s6j633zgj] {
        padding-top: 2em;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/AboutUs/Team.razor.rz.scp.css */

.section-five img[b-opi7id9kzz] {
    border-radius: 5px;
}

.team-title[b-opi7id9kzz], .team-title-greek[b-opi7id9kzz] {
    /*font-family: "Work Sans", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 2em;*/
    margin: 0 0 2em 0;
}

.team-title-greek[b-opi7id9kzz] {
    margin-top: 1em;
}

.team-subtext[b-opi7id9kzz] {
    max-width: 650px;
    margin: 0 2em;
}

.team-name[b-opi7id9kzz] {
    font-size: 0.8em;
    font-weight: 500;
    margin-top: 1em;
}

.team-subtitle[b-opi7id9kzz] {
    font-size: 0.8em;
    font-weight: 200;
    margin-top: 0.2em;
    margin-bottom: 4em;
}

.team-subtitle a[b-opi7id9kzz] {
    text-decoration: none;
    color: #314746;
}

.team-subtitle a:hover[b-opi7id9kzz] {
    text-decoration: underline;
}


/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .section-five img[b-opi7id9kzz] {
        border-radius: 10px;
    }

    .title-item[b-opi7id9kzz] {
        padding: 0 2em;
    }

    .team-subtext[b-opi7id9kzz] {
        margin: 0 auto 3em auto;
    }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/Articles/Index.razor.rz.scp.css */





/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/BestFor/Index.razor.rz.scp.css */

.grid[b-qc2zxavi6i] {
    margin: 1.5em 0.5em;
}

.grid-properties[b-qc2zxavi6i] {
    margin: 1.75em 1em 1em 1em;
}

.filter-bar-container .row[b-qc2zxavi6i] {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

.destination[b-qc2zxavi6i] {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.2em;
    border-radius: 5px;
}

    .destination[b-qc2zxavi6i]::after {
        content: "";
        position: absolute;
        bottom: -20px;
        left: 0;
        width: 100%;
        height: 160px;
        /*background: linear-gradient(to top, #314746, transparent); */
        background: linear-gradient(to top, #000000, transparent);
    }

.destination-details[b-qc2zxavi6i] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #ffffff;
    /*padding: 0.5em 0.25em;*/
    padding: 20px;
    z-index: 1;
}

.destination-name[b-qc2zxavi6i] {
    margin: 0 0 4px 6px;
    padding: 0;
    font-size: 1em;
    line-height: 1em;
    align-self: flex-end;
}

.villa-count[b-qc2zxavi6i] {
    display: none;
    margin: 0 6px 4px 0;
    font-size: 0.8em;
    line-height: 1em;
    align-self: flex-end;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .villa-count[b-qc2zxavi6i] {
        display: block;
    }

/*    .grid-properties {
        --bs-gutter-x: 2em;
        --bs-gutter-y: 0.5em;
    }*/
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .destination[b-qc2zxavi6i] {
        border-radius: 10px;
    }

    .grid[b-qc2zxavi6i] {
        margin: 2em;
    }

    .destination-name[b-qc2zxavi6i] {
        font-size: 1.2em;
    }

    .destination-details[b-qc2zxavi6i] {
        padding: 0.75em 0.5em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .villa-count[b-qc2zxavi6i] {
        font-size: 0.9em;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

@media (min-width: 1700px) {
    .row-cols-xxxl-5 > *[b-qc2zxavi6i] {
        flex: 0 0 auto;
        width: 20%;
    }
}

@media (min-width: 1900px) {
    .row-cols-xxxxl-6 > *[b-qc2zxavi6i] {
        flex: 0 0 auto;
        width: 16.666667%;
    }
}
/* /Features/Pages/ContactUs/Index.razor.rz.scp.css */

.section-one[b-nvkv5kmcav] {
    padding: 2em;
}

    .section-one h3[b-nvkv5kmcav] {
        padding-bottom: 0.8em;
        font-size: 1.3em;
        font-weight: 400;
    }

        .section-one h3 a[b-nvkv5kmcav] {
            text-decoration: none;
            color: #314746;
        }

            .section-one h3 a:hover[b-nvkv5kmcav] {
                color: #6F9B8B;
            }

    .section-one a[b-nvkv5kmcav] {
        text-decoration: none;
        color: #314746;
    }

.section-two[b-nvkv5kmcav] {
    margin-bottom: 4em;
}

.section-two-background[b-nvkv5kmcav] {
    background-color: #ffffff;
    max-width: 1000px;
}

.section-two .row[b-nvkv5kmcav] {
    --bs-gutter-x: 0;
}

    .section-two h3[b-nvkv5kmcav] {
        padding-bottom: 0.8em;
        font-size: 1.2em;
        font-weight: 400;
    }

.section-two-left[b-nvkv5kmcav] {
    margin: 0 auto;
    width: 80%;
    padding-top: 2.5em;
    padding-bottom: 1.5em;
}

.address[b-nvkv5kmcav] {
    /*height: 100%;*/
    padding-top: 2em;
    font-weight: 400;
    letter-spacing: 0;
}



/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .section-one[b-nvkv5kmcav] {
        padding: 3em;
    }

    .section-two-background[b-nvkv5kmcav] {
        border-radius: 10px;
    }

    .section-two-image[b-nvkv5kmcav] {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .section-one[b-nvkv5kmcav] {
        padding: 4em;
        max-width: 1450px;
        margin: 0px auto !important;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/Destinations/Index.razor.rz.scp.css */

.row[b-njauyhwloh] {
    margin: 0em auto 0.5em auto;
    --bs-gutter-x: 1em;
    --bs-gutter-y: 0.25em;
    /*max-width: 1400px;
    border: solid 1px red;*/
    max-width: 2000px;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .row[b-njauyhwloh] {
        margin: 0em auto 1em auto;
        --bs-gutter-x: 2em;
        --bs-gutter-y: 0.5em;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    /*.row {
        max-width: 2000px;
        border: solid 1px red;
    }*/
}

@media (min-width: 1700px) {
    .row-cols-xxxl-5 > *[b-njauyhwloh] {
        flex: 0 0 auto;
        width: 20%;
    }
}

/*@media (min-width: 1900px) {
    .row-cols-xxxxl-6 > * {
        flex: 0 0 auto;
        width: 16.666667%;
    }
}*/
/* /Features/Pages/Destinations/ListDisplay.razor.rz.scp.css */

.main[b-ige5kbuo4w] {
    /*background-color: #E0EBE7;*/
    margin: 0;
}

.grid[b-ige5kbuo4w] {
    margin: 1.75em 1em 1em 1em;
}

.filter-bar[b-ige5kbuo4w] {
    background-color: #ffffff;
}

.order-by select[b-ige5kbuo4w] {
    border: 1px solid #EAF1EF;
    padding: 0.5em;
    width: 220px;
    font-family: "acumin-pro", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 0.8em;
    letter-spacing: 1px;
    color: #314746;
}

.map-view[b-ige5kbuo4w] {
    border: solid 1px #E7EFED;
    border-right: 0;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    cursor: pointer;
    padding: 0.6em;
    padding-right: 1em;
    font-size: 0.9em;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
}

.map-view-selected[b-ige5kbuo4w] {
    border: solid 1px #E3ECEA;
    border-right: 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    background-color: #E3ECEA;
    padding: 0.6em;
    padding-right: 1em;
    font-size: 0.9em;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
}

.split-view[b-ige5kbuo4w] {
    border: solid 1px #E7EFED;
    cursor: pointer;
    padding: 0.6em;
    padding-right: 1em;
    font-size: 0.9em;
    display: none;
    text-transform: uppercase;
}

.split-view-selected[b-ige5kbuo4w] {
    border: solid 1px #E3ECEA;
    background-color: #E3ECEA;
    padding: 0.6em;
    padding-right: 1em;
    font-size: 0.9em;
    display: none;
    text-transform: uppercase;
}

.grid-view[b-ige5kbuo4w] {
    border: solid 1px #E7EFED;
    border-left: 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    cursor: pointer;
    padding: 0.6em;
    padding-right: 1em;
    font-size: 0.9em;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid-view-selected[b-ige5kbuo4w] {
    border: solid 1px #E3ECEA;
    border-left: 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    background-color: #E3ECEA;
    padding: 0.6em;
    padding-right: 1em;
    font-size: 0.9em;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .map-view img[b-ige5kbuo4w],
    .map-view-selected img[b-ige5kbuo4w],
    .grid-view img[b-ige5kbuo4w],
    .grid-view-selected img[b-ige5kbuo4w],
    .split-view img[b-ige5kbuo4w],
    .split-view-selected img[b-ige5kbuo4w] {
        height: 1em;
    }

.map-row[b-ige5kbuo4w] {
    align-items: flex-start;
    --bs-gutter-x: 0;
}

.property-container[b-ige5kbuo4w] {
    order: 2;
}

    .property-container .row[b-ige5kbuo4w] {
        --bs-gutter-x: 2rem !important;
    }

.map-container-fullscreen[b-ige5kbuo4w] {
    margin: 0;
    padding: 0;
    order: 1;
}

.map-container[b-ige5kbuo4w] {
    margin: 0;
    padding: 0;
    order: 1;
    height: calc(50vh - 90px);
}

#map[b-ige5kbuo4w] {
    margin: 0;
    padding: 0;
    height: 100%;
}

.close-map[b-ige5kbuo4w] {
    position: absolute;
    z-index: 998;
    top: 110px;
    right: 20px;
}

.map-close-icon[b-ige5kbuo4w] {
    width: 50px;
}

.switch-view[b-ige5kbuo4w] {
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 0;
    width: fit-content;
    border-radius: 25px;
    margin-inline: auto;
    margin-bottom: 0;
    background-color: #FFFFFF;
    display: none;
}
/* Google Maps Styles */
[b-ige5kbuo4w] .gm-style-iw {
    margin: 0;
    padding: 0;
}

[b-ige5kbuo4w] .gm-style-iw-c {
    margin: 0;
    padding: 0;
}

[b-ige5kbuo4w] .gm-style-iw-chr {
    height: 0px;
}

[b-ige5kbuo4w] .gm-style-iw-d {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden !important;
}

[b-ige5kbuo4w] .map-popup {
    border-radius: 12px;
    width: 200px;
}

    [b-ige5kbuo4w] .map-popup h2 {
        margin-top: 0.75em;
    }

    [b-ige5kbuo4w] .map-popup a {
        text-decoration: none;
    }

    [b-ige5kbuo4w] .map-popup .main {
        box-shadow: none;
    }

    [b-ige5kbuo4w] .map-popup .details {
        font-size: 18px;
    }
/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .grid[b-ige5kbuo4w] {
        --bs-gutter-x: 2em;
        --bs-gutter-y: 0.5em;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .destination-details[b-ige5kbuo4w] {
        padding: 0.75em 0.5em;
    }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .map-container[b-ige5kbuo4w] {
        margin: 0;
        padding: 0;
        order: 2;
        position: -webkit-sticky; /* For Safari */
        position: sticky;
        top: 90px;
        height: calc(100vh - 90px);
    }

    .switch-view[b-ige5kbuo4w] {
        display: block;
    }

    .split-view[b-ige5kbuo4w] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .split-view-selected[b-ige5kbuo4w] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .property-container[b-ige5kbuo4w] {
        order: 1;
    }

    [b-ige5kbuo4w] .map-popup {
        width: 300px;
    }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}

@media (min-width: 1800px) {
    .row-cols-xxxl-3 > *[b-ige5kbuo4w] {
        flex: 0 0 auto;
        width: 33.333%;
    }
}

@media (min-width: 2200px) {
    .row-cols-xxxxl-4 > *[b-ige5kbuo4w] {
        flex: 0 0 auto;
        width: 25%;
    }
}
/* /Features/Pages/EnquiryForm/Index.razor.rz.scp.css */

.main[b-1rqc2l81w9] {
    background-color: #FBF9F4;
    min-height: 60vh;
}

.page-container[b-1rqc2l81w9] {
    max-width: 1400px;
    margin: 0 auto;
}

.row[b-1rqc2l81w9] {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

.contact-form[b-1rqc2l81w9] {
    padding: 2em !important;
}

/*.contact-form h2 {
        font-family: "Work Sans", sans-serif;
        font-size: 1.1em;
        font-weight: 400;
        font-style: normal;
        letter-spacing: 0.05em;
        color: #707070;
        padding-top: 2em;
        padding-bottom: 0.5em;
        margin-bottom: 1em;
        border-bottom: solid 1px #B2CCC2;
    }*/

.sticky-details[b-1rqc2l81w9] {
    position: sticky;
    top: 140px;
    padding: 2em;
    margin: 0 3em 3em 3em;
    background-color: #FFFFFF;
    font-family: "acumin-pro", sans-serif;
    font-weight: 200;
    font-size: 0.8em;
    font-style: normal;
    letter-spacing: 1px;
    color: #314746;
}

    .sticky-details p[b-1rqc2l81w9] {
        margin: 0;
        padding: 0;
        padding-top: 0.3em;
    }

    .sticky-details h2[b-1rqc2l81w9] {
        font-family: "Work Sans", sans-serif;
        font-size: 1.3em;
        font-weight: 200;
        font-style: normal;
        letter-spacing: 0.05em;
        /*color: #6F9B8B;*/
        color: #314746;
    }

.flo[b-1rqc2l81w9] {
    /*color: #6F9B8B;*/
    font-family: "Work Sans", sans-serif;
    font-size: 1.3em;
    font-weight: 200;
    font-style: normal;
    letter-spacing: 0.05em;
    /*color: #6F9B8B;*/
    color: #314746;
}

.pink-button[b-1rqc2l81w9] {
    width: 300px;
}


/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    .contact-form .row[b-1rqc2l81w9] {
        --bs-gutter-x: 0.5rem;
        --bs-gutter-y: 0;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .contact-form[b-1rqc2l81w9] {
        padding: 3em !important;
    }

        .contact-form .row[b-1rqc2l81w9] {
            --bs-gutter-x: 1.5rem;
            --bs-gutter-y: 0.5rem;
        }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .contact-form[b-1rqc2l81w9] {
        padding-right: 1em !important;
    }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .contact-form[b-1rqc2l81w9] {
        padding: 4em !important;
        padding-right: 2em !important;
    }

    .sticky-details[b-1rqc2l81w9] {
        margin: 4em 3em 3em 2em;
    }

    .sticky-details[b-1rqc2l81w9] {
        font-size: 0.9em;
    }

        .sticky-details h2[b-1rqc2l81w9] {
            font-size: 1.4em;
        }
}
/* /Features/Pages/FAQ/Index.razor.rz.scp.css */

.standard-margin[b-agjuc0hynk] {
    margin-top: 4em;
    margin-bottom: 4em;
}

.section-one[b-agjuc0hynk] {
    text-align: center;
    margin-bottom: 2em;
    color: #30524F;
}

.section-one h1[b-agjuc0hynk] {
    margin-top: 0.5em;
}

    .section-one p[b-agjuc0hynk] {
        font-size: 1.2em;
    }

    .section-one a[b-agjuc0hynk] {
        -webkit-text-decoration: inherit;
        text-decoration: inherit;
        color: #6F9B8B;
    }

.standard-margin[b-agjuc0hynk] {
    margin: 0 0.25em;
    padding-bottom: 2em;
}


.main-section[b-agjuc0hynk]  {
    margin: 0 auto;
    max-width: 1000px;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .standard-margin[b-agjuc0hynk] {
        margin: 0 2em;
        padding-bottom: 4em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .standard-margin[b-agjuc0hynk] {
        margin: 0 5em;
    }

    .section-one h1[b-agjuc0hynk] {
        margin-top: 1em;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .standard-margin[b-agjuc0hynk] {
        margin: 0 10em;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .standard-margin[b-agjuc0hynk] {
        margin: 0 15em;
    }
}
/* /Features/Pages/Helm/Index.razor.rz.scp.css */

.carousel-cell[b-bj3flhzjjw] {
    width: 60%;
    /*height: 400px;*/
    margin-right: 10px;
}

.cell-image-caption[b-bj3flhzjjw] {
    display: block;
    margin-top: 0.7em;
    font-size: 0.9em;
}



/*

.arrow {
    color: red !important;
}*/

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .carousel-cell[b-bj3flhzjjw] {
        width: 40%;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/Home/AsFeaturedIn.razor.rz.scp.css */

.as-featured-container[b-2fvu1xaewi] {
    margin: 2em 0;
    overflow: hidden;
}

.news-logos-section[b-2fvu1xaewi] {
    margin-top: 2em;
}

.news-logo[b-2fvu1xaewi] {
    width: 100px;
    margin: .25em .25em .25em .25em;
}


/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .as-featured-container[b-2fvu1xaewi] {
        margin: 3em 0;
    }

    .news-logo[b-2fvu1xaewi] {
        width: 140px;
        margin: 0.5em 0.5em 0 0.5em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .news-start[b-2fvu1xaewi] {
        margin-left: 0;
    }

    .news-end[b-2fvu1xaewi] {
        margin-right: 0;
    }

    .news-logo[b-2fvu1xaewi] {
        width: 165px;
        margin: 1em 1em 0 1em;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .news-logo[b-2fvu1xaewi] {
        width: 170px;
        margin: 1em 1em 0 1em;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

    .news-logo[b-2fvu1xaewi] {
        width: 200px;
        margin: 1em 1em 0 1em;
    }
}
/* /Features/Pages/Home/BasedInBruton.razor.rz.scp.css */

.based-in-bruton-container[b-aqkyolsghi] {
    background-color: #FBF9F4;
    margin: 0;
    margin-bottom: 2em;
    padding: 0;
    width: 100%;
}

.intro-images[b-aqkyolsghi] {
    padding: 0;
    margin: auto 0;
}




.intro-images-two[b-aqkyolsghi] {
    display: none;
}

.intro-text[b-aqkyolsghi], .intro-text-two[b-aqkyolsghi] {
    padding: 0 2em;
    padding-top: 1em;
}

.about-btn[b-aqkyolsghi] {
    margin-top: 2em;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .based-in-bruton-container[b-aqkyolsghi] {
        margin-bottom: 3em;
    }

    .section-two[b-aqkyolsghi] {
        margin-top: 2em !important;
    }

    .intro-images img[b-aqkyolsghi], .intro-images-two img[b-aqkyolsghi] {
        border-radius: 10px;
    }

    .intro-images-two[b-aqkyolsghi] {
        display: block;
        padding: 0;
        margin: auto 0;
    }

    .intro-images[b-aqkyolsghi] {
        padding: 0 2em;
    }

    .intro-images-two[b-aqkyolsghi] {
        padding: 0 2em;
    }

    .text-block[b-aqkyolsghi] {
        max-width: 460px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .max-width[b-aqkyolsghi] {
        max-width: 950px;
    }

    .intro-text[b-aqkyolsghi] {
        padding-right: 0;
    }

    .intro-text-two[b-aqkyolsghi] {
        padding-left: 0;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}
/* /Features/Pages/Home/Hero.razor.rz.scp.css */
.hero[b-929e74v39r] {
    width: 100%;
    height: 100vh;
    align-items: center;
    text-align: center;
    box-shadow: inset 0 0 0 1000px rgba(111,155,139,.34);
    background-size: cover;
    z-index: 1;
}

.hero-video-overlay[b-929e74v39r] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(111,155,139,.34);
    z-index: 1;
}

.hero-inner[b-929e74v39r] {
    margin-top: 20vh;
    width: 80%;
    z-index: 2;
}

    .hero-inner h1[b-929e74v39r] {
        color: white;
        font-size: 2em;
        font-family: 'Work Sans', sans-serif;
    }

    .hero-inner h2[b-929e74v39r] {
        font-family: "acumin-pro", sans-serif;
        font-weight: 200;
        font-size: 1em;
        font-style: normal;
        letter-spacing: 1px;
        margin-top: 40px;
        color: white;
    }

.scroll-down[b-929e74v39r] {
    color: white;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: 3em;
    z-index: 10;
}

/* Search Input Box Start */
.search-box[b-929e74v39r] {
    margin-top: 4em;
    font-family: 'Work Sans', sans-serif;
}

.hero-input[b-929e74v39r] {
    margin: 0;
    padding: 0.6em;
    padding-left: 1.5em;
    font-size: 0.8em;
    font-weight: 300;
    border: 0;
    color: #ffffff;
    background-color: rgba(255,255,255, 0.1);
    opacity: 1;
    border: 1px solid #ffffff;
    border-top-left-radius: 1.5em;
    border-bottom-left-radius: 1.5em;
    width: 170px;
}

.hero-button[b-929e74v39r] {
    margin: 0;
    padding: 0.6em;
    padding-right: 1em;
    font-size: 0.8em;
    font-weight: 400;
    letter-spacing: 0.1em;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-top-right-radius: 1.5em;
    border-bottom-right-radius: 1.5em;
}

.hero-button:hover[b-929e74v39r] {
        color: #ffffff;
        background-color: #DF88B0;
        border: 1px solid #ffffff;
        /*border-left: 1px solid #DF88B0 !important;*/
    }

[b-929e74v39r]::placeholder {
    color: #ffffff;
    opacity: 1; /* Firefox */
}

[b-929e74v39r]::-ms-input-placeholder { /* Edge 12 -18 */
    color: #ffffff;
}

textarea:focus[b-929e74v39r], input:focus[b-929e74v39r] {
    outline: none;
}

*:focus[b-929e74v39r] {
    outline: none;
}

.hero-input.modified.valid[b-929e74v39r] {
    outline: none;
}
/* Search Input Box End */



/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    .hero-inner[b-929e74v39r] {
        margin-top: 25vh;
    }

    .hero-input[b-929e74v39r] {
        width: 220px;
    }

    .search-box[b-929e74v39r] {
        margin-top: 4em;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .hero-inner h1[b-929e74v39r] {
        font-size: 3.6em;
    }

    .hero-inner h2[b-929e74v39r] {
        font-size: 1.2em;
    }

    .search-box[b-929e74v39r] {
        margin-top: 2em;
    }

    .hero-input[b-929e74v39r] {
        width: 320px;
        font-size: 1em;
    }

    .hero-button[b-929e74v39r] {
        font-size: 1em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .hero-inner[b-929e74v39r] {
        margin-top: 20vh;
    }

    .search-box[b-929e74v39r] {
        margin-top: 2em;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .hero-inner[b-929e74v39r] {
        margin-top: 25vh;
    }

    .search-box[b-929e74v39r] {
        margin-top: 4em;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/Home/Home.razor.rz.scp.css */

.bestfor-container[b-t6kx5u2mf7] {
    scroll-margin-top: 100px;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/Home/IonianFoundation.razor.rz.scp.css */
.background[b-al7pjcmykj] {
    width: 100%;
    margin: 0;
    padding: 0;
}

.background .row[b-al7pjcmykj] {
    margin: 0;
    padding: 0;
}

.intro-text[b-al7pjcmykj] {
    padding-left: 2em;
    margin-bottom: 2em;
}

.intro-images[b-al7pjcmykj] {
    margin: auto 0;
    padding: 0 2em 2em 2em;
}

.text-block[b-al7pjcmykj] {
    margin-right: 2em;
}

.link[b-al7pjcmykj] {
    color: #6F9B8B;
    text-decoration: none;
}


/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .intro-text[b-al7pjcmykj] {
        padding-left: 3em;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .intro-text[b-al7pjcmykj] {
        padding-top: 2em;
    }

    .text-block[b-al7pjcmykj] {
        margin-top: 2em;
        margin-right: 2em;
        margin-bottom: 2em;
        max-width: 460px;
    }

    .intro-images[b-al7pjcmykj] {
        margin: auto 0;
        padding: 0 2em 0 0;
    }

    .intro-images img[b-al7pjcmykj] {
        border-radius: 10px;
    }

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/Home/PaxosSpecialists.razor.rz.scp.css */

.background[b-d6vgq0s8tk] {
    background-color: #FBF9F4;
    width: 100%;
    margin: 0;
    padding: 0;
}

.first-section .row[b-d6vgq0s8tk] {
    margin: 0;
    padding: 0;
    --bs-gutter-x: 0;
}

.intro-text[b-d6vgq0s8tk] {
    padding-top: 1em;
    padding-left: 2em;
    margin-bottom: 2em;
}

.intro-text[b-d6vgq0s8tk] {
    padding-top: 1em;
    padding-left: 2em;
    margin-bottom: 2em;
}


.text-block[b-d6vgq0s8tk] {
    margin: 1em 0 2em 0;
}

.image-container[b-d6vgq0s8tk] {
    position: relative;
    display: inline-block;
    width: 100%;
}

.team-img[b-d6vgq0s8tk] {
    width: 100%;
    display: block;
}


/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .background[b-d6vgq0s8tk] {
        padding: 2em 0;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .intro-text[b-d6vgq0s8tk] {
        padding-top: 0;
    }

    .first-section[b-d6vgq0s8tk] {
        margin: 0 auto;
        width: 92%;
    }

    .news-start[b-d6vgq0s8tk] {
        margin-left: 0;
    }

    .news-end[b-d6vgq0s8tk] {
        margin-right: 0;
    }

    .news-logo[b-d6vgq0s8tk] {
        width: 165px;
        margin: 1em 1em 0 1em;
    }

    .team-img[b-d6vgq0s8tk] {
        border-radius: 10px;
    }

/*    .text-block {
        max-width: 480px;
    }*/
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .max-width[b-d6vgq0s8tk] {
        max-width: 950px;
    }

    .intro-text[b-d6vgq0s8tk] {
        padding-left: 4em;
    }

    .first-section[b-d6vgq0s8tk] {
        margin: 0;
        width: 100%;
    }

    .award-img[b-d6vgq0s8tk] {
        position: absolute;
        width: 110px;
        display: block;
    }

    .award-mobile[b-d6vgq0s8tk] {
        display: none !important;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}
/* /Features/Pages/Page/Index.razor.rz.scp.css */

.section-right-image[b-t25vd11l04] {
    padding: 2em 4em 2em 4em;
}

.section-all-text[b-t25vd11l04] {
    padding: 2em 4em 2em 4em;
}

.section-left-image[b-t25vd11l04] {
    padding: 2em 4em 2em 4em;
}

.image-names[b-t25vd11l04] {
    margin-top: 1em;
    margin-bottom: 0.4em;
}

.image-titles[b-t25vd11l04] {
    font-size: 0.7em;
    color: #6F9B8B;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
/*    .section-right-image {
        padding: 4em 0 2em 4em;
    }*/

    .intro-text[b-t25vd11l04] {
        padding-right: 2em;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/Page/JustText.razor.rz.scp.css */

.section-right-image[b-jf1pbdb00e] {
    padding: 2em 4em 2em 4em;
}

.section-all-text[b-jf1pbdb00e] {
    padding: 2em 4em 2em 4em;
}

.section-left-image[b-jf1pbdb00e] {
    padding: 2em 4em 2em 4em;
}

.image-names[b-jf1pbdb00e] {
    margin-top: 1em;
    margin-bottom: 0.4em;
}

.image-titles[b-jf1pbdb00e] {
    font-size: 0.7em;
    color: #6F9B8B;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
/*    .section-right-image {
        padding: 4em 0 2em 4em;
    }*/

    .intro-text[b-jf1pbdb00e] {
        padding-right: 2em;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/Page/LeftImage.razor.rz.scp.css */

.section-right-image[b-kyoecllgx3] {
    padding: 2em 4em 2em 4em;
}

.section-all-text[b-kyoecllgx3] {
    padding: 2em 4em 2em 4em;
}

.section-left-image[b-kyoecllgx3] {
    padding: 2em 4em 2em 4em;
}

.image-names[b-kyoecllgx3] {
    margin-top: 1em;
    margin-bottom: 0.4em;
}

.image-titles[b-kyoecllgx3] {
    font-size: 0.7em;
    color: #6F9B8B;
}


.intro-text[b-kyoecllgx3] {
    padding-left: 2em;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
/*    .section-right-image {
        padding: 4em 0 2em 4em;
    }*/

    .intro-text[b-kyoecllgx3] {
        padding-right: 2em;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/Page/RightImage.razor.rz.scp.css */

.section-right-image[b-nyx04kdtit] {
    padding: 2em 4em 2em 4em;
}

.section-all-text[b-nyx04kdtit] {
    padding: 2em 4em 2em 4em;
}

.section-left-image[b-nyx04kdtit] {
    padding: 2em 4em 2em 4em;
}

.image-names[b-nyx04kdtit] {
    margin-top: 1em;
    margin-bottom: 0.4em;
}

.image-titles[b-nyx04kdtit] {
    font-size: 0.7em;
    color: #6F9B8B;
}

.intro-text[b-nyx04kdtit] {
    padding-right: 2em;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
/*    .section-right-image {
        padding: 4em 0 2em 4em;
    }*/

    .intro-text[b-nyx04kdtit] {
        padding-right: 2em;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/PaxosSpecialists/FAQ.razor.rz.scp.css */

.accordion-section[b-w8r7i95yj2] {
    margin: 3em auto;
    width: 100%;
    max-width: 1000px;
    scroll-margin-top: 90px;
}


/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/PaxosSpecialists/ImageCarousel.razor.rz.scp.css */
.carousel-wrap[b-80fz9zrag0] {
    position: relative;
    padding: 3em 0 4em 0;
    margin-bottom: 0;
    overflow: hidden;
    background-color: #E1EBE7;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    /*    .carousel-cell {
        width: 20%;
    }*/

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/PaxosSpecialists/Index.razor.rz.scp.css */

.section-two h2[b-fqqmd2u2fn] {
    margin-top: 4em;
    margin-bottom: 1.5em;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {


}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}
/* /Features/Pages/PaxosSpecialists/PaxosTeam.razor.rz.scp.css */

.section-one[b-e1p9kk9pii] {
    padding: 2em 0 0 0;
}

.section-one .row[b-e1p9kk9pii] {
    margin: 0;
    padding: 0;
    --bs-gutter-x: 0;
}

.right-column[b-e1p9kk9pii] {
    padding: 0 2em 2em 2em;
}

.section-one img[b-e1p9kk9pii] {
    border-radius: 5px;
    margin: 3em auto 0 auto;
}

.section-one-text[b-e1p9kk9pii] {
    margin: 0 2em;
}

.section-one-text h1[b-e1p9kk9pii] {
    margin-bottom: 1em;
}

.section-one-text p[b-e1p9kk9pii] {
    margin-bottom: 1.5em;
}

.button-container[b-e1p9kk9pii] {
    margin-top: 2em;
}


/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .section-one img[b-e1p9kk9pii] {
        width: 80%
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .section-one img[b-e1p9kk9pii] {
        border-radius: 10px;
    }

    .section-one-text[b-e1p9kk9pii] {
        width: 80%;
        margin: 0 auto;
    }

    .right-column[b-e1p9kk9pii] {
        padding: 0 0 2em 0;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .section-one[b-e1p9kk9pii] {
        padding: 4em 0;
    }

    .section-one img[b-e1p9kk9pii] {
        margin: 0 auto;
    }

    .button-container[b-e1p9kk9pii] {
        margin-top: 1em;
    }

    .left-column[b-e1p9kk9pii] {
        padding: 0;
    }


    .right-column[b-e1p9kk9pii] {
        padding: 0;
    }

    .section-one-text[b-e1p9kk9pii] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
        height: 100%;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/PaxosSpecialists/Quote.razor.rz.scp.css */
.quote-container[b-a969srx0zf] {
/*    border-top: solid 1px #B2CCC2;
    border-bottom: solid 1px #B2CCC2;*/
    background: #F3F4F0;
}

.quotes[b-a969srx0zf] {
    margin: 4em auto 4em auto;
    padding: 0 2em;
    max-width: 1000px;
}

.quote-person[b-a969srx0zf] {
    color: #6F9B8B;
    margin: 0;
    margin-bottom: 0.25em;
}

.quote-role[b-a969srx0zf] {
    color: #DF88B0;
    font-size: 0.8em;
    margin: 0;
    margin-bottom: 2em;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .quotes[b-a969srx0zf] {
        padding: 0;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/PaxosSpecialists/TheIsland.razor.rz.scp.css */

.map-container[b-rcinzrgew7] {
    width: 100%;
    max-width: 1100px;
    margin: 2em auto;
}

.island-container[b-rcinzrgew7] {
    margin: 4em 0 2em 0;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .island-container[b-rcinzrgew7] {
        width: 80%;
        max-width: 900px;
        margin: 4em auto 2em auto;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/PaxosSpecialists/ThePaxosService.razor.rz.scp.css */

.section-one[b-vrn16kf6bu] {
    padding: 4em 0;
}

.section-one .row[b-vrn16kf6bu] {
    margin: 0;
    padding: 0;
    --bs-gutter-x: 0;
}

.left-column[b-vrn16kf6bu] {
    padding: 0 2em 2em 2em;
}

.section-one img[b-vrn16kf6bu] {
    border-radius: 5px;
    margin: 0 auto;
}

.section-one-text[b-vrn16kf6bu] {
    margin: 0 2em;
}

.section-one-text h1[b-vrn16kf6bu] {
    margin-bottom: 0.5em;
}

.section-one-text p[b-vrn16kf6bu] {
    margin-bottom: 1.5em;
}

.button-container[b-vrn16kf6bu] {
    margin-top: 2em;
}


/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .section-one img[b-vrn16kf6bu] {
        width: 80%
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .section-one img[b-vrn16kf6bu] {
        border-radius: 10px;
    }

    .section-one-text[b-vrn16kf6bu] {
        width: 75%;
        margin: 0 auto 0 0;
    }

    .left-column[b-vrn16kf6bu] {
        padding: 0 0 2em 0;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .left-column[b-vrn16kf6bu] {
        padding: 0;
    }

    .section-one-text[b-vrn16kf6bu] {
        display: flex;
        flex-direction: column;
        justify-content: left;
        align-items: start;
        height: 100%;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/PrivacyNoticeClients/Index.razor.rz.scp.css */
.section-one[b-6xw1t1sbva] {
    margin: 0 auto;
    padding: 0 1em;
    max-width: 1100px;
}

h2[b-6xw1t1sbva] {
    margin-top: 1.5em !important;
    /*border: solid 1px red;*/
}

h3[b-6xw1t1sbva] {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

p[b-6xw1t1sbva] {
    line-height: 1.5em;
}

ul li[b-6xw1t1sbva] {
    line-height: 1.5em;
}

    ul li ul li[b-6xw1t1sbva] {
        line-height: 1.5em;
    }

ol li[b-6xw1t1sbva] {
    line-height: 1.5em;
}

    ol li ul li[b-6xw1t1sbva] {
        line-height: 1.5em;
    }

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .section-one[b-6xw1t1sbva] {
        padding: 0 2em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .section-one[b-6xw1t1sbva] {
        padding: 0 4em;
    }

    p[b-6xw1t1sbva] {
        line-height: 2em;
    }

    ul li[b-6xw1t1sbva] {
        line-height: 2em;
    }

        ul li ul li[b-6xw1t1sbva] {
            line-height: 2em;
        }

    ol li[b-6xw1t1sbva] {
        line-height: 2em;
    }

        ol li ul li[b-6xw1t1sbva] {
            line-height: 2em;
        }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .section-one[b-6xw1t1sbva] {
        padding: 0 8em;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/PrivacyNoticeOwners/Index.razor.rz.scp.css */
.section-one[b-sd44kxeeis] {
    margin: 0 auto;
    padding: 0 1em;
    max-width: 1100px;
}

h2[b-sd44kxeeis] {
    margin-top: 1.5em !important;
    /*border: solid 1px red;*/
}

h3[b-sd44kxeeis] {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

p[b-sd44kxeeis] {
    line-height: 1.5em;
}

ul li[b-sd44kxeeis] {
    line-height: 1.5em;
}

    ul li ul li[b-sd44kxeeis] {
        line-height: 1.5em;
    }

ol li[b-sd44kxeeis] {
    line-height: 1.5em;
}

    ol li ul li[b-sd44kxeeis] {
        line-height: 1.5em;
    }

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .section-one[b-sd44kxeeis] {
        padding: 0 2em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .section-one[b-sd44kxeeis] {
        padding: 0 4em;
    }

    p[b-sd44kxeeis] {
        line-height: 2em;
    }

    ul li[b-sd44kxeeis] {
        line-height: 2em;
    }

        ul li ul li[b-sd44kxeeis] {
            line-height: 2em;
        }

    ol li[b-sd44kxeeis] {
        line-height: 2em;
    }

        ol li ul li[b-sd44kxeeis] {
            line-height: 2em;
        }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .section-one[b-sd44kxeeis] {
        padding: 0 8em;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/Properties/AddToShortlist.razor.rz.scp.css */

.shortlist[b-gi9tqw2jkk] {
    /*margin-right: 1em;*/
    text-transform: uppercase;
    font-weight: 200;
    line-height: 1.5;
    color: #314746;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    font-size: 0.7em;
}

.section-three[b-gi9tqw2jkk] {
    padding: 3em 0;
    background-color: #BCD2CA;
    color: #314746;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.7em;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .section-three:hover[b-gi9tqw2jkk] {
        cursor: pointer;
        color: #ffffff;
    }

.star[b-gi9tqw2jkk] {
    font-size: 1em;
}

    .star:hover[b-gi9tqw2jkk], .shortlist:hover[b-gi9tqw2jkk] {
        cursor: pointer;
        /*color: #d4af37;*/
        color: #DF88B0;
    }



/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .shortlist[b-gi9tqw2jkk] {
        font-weight: 400;
        font-size: 1em;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .shortlist[b-gi9tqw2jkk] {
        font-size: 1.1em;
    }

    .star[b-gi9tqw2jkk] {
        font-size: 1.5em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

@media print {
    .shortlist[b-gi9tqw2jkk], .section-three[b-gi9tqw2jkk] {
        display: none !important;
    }
}
/* /Features/Pages/Properties/Calendar.razor.rz.scp.css */

.calendar[b-w5m9n46kw6] {
    padding: 1em;
    /*background-color: #F5F5F5;*/
    text-align: center;
    border-radius: 5px;
}

.header[b-w5m9n46kw6] {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 1em;
}

[b-w5m9n46kw6] .k-disabled {
    opacity: 1;
    filter: unset;
}

[b-w5m9n46kw6] .k-calendar-tr {
    border-top: 3px solid white !important;
    border-bottom: 3px solid white !important;
}

[b-w5m9n46kw6] .k-calendar-monthview {
    padding-bottom: 20px;
}

/*::deep .k-button-primary:hover {
    background-color: #B2CCC2 !important;
}*/

/* NOTE This doesn't fully work. There is still a red background and border when clicked. */
[b-w5m9n46kw6] .k-button-flat:active,
[b-w5m9n46kw6] .k-button-flat:hover,
[b-w5m9n46kw6] .k-button-flat:focus,
[b-w5m9n46kw6] .k-button-flat.k-active,
[b-w5m9n46kw6] .k-button-primary:active,
[b-w5m9n46kw6] .k-button-primary:hover,
[b-w5m9n46kw6] .k-button-primary:focus,
[b-w5m9n46kw6] .k-button-primary.k-active {
    background-color: #B2CCC2 !important;
    border-color: #B2CCC2 !important;
    box-shadow: none !important;
    outline-color: #B2CCC2 !important;
}

    [b-w5m9n46kw6] .k-button-flat:active::after,
    [b-w5m9n46kw6] .k-button-flat.k-active::after,
    [b-w5m9n46kw6] .k-button-primary:active::after,
    [b-w5m9n46kw6] .k-button-primary.k-active::after {
        background-color: #B2CCC2 !important;
        border-color: #B2CCC2 !important;
    }

/*::deep .k-button-text:active,
::deep .k-button-text:hover,
::deep .k-button-text:focus,
::deep .k-button-text.k-active {
    background-color: #B2CCC2 !important;
    border-color: #B2CCC2 !important;
    box-shadow: none !important;
    outline-color: #B2CCC2 !important;
}*/

/*::deep .k-button-text:hover {
    background-color: #B2CCC2 !important;
}*/
[b-w5m9n46kw6] .k-button-text {
    color: #000000;
}

[b-w5m9n46kw6] .booking {
    margin: 0;
    padding: 0;
    width: 90%;
    height: 90%;
    align-items: center;
    justify-content: center;
    display: flex;
    position: relative;
    border: 0px
}

[b-w5m9n46kw6] .triangle-one {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
}

[b-w5m9n46kw6] .triangle-two {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 1px;
    height: 101%;
    /*clip-path: polygon(100% 0, 0% 100%, 100% 100%);*/
    clip-path: polygon(50% 0, 100% 0%, 100% 100%, 50% 100%);
    z-index: 1;
}

[b-w5m9n46kw6] .calendar-day {
    position: absolute;
    top: 4px;
    right: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

[b-w5m9n46kw6] .available-day {
    color: white;
    background-color: #B2CCC2;
    border-radius: 7px;
    /*    margin: 0px 3px;
    margin-top: 6px;*/
    /*border: solid 1px #B2CCC2;*/
}

[b-w5m9n46kw6] .booking-day {
    color: white;
    background-color: #3B514F !important;
    border-radius: 7px;
    /*margin: 13px 3px;*/
    /*border: solid 1px #3B514F;*/
}

[b-w5m9n46kw6] .available-label {
    color: white;
    background-color: #B2CCC2;
    border-radius: 50%;
}

[b-w5m9n46kw6] .booking-label {
    color: white;
    background-color: #3B514F !important;
    border-radius: 50%;
}

[b-w5m9n46kw6] .in-past {
    text-decoration: line-through;
}

[b-w5m9n46kw6] .k-calendar-table {
    border-collapse: collapse !important;
}


[b-w5m9n46kw6] .k-button-flat-primary {
    color: #314746;
}

[b-w5m9n46kw6] .k-today {
    color: #38514F !important;
    text-decoration-color: #38514F !important;
    outline-color: #38514F !important;
}

[b-w5m9n46kw6] .k-link {
    padding-inline: 0 !important;
    padding-block: 0 !important;
    border-radius: 0 !important;
}

/*::deep .k-selected {
    color: null !important;
    background-color: null !important;
}*/

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .calendar[b-w5m9n46kw6] {
        margin-right: 2em;
        border-radius: 10px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .calendar[b-w5m9n46kw6] {
        margin-right: 0.5em;
        padding: 1em 0.5em;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .calendar[b-w5m9n46kw6] {
        margin-right: 2em;
        padding: 1em;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

@media print {
    .calendar[b-w5m9n46kw6] {
        display: none !important;
    }
}
/* /Features/Pages/Properties/Gallery.razor.rz.scp.css */

.gallery[b-qkp2xikjh5] {
    display: grid;
    margin-top: 1em;
    margin-bottom: 1em;
    grid-template-rows: auto;
    grid-gap: 10px;
}

figure[b-qkp2xikjh5] {
    margin: 0;
}

.gallery__img[b-qkp2xikjh5] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 5px;
}

.gallery__item--1[b-qkp2xikjh5] {
    grid-column: 1 / span 2;
    grid-row: 1 / span 2;
}

.gallery__item--2[b-qkp2xikjh5] {
    grid-column: 3 / span 1;
    grid-row: 1 / span 1;
}

.gallery__item--3[b-qkp2xikjh5] {
    grid-column: 4 / span 1;
    grid-row: 1 / span 1;
}

.gallery__item--4[b-qkp2xikjh5] {
    grid-column: 3 / span 1;
    grid-row: 2 / span 1;
}

.gallery__item--5[b-qkp2xikjh5] {
    grid-column: 4 / span 1;
    grid-row: 2 / span 1;
    position: relative;
}

.gallery__item--6[b-qkp2xikjh5] {
    display: none;
}

.gallery__item--7[b-qkp2xikjh5] {
    display: none;
}

.view-more[b-qkp2xikjh5] {
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 100%;
    text-align: center;
    background-color: #30524F;
    color: #ffffff;
    font-size: 0.6em;
    cursor: pointer;
}


/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .view-more[b-qkp2xikjh5] {
        bottom: 10px;
        right: 10px;
        padding: 0.5em 1em;
        height: auto;
        text-align: left;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .gallery__img[b-qkp2xikjh5] {
        border-radius: 10px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .gallery[b-qkp2xikjh5] {
        margin-top: 2em;
        margin-bottom: 2em;
    }

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {


}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

    .gallery__item--5[b-qkp2xikjh5] {
        grid-column: 5 / span 1;
        grid-row: 2 / span 1;
        position: relative;
    }

    .gallery__item--6[b-qkp2xikjh5] {
        grid-column: 4 / span 1;
        grid-row: 2 / span 1;
        display: grid;
    }

    .gallery__item--7[b-qkp2xikjh5] {
        grid-column: 5 / span 1;
        grid-row: 1 / span 1;
        display: grid;
    }
}

@media print {
    .view-more[b-qkp2xikjh5] {
        display: none !important;
    }
}
/* /Features/Pages/Properties/Index.razor.rz.scp.css */

.overview[b-mvw42kp0s4] {
    color: #6F9B8B;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.6em;
}

.login[b-mvw42kp0s4] {
    margin-top: 4em;
}

.login-top[b-mvw42kp0s4] {
    margin-top: 3em;
}

.login-input[b-mvw42kp0s4] {
    width: 400px;
}

.login-submit[b-mvw42kp0s4] {
    margin-top: 2em;
    margin-bottom: 6em;
}

.destination-name[b-mvw42kp0s4] {
    margin: 0;
    padding: 0;
    font-size: 1.4em;
    line-height: 1em;
    align-self: flex-end;
}

.property-section[b-mvw42kp0s4] {
    margin: 1em;
}

    .property-section h3[b-mvw42kp0s4] {
        margin: 0;
        padding: 0;
    }

.house-details[b-mvw42kp0s4] {
    margin-top: 1em;
    font-size: 0.8em;
}

.location[b-mvw42kp0s4] {
    margin-right: 2.5em;
    color: #79A495;
}

.details-container[b-mvw42kp0s4] {
    margin: 0.5em 0;
}

.number[b-mvw42kp0s4] {
    margin: 0;
    padding: 0;
    line-height: 20px;
}

.location-container-2[b-mvw42kp0s4] {
    display: none;
    color: #79A495;
}

.description[b-mvw42kp0s4] {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.shortlist-container[b-mvw42kp0s4] {
    text-align: right;
}

.bullet-container[b-mvw42kp0s4] {
    margin: 2em 0;
}

[b-mvw42kp0s4] .bullet-list ul {
    font-size: 0.8em;
    padding-left: 1rem;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

    [b-mvw42kp0s4] .bullet-list ul li {
        list-style-image: url('/images/bullet-point.svg');
        padding-left: 6px;
    }

.best-for[b-mvw42kp0s4] {
    background-color: #E0EBE7;
    border-radius: 5px;
    padding: 1.5em;
    margin-bottom: 1em;
}

    .best-for h2[b-mvw42kp0s4] {
        color: #6F9B8B;
        margin: 0;
        margin-bottom: 0.5em;
        padding: 0;
        font-weight: 300;
        font-style: normal;
        font-size: 1.1em;
        margin-block-start: 0;
    }

    .best-for a[b-mvw42kp0s4] {
        text-decoration: none;
        color: #314746;
    }

[b-mvw42kp0s4] .best-for ul {
    font-size: 0.8em;
    margin: 0;
    margin-left: 20px;
    padding: 0;
}

    [b-mvw42kp0s4] .best-for ul li {
        list-style-image: url('/images/bullet-point-best-for.svg');
        margin: 0;
        padding: 6px;
    }

.disclaimer[b-mvw42kp0s4] {
    font-size: 0.7em;
}

.price-container[b-mvw42kp0s4] {
    margin: 2em 0;
}

.contact-us[b-mvw42kp0s4] {
    margin-top: 2em;
}

    .contact-us .section-one[b-mvw42kp0s4] {
        padding: 1em;
        padding-top: 1.5em;
        background-color: #79A495;
        color: #BCD2CA;
        text-transform: uppercase;
        text-align: center;
        font-size: 0.8em;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

        .contact-us .section-one .phone-number[b-mvw42kp0s4] {
            margin-top: 0.8em;
            color: #FFFFFF;
            font-size: 1.6em;
        }

    .contact-us .section-two[b-mvw42kp0s4] {
        padding: 3em 0;
        background-color: #38514F;
        color: #BCD2CA;
        text-transform: uppercase;
        text-align: center;
        font-size: 0.8em;
    }

#map[b-mvw42kp0s4] {
    height: 45vh;
    border-radius: 5px;
}

.quote-section[b-mvw42kp0s4] {
    background-color: #EBF2F0;
    width: 100%;
    padding: 4em 0;
}

.quote-mark[b-mvw42kp0s4] {
    color: #707070;
    font-size: 1.2em;
}

.quote[b-mvw42kp0s4] {
    margin: 0 auto;
    font-size: 1em;
    max-width: 90%;
}

.quote-attribute[b-mvw42kp0s4] {
    margin: 0.75em 0 0 0;
    font-size: 1em;
    color: #79A495;
}

.description[b-mvw42kp0s4] {
    max-width: 900px;
}

[b-mvw42kp0s4] .accordion-body {
    font-size: 1em !important;
}

.calendar-placeholder[b-mvw42kp0s4] {
    display: none;
    position: relative;
    border-radius: 5px;
}

    .calendar-placeholder .pink-button[b-mvw42kp0s4] {
        width: 240px;
        margin: 0 auto;
        z-index: 100;
    }

.placeholder-title[b-mvw42kp0s4] {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1em;
    position: relative;
    z-index: 2;
}

.placeholder-region[b-mvw42kp0s4] {
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-weight: 200;
    font-size: 3em;
    margin-top: 0;
    margin-bottom: 0.75em;
    position: relative;
    z-index: 2;
}

.placeholder-overlay[b-mvw42kp0s4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(111,155,139,.34);
    z-index: 1;
    border-radius: 5px;
}

.placeholder-button[b-mvw42kp0s4] {
    position: relative;
    z-index: 2;
}

    .placeholder-button:hover[b-mvw42kp0s4] {
        text-decoration: none;
    }

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .placeholder-overlay[b-mvw42kp0s4] {
        border-radius: 10px;
    }

    .calendar-placeholder[b-mvw42kp0s4] {
        border-radius: 10px;
    }

    #map[b-mvw42kp0s4] {
        border-radius: 10px;
    }

    .best-for[b-mvw42kp0s4] {
        border-radius: 10px;
    }

    .property-section[b-mvw42kp0s4] {
        margin: 2em;
    }

    .description[b-mvw42kp0s4] {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .contact-us[b-mvw42kp0s4] {
        margin-top: 0em;
    }

    .location-container-1[b-mvw42kp0s4] {
        display: none;
    }

    .location-container-2[b-mvw42kp0s4] {
        display: inline;
        text-decoration: none;
    }

    .shortlist-container[b-mvw42kp0s4] {
        order: 2;
    }

    .details-container[b-mvw42kp0s4] {
        margin: 0;
        order: 1;
    }

    .best-for h2[b-mvw42kp0s4] {
        font-size: 1.6em;
    }

    .calendar-placeholder[b-mvw42kp0s4] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-right: 1em;
    }

    .quote-mark[b-mvw42kp0s4] {
        font-size: 1.5em;
    }

    .quote[b-mvw42kp0s4] {
        font-size: 1.2em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .property-section[b-mvw42kp0s4] {
        margin: 1em;
    }

    .quote[b-mvw42kp0s4] {
        font-size: 1.7em;
        max-width: 60%;
    }

    .calendar-placeholder[b-mvw42kp0s4] {
        display: none;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .property-section[b-mvw42kp0s4] {
        margin: 3em;
        margin-bottom: 2em;
    }

    .calendar-placeholder[b-mvw42kp0s4] {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

@media print {
    .shortlist-container[b-mvw42kp0s4], .contact-us .section-two[b-mvw42kp0s4], .quote-section[b-mvw42kp0s4], .map[b-mvw42kp0s4] {
        display: none !important;
    }

    .detail-tabs[b-mvw42kp0s4] {
        break-before: page;
    }
}
/* /Features/Pages/Search/Index.razor.rz.scp.css */

.row[b-47n226a8bk] {
    --bs-gutter-x: 0;
}


.property-cards[b-47n226a8bk] {
    --bs-gutter-x: 1.5rem;
}

.green-background[b-47n226a8bk] {
    background-color: #E0EBE7;
}

.alert-info[b-47n226a8bk] {
    background-color: #E1EBE7;
    border-color: #B5CCC2;
}

.search-term[b-47n226a8bk] {
    font-style: italic;
}

.pink-button[b-47n226a8bk] {
    height: 50px;
    border-radius: 50px;
}

.breadcrumb-side-left[b-47n226a8bk] {
    padding-left: 2em;
}


/* Search Filter Starts */
.search-filter-overlay-backdrop[b-47n226a8bk] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9901;
}

.closebtn[b-47n226a8bk] {
    position: relative;
    z-index: 9903;
}

.search-filter-overlay[b-47n226a8bk] {
    height: 100vh;
    width: 100vw;
    display: none;
    position: fixed;
    z-index: 9900;
    top: 0;
    left: 0;
    backdrop-filter: blur(10px);
    opacity: 0;
    transition: opacity 0.5s ease;
}

    .search-filter-overlay.show[b-47n226a8bk] {
        display: block;
        opacity: 1;
    }

    .search-filter-overlay .closebtn[b-47n226a8bk] {
        position: absolute;
        top: 5px;
        right: 40px;
        font-size: 50px;
        cursor: pointer;
        color: #749B8B;
        background-color: #E1EBE7;
        z-index: 9999;
    }

        .search-filter-overlay .closebtn:hover[b-47n226a8bk] {
            color: #314746;
        }


.search-filter-overlay-content[b-47n226a8bk] {
    position: relative;
    z-index: 9902;
    top: 0;
    width: 97vw; /* HACK: I can't figure out a better way of solving the vertical scroll bars at the moment */
    height: 100vh;
    line-height: 1.75em;
    margin: 0 auto 0 0;
    padding: 5em 2em 0 0;
    color: #314746;
    background-color: #E1EBE7;
    overflow-x: hidden; /* horizontal */
    overflow-y: auto; /* vertical */
}

    .search-filter-overlay-content a[b-47n226a8bk] {
        color: #314746;
        text-decoration: none;
    }

        .search-filter-overlay-content a:hover[b-47n226a8bk] {
            color: #ffffff;
            text-decoration: none;
        }

    .search-filter-overlay-content p[b-47n226a8bk] {
        margin: 0;
    }

.checkbox-container[b-47n226a8bk] {
    margin-top: 0.5em;
}

.checkbox-label[b-47n226a8bk] {
    margin-left: 0.75em;
}

[b-47n226a8bk] .checkbox-round {
    width: 1em;
    height: 1em;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #314746;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

    [b-47n226a8bk] .checkbox-round:checked {
        background-color: #DF88B0;
    }

.accordion[b-47n226a8bk] {
    margin: 0;
    padding: 0 0 0 2em;
}

.accordion-button[b-47n226a8bk] {
    background: none;
    color: #314746;
    border: none;
    box-shadow: none;
    font-family: "Work Sans", sans-serif;
    font-size: 1.2em;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-left: 0;
}

    .accordion-button:focus[b-47n226a8bk] {
        border: none;
        box-shadow: none;
    }

    .accordion-button.collapsed[b-47n226a8bk]::after {
        background: url('images/accordion-arrow.svg');
        width: 30px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .accordion-button:not(.collapsed)[b-47n226a8bk]::after {
        background: url('images/accordion-arrow.svg');
        width: 30px;
        background-size: contain;
        background-repeat: no-repeat;
        margin-top: -10px;
    }

.accordion-body[b-47n226a8bk] {
    margin-top: -20px;
    margin-bottom: 1em;
    padding-top: 0;
    padding-left: 0;
    font-size: 1em;
}

.accordion-item[b-47n226a8bk] {
    background: none;
    border: none;
    border-bottom: 1px solid #314746;
}

    .accordion-item:last-of-type[b-47n226a8bk] {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

.sleeps[b-47n226a8bk] {
    background: none;
    color: #314746;
    border: none;
    box-shadow: none;
    font-family: "Work Sans", sans-serif;
    font-size: 1.2em;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #314746;
    padding: 1rem 1.25rem;
    padding-left: 0;
}

.sleepsChangeBtn[b-47n226a8bk] {
    cursor: pointer;
}

    .sleepsChangeBtn img[b-47n226a8bk] {
        width: 30px;
    }

.sleepsNumber[b-47n226a8bk] {
    min-width: 25px;
    margin: 0 0.75em;
    text-align: center;
}

.filterRegionHeading[b-47n226a8bk] {
    font-family: "Work Sans", sans-serif;
    font-size: 1em;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 1em;
    margin-bottom: -10px;
}

.filter-buttons[b-47n226a8bk] {
    padding: 3em 2em 0 2em;
}

.reset-button[b-47n226a8bk] {
    color: #ffffff;
    background-color: #749B8B;
}

    .reset-button:hover[b-47n226a8bk] {
        background-color: #DF88B0;
    }

.filter-footer[b-47n226a8bk] {
    padding: 2em;
}

    .filter-footer a:hover[b-47n226a8bk] {
        color: #DF88B0;
    }



/* Search Filter end */


/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    .search-filter-overlay-content[b-47n226a8bk] {
        width: 98vw; /* HACK: I can't figure out a better way of solving the vertical scroll bars at the moment */
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .search-filter-overlay-content[b-47n226a8bk] {
        width: 75vw;
        max-width: 700px;
        padding: 2em 2em 0 0;
    }

    .search-filter-overlay .closebtn[b-47n226a8bk] {
        display: none;
    }

    .accordion-button.collapsed[b-47n226a8bk]::after {
        width: 40px;
    }

    .accordion-button:not(.collapsed)[b-47n226a8bk]::after {
        width: 40px;
        margin-top: 0;
    }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .search-filter-overlay-content[b-47n226a8bk] {
        width: 60vw;
    }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .search-filter-overlay-content[b-47n226a8bk] {
        width: 55vw;
    }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .search-filter-overlay-content[b-47n226a8bk] {
        width: 45vw;
    }
}
/* /Features/Pages/ShortList/Index.razor.rz.scp.css */

.main-content[b-fhtqbw541g] {
    background-color: #E0EBE7;
}

.header-section[b-fhtqbw541g] {
    background-color: #FFFFFF;
    margin: 0;
    padding: 1.8em 1em;
    width: 100%;
}

    .header-section .row[b-fhtqbw541g] {
        margin: 0;
        padding: 0;
    }

.section-one[b-fhtqbw541g] {
    margin: 0 auto;
    padding: 0 1em;
}

/* Send Shortlist Starts */

[b-fhtqbw541g] .textbox-control {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 10px 15px;
}

[b-fhtqbw541g] .pink-button {
    border-radius: 50px;
}

.send-shortlist-overlay-backdrop[b-fhtqbw541g] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9901;
    backdrop-filter: blur(10px);
}

.send-shortlist-overlay-content[b-fhtqbw541g] {
    position: relative;
    z-index: 9902;
    margin: 2em auto;
    width: 90vw;
    background-color: #FBF7F0;
    border-radius: 20px;
    padding: 1.5em 1em 2em 1em;
}

    .send-shortlist-overlay-content h1[b-fhtqbw541g] {
        margin-bottom: 0.75em;
    }

.send-shortlist-overlay[b-fhtqbw541g] {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    overflow-y: auto;
    z-index: 9900;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.5s ease;
}

    .send-shortlist-overlay.show[b-fhtqbw541g] {
        display: block;
        opacity: 1;
    }

    .send-shortlist-overlay .closebtn[b-fhtqbw541g] {
        position: relative;
        z-index: 9903;
        position: absolute;
        top: 5px;
        right: 20px;
        font-size: 50px;
        cursor: pointer;
        color: #314746;
    }

        .send-shortlist-overlay .closebtn:hover[b-fhtqbw541g] {
            color: #000000;
        }

/* Send Shortlist ends */

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .send-shortlist-overlay-content[b-fhtqbw541g] {
        padding: 1.2em 2em 2em 2em;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    [b-fhtqbw541g] .textbox-control {
        border-radius: 10px;
    }

    .section-one[b-fhtqbw541g] {
        padding: 0 2em;
    }

    .send-shortlist-overlay-content[b-fhtqbw541g] {
        padding: 1.2em 5em 2em 2em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .header-section[b-fhtqbw541g] {
        padding: 1.8em 2em;
    }

    .send-shortlist-overlay-content[b-fhtqbw541g] {
        width: 70vw;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .send-shortlist-overlay-content[b-fhtqbw541g] {
        width: 850px;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/SubmitVilla/Index.razor.rz.scp.css */

.section-title[b-w8jw05kiat] {
    background-color: #ffffff;
}

    .section-title p[b-w8jw05kiat] {
        font-family: "Work Sans", sans-serif;
        font-weight: 200;
        font-style: normal;
        font-size: 1.3em;
        max-width: 700px;
        margin: 1.5em 1em;
    }

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .section-title p[b-w8jw05kiat] {
        margin: 1.5em auto;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .section-title p[b-w8jw05kiat] {
        font-size: 1.7em;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/SubmitVilla/Interested.razor.rz.scp.css */

.section-interested[b-ut69qctotw] {
    padding: 4em 0 4em 0;
    border-top: solid 1px #B2CCC2;
}

.section-interested .row[b-ut69qctotw] {
    margin: 0;
    padding: 0;
    --bs-gutter-x: 0;
}

.left-column[b-ut69qctotw] {
    padding: 0 2em 2em 2em;
}

.section-interested img[b-ut69qctotw] {
    border-radius: 5px;
    margin: 0 auto;
}

.section-interested-text[b-ut69qctotw] {
    margin: 0 2em;
}

.section-interested-text h1[b-ut69qctotw] {
    margin-bottom: 1em;
    font-size: 1.6em;
}

.section-interested-text p[b-ut69qctotw] {
    margin-bottom: 1.5em;
}

.button-container[b-ut69qctotw] {
    margin-top: 2em;
}

/* Fancy Bullet Points */
.section-interested-text ul[b-ut69qctotw] {
    list-style: ninterested;
    padding-left: 0;
}

.section-interested-text ul li[b-ut69qctotw] {
    padding: 0.6em 0;
    display: flex;
    align-items: flex-start;
    gap: 1.2em;
}

    .section-interested-text ul li[b-ut69qctotw]::before {
        content: '';
        display: inline-block;
        width: 15px;
        height: 1px;
        background-color: #DF88B0;
        flex-shrink: 0;
        margin-top: 15px;
    }
/* Fancy Bullet Points End */

/*
    X-Small devices (portrait phinteresteds, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phinteresteds, 576px and up) */
@media (min-width: 576px) {
    .section-interested img[b-ut69qctotw] {
        width: 80%
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .section-interested img[b-ut69qctotw] {
        border-radius: 10px;
    }

    .section-interested-text[b-ut69qctotw] {
        width: 75%;
        margin: 0 auto;
    }

    .left-column[b-ut69qctotw] {
        padding: 0 0 2em 0;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .left-column[b-ut69qctotw] {
        padding: 0;
    }

    .section-interested-text[b-ut69qctotw] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
        height: 100%;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/SubmitVilla/Press.razor.rz.scp.css */

/*.section-press {
    padding: 2em 0 0 0;
    border-top: solid 1px #B2CCC2;
}*/

/*.button-container {
    margin-top: 2em;
}*/

.as-featured-container[b-9ajloqnfxu] {
    /*margin: 2em 0;*/
    margin-bottom: 2em;
    overflow: hidden;
    padding: 2em 0 0 0;
    border-top: solid 1px #B2CCC2;
}

.intro-text[b-9ajloqnfxu] {
    margin: 0 auto;
    padding: 0 2em;
    text-align: center;
    max-width: 650px;
}

.news-logos-section[b-9ajloqnfxu] {
    margin-top: 2em;
}

.news-logo[b-9ajloqnfxu] {
    width: 100px;
    margin: .25em .25em .25em .25em;
}


/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .as-featured-container[b-9ajloqnfxu] {
        margin: 3em 0;
    }

    .news-logo[b-9ajloqnfxu] {
        width: 140px;
        margin: 0.5em 0.5em 0 0.5em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .news-start[b-9ajloqnfxu] {
        margin-left: 0;
    }

    .news-end[b-9ajloqnfxu] {
        margin-right: 0;
    }

    .news-logo[b-9ajloqnfxu] {
        width: 165px;
        margin: 1em 1em 0 1em;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .news-logo[b-9ajloqnfxu] {
        width: 170px;
        margin: 1em 1em 0 1em;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

    .news-logo[b-9ajloqnfxu] {
        width: 200px;
        margin: 1em 1em 0 1em;
    }
}
/* /Features/Pages/SubmitVilla/Quote.razor.rz.scp.css */
.quote-container[b-mj7zfonf1u] {
    border-top: solid 1px #B2CCC2;
    background: #F3F4F0;
}

.quotes[b-mj7zfonf1u] {
    margin: 4em auto 4em auto;
    padding: 0 2em;
    max-width: 1000px;
}

.quote-person[b-mj7zfonf1u] {
    color: #B2CCC2;
    margin: 0;
    margin-bottom: 0.25em;
}

.quote-role[b-mj7zfonf1u] {
    color: #DF88B0;
    font-size: 0.8em;
    margin: 0;
    margin-bottom: 2em;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .quotes[b-mj7zfonf1u] {
        padding: 0;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/SubmitVilla/Reasons.razor.rz.scp.css */

.section-one[b-5azt5uakq1] {
    padding: 4em 0;
}

.section-one .row[b-5azt5uakq1] {
    margin: 0;
    padding: 0;
    --bs-gutter-x: 0;
}

.left-column[b-5azt5uakq1] {
    padding: 0 2em 2em 2em;
}

.section-one img[b-5azt5uakq1] {
    border-radius: 5px;
    margin: 0 auto;
}

.section-one-text[b-5azt5uakq1] {
    margin: 0 2em;
}

.section-one-text h1[b-5azt5uakq1] {
    margin-bottom: 1em;
    font-size: 1.6em;
}

.section-one-text p[b-5azt5uakq1] {
    margin-bottom: 1.5em;
}

.button-container[b-5azt5uakq1] {
    margin-top: 2em;
}


/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .section-one img[b-5azt5uakq1] {
        width: 80%
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .section-one img[b-5azt5uakq1] {
        border-radius: 10px;
    }

    .section-one-text[b-5azt5uakq1] {
        width: 75%;
        margin: 0 auto;
    }

    .left-column[b-5azt5uakq1] {
        padding: 0 0 2em 0;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .left-column[b-5azt5uakq1] {
        padding: 0;
    }

    .section-one-text[b-5azt5uakq1] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
        height: 100%;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/SubmitVilla/Service.razor.rz.scp.css */

.section-service[b-6tr75b1una] {
    padding: 2em 0 0 0;
    border-top: solid 1px #B2CCC2;
}

.section-service .row[b-6tr75b1una] {
    margin: 0;
    padding: 0;
    --bs-gutter-x: 0;
}

.service-right-column[b-6tr75b1una] {
    padding: 0 2em 2em 2em;
}

.section-service img[b-6tr75b1una] {
    border-radius: 5px;
    margin: 3em auto 0 auto;
}

.section-service-text[b-6tr75b1una] {
    margin: 0 2em;
}

.section-service-text h1[b-6tr75b1una] {
    margin-bottom: 1em;
}

.section-service-text p[b-6tr75b1una] {
    margin-bottom: 1.5em;
}

.button-container[b-6tr75b1una] {
    margin-top: 2em;
}


/*
    X-Small devices (portrait phservices, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phservices, 576px and up) */
@media (min-width: 576px) {
    .section-service img[b-6tr75b1una] {
        width: 80%
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .section-service img[b-6tr75b1una] {
        border-radius: 10px;
    }

    .section-service-text[b-6tr75b1una] {
        width: 80%;
        margin: 0 auto;
    }

    .right-column[b-6tr75b1una] {
        padding: 0 0 2em 0;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .section-service[b-6tr75b1una] {
        padding: 4em 0;
    }

    .section-service img[b-6tr75b1una] {
        margin: 0 auto;
    }

    .button-container[b-6tr75b1una] {
        margin-top: 1em;
    }

    .left-column[b-6tr75b1una] {
        padding: 0;
    }


    .right-column[b-6tr75b1una] {
        padding: 0;
    }

    .section-service-text[b-6tr75b1una] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
        height: 100%;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/TermsAndConditions/Index.razor.rz.scp.css */
.section-one[b-tt28xl2str] {
    margin: 0 auto;
    padding: 0 1em;
    max-width: 1100px;
}

h2[b-tt28xl2str] {
    margin-top: 1.5em !important;
    /*border: solid 1px red;*/
}

h3[b-tt28xl2str] {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

p[b-tt28xl2str] {
    line-height: 1.5em;
}

ul li[b-tt28xl2str] {
    line-height: 1.5em;
}

    ul li ul li[b-tt28xl2str] {
        line-height: 1.5em;
    }

ol li[b-tt28xl2str] {
    line-height: 1.5em;
}

    ol li ul li[b-tt28xl2str] {
        line-height: 1.5em;
    }

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .section-one[b-tt28xl2str] {
        padding: 0 2em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .section-one[b-tt28xl2str] {
        padding: 0 4em;
    }

    p[b-tt28xl2str] {
        line-height: 2em;
    }

    ul li[b-tt28xl2str] {
        line-height: 2em;
    }

        ul li ul li[b-tt28xl2str] {
            line-height: 2em;
        }

    ol li[b-tt28xl2str] {
        line-height: 2em;
    }

        ol li ul li[b-tt28xl2str] {
            line-height: 2em;
        }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .section-one[b-tt28xl2str] {
        padding: 0 8em;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* /Features/Pages/WebsiteAndMarketingPrivacyPolicy/Index.razor.rz.scp.css */
.section-one[b-lgk0dc3n3t] {
    margin: 0 auto;
    padding: 0 1em;
    max-width: 1100px;
}

h2[b-lgk0dc3n3t] {
    margin-top: 1.5em !important;
    /*border: solid 1px red;*/
}

h3[b-lgk0dc3n3t] {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

p[b-lgk0dc3n3t] {
    line-height: 2em;
}

ul li[b-lgk0dc3n3t] {
    line-height: 2em;
}

ul li ul li[b-lgk0dc3n3t] {
    line-height: 2em;
}

ol li[b-lgk0dc3n3t] {
    line-height: 2em;
}

ol li ul li[b-lgk0dc3n3t] {
    line-height: 2em;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .section-one[b-lgk0dc3n3t] {
        padding: 0 2em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .section-one[b-lgk0dc3n3t] {
        padding: 0 4em;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .section-one[b-lgk0dc3n3t] {
        padding: 0 8em;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
