.contact-container { 
	 margin: 0 auto;
	 padding: 2rem 3rem;
	 font-family: 'Lexend Deca', sans-serif;
	 color: #001f3f; 
}
 .contact-container h2 {
	 text-align: center;
	 font-size: 2.2rem;
	 margin-bottom: 1rem;
	 color: #001f3f;
}
 .contact-container .intro-text {
	 text-align: center;
	 margin-bottom: 2rem;
	 font-size: 1.1rem;
	 color: #049004;
}
 .contact-container .contact-layout {
	 display: flex;
	 gap: 2rem;
	 flex-wrap: wrap;
}
 .contact-container .contact-info {
	 flex: 1;
	 display: flex;
	 flex-direction: column;
	 gap: 2rem;
}
 .contact-container .contact-info .info-item {
	 display: flex;
	 align-items: flex-start;
	 gap: 1rem;
}
 .contact-container .contact-info .info-item i {
	 font-size: 2.5rem;
	 color: #04dd04;
}
 .contact-container .contact-info .info-item h4 {
	 margin: 0;
	 font-size: 1.3rem;
	 color: #001f3f;
}
 .contact-container .contact-info .info-item p {
	 margin: 0.3rem 0 0;
	 font-size: 1rem;
	 color: #049004;
}
 .contact-container .contact-form {
	 flex: 2;
	 display: flex;
	 flex-direction: column;
	 gap: 1.2rem;
}
 .contact-container .contact-form .form-group {
	 display: flex;
	 flex-direction: column;
}
 .contact-container .contact-form .form-group label {
	 font-weight: 600;
	 margin-bottom: 0.5rem;
	 color: #001f3f;
}
 .contact-container .contact-form .form-group input, .contact-container .contact-form .form-group textarea {
	 padding: 0.8rem;
	 border: 1px solid #001f3f;
	 border-radius: 6px;
	 font-size: 1rem;
	 transition: border-color 0.3s ease;
}
 .contact-container .contact-form .form-group input:focus, .contact-container .contact-form .form-group textarea:focus {
	 border-color: #04fb06;
	 outline: none;
}
 .contact-container .contact-form .btn-submit {
	 background-color: #049004;
	 color: #fff;
	 padding: 0.9rem;
	 border: none;
	 border-radius: 6px;
	 font-size: 1rem;
	 cursor: pointer;
	 transition: background 0.3s ease;
}
 .contact-container .contact-form .btn-submit:hover {
	 background-color: #04dd04;
	 color: #fff;
}
 .contact-container .map-container {
	 margin-top: 2rem;
}
 .contact-container .map-container iframe {
	 border-radius: 8px;
	 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

 @media (max-width: 1023px) {

	.contact-container {  
		padding: 2rem 2rem; 
	}
 
	 .contact-container .contact-info {
		 flex-direction: row;
		 justify-content: space-evenly;
		 align-items: stretch;
		 text-align: center;
		 width: 100%;
		 gap: 0;
	}
	 .contact-container .contact-info .info-item {
		 flex: 1;
		 max-width: none;
		 margin: 0 0.5rem;
		 flex-direction: column;
		 align-items: center;
		 justify-content: center;
	}
	 .contact-container .contact-info .info-item h4 {
		 font-size: 1.1rem;
	}
	 .contact-container .contact-info .info-item p {
		 font-size: 0.9rem;
	}
	 .contact-container .contact-layout {
		 flex-direction: column;
		 align-items: center;
		 width: 100%;
	}
	 .contact-container .contact-form {
		 flex: none;
		 width: 100%;
		 max-width: 800px;
	}
}
 @media (max-width: 699px) {
 
	 .contact-container .contact-info {
		 flex-direction: column;
		 align-items: center;
	}
	 .contact-container .contact-info .info-item {
		 width: 100%;
		 max-width: 400px;
	}
	 .contact-container .contact-form {
		 width: 100%;
		 max-width: 100%;
	}
	 .contact-container .map-container {
		 display: none;
	}
}