.steplicence {
  padding: 40px 20px;
  background-color: #fff;
  text-align: center;
}

.steplicence .step-header h1 {
  font-size: 28px;
  color: #1d3557;
  font-weight: 700;
  margin-bottom: 8px;
}

.steplicence .step-header p {
  color: #6c757d;
  font-size: 14px;
  margin-bottom: 30px;
}

.steplicence .step-progress {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
}

.steplicence .step {
  padding: 12px 18px 12px 14px;
  font-size: 15px;
  background-color: #fff6e5;
  border-radius: 2px;
  display: flex;
  align-items: center;
  position: relative;
  font-weight: 600;
  color: #212529;
}

.steplicence .step .number {
  color: #f15a24;
  margin-right: 8px;
  font-weight: 700;
}

.steplicence .step.active {
  background-color: #1d3557;
  color: #fff;
}

.steplicence .step.active .number {
  color: #fff;
}

.steplicence .step::after {
  content: "";
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 15px solid #fff6e5;
  z-index: 1;
}

.steplicence .step.active::after {
  border-left-color: #1d3557;
}

.steplicence .step:last-child::after {
  display: none;
}


/* stats card css start */

  .stats-card {
width: 100%;
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 12px rgb(0 0 0 / 17%);
    font-family: Arial, sans-serif;
    display: flex;
    gap: 20px;
    align-items: stretch;
    justify-content: space-between;
}

.left-item {
    width: 70%;
    justify-content: space-between;
    flex-direction: column-reverse;
    display: flex;
    align-items: flex-start;
}
.right-item {
    width: 40%;
}
.right-item .stat-globe img {
    display: block;
    width: 100%;
}

.stat-item {
      display: inline-flex;
    align-items: center;
    border-top: 1px solid #eee;
    padding: 10px 0;
    width: 100%;
}

.stat-item:last-child {
  border-bottom: none;
}

.stat-icon {
  
  
  margin-right: 16px;
 
}

.stat-text .stat-number {
  font-size: 20px;
  font-weight: bold;
  color: #0045a5;
}

.stat-text .stat-label {
  font-size: 14px;
  color: #333;
}


.licenceform {
    margin: 1rem 0 3rem;
}
.main-form-container {
    display: flex;    gap: 20px;
    align-items: flex-start;
    justify-content: space-between;
}
.main-form-container .form-container {
    width: 70%;
    box-shadow: 0 2px 12px rgb(0 0 0 / 17%);
    background: white;
    border-radius: 12px;
    padding: 20px;
}
.main-form-container .global-container {
    width: 30%;
}

/* stats card css end */


.licenceform-row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}
.licenceform-row>.formfield {
    width: calc(50% - 11px);
    display: block;
    margin-bottom: 17px;
}
.licenceform-row> .full-field {
    width: 100%;
}
.pillbtn-wrap label input {
    margin-right: 7px;
    width: 15px;
    height: 18px;
}

.pillbtn-wrap label {
    width: calc(50% - 10px);
    background: #ffffff;
    padding: 11px;
    border: 1px solid #ccc;display: flex;
    align-items: center;
}

.pillbtn-wrap label.pillbtn {
    display: block;
    width: 100%;
    background: transparent;
    padding: 0;
    border: none;
}

.pillbtn-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    align-items: flex-start;
}
label.softhard-copy {
    text-align: left;
    border: 1px solid #ccc;
    padding: 16px;
    border-radius: 12px;
}

label.softhard-copy img {
    /* width: 100%; */
    margin-bottom: 10px;
}
.productcard-wrap {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
}

.productcard-wrap .formfield .softhard-copy {
    padding: 18px 16px;
}

.add-ons>label {
    padding: 10px;
    border: 1px solid #ccc;
    display: flex;
}



.add-ons>label input[type="checkbox"] {
    margin-right: 6px;
}


/*step3 start*/
.dl-passport {
    display: block;
    width: 100%;
    text-align: center;
    margin: auto;
    border: 1px dashed #ccc;
    padding: 15px;
}

.dl-passport img {
    display: block;
    margin: auto;
}

.dl-passport input[type="file"] {
    display: block;
    text-align: center;
    margin: 10px auto 0;
}

.dl-photo-wrap {
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: 1px dashed #ccc;
    padding: 15px;
    text-align: center;
}

.dl-photo-wrap .dl-photo {
    display: block;
}

.dl-photo-wrap .dl-photo img {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.dl-photo-wrap .dl-photo {}

.dl-photo-wrap .dl-photo input[type="file"] {
    margin: auto;
    text-align: center;
    width: 100%;
}
/*step3 end*/


/*step5 start*/

.section {
    border: 1px dashed #ddd;
    padding: 15px;
    margin-bottom: 7px;
    border-radius: 6px;
}
.form-container.review .section .value {
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: 600;
    color: #000;
}

.form-container.review .section .value span.label {
    font-size: 13px;
    letter-spacing: 0.3px;
    color: #666666;
    font-weight: 500;
}

.form-container.review .section h4 {
    margin-bottom: 19px;
    font-size: 16px;
    color: #212121;
    letter-spacing: 0.03px;
}

.uploaded-images {
    display: flex;
    align-items: flex-start;justify-content: flex-start;
    gap: 20px;
}


.uploaded-images .value span.label {
    display: block;
    width: 100%;    margin-bottom: 10px;
}
.uploaded-images .value img {
    width: 80px;
    display: block;
}

/*step5 end*/




/* form design css end */























@media (max-width: 768px) {
  

  .steplicence .step {
    width: 100%;
    justify-content: flex-start;
    margin-bottom: 10px;
    font-size: 13px;
    padding: 10px;
  }

  .steplicence .step::after {
    display: none;
  }

  .steplicence .step-header h1 {
    font-size: 22px;
  }

  .steplicence .step-header p {
    font-size: 13px;
  }

  .steplicence .step-progress {
    gap: 10px;
  }
}




/*.licenceform .container {*/
/*  max-width: 900px;*/
/*  margin: 40px auto;*/
/*  padding: 30px;*/
/*  background: #fff;*/
/*  border-radius: 10px;*/
/*  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);*/
/*  font-family: 'Arial', sans-serif;*/
/*}*/

.licenceform .container h2 {
  font-size: 24px;
  margin-bottom: 30px;
  color: #001f4d;
}

.licenceform .row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.licenceform .row > div {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
}

.licenceform .row > div[style*="100%"] {
  flex: 1 1 100%;
}

.licenceform label {
     font-weight: 600;
    margin-bottom: 6px;
    font-size: 13px;
    color: #333;
    margin-top: 0px;
}

.licenceform input[type="text"],
.licenceform input[type="email"],
.licenceform select {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 14px;
  width: 100%;
}

.licenceform .row > div[style*="display: flex"] input {
  flex: 1;
}

.licenceform .gender-group {
  display: flex;
  gap: 20px;
  margin-top: 0px;
}

.licenceform .gender-box {
  flex: 1;
  text-align: center;
  padding: 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s;
  background: #f9f9f9;
  font-weight: 600;
  font-size: 16px;    margin: 0;
}

.licenceform .gender-box input {
  display: none;
}

.licenceform .gender-box.active {
  border: 2px solid #f15a24;
  background-color: #eef3fb;
}

/*.licenceform button[type="submit"] {*/
/*  margin-top: 30px;*/
/*  background: #f15a24;*/
/*  color: #fff;*/
/*  border: none;*/
/*  padding: 14px 30px;*/
/*  border-radius: 30px;*/
/*  font-size: 16px;*/
/*  cursor: pointer;*/
/*  float: right;*/
/*  transition: 0.3s;*/
/*}*/

.back-continue-button-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 22px;
}

button.btn.secondary-btn-circle {
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: var(--secondary);
    padding-block: 8px;
    padding-inline: 20px 8px;
    font-size: var(--size16);
       font-weight: 500;
    color: var(--white);
    border-radius: 30px;
    line-height: 1;
    width: max-content;margin-left: auto;
}
button.btn.secondary-btn-circle:hover {
    background: transparent;
    border: 1px solid var(--secondary);
    color: inherit;
}
button.btn.secondary-btn-circle::after {
    content: '';
    --diameter: 32px;
    width: var(--diameter);
    height: var(--diameter);
    border-radius: 50%;
    background: var(--white) url(https://eitca.instamantra.co.in/wp-content/themes/e-itca%28wp%29/assets/images/arrow.svg) no-repeat center;
}



button.first-btn-cicle {
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: #18395c;
    padding-block: 8px;
    padding-inline: 12px 19px;
    font-size: var(--size16);
      font-weight: 500;
    color: var(--white);
    border-radius: 30px;
    line-height: 1;
    width: max-content;
    border: 1px solid;
}



button.first-btn-cicle::before {
    content: '';
    --diameter: 32px;
    width: var(--diameter);
    height: var(--diameter);
    border-radius: 50%;
    background: var(--white) url(https://eitca.instamantra.co.in/wp-content/themes/e-itca%28wp%29/assets/images/arrow.svg) no-repeat center;
    transform: rotate(180deg);
}

.back-continue-button-wrap a {
    text-decoration: none;
}

/*.licenceform button[type="submit"]:hover {*/
/*  background: #d94f20;*/
/*}*/

/* Step Progress Styling for .steplicence */
.steplicence {
  padding: 40px 20px;
  background-color: #fff;
  text-align: center;
}

.steplicence .step-header h1 {
  font-size: 28px;
  color: #1d3557;
  font-weight: 700;
  margin-bottom: 8px;
}

.steplicence .step-header p {
  color: #6c757d;
  font-size: 14px;
  margin-bottom: 30px;
}

.steplicence .step-progress {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
}

.steplicence .step {
  padding: 12px 18px 12px 14px;
  font-size: 15px;
  background-color: #fff6e5;
  border-radius: 2px;
  display: flex;
  align-items: center;
  position: relative;
  font-weight: 600;
  color: #212529;
}

.steplicence .step .number {
  color: #f15a24;
  margin-right: 8px;
  font-weight: 700;
}

.steplicence .step.active {
  background-color: #1d3557;
  color: #fff;
}

.steplicence .step.active .number {
  color: #fff;
}

.steplicence .step::after {
  content: "";
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 15px solid #fff6e5;
  z-index: 1;
}

.steplicence .step.active::after {
  border-left-color: #1d3557;
}

.steplicence .step:last-child::after {
  display: none;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .licenceform .row > div {
    flex: 1 1 100%;
  }

  .licenceform .gender-group {
    flex-direction: column;
  }

  .licenceform .gender-box {
    width: 100%;
  }

  .licenceform button[type="submit"] {
    width: max-content;
    float: none;
  }

  .steplicence .step-progress {
   display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5px;
  }

  .steplicence .step {
   width: max-content;
        justify-content: flex-start;
        margin-bottom: 10px;
        font-size: 13px;
        padding: 10px;
        display: flex;
        flex-wrap: wrap;
  }

  .steplicence .step::after {
    display: none;
  }

  .steplicence .step-header h1 {
    font-size: 22px;
  }

  .steplicence .step-header p {
    font-size: 13px;
  }
}