.hero-section {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)), url('../images/pic00.jpg');
  background-size: cover;
  height: auto;
  background-position: center;
}

@font-face {
  font-family: shabnam;
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url("/src/config/static/fonts/shabnam/Shabnam.ttf") format("ttf");
}

body{
    font-family: shabnam;
}
.feather-effect {
  mask-image: linear-gradient(to bottom, transparent 0%, black 40%, black 60%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 40%, black 60%, transparent 100%);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: cover;
  -webkit-mask-size: cover;
}