.cover {
  height: 100vh;
}

.cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 768px) {
  .cover {
    height: 100% !important;
  }
}

.books {
  position: relative;
}

.books::before {
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.counter {
  position: relative;
}

.counter::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(61deg, rgba(18, 50, 48, 0.58) 25%, rgba(18, 50, 48, 0.58) 100%), url(/images/counter-bg.jpg?9f1a1ec59eb3d72c61e17de04e39e509);
  background-size: cover;
  z-index: -1;
}

.counter .count {
  text-align: center;
  color: #fff !important;
}

.counter .count svg {
  margin: 0 auto;
  height: 74px;
  width: auto;
}

.counter .count .num {
  font-size: 2.5rem;
}

.counter .count .text {
  font-size: 1.5rem;
}

.articles {
  position: relative;
}

.articles::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/images/pattern3.png?b8f3839507d049511d02b3f3dcf0809a);
  background-color: #12323080;
  background-size: 50%;
  z-index: -1;
  opacity: 0.3;
}

.subscribe {
  position: relative;
  color: #fff;
}

.subscribe small {
  filter: brightness(0.7);
}

.subscribe::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #123230;
  z-index: -1;
}

.subscribe::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/images/pattern1.png?ddb6f8d239dce88faf1ca5f3525ab21d);
  background-size: 90%;
  z-index: -1;
  opacity: 0.06;
}

.blogs {
  position: relative;
}

.blogs::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #C2CAC0;
  z-index: -1;
}

.blogs::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/images/pattern3.png?b8f3839507d049511d02b3f3dcf0809a);
  background-size: 50%;
  z-index: -1;
  opacity: 0.2;
}

.medias {
  position: relative;
}

.medias::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #DFD6B6;
  z-index: -1;
}

.medias::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/images/pattern1.png?ddb6f8d239dce88faf1ca5f3525ab21d);
  background-size: 50%;
  z-index: -1;
  opacity: 0.09;
}

.title {
  font-size: 1.3rem;
}