body, h1, p, button, a {
    font-family: Vazir, sans-serif;
}


/* === d-flex === */
.d-flex {
  display: flex;
}

/* === flex-column === */
.flex-column {
  flex-direction: column;
}

/* === align-items-center === */
.align-items-center {
  align-items: center;
}

/* === mt-3 === */
.mt-3 {
  margin-top: 1rem; /* در بوت‌استرپ = 16px */
}

/* === text-center === */
.text-center {
  text-align: center;
}

/ === mx-2 === */
.mx-2 {
  margin-left: 0.5rem;  /* 8px */
  margin-right: 0.5rem; /* 8px */
}

/* === pt-2 === */
.pt-2 {
  padding-top: 0.5rem; /* 8px */
}

/* === mx-auto === */
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}






.eggy>div .progress-bar{height:100%;width:105%;position:absolute;top:0;z-index:1;-webkit-clip-path:polygon(0 0,100% 0,95% 100%,0 100%);clip-path:polygon(0 0,100% 0,95% 100%,0 100%);-webkit-animation-name:progressBar;animation-name:progressBar;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.eggy>div.success>.progress-bar{background-color:rgba(97,201,168,.1)}.eggy>div.warning>.progress-bar{background-color:rgba(237,155,64,.1)}.eggy>div.info>.progress-bar{background-color:rgba(64,162,237,.1)}.eggy>div.error>.progress-bar{background-color:rgba(214,69,80,.1)}