.block.contact-form .wrapper {
    display: flex;
    justify-content: space-between;
    gap: 2%;
}

.block.contact-form .wrapper > div:first-child {
    flex-shrink: 2;
    max-width: 560px;
}

.block.contact-form .wrapper > div:last-child {
    min-width: 616px;
}

.block.contact-form img {
    max-width: 100%;
}

.block.contact-form .title-desktop {
    margin-bottom: var(--spacing-500);
}

.block.contact-form .text-container {
    margin-top: var(--spacing-400);
}

.block.contact-form .additionaltext {
    margin-top: var(--spacing-100);
}

.block.contact-form .button-container {
    margin-top: var(--spacing-200);
}

.block.contact-form .hours-of-operation {
    margin-top: var(--spacing-100);
    line-height: 1.9;
}

.block.contact-form .wpcf7 br,
.contact-form  .wpcf7 .screen-reader-response {
    display: none;
}

.block.contact-form .wpcf7-list-item label {
    padding: 8px 0;
    color: #DFDFDF;
}

.wpcf7-form-control {
    padding-bottom: 8px;
}

.wpcf7-checkbox .wpcf7-list-item label {
    padding: 10px 0;
}

.block.contact-form .wpcf7-checkbox {
    display: flex;
    flex-flow: column wrap;
    gap: 0px 16px;
    max-height: 160px;
}

.block.contact-form .wpcf7-not-valid-tip {
    color: var(--error-color-dark);
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: 0.1em !important;
    font-weight: 300;
    transform: translateY(-18px);
    display: block;
}

.block.contact-form .wpcf7-radio + .wpcf7-not-valid-tip,
.block.contact-form .wpcf7-checkbox + .wpcf7-not-valid-tip {
    transform: translateY(-8px);
    padding-bottom: 8px;
}

.block.contact-form textarea + .wpcf7-not-valid-tip {
    transform: translateY(-24px);
}

.block.contact-form .wpcf7 form .wpcf7-response-output {
    border: none;
    margin: 0;
    padding: 0;
}

.block.contact-form .wpcf7 form.invalid .wpcf7-response-output {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.1em !important;
    font-weight: 300;
    padding: 8px 12px;
    margin-top: 24px;
    display: flex;
    align-items: center;
    border: none;
    border-radius: 8px;
}

.block.contact-form .wpcf7 form.invalid .wpcf7-response-output,
.block.contact-form .wpcf7 form.failed .wpcf7-response-output,
.block.contact-form .wpcf7 form.spam .wpcf7-response-output,
.block.contact-form .wpcf7 form.unaccepted .wpcf7-response-output,
.block.contact-form .wpcf7 form.aborted .wpcf7-response-output {
    color: var(--error-color-dark);
    background: rgba(240, 68, 56, 0.149);
}

.block.contact-form .wpcf7 form.sent .wpcf7-response-output {
    color: var(--success-color-dark);
    background: rgba(2, 122, 86, 0.149);
}

.block.contact-form .wpcf7 form .wpcf7-response-output::before {
    display: none;
    content: '';
    height: 24px;
    width: 24px;
    min-height: 24px;
    min-width: 24px;
    margin-right: 8px;
}

.block.contact-form .wpcf7 form.invalid .wpcf7-response-output::before,
.block.contact-form .wpcf7 form.failed .wpcf7-response-output::before,
.block.contact-form .wpcf7 form.spam .wpcf7-response-output::before,
.block.contact-form .wpcf7 form.unaccepted .wpcf7-response-output::before,
.block.contact-form .wpcf7 form.aborted .wpcf7-response-output::before {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20id='Frame'%3E%3Cpath%20id='Vector'%20d='M12%209V12.75M21%2012C21%2013.1819%2020.7672%2014.3522%2020.3149%2015.4442C19.8626%2016.5361%2019.1997%2017.5282%2018.364%2018.364C17.5282%2019.1997%2016.5361%2019.8626%2015.4442%2020.3149C14.3522%2020.7672%2013.1819%2021%2012%2021C10.8181%2021%209.64778%2020.7672%208.55585%2020.3149C7.46392%2019.8626%206.47177%2019.1997%205.63604%2018.364C4.80031%2017.5282%204.13738%2016.5361%203.68508%2015.4442C3.23279%2014.3522%203%2013.1819%203%2012C3%209.61305%203.94821%207.32387%205.63604%205.63604C7.32387%203.94821%209.61305%203%2012%203C14.3869%203%2016.6761%203.94821%2018.364%205.63604C20.0518%207.32387%2021%209.61305%2021%2012ZM12%2015.75H12.008V15.758H12V15.75Z'%20stroke='%23F04438'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
}

.block.contact-form .wpcf7 form.sent .wpcf7-response-output::before {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M16.2806 9.21937C16.3504 9.28903 16.4057 9.37175 16.4434 9.46279C16.4812 9.55384 16.5006 9.65144 16.5006 9.75C16.5006 9.84856 16.4812 9.94616 16.4434 10.0372C16.4057 10.1283 16.3504 10.211 16.2806 10.2806L11.0306 15.5306C10.961 15.6004 10.8783 15.6557 10.7872 15.6934C10.6962 15.7312 10.5986 15.7506 10.5 15.7506C10.4014 15.7506 10.3038 15.7312 10.2128 15.6934C10.1218 15.6557 10.039 15.6004 9.96938 15.5306L7.71938 13.2806C7.57865 13.1399 7.49959 12.949 7.49959 12.75C7.49959 12.551 7.57865 12.3601 7.71938 12.2194C7.86011 12.0786 8.05098 11.9996 8.25 11.9996C8.44903 11.9996 8.6399 12.0786 8.78063 12.2194L10.5 13.9397L15.2194 9.21937C15.289 9.14964 15.3718 9.09432 15.4628 9.05658C15.5538 9.01884 15.6514 8.99941 15.75 8.99941C15.8486 8.99941 15.9462 9.01884 16.0372 9.05658C16.1283 9.09432 16.211 9.14964 16.2806 9.21937ZM21.75 12C21.75 13.9284 21.1782 15.8134 20.1068 17.4168C19.0355 19.0202 17.5127 20.2699 15.7312 21.0078C13.9496 21.7458 11.9892 21.9389 10.0979 21.5627C8.20656 21.1865 6.46928 20.2579 5.10571 18.8943C3.74215 17.5307 2.81355 15.7934 2.43735 13.9021C2.06114 12.0108 2.25422 10.0504 2.99218 8.26884C3.73013 6.48726 4.97982 4.96451 6.58319 3.89317C8.18657 2.82183 10.0716 2.25 12 2.25C14.585 2.25273 17.0634 3.28084 18.8913 5.10872C20.7192 6.93661 21.7473 9.41498 21.75 12ZM20.25 12C20.25 10.3683 19.7661 8.77325 18.8596 7.41655C17.9531 6.05984 16.6646 5.00242 15.1571 4.37799C13.6497 3.75357 11.9909 3.59019 10.3905 3.90852C8.79017 4.22685 7.32016 5.01259 6.16637 6.16637C5.01259 7.32015 4.22685 8.79016 3.90853 10.3905C3.5902 11.9908 3.75358 13.6496 4.378 15.1571C5.00242 16.6646 6.05984 17.9531 7.41655 18.8596C8.77326 19.7661 10.3683 20.25 12 20.25C14.1873 20.2475 16.2843 19.3775 17.8309 17.8309C19.3775 16.2843 20.2475 14.1873 20.25 12Z' fill='%2301976A'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.block.contact-form .wpcf7-checkbox .wpcf7-list-item label {
    padding: 8px 0;
}

.block.contact-form .wpcf7-checkbox > span {
    display: inline-flex;
    flex-direction: column;
    min-width: 34%; 
    flex-grow: 1;
}

.block.contact-form .wpcf7-radio {
    display: flex;
    gap: 40px;
}

.block.contact-form .wpcf7 {
    background: #191919;
    padding: var(--spacing-500);
    max-width: 616px;
}

.block.contact-form .contact-form-row {
    display: flex;
    gap: 20px;
}

.block.contact-form .contact-form-row p {
    width: 50%
}

.block.contact-form .submit-wrapper p .wpcf7-spinner {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background-color: transparent;
    z-index: 2;
    margin: 0;
}

.block.contact-form .submit-wrapper p .wpcf7-spinner::before {
    position: absolute;
    transform-origin: 5px 5px;
    background-color: white;
    height: 3px;
    width: 3px;
    top: 7px;
    left: 12px;
    animation-duration: 500ms;
}

.block.contact-form .submitting .submit-wrapper svg {
    display: none;
}

.block.contact-form .submit-wrapper p br {
    display: none;
}
.block.contact-form .submit-wrapper p {
    display: inline-flex;
    position: relative;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-75);
}



.block.contact-form .submit-wrapper p input[type="submit"] {
    padding: 13px 43px 13px 16px;
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: 0.02em;
    font-weight: 300;
    font-family: "Helvetica Neue", sans-serif;
    font-style: normal;
    background-color: transparent;
    color: var(--text-color-secondary);
    border: none;
    width: 100%;
    position: relative;
    z-index: 1;
    cursor: pointer;
    text-align: center;
    outline: none;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
}
.block.contact-form .submit-wrapper p::before {
    content: "";
    position: absolute;
    top: -450%;
    left: -450%;
    height: 1000%;
    width: 1000%;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: linear-gradient(260deg, #9B814B 40%, #52320F 60%); 
    transition: background-color .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out, filter .2s ease-in-out;
    animation: rotateGradient 5s linear infinite;
    transform-origin: center;
    pointer-events: none;
    z-index: 0;
}

@keyframes rotateGradient {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.block.contact-form .submit-wrapper p:is(:hover, :focus-visible)::before,
.block.contact-form .submit-wrapper p:focus-within::before {
    filter: brightness(0.9);
}

.block.contact-form .submit-wrapper p:focus-visible::before,
.block.contact-form .submit-wrapper p:active::before {
    filter: brightness(0.85);
}

.block.contact-form .submit-wrapper p input[type="submit"]:disabled {
    background-color: var(--color-neutral-200);
    color: var(--color-neutral-400);
    cursor: not-allowed;
    transition: 0s;
}

.block.contact-form .submit-wrapper p svg {
    width: 13px;
    height: 11px;
    display: block;
    z-index: 1;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    transition: right 0.3s ease-in-out;
}

.block.contact-form .submit-wrapper p:is(:hover, :focus-visible) input:not(:disabled) ~ svg {
    right: 17px;
}

.block.contact-form label {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 1.57;
    display: block;
}

.block.contact-form .wpcf7-form > p > label {
    margin: 8px 0;
}

.block.contact-form .wpcf7-list-item {
    margin: 0;
}

.block.contact-form input[type="text"],
.block.contact-form input[type="email"],
.block.contact-form input[type="url"],
.block.contact-form input[type="password"],
.block.contact-form input[type="search"],
.block.contact-form input[type="number"],
.block.contact-form input[type="tel"],
.block.contact-form input[type="range"],
.block.contact-form input[type="date"],
.block.contact-form input[type="month"],
.block.contact-form input[type="week"],
.block.contact-form input[type="time"],
.block.contact-form input[type="datetime"],
.block.contact-form input[type="datetime-local"],
.block.contact-form input[type="color"],
.block.contact-form textarea {
    font-size: 16px;
    line-height: 1.56;
    font-weight: 300;
    letter-spacing: 0.02em;
    color: var(--color-white);
    font-family: "Helvetica Neue", sans-serif;
    font-style: normal;
    background-color: #303030;
    color: #FFFFFF;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #DFDFDF4D;
    padding: 12px 16px;
    margin: 4px 0 20px 0;
    caret-color: white;
}

input:-webkit-autofill,
textarea:-webkit-autofill {
    background-color: #303030 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    -webkit-box-shadow: 0 0 0 1000px #303030 inset !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

input:not([type="submit"]) {
  -webkit-text-fill-color: #FFFFFF !important;
  -webkit-box-shadow: 0 0 0 1000px #303030 inset !important;
}

.block.contact-form input[type="text"]::placeholder,
.block.contact-form input[type="email"]::placeholder,
.block.contact-form input[type="url"]::placeholder,
.block.contact-form input[type="password"]::placeholder,
.block.contact-form input[type="search"]::placeholder,
.block.contact-form input[type="number"]::placeholder,
.block.contact-form input[type="tel"]::placeholder,
.block.contact-form input[type="range"]::placeholder,
.block.contact-form input[type="date"]::placeholder,
.block.contact-form input[type="month"]::placeholder,
.block.contact-form input[type="week"]::placeholder,
.block.contact-form input[type="time"]::placeholder,
.block.contact-form input[type="datetime"]::placeholder,
.block.contact-form input[type="datetime-local"]::placeholder,
.block.contact-form input[type="color"]::placeholder,
.block.contact-form textarea::placeholder {
    color: var(--color-neutral-300);
}

.block.contact-form input[type="text"]:focus,
.block.contact-form input[type="email"]:focus,
.block.contact-form input[type="url"]:focus,
.block.contact-form input[type="password"]:focus,
.block.contact-form input[type="search"]:focus,
.block.contact-form input[type="number"]:focus,
.block.contact-form input[type="tel"]:focus,
.block.contact-form input[type="range"]:focus,
.block.contact-form input[type="date"]:focus,
.block.contact-form input[type="month"]:focus,
.block.contact-form input[type="week"]:focus,
.block.contact-form input[type="time"]:focus,
.block.contact-form input[type="datetime"]:focus,
.block.contact-form input[type="datetime-local"]:focus,
.block.contact-form input[type="color"]:focus,
.block.contact-form textarea:focus {
  outline: none;
  border-color: white;
}

.block.contact-form input[type="text"]:focus::placeholder,
.block.contact-form input[type="email"]:focus::placeholder,
.block.contact-form input[type="url"]:focus::placeholder,
.block.contact-form input[type="password"]:focus::placeholder,
.block.contact-form input[type="search"]:focus::placeholder,
.block.contact-form input[type="number"]:focus::placeholder,
.block.contact-form input[type="tel"]:focus::placeholder,
.block.contact-form input[type="range"]:focus::placeholder,
.block.contact-form input[type="date"]:focus::placeholder,
.block.contact-form input[type="month"]:focus::placeholder,
.block.contact-form input[type="week"]:focus::placeholder,
.block.contact-form input[type="time"]:focus::placeholder,
.block.contact-form input[type="datetime"]:focus::placeholder,
.block.contact-form input[type="datetime-local"]:focus::placeholder,
.block.contact-form input[type="color"]:focus::placeholder,
.block.contact-form textarea:focus::placeholder {
  color: transparent;
}

.block.contact-form textarea {
    min-width: 100%;
    max-width: 100%;
    max-height: 400px;
    min-height: 92px;
}

.block.contact-form input[type="checkbox"] {
    transform: translateY(-2px);
    margin-right: 6px;
    -webkit-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    border-radius: 4px;
    background: #303030;
    border: 1px solid #DFDFDF4D;
    position: relative;
    cursor: pointer;
    outline: none;
    transition: border-color 0.2s ease-in-out;
}
.block.contact-form input[type="checkbox"]:is(:hover, :focus-visible) {
    border-color: white;
}
.block.contact-form input[type="checkbox"]::after {
    content: "";
    opacity: 0;
    background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.29 10 L8.57 14.29 L16.79 4.43" stroke="white" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.15s ease-in-out;
}
.block.contact-form input[type="checkbox"]:checked::after {
    opacity: 1;
}


.block.contact-form input[type="radio"] {
    transform: translateY(4px);
    margin-right: 12px;
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    border-radius: 50%;
    background: #303030;
    border: 1px solid #DFDFDF4D;
    position: relative;
    cursor: pointer;
    outline: none;
    transition: border-color 0.2s ease-in-out;
}
.block.contact-form input[type="radio"]:is(:hover, :focus-visible) {
    border-color: white;
}
.block.contact-form input[type="radio"]::after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.15s ease-in-out;
}

.block.contact-form input[type="radio"]:checked::after {
    opacity: 1;
}

.block.contact-form .title-mobile {
    display: none;
}

.block.contact-form .wpcf7-checkbox .wpcf7-list-item-label {
    display: block;
}

.block.contact-form .wpcf7-checkbox label {
    display: flex;
    align-items: flex-start;
}

@media (max-width: 1090px) {
    .block.contact-form .title-mobile {
        display: block;
        margin-bottom: var(--spacing-900);
    }
    .block.contact-form .title-mobile br {
        display: none;
    }
    .block.contact-form .title-desktop {
        display: none;
    }
    .block.contact-form .wrapper {
        flex-direction: column;
    }
    .block.contact-form .wrapper > div:first-child {
        order: 2;
        display: flex;
        gap: 40px;
        max-width: unset;
    }
    .block.contact-form .wrapper > div:first-child > div:first-of-type {
        flex-shrink: 30;
        max-width: 48%;
    }
    .block.contact-form .wpcf7 {
        max-width: unset;
    }
    .block.contact-form .wpcf7 {
        margin-bottom: var(--spacing-800);
    }
}

@media (max-width: 700px) {
    .block.contact-form .wpcf7-checkbox {
        max-height: unset;
    }
    .block.contact-form .contact-form-row,
    .block.contact-form .wpcf7-radio,
    .block.contact-form .wpcf7-list-item,
    .block.contact-form .wpcf7-checkbox,
    .block.contact-form .wpcf7-checkbox > span,
    .block.contact-form .wrapper > div:first-child {
        display: block;
    }

    .block.contact-form .contact-form-row p {
        width: 100%;
    }

    .block.contact-form textarea,
    .block.contact-form .wrapper > div:last-child {
        min-width: unset;
    }
    
    .block.contact-form .wpcf7 {
        padding: var(--spacing-300);
    }

    .block.contact-form .wrapper > div:first-child > div:first-of-type {
        max-width: unset;
    }
}