.singleBiensImmobiliers .backBtn{
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 20px;
    line-height: 27px;
    color: var(--black);
    font-weight: 500;
    margin-bottom: 24px;
} 

.backBtn::before {
    content: "";
    display: block;
    height: 19px;
    width: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='19' viewBox='0 0 16 19'%3E%3Cpath id='Polygone_56' data-name='Polygone 56' d='M9.5,0,19,16H0Z' transform='translate(0 19) rotate(-90)' fill='%23aec2b0'/%3E%3C/svg%3E%0A");
}

@media (max-width: 500px) {
    .singleBiensImmobiliers .backBtn {
        font-size: 16px;
        line-height: 22px;
    }
}

/* ---------------------------------- SECTION IMAGES ---------------------------------- */

.singleBiensImmobiliers .sectionImages {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: auto;
    gap: 20px;
    background-color: var(--primary);
    padding: 20px;
    position: relative;
}

.singleBiensImmobiliers .sectionImages .images__thumb { 
    display: block; 
    position: relative;
}

.singleBiensImmobiliers .sectionImages .images__thumb:first-child { 
    grid-column: 1 / 9;
    grid-row: 1 / 5;
    aspect-ratio: 1;
}

.singleBiensImmobiliers .sectionImages .images__thumb:nth-child(2) { 
    grid-column: 9 / 15;
    grid-row: 1 / 3;
}

.singleBiensImmobiliers .sectionImages .images__thumb:nth-child(3) { 
    grid-column: 9 / 13;
    grid-row: 3 / 5;
}

.singleBiensImmobiliers .sectionImages .images__thumb:nth-child(4) { 
    grid-column: 13 / 15;
    grid-row: 3 / 5;
}

.singleBiensImmobiliers .sectionImages .images__thumb, 
.singleBiensImmobiliers .sectionImages .images__thumb img{
    display: block;
    width: 100%;
    height: 100%;
}

.singleBiensImmobiliers .sectionImages .images__thumb--more .images__overlay {
  inset: 0;
  position: absolute;
  background: #ffffffbf;
  color: var(--black);
  font-size: 36px;
  line-height: 49px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}

.singleBiensImmobiliers .sectionImages .exclusivite{
    position: absolute;
    top: 40px;
    left: 40px;
    background-color: var(--primary);
    color: white;
    padding: 9px 37px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}

@media (max-width: 992px) {
    .singleBiensImmobiliers .sectionImages {
        gap: 10px;
        padding: 10px;
        width: 100vw;
        margin-left: -36px;
    }
    .singleBiensImmobiliers .sectionImages .images__thumb--more .images__overlay {
        font-size: 25px;
        line-height: 34px;
    }
    .singleBiensImmobiliers .sectionImages .exclusivite{
        top: 20px;
        left: 20px;
    }
}

@media (max-width: 700px) {
    .singleBiensImmobiliers .sectionImages .images__thumb:first-child { 
        grid-column: 1 / 15;
        grid-row: 1 / 8;
    }
    .singleBiensImmobiliers .sectionImages .images__thumb:nth-child(2) { 
        grid-column: 1 / 6;
        grid-row: 8 / 9;
    }
    .singleBiensImmobiliers .sectionImages .images__thumb:nth-child(3) { 
        grid-column: 6 / 11;
        grid-row: 8 / 9;
    }
    .singleBiensImmobiliers .sectionImages .images__thumb:nth-child(4) { 
        grid-column: 11 / 15;
        grid-row: 8 / 9;
    }
}

/* ------------------- 3 IMAGES ------------------- */

.singleBiensImmobiliers .sectionImages.images--count-3 {
    grid-template-rows: repeat(3, 200px);
}

.singleBiensImmobiliers .sectionImages.images--count-3 .images__thumb:first-child {
    aspect-ratio: initial;
    grid-row: 1 / 4;
}

.singleBiensImmobiliers .sectionImages.images--count-3 .images__thumb:nth-child(2) {
    grid-row: 1 / 3;
}

.singleBiensImmobiliers .sectionImages.images--count-3 .images__thumb:nth-child(3) {
    grid-column: 9 / 15;
    grid-row: 3 / 4;
}

@media (max-width: 700px) {
    .singleBiensImmobiliers .sectionImages.images--count-3 {
        grid-template-rows: initial;
    }
    .singleBiensImmobiliers .sectionImages.images--count-3 .images__thumb:first-child {
        aspect-ratio: initial;
        grid-row: 1 / 4;
    }
    .singleBiensImmobiliers .sectionImages.images--count-3 .images__thumb:nth-child(2) {
        grid-row: 4 / 5;
        grid-column: 1 / 8;
    }
    .singleBiensImmobiliers .sectionImages.images--count-3 .images__thumb:nth-child(3) {
        grid-column: 8 / 15;
        grid-row: 4 / 5;
    }
}

/* ------------------- 2 IMAGES ------------------- */

.singleBiensImmobiliers .sectionImages.images--count-2 .images__thumb:first-child {
    grid-column: 1 / 12;
    grid-row: initial;
    aspect-ratio: 13 / 9;
}

.singleBiensImmobiliers .sectionImages.images--count-2 .images__thumb:nth-child(2) {
    grid-column: 12 / 15;
    grid-row: initial;
}

/* ------------------- 1 IMAGE ------------------- */

.singleBiensImmobiliers .sectionImages.images--count-1 .images__thumb{
    grid-column: 1/15;
    aspect-ratio: initial;
}

.singleBiensImmobiliers .sectionImages.images--count-1 img{
    width: 100%;
    aspect-ratio: 9 / 5;
}

/* ------------------- NO IMAGES ------------------- */

.singleBiensImmobiliers .sectionImages.images--count-0 {
    display: block;
}

.singleBiensImmobiliers .sectionImages.images--count-0 img{
    width: 100%;
    aspect-ratio: 16 / 5;
}


/* ------------------- MODALE ------------------- */

.singleBiensImmobiliers .images-modal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

.images-modal.is-open { 
    display: flex; 
}

.singleBiensImmobiliers .images-modal .images-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6);
}

.singleBiensImmobiliers .images-modal .images-modal__close {
  position: absolute;
  top: 30px;
  right: 30px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 2;
}

.singleBiensImmobiliers .images-modal .images-modal__close::after{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.749' height='24.75' viewBox='0 0 24.749 24.75'%3E%3Cg id='Groupe_172960' data-name='Groupe 172960' transform='translate(-62.625 -63.125)'%3E%3Crect id='Rectangle_33' data-name='Rectangle 33' width='32' height='3' transform='translate(62.625 85.754) rotate(-45)' fill='%23fff'/%3E%3Crect id='Rectangle_57' data-name='Rectangle 57' width='31.999' height='3' transform='translate(85.252 87.873) rotate(-135)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.singleBiensImmobiliers .images-modal .images-modal__content {
  position: relative;
  background: #fff;
  padding: 15px;
  width: 80%;
  height: 80%;
}

.singleBiensImmobiliers .images-modal .images-modal__content .swiper {
    height: 100%;
}

.singleBiensImmobiliers .images-modal .images-modal__item{
    aspect-ratio: 16 / 9;
}

.singleBiensImmobiliers .images-modal .images-modal__item img {
    width: 100%;
    height: 100%;
}

@media (max-width: 1400px) {
    .singleBiensImmobiliers .images-modal .images-modal__content {
        width: 90%;
        height: 90%;
    }
}

@media (max-width: 700px) {
    .singleBiensImmobiliers .images-modal .images-modal__content {
        height: auto;
        padding: 10px;
    }
    .singleBiensImmobiliers .images-modal .images-modal__item{
        aspect-ratio: initial;
    }
}

/* ---------------------------------- SECTION INFORMATIONS ---------------------------------- */

.singleBiensImmobiliers .informations{
    margin-top: 80px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0px 90px;
}

.singleBiensImmobiliers .informations h2{
    font-size: 37px;
    line-height: 45px;
    margin-bottom: 17px;
    text-transform: uppercase;
}

@media (max-width: 1600px) {
    .singleBiensImmobiliers .informations{
        margin-top: 60px;
    }
    .singleBiensImmobiliers .informations h2{
        font-size: 30px;
        line-height: 37px;
    }
}

@media (max-width: 1200px) {
    .singleBiensImmobiliers .informations{
        gap: 60px 0px;
    }
}

@media (max-width: 500px) {
    .singleBiensImmobiliers .informations h2{
        font-size: 22px;
        line-height: 27px;
    }
    .singleBiensImmobiliers .informations{
        margin-top: 40px;
    }
}

/* ------------------- LEFT COLONNE ------------------- */

.singleBiensImmobiliers .informations .leftColonne{
    grid-column: 1 / 8;
    grid-row: 1 / 2;
}

.singleBiensImmobiliers .informations .leftColonne h1{
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
}

.singleBiensImmobiliers .informations .leftColonne .ville{
    font-size: 26px;
    line-height: 36px;
    margin-top: 7px;
}

.singleBiensImmobiliers .informations .leftColonne .prix{
    font-size: 44px;
    line-height: 60px;
    font-weight: 500;
    margin-top: 20px;
}

.singleBiensImmobiliers .informations .leftColonne .surface_terrain{
    font-size: 26px;
    line-height: 36px;
    margin-top: 7px;
}

.singleBiensImmobiliers .informations .leftColonne .corps,
.singleBiensImmobiliers .informations .leftColonne .caracteristiques,
.singleBiensImmobiliers .informations .leftColonne .diagnostics,
.singleBiensImmobiliers .informations .leftColonne .localisation{
    margin-top: 58px;
}

.singleBiensImmobiliers .informations .leftColonne .paragraphe *{
    font-size: 18px;
    line-height: 30px;
}

.singleBiensImmobiliers .informations .leftColonne .caracteristiques ul{
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 550px;
}

.singleBiensImmobiliers .informations .leftColonne .caracteristiques ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.singleBiensImmobiliers .informations .leftColonne .caracteristiques ul li p{
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    margin: 0px;
    text-align: end;
}

.singleBiensImmobiliers .informations .leftColonne .caracteristiques ul li span{
    font-size: 20px;
    line-height: 27px;
    margin: 0px;
    text-align: start;
} 

.singleBiensImmobiliers .informations .leftColonne .diagnostics .newdpe .dpe-title{
    display: none;
}

.singleBiensImmobiliers .informations .leftColonne .diagnostics .newdpe,
.singleBiensImmobiliers .informations .leftColonne .diagnostics .newges{
    width: 50%;
}

.singleBiensImmobiliers .informations .leftColonne .diagnostics .newdpe .diagnostic.diagnostic-dpe{
    margin: 0px;
    width: 100%;
}

.singleBiensImmobiliers .informations .leftColonne .diagnostics .newges .ges-title{
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: -1px;
    margin-bottom: 8px;
}

.singleBiensImmobiliers .informations .leftColonne .diagnostics .newges .emission-number{
    font-size: 26px;
    line-height: 28px;
    font-weight: 500;
}

@media (max-width: 1600px) {
    .singleBiensImmobiliers .informations .leftColonne h1{
        font-size: 25px;
        line-height: 35px;
    }
    .singleBiensImmobiliers .informations .leftColonne .ville{
        font-size: 23px;
        line-height: 31px;
    }
    .singleBiensImmobiliers .informations .leftColonne .prix{
        font-size: 38px;
        line-height: 52px;
    }
    .singleBiensImmobiliers .informations .leftColonne .surface_terrain{
        font-size: 23px;
        line-height: 31px;
    }
}

@media (max-width: 1200px) {
    .singleBiensImmobiliers .informations .leftColonne{
        grid-column: 1 / 13;
        grid-row: 1 / 2;
    }
}

@media (max-width: 500px) {
    .singleBiensImmobiliers .informations .leftColonne .corps,
    .singleBiensImmobiliers .informations .leftColonne .caracteristiques,
    .singleBiensImmobiliers .informations .leftColonne .diagnostics,
    .singleBiensImmobiliers .informations .leftColonne .localisation{
        margin-top: 48px;
    }
    .singleBiensImmobiliers .informations .leftColonne .caracteristiques ul{
        width: 100%;
        gap: 22px;
    }
    .singleBiensImmobiliers .informations .leftColonne h1{
        font-size: 22px;
        line-height: 30px;
    }
    .singleBiensImmobiliers .informations .leftColonne .ville{
        font-size: 20px;
        line-height: 26px;
    }
    .singleBiensImmobiliers .informations .leftColonne .prix{
        font-size: 32px;
        line-height: 45px;
        margin-top: 15px;
    }
    .singleBiensImmobiliers .informations .leftColonne .surface_terrain{
        font-size: 20px;
        line-height: 26px;
    }
    .singleBiensImmobiliers .informations .leftColonne .caracteristiques ul li p,
    .singleBiensImmobiliers .informations .leftColonne .caracteristiques ul li span{
        font-size: 16px;
        line-height: 20px;
    }
}

@media (max-width: 600px) {
    .singleBiensImmobiliers .informations .leftColonne .diagnostics .newdpe,
    .singleBiensImmobiliers .informations .leftColonne .diagnostics .newges{
        width: 100%;
    }
}





/* ------------------- RIGHT COLONNE ------------------- */

.singleBiensImmobiliers .informations .rightColonne{
    grid-column: 8 / 13;
    grid-row: 1 / 2;
}

.singleBiensImmobiliers .informations .rightColonne .agent{
    padding: 35px 70px;
    background-color: #F2F2F2;
}

.singleBiensImmobiliers .informations .rightColonne .agent .profil{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}

.singleBiensImmobiliers .informations .rightColonne .agent .profil .photo{
    width: 95px;
    height: 95px;
    border-radius: 50%;
    object-fit: cover;
}

.singleBiensImmobiliers .informations .rightColonne .agent .profil p{
    font-size: 14px;
    line-height: 18px;
    gap: 5px;
    display: flex;
    flex-direction: column;
}

.singleBiensImmobiliers .informations .rightColonne .agent .profil p span{
    font-weight: 500;
    font-size: 19px;
    line-height: 23px;
}

.singleBiensImmobiliers .informations .rightColonne .agent .bouton{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 11px 20px;
    text-align: center;
    border: solid 5px var(--black);
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    background-color: #fff;
}

.singleBiensImmobiliers .informations .rightColonne .agent .bouton.tel{
    margin-bottom: 25px;
}

.singleBiensImmobiliers .informations .rightColonne .agent .bouton.tel::before,
.singleBiensImmobiliers .informations .rightColonne .agent .bouton.mail::before{
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.singleBiensImmobiliers .informations .rightColonne .agent .bouton.tel::before{
    width: 22px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.349' height='27.346' viewBox='0 0 24.349 27.346'%3E%3Cpath id='Tracé_52754' data-name='Tracé 52754' d='M183.019,96.131a5.744,5.744,0,0,0,4.011-1.565,2.225,2.225,0,0,0,.913-1.272,2.407,2.407,0,0,0-.424-1.924l-3-3.718a1.947,1.947,0,0,0-2.511-.457l-2.087,1.631c-.946-.652-4.99-3.783-6.49-8.121l1.533-1.207a2.488,2.488,0,0,0,.978-1.565,2.309,2.309,0,0,0-.554-1.794l-3-3.685-.033-.033a2.255,2.255,0,0,0-2.8-.1,7.153,7.153,0,0,0-2.837,6.588c-.033.456-.1,4.761,6.392,11.806.163.163,3.75,3.979,8.153,5.153a5.5,5.5,0,0,0,1.761.261Zm-9.458-5.838c-6.49-7.077-6.2-11.317-6.2-11.382v-.065a6.429,6.429,0,0,1,2.544-6,1.829,1.829,0,0,1,.978-.326,1.594,1.594,0,0,1,1.011.359l2.968,3.653a1.658,1.658,0,0,1,.424,1.3,2.1,2.1,0,0,1-.717,1.142l-1.892,1.5.065.228c1.663,5.218,6.784,8.675,6.979,8.806l.2.13,2.381-1.859a1.326,1.326,0,0,1,1.7.261l3,3.685a1.825,1.825,0,0,1,.326,1.4,1.35,1.35,0,0,1-.652.881l-.065.033a5.383,5.383,0,0,1-5.186,1.207c-4.24-1.109-7.827-4.924-7.86-4.957Z' transform='translate(-165.157 -70.285)' fill='%232e2d2c' stroke='%232e2d2c' stroke-width='3'/%3E%3C/svg%3E%0A");
}

.singleBiensImmobiliers .informations .rightColonne .agent .bouton.mail::before{
    width: 29px;
    height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.385' height='22.096' viewBox='0 0 30.385 22.096'%3E%3Cpath id='Tracé_52755' data-name='Tracé 52755' d='M117.479,112a2.689,2.689,0,0,0-2.68,2.68v14.737a2.689,2.689,0,0,0,2.68,2.68h22.776a2.689,2.689,0,0,0,2.68-2.68V114.68a2.689,2.689,0,0,0-2.68-2.68Zm0,1.34h22.776a1.352,1.352,0,0,1,.523.1l-10.948,9.514a1.392,1.392,0,0,1-1.947,0l-10.927-9.514a1.351,1.351,0,0,1,.523-.1Zm-1.319,1.193L127,123.964a2.816,2.816,0,0,0,3.705,0l10.864-9.431a1.372,1.372,0,0,1,.021.146v14.737a1.322,1.322,0,0,1-1.34,1.34H117.479a1.322,1.322,0,0,1-1.34-1.34V114.679a1.317,1.317,0,0,1,.021-.146Z' transform='translate(-113.548 -111)' fill='%232e2d2c' stroke='%232e2d2c' stroke-width='2'/%3E%3C/svg%3E%0A");
}

@media (max-width: 1400px) {
    .singleBiensImmobiliers .informations .rightColonne .agent{
        padding: 30px 55px;
    }
    .singleBiensImmobiliers .informations .rightColonne .agent .profil{
        margin-bottom: 25px;
    }
    .singleBiensImmobiliers .informations .rightColonne .agent .profil .photo{
        width: 80px;
        height: 80px;
    }
    .singleBiensImmobiliers .informations .rightColonne .agent .bouton{
        padding: 9px 20px;
        border: solid 3px var(--black);
    }
}

@media (max-width: 1200px) {
    .singleBiensImmobiliers .informations .rightColonne{
        grid-column: 1 / 13;
        grid-row: 2 / 3;
    }
}

@media (min-width: 993px) {
    .singleBiensImmobiliers .informations .rightColonne .agent .bouton:hover{
        background-color: var(--black);
        color: #fff;
    }
    .singleBiensImmobiliers .informations .rightColonne .agent .bouton.tel:hover::before{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.349' height='27.346' viewBox='0 0 24.349 27.346'%3E%3Cpath id='Tracé_52754' data-name='Tracé 52754' d='M183.019,96.131a5.744,5.744,0,0,0,4.011-1.565,2.225,2.225,0,0,0,.913-1.272,2.407,2.407,0,0,0-.424-1.924l-3-3.718a1.947,1.947,0,0,0-2.511-.457l-2.087,1.631c-.946-.652-4.99-3.783-6.49-8.121l1.533-1.207a2.488,2.488,0,0,0,.978-1.565,2.309,2.309,0,0,0-.554-1.794l-3-3.685-.033-.033a2.255,2.255,0,0,0-2.8-.1,7.153,7.153,0,0,0-2.837,6.588c-.033.456-.1,4.761,6.392,11.806.163.163,3.75,3.979,8.153,5.153a5.5,5.5,0,0,0,1.761.261Zm-9.458-5.838c-6.49-7.077-6.2-11.317-6.2-11.382v-.065a6.429,6.429,0,0,1,2.544-6,1.829,1.829,0,0,1,.978-.326,1.594,1.594,0,0,1,1.011.359l2.968,3.653a1.658,1.658,0,0,1,.424,1.3,2.1,2.1,0,0,1-.717,1.142l-1.892,1.5.065.228c1.663,5.218,6.784,8.675,6.979,8.806l.2.13,2.381-1.859a1.326,1.326,0,0,1,1.7.261l3,3.685a1.825,1.825,0,0,1,.326,1.4,1.35,1.35,0,0,1-.652.881l-.065.033a5.383,5.383,0,0,1-5.186,1.207c-4.24-1.109-7.827-4.924-7.86-4.957Z' transform='translate(-165.157 -70.285)' fill='%232e2d2c' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E%0A");
    }
    .singleBiensImmobiliers .informations .rightColonne .agent .bouton.mail:hover::before{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.385' height='22.096' viewBox='0 0 30.385 22.096'%3E%3Cpath id='Tracé_52755' data-name='Tracé 52755' d='M117.479,112a2.689,2.689,0,0,0-2.68,2.68v14.737a2.689,2.689,0,0,0,2.68,2.68h22.776a2.689,2.689,0,0,0,2.68-2.68V114.68a2.689,2.689,0,0,0-2.68-2.68Zm0,1.34h22.776a1.352,1.352,0,0,1,.523.1l-10.948,9.514a1.392,1.392,0,0,1-1.947,0l-10.927-9.514a1.351,1.351,0,0,1,.523-.1Zm-1.319,1.193L127,123.964a2.816,2.816,0,0,0,3.705,0l10.864-9.431a1.372,1.372,0,0,1,.021.146v14.737a1.322,1.322,0,0,1-1.34,1.34H117.479a1.322,1.322,0,0,1-1.34-1.34V114.679a1.317,1.317,0,0,1,.021-.146Z' transform='translate(-113.548 -111)' fill='%232e2d2c' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E%0A");
    }
}

@media (max-width: 500px) {
    .singleBiensImmobiliers .informations .rightColonne .agent{
        padding: 24px 35px;
    }
    .singleBiensImmobiliers .informations .rightColonne .agent .profil,
    .singleBiensImmobiliers .informations .rightColonne .agent .bouton.tel{
        margin-bottom: 15px;
    }
    .singleBiensImmobiliers .informations .rightColonne .agent .profil .photo{
        width: 70px;
        height: 70px;
    }
    .singleBiensImmobiliers .informations .rightColonne .agent .profil p{
        font-size: 12px;
        line-height: 16px;
    }
    .singleBiensImmobiliers .informations .rightColonne .agent .profil p span{
        font-size: 18px;
        line-height: 22px;
    }
}