.EstarG-listing-container {

    margin: 20px auto;

    width: 100%;

    max-width: 1200px;

    display: flex;

    flex-direction: column;

    gap: 20px;

    font-family: Arial, sans-serif;

}



.EstarG-listing-card {

    background-color: white;

    border-radius: 8px;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    display: grid;

    grid-template-columns: 1fr 2fr 1fr; /* Tre colonne */

    gap: 15px;

    padding: 15px;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

    overflow: hidden;

    align-items: center;

}



.EstarG-listing-card:hover {

    transform: scale(1.02);

    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);

}



.EstarG-image-container {



    width: 100%;

    height: 100%;

}



.EstarG-image-container img {

    width: 100%;

    height: auto;

    border-radius: 8px;

    object-fit: cover;

}



.EstarG-details-container {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    

}



.EstarG-details-container h3 {

    font-size: 20px;

    margin: 0 0 10px;

    color: #333;

    margin-bottom:20px;

}



.EstarG-details-container p {

    

    color: #666;

    font-size: 14px;

    margin-bottom: 10px;

}



.EstarG-details-container .EstarG-features {

    margin: 10px 0;

    display: flex;

    flex-wrap: wrap;

    gap: 15px;

    color: #666;

    font-size: 14px;

}



.EstarG-details-container .EstarG-features i {

    color: #007bff;

    margin-right: 5px;

    font-size: 16px;

    vertical-align: middle;

    

}



.EstarG-room-features{

	margin-bottom: 5px;

	display: flex; /* Disposizione in riga */

    justify-content: flex-start; /* Allineamento orizzontale degli elementi a sinistra */

    align-items: center; /* Allineamento verticale degli elementi al centro */

    gap: 30px; /* Spaziatura tra i gruppi di icone e testo */

    padding: 10px; /* Spaziatura interna del contenitore */

    font-size: 16px; /* Dimensione del testo */

    color: #333; /* Colore del testo */ 

}



.EstarG-room-main-icon {

    display: flex;

    align-items: center; /* Allinea l'icona e il testo al centro verticalmente */

    gap: 5px; /* Riduce la distanza tra icona e testo */

}



.icon-value {

    margin-left: 2px; /* Aggiunge un piccolo spazio tra l'icona e il valore */

}





.EstarG-room-features p {

	margin-bottom: 10px; 

	

}



.EstarG-details-container .EstarG-features span {

    display: flex;

    align-items: center;

    gap: 5px;

    font-size: 14px;

   

}



.EstarG-details-container .EstarG-features span.bathrooms {

    display: flex;

    align-items: center;

    gap: 5px;

    font-size: 14px;

    color: #6c757d;

}



.EstarG-details-container .EstarG-features span.bedrooms {

    display: flex;

    align-items: center;

    gap: 5px;

    font-size: 14px;

    color: #6c757d;

}



.EstarG-price-cta-container {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    justify-content: space-between;

    text-align: right;

}



.EstarG-price-cta-container .EstarG-price {

    font-size: 20px;

    font-weight: bold;

    color: #007bff;

    margin-bottom: 15px;

}



.EstarG-price-cta-container .EstarG-cta {

    margin-top: auto;

    width: 100%;

}



.EstarG-price-cta-container .EstarG-cta a {

    display: block;

    

    padding: 10px 20px;

    background-color: #007bff;

    color: white;

    border-radius: 4px;

    text-decoration: none;

    transition: background-color 0.3s ease;

    font-size: 14px;

    text-align: center;

}



.EstarG-price-cta-container .EstarG-cta a:hover {

    background-color: #0056b3;

}



#original-price {

   color: black; /* Testo nero */

    font-size: 20px; /* Dimensione maggiore del prezzo originale */

    font-weight: normal; /* Grassetto per evidenziare */

}



.price-line-through {

     text-decoration: line-through; /* Barrato */

    color: red; /* Testo rosso */

    font-size: 14px; /* Dimensione del testo */

    margin-right: 10px; /* Spaziatura dal prezzo scontato */

    font-weight: normal; /* Grassetto per evidenziare */

}



#discounted-price {

    color: black; /* Testo nero */

    font-size: 20px; /* Dimensione maggiore del prezzo originale */

    font-weight: normal; /* Grassetto per evidenziare */

}





.EstarG-price-night{

	

	margin-bottom: 10px;

	  

}





.text-capitalize {

    text-transform: capitalize;

}









.EstarG-general_amenities {

    display: flex; /* Layout Flexbox per ogni elemento */

    align-items: center; /* Centra verticalmente l'icona e il testo */

    gap: 5px; /* Spaziatura tra l'icona e il testo */

}





.EstarG-general_amenities span {

    margin: 0 5px; /* Spaziatura tra l'icona e il testo */

}







/* Responsive Design */

@media (max-width: 768px) {

    .EstarG-listing-card {

        grid-template-columns: 1fr; /* Una colonna per mobile */

    }



    .EstarG-price-cta-container {

        align-items: center;

        text-align: center;

    }



    .EstarG-price-cta-container .EstarG-cta a {

        width: 100%;

    }



    .EstarG-price-cta-container .EstarG-price {

        margin-bottom: 10px;

    }

    

    .EstarG-room-features {

	        display: flex; /* Disposizione in riga */

	        justify-content: flex-start; /* Allineamento orizzontale degli elementi a sinistra */

	        align-items: center; /* Allineamento verticale degli elementi al centro */

	        gap: 30px; /* Spaziatura tra i gruppi di icone e testo */

	        padding: 10px; /* Spaziatura interna del contenitore */

	        font-size: 16px; /* Dimensione del testo */

	        color: #333; /* Colore del testo */

	    }

	     

	.EstarG-room-main-icon {

		gap:0;

		display:block;

	}

    

}