@font-face {
    font-family: "moraba";
    src: url(font/Morabba-Medium.ttf);
}
@font-face {
    font-family: "icon";
    src: url(css/bootstrap-icons-1.13.1/fonts/bootstrap-icons.woff) format(woff),
    url(css/bootstrap-icons-1.13.1/fonts/bootstrap-icons.woff2) format(woff2);
}
body {
    font-family: "moraba" !important;
}
.icon {
    color: #0d6efd; 
    background-color: #ebeafb; 
    display: inline-flex;
     padding: 15px; 
     border-radius: 15px;
}
.card-primary {
    background-color: #1b2a4e;
    color: white !important;
}
.color-p {
    color: white !important;
}
.footer-link {
    text-decoration: none;
    color: black;
}
.footer-link:hover{
    color: #000;
}
.footer-header {
    border-bottom: 3px solid;
    height: 35px;
}
.toast {
  /* انیمیشن برای ظاهر شدن */
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.toast.show {
  transform: translateY(0); /* اگر Bootstrap خودش ترنزیشن داره، این شاید لازم نباشه */
  opacity: 1;
}