/* blog  */


.blogs-page {position: relative;    padding: 50px 0px;}
.blog-wrap {display: flex;flex-direction: row;flex-wrap: wrap;margin: 0px -15px;}
.blog-col {width: 33.33%;padding: 15px;}
.post {background: #fff;box-shadow: 0px 0px 10px 0px #cccccc8f;height: 100%;border-radius: 5px;position: relative;overflow: hidden;transition:transform .4s;}
.post:hover {transform: translateY(-5px);}
.post>a {display: block;}
.post_info {padding: 20px 20px 70px 20px ;}
.post_info .time {text-transform: capitalize;font-size: 14px;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;margin-bottom: 10px;}
.post_info .time img {max-width: 14px;max-height: 14px;margin-right: 5px;}
.post h2 {font-size: 18px;margin-bottom: 10px;line-height: normal;font-weight: 700;}
.post h2 a {font-size: inherit; color: inherit;font-weight: inherit;line-height: inherit;}
.post h2 a:hover {color:#1f8a72;}
.post_info p {font-size: 16px;line-height: 24px;color: #000;}
.post-btn {position: absolute;bottom: 20px;left: 20px;}
.post-btn .default_btn {border: 2px solid #1f8a72;color: #1f8a72;background: transparent;font-size: 13px;line-height: normal;min-width: 120px;padding: 7px 25px;}
.post-btn .default_btn:hover {color: #fff; background:  #1f8a72;}

.blog-detail-wrap {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.blog-detail-img {width: 100%;margin-bottom: 40px;}
.blog-detail-img figure {width: 100%;border-radius: 12px;overflow: hidden;}
.blog-detail-img figure img {width: 100%; object-fit: cover;object-position: top;margin-bottom: 0px;}
.blog-detail-left {width: 66%;padding-right: 40px;}
.blog-detail-right {width: 33%;}

.side-banner {margin-bottom: 40px;}
.side-banner figure img {width: 100%;border-radius: 10px;}

.post.blog-dtl-post {box-shadow: none;border-radius: 0px;transform: none;}
.post.blog-dtl-post .post_info {padding: 0px;}
.post.blog-dtl-post .post_info> *:first-child {margin-top: 0px;padding-top: 0px;} 
.post.blog-dtl-post .post_info> *:last-child {margin-bottom: 0px;padding-bottom: 0px;} 

.related-blog {margin-top: 50px;}

.related-blog-heading h2 {font-size: 30px;font-weight: 700;margin-bottom: 10px;padding: 0px;}
.related-blog-wrap {display: flex;flex-direction: row;flex-wrap: wrap;margin: 0 -15px;}
.related-blog-col {width: 33.33%;padding: 15px;}

.schema-faq-section { margin-bottom: 15px; padding: 18px 20px 18px 20px; font-size: 18px; color: #121213; font-weight: 600; border: 1px solid #f4f4f4; border-radius: 6px; background: #f1f1f1; }
.schema-faq-question { margin-bottom: 5px; display: block;}

/* ======================Blog-Detail========================= */
.blog-section {padding: 50px 0;}
.blog-dtl-banner img {width: 100%;height: 450px;object-fit: cover;object-position: top;border-radius: 12px;margin-bottom: 20px;}
.blog-post-detail {display: flex;flex-wrap: wrap;}
.blog-post-detail .blog-post-left {flex: 0 0 66.666667%;max-width: 66.666667%;padding-right: 20px;}
.blog-post-detail .blog-post-right {flex: 0 0 33.333333%;max-width: 33.333333%;}
.lets-connect-form {background: #fff;padding: 25px;box-shadow: 0 0 10px 0px #cccccc96;position: sticky;top: 75px;}
.lets-connect-form h4 {padding-top: 0;}


/*=======pagination section start =========*/
.pagination-nav {width: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;padding:30px 0 0;}
.pagination {padding-bottom: 0; justify-content: center; margin: 0;}
.pagination li.page-item {width: auto;margin-top: 0px;list-style: none; margin: 0px;padding: 0px 0px; }
.pagination li.page-item .page-numbers {font-size: 20px;margin: 5px;background: #1f8a72;padding: 5px 15px;color: #fff;border-radius: 5px;display: inline-block;}
.pagination li.page-item .page-numbers:hover {text-decoration: none;background: #22292f;}
.pagination .page-item.active span {background: #22292f;}
.pagination-nav ul.pagination li::before {background: none;display: none;}


@media (max-width: 767px) {
  .pagination {margin-bottom: 30px;}
  .pagination li.page-item .page-numbers {font-size: 16px;margin: 3px;padding: 4px 11px;}

  .blogs-page {padding: 35px 0px;}
  .blog-col { width: 100%; margin-bottom: 20px;}
  .blogs-page .innerheading-section {padding-top: 0;}

.blog-post-detail .blog-post-left {flex: 100%; max-width: 100%;padding-right: 0px; margin-bottom: 30px;}
.blog-post-detail .blog-post-right {flex: 100%; max-width: 100%;}
.blog-dtl-banner img { height: auto;}
.blog-section { padding: 40px 0;}

}