#tariffs-block .tariffs__list {
  display: flex;
  gap: 30px;
}
#tariffs-block .tariffs__item {
flex-basis: 100%;
  border-radius: 10px;
  overflow: hidden;
  background: var(--bgSecondary);
  display: flex;
  flex-direction: column;
}
#tariffs-block .tariffs__item-title {
  padding: 20px 30px;
  background: var(--strokeSecondary);
  text-align: center;
  margin-bottom: 20px;
}
#tariffs-block .tariffs__filling-title {
  text-align: center;
  margin-bottom: 15px;
}
#tariffs-block .tariffs__fillings {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
#tariffs-block .tariffs__filling {
  text-align: center;
  padding-bottom: 10px;
  min-width: 340px;
  border-bottom: 1px solid var(--stroke);
}
#tariffs-block .tariffs__bottom {
  margin-top: auto;
  padding: 30px;
}
#tariffs-block .tariffs__item-price {
  text-align: center;
}
#tariffs-block .tariffs__btn {
  width: 100%;
  margin-bottom: 15px;
}

@media screen and (max-width: 1440px) {
  #tariffs-block .tariffs__list {
	  display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 1050px) {
  #tariffs-block .tariffs__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 710px) {
  #tariffs-block .tariffs__list {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 380px) {
  #tariffs-block .tariffs__bottom {
    padding: 20px;
  }
  #tariffs-block .tariffs__item-title {
    padding: 20px;
  }
}/*# sourceMappingURL=block.css.map */