.c55-item {
  --text-opacity: 1;
  color: #404040;
  color: rgba(64, 64, 64, var(--text-opacity));
  border-color: #dfdfdf;
}

.c55-item:hover {
  --text-opacity: 1;
  color: #0392cf;
  color: rgba(3, 146, 207, var(--text-opacity));
}

.site-max-width.bg-grey-07 .c55-item,
.site-max-width.bg-white .c55-item:hover {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.site-max-width.bg-white .c55-item,
.site-max-width.bg-grey-07 .c55-item:hover {
  --bg-opacity: 1;
  background-color: #f9f9f9;
  background-color: rgba(249, 249, 249, var(--bg-opacity));
}

@media (min-width: 1026px) {
  .c55-container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1026px;
  }

  .c55-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
  }

  .c55-col-9 {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 75%;
    width: 75%;
    flex: 0 0 100%;
  }
}

@media (min-width: 1140px) {
  .c55-container {
    max-width: 1140px;
  }
}