/*----post-type-1----*/

.post-type-1 .post-wrap {
  padding: 2rem;
  bottom: 0px;
  left: 0px;
}

.post-type-1 .post-wrap h2 {
    color: #fff;
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
}
.post-type-1 .img-wrap {
  height: 500px;
  width: 100%;
  object-fit: inherit!important;
}
.post-type-1::before {
  content: "";
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 100%;
  left: 0px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.6) 23.33%,
    rgba(0, 0, 0, 0) 47.67%
  );
  transition: all 0.4s;
}

.post-type-1 ul li a {
  margin-bottom: 1.95rem;
  display: flex;
}

/*----post-type-2----*/

.post-type-2 .post-wrap {
  padding: 0.75rem;
  bottom: 0px;
  left: 0px;
}

.post-type-2 .post-wrap h2 {
  color: #fff;
  font-size: 18px;
  line-height: 24px;
}

.post-type-2 .img-wrap {
  height: 236px;
  width: 100%;
  object-fit: inherit!important;
}

.post-type-2::before {
  content: "";
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 100%;
  left: 0px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.6) 23.33%,
    rgba(0, 0, 0, 0) 47.67%
  );
  transition: all 0.4s;
}

.post-type-2 ul li a {
  margin-bottom: 1.95rem;
  display: flex;
}

/*----post-type-3----*/

.post-type-3 .post-wrap {
  padding: 0.75rem;
  bottom: 0px;
  left: 0px;
}

.post-type-3 .post-wrap h2 {
  color: #fff;
  line-height: 24px;
}

.post-type-3 .img-wrap {
  height: 250px;
  width: 100%;
  object-fit: inherit!important;
}

.post-type-3::before {
  content: "";
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 100%;
  left: 0px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.6) 23.33%,
    rgba(0, 0, 0, 0) 47.67%
  );
  transition: all 0.4s;
}

.post-type-3 ul li a {
  margin-bottom: 1.95rem;
  display: flex;
}

/*----post-type-4----*/

.post-type-4 .post-img {
  min-width: 125px;
  width: 125px;
  height: 100px;
}

.post-type-4 .post-info {
  margin-left: 20px;
}

.post-type-4 .post-info h4 {
  line-height: 20px;
  color: #000;
}

.post-type-4 .post-info .author-name,
.post-type-4 .post-info .published-date {
  color: #6f6e6e;
  margin-top: 0.5rem;
  font-weight: 500;
}

.post-type-4 ul li a {
  margin-bottom: 1.95rem;
  display: flex;
}

/*----post-type-5----*/

.post-type-5 .post-wrap h2 {
  color: #fff;
  line-height: 24px;
}

.post-type-5 .img-wrap {
  height: 630px;
  width: 100%;
}

.post-type-5::before {
  content: "";
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 100%;
  left: 0px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.6) 23.33%,
    rgba(0, 0, 0, 0) 47.67%
  );
  transition: all 0.4s;
}

.post-type-5 ul li a {
  margin-bottom: 1.95rem;
  display: flex;
}

/*----post-type-6----*/

.post-type-6 .post-wrap h2 {
  color: #fff;
  font-size: 18px;
  line-height: 24px;
}

.post-type-6 .img-wrap {
  height: 300px;
  width: 100%;
}

.post-type-6::before {
  content: "";
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 100%;
  left: 0px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.6) 23.33%,
    rgba(0, 0, 0, 0) 47.67%
  );
  transition: all 0.4s;
}

.post-type-6 ul li a {
  margin-bottom: 1.95rem;
  display: flex;
}

@media (max-width: 767px) {
  .post-type-1 .post-wrap {
    padding: 0.75rem;
  }
  .post-type-1 .img-wrap {
    height: 270px;
  }
  .post-type-1 .post-wrap h2 {
    font-size: 22px;
    line-height: 26px;
  }
  .post-type-5 .img-wrap {
    height: 400px;
  }
  .post-type-6 .img-wrap,
  .post-type-3 .img-wrap {
    height: 225px;
  }
}