Sindbad~EG File Manager

<div>
	<style>
		.container {
		padding-top: 50px;
		}

		.form-control {
		border-radius: 25px;
		background-color:#c6c6c6;
		color: white;
		}

		.form-control::placeholder {
			padding: 5px 15px;
			color: white;
		}

		.btn-send {
		background-color: #b78b2a;
		border-color: #b78b2a;
		border-radius: 25px;
		color: white;
		font-weight: bold;
		padding: 5px 35px;
		}

		.btn-send:hover {
		background-color: white;
		border-color: white;
		color: #b78b2a;
		}

		.characters {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		}

		.characters img {
		width: 150px;
		margin: 0 20px;
		}
		.contact-title {
			color: black !important;
			text-align: center;
			font-weight: bold;
			font-size: 3em;
		}
	</style>
	<div class="container">
		<div class="row">
			<div class="col-md-5">
			<h1 class="contact-title">¡Contactanos!</h1>
			<br>
			<form  wire:submit.prevent="enviar">
				<div class="form-group">
				<input type="text" class="form-control" placeholder="Usuario" wire:model="nombre" >
                @error('nombre') <span class="text-red-500 text-sm">{{ $message }}</span> @enderror
				</div>
				<div class="form-group">
				<input type="email" class="form-control" placeholder="Mi Correo Corporativo" wire:model="correo" >
                @error('correo') <span class="text-red-500 text-sm">{{ $message }}</span> @enderror
				</div>
				<div class="form-group">
				<textarea class="form-control" rows="3" placeholder="Mensaje" wire:model="mensaje" ></textarea>
                @error('mensaje') <span class="text-red-500 text-sm">{{ $message }}</span> @enderror
				</div>
				<div style="text-align: center;">
					<button type="submit" class="btn btn-send">Enviar</button>
				</div>
			</form>
			</div>
			<div class="col-md-6">
				<div class="characters">
					<img src="/frontend/carsitos.png" alt="Character 1" style="width: 70%; display: block; margin: 0 auto;">
				</div>
			</div>
		</div>
	</div>
</div>