.article-con .article_wraper{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 30px;
}
.article-con .article-box .box-content {
  padding: 30px 30px 28px;
  border-top: none !important;
  background-color: var(--e-global-color-white);
  border: 1px solid var(--e-global-color-white);
  transition: all 0.8s ease-in-out;
}
.article-con .article-box:hover .box-content {
  border: 1px solid var(--e-global-color-accent);
  box-shadow: 0 20px 50px rgb(17 78 167 / 10%);
}
.article-con .article-box .box-content span {
  margin-bottom: 18px;
}
.article-con .article-box .box-content span,
.article-con .article-box .box-content .icon {
  display: flex;
  align-items: center;
}
.article-box .span_wrapper{
  display: flex;
    flex-direction: row;
    gap: 7px;
}
.article-con .article-box .box-content i{
  font-size: 12px;
  color: var(--e-global-color-accent);
}
.article-con .article-box .box-content span {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  gap: 5px;
  color: var(--e-global-color-text);
}
.article-con .article-box .box-content h5 {
  line-height: 28px;
  color: var(--e-global-color-primary);
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
}
.article-con .article-box .box-content h5:hover {
  color: var(--e-global-color-accent);
}
.article-con .article-box .box-content p {
  margin-bottom: 14px;
}
.article-con .article-box .box-content .read_more {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: var(--e-global-color-accent);
  font-family: "Plus Jakarta Sans", sans-serif;
  transition: all 0.3s ease-in-out;
}
.article-con .article-box .box-content .read_more:hover {
  color: var(--e-global-color-primary);
}
@media screen and (max-width:1199px) {
  .article-con .article-box .box-content {padding: 20px 10px;}
  .article-con .article-box .box-content .top-icon {margin-bottom: 14px;}
  .article-con .article-box .box-content .top-icon span {margin: 0 8px 0 4px;}
   .article-con .article-box .box-content p {margin-bottom: 12px;}
}
@media screen and (max-width:1024px) {
  .article-con .article_wraper{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
  }
.article-con .article-box .box-content {padding: 25px 30px;}
.article-con .article-box .box-content .top-icon {margin-bottom: 14px;}
.article-con .article-box .box-content .top-icon span {margin: 0 10px 0 5px;}
.article-con .article-box .box-content h5 {line-height: 24px; margin-bottom: 8px;}
.article-con .article-box .box-content p {margin-bottom: 10px;}
}
@media screen and (max-width:767px) {
.article-con .article-box .article-image img {width: 100%;}
.article-con .article-box .box-content {padding: 25px;}
.article-con .article_wraper{
  display: grid;
  grid-template-columns: repeat(1,1fr);
  gap: 30px;
}
}
@media screen and (max-width:575px) {
  .article-con .article_wraper{
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 30px;
  }
  .article-con .article-box .box-content {padding: 20px;}
.article-con .article-box .box-content .top-icon {margin-bottom: 10px;}
.article-con .article-box .box-content h5 {line-height: 22px; margin-bottom: 6px;}
.article-con .article-box .box-content p {margin-bottom: 8px;}
}