/* Main Grid Layout */
       .inquiries-section {
           position: relative;
           z-index: 1;
           display: grid;
           grid-template-columns: 1fr;
           gap: 3rem;
           align-items: start;
           padding-top: 7.438rem;
           padding-bottom: 5.625rem;
       }

       .inquiries-section::before {
           content: '';
           position: absolute;
           top: 0;
           left: calc(50% - 50vw);
           width: 100vw;
           height: 100%;
           background-color: var(--color-blue-4);
           z-index: -1;
       }

       /* Left Column - Information */
       .inquiries-section .info-column {
           display: flex;
           flex-direction: column;
           gap: 2rem;
       }

       .inquiries-section .section-title {
           font-family: var(--font-family-heading);
           font-size: 3rem;
           font-weight: 500;
           color: var(--color-text);
           line-height: 1.2;
           margin-bottom: 0.5rem;
       }

       .inquiries-section .section-description {
           font-family: var(--font-family-base);
           font-size: 1rem;
           font-weight: 400;
           line-height: 1.6;
           color: var(--color-text-grey);
           max-width: 31.25rem;
           padding-top: 1.25rem;
       }

       .inquiries-section .contact-email {
           font-family: var(--font-family-base);
           font-size: 1rem;
           color: var(--color-text-grey);
           text-decoration: underline;
           transition: color 0.2s ease;
       }

       .inquiries-section .contact-email:hover {
           cursor: pointer;
       }

       /* Right Column - Form */
       .inquiries-section .form-column {
           width: 100%;
       }

       .inquiries-section .inquiry-form {
           display: flex;
           flex-direction: column;
           gap: 3.25rem;
           padding-top: 0.813rem;
       }

       /* Form Row */
       .inquiries-section .form-row {
           display: grid;
           grid-template-columns: 1fr;
           gap: 1.5rem;
       }

       .inquiries-section .form-row.two-columns {
           grid-template-columns: 1fr 1fr;
       }

       /* Form Group */
       .inquiries-section .form-group {
           display: flex;
           flex-direction: column;
           /* gap: 0.75rem; */
       }

       .inquiries-section .form-label {
           font-family: var(--font-family-base);
           font-size: 1.125rem;
           font-weight: 400;
           color: var(--color-grey-2);
           transition: color 0.3s ease;
       }

       .inquiries-section .form-group:focus-within .form-label {
           color: var(--color-text);
       }

       .inquiries-section .required {
           color: #FF0000;
       }

       /* Input Styles */
       .inquiries-section .form-input,
       .inquiries-section .form-textarea {
           width: 100% !important;
           display: block !important;
           background-color: transparent !important;
           border: none !important;
           border-bottom: 0.0625rem solid var(--color-grey-2) !important;
           padding: 0.125rem 0 !important;
           font-family: var(--font-family-base) !important;
           font-size: 1rem !important;
           color: var(--color-grey-2) !important;
           transition: border-color 0.3s ease, color 0.3s ease !important;
           outline: none !important;
       }

       .inquiries-section .form-input::placeholder,
       .inquiries-section .form-textarea::placeholder {
           color: var(--color-grey-2) !important;
           opacity: 0.6;
       }

       .inquiries-section .form-input:focus,
       .inquiries-section .form-textarea:focus {
           border-bottom-color: var(--color-text) !important;
           color: var(--color-text) !important;
       }

        .inquiries-section .form-input:-webkit-autofill,
        .inquiries-section .form-input:-webkit-autofill:hover, 
        .inquiries-section .form-input:-webkit-autofill:focus, 
        .inquiries-section .form-textarea:-webkit-autofill,
        .inquiries-section .form-textarea:-webkit-autofill:hover,
        .inquiries-section .form-textarea:-webkit-autofill:focus {
            -webkit-box-shadow: 0 0 0 62.5rem var(--color-blue-4) inset !important;
            -webkit-text-fill-color: var(--color-grey-2) !important;
            transition: background-color 5000s ease-in-out 0s !important;
        }

       .inquiries-section .form-textarea {
           height: 4rem;
           min-height: 4rem;
           resize: vertical;
       }

       /* Checkbox Group */
       .inquiries-section .checkbox-group {
           display: flex;
           align-items: center;
           gap: 0.75rem;
           margin-top: -0.2rem;
           position: relative;
       }

       .inquiries-section .custom-checkbox {
           position: relative;
           width: 1.25rem;
           height: 1.25rem;
           flex-shrink: 0;
       }

       /* CF7 wraps checkbox in spans, we need to target the input deeper */
       .inquiries-section .custom-checkbox input[type="checkbox"] {
           position: absolute;
           left: 0;
           top: -0.125rem;
           /* Adjust vertical alignment */
           opacity: 0;
           cursor: pointer;
           width: 1.563rem;
           height: 1.563rem;
           z-index: 2;
           margin: 0;
       }

       .inquiries-section .custom-checkbox .wpcf7-list-item {
           margin: 0;
       }

       .inquiries-section .custom-checkbox .wpcf7-list-item-label {
           display: inline-block;
           margin-left: 2.8rem;
           /* Space for the custom checkbox */
           font-family: var(--font-family-base);
           font-size: 1rem;
           color: var(--color-text);
           line-height: 1.5;
       }

       /* We use the input itself for the visual checkbox */
       .inquiries-section .custom-checkbox input[type="checkbox"] {
           appearance: none;
           -webkit-appearance: none;
           opacity: 1;
           /* Make it visible */
           border: 0.063rem solid var(--button-border-color);
           background-color: transparent;
           /* transition: all 0.2s ease; */
           cursor: pointer;
           outline: none;
           border-radius: 0.125rem;
       }

       .inquiries-section .custom-checkbox input[type="checkbox"]:checked {
           background-color: var(--button-border-color);
           border-color: var(--color-text);
           background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-width='2' d='M1 4l2.5 2.5L9 1'/%3E%3C/svg%3E");
           background-size: 70%;
           background-position: center;
           background-repeat: no-repeat;
       }

       /* Override default theme checkmark style from style.css */
       @supports (-webkit-appearance: none) or (-moz-appearance: none) {
           .inquiries-section .custom-checkbox input[type="checkbox"]:checked::after {
               opacity: 0 !important;
               /* Also ensure it doesn't take up space/clicks if possible, though opacity usually enough */
               content: none !important;
           }
       }

       /* Reset custom-checkbox size since content is now inside */
       .inquiries-section .custom-checkbox {
           position: relative;
           width: auto;
           height: auto;
           flex-shrink: 1;
       }

       /* Hide the old visual span since we are styling input directly */
       .inquiries-section .checkbox-visual {
           display: none;
       }

       .inquiries-section .checkbox-label {
           font-family: var(--font-family-base);
           font-size: 0.9rem;
           color: var(--color-text);
           cursor: pointer;
       }

       .inquiries-section .checkbox-label a {
           color: var(--color-text);
           text-decoration: underline;
       }

       /* CF7 Error tip positioning */
       .inquiries-section .wpcf7-not-valid-tip {
           position: absolute;
           top: 100%;
           left: 0;
           font-size: 1rem;
           margin-top: 0.313rem;
       }

       /* Increase spacing for checkbox error specifically to prevent overlap */
       .inquiries-section .checkbox-group .wpcf7-not-valid-tip,
       .inquiries-section .custom-checkbox .wpcf7-not-valid-tip {
           margin-top: 1.25rem;
       }

       .inquiry-contact-section .wpcf7 form .wpcf7-response-output {
           margin: 1.25rem 0 0 0 !important;
           padding: 0;
           border-color: transparent !important;
       }

       .inquiry-contact-section .wpcf7 form.sent .wpcf7-response-output,
       .inquiry-contact-section .wpcf7 form.sent .wpcf7-response-output {
           color: #46b450 !important;
           border-color: transparent !important;
           background-color: transparent !important;
           font-family: var(--font-family-base) !important;
           font-size: 1rem !important;
           font-weight: 400 !important;
       }

       .inquiry-contact-section .wpcf7 form.invalid .wpcf7-response-output,
       .inquiry-contact-section .wpcf7 form.failed .wpcf7-response-output,
       .inquiry-contact-section .wpcf7 form.aborted .wpcf7-response-output,
       .inquiry-contact-section .wpcf7 form.invalid .wpcf7-response-output,
       .inquiry-contact-section .wpcf7 form.failed .wpcf7-response-output,
       .inquiry-contact-section .wpcf7 form.aborted .wpcf7-response-output {
           color: #dc3232 !important;
           border-color: transparent !important;
           background-color: transparent !important;
           font-family: var(--font-family-base) !important;
           font-size: 1rem !important;
           font-weight: 400 !important;
       }

       /* Submit Button */
       .inquiry-contact-section .wpcf7 .btn-primary {
           margin-top: 2rem;
           align-self: flex-start;
           font-family: var(--font-family-base);
           transition: all 0.3s ease;
           position: relative;
           padding: 0;
           display: inline-flex;
           align-items: center;
           overflow: visible; /* Allows absolutely positioned spinner to show outside */
       }

       .inquiry-contact-section .wpcf7 .btn-primary input[type="submit"] {
           background: transparent;
           border: none;
           color: inherit;
           padding: 0.75rem 0rem 0.75rem 1.25rem;
           margin: 0;
           font: inherit;
           font-family: var(--font-family-base) !important;
           cursor: pointer;
           outline: none;
           width: auto;
           text-align: left;
       }

       .inquiry-contact-section .wpcf7 .btn-primary .wpcf7-spinner {
           position: absolute;
           top: 50%;
           right: -2.5rem; /* Positions it outside the button to the right */
           transform: translateY(-50%);
           margin: 0;
       }

       .inquiry-contact-section .btn.next:after, button.next:after{
           margin-right: 20px;
       }

       .inquiry-contact-section .wpcf7 .btn-primary:hover {
           background-color: var(--color-blue-4);
           border-color: var(--button-hover-border-color);
       }

       .inquiry-contact-section .wpcf7 .btn-primary:focus,
       .inquiry-contact-section .wpcf7 .btn-primary:active {
           outline: none !important;
       }

       /* Responsive Design */
       @media (min-width: 48rem) {

           .inquiries-section .section-title {
               font-size: 4rem;
           }

           .inquiries-section .section-description {
               font-size: 1rem;
           }
       }

       @media (min-width: 64rem) {

           .inquiries-section {
               grid-template-columns: 1fr 1.5fr;
               gap: 5rem;
           }

           .inquiries-section .section-title {
               font-size: 4.5rem;
           }
       }

       @media (min-width: 80rem) {

           .inquiries-section {
               /* gap: 12.5rem; */
               grid-template-columns: 31.25rem 41.25rem;
               justify-content: space-between;
           }

           .inquiries-section .section-title {
               font-size: 3.75rem;
           }
       }

       /* Mobile Adjustments */
       @media (max-width: 47.938rem) {

           .inquiries-section {
               padding-top: 4.688rem;
               padding-bottom: 6.563rem;
           }

           .contact-section .contact-info {
               gap: 1.875rem;
           }

           .inquiries-section .section-title {
               font-size: 2.188rem;
               font-weight: 400;
           }

           .inquiries-section .section-description {
               padding-top: 1.25rem;
           }

           .inquiries-section .info-column {
               gap: 1rem;
           }

           .inquiries-section .form-input, .inquiries-section .form-textarea{
               padding: 0.438rem 0 !important;
           }

           .inquiries-section .inquiry-form{
               gap: 2rem;
           }

           .inquiries-section .form-row{
               gap: 2rem;
           }

           .inquiries-section .form-textarea {
            height: 4.6rem;
            min-height: 4.6rem;
           }

           .inquiries-section .form-row.two-columns {
               grid-template-columns: 1fr;
           }

           .inquiries-section label {
               margin-bottom: 0rem;
           }

           /* .inquiries-section .custom-checkbox input[type="checkbox"] {
                top: -1.5rem;
           } */

           .inquiries-section .checkbox-group{
            margin-top: 1rem;
           }
           
           .inquiry-contact-section .wpcf7 .btn-primary {
               width: auto;
               display: inline-flex;
               justify-content: flex-start;
           }
       }

       @media (max-width: 27.938rem) {
           .inquiries-section .custom-checkbox input[type="checkbox"] {
                top: -1.5rem;
           }
       }