.next_events_section {
  padding-block: 120px; }
  @media screen and (max-width: 992px) {
    .next_events_section {
      padding-block: 60px; } }

.next_events_section + .badges_scroll .badges_swiper {
  background: linear-gradient(180deg, #f8f5f2 0%, #f8f5f2 50%, white 50%, white 100%); }

.events-nav-pills.nav-pills {
  margin-top: 45px;
  gap: 10px;
  margin-bottom: 25px; }
  @media screen and (max-width: 992px) {
    .events-nav-pills.nav-pills {
      margin-top: 35px;
      margin-bottom: 20px; } }
  .events-nav-pills.nav-pills .nav-link {
    font-family: var(--wp--preset--font-family);
    font-size: 15px;
    font-weight: 400;
    line-height: 135%;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    font-weight: 500;
    width: 117px;
    text-align: center;
    justify-content: center;
    border-radius: 10px;
    background-color: transparent;
    color: var(--wp--preset--color--brown-button);
    border: 1px solid var(--wp--preset--color--stroke); }
    @media screen and (max-width: 575px) {
      .events-nav-pills.nav-pills .nav-link {
        font-size: 14px; } }
    .events-nav-pills.nav-pills .nav-link:hover, .events-nav-pills.nav-pills .nav-link.active {
      border: 1px solid var(--wp--preset--color--brown-button);
      background-color: var(--wp--preset--color--brown-button);
      color: var(--wp--preset--color--headers-white); }

.event_card {
  display: grid;
  grid-template-columns: 522px auto;
  background-color: transparent;
  padding: 0;
  border: none; }
  @media screen and (max-width: 1200px) {
    .event_card {
      grid-template-columns: 1fr 1fr; } }
  @media screen and (max-width: 992px) {
    .event_card {
      grid-template-columns: 1fr; } }

.event_card {
  margin-bottom: 1rem; }
  .event_card .card_image,
  .event_card .card_text {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    width: 100%; }
    @media screen and (max-width: 992px) {
      .event_card .card_image,
      .event_card .card_text {
        padding: 15px; } }
  .event_card .card_image {
    position: relative; }
    .event_card .card_image::after {
      content: '';
      position: absolute;
      top: 15px;
      right: 0;
      height: calc(100% - 30px);
      width: 1px;
      background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23100D0833' stroke-width='4' stroke-dasharray='10%2c 20' stroke-dashoffset='12' stroke-linecap='square'/%3e%3c/svg%3e"); }
      @media screen and (max-width: 992px) {
        .event_card .card_image::after {
          height: 1px;
          width: calc(100% - 30px);
          top: auto;
          bottom: 0;
          left: 15px; } }
    .event_card .card_image img {
      aspect-ratio: 2.1867;
      max-width: 100%;
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      border-radius: 10px; }
    @media screen and (max-width: 992px) {
      .event_card .card_image .badge_left {
        bottom: auto;
        top: 32px; }
      .event_card .card_image .badge_right {
        right: auto;
        left: 32px; } }
    @media screen and (max-width: 475px) {
      .event_card .card_image .badge_left {
        top: 22px; } }
    @media screen and (max-width: 475px) {
      .event_card .card_image .badge_right {
        left: 22px; } }
  .event_card .card_text {
    padding-right: 132px; }
    @media screen and (max-width: 992px) {
      .event_card .card_text {
        padding-right: 15px; }
        .event_card .card_text .arrow_link {
          margin-inline: auto; } }
    .event_card .card_text .arrow_link {
      white-space: nowrap; }
    .event_card .card_text .card_btns {
      margin-top: auto; }
      @media screen and (max-width: 992px) {
        .event_card .card_text .card_btns {
          margin-top: 20px; } }
  .event_card .card_text_price {
    position: absolute;
    right: 20px;
    top: 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    text-align: center;
    justify-content: center;
    align-items: center;
    background: var(--wp--preset--color--light-yellow);
    border-radius: 0px 0px 20px 20px; }
    @media screen and (max-width: 1200px) {
      .event_card .card_text_price {
        right: 10px; } }
    @media screen and (max-width: 992px) {
      .event_card .card_text_price {
        right: 27px; } }
    .event_card .card_text_price b {
      font-weight: 600; }

.card_image {
  position: relative; }
