.jsrh{
    border-radius: 50px;
    border: 1px solid #5CFFAD;
    background: #D0FAE5;
    color: #059669; 
    font-size: 20px; 
    font-weight: 500; 
    text-transform: uppercase;
    padding: 8px 10px;
    width: fit-content;
    img{
        margin-right: 10px;
    }
}
.dhedf{
    background: #059669;
    color: #FFF;  
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 175% */
padding: 20px 0;
}
.derf{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    h2{
        color: #FFF; 
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 100% */
    }
    p{
        color: #FFF; 
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 175% */
    }
}
.upload-box {
  padding: 25px;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 10px;
  background: #F6F5F5;
  width: 100%;
}
.upload-box input {
  display: none;
}

.file-list { 
  font-size: 14px;
  color: #333;
}
.uduf {
  border-radius: 10px;
  border: 1px solid #E0E0E0;
  background: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 25px;
  gap: 12px;
}
.uduf h2 {
  color: #000;
  font-family: Poppins;
  font-size: 26px;
  font-weight: 500;
  line-height: 28px;
  margin: 0;
}
.kdjr {
  color: #4A5565;
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
.keoej {
  color: #6A7282;
  text-align: center;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin: 0;
}
.uduf a, .sjeks {
  color: #096;
  text-align: center; 
  font-size: 12px; 
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  font-family: Inter;
  position: relative;
}
.fgde::before{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background: #096;
  border-radius: 50%;
  left: -13px;
  top: 50%;
  transform: translateY(-50%);
}
.kfjyj {
  color: #6A7282;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.uduf img {
  width: 58px;
}
.input-main {
  textarea{
      width: 100%;
      height: 80px;
      border-radius: 4px;
      border: none;
      background: rgba(246, 245, 245, 1);
      padding: 10px;
      font-size: 14px;
      font-weight: 400;
      color: rgba(82, 82, 82, 1);
  }
}
.fcfer {
  color: #4A5565;
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  margin: 5px 0;
}
.d5dft {
  color: #6A7282;
  text-align: center;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
}

.proceed-btn1 {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 8px;
  background: #096;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  gap: 6px;
}
.drf6fr{
  color: #6A7282; 
font-family: Inter;
font-size: 14px; 
font-weight: 400;
line-height: 20px; /* 142.857% */
margin: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.coje {
  border-radius: 8px; 
  font-family: Poppins;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  width: fit-content;
  padding: 8px 17px;
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 24px;
  &:nth-child(1){ 
    border: 1px solid #BEDBFF;
    background: #DBEAFE;
    color: #1447E6;
  }
  &:nth-child(2){ 
    border: 1px solid #FFF085;
    background: #FEF9C2;
    color: #A65F00;
  }
  &:nth-child(3){ 
    border: 1px solid #BEDBFF;
    background: #DBEAFE;
    color: #1447E6;
  }
  &:nth-child(4){ 
    color: #CA3500;
    border: 1px solid #FFD6A8;
    background: #FFEDD4;
  }
  &:nth-child(5){ 
    color: #8200DB;
    border: 1px solid #E9D4FF;
    background: #F3E8FF;
  }
  &:nth-child(6){ 
    color: #008236;
    border: 1px solid #B9F8CF;
    background: #DCFCE7;
  } 
}
.jkr {
  display: flex;
  gap: 11px;
}

.jkr button {
  border-radius: 10px;
  border: 2px solid #D1D5DC;
  background: white;
  color: #0A0A0A;
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  padding: 6px 10px;
  &:hover{ 
    border: 2px solid #00BC7D;
    background: #ECFDF5;
    color: #007A55;
  }
  
}
.jkr button.active{ 
  border: 2px solid #00BC7D;
  background: #ECFDF5;
  color: #007A55;
}
@media (max-width: 768px) {
  .jsrh { 
    font-size: 16px; 
    padding: 5px 8px; 
    img {
      margin-right: 8px;
      width: 18px;
  }
}
.derf{
  margin-bottom: 18px;
  img{
    width: 22px;
  }
  h2 { 
    font-size: 20px; 
    line-height: 22px;
    margin: 0;
}
p { 
  font-size: 11px;  
  line-height: 22px;
}
}
.jkdns{
  flex-wrap: nowrap;
  overflow-x: scroll;
  .col-lg-3{
    width: 80%;
  }
}
}