.flex-row {
    display: flex;
    flex-direction: row;
    /* flex-wrap: wrap; */
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}

.flex-col-2 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 4rem;
}

.flex-col {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1rem;
}

.flex-row div:nth-child(n):has(input, select) {
    flex: 1;
}

.flex2x1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 2rem;
}

.justify-left {
    justify-content: left;
}

.justify-center {
    justify-content: center;
}

.justify-start {
    justify-content: start;
}

.flex-grow-half {
    flex-grow: .49276 !important;
}

.m-auto {
    margin: auto;
}

.m-left {
    margin: 0 0 0 auto;
}

.gray {
    color: gray;
}

.bg-gray {
    background: rgba(135, 135, 135, 0.079);
}

.w-100 {
    width: 100%;
}

.test {
    width: 100%;
}

.flex {
    display: flex;
}

.mt-5 {
    margin: 5rem 0 0 0;
}

.text-center {
    text-align: center;
}

.min-h-10 {
    min-height: 10rem;
}

.dumbInput {
    border: none !important;
    width: 85% !important;
}

.iconized {
    border: 1px solid black;
}

.border-black {
    border: 1px solid black;
}

.top-h {
    margin: -4rem auto 2.5rem auto !important;
}

.top-p {
    margin: -1rem auto 4rem auto !important;
}

.iconized-2x1>span:nth-child(1) {
    width: 75% !important;
}

.show-label {
    transform: translateY(30%) scale(.9) !important;
}

.iconization {
    max-height: 56px;
}

.iconization:focus-within label {
    transform: translateY(30%) scale(.9);
}

.hide-label {
    display: none;
}

.contactform__services .contactform__field.cfRodo {
    max-width: none;
}

.tooltip, .tooltip-toLeft {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    height: 2.5rem;
    width: 2.5rem;
    padding: .5rem;
    border: 1px solid #0c276c;
    border-radius: 50%;
    z-index: 9;
    margin: 10px;
}

.tooltip::before, .tooltip-toLeft::before {
    content: attr(data-tooltip);
    background: #0c276c;
    color: white;
    text-align: left;
    padding: 1.5rem;
    position: absolute;
    z-index: 9;
    width: 15rem;
    min-height: 7.5rem;
    font-size: clamp(1rem, 1vw, 1.5rem);
    opacity: 0;
    pointer-events: none;
    touch-action: none;
    transition: opacity 0.3s;
    left: 100%;
    top: -50%;
    right: 0;

}
.tooltip-toLeft::before{
left: initial;
right: 100%;
}
.tooltip:hover::before, .tooltip-toLeft:hover::before
{
    opacity: 1;
}
.tooltip::before:hover, .tooltip-toLeft::before:hover{
    opacity: 1;
}
.form-bg {
    padding: 100px 50px;
    background: #f3f3f3;
}

.upload-text {
    font-size: 1.85rem;
}

.mb-1 {
    margin: 0 0 1rem 0;
}

/* Override */
.codedropz-upload-inner {
    display: flex;
    flex-direction: column-reverse;
}

.codedropz-upload-inner>h3,
.codedropz-upload-inner>div>a {
    ---upload--btn-width: clamp(15rem, 25vw, 30rem);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: var(---upload--btn-width);
    font-size: 1.6rem;
    margin: auto;
}
.codedropz-upload-inner>h3:is(h3){
    left: 50%;
    transform: translateX(-50%);
    font-size: 20px;
}

.codedropz-upload-inner>div>a {
    cursor: pointer;
    height: 5rem;
    background: #8bd30f;
    color: white;
}
.codedropz-upload-container{
    background: rgb(211, 211, 211) !important;
}
.malfunction-description {
    min-height: 12rem;
}

.calendar {
    position: relative;
}

.calendar::before {
    content: '';
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    background: url("./images/calendar-icon.png") no-repeat;
    background-position: 50% 50%;
    z-index: 8;
    right: 0;
    top: 1.2rem;
    z-index: 8;
    pointer-events: none;
    touch-action: none;
    padding: 0 .5rem 0 0;
}

.contactform__services .contactform__field>label,
.serial-default {
    position: absolute;
    /* width: 100%; */
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    bottom: 100%;
    left: 0;
    z-index: 1;
    opacity: 1;
    -webkit-transition: .2s transform;
    transition: .2s transform;
    color: #323639;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    align-content: center;
}

.contactform__field label.show {
    -webkit-transform: translateY(30%) scale(0.9);
    transform: translateY(30%) scale(0.9);
}

.gap-3 {
    gap: 3rem;
}

.gap-0 {
    gap: 0;
}

.max-w-60 {
    max-width: 60rem;
}

.text-overflow {
    overflow-wrap: break-word;
    margin: 1rem 0;
}

.min-h-20 {
    min-height: 20rem;
}

.disabled {
    pointer-events: none;
    touch-action: none;
    background: rgba(135, 135, 135, 0.079) !important;
}

.formSubject {
    display: none;
}
.contactform__field{
    width: 100%;
    
}
.exclusive-border{
    border: 1px solid #0c276c;
}
.contactform__field:not(:nth-child(n):has(.wpcf7-acceptance)) {
    border: 1px solid #0c276c;
}
.clause{
    font-size: 1.2rem;
    color: #585b5c;
    width: 100%;
    max-width: 1304px;
    margin: 0 auto;
}
.not--valid-input {
    border-color: #d21c1c !important;
}

.border-default {
    border: 1px solid #0c276c;
}

.border-none:is(select, option) {
    border: none !important;
}

.br-w-2 {
    border-width: 2px !important;
}

.disabled-default-bg {
    background: initial !important;
}
.d-grid-1{
    display: grid;
    grid-template-columns: 1;
    gap: 20px;
}
.d-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.bg-light-gray{
    background: rgb(211, 211, 211);
}

@media screen and (max-width: 550px) {
    .form-bg{
        padding: 75px 20px;
    }
    .d-grid-2 {
        grid-template-columns: 1fr;
    }
    .contactform__container, .flex-col-2{
        gap: 25px;
    }

    .media--500-fontSize {
        /* font-size: 1.2rem !important; */
        line-height: 1 !important;
        /* padding: .75rem !important; */

    }

    .tooltip::before, .tooltip-toLeft::before {
        /* font-size: clamp(1.2rem, 1vw, 2rem); */
        top: 175%;
        right: 50%;
        left: -50%;
        transform: translateX(-50%);
    }
    .tooltip-toLeft::before{
    top: 70%;
    }
    .override--upload-container>span[data-name="files"] {
        max-width: 100%;
    }
}