.japan-color.active {
  background-color: #e24a47 !important;
}
.hong-kong-color.active {
  background-color: #cf145a !important;
}
.turkey-color.active {
  background-color: #e19600 !important;
}
.germany-color.active {
  background-color: #d0a139 !important;
}
.france-color.active {
  background-color: #f5e752 !important;
  color: #000000 !important;
}
.france-color.active > span {
  color: #000000 !important;
}
.south-africa-color.active {
  background-color: #a46cca !important;
}
.united-kingdom-color.active {
  background-color: #a83732 !important;
}
.saudi-arabia-color.active {
  background-color: #28663f !important;
}
.united-arab-emirates-color.active {
  background-color: #e3aa61 !important;
}
.malaysia-color.active {
  background-color: #376e03 !important;
}
.korea-color.active {
  background-color: #f6c325 !important;
  color: #000000 !important;
}
.korea-color.active > span {
  color: #000000 !important;
}
.australia-color.active {
  background-color: #50b2d3 !important;
  color: #000000 !important;
}
.australia-color.active > span {
  color: #000000 !important;
}

.juridiction-image > img {
  width: 100%;
}

.history-container {
  margin-bottom: 1.5rem;
}
.history-container .history-content {
  padding: 3rem 1.5rem;
  border-radius: 1.5rem;
}
.history-container .history-content .history-title {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 700;
  font-size: calc(24px + (38 - 24) * (100vw - 320px) / (1920 - 320));
  color: inherit;
  line-height: calc(34px + (48 - 34) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 1.5rem;
}
.history-container .history-content .history-description {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: inherit;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: center;
}
@media (max-width: 575px) {
  .history-container .history-content {
    padding: 2rem 0.75rem;
  }
}

.nar-container {
  margin-bottom: 1.5rem;
}
.nar-container .nar-content {
  padding: 3rem 0rem;
}
.nar-container .nar-content .nar-title {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 700;
  font-size: calc(24px + (38 - 24) * (100vw - 320px) / (1920 - 320));
  color: inherit;
  line-height: calc(34px + (48 - 34) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 1.5rem;
}
.nar-container .nar-content .nar-description {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: inherit;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: center;
}
@media (max-width: 575px) {
  .nar-container .nar-content {
    padding: 2rem 0rem;
  }
}

.juridiction-calendar-container {
  padding: 3rem 0rem;
}
.juridiction-calendar-container .juridiction-calendar-title {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 700;
  font-size: calc(24px + (38 - 24) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(34px + (48 - 34) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 1.5rem;
}
.juridiction-calendar-container .juridiction-calendar-legends {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem 0rem 1.5rem;
}
.juridiction-calendar-container .juridiction-calendar-legends .juridiction-calendar-legend {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
}
.juridiction-calendar-container .juridiction-calendar-legends .juridiction-calendar-legend .juridiction-calendar-legend-icon {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: calc(20px + (25 - 20) * (100vw - 320px) / (1920 - 320));
  width: calc(20px + (25 - 20) * (100vw - 320px) / (1920 - 320));
  border-radius: calc(20px + (25 - 20) * (100vw - 320px) / (1920 - 320));
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
  margin-right: 0.5rem;
}
.juridiction-calendar-container .juridiction-calendar-legends .juridiction-calendar-legend .juridiction-calendar-legend-icon.day-icon {
  background-image: url('../../images/daynight/day.png');
}
.juridiction-calendar-container .juridiction-calendar-legends .juridiction-calendar-legend .juridiction-calendar-legend-icon.night-icon {
  background-image: url('../../images/daynight/night.png');
}
.juridiction-calendar-container .juridiction-calendar-legends .juridiction-calendar-legend .juridiction-calendar-legend-text {
  font-family: "Helvetica Neue", "Roboto", arial, sans-serif;
  font-weight: 600;
  font-size: calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));
  color: #000000;
  line-height: calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
}
@media (max-width: 575px) {
  .juridiction-calendar-container {
    padding: 2rem 0rem;
  }
}

.track-information-container {
  padding: 3rem 0rem;
}
.track-information-container .track-information-title {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 700;
  font-size: calc(24px + (38 - 24) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(34px + (48 - 34) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 1.5rem;
}
.track-information-container .track-information-description {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
}
.track-information-container .track-information-description > a {
  color: #1a1a1a;
}
.track-information-container .track-information-disclaimer {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(10px + (12 - 10) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(20px + (22 - 20) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 1.5rem;
}

.track-information-container .track-information {
  display: flex;
/*  padding-bottom: 3rem;*/
}
.track-information-container .track-information.track-information-menu {
  display: flex;
  flex-direction: column;
  padding: 1.5rem 0 3rem;
}
.track-information-container .track-information.track-information-column {
  display: flex;
  flex-direction: column;
  padding: 1.5rem 0 3rem;
}
.track-information-container .track-information.track-information-row {
  display: flex;
  flex-direction: row;
/*  padding-bottom: 3rem;*/
}
.track-information-container .track-information .track-information-content {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0.75rem;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
}
.track-information-container .track-information.track-information-menu > .track-information-content {
  width: 100%;
  padding: 1.5rem;
  margin-top: 0.75rem;
}
.track-information-container .track-information.track-information-column .track-information-content {
  width: 100%;
  padding: 1.5rem;
  margin-top: 0.75rem;
}
.track-information-container .track-information.track-information-row .track-information-content {
  width: calc(100% - 300px);
  padding: 1.5rem;
  margin-left: 0.75rem;
}
.track-information-container .track-information .track-information-content .track-information-description {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
}
.track-information-container .track-information .track-information-content .track-information-description .track-information-sub-text {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 700;
  font-size: calc(14px + (18 - 14) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(24px + (28 - 24) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
}
.track-information-container .track-information .track-information-content .track-information-description .track-information-type {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 700;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #89c63f;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
}
.track-information-container .track-information .track-information-content .track-information-description .track-information-major-races {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 700;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
}
.track-information-container .track-information-description .table {
  width: auto;
  border: 1px solid #1a1a1a;
  margin: 0.75rem 0rem;
}
.track-information-container .track-information-description .table > thead > tr > th {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 700;
  font-size: calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (24 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  border: 1px solid #1a1a1a;
  padding: 0.3rem 0.75rem;
}
.track-information-container .track-information-description .table > tbody > tr > td {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (24 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  border: 1px solid #1a1a1a;
  padding: 0.3rem 0.75rem;
}
.track-information-container .track-information .track-information-content .track-information-description > img {
  width: 100%;
}
.track-information-container .track-information .track-information-tabs {
  width: 250px;
  margin-left: 0.75rem;
}
.track-information-container .track-information.track-information-menu .track-information-tabs {
  width: 100%;
  margin-left: 0rem;
}
.track-information-container .track-information.track-information-row .track-information-tabs {
  width: calc(300px - 0.75rem);
  margin-left: 0rem;
  margin-right: 0.75rem;
}
.track-information-container .track-information.track-information-column .track-information-tabs {
  width: 100%;
  margin-left: 0rem;
}
.track-information-container .track-information .track-information-tabs .nav-tabs {
  display: flex;
  border: none;
}
.track-information-container .track-information.track-information-menu .track-information-tabs .nav-tabs .nav-item {
  cursor: pointer;
  margin-right: 0.75rem;
}
.track-information-container .track-information.track-information-row .track-information-tabs .nav-tabs .nav-item {
  cursor: pointer;
  width: 100%;
}
.track-information-container .track-information.track-information-column .track-information-tabs .nav-tabs .nav-item {
  cursor: pointer;
  margin-right: 0.75rem;
}
.track-information-container .track-information .track-information-tabs .nav-tabs .nav-item .nav-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: rgba(255, 255, 255, 0.8);
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 500;
  font-size: calc(14px + (16 - 14) * (100vw - 320px) / (1920 - 320));
  color: #000000;
  line-height: calc(24px + (26 - 24) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
  padding: 1rem 1.5rem;
  margin-bottom: 0.75rem;
}
.track-information-container .track-information .track-information-tabs .nav-tabs .nav-item:last-child .nav-link {
  margin-bottom: 0rem;
}
.track-information-container .track-information .track-information-tabs .nav-tabs .nav-item .nav-link > span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 500;
  font-size: calc(34px + (48 - 34) * (100vw - 320px) / (1920 - 320));
  color: #000000;
  line-height: calc(44px + (58 - 44) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  margin-right: 0.75rem;
  width: 60px;
}
.track-information-container .track-information .track-information-tabs .nav-tabs .nav-item .nav-link.active {
  color: #ffffff;
}
.track-information-container .track-information .track-information-tabs .nav-tabs .nav-item .nav-link.active > span {
  color: #ffffff;
}
@media (max-width: 767px) {
  .track-information-container {
    padding: 1.5rem 0rem;
  }
  .track-information-container .track-information .track-information-content {
    width: calc(100% - 200px);
  }
  .track-information-container .track-information .track-information-tabs {
    width: 200px;
  }
}
@media (max-width: 575px) {
  .track-information-container .track-information {
    flex-direction: column-reverse !important;
  }
  .track-information-container .track-information.track-information-menu {
    flex-direction: column !important;
  }
  .track-information-container .track-information.track-information-column .track-information-content {
    width: 100%;
    margin-right: 0rem;
    margin-bottom: 0.75rem;
  }
  .track-information-container .track-information.track-information-column .track-information-tabs {
    width: 100%;
    margin-right: 0rem;
    margin-top: 0.75rem;
  }
  .track-information-container .track-information.track-information-column .track-information-tabs .nav-tabs .nav-item {
    width: 100%;
    margin-right: 0rem;
  }
  .track-information-container .track-information.track-information-row .track-information-content {
    width: 100%;
    margin-left: 0rem;
    margin-bottom: 0.75rem;
  }
  .track-information-container .track-information.track-information-menu .track-information-tabs {
    width: 100%;
    margin-right: 0rem;
    margin-bottom: 0.75rem;
  }
  .track-information-container .track-information .track-information-tabs .nav-tabs .nav-item .nav-link {
    padding: 0.75rem 1rem;
  }
}
@media (max-width: 414px) {
  .track-information-container .track-information.track-information-menu .track-information-tabs .nav-tabs .nav-item {
    width: 100%;
    margin-right: 0rem;
  }
}

.race-system-container {
  padding: 3rem 0rem;
}
.race-system-container .race-system-title {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 700;
  font-size: calc(24px + (38 - 24) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(34px + (48 - 34) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 1.5rem;
}
.race-system-container .race-system-description {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
}
.race-system-container .race-system-description > a {
  color: #1a1a1a;
}
.race-system-container .race-system-accordion {

}
.race-system-container .race-system-accordion .accordion-item {
  margin-bottom: 0.75rem;
}
.race-system-container .race-system-accordion .accordion-item .race-system-header {
  display: flex;
  margin-bottom: 0.75rem;
}
.race-system-container .race-system-accordion .accordion-item:nth-child(odd) .race-system-header {
  flex-direction: row;
}
.race-system-container .race-system-accordion .accordion-item:nth-child(even) .race-system-header {
  flex-direction: row-reverse;
}
.race-system-container .race-system-accordion .accordion-item .race-system-header .accordion-button {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 500;
  font-size: calc(14px + (28 - 14) * (100vw - 320px) / (1920 - 320));
  color: #ffffff;
  line-height: calc(24px + (38 - 24) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
  padding: 1.5rem 1.5rem;
  width: 100%;
/*  width: calc(100% - calc(120px + (350 - 120) * (100vw - 320px) / (1920 - 320)));*/
}
.race-system-container .race-system-accordion .accordion-item:nth-child(odd) .race-system-header .accordion-button {
  background-color: #e24a47;
/*  margin-right: 0.75rem;*/
}
.race-system-container .race-system-accordion .accordion-item:nth-child(even) .race-system-header .accordion-button {
  background-color: #f57900;
/*  margin-left: 0.75rem;*/
}
.race-system-container .race-system-accordion .accordion-item .race-system-header .accordion-button.collapsed::after {
  position: absolute;
  top: 50%;
  right: 1.5rem;

  display: inline-block;
  content: "";
  border: 1px solid #ffffff;
  border-width: 0 0 0.2rem 0.2rem;
  width: 0.75rem;
  height: 0.75rem;

  -webkit-transform: translate(-50%, 0%) rotate(135deg);
  -ms-transform: translate(-50%, 0%) rotate(135deg);
  -o-transform: translate(-50%, 0%) rotate(135deg);
  transform: translate(-50%, 0%) rotate(135deg);
}
.race-system-container .race-system-accordion .accordion-item .race-system-header .accordion-button:not(.collapsed)::after {
  position: absolute;
  top: 50%;
  right: 1.5rem;

  display: inline-block;
  content: "";
  border: 1px solid #ffffff;
  border-width: 0 0 0.2rem 0.2rem;
  width: 0.75rem;
  height: 0.75rem;

  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.race-system-container .race-system-accordion .accordion-item .race-system-header .accordion-button:not(.collapsed) {
  margin-left: 0rem;
  margin-right: 0rem;
  width: 100%;
}
.race-system-container .race-system-accordion .accordion-item .race-system-header .accordion-button:not(.collapsed) ~ .accordion-image {
  display: none;
}
.race-system-container .race-system-accordion .accordion-item .race-system-header .accordion-image {
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
  width: calc(120px + (350 - 120) * (100vw - 320px) / (1920 - 320));
  height: calc(80px + (200 - 80) * (100vw - 320px) / (1920 - 320));
  border-radius: 0.75rem;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
}
.race-system-container .race-system-accordion .accordion-item:nth-child(odd) .race-system-header .accordion-image {
  margin-left: 0.75rem;
}
.race-system-container .race-system-accordion .accordion-item:nth-child(even) .race-system-header .accordion-image {
  margin-right: 0.75rem;
}
.race-system-container .race-system-accordion .accordion-item .accordion-collapse {
  padding: 0rem 0.75rem;
}
.race-system-container .race-system-accordion .accordion-item .race-system-sub-text {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 700;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
}
.race-system-container .race-system-accordion .accordion-item .race-system-subtitle {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 700;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
}
.race-system-container .race-system-accordion .accordion-item .race-system-description {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
}
.race-system-container .race-system-accordion .accordion-item .race-system-types .race-system-types-subtitle {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 700;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
}
.race-system-container .race-system-accordion .accordion-item .race-system-types .race-system-types-description {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
}
.race-system-container .race-system-accordion .accordion-item .race-system-types .table {
  width: auto;
  border: 1px solid #1a1a1a;
  margin: 0.75rem 0rem;
}
.race-system-container .race-system-accordion .accordion-item .race-system-types .table > thead > tr > th {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 700;
  font-size: calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (24 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  border: 1px solid #1a1a1a;
  padding: 0.3rem 0.75rem;
}
.race-system-container .race-system-accordion .accordion-item .race-system-types .table > tbody > tr > td {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (24 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  border: 1px solid #1a1a1a;
  padding: 0.3rem 0.75rem;
}
.race-system-container .race-system-accordion .accordion-item .race-system-types ul > li {
  margin-bottom: 0.75rem;
}
.race-system-container .race-system-accordion .accordion-item .race-system-types ul.race-system-types-dashed {
  list-style-type: '- ';
}
.race-system-container .race-system-accordion .accordion-item .race-system-types ul.race-system-types-dashed li {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
}
.race-system-container .race-system-accordion .accordion-item .race-system-types ul.race-system-types-dotted li {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
}
.race-system-container .race-system-accordion .accordion-item .race-system-chart {
  display: flex;
  flex-direction: row;
  margin: 1.5rem 0rem;
}
.race-system-container .race-system-accordion .accordion-item .race-system-chart .race-system-chart-image {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 50%;
  margin-right: 0.75rem;
  z-index: 2;
}
.race-system-container .race-system-accordion .accordion-item .race-system-chart .race-system-chart-content {
  width: 50%;
  margin-left: 0.75rem;
}
.race-system-container .race-system-accordion .accordion-item .race-system-chart .race-system-chart-content-image {
  width: 50%;
  margin-left: 0.75rem;
}
.race-system-container .race-system-accordion .accordion-item .race-system-chart .race-system-chart-content .race-system-chart-description {
  position: relative;
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (24 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  padding-left: 0.75rem;
}
.race-system-container .race-system-accordion .accordion-item .race-system-chart .race-system-chart-content .race-system-chart-description::before {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  height: 1px;
  background: #000000;
  left: 0%;
  z-index: 1;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
}
.race-system-container .race-system-accordion .accordion-item .race-system-chart .race-system-chart-content .race-system-chart-description:nth-child(1) {
  margin-left: calc(-90px + (-130 - -90) * (100vw - 767px) / (1920 - 767));
  margin-top: calc(20px + (20 - 20) * (100vw - 767px) / (1920 - 767));
}
.race-system-container .race-system-accordion .accordion-item .race-system-chart .race-system-chart-content .race-system-chart-description:nth-child(1)::before {
  width: calc(130px + (150 - 130) * (100vw - 767px) / (1920 - 767));
}
.race-system-container .race-system-accordion .accordion-item .race-system-chart .race-system-chart-content .race-system-chart-description:nth-child(2) {
  margin-left: calc(-45px + (-65 - -45) * (100vw - 767px) / (1920 - 767));
  margin-top: calc(10px + (15 - 10) * (100vw - 767px) / (1920 - 767));
}
.race-system-container .race-system-accordion .accordion-item .race-system-chart .race-system-chart-content .race-system-chart-description:nth-child(2)::before {
  width: calc(140px + (160 - 140) * (100vw - 767px) / (1920 - 767));
}
.race-system-container .race-system-accordion .accordion-item .race-system-chart .race-system-chart-content .race-system-chart-description:nth-child(3) {
  margin-left: calc(0px + (0 - 0) * (100vw - 767px) / (1920 - 767));
  margin-top: calc(10px + (10 - 10) * (100vw - 767px) / (1920 - 767));
}
.race-system-container .race-system-accordion .accordion-item .race-system-chart .race-system-chart-content .race-system-chart-description:nth-child(3)::before {
  width: calc(150px + (170 - 150) * (100vw - 767px) / (1920 - 767));
}
@media (max-width: 767px) {
  .race-system-container {
    padding: 1.5rem 0rem;
  }
  .race-system-container .race-system-accordion .accordion-item .race-system-chart {
    flex-direction: column;
  }
  .race-system-container .race-system-accordion .accordion-item .race-system-chart .race-system-chart-image {
    width: 100%;
    height: calc(320px + (400 - 320) * (100vw - 320px) / (767 - 320));
    margin-right: 0rem;
    margin-bottom: 0.75rem;
  }
  .race-system-container .race-system-accordion .accordion-item .race-system-chart .race-system-chart-content {
    width: 100%;
    margin-left: 0rem;
  }
  .race-system-container .race-system-accordion .accordion-item .race-system-chart .race-system-chart-content .race-system-chart-description {
    padding-left: 0rem;
  }
  .race-system-container .race-system-accordion .accordion-item .race-system-chart .race-system-chart-content .race-system-chart-description::before {
    content: none;
  }
  .race-system-container .race-system-accordion .accordion-item .race-system-chart .race-system-chart-content .race-system-chart-description:nth-child(1) {
    margin-left: 0;
    margin-top: 0;
  }
  .race-system-container .race-system-accordion .accordion-item .race-system-chart .race-system-chart-content .race-system-chart-description:nth-child(2) {
    margin-left: 0;
    margin-top: calc(10px + (15 - 10) * (100vw - 320px) / (767 - 320));
  }
  .race-system-container .race-system-accordion .accordion-item .race-system-chart .race-system-chart-content .race-system-chart-description:nth-child(3) {
    margin-left: 0;
    margin-top: calc(10px + (15 - 10) * (100vw - 320px) / (767 - 320));
  }
}
@media (max-width: 575px) {
  .race-system-container .race-system-accordion .accordion-item .race-system-header .accordion-button {
    padding: 0.75rem 1rem;
  }
  .race-system-container .race-system-accordion .accordion-item .race-system-header .accordion-button.collapsed::after {
    right: 0.75rem;
    width: 0.5rem;
    height: 0.5rem;
  }
  .race-system-container .race-system-accordion .accordion-item:nth-child(odd) .race-system-header .accordion-button {
    margin-right: 0.5rem;
  }
  .race-system-container .race-system-accordion .accordion-item:nth-child(even) .race-system-header .accordion-button {
    margin-left: 0.5rem;
  }
}

.race-system-container .race-system-accordion .accordion-item .race-system-table {
  border-radius: 0.75rem;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.race-system-container .race-system-accordion .accordion-item .race-system-table .table {
  margin: 0px;
}
.race-system-container .race-system-accordion .accordion-item .race-system-table .table > thead {

}
.race-system-container .race-system-accordion .accordion-item .race-system-table .table > thead > tr {
  background-color: #e24a47;
}
.race-system-container .race-system-accordion .accordion-item .race-system-table .table > thead > tr > th {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 700;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #ffffff;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  padding: 0.75rem 1rem;
  border: none;
  vertical-align: middle;
}
.race-system-container .race-system-accordion .accordion-item .race-system-table .table > tbody {

}
.race-system-container .race-system-accordion .accordion-item .race-system-table .table > tbody > tr {

}
.race-system-container .race-system-accordion .accordion-item .race-system-table .table > tbody > tr:nth-child(1) {
  background-color: #000000;
}
.race-system-container .race-system-accordion .accordion-item .race-system-table .table > tbody > tr > td {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #000000;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: center;
  padding: 0.375rem 0.75rem;
  border: none;
  vertical-align: middle;
}
.race-system-container .race-system-accordion .accordion-item .race-system-table .table > tbody > tr:nth-child(1) > td {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 700;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #ffffff;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: center;
  padding: 0.5rem 1rem;
}
.race-system-container .race-system-accordion .accordion-item .race-system-table .table > tbody > tr:nth-child(1) > td:nth-child(1) {
  text-align: left;
  padding: 0.5rem 1rem;
}
.race-system-container .race-system-accordion .accordion-item .race-system-table .table > tbody > tr > td:nth-child(1) {
  color: #ffffff;
  text-align: left;
  padding: 0.375rem 1rem;
}
.race-system-container .race-system-accordion .accordion-item .race-system-table-disclaimer {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (12 - 12) * (100vw - 320px) / (1920 - 320));
  color: #000000;
  line-height: calc(22px + (22 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  font-style: italic;
  margin-bottom: 1rem;
}

.past-season-container {
  padding: 3rem 0rem;
}
.past-season-container .past-season-title {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 700;
  font-size: calc(24px + (38 - 24) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(34px + (48 - 34) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 1.5rem;
}
.past-season-container .past-season-table {
  border-radius: 0.75rem;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
  margin: 0.375rem 0.375rem 1.5rem;
  overflow: hidden;
}
.past-season-container .past-season-table .table {
  margin: 0px;
}
.past-season-container .past-season-table .table > thead > tr {
  background-color: #e24a47;
}
.past-season-container .past-season-table .table > thead > tr > th {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 700;
  font-size: calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));
  color: #ffffff;
  line-height: calc(22px + (24 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: center;
  padding: 0.75rem 1rem;
  border: none;
  vertical-align: middle;
}
.past-season-container .past-season-table .table > thead > tr > th:not(:last-child) {
  border-right: 1px solid #ffffff;
}
.past-season-container .past-season-table .table > tbody > tr:nth-child(6n + 1),
.past-season-container .past-season-table .table > tbody > tr:nth-child(6n + 2),
.past-season-container .past-season-table .table > tbody > tr:nth-child(6n + 3) {
  background-color: #ffffff;
}
.past-season-container .past-season-table .table > tbody > tr:nth-child(6n + 4),
.past-season-container .past-season-table .table > tbody > tr:nth-child(6n + 5),
.past-season-container .past-season-table .table > tbody > tr:nth-child(6n + 6) {
  background-color: #f1f1f1;
}
.past-season-container .past-season-table .table > tbody > tr > td {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));
  color: #000000;
  line-height: calc(22px + (24 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: center;
  padding: 0.375rem 0.75rem;
  border: none;
  vertical-align: middle;
}
.past-season-container .past-season-table .table > tbody > tr > td:not(:last-child) {
  border-right: 1px solid #ffffff;
}
.past-season-container .past-season-disclaimer {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));
  color: #000000;
  line-height: calc(22px + (24 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
}
#past-season-swiper {
  position: relative;
}
#past-season-swiper .swiper-wrapper {

}
#past-season-swiper .swiper-wrapper .swiper-slide {

}
#past-season-swiper .swiper-button-prev {
  position: absolute;
  top: 8%;
  right: calc(45px + (65 - 45) * (100vw - 320px) / (1920 - 320));
  left: auto;
  transform: translate(0%, 0%);
  width: calc(40px + (50 - 40) * (100vw - 320px) / (1920 - 320));
  height: calc(40px + (50 - 40) * (100vw - 320px) / (1920 - 320));
}
#past-season-swiper .swiper-button-next {
  position: absolute;
  top: 8%;
  right: 0%;
  transform: translate(0%, 0%);
  width: calc(40px + (50 - 40) * (100vw - 320px) / (1920 - 320));
  height: calc(40px + (50 - 40) * (100vw - 320px) / (1920 - 320));
}
#past-season-swiper .swiper-button-prev:after {
  content: '';
  background-image: url('../../images/japan-racing/arrow-left.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: calc(40px + (50 - 40) * (100vw - 320px) / (1920 - 320));
  height: calc(40px + (50 - 40) * (100vw - 320px) / (1920 - 320));
}
#past-season-swiper .swiper-button-next:after {
  content: '';
  background-image: url('../../images/japan-racing/arrow-right.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: calc(40px + (50 - 40) * (100vw - 320px) / (1920 - 320));
  height: calc(40px + (50 - 40) * (100vw - 320px) / (1920 - 320));
}

#milestone {
/*  overflow: hidden;*/
}
.milestone-container {
  padding: 3rem 0rem 0rem;
}
.milestone-container .milestone-title {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 700;
  font-size: calc(24px + (38 - 24) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(34px + (48 - 34) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;

  max-width: 1024px;
  width: 100%;
  padding: 0rem 0.75rem;
  margin: 0 auto 1.5rem;
}
.milestone-container .milestone-items {
  display: flex;
  height: 500px;
  overflow-x: auto;
  overflow-y: hidden;
}
.milestone-container .milestone-items .milestone-item {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-bottom: 1.5rem;
  margin-left: calc(40px + (480 - 40) * (100vw - 320px) / (1920 - 320));
}
.milestone-container .milestone-items .milestone-item:not(:first-child) {
  margin-left: -10%;
  margin-right: 1.5rem;
}
.milestone-container .milestone-items .milestone-item .milestone-line {
  height: 100%;
  border-left: 1px dashed #808080;
  transform: translate(0px, -15px);
}
.milestone-container .milestone-items .milestone-item .milestone-description {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));
  line-height: calc(22px + (24 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  padding: 0.75rem 1.5rem;
  border-radius: 2.25rem;
  white-space: nowrap;
}
.milestone-container .milestone-items .milestone-item:nth-child(3n + 1) .milestone-description {
  background-color: #e24a47;
  color: #ffffff;
}
.milestone-container .milestone-items .milestone-item:nth-child(3n + 2) .milestone-description {
  background-color: #f3b341;
  color: #000000;
}
.milestone-container .milestone-items .milestone-item:nth-child(3n + 3) .milestone-description {
  background-color: #f57900;
  color: #ffffff;
}
.milestone-container .milestone-items .milestone-item:nth-child(2) {
  padding-top: 80px;
}
.milestone-container .milestone-items .milestone-item:nth-child(3) {
  padding-top: 160px;
}
.milestone-container .milestone-items .milestone-item:nth-child(4) {
  padding-top: 240px;
}
.milestone-container .milestone-items .milestone-item:nth-child(5) {
  padding-top: 320px;
}
.milestone-container .milestone-items .milestone-item .milestone-year {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-50%, 0%);
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 700;
  font-size: calc(22px + (28 - 22) * (100vw - 320px) / (1920 - 320));
  color: #000000;
  line-height: calc(32px + (38 - 32) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
}

.administration-of-horse-racing-container {
  padding: 3rem 0rem;
}
.administration-of-horse-racing-container .administration-of-horse-racing-title {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 700;
  font-size: calc(24px + (38 - 24) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(34px + (48 - 34) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 1.5rem;
}
.administration-of-horse-racing-container .administration-of-horse-racing-subtitle {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 700;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
}
.administration-of-horse-racing-container .administration-of-horse-racing-description {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
}
.administration-of-horse-racing-container .administration-of-horse-racing-description a {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
}
@media (max-width: 767px) {
  .administration-of-horse-racing-container {
    padding: 1.5rem 0rem;
  }
}