:root {
  --violet: rgb(109, 109, 212);
  --violet-transparent: rgba(109, 109, 212, 0.9);
  --violet-strong-transparent: rgba(109, 109, 212, 0.5);
  --violet-light-transparent: rgba(233, 233, 249);
  --dark-gray: #525252;
  --devdraw: #0b2b53;
}
.mela {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  justify-content: center;
  margin-top: 200px;
}
.mela h1 {
   display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.1rem;
  padding: 1rem;
  width: 100%;
  text-transform: uppercase;
  text-align: center;
  transform: translateX(-10px);
}

.mela h1 > img {
  margin: 0 1rem;
}

.guides-wrapper {
    margin:0 auto;
}
.guides-content {
    justify-content: center!important;
    align-items: flex-start!important;
    min-height: calc( 100dvh - 250px );
}

.mark-symbol {
    font-size: 1.6em;
    letter-spacing: 0;
    margin-left:2px;
}