.blog-articles {
  display: grid;
  grid-gap: 1rem;
  column-gap: var(--grid-mobile-horizontal-spacing);
  row-gap: var(--grid-desktop-vertical-spacing); 
}

.blog-articles .card-wrapper {
  width: 100%;
}
.blog-template-content{width:100%;}
@media screen and (min-width: 750px) {

  .blog-articles--collage > *:nth-child(3n + 1),
  .blog-articles--collage > *:nth-child(3n + 2):last-child {
    grid-column: span 2;
    text-align: center;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .card,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .card {
    text-align: center;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--small .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--small .ratio::before {
    padding-bottom: 22rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--medium .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--medium .ratio::before {
    padding-bottom: 44rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--large .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--large .ratio::before {
    padding-bottom: 66rem;
  }
}

@media screen and (min-width: 990px) {
  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--small .ratio .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--small .ratio .ratio::before {
    padding-bottom: 27.5rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--medium .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--medium .ratio::before {
    padding-bottom: 55rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--large .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--large .ratio::before {
    padding-bottom: 82.5rem;
  }
}
@media screen and (min-width: 1441px) {
    .blog-articles {
    grid-template-columns: repeat(3,1fr);
    column-gap: var(--grid-desktop-horizontal-spacing);
      row-gap: calc(var(--grid-mobile-vertical-spacing) + 3.5rem);
    
  }
}
@media screen and (max-width: 1440px) and (min-width: 1200px) {
    .blog-articles {
    grid-template-columns: repeat(1,1fr);
    column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing); 
  }
}
.card .card__inner .card__media{ border-radius:0}
/*sidebar*/
.blog-articles .article-card .card__information h3.card__heading{ font-size: 2.2rem; margin-bottom:1rem;}
/* .underline-links-hover:hover .article-card__excerpt{color: var(--gradient-base-accent-2);}  */
.widget-tags ul.categories { list-style: none; padding: 0;}
.widget-tags ul.categories li a { color: var(--gradient-base-accent-1);}
ul.swiper-wrapper {  padding: 0; list-style: none;}
.blog-sidebar h4.sidebar_title, .blog-sidebar h5.sidebar_title { font-size: 2.4rem;}
ul.product-list-style { list-style: none; padding: 0;}
.blog-sidebar aside { width:var(--sidebar-width);}
.main-blog { display: flex;}
ul.recent_article { list-style: none; padding: 0;}
ul.recent_article li.article-item{display: grid; grid-template-columns: auto 2fr; align-items: center; gap: 15px; margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px dashed var(--DTColor_Border);}
ul.recent_article .article-image{    width: 74px; height: 90px;}
ul.recent_article .article-image img{width:100%; height:100%;}
h6.article-title{font-size:1.8rem; margin:0; font-family: var(--font-heading-family); }
h6.article-title a{color: var(--gradient-base-accent-1); transition: all 0.3s linear; font-weight:500;}
.article-description p{    font-size: 1.8rem; padding: 0; margin: 5px 0; line-height:25px;}
h6.article-title:hover a {color:var(--gradient-base-background-2);text-underline-offset: 0.3rem;}
/*  a.blog__button.button {  min-width: 0;  min-height: 0;  padding: 0;  background: none;  margin: 2.5rem 0 0;} */
.blog-sidebar span.close-sidebar { position: absolute; top: 2rem; right: 0rem; width: 4.4rem; height: 4.4rem; cursor:pointer;}
.blog-sidebar span.close-sidebar svg { width: 2.2rem;}
.blog-sidebar.facets-vertical { padding-right: 3rem;}
button.toggleFilter svg.icon.icon-filter { width: 2.5rem; height: 2.5rem; color: var(--gradient-base-background-2);}
.blog-sidebar span.close-sidebar{display:none;}
.widget-articles .sidebar_title{margin-top:0;}
@media screen and (max-width: 749px) {
  .blog-sidebar.facets-vertical aside {
    position: fixed;
    overflow-y: scroll;
    padding: 15px;
    max-width: 80%;
    top: 0;
    left: calc(var(--sidebar-width) * -1);
    height: 100%;
    background: var(--gradient-background);
    margin: 0;
    z-index: 17;
    transition: all .3s linear;
}
 .blog-sidebar.facets-vertical.open aside { left: 0;} 
  button.toggleFilter{ height: 40px; width: 110px; background: transparent; border: none; position: relative; display: flex; align-items: center; justify-content: space-around; color: var(--gradient-base-background-2); font-size: 1.8rem;}
 .main-blog { display: block;}  
  .blog-sidebar span.close-sidebar{display:block;}
}
@media screen and (max-width: 576px) {
.blog-articles .article-card .card__information h3.card__heading{font-size:2.2rem;}
}
ul.recent_article li.article-item .article-description span{ color: var(--gradient-base-accent-2); }
ul.recent_article .article-description h6.article-title{  font-weight:500;   line-height: 29px;
    font-size: 2rem; text-transform:uppercase;}
.blog-sidebar.facets-vertical.open:after{
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 16;
    background-color: rgba(0, 0, 0, 0.7);
}








ul.recent_article li.article-item .article-description span{ display:none;}
 h6.article-title a{     font-size: 1.8rem;}
/* .widget-tags ul.categories{ display:flex;} */
.widget-tags ul.categories li{ margin-bottom:25px;  display:inline-block;  padding: 0 1rem 0 0;
}
.filter-panel-menu ul li a:hover{ color:var(--gradient-base-background-2);}
.blog-sidebar h5.sidebar_title{ margin-top:0; margin-bottom:1rem;}
.filter-panel-menu .filter-panel ul li{list-style-type:none; font-weight:500;}
.filter-panel-menu .filter-panel ul{ padding-left: 0rem;  }
.filter-panel-menu{ margin-bottom:5rem;}
.widget-tags{ margin-bottom:5rem;}
.widget-tags ul.categories li a{
    color: var(--gradient-base-accent-1);
    padding: 1rem 1.5rem;
    font-weight: 300;
    background-color: var(--gradient-base-background-3); }
.share-icon{ 
 display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
ul.recent_article .article-description h6.article-title:hover{ color:var(--gradient-base-background-2);}
.article-template__comment-fields .field__input{ min-height:6rem;}
.widget-tags ul.categories li a:hover {
    background-color: var(--gradient-base-accent-1);
    color:var(--gradient-base-background-1);
}
/* @media screen and (min-width: 1400px) {
.blog-articles .card-wrapper .card__inner{ 
    height: 575px;
    border-radius: 1rem;
}
} */
.card__information .card__heading a{ font-size:3.5rem; letter-spacing:0; line-height:45px; font-weight:600;}
.blog-sidebar h5.sidebar_title{ font-weight:600;  font-size:2.5rem;  }
.blog-sidebar h4.sidebar_title{ font-size:2.5rem; font-weight:600;}
.main-blog.sidebar-right .blog-sidebar.facets-vertical{ padding-right:0; }
@media screen and (min-width: 750px) {
  .main-blog.sidebar-right .blog-sidebar.facets-vertical{ padding-left:6rem; padding-right:0; }
}
.main-blog.sidebar-right{ flex-direction: row-reverse;}
.social-link{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* .blog-articles a.blog__button.button:before{width: 0%; left: 0; bottom: 0px; transition: width ease 0.4s; border:none;}   
 .blog-articles a.blog__button.button:after{   width: 100%; left: 0; bottom: 0px; transition: all ease 0.6s;}
.blog-articles  a.blog__button.button:before, .blog-articles a.blog__button.button:after { content: ''; position: absolute; background-color: currentcolor; height: 2px; top: unset; z-index: 1;border:none;}
   .blog-articles a.blog__button.button{  padding: 0;
    background: none;
     margin-top:0;                                   
    color: var(--gradient-base-accent-1);
    font-size: 1.5rem;
    letter-spacing: 3px;
    min-width:fit-content;
   display: inline; 
} */
.main-blog .widget-image{ margin-top:6rem;}
.blog-articles .article-card .card__information{ padding:0rem;}
.blog-articles .card--card.card--media>.card__content{ margin-top: calc(1rem - var(--card-image-padding));}
.blog-articles .article-card__excerpt{ padding-bottom:2rem; max-width:100%;}
 ul.pagination__list.list-unstyled li{ background:transparent !Important;}
.pagination__item--current:after, .pagination__item:hover:after{ display:none !Important;}
.pagination__item--current{ background-color: var(--gradient-base-background-2);}
 ul.pagination__list.list-unstyled li .pagination__item{color: var(--gradient-base-accent-1) !important;     border-radius: 3rem;
}
ul.pagination__list.list-unstyled li .pagination__item{ transition:all 0.3s linear; font-weight:600; font-size:1.6rem;}
ul.pagination__list.list-unstyled li .pagination__item:hover{ background-color: var(--gradient-base-background-2);}
/* a.pagination__item.pagination__item--next.pagination__item-arrow.link.motion-reduce{     transform: rotate(180deg);} */
 .blog-articles a.blog__button.button:hover{ color:var(--gradient-base-accent-2);}
 .blog-articles a.blog__button.button:hover:after { left: 100%; width: 0%; transition: all ease 0.2s; background-color: rgb(var(--color-base-accent-2));}
.blog-articles  a.blog__button.button:hover:before {width: 100%;background-color: rgb(var(--color-base-accent-2));}
.date-shown{
    text-transform: uppercase;
    font-weight: 400;
    position: absolute;
    top: 4rem!important;
    left: 4rem!important;
    padding: 1rem!important;
    height: fit-content!important;
    margin: auto;
    max-width: 8rem!important;
    justify-content: center;
    letter-spacing: 2.6px;
    display: flex!important;
    border-radius: 0.5rem;
    background-color: var(--gradient-base-accent-1);
    color: var(--gradient-background);
    font-size: 1.3rem;
}


.main-blog a.link.text-social__link{ padding:1rem !important; }
.main-blog .team__list-social li.list-social__item:hover:hover{ background:transparent !Important;}
.main-blog a.link.text-social__link span{ padding: 0.5rem; }  
.main-blog a.link.text-social__link span:hover{    background: var(--gradient-base-background-2); }
.main-blog li.list-social__item:not(:last-child):after{ content: '-'; }
.main-blog a.link.text-social__link span{ font-weight:600;}



.social-link .slider-social ul.team__list-social a.link.text-social__link{
  font-weight:700;
}


@media screen and (max-width: 767px) {
.blog-demo-10  .card__information .card__heading a{ font-size: 2.2rem;}
}
.blog-demo-10 .card__inner{height: 60rem; }
.blog-demo-10  .card .card__inner .card__media{ border-radius:0;}
.blog-demo-10 .card__media .media img{ height:100%; border-radius:0rem;}
.blog-demo-10 .article-card__image.media.media--hover-effect{ border-radius:0;}
.blog-demo-10 .article-card a.blog__button.button { padding: 0; background: none;color:var(--gradient-base-accent-1);     font-size:2rem;
    letter-spacing:0; text-transform: capitalize;
    font-family: var(--font-additional-family); min-height: calc(3.4rem + var(--buttons-border-width) * 2); /* display: inline; */ }
.blog-demo-10 .article-card a.blog__button.button:before{width: 0%; left: 0; bottom: 0px; transition: width ease 0.4s;}   
.blog-demo-10 .article-card a.blog__button.button:after{   width: 100%; left: 0; bottom: 0px; transition: all ease 0.6s;}
.blog-demo-10 .article-card a.blog__button.button:hover{ color:var(--gradient-base-accent-2);}
.blog-demo-10 .article-card a.blog__button.button:hover:after { left: 100%; width: 0%; transition: all ease 0.2s; box-shadow:none; background-color: rgb(var(--color-base-accent-2));}
.blog-demo-10 .article-card a.blog__button.button:hover:before {width: 100%;background-color: rgb(var(--color-base-accent-2));}
.blog-demo-10 .blog__posts .article-card .card__information{ text-align:left;     padding-left: 0;
    padding-right: 0;}
.blog-demo-10  .article-card__footer{ padding-top:1rem;}
.blog-demo-10 .card--card .card__inner .card__media .date-shown span{ text-transform:capitalize; padding: 0.5rem 1.5rem;
    font-weight: 400;
    position: absolute;
     z-index:10;                                                                 
    right: 0rem;
    top:2rem;
    margin: auto;
    max-width:15rem;
     justify-content:center;                                                                
     letter-spacing:0;
    display: flex;
    border-radius:0; background-color:rgb(var(--color-base-outline-button-labels));
    color:var(--gradient-base-accent-1); font-size:1.6rem;}
.blog-demo-10 .article-card__excerpt{ margin: 0 auto 3rem auto;     color: var(--gradient-base-accent-1); }
.blog-demo-10 .card__information .card__heading a{ font-size: 2.2rem; font-weight: 500; line-height:35px; margin-top:1rem; text-transform: uppercase; letter-spacing:1.15px;}
.blog-demo-10 .article-card a.blog__button.button:before, .blog-demo-10 .article-card a.blog__button.button:after { content: ''; position: absolute; background-color: currentcolor; height: 2px; top: unset; z-index: 1;border:none;}
/* .blog .page-width{ max-width: calc(var(--page-width) + 8rem);} */
.blog-demo-10 .blog__posts .article-card .card__information{ padding-top:1.5rem;}
.article-card__info{ display:none;}
@media screen and (min-width: 1400px) {
.blog-demo-10 .article-card__excerpt{ width:auto;}
}

 .blog-demo-10  .article-card .card__inner a:after{
   bottom: 0;
    content: "";
    left: 0;
  -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    position: absolute;
    background:var(--color-icon);
    opacity:0;
    right: 0;
    top: 0;
    z-index: 0; 
}
 .blog-demo-10   .article-card .card__inner a:hover:after{
     content: "";
    z-index:10;
     opacity:0.4; 
     visibility: visible;
}
.blog-demo-10 .card__media:hover .media img{transform:scale(1.03); }
.blog-demo-10 .card__media .media img{ /* transform:scale(1.03); */ transition:all 0.3s linear;}
.blog-demo-10 .article-card__excerpt{     max-width: 43rem;
    margin-left: 0;}
.blog-demo-10 .article-card a.blog__button.button{ border:none;}
.blog-demo-10  .article-card .card__inner a{ z-index:1;}
.blog-demo-10  .media>*:not(.zoom):not(.deferred-media__poster-button){     position: initial;}
.blog-demo-10  .card__heading a:after{display:none;}
.blog-demo-10 .title-wrapper-with-link.content-align--center .description{ text-align:center; margin-top:0; }
.blog-demo-10 .title-wrapper-with-link.content-align--center{ margin-bottom:0;}
.blog-demo-10 .title-wrapper--no-top-margin>.description{     max-width: 72.5rem;  margin-top:1.5rem;    color:var(--gradient-base-accent-1);}
.blog-demo-10 .title-wrapper-with-link .title{ font-size:3.4rem;}
.blog__button:after{ box-shadow:none;}
.blog-demo-10 .card--card .card__inner .card__media:hover .date-shown span{ transform:translateX(-20px);}
.blog-demo-10 .card--card .card__inner .card__media .date-shown span{ transition:all 0.3s linear;} 






@media screen and (max-width: 767px) {
.blog-demo-3  .card__information .card__heading a{ font-size: 2.2rem;}
}
/* .blog-demo-3 .card__inner{height: 47rem; } */
.blog-demo-3  .card .card__inner .card__media{ border-radius:0;}
.blog-demo-3 .card__media .media img{ height:100%; border-radius:0rem;}
.blog-demo-3 .article-card__image.media.media--hover-effect{ border-radius:0;}
.blog-demo-3 .article-card a.blog__button.button { color:var(--gradient-base-background-2);    padding: 10px 40px;
    background: var(--gradient-base-accent-1);    font-size:2.2rem;
    letter-spacing:0; text-transform: capitalize;
    font-family: var(--font-additional-family); display: inline;}

.blog-demo-3 .blog__posts .article-card .card__information{ text-align:left;     padding-left: 0;
    padding-right: 0;}
.blog-demo-3 .blog-articles .card-wrapper .card__content .card__information .blog__button.button:after{     content: "";
    position: absolute;
    background-color: currentcolor;
    width: 100%;
    height: 1px;
    top: unset;
    z-index: 1;
    border: none;}
.blog-demo-3 .blog-articles .card-wrapper .card__content .card__information .blog__button.button:after{
width: 100%;
    left: 0;
    bottom: -2px;
    transition: all ease .6s; }

  .blog-demo-3 .blog-articles .card-wrapper .card__content .card__information .blog__button.button:hover:after{  width: 10px; }
.blog-demo-3  .article-card__footer{ padding-top:1rem;}
.blog-demo-3 .card--card .card__inner .card__media .date-shown span{ text-transform:capitalize; line-height:28px; padding: 3px 26px; z-index:10;
    font-weight: 500;
    position: absolute;
    right: 0rem;
    top:2rem;
    margin: auto;
    max-width:15rem;
     justify-content:center;                                                                
     letter-spacing:0;
    display: flex;
    border-radius:0; background-color:var(--gradient-base-accent-1);
    color:var(--gradient-base-accent-2); font-size:1.6rem;}
.main-blog .card__information .card__heading a:hover{color:var(--gradient-base-background-2);}
.blog-demo-3 .article-card__excerpt{ margin: 0 auto 0.3rem auto;   }
.blog-demo-3 .card__information .card__heading a{ font-size: 2.2rem; font-weight: 500; line-height:35px; margin-top:1rem; text-transform: uppercase; letter-spacing:1.15px;}
/* .blog-demo-3 .article-card a.blog__button.button:before, .blog-demo-3 .article-card a.blog__button.button:after { content: ''; position: absolute; background-color: currentcolor; height: 2px; top: unset; z-index: 1;border:none;}
 .blog .page-width{ max-width: calc(var(--page-width) + 8rem);}

.blog-demo-3 .article-card a.blog__button.button:before{width: 0%; left: 0; bottom: 0px; transition: width ease 0.4s;}   
.blog-demo-3 .article-card a.blog__button.button:after{   width: 100%; left: 0; bottom: 0px; transition: all ease 0.6s;}
.blog-demo-3 .article-card a.blog__button.button:hover{ color:rgba(var(--color-base-solid-button-labels));}
.blog-demo-3 .article-card a.blog__button.button:hover:after { left: 100%; width: 0%; transition: all ease 0.2s; box-shadow:none; background-color: currentcolor;}
.blog-demo-3 .article-card a.blog__button.button:hover:before {width: 100%;background-color: currentcolor;}

*/
.blog-demo-3 .blog__posts .article-card .card__information{ padding-top:1.5rem;}
.article-card__info{ display:none;}
@media screen and (min-width: 1400px) {
.blog-demo-3 .article-card__excerpt{ width:auto;}
}
.blog-demo-3  .article-card .card__inner a:after{
   bottom: 0;
    content: "";
    left: 0;
  -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    position: absolute;
   /* background:var(--color-icon); */
    opacity:0;
    right: 0;
    top: 0;
    z-index: -1;
}
.blog-demo-3 .blog-articles .card-wrapper .article-card__image-wrapper .overlay-button .blog__button1.button{ z-index:5;  pointer-events: all; }
.blog-demo-3 .card .card__inner .card__media{ z-index:5;}
.blog-demo-3 .blog-articles .card-wrapper .article-card__image-wrapper .overlay-button:hover .blog__button1.button{ background-color:var(--gradient-base-accent-1); color:var(--gradient-base-accent-2); }
.blog-demo-3  .card__information .card__heading a:before{ display:none; z-index:-1;}
.blog-demo-3   .article-card .card__inner a:hover:after{
    content: "";
   /* z-index:10; */
  opacity:0.4;
}
 .blog-demo-3 .article-card a.blog__button.button{  min-height: calc(3.4rem + var(--buttons-border-width) * 2);      background: transparent;
    padding: 0; } 
.blog-demo-3 .card--card .card__inner .card__media .date-shown span{  transition:all 0.3s linear;}
.blog-demo-3 .card--card .card__inner .card__media:hover .date-shown span{ transform:translateX(-20px);}
.blog-demo-3 .card--card .card__inner .card__media .date-shown span{ z-index:10;}
.blog-demo-3 .card__media .media:hover img{transform:scale(1); }
.blog-demo-3 .card__media .media img{ transform:scale(1); transition:all 0.3s linear;}
.blog-demo-3 .article-card__excerpt{     max-width: 43rem;
    margin-left: 0;}
.blog-demo-3 .article-card a.blog__button.button{ border:none;}
.blog-demo-3  .article-card .card__inner a{ /* z-index:1; */ border:none;}
.blog-demo-3  .media>*:not(.zoom):not(.deferred-media__poster-button){     position: initial;}
.blog-demo-3  .card__heading a:after{display:none;}
.blog-demo-3 .title-wrapper-with-link.content-align--center .description{ text-align:center; }
.blog-demo-3 .title-wrapper-with-link.content-align--center{ margin-bottom:0;}
.blog-demo-3 .title-wrapper--no-top-margin>.description{     max-width: 72.5rem;  margin-top:1.5rem; z-index:0;   color:var(--gradient-base-accent-1);}
.blog-demo-3 .article-card .card__inner a.blog__button1.button{     padding: 0 38px; }
.overlay-button{     height: 100%;
    width: fit-content;
    display: flex;
    margin: auto;
     z-index:5;           
    flex-direction: column;
    align-items: center;
    justify-content: center;}




.blog-demo-3 .card-wrapper.underline-links-hover.progress-hover:hover .progress-bar{  transform:none;}
.blog-demo-3 .card-wrapper.underline-links-hover.progress-hover .progress-bar{ transform:translateY(-30px);}
 .blog-demo-3 .progress-loop-.card-wrapper .card.article-card .card__content .progress-bar{ transition:all 0.6s linear; margin-top:-15px;}
.blog-demo-3 .progress-loop-.card-wrapper .card.article-card .card__content .progress-bar{ opacity:0; transition:all 0.6s linear;     padding: 0px 3.8rem; }
.blog-demo-3  .progress-loop-.card-wrapper.progress-hover:hover .card.article-card .card__content .progress-bar{ opacity:1; }

   .blog-demo-3 .progress-bar {
  position: relative;
  height: 3px;
  width:100%;
  max-width:100%;
  margin-top:-15px;
  background:#707070;
  transform:translateY(-30px);
  border-radius: 25px;
 
}

/* .blog-demo-3 .progress-loop-.card-wrapper .card.article-card .card__content .progress-bar { transform:translateY(-30px); } */
 .blog-demo-3 .card-wrapper.underline-links-hover.progress-hover:hover .progress-fill{ display:block; animation: progress-forward 5s ease-in-out 0s forwards; left:0;  position: absolute;
  height: 6px;
  width: 50%;
   animation: progress-forward 5s ease-in-out 0s forwards ; transform:none;
  background: var(--gradient-base-background-2);
  border-radius: 15px; }
 .blog-demo-3 .blog-articles .card-wrapper:hover  .article-card__image-wrapper .overlay-button .blog__button1.button{ opacity:1; transform:none;}
 .blog-demo-3 .blog-articles .card-wrapper  .article-card__image-wrapper .overlay-button .blog__button1.button{ opacity:0; transition:all 0.3s linear; transform:translateY(60px) }
/* .blog-demo-3 .blog-articles .card-wrapper:hover .card__content .card__information .blog__button.button{ opacity:0; transform:translateY(-30px);}  */
 .blog-demo-3 .blog-articles .card-wrapper .card__content .card__information .blog__button.button{ transform:none;}
@keyframes progress-forward {
  0% {
    width: 50%;
  }
  
  100% {
    width: 100%;
  }
};