.center-navs {
  display: flex;
}
.center-navs .center-nav {
  flex: 1;
  height: 300px;
}
.center-navs .center-nav + .center-nav {
  margin-left: 24px;
}
.center-navs .center-nav .center-nav-top {
  height: 100%;
  background: var(--primary-color);
  box-shadow: 0px 0px 49px 0px rgba(var(--primary-r), var(--primary-g), var(--primary-b), 0.3);
  border-radius: 10px 10px 10px 10px;
  padding: 10px;
}
.center-navs .center-nav .center-nav-top .center-nav-content {
  height: 100%;
  box-shadow: 0px 0px 49px 0px rgba(33, 41, 50, 0.05);
  border-radius: 10px 10px 10px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
  font-weight: 500;
  color: #ffffff;
  text-align: center;
}
.center-navs .center-nav .center-nav-top .center-nav-content .center-nav-img-sel {
  position: absolute;
  display: none;
}
.center-navs .center-nav .center-nav-top .center-nav-content .center-nav-title {
  margin-top: 30px;
  font-size: 24px;
}
.center-navs .center-nav .center-nav-top .center-nav-content .center-nav-subTitle {
  font-size: 12px;
  margin-top: 10px;
}
.center-navs .center-nav .center-nav-top .center-nav-content .center-nav-plus {
  margin-top: 30px;
  font-size: 32px;
  font-weight: 100;
}
.center-navs .center-nav .center-nav-bottom {
  margin-top: 10px;
  height: 10px;
  border-radius: 5px;
}
.center-navs .center-nav.sel,
.center-navs .center-nav:hover {
  cursor: pointer;
}
.center-navs .center-nav.sel .center-nav-content,
.center-navs .center-nav:hover .center-nav-content {
  background: #ffffff;
  color: #333333;
}
.center-navs .center-nav.sel .center-nav-content .center-nav-img-sel,
.center-navs .center-nav:hover .center-nav-content .center-nav-img-sel {
  position: unset;
  display: unset;
}
.center-navs .center-nav.sel .center-nav-content .center-nav-img,
.center-navs .center-nav:hover .center-nav-content .center-nav-img {
  display: none;
  position: absolute;
}
.center-navs .center-nav.sel .center-nav-content .center-nav-plus,
.center-navs .center-nav:hover .center-nav-content .center-nav-plus {
  color: var(--primary-color);
}
.center-navs .center-nav.sel .center-nav-bottom,
.center-navs .center-nav:hover .center-nav-bottom {
  background: var(--primary-color);
}
