body {
            	font-family: 'Arial', sans-serif;
            	margin: 0;
            	padding: 0;
            	background-color: #f4f4f4;
        }

        header {
            	background-color: #333;
            	color: #fff;
            	text-align: center;
            	padding: 10px 0;
        }

        nav {
           	display: flex;
            	justify-content: center;
            	background-color: #444;
        }

        nav ul {
           	list-style: none;
            	margin: 0;
            	padding: 0;
            	display: flex;
        }

        nav a {
            	text-decoration: none;
            	color: #fff;
            	padding: 15px 20px;
            	display: block;
        }

        section.single-property {
            	//text-align: center;
            	padding: 10px 20px;
        }

	h1 {
	    	color: #218559;
        }

        .property-images img {
            	max-width: 100%;
            	height: auto;
            	border-radius: 10px;
            	margin-bottom: 20px;
        }

        .property-details {
            	background-color: #fff;
            	padding: 20px;
            	border-radius: 10px;
            	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        }

        .property-details h2 {
            	color: #333;
        }

        .property-details ul {
            	list-style: lower-roman url('img/check.jpg') inside;
            	padding: 0;
		display: table; 
    		margin: 0 auto;
    		text-align: left;
        }

        .property-details ul li {
            	margin-bottom: 10px;
        }

        .property-details h3 {
            	color: #218559;
            	margin-top: 20px;
text-align: center;
        }

	.property-details p {    
	   	color: #85C1F5;
	    	font-style: italic;
	    	font-size: 12pt;
	}
        
	button {
            	background-color: #27ae60;
            	color: #fff;
            	padding: 15px 30px;
            	border: none;
            	border-radius: 5px;
           	font-size: 16px;
            	cursor: pointer;
            	transition: background-color 0.3s ease;
        }

        button:hover {
            	background-color: #218c56;
        }

        footer {
            	background-color: #333;
            	color: #fff;
            	text-align: center;
            	padding: 10px 0;
        }

        footer a {
            	color: #fff;
        }

	
	#carousel-container {
            	max-width: 600px;
            	margin: 50px auto;
            	overflow: hidden;
            	position: relative;
        }

        #image-carousel {
            	display: flex;
            	transition: transform 0.5s ease-in-out;
        }

        .carousel-image {
            	width: 100%;
            	height: auto;
        }

        .carousel-button {
            	position: absolute;
            	top: 50%;
            	font-size: 24px;
            	cursor: pointer;
            	background: none;
            	border: none;
            	color: #333;
        }

        #prev-button {
            	color:white;
            	left: 10px;
        }

        #next-button {
            	color:white;
            	right: 10px;
        }

        form {
            	max-width: 600px;
            	margin: 50px auto;
            	background-color: #fff;
            	padding: 20px;
            	border-radius: 10px;
           	 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        }

        label {
            	display: block;
            	margin-bottom: 10px;
            	font-weight: bold;
        }

        input,
        textarea {
            	width: 100%;
            	padding: 10px;
            	margin-bottom: 20px;
            	border: 1px solid #ddd;
            	border-radius: 5px;
            	box-sizing: border-box;
        }

        input[type="submit"] {
            	background-color: #27ae60;
            	color: #fff;
            	border: none;
            	padding: 15px 20px;
            	border-radius: 5px;
            	font-size: 16px;
            	cursor: pointer;
            	transition: background-color 0.3s ease;
        }

        input[type="submit"]:hover {
            	background-color: #218c56;
        }

	.container {
  		display: flex;
  		width: 100%;
  		padding: 4% 2%;
  		box-sizing: border-box;
  		height: 100vh;
	}

	.box {
  		flex: 1;
  		overflow: hidden;
  		transition: .5s;
  		margin: 0 2%;
  		box-shadow: 0 20px 30px rgba(0,0,0,.1);
  		line-height: 0;
	}

	.box > img {
  		width: 200%;
  		height: calc(100% - 10vh);
  		object-fit: cover; 
  		transition: .5s;
		image-orientation: from-image;
	}

	.box > span {
  		font-size: 2.0vh;
  		display: block;
  		text-align: center;
  		height: 10vh;
  		line-height: 2.6;
	}

	.box:hover { flex: 1 1 50%; }
	.box:hover > img {
  		width: 100%;
  		height: 90%;
	}