.by-category {
  position: relative;
  width: 100%;
  height: 100%;
  background: white;
  background: -moz-radial-gradient(circle, white 0%, #c7f1da 100%);
  background: -webkit-radial-gradient(circle, white 0%, #c7f1da 100%);
  background: radial-gradient(circle, white 0%, #c7f1da 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#c7f1da", GradientType=1);
  box-shadow: 2px 1px 8px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
.by-category .bible-verse {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.by-category ul {
  padding: 0px;
  margin: 0px;
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 180px;
}
.by-category ul li {
  float: left;
  width: 80px;
  height: 80px;
  list-style: none;
  margin: 10px 0px 0px 10px;
}
.by-category ul li a {
  display: block;
  width: 80px;
  height: 80px;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 2px 1px 8px #729782;
  text-align: center;
  padding-top: 10px;
}
.by-category ul li a span {
  display: block;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  text-transform: capitalize;
  color: #324A24;
}
.by-category ul li a .icon {
  width: 100%;
  height: 30px;
  display: flex !important;
}
.by-category .snippet-title {
  position: absolute !important;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
}
.by-category .snippet-title h3 {
  margin: 0px;
  text-align: center;
  position: absolute;
  top: 10px;
  left: 50%;
  width: 340px;
  height: 84px;
  margin-left: -169px;
  line-height: 38px;
}
.by-category .snippet-title h3 .text-strock {
  position: relative;
  display: block;
  text-align: center;
}
.by-category .snippet-title h3 .text-strock:first-child .text {
  position: relative;
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  text-transform: capitalize;
  background: #efff95;
  background: -webkit-gradient(linear, left top, left bottom, from(#efff95), color-stop(55.2%, #c9ffba), to(#008039));
  background: linear-gradient(180deg, #efff95 0%, #c9ffba 55.2%, #008039 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.by-category .snippet-title h3 .text-strock:nth-child(2) .text {
  position: relative;
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  text-transform: capitalize;
  background: #efff95;
  background: -webkit-gradient(linear, left top, left bottom, from(#efff95), color-stop(55.2%, #c9ffba), to(#008039));
  background: linear-gradient(180deg, #efff95 0%, #c9ffba 55.2%, #008039 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.by-category .snippet-title h3 .text-strock:first-child .strock:before {
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  text-transform: capitalize;
  background: #458e59;
  background: -webkit-gradient(linear, left top, left bottom, from(#458e59), to(#14211b));
  background: linear-gradient(180deg, #458e59 0%, #14211b 100%);
  -webkit-background-clip: text;
  -webkit-text-stroke: 6px transparent;
  color: transparent;
  position: absolute;
  top: 0px;
  left: -3px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
}
.by-category .snippet-title h3 .text-strock:nth-child(2) .strock:before {
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  text-align: center;
  text-transform: capitalize;
  background: #458e59;
  background: -webkit-gradient(linear, left top, left bottom, from(#458e59), to(#14211b));
  background: linear-gradient(180deg, #458e59 0%, #14211b 100%);
  -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);
}
.by-category .snippet-title h3 .text-strock:first-child .strock:before {
  content: "Bible Verses";
}
.by-category .snippet-title h3 .text-strock:nth-child(2) .strock:before {
  content: "for Every Day";
}

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