.meaningful-topic {
  position: relative;
  width: 100%;
  height: 100%;
  background: radial-gradient(50.17% 50.17% at 50% 49.83%, #EAE9D2 0%, #E9EAC9 37.5%, #DEE8CD 69.79%, #D0E1CB 100%);
  box-shadow: 2px 1px 8px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
.meaningful-topic .hill {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.meaningful-topic .hill img {
  width: 100%;
  height: auto;
}
.meaningful-topic .snippet-title {
  position: relative !important;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
}
.meaningful-topic .snippet-title h3 {
  margin: 0px;
  text-align: center;
  position: relative;
  top: 12px;
  left: 0%;
  width: 100%;
  height: 84px;
  line-height: 38px;
}
.meaningful-topic .snippet-title h3 .text-strock {
  position: relative;
  display: block;
  text-align: center;
}
.meaningful-topic .snippet-title h3 .text-strock .text {
  position: relative;
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  text-transform: capitalize;
  background: #fff961;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff961), color-stop(55.21%, #ffca4d), to(#ff7623));
  background: linear-gradient(180deg, #fff961 0%, #ffca4d 55.21%, #ff7623 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff961", endColorstr="#ff7623", GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.meaningful-topic .snippet-title h3 .text-strock .strock:before {
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  text-align: center;
  text-transform: capitalize;
  background: #8c7063;
  background: -moz-linear-gradient(180deg, #8c7063 0%, #1c0d12 100%);
  background: -webkit-linear-gradient(180deg, #8c7063 0%, #1c0d12 100%);
  background: linear-gradient(180deg, #8c7063 0%, #1c0d12 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8c7063", endColorstr="#1c0d12", GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-stroke: 8px transparent;
  color: transparent;
  position: absolute;
  top: 0px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
}
.meaningful-topic .snippet-title h3 .text-strock .strock:before {
  content: "Meaningful Quotes";
}
.meaningful-topic ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0px -8px;
  padding: 0px 15px;
}
.meaningful-topic ul li {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0px 8px;
  margin-bottom: 10px;
  height: 50px;
}
.meaningful-topic ul li a {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, #4F581A 0%, #66613C 100%);
  box-shadow: 2px 1px 8px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
.meaningful-topic ul li a img {
  width: 100%;
  position: absolute;
  object-fit: cover;
  filter: brightness(90%);
  z-index: 0;
}
.meaningful-topic ul li span {
  color: #fbfaf9;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  z-index: 2;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
}

/*# sourceMappingURL=style.css.map */