.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}
.vc-cost-calc .cost-wrap{display:flex;flex-wrap:wrap;justify-content:space-between; align-items: flex-start;}
.cost-left{flex-basis:30%; padding: 40px 0 0;}
.cost-left h2{font-size:30px;line-height:1.3;margin:0 0 20px}
.cost-left .img-wrap{margin:60px 0 0}
.vc-cost-calc .cost-right{flex-basis:65%;background:#fff;border-radius:10px;padding:22px}
.vc-cost-calc .steps-navigation{display:flex;justify-content:space-between;padding:10px 0;align-items:center;position:relative}
.vc-cost-calc .steps-navigation:after{content:"";width:100%;height:1px;background:rgba(0,0,0,.05);position:absolute;top:20px;left:0}
.vc-cost-calc .steps-navigation div{padding:2px;z-index:9;cursor:pointer;background:#fff6e5;color:#5e6373;border:5px solid transparent;margin:-5px -5px 0 0;border-radius:30px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}
.vc-cost-calc .steps-navigation div.active{background:#ffad00;color:#fff;border:5px solid #fff6d8;height:30px;min-width:30px}
.vc-cost-calc .question-name{margin:0 0 20px;font-size:18px;line-height:30px}
label{position:relative;display:block;margin:0 0 14px 0;width:100%;border:1px solid #f4f2f2;padding:6px 20px 6px 50px;border-radius:5px; break-inside: avoid; page-break-inside: avoid; /* for print compatibility */ -webkit-column-break-inside: avoid; /* for Safari */}
.vc-cost-calc label.active,label:hover{background:#ffeac1}
.vc-cost-calc .radio-row{color:rgba(0,0,0,.8);font-weight:500}
.vc-cost-calc input[type=checkbox],input[type=radio]{margin:0 10px 0 0}
.vc-cost-calc input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:18px;height:18px;border:1px solid #c9c9c9;border-radius:50%;background-color:transparent;cursor:pointer;position:relative;vertical-align:middle;margin-right:10px;position:absolute;top:12px;left:20px}
.vc-cost-calc input[type=radio]::before{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;background-color:#ffad00;border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease-in-out}
.vc-cost-calc input[type=radio]:checked{border-color:#ffad00}
.vc-cost-calc input[type=radio]:checked::before{opacity:1}
.vc-cost-calc input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:18px;height:18px;border:1px solid #c9c9c9;border-radius:4px;background-color:transparent;cursor:pointer;position:relative;vertical-align:middle;margin-right:10px;position:absolute;top:12px;left:20px}
.vc-cost-calc input[type=checkbox]::before{content:"✓";color:#fff;font-size:13px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}
.vc-cost-calc input[type=checkbox]:checked{background-color:#ffad00}
.vc-cost-calc input[type=checkbox]:checked::before{opacity:1}
.vc-cost-calc .hidden{display:none}
.vc-cost-calc .step{display:none}
.vc-cost-calc .step.active{display:block}
.vc-cost-calc .button-group{margin-top:20px;text-align:right;gap:20px;display:flex;justify-content:right}
.vc-cost-calc button{padding:10px 23px;border:none;font-weight:500;font-size:16px;border-radius:5px;cursor:pointer}
.vc-cost-calc button:hover{background:#05164d}
.vc-cost-calc #prevBtn{background:#fff6e5}
.vc-cost-calc #nextBtn,#submitBtn{background:#ffad00;color:#000}
.vc-cost-calc input[type=email],
input[type=text],
textarea{width:100%;padding:8px;margin-top:5px;border:1px solid #ccc;border-radius:5px;font-size:16px}
#leadForm input[type=email], #leadForm input[type=text]{margin-top: 0;}
.vc-cost-calc .steps-navigation div.disabled{background:#ccc;pointer-events:none;opacity:.5}
.vc-cost-calc .error-msg{color:red;display:none;font-size:14px;margin:0 0 10px;transition:opacity .3s ease-in-out}
.vc-cost-calc .input-textarea{width:auto}
.vc-cost-calc .col-1-1 .dom-class-column{column-count:1}
.vc-cost-calc .col-1-2 .dom-class-column{column-count:2}
.vc-cost-calc .col-2-1 .question-container{width:49%}
.vc-cost-calc .checkbox-textarea-row,.radio-textarea-row{display:flex;align-items:center}
.vc-cost-calc .checkbox-textarea-row textarea,.radio-textarea-row textarea{width:100%;flex:1; resize:none;width:100%;flex:1;height:28px; line-height: 1;  resize:none;border:1px solid #0000001a;padding:6px;margin:0;font-size:12px;color:#00000080;font-weight:400}
*{box-sizing:border-box}
.vc-cost-calc .textarea-row{width:100%;}
.vc-cost-calc .textarea-row textarea{width:100%; padding: 6px 15px;}
.vc-cost-calc .col-2-1-1 .dom-class-column{column-count:2}
.vc-cost-calc .col-2-1-1 .question-container:nth-child(2) .dom-class-column{column-count:1}
.vc-cost-calc .col-2-1-1 .question-container:nth-child(2) .dom-class-column .textarea-row textarea{width:100%;flex:1;height:80px;resize:none}
.vc-cost-calc .col-1-2-1 .dom-class-column:first-child{column-count:1}
.vc-cost-calc .col-1-2-1 .question-container:nth-child(2) .dom-class-column{column-count:2}
.vc-cost-calc .col-1-2-1 .question-container:first-child .dom-class-column .textarea-row textarea{width:100%;flex:1;height:80px;resize:none}
.vc-cost-calc .col-2-1-2{column-count:2}
.vc-cost-calc .question-container{width:100%;margin:20px 0 0}
.vc-cost-calc .step.active{display:flex;flex-wrap:wrap;justify-content:space-between}
.vc-cost-calc .last-step{margin:20px 0 0}
.vc-cost-calc .last-step label{border:0;margin:0 0 10px;padding:0}
.vc-cost-calc .last-step .submit-form{display:flex;flex-wrap:wrap;gap:20px;width:100%}
.vc-cost-calc .last-step .submit-form .user-input{flex-basis:48%}
.vc-cost-calc .last-step label:hover{background:0 0}
.vc-cost-calc .last-step input[type=text], 
.vc-cost-calc .last-step input[type=email], 
.vc-cost-calc .last-step textarea{padding:0 15px;height:45px}

.vc-cost-calc .last-step .fname{display:block;margin:0 0 5px;line-height:1.2}
/*#step1.step.active{display:none}#step5.step{display:block}*/
.vc-cost-calc .user-input.group-com{flex-basis:100% !important}
.vc-cost-calc .user-input.group-com .row{display:flex;align-items:center;gap:1rem;padding:10px;   border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9}
.vc-cost-calc .user-input.group-com .labl{margin-right:8px;white-space:nowrap}
.vc-cost-calc .user-input.group-com label{display:flex;align-items:center;gap:4px;cursor:pointer}
.vc-cost-calc .user-input.group-com input[type=radio]{height: 0; opacity: 0; position: absolute; width: 0;}
.vc-cost-calc .user-input.group-com label{padding:4px 10px;  margin: 0; border: 1px solid #ccc;}
.vc-cost-calc .user-input.group-com label.active{background: #ffeac1;}
.vc-cost-calc .user-input.group-com input[type=radio]:checked{background:#fff6e5; }
.vc-cost-calc .error-message{color:red; font-size: 12px; margin-top: 5px;}



.vc-cost-calc .steps-navigation {
    display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  --progress: 0%; /* Default */
    }

.vc-cost-calc .steps-navigation::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      height: 4px;
      background: #ffad00;
      z-index: 0;
      width: 0;
      transition: width 0.3s ease;
    }

.vc-cost-calc .steps-navigation.full-line::before{width: 100%;}
.vc-cost-calc .steps-navigation > div {
      width: 30px;
      height: 30px;
      border-radius: 50px;
      text-align: center;
      padding: 10px;
      position: relative;
      z-index: 1;
      background: #f0f0f0;
      color: #110302;
      border: 5px solid #f0f0f0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
    }

    .vc-cost-calc .steps-navigation > div.active,
    .vc-cost-calc .steps-navigation > div.clickable {
      background: #ffad00;
      color: #fff;
      border: 5px solid #fff6d8;
      position: relative;
    }
.vc-cost-calc .steps-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.vc-cost-calc .steps-navigation > div {
  position: relative; /* REQUIRED for :before */
  z-index: 1;
}



.vc-cost-calc .steps-navigation::before {
  content: '';
  position: absolute;
  top: 47%;
  left: 0;
  height: 2px;
  background: #ffad00;
  z-index: 0;
  width: var(--progress); /* Will update dynamically */
  transition: width 0.3s ease;
}


.vc-cost-calc .autocomplete-items{box-shadow: 0px 6px 9px rgba(1, 0, 12, 0.43); background: #1d1c39;}
.vc-cost-calc .autocomplete-items div{color:#fff;}
.vc-cost-calc .autocomplete-items div:hover{opacity: 0.8;}

.vc-cost-calc #final-step{display:none;}
.vc-cost-calc #final-step .head-text p{ margin-bottom:10px; }
.vc-cost-calc #final-step .head-text h3{margin: 20px 0 10px 0;}
.vc-cost-calc #final-step .head-text ul li{list-style: disc; list-style-position: inside;}
.vc-cost-calc #final-step .head-text p{ background:#ffeac1; padding: 10px; }
/*.col-1-1 .dom-class-column .textarea-row{margin-left: -30px;}*/

.vc-cost-calc .cost-right .autocomplete-items div{color:#fff;}
@media (max-width:979px){
	.cost-left{flex-basis:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
	.cost-left .head-text{flex-basis:65%;}
	.cost-left .img-wrap{flex-basis:33%;margin:0;}
	.vc-cost-calc .cost-right{flex-basis:100%;margin:30px 0 0;}
}
@media (max-width:767px){
	.vc-cost-calc .cost-banner{padding:135px 0 50px;}
	.vc-cost-calc .cost-banner p{font-size:16px;line-height:28px;}
	.vc-cost-calc{padding:50px 0;}
	.cost-left{text-align:center; padding:20px 0 0;}
	.cost-left .head-text{flex-basis:100%;text-align:center}
	.cost-left h2{font-size:26px;line-height:35px;}
	.cost-left .img-wrap{flex-basis:100%;margin:20px 0 0;}
	.vc-cost-calc .col-1-2 .dom-class-column,.col-2-1-1 .dom-class-column{column-count:1;}
	.vc-cost-calc input[type=checkbox],input[type=radio]{top:9px;left:12px;}
	.vc-cost-calc label{padding:6px 20px 6px 40px;}
	.vc-cost-calc .question-name{font-size:16px;line-height:28px;}
	.vc-cost-calc .col-2-1-1 .question-container:nth-child(2) .dom-class-column .textarea-row textarea{padding:10px;}
	.vc-cost-calc input[type=email],
  .vc-cost-calc input[type=text],
  .vc-cost-calc textarea{font-size:14px;}
	.vc-cost-calc .col-2-1 .question-container{width:100%;}
	.vc-cost-calc .error-msg{font-size:12px;}
	.vc-cost-calc .last-step .submit-form{gap:10px;}
	.vc-cost-calc .last-step .fname{line-height:1;}
	.vc-cost-calc .last-step .submit-form .user-input{flex-basis:100%;}
	.vc-cost-calc .last-step input[type=text],
  .vc-cost-calc input[type=email],
  .vc-cost-calc textarea{padding:0 12px;height:40px;}
	.vc-cost-calc .col-1-2-1 .question-container:nth-child(2) .dom-class-column{column-count: 1;}
	.vc-cost-calc .user-input.group-com .row{flex-wrap: wrap;}
}