/*
=========================================
Scitec Smart Checkout
=========================================
*/

#ssc-checkout{
    max-width:1200px;
    margin:40px auto;
}

/*-----------------------------------
Progress
-----------------------------------*/

.ssc-progress{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:40px;
    margin-bottom:40px;
}

.ssc-progress-item{
    text-align:center;
    opacity:.35;
    transition:.3s;
}

.ssc-progress-item.active{
    opacity:1;
}

.ssc-progress-item span{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#ececec;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    font-weight:700;
}

.ssc-progress-item.active span{
    background:#000;
    color:#fff;
}

.ssc-progress-item label{
    display:block;
    margin-top:10px;
    font-size:14px;
}

/*-----------------------------------
Steps
-----------------------------------*/

.ssc-step{
    display:none;
}

.ssc-step.active{
    display:block;
}

/*-----------------------------------
Email Step
-----------------------------------*/

.ssc-box{

    max-width:500px;
    margin:auto;

    padding:40px;

    border:1px solid #e5e5e5;

    border-radius:12px;

    background:#fff;

}

.ssc-box h2{

    margin:0 0 15px;

}

.ssc-box p{

    margin-bottom:25px;

    color:#666;

}

#ssc-email{

    width:100%;

    height:52px;

    border:1px solid #ddd;

    padding:0 15px;

    border-radius:6px;

    margin-bottom:20px;

    font-size:16px;

}

.ssc-next-step,
.ssc-prev-step{

    width:100%;

    height:52px;

    border:none;

    background:#111;

    color:#fff;

    cursor:pointer;

    border-radius:6px;

    font-size:16px;

}

.ssc-prev-step{

    background:#777;

}

/*-----------------------------------
Checkout
-----------------------------------*/

.ssc-step-2 .woocommerce{

    margin-top:30px;

}

.ssc-footer{

    margin-top:30px;

}

/*-----------------------------------
Payment Step
-----------------------------------*/

.ssc-payment-placeholder{

    border:1px solid #eee;

    padding:30px;

    border-radius:10px;

}

/*-----------------------------------
Woo Layout
-----------------------------------*/

.ssc-step-2 form.checkout{

    display:grid;

    grid-template-columns:1fr 420px;

    gap:40px;

}

.ssc-step-2 #customer_details{

    width:100%;

}

.ssc-step-2 #order_review_heading{

    margin-top:0;

}

.ssc-step-2 #order_review{

    width:100%;

}

#payment{
    display:none;
}

.ssc-step-3 #payment{
    display:block !important;
}

/*-----------------------------------
Responsive
-----------------------------------*/

@media(max-width:991px){

.ssc-step-2 form.checkout{

grid-template-columns:1fr;

}

.ssc-progress{

gap:15px;

}

.ssc-progress-item label{

font-size:12px;

}

}

#ssc-checkout-wrapper{

    margin-top:30px;

}

#ssc-email-step{

    margin-bottom:40px;

}

.ssc-payment-footer{

    margin-top:30px;

}

#ssc-payment-next{

    width:100%;

    height:52px;

    border:none;

    background:#111;

    color:#fff;

    border-radius:6px;

    cursor:pointer;

}