#container {
    width: 100vw;
    height: 100vh;

    display: grid;
    grid-template-columns: 1fr 500px;
    align-items: center;
    justify-content: flex-end;
	
/*     background-color: var(--color-gray-200); */
}

@media (max-width: 720px) {
	#container {
		justify-content: flex-start;
	}
}

.content-box {
	box-sizing: border-box;
	width: 100%;
	
	padding-top: 7rem !important;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	
	padding: 3rem;
	
	background-color: var(--color-white);
	filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
	border-radius: 5px;
	font-size: 1.3rem;
	height: 100%;
}

.content-box h1 {
	font-size: 1.2rem;
}

.text {	
    margin: 0 !important;    
    padding: .75rem .5rem !important;
    border: 1px solid #999 !important;
    box-shadow: none !important;
    border-radius: 5px;
}

.text:focus, 
.text:hover {
	border-color: var(--color-orange-500) !important;
}

.button-custon {
	width: 100%;
    background-color: var(--color-orange-500);
    background-image: none;
    color: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: none;
    font-size: .9em;
    padding: 3px 10px;
}
.button-custon:hover {
	filter: brightness(.75); 
}
.terms {
    float: none;
    text-decoration: none;
    color: #1b979d;
    font-size: 16px;
}