.support-form * {
    box-sizing: border-box;
}
.support-form__row {
    display: flex;
    width: 100%;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}
.support-form__col {
    width: 100%;
}
.support-form__col.half-width-col {
    width: calc(50% - 6px);
}
@media screen and (min-width: 782px) {
    .support-form__col.half-width-col-desktop {
        width: calc(50% - 6px);
    }
}
.support-form__control {
    width: 100%;
    padding-bottom: 16px;
}
.support-form__control input,
.support-form__control select,
.support-form__control textarea {
    display: block;
    width: 100%;
    border-radius: 4px;
    background-color: var(--wp--preset--color--theme-background-primary);
    color: var(--wp--preset--color--theme-content-primary);
    font-family: var(--wp--preset--font-family--inter);
    font-weight: 400;
    font-size: var(--wp--preset--font-size--paragraph-large);
    line-height: 20px;
    transition: color 0.3s, border-color 0.3s, background-color 0.3s, box-shadow 0.3s;
    padding: 9px 12px;
    border: 1px solid var(--wp--preset--color--theme-border-medium);
    max-width: 100% !important;
}
.support-form__control input:focus, .support-form__control input:active,
.support-form__control select:focus,
.support-form__control select:active,
.support-form__control textarea:focus,
.support-form__control textarea:active {
    border-color: var(--wp--preset--color--theme-primary-base);
}
.support-form__control input::-moz-placeholder, .support-form__control select::-moz-placeholder, .support-form__control textarea::-moz-placeholder {
    color: var(--wp--preset--color--theme-content-tertiary);
}
.support-form__control input::placeholder,
.support-form__control select::placeholder,
.support-form__control textarea::placeholder {
    color: var(--wp--preset--color--theme-content-tertiary);
}
.support-form__control select {
    padding-right: 36px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
    cursor: pointer;
    background-size: 36px 56px;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='56' viewBox='0 0 36 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.0013 29.4153L13.5348 25.6932C13.1812 25.3985 12.6558 25.4463 12.3611 25.7999C12.0665 26.1534 12.1143 26.6789 12.4678 26.9735L17.4678 31.1402C17.7769 31.3977 18.2258 31.3977 18.5348 31.1402L23.5348 26.9735C23.8884 26.6789 23.9361 26.1534 23.6415 25.7999C23.3469 25.4463 22.8214 25.3985 22.4678 25.6932L18.0013 29.4153Z' fill='%231C2227'/%3E%3C/svg%3E%0A");
}
@media screen and (min-width: 782px) {
    .support-form__control textarea {
        min-height: 100px;
        padding: 12px;
    }
}
.support-form__control button[type=submit] {
    display: block;
    width: 100%;
    max-width: 240px;
    border: none;
    transition: background-color 0.3s;
    background-color: var(--wp--preset--color--theme-action-primary);
    border-radius: 6px;
    text-align: center;
    color: var(--wp--preset--color--theme-content-primary-inverse);
    font-family: var(--wp--preset--font-family--inter);
    font-weight: 700;
    font-size: var(--wp--preset--font-size--paragraph-large);
    line-height: 20px;
    cursor: pointer;
    padding: 18px 12px;
}
.support-form__control button[type=submit]:hover {
    background-color: var(--wp--custom--action--primary--hover);
}
.support-form__control button[type=submit]:active, .support-form__control button[type=submit]:focus {
    background-color: var(--wp--custom--action--primary--active);
}
.support-form__control input[name=supphone-input] {
    padding-left: 110px !important;
}
.support-form__control > label {
    font-family: var(--wp--preset--font-family--inter);
    font-style: normal;
    font-weight: 400;
    font-size: var(--wp--preset--font-size--paragraph-medium);
    line-height: 16px;
    display: block;
    margin-bottom: 4px;
    color: var(--wp--preset--color--theme-content-primary);
}
.support-form__control .iti {
    width: 100%;
}
.support-form__control .iti.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
}
.support-form__control .iti .iti__selected-dial-code,
.support-form__control .iti .iti__country-name {
    color: var(--wp--preset--color--theme-content-primary);
    font-weight: 400;
    font-size: var(--wp--preset--font-size--paragraph-large);
    font-family: var(--wp--preset--font-family--inter);
}
.support-form__control .iti .iti__country-name,
.support-form__control .iti .iti__dial-code {
    font-size: var(--wp--preset--font-size--paragraph-large);
}
.support-form__control .iti .iti__dial-code {
    color: var(--wp--preset--color--theme-content-tertiary);
}
.support-form__control .iti .iti__selected-flag {
    padding-left: 12px;
    padding-right: 12px;
    border-right: 1px solid var(--wp--preset--color--theme-border-light);
}
.support-form__control .iti .iti__arrow {
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 5px solid var(--wp--preset--color--theme-content-primary) !important;
}
.support-form__control .iti .iti__arrow.iti__arrow--up {
    border-bottom: 5px solid var(--wp--preset--color--theme-content-primary) !important;
    border-top: none !important;
}
.support-form__control .iti .iti__flag-container {
    margin-top: 12px;
    margin-bottom: 12px;
}
.support-form__control .validate-error-msg {
    margin-top: 4px;
    color: var(--wp--preset--color--theme-danger-default);
    line-height: 16px;
    padding-left: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.9987 1.33268C4.3167 1.33268 1.33203 4.31735 1.33203 7.99935C1.33203 11.6813 4.3167 14.666 7.9987 14.666C11.6807 14.666 14.6654 11.6813 14.6654 7.99935C14.6654 4.31735 11.6807 1.33268 7.9987 1.33268ZM7.9987 2.66602C9.41319 2.66602 10.7697 3.22792 11.7699 4.22811C12.7701 5.22831 13.332 6.58486 13.332 7.99935C13.332 9.41384 12.7701 10.7704 11.7699 11.7706C10.7697 12.7708 9.41319 13.3327 7.9987 13.3327C6.58421 13.3327 5.22766 12.7708 4.22746 11.7706C3.22727 10.7704 2.66536 9.41384 2.66536 7.99935C2.66536 6.58486 3.22727 5.22831 4.22746 4.22811C5.22766 3.22792 6.58421 2.66602 7.9987 2.66602Z' fill='%23CC4319'/%3E%3Cpath d='M7.9987 9.33268C7.63051 9.33268 7.33203 9.03421 7.33203 8.66602V5.33268C7.33203 4.96449 7.63051 4.66602 7.9987 4.66602C8.36689 4.66602 8.66536 4.96449 8.66536 5.33268V8.66602C8.66536 9.03421 8.36689 9.33268 7.9987 9.33268Z' fill='%23CC4319'/%3E%3Cpath d='M7.9987 11.9993C8.36689 11.9993 8.66536 11.7009 8.66536 11.3327C8.66536 10.9645 8.36689 10.666 7.9987 10.666C7.63051 10.666 7.33203 10.9645 7.33203 11.3327C7.33203 11.7009 7.63051 11.9993 7.9987 11.9993Z' fill='%23CC4319'/%3E%3C/svg%3E%0A");
    background-position: left top;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    font-family: var(--wp--preset--font-family--inter);
    font-size: var(--wp--preset--font-size--paragraph-small);
    display: none;
}
.support-form__control.error-validation input {
    border-color: var(--wp--preset--color--theme-danger-tint);
    background-color: var(--wp--preset--color--theme-danger-subtle);
}
.support-form__control.error-validation .validate-error-msg {
    display: block;
}