.ULG-main-part {
  margin-bottom: 60px;
}
.ULG-main-part > .content > p,
.ULG-main-part > .content > span {
  font-weight: 700;
  font-size: 48px;
  line-height: 80px;
  color: #1C1D1F;
}
.ULG-main-part > .content > p {
  color: #0086FF;
}

.all-levels {
  margin-top: 88px;
  margin-bottom: 120px;
  gap: 60px;
}
.all-levels > .levels {
  width: 885px;
  margin: 0 auto;
  padding-bottom: 24px;
  position: relative;
}
.all-levels > .levels::after {
  content: url('data:image/svg+xml,<svg width="864" height="16" viewBox="0 0 864 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M856 8L7.99998 7.99993" stroke="%230086FF" stroke-width="4" stroke-linecap="round"/><circle cx="432" cy="8" r="8" fill="%230086FF"/><circle cx="432" cy="8" r="2" fill="white"/><circle cx="8" cy="8" r="8" fill="%230086FF"/><circle cx="8" cy="8" r="2" fill="white"/><circle cx="856" cy="8" r="8" fill="%230086FF"/><circle cx="856" cy="8" r="2" fill="white"/></svg>');
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.all-levels > .levels > span {
  font-family: "IranYekan";
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #0086FF;
  width: 40px;
  height: 40px;
  background: #F5FAFF;
  border-radius: 16px;
}
.all-levels > .levels-description {
  width: 100%;
  gap: 24px;
}
.all-levels > .levels-description > .item {
  width: 100%;
  gap: 24px;
  border: 1px solid #EBF5FF;
  padding: 40px;
  border-radius: 16px;
}
.all-levels > .levels-description > .item > img {
  max-width: 125px;
  height: 100px;
  object-fit: cover;
}
.all-levels > .levels-description > .item > p {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  color: #1C1D1F;
}
.all-levels > .levels-description > .item > span {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  color: #1C1D1F;
  opacity: 0.5;
}

.level-options {
  padding-bottom: 120px;
  margin-bottom: 120px;
  border-bottom: 1px solid #EBF5FF;
  gap: 48px;
}
.level-options > .box-title > .title {
  font-weight: 700;
  font-size: 32px;
  line-height: 48px;
  color: #1C1D1F;
}
.level-options > .box-title > a {
  gap: 16px;
}
.level-options > .box-title > a > span {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #0086FF;
}
.level-options > table {
  width: 100%;
  border: 1px solid #E0F0FF;
  border-radius: 16px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}
.level-options > table > thead > tr > th {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #0086FF;
  opacity: 0.6;
  background-color: #F5FAFF;
  padding: 20px 0;
  width: 312px;
}
.level-options > table > tbody > tr > td {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #1C1D1F;
  padding: 24px 0;
  width: 312px;
  border: 1px solid #E0F0FF;
}
.level-options > table > tbody > tr > td > .check::after {
  content: url('data:image/svg+xml,<svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 9L9.00337 17L25.0034 1" stroke="%2306BD90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.level-options > table > tbody > tr > td > .not-check::after {
  content: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.996 1.00659L1.0127 16.9899" stroke="%23E0F0FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.9967 17L1 1" stroke="%23E0F0FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.needed-docs {
  background: linear-gradient(180deg, #FFFFFF 0%, #E6F3FF 100%);
  padding-bottom: 120px;
  margin-bottom: 120px;
}
.needed-docs .needed-docs-box {
  gap: 80px;
}
.needed-docs .needed-docs-box > .title {
  font-weight: 700;
  font-size: 32px;
  line-height: 48px;
  text-align: center;
  color: #1C1D1F;
}
.needed-docs .needed-docs-box > .docs-items {
  width: 100%;
  gap: 40px;
}
.needed-docs .needed-docs-box > .docs-items > .item {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #EBF5FF;
  border-radius: 24px;
  padding: 40px;
  gap: 32px;
}
.needed-docs .needed-docs-box > .docs-items > .item > img {
  width: 73.07px;
  height: 80px;
  margin-bottom: 8px;
}
.needed-docs .needed-docs-box > .docs-items > .item > p {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #1C1D1F;
}
.needed-docs .needed-docs-box > .docs-items > .item > ul {
  gap: 16px;
}
.needed-docs .needed-docs-box > .docs-items > .item > ul > li {
  gap: 12px;
}
.needed-docs .needed-docs-box > .docs-items > .item > ul > li > span {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #1C1D1F;
  opacity: 0.5;
}

.essential-poins-in-auth {
  margin-bottom: 120px;
  background: #FFFBF5;
  border: 1px solid #FFECD6;
  border-radius: 24px;
  padding: 40px;
  gap: 40px;
}
.essential-poins-in-auth > .box-title {
  padding-bottom: 34px;
  border-bottom: 1px solid #FFECD6;
}
.essential-poins-in-auth > .box-title > .title {
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  color: #FF9900;
}
.essential-poins-in-auth > .img-content {
  width: 100%;
  gap: 40px;
}
.essential-poins-in-auth > .img-content > .content {
  gap: 20px;
}
.essential-poins-in-auth > .img-content > .content > p {
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  text-align: justify;
  color: #1C1D1F;
}
.essential-poins-in-auth > .warning-box {
  padding-top: 24px;
  border-top: 1px solid #FFECD6;
  gap: 11px;
}
.essential-poins-in-auth > .warning-box > p {
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #A36200;
}

.have-question {
  margin-bottom: 120px;
  width: 100%;
  gap: 24px;
}
.have-question > .item {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #EBF5FF;
  border-radius: 24px;
  padding: 40px;
  gap: 28px;
}
.have-question > .item > .content {
  gap: 16px;
}
.have-question > .item > .content > p {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #1C1D1F;
}
.have-question > .item > .content > span {
  font-weight: 400;
  font-size: 16px;
  color: #1C1D1F;
  opacity: 0.5;
}
.have-question > .item > .content > a {
  gap: 16px;
  height: 42px;
  background: #1C1D1F;
  border-radius: 54px;
  width: 147px;
}
.have-question > .item > .content > a > span {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}
.have-question > .item > .content > a.second-link {
  border: 1px solid #EBF5FF;
  background-color: #FFF;
}
.have-question > .item > .content > a.second-link > span {
  color: #1C1D1F;
}

@media only screen and (max-width: 1024px) {
  .ULG-main-part {
    margin-bottom: 40px;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 24px;
  }
  .ULG-main-part > .content > p,
  .ULG-main-part > .content > span {
    font-size: 24px;
    line-height: 40px;
  }
  .all-levels {
    margin-top: 40px;
    margin-bottom: 64px;
  }
  .all-levels > .levels {
    display: none;
  }
  .all-levels > .levels-description {
    flex-direction: column;
    gap: 16px;
  }
  .all-levels > .levels-description > .item {
    gap: 16px;
    padding: 24px 12px 48px 12px;
  }
  .all-levels > .levels-description > .item > p {
    font-size: 16px;
    line-height: 24px;
  }
  .all-levels > .levels-description > .item > span {
    font-size: 14px;
    line-height: 25px;
  }
  .level-options {
    padding-bottom: 40px;
    margin-bottom: 40px;
    gap: 40px;
  }
  .level-options > .box-title > .title {
    font-size: 20px;
    line-height: 30px;
  }
  .level-options > .box-title > a {
    gap: 8px;
  }
  .level-options > .box-title > a > span {
    font-size: 14px;
    line-height: 21px;
  }
  .level-options > table > thead > tr > th {
    font-size: 12px;
    line-height: 18px;
    padding: 16px 0;
    width: auto;
  }
  .level-options > table > tbody > tr > td {
    font-size: 12px;
    line-height: 18px;
    padding: 16px 0;
    width: auto;
  }
  .level-options > table > tbody > tr > td > .check::after {
    content: url('data:image/svg+xml,<svg width="17" height="12" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6L6.00211 11L16.0021 1" stroke="%2306BD90" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }
  .level-options > table > tbody > tr > td > .not-check::after {
    content: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.9984 1.00439L1.00879 10.994" stroke="%23E0F0FF" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.9979 11L1 1" stroke="%23E0F0FF" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }
  .needed-docs {
    padding-bottom: 24px;
    margin-bottom: 64px;
  }
  .needed-docs .needed-docs-box {
    gap: 40px;
  }
  .needed-docs .needed-docs-box > .title {
    font-size: 20px;
    line-height: 30px;
  }
  .needed-docs .needed-docs-box > .docs-items {
    gap: 24px;
    flex-direction: column;
  }
  .needed-docs .needed-docs-box > .docs-items > .item {
    padding: 24px;
    gap: 24px;
  }
  .needed-docs .needed-docs-box > .docs-items > .item > p {
    font-size: 16px;
    line-height: 24px;
  }
  .needed-docs .needed-docs-box > .docs-items > .item > ul {
    gap: 8px;
  }
  .needed-docs .needed-docs-box > .docs-items > .item > ul > li {
    gap: 8px;
  }
  .needed-docs .needed-docs-box > .docs-items > .item > ul > li > span {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
  .essential-poins-in-auth {
    margin-bottom: 64px;
    padding: 16px;
    gap: 24px;
  }
  .essential-poins-in-auth > .box-title {
    padding-bottom: 24px;
  }
  .essential-poins-in-auth > .box-title > .title {
    font-size: 16px;
    line-height: 24px;
  }
  .essential-poins-in-auth > .img-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
  .essential-poins-in-auth > .img-content > .content > p {
    font-size: 12px;
    line-height: 24px;
  }
  .essential-poins-in-auth > .warning-box {
    gap: 8px;
    align-items: flex-start;
  }
  .essential-poins-in-auth > .warning-box > p {
    font-size: 12px;
    line-height: 24px;
  }
  .essential-poins-in-auth > .warning-box > svg {
    min-width: 18px;
  }
  .have-question {
    margin-bottom: 64px;
    gap: 64px;
    flex-direction: column;
  }
  .have-question > .item {
    padding: 24px;
    gap: 24px;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .have-question > .item > .content > p {
    font-size: 16px;
    line-height: 28px;
  }
  .have-question > .item > .content > span {
    font-size: 14px;
  }
  .have-question > .item > .content > a {
    gap: 10px;
    height: 32px;
    width: 114px;
  }
  .have-question > .item > .content > a > span {
    font-size: 14px;
    line-height: 21px;
  }
}

/*# sourceMappingURL=levels.css.map */