/** Shopify CDN: Minification failed

Line 401:0 Expected "}" to go with "{"

**/
.blog-articles {
  display: grid;
  row-gap: var(--grid-mobile-vertical-spacing);
      grid-template-columns: 1fr 1fr;
 gap:30px;
    row-gap: var(--grid-desktop-vertical-spacing); 
}


.template_blog .card__inner.color-scheme-2.gradient.ratio {
 
  display: unset;
}
.template_blog .media > *:not(.zoom):not(.deferred-media__poster-button){
  position: static;
}
.template_blog .card__media, .template_blog  .card .media{
  
  position: static;
  overflow: hidden;
  border-radius: 30px;
}
.template_blog  .card__content .article-card__info .circle-divider{
         margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
    background-color: var(--primary___color);
        padding: 10px 18px;
    color: #fff;
    width: fit-content;
    border-radius: 30px;
  display: inline-block;
  text-transform: capitalize;
}
.blog-left .card.article-card .article-card__info{
  margin: 0;
}
.template_blog .card__content .card__heading a {
    display: block;
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
}
.template_blog  .card__content .read-wrp {
        border-top: 0.5px solid #e0e0e0;
    padding: 10px 0 0;
      margin: 20px 0 0;
}
.template_blog .card__content .read-wrp .read-more{
  display: flex;
    align-items: center;
    justify-content: left;
    font-size: 18px;
    text-decoration: none;
    color: #767676;
}
.template_blog .card__content .read-wrp .read-more svg{height:36px;width:36px;}
.blog-left .card.article-card .card__content {
    padding: 0;
    box-shadow: 3px 5px 11px rgba(0, 0, 0, 0.1);
    margin: -80px auto 40px;
    position: relative;
    background: #fff;
    border-radius: 30px;
    width: 446px;
}
.blog-right .widget.widget-search{
  background-color: #fff;
  padding:40px 30px;
  border-radius: 40px;
}
.blog-right .widget.widget-search h2{
  margin:0 0 25px;;
  font-size: 24px;
  line-height: 30px;
  padding: 0 0 10px;
  position: relative;
  width: fit-content;
}
.blog-right .widget.widget-search h2:before{
  content:" ";
  position: absolute;
  top:auto;
  bottom: 0;
  left: 0;
  right: auto;
  width: 100%;
  height: 4px;
  background: var(--primary___color);
}
.blog-right input.search__input {
    border-radius: 50px;
    padding: 15px 20px;
    height: 54px;
      border: 1px solid var(--primary___color) !important;
    /* border-radius: 20px; */
}
.blog-right .field__input:focus{
  box-shadow: unset;
  
}
/* .blog-right .field__input:focus{
  color:#fff;
} */
.blog-right .field__input::placeholder{
opacity:1;
}
.blog-right .field__label{
display: none;
}
.blog-right .field__button{
     top: 0;
    bottom: 0;
    margin: auto;
}
 .blog-right .field__button .field{
   box-shadow: 0;
 }
.blog-right .field__input:focus~.field__label{
  font-size: 12px;
    top: -27px;
}
.blog-right  .blog_sidebar_recent {
      background: #fff;
    padding: 30px;
    margin: 30px 0 0;
    border-radius: 30px;
}
.blog-right .blog_sidebar_recent h2{
      margin: 0 0 25px;
    font-size: 24px;
    line-height: 30px;
    padding: 0 0 10px;
    position: relative;
    width: fit-content;
}
.blog-right .blog_sidebar_recent h2:before{
      content: " ";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: auto;
    width: 100%;
    height: 4px;
    background: var(--primary___color);
}
.blog-right .blog_sidebar_recent .read-wrp{
  display: none;
}
.blog-right .card.article-card{
   flex-direction: row;
    align-items: center;
    gap: 10px;
}
.blog-right .card.article-card .card__content {
    padding: 10px;
    background: #f7f8fa;
    border-radius: 20px;
}

.blog-right .card__inner   .card__content{
  display: none;
}
.blog-right .card__content .card__heading a {
    display: block;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
}
.blog-right .card__content .article-card__info .circle-divider{
  margin: 0;
}
.template_blog .card .media{
  background-color: transparent;
}
.blog-right .card__media, .template_blog .card .media{
  border-radius: 16px;
}
.blog-right .card__content .card__information{
  padding: 0;
}
.blog-right .field:after{
  display: none;
}
@media screen and (min-width: 750px) {


  .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;
  }
}

.main-blog .blog-content{display:flex; flex-wrap:wrap;}
.main-blog .blog-content .blog-left{width:70%; padding-right:30px;}
.main-blog .blog-content .blog-right{width:30%;}

.list-category-toggle{list-style:none; padding:0px; margin:0px;}
.list-category-toggle .item-toggle-tab a{color: #222;display: block;font-size: 15px;font-weight: 500;line-height: 24px;padding: 13px 12px 13px 16px;position: relative;
  z-index: 1;border-bottom: 1px solid #ececf0;transition: all .3s linear 0ms;background: #f5f8fb;}
.list-category-toggle .item-toggle-tab a:hover{padding-left: 23px !important;}
.widget.widget-tags ul{padding:0px; margin:0px; list-style:none; display:flex; flex-wrap:wrap; }
.widget.widget-tags ul li{margin:5px;}
.widget.widget-tags ul li a{display:inline-block; padding:5px; border:1px solid; font-size:12px;border-radius:5px;color:var(--primary___color);text-decoration:none;transition:0.2s;font-weight:600;}
.widget.widget-tags ul li a:hover{color:#fff;background:var(--primary___color);}
.blog_sidebar_recent .item-post .post-title{margin-top:0px;}
.blog_sidebar_recent .item-post:not(:last-child){padding-bottom:20px;}
.blog_sidebar_recent .card .card__inner{max-width:135px}

@media screen and (max-width: 991px) {
  .main-blog .blog-content .blog-left{width:100%; padding-right:0px;}
  .main-blog .blog-content .blog-right{width:100%; padding-left:0px;}
}

@media screen and (max-width: 1499px) {
  .blog-articles {
    gap: 15px;
}
  .template_blog .card__content .card__heading a{
        font-size: 20px;
  }
  .blog-right .widget.widget-search {
    padding: 35px 25px;
}
  .blog-right .blog_sidebar_recent {
    padding: 25px;
}
  .blog-right .card.article-card {
    display: block;
}
  .blog-right .card.article-card .card__content {
    padding: 10px;
    background: #f7f8fa;
    border-radius: 20px;
    margin: 10px 0 0;
}
}


@media screen and (max-width: 1399px){
  .blog-left .card.article-card .card__content {
    width: 90%;
}
}
@media screen and (max-width: 1299px){
  .template_blog .card__content .card__heading a{
    font-size: 17px;
        line-height: 24px;
  }
  .template_blog .card__content .read-wrp {
    margin: 14px 0 0;
    padding: 0 0 0;
}
  .template_blog .card__content .article-card__info .circle-divider {
    font-size: 12px;
    padding: 8px 10px;
}
  .template_blog .card__content .read-wrp .read-more {
    font-size: 16px;
}
}
@media screen and (max-width: 1199px){
  .blog-left .card.article-card .card__content{
        margin: -80px auto 30px;
  }
.template_blog .card__information {
    padding: 12px!important;
}
  .blog-right .widget.widget-search {
    padding: 15px;
}
  .blog-right .blog_sidebar_recent {
    padding: 15px;
}
.blog-right .widget.widget-search h2 {
    margin: 0 0 15px;
    font-size: 21px;
    padding: 0 0 5px;
}
  .blog-right input.search__input {
    border-radius: 50px;
    padding: 10px;
    height: 40px;
}
  .blog-right .blog_sidebar_recent h2 {
    margin: 0 0 15px;
    font-size: 18px;
    padding: 0 0 8px;
}
  .blog-right .card.article-card .card__content {
    padding: 0;
}
  .blog-right .card__content .card__heading a {
    font-size: 15px;
    line-height: 21px;
}
}
@media screen and (max-width: 1024px){
  .main-blog .blog-content .blog-left {
    padding-right: 20px;
}
}
@media screen and (max-width: 991px){
  .main-blog .blog-content .blog-left {
    padding-right: 0;
}
  .blog-right .widget.widget-search, .blog-right .blog_sidebar_recent {
    padding: 20px;
}
.blog-right .list-posts {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
  .blog-right .list-posts .item-post{
    width: 40%;
  }
  .blog-right .list-posts .item-post {
            width: 48%;
}
  .blog-right .card__content .card__heading a {
    font-size: 15px;
    line-height: 24px;
}
  .blog-left .card.article-card .card__content {
    margin: -60px auto 20px;
}
    .blog-left .card.article-card .card__content {
    border-radius: 21px;
}
  .template_blog .card__information {
    padding: 20px!important;
}
}
@media screen and (max-width: 575px){
  .blog-articles {
    display: block;
}
  .blog-left .card.article-card .card__content {
    margin: -60px auto 30px;
}
  .blog-left .card-wrapper{
        margin: auto;
  }
  .blog-right .list-posts .item-post {
    width: 100%;
}
  .main-blog .blog-content .blog-left {
    padding-right: 0;
}
}
@media screen and (max-width: 480px){
  .blog-right .list-posts {
    gap: 10px;
}