/** Shopify CDN: Minification failed

Line 37:21 Unexpected ".1"

**/
form.contact-form {
	display: flex;
	gap: 20px;
	padding: 20px;
}

/* General Styles */
.custom-contact-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
}

.custom-contact-form h2 {
	font-size: 3.5rem;
	margin-bottom: 20px;
}

.custom-form__content {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%; /* Default to full width */
	margin-bottom: 20px; /* Adds space between content and form blocks */
}

.custom-form__content.full {
	width: 100%; /* Full width */
}

.custom-form__content.1-3,
.custom-form__content.2-3,
.custom-form__content.1-4,
.custom-form__content.3-4 {
	width: auto; /* Allow content section to be flexible */
}


.custom-form__content.page-width {
	width: 100%;
}

/* Flexbox Layout for Custom Form */
.custom-form__blocks {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: space-between;
}

/* Flexbox for Content and Blocks */
.custom-contact-form .custom-form__content,
.custom-contact-form .custom-form__blocks {
	display: flex;
	gap: 20px;
}

.custom-contact-form .custom-form__content:not(.full) {
	width: 48%; /* Default width when not full */
}

/* Handle left/right alignment */
.custom-contact-form .custom-form__content.left {
	align-items: flex-start; /* Align content to the left */
}

.custom-contact-form .custom-form__content.right {
	align-items: flex-end; /* Align content to the right */
}

.custom-form__block {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

/* Handle different block widths */
.custom-form__block[data-width="full"] {
	width: 100%;
}

.custom-form__block[data-width="half"] {
  @media only screen and (max-width:480px) {
  width: 100% !important; /* Full width */
  }
	width: 48%; /* Half width */
}

/* Ensure two half-width blocks are aligned side by side */
.custom-form__blocks > .custom-form__block[data-width="half"] {
    @media only screen and (max-width:480px) {
  width: 100% !important; /* Full width */
  }
	width: 48%; /* Make sure two half-width elements fit next to each other */
}

.custom-form__block[data-width="1-3"] {
	width: 32%;
}

.custom-form__block[data-width="2-3"] {
	width: 66%;
}

.custom-form__block[data-width="1-4"] {
	width: 24%;
}

.custom-form__block[data-width="3-4"] {
	width: 74%;
}

.custom-form__block[data-width="page-width"] {
	width: 100%;
}

/* Submit Button Styles */
.submit-button {
	width: 100%; /* Default full width */
	padding: 10px;
	border: none;
	cursor: pointer;
	font-size: 1rem;
	text-align: center;
}

/* Responsiveness */
@media screen and (max-width: 768px) {
	.custom-form__blocks {
		flex-direction: column; /* Stack fields vertically on small screens */
	}

	.custom-form__block {
		width: 100%;
	}

	.custom-form__content {
		width: 100%;
	}

	.custom-form__block--group {
		flex-direction: column; /* Stack radio/checkbox options vertically */
	}
}

.width-1-3 {
	width: 33.33%;
}

.width-1-2 {
	width: 50%;
}

.width-2-3 {
	width: 66.66%;
}

.width-1-4 {
	width: 25%;
}

.width-3-4 {
	width: 75%;
}

.width-full {
	width: 100%;
}