:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Ubuntu, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC',
    'Hiragino Sans GB', 'Microsoft Yahei UI', 'Microsoft Yahei',
    'Source Han Sans CN', sans-serif;
}

/* Template 2 */

.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: relative;
  max-width: 100%;
  width: 378px;
  height: 799px;
  margin: 0;
  padding: 36px 24px 36px 24px;
  background: #ffffff;
  border-radius: 16px;
  color: #666666;
  font-weight: 500;
}

.box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  min-width: 0;
  min-height: 0;
  border: 1px solid #c6c6c6;
  border-radius: 12px;
}

.section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
}

.section-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
}

.box-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 25px;
  position: relative;
  padding: 24px 16px 24px 16px;
}

.dcard-avatar {
  object-fit: cover;
  flex-shrink: 0;
  position: relative;
  width: 128px;
  height: 128px;
  background: url(../assets/images/425db1c6-4703-476b-a239-0067b5612067.png)
    no-repeat center;
  background-size: cover;
  overflow: hidden;
  border-radius: 9999px;
}

.group {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
}

.wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 148px;
}

.wrapper-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 139px;
}

.text {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 20px;
  font-family: Segoe UI, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.text-2 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 20px;
  font-family: Segoe UI, var(--default-font-family);
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
}

.group-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
}

.text-3 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  font-family: Segoe UI, var(--default-font-family);
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
}

.text-4 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  font-family: Segoe UI, var(--default-font-family);
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
}

.group-3 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  /* width: 58px; */
}

.section-3 {
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.pic {
  position: relative;
  width: 23.28px;
  height: 19.2px;
  margin: 2.4px 0 0 0.96px;
  background: url(../assets/images/dcc3b242-0904-4ef1-8a88-11f612045a68.png)
    no-repeat center;
  background-size: 100% 100%;
}

.group-4 {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.img-2 {
  position: relative;
  width: 16.802px;
  height: 21.609px;
  margin: 2.391px 0 0 5.398px;
  background: url(../assets/images/52c4a14e-6f27-418c-8df4-93c126b89422.png)
    no-repeat center;
  background-size: 100% 100%;
}

.section-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  padding: 24px 16px 24px 16px;
  border-top: 1px solid #c6c6c6;
  border-bottom: 1px solid #c6c6c6;
}

.box-3 {
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 130px;
}

.group-5 {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.pic-2 {
  position: relative;
  width: 21.743px;
  height: 23.544px;
  margin: 0.39px 0 0 1.724px;
  background: url(../assets/images/957e1efe-c135-4901-9af2-5ab3b04a50e1.png)
    no-repeat center;
  background-size: 100% 100%;
}

.text-5 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  font-family: Segoe UI, var(--default-font-family);
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
}

.wrapper-3 {
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 185px;
}

.section-5 {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.img-3 {
  position: relative;
  width: 20.401px;
  height: 16.2px;
  margin: 4.8px 0 0 2.999px;
  background: url(../assets/images/2b8c9846-9a00-45e8-8899-9b0c0c96d1c9.png)
    no-repeat center;
  background-size: 100% 100%;
}

.text-6 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  font-family: Segoe UI, var(--default-font-family);
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
}

.box-4 {
  cursor: pointer;
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
}

.box-5 {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.img-4 {
  position: relative;
  width: 22.2px;
  height: 22.2px;
  margin: 1.8px 0 0 1.8px;
  background: url(../assets/images/81a8a95c-0154-4d9c-9687-a8637b82b64c.png)
    no-repeat center;
  background-size: 100% 100%;
}

.text-7 {
  height: 20px;
  font-family: Segoe UI, var(--default-font-family);
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  word-wrap: break-all;
  overflow-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
}

.box-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  padding: 0 16px 0 16px;
}

.wrapper-4 {
  cursor: pointer;
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  padding: 10px 12px 10px 6px;
  background: #ffffff;
  border: 1px solid #c6c6c6;
  border-radius: 6px;
  box-shadow: -2px 3px 4px 0 rgba(0, 0, 0, 0.16);
  justify-content: center;
}

.pic-3 {
  flex-shrink: 0;
  position: relative;
  width: 28px;
  height: 28px;
  background: url(../assets/images/689dccce6c3967a6b6536c1a99815e9e971ffe80.png)
    no-repeat center;
  background-size: cover;
}

.text-8 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  font-family: Segoe UI, var(--default-font-family);
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
}

.group-6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  padding: 12px 16px 16px 16px;
  border-top: 1px solid #c6c6c6;
}

.section-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
}

.text-9 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #aaaaaa;
  font-family: Segoe UI, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
}

.section-7 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19px;
  position: relative;
}

.section-8 {
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.pic-4 {
  position: relative;
  width: 7.8px;
  height: 16px;
  margin: 0 0 0 5.2px;
  background: url(../assets/images/aabf09a7-1f68-42a7-b882-8433619249ef.png)
    no-repeat center;
  background-size: 100% 100%;
}

.section-9 {
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.pic-5 {
  position: relative;
  width: 13.333px;
  height: 12px;
  margin: 2px 0 0 1.333px;
  background: url(../assets/images/3f8bc455-8289-4627-bfca-af4aba1dcc62.png)
    no-repeat center;
  background-size: 100% 100%;
}

.wrapper-5 {
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.img-5 {
  position: relative;
  width: 12px;
  height: 12.055px;
  margin: 2px 0 0 2px;
  background: url(../assets/images/2b7de55d-9ecf-4744-aafb-e7804dee6eba.png)
    no-repeat center;
  background-size: 100% 100%;
}

.group-7 {
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.pic-6 {
  position: relative;
  width: 12px;
  height: 12px;
  margin: 2px 0 0 2px;
  background: url(../assets/images/3336dfdd-3ec7-4054-b259-7f9d126db8dd.png)
    no-repeat center;
  background-size: 100% 100%;
}

.box-7 {
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.pic-7 {
  position: relative;
  width: 12.707px;
  height: 12.001px;
  margin: 1.999px 0 0 1.96px;
  background: url(../assets/images/ea827886-9aea-4b89-ac5b-a7514146cf75.png)
    no-repeat center;
  background-size: 100% 100%;
}

/* Template 3 */
.main-container-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: relative;
  max-width: 100%;
  width: 378px;
  height: 799px;
  margin: 0;
  padding: 36px 24px 36px 24px;
  background: #ececec;
  border-radius: 16px;
  color: #535353;
  font-weight: 500;
}

/* Template 4 */
.main-container-4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: relative;
  max-width: 100%;
  width: 378px;
  height: 799px;
  margin: 0;
  padding: 36px 24px 36px 24px;
  background: #242323;
  border-radius: 16px;
  color: #ececec;
  font-weight: 500;
}

.wrapper-4-dark {
  cursor: pointer;
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  padding: 10px 12px 10px 6px;
  background: #242323;
  border: 1px solid #c6c6c6;
  border-radius: 6px;
  justify-content: center;
}

.wrapper-4-dark:hover {
  background: #000000;
  border: 1px solid #c6c6c6;
  color: #ffffff;
}

/* Template 5 */
.main-container-5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: relative;
  max-width: 100%;
  width: 378px;
  height: 799px;
  margin: 0;
  padding: 36px 24px 36px 24px;
  border-radius: 16px;
  background-color: #008fa1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cpattern id='p' width='100' height='100' patternUnits='userSpaceOnUse' patternTransform='scale(0.7)'%3E%3Cpath data-color='fill' fill='%23FFF' d='M50 0C22.4 0 0 22.4 0 50c27.6 0 50-22.4 50-50zM0 50c0 27.6 22.4 50 50 50 0-27.6-22.4-50-50-50zM100 50c-27.6 0-50 22.4-50 50 27.6 0 50-22.4 50-50zM100 50c0-27.6-22.4-50-50-50 0 27.6 22.4 50 50 50z'%3E%3C/path%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23p)' width='100%25' height='100%25'%3E%3C/rect%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: rgb(0, 16, 20);
  font-weight: 500;
}

.box-template-5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  min-width: 0;
  min-height: 0;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.774);
  backdrop-filter: blur(5.5px);
}

.wrapper-4-persian {
  cursor: pointer;
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  padding: 10px 12px 10px 6px;
  background: #008fa1;
  border-radius: 6px;
  justify-content: center;
}

.text-9-persian {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: rgb(0, 25, 32);
  font-family: Segoe UI, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
}

.section-4-persian {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  padding: 24px 16px 24px 16px;
  background-color: #005d693a;
  margin: 1rem;
  border-radius: 1rem;
}

.group-6-persian {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  padding: 12px 16px 16px 16px;
}

/* Template 6 */
.main-container-6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: relative;
  max-width: 100%;
  width: 378px;
  height: 799px;
  margin: 0;
  padding: 36px 24px 36px 24px;
  border-radius: 16px;
  background-color: #20006b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cpattern id='p' width='100' height='100' patternUnits='userSpaceOnUse' patternTransform='scale(0.7)'%3E%3Cpath data-color='fill' fill='%23FFF' d='M50 0C22.4 0 0 22.4 0 50c27.6 0 50-22.4 50-50zM0 50c0 27.6 22.4 50 50 50 0-27.6-22.4-50-50-50zM100 50c-27.6 0-50 22.4-50 50 27.6 0 50-22.4 50-50zM100 50c0-27.6-22.4-50-50-50 0 27.6 22.4 50 50 50z'%3E%3C/path%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23p)' width='100%25' height='100%25'%3E%3C/rect%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #0c0029;
  font-weight: 500;
}

.box-template-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  min-width: 0;
  min-height: 0;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.774);
  backdrop-filter: blur(5.5px);
}

.text-8-template-5 {
  color: white;
}

.wrapper-4-persian-2 {
  cursor: pointer;
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  padding: 10px 12px 10px 6px;
  background: #20006b;
  border-radius: 6px;
  justify-content: center;
}

.text-9-persian-2 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #17004d;
  font-family: Segoe UI, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
}

.section-4-persian-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  padding: 24px 16px 24px 16px;
  background-color: #20006b2f;
  margin: 1rem;
  border-radius: 1rem;
}

/* Template 7 */
.main-container-7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: relative;
  max-width: 100%;
  width: 378px;
  height: 799px;
  margin: 0;
  padding: 36px 24px 36px 24px;
  border-radius: 24px;
  background-color: #6200ff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cpattern id='p' width='250' height='30' patternUnits='userSpaceOnUse' patternTransform='rotate(43) scale(0.85)'%3E%3Cpath id='a' data-color='outline' fill='none' stroke='%23000000' stroke-width='8.41' d='M-62.5-15C-31.3-15 0-7.5 0-7.5S31.3 0 62.5 0 125-7.5 125-7.5s31.3-7.5 62.5-7.5S250-7.5 250-7.5 281.3 0 312.5 0'%3E%3C/path%3E%3Cuse xlink:href='%23a' y='15'%3E%3C/use%3E%3Cuse xlink:href='%23a' y='30'%3E%3C/use%3E%3Cuse xlink:href='%23a' y='45'%3E%3C/use%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23p)' width='100%25' height='100%25'%3E%3C/rect%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #ffffff;
  font-weight: 500;
}

.box-template-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  min-width: 0;
  min-height: 0;
  border-radius: 1rem;
  background: rgba(0, 0, 0, 0.774);
  backdrop-filter: blur(2.2px);
}

.text-9-wave {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  font-family: Segoe UI, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
  color: #aaaaaa;
}

/* Template 8 */
.main-container-8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: relative;
  max-width: 100%;
  width: 378px;
  height: 799px;
  margin: 0;
  padding: 36px 24px 36px 24px;
  border-radius: 18px;

  background-color: #b9daff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='80%25' height='100%25'%3E%3Cdefs%3E%3Cpattern id='p' width='50' height='100' patternUnits='userSpaceOnUse'%3E%3Cpath data-color='fill' fill='%23FFFFFF' d='M50 50c0 24.1-25 25-25 50C25 75 0 74.1 0 50S25 25 25 0c0 25 25 25.9 25 50z'%3E%3C/path%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23p)' width='100%25' height='100%25'%3E%3C/rect%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  color: #002b7c;
  font-weight: 500;
}

.box-template-8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  min-width: 0;
  min-height: 0;
  border-radius: 1rem;
  background: #ffffff9c;
  backdrop-filter: blur(4px);
  border: 2px solid #b9daff;
}

.wrapper-4-persian-3 {
  cursor: pointer;
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  padding: 10px 12px 10px 6px;
  background: #b9daff;
  border-radius: 6px;
  justify-content: center;
}

.text-9-wave-2 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  font-family: Segoe UI, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
  color: #002b7c;
}

.text-8-template-6 {
  color: #002b7c;
}

.section-4-persian-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  padding: 24px 16px 24px 16px;
  background-color: #002b7c18;
  margin: 1rem;
  border-radius: 1rem;
}