.newsLetterFrom {
    width: 100%;
    float: left;
}

.row .row-fluid {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

.unsionCF h5 {
    font-weight: 400;
    font-size: 16px;
}

.newsLetterFrom label {
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 10px;
}

.titleanddescription {
    margin-left: 35px !important;
    font-size: 20px !important;
    font-weight: 400
    
}
.titleanddescription a{
        text-decoration: underline; 
    }
.applicationform .fileupload .umbraco-forms-field-wrapper,
.applicationformde .fileupload .umbraco-forms-field-wrapper {
    height: 0px;
    overflow: hidden;
}

.applicationform .fileupload label,
.applicationformde .fileupload label {
    float: left;
    border: 1px solid #000;
    border-radius: 25px;
    padding: 10px 30px;
    margin-bottom: 20px;
    cursor: pointer;
}

.applicationform .fileupload label:hover,
.applicationformde .fileupload label:hover {
    background-color: var(--steadfast-blue) !important;
    border-color: var(--steadfast-blue)
}

.newsLetterFrom .titleanddescription,
.newsLetterFrom .titleanddescription a,
.contactform .titleanddescription,
.contactform .titleanddescription a,
.applicationform .titleanddescription,
.applicationform .titleanddescription a,
.applicationformde .titleanddescription,
.applicationformde .titleanddescription a,
.contactformde .titleanddescription,
.contactformde .titleanddescription a {
    font-size: inherit;
}


.newsLetterFrom .dataconsent>label {
    display: none
}

.newsLetterFrom .dataconsent .umbraco-forms-field-wrapper {
    float: left;
}

.newsLetterFrom .dataconsent .umbraco-forms-field-wrapper input,
.newsLetterFrom .dataconsent .umbraco-forms-field-wrapper label {
    float: left;
    display: inline-block;
}

.newsLetterFrom .dataconsent .umbraco-forms-field-wrapper label a {
    font-size: 16px;
    text-decoration: underline;
}

.newsLetterFrom .dataconsent .umbraco-forms-field-wrapper input {
    border-radius: 0;
    border: 1px solid #fff;
}

.newsLetterFrom .dataconsent .umbraco-forms-field-wrapper label {
    margin-top: -8px;
    text-transform: unset;
    max-width: 600px;
    margin-left: 10px;
    margin-bottom: 30px;
}

.newsLetterFrom .umbraco-forms-field {
    display: flex;
    flex-direction: column-reverse!important;
    padding-right: 20px;
}

.newsLetterFrom .umbraco-forms-field input[type=text] {
    width: 100%;
    height: 40px;
    background: transparent;
    box-shadow: none;
    border: 1px solid #fff;
    padding: 5px 10px;
    font-size: 18px;
    border-radius: 0;
}

.newsLetterFrom .umbraco-forms-field input[type=text]:focus,
.newsLetterFrom .umbraco-forms-field input[type=text]:active,
.newsLetterFrom .umbraco-forms-field input[type=text]:hover {
    border-radius: 0;
    box-shadow: none;
    outline: none;
}

span.field-validation-error {
    padding: 5px 10px;
    font-size: 18px;
    float: left;
    background: #f00;
}

.newsLetterFrom .btn-default {
    color: #092D3D !important;
    margin-left: 15px;
    margin-top: 30px;
}


/*Aplication & Contact form*/

.unsionCF {
    max-width: 900px;
}
/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
.unsionCF .umbraco-forms-field-wrapper input.text,
.unsionCF textarea {
    width: 100%;
    max-width: 100% !important;
    border: none !important;
    background-color: transparent;
    border-bottom: 1px solid var(--ultramarine) !important;
}
.unsionCF .umbraco-forms-field-wrapper input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--ultramarine);
    opacity: 1;
    /* Firefox */
    font-family: var(--founders-grotesk);
    text-transform: uppercase;
}
.unsionCF .umbraco-forms-field.recaptcha {
    margin: 0 !important;
    padding: 0 !important;
}

.appForm .txt-title,
.appForm h3,
.appForm h3 a {
    font: normal normal normal 34px/44px var(--gt-super-ds);
    margin-bottom: 0;
}

.unsionCF textarea::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--ultramarine);
    opacity: 1;
    /* Firefox */
    font-family: var(--founders-grotesk);
}

.unsionCF textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--ultramarine);
    font-family: var(--founders-grotesk)
}

.unsionCF textarea::-ms-input-placeholder {
    /* Microsoft Edge */
    color: var(--ultramarine);
    font-family: var(--founders-grotesk)
}

.unsionCF legend {
    font: normal normal normal 28px/34px var(--gt-super-ds) !important;
    letter-spacing: -0.28px;
    color: var(--ultramarine);
}

.unsionCF label,
.unsionCF input,
.unsionCF select,
.unsionCF textarea {
    font: normal normal normal 18px/26px var(--founders-grotesk) !important;
    letter-spacing: 0.45px;
    color: var(--ultramarine);
}

.unsionCF label {
    text-transform: uppercase;
}

.unsionCF .region,
.unsionCF .country,
.unsionCF .topic,
.unsionCF .thema,
.unsionCF .form,
.unsionCF .land {
    width: 50%;
    float: left;
    clear: none;
}


.unsionCF .region label,
.unsionCF .country label,
.unsionCF .land label,
.unsionCF .topic label,
.unsionCF .thema label {
    display: none;
}
.unsionCF .topic_{
    padding-right: 10px
}
.unsionCF .region{
    padding-left: 10px
}
@media screen and (max-width: 768px) {
    .unsionCF .region,
    .unsionCF .country,
    .unsionCF .topic,
    .unsionCF .thema,
    .unsionCF .form,
    .unsionCF .land {
        width: 100%;
        padding: 0
    }
}
.unsionCF .nice-select {
    border-color: #092d3d;
    font-size: 18px;
    padding: 5px 20px;
    padding-right: 40px;
    height: auto;
    border-radius: 30px;
    width: 100%;
    float: left;
    clear: none;
    margin-right: 20px;
    margin-top: 10px;

}

.unsionCF .nice-select:after {
    width: 15px;
    height: 15px;
    top: 19px;
    right: 20px;
    transform: rotate(45);
    transform-origin: 10px 10px;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: #ABDCF1;
}

.unsionCF .nice-select.open:after {
    -webkit-transform: rotate( -135deg) !important;
    -ms-transform: rotate(-180deg);
    transform: rotate( -180deg);
}

.unsionCF .nice-select .list {
    min-width: 270px;
    margin-left: 10px;
    max-height: 500px;
    overflow-y: auto;
}

.unsionCF fieldset {
    margin-bottom: 0 !important;
}

.unsionCF .umbraco-forms-field {
    padding-bottom: 10px;
}

.unsionCF input.text,
.unsionCF textarea {
    margin-top: 0 !important;
    border: 1px solid var(--ultramarine) !important;
    padding: 10px !important;
    max-width: 100% !important;
    border-radius: 2px;
}
.unsionCF textarea {
    height: 150px !important;
}
.unsionCF input.text:focus,
.unsionCF textarea:focus {
    outline: none;
}

.umbraco-forms-form.unsionCF textarea {
    width: 100% !important;
    max-width: 100% !important;
}

.umbraco-forms-label {
    display: none !important;
}

.dataconsent label {
    text-transform: none !important;
}

/* Custom Checkbox Styles */
.unsionCF .form-check-input[type=checkbox],
input[type=checkbox] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid var(--ultramarine, #007bff);
    border-radius: 2px;
    background-color: transparent;
    cursor: pointer;
    position: relative;
    margin-top: 8px;
    transition: all 0.3s ease;
}

.unsionCF .form-check-input[type=checkbox]:hover,
input[type=checkbox]:hover {
    border-color: var(--steadfast-blue, #0056b3);
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
}

.unsionCF .form-check-input[type=checkbox]:checked,
input[type=checkbox]:checked {
    background-color: var(--ultramarine, #007bff);
    border-color: var(--ultramarine, #007bff);
}

.unsionCF .form-check-input[type=checkbox]:checked::before,
input[type=checkbox]:checked::before {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
}

.unsionCF .form-check-input[type=checkbox]:focus,
input[type=checkbox]:focus {
    outline: none;
    border-color: var(--steadfast-blue, #0056b3);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}

.unsionCF .form-check-input[type=checkbox]:disabled,
input[type=checkbox]:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    border-color: #ccc;
}

.unsionCF .form-check-input[type=checkbox]:disabled:checked,
input[type=checkbox]:disabled:checked {
    background-color: #ccc;
    border-color: #ccc;
}

/* Checkbox Label Styles */
.form-check-label,
label[for] {
    cursor: pointer;
    user-select: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Checkbox Container */
.form-check,
.checkbox-container {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    gap: 8px;
}

.form-check input[type=checkbox],
.checkbox-container input[type=checkbox] {
    margin-top: 2px;
    flex-shrink: 0;
}

.umbraco-forms-page .btn-default {
    margin-left: 12px;
}

.umbraco-forms-navigation .btn.primary {
    background-color: var(--steadfast-blue);
    border-radius: 30px;
    box-shadow: none;
    color: var(--ultramarine);
    font-size: 16px;
    font-weight: 400;
}

.umbraco-forms-navigation .btn.primary:hover {
    background-color: #46a0c9;
}

@media (min-width: 1024px) {
    .newsLetterFrom .umbraco-forms-container:not(:first-child) {
        max-width: 320px;
    }
    .umbraco-forms-container.col-md-6:last-child {
        padding-left: 15px;
    }
    .umbraco-forms-container.col-md-6:first-child {
        padding-right: 15px;
    }
}
.umbraco-forms-container.col-md-6{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;

}
@media (max-width: 768px) {
    .umbraco-forms-container.col-md-6{
        grid-template-columns: 1fr;
    }
}