.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
  display: inline-block;
  vertical-align: middle;
}

.grain-texture {
  background-image: url("../img/p6.png");
}

.leaf-overlay {
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 1),
    rgba(0, 0, 0, 0)
  );
}

.dot-leader::after {
  content: " .........................................................................................................................................................";
  overflow: hidden;
  white-space: nowrap;
  color: #dbc1b8;
  margin: 0 8px;
}