.pagination {
  display: flex;
  justify-content: center;
}
.res-btn button{
  width:120px;
  text-decoration:underline;
}
.reosurce-post{
  padding-top:34px;
  min-height: 1200px;
}
.pagination nav {
  display: flex;
  grid-gap: 10px;
}
.pagination .nav-arrow svg{
  height: 15px;
  width: 15px
}
.loading:before {
  content: '';
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  z-index: 99;
  background-image: url(https://45706147.fs1.hubspotusercontent-na1.net/hubfs/45706147/Accurent%202024/Blog/loader.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100px;
}

.loading {
  position: relative;
}


body.opcity-low .navpagination{
  opacity:0;
  visibility:hidden;
}
.resou-allblog .dis-flex{
  justify-content:left;
  align-items: stretch;
  column-gap:2%;
}
.newpost-item {
  border-radius: 6px;
  border-radius: 6px;border: 1px solid #F5F4F3;
  background-color:#FFF;
  box-shadow: 0px 9px 2px 0px rgba(0, 0, 0, 0.00), 0px 5px 2px 0px rgba(0, 0, 0, 0.01), 0px 3px 2px 0px rgba(0, 0, 0, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.09), 0px 0px 1px 0px rgba(0, 0, 0, 0.10);
  padding: 20px 20px 30px;
  flex-basis: 32%;
  margin-bottom: 29px;
  position:relative;
  transition: all 0.3s ease;
}
.newpost-item.paganum{
  display:none;
}
.newpost-feature .post-tags { left: -5px; position: absolute; top: -15px; }
.newpost-item.hide_filtered{
  display:none;
}
.newpost-feature {
  height: 233px;
  margin-bottom: 30px;
  position:relative;
}

.newpost-feature img {
  border-radius: 5px;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

.newpost-item .detail-content{padding-bottom:50px;}
.newpost-btn{position:absolute; bottom:20px; width:calc(100% - 40px); margin:0 auto; left:0;right:0}
.post-heads h4 {color:var(--base_color);}
.newpost-item:hover .secondary-button a:before{right:-3px;}
.newpost-item:hover .secondary-button a{background:transparent;border-color:var(--primary_color)}
.resou-allblog .navpagination li.pagenumber button:hover svg path{
fill:#fff;
}
.ptop-tags span {
  background-color: #fff;
  border-radius: 100px;
  color: rgba(34, 34, 34, .5);
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -.051px;
  line-height: 1.1;
  padding: 5px 9px;
  text-align: center;
  text-decoration: none !important;
}

.newpost-item:hover {
  border-color: rgba(34, 34, 34, 0.50)
}

.newpost-item:hover .post-heads .h4 {
  color: var(--primary_color);
}
.whole-btn{position:absolute; top:0; left:0;width:100%; height:100%;}
.post-heads .h4 a:hover {
  text-decoration: none !important;
}
.reosurce-post .total-cards{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.total-cards .card-count {
  color: #222;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.total-cards .card-count {
  flex-basis:calc(100% - 220px);
}
.total-cards  .sorting {
  flex-basis: 208px;
}

.resou-allblog .error_msg_text p {
  margin-bottom:0;
  font-weight:500;
}
.resou-allblog .error_msg_text{
  display:none;
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}
.resou-allblog .error_msg_text.show_err_msg{
  display:block;
}
.navpagination ul {
  margin-bottom:140px;
  margin-top:170px;
  text-align: center;
  padding:0;
} 
.resou-allblog .navpagination li.pagenumber {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 10px;
  position:relative;
}
.resou-allblog .navpagination li.pagenumber.disable{
  opacity:0.3;
  pointer-events:none;
}
.resou-allblog .navpagination li.pagenumber img{
  display: inline-block;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.resou-allblog .navpagination li.pagenumber a,
.resou-allblog .navpagination li.pagenumber button {
  background: rgba(14, 71, 223, 0.14);
  border-radius: 100%;
  display: inline-block;
  color: #222;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.05px;
  line-height: 50px;
  min-height: 50px;
  min-width: 50px;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  vertical-align: middle;
  border: none;
  text-decoration:none !important;
}
.resou-allblog .navpagination li.pagenumber.activenav a,
.resou-allblog .navpagination li.pagenumber a:hover,
.resou-allblog .navpagination li.pagenumber.activenav button,
.resou-allblog .navpagination li.pagenumber button:hover{
  background-color:#001C71;
  color: #FFF;
  text-decoration:none;
}
.resou-allblog .navpagination li.pagenumber a svg path,
.resou-allblog .navpagination li.pagenumber button svg path{
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.resou-allblog .navpagination li.pagenumber a:hover svg path,
.resou-allblog .navpagination li.pagenumber button:hover svg path{
 fill: #FFF;
}
.resou-allblog .navpagination li.pagenumber a.cursor-not-allowed,
.resou-allblog .navpagination li.pagenumber button.cursor-not-allowed{
pointer-events:none;
  opacity:0.5;
}
.navpagination .dotpage {
  display: inline-block;
  margin-right:10px;
  color:#222;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height:1.20833; 
  letter-spacing: 0.05px;
  min-width:50px;
}
.mobilenav{
  display:none;
}
.resou-allblog .navpagination li.pagenumber a.paging-dot,
.resou-allblog .navpagination li.pagenumber button.paging-dot {
    background-color: rgba(14, 71, 223, 0.14) !important;
    color: #222 !important;
      pointer-events: none;
}
@media(max-width:1024px) {
  .resou-allblog .dis-flex{
    column-gap:3%;
  }
  .newpost-item {
    flex-basis: 48.5%;
  }
  .navpagination ul {
    margin-bottom: 100px;
    margin-top: 100px;
  }
}

@media(max-width:767px) {
      .resou-allblog .navpagination li:first-child {
        width: 49%;
        margin: 20px 0 0 !important;
        order: 1;
        text-align: right;
        padding-right: 10px;
    }
  .resou-allblog .navpagination li:last-child {
        width: 49%;
        margin: 20px 0 0 !important;
        order: 1;
        text-align: left;
        padding-left: 10px;
    }
  
  .resou-allblog .navpagination li.pagenumber.desktopnav{
    display:none;
  }
  .res-btn button{margin-bottom:30px;}

  .mobilenav,
  .reosurce-post .total-cards {
    display: block;
  }
  .total-cards .card-count{
    margin-bottom:19px;
  }
  .newpost-item {
    flex-basis: 100%;
    margin-right: 0%;
    padding: 20px;
  }

  .newpost-feature {
    height: 141px;
  }
    .resou-allblog .navpagination li.pagenumber a,
  .resou-allblog .navpagination li.pagenumber button{
    font-size: 20px;
    line-height: 40px;
    min-height: 40px;
    min-width: 40px;
  }
  .resou-allblog .navpagination li.pagenumber {
    margin-right: 5px;
    margin-bottom:5px;
  }
  .navpagination .dotpage {
    margin-right:5px;
    font-size: 20px;
    min-width:40px;
  }
  .navpagination ul {
    margin-bottom: 30px;
    margin-top:80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .mobilenav ul{
    display:flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top:15px;
  }
  .resou-allblog .navpagination .mobilenav ul li{
    flex-basis:calc(50% - 6.5px);
    width:100%;
    margin:0:
  }
  .resou-allblog .navpagination .mobilenav li.pagenumber a{
    width: 100%;
    border-radius: 50px;
  }
  .resou-allblog .navpagination li.pagenumber.exactnumber.lastnumber {
    margin-right: 0;
  }
  .resou-allblog .navpagination ul.no_arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
}