.cc-wrapper{
max-width:700px;
margin:40px auto;
background:#fff;
border-radius:22px;
padding:30px;
box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.cc-step h2{
font-size:34px;
font-weight:700;
color:#1f2937;
margin-bottom:20px;
}

#whatsapp,
.cc-wrapper select{
width:100%;
height:58px;
border:2px solid #e5e7eb;
border-radius:14px;
padding:0 18px;
font-size:16px;
background:#fff;
transition:.3s;
}

#whatsapp:focus,
.cc-wrapper select:focus{
border-color:#22c55e;
box-shadow:0 0 0 4px rgba(34,197,94,.12);
}

.cc-info-box{
background:#ecfdf5;
border-left:5px solid #22c55e;
border-radius:14px;
padding:15px;
margin-top:15px;
color:#374151;
line-height:1.8;
}

.cc-next{
background:#22c55e;
color:#fff;
border:none;
    padding: 18px 40px;
border-radius:12px;
font-size:17px;
font-weight:600;
transition:.3s;
}
.medical-next{
    background:#22c55e;
color:#fff;
border:none;
    padding: 18px 40px;
border-radius:12px;
font-size:17px;
font-weight:600;
transition:.3s;
}
.medical-prev{
    background:#f3f4f6;
color:#374151;
border:none;
padding:14px 30px;
border-radius:12px;
}
.cc-next:hover{
background:#16a34a;
transform:translateY(-2px);
}

.cc-prev{
background:#f3f4f6;
color:#374151;
border:none;
padding:14px 30px;
border-radius:12px;
}

.pay-btn{
width:100%;
background:linear-gradient(135deg,#ff7a00,#ff4d00);
color:#fff;
border:none;
border-radius:14px;
padding:18px;
font-size:18px;
font-weight:700;
}

.cc-progress{
height:12px;
background:#e5e7eb;
border-radius:20px;
overflow:hidden;
margin-bottom:25px;
}

.cc-bar{
background:linear-gradient(90deg,#22c55e,#16a34a);
height:100%;
transition:.4s;
}

.coupon-btn{
width:100%;
background:linear-gradient(135deg,#ff9800,#ff5722);
color:#fff;
border:none;
border-radius:14px;
padding:18px;
font-size:18px;
font-weight:700;
}

.offer-timer-box{
background:#fff5f5;
border:2px solid #fecaca;
color:#dc2626;
text-align:center;
border-radius:14px;
padding:15px;
margin:20px 0;
}

#offerTimer{
display:block;
font-size:28px;
font-weight:800;
}

.cc-next{
        animation: rainbowButton 6s infinite linear;
}

@keyframes rainbowButton{

    0%{
        background:#ff4757;
    }

    10%{
        background:#ff6b81;
    }

    20%{
        background:#ff7f50;
    }

    30%{
        background:#ffa502;
    }

    40%{
        background:#2ed573;
    }

    50%{
        background:#1e90ff;
    }

    60%{
        background:#3742fa;
    }

    70%{
        background:#5352ed;
    }

    80%{
        background:#a55eea;
    }

    90%{
        background:#e84393;
    }

    100%{
        background:#ff4757;
    }
}



.cc-step input,
.cc-step select{
    margin-bottom:25px !important;
}

.cc-info-box{
    margin-bottom:25px !important;
}

.cc-next,
.cc-prev{
    margin-top:10px;
}

.coupon-text{
    background:#f8fafc;
    border-left:5px solid #ff6b00;
    border-radius:15px;
    padding:20px;
    line-height:1.9;
    font-size:18px;
    font-weight:500;
    margin-top:20px;
    margin-bottom:25px;
}

.coupon-text strong{
    color:#ff6b00;
}


.terms-box{
    background:#f8fafc;
    border-radius:18px;
    padding:25px;
    border:1px solid #e5e7eb;
}

.terms-box p{
    margin-bottom:18px;
    font-size:18px;
    line-height:1.8;
}

.terms-box p strong{
    color:#ff6b00;
}



.accept-box{
    display:flex;
    align-items:flex-start;
    gap:12px;
    line-height:1.8;
    font-size:17px;
}

.accept-box input{
    margin-top:6px;
}


.pay-btn{
    background:linear-gradient(135deg,#ff6b00,#ff4500);
    border-radius:15px;
    height:65px;
    font-size:20px;
    font-weight:700;
}



@media (max-width: 768px){

    .cc-wrapper{
        padding:20px;
        margin:15px;
    }

    .cc-step h2{
        font-size: 30px;
        line-height:1.3;
    }

    .coupon-text{
        font-size:15px;
        line-height:1.7;
        padding:15px;
    }

    .terms-box p{
        font-size:15px;
        line-height:1.7;
        margin-bottom:12px;
    }

    .accept-box{
        font-size:14px;
        line-height:1.6;
    }

    .cc-next,
    .cc-prev{
        padding:14px 22px;
        font-size:15px;
    }

    .pay-btn{
        height:58px;
        font-size:16px;
    }

    #offerTimer{
        font-size:22px;
    }

    .offer-timer-box{
        font-size:15px;
    }

    #whatsapp,
    .cc-wrapper select{
        height:52px;
        font-size:15px;
    }

    .cc-info-box{
        font-size:14px;
        line-height:1.6;
    }
}


.cc-step-count{
    text-align:center;
    font-size:16px;
    font-weight:700;
    color:#22c55e;
    margin-bottom:20px;
    letter-spacing:.5px;
}

#currentStep{
    color:#ff6b00;
    font-size:18px;
}




.simple-text{
    text-align: center;
    font-size: 22px;
    font-family: Arial, sans-serif;
    color: #333;
    margin: 0;
}

.order-note{
    background:#f8fff4;
    border:1px solid #cfe9c9;
    border-left:5px solid #28a745;
    padding:15px 18px;
    border-radius:8px;
    font-family:Arial, sans-serif;
    line-height:1.6;
    color:#333;
    font-size:15px;
}

.order-note p{
    margin:8px 0;
}

.payment{
    color:#1d7a35;
    font-weight:600;
}

.note{
    color:#444;
}






.price-box{
    background:#f8fff8;
    border:1px solid #d8e9d8;
    border-left:5px solid #28a745;
    border-radius:10px;
    padding:18px;
    font-family:Arial,sans-serif;
    line-height:1.7;
    color:#333;
}

.price{
    font-size:18px;
    font-weight:600;
    margin-bottom:12px;
}

.price small{
    color:#666;
    font-size:13px;
}

.offer{
    background:#fff7e6;
    color:#d97706;
    padding:10px 12px;
    border-radius:6px;
    font-weight:600;
    margin-bottom:10px;
}

.benefit{
    color:#0f8a5f;
    font-weight:600;
}