.winners-partial-container {
  display: none;
}

.winners-partial-container--mobile {
  width: 100%;
  height: fit-content;
  margin-top: 4.62rem;
  position: relative;
  padding-left: 1rem;
}
.winners-partial-container--mobile .partial-container__winners-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 3rem;
  margin-left: 1rem;
}
.winners-partial-container--mobile .partial-container__winners-grid .winners-grid__start-year--mobile {
  flex-basis: 100%;
  color: var(--Green-Light, #00ff6a);
  text-align: center;
  font-family: Libre Franklin;
  font-size: 6.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0625rem;
}
.winners-partial-container--mobile .partial-container__winners-grid :nth-child(2) {
  flex-basis: 100%;
}
.winners-partial-container--mobile .partial-container__winners-grid .winner-info-container {
  display: flex;
  flex-direction: column;
  row-gap: 1.01rem;
  align-items: center;
}
.winners-partial-container--mobile .partial-container__winners-grid .winner-info-container p {
  color: var(--White, #fff);
  font-family: Libre Franklin;
  font-size: 1.68006rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.01681rem;
}
.winners-partial-container--mobile .partial-container__winners-grid .winner-info-container .player-card {
  width: 10rem;
  height: min-content;
}
.winners-partial-container--mobile .partial-container__winners-grid .winner-info-container .player-card img {
  width: 10.97rem;
  height: 11.4rem;
}
.winners-partial-container--mobile .partial-container__winners-grid .winner-info-container .player-card .player-details {
  width: 10rem;
  height: 3.13rem;
}
.winners-partial-container--mobile .partial-container__winners-grid .winner-info-container .player-card .player-details .player-name {
  color: var(--Nedbank-Green, #006341);
  font-family: Libre Franklin;
  font-size: 14.593px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.146px;
  padding: 0.907rem;
}
.winners-partial-container--mobile .partial-container__winners-grid .winner-info-container--1981 {
  flex-basis: 100%;
  margin-bottom: 4.62rem;
}
.winners-partial-container--mobile .partial-container__winners-grid .player-card__divider--mobile .divider--mobile__circle {
  width: 1rem;
  height: 1rem;
  background-color: var(--Go-Green, #00e677);
  border-radius: 100px;
  margin-top: 0.5rem;
}
.winners-partial-container--mobile .partial-container__winners-grid .winners-grid__divider-line {
  position: absolute;
  width: 50%;
  height: 100%;
  border-right: 5px solid var(--Go-Green, #00e677);
  left: 0;
}
.winners-partial-container--mobile .partial-container__winners-grid .divider__line {
  width: 51%;
  height: 43.5%;
  position: absolute;
  left: 0;
  top: 32rem;
  border-right: 5px solid var(--Go-Green, #00e677);
  z-index: -1;
}
.winners-partial-container--mobile .partial-container__winners-grid #line-bottom {
  top: 252.992rem;
  height: 39.2%;
}
.winners-partial-container--mobile .partial-container__winners-grid #divider__mobile-2000,
.winners-partial-container--mobile .partial-container__winners-grid #divider__mobile-1982 {
  flex-basis: 100%;
  margin-left: 10.6rem;
}

@media only screen and (min-width: 481px) {
  .winners-partial-container--mobile,
  .winners-grid__start-year--mobile {
    display: none;
  }
  .winners-partial-container {
    display: block;
    width: 100%;
    min-height: 240rem;
    height: fit-content;
    margin-top: 10rem;
    padding-left: 9%;
    padding-bottom: 10rem;
  }
  .winners-partial-container .partial-container__winners-grid {
    width: inherit;
    height: inherit;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 4rem;
    position: relative;
  }
  .winners-partial-container .partial-container__winners-grid .winner-info-container {
    flex-basis: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 1rem;
  }

    .winners-partial-container .partial-container__winners-grid .winner-info-container p {
        color: var(--White, #fff);
        font-family: Libre Franklin;
        font-size: 1.68006rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.01681rem;
        background-color: var(--Good-Green, #10a867);
        padding:10px 0;
    }
  .winners-partial-container .partial-container__winners-grid .winners-grid__divider {
    flex-basis: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .winners-partial-container .partial-container__winners-grid .winners-grid__divider .divider-circle {
    width: 1.56rem;
    height: 1.56rem;
    border-radius: 100px;
    background: var(--Go-Green, #00e677);
  }
  .winners-partial-container .partial-container__winners-grid .winners-grid__divider .divider-year {
    width: 9.5rem;
  }
  .winners-partial-container .partial-container__winners-grid .winners-grid__divider .divider-year h3 {
    transform: rotate(90deg);
    color: var(--Go-Green, #00e677);
    text-align: center;
    font-family: Libre Franklin;
    font-size: 3.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.1125rem;
  }
  .winners-partial-container .partial-container__winners-grid .player-card__card-divider {
    flex-basis: 5%;
  }
  .winners-partial-container .partial-container__winners-grid .winners-grid__divider--important {
    flex-basis: 25%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-left: 0.8rem;
  }
  .winners-partial-container .partial-container__winners-grid .winners-grid__divider--important .divider-circle {
    border-radius: 100px;
  }
  .winners-partial-container .partial-container__winners-grid .winners-grid__divider--important .divider-year {
    position: relative;
  }
  .winners-partial-container .partial-container__winners-grid .winners-grid__divider--important .divider-year h3 {
    position: absolute;
    left: -16rem;
    transform: rotate(90deg);
    color: var(--Green-Light, #00ff6a);
    text-align: center;
    font-family: Libre Franklin;
    font-size: 9.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.125rem;
  }
  .winners-partial-container .partial-container__winners-grid .winners-grid__divider-line {
    position: absolute;
    right: 0;
    width: 20%;
    height: 94%;
    border-left: 5px solid var(--Go-Green, #00e677);
    z-index: -1;
  }
}

/*# sourceMappingURL=winnersGrid.css.map */