/* Hero Section */
	.hero-section {
	  position: relative;
	  height: 600px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  color: white;
	  background: url("https://afrproperty.onpay.my/media/uploads/afrteam.jpg") no-repeat center center;
	  background-size: cover;
	  text-align: center;
	}
	
	@media (max-width: 768px) {
		.hero-section {
	  	height: 200px;
		}
	}
	.hero-content{
		padding: 120px 0px 20px 0px;
		text-align: center;
	}
	
	.hero-content h2 {
	 						padding: 15px;
							font-size: 60px;
							font-weight: bolder;
							color: #c49b36;
							margin-bottom: 30px;
							text-align: center;
							font-family: 'Poppins', sans-serif;
							letter-spacing: 0.6px;
							text-transform: uppercase;
							margin-left: -50px;
	}
	
	.textdecoh2{
						font-family: 'Dancing Script', cursive;
						font-size: 80px;
						color: #002a43;
						font-weight: bolder;
						text-align: center;
						display: block;
						margin-top: -109px;
		}
	
	.hero-content p {
	  font-size: 12px;
	}
	
	/* Contact Section */
	.contact-section {
	  display: flex;
	  flex-direction: column;
	  gap: 2rem;
	  padding: 3rem 4.5rem;
	  max-width: 100%;
	  margin: 0 auto;
	}
	
	@media (min-width: 768px) {
	  .contact-section {
	    flex-direction: row;
	    align-items: flex-start;
	  }
	}
	
	.contact-info {
	  	flex: 0.5;
	  	padding: 1rem;
		align-self: center;
	}
	
	.contact-info h2 {
	  	font-size: 1.75rem;
	  	font-weight: bold;
	}
	
	.contact-subtext {
	  	margin: 1rem 0rem;
	  	color: #4B5563;
	}
	
	.contact-details {
	  	margin-top: 1.5rem;
	}
	
	.contact-details p {
	  	margin-bottom: 1rem;
	}
	
	.contact-details i {
	  	margin-right: 0.5rem;
	  	color: #333;
	}
	
	.social-buttons-container {
	 	display: flex;
	 	gap: 15px;
	 	padding-top: 5px;
		justify-content: center
	}
	
	.social-button {
	  background: #b88917;
	  border: none;
	  color: white;
	  border-radius: 50%;
	  cursor: pointer;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  width: 50px;
	  height: 50px;
	  font-size: 20px;
	  transition: background-color 0.3s ease;
	}
	
	.social-button:hover {
	  background-color: #d4af37;
	}
	
	.map-container {
	  flex: 2;
	  padding: 1rem;
	}
	
	.map-container iframe {
	  width: 100%;
	  height: 100%;
	  min-height: 400px;
	  border: none;
	  border-radius: 12px;
	}
	
	/* Footer */
	footer {
	  background-color: black;
	  color: white;
	  text-align: center;
	  font-size: 11px;
	  padding: 10px;
	}
	
	footer b {
	  color: #efc631;
	}