@import "../template.css";
.footer-news-carousel {
  display: none;
  visibility: hidden;
}
.page-tg-selection {
  position: relative;
  padding-bottom: 0rem;
  background: none;
  background-color: var(--bg);
}
.page-tg-selection .groups-list:hover .list-item {
  -webkit-flex-basis: 45%;
  -ms-flex-preferred-size: 45%;
  flex-basis: 45%;
  max-width: 45%;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(50))";
  /* IE 8 */
  filter: alpha(opacity=50);
  /* IE 5-7 */
  -moz-opacity: 0.5;
  /* Netscape */
  -khtml-opacity: 0.5;
  /* Safari 1.x */
  opacity: 0.5;
  /* Good browsers */
}
@media (max-width: 992px) {
  .page-tg-selection .groups-list:hover .list-item {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}
.page-tg-selection .groups-list .list-item {
  position: relative;
  min-height: 100vh;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-transition:  width 500ms 0ms ease-in-out, max-width 500ms 0ms ease-in-out, flex-basis 500ms 0ms ease-in-out, opacity 500ms 0ms ease-in-out;
  -moz-transition:  width 500ms 0ms ease-in-out, max-width 500ms 0ms ease-in-out, flex-basis 500ms 0ms ease-in-out, opacity 500ms 0ms ease-in-out;
  -ms-transition:  width 500ms 0ms ease-in-out, max-width 500ms 0ms ease-in-out, flex-basis 500ms 0ms ease-in-out, opacity 500ms 0ms ease-in-out;
  -o-transition:  width 500ms 0ms ease-in-out, max-width 500ms 0ms ease-in-out, flex-basis 500ms 0ms ease-in-out, opacity 500ms 0ms ease-in-out;
  transition:  width 500ms 0ms ease-in-out, max-width 500ms 0ms ease-in-out, flex-basis 500ms 0ms ease-in-out, opacity 500ms 0ms ease-in-out;
}
@media (max-width: 992px) {
  .page-tg-selection .groups-list .list-item {
    padding: 4rem 2rem 2rem;
  }
}
.page-tg-selection .groups-list .list-item:hover {
  -webkit-flex-basis: 55%;
  -ms-flex-preferred-size: 55%;
  flex-basis: 55%;
  max-width: 55%;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(100))";
  /* IE 8 */
  filter: alpha(opacity=100);
  /* IE 5-7 */
  -moz-opacity: 1;
  /* Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  opacity: 1;
  /* Good browsers */
}
@media (max-width: 992px) {
  .page-tg-selection .groups-list .list-item:hover {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}
@media (max-width: 992px) {
  .page-tg-selection .groups-list .list-item {
    min-height: 40vh;
    min-height: calc(40vh - var(--navbarHeight) / 2);
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}
.page-tg-selection .groups-list .list-item .item-background {
  position: absolute;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
}
@media (max-width: 992px) {
  .page-tg-selection .groups-list .list-item .item-background img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(75))";
    /* IE 8 */
    filter: alpha(opacity=75);
    /* IE 5-7 */
    -moz-opacity: 0.75;
    /* Netscape */
    -khtml-opacity: 0.75;
    /* Safari 1.x */
    opacity: 0.75;
    /* Good browsers */
  }
}
.page-tg-selection .groups-list .list-item .item-background::after {
  content: '';
  position: absolute;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  background: radial-gradient(82.37% 47.71% at 50% 78.96%, rgba(var(--grey900), 0.7) 0%, rgba(var(--grey900), 0) 100%), linear-gradient(0deg, rgba(var(--grey500), 0.3), rgba(var(--grey500), 0.3));
}
.page-tg-selection .groups-list .list-item .item-background .daicubtn {
  top: 200px;
}
.page-tg-selection .groups-list .list-item .item-content {
  position: relative;
  text-align: center;
  max-width: 480px;
  margin: 0rem auto;
}
@media (max-width: 1200px) {
  .page-tg-selection .groups-list .list-item .item-content {
    max-width: 400px;
  }
}
.page-tg-selection .groups-list .list-item .item-content .item-subtitle {
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .page-tg-selection .groups-list .list-item .item-content .item-subtitle {
    margin-bottom: 0.2rem;
  }
}
.page-tg-selection .groups-list .list-item .item-content .item-title {
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {
  .page-tg-selection .groups-list .list-item .item-content .item-desc {
    display: none;
    visibility: hidden;
  }
}
.page-tg-selection .groups-list .list-item .item-content .item-button {
  margin-top: 1rem;
}