.dflex { display: flex; flex-wrap: wrap; }
.w33 { width: 33.33%; }
.tagPostMain { padding: 300px 0 0 !important; }
#filters { margin-bottom: 30px; }
.element-item { display: block; }
.sorting h4 { margin-bottom: 30px; font-size: 30px; }
div#hs_cos_wrapper_widget_1662099416254 { max-width: 85%; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; }
#hs_cos_wrapper_widget_1662099416254 .bg-image__wrapper { background: #f1f5ff; z-index: 0; }
.row-number-2 .row-depth-1 .dnd-module:first-child { background: #f1f5ff; }
#hs_cos_wrapper_widget_1662099416254 .bg-image__wrapper img { border-radius: 20px; }
.postwraper_container tr.postwraper.showme { display: inline-block; }
.postwraper .featured_content { width: 100%; }
.postwraper { padding: 30px 35px 30px 35px; margin-bottom: 50px; }
.postwraper .featured_content h4.blog-title { font-weight: 600; line-height: 33px; font-size: 22px; margin-bottom: 20px; }
.sorting h4 { margin-bottom: 50px; }
.content.bg-image.gradient { padding-top: 80px; padding-bottom: 190px; }
}
#load-more { margin: 5px; }
.the { display: flex; flex-wrap: wrap; }
.content .container { position: relative; }
.cat_main { width: 20%; padding-right: 20px; }
.cat_main a { margin-bottom:10px; font-size: 15px; padding: 15px 20px; text-transform: capitalize; }
.button-group a { border-radius: 10px; background: transparent; border: 1px solid transparent; color: #101238; display: block; font-size: 16px; font-weight: 400; letter-spacing: 0; line-height: 1.187; padding: 15px 26px; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
.postwraper_container { width: 80%; }
#filters { display: flex; flex-direction: column; }
.content__title { margin-bottom: 30px; }
.content .container { position: relative; }
.content__title { margin-bottom: 30px; }
.button-group  .btn{text-align:left;}
.btn { -webkit-tap-highlight-color: transparent; /* for removing the highlight */ }
.postwraper .featured_content h4.blog-title { text-align: left; font-style: normal; font-weight: 600; font-size: 30px; line-height: 1.5; padding-top: 20px; }
.postwraper .featured_content h4.blog-title a { color: #101238; }
.content.bg-image.gradient { background: rgb(241, 245, 255); background: linear-gradient(90deg, rgba(241, 245, 255, 1) 35%, rgba(241, 245, 255, 1) 100%); }
.postwraper .featured_content { width: 100%; }
.postwraper .featured_content a.readmore { font-weight: 600; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #101238; margin-right: 20px; }
.btn:hover { cursor: pointer; }
.sorting h4 { font-weight: 600; font-size: 40px; line-height: 1.26; color: #101238; margin-right: 0; margin-bottom: 37px;  }
.post_meta_date { font-weight:400; font-size: 16px; color: #101238; background-repeat: no-repeat; padding-left: 25px; background-position: left center; background-image: url("https://20130485.fs1.hubspotusercontent-na1.net/hubfs/20130485/icon-cal.svg"); }
.hidden { visibility: hidden; width: 0px !important; height: 0px !important; margin: 0px !important; padding: 0px !important; }
.portfolioContainer{margin: 0 -20px;}
.portfolioContainer .postwraper{ padding-right: 20px;padding-left: 20px; } 
.pt { padding-top: 84px; }
.h3,h3{font-size:35px;}
/* ---- isotope ---- */

/* clear fix */
.isotope:after { content: ''; display: block; clear: both; }

/* ---- .element-item ---- */
.element-item { position: relative; flex-direction: column; display: flex; }
.product-filters-type:hover,
.is-checked { background-color: #ffb800 !important; border-color: #ffb800 !important; box-shadow: none; color: #101238 !important; }
/* .element-item > * { margin: 0; padding: 0; } */
.postwraper_container {display: block; padding: 80px 80px 60px;border-radius:20px; -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); background: hsla(0, 0%, 100%, .6); }
.portfolioContainer .postwraper {margin-bottom: 50px;padding-top:0;padding-bottom:0;}
/* .isotope{padding:80px;} */
.wraperMain .featured_image{line-height:1;margin-bottom:40px;}
.w50 {width: 50%;  }
.table{margin: 0 -20px;}
.featuredPost__inner {
    padding: 0 20px;
}
.postwraper .featured_image img {     border-radius: 12px;width: 100%; object-fit: cover; height: 250px; padding: 0%; }
.readmore:hover img{ margin-left:7px;transition:all ease .3s;}
.readmore img{position:relative; }
.blogListing .featuredPost {padding:200px 0 50px;}
@media(max-width:1280px){
/* .pt { padding-top: 60px; } */


}
@media(min-width:992px){


}

@media(max-width:991px) {
  .tagPostMain { padding: 100px 0 80px !important; }
  .tagPostMain .tagPost__item { width: calc(50% - 20px) !important; }
  .cat_main { width: 100%; }
  .pt { padding-top: 0px; }
  .sorting h4 { margin-bottom: 40px; font-size: 40px; }
  .postwraper_container { width: 100%; }
  .cat_main { padding-right: 0; }
  #filters { display: flex; flex-direction: unset; overflow-x: scroll; margin-bottom: 50px; }
  .cat_main a { padding:10px 15px;margin-right:10px; border-radius: 10px; color: #101238; display: block; font-size: 16px; font-weight: 400; letter-spacing: 0; line-height: 1.187; }
  .cat_main .is-checked { color: #ffb800; }
  .cat_main a,
  .cat_main a:hover,
  .cat_main a:active {display: block;box-shadow: none; background: transparent; border: none;white-space: nowrap;}
  .the { display:block;}
  .postwraper_container{padding:50px 30px ;}
  .postwraper .featured_content h4.blog-title {font-size: 25px;  }
  .postwraper .featured_content h4.blog-title{ margin-bottom: 20px;}
}

@media(max-width:767px) {
  .tagPostMain { padding: 100px 0 80px !important; }
  .tagPostMain .tagPost__item { width: calc(100% - 0px) !important; }
  .postwraper .featured_image { padding-left: 0; width: 100%; margin-right: 0; margin-bottom: 20px; }
  .portfolioContainer .postwraper { margin-bottom: 50px; padding: 0 0 0; }
  .mobw100{width:100%;} 
  .postwraper .featured_content h4.blog-title { font-size: 22px; }
  .portfolioContainer{margin:0 auto;}
.postwraper .featured_content h4.blog-title{ margin-bottom:20px;}
}