.formWrap {
    padding-bottom: 1.5rem;
}

.formSec {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
}

.formWrap h2 {
    margin-bottom: 0;
    text-transform: uppercase;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-image: var(--wp--preset--gradient--custom-gradient-2) !important;
    width: unset !important;
    z-index: 1;
}

.formWrap label {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
}

.radioControl {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.radioControl label {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    padding-left: 46px;
    position: relative;
    cursor: pointer;
}

.radioControl input {
    width: unset !important;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.radioControl label::before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid #CFCFCF;
    transition: 400ms ease-in-out;
    box-sizing: border-box;
}

.radioControl label::after {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 5px;
    top: 9px;
    opacity: 0;
    visibility: hidden;
    transition: 400ms ease-in-out;
    background: var(--wp--preset--color--accent-2);
    border-radius: 50%;
}

.radioControl label:has(input:checked)::before {
    border-color: var(--wp--preset--color--accent-2);
}

.radioControl label:has(input:checked)::after {
    visibility: visible;
    opacity: 1;
}

.formTable {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
}

.tableInner {
    min-width: 1400px;
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: stretch;
    border: 4px solid #CFCFCF;
    overflow: hidden;
    border-radius: 16px;
    background-color: #CFCFCF;
}

.formTableCol {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.formTableCell {
    text-align: center;
    border: 3px solid #CFCFCF;
    border-radius: 8px;
    transition: 400ms ease-in-out;
}

.formTableCol:first-child .formTableCell {
    border-left-width: 0;
}

.formTableCol:last-child .formTableCell {
    border-right-width: 0;
}

.formTableCol .formTableCell:first-child {
    border-top-width: 0;
    background-color: var(--wp--preset--color--base-1);
}

.formTableCol .formTableCell:last-child {
    border-bottom-width: 0;
}

.formTable input {
    border: none;
    background: transparent;
    border-radius: 8px;
    background: var(--wp--preset--color--base-2);
    border: 2px solid var(--wp--preset--color--base-2);
}

.formTable input:focus {
    border-color: var(--wp--preset--color--accent-2);
}

label:has(.gdprControl) {
    flex-direction: row;
}

/*CHECKBOX*/
.checkboxControl {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.checkboxControl label {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    cursor: pointer;
    position: relative;
    flex-direction: row;
}

.checkboxControl input {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.checkboxControl label::before {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background-color: transparent;
    border: 2px solid #CFCFCF;
    border-radius: 2px;
    transition: 300ms ease-in-out;
    min-width: 26px;
    aspect-ratio: 1 / 1;
    margin-top: 4px;
}

.checkboxControl label:has(input:checked)::before {
    background-color: var(--wp--preset--color--contrast-1);
    border-color: var(--wp--preset--color--contrast-1);
}

.checkboxControl label::after {
    content: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2018%2013%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M17.1484%200.813477C17.3828%201.07389%2017.5%201.37337%2017.5%201.71191C17.5%202.05046%2017.3828%202.34993%2017.1484%202.61035L7.14844%2012.6104C6.88802%2012.8447%206.58854%2012.9619%206.25%2012.9619C5.91146%2012.9619%205.61198%2012.8447%205.35156%2012.6104L0.351562%207.61035C0.117188%207.34993%200%207.05046%200%206.71191C0%206.37337%200.117188%206.07389%200.351562%205.81348C0.611979%205.5791%200.911458%205.46191%201.25%205.46191C1.58854%205.46191%201.88802%205.5791%202.14844%205.81348L6.21094%209.9541L15.3516%200.813477C15.612%200.579102%2015.9115%200.461914%2016.25%200.461914C16.5885%200.461914%2016.888%200.579102%2017.1484%200.813477Z%22%20fill%3D%22%23FFFFFF%22/%3E%3C/svg%3E");
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 300ms ease-in-out;
    position: absolute;
    width: 14px;
    height: 16px;
    left: 9px;
    top: 11px;
}

.checkboxControl label:has(input:checked)::after {
    opacity: 1;
}

/*DECLARATION*/
.formCols {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.formLeft,
.formRight {
    max-width: calc(50% - 0.5rem);
}

.formCols .formRow {
    padding: 2rem 0;
    border-top: 2px solid var(--wp--preset--color--accent-2);
}

.formCols .formRow:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.formCols .formRow:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.formNo {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
}

.formRightTop > p:not(:first-child),
.formRightTop > ul {
    margin-top: 1rem !important;
}

.declarationNameRow {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid var(--wp--preset--color--accent-2);
}

.declarationGdprRow {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 2px solid var(--wp--preset--color--accent-2);
}

@media (max-width: 991.98px) {
    .formCols {
        flex-direction: column;
        align-items: stretch;
    }

    .formLeft,
    .formRight {
        max-width: 100%;
    }
}