:root {
    --wpforms-button-background-color: none !important;
    --wpforms-button-border-color: none !important;
    --wpforms-button-text-color: #fff !important;
    --wpforms-button-border-style: solid;
    --wpforms-button-size-font-size: 16px !important;
    --wpforms-button-border-width: 0;
    --wpforms-field-border-radius: 0;
    --wpforms-field-size-input-height: 44px;
    --wpforms-field-border-color-spare: #fff !important;
    --wpforms-field-background-color: transparent !important;
    --wpforms-label-color: #256AC7 !important;
    --wpforms-field-border-color: #fff !important;
    --wpforms-field-text-color: #fff !important;
}

@font-face {
    /* font-family: 'Noto Sans'; */
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.wpforms-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/* Form fields container */
.wpforms-container .wpforms-form .wpforms-field-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Individual field styles */
.wpforms-container .wpforms-field {
    width: 100%;
    padding: 0.5px;
}

/* Input fields */
.wpforms-container .wpforms-field input,
.wpforms-container .wpforms-field textarea {
    width: 100%;
    background: transparent;
    border: none;
    color: #fff;
    padding: 8px;
    font-size: 16px;
}

/* Placeholder color */
.wpforms-container .wpforms-field input::placeholder,
.wpforms-container .wpforms-field textarea::placeholder {
    color: #B0B0B0;
}

/* Textarea specific styles */
.wpforms-container .wpforms-field textarea {
    height: 140px;
    resize: none;
    overflow: auto;
}

/* Focus states */
.wpforms-container .wpforms-field input:focus,
.wpforms-container .wpforms-field textarea:focus {
    outline: none;
    ring: 0;
}

/* Submit button */
.wpforms-container .wpforms-submit-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wpforms-container .wpforms-submit-container {
    background-color: #162D8D;
    color: #fff;
    padding: 10px 28px;
    border-radius: 5px;
    border: none;
    transition: background-color 0.2s;
}

.wpforms-container .wpforms-submit-container:hover {
    background-color: #110c6c !important; 
}

/* Required fields text */
.wpforms-container .wpforms-required-label {
    color: #f9461c;
    text-align: right;
    font-size: 14px;
}

div.wpforms-container-full:not(:empty) {
    margin: 0;
}

.wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium {
    max-width: 100% !important;
}

.wpforms-container-full .wpforms-form .wpforms-submit-container {
    text-align: center;
}

.wpforms-field-select select,
.wpforms-field-name input,
.wpforms-field-email input,
.wpforms-field-phone input,
.wpforms-field-text input,
.wpforms-field-textarea textarea {
    border-radius: 0px !important;
    border-width: 0 !important;
    border-bottom-width: 2px !important;
    background: #fff;
}


div.wpforms-container-full input[type=radio] {
    outline: none !important;
}

div.wpforms-container-full input[type=radio]:before {
    border-color: #6b7580 !important;
}

div.wpforms-container-full input[type=radio]:after {
    transform: scale(0.6) !important;
}

div.wpforms-container-full input[type=radio]:focus::before,
div.wpforms-container-full input[type=radio]:checked:before {
    border-color: #6b7580 !important;
    box-shadow: none !important;
}

div.wpforms-container-full input[type=checkbox]:before {
    border-color: #6b7580 !important;
}

div.wpforms-container-full input[type=checkbox]:focus::before,
div.wpforms-container-full input[type=checkbox]:checked:before {
    background-color: unset !important;
    border-color: unset !important;
    box-shadow: unset !important;
}

div.wpforms-container-full input[type=checkbox]:checked:after {
    border-color: #6b7580 !important;
    
}


.wpforms-field-select select[value=undefined],
.wpforms-field-name input::placeholder,
.wpforms-field-email input::placeholder,
.wpforms-field-phone input::placeholder,
.wpforms-field-text input::placeholder,
.wpforms-field-textarea textarea::placeholder {
    color: #B0B0B0 !important;
}

.wpforms-field-select select[value],
.wpforms-field-name input:placeholder-shown,
.wpforms-field-email input:placeholder-shown,
.wpforms-field-phone input:placeholder-shown,
.wpforms-field-text input:placeholder-shown,
.wpforms-field-textarea textarea:placeholder-shown {
    color: #B0B0B0 !important;
}

.article .wpforms-field li:before {
    content: none !important;
}

:where(.wp-block-columns) {
    margin-bottom: 0 !important;
}

.wpforms-description {
    text-align: right !important;
    color: #f9461c !important;
}

div.wpforms-container-full input:not([type=checkbox]):not([type=radio]), 
div.wpforms-container-full select,
.wp-core-ui div.wpforms-container-full input:not([type=checkbox]):not([type=radio]), 
.wp-core-ui div.wpforms-container-full select {
    font-size: 16px !important;
    line-height: 28px !important;
}

div.wpforms-container-full textarea {
    padding-top: 24px !important;
    font-size: 18px !important;
}

.wpforms-field input:not([type=checkbox]):not([type=radio])~label,
.wpforms-field select~label,
.wpforms-field textarea~label {
    position: absolute;
    top: 18px;
    left: 16px;
    transition: all 0.2s ease;
    color: #CED7E0 !important;
}

div.wpforms-container-full input:not([type=checkbox]):not([type=radio]):focus~label,
div.wpforms-container-full input:not([type=checkbox]):not([type=radio]):active~label,
div.wpforms-container-full input:not([type=checkbox]):not([type=radio]):not(:placeholder-shown)~label,
div.wpforms-container-full select:focus~label,
div.wpforms-container-full select:active~label,
div.wpforms-container-full select:not(:placeholder-shown)~label,
div.wpforms-container-full textarea:focus~label,
div.wpforms-container-full textarea:active~label,
div.wpforms-container-full textarea:not(:placeholder-shown)~label {
    font-size: 12px;
    color: #6b7580 !important;
}

div.wpforms-submit-container {
    display: inline-block !important;
    padding: 10px 28px !important;
    border-radius: 5px !important;
    background-color: #162D8D !important;
    transition: all 0.2s ease !important;
    width: auto !important;
}

div.wpforms-submit-container:hover {
    background-color: #110c6c !important;
    cursor: pointer;
}

div.wpforms-submit-container button.wpforms-submit {
    display: inline-flex !important;
    background: transparent !important;
    color: #fff !important;
    /* font-family: 'Noto Sans' !important; */
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 28px !important;
    border: none !important;
    cursor: pointer !important;
}

.wpforms-submit:hover,
button.wpforms-submit:hover,
div.wpforms-container .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    background: transparent !important;
}

div.wpforms-container-full,div.wpforms-container-full * {
    display: flex;
    flex-direction: column;
    width: 100% !important;
    gap: 40px !important;
}   

.wpforms-container .wpforms-form * {
    gap: 20px !important;

}

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    margin-top: 0 !important;
    display: inline-block;

}
div.wpforms-container-full input[type=submit],div.wpforms-container-full button[type=submit],div.wpforms-container-full .wpforms-page-button,.wp-core-ui div.wpforms-container-full input[type=submit],.wp-core-ui div.wpforms-container-full button[type=submit],.wp-core-ui div.wpforms-container-full .wpforms-page-button {
    align-items: center !important;
    text-align: center !important;
    justify-content: center !important;
}

.wpforms-container .wpforms-form .wpforms-field-content {
    text-align: end !important;
}
div.wpforms-container-full .wpforms-form textarea {
    padding: 8px !important;
    gap: 12px !important;
}
div.wpforms-container-full input:not([type=checkbox]):not([type=radio]), div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full input:not([type=checkbox]):not([type=radio]), .wp-core-ui div.wpforms-container-full select{
    padding: 8px !important;
    gap: 12px !important;
}

div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul,div.wpforms-container-full .wpforms-field.wpforms-field-radio ul,div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul,div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul,div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul {
    display: flex;
    flex-direction: column;
    gap: 10px !important;
}

div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li,div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li,div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li,div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li,div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li {
    display: flex;
    flex-direction: row;
    gap: 10px !important;
}

div.wpforms-container-full .wpforms-field-label-inline, .wp-core-ui div.wpforms-container-full .wpforms-field-label-inline {
    color: #ffff !important;
    font-size: 16px !important;
    line-height: 28px !important;
    font-weight: 400 !important;
    /* font-family: 'Noto Sans'; */
}

div.wpforms-container-full input[type=checkbox],div.wpforms-container-full input[type=radio] {
    position: relative;
    display: inline-block;
    background: none;
    height: unset;
    width: unset;
    margin: 0 0 0 2px;
    border: none;
    box-shadow: none;
    vertical-align: middle;
    opacity: 1;
    appearance: none

}

div#wpforms-1600-field_5-container {
    border-bottom: 2px solid #fff;
}

/* Technical Support Form Specific Styles */

/* Checkbox container styles */
.wpforms-field-checkbox ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.wpforms-field-checkbox ul li {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    align-items: center !important;
}

/* Custom checkbox styles */
div.wpforms-container-full input[type=checkbox] {
    appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #fff !important;
    background: transparent !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    margin: 0 !important;
}

/* Checkbox checked state */
div.wpforms-container-full input[type=checkbox]:checked {
    background-color: #fff !important;
}

/* Checkbox checkmark */
div.wpforms-container-full input[type=checkbox]:checked:after {
    content: '' !important;
    position: absolute !important;
    left: 4px !important;
    top: 0px !important;
    width: 5px !important;
    height: 10px !important;
    border: solid #000 !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
    display: block !important;
}

/* Checkbox container and label alignment */
.wpforms-field-checkbox ul li {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wpforms-field-checkbox .wpforms-field-label-inline {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Checkbox list spacing */
.wpforms-field-checkbox ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Send button center alignment */
.wpforms-submit-container {
    display: flex !important;
    justify-content: center !important;
    margin-top: 20px !important;
}

/* Form fields spacing */
.wpforms-field-container {
    gap: 20px !important;
}

/* Input fields style */
.wpforms-field input:not([type=checkbox]) {
    border-bottom: 2px solid #fff !important;
    padding: 8px !important;
    background: transparent !important;
    color: #fff !important;
}

/* Placeholder text color */
.wpforms-field input::placeholder {
    color: #B0B0B0 !important;
}

/* Remove default focus styles */
.wpforms-field input:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Send button style */
.wpforms-submit {
    margin: 0 auto !important;
    background-color: transparent !important;
    color: #fff !important;
    padding: 10px 28px !important;
}

/* .wpforms-submit:hover {
    background-color: #f9461c !important;
} */

div.wpforms-container .wpforms-form input[type=submit]:hover, div.wpforms-container .wpforms-form input[type=submit]:active, div.wpforms-container .wpforms-form button[type=submit]:hover, div.wpforms-container .wpforms-form button[type=submit]:active, div.wpforms-container .wpforms-form .wpforms-page-button:hover, div.wpforms-container .wpforms-form .wpforms-page-button:active { 
    background-color: transparent !important; 
}