.cost-banner{padding:117px 0 80px;min-height:initial;background:linear-gradient(180deg,#211f47 0,#05164d 100%)!important;text-align:center}
.cost-banner p{margin-top:20px;line-height:30px;color:rgba(252,252,252,.87);font-size:18px;font-weight:400}
.vc-cost-calc{background:#fff6e5;padding:25px 0}
.cost-wrap{display:flex;flex-wrap:wrap;justify-content:space-between; align-items: flex-start;}
.cost-left{flex-basis:32%; padding: 22px; background: #ffffff; border-radius: 10px;}
.cost-left h2{font-size:30px;line-height:1.3;margin:0 0 20px}
.cost-left .img-wrap{margin:60px 0 0}
.cost-right{flex-basis:65%;background:#fff;border-radius:10px;padding:22px}

.ai-calgroup .form-section{flex:1;min-width:300px;padding:25px;border-right:1px solid #e0e0e0}
.ai-calgroup .results-section{flex:1;min-width:300px;padding:25px;background:#f8f9fa}
.ai-calgroup .form-group{margin-bottom:15px}
.ai-calgroup .form-group .col-2{width:48%;display:inline-block}
.ai-calgroup .form-group .col-2:first-child{margin-right:3%}
.ai-calgroup .form-group label{ display:block;font-weight:600;color:#333;margin-bottom:6px;
font-size:13px; display: flex; align-items: center; gap: 8px; }
.ai-calgroup .form-group .req-elm{position: relative;}
.ai-calgroup .form-group .req-elm .error{color:red;font-size:12px; position:absolute; bottom:-25px; left:0;}
.ai-calgroup .form-group input[type=number],
.ai-calgroup .form-group input[type=text],
.ai-calgroup .form-group input[type=email],
.ai-calgroup .form-group input[type=range],
.ai-calgroup .form-group select{width:100%; font-family: "Plus Jakarta Sans", sans-serif; height: 47px; padding:8px;border:2px solid #e0e0e0;border-radius:6px;font-size:13px;transition:border-color .3s}

.ai-calgroup .form-group input:focus,.form-group select:focus{outline:0;border-color:#667eea}
.ai-calgroup .checkbox-group{display:grid;grid-template-columns:repeat(2,1fr);    gap: 18px;}
.ai-calgroup .checkbox-option{display:flex;align-items:center;padding:8px 10px;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .3s;font-size:13px}
.ai-calgroup .checkbox-option:hover,.radio-option:hover{border-color:#667eea;background:#f8f9ff}
.ai-calgroup .checkbox-option input{margin: 0; cursor: pointer;}
.ai-calgroup .checkbox-option:hover{border-color:#667eea;background:#f8f9ff}
.ai-calgroup .slider-container{margin-top:8px}
.ai-calgroup .slider-value{display:flex;justify-content:space-between;margin-top:4px;font-size:12px;color:#666}
.ai-calgroup .btn{width:100%;padding:12px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer; font-family: "Plus Jakarta Sans", sans-serif; transition:transform .2s;margin-top:15px}
.ai-calgroup .btn:hover{transform:translateY(-2px)}
.ai-calgroup .btn:active{transform:translateY(0)}
.ai-calgroup .results-card{background:#fff;padding:15px;border-radius:10px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.ai-calgroup .results-card h3{color:#667eea;margin-bottom:12px;font-size:16px}
.ai-calgroup .metric{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}
.ai-calgroup .metric:last-child{border-bottom:none}
.ai-calgroup .metric-label{color:#666;font-size:13px}
.ai-calgroup .metric-value{font-weight:600;color:#333;font-size:14px}
.ai-calgroup .highlight{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:20px;border-radius:10px;text-align:center;margin-bottom:15px}
.ai-calgroup .highlight h2{font-size:32px;margin-bottom:5px; color:#fff;}
.ai-calgroup .highlight p{opacity:.9;font-size:13px; color:#fff;}
.ai-calgroup .hidden{display:none}
.kpis .row{display:flex;justify-content:space-between;margin-bottom:10px}
.kpis .row .muted{color:#666; font-weight: bold;}


.last-step{margin:20px 0 0}
.last-step label{border:0;margin:0 0 10px;padding:0}
.last-step .submit-form{display:flex;flex-wrap:wrap;gap:20px;width:100%}
.last-step .submit-form .user-input{flex-basis:48%; position:relative;}
.last-step label:hover{background:0 0}
.last-step input[type=email],
.last-step input[type=text],
.last-step textarea{width:100%; padding: 0 15px; height: 45px; margin-top:5px;border:1px solid #ccc;border-radius:5px;font-size:16px}
.last-step .fname{display:block;margin:0 0 5px;line-height:1.2}
.last-step .button-group{margin-top: 20px; text-align: right;}

.user-input.group-com{flex-basis:100% !important}
.user-input.group-com .row{display:flex;align-items:center;gap:1rem;padding:10px;   border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9}
.user-input.group-com .labl{margin-right:8px;white-space:nowrap}
.user-input.group-com label{display:flex;align-items:center;gap:4px;cursor:pointer}
.user-input.group-com input[type=radio]{height: 0; opacity: 0; position: absolute; width: 0;}
.user-input.group-com label{padding:4px 10px; margin: 0; border: 1px solid #ccc;}
.user-input.group-com label.active{background: #ffeac1;}
.user-input.group-com input[type=radio]:checked{background:#fff6e5; }
.error-message{color:red;}
#etFormHandler{padding:10px 23px; border:none; font-weight:500; font-size:16px; border-radius:5px; cursor:pointer; 
background: #ffad00; color: #000;}
.card.results .btn-secondary{width: 100%; padding: 0.6rem; background: #082352; color: #fff; border-radius: 8px;}
.btn-rdr{padding: 20px 0; text-align: center;}

@media (max-width: 767px) {
.cost-right{flex-basis: 100%;}
.ai-calgroup .form-group .col-2{width: 100%;}
.ai-calgroup .form-group .col-2:first-child{margin-right: 0;}
.ai-calgroup .checkbox-group{grid-template-columns: repeat(1,1fr); gap: 10px;}
.cost-left{flex-basis: 100%; margin: 30px 0 auto;}
}

