html{scroll-behavior:smooth}

.availability h2 {
    padding-left: 1rem;
    color: #122c41;
}

.availability {
    display: block;
    /* disponibile da */
    /* background-color: rgb(255, 206, 115); */
    background-color: rgb(166, 255, 115);
    padding: 1rem !important;
}

.availability a {
    text-decoration: none;
    color: #122c41;
    font-size: 1.125rem;
}

.swiper-slide img {
    width: 100%;
    height: fit-content;
    object-fit: cover;
    height: auto;
    margin: .5rem auto;
    border-radius: 24px;
}

.house-full-card {
    margin: 2rem;
    max-width: 1200px;
}


.house-full-card * {
    padding: .5rem 0;
}

.house-description-wrapper {
    border: 2px solid #122c41;
    border-radius: 24px;
    padding-bottom: 0;
    outline: solid 2px #122c41;
    outline-offset: -3px;
}

.house-description {
    padding: 1rem 2rem;
    color: #122c41;
}

.house-description-infos {
    padding: 1rem 2rem 0;
    background-color: #122c41;
    border-radius: 0 0 22px 22px;
}

.house-description-infos * {
    color: white;
}

.house-description-infos ul {
    padding-top: 0;
    padding-bottom: 2rem;
}

.house-description-infos ul li{
    list-style-type: "☑ ";
    list-style-position: inside;
}

.house-description-infos p {
    font-weight: 400;
}

.house-description-infos p span {
    font-weight: 700;
}

.desc-title {
    margin-top: 1rem;
    font-size: 1.375rem;
}

.house-description-infos span {
    color: #dae1e7;
}

.swiper,
.swiper-wrapper,
.swiper-slide,
.swiper-slide img {
    width: 100%;
}

.icon {
    display: inline;
    height: 35px;
    width: auto;
    margin-right: .25rem;
}

.price-line {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: .375rem 0 0;
}

.price-line span {
    font-weight: 700;
}

.btn {
    padding: .75rem 2rem;
    max-width: 100%;
    width: 100%;
}

/* 
Single house contact modal */

.contact-modal {
    position: absolute;
    top: 10%;
    bottom: 5%;
    left: 5%;
    right: 5%;
    background-color: rgb(238, 239, 247);
    z-index: 99;
    border-radius: 24px;
    padding: 1rem;
}

#contact-form-home h2 {
    margin: 0;
}

#contact-form-home textarea {
    height: 5rem;
}

#contact-form-home .btn {
    margin: 0 0 0 0;
}

.contact-modal:target {
    display: block;
  }
  

@media screen and (min-width:769px){

    .house-full-card {
        margin-top: 7rem;
    }

    .container {
        display: flex;
        flex-direction: row;
        max-width: 1200px;
        margin: 1rem auto;
    }

    .swiper {
        margin-left: 2rem !important;
        width: 65%;
    }
    
    .house-description-wrapper {
        max-width: 1200px;
        margin: 1rem auto;
    }
    .house-description,
    .house-description-infos {
        padding: 1.5rem 4rem;
    }

    .house-description-infos {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .house-description-infos div {
        width: 50%;
    }

}

@media screen and (min-width:1232px){
    .house-full-card {
        margin: 7rem auto 4rem;
    }
}