.cps-form { max-width:940px;margin:18px auto;background:#fff;border-radius:12px;padding:22px;box-shadow:0 10px 30px rgba(11,22,39,0.06);}
.cps-form h3{margin:0 0 14px;font-size:22px;color:#222}
.cps-grid{gap:18px;flex-wrap:wrap}
.cps-col{flex:1 1 320px;min-width:260px}
.cps-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.cps-row select,.cps-row input{flex:1 1 220px;padding:10px;border:1px solid #e6e9ee;border-radius:8px;font-size:14px}
.cps-btn{background:#0073aa;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}
.cps-alert{padding:12px 16px;border-radius:8px;margin-bottom:14px}
@media(min-width:767px){
.cps-col .item {
    float: right;
	width: 30%;
    margin-left: 3%;
}
}
@media(max-width:1024px){

.cps-plan-card {width: calc(50% - 10px) !important;}
}
@media(max-width:500px){

.cps-plan-card {width: calc(100% - 10px) !important;}
}
.cps-plan-cards{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}

.cps-col.plans {
    margin-top: 30px;
    display: inline-block;
}
.cps-success{background:#e6ffef;border:1px solid #7ee0a3;color:#064b2a}
.cps-error{background:#fff0f0;border:1px solid #f1a2a2;color:#7a1b1b}
.cps-summary{background:#fbfbfb;padding:12px;border-radius:8px;border:1px solid #eee;margin-top:12px}

.cps-plan-card{ width: calc(25% - 10px);border:1px solid #e9eef3;border-radius:10px;padding:20px;background:#fff;cursor:pointer;transition:all .15s;text-align:center;}
.cps-plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(11,22,39,0.06)}
.cps-plan-card.selected{background: linear-gradient(165deg, #3cb9f0, #0086ce);
    border-color: #0073aa;
    box-shadow: 0 6px 20px rgba(0, 115, 170, 0.25);
}
.selected .cps-plan-meta, .selected h4 {
    color: #ffffff !important;
}
.cps-plan-card h4{margin:0 0 8px;font-size:16px}
.cps-plan-meta{font-size:13px;color:#666;margin-bottom:8px}
.cps-plan-suboptions{margin-top:10px}
.label-muted { font-size: 13px; color: #121212; margin-bottom: 6px; display: block; font-weight: bold; }
.small{font-size:13px;color:#444}
.cps-confirm-box{padding:14px;border-radius:10px;border:1px solid #eaeef3;background:#f9fcff;max-width: 500px;margin: 20px auto;}
.cps-total{font-size:18px;font-weight:700;color:#0b3060}
select {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-radius: 10px;
    padding: 10px;
    background-color: transparent;
    border: 1px solid #cacaca;
    color: #1f2124;
    width: 100%;
}
.cps-form input {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #69727d;
    color: #1f2124;
    flex-grow: 1;
    max-width: 100%;
}.cps-plan-suboptions-box{
    display:flex;
    gap:12px;
    margin-top:12px;
}

.cps-sub-card{
    flex:1;
    padding:14px;
    background:#fff;
    border:1px solid #dce3ea;
    border-radius:10px;
    cursor:pointer;
    transition:0.15s;
    text-align:center;
}
.cps-sub-card:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 20px rgba(0,0,0,0.06);
}
.cps-sub-card.selected{
    border-color:#0073aa;
    box-shadow:0 8px 24px rgba(0,115,170,0.20);
	background: #ffffff linear-gradient(193deg, #ddf4fd, #c8efff) repeat-x;
}

.cps-sub-card .sub-title{
    font-size:15px;
    font-weight:600;
    color:#222;
    margin-bottom:6px;
}

.cps-sub-card .sub-price{
    font-size:14px;
    font-weight:700;
    color:#444;
}