@charset "UTF-8";

.info {
  position: relative;
  background: url("/local/templates/ulmc/img/backgrounds/info.jpg") center center/cover;
}

.info::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: var(--zero, #000);
  opacity: 0.2;
  z-index: -1;
}

.info__list {
  gap: 24px;
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
}

.info__small-list {
  gap: 20px;
  margin: 48px 0;
}

.info__item {
  border-radius: 12px;
  -webkit-box-flex: calc(33.33% - 24px);
      -ms-flex: calc(33.33% - 24px);
          flex: calc(33.33% - 24px);
  padding: 48px;
}

.info__item.no-background {
  padding: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.info__title {
  margin-bottom: 24px;
}

@media (min-width: 681px) {
  .info__item:nth-child(3n) {
    background-color: var(--blueDark, #263B72);
  }
}

@media (min-width: 1280px) {
  .info__item:nth-child(even) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media (max-width: 1279px) {
  .info__item {
    -webkit-box-flex: calc(50% - 24px);
        -ms-flex: calc(50% - 24px);
            flex: calc(50% - 24px);
  }
}

@media (max-width: 1023px) {
  .info__item {
    padding: 48px 24px;
  }

  .info__title {
    margin-bottom: 8px;
    font-size: 48px;
  }
}

@media (max-width: 680px) {
  .info__list {
    gap: 18px;
  }

  .info__item {
    padding: 24px 18px;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }

  .info__item:nth-child(3),
  .info__item:nth-child(3n + 2) {
    background-color: var(--blueDark, #263B72);
  }

  .info__item.no-background {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    background: none;
  }

  .info__title {
    font-size: 30px;
  }
}