.pgafu-filter li a{font-size: 18px;font-family: "Quicksand-Medium";color: rgb(20, 20, 20);line-height: 100%;border: 0px;padding: 0px 10px 28px;font-weight: 600;letter-spacing: 0.20px;margin: 0;position: relative;background: transparent}
.pgafu-filter li {position: relative;margin: 0px 0px 0px 0px !important;}
.pgafu-filter li.pgafu-active-filtr a,.pgafu-filter li.pgafu-active-filtr:hover a{    background: transparent !important;   border-bottom: 0px solid #000 !important;color: #141414}
.pgafu-filter li:before{ position: absolute;content:""; background: rgb(36, 145, 234);  width: 0%; height: 3px;left: 0;right: 0;bottom: 0;opacity: 0}
.pgafu-filter li.pgafu-active-filtr:before,.pgafu-filter li:hover:before{width: 100%;opacity: 1}


.pgafu-filter {    list-style: none !important;    text-align: center;    display: flex;   flex-wrap: wrap;   align-items: flex-start; justify-content: space-between;    border-bottom: 1px solid #ccc;
    margin-bottom: 100px;}


/*blog-detail page*/
.blogdt_wrap { display: flex; flex-wrap: wrap;  align-items: flex-start;margin-bottom: 100px;}
.blogdt_4 { width: 24.581%;position: sticky;   top: 120px;}
.blogdt_8 { width: calc(100% - 24.581%);padding-right: 80px}
.blogdt_wrap h2 {font-size: 18px; font-family: 'Quicksand-Bold'; font-weight: bold;  color: #141414;  padding-bottom: 20px;line-height: 122%;}
.blog_category { background: #2b338b; border-top: 3px solid #2490e9; box-shadow: 0px -1px #2b338b;}
.blog_cat{ font-size: 18px; font-family: "Quicksand-Medium"; color: rgb(255, 255, 255);font-weight: 500;letter-spacing: 0.50px;    line-height: 100%;  padding: 30px 30px;  border-bottom: 1px solid rgb(255 255 255 / 10%);}
.blog_category ul{padding-bottom: 32px}
.blog_category ul li{font-size: 18px; font-family: "Quicksand-Medium"; color: rgb(255, 255, 255);font-weight: 500;letter-spacing: 0.50px;    line-height: 1.2;  padding: 30px 30px 0;}
.blog_category ul li.active,.blog_category ul li:hover{color: #248ae3;}

span.date,span.pgafu-time {display: table;border-radius: 6px;background: rgb(233, 233, 233);height: 25px;clear: both;width: auto;vertical-align: middle;align-items: center;padding: 8px 11px;font-size: 14px !important;font-family: "Quicksand-Medium" !important;color: rgb(20, 20, 20);text-transform: uppercase !important;line-height: 100%;text-align: center;font-weight: 500;margin-bottom: 30px;font-style: normal !important}

span.comment {  display: none !important;}
span.author {   display: none;}
.inpage .readmorebtn {border: 0 !important;background: #141414 !important;font-size: 12px !important;font-family: "Quicksand-Medium" !important;color: rgb(255, 255, 255) !important;text-transform: uppercase;line-height: 2.017;text-align: center;border-radius: 15px !important;color: #fff;font-weight: 500;padding: 8px 21px !important;position: relative;overflow: hidden;}
.inpage .readmorebtn:before {
    display: block;
    content: '';
    z-index: -1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    height: 100%;
    background: #248ae3;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform-origin: right;
    -webkit-transform-origin: right;
    transition: 0.6s transform cubic-bezier(0, 0.01, 0, 1), visibility 0s 0.4s;
    border-radius: inherit;
}
.inpage .readmorebtn:hover:before {
    width: 100%;
    visibility: visible;
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform-origin: left;
    -webkit-transform-origin: left;
    transition: 0.4s transform cubic-bezier(0, 0.01, 0, 1);
    -webkit-transition: 0.4s transform cubic-bezier(0, 0.01, 0, 1);
}
.pgafu-post-grid-main.pgafu-design-1 .pgafu-post-grid-content { display: flex;  flex-wrap: wrap;}
.pgafu-post-grid-main.pgafu-design-1.pgafu-image-fit .pgafu-post-image-bg { width: 430px;height: auto;}
.blog_content{width: calc(100% - 430px);text-align: left;padding-left: 60px}
.inpage .pgafu-post-grid-main.pgafu-design-1 .pgafu-post-grid-content .pgafu-post-title, .pgafu-post-grid-main.pgafu-design-1 .pgafu-post-grid-content .pgafu-post-date {
    padding: 0;}
.blog_js { display: flex; flex-wrap: wrap;  align-items: flex-start;  margin: 20px -24px;}
.blog_js li {padding: 0 24px;  width: 33.33%;}
.ft-16 {font-size: 18px;font-family: "Quicksand-Bold";color: rgb(20, 20, 20);font-weight: bold;line-height: 1.2;letter-spacing: 0.20px;padding: 30px 0 20px;display: block;    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 75px !important;
    margin-bottom: 20px;}
.blog_wcon.sameheight p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 80px !important;
}
.inpage .pgafu-post-content { padding-top: 0px;}

.pgafu-post-date span img{ display: none !important;}
/*blog category page*/
.category .blog_js {  margin: 0px -24px;}
.category .blog_js li { padding: 0 15px 30px;}
.category .blog_js { margin: 0px -15px;}
.category .blogdt_8 {padding-right: 60px;}

 



ol.dlist li {
    margin-left: 18px;
    padding-left: 20px;
}
ol.dlist{margin-bottom: 9px;}
ol.dlist li:before{display:none}
ol.dlist li:marker{font-weight:bold !important}

.blog_img { margin-bottom: 30px;}

.dlist li a { text-decoration: none;  display: inline-block;   text-decoration: underline;}

.wp-block-image {
    margin: 0 0 1em;
    max-width: 398px;
    float: left;
    margin-right: 50px;
}

.wp-block-image:not(.is-style-rounded)>a, .wp-block-image:not(.is-style-rounded) img {
    border-radius: inherit;
    border: 1px solid rgb(0 0 0 / 10%);

}
p[id*="viewer-"] strong {margin-bottom: -12px; display: block;}
@media (max-width: 1599.98px) {
    .pgafu-filter{margin-bottom: 60px}

}
@media (max-width: 1439.98px) {
     .blogdt_wrap {  margin-bottom: 50px;}
     .blog_js li { padding: 0 15px; }
    .blog_js { margin: 20px -15px;}
 .blog_content { padding-left: 40px;}
    .pgafu-filter{margin-bottom: 50px}
}
@media (max-width: 1199.98px) {   
   .blog_cat {  padding: 25px;}
    .blog_category ul li { padding: 25px 25px 0;line-height: 100%;}
    .blogdt_8 { width: 70%;  padding-right: 30px;}
    .blogdt_4 { width: 30%;}
    .blogdt_wrap {  margin-bottom: 40px; }
    .blog_js li { padding: 0 10px; }
    .blog_js { margin: 20px -10px;}
    .category .blogdt_8 {padding-right: 30px;}
    .pgafu-filter{margin-bottom: 40px}
	.wp-block-image { max-width: none;  float: none; margin-right: 0px;  margin-bottom: 25px;}
	p[id*="viewer-"] strong {margin-bottom: 26px; display: block;}
}
@media (max-width: 991.98px) {
    .blog_cat {padding: 20px;}
    .blogdt_8{   width: 100%;   padding-right: 0px;}
    .blogdt_4 { width: 100%;  position: relative;  top: 0;margin-bottom: 30px}
    .blog_category ul li {  width: 33.33%;  font-size: 16px; letter-spacing: 0.20px; line-height: 100%; padding: 20px 20px 0;}
    .blog_category ul { padding-bottom: 32px;  display: flex; flex-wrap: wrap; align-items: flex-start;}
    .blog_js li {padding: 0 10px 20px;width: 50%}
    .ft-16{padding: 18px 0 9px;}
    .blogdt_wrap{flex-direction: column-reverse}
    .category .blogdt_8 {padding-right: 0px;}
     .blog_content { padding-left: 0px; width: 100%}
    .pgafu-post-grid-main.pgafu-design-1.pgafu-image-fit .pgafu-post-image-bg { width: 100%;   height: auto;}
    .pgafu-filter{margin-bottom: 30px}
    
}
@media (max-width: 767.98px) {
    .blog_js li {  padding: 0 5px 10px;}
   .blog_js { margin: 20px -5px;}
    .pgafu-filter { justify-content: flex-start;   border-bottom: 0px solid #ccc;   margin-bottom: 0px;text-align: left;}
    .pgafu-filter li { position: relative; margin: 0px 15px 20px 0px !important;  width: 47%;  padding-left: 18px;}
    .pgafu-filter li a { padding: 0px 10px 8px;}
    .pgafu-filter li:after {position: absolute; content: "";  background: #141414;   width: 10px;  height: 1px;  left: 0;  top: 8px;  font-weight: normal;;}
    
}
@media (max-width: 575.98px) {
    .blog_category ul li {width: 50%;}
    .blog_js li {  padding: 0 0px 5px; width: 100%}
   .blog_js { margin: 20px -0px;}
    .blog_category ul { padding-bottom: 22px;}
    .pgafu-filter li {  width: 70%;}
	.ft-16{height: auto !important}
	.blog_wcon.sameheight p { height: 55px !important;}
}
@media (max-width: 360.98px) {
    .blog_category ul li {   width: 100%;padding: 20px 12px 16px;}
    .blog_cat {  padding: 12px;}
}