@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;400;700&display=swap');

{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body{
	min-height: 100vh;
	width: 100%;
	/*display: flex;*/
	font-family: 'Poppins', sans-serif;
}

.container-2{
	background-image: url("https://www.mioficina.co/sites/default/files/2022-05/bcp.jpg");
	width: 100%;
	height: 650px;
	background-size: cover;
  	background-repeat:no-repeat;
  	background-position: center center;
  	background-attachment: fixed;
  	position: relative;
  	overflow: hidden;
}

.form{
	background-color: #ffffff;
	width: 90%;
	margin: auto;
	max-width: 600px;
	border-radius: 1em;
	padding: 3.5em 1.5em;
}

.form__container{
	width: 100%;
	display: grid;
	gap: 1em;
	grid-auto-columns: 100%;
}

.form__title{
	text-align: center;
	font-size: 1,9rem;
	margin-bottom: .4em;
}

.form__input{
	font-family: inherit;
	font-size: 1rem;
	padding: .8em 1em;
	outline: none;
	border: none;
	border: 1px solid #bbb0b0;
	border-radius: 0.2em;
}

.form__input--message{
	resize: none;
	padding: 1.8em 1em;
	margin-bottom: 1em;
}

.form__cta{
	font-family: inherit;
	font-size: 1rem;
	background-color: #089FE0;
	color: #ffffff;
	border: none;
	font-weight: 300;
	padding: .7em 0;
	border-radius: .2em;
	cursor: pointer;
	font-weight: 400;
	transition: 0.5s ease all;
}

.form__cta:hover{
	background-color: #000000;
}

@media (max-width:450px){
	.form{
		padding: 3.5em 1em;
	}
}