:root {
  --mt-paragraph: 15px;
  --mb-paragraph: 10px;
  --mt-container: 20px;
  --mb-container: 20px;
  --mt-h2: 25px;
  --mb-h2: 4px;
  --mt-h3: 13px;
  --mb-h3: 5px;
}
#ETemplate .main .box-main .content .e-selected-item-one {
  display: flex;
  align-items: center;
  gap: 18px;
  width: 100%;
  margin-top: var(--mt-container);
  margin-bottom: var(--mb-container);
  /* border: blue solid; */
  padding: 10px 150px;
}

#ETemplate .main .box-main .content .e-selected-item-one .item {
  width: 131.599px;
  height: 138.179px;
  border: 4px solid #d7e4ee;
  padding: 10px 8px 25px 8px;
  border-radius: 30px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

#ETemplate .main .box-main .content .e-selected-item-one .item:before {
  content: attr(data-title);
  position: absolute;
  bottom: -15px;
  right: 4px;
  width: 90%;
  box-sizing: border-box;
  border-radius: 5px;
  background: #d9e0e9;
  padding: 5px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 8%;
  color: #3a3a3a;
  font-size: 10px;
  font-weight: 700;
  line-height: 20px;
}

#ETemplate .main .box-main .content .e-selected-item-one .item.active {
  height: 200px;
}

#ETemplate .main .box-main .content .e-selected-item-one .item.active:before {
  color: white;
}

#ETemplate .main .box-main .content .e-selected-item-one .item img {
  width: 83px;
}

@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content .e-selected-item-one {
    flex-direction: column;
    align-items: start !important;
    gap: 0.7rem;
    padding: 0;
  }

  #ETemplate .main .box-main .content .e-selected-item-one .item {
    width: 100%;
    height: 4rem;
    margin: 0;
    padding: 5px;
    display: flex;
    flex-direction: row-reverse;
    border-radius: 10px;
    gap: 1rem;
  }

  #ETemplate .main .box-main .content .e-selected-item-one .item.active {
    height: 4rem;
  }

  #ETemplate .main .box-main .content .e-selected-item-one .item:before {
    position: static;
    font-size: 16px;
    justify-content: start;
    /* background: transparent !important; */
  }
  #ETemplate .main .box-main .content .e-selected-item-one :not(.item.active)::before {

    background: transparent !important;
  }

  #ETemplate .main .box-main .content .e-selected-item-one .item img {
    width: 3rem;
    border-radius: 10px;
  }
}

#ETemplate .main .box-main .content .e-table-raw-two {
  display: flex;
  flex-direction: column;
  background: #fff;
  width: 100%;
  margin-top: var(--mt-container);
  margin-bottom: var(--mb-container);
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #5996b1;
}

#ETemplate .main .box-main .content .e-table-raw-two .e-table-raw-two-header {
  display: flex;
  padding: 0.5rem 1rem;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 42px;
  border-radius: 8px 8px 0px 0px;
}

#ETemplate .main .box-main .content .e-table-raw-two .e-table-raw-two-header > div {
  color: #fff;
}

#ETemplate .main .box-main .content .e-table-raw-two .e-table-raw-two-header > div:first-child {
  text-align: right;
  width: 40%;
}

#ETemplate[dir="ltr"] .main .box-main .content .e-table-raw-two .e-table-raw-two-header > div:first-child {
  text-align: left;
}

#ETemplate .main .box-main .content .e-table-raw-two .e-table-raw-two-header > div:first-child {
  text-align: right;
  width: 40%;
}

#ETemplate .main .box-main .content .e-table-raw-two .e-table-raw-two-header > div:nth-child(2) {
  width: 20%;
}

#ETemplate .main .box-main .content .e-table-raw-two .e-table-raw-two-header > div:nth-child(3) {
  width: 20%;
}

#ETemplate .main .box-main .content .e-table-raw-two .e-table-raw-two-header > div:nth-child(4) {
  width: 20%;
}

#ETemplate .main .box-main .content .e-table-raw-two .row {
  display: flex;
  padding: 0.5rem 1rem;
  color: #3a3a3a;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 42px;
}

#ETemplate .main .box-main .content .e-table-raw-two .row > div:first-child {
  text-align: right;
  width: 40%;
}

#ETemplate[dir="ltr"] .main .box-main .content .e-table-raw-two .row > div:first-child {
  text-align: left;
}

#ETemplate .main .box-main .content .e-table-raw-two .row > div:first-child {
  text-align: right;
  width: 40%;
}

#ETemplate .main .box-main .content .e-table-raw-two .row > div:nth-child(2) {
  width: 20%;
}

#ETemplate .main .box-main .content .e-table-raw-two .row > div:nth-child(3) {
  width: 20%;
}

#ETemplate .main .box-main .content .e-table-raw-two .row > div:nth-child(4) {
  width: 20%;
}

#ETemplate .main .box-main .content .e-table-raw-two .row > div:first-child {
  text-align: right;
}

#ETemplate .main .box-main .content .e-table-raw-two .e-table-raw-two-header > div:first-child {
  text-align: righ !important;
}

@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content .e-table-raw-two .e-table-raw-two-header > div {
    font-size: 10px;
    line-height: 20px;
  }

  #ETemplate .main .box-main .content .e-table-raw-two .e-table-raw-two-header > div:nth-child(1) {
    text-align: center;
  }

  #ETemplate .main .box-main .content .e-table-raw-two .e-table-raw-two-header {
    padding: 0.5rem 0.2rem;
  }

  #ETemplate .main .box-main .content .e-table-raw-two .row {
    padding: 0.2rem 0.5rem;
  }

  #ETemplate .main .box-main .content .e-table-raw-two .row > div {
    font-size: 10px;
    padding: 4px 8px 5px 0 !important;
    line-height: 20px;
  }

  #ETemplate .main .box-main .content .e-table-raw-two .rowColor > div {
    font-size: 10px;
    padding: 0.3rem 1rem;
    line-height: 20px;
  }

  #ETemplate .main .box-main .content .e-table-raw-two .rowColor > div:nth-child(1),
  #ETemplate .main .box-main .content .e-table-raw-two .row > div:nth-child(1) {
    font-weight: 600;
  }

  #ETemplate[dir="ltr"] .main .box-main .content .e-table-raw-two .row > div {
    padding: unset;
  }
}

#ETemplate .main .box-main .content .otism-con-type1 {
  margin-top: var(--mt-container);
  margin-bottom: var(--mb-container);
  padding: 0 100px;
  display: flex;
  flex-direction: column;
  gap: 13px;
  position: relative;
  width: 100%;
  margin-bottom: 56px;
}
#ETemplate .main .box-main .content .otism-con-type1::before,
#ETemplate .main .box-main .content .otism-con-type1::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  border-right: #b2b2b2 dashed 1px;
  width: 1px;
  height: 110%;
  z-index: 1;
}
#ETemplate .main .box-main .content .otism-con-type1::before {
  right: 100px;
}
#ETemplate .main .box-main .content .otism-con-type1::after {
  left: 100px;
}
#ETemplate .main .box-main .content .otism-con-type1 > .item {
  width: 100%;
  background: #f2f2f2;
  height: 50px;
  position: relative;
}
#ETemplate .main .box-main .content .otism-con-type1 > .item > .progressbar {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-color: #cee8e4;
}
#ETemplate .main .box-main .content .otism-con-type1 > .item > .data {
  width: 100%;
  height: 100%;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#ETemplate .main .box-main .content .otism-con-type1 > .item > .data > div {
  color: #104941;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  z-index: 1;
}
#ETemplate .main .box-main .content .otism-con-type1 > .numbers {
  position: absolute;
  right: 0;
  width: 100%;
  padding: 0 94px;
  bottom: -2.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#ETemplate .main .box-main .content .otism-con-type1 > .numbers > div {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
}
@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content .otism-con-type1 {
    padding: 0 0px;
    gap: 6px;
  }

  #ETemplate .main .box-main .content .otism-con-type1::before {
    right: 0px;
  }
  #ETemplate .main .box-main .content .otism-con-type1::after {
    left: 0px;
  }

  #ETemplate .main .box-main .content .otism-con-type1 > .item > .data > div {
    font-size: 10px;
    line-height: 20px;
  }
  #ETemplate .main .box-main .content .otism-con-type1 > .numbers {
    padding: 0 0px;
  }
  #ETemplate .main .box-main .content .otism-con-type1 > .numbers > div {
    font-size: 10px;
    line-height: 20px;
  }
}

#ETemplate .main .box-main .content .progressbarTYPE2 {
  margin-top: var(--mt-container);
  margin-bottom: var(--mb-container);
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: relative;
  padding: 0 21px;
}

#ETemplate .main .box-main .content .progressbarTYPE2 section {
  position: absolute;
  top: 3.5rem;
  color: #555;
  text-align: right;

  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#ETemplate .main .box-main .content .progressbarTYPE2 .progressbar {
  flex-grow: 1;
  border-radius: 10px;
  border: 1px solid #5996b1;
  background: #fff;
  height: 60px;
  position: relative;
  display: flex;
  justify-content: end;
}

#ETemplate .main .box-main .content .progressbarTYPE2 .progressbar .greenbar {
  height: 100%;
  border-radius: 10px;
}

#ETemplate .main .box-main .content .progressbarTYPE2 .progressbar .quality {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

#ETemplate .main .box-main .content .progressbarTYPE2 .progressbar .quality > div {
  border-left: rgba(0, 0, 0, 0.5) solid 0.75px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60%;
  color: #605133;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#ETemplate .main .box-main .content .progressbarTYPE2 .progressbar .quality > div:nth-child(1) {
  width: 43%;
}
#ETemplate .main .box-main .content .progressbarTYPE2 .progressbar .quality > div:nth-child(2) {
  width: 17%;
}
#ETemplate .main .box-main .content .progressbarTYPE2 .progressbar .quality > div:nth-child(3) {
  width: 9%;
}
#ETemplate .main .box-main .content .progressbarTYPE2 .progressbar .quality > div:nth-child(4) {
  width: 31%;
}

#ETemplate .main .box-main .content .progressbarTYPE2 .progressbar .quality > div:last-child {
  border-left: none;
}

#ETemplate[dir="ltr"] .main .box-main .content .progressbarTYPE2 .progressbar .quality > div {
  border-right: rgba(0, 0, 0, 0.5) solid 0.75px;
  border-left: unset;
}

#ETemplate[dir="ltr"] .main .box-main .content .progressbarTYPE2 .progressbar .quality > div:last-child {
  border-right: none;
}

#ETemplate .main .box-main .content .progressbarTYPE2 .number {
  text-align: center;
  font-size: 29px;
  font-style: normal;
  font-weight: 600;
  line-height: 50px;
}
@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content .progressbarTYPE2 {
    flex-direction: column;
    gap: 0rem;
    padding: 0 0;
  }

  #ETemplate .main .box-main .content .progressbarTYPE2 .progressbar {
    width: 100%;
  }

  #ETemplate .main .box-main .content .progressbarTYPE2 .progressbar .quality > div {
    font-size: 12px;
  }
}

#ETemplate .main .box-main .content .otism-type2 {
  width: fit-content;
  margin: auto;
  margin-top: var(--mt-container);
  margin-bottom: var(--mb-container);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  position: relative;
  padding: 37px 50px;
  border-radius: 10px;
}
#ETemplate .main .box-main .content .otism-type2 > div {
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#ETemplate .main .box-main .content .otism-type2 > div:last-child {
  font-weight: 700;
}
#ETemplate .main .box-main .content .otism-type2::before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 15px;
  content: "";
  width: 3.819px;
  height: 66.84px;
}

#ETemplate .main .box-main .content .autism-type3 {
  margin-top: var(--mt-container);
  margin-bottom: var(--mb-container);
  padding: 0 210px;
  height: 500px;
  margin-bottom: 175px;
}
#ETemplate .main .box-main .content .autism-type3 > .chart {
  height: 100%;
  width: 100%;
  padding: 0 30px;
  border-bottom: #000 solid 1px;
  border-left: #000 solid 1px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
#ETemplate[dir="ltr"] .main .box-main .content .autism-type3 > .chart {
  border-right: #000 solid 1px;
  border-left: unset;
}
#ETemplate .main .box-main .content .autism-type3 > .chart > .col {
  height: 100%;
  width: 45px;
  border-radius: 10px 10px 0px 0px;
  background: #f2f2f2;
  display: flex;
  align-items: end;
  justify-content: center;
  position: relative;
}
#ETemplate .main .box-main .content .autism-type3 > .chart > .col::before {
  position: absolute;
  bottom: -32px;
  content: attr(data-en);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#ETemplate .main .box-main .content .autism-type3 > .chart > .col::after {
  position: absolute;
  bottom: -130px;
  content: attr(data-fa);
  width: 200px;
  rotate: -90deg;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
}
#ETemplate[dir="ltr"] .main .box-main .content .autism-type3 > .chart > .col::after {
  bottom: -155px;
  justify-content: end;
}
#ETemplate .main .box-main .content .autism-type3 > .chart > .col > .progress {
  width: 100%;
  border-radius: 10px 10px 0px 0px;
}
#ETemplate .main .box-main .content .autism-type3 > .chart > .ruler {
  position: absolute;
  left: -2.5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
#ETemplate[dir="ltr"] .main .box-main .content .autism-type3 > .chart > .ruler {
  right: -2.5rem;
  left: unset;
}
#ETemplate .main .box-main .content .autism-type3 > .chart > .ruler > div {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 5px;
}

#ETemplate .main .box-main .content .autism-type3 > .chart > .dashLines {
  position: absolute;
  width: calc(100% - 30px);
  top: 0;
  bottom: 0;
  margin: auto;
  height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#ETemplate .main .box-main .content .autism-type3 > .chart > .dashLines > div {
  width: 100%;
  border-bottom: #56a278 dashed 1px;
}

@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content .otism-type2 {
    width: calc(100% - 18px);
    margin: auto;
    margin-top: var(--mt-container);
    margin-bottom: var(--mb-container);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    position: relative;
    padding: 24px 0;
    border-radius: 10px;
  }
  #ETemplate .main .box-main .content .otism-type2 > div {
    font-size: 18px;
  }
  #ETemplate .main .box-main .content .autism-type3 {
    margin-top: 55px;
    padding: 0 10px 0 50px;
    height: 290px;
    margin-bottom: 12rem;
  }
  #ETemplate .main .box-main .content .autism-type3 > .chart {
    padding: 0 16px;
  }

  #ETemplate .main .box-main .content .autism-type3 > .chart > .col {
    width: 22px;
  }
  #ETemplate .main .box-main .content .autism-type3 > .chart > .col::before {
    bottom: -32px;
    font-size: 16px;
  }
  #ETemplate .main .box-main .content .autism-type3 > .chart > .col::after {
    bottom: -150px;
    font-size: 16px;
  }

  #ETemplate .main .box-main .content .autism-type3 > .chart > .ruler {
    left: -2.5rem;
  }

  #ETemplate .main .box-main .content .autism-type3 > .chart > .ruler > div {
    font-size: 16px;
  }
  #ETemplate .main .box-main .content .autism-type3 > .chart > .dashLines {
    width: calc(100% - 15px);
  }
}
#ETemplate .main .box-main .content .youtube-link {
  margin-top: var(--mt-container);
  margin-bottom: var(--mb-container);
  padding: 0 62px;
}
#ETemplate .main .box-main .content .youtube-link > .title {
  color: #3a3a3a;
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
#ETemplate .main .box-main .content .youtube-link > .container {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 27px;
  border-radius: 10px;
  background: #f8f8f8;
}
#ETemplate[dir="ltr"] .main .box-main .content .youtube-link > .container {
  justify-content: start;
  flex-direction: row-reverse;
}
#ETemplate .main .box-main .content .youtube-link > .container > .link {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-transform: lowercase;
    text-align:left;
}
#ETemplate .main .box-main .content .youtube-link > .container > .icon-container {
  height: 100%;
  width: 108px;
  border-radius: 10px;
  background: #f1f1f1;
  display: flex;
  align-items: center;
  justify-content: center;
}
#ETemplate .main .box-main .content .youtube-link > .container > .icon-container img {
  height: 74px;
}
@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content .youtube-link {
    padding: 0 0px;
  }
  #ETemplate .main .box-main .content .youtube-link > .title {
    font-size: 16px;
  }
  #ETemplate .main .box-main .content .youtube-link > .container {
    gap: 11px;
  }
  #ETemplate .main .box-main .content .youtube-link > .container > .link {
    font-size: 14px;
  }
  #ETemplate .main .box-main .content .youtube-link > .container > .icon-container {
    width: 72px;
  }
  #ETemplate .main .box-main .content .youtube-link > .container > .icon-container img {
    height: 47px;
  }
}

#ETemplate .main .box-main .content .good-foods {
  margin-top: var(--mt-container);
  margin-bottom: var(--mb-container);
  padding: 20px 50px;
  position: relative;
  border-radius: 10px;
  background: rgba(89, 150, 177, 0.1);
}
#ETemplate .main .box-main .content .good-foods::before {
  position: absolute;
  top: 0;
  right: 0;
  content: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 60L0 0H50C55.5229 0 60 4.47715 60 10V60Z' fill='%235996B1'/%3E%3Cpath d='M53.25 14.4166V23.5833C53.25 26.3333 51.875 28.1666 48.6667 28.1666H41.3333C38.125 28.1666 36.75 26.3333 36.75 23.5833V14.4166C36.75 11.6666 38.125 9.83331 41.3333 9.83331H48.6667C51.875 9.83331 53.25 11.6666 53.25 14.4166Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.291 12.125V13.9583C47.291 14.9667 48.116 15.7917 49.1243 15.7917H50.9577' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M41.334 19.9167H45.0007' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M41.334 23.5833H48.6673' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#ETemplate[dir="ltr"] .main .box-main .content .good-foods::before {
  right: unset;
  top: -6px;
  left: 8px;
  rotate: 270deg;
}
#ETemplate .main .box-main .content .good-foods > .title {
  display: flex;
  align-items: center;
  gap: 16px;
}
#ETemplate .main .box-main .content .good-foods > .title > .big {
  color: #3a3a3a;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
#ETemplate .main .box-main .content .good-foods > .title > .small {
  color: #3a3a3a;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#ETemplate .main .box-main .content .good-foods > .text {
  color: #3a3a3a;
  text-align: justify;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 10px;
}
@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content .good-foods {
    padding: 25px 35px;
  }
  #ETemplate .main .box-main .content .good-foods::before {
    content: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 60L0 0H50C55.5229 0 60 4.47715 60 10V60Z' fill='%235996B1'/%3E%3Cpath d='M53.25 14.4166V23.5833C53.25 26.3333 51.875 28.1666 48.6667 28.1666H41.3333C38.125 28.1666 36.75 26.3333 36.75 23.5833V14.4166C36.75 11.6666 38.125 9.83331 41.3333 9.83331H48.6667C51.875 9.83331 53.25 11.6666 53.25 14.4166Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.291 12.125V13.9583C47.291 14.9667 48.116 15.7917 49.1243 15.7917H50.9577' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M41.334 19.9167H45.0007' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M41.334 23.5833H48.6673' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  #ETemplate[dir="ltr"] .main .box-main .content .good-foods::before {
    left: 9px;
  }
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one-type2 {
  margin-top: 20px;
  width: calc(100% - 50px);
  gap: 0.5rem;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one-type2 > div:first-child {
  position: relative;
  width: 100%;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one-type2 .e-table-withprogress-in-one-type2-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 2px;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one-type2 .e-table-withprogress-in-one-type2-header > div {
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#ETemplate[dir="ltr"] .main .box-main .content .e-table-withprogress-in-one-type2 .progressBar::before {
  left: unset;
  right: -50px;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one-type2 .body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one-type2 .progressBar {
  width: 100%;
  background: #f2f2f2;
  height: 45px;
  position: relative;
  display: flex;
  align-items: center;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one-type2 .progressBar span {
  position: absolute;
  right: 1rem;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  z-index: 1;
}
#ETemplate[dir="ltr"] .main .box-main .content .e-table-withprogress-in-one-type2 .progressBar span {
  right: unset;
  left: 1rem;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one-type2 .progressBar::before {
  position: absolute;
  left: -55px;
  top: 8px;
  content: attr(data-progressPercentage);
  color: var(--blue);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: 18px;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one-type2 .progressBar > div {
  height: 100%;
  border-radius: 10px 0px 0px 10px;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one-type2 .dottedLine {
  width: 100%;
  height: 89.5%;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: end;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one-type2 .dottedLine > div {
  width: 25%;
  height: 100%;
  border-left: rgba(89, 150, 177, 0.45) dashed 2px;
  position: relative;
}
#ETemplate .main .box-main .content .e-table-withprogress-in-one-type2 .dottedLine > div::before {
  content: attr(data-value);
  position: absolute;
  left: -10px;
  top: -35px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one-type2 .dottedLine > div:last-child {
  border-left: rgba(89, 150, 177, 0.45) dashed 0px;
}

#ETemplate[dir="ltr"] .main .box-main .content .e-table-withprogress-in-one-type2 .dottedLine > div {
  border-left: unset;
  border-right: rgba(89, 150, 177, 0.45) dashed 2px;
}

#ETemplate[dir="ltr"] .main .box-main .content .e-table-withprogress-in-one-type2 .dottedLine > div:last-child {
  border-right: rgba(89, 150, 177, 0.45) dashed 0px;
}

#ETemplate[dir="ltr"] .main .box-main .content .e-table-withprogress-in-one-type2 .progressBar > div {
  border-radius: 0px 10px 10px 0px;
}

/* Responsive Style */
@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content .e-table-withprogress-in-one-type2 {
    width: calc(100% - 30px);
  }

  #ETemplate .main .box-main .content .e-table-withprogress-in-one-type2 .progressBar {
    height: 38px;
  }

  #ETemplate .main .box-main .content .e-table-withprogress-in-one-type2 .progressBar::before {
    left: -25px;
    font-size: 10px;
  }

  #ETemplate
    .main
    .box-main
    .content
    .e-table-withprogress-in-one-type2
    .e-table-withprogress-in-one-type2-header
    > div {
    font-size: 10px;
  }

  #ETemplate .main .box-main .content .e-table-withprogress-in-one-type2 .progressBar span {
    font-size: 10px;
  }

  #ETemplate[dir="ltr"] .main .box-main .content .e-table-withprogress-in-one-type2 .progressBar::before {
    right: -30px;
  }
  #ETemplate .main .box-main .content .e-table-withprogress-in-one-type2 .dottedLine > div {
    height: 80%;
  }
}

#ETemplate .main .box-main .content .checkList {
    margin-top: var(--mt-container);
    margin-bottom: var(--mb-container);
    border-radius: 10px 10px 10px 10px;
    background: #fafafa;
    padding: 33px 84px 33px 10px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
}
#ETemplate[dir="ltr"] .main .box-main .content .checkList {
    padding: 33px 10px 33px 84px;
}
#ETemplate .main .box-main .content .checkList::before {
    position: absolute;
    right: 0;
    content: "";
    top: 0;
    height: 100%;
    width: 64px;
    border-radius: 0 10px 10px 0;
}
#ETemplate[dir="ltr"] .main .box-main .content .checkList::before {
    left: 0;
    right: unset;
    border-radius: 10px 0px 0px 10px;
}
#ETemplate .main .box-main .content .checkList > ul {
    list-style-type: none;
    padding-right: 0;
    padding-left: 0;
}
#ETemplate .main .box-main .content .checkList > ul> li {
    position: relative;
    color: #3a3a3a;
    text-align: justify;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;

}
#ETemplate .main .box-main .content .checkList > ul> li::before {
    position: absolute;
    top: 3px;
    right: -65px;
    z-index: 2;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27' fill='none'%3E%3Cpath d='M10.4625 23.625H16.5375C21.6 23.625 23.625 21.6 23.625 16.5375V10.4625C23.625 5.4 21.6 3.375 16.5375 3.375H10.4625C5.4 3.375 3.375 5.4 3.375 10.4625V16.5375C3.375 21.6 5.4 23.625 10.4625 23.625Z' stroke='%2356A278' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#ETemplate[dir="ltr"] .main .box-main .content .checkList > ul> li::before {
    right: unset;
    left: -65px;
}
@media only screen and (max-width: 768px) {
    #ETemplate .main .box-main .content .checkList {
        padding: 33px 60px 33px 10px;
    }
    #ETemplate[dir="ltr"] .main .box-main .content .checkList {
        padding: 33px 10px 33px 60px;
    }
    #ETemplate .main .box-main .content .checkList::before {
        width: 47px;
    }
    #ETemplate[dir="ltr"] .main .box-main .content .checkList::before {
        left: 0;
        right: unset;
        border-radius: 10px 0px 0px 10px;
    }
    #ETemplate .main .box-main .content .checkList >ul>li {
        font-size: 14px;
        line-height: 28px;
    }
    #ETemplate .main .box-main .content .checkList > ul>li::before {
        right: -48.5px;
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 27 27' fill='none'%3E%3Cpath d='M10.4625 23.625H16.5375C21.6 23.625 23.625 21.6 23.625 16.5375V10.4625C23.625 5.4 21.6 3.375 16.5375 3.375H10.4625C5.4 3.375 3.375 5.4 3.375 10.4625V16.5375C3.375 21.6 5.4 23.625 10.4625 23.625Z' stroke='%2356A278' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    #ETemplate[dir="ltr"] .main .box-main .content .checkList > ul>li::before {
        right: unset;
        left: -48.5px;
    }
}


#ETemplate .main .box-main .content .slideshow-container {
  width: 100%;
  position: relative;
  margin: auto;
  margin-top: var(--mt-container);
  margin-bottom: var(--mb-container);
}

#ETemplate .main .box-main .content .dot_container {
  position: absolute;
  bottom: calc(50% - 8.5rem - 0.5rem);
  left: 6.4rem;
  width: fit-content;
  margin: auto;
}

#ETemplate .main .box-main .content .dot_container {
  left: unset;
  right: 6.4rem;
}

#ETemplate .main .box-main .content .dots .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  border: 1px solid var(--blue);
}

#ETemplate .main .box-main .content .activedot,
#ETemplate .main .box-main .content .dot:hover {
  background-color: var(--blue);
}

/* Fading animation */
#ETemplate .main .box-main .content .fade {
  animation-name: fade;
  animation-duration: 2.5s;
}

@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

#ETemplate .main .box-main .content .e-product-suggest-three {
  width: 100%;
  flex-direction: row-reverse;
  gap: 4rem;
  display: flex;
}

#ETemplate .main .box-main .content .e-product-suggest-three > div:first-child {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#ETemplate .main .box-main .content .e-product-suggest-three > div:first-child img {
  height: 17rem;
}

#ETemplate .main .box-main .content .e-product-suggest-three > div:last-child {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

#ETemplate .main .box-main .content .e-product-suggest-three > div:last-child > section {
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
}

#ETemplate .main .box-main .content .e-product-suggest-three > div:last-child > p {
  color: #3a3a3a;
  text-align: justify;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  margin-top: -0.3rem;
}

#ETemplate .main .box-main .content .e-product-suggest-three > div:last-child > a {
  width: fit-content;
  padding: 1rem 1rem 1rem 3rem;
  color: #fff;
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  position: relative;
  border-radius: 10px;
}

#ETemplate .main .box-main .content .e-product-suggest-three > div:last-child > a::after {
  position: absolute;
  top: 19px;
  left: 0.85rem;
  content: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Arrow - Left Circle'%3E%3Cpath id='Stroke 1' fill-rule='evenodd' clip-rule='evenodd' d='M10.0894 1.0625C5.44218 1.0625 1.67384 4.82992 1.67384 9.47802C1.67384 14.1252 5.44218 17.8935 10.0894 17.8935C14.7365 17.8935 18.5049 14.1252 18.5049 9.47802C18.5049 4.82992 14.7365 1.0625 10.0894 1.0625Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Stroke 3' d='M11.4016 6.32031L8.2301 9.47818L11.4016 12.636' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#ETemplate .main .box-main .content .e-product-suggest-three .tags_container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}

#ETemplate .main .box-main .content .e-product-suggest-three .tags_container > div {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  border-radius: 5px;
  border: 1px solid #d2d2d2;
  padding: 0.2rem 0.5rem;
}

#ETemplate .main .box-main .content .e-product-suggest-three .tags_container > div > div:first-child {
  color: #676767;
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#ETemplate .main .box-main .content .e-product-suggest-three .tags_container > div > div:last-child {
  color: var(--blue);
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

#ETemplate .main .box-main .content .e-product-suggest-three .tags_container > div > div:nth-child(2) {
  height: 11px;
  width: 1px;
  background-color: #000;
}

#ETemplate .main .box-main .content .e-product-suggest-three > div:last-child > h1 {
  text-align: right;
}

@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content .e-product-suggest-three {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  #ETemplate .main .box-main .content .e-product-suggest-three > div:last-child {
    gap: 12px;
  }

  #ETemplate .main .box-main .content .e-product-suggest-three > div:first-child {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
  }

  #ETemplate .main .box-main .content .e-product-suggest-three > div:first-child > div {
    width: fit-content;
  }

  #ETemplate .main .box-main .content .e-product-suggest-three > div:last-child > section {
    text-align: center;
    font-size: 18px;
    width: fit-content !important;
    margin: 0 auto;
  }

  #ETemplate .main .box-main .content .e-product-suggest-three > div:last-child > section.redvertical::after {
    width: 0 !important;
  }

  #ETemplate .main .box-main .content .e-product-suggest-three > div:last-child > section.bluevertical::after {
    width: 0 !important;
  }

  #ETemplate .main .box-main .content .e-product-suggest-three > div:last-child > section.yellowvertical::after {
    width: 0 !important;
  }

  #ETemplate .main .box-main .content .e-product-suggest-three .tags_container {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }

  #ETemplate .main .box-main .content .e-product-suggest-three .tags_container > div {
    width: 60%;
    padding: 0.7rem 10px;
    border-radius: 10px;
    justify-content: center;
    gap: 7px;
  }

  #ETemplate .main .box-main .content .e-product-suggest-three > div:last-child > p {
    width: 100%;
  }

  #ETemplate .main .box-main .content .e-product-suggest-three > div:last-child > a {
    margin: 0rem auto;
  }

  #ETemplate .main .box-main .content .dot_container {
    top: calc(17rem + 0.5rem + 0rem);
    left: 0;
    right: 0;
  }

  [dir="ltr"] #ETemplate .main .box-main .content .dot_container {
    left: 0;
    right: 0;
  }

  #ETemplate .main .box-main .content .e-product-suggest-three .tags_container > div > div:first-child {
    font-size: 12px;
  }

  #ETemplate .main .box-main .content .e-product-suggest-three .tags_container > div > div:last-child {
    font-size: 12px;
  }

  #ETemplate .main .box-main .content .e-product-suggest-three .tags_container > div > div:nth-child(2) {
    position: relative;
    width: 0px;
  }

  #ETemplate .main .box-main .content .e-product-suggest-three .tags_container > div > div:nth-child(2)::before {
    position: absolute;
    top: -2px;
    right: -3px;
    content: ":";
    color: #3a3a3a;
    text-align: center;
    font-family: Yekan Bakh;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one {
  margin-top: var(--mt-container);
  margin-bottom: var(--mb-container);
  width: calc(100% - 50px);
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one > div:first-child {
  position: relative;
  width: 100%;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one .e-table-withprogress-in-one-header {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one .e-table-withprogress-in-one-header > div {
  color: #3a3a3a;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#ETemplate
  .main
  .box-main
  .content
  .e-table-withprogress-in-one
  .e-table-withprogress-in-one-header
  > div:nth-child(1) {
  width: 31%;
}
#ETemplate
  .main
  .box-main
  .content
  .e-table-withprogress-in-one
  .e-table-withprogress-in-one-header
  > div:nth-child(2) {
  width: 9%;
}
#ETemplate
  .main
  .box-main
  .content
  .e-table-withprogress-in-one
  .e-table-withprogress-in-one-header
  > div:nth-child(3) {
  width: 17%;
}
#ETemplate
  .main
  .box-main
  .content
  .e-table-withprogress-in-one
  .e-table-withprogress-in-one-header
  > div:nth-child(4) {
  width: 43%;
}

#ETemplate[dir="ltr"] .main .box-main .content .e-table-withprogress-in-one .progressBar::before {
  left: unset;
  right: -50px;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one .e-table-withprogress-in-one-header > div {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one .body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one .progressBar {
  width: 100%;
  background: #f2f2f2;
  height: 45px;
  position: relative;
  display: flex;
  align-items: center;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one .progressBar span {
  position: absolute;
  right: 1rem;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  z-index: 1;
}
#ETemplate[dir="ltr"] .main .box-main .content .e-table-withprogress-in-one .progressBar span {
  right: unset;
  left: 1rem;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one .progressBar::before {
  position: absolute;
  left: -55px;
  top: 8px;
  content: attr(data-progressPercentage);
  color: var(--blue);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: 18px;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one .progressBar > div {
  height: 100%;
  border-radius: 10px 0px 0px 10px;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one .dottedLine {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: end;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one .dottedLine > div {
  height: 90%;
  border-left: rgba(89, 150, 177, 0.45) dashed 2px;
}
#ETemplate .main .box-main .content .e-table-withprogress-in-one .dottedLine > div:nth-child(1) {
  width: 31%;
}
#ETemplate .main .box-main .content .e-table-withprogress-in-one .dottedLine > div:nth-child(2) {
  width: 9%;
}
#ETemplate .main .box-main .content .e-table-withprogress-in-one .dottedLine > div:nth-child(3) {
  width: 17%;
}
#ETemplate .main .box-main .content .e-table-withprogress-in-one .dottedLine > div:nth-child(4) {
  width: 43%;
}

#ETemplate .main .box-main .content .e-table-withprogress-in-one .dottedLine > div:last-child {
  border-left: rgba(89, 150, 177, 0.45) dashed 0px;
}

#ETemplate[dir="ltr"] .main .box-main .content .e-table-withprogress-in-one .dottedLine > div {
  border-left: unset;
  border-right: rgba(89, 150, 177, 0.45) dashed 2px;
}

#ETemplate[dir="ltr"] .main .box-main .content .e-table-withprogress-in-one .dottedLine > div:last-child {
  border-right: rgba(89, 150, 177, 0.45) dashed 0px;
}

#ETemplate[dir="ltr"] .main .box-main .content .e-table-withprogress-in-one .progressBar > div {
  border-radius: 0px 10px 10px 0px;
}

/* Responsive Style */
@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content .e-table-withprogress-in-one {
    width: calc(100% - 30px);
  }

  #ETemplate .main .box-main .content .e-table-withprogress-in-one .progressBar {
    height: 38px;
  }

  #ETemplate .main .box-main .content .e-table-withprogress-in-one .progressBar::before {
    left: -25px;
    font-size: 10px;
  }

  #ETemplate .main .box-main .content .e-table-withprogress-in-one .e-table-withprogress-in-one-header > div {
    font-size: 10px;
  }

  #ETemplate .main .box-main .content .e-table-withprogress-in-one .progressBar span {
    font-size: 10px;
  }

  #ETemplate[dir="ltr"] .main .box-main .content .e-table-withprogress-in-one .progressBar::before {
    right: -30px;
  }
  #ETemplate .main .box-main .content .e-table-withprogress-in-one .dottedLine > div {
      height: calc(100% - 40px);
  }
}

#ETemplate .main .box-main .content .text_and_line {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-top: var(--mt-h2);
  margin-bottom: var(--mb-h2);
}

#ETemplate .main .box-main .content .text_and_line > div.text {
  color: #3a3a3a;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 0.5rem;
  font-family: Esanj-anjomanMax;
}

#ETemplate .main .box-main .content .text_and_line > .line {
  width: 0%;
  height: 1px;
  background-color: #dddfe2;
  flex-grow: 1;
}
@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content .text_and_line > div.text {
    font-size: 16px;
  }
}
#ETemplate .main .box-main .content > .labeled-container {
  position: relative;
  padding: 34px 52px;
  color: #3a3a3a;
  text-align: justify;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  border-radius: 10px;
  margin-top: 20px;
}
#ETemplate .main .box-main .content > .labeled-container::before {
  position: absolute;
  top: 0;
  right: 0;
}
#ETemplate[dir="ltr"] .main .box-main .content > .labeled-container::before {
  left: 0;
}
#ETemplate .main .box-main .content > .labeled-container.attention::before {
  position: absolute;
  top: 0;
  right: 0;
  content: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 60L0 0H50C55.5229 0 60 4.47715 60 10V60Z' fill='%23DCB051'/%3E%3Cpath d='M43.9948 28.1615C49.0365 28.1615 53.1615 24.0365 53.1615 18.9948C53.1615 13.9531 49.0365 9.82812 43.9948 9.82812C38.9531 9.82812 34.8281 13.9531 34.8281 18.9948C34.8281 24.0365 38.9531 28.1615 43.9948 28.1615Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44 15.3281V19.9115' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M43.9922 22.6719H44.0004' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#ETemplate[dir="ltr"] .main .box-main .content > .labeled-container.attention::before {
  left: 0;
  content: "";
}
#ETemplate .main .box-main .content > .labeled-container.success::before {
  content: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 60L0 0H50C55.5229 0 60 4.47715 60 10V60Z' fill='%2356A278'/%3E%3Cpath d='M40.9462 20.8359H36.6654C35.657 20.8359 34.832 21.6609 34.832 22.6693V28.1693H40.9462V20.8359Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45.2183 17.168H42.7708C41.7625 17.168 40.9375 17.993 40.9375 19.0013V28.168H47.0517V19.0013C47.0517 17.993 46.2358 17.168 45.2183 17.168Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M51.3316 23.5859H47.0508V28.1693H53.1649V25.4193C53.1649 24.4109 52.3399 23.5859 51.3316 23.5859Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.4783 9.89856L44.9642 10.8702C45.0283 11.0077 45.2025 11.1361 45.3492 11.1544L46.2292 11.3011C46.7883 11.3927 46.9258 11.8052 46.5225 12.1994L45.835 12.8869C45.7158 13.006 45.6517 13.226 45.6883 13.3819L45.8808 14.2252C46.0367 14.8944 45.6792 15.1511 45.0925 14.8027L44.2675 14.3169C44.1208 14.2252 43.8733 14.2252 43.7267 14.3169L42.9017 14.8027C42.315 15.1511 41.9575 14.8944 42.1133 14.2252L42.3058 13.3819C42.3425 13.226 42.2783 12.9969 42.1592 12.8869L41.4808 12.2085C41.0775 11.8052 41.2058 11.4019 41.7742 11.3102L42.6542 11.1636C42.8008 11.1361 42.975 11.0077 43.0392 10.8794L43.525 9.90771C43.7908 9.37604 44.2125 9.37606 44.4783 9.89856Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#ETemplate[dir="ltr"] .main .box-main .content > .labeled-container.success::before {
  content: "";
}
#ETemplate .main .box-main .content > .labeled-container.attention {
  background: rgba(220, 176, 81, 0.1);
  padding: 27px 42px;
}
@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content > .labeled-container {
    font-size: 14px;
    line-height: 28px;
    padding: 47px 16px 26px 16px;
    margin-top: 1.5rem;
  }
  #ETemplate .main .box-main .content > .labeled-container::before {
    content: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M72 72L0 0H62C67.5229 0 72 4.47715 72 10V72Z' fill='%2356A278'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M52.1667 14.146C49.7619 14.146 47.8125 16.0954 47.8125 18.5002C47.8125 20.9049 49.7619 22.8543 52.1667 22.8543C54.5714 22.8543 56.5208 20.9049 56.5208 18.5002C56.5208 16.0954 54.5714 14.146 52.1667 14.146ZM49.1875 18.5002C49.1875 16.8548 50.5213 15.521 52.1667 15.521C53.812 15.521 55.1458 16.8548 55.1458 18.5002C55.1458 20.1455 53.812 21.4793 52.1667 21.4793C50.5213 21.4793 49.1875 20.1455 49.1875 18.5002Z' fill='white'/%3E%3Cpath d='M63.6789 25.3754C63.9321 25.0925 63.9081 24.6579 63.6252 24.4046C63.3424 24.1514 62.9077 24.1754 62.6545 24.4582L59.566 27.9078C58.9402 28.6068 58.5188 29.0751 58.1585 29.3779C57.8152 29.6664 57.6136 29.7293 57.4375 29.7293C57.2614 29.7293 57.0598 29.6664 56.7165 29.3779C56.3562 29.0751 55.9348 28.6068 55.3089 27.9078L54.5122 27.0179C54.2589 26.735 53.8243 26.711 53.5414 26.9643C53.2585 27.2176 53.2345 27.6522 53.4878 27.9351L54.3185 28.863C54.9014 29.5141 55.3876 30.0571 55.8318 30.4305C56.3017 30.8255 56.8086 31.1043 57.4375 31.1043C58.0664 31.1043 58.5733 30.8255 59.0432 30.4305C59.4874 30.0571 59.9736 29.5141 60.5564 28.863L63.6789 25.3754Z' fill='white'/%3E%3Cpath d='M49.4167 24.2293C47.0119 24.2293 45.0625 26.1788 45.0625 28.5835C45.0625 30.9882 47.0119 32.9377 49.4167 32.9377H54.9167C55.2964 32.9377 55.6042 32.6299 55.6042 32.2502C55.6042 31.8705 55.2964 31.5627 54.9167 31.5627H49.4167C47.7713 31.5627 46.4375 30.2288 46.4375 28.5835C46.4375 26.9381 47.7713 25.6043 49.4167 25.6043H54.9167C55.2964 25.6043 55.6042 25.2965 55.6042 24.9168C55.6042 24.5371 55.2964 24.2293 54.9167 24.2293H49.4167Z' fill='white'/%3E%3C/svg%3E%0A");
  }

  #ETemplate .main .box-main .content .blackTitle > .fa-text {
    font-size: 16px;
  }
  #ETemplate .main .box-main .content .blackTitle > .fa-text.small {
    font-size: 16px;
  }
  #ETemplate .main .box-main .content .blackTitle > .en-text {
    font-size: 16px;
  }
  #ETemplate .main .box-main .content .blackTitle-with-tick {
    font-size: 16px;
  }
  #ETemplate .main .box-main .content .blackTitle-with-number {
    padding-right: 34px;
    font-size: 16px;
  }
  #ETemplate .main .box-main .content .blackTitle-with-number::before {
    width: 25px;
    height: 25px;
    font-size: 16px;
  }
}

/* sec_6 */

#ETemplate .main .box-main .content > .attention {
  border-radius: 10px;
  background: rgba(225, 104, 103, 0.05);
  color: #3a3a3a;
  text-align: justify;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  padding: 7px 41px 28px 24px;
  position: relative;
  margin-top: var(--mt-container);
  margin-bottom: var(--mb-container);
}
#ETemplate[dir="ltr"] .main .box-main .content > .attention {
  padding: 7px 24px 28px 41px;
}
#ETemplate .main .box-main .content > .attention::before {
  position: absolute;
  top: 1.3rem;
  right: 10px;
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.07161 9C7.3452 5.06204 8.48199 3.09306 9.96613 2.43227C11.2607 1.85591 12.739 1.85591 14.0335 2.43227C15.5176 3.09306 16.6544 5.06204 18.928 9C21.2016 12.938 22.3384 14.9069 22.1686 16.5226C22.0205 17.9319 21.2813 19.2122 20.1349 20.0451C18.8206 21 16.547 21 11.9998 21C7.45265 21 5.17906 21 3.86474 20.0451C2.71832 19.2122 1.97917 17.9319 1.83105 16.5226C1.66124 14.9069 2.79803 12.938 5.07161 9ZM11.9998 6.25C12.414 6.25 12.7498 6.58579 12.7498 7V13C12.7498 13.4142 12.414 13.75 11.9998 13.75C11.5855 13.75 11.2498 13.4142 11.2498 13V7C11.2498 6.58579 11.5855 6.25 11.9998 6.25ZM11.9998 17C12.552 17 12.9998 16.5523 12.9998 16C12.9998 15.4477 12.552 15 11.9998 15C11.4475 15 10.9998 15.4477 10.9998 16C10.9998 16.5523 11.4475 17 11.9998 17Z' fill='%23E16867'/%3E%3C/svg%3E%0A");
}
#ETemplate[dir="ltr"] .main .box-main .content > .attention::before {
  right: unset;
  left: 10px;
}
#ETemplate .main .box-main .content > .attention > .title {
  color: #e16867;
  font-weight: 700;
  margin-top: 10px;
}
#ETemplate .main .box-main .content > .attention > .text {
  position: relative;
}
#ETemplate .main .box-main .content > .attention > .text::before {
  position: absolute;
  right: -1.23rem;
  top: -5px;
  content: "1";
  font-size: 1px;
  color: #e16867;
  height: 100%;
  width: 1px;
  background-color: #e16867;
}
#ETemplate[dir="ltr"] .main .box-main .content > .attention > .text::before {
  left: -1.23rem;
  right: unset;
}
#ETemplate .main .box-main .content > .attention > .text::after {
  position: absolute;
  right: -1.45rem;
  bottom: 0;
  content: "1";
  font-size: 1px;
  color: #e16867;
  height: 8px;
  width: 8px;
  background-color: #e16867;
  border-radius: 100%;
}
#ETemplate[dir="ltr"] .main .box-main .content > .attention > .text::after {
  right: unset;
  left: -1.4rem;
}
#ETemplate .main .box-main .content .talent-type5 {
  margin-top: var(--mt-container);
  margin-bottom: var(--mb-container);
  width: 100%;
  padding: 0 85px;
  display: flex;
  flex-wrap: wrap;
  gap: 13px 13px;
}
#ETemplate .main .box-main .content .talent-type5 > .item {
  width: calc(50% - 7.5px);
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 5px;
  padding: 5px 0;
  padding-right: 58px;
  position: relative;
  border-radius: 10px;
  cursor: pointer;
}
#ETemplate .main .box-main .content .talent-type5 > .item:hover {
  opacity: 0.8;
}
#ETemplate .main .box-main .content .talent-type5 > .item > div {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
}
#ETemplate[dir="ltr"] .main .box-main .content .talent-type5 > .item {
  padding-left: 58px;
  padding-right: unset;
}

#ETemplate .main .box-main .content .talent-type5 > .item > .sharp {
  position: absolute;
  height: 100%;
  right: 0;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  font-weight: 500;
  font-size: 22px;
}
#ETemplate[dir="ltr"] .main .box-main .content .talent-type5 > .item > .sharp {
  left: 0;
  right: unset;
}
@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content .talent-type5 {
    padding: 0 0px;
    gap: 8px;
  }
  #ETemplate .main .box-main .content .talent-type5 > .item {
    width: 100%;
  }
  #ETemplate .main .box-main .content .talent-type5 > .item > div {
    font-size: 16px;
  }
}

/* sec_7 */

#ETemplate .main .box-main .content .picture-and-text {
  /*display: flex;*/
  align-items: center;
  gap: 70px;
  margin-top: var(--mt-container);
  margin-bottom: var(--mb-container);
}
#ETemplate .main .box-main .content .picture-and-text > .text {
  color: #3a3a3a;
  text-align: justify;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  width: 100%;
}
#ETemplate .main .box-main .content .picture-and-text > .men-women-pic {
  width: 458px;
    float: left;
    margin: 35px 20px 10px 20px;
}
#ETemplate .main .box-main .content .list-strong-green ul {
    padding: 0 !important;
}
#ETemplate .main .box-main .content .list-strong-green ul li{
    margin-bottom: 15px
}
#ETemplate .main .box-main .content .list-strong-green ul li strong{
color:#52B686;
    font-weight: 700;
}
@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content .picture-and-text > .men-women-pic {
    width: 100%;
  }
}

#ETemplate .main .box-main .content .talent-type6 {
  margin-top: var(--mt-container);
  margin-bottom: var(--mb-container);
  padding: 0 15px;
  display: flex;
  align-items: center;
  gap: 16px 10px;
  flex-wrap: wrap;
}
#ETemplate .main .box-main .content .talent-type6 > .item {
  width: calc(33.33% - 7px);
  border-radius: 10px;
  position: relative;
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

#ETemplate .main .box-main .content .talent-type6 > .item > div {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#ETemplate .main .box-main .content .talent-type6 > .item > div:nth-child(2) {
  font-weight: 700;
}

#ETemplate .main .box-main .content .talent-type6 > .item::before {
  position: absolute;
  content: "";
  height: 60%;
  right: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 2px;
  /* background-color: red; */
}

#ETemplate .main .box-main .content .chart-iq-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 25px 0;
}
#ETemplate .main .box-main .content .chart-iq-container > .label {
  color: #334155;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#ETemplate .main .box-main .content .chart-iq {
  display: inline-block;
  position: relative;
  margin: auto;
  margin-top: 2rem;
}

#ETemplate .main .box-main .content .chart-iq svg {
  width: 420px;
  height: 303px;
}

#ETemplate .main .box-main .content .chart-iq::before {
  content: attr(data-score);
  position: absolute;
  font-size: 60px;
  font-weight: 800;
  bottom: 80px;
  right: 50%;
  transform: translate(50%);
  color: #334155;
  text-align: center;
  font-style: normal;
  line-height: normal;
}

#ETemplate .main .box-main .content .chart-iq::after {
  content: attr(data-title);
  position: absolute;
  bottom: 50px;
  right: 50%;
  transform: translate(50%);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  color: #888;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 0.3rem 1rem;
}

#ETemplate .main .box-main .content .recommendBook {
  margin-top: var(--mt-container);
  margin-bottom: var(--mb-container);
}

#ETemplate .main .box-main .content .recommendBook > div {
  display: flex;
  align-items: center;
  width: 100%;
}

#ETemplate .main .box-main .content .recommendBook-bottom-right img {
  border-radius: 5px;
  width: 310px;
}

#ETemplate .main .box-main .content .recommendBook-bottom-left {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}

#ETemplate .main .box-main .content .recommendBook-bottom-left > div {
  display: flex;
  flex-direction: column;
  align-items: start;
}
#ETemplate .main .box-main .content .recommendBook-bottom-left > div.d-flex {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: start;
  gap: 4px;
}

#ETemplate .main .box-main .content .recommendBook-bottom-left > div .value {
  font-size: 16px !important;
}

#ETemplate .main .box-main .content .recommendBook-bottom-left > div .title.description {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 5px;
  width: fit-content;
  margin-bottom: 10px;
  margin-top: 27px;
  line-height: 30px;
  font-size: 18px;
}

#ETemplate .main .box-main .content .recommendBook-bottom-left > div .description:not(.title) {
  font-size: 18px;
  text-align: justify;
}

#ETemplate .main .box-main .content .recommendBook-bold-text {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
}

#ETemplate[dir="ltr"] .main .box-main .content .recommendBook-bold-text {
  text-align: left;
}

#ETemplate .main .box-main .content .recommendBook-regular-text {
  color: #334155;
  font-size: 20px;
  font-style: normal;
  line-height: 40px;
}

#ETemplate .main .box-main .content .recommendBook > div.dots {
  justify-content: center;
  width: 30%;
  float: left;
  top: -60px;
  position: relative;
}

#ETemplate .main .box-main .content .recommendBook > div.dots .active {
  background: #ccc;
}

#ETemplate .main .box-main .content .recommendMovie > div.dots {
  text-align: center;
  justify-content: center;
  width: 30%;
  float: left;
  top: -10px;
  position: relative;
}

#ETemplate .main .box-main .content .recommendMovie > div.dots .active {
  background: #ccc;
}

#ETemplate[dir="ltr"] .main .box-main .content .recommendBook > div.dots {
  float: right;
}

#ETemplate[dir="ltr"] .main .box-main .content .recommendMovie > div.dots {
  float: right;
}

#ETemplate .main .box-main .content .exercise-container {
  width: 100%;
  margin: auto;
  margin-top: var(--mt-container);
  margin-bottom: var(--mb-container);
  display: flex;
  flex-direction: column;
}

#ETemplate .main .box-main .content .exercise-container > .top {
  display: flex;
  gap: 40px;
}
#ETemplate .main .box-main .content .exercise-container > .top .main-title {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
}

#ETemplate .main .box-main .content .exercise-container > .top > div > div {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 4px;
}

#ETemplate .main .box-main .content .exercise-container > .top > img {
  width: 252px;
  margin: auto;
}

#ETemplate .main .box-main .content .exercise-container .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 40px;
}

#ETemplate[dir="ltr"] .main .box-main .content .exercise-container .bold-text {
  text-align: left;
}

#ETemplate .main .box-main .content .exercise-container .value {
  color: #334155;
  font-size: 20px;
  font-style: normal;
  line-height: 40px;
}

#ETemplate .main .box-main .content .exercise-container .title.how-to-run {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 5px;
  width: fit-content;
  font-size: 18px;
}

#ETemplate .main .box-main .content .exercise-container .listed-item ul {
    list-style-type: none;
    margin: 0;
    margin-top: 23px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-right: 0;
}
#ETemplate .main .box-main .content .exercise-container .listed-item > ul> .item {
    display: flex;
    align-items: start;
    gap: 24px;
}
#ETemplate .main .box-main .content .exercise-container .listed-item > ul> .item > .number {
    width: 60px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 7px;
}
@media only screen and (max-width: 768px) {
    #ETemplate .main .box-main .content .exercise-container .listed-item > ul> .item {
        gap: 10px;
    }
    #ETemplate .main .box-main .content .exercise-container .listed-item > ul> .item > .number {
        width: 30px;
        height: 30px;
        padding: 0 12px;
        font-size: 16px;
        line-height: 32px;
    }
}


@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content .picture-and-text {
    flex-direction: column-reverse;
    gap: 10px;
  }
  #ETemplate .main .box-main .content .picture-and-text > .text {
    font-size: 16px;
    width: 100%;
  }
  #ETemplate .main .box-main .content .picture-and-text > .pic {
    width: 322px;
  }
  #ETemplate .main .box-main .content .talent-type6 {
    padding: 0 0px;
    gap: 12px 10px;
  }
  #ETemplate .main .box-main .content .talent-type6 > .item {
    width:calc(50% - 5px);
  }
  #ETemplate .main .box-main .content .talent-type6 > .item > div{
    font-size: 12px;
  }
  #ETemplate .main .box-main .content .chart-iq-container > .label {
    font-size: 16px;
  }
  #ETemplate .main .box-main .content .chart-iq svg {
    width: 250px;
    height: 150px;
  }

  #ETemplate .main .box-main .content .chart-iq::before {
    font-size: 25px;
    bottom: 55px;
  }

  #ETemplate .main .box-main .content .chart-iq::after {
    bottom: 25px;
    font-size: 10px;
    padding: 0.1rem 0.5rem;
  }
  #ETemplate .main .box-main .content .ulist {
    margin-top: 1rem;
    padding-right: 0px;
    gap: 10px;
  }
  #ETemplate .main .box-main .content .ulist > .item {
    font-size: 16px;
    line-height: 32px;
  }

  #ETemplate .main .box-main .content .ulist > .item::before {
    content: unset;
  }

  #ETemplate .main .box-main .content .exercise-container > .top {
    flex-direction: column-reverse;
    align-items: start;
    justify-content: start;
    gap: 40px;
  }

  #ETemplate .main .box-main .content .exercise-container > .top > div > div {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 4px;
  }

  #ETemplate .main .box-main .content .exercise-container > .top > img {
    height: 200px;
    align-self: center;
  }

  #ETemplate .main .box-main .content .exercise-container .title {
    font-size: 14px;
      align-self: baseline;
  }

  #ETemplate .main .box-main .content .exercise-container .value {
    font-size: 14px;
  }

  #ETemplate .main .box-main .content .exercise-container .title.how-to-run {
    width: fit-content !important;
    font-size: 16px;
  }

  #ETemplate .main .box-main .content .exercise-container .listed-item > .item {
    gap: 10px;
  }
  #ETemplate .main .box-main .content .exercise-container .listed-item > .item > .number {
    width: 30px;
    height: 30px;
    padding: 0 12px;
    font-size: 16px;
    line-height: 32px;
  }

  #ETemplate .main .box-main .content .recommendBook > div {
    flex-direction: column-reverse;
  }

  #ETemplate .main .box-main .content .recommendBook-bold-text {
    font-size: 16px;
    line-height: 32px;
  }

  #ETemplate .main .box-main .content .recommendBook-regular-text {
    font-size: 14px;
    line-height: 28px;
  }

  #ETemplate .main .box-main .content .recommendBook-bottom-left > div:nth-child(4) {
    font-size: 16px;
  }

  #ETemplate .main .box-main .content .recommendBook-bottom-right {
    width: 250px;
  }

  #ETemplate .main .box-main .content .recommendBook-bottom-right img {
    height: 15rem;
  }

  #ETemplate .main .box-main .content .recommendBook-bottom-left {
    gap: 0.5rem;
    margin: auto;
  }

  #ETemplate .main .box-main .content .recommendBook-bottom-left > div {
    flex-direction: column;
    gap: 0;
    align-items: start;
  }

  #ETemplate .main .box-main .content .recommendBook-bottom-left > div .description:not(.title) {
    text-align: justify;
    font-size: 16px;
  }

  #ETemplate .main .box-main .content .recommendBook-bottom-left > div .title {
    font-size: 16px !important;
  }

  #ETemplate .main .box-main .content .recommendBook-bottom-left > div .value {
    /*font-size: 14px !important;*/
    margin-top: 6px;
  }
  #ETemplate .main .box-main .content .recommendBook-bottom-left > div.d-flex {
    align-items: start;
    flex-direction: column;
    gap: 0px;
  }
}

#ETemplate .main .box-main .content > .tags {
  margin-top: 1.5rem;
  padding: 0 22px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 19px 13px;
}

#ETemplate .main .box-main .content > .tags > div {
  padding: 14px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background: rgba(82, 182, 134, 0.15);
  color: #52b686;
}

@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content > .tags {
    gap: 3px 3px;
  }
}

#ETemplate .main .box-main .content .clock_container {
  width: fit-content;
  margin: auto;
  margin-top: var(--mt-container);
  margin-bottom: var(--mb-container);
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  padding: 4px;
}

#ETemplate .main .box-main .content .clock_container > div {
  width: 100%;
  padding: 1rem;
  border-radius: 7px;
  display: flex;
  align-items: center;
}

#ETemplate .main .box-main .content .clock_container > div > div {
  font-family: Esanj-DigitalNumbers;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  gap: 0;
}

#ETemplate .main .box-main .content .clock_container > div > div:nth-child(1) {
  margin-left: -0.7rem;
}

@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content .clock_container > div > div {
    font-size: 40px;
  }
}

/* sec_11 */
#ETemplate .main .box-main .content .peoples {
  margin-top: 2rem;
  padding: 0 144px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  /* border: red solid; */
}
#ETemplate .main .box-main .content .pics {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: 100%;
}
#ETemplate .main .box-main .content .pics > .item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 232px;
}
#ETemplate .main .box-main .content .pics > .item:hover {
  cursor: pointer;
}
#ETemplate .main .box-main .content .pics > .item::before {
  position: absolute;
  top: 5.5rem;
  content: attr(data-name);
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 232px;
  rotate: 90deg;
  z-index: 1;
}
#ETemplate .main .box-main .content .pics > .item.active::before {
  top: 10rem;
  right: 1rem;
  font-size: 18px;
  font-weight: 600;
  width: fit-content;
  rotate: 0deg;
}
#ETemplate .main .box-main .content .pics > .item.active::after {
  position: absolute;
  content: attr(data-carier);
  top: 12rem;
  right: 1rem;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
#ETemplate .main .box-main .content .pics > .item.d-none {
  display: none;
}
#ETemplate .main .box-main .content .pics > .item > img {
  border-radius: 10px;
  width: 200px;
  object-fit: cover;
}

#ETemplate .main .box-main .content .pics > .item > img.active {
  border-radius: 10px;
  width: 200px;
}
#ETemplate .main .box-main .content .pics > .item > img.d-none {
  display: none;
}

#ETemplate .main .box-main .content .dots {
  display: flex;
  align-items: center;
  gap: 6px;
}

#ETemplate .main .box-main .content .dot {
  width: 15px;
  height: 15px;
  background-color: #d9d9d9;
  border-radius: 100%;
  cursor: pointer;
}

#ETemplate .main .box-main .content .dots > .dot.active,
#ETemplate .main .box-main .content .dots > .dot:hover {
  background-color: #5996b1;
}

#ETemplate .main .box-main .content .characters {
  margin-top: var(--mt-container);
  margin-bottom: var(--mb-container);
  padding: 0 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}

#ETemplate .main .box-main .content .characters .pics > .item {
  width: 200px;
  height: 200px;
}
#ETemplate .main .box-main .content .characters .pics > .item > img {
  width: 100%;
  height: 100%;
}
#ETemplate .main .box-main .content .pics > .item > .dark-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%; /* Adjust the height as needed */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  mix-blend-mode: multiply;
  z-index: 0;
  border-radius: 10px;
}
#ETemplate .main .box-main .content .characters .pics > .item::before {
  top: 9.5rem;
  right: 1rem;
  width: fit-content !important;
  rotate: 0deg !important;
}

@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content .peoples {
    padding: 0 0px;
  }
  #ETemplate .main .box-main .content .peoples > .pics {
    gap: 8px;
  }

  #ETemplate .main .box-main .content .peoples > .pics > .item.active::after {
    font-size: 14px;
  }

  #ETemplate .main .box-main .content .peoples > .pics > .item > img.active {
    width: 180px;
  }
  #ETemplate .main .box-main .content .characters {
    padding: 0px;
  }
}
/* sec_18 */

/* sec_19 */
#ETemplate .main .box-main .content > .tags.withoutPadding {
  padding: 0;
  gap: 10px 10px;
}
#ETemplate .main .box-main .content > .tags.withoutPadding.appropriate > div {
  background-color: rgb(89, 150, 177, 0.1) !important;
  color: #56a278 !important;
}
#ETemplate .main .box-main .content > .tags.withoutPadding.inappropriate > div {
  background: rgba(225, 104, 103, 0.1) !important;
  color: #e16867 !important;
}

#ETemplate .main .box-main .content > .team-4-item {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 21px;
}

#ETemplate .main .box-main .content > .team-4-item > div {
  padding: 7px 53px;
  border-radius: 10px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content > .tags.withoutPadding {
    padding: 0;
    gap: 3px 3px;
  }
  #ETemplate .main .box-main .content > .team-4-item {
    justify-content: center;
  }
}

#ETemplate .main .box-main .content .text-body ul {
  padding: 0 40px 0 0;
}

#ETemplate .main .box-main .content .text-body ul > li {
  color: #3a3a3a;
  text-align: justify;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  list-style-type: none;
  margin-bottom: 0.4rem;
  margin-right: -2rem;

  padding-right: 2rem;
  position: relative;
}

#ETemplate .main .box-main .content .text-body.dangerCheck ul > li::before {
  position: absolute;
  right: -0.4rem;
  top: 6px;
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Tick Square'%3E%3Cpath id='Fill 1' opacity='0.4' d='M17.0637 0.333008H6.94874C2.99374 0.333008 0.33374 3.10967 0.33374 7.23968V16.7713C0.33374 20.8897 2.99374 23.6663 6.94874 23.6663H17.0637C21.0187 23.6663 23.6671 20.8897 23.6671 16.7713V7.23968C23.6671 3.10967 21.0187 0.333008 17.0637 0.333008Z' fill='%23e16867'/%3E%3Cpath id='Fill 4' d='M10.6156 15.7892C10.3543 15.7892 10.0929 15.69 9.89343 15.4905L7.12493 12.722C6.72593 12.323 6.72593 11.6767 7.12493 11.2789C7.52393 10.8799 8.1691 10.8787 8.5681 11.2777L10.6156 13.3252L15.4316 8.50921C15.8306 8.11021 16.4758 8.11021 16.8748 8.50921C17.2738 8.90821 17.2738 9.55454 16.8748 9.95354L11.3378 15.4905C11.1383 15.69 10.8769 15.7892 10.6156 15.7892Z' fill='%23e16867' /%3E%3C/g%3E%3C/svg%3E%0A");
}

#ETemplate .main .box-main .content .text-body.warningCheck ul > li::before {
  position: absolute;
  right: -0.4rem;
  top: 6px;
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M17.064 0.333008H6.94898C2.99398 0.333008 0.333984 3.10967 0.333984 7.23968V16.7713C0.333984 20.8897 2.99398 23.6663 6.94898 23.6663H17.064C21.019 23.6663 23.6673 20.8897 23.6673 16.7713V7.23968C23.6673 3.10967 21.019 0.333008 17.064 0.333008' fill='%23DCB051'/%3E%3Cpath d='M10.6161 15.7892C10.3548 15.7892 10.0934 15.69 9.89392 15.4905L7.12542 12.722C6.72642 12.323 6.72642 11.6767 7.12542 11.2789C7.52442 10.8799 8.16959 10.8787 8.56859 11.2777L10.6161 13.3252L15.4321 8.50921C15.8311 8.11021 16.4763 8.11021 16.8753 8.50921C17.2743 8.90821 17.2743 9.55454 16.8753 9.95354L11.3383 15.4905C11.1388 15.69 10.8774 15.7892 10.6161 15.7892' fill='%23DCB051'/%3E%3C/svg%3E%0A");
}

#ETemplate .main .box-main .content .text-body.successCheck ul > li::before {
  position: absolute;
  right: -0.4rem;
  top: 6px;
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M17.064 0.333008H6.94898C2.99398 0.333008 0.333984 3.10967 0.333984 7.23968V16.7713C0.333984 20.8897 2.99398 23.6663 6.94898 23.6663H17.064C21.019 23.6663 23.6673 20.8897 23.6673 16.7713V7.23968C23.6673 3.10967 21.019 0.333008 17.064 0.333008' fill='%2356A278'/%3E%3Cpath d='M10.6161 15.7892C10.3548 15.7892 10.0934 15.69 9.89392 15.4905L7.12542 12.722C6.72642 12.323 6.72642 11.6767 7.12542 11.2789C7.52442 10.8799 8.16959 10.8787 8.56859 11.2777L10.6161 13.3252L15.4321 8.50921C15.8311 8.11021 16.4763 8.11021 16.8753 8.50921C17.2743 8.90821 17.2743 9.55454 16.8753 9.95354L11.3383 15.4905C11.1388 15.69 10.8774 15.7892 10.6161 15.7892' fill='%2356A278'/%3E%3C/svg%3E%0A");
}
#ETemplate .main .box-main .content .text-body.grayCheck ul > li::before {
  position: absolute;
  right: -0.5rem;
  top: 3px;
  content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M19.0635 2.33313H8.9485C4.9935 2.33313 2.3335 5.1098 2.3335 9.2398V18.7715C2.3335 22.8898 4.9935 25.6665 8.9485 25.6665H19.0635C23.0185 25.6665 25.6668 22.8898 25.6668 18.7715V9.2398C25.6668 5.1098 23.0185 2.33313 19.0635 2.33313Z' fill='%23A3A3A3'/%3E%3Cpath d='M12.6156 17.7893C12.3543 17.7893 12.0929 17.6901 11.8934 17.4906L9.12493 14.7221C8.72593 14.3231 8.72593 13.6768 9.12493 13.2789C9.52393 12.8799 10.1691 12.8788 10.5681 13.2778L12.6156 15.3253L17.4316 10.5093C17.8306 10.1103 18.4758 10.1103 18.8748 10.5093C19.2738 10.9083 19.2738 11.5546 18.8748 11.9536L13.3378 17.4906C13.1383 17.6901 12.8769 17.7893 12.6156 17.7893Z' fill='%23A3A3A3'/%3E%3C/svg%3E%0A");
}
#ETemplate .main .box-main .content .text-body.heartIcon ul > li::before {
  position: absolute;
  right: -0.5rem;
  top: 3px;
  content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.6969 5.20416C20.9736 2.42704 17.8202 3.5983 15.8676 4.83692C14.7643 5.53678 13.236 5.53679 12.1327 4.83692C10.1801 3.59831 7.02666 2.42707 4.30345 5.20417C-2.16107 11.7966 8.92502 24.5 14.0002 24.5C19.0754 24.5 30.1614 11.7966 23.6969 5.20416Z' fill='%23E16867'/%3E%3C/svg%3E%0A");
}
#ETemplate .main .box-main .content .text-body.bagIcon ul > li::before {
  position: absolute;
  right: -0.5rem;
  top: 3px;
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.29587 5.27023C6.65445 2.43916 9.07157 0.25 12 0.25C14.9322 0.25 17.3517 2.44477 17.7055 5.28111C19.0696 5.33464 20.1017 5.48655 20.9705 5.96618C21.7141 6.37668 22.3524 6.94388 22.8449 7.62249C22.4797 7.97882 22.0914 8.36268 22.0521 8.40193L18.4194 12.0346C16.7378 13.7163 15.5288 14.923 14.4859 15.7187C13.4604 16.5011 12.6843 16.815 11.8787 16.815C11.0731 16.815 10.2969 16.5011 9.27144 15.7187C8.22863 14.9231 7.01961 13.7163 5.33795 12.0346L1.06033 7.757C1.56459 7.01872 2.23732 6.40352 3.0295 5.96618C3.89484 5.48844 4.93038 5.32678 6.29587 5.27023ZM7.81688 5.24492C7.99058 5.24531 8.16951 5.24625 8.35347 5.24722C8.61262 5.24858 8.88176 5.25 9.16034 5.25H14.8453C15.3249 5.25 15.7705 5.25 16.1845 5.25239C15.8312 3.2617 14.0921 1.75 12 1.75C9.91049 1.75 8.17317 3.25792 7.81688 5.24492Z' fill='%23A3A3A3'/%3E%3Cpath d='M23.5792 8.99614L19.4395 13.1359C17.8072 14.7681 16.5281 16.0473 15.3958 16.9112C14.2369 17.7955 13.1441 18.315 11.8787 18.315C10.6132 18.315 9.5205 17.7955 8.36157 16.9112C7.22933 16.0474 5.95016 14.7682 4.31793 13.1359L0.360642 9.17863C0.168697 9.80855 0.116435 10.4962 0.136994 11.2951C0.161425 12.2444 0.292444 13.4235 0.459944 14.931L0.467342 14.9976C0.604202 16.2294 0.711726 17.1971 0.859659 17.9736C1.01059 18.7659 1.21303 19.4163 1.56929 19.9991C2.15736 20.961 3.01525 21.7289 4.03626 22.2071C4.65481 22.4968 5.32359 22.6262 6.12766 22.6887C6.91572 22.75 7.88932 22.75 9.12853 22.75H14.8712C16.1104 22.75 17.0843 22.75 17.8723 22.6887C18.6764 22.6262 19.3452 22.4968 19.9637 22.2071C20.9848 21.7289 21.8427 20.961 22.4307 19.9991C22.787 19.4163 22.9894 18.7659 23.1404 17.9736C23.2883 17.1972 23.3958 16.2296 23.5326 14.998L23.5401 14.9311C23.7075 13.424 23.8386 12.2443 23.863 11.2951C23.8856 10.4183 23.8204 9.67564 23.5792 8.99614Z' fill='%23A3A3A3'/%3E%3C/svg%3E%0A");
}

#ETemplate[dir="ltr"] .main .box-main .content .text-body ul > li {
  padding-right: unset;
  padding-left: 2rem;
  margin-right: unset;
  margin-left: -2rem;
}

#ETemplate[dir="ltr"] .main .box-main .content .text-body.successCheck ul > li::before {
  right: unset;
  left: -0.4rem;
}

@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content .text-body ul {
    margin-top: 2rem;
    margin-bottom: 3rem;
    padding: 0 40px 0 0;
  }
  #ETemplate .main .box-main .content .text-body ul > li {
    font-size: 16px;
    line-height: 32px;
    padding-right: 1.5rem;
    padding-left: 0.4rem;
  }

  #ETemplate .main .box-main .content .dangerCheck ul > li::before {
    right: -0.3rem;

    content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Tick Square'%3E%3Cpath id='Fill 1' opacity='0.4' d='M17.0637 0.333008H6.94874C2.99374 0.333008 0.33374 3.10967 0.33374 7.23968V16.7713C0.33374 20.8897 2.99374 23.6663 6.94874 23.6663H17.0637C21.0187 23.6663 23.6671 20.8897 23.6671 16.7713V7.23968C23.6671 3.10967 21.0187 0.333008 17.0637 0.333008Z' fill='%23e16867'/%3E%3Cpath id='Fill 4' d='M10.6156 15.7892C10.3543 15.7892 10.0929 15.69 9.89343 15.4905L7.12493 12.722C6.72593 12.323 6.72593 11.6767 7.12493 11.2789C7.52393 10.8799 8.1691 10.8787 8.5681 11.2777L10.6156 13.3252L15.4316 8.50921C15.8306 8.11021 16.4758 8.11021 16.8748 8.50921C17.2738 8.90821 17.2738 9.55454 16.8748 9.95354L11.3378 15.4905C11.1383 15.69 10.8769 15.7892 10.6156 15.7892Z' fill='%23e16867' /%3E%3C/g%3E%3C/svg%3E%0A");
  }

  #ETemplate .main .box-main .content .warningCheck ul > li::before {
    right: -0.3rem;

    content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M17.064 0.333008H6.94898C2.99398 0.333008 0.333984 3.10967 0.333984 7.23968V16.7713C0.333984 20.8897 2.99398 23.6663 6.94898 23.6663H17.064C21.019 23.6663 23.6673 20.8897 23.6673 16.7713V7.23968C23.6673 3.10967 21.019 0.333008 17.064 0.333008' fill='%23DCB051'/%3E%3Cpath d='M10.6161 15.7892C10.3548 15.7892 10.0934 15.69 9.89392 15.4905L7.12542 12.722C6.72642 12.323 6.72642 11.6767 7.12542 11.2789C7.52442 10.8799 8.16959 10.8787 8.56859 11.2777L10.6161 13.3252L15.4321 8.50921C15.8311 8.11021 16.4763 8.11021 16.8753 8.50921C17.2743 8.90821 17.2743 9.55454 16.8753 9.95354L11.3383 15.4905C11.1388 15.69 10.8774 15.7892 10.6161 15.7892' fill='%23DCB051'/%3E%3C/svg%3E%0A");
  }

  #ETemplate .main .box-main .content .successCheck ul > li::before {
    right: -0.3rem;
    content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M17.064 0.333008H6.94898C2.99398 0.333008 0.333984 3.10967 0.333984 7.23968V16.7713C0.333984 20.8897 2.99398 23.6663 6.94898 23.6663H17.064C21.019 23.6663 23.6673 20.8897 23.6673 16.7713V7.23968C23.6673 3.10967 21.019 0.333008 17.064 0.333008' fill='%2356A278'/%3E%3Cpath d='M10.6161 15.7892C10.3548 15.7892 10.0934 15.69 9.89392 15.4905L7.12542 12.722C6.72642 12.323 6.72642 11.6767 7.12542 11.2789C7.52442 10.8799 8.16959 10.8787 8.56859 11.2777L10.6161 13.3252L15.4321 8.50921C15.8311 8.11021 16.4763 8.11021 16.8753 8.50921C17.2743 8.90821 17.2743 9.55454 16.8753 9.95354L11.3383 15.4905C11.1388 15.69 10.8774 15.7892 10.6161 15.7892' fill='%2356A278'/%3E%3C/svg%3E%0A");
  }
  #ETemplate .main .box-main .content .text-body.grayCheck ul > li::before {
    right: -0.3rem;
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M19.0635 2.33313H8.9485C4.9935 2.33313 2.3335 5.1098 2.3335 9.2398V18.7715C2.3335 22.8898 4.9935 25.6665 8.9485 25.6665H19.0635C23.0185 25.6665 25.6668 22.8898 25.6668 18.7715V9.2398C25.6668 5.1098 23.0185 2.33313 19.0635 2.33313Z' fill='%23A3A3A3'/%3E%3Cpath d='M12.6156 17.7893C12.3543 17.7893 12.0929 17.6901 11.8934 17.4906L9.12493 14.7221C8.72593 14.3231 8.72593 13.6768 9.12493 13.2789C9.52393 12.8799 10.1691 12.8788 10.5681 13.2778L12.6156 15.3253L17.4316 10.5093C17.8306 10.1103 18.4758 10.1103 18.8748 10.5093C19.2738 10.9083 19.2738 11.5546 18.8748 11.9536L13.3378 17.4906C13.1383 17.6901 12.8769 17.7893 12.6156 17.7893Z' fill='%23A3A3A3'/%3E%3C/svg%3E%0A");
  }
  #ETemplate .main .box-main .content .text-body.heartIcon ul > li::before {
    right: -0.3rem;
    content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.6969 5.20416C20.9736 2.42704 17.8202 3.5983 15.8676 4.83692C14.7643 5.53678 13.236 5.53679 12.1327 4.83692C10.1801 3.59831 7.02666 2.42707 4.30345 5.20417C-2.16107 11.7966 8.92502 24.5 14.0002 24.5C19.0754 24.5 30.1614 11.7966 23.6969 5.20416Z' fill='%23E16867'/%3E%3C/svg%3E%0A");
  }
  #ETemplate .main .box-main .content .text-body.bagIcon ul > li::before {
    right: -0.3rem;
    content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.29587 5.27023C6.65445 2.43916 9.07157 0.25 12 0.25C14.9322 0.25 17.3517 2.44477 17.7055 5.28111C19.0696 5.33464 20.1017 5.48655 20.9705 5.96618C21.7141 6.37668 22.3524 6.94388 22.8449 7.62249C22.4797 7.97882 22.0914 8.36268 22.0521 8.40193L18.4194 12.0346C16.7378 13.7163 15.5288 14.923 14.4859 15.7187C13.4604 16.5011 12.6843 16.815 11.8787 16.815C11.0731 16.815 10.2969 16.5011 9.27144 15.7187C8.22863 14.9231 7.01961 13.7163 5.33795 12.0346L1.06033 7.757C1.56459 7.01872 2.23732 6.40352 3.0295 5.96618C3.89484 5.48844 4.93038 5.32678 6.29587 5.27023ZM7.81688 5.24492C7.99058 5.24531 8.16951 5.24625 8.35347 5.24722C8.61262 5.24858 8.88176 5.25 9.16034 5.25H14.8453C15.3249 5.25 15.7705 5.25 16.1845 5.25239C15.8312 3.2617 14.0921 1.75 12 1.75C9.91049 1.75 8.17317 3.25792 7.81688 5.24492Z' fill='%23A3A3A3'/%3E%3Cpath d='M23.5792 8.99614L19.4395 13.1359C17.8072 14.7681 16.5281 16.0473 15.3958 16.9112C14.2369 17.7955 13.1441 18.315 11.8787 18.315C10.6132 18.315 9.5205 17.7955 8.36157 16.9112C7.22933 16.0474 5.95016 14.7682 4.31793 13.1359L0.360642 9.17863C0.168697 9.80855 0.116435 10.4962 0.136994 11.2951C0.161425 12.2444 0.292444 13.4235 0.459944 14.931L0.467342 14.9976C0.604202 16.2294 0.711726 17.1971 0.859659 17.9736C1.01059 18.7659 1.21303 19.4163 1.56929 19.9991C2.15736 20.961 3.01525 21.7289 4.03626 22.2071C4.65481 22.4968 5.32359 22.6262 6.12766 22.6887C6.91572 22.75 7.88932 22.75 9.12853 22.75H14.8712C16.1104 22.75 17.0843 22.75 17.8723 22.6887C18.6764 22.6262 19.3452 22.4968 19.9637 22.2071C20.9848 21.7289 21.8427 20.961 22.4307 19.9991C22.787 19.4163 22.9894 18.7659 23.1404 17.9736C23.2883 17.1972 23.3958 16.2296 23.5326 14.998L23.5401 14.9311C23.7075 13.424 23.8386 12.2443 23.863 11.2951C23.8856 10.4183 23.8204 9.67564 23.5792 8.99614Z' fill='%23A3A3A3'/%3E%3C/svg%3E%0A");
  }
}

#ETemplate .main .box-main .content .chartsResponse {
  margin: auto;
  margin-top: var(--mt-container);
  margin-bottom: var(--mb-container);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#ETemplate .main .box-main .content #doughnut-check-answers {
  height: 300px !important;
  width: 400px !important;
}

@media only screen and (max-width: 768px) {
  #ETemplate .main .box-main .content #doughnut-check-answers {
    height: 300px !important;
    width: 300px !important;
  }
}