.form .wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: var(--gap-m);
}

.form-section-title {
    font-family: var(--font-extra-bold);
    text-transform: uppercase;
    font-size: var(--font-btn);
}

.form-nav {
    display: flex;
    justify-content: center;
    height: 100%;
    margin-bottom: 60px;
}

.form-container {
    position: relative;
}

.tab-active-indicator {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    transform: translate(7px, -50%);
    transition: transform 0.3s ease;
    width: 0;
    height: 100%;
    color: var(--third-color);
    opacity: 1;
    border-radius: 800px;
    background-color: var(--second-color);
    animation: switch-appear .3s;
}

.form-tabs {
    display: flex;
    padding: 6px;
    max-width: max-content;
    border-radius: calc(var(--radius-cta) + 5px);
    border: solid 1px #CCCCCC;
}

.tab-item {
    list-style: none;
    display: flex;
}

.tab-link {
    user-select: none;
    transition: color .3s;
    text-decoration: none;
    padding: 9.5px 21px;
    border-radius: calc(var(--radius-clasic) + 5px);
    cursor: pointer;
    color: #C8091180;
}

.tab-link.active {
    color: var(--third-color);
}

.form br {
    display: none;
}

.form p {
    display: flex;
    flex-direction: column;
}

.form label {
    margin-bottom: 5px;
}

.form .wpcf7-list-item-label {
    font-family: var(--font-italic);
    color: #013B5C;
}

.form .wpcf7-list-item {
    margin: 0 0 18px 1em;
}

.form input[type="checkbox"] {
    border: solid 1px #C809114A;
    background-color: #C8091105;
}

.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form select,
.form textarea {
    text-decoration: none;
    padding: 16px 25px;
    color: #c80913;
    border-bottom: 3px solid #C809114A;
    border-top: none;
    border-right: none;
    border-left: none;
    cursor: pointer;
    background-color: #C8091108;
    width: 100%;
}

.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form select:focus,
.form textarea:focus {
    text-decoration: none;
    padding: 16px 25px;
    color: #c80913;
    border-color: #c80913 !important;
    border-bottom: 3px solid #C809114A;
    outline: none;
    border-top: none;
    border-right: none;
    border-left: none;
    cursor: pointer;
    background-color: #C8091108;
}

.form .wpcf7-form input[type="text"]::placeholder,
.form .wpcf7-form input[type="email"]::placeholder,
.form .wpcf7-form input[type="tel"]::placeholder,
.form .wpcf7-form textarea::placeholder {
    color: #C8091180;
}

.form-container-name {
    display: flex;
    gap: var(--gap-xs);
}

.form-container-name>* {
    flex: 1;
}

.form-section:not(:only-child) {
    display: none;
}

.form-section:target {
    display: block;
}

.form .btn-container {
    display: flex;
    justify-content: flex-end;
}

.form .primary-cta {
    gap: 10px;
}

.form .primary-cta::after {
    content: url(/wp-content/themes/webline/assets/arrow.svg);
    transition: transform 0.3s ease;
}

@keyframes switch-appear {
    from {
        opacity: 0;
        transform: translate(7px, -40%);
    }
}

@media (max-width: 568px) {
    .form-container-name {
        flex-direction: column;
    }
}

/* || Gravity */
.gfield,
.gform_wrapper.gravity-theme fieldset.gfield {
    margin-top: var(--gap-m);
}

.gform_wrapper.gravity-theme p {
    display: block;
}

.gform_wrapper.gravity-theme label.gfield_label,
.gform_wrapper.gravity-theme div .gfield-choice-input+label,
.gform_wrapper.gravity-theme legend.gfield_label {
    font-size: var(--font-text);
    font-family: var(--font-regular);
    line-height: 110%;
    max-width: initial;
}

.gform_wrapper.gravity-theme div .ginput_container input {
    padding: 16px 25px;
    font-size: var(--font-text);
}

.gfield_radio {
    display: flex;
    gap: var(--gap-xs);
}

.gform_wrapper.gravity-theme input[type="radio"].gfield-choice-input,
.gform_wrapper.gravity-theme .gchoice_other_control {
    display: none;
}

.gfield_radio label {
    border: 1px solid #C809114A;
    padding: 3px 10px;
    border-radius: 3px;
    background-color: #C8091108;
    color: #c80913;
    transition: color .3s;
}

.gfield_radio input:checked + label {
    background-color: #C809114A;
    color: white;
}

.gfield_radio input:checked ~ .gchoice_other_control {
    display: block;
}

.container-primary-cta {
    display: flex;
    justify-content: flex-end;
}

#gform_submit_button_2 {
    display: none;
}