﻿body {
  padding-top: var(--rb-header-height-01);
}

.rb-container {
  display: flex;
  flex-wrap: wrap-reverse;
  gap: var(--rb-padding-01);
  margin: var(--rb-padding-01) 0;
}

.rb-container > .rb-left,
.rb-container > .rb-right {
  display: flex;
  flex-direction: column;
  gap: var(--rb-padding-01);
}

.rb-container > .rb-left {
  flex-basis: calc(100% / 3 - var(--rb-padding-01) / 2);
}

.rb-container > .rb-right {
  flex-basis: calc(100% / 3 * 2 - var(--rb-padding-01) / 2);
}

.rb-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rb-padding-01);
}

.rb-row .rb-col-12 {
  flex-basis: 100%;
}

.rb-row .rb-col-6 {
  flex-basis: calc(100% / 2 - var(--rb-padding-01) / 2);
}

.rb-row .rb-col-4 {
  flex-basis: calc(100% / 3 - var(--rb-padding-01) / 1.5);
}

.rb-map-01 a {
  color: var(--rb-white-01);
}

.pagination {
  margin-bottom: var(--rb-padding-01);
}

.pagination .page-item {
  margin: 0;
}

.pagination .page-item .page-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  min-width: 43px;
  min-height: 43px;
  background-color: var(--rb-white-01);
  color: var(--rb-blue-01);
}

.pagination .page-item.active .page-link {
  background-color: var(--rb-blue-01);
  color: var(--rb-white-01);
}

@media (max-width: 1177px) {
  .rb-container > .rb-left,
  .rb-container > .rb-right {
    flex-basis: 100%;
    width: 100%;
  }
}

@media (max-width: 768px) {
  body {
    padding-top: var(--rb-header-height-02);
  }

  .rb-row .rb-col-12,
  .rb-row .rb-col-6,
  .rb-row .rb-col-4 {
    flex-basis: 100%;
    width: 100%;
  }
}
