/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}

/* Form style */

.contact-form {
    display: block;
    flex-direction: column;
}
.contact-label {
    display: block;
    font-size: 0.875rem; /* text-sm */
    font-weight: 500; /* font-medium */
    color: #374151; /* text-gray-700 */
}
.contact-input {
    width: 75%;
    display: block;
    padding: 0.75rem 1rem; /* px-4 py-3 */
    margin-top: 0.25rem; /* mt-1 */
    border-radius: 0.5rem; /* rounded-lg */
    border: 2px solid #0f0f0f; /* border-gray-300 */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */
    transition-property: all; /* transition-colors */
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.contact-input:focus {
    border-color: #3b82f6; /* focus:border-blue-500 */
    outline: 2px solid transparent;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #bfdbfe; /* focus:ring-blue-500 */
}
.contact-submit-btn {
    width: 150px;
    display: flex;
    justify-content: center;
    padding: 0.75rem 1rem; /* py-3 px-4 */
    border: 1px solid transparent;
    border-radius: 0.375rem; /* rounded-md */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */
    font-size: 0.875rem; /* text-sm */
    font-weight: 500; /* font-medium */
    color: #ffffff; /* text-white */
    background-color: #2563eb; /* bg-blue-600 */
    transition-property: all; /* transition-colors */
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.contact-submit-btn:hover {
    background-color: #1d4ed8; /* hover:bg-blue-700 */
}
.contact-submit-btn:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #3b82f6; /* focus:ring-blue-500 */
}
/* Success Message Styles */
.success-message {
    text-align: center;
    display: none; /* hidden */
    max-width: 64rem;
    margin: 0 auto;
}
.success-message.visible {
    display: block;
}

.success-title {
    font-size: 1.5rem; /* text-2xl */
    font-weight: 700; /* font-bold */
    color: #16a34a; /* text-green-600 */
}