:root {
  --black-primary: #1e1e1e;
  --br-primary-color: #5a108f;
  --br-primary-color: #613dc1;
  --br-second-color: #8b2fc9;
  --br-third-color: #ab51e3;
  --br-fourth-color: #d283ff;
  --admin-text-color: #1c2a3a;
  --br-light-gray: #61758a;
  --br-light-gray-2: #613dc11c;
  --sucess: #308423;
  --sucess-background: rgba(48, 132, 35, 0.1);
  --danger: rgba(199, 41, 41, 1);
  --danger-background: rgba(199, 41, 41, 0.1);
  --warning: rgba(209, 175, 50, 1);
  --warning-background: rgba(209, 175, 50, 0.1);
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #fff;
}

a:hover {
  text-decoration: none;
  color: #fff;
}

svg {
  cursor: pointer;
}

.px-50 {
  padding-inline: 3.125rem;
}

.py-50 {
  padding-block: 3.125rem;
}

.pl-50 {
  padding-left: 3.125rem;
}

.pr-50 {
  padding-right: 3.125rem;
}

.pt-50 {
  padding-top: 3.125rem;
}

.pb-50 {
  padding-bottom: 3.125rem;
}

.mx-50 {
  margin-inline: 3.125rem;
}

.my-50 {
  margin-block: 3.125rem;
}

.ml-50 {
  margin-left: 3.125rem;
}

.mr-50 {
  margin-right: 3.125rem;
}

.mt-50 {
  margin-top: 3.125rem;
}

.mb-50 {
  margin-bottom: 3.125rem;
}

.c-pointer {
  cursor: pointer;
}

.img-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
}

.img-contain {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: contain;
}

@media screen and (max-width: 767px) {
  .px-50 {
    padding-inline: 1rem;
  }

  .py-50 {
    padding-block: 1rem;
  }

  .pl-50 {
    padding-left: 1rem;
  }

  .pr-50 {
    padding-right: 1rem;
  }

  .pt-50 {
    padding-top: 1rem;
  }

  .pb-50 {
    padding-bottom: 1rem;
  }

  .mx-50 {
    margin-inline: 1rem;
  }

  .my-50 {
    margin-block: 1rem;
  }

  .ml-50 {
    margin-left: 1rem;
  }

  .mr-50 {
    margin-right: 1rem;
  }

  .mt-50 {
    margin-top: 1rem;
  }

  .mb-50 {
    margin-bottom: 1rem;
  }
}