/* anybody-latin-600-normal */
@font-face {
  font-family: "Anybody";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(../../fonts/components/anybody-latin-600-normal.woff2) format("woff2"), url(../../fonts/components/anybody-latin-600-normal.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
#feature {
  background: url("../images/feature/pod_vis.webp");
  background-repeat: repeat-x;
  background-size: contain;
  height: 290px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  text-transform: uppercase;
  border: 4px solid #000000;
}

#feature:before {
  background: none;
  border: 8px solid #4F61CE;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

@media screen and (min-width: 526px) {
  #feature {
    height: 299px;
  }
}
@media screen and (min-width: 1024px) {
  #feature {
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.feature_wrapper {
  float: left;
  height: 100%;
  width: 100%;
  position: relative;
}

.feature_text h1 {
  color: #110f2e;
  font-size: 21px;
  letter-spacing: -0.03rem;
  line-height: 1.4;
  margin: 0;
  padding: 1.45rem 1.05rem 1rem 1.05rem;
  font-family: "Anybody", sans-serif;
  text-align: center;
}

.pod-img {
  mix-blend-mode: multiply;
  width: 160px;
  margin: auto;
  display: block;
}

a.learn_more {
  display: block;
  width: 167px;
  margin: 20px auto 20px auto;
  padding: 10px 20px;
  font-weight: bold;
  text-transform: uppercase;
  transition: 0.25s;
  font-family: "Anybody", sans-serif;
  background: #008105;
  color: #fff;
}

a.learn_more {
  --color: #160748;
  --hover: #7fa1ff;
}

a.learn_more:hover {
  color: var(--color);
  text-decoration: none;
  cursor: pointer;
  box-shadow: inset -5.55rem 0 0 0 var(--hover), inset 5.55rem 0 0 0 var(--hover);
}