.article-module__item{display:flex;flex-direction:column;margin:0 0 20px;padding:0}
.article-module__image img{max-height:200px;border-radius:var(--border-radius-1-1-0-0);cursor:pointer;object-fit:cover}
.article-module__category-date-viewed {display:flex;align-items:center;margin:0 0 10px;color:#888;font-size:.85em}
.article-module__description{display:flex;flex-direction:column;flex:1 1 auto;padding:15px}
.article-module__date, .article-module__viewed{margin:0 15px 0 0}
.article-module__viewed {flex:0 0 auto}
.article-module__date .fa, .article-module__viewed .fa {margin:0 5px 0 0;font-size:.9em}
.article-module__name{display:block;margin:0 0 10px;font-weight:500}
.article-module__text{font-size:.95em}

.article-list{display:flex;flex-wrap:wrap;margin-bottom:10px}
.article-list__layout{display:flex;height: 425px;margin: 0 0 20px;}
.article-list__item{margin:0 0px 20px;padding:0;display: flex;/* border-radius: 16px; */}
.article-list__image img{border-radius:var(--border-radius-1-1-0-0);cursor:pointer;padding: 15px;}
.article-list__category-date-viewed {display:flex;align-items:center;margin:0 0 10px;color:#888;font-size:.85em}
.article-list__date, .article-list__viewed{margin:0 15px 0 0}
.article-list__date .fa, .article-list__viewed .fa {margin:0 5px 0 0}
.article-list__name {display: flex;/* margin:0 0 10px; */font-weight:500;position: absolute;bottom: 30px;font-size: 24px;color: #fff;/* width: 100%; */left: 42px;/* width: 100%; *//* justify-content: space-between; *//* align-items: end; *//* position: absolute; *//* right: 0; *//* top: 50%; *//* transform: translateY(-50%); */}
.article-list__description {/* padding: 25px; */width: 100%;/* border-radius: 16px; */}
.article-list__text{line-height:1.5em;font-size:.95em}

.article-page{margin:0 0 30px}
.article-page__image{float: right;/* margin:0 15px 10px 0; *//* width:30%; */padding: 10p; min-height:500px;}
.article-page__image img{border-radius:var(--border-radius-1)}
.article-page__description{margin:0 0 30px;line-height:1.5em}
.article-page__posted{text-align:right;font-size:.95em;color:#888}
.article-page__posted .fa-eye{margin:0 5px 0 0}
.article-page__posted .fa-calendar{margin:0 5px 0 15px}
.article-page ol, .article-page ul {display:inline-block;padding:0 0 0 15px;clear:both}
.topblog {background: #0D2637;border-radius: 16px;/* width: 100%; */justify-content: space-between;margin-bottom: 40px;font-size: 20px;}
.article-page__html {padding: 40px;color:#fff;flex: 1;}
.article-page__html h1 {color:#fff;font-size: 46px;margin: 0px 0px 30px 0;/* font-weight: 300; */}
.article-page__html span {color:#fff; padding: 12px 16px; border: 2px solid #49EDF7; border-radius: 16px; font-size: 20px; font-weight: 500;}
.article-page__html ul {margin-top: 50px;list-style: none;padding-left: 0;}


.article-list img{border-radius: 16px; padding:0;}

.article-list__name span {flex: 0.65;}

.article-list .article-list__description::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 1px;
    width: 95%;
    padding: 20px;
    margin: 0 8px;
    height: 80%;
    background: linear-gradient(to top, rgb(0 0 0), rgb(0 0 0 / 0%));
    pointer-events: none;
    border-radius: 15px;
}


.article-list .uni-item {background: unset;}

.article-page__html li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 15px;
  margin-left: 5px;
  /* font-size: 20px; */
  /* font-weight: 300; */
}


.article-page__html li::before {    content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 20px;
  height: 2px;
  background: #0DE6F5;
  border-radius: 2px;}


  .article-page__html .button {color: #fff;padding: 12px 16px;/* border: 2px solid #49EDF7; */border-radius: 8px;font-size: 14px;font-weight: 500;background: #08B5C1;bottom: 150px;position: absolute;}