/* gaps */
/* paddings */
/* margins */
/* container */
/* border */
/* divider */
/* header elements */
/* font properties */
.clinics-map {
  margin-top: 100px;
  margin-bottom: 100px; }
  .clinics-map__heading {
    text-align: center;
    margin-bottom: 40px; }
  .clinics-map__tiles__switcher {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
    margin-bottom: 27px; }
    @media (min-width: 380px) {
      .clinics-map__tiles__switcher {
        grid-template-columns: repeat(3, 1fr); } }
    .clinics-map__tiles__switcher__item {
      background: #5B91D9;
      border-color: #5B91D9;
      position: relative;
      cursor: pointer; }
      .clinics-map__tiles__switcher__item::after {
        content: '';
        position: absolute;
        background-color: #5B91D9;
        bottom: -74px;
        left: 50%;
        width: 52px;
        height: 52px;
        transform: rotateZ(45deg) translateX(-50%);
        border-radius: 5px;
        box-shadow: -2px -3px 9px 0 rgba(0, 0, 0, 0.25);
        opacity: 0;
        transition: opacity 0.3s ease-in-out; }
      .clinics-map__tiles__switcher__item:nth-child(2) {
        background: #E78725;
        border-color: #E78725; }
        .clinics-map__tiles__switcher__item:nth-child(2)::after {
          background-color: #E78725; }
      .clinics-map__tiles__switcher__item:nth-child(3) {
        background: #F14635;
        border-color: #F14635; }
        .clinics-map__tiles__switcher__item:nth-child(3)::after {
          background-color: #F14635; }
      .clinics-map__tiles__switcher__item--active {
        pointer-events: none; }
        .clinics-map__tiles__switcher__item--active::after {
          opacity: 1; }
  .clinics-map__tiles__wrapper {
    position: relative; }