/*==================================================
QUOTE PAGE
==================================================*/


/*==================================================
Quote Hero
==================================================*/

.quote-hero{

    background:
        linear-gradient(
            rgba(91,44,131,.92),
            rgba(91,44,131,.92)
        ),
        url("../images/quote/quote-banner.jpg")
        center center / cover;

    color:#fff;

    padding:120px 0 100px;

}

.quote-hero h1{

    color:#fff;

    font-size:56px;

    font-weight:800;

}

.quote-hero p,
.quote-hero .lead{

    color:#fff !important;

    font-size:1.2rem;

    line-height:1.9;

}

.quote-hero .text-warning{

    color:var(--gold-light) !important;

}


/*==================================================
Quote Wizard
==================================================*/

.quote-wizard{

    background:#fff;

}

.quote-card{

    background:#fff;

    border-radius:20px;

    padding:40px;

    box-shadow:var(--shadow-lg);

}


/*==================================================
Progress Bar
==================================================*/

.wizard-progress{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:50px;

    position:relative;

}

.wizard-progress::before{

    content:"";

    position:absolute;

    left:0;

    top:20px;

    width:100%;

    height:4px;

    background:#e9ecef;

    z-index:0;

}

.wizard-step{

    position:relative;

    z-index:1;

    text-align:center;

    flex:1;

}

.wizard-step-circle{

    width:42px;

    height:42px;

    border-radius:50%;

    background:#ddd;

    color:#666;

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:700;

    transition:var(--transition);

}

.wizard-step.active .wizard-step-circle{

    background:var(--primary);

    color:#fff;

}

.wizard-step.completed .wizard-step-circle{

    background:var(--gold);

    color:#fff;

}

.wizard-step-title{

    margin-top:12px;

    font-size:.9rem;

    font-weight:600;

}


/*==================================================
Wizard Pages
==================================================*/

.wizard-page{

    display:none;

}

.wizard-page.active{

    display:block;

}


/*==================================================
Upload Area
==================================================*/

.upload-area{

    border:2px dashed var(--primary);

    border-radius:18px;

    padding:50px;

    text-align:center;

    cursor:pointer;

    transition:var(--transition);

}

.upload-area:hover{

    background:#faf8fd;

}

.upload-area i{

    font-size:56px;

    color:var(--primary);

    margin-bottom:20px;

}

.upload-area p{

    margin-bottom:0;

}


/*==================================================
Uploaded Files
==================================================*/

.upload-list{

    margin-top:25px;

}

.upload-item{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:12px 16px;

    background:#f8f9fa;

    border-radius:10px;

    margin-bottom:10px;

}


/*==================================================
Review Section
==================================================*/

.review-table{

    width:100%;

}

.review-table th{

    color:var(--primary);

    width:35%;

    padding:12px;

}

.review-table td{

    padding:12px;

}


/*==================================================
Wizard Navigation
==================================================*/

.wizard-actions{

    display:flex;

    justify-content:space-between;

    margin-top:40px;

}


/*==================================================
Success Message
==================================================*/

.quote-success{

    text-align:center;

    padding:60px 20px;

}

.quote-success i{

    font-size:72px;

    color:#28a745;

    margin-bottom:25px;

}

.quote-success h2{

    color:var(--primary);

}

.quote-success p{

    max-width:600px;

    margin:auto;

}


/*==================================================
Validation
==================================================*/

.is-invalid{

    border-color:#dc3545 !important;

}

.error-text{

    color:#dc3545;

    font-size:.875rem;

    margin-top:6px;

}


/*==================================================
Animations
==================================================*/

.quote-card,
.upload-area{

    animation:fadeUp .8s ease;

}