#contact-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
	column-gap: 80px;
	row-gap: 20px;
}

#contact-form .description {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#form-inputs {
    background: #fff;
    padding: 20px;
	border-radius: var(--border-radius);
	overflow: hidden;
	box-shadow: var(--box-shadow);
}

#form-inputs,
#form-inputs .col-sm-6 {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

#form-inputs .col-sm-6 {
    width: 100%;
}

#form-inputs label {
    display: block;
    font-weight: 400;
    color: var(--bs-body-color);
    line-height: 160%;
}

#form-inputs label + * {
    width: 100%;
}

#contact-form div.error-msg > p {
	display:none;
}

#contact-form #send-msg {
    position: relative;
    display: inline-block;
    height: 2.5rem;
    width: 120px;
    text-align: center;
    overflow: hidden;
	background: var(--color-primary);
	color: #fff;
	border-radius: 1000px;
	transition: all 0.2s linear;
}

#contact-form #send-msg:hover {
	background: #F4793E;
}

#contact-form div.error-msg:not(:has(.show)) {
    display: none;
}

#contact-form div.error-msg .show {
    display: block;
}

#contact-form #send-msg.sent{
	background-color: var(--color-dark-green);
	pointer-events:none;
}

#contact-form #send-msg span{
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	line-height:2.5rem;
	font-size:1rem;
	color:#fff;
	text-align:center;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	cursor: pointer;
}

#contact-form #send-msg span.sent{
	top:100%;
}

#contact-form #send-msg.sent span.default{
	top:-100%;
}

#contact-form #send-msg span:before {
	font-family: var(--fa-style-family-classic);
	font-weight: 600;
}

#contact-form #send-msg span.default::before {
	content: "\f0e0";
	margin-right: 5px;
}

#contact-form #send-msg span.sent::before {
	content: "\f00c";
	margin-right: 5px;
}

#contact-form #send-msg.sent span.sent{
	top:0;
}

#contact-form #send-msg:after{
	position:absolute;
	content:'';
	right:8px;
	top:0;
	width:25px;
	height:100%;
	background:url('../image/contact/send-icon.png') no-repeat 0 11px;
	z-index:1;
	-webkit-transition: all 1.2s cubic-bezier(.25,.4,.4,3);
	-moz-transition: all 1.2s cubic-bezier(.25,.4,.4,3);
	-o-transition: all 1.2s cubic-bezier(.25,.4,.4,3);
	transition: all 1.2s cubic-bezier(.25,.4,.4,3);
}

#contact-form #send-msg.sent:after{
	right:-24px;
	top:-12px;
}

@media(max-width: 768px) {
    #contact-form {
        grid-template-columns: 1fr;
    }

    #contact-form #send-msg {
        width: 100%;
        max-width: 370px;
        margin: 0 auto;
        display: block;
    }
}