/* Hide all steps except active */
#cf7-lead-form .form-step{
    display:none;
    animation:fade .35s ease;
}

#cf7-lead-form .form-step.active{
    display:block;
}

/* Progress Bar */

.progress-wrap{
    width:100%;
    height:8px;
    background:#ececec;
    border-radius:100px;
    margin-bottom:40px;
    overflow:hidden;
}

.progress-bar{
    width:12.5%;
    height:100%;
    background:#347ef9;
    transition:.35s;
}

/* Titles */

#cf7-lead-form h2{
    font-size:34px;
    font-weight:700;
    margin-bottom:10px;
    color:#111827;
}

#cf7-lead-form p{
    color:#6b7280;
    margin-bottom:30px;
}

/* Card Grid */

.card-checkbox{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:10px;
    margin-bottom:30px;
}

.card-checkbox .wpcf7-list-item{
    margin:0;
}

.card-checkbox label{

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    min-height:120px;

    padding:20px;

    border:2px solid #ffffff;

    border-radius:5px;

    cursor:pointer;

    transition:.25s;

    background:white;

    text-align:center;

}

.card-checkbox input{

    display:none;

}

.card-checkbox label:hover{

    border-color:#347ef9;

    transform:translateY(-3px);

}

.card-checkbox label:has(input:checked) {
    border: 2px solid #347ef9;
    background: #eef2ff;
}

.card-checkbox label:has(input:checked) span {
    color: #347ef9;
    font-weight: 700;
}

.option-card.selected:after{

    content:"✓";

    position:absolute;

    top:10px;
    right:10px;

    width:28px;
    height:28px;

    border-radius:50%;

    background:#5b6cff;

    color:white;

    display:flex;

    justify-content:center;

    align-items:center;

    font-weight:bold;

}

/* Inputs */

#cf7-lead-form input[type=text],
#cf7-lead-form input[type=email],
#cf7-lead-form input[type=url],
#cf7-lead-form input[type=tel],
#cf7-lead-form textarea{

    width:100%;
    padding:18px;

    border-radius:5px;

    border:0px solid #E5E7EB;

    font-size:17px;

    margin-bottom:30px;

}

#cf7-lead-form textarea{

    min-height:180px;

}

/* Buttons */

.wizard-buttons{

    display:flex;

    justify-content:space-between;

    gap:15px;

}

.next-step,
.prev-step,
.wpcf7-submit{

    padding:15px 34px;

    border:none;

    border-radius:5px;

    cursor:pointer;

    font-size:16px;

    font-weight:600;

}

.next-step,
.wpcf7-submit{

    background:#347ef9;

    color:white;

}

.prev-step{

    background:#347ef9;

	    color:white;
	
}

/* Animation */

@keyframes fade{

    from{

        opacity:0;
        transform:translateY(15px);

    }

    to{

        opacity:1;
        transform:none;

    }

}


/* Online */
.form-step.active .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label::before{
    content:"";
    display:block;
    width:40px;
    height:40px;
    margin:0 auto 10px;

    background-image:url("https://mcdanielmarketingva.com/wp-content/uploads/2026/07/Online-1.svg");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}


/* Brick & Mortar */
.form-step.active .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before{
    content:"";
    display:block;
    width:40px;
    height:40px;
    margin:0 auto 10px;

    background-image:url("https://mcdanielmarketingva.com/wp-content/uploads/2026/07/Brick-and-Mortar-Store.svg");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}


/* Service Based */
.form-step.active .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::before{
    content:"";
    display:block;
    width:40px;
    height:40px;
    margin:0 auto 10px;

    background-image:url("https://mcdanielmarketingva.com/wp-content/uploads/2026/07/Service.svg");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}


/* Other */
.form-step.active .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label::before{
    content:"";
    display:block;
    width:40px;
    height:40px;
    margin:0 auto 10px;

    background-image:url("https://mcdanielmarketingva.com/wp-content/uploads/2026/07/Other.svg");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}

.custom-success-message {
    display: none;
    text-align: center;
    padding: 50px 20px;
}

.custom-success-message h2 {
    font-size: 36px;
    margin-bottom: 15px;
    color: #111827;
}

.custom-success-message p {
    font-size: 18px;
    color: #6b7280;
}

.wpcf7-response-output {
    display: none !important;
}

/* Required text fields */

.field-error {
    border: 2px solid #ef4444 !important;
}

/* Checkbox question error */

.wpcf7-validates-as-required.field-error {
    border: 2px solid #ef4444 !important;
    border-radius: 8px;
    padding: 10px;
}

.wpcf7 form.sent > *:not(.wpcf7-response-output) {
    display: none !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    display: block !important;
    margin: 0 !important;
    padding: 20px !important;
    background: #f2f6ff;
    border: 1px solid #347ef9;
    border-radius: 8px;
    color: #1e293b;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}