.art-main-wrapper * {
  margin: 0px;
  padding: 0px;
  box-sizing: inherit;
  word-wrap: break-word;
  font-family: "roboto", Helvetica, sans-serif;
}
[class*="art-col-"] {
  width: 100%;
}

[class*="art-col-"] {
  width: 100%;
}
.logged-in.admin-bar .art-progressbar-header {
  top: 32px;
}
@media only screen and (max-width: 768px) {
.logged-in.admin-bar .art-progressbar-header {
  top: 46px;
}
}
@media only screen and (max-width: 600px) {
  .art-paragraph-template-7 .art-feature .art-feature-background {
    width: 300px;
  }
  .art-paragraph-template-9 .art-feature .art-paragraph {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: 1px solid #979797;
    width: 350px;
  }
  .art-paragraph-template-10 .art-feature .art-paragraph {
    width: 300px;
  }
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .art-col-s-1 {
    width: 8.33%;
  }
  .art-col-s-2 {
    width: 16.66%;
  }
  .art-col-s-3 {
    width: 50%;
  }
  .art-col-s-4 {
    width: 33.33%;
  }
  .art-col-s-5 {
    width: 41.66%;
  }
  .art-col-s-6 {
    width: 50%;
  }
  .art-col-s-7 {
    width: 58.33%;
  }
  .art-col-s-8 {
    width: 66.66%;
  }
  .art-col-s-9 {
    width: 75%;
  }
  .art-col-s-10 {
    width: 83.33%;
  }
  .art-col-s-11 {
    width: 91.66%;
  }
  .art-col-s-12 {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .art-col-1 {
    width: 8.33%;
  }
  .art-col-2 {
    width: 16.66%;
  }
  .art-col-3 {
    width: 100%;
  }
  .art-col-4 {
    width: 33.33%;
  }
  .art-col-5 {
    width: 41.66%;
  }
  .art-col-6 {
    width: 50%;
  }
  .art-col-7 {
    width: 58.33%;
  }
  .art-col-8 {
    width: 66.66%;
  }
  .art-col-9 {
    width: 75%;
  }
  .art-col-10 {
    width: 83.33%;
  }
  .art-col-11 {
    width: 91.66%;
  }
  .art-col-12 {
    width: 100%;
  }
    
}

/* Heading font color */
.art-feature .art-heading span {
  color: #353434;
  font-size: 16px;
  font-weight: 600;
}

/* Paragraph font color */
.art-feature .art-paragraph .art-feature-paragraph {
  color: #353434;
  font-weight: 500;
  font-size: 14px;
}

/* Border color */
.art-feature .art-heading {
  border-color: #000;
}
.art-feature .art-paragraph {
  border-color: #000;
}
/* Main icon size */

.art-feature .art-heading img {
  height: 30px;
  width: 30px;
}
.art-feature {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* templete 1 css */
.art-paragraph-template-1 .art-feature {
  height: auto;
}
.art-paragraph-template-1 .art-feature-background {
  background-color: #dedede;
  width: 635px;
}
.art-paragraph-template-1 .art-feature .art-heading {
  display: flex;
  justify-content: normal;
  vertical-align: middle;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 8px;
}
.art-paragraph-template-1 .art-feature .art-heading span {
  padding-left: 10px;
  font-style: normal;
  line-height: 22px;
  text-align: left;
  padding-top: 0.7%;
}
.art-paragraph-template-1 .art-feature .art-paragraph {
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  padding-bottom: 5px;
  background-color: #dedede;
}
.art-paragraph-template-1 .art-feature .art-paragraph .art-feature-paragraph {
  text-align: justify;
  margin-top: 2px;
  box-sizing: border-box;
  font-style: normal;
  line-height: 18px;
  padding-left: 44px;
  padding-right: 15px;
  padding-bottom: 7px;
}
.art-time {
  font-weight: bold;
}

/* Templete 2 css  */

.art-paragraph-template-2 .art-feature-background {
  display: flex;
  justify-content: normal;
  height: auto;
}
.art-paragraph-template-2 .art-feature .art-heading {
  height: auto;
  padding-top: 5px;
  padding-left: 10px;
  border-style: solid;
  border-width: 1px;
  border-right: none;
  padding-bottom: 2px;
}
.art-paragraph-template-2 .art-heading {
  display: flex;
  justify-content: normal;
  align-items: center;
  padding-right: 15px;
  background: none;
}

.art-paragraph-template-2 .art-feature .art-heading span {
  padding-left: 5px;
  font-style: normal;
  line-height: 19px;
  text-align: left;
  padding-top: 0px;
  padding-right: 8px;
}
.art-paragraph-template-2 .art-feature .art-feature-paragraph {
  height: auto;
  padding-left: 5px;
  padding-top: 10px;
  padding-bottom: 8px;
}

.art-paragraph-template-2 .art-paragraph {
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  height: auto;
  border-style: solid;
  border-width: 1px;
  background: none;
  box-shadow: 4px 7px 36px rgb(0 0 0 / 8%);
}
.art-paragraph-template-2 .art-feature .art-heading {
  background: none;
}
.art-paragraph-template-2 .art-feature .art-feature-background .art-paragraph {
  background: none;
}
.art-paragraph-template-2 .art-feature .art-feature-paragraph {
  text-align: justify;
  box-sizing: border-box;
  font-style: normal;
  font-weight: 450;
  font-size: 14px;
  line-height: 18px;
  padding-left: 8px;
  padding-right: 12px;
}

/* template 3 */

.art-paragraph-template-3 .art-feature-background {
  display: flex;
  justify-content: normal;
  height: auto;
}

.art-paragraph-template-3 .art-feature .art-heading {
  height: auto;
  padding-top: 7px;
  padding-left: 10px;
}
.art-paragraph-template-3 .art-heading {
  display: flex;
  justify-content: normal;
  align-items: center;
  padding-top: 5px;
  padding-left: 5px;
}
.art-paragraph-template-3 .art-feature .art-heading {
  background: none;
}
.art-paragraph-template-3 .art-feature .art-feature-background .art-paragraph {
  background: none;
}

.art-paragraph-template-3 .art-feature .art-heading img {
  margin-bottom: 2px;
}

.art-paragraph-template-3 .art-feature .art-heading span {
  padding-left: 2px;
  font-style: normal;
  line-height: 22px;
  text-align: left;
  padding-top: 2px;
  padding-right: 8px;
  margin-bottom: 4px;
}

.art-paragraph-template-3 .art-feature .art-feature-paragraph {
  height: auto;
}
.art-paragraph-template-3 .art-feature .art-feature-paragraph {
  padding-left: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}
.art-paragraph-template-3 .art-paragraph {
  display: flex;
  align-items: flex-start;
  justify-content: normal;
}

.art-paragraph-template-3 .art-feature .art-feature-paragraph {
  text-align: justify;
  box-sizing: border-box;
  font: inherit;
  font-style: italic;
  padding-left: 8px;
  padding-bottom: 7px;
}

/* template 4 */

.art-paragraph-template-4 .art-feature {
  display: block;
  justify-content: normal;
}
.art-paragraph-template-4 .art-feature .art-heading {
  height: auto;
  width: 200px;
  vertical-align: middle;
  background: none;
}
.art-paragraph-template-4 .art-heading {
  display: flex;
  justify-content: normal;
}

.art-paragraph-template-4 .art-feature .art-heading img {
  padding-left: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.art-paragraph-template-4 .art-feature .art-heading span {
  padding-left: 10px;
  font-style: normal;
  line-height: 22px;
  text-align: left;
  padding-left: 6px;
  padding-top: 4px;
  padding-bottom: 5px;
}
.art-paragraph-template-4 .art-feature .art-feature-paragraph {
  height: auto;
}
.art-paragraph-template-4 .art-feature .art-feature-paragraph {
  padding-left: 6px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.art-paragraph-template-4 .art-paragraph {
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  box-shadow: 4px 7px 36px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  background-color: #fdfdf3;
}
.art-paragraph-template-4 .art-feature .art-feature-paragraph {
  text-align: justify;
  box-sizing: border-box;
  font-style: normal;
  line-height: 20px;
  padding-left: 10px;
  padding-right: 8px;

  padding-bottom: 7px;
}

/* Template 5 */

.art-paragraph-template-5 .art-feature {
  display: block;
  justify-content: normal;
  width: 300px;
}
.art-paragraph-template-5 .art-feature .art-heading {
  height: auto;
  width: 180px;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
  border-bottom: none;
}
.art-paragraph-template-5 .art-heading {
  display: flex;
  justify-content: normal;
  background-color: #f3f5ff;
}

.art-paragraph-template-5 .art-feature .art-heading img {
  padding-left: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.art-paragraph-template-5 .art-feature .art-heading span {
  padding-left: 10px;
  font-style: normal;
  line-height: 22px;
  text-align: left;
  padding-left: 6px;
  padding-top: 4px;
  padding-bottom: 5px;
}
.art-paragraph-template-5 .art-feature .art-feature-paragraph {
  height: auto;
}
.art-paragraph-template-5 .art-feature .art-paragraph {
  background-color: #f3f5ff;
}
.art-paragraph-template-5 .art-feature .art-feature-paragraph {
  padding-left: 6px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.art-paragraph-template-5 .art-paragraph {
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  border-style: solid;
  border-width: 1px;
}
.art-paragraph-template-5 .art-feature .art-feature-paragraph {
  text-align: justify;
  box-sizing: border-box;
  font-style: italic;
  line-height: 18px;
  padding-left: 10px;
  padding-right: 8px;
  padding-bottom: 7px;
}

/* Template 6 */

.art-paragraph-template-6 .art-heading {
  display: flex;
  justify-content: center;
}
.art-paragraph-template-6 .art-feature {
  height: auto;
}
.art-paragraph-template-6 .art-feature .art-heading img {
  padding-top: 7px;
}
.art-paragraph-template-6 .art-feature .art-heading {
  background: none;
}
.art-paragraph-template-6 .art-feature .art-feature-background .art-paragraph {
  background: none;
}

.art-paragraph-template-6 .art-feature .art-heading span {
  padding-left: 10px;
  font-family: Roboto;
  font-style: normal;
  line-height: 22px;
  text-align: left;
  padding-top: 8px;
}
.art-paragraph-template-6 .art-paragraph {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.art-paragraph-template-6 .art-feature .art-paragraph {
  text-align: center;
  padding-top: 8px;
  box-sizing: border-box;
  font-style: normal;
  line-height: 18px;
  padding-bottom: 7px;
}

/* Template 7 */
.art-paragraph-template-7 .art-feature {
  height: auto;
  padding: 7px 5px 5px 10px;
}

.art-paragraph-template-7 .art-feature-background {
  background: #f2f2f2;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.59);
  width: 564px;
  margin: auto;
}
.art-paragraph-template-7 .art-heading {
  display: flex;
  justify-content: center;
}
.art-paragraph-template-7 .art-feature .art-heading img {
  height: 30px;
  width: 30px;
  padding-top: 7px;
  text-decoration-line: underline;
}

.art-paragraph-template-7 .art-feature .art-heading span {
  padding-left: 10px;
  font-style: normal;
  line-height: 22px;
  text-align: left;
  padding-top: 8px;
  text-decoration-line: underline;
}
.art-paragraph-template-7 .art-paragraph {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.art-paragraph-template-7 .art-feature .art-paragraph {
  text-align: center;
  padding-top: 8px;
  box-sizing: border-box;
  font-family: Roboto;
  font-style: normal;
  line-height: 18px;
  padding-bottom: 9px;
  padding-right: 7px;
}

/* Template 8 */

.art-paragraph-template-8 .art-feature {
  display: block;
  justify-content: center;
}
.art-paragraph-template-8 .art-feature .art-heading {
  height: auto;
  width: 180px;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
  border-radius: 3px;
  margin: auto;
}
.art-paragraph-template-8 .art-heading {
  display: flex;
  align-items: center;
  justify-content: center;
}

.art-paragraph-template-8 .art-feature .art-heading img {
  padding-left: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.art-paragraph-template-8 .art-feature .art-heading span {
  padding-left: 10px;
  font-style: normal;
  line-height: 22px;
  text-align: left;
  padding-left: 6px;
  padding-top: 4px;
  padding-bottom: 5px;
}
.art-paragraph-template-8 .art-feature .art-feature-paragraph {
  height: auto;
}
.art-paragraph-template-8 .art-feature .art-feature-paragraph {
  padding-left: 6px;
  padding-top: 6px;
  padding-bottom: 10px;
  text-align: center;
}
.art-paragraph-template-8 .art-paragraph {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
}
.art-paragraph-template-8 .art-feature .art-feature-background .art-paragraph {
  background: none;
}
.art-paragraph-template-8 .art-feature .art-feature-paragraph {
  text-align: center;
  margin-top: 8px;
  box-sizing: border-box;
  font-style: normal;
  line-height: 18px;
  padding-bottom: 7px;
}

/* Template 9 */
.art-paragraph-template-9 .art-feature {
  display: block;
  justify-content: normal;
  padding: 7px 5px 5px 10px;
}
.art-paragraph-template-9 .art-feature .art-heading {
  height: auto;
  width: 180px;
  border: 1px solid #979797;
  vertical-align: middle;
  border-bottom: none;
  background: none;
}
.art-paragraph-template-9 .art-heading {
  display: flex;
  justify-content: center;
  margin: auto;
}

.art-paragraph-template-9 .art-feature .art-heading img {
  padding-left: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.art-paragraph-template-9 .art-feature .art-heading span {
  padding-left: 10px;
  font-style: normal;
  line-height: 22px;
  text-align: left;
  padding-left: 6px;
  padding-top: 4px;
  padding-bottom: 5px;
}
.art-paragraph-template-9 .art-feature .art-feature-paragraph {
  height: auto;
  background: none;
}
.art-paragraph-template-9 .art-feature .art-feature-paragraph {
  padding-left: 6px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.art-paragraph-template-9 .art-feature .art-feature-background .art-paragraph {
  display: flex;
  align-items: center;
  justify-content: space-around;
  border: 1px solid #979797;
  width: 568px;
  margin: auto;
  background: none;
}
.art-paragraph-template-9 .art-feature .art-feature-paragraph {
  text-align: center;
  box-sizing: border-box;
  font-style: normal;
  line-height: 18px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 7px;
}

/* template 10 */

.art-paragraph-template-10 .art-feature {
  display: block;
  justify-content: center;
  padding: 7px 5px 5px 10px;
}
.art-paragraph-template-10 .art-feature .art-heading {
  display: flex;
  height: auto;
  vertical-align: middle;
  border-radius: 3px;
  width: 186px;
  margin: auto;
  background: none;
}
.art-paragraph-template-10 .art-heading {
  display: flex;
  justify-content: center;
}

.art-paragraph-template-10 .art-feature .art-heading img {
  padding-left: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.art-paragraph-template-10 .art-feature .art-heading {
  background: none;
}
.art-paragraph-template-10 .art-feature .art-feature-background .art-paragraph {
  background: none;
}

.art-paragraph-template-10 .art-feature .art-heading span {
  padding-left: 10px;
  font-style: normal;
  line-height: 22px;
  text-align: left;
  padding-left: 6px;
  padding-top: 4px;
  padding-bottom: 5px;
}
.art-paragraph-template-10 .art-feature .art-feature-paragraph {
  height: auto;
  border-radius: 3px;
}
.art-paragraph-template-10 .art-paragraph {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 460px;
  margin: auto;
  background: #ffffff;
  box-shadow: 7px 5px 4px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
}

.art-paragraph-template-10 .art-feature .art-feature-paragraph {
  padding-top: 9px;
  padding-bottom: 9px;
  text-align: center;
  margin-top: 8px;
  box-sizing: border-box;
  font-style: normal;
  line-height: 18px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 7px;
}

/* Article Read Time block template */

/* Heading color */
.art-main-heading {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  margin-top: 20px;
}

/* Icon color */
svg .path1 {
  fill: #827f7f;
}
svg .path2 {
  fill: rgb(248, 250, 250);
}

/* Text color */
.art-text1 {
  color: #2f2e2e;
  font-size: 18px;
  padding-bottom: 6px;
}
.art-text2 {
  color: #585858;
}
.art-feature {
  margin-bottom: 20px;
  margin-top: 10px;
}

.art-block-template-1 .art-main-heading {
  text-align: center;
}

.art-block-template-1 .art-feature {
  height: auto;
  align-items: center;
}
.art-block-template-1 .art-feature-section {
  display: flex;
  margin: auto;
  justify-content: space-around;
  width: 286px;
  height: auto;
  border-radius: 25px;
  box-shadow: 12px 12px 36px rgba(0, 0, 0, 0.08);
  padding: 9px 25px;
  background-color: #d9d9d9;
}
.art-block-template-1 .art-feature-section .art-word {
  display: block;
  justify-content: center;
  align-items: center;
  background: none;
}
.art-block-template-1 .art-text1 {
  font-weight: normal;
  line-height: 21px;
}
.art-block-template-1 .art-text2 {
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}
.art-block-template-1 .art-word .art-text1 {
  font-style: normal;
  text-align: center;
}
.art-block-template-1 .art-word .art-text2 {
  font-style: normal;
  text-align: center;
}
.art-block-template-1 .art-feature-section .art-character {
  display: block;
  background: none;
}
.art-block-template-1 .art-character .art-text1 {
  font-style: normal;
  text-align: center;
}
.art-block-template-1 .art-character .art-text2 {
  font-style: normal;
  text-align: center;
}
.art-block-template-1 .art-feature-section .art-block-time {
  display: block;
  background: none;
}
.art-block-template-1 .art-block-time .art-text1 {
  font-style: normal;
  text-align: center;
}
.art-block-template-1 .art-block-time .art-text2 {
  font-style: normal;
  text-align: center;
}

/* template 2 */

.art-block-template-2 .art-main-heading {
  text-align: center;
  margin-bottom: 10px;
}

.art-block-template-2 .art-feature {
  height: auto;
  align-items: center;
  margin-bottom: 20px;
}
.art-block-template-2 .art-feature-section {
  display: flex;
  margin: auto;
  justify-content: space-around;
  width: 286px;
  height: auto;
  border-radius: 25px;
  box-shadow: 5px -3px 7px rgba(0, 0, 0, 0.25);
  padding: 9px 25px;
  background-color: #e7e7d3;
}
.art-block-template-2 .art-feature-section .art-word {
  display: block;
  justify-content: center;
  align-items: center;
  background: none;
}
.art-block-template-2 .art-text1 {
  font-weight: normal;
  line-height: 21px;
}
.art-block-template-2 .art-word .art-text1 {
  font-style: normal;
  text-align: center;
}

.art-block-template-2 .art-word .art-text2 img {
  height: 21px;
  width: 21px;
  margin: auto;
}
.art-block-template-2 .art-feature-section .art-character {
  display: block;
  background: none;
}
.art-block-template-2 .art-character .art-text1 {
  font-style: normal;
  text-align: center;
}
.art-block-template-2 .art-character .art-text2 {
  height: 21px;
  width: 21px;
  margin: auto;
}
.art-block-template-2 .art-feature-section .art-block-time {
  display: block;
  background: none;
}
.art-block-template-2 .art-block-time .art-text1 {
  font-style: normal;

  text-align: center;
}
.art-block-template-2 .art-block-time .art-text2 {
  height: 21px;
  width: 21px;
  margin: auto;
}

/* Template 3 */

.art-block-template-3 .art-main-heading {
  margin-bottom: 10px;
}

.art-block-template-3 .art-feature {
  height: auto;
  align-items: center;
  margin-bottom: 20px;
}
.art-block-template-3 .art-feature-section {
  display: flex;
  background-color: #dff0ff;
  justify-content: space-around;
  width: 286px;
  height: auto;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  padding: 9px 25px;
}
.art-block-template-3 .art-feature-section .art-word {
  display: block;
  justify-content: center;
  align-items: center;
  background: none;
}
.art-block-template-3 .art-text2 {
  font-size: 14px;
}
.art-block-template-3 .art-word .art-text1 {
  font-style: normal;
  font-weight: normal;
  line-height: 21.09px;
  text-align: center;
}
.art-block-template-3 .art-word .art-text2 {
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  text-align: center;
}
.art-block-template-3 .art-feature-section .art-character {
  display: block;
  background: none;
}
.art-block-template-3 .art-character .art-text1 {
  font-style: normal;
  font-weight: normal;
  line-height: 21.09px;
  text-align: center;
}
.art-block-template-3 .art-character .art-text2 {
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  text-align: center;
}
.art-block-template-3 .art-feature-section .art-block-time {
  display: block;
  background: none;
}
.art-block-template-3 .art-block-time .art-text1 {
  font-style: normal;
  font-weight: normal;
  line-height: 21.09px;
  text-align: center;
}
.art-block-template-3 .art-block-time .art-text2 {
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  text-align: center;
}

/* template 4 */

.art-block-template-4 .art-main-heading {
  margin-bottom: 10px;
}

.art-block-template-4 .art-feature {
  height: auto;
  align-items: center;
  margin-bottom: 20px;
}
.art-block-template-4 .art-feature-section {
  display: flex;
  justify-content: space-around;
  width: 286px;
  height: auto;
  box-shadow: 12px 12px 36px rgba(0, 0, 0, 0.08);
  padding: 9px 25px;
  background-color: #e9e6e6;
}
.art-block-template-4 .art-feature-section .art-word {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: none;
}
.art-block-template-4 .art-text1 {
  font-weight: normal;
  line-height: 21px;
}
.art-block-template-4 .art-word .art-text1 {
  font-style: normal;
  text-align: center;
}

.art-block-template-4 .art-word .art-text2 {
  height: 21px;
  width: 21px;
}
.art-block-template-4 .art-feature-section .art-character {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: none;
}
.art-block-template-4 .art-character .art-text1 {
  font-style: normal;
  text-align: center;
}
.art-block-template-4 .art-character .art-text2 {
  height: 21px;
  width: 21px;
}
.art-block-template-4 .art-feature-section .art-block-time {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: none;
}
.art-block-template-4 .art-block-time .art-text1 {
  font-style: normal;
  text-align: center;
}
.art-block-template-4 .art-block-time .art-text2 {
  height: 21px;
  width: 21px;
}

/* template 5 */

.art-block-template-5 .art-main-heading {
  margin-bottom: 10px;
}

.art-block-template-5 .art-feature {
  height: auto;
  align-items: center;
  margin-bottom: 20px;
}
.art-block-template-5 .art-feature-section {
  display: block;
  width: 225px;
  height: auto;
  border-radius: 7px;
  padding-top: 20px;
  background: #d7ebdd;
  box-shadow: 12px 12px 36px rgba(0, 0, 0, 0.08);
  border-radius: 7px;
}
.art-block-template-5 .art-feature-section .art-word {
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid #fff;
  background: none;
}
.art-block-template-5 .art-text1 {
  font-weight: bold;
  line-height: 21px;
}
.art-block-template-5 .art-text2 {
  font-size: 18px;
  font-weight: medium;
  line-height: 20px;
}
.art-block-template-5 .art-word .art-text1 {
  font-style: normal;
  padding-bottom: 20px;
  text-align: left;
}
.art-block-template-5 .art-word .art-text2 {
  font-style: normal;
  text-align: left;
  padding-bottom: 20px;
}
.art-block-template-5 .art-feature-section .art-character {
  display: flex;
  justify-content: space-around;
  padding-top: 20px;
  vertical-align: middle;
  border-bottom: 1px solid #fff;
  background: none;
}
.art-block-template-5 .art-character .art-text1 {
  font-style: normal;
  text-align: left;
  padding-bottom: 20px;
}
.art-block-template-5 .art-character .art-text2 {
  font-style: normal;
  text-align: left;
  padding-bottom: 20px;
}
.art-block-template-5 .art-feature-section .art-block-time {
  display: flex;
  justify-content: space-around;
  padding-top: 20px;
  background: none;
}
.art-block-template-5 .art-block-time .art-text1 {
  font-style: normal;
  text-align: left;
  padding-bottom: 20px;
}
.art-block-template-5 .art-block-time .art-text2 {
  font-style: normal;
  text-align: left;
  padding-bottom: 20px;
}

/* template 6 */

.art-block-template-6 .art-main-heading {
  margin-bottom: 10px;
}

.art-block-template-6 .art-feature {
  height: auto;
  align-items: center;
  margin-bottom: 20px;
}
.art-block-template-6 .art-feature-section {
  display: block;
  width: 225px;
  height: auto;
  box-shadow: 12px 12px 36px rgba(0, 0, 0, 0.08);
  border-radius: 7px;
  padding-top: 20px;
  background-color: #b1b4b1;
}
.art-block-template-6 .art-feature-section .art-word {
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid #e8ede9;
  background: none;
}
.art-block-template-6 .art-text1 {
  font-weight: bold;
  line-height: 21px;
}
.art-block-template-6 .art-word .art-text1 {
  font-style: normal;
  padding-bottom: 20px;
  text-align: left;
}
.art-block-template-6 .art-word .art-text2 {
  height: 21px;
  width: 21px;
  line-height: 18px;
  padding-bottom: 20px;
}
.art-block-template-6 .art-feature-section .art-character {
  display: flex;
  justify-content: space-around;
  padding-top: 20px;
  vertical-align: middle;
  border-bottom: 1px solid #e8ede9;
  background: none;
}
.art-block-template-6 .art-character .art-text1 {
  font-style: normal;
  text-align: left;
  padding-bottom: 20px;
}
.art-block-template-6 .art-character .art-text2 {
  height: 21px;
  width: 21px;
  line-height: 18px;
  padding-bottom: 20px;
}
.art-block-template-6 .art-feature-section .art-block-time {
  display: flex;
  justify-content: space-around;
  padding-top: 20px;
  background: none;
}
.art-block-template-6 .art-block-time .art-text1 {
  font-style: normal;
  text-align: left;
  padding-bottom: 20px;
}
.art-block-template-6 .art-block-time .art-text2 {
  height: 21px;
  width: 21px;
  line-height: 18px;
  padding-bottom: 20px;
}
/* template 7 */

.art-block-template-7 .art-main-heading {
  margin-bottom: 10px;
  text-align: center;
}

.art-block-template-7 .art-feature {
  height: auto;
  align-items: center;
  margin-bottom: 20px;
}
.art-block-template-7 .art-feature-section {
  display: flex;
  justify-content: center;
  height: auto;
  margin: auto;
  background: none;
}
.art-block-template-7 .art-feature-section .art-word {
  display: flex;
  background: none;
}
.art-block-template-7 .art-text1 {
  font-weight: normal;
  line-height: 21px;
}
.art-block-template-7 .art-word .art-text1 {
  font-style: normal;
  text-align: left;
  padding-left: 10px;
  padding-right: 76px;
}

.art-block-template-7 .art-word .art-text2 {
  height: 21px;
  width: 21px;
  line-height: 18px;
  order: -1;
}
.art-block-template-7 .art-feature-section .art-character {
  display: flex;
  justify-content: space-around;
  vertical-align: middle;
  background: none;
}
.art-block-template-7 .art-character .art-text1 {
  font-style: normal;
  text-align: left;
  padding-left: 10px;
  padding-right: 76px;
}
.art-block-template-7 .art-character .art-text2 {
  height: 21px;
  width: 21px;
  line-height: 18px;
  order: -1;
}
.art-block-template-7 .art-feature-section .art-block-time {
  display: flex;
  justify-content: space-around;
  background: none;
}
.art-block-template-7 .art-block-time .art-text1 {
  line-height: 21px;
  text-align: left;
  padding-left: 10px;
}
.art-block-template-7 .art-block-time .art-text2 {
  height: 21px;
  width: 21px;
  line-height: 18px;
  order: -1;
}

/* template 8 */

.art-block-template-8 .art-main-heading {
  margin-bottom: 10px;
  text-align: center;
}

.art-block-template-8 .art-feature {
  height: auto;
  align-items: center;
  margin-bottom: 20px;
}
.art-block-template-8 .art-feature-section {
  display: flex;
  justify-content: center;
  height: auto;
  margin: auto;
  background: none;
}
.art-block-template-8 .art-feature-section .art-word {
  display: flex;
  padding: 10px 10px 5px 10px;
  margin-right: 66px;
}
.art-block-template-8 .art-text1 {
  font-weight: normal;
  line-height: 21px;
}
.art-block-template-8 .art-word .art-text1 {
  font-style: normal;
  text-align: left;
  padding-left: 10px;
}

.art-block-template-8 .art-word .art-text2 {
  height: 21px;
  width: 21px;
  line-height: 18px;
  order: -1;
}
.art-block-template-8 .art-feature-section .art-character {
  display: flex;
  justify-content: space-around;
  padding: 10px 10px 5px 10px;
  margin-right: 66px;
}
.art-block-template-8 .art-character .art-text1 {
  font-style: normal;
  text-align: left;
  padding-left: 10px;
}
.art-block-template-8 .art-character .art-text2 {
  height: 21px;
  width: 21px;
  line-height: 18px;
  order: -1;
}
.art-block-template-8 .art-feature-section .art-block-time {
  display: flex;
  justify-content: space-around;
  padding: 10px 10px 5px 10px;
}
.art-block-template-8 .art-block-time .art-text1 {
  font-style: normal;
  text-align: left;
  padding-left: 10px;
}
.art-block-template-8 .art-block-time .art-text2 {
  height: 21px;
  width: 21px;
  line-height: 18px;
  order: -1;
}
.art-block-template-8 .art-word {
  background-color: #e0dcdc;
}
.art-block-template-8 .art-character {
  background-color: #e0dcdc;
}
.art-block-template-8 .art-block-time {
  background-color: #e0dcdc;
}

/* template 9 */

.art-block-template-9 .art-main-heading {
  margin-bottom: 10px;
  text-align: left;
}

.art-block-template-9 .art-feature {
  height: auto;
  align-items: center;
  margin-bottom: 20px;
}
.art-block-template-9 .art-feature-section {
  display: flex;
  justify-content: flex-start;
  height: auto;
  background: none;
}
.art-block-template-9 .art-feature-section .art-word {
  display: flex;
  background: none;
}
.art-block-template-7 .art-text1 {
  font-weight: normal;
  line-height: 21px;
}
.art-block-template-9 .art-word .art-text1 {
  font-style: normal;
  text-align: left;
  padding-left: 10px;
  padding-right: 76px;
  line-height: 22px;
}

.art-block-template-9 .art-word .art-text2 {
  height: 21px;
  width: 21px;
  line-height: 18px;
  order: -1;
}
.art-block-template-9 .art-feature-section .art-character {
  display: flex;
  justify-content: space-around;
  vertical-align: middle;
  background: none;
}
.art-block-template-9 .art-character .art-text1 {
  font-style: normal;
  text-align: left;
  padding-left: 10px;
  padding-right: 76px;
  line-height: 22px;
}
.art-block-template-9 .art-character .art-text2 {
  height: 21px;
  width: 21px;
  line-height: 18px;
  order: -1;
}
.art-block-template-9 .art-feature-section .art-block-time {
  display: flex;
  justify-content: space-around;
  background: none;
}
.art-block-template-9 .art-block-time .art-text1 {
  font-style: normal;
  text-align: left;
  padding-left: 10px;
  line-height: 22px;
}
.art-block-template-9 .art-block-time .art-text2 {
  height: 21px;
  width: 21px;
  line-height: 18px;
  order: -1;
}

/* template 10 */

.art-block-template-10 .art-main-heading {
  margin-bottom: 10px;
}

.art-block-template-10 .art-feature {
  height: auto;
  align-items: center;
  margin-bottom: 20px;
}
.art-block-template-10 .art-feature-section {
  display: flex;
  height: auto;
  margin: auto;
  background: none;
}
.art-block-template-10 .art-feature-section .art-word {
  display: flex;
  margin-right: 66px;
  padding-left: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 9px;
}
.art-block-template-7 .art-text1 {
  font-weight: normal;
  line-height: 21px;
}
.art-block-template-10 .art-word .art-text1 {
  font-style: normal;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 10px;
  line-height: 23px;
}

.art-block-template-10 .art-word .art-text2 {
  height: 21px;
  width: 21px;
  line-height: 18px;
  order: -1;
}
.art-block-template-10 .art-feature-section .art-character {
  display: flex;
  justify-content: space-around;
  margin-right: 66px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 9px;
}
.art-block-template-10 .art-character .art-text1 {
  font-style: normal;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 10px;
  line-height: 23px;
}
.art-block-template-10 .art-character .art-text2 {
  height: 21px;
  width: 21px;
  line-height: 18px;
  order: -1;
}
.art-block-template-10 .art-feature-section .art-block-time {
  display: flex;
  justify-content: space-around;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 9px;
}
.art-block-template-10 .art-block-time .art-text1 {
  font-style: normal;
  text-align: left;
  padding-left: 5px;
  border: 1px solid E2E2E2;
  padding-right: 5px;
  background-color: E2E2E2;
  margin-left: 10px;
  line-height: 23px;
}
.art-block-template-10 .art-block-time .art-text2 {
  height: 21px;
  width: 21px;
  line-height: 18px;
  order: -1;
}
.art-block-template-10 .art-word {
  background-color: #e2e2e2;
}
.art-block-template-10 .art-character {
  background-color: #e2e2e2;
}
.art-block-template-10 .art-block-time {
  background-color: #e2e2e2;
}
@media (max-width: 767px) {
  .art-block-template-7 .art-word .art-text1,
  .art-block-template-9 .art-word .art-text1 {
    padding-right: 50px;
  }
  .art-block-template-7 .art-character .art-text1,
  .art-block-template-9 .art-character .art-text1 {
    padding-right: 50px;
  }
  .art-block-template-8 .art-feature-section .art-word,
  .art-block-template-10 .art-feature-section .art-word {
    margin-right: 20px;
  }
  .art-block-template-8 .art-feature-section .art-character,
  .art-block-template-10 .art-feature-section .art-character {
    margin-right: 20px;
  }
  .art-paragraph-template-9
    .art-feature
    .art-feature-background
    .art-paragraph {
    width: 300px;
  }
  .art-paragraph-template-1 .art-feature-background {
    width: 320px;
  }
}

/* Progress bar css */

.art-progressbar-header {
  position: fixed;
  z-index: 99999;
  width: 100%;
}

.art-progress-container {
  width: 100%;
}

.art-progress-bar {
  width: 0%;
}