.block-contactform {
    padding: 0;
}
.block-contactform .checkbox-buttons p{
    margin: 0;
}
.block-contactform #contact_agree-error{
    font-size: 32px;
    font-weight: 500;
}
.block-contactform #contact_terms-error{
    font-size: 32px;
    font-weight: 500;
}
@keyframes lightningPulse {

    0%, 3.33%, 6.66%, 9.99% {
        opacity: 0;
        stroke-width: 2;
        stroke-dashoffset: 0;
    }

    13.32% {
        opacity: 1;
        stroke-width: 2;
    }

    16.65%, 19.98%, 23.31%, 26.64%, 29.97%, 33.33%, 36.66%, 39.99%, 43.32%, 46.65% {
        stroke-width: 15;
    }

    49.98% {
        stroke-width: 7;
    }
    53.31% {
        stroke-width: 6;
    }
    56.64% {
        stroke-width: 5;
    }
    59.97% {
        stroke-width: 4;
    }
    63.33% {
        stroke-width: 3;
    }
    66.66% {
        stroke-width: 2;
        opacity: 0.8;
    }
    69.99% {
        stroke-width: 1;
        opacity: 0.6;
    }
    73.32% {
        opacity: 0.4;
    }
    76.55% {
        opacity: 0.2;
    }

    79.98%, 83.31%, 86.64%, 89.97%, 93.33%, 96.66%, 100% {
        stroke-width: 1;
        opacity: 0;
        stroke-dashoffset: 102.96427917480469;
    }
}

@keyframes lightningScale {

    0%,
    13.32%,
    23.31%,
    100% {
        transform: scale(1);
    }

    16.65% {
        transform: scale(1.2);
    }
}

.block-contactform .loading-container {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0 auto;
    position: fixed;
    text-align: center;
    background: #00000057;
    z-index: 9999 !important;
}

.block-contactform .progress-container,
.block-contactform #remainingSpace2,
.block-contactform #remainingSpace,
.block-contactform #files-list-container-2,
.block-contactform #files-list-container-1{
    display: none;
}
.block-contactform .loading-container:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-right: -0.25em;
}
.block-contactform  .progress-container{
    padding: 20px 0;
}
.block-contactform  .progress-container div{
    border-radius: 5px;
}
.block-contactform  .error-upload-limit{
    color: #FF4B00;
    -webkit-animation: kf_shake 0.4s 1 linear;
    -moz-animation: kf_shake 0.4s 1 linear;
    -o-animation: kf_shake 0.4s 1 linear;
}
@-webkit-keyframes kf_shake {
    0% {
        -webkit-transform: translate(30px);
    }
    20% {
        -webkit-transform: translate(-30px);
    }
    40% {
        -webkit-transform: translate(15px);
    }
    60% {
        -webkit-transform: translate(-15px);
    }
    80% {
        -webkit-transform: translate(8px);
    }
    100% {
        -webkit-transform: translate(0px);
    }
}
@-moz-keyframes kf_shake {
    0% {
        -moz-transform: translate(30px);
    }
    20% {
        -moz-transform: translate(-30px);
    }
    40% {
        -moz-transform: translate(15px);
    }
    60% {
        -moz-transform: translate(-15px);
    }
    80% {
        -moz-transform: translate(8px);
    }
    100% {
        -moz-transform: translate(0px);
    }
}
@-o-keyframes kf_shake {
    0% {
        -o-transform: translate(30px);
    }
    20% {
        -o-transform: translate(-30px);
    }
    40% {
        -o-transform: translate(15px);
    }
    60% {
        -o-transform: translate(-15px);
    }
    80% {
        -o-transform: translate(8px);
    }
    100% {
        -o-origin-transform: translate(0px);
    }
}
.block-contactform .ghosted {
    display: inline-block;
    vertical-align: middle;
}

.block-contactform .lightning-container {
    width: 100px;
    transform-origin: 50% 50%;
    animation: lightningScale 1s ease infinite forwards;
}

.block-contactform .lightning {
    stroke:var(--Button-Font-color-Orange, #FF4B00);
    stroke-miterlimit: 10;
    fill: var(--Button-Font-color-Orange, #FF4B00);
    stroke-dasharray: 102.96427917480469;
    stroke-dashoffset: 0;
    animation: lightningPulse 1s ease-out infinite forwards;
}

.block-contactform .st0 {
    clip-path: url(#SVGID_2_);
    fill: none;
}

.block-contactform .step3,
.block-contactform .step4 {
    width: 60%;
}

.block-contactform .form-title {
    font-size: 48px;
    line-height: 1.6;
    margin-bottom: 48px;
}

.block-contactform .steps-nav {
    display: flex;
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 2px solid var(--wp--preset--color--light-grey);
}

.block-contactform .steps-nav .step-nav {
    opacity: 0.5;
    display: flex;
    align-items: center;

}

.block-contactform .steps-nav .step-nav .step-no {
    border-radius: 8px;
    border: 2px solid var(--wp--preset--color--grey);
    background: var(--wp--preset--color--dirty-white);
    color: var(--wp--preset--color--dark-blue);
    text-align: center;
    font-size: 32px;
    width: 64px;
    height: 64px;
    line-height: 64px;
    margin-right: 16px;
}

.block-contactform .steps-nav .step-nav:after {
    content: "";
    display: inline-block;
    width: 160px;
    height: 2px;
    margin-left: 40px;
    margin-right: 40px;
    background-color: var(--wp--preset--color--primary);
}

.block-contactform .steps-nav .step-nav:last-of-type:after {
    display: none;
}

.block-contactform .steps-nav .step-nav .step-text {
    font-size: 32px;
}

.block-contactform .category-subcategory {
    margin-bottom: 80px
}

.block-contactform .steps-nav .step-nav.active {
    opacity: 1
}

.block-contactform .category-subcategory {
    display: flex;
}

.block-contactform .category-subcategory .subcategory-form,
.block-contactform .category-subcategory .category-form {
    text-transform: lowercase;
    color: var(--wp--preset--color--dark-blue-third);
    font-size: 32px;
}

.block-contactform .category-subcategory .subcategory-form:first-letter,
.block-contactform .category-subcategory .category-form:first-letter {
    text-transform: uppercase;
}

.block-contactform .category-subcategory .category-form.active:after {
    content: "-";
    margin: 0 10px;
}
.block-contactform .loading-container.hidden,
.block-contactform #response_contact.hidden,
.block-contactform .text-step4-show,
.block-contactform .step.active-radios .radio-buttons-step4.hidden,
.block-contactform .text-step4-show-anonim,
.block-contactform .text-step3-show,
.block-contactform .text-step3-show-sesizare,
.block-contactform .step4-tab1,
.block-contactform .step4-tab2,
.block-contactform .step3-tab1,
.block-contactform .step3-tab2,
.block-contactform .step-nav.none,
.block-contactform .step-nav.step-nav3-anonim,
.block-contactform .step .radio-buttons-step3,
.block-contactform .step .radio-buttons-step4,
.block-contactform .interaction-box,
.block-contactform .success_contactform.hidden,
.block-contactform #CustomContactForm.hidden,
.block-contactform .step {
    display: none;

}

.block-contactform .text-step4-show.active,
.block-contactform .text-step4-show-anonim.active,
.block-contactform .text-step3-show.active,
.block-contactform .text-step3-show-sesizare.active,
.block-contactform .step4-tab1.active,
.block-contactform .step4-tab2.active,
.block-contactform .step3-tab1.active,
.block-contactform .step3-tab2.active,
.block-contactform .interaction-box.active,
.block-contactform .step.active {
    display: block;
}

.block-contactform .step.active-radios .radio-buttons-step3,
.block-contactform .step.active-radios .radio-buttons-step4,
.block-contactform .step-nav.step-nav3-anonim.active {
    display: flex;
}

.block-contactform .step-nav.step-nav3-anonim.active:after {
    display: none;
}

.block-contactform .interaction-box .title-category {
    color: var(--wp--preset--color--dark-blue);
    font-size: 32px;
    font-weight: 500;
    line-height: 1.5
}

.block-contactform .text-step {
    color: var(--wp--preset--color--dark-blue);
    font-size: 36px;
    line-height: 1.3;
    margin-bottom: 32px;
}

.block-contactform .global-button {
    position: relative;
    cursor: pointer;
}

.block-contactform .global-button.disabled {
    opacity: 0.5;
}

.icon-category img {
    width: 160px;
    height: 160px;
}

.block-contactform .interaction-contact,
.block-contactform .category-contact {
    display: flex;
    flex-wrap: wrap;
    gap: 64px;
    margin-bottom: 80px;
}

.block-contactform .interaction-contact {
    gap: 48px;
}

.block-contactform .interaction-box input,
.block-contactform .category-box input {
    display: none;
}

.block-contactform .category-contact .category-box {
    width: calc(25% - 48px);
    min-height: 350px;
    box-sizing: border-box;
}

.block-contactform .success_contactform h6 {
    margin-bottom: 32px;
}

.block-contactform .interaction-box {
    width: calc(20% - 40px);
    min-height: 208px;
    box-sizing: border-box;


}

.block-contactform .interaction-box label,
.block-contactform .category-box label {
    width: 100%;
    height: 100%;
    padding: 48px;
    display: block;
    box-sizing: border-box;
    border-radius: 24px;
    border: 2px solid var(--wp--preset--color--grey);
    background: var(--wp--preset--color--dirty-white);
    cursor: pointer;
}

.block-contactform .interaction-box label {
    padding: 32px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.block-contactform .interaction-box .interaction-imput[type="radio"]:checked+label,
.block-contactform .category-box .category-imput[type="radio"]:checked+label {
    background: var(--wp--preset--color--light-orange);
    border: 2px solid var(--wp--preset--color--light-orange);
}

.block-contactform .category-box .icon-title {
    display: flex;
    align-items: center;
    margin-bottom: 48px;
}

.block-contactform .category-box .icon-category {
    width: 160px;
    height: 160px;
    margin-right: 32px;
}

.block-contactform .category-box .icon-category img {
    width: 100%;
    height: auto;
}

.block-contactform .category-box .icon-title .title-category {
    color: var(--wp--preset--color--dark-blue);
    font-size: 40px;
    font-weight: 500;

}

.block-contactform .form-nav-buttons {
    display: flex;
    align-items: flex-start;
}

.block-contactform .form-nav-buttons .prev-button {
    margin-right: 48px;
}

.block-contactform .textarea-box,
.block-contactform .input-box {
    position: relative;
    margin-bottom: 32px;
}

.block-contactform .textarea-box label,
.block-contactform .input-box label {
    color: var(--wp--preset--color--dark-blue);
    font-size: 32px;
    display: block;
    font-weight: 500;
    margin-bottom: 16px;
}

.block-contactform .input-box input {
    border-radius: 40px;
    border: 2px solid var(--wp--preset--color--light-grey);
    background: var(--wp--preset--color--background);
    padding: 28px 40px;
    box-sizing: border-box;
    width: 100%;
    color: var(--wp--preset--color--dark-blue);
    font-size: 32px;
}
.block-contactform .success_contactform .succes-text{
    width: 54%;
    font-size: 40px;
}
.block-contactform .success_contactform .succes-text p,
.block-contactform .success_contactform .succes-text strong{
    display: inline;
}
.block-contactform .textarea-box textarea {
    border-radius: 40px;
    border: 2px solid var(--wp--preset--color--light-grey);
    background: var(--wp--preset--color--background);
    padding: 28px 40px;
    box-sizing: border-box;
    width: 100%;
    color: var(--wp--preset--color--dark-blue);
    font-size: 32px;
    height: 320px;
    resize: none;
    font-family: "PingLCG", sans-serif;

}

.block-contactform input.global-button {
    background: var(--wp--preset--color--background);
}

.block-contactform input.global-button:hover {
    background: var(--wp--preset--color--primary);
}

/*Radio*/
.block-contactform .radio-buttons {
    display: flex;
    gap: 80px;
    align-items: center;
    margin-bottom: 48px;
}

.block-contactform .radio-buttons [type="radio"]:checked,
.block-contactform .radio-buttons [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.block-contactform .radio-buttons [type="radio"]:checked+label,
.block-contactform .radio-buttons [type="radio"]:not(:checked)+label {
    font-size: 32px;
    position: relative;
    padding-left: 56px;
    cursor: pointer;
    line-height: 40px;
    display: inline-block;
    color: var(--wp--preset--color--dark-blue);
}

.block-contactform .radio-buttons [type="radio"]:checked+label:before,
.block-contactform .radio-buttons [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    border: 2px solid var(--wp--preset--color--grey);
    border-radius: 100%;
    background: #fff;
}

.block-contactform .radio-buttons [type="radio"]:checked+label:after,
.block-contactform .radio-buttons [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 22px;
    height: 22px;
    background: var(--wp--preset--color--primary);
    position: absolute;
    top: 8px;
    left: 8px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.block-contactform .radio-buttons [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.block-contactform .radio-buttons [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.block-contactform label.error,
.block-contactform #response_contact p.errormsg {
    color: #FF4B00;
}

.block-contactform #response_contact {
    margin-top: 48px;
}

/*Checkbox*/
.block-contactform .checkbox-buttons {
    margin-bottom: 48px;
}

.block-contactform .checkbox-buttons [type="checkbox"]:checked,
.block-contactform .checkbox-buttons [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.block-contactform .checkbox-buttons [type="checkbox"]:checked+label,
.block-contactform .checkbox-buttons [type="checkbox"]:not(:checked)+label {
    position: relative;
    padding-left: 56px;
    cursor: pointer;
    line-height: 40px;
    display: inline-block;
    color: var(--wp--preset--color--dark-blue);
}

.block-contactform .checkbox-buttons [type="checkbox"]:checked+label:before,
.block-contactform .checkbox-buttons [type="checkbox"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    border: 2px solid var(--wp--preset--color--grey);
    background: #fff;
    border-radius: 6px;
}

.block-contactform .checkbox-buttons [type="checkbox"]:checked+label:after,
.block-contactform .checkbox-buttons [type="checkbox"]:not(:checked)+label:after {
    content: '';
    width: 40px;
    height: 40px;
    background-color: var(--wp--preset--color--primary);
    background-image: url(../../assets/images/checked.svg);
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    border-radius: 6px;
}

.block-contactform .checkbox-buttons [type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.block-contactform .checkbox-buttons [type="checkbox"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*upload*/



.block-contactform .form__container {
    position: relative;
    width: 100%;
    height: 500px;
    border: 2px dashed var(--wp--preset--color--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--wp--preset--color--dark-blue);
    border-radius: 24px;
    font-size: 32px;
    margin-bottom: 10px;
    background: var(--wp--preset--color--dirty-white);
}

.block-contactform .text-upload {
    color: var(--wp--preset--color--dark-blue);
    font-size: 28px;
    line-height: 1.7;
    word-break: break-all;
}

.block-contactform .form__container .plus {
    background-image: url(../../assets/images/plus.svg);
    background-size: 28px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--wp--preset--color--background);
    width: 128px;
    height: 128px;
    border-radius: 100px;
    margin-bottom: 20px;
}

.block-contactform .form__container strong {
    font-size: 32px;
    color: var(--wp--preset--color--dark-blue);
    line-height: 1.5;
    font-weight: 400;
}

.block-contactform .form__container span {
    margin-bottom: 10px;
    display: block;
    font-size: 32px;
    color: var(--wp--preset--color--dark-blue);
    line-height: 1.5;
}

.block-contactform .upload-inside {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.block-contactform .form__container.active {
    background-color: rgba(192, 192, 192, 0.2);
}

.block-contactform .form__file {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
}

.block-contactform .delete-file {
    background-image: url(../../assets/images/trash.svg);
    background-repeat: no-repeat;
    background-size: cover;
    min-width: 48px;
    height: 48px;
    margin-left: 20px;
    cursor: pointer;
}

.block-contactform .form__files-container {
    display: flex;
    width: 100%;
    margin-top: 40px;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: flex-start;
    margin-bottom: 40px;
}

.block-contactform .document-text-after {
    color: var(--wp--preset--color--dark-blue-third);
    font-size: 32px;
    line-height: 1.5;
    margin-bottom: 32px;
}

.block-contactform .form__image-container {
    display: flex;
    align-items: center;
    width: 24%;
    min-width: 590px;
    border-radius: 24px;
    padding: 32px 48px;
    box-sizing: border-box;
    border: 2px solid var(--wp--preset--color--grey);
    background-color: var(--wp--preset--color--dirty-white);
    position: relative;
}


.block-contactform .form__image {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.block-contactform .success_contactform .success_contactform_buttons {
    margin-top: 80px;
}

/* TOOLTIP */
.block-contactform .tooltip-trigger {
    background-image: url(../../assets/images/tooltop.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 32px;
    height: 32px;
}

.block-contactform .tooltip {
    position: absolute;
    display: inline-block;
    cursor: pointer;
    top: 26px;
    right: 26px;
}

.block-contactform .input-box label .tooltip {
    position: relative;
    top: 0;
    right: 0;
}

.block-contactform .tooltip-content {
    visibility: hidden;
    width: 620px;
    background-color: var(--wp--preset--color--background);
    color: var(--wp--preset--color--dark-blue);
    border: 2px solid var(--wp--preset--color--grey);
    border-radius: 24px;
    padding: 16px 32px;
    position: absolute;
    z-index: 1;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
}

.block-contactform .tooltip-content p:last-of-type {
    margin-bottom: 0;
}

.block-contactform .tooltip-content::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent var(--wp--preset--color--background) transparent;
}

.block-contactform .tooltip:hover .tooltip-content {
    visibility: visible;
    opacity: 1;
    z-index: 10;
}

.block-contactform .mobile-upload-camera {
    display: none;
    position: relative;
}

@media only screen and (max-width: 3000px) {
    .block-contactform {
    }

    .block-contactform .form-title {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .block-contactform .steps-nav {
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-bottom: 1px solid var(--wp--preset--color--light-grey);
    }

    .block-contactform .steps-nav .step-nav .step-no {
        border-radius: 4px;
        border: 1px solid var(--wp--preset--color--grey);
        font-size: 16px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        margin-right: 8px;
    }

    .block-contactform .steps-nav .step-nav:after {
        width: 80px;
        height: 1px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .block-contactform .steps-nav .step-nav .step-text {
        font-size: 16px;
    }

    .block-contactform .category-subcategory {
        margin-bottom: 40px
    }

    .block-contactform .category-subcategory .subcategory-form,
    .block-contactform .category-subcategory .category-form {
        font-size: 16px;
    }

    .block-contactform .category-subcategory .category-form.active:after {
        margin: 0 5px;
    }

    .block-contactform .success_contactform .success_contactform_buttons {
        margin-top: 40px;
    }
    .block-contactform .success_contactform .succes-text{
        font-size: 20px;
    }
    .block-contactform .interaction-box .title-category {
        font-size: 16px;
    }

    .block-contactform .text-step {
        font-size: 18px;
        line-height: 1.3;
        margin-bottom: 16px;
    }

    .icon-category img {
        width: 80px;
        height: 80px;
    }

    .block-contactform .document-text-after {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .block-contactform .interaction-contact,
    .block-contactform .category-contact {
        gap: 32px;
        margin-bottom: 40px;
    }

    .block-contactform .interaction-contact {
        gap: 24px;
    }

    .block-contactform .category-contact .category-box {
        width: calc(25% - 24px);
        min-height: 175px;
    }

    .block-contactform .success_contactform h6 {
        margin-bottom: 16px;
    }

    .block-contactform .interaction-box {
        width: calc(20% - 20px);
        min-height: 104px;
    }

    .block-contactform .interaction-box label,
    .block-contactform .category-box label {
        padding: 24px;
        border-radius: 12px;
        border: 1px solid var(--wp--preset--color--grey);
    }

    .block-contactform .interaction-box label {
        padding: 16px 20px;
    }

    .block-contactform #response_contact {
        margin-top: 24px;
    }

    .block-contactform .interaction-box .interaction-imput[type="radio"]:checked+label,
    .block-contactform .category-box .category-imput[type="radio"]:checked+label {
        border: 1px solid var(--wp--preset--color--light-orange);
    }

    .block-contactform .category-box .icon-title {
        margin-bottom: 24px;
    }
    .block-contactform #contact_agree-error{
        font-size: 16px;
    }
    .block-contactform #contact_terms-error{
        font-size: 16px;
    }
    .block-contactform .category-box .icon-category {
        width: 80px;
        height: 80px;
        margin-right: 16px;
    }

    .block-contactform .category-box .icon-title .title-category {
        font-size: 20px;
    }

    .block-contactform .form-nav-buttons .prev-button {
        margin-right: 24px;
    }

    .block-contactform .textarea-box,
    .block-contactform .input-box {
        margin-bottom: 16px;
    }

    .block-contactform .textarea-box label,
    .block-contactform .input-box label {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .block-contactform .input-box input {
        border-radius: 20px;
        border: 1px solid var(--wp--preset--color--light-grey);
        padding: 14px 20px;
        font-size: 16px;
    }

    .block-contactform .textarea-box textarea {
        border-radius: 20px;
        border: 1px solid var(--wp--preset--color--light-grey);
        padding: 14px 20px;
        font-size: 16px;
        height: 160px;
    }

    /*Radio*/
    .block-contactform .radio-buttons {
        gap: 40px;
        margin-bottom: 24px;
    }

    .block-contactform .radio-buttons [type="radio"]:checked+label,
    .block-contactform .radio-buttons [type="radio"]:not(:checked)+label {
        font-size: 16px;
        padding-left: 28px;
        line-height: 20px;
    }

    .block-contactform .radio-buttons [type="radio"]:checked+label:before,
    .block-contactform .radio-buttons [type="radio"]:not(:checked)+label:before {
        width: 18px;
        height: 18px;
        border: 1px solid var(--wp--preset--color--grey);
    }

    .block-contactform .radio-buttons [type="radio"]:checked+label:after,
    .block-contactform .radio-buttons [type="radio"]:not(:checked)+label:after {
        width: 11px;
        height: 11px;
        top: 4px;
        left: 4px;
    }

    /*Checkbox*/
    .block-contactform .checkbox-buttons {
        margin-bottom: 24px;
    }

    .block-contactform .checkbox-buttons [type="checkbox"]:checked+label,
    .block-contactform .checkbox-buttons [type="checkbox"]:not(:checked)+label {
        padding-left: 28px;
        line-height: 20px;
    }

    .block-contactform .checkbox-buttons [type="checkbox"]:checked+label:before,
    .block-contactform .checkbox-buttons [type="checkbox"]:not(:checked)+label:before {
        width: 18px;
        height: 18px;
        border: 1px solid var(--wp--preset--color--grey);
        border-radius: 3px;
    }

    .block-contactform .checkbox-buttons [type="checkbox"]:checked+label:after,
    .block-contactform .checkbox-buttons [type="checkbox"]:not(:checked)+label:after {
        width: 20px;
        height: 20px;
        border-radius: 3px;
    }

    /*upload*/
    .block-contactform .form__container {
        height: 250px;
        border: 1px dashed var(--wp--preset--color--primary);
        border-radius: 12px;
        font-size: 16px;
        margin-bottom: 5px;
    }

    .block-contactform .text-upload {
        font-size: 14px;
    }

    .block-contactform .form__container .plus {
        background-size: 14px;
        width: 64px;
        height: 64px;
        border-radius: 50px;
        margin-bottom: 10px;
    }

    .block-contactform .form__container strong {
        font-size: 16px;
    }

    .block-contactform .form__container span {
        margin-bottom: 5px;
        font-size: 16px;
    }

    .block-contactform .delete-file {
        min-width: 24px;
        height: 24px;
        margin-left: 10px;
    }

    .block-contactform .form__files-container {
        margin-top: 20px;
        gap: 20px;
        margin-bottom: 20px;
    }

    .block-contactform .form__image-container {
        min-width: 295px;
        border-radius: 12px;
        padding: 16px 24px;
        border: 1px solid var(--wp--preset--color--grey);
    }

    /* TOOLTIP */
    .block-contactform .tooltip-trigger {
        width: 16px;
        height: 16px;
    }

    .block-contactform .tooltip {
        top: 13px;
        right: 13px;
    }

    .block-contactform .tooltip-content {
        width: 310px;
        border: 1px solid var(--wp--preset--color--grey);
        border-radius: 12px;
        padding: 8px 16px;
        top: calc(100% + 5px);
    }

    .block-contactform .tooltip-content::after {
        margin-left: -5px;
        border-width: 5px;
    }
}

@media only screen and (max-width: 1200px) {

    .block-contactform .steps-nav .step-nav {
        position: relative;
        flex: 0 0 25%;
    }

    .block-contactform .steps-nav {
        display: flex;
        width: 100%;
        position: relative;
    }

    .block-contactform .steps-nav .step-nav::after {
        width: 100%;
        height: 1px;
        margin-left: 0;
        margin-right: 0;
        position: absolute;
        bottom: -17px;
        opacity: 0;
    }

    .block-contactform .steps-nav .step-nav.active:after {
        opacity: 1;
    }

    .block-contactform .step-nav.step-nav3-anonim.active::after,
    .block-contactform .steps-nav .step-nav:last-of-type::after {
        display: block;
    }

    .block-contactform .category-contact .category-box {
        width: calc(50% - 24px);
    }

    .block-contactform .interaction-box {
        width: calc(33.333% - 20px);
    }

    .block-contactform .step3,
    .block-contactform .step4 {
        width: 100%;
    }
}

@media only screen and (max-width: 800px) {
    .block-contactform .mobile-upload-camera {

    }

    .block-contactform .steps-nav .step-nav .step-text,
    .block-contactform .step-nav.step-nav3-anonim.active::after,
    .block-contactform .steps-nav .step-nav:last-of-type::after,
    .block-contactform .steps-nav .step-nav::after {
        display: none;
    }

    .block-contactform .steps-nav .step-nav.active-step .step-text {
        display: block;
        margin-right: 10px;
        font-size: 13px;
    }

    .block-contactform .steps-nav {
        justify-content: space-between;
    }

    .block-contactform .steps-nav .step-nav {
        flex: initial;
    }

    .block-contactform .category-contact .category-box {
        width: 100%;
    }

    .block-contactform .interaction-box {
        width: 100%;
        min-height: auto;
    }
    .block-contactform .success_contactform .succes-text{
        width: 100%;
    }
    .block-contactform .interaction-box label {
        padding: 16px 36px 16px 20px;
    }

    .block-contactform .form-nav-buttons {
        align-items: inherit;
        flex-direction: column;
        width: 100%;
    }
    .block-contactform .tooltip:hover .tooltip-content{
        left: -150px;
    }
    .block-contactform .form-nav-buttons .prev-button {
        margin-right: 0px;
        margin-bottom: 24px;
    }

    .block-contactform .category-subcategory {
        flex-direction: column;
    }

    .block-contactform .category-subcategory .category-form.active::after {
        display: none;
    }

    .block-contactform .step.active-radios .radio-buttons-step3,
    .block-contactform .step.active-radios .radio-buttons-step4 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .block-contactform .radio-buttons {
        gap: 10px;
    }

    .block-contactform .form__container span,
    .block-contactform .form__container .plus,
    .block-contactform .form__container strong {
        display: none;
    }

    .block-contactform .upload-box {
        min-height: 150px;
        border: 1px dashed var(--wp--preset--color--primary);
        border-radius: 12px;
        font-size: 16px;
        margin-bottom: 5px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .block-contactform .form__container {
        height: auto;
        border: none;
        border-radius: none;
        font-size: 16px;
        margin-bottom: 0;
    }

    .block-contactform .form__image-container {
        min-width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
    }

    .block-contactform .form__container {
        background: none;
    }
}