form#aria-project-form {
  position: relative;
  overflow: hidden;
}
.in--progress::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #333;
  position: absolute;
  opacity: 0.1;
  right: 0;
}
.aria-user-dashboard-notice-wrapper {
  width: 100%;
}
.aria-project-card ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.aria-user-projects-list-header {
  padding-bottom: 16px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
ul.single-project-details--status-items-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
li.status--list--item {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  padding: 10px;
}
li.status--list--item.active {
  border-bottom: 3px solid var(--Primary-Main-Primary, #FFC500);

  z-index: 1;
}
ul.single-project-details--status-items-list::before {
  width: 95%;
  height: 2px;
  background: #e1e1e1;
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
}
ul.single-project-details--ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 15px 0;
  background: #fff;
  border-radius: 12px;
  padding: 20px 10px;
}

ul.single-project-details--ul li {
  width: 30%;
  text-align: right;
}
#aria-project-form {
  border-radius: 16px;
background: var(--Secondary-10, #EBEBEB);
padding: 16px 24px;
}
#aria-project-form  input , #aria-project-form  textarea {
  border-radius: 8px;
background: #FFF;
border: 0px !important;
width: 100%;
height: 44px;
}
 .mobile-section p {
  width: 50% !important;

}
 #aria-project-form  textarea {
height: 134px;
 }
#aria-project-form  label{
  color: var(--Secondary-70, #707070);
text-align: right;

/* Paragraph 1/Regular */
font-family: IRANYekanX;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
letter-spacing: -0.32px;
}
.btn-form-projects-aria {
  color: #FFF;
text-align: right;

/* Paragraph 1/Bold */
font-family: IRANYekanX;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 200% */
letter-spacing: -0.32px;
border: 0px !important;
  border-radius: 6px;
  display: inline-flex;
padding: 4px 32px 4px 24px;
justify-content: center;
align-items: center;
gap: 8px;
background: var(--Primary-Main-Primary, #FFC500);
}
.btn-form-projects-aria-p {
  text-align: left;
}
.user-projects-form-title {
  text-align: start;
  color: var(--Secondary-80, #5B5B5B);
text-align: right;

/* Heading 3/Bold */
font-family: IRANYekanX;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 48px; /* 200% */
letter-spacing: -0.48px;
}
.aria-user-projects-list-header {
  color: var(--Secondary-70, #707070);
text-align: right;

/* Paragraph 1/Regular */
font-family: IRANYekanX;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
letter-spacing: -0.32px;
}
.aria-user-projects-list {
      border-radius: 16px;
    border: 1px solid var(--Secondary-10, #EBEBEB);
    background: #FFF;
    padding: 16px 24px;
}
.aria-project-card {
  border-top: 1px solid var(--Secondary-10, #EBEBEB);
  padding: 16px 0;
}
.aria-view-project-btn {
  color: var(--Primary-Main-Primary, #FFC500);

  border-radius: 8px;
border-radius: 8px;
border: 1px solid var(--Primary-Main-Primary, #FFC500);
display: inline-flex;
padding: 2px 16px;
justify-content: center;
align-items: center;
gap: 10px;
text-align: right;

/* Paragraph 1/Medium */
font-family: IRANYekanX;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 32px; /* 200% */
letter-spacing: -0.32px;
}
.aria-view-project-btn:hover {
color: #FFF;

  background: var(--Primary-Main-Primary, #FFC500);
}
.aria-project-card {
  color: var(--Secondary-70, #707070);
text-align: right;

/* Paragraph 1/Regular */
font-family: yekan;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
letter-spacing: -0.32px;
}
.single-project-details--ul strong {
  color: var(--Secondary-60, #848484) !important;
text-align: right;

/* Paragraph 1/Regular */
font-family: IRANYekanX;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
letter-spacing: -0.32px;
}

.single-project-details--ul li {
  color: var(--Secondary-80, #5B5B5B);
text-align: right;

/* Paragraph 1/DemiBold */
font-family: yekan;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 32px; /* 200% */
letter-spacing: -0.32px;
}

.status--list--item-count {
color: var(--Secondary-40, #ADADAD);

text-align: center;

/* Paragraph 1/DemiBold */
font-family: yekan;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 32px; /* 200% */
letter-spacing: -0.32px;
  display: flex;
width: 32px;
height: 32px;
padding: 0px 13px;
justify-content: center;
align-items: center;
gap: 10px;
border: 1px solid var(--Secondary-40, #ADADAD);
border-radius: 100%;
}
.single-project-details--status-items-list li{
  height: 120px !important;
}
.single-project-details--status-items-list .active .status--list--item-count {
background: var(--Primary-Main-Primary, #FFC500);
color: #FFF;
border: 1px solid var(--Primary-Main-Primary, #FFC500);
}
.status--list--item  {
  color: var(--Secondary-70, #707070);
text-align: center;

/* Paragraph3/Regular */
font-family: yekan;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
letter-spacing: -0.28px;
}
.single-project-details--status {
      border-radius: 16px;
    background: #FFF;
    padding: 16px 24px;
}
#aria-project-invoice-btn {
  color: var(--Primary-Main-Primary, #FFC500);
text-align: center;

/* Paragraph 1/Bold */
font-family: IRANYekanX;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 200% */
letter-spacing: -0.32px;
}
.title-factor i {
  color: var(--Primary-Main-Primary, #FFC500);
}
.title-factor {
  align-items: center;
}
.single-project-wrap-header {
  border-bottom: 1px solid var(--Secondary-10, #EBEBEB);
  display: flex
;
    align-items: center;
    justify-content: space-between;
}
.title-factor span {

color: var(--Secondary-80, #5B5B5B);
text-align: right;

/* Heading 4/Bold */
font-family: IRANYekanX;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 40px; /* 200% */
letter-spacing: -0.4px;}
.aria-user-dashboard-notice-wrapper {
  height: 100%;
}
.aria-project-card svg {
      width: 24px;
      margin-left: 8px;
    height: 24px;
    padding: 4px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: var(--Secondary-05, #F4F4F4);
}