section.cover {
  background-color: var(--primary-bg-color, #f2f8f9) !important;
  /* background-image: radial-gradient(circle, rgba(47, 10, 87, 0.2) 0%, rgba(47, 10, 87, 0.9) 100%) !important; */
  background-image: none !important;
  height: auto;
  min-height: 100vh;
}

section.cover .cover-main {
  max-width: initial;
}

section.cover .cover-main>p:first-child, section.cover .cover-main>img:first-child, section.cover .cover-main>blockquote {
  width: 100%;
  padding: 0 45px;
  margin: auto
}

section.cover .cover-main>p:first-child, section.cover .cover-main>img:first-child {
  max-width: 400px;
}

a.go-to-home {
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  min-height: 1em;
  color: #364149;
}

a.go-to-home::before {
  content: "\f077";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 50%;
  top: 0;
  transition: all 0.25s ease-in-out;
}

a.go-to-home:hover::before {
  transform: translateY(-10px);
}

.cover-cards-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.card-block {
  position: relative;
  cursor: pointer;
  margin: 15px;
  margin-top: 0;
  flex: 0 0 26%;
  padding: 15px;
  background-color: transparent;
  border-radius: 8px;
  transition: all ease-in-out 0.2s;
}

.card-block:hover {
  background-color: #ffffff;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  transform: translateY(-5px);
}

.card-block:nth-child(3n + 1) {
  margin-left: 0;
}

.card-block:nth-child(3n) {
  margin-right: 0;
}

.card-block .card-block-content {
  width: 100%;
  height: 100%;
  padding: 5px;
  padding-left: 50px;
  text-align: left;
}

.card-block .card-block-content h2 {
  margin: 15px 0;
}

.card-block .card-block-guide-img {
  position: absolute;
  top: 35px;
  left: 20px;
  padding: 0 5px;
  width: 40px;
  height: 40px;
  text-align: left;
}

.card-block .card-block-guide-img .fa {
  font-size: 1.5em;
  line-height: 1.4;
}

@media (max-width: 768px) {
  a.go-to-home {
    top: 0;
  }
  .card-block {
    min-width: 50%;
    margin: 0 0 15px 0;
  }
}

@media (max-width: 600px) {
  .card-block {
    min-width: 100%;
    margin: 0 0 15px 0;
  }
}