.primary-text {
  color: #0041d2 !important; }

.primary-bg {
  background: #0041d2 !important; }

.dark-text {
  color: #052d73 !important; }

.dark-bg {
  background: #052d73 !important; }

.kafelki .trzy > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }

.kafelki .trzy div div {
  width: 80%;
  height: 100px;
  background-color: #052d73 !important;
  margin-bottom: 20px; }

#block-ug-theme-content .kafelki .trzy div a {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px;
  width: 100%;
  height: 100%;
  color: #fff !important; }

#block-ug-theme-content .kafelki .trzy div a:hover {
  color: #fff !important; }

.kafelki .trzy div a::after {
  position: absolute;
  content: "";
  bottom: 20px;
  background-image: url("/themes/ug_theme/images/arrow-more-right-state.svg");
  height: 11px;
  width: 51px;
  background-repeat: no-repeat;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(211deg) brightness(106%) contrast(101%);
  transition: 0.15s;
  transition-delay: 0.28s; }

.kafelki .trzy div a:hover::after {
  content: "";
  background-image: url("/themes/ug_theme/images/arrow-more-right-hover.svg");
  height: 11px; }

@media screen and (min-width: 768px) {
  .kafelki .trzy {
    margin-bottom: 20px; }

  .kafelki .trzy > div {
    justify-content: space-between; }

  .kafelki .trzy div div {
    width: 30%;
    margin-bottom: 0; } }