.w-fill {
  width: -webkit-fill-available !important;
}

.w-fit {
  width: fit-content;
}
.w-max {
  width: max-content;
}

h1 {
  font-size: 1.5rem;
  font-weight: 800;
  text-align: center;
}
.col-22 {
  color: #227601;
}
.col-48 {
  color: #484848;
}
.col-64 {
  color: #646464;
}
.text-col {
  color: #9a9a9a;
}
.border-rd {
  border-radius: 0.625rem;
}
.req {
  height: 2rem;
}
.mb-22 {
  margin-bottom: 2rem;
}
.mb-18 {
  margin-bottom: 1.8rem;
}
.fs-8 {
  font-size: 0.87rem;
}
.fs-7 {
  font-size: 0.75rem;
}

.mb-88 {
  margin-bottom: 0.88rem;
}
.mb-15 {
  margin-bottom: 1.5rem;
}
.gap-16 {
  gap: 1.69rem;
}
.col-b3 {
  color: #b3b3b3;
}
.col-48 {
  color: #484848;
}
.col-52
{
  color:#525252
}
.mb-37{
  margin-bottom: 3.7rem;
}
.div-box {
  padding: 0.5rem;
  background-color: #f3f3f3;
  border-radius: 0.9375rem;
  border: 1px solid var(--Neutral-Neutral-100, #e6e6e6);
}
.div-box1 {
  padding: 0.5rem 0.875rem;
  background: #fff;
  border-radius: 0.75rem;
  border: 1px solid var(--Neutral-Neutral-100, #e6e6e6);
}
.pross{
  padding: 1.3125rem 1.25rem;
  border-radius: 0.9375rem;
  border: 1px solid var(--Neutral-Neutral-100, #E6E6E6);
  
}
.mb-38{
  margin-bottom: 3.81rem;
}
.mb-75{
  margin-bottom: 0.75;
}
.p-mb{
  margin-bottom: 3.31rem !important;
}
.mb-14{
  margin-bottom: 1.44rem;
}
.bt-pro{
  color: #227601;
  padding: 0.375rem 0.5625rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 216, 9, 0.11);
  background: #E5FBE6;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  width: fit-content;
}
.bt-pro1{
  padding: 0.375rem 0.5625rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(222, 222, 222, 0.11);
  
  background: var(--Neutral-Neutral-100, #E6E6E6);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  color: #525252;
  width: fit-content;
}
/* //////// */
.order_steps_dtls {
  margin-top: 1rem;
}
.progress_dtls {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.progress_dtls > li {
  position: relative;
  display: table-cell;
  text-align: start;
}
.progress_dtls > li:before {
  content: '';
  background-image: url('../images/insurance-7/step-1.svg');
  display: block;
  top: -1rem;
  width: 2rem;
  height: 2rem;
  text-align: center;
  margin-bottom: 0.25em;
 
  position: relative;
  z-index: 9;
}
.progress_dtls > li.progress__lasts:before {
  content: '';
  border-radius: var(--Size-Border-Radius-Circle, 62.4375rem);
border: 1px solid var(--Steppers-icon-Pending, #DDD);
background: #FFF;
  display: block;
  top: -1rem;
  width: 2rem;
  height: 2rem;
  text-align: center;
  margin-bottom: 0.25em;
  line-height: 17px;
  border-radius: 100%;
  position: relative;
  z-index: 9;
}
.progress_dtls > li:after {
  content: "";
  position: absolute;
  display: block;
  background: #dfe3e4;
  width: 68%;
  height: 4px;
  top: 6px;
  right: 5%;
  margin-right: 21%;
  z-index: -1;
}
.progress_dtls > li:last-child:after {
  display: none;
}


.progress_dtls > li.is-completes:after{
  color: #fff;
  background: #2E9E01;
}


.progress_dtls > li.is-actives:before {
  background-image: url('../images/insurance-7/step-2.svg');
}
.progress--larges {
  font-size: 0rem;
}
.bage_stats {
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  display: inline-block;
  padding: 6px 9px;
  border: 1px solid transparent;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}
.form-control:focus {
  background: white;
}
.form-control {
  padding: 0rem !important;
  border: unset !important;
  direction: rtl;
  box-shadow: unset !important;
  font-size: 1rem;
  font-weight: 600;
  color: #0c0c0c;
  background: white;
}
.form-control::placeholder {
  font-size: 1rem;
  font-weight: 600;
  color: #9A9A9A;
  background: white;
}
.bt-end{
  padding: 0.75rem 0.8125rem;
  border-radius: 0.625rem;
  border: 1px solid #EAEAEA;
  background: #FFF;
}
.bt-end:hover {
  background: var(--Bank-Bank-5, #39c501);
}
/* استایل سفارشی برای رادیو باتن */
input[type="radio"] {
  appearance: none; /* حذف استایل پیش‌فرض */
  width: 1.625rem;
  height: 1.625rem;
  border: 5px solid #e4f9dc;
  background-color: #e4f9dc ;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  transition: border-color 0.3s, background-color 0.3s;
}

/* رنگ و استایل رادیو باتن در حالت انتخاب‌شده */
input[type="radio"]:checked {
  background-color: #39C501;
}

/* تغییر رنگ رادیو باتن هنگام فوکوس */
input[type="radio"]:focus {
  border: 5px solid #e4f9dc;
}
@media (min-width: 1350px) {
  .pen-1 {
    display: none !important;
  }
}
@media (max-width: 1349px) {
  .pen-2 {
    display: none !important;
  }
  .div-box {
    padding: 0rem;
    background-color: unset;
    border-radius: unset;
    border: unset;
  }
  .div-box1 {
    padding: 1.25rem 0.875rem;
    justify-content: center !important;
  }
  .div-box-3 {
    flex-direction: column-reverse !important;
  }
}

@media (max-width: 992px) {
  .first {
    width: 100% !important;
  }
}
@media (min-width: 993px) and (max-width: 1195px) {
  .first {
    width: 70% !important;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .p11{
    display: none;
  }
  .p12{
    display: none;
  }
 
}
@media (min-width: 993px) and (max-width: 1020px) {
  .p11{
    display: none;
  }
  .p12{
    display: none;
  }
 
}
@media (max-width: 500px){
  .p11{
    display: none;
  }
  .p12{
    display: none;
  }
  .progress_dtls > li:after{
    width: 54% !important;
    right: 21% !important;

  }
  .pross{
    padding: unset;
    border-radius: unset;
    border: unset;
    
  }
  .p-mb {
    margin-bottom: 1.9rem !important;
}
.mb-37{
  margin-bottom: 2rem;
}

}
@media (max-width: 465px) {

  .bime-box {
    border-radius: unset;
    border: unset;
    background: #fff;
    box-shadow: unset;
    padding: unset;
    margin-bottom: 1.75rem;
  }
  .form-control::placeholder {
    font-size: 0.8rem !important;
   
  }
}
@media (max-width: 576px){
  .progress_dtls > li .bage_stats {
    font-size: 11px;
  }
}