

.space-ptb.blog-section-main {
	padding: 60px 0 40px 0;
}


.heading.blog-head {
	font-size: 35px;
	font-weight: bold;
	line-height: 1.2;
}

p {
	font-weight: 500;
	line-height: 1.5;
}

.title-section.section-title.blog-heading {
	margin-bottom: 25px;
}
/*****************************
    Blog
*****************************/
/* Blog post */
.blog-post .blog-post-meta {
	border: 0px solid #ebebeb;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 5px 00px;
	-webkit-transform: skew(-20deg);
	transform: skew(-20deg);
}
  .blog-post .blog-post-meta li {
    margin-right: 14px;
    padding-right: 18px;
    position: relative;
    -webkit-transform: skew(20deg);
            transform: skew(20deg); }
    .blog-post .blog-post-meta li:before {
      content: "/";
      position: absolute;
      right: 0; }
    .blog-post .blog-post-meta li:last-child {
      margin-right: 0; }
      .blog-post .blog-post-meta li:last-child:before {
        display: none; }

 
 
 .col-lg-6.mb-4.pe-lg-5.blog-postleft {
	padding-bottom: 60px;
}

.col-lg-6.blog-postright {
	padding-bottom: 60px;
	padding-left: 0;
}
 
.col-lg-6.blog-postright {
	padding-bottom: 60px;
	padding-left: 0;
	 
}

.blog-post .blog-post-meta a:hover {
	color: #333 !important;
	text-decoration: underline !important;
}



.col-lg-6.mt-4.ps-lg-5.blog-postleft {
	padding-bottom: 60px;
}

.space-ptb.blog-section .container {
	max-width: 1140px;
}

.heading.blog-head a {
	color: #333 !important;
}


.heading.blog-head a:hover,
.heading.blog-head a:focus {
	color: var(--primary-color) !important;
}


.blog-sec {
	border-bottom: 1px solid #eaeaea;
}

.title-section.section-title.blog-sub-heading h2 {
	font-weight: 600;
	letter-spacing: 0 !important;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 40px;
}

.title-section.section-title.blog-sub-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	margin-top: 20px;
}

.col-lg-6.mt-4.px-xl-2.blog-postright.odd {
	padding-left: 40px !important;
}

.col-lg-6.mb-4.pe-lg-5.blog-postleft {
	padding-bottom: 60px;
	padding-left: 45px;
}

.col-lg-6.mt-4.ps-lg-5.blog-postleft.even {
	padding-right: 53px;
}


.news-date-grid  {
	font-size: 14px  ;
}

.space-ptb.blog-section-main .blog-sec .news-date-grid a {
	font-size: 14px !important;
	font-weight: bold;
	margin-right: 4px;
	color: var(--primary-color) !important;
}

.space-ptb.blog-section-main .blog-sec .news-date-grid a:hover,
.space-ptb.blog-section-main .blog-sec .news-date-grid a:focus {
	color: #000 !important;
	text-decoration:underline
}


.space-ptb.blog-section-main .blog-sec:last-child {
	border: none;
}


.classe-title.mt-4.blo-thumb-tit p {
	margin-top: 13px !important;
}

.col-lg-6.mt-4.px-xl-2.blog-postright.first-left {
	padding-left: 5px !important;
}

.col-lg-6.mt-4.ps-lg-5.blog-postleft.first-right {
	padding-right: 15px !important;
	padding-left: 45px !important;
}
.blog-first-section.blog-sec .blog-inn-sec-main:nth-child(2n) .col-lg-6.mt-4.ps-lg-5.blog-postleft.first-right {
	padding-left: 5px !important;
	padding-right: 45px !important;
}
.col-lg-6.mt-4.px-xl-2.blog-postright.first-left .img-fluid {
	width: 100%;
}
.col-lg-6.mb-4.mb-lg-0.pe-lg-5.sec-left {
	padding-left: 45px !important;
}
.blog-inn-sec-main {
	display: flex;
}
 
.blog-first-section.blog-sec .blog-inn-sec-main:nth-child(2n) .col-lg-6.mt-4.px-xl-2.blog-postright.first-left {
	order: 2;
	padding-right: 15px !important;
	padding-left: 15px !important;
}

.blog-first-section.blog-sec {
	max-width: 1148px !important;
	margin: 0 auto !important;
}

@media only screen and (min-width: 280px) and (max-width:767px) {
.title-section.section-title.blog-sub-heading h2 {
	font-size: 30px;
}
 .col-lg-6.mt-4.px-xl-2.blog-postright.first-left {
	padding-left: 5px !important;
	padding-bottom: 15px;
}
.col-lg-6.mt-4.ps-lg-5.blog-postleft.first-right {
	padding-right: 05px !important;
	padding-left: 05px !important;
}

.col-lg-6.mt-4.ps-lg-5.blog-postleft.first-right {
	padding-right: 05px !important;
	padding-left: 05px !important;
	margin-top: 05px !important;
}
.title-section.section-title.blog-heading h2 {
	margin-bottom: 15px;
	font-size: 26px !important;
}
 
.blog-first-section.blog-sec .blog-inn-sec-main:nth-child(2n) .col-lg-6.mt-4.px-xl-2.blog-postright.first-left {
	order: 2;
	padding-right: 05px !important;
	padding-left: 05px !important;
}
.col-lg-6.mt-4.ps-lg-5.blog-postleft.first-right {
	padding-right: 05px !important;
	padding-left: 05px !important;
	margin-top: 05px !important;
	padding-bottom: 15px !important;
}
 .space-ptb.blog-section-main {
	padding: 20px 0 20px 0;
}


.blog-inn-sec-main {
	display: flex;
	flex-direction: column;
}
	
}




/*Blog page 2 Css*/



/*Blog page 2 Css*/

.center{
	text-align: center;
}
 
.filters-group.option {
  display: flex;
  margin: 0 auto 50px;
  text-align: center;
  justify-content: center; }
  .filters-group a {
    margin: 0 1px 4px;
    padding: 12px 20px;
    cursor: pointer;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #ffffff;
    background: #222;
    border: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: skew(-20deg);
            transform: skew(-20deg); }
    .filters-group a span {
      -webkit-transform: skew(20deg);
              transform: skew(20deg);
      display: block; }
    .filters-group a:hover {
      background: var(--primary-color);
      color: #ffffff; }
  .filters-group a.active {
    background: var(--primary-color);
    color: #222; }
	
	
	
	.blog-listing-main .post-featured-image {
	width: calc(50% - 59px);
}


.readmore-btn-blog {
	border: 1px solid var(--primary-color);
	padding: 5px 15px;
	border-radius: 17px;
}

.readmore-btn-blog:hover,
.readmore-btn-blog:hover {
	border: 1px solid var(--primary-color);
	padding: 5px 15px;
	border-radius: 17px;
	background-color: var(--primary-color);
	color:#fff !important
}


.new-cta-links.blog-cta-bottom {
	margin-top: 50px;
	margin-bottom: 50px;
}
.new-cta-links.blog-cta-bottom .btn.btn-primary {
	font-size: 14px;
}

.blog-listing-main {
	border-bottom: 1px solid #ccc;
	scroll-margin-top: 100px;
	margin-bottom: 40px;
}
.post-featured-image a {

	cursor: pointer;
}
.our-blog.light-section {
	padding-top: 0;
	padding-bottom: 0;
}

.blog-listing-main:last-child {
	border: none;
	margin-bottom: 0;
}


@media only screen and (min-width: 280px) and (max-width:767px) {
	
.filters-group.option {
	flex-direction: column;
}	

.blog-listing-main .blog-listing-main .post-featured-image {
	width: calc(100% - 0px);
}

.col-md-12.blog-top-button {
	margin-bottom: 40px;
}
.space-ptb.blog-section-main .blog-listing-main .col-lg-6.left {
	margin-bottom: 40px;
}

.space-ptb.blog-section-main .blog-listing-main .col-lg-6.right {
	margin-bottom: 40px;
}
.space-ptb.blog-section-main .blog-listing-main .col-lg-6.right .post-item-body {
	width: calc(100% - 0px);
}
	
.blog-listing-main .post-item {
	gap: 20px;
	align-items: flex-start;
	flex-direction: column;
}	
.new-cta-links.blog-cta-bottom {
	margin-top: 00px;
	margin-bottom: 50px;
	/* max-width: 200px; */
}
.new-cta-links.blog-cta-bottom .btn.btn-primary {
	font-size: 14px;
	width: auto !important;
}

.space-ptb.blog-section-main .blog-listing-main .col-lg-6.right .post-featured-image {
	width: calc(100% - 0px);
}

	
}