@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}


* {
  /* font-family: 'danstevis'; */
  /* font-family: 'Iranian Sans'; */
  font-family: 'BKamrnBd';
}

a {
  text-decoration: none;
}

.white-space-pre-line {
  white-space: pre-line;
}

.bg-white {
  background-color: white;
}

/* ==================== */
.group-title {
  position: relative;
  /* text-decoration: underline #000;
  text-underline-offset: .3em;
  line-height: 1.5em; */
}

.group-title::after {
  content: '';
  position: absolute;
  bottom: -.1em;
  right: 0;
  width: 100%;
  border-radius: 100rem;
  padding: .05em;
  background-image: linear-gradient(to left, #000, #0000);
}

/* .group-title::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 110%;
  width: 100%;
  border-radius: 100rem;
  padding: .1em;
  background-image: linear-gradient(to right, #000, #0000);
} */

/* ==================== */


/* ==================== */
/* index */
.hoverable:hover {
  transition: 200ms;
  /* box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .5); */
}

.hoverable .detailes {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, .1));
  transition: 200ms;
}

.hoverable:hover .detailes {
  bottom: 0 !important;
}

/* ==================== */