#catalog-hero { background-size: cover !important; }
#catalog .card-img-top {
    transition: transform .3s ease-in-out;
    height: 356px;
    object-fit: cover;
    image-rendering: optimizeQuality;
}
#catalog .card-img-top:hover { transform: scale(1.1); }
.villa-img {height: 400px !important;}
.card-img-filter {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(71, 71, 71, 0.00) 75.99%, rgba(0, 0, 0, 0.71) 100%);
    z-index: 1; /* Places the pseudo-element above the image */
}

.villa-slider .slick-prev, .villa-slider .slick-next {
    z-index: 1;
    /* color: #000; */
}

.villa-slider .slick-dots {
    bottom: 10px;
}

.form-control {
    background: white !important;
}

.input-group-lg .input-group-text {
    background: transparent;
    font-weight: 500;
    border: none;
    padding-left: 0;
    color: #6c757d;
}

.input-group-lg .form-control {
    border: none;
    box-shadow: none;
}

.input-group-lg .form-control:focus {
    outline: none;
    box-shadow: none;
}

#catalog-search .search-bar{
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.57) 0%, rgba(255, 255, 255, 0.36) 100%);
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05),
        0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04),
        0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
    backdrop-filter: blur(15px);
    border-radius: 42px;
    padding: 20px;
}
#catalog-search .search-bar svg path {fill: var(--bs-primary);}
#offcanvas-search .form-group {
    position: relative;
    display: flex;
    flex-direction: column;
}

#offcanvas-search .form-group i {
    pointer-events: none;
}

#offcanvas-search input {
    appearance: textfield;
    background: transparent;
    outline: none;
    box-shadow: none;
    padding-right: 2.5rem;
}
#offcanvas-search .btn-close {
    --bs-btn-close-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="27" height="28" viewBox="0 0 27 28" fill="none"><path d="M1.41429 0.632043L26.6336 25.8514L25.2194 27.2656L7.83583e-05 2.04626L1.41429 0.632043Z" fill="%23F4F4F4"/><path d="M26.6335 2.04605L1.41421 27.2654L0 25.8512L25.2193 0.631836L26.6335 2.04605Z" fill="%23F4F4F4"/></svg>');
    --bs-btn-close-opacity: 1;
}
.see-all {
    color: rgba(18, 20, 23, 0.60);
    font-family: "novecento-sans-wide";
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.32px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.slick-prev, .slick-next {
    min-width: 46px;
    min-height: 46px;
    opacity: 0;
    /* visibility: hidden; */
    transition: .3s ease-in-out;
    border-radius: 100%;
    border: 1px solid #FFF;
    padding: 5px;
}
#catalog .card:hover .slick-prev, #catalog .card:hover .slick-next {
    opacity: 1;
    visibility: visible;
}
.slick-next {right: 10px;}
.slick-prev {left: 10px;}
@media screen and (max-width: 767px) {
    .villa-img {height: 320px !important;}
    .villa-img img {height: 320px !important;}
    .slick-prev, .slick-next {
        min-width: 36px;
        min-height: 36px;
    }
}

.card-body a svg{
    transition: all .4s ease-in-out;
}
.card-body a:hover svg{
    transform: rotate(45deg);
}