/*================================
    Post Carousel Style
=================================*/
.post-carousel-wrapper {
  margin: 0 -15px; }
  .post-carousel-wrapper .slick-slide {
    margin: 0 15px; }

.post-carousel {
  position: relative; }
  .post-carousel .ptc-content .content ul {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    justify-content: center; }
    .post-carousel .ptc-content .content ul.post-category li a {
      background: #f05555;
      color: #fff;
      height: 24px;
      padding: 0 9px;
      font-size: 12px;
      text-transform: uppercase;
      display: inline-block;
      line-height: 24px;
      letter-spacing: 2px;
      font-weight: 400; } 

/*================================
    Post Carousel
======================================*/

.post-carousel-2 .ptc-content {
  padding: 0 20px;
  margin-top: -50px;
  text-align: center;
  position: relative;
  margin-bottom:30px;
  z-index: 2; }
  
  
    .post-carousel-2 .thumb a img {
  margin:0 1%;
  width:98%; 
  height:253px;	}
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .post-carousel-2 .ptc-content {
      padding: 0 10px; } }
  @media only screen and (max-width: 767px) {
    .post-carousel-2 .ptc-content {
      padding: 0 20px; }
	  
	  
.post-carousel-2 .thumb a img {

	}
}
	   
	   
	   
  .post-carousel-2 .ptc-content .content {
	background:#ffffff;
    padding: 20px;
    padding-top: 20px;
    transition: 0.4s ease-in-out; 
	-webkit-transition:0.4s ease-in-out; 
	-moz-transition:0.4s ease-in-out; 
	}
	
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .post-carousel-2 .ptc-content .content {
        padding: 15px 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .post-carousel-2 .ptc-content .content {
        padding: 15px 20px; } }
    .post-carousel-2 .ptc-content .content ul {
      justify-content: space-between; }
      .post-carousel-2 .ptc-content .content ul.meta li {
        color: #eb1c24;
        font-size: 14px; font-weight:700;
        font-family: 'Poppins', sans-serif;
letter-spacing:0.5px;		}
        .post-carousel-2 .ptc-content .content ul.meta li i {
          font-size: 14px;
          padding-right: 12px;
          color: #a8a8a8; }
        .post-carousel-2 .ptc-content .content ul.meta li a {
      display: inline-block;
  border-bottom: 2px solid #eb1c24;
  font-size: 14px;
  color: #494a4e;
  transition: 0.4s ease-in-out;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;}
  
      .post-carousel-2 .ptc-content .content ul.meta li a:hover {
  border-bottom: 2px solid #eb1c24;
  color: #eb1c24;
}
  
    .post-carousel-2 .ptc-content .content h2 {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 11px;
      line-height: 28px;
      margin-bottom: 25px;
      padding: 0 30px;
 font-family: 'Poppins', sans-serif; }
 
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .post-carousel-2 .ptc-content .content h2 {
          padding: 0 9px; } }
      @media only screen and (max-width: 767px) {
        .post-carousel-2 .ptc-content .content h2 {
          padding: 0;
          margin-bottom: 16px; } }
		  
		  
      .post-carousel-2 .ptc-content .content h2 a {
        color: #494a4e;
        transition: 0.4s ease-in-out; }
        .post-carousel-2 .ptc-content .content h2 a:hover {
          color: #eb1c24; }
    .post-carousel-2 .ptc-content .content p {
      color: #494a4e;
      font-size: 15px; 
      line-height: 160%;
      margin-bottom: 20px;
      font-family: 'Poppins', sans-serif;
      font-weight: 400; }
.post-carousel-2:hover .ptc-content .content { 
    background: #ffffff;
    -webkit-box-shadow: 0px 15px 34px -10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 15px 34px -10px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 34px -10px rgba(0, 0, 0, 0.1);
  }



/*-------------------------------
    Post Carousel Style
--------------------------------*/
.post-carousel-4 .post-carousel-flex {
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    .post-carousel-4 .post-carousel-flex {
      flex-wrap: wrap; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .post-carousel-4 .post-carousel-flex {
      flex-wrap: wrap; } }
  .post-carousel-4 .post-carousel-flex .thumb a img {
    width: auto; 
	height:308px; 
	 border: 0px solid #e1c37d;
	 
	/*   border-image: linear-gradient(
      to top, 
      #f50102, 
      #f50102
    ) 1 100%;
	border-right-color:#f50102;
	border-right-style:solid;
	border-right-width:3px;
	 
-webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
-moz-box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;*/
}

.post-carousel-4 .post-carousel-flex .thumb{
padding: 20px 0;
margin: 0 6% 0 2%;	
position: relative;
z-index: 1;	
}

/*.post-carousel-4 .post-carousel-flex .thumb:before,*/
.post-carousel-4 .post-carousel-flex .thumb:after{
	content: "";
    width: 100%;
    height: 308px;
    background: transparent;
    position: absolute;
    z-index: -1;
}

	
.post-carousel-4 .post-carousel-flex .thumb:before{
    top: 0;
    right: -20px;
}
.post-carousel-4 .post-carousel-flex .thumb:after{
    bottom: 0;
    left: -20px;
}
	

  @media only screen and (max-width: 767px) {
    .post-carousel-4 .post-carousel-flex .thumb {
      flex-basis: 100%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .post-carousel-4 .post-carousel-flex .thumb {
      flex-basis: 100%; } }
	  
  .post-carousel-4 .post-carousel-flex .ptc-content {
    flex-basis: 58%;
    position: relative;
    margin-left: -50px;
    background: #fff;
    padding:30px;
     z-index: 2;	
/*
box-shadow: rgba(136, 165, 191, 0.20) 6px 2px 16px 0px, rgba(255, 255, 255, 0.01) -6px -2px 16px 0px;
-webkit-box-shadow: rgba(136, 165, 191, 0.20) 6px 2px 16px 0px, rgba(255, 255, 255, 0.01) -6px -2px 16px 0px;
-moz-box-shadow: rgba(136, 165, 191, 0.20) 6px 2px 16px 0px, rgba(255, 255, 255, 0.01) -6px -2px 16px 0px;*/
}
	
	
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .post-carousel-4 .post-carousel-flex .ptc-content {
        flex-basis: 82%;
        margin-left: -113px;
        padding: 12px 21px; } }
    @media only screen and (max-width: 767px) {
      .post-carousel-4 .post-carousel-flex .ptc-content {
        flex-basis: 100%;
        margin-left: 0;
        padding: 31px 12px;
        box-shadow: initial; } 
			.post-carousel-4 .post-carousel-flex .thumb a img {
    width: 100%; 
	height:auto; 
} 
		
		}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .post-carousel-4 .post-carousel-flex .ptc-content {
        flex-basis: 100%;
        margin-left: 0;
        padding: 31px 12px;
        box-shadow: initial; } 
		.post-carousel-4 .post-carousel-flex .thumb a img {
    width: 100%; 
	height:auto; 
} 
	}
.post-carousel-4 .ptc-content .content ul {
  justify-content: flex-start; }
  .post-carousel-4 .ptc-content .content ul.post-category {
    margin: 0 -5px; }
    .post-carousel-4 .ptc-content .content ul.post-category li {
      margin: 0 5px; }
  .post-carousel-4 .ptc-content .content ul.meta {
    margin: 0 -14px;
    margin-bottom: 10px; }
    .post-carousel-4 .ptc-content .content ul.meta li {
      color: #eb1c24;
      font-size: 14px;
      font-family: 'Poppins', sans-serif;
      font-weight: 500;
      margin: 0 14px; }
      .post-carousel-4 .ptc-content .content ul.meta li i {
        font-size: 16px;
        padding-right: 10px; }
      .post-carousel-4 .ptc-content .content ul.meta li a {
        color: #eb1c24; }
.post-carousel-4 .ptc-content .content h2 {
  font-size: 16px;
  font-weight: 700; 
  font-family: 'Poppins', sans-serif;
  letter-spacing:0.7px; 
  text-transform:uppercase; line-height:160%;
  margin-bottom: 19px; }
  .post-carousel-4 .ptc-content .content h2 a {
    color: #494a4e;
    transition: 0.4s ease-in-out; }
    .post-carousel-4 .ptc-content .content h2 a:hover {
      color: #eb1c24; }
.post-carousel-4 .ptc-content .content p {
  color: #494a4e;
  font-size: 15px;
  line-height: 160%; 
  letter-spacing:0.1px;
  font-weight: 400; 
  text-align:left;
  font-family: 'Poppins', sans-serif; }
.post-carousel-4 .ptc-content .content .post-btn a.readmore-btn {
  display: inline-block;
  border-bottom: 1px solid #494a4e;
  font-size: 14px;
  color: #494a4e;
  transition: 0.4s ease-in-out;
  font-family: 'Poppins', sans-serif;
  font-weight: 700; }
  .post-carousel-4 .ptc-content .content .post-btn a.readmore-btn:hover {
    color: #eb1c24;
    border-bottom: 1px solid #f50102; }

.post-carousel-active-4 {
  position: relative; }
  .post-carousel-active-4 button.slick-arrow {
    position: absolute;
    bottom: -70px;
    left: 43%;
    border: 0 none;
    color: #eb1c24;
    font-size: 30px;
    padding: 0;
    z-index: 2; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .post-carousel-active-4 button.slick-arrow {
        left: 39%; } }
    @media only screen and (max-width: 767px) {
      .post-carousel-active-4 button.slick-arrow {
        left: 36%; } }
    @media only screen and (max-width: 575px) {
      .post-carousel-active-4 button.slick-arrow {
        left: 28%; } }
  .post-carousel-active-4 button:hover {
    color: #eb1c24; }
  .post-carousel-active-4 button.post-next.slick-arrow {
    left: auto;
    right: 43%; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .post-carousel-active-4 button.post-next.slick-arrow {
        right: 39%; } }
    @media only screen and (max-width: 767px) {
      .post-carousel-active-4 button.post-next.slick-arrow {
        right: 36%; } }
    @media only screen and (max-width: 575px) {
      .post-carousel-active-4 button.post-next.slick-arrow {
        right: 28%; } }
  .post-carousel-active-4 .slick-dots {
    bottom: -60px; }
    .post-carousel-active-4 .slick-dots li {
      width: 10px;
      height: 10px;
      margin: 0 5px;
      padding: 0; }
      .post-carousel-active-4 .slick-dots li button {
        width: 10px;
        height: 10px;
        padding: 0;
        background: #000;
        border-radius: 100%; }
        .post-carousel-active-4 .slick-dots li button::before {
          text-indent: -9999999999px; }
      .post-carousel-active-4 .slick-dots li.slick-active button {
        background: #eb1c24; }

/* Blog Gradening */
.post-carousel-active-4.gardeninig-blog button.slick-arrow {
  color: #eb1c24; }

.post-carousel-active-4.gardeninig-blog .slick-dots li.slick-active button {
  background: #eb1c24; }

.gardeninig-blog .post-carousel-4 .ptc-content .content h2 a:hover {
  color: #eb1c24; }

.gardeninig-blog .post-carousel-4 .ptc-content .content .post-btn a.readmore-btn:hover {
  color: #eb1c24;
  border-bottom: 1px solid #eb1c24; }

/* Blog Portfolio */
.post-carousel-active-4.portfolio-blog button.slick-arrow {
  color: #313131; }

.post-carousel-active-4.portfolio-blog .slick-dots li.slick-active button {
  background: #313131; }

.portfolio-blog .post-carousel-4 .ptc-content .content h2 a:hover {
  color: #313131; }

.portfolio-blog .post-carousel-4 .ptc-content .content .post-btn a.readmore-btn:hover {
  color: #313131;
  border-bottom: 1px solid #313131; }